0.2.0 - Mid migration

This commit is contained in:
Daniel Mason 2022-04-25 14:47:15 +12:00
parent 139e6a915e
commit 7e38fdbd7d
42393 changed files with 5358157 additions and 62 deletions

View file

@ -0,0 +1,42 @@
import * as React from 'react';
import { StandardProps } from '..';
import { FormGroupProps, FormGroupClassKey } from '../FormGroup';
export interface RadioGroupProps
extends StandardProps<FormGroupProps, RadioGroupClassKey, 'onChange'> {
/**
* The default `input` element value. Use when the component is not controlled.
*/
defaultValue?: FormGroupProps['defaultValue'];
/**
* The name used to reference the value of the control.
* If you don't provide this prop, it falls back to a randomly generated name.
*/
name?: string;
/**
* Callback fired when a radio button is selected.
*
* @param {object} event The event source of the callback.
* You can pull out the new value by accessing `event.target.value` (string).
*/
onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
/**
* Value of the selected radio button. The DOM API casts this to a string.
*/
value?: any;
}
export type RadioGroupClassKey = FormGroupClassKey;
/**
*
* Demos:
*
* - [Radio Buttons](https://material-ui.com/components/radio-buttons/)
*
* API:
*
* - [RadioGroup API](https://material-ui.com/api/radio-group/)
* - inherits [FormGroup API](https://material-ui.com/api/form-group/)
*/
export default function RadioGroup(props: RadioGroupProps): JSX.Element;

View file

@ -0,0 +1,123 @@
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var React = _interopRequireWildcard(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _FormGroup = _interopRequireDefault(require("../FormGroup"));
var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
var _useControlled3 = _interopRequireDefault(require("../utils/useControlled"));
var _RadioGroupContext = _interopRequireDefault(require("./RadioGroupContext"));
var _unstable_useId = _interopRequireDefault(require("../utils/unstable_useId"));
var RadioGroup = /*#__PURE__*/React.forwardRef(function RadioGroup(props, ref) {
var actions = props.actions,
children = props.children,
nameProp = props.name,
valueProp = props.value,
onChange = props.onChange,
other = (0, _objectWithoutProperties2.default)(props, ["actions", "children", "name", "value", "onChange"]);
var rootRef = React.useRef(null);
var _useControlled = (0, _useControlled3.default)({
controlled: valueProp,
default: props.defaultValue,
name: 'RadioGroup'
}),
_useControlled2 = (0, _slicedToArray2.default)(_useControlled, 2),
value = _useControlled2[0],
setValue = _useControlled2[1];
React.useImperativeHandle(actions, function () {
return {
focus: function focus() {
var input = rootRef.current.querySelector('input:not(:disabled):checked');
if (!input) {
input = rootRef.current.querySelector('input:not(:disabled)');
}
if (input) {
input.focus();
}
}
};
}, []);
var handleRef = (0, _useForkRef.default)(ref, rootRef);
var handleChange = function handleChange(event) {
setValue(event.target.value);
if (onChange) {
onChange(event, event.target.value);
}
};
var name = (0, _unstable_useId.default)(nameProp);
return /*#__PURE__*/React.createElement(_RadioGroupContext.default.Provider, {
value: {
name: name,
onChange: handleChange,
value: value
}
}, /*#__PURE__*/React.createElement(_FormGroup.default, (0, _extends2.default)({
role: "radiogroup",
ref: handleRef
}, other), children));
});
process.env.NODE_ENV !== "production" ? RadioGroup.propTypes = {
// ----------------------------- Warning --------------------------------
// | These PropTypes are generated from the TypeScript type definitions |
// | To update them edit the d.ts file and run "yarn proptypes" |
// ----------------------------------------------------------------------
/**
* The content of the component.
*/
children: _propTypes.default.node,
/**
* The default `input` element value. Use when the component is not controlled.
*/
defaultValue: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.number, _propTypes.default.string]),
/**
* The name used to reference the value of the control.
* If you don't provide this prop, it falls back to a randomly generated name.
*/
name: _propTypes.default.string,
/**
* Callback fired when a radio button is selected.
*
* @param {object} event The event source of the callback.
* You can pull out the new value by accessing `event.target.value` (string).
*/
onChange: _propTypes.default.func,
/**
* Value of the selected radio button. The DOM API casts this to a string.
*/
value: _propTypes.default.any
} : void 0;
var _default = RadioGroup;
exports.default = _default;

View file

@ -0,0 +1,22 @@
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
/**
* @ignore - internal component.
*/
var RadioGroupContext = React.createContext();
if (process.env.NODE_ENV !== 'production') {
RadioGroupContext.displayName = 'RadioGroupContext';
}
var _default = RadioGroupContext;
exports.default = _default;

View file

@ -0,0 +1,3 @@
export { default } from './RadioGroup';
export * from './RadioGroup';
export { default as useRadioGroup, RadioGroupState } from './useRadioGroup';

23
web/node_modules/@material-ui/core/RadioGroup/index.js generated vendored Normal file
View file

@ -0,0 +1,23 @@
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "default", {
enumerable: true,
get: function get() {
return _RadioGroup.default;
}
});
Object.defineProperty(exports, "useRadioGroup", {
enumerable: true,
get: function get() {
return _useRadioGroup.default;
}
});
var _RadioGroup = _interopRequireDefault(require("./RadioGroup"));
var _useRadioGroup = _interopRequireDefault(require("./useRadioGroup"));

View file

@ -0,0 +1,5 @@
{
"sideEffects": false,
"module": "../esm/RadioGroup/index.js",
"typings": "./index.d.ts"
}

View file

@ -0,0 +1,6 @@
import { Context } from 'react';
import { RadioGroupProps } from './RadioGroup';
export interface RadioGroupState extends Pick<RadioGroupProps, 'name' | 'onChange' | 'value'> {}
export default function useRadioGroup(): RadioGroupState | undefined;

View file

@ -0,0 +1,18 @@
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = useRadioGroup;
var React = _interopRequireWildcard(require("react"));
var _RadioGroupContext = _interopRequireDefault(require("./RadioGroupContext"));
function useRadioGroup() {
return React.useContext(_RadioGroupContext.default);
}