@semcore/radio 6.2.1 → 6.2.2-test.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -1
- package/lib/cjs/Radio.js +14 -14
- package/lib/cjs/Radio.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/es6/Radio.js +14 -14
- package/lib/es6/Radio.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/types/index.d.ts +3 -2
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,7 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [6.2.
|
|
5
|
+
## [6.2.2-test.0] - 2023-08-17
|
|
6
|
+
|
|
7
|
+
### Fixed
|
|
8
|
+
|
|
9
|
+
- Removed wrong `tag` component declaration in `RadioGroupProps` type.
|
|
10
|
+
- Fixed vertical direction of radio group (due to `typo` it was horizontal by default).
|
|
11
|
+
|
|
12
|
+
## [6.2.1] - 2023-08-14
|
|
6
13
|
|
|
7
14
|
### Changed
|
|
8
15
|
|
package/lib/cjs/Radio.js
CHANGED
|
@@ -28,19 +28,19 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/e
|
|
|
28
28
|
var _color = _interopRequireDefault(require("@semcore/utils/lib/color"));
|
|
29
29
|
var _inputProps = _interopRequireWildcard(require("@semcore/utils/lib/inputProps"));
|
|
30
30
|
/*__reshadow-styles__:"./style/radio.shadow.css"*/
|
|
31
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
32
|
-
"__SRadio": "
|
|
33
|
-
"_disabled": "
|
|
34
|
-
"__SText": "
|
|
35
|
-
"_size_m": "
|
|
36
|
-
"_size_l": "
|
|
37
|
-
"__SValue": "
|
|
38
|
-
"_state_normal": "
|
|
39
|
-
"_state_invalid": "
|
|
40
|
-
"__SControl": "
|
|
41
|
-
"_keyboardFocused": "
|
|
42
|
-
"_theme": "
|
|
43
|
-
"--theme": "--
|
|
31
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SRadio_62ve1_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_62ve1_gg_.__disabled_62ve1_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SText_62ve1_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SText_62ve1_gg_._size_m_62ve1_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_62ve1_gg_._size_l_62ve1_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_62ve1_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_62ve1_gg_::after,.___SValue_62ve1_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_62ve1_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_62ve1_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_62ve1_gg_._size_m_62ve1_gg_{width:16px;height:16px}.___SValue_62ve1_gg_._size_l_62ve1_gg_{width:20px;height:20px}.___SValue_62ve1_gg_._state_normal_62ve1_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_62ve1_gg_._state_invalid_62ve1_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_62ve1_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_62ve1_gg_:checked~.___SValue_62ve1_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_62ve1_gg_:checked~.___SValue_62ve1_gg_._size_m_62ve1_gg_::after{width:6px;height:6px}.___SControl_62ve1_gg_:checked~.___SValue_62ve1_gg_._size_l_62ve1_gg_::after{width:8px;height:8px}.___SValue_62ve1_gg_._state_normal_62ve1_gg_.__keyboardFocused_62ve1_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_62ve1_gg_._state_invalid_62ve1_gg_.__keyboardFocused_62ve1_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_62ve1_gg_:checked~.___SValue_62ve1_gg_.__theme_62ve1_gg_::before{border-color:var(--theme_62ve1);background-color:var(--theme_62ve1)}.___SValue_62ve1_gg_._state_normal_62ve1_gg_.__theme_62ve1_gg_::before{border-color:var(--theme_62ve1)}" /*__inner_css_end__*/, "62ve1_gg_") /*__reshadow_css_end__*/, {
|
|
32
|
+
"__SRadio": "___SRadio_62ve1_gg_",
|
|
33
|
+
"_disabled": "__disabled_62ve1_gg_",
|
|
34
|
+
"__SText": "___SText_62ve1_gg_",
|
|
35
|
+
"_size_m": "_size_m_62ve1_gg_",
|
|
36
|
+
"_size_l": "_size_l_62ve1_gg_",
|
|
37
|
+
"__SValue": "___SValue_62ve1_gg_",
|
|
38
|
+
"_state_normal": "_state_normal_62ve1_gg_",
|
|
39
|
+
"_state_invalid": "_state_invalid_62ve1_gg_",
|
|
40
|
+
"__SControl": "___SControl_62ve1_gg_",
|
|
41
|
+
"_keyboardFocused": "__keyboardFocused_62ve1_gg_",
|
|
42
|
+
"_theme": "__theme_62ve1_gg_",
|
|
43
|
+
"--theme": "--theme_62ve1"
|
|
44
44
|
});
|
|
45
45
|
var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
46
46
|
(0, _inherits2["default"])(RadioGroupRoot, _Component);
|
|
@@ -81,7 +81,7 @@ var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
|
81
81
|
var _ref = this.asProps;
|
|
82
82
|
var Children = this.asProps.Children;
|
|
83
83
|
return /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, (0, _core.assignProps)({
|
|
84
|
-
"
|
|
84
|
+
"direction": 'column',
|
|
85
85
|
"role": 'radiogroup',
|
|
86
86
|
"__excludeProps": ['onChange']
|
|
87
87
|
}, _ref), /*#__PURE__*/_react["default"].createElement(Children, null));
|
package/lib/cjs/Radio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_assignProps6","_keyboardFocusEnhance","_color","_inputProps","style","sstyled","insert","RadioGroupRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","uncontrolledProps","setContext","_this$asProps","asProps","theme","size","name","onChange","disabled","render","_ref","Children","createElement","Flex","assignProps","Component","_defineProperty2","state","defaultValue","RadioGroup","createComponent","exports","Radio","_Component2","_super2","_this","_len","length","args","Array","_key","call","concat","_assertThisInitialized2","checked","e","context","getValueProps","props","_assignProps4","_assignProps4$state","_assignProps4$size","other","undefined","bindHandlerChange","tag","_objectSpread2","getTextProps","_assignProps5","_assignProps5$size","_ref2","_ref4","SRadio","Box","_this$asProps2","styles","cn","CONTEXT_COMPONENT","Value","_Component3","_super3","target","_ref5","SValue","SControl","_this$asProps3","forwardRef","includeInputProps","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","boxProps","Fragment","resolveColor","inputProps","defaultChecked","keyboardFocusEnhance","Text","_ref3","arguments[0]","_ref6","SText","_default"],"sources":["../../src/Radio.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport assignProps from '@semcore/utils/lib/assignProps';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport resolveColor from '@semcore/utils/lib/color';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\n\nimport style from './style/radio.shadow.css';\n\nclass RadioGroupRoot extends Component {\n static displayName = 'RadioGroup';\n\n static defaultProps = {\n state: 'normal',\n size: 'm',\n defaultValue: null,\n };\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n setContext() {\n const { theme, size, name, value, onChange, disabled } = this.asProps;\n return {\n onChange,\n value,\n theme,\n size,\n name,\n disabled,\n };\n }\n\n render() {\n const { Children } = this.asProps;\n\n return (\n <Root render={Flex} flexDirection='coumn' role='radiogroup' __excludeProps={['onChange']}>\n <Children />\n </Root>\n );\n }\n}\n\nconst RadioGroup = createComponent(RadioGroupRoot);\n\nclass Radio extends Component {\n static displayName = 'Radio';\n static style = style;\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n\n bindHandlerChange = (value) => (checked, e) => {\n this.context.onChange(value, e);\n };\n\n getValueProps(props) {\n // The default values are here, since you cannot rewrite out of context\n const {\n state = 'normal',\n size = 'm',\n theme,\n name,\n disabled,\n } = assignProps(this.props, this.context);\n const { value } = this.context;\n const other = {};\n // if used with the context\n if (value !== undefined) {\n other['checked'] = value === props.value;\n other['onChange'] = this.bindHandlerChange(props.value);\n if (this.asProps.tag !== 'label') {\n other['onClick'] = this.bindHandlerChange(props.value);\n }\n }\n return {\n ...other,\n state,\n size,\n theme,\n name,\n disabled,\n };\n }\n\n getTextProps() {\n // The default values are here, since you cannot rewrite out of context\n const { size = 'm' } = assignProps(this.props, this.context);\n return {\n size: size,\n };\n }\n\n render() {\n const SRadio = Root;\n const { styles, Children } = this.asProps;\n\n return sstyled(styles)(\n <SRadio render={Box} tag='label'>\n <Children />\n </SRadio>,\n );\n }\n}\n\nclass Value extends Component {\n static defaultProps = {\n includeInputProps: inputProps,\n defaultChecked: false,\n };\n static enhance = [keyboardFocusEnhance()];\n static hoistProps = ['disabled'];\n\n uncontrolledProps() {\n return {\n checked: (e) => e.target.checked,\n };\n }\n\n render() {\n const SValue = Box;\n const SControl = Box;\n const { forwardRef, styles, includeInputProps, theme } = this.asProps;\n\n const [controlProps, boxProps] = getInputProps(this.asProps, includeInputProps);\n\n return sstyled(styles)(\n <>\n <SControl tag='input' type='radio' {...controlProps} />\n <SValue ref={forwardRef} use:theme={resolveColor(theme)} {...boxProps} />\n </>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} />);\n}\n\nexport { inputProps, RadioGroup };\nexport default createComponent(Radio, {\n Value,\n Text,\n});\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Radio.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_assignProps6","_keyboardFocusEnhance","_color","_inputProps","style","sstyled","insert","RadioGroupRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","uncontrolledProps","setContext","_this$asProps","asProps","theme","size","name","onChange","disabled","render","_ref","Children","createElement","Flex","assignProps","Component","_defineProperty2","state","defaultValue","RadioGroup","createComponent","exports","Radio","_Component2","_super2","_this","_len","length","args","Array","_key","call","concat","_assertThisInitialized2","checked","e","context","getValueProps","props","_assignProps4","_assignProps4$state","_assignProps4$size","other","undefined","bindHandlerChange","tag","_objectSpread2","getTextProps","_assignProps5","_assignProps5$size","_ref2","_ref4","SRadio","Box","_this$asProps2","styles","cn","CONTEXT_COMPONENT","Value","_Component3","_super3","target","_ref5","SValue","SControl","_this$asProps3","forwardRef","includeInputProps","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","boxProps","Fragment","resolveColor","inputProps","defaultChecked","keyboardFocusEnhance","Text","_ref3","arguments[0]","_ref6","SText","_default"],"sources":["../../src/Radio.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport assignProps from '@semcore/utils/lib/assignProps';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport resolveColor from '@semcore/utils/lib/color';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\n\nimport style from './style/radio.shadow.css';\n\nclass RadioGroupRoot extends Component {\n static displayName = 'RadioGroup';\n\n static defaultProps = {\n state: 'normal',\n size: 'm',\n defaultValue: null,\n };\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n setContext() {\n const { theme, size, name, value, onChange, disabled } = this.asProps;\n return {\n onChange,\n value,\n theme,\n size,\n name,\n disabled,\n };\n }\n\n render() {\n const { Children } = this.asProps;\n\n return (\n <Root render={Flex} direction='column' role='radiogroup' __excludeProps={['onChange']}>\n <Children />\n </Root>\n );\n }\n}\n\nconst RadioGroup = createComponent(RadioGroupRoot);\n\nclass Radio extends Component {\n static displayName = 'Radio';\n static style = style;\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n\n bindHandlerChange = (value) => (checked, e) => {\n this.context.onChange(value, e);\n };\n\n getValueProps(props) {\n // The default values are here, since you cannot rewrite out of context\n const {\n state = 'normal',\n size = 'm',\n theme,\n name,\n disabled,\n } = assignProps(this.props, this.context);\n const { value } = this.context;\n const other = {};\n // if used with the context\n if (value !== undefined) {\n other['checked'] = value === props.value;\n other['onChange'] = this.bindHandlerChange(props.value);\n if (this.asProps.tag !== 'label') {\n other['onClick'] = this.bindHandlerChange(props.value);\n }\n }\n return {\n ...other,\n state,\n size,\n theme,\n name,\n disabled,\n };\n }\n\n getTextProps() {\n // The default values are here, since you cannot rewrite out of context\n const { size = 'm' } = assignProps(this.props, this.context);\n return {\n size: size,\n };\n }\n\n render() {\n const SRadio = Root;\n const { styles, Children } = this.asProps;\n\n return sstyled(styles)(\n <SRadio render={Box} tag='label'>\n <Children />\n </SRadio>,\n );\n }\n}\n\nclass Value extends Component {\n static defaultProps = {\n includeInputProps: inputProps,\n defaultChecked: false,\n };\n static enhance = [keyboardFocusEnhance()];\n static hoistProps = ['disabled'];\n\n uncontrolledProps() {\n return {\n checked: (e) => e.target.checked,\n };\n }\n\n render() {\n const SValue = Box;\n const SControl = Box;\n const { forwardRef, styles, includeInputProps, theme } = this.asProps;\n\n const [controlProps, boxProps] = getInputProps(this.asProps, includeInputProps);\n\n return sstyled(styles)(\n <>\n <SControl tag='input' type='radio' {...controlProps} />\n <SValue ref={forwardRef} use:theme={resolveColor(theme)} {...boxProps} />\n </>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} />);\n}\n\nexport { inputProps, RadioGroup };\nexport default createComponent(Radio, {\n Value,\n Text,\n});\n"],"mappings":"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"}
|
package/lib/cjs/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps, Flex } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { Text } from '@semcore/typography';\n\nexport type RadioSize = 'm' | 'l';\nexport type RadioState = 'normal' | 'invalid';\nexport type RadioValue = string | number | boolean;\n\n/** @deprecated */\nexport interface IRadioProps extends RadioProps, UnknownProperties {}\nexport type RadioProps = BoxProps & {\n /**\n * The value displaying the state of the component\n * @default normal\n */\n state?: RadioState;\n /**\n * Radio button size\n * @default m\n **/\n size?: RadioSize;\n /** The theme of the radio button that you can send your color to */\n theme?: string;\n};\n\n/** @deprecated */\nexport interface IRadioGroupProps extends RadioGroupProps, UnknownProperties {
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps, Flex } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { Text } from '@semcore/typography';\n\nexport type RadioSize = 'm' | 'l';\nexport type RadioState = 'normal' | 'invalid';\nexport type RadioValue = string | number | boolean;\n\n/** @deprecated */\nexport interface IRadioProps extends RadioProps, UnknownProperties {}\nexport type RadioProps = BoxProps & {\n /**\n * The value displaying the state of the component\n * @default normal\n */\n state?: RadioState;\n /**\n * Radio button size\n * @default m\n **/\n size?: RadioSize;\n /** The theme of the radio button that you can send your color to */\n theme?: string;\n};\n\n/** @deprecated */\nexport interface IRadioGroupProps extends RadioGroupProps, UnknownProperties {\n /**\n * HTML tag name for the displayed item\n */\n tag?: React.ElementType | string;\n}\nexport type RadioGroupProps<T extends RadioValue = RadioValue> = {\n /** Radio group name */\n name?: string;\n /** Active default value */\n defaultValue?: T;\n /** Active value */\n value?: T;\n /** Called when the selected element is changed */\n onChange?:\n | ((value: T, e?: React.SyntheticEvent<HTMLInputElement>) => void)\n | React.Dispatch<React.SetStateAction<T>>;\n /** Radio button size */\n size?: RadioSize;\n /** The theme of the radio button that you can send your color to */\n theme?: string;\n /** Blocks access and changes to the form field */\n disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IRadioValueProps extends RadioValueProps, UnknownProperties {}\nexport type RadioValueProps = BoxProps &\n KeyboardFocusProps & {\n /** List of elements that can be put on a hidden input */\n includeInputProps?: string[];\n /**\n * The value displaying the state of the component\n * @default normal\n */\n state?: RadioState;\n /** The theme of the radio button that you can send your color to */\n theme?: string;\n /** Radio button size */\n size?: RadioSize;\n /** The element value is required for RadioGroup */\n value?: RadioValue;\n /** Default value if `value` property is not provided */\n defaultValue?: RadioValue;\n /** Called when the value changes */\n onChange?: (value: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n /** Blocks access and changes to the form field */\n disabled?: boolean;\n };\n\n/** @deprecated */\nexport interface IRadioCtx extends RadioCtx, UnknownProperties {}\nexport type RadioCtx = {\n getValueProps: PropGetterFn;\n getTextProps: PropGetterFn;\n};\n\ntype IntergalacticRadioGroupComponent = (<\n Value extends RadioValue,\n Tag extends Intergalactic.Tag = typeof Flex,\n>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, typeof Flex, RadioGroupProps<Value>>,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n Intergalactic.InternalTypings.ComponentAdditive<'div'>;\n\ndeclare const RadioGroup: IntergalacticRadioGroupComponent;\n\nexport { RadioGroup };\n\ndeclare const Radio: Intergalactic.Component<'label', RadioProps, RadioCtx> & {\n Value: Intergalactic.Component<'input', RadioValueProps>;\n Text: typeof Text;\n};\n\nexport default Radio;\n"],"mappings":""}
|
package/lib/es6/Radio.js
CHANGED
|
@@ -18,19 +18,19 @@ import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhan
|
|
|
18
18
|
import resolveColor from '@semcore/utils/lib/color';
|
|
19
19
|
import getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';
|
|
20
20
|
/*__reshadow-styles__:"./style/radio.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SRadio": "
|
|
23
|
-
"_disabled": "
|
|
24
|
-
"__SText": "
|
|
25
|
-
"_size_m": "
|
|
26
|
-
"_size_l": "
|
|
27
|
-
"__SValue": "
|
|
28
|
-
"_state_normal": "
|
|
29
|
-
"_state_invalid": "
|
|
30
|
-
"__SControl": "
|
|
31
|
-
"_keyboardFocused": "
|
|
32
|
-
"_theme": "
|
|
33
|
-
"--theme": "--
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadio_62ve1_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_62ve1_gg_.__disabled_62ve1_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SText_62ve1_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SText_62ve1_gg_._size_m_62ve1_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_62ve1_gg_._size_l_62ve1_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_62ve1_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_62ve1_gg_::after,.___SValue_62ve1_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_62ve1_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_62ve1_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_62ve1_gg_._size_m_62ve1_gg_{width:16px;height:16px}.___SValue_62ve1_gg_._size_l_62ve1_gg_{width:20px;height:20px}.___SValue_62ve1_gg_._state_normal_62ve1_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_62ve1_gg_._state_invalid_62ve1_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_62ve1_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_62ve1_gg_:checked~.___SValue_62ve1_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_62ve1_gg_:checked~.___SValue_62ve1_gg_._size_m_62ve1_gg_::after{width:6px;height:6px}.___SControl_62ve1_gg_:checked~.___SValue_62ve1_gg_._size_l_62ve1_gg_::after{width:8px;height:8px}.___SValue_62ve1_gg_._state_normal_62ve1_gg_.__keyboardFocused_62ve1_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_62ve1_gg_._state_invalid_62ve1_gg_.__keyboardFocused_62ve1_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_62ve1_gg_:checked~.___SValue_62ve1_gg_.__theme_62ve1_gg_::before{border-color:var(--theme_62ve1);background-color:var(--theme_62ve1)}.___SValue_62ve1_gg_._state_normal_62ve1_gg_.__theme_62ve1_gg_::before{border-color:var(--theme_62ve1)}" /*__inner_css_end__*/, "62ve1_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SRadio": "___SRadio_62ve1_gg_",
|
|
23
|
+
"_disabled": "__disabled_62ve1_gg_",
|
|
24
|
+
"__SText": "___SText_62ve1_gg_",
|
|
25
|
+
"_size_m": "_size_m_62ve1_gg_",
|
|
26
|
+
"_size_l": "_size_l_62ve1_gg_",
|
|
27
|
+
"__SValue": "___SValue_62ve1_gg_",
|
|
28
|
+
"_state_normal": "_state_normal_62ve1_gg_",
|
|
29
|
+
"_state_invalid": "_state_invalid_62ve1_gg_",
|
|
30
|
+
"__SControl": "___SControl_62ve1_gg_",
|
|
31
|
+
"_keyboardFocused": "__keyboardFocused_62ve1_gg_",
|
|
32
|
+
"_theme": "__theme_62ve1_gg_",
|
|
33
|
+
"--theme": "--theme_62ve1"
|
|
34
34
|
});
|
|
35
35
|
var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
36
36
|
_inherits(RadioGroupRoot, _Component);
|
|
@@ -71,7 +71,7 @@ var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
|
71
71
|
var _ref = this.asProps;
|
|
72
72
|
var Children = this.asProps.Children;
|
|
73
73
|
return /*#__PURE__*/React.createElement(Flex, _assignProps({
|
|
74
|
-
"
|
|
74
|
+
"direction": 'column',
|
|
75
75
|
"role": 'radiogroup',
|
|
76
76
|
"__excludeProps": ['onChange']
|
|
77
77
|
}, _ref), /*#__PURE__*/React.createElement(Children, null));
|
package/lib/es6/Radio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","names":["React","createComponent","Component","CONTEXT_COMPONENT","sstyled","Root","Flex","Box","assignProps","keyboardFocusEnhance","resolveColor","getInputProps","inputProps","style","_sstyled","insert","RadioGroupRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","uncontrolledProps","setContext","_this$asProps","asProps","theme","size","name","onChange","disabled","render","_ref","Children","createElement","_assignProps","_defineProperty","state","defaultValue","RadioGroup","Radio","_Component2","_super2","_this","_len","length","args","Array","_key","call","concat","_assertThisInitialized","checked","e","context","getValueProps","props","_assignProps4","_assignProps4$state","_assignProps4$size","other","undefined","bindHandlerChange","tag","_objectSpread","getTextProps","_assignProps5","_assignProps5$size","_ref2","_ref4","SRadio","_this$asProps2","styles","cn","_assignProps2","Value","_Component3","_super3","target","_ref5","SValue","SControl","_this$asProps3","forwardRef","includeInputProps","_getInputProps","_getInputProps2","_slicedToArray","controlProps","boxProps","Fragment","defaultChecked","Text","_ref3","arguments[0]","_ref6","SText","_assignProps3"],"sources":["../../src/Radio.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport assignProps from '@semcore/utils/lib/assignProps';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport resolveColor from '@semcore/utils/lib/color';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\n\nimport style from './style/radio.shadow.css';\n\nclass RadioGroupRoot extends Component {\n static displayName = 'RadioGroup';\n\n static defaultProps = {\n state: 'normal',\n size: 'm',\n defaultValue: null,\n };\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n setContext() {\n const { theme, size, name, value, onChange, disabled } = this.asProps;\n return {\n onChange,\n value,\n theme,\n size,\n name,\n disabled,\n };\n }\n\n render() {\n const { Children } = this.asProps;\n\n return (\n <Root render={Flex} flexDirection='coumn' role='radiogroup' __excludeProps={['onChange']}>\n <Children />\n </Root>\n );\n }\n}\n\nconst RadioGroup = createComponent(RadioGroupRoot);\n\nclass Radio extends Component {\n static displayName = 'Radio';\n static style = style;\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n\n bindHandlerChange = (value) => (checked, e) => {\n this.context.onChange(value, e);\n };\n\n getValueProps(props) {\n // The default values are here, since you cannot rewrite out of context\n const {\n state = 'normal',\n size = 'm',\n theme,\n name,\n disabled,\n } = assignProps(this.props, this.context);\n const { value } = this.context;\n const other = {};\n // if used with the context\n if (value !== undefined) {\n other['checked'] = value === props.value;\n other['onChange'] = this.bindHandlerChange(props.value);\n if (this.asProps.tag !== 'label') {\n other['onClick'] = this.bindHandlerChange(props.value);\n }\n }\n return {\n ...other,\n state,\n size,\n theme,\n name,\n disabled,\n };\n }\n\n getTextProps() {\n // The default values are here, since you cannot rewrite out of context\n const { size = 'm' } = assignProps(this.props, this.context);\n return {\n size: size,\n };\n }\n\n render() {\n const SRadio = Root;\n const { styles, Children } = this.asProps;\n\n return sstyled(styles)(\n <SRadio render={Box} tag='label'>\n <Children />\n </SRadio>,\n );\n }\n}\n\nclass Value extends Component {\n static defaultProps = {\n includeInputProps: inputProps,\n defaultChecked: false,\n };\n static enhance = [keyboardFocusEnhance()];\n static hoistProps = ['disabled'];\n\n uncontrolledProps() {\n return {\n checked: (e) => e.target.checked,\n };\n }\n\n render() {\n const SValue = Box;\n const SControl = Box;\n const { forwardRef, styles, includeInputProps, theme } = this.asProps;\n\n const [controlProps, boxProps] = getInputProps(this.asProps, includeInputProps);\n\n return sstyled(styles)(\n <>\n <SControl tag='input' type='radio' {...controlProps} />\n <SValue ref={forwardRef} use:theme={resolveColor(theme)} {...boxProps} />\n </>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} />);\n}\n\nexport { inputProps, RadioGroup };\nexport default createComponent(Radio, {\n Value,\n Text,\n});\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,iBAAiB,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC5F,SAASC,IAAI,EAAEC,GAAG,QAAQ,mBAAmB;AAC7C,OAAOC,WAAW,MAAM,gCAAgC;AACxD,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,OAAOC,YAAY,MAAM,0BAA0B;AACnD,OAAOC,aAAa,IAAIC,UAAU,QAAQ,+BAA+B;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIpEC,cAAc,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,cAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAAK,eAAA,OAAAL,cAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,cAAA;IAAAS,GAAA;IAAAC,KAAA,EASlB,SAAAC,kBAAA,EAAoB;MAClB,OAAO;QACLD,KAAK,EAAE;MACT,CAAC;IACH;EAAC;IAAAD,GAAA;IAAAC,KAAA,EAED,SAAAE,WAAA,EAAa;MACX,IAAAC,aAAA,GAAyD,IAAI,CAACC,OAAO;QAA7DC,KAAK,GAAAF,aAAA,CAALE,KAAK;QAAEC,IAAI,GAAAH,aAAA,CAAJG,IAAI;QAAEC,IAAI,GAAAJ,aAAA,CAAJI,IAAI;QAAEP,KAAK,GAAAG,aAAA,CAALH,KAAK;QAAEQ,QAAQ,GAAAL,aAAA,CAARK,QAAQ;QAAEC,QAAQ,GAAAN,aAAA,CAARM,QAAQ;MACpD,OAAO;QACLD,QAAQ,EAARA,QAAQ;QACRR,KAAK,EAALA,KAAK;QACLK,KAAK,EAALA,KAAK;QACLC,IAAI,EAAJA,IAAI;QACJC,IAAI,EAAJA,IAAI;QACJE,QAAQ,EAARA;MACF,CAAC;IACH;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAP,OAAA;MACP,IAAQQ,QAAQ,GAAK,IAAI,CAACR,OAAO,CAAzBQ,QAAQ;MAEhB,oBACEtC,KAAA,CAAAuC,aAAA,CAAcjC,IAAI,EAAAkC,YAAA;QAAA,iBAAgB,OAAO;QAAA,QAAM,YAAY;QAAA,kBAAiB,CAAC,UAAU;MAAC,GAAAH,IAAA,gBACtFrC,KAAA,CAAAuC,aAAA,CAACD,QAAQ,OAAG,CACP;IAEX;EAAC;EAAA,OAAAtB,cAAA;AAAA,EAnC0Bd,SAAS;AAAAuC,eAAA,CAAhCzB,cAAc,iBACG,YAAY;AAAAyB,eAAA,CAD7BzB,cAAc,kBAGI;EACpB0B,KAAK,EAAE,QAAQ;EACfV,IAAI,EAAE,GAAG;EACTW,YAAY,EAAE;AAChB,CAAC;AA+BH,IAAMC,UAAU,GAAG3C,eAAe,CAACe,cAAc,CAAC;AAAC,IAE7C6B,KAAK,0BAAAC,WAAA;EAAA5B,SAAA,CAAA2B,KAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,GAAA3B,YAAA,CAAAyB,KAAA;EAAA,SAAAA,MAAA;IAAA,IAAAG,KAAA;IAAA3B,eAAA,OAAAwB,KAAA;IAAA,SAAAI,IAAA,GAAA1B,SAAA,CAAA2B,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAA9B,SAAA,CAAA8B,IAAA;IAAA;IAAAL,KAAA,GAAAD,OAAA,CAAAO,IAAA,CAAAhC,KAAA,CAAAyB,OAAA,SAAAQ,MAAA,CAAAJ,IAAA;IAAAV,eAAA,CAAAe,sBAAA,CAAAR,KAAA,wBAKW,UAACtB,KAAK;MAAA,OAAK,UAAC+B,OAAO,EAAEC,CAAC,EAAK;QAC7CV,KAAA,CAAKW,OAAO,CAACzB,QAAQ,CAACR,KAAK,EAAEgC,CAAC,CAAC;MACjC,CAAC;IAAA;IAAA,OAAAV,KAAA;EAAA;EAAAxB,YAAA,CAAAqB,KAAA;IAAApB,GAAA;IAAAC,KAAA,EAED,SAAAkC,cAAcC,KAAK,EAAE;MACnB;MACA,IAAAC,aAAA,GAMItD,WAAW,CAAC,IAAI,CAACqD,KAAK,EAAE,IAAI,CAACF,OAAO,CAAC;QAAAI,mBAAA,GAAAD,aAAA,CALvCpB,KAAK;QAALA,KAAK,GAAAqB,mBAAA,cAAG,QAAQ,GAAAA,mBAAA;QAAAC,kBAAA,GAAAF,aAAA,CAChB9B,IAAI;QAAJA,IAAI,GAAAgC,kBAAA,cAAG,GAAG,GAAAA,kBAAA;QACVjC,KAAK,GAAA+B,aAAA,CAAL/B,KAAK;QACLE,IAAI,GAAA6B,aAAA,CAAJ7B,IAAI;QACJE,QAAQ,GAAA2B,aAAA,CAAR3B,QAAQ;MAEV,IAAQT,KAAK,GAAK,IAAI,CAACiC,OAAO,CAAtBjC,KAAK;MACb,IAAMuC,KAAK,GAAG,CAAC,CAAC;MAChB;MACA,IAAIvC,KAAK,KAAKwC,SAAS,EAAE;QACvBD,KAAK,CAAC,SAAS,CAAC,GAAGvC,KAAK,KAAKmC,KAAK,CAACnC,KAAK;QACxCuC,KAAK,CAAC,UAAU,CAAC,GAAG,IAAI,CAACE,iBAAiB,CAACN,KAAK,CAACnC,KAAK,CAAC;QACvD,IAAI,IAAI,CAACI,OAAO,CAACsC,GAAG,KAAK,OAAO,EAAE;UAChCH,KAAK,CAAC,SAAS,CAAC,GAAG,IAAI,CAACE,iBAAiB,CAACN,KAAK,CAACnC,KAAK,CAAC;QACxD;MACF;MACA,OAAA2C,aAAA,CAAAA,aAAA,KACKJ,KAAK;QACRvB,KAAK,EAALA,KAAK;QACLV,IAAI,EAAJA,IAAI;QACJD,KAAK,EAALA,KAAK;QACLE,IAAI,EAAJA,IAAI;QACJE,QAAQ,EAARA;MAAQ;IAEZ;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAA4C,aAAA,EAAe;MACb;MACA,IAAAC,aAAA,GAAuB/D,WAAW,CAAC,IAAI,CAACqD,KAAK,EAAE,IAAI,CAACF,OAAO,CAAC;QAAAa,kBAAA,GAAAD,aAAA,CAApDvC,IAAI;QAAJA,IAAI,GAAAwC,kBAAA,cAAG,GAAG,GAAAA,kBAAA;MAClB,OAAO;QACLxC,IAAI,EAAEA;MACR,CAAC;IACH;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAAU,OAAA,EAAS;MAAA,IAAAqC,KAAA,QAAA3C,OAAA;QAAA4C,KAAA;MACP,IAAMC,MAAM,GAIMpE,GAAG;MAHrB,IAAAqE,cAAA,GAA6B,IAAI,CAAC9C,OAAO;QAAjC+C,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEvC,QAAQ,GAAAsC,cAAA,CAARtC,QAAQ;MAExB,OAAAoC,KAAA,GAAOtE,OAAO,CAACyE,MAAM,CAAC,eACpB7E,KAAA,CAAAuC,aAAA,CAACoC,MAAM,EAAAD,KAAA,CAAAI,EAAA,WAAAT,aAAA,KAAAU,aAAA;QAAA,OAAkB;MAAO,GAAAN,KAAA,kBAC9BzE,KAAA,CAAAuC,aAAA,CAACD,QAAQ,EAAAoC,KAAA,CAAAI,EAAA,iBAAG,CACL;IAEb;EAAC;EAAA,OAAAjC,KAAA;AAAA,EAvDiB3C,SAAS;AAAAuC,eAAA,CAAvBI,KAAK,iBACY,OAAO;AAAAJ,eAAA,CADxBI,KAAK,WAEMhC,KAAK;AAAA4B,eAAA,CAFhBI,KAAK,iBAGYD,UAAU,CAACzC,iBAAiB,CAAC;AAAA,IAuD9C6E,KAAK,0BAAAC,WAAA;EAAA/D,SAAA,CAAA8D,KAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,GAAA9D,YAAA,CAAA4D,KAAA;EAAA,SAAAA,MAAA;IAAA3D,eAAA,OAAA2D,KAAA;IAAA,OAAAE,OAAA,CAAA5D,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAwD,KAAA;IAAAvD,GAAA;IAAAC,KAAA,EAQT,SAAAC,kBAAA,EAAoB;MAClB,OAAO;QACL8B,OAAO,EAAE,SAAAA,QAACC,CAAC;UAAA,OAAKA,CAAC,CAACyB,MAAM,CAAC1B,OAAO;QAAA;MAClC,CAAC;IACH;EAAC;IAAAhC,GAAA;IAAAC,KAAA,EAED,SAAAU,OAAA,EAAS;MAAA,IAAAgD,KAAA;MACP,IAAMC,MAAM,GAAG9E,GAAG;MAClB,IAAM+E,QAAQ,GAAG/E,GAAG;MACpB,IAAAgF,cAAA,GAAyD,IAAI,CAACzD,OAAO;QAA7D0D,UAAU,GAAAD,cAAA,CAAVC,UAAU;QAAEX,MAAM,GAAAU,cAAA,CAANV,MAAM;QAAEY,iBAAiB,GAAAF,cAAA,CAAjBE,iBAAiB;QAAE1D,KAAK,GAAAwD,cAAA,CAALxD,KAAK;MAEpD,IAAA2D,cAAA,GAAiC/E,aAAa,CAAC,IAAI,CAACmB,OAAO,EAAE2D,iBAAiB,CAAC;QAAAE,eAAA,GAAAC,cAAA,CAAAF,cAAA;QAAxEG,YAAY,GAAAF,eAAA;QAAEG,QAAQ,GAAAH,eAAA;MAE7B,OAAAP,KAAA,GAAOhF,OAAO,CAACyE,MAAM,CAAC,eACpB7E,KAAA,CAAAuC,aAAA,CAAAvC,KAAA,CAAA+F,QAAA,qBACE/F,KAAA,CAAAuC,aAAA,CAAC+C,QAAQ,EAAAF,KAAA,CAAAN,EAAA,aAAAT,aAAA;QAAA,OAAK,OAAO;QAAA,QAAM;MAAO,GAAKwB,YAAY,GAAI,eACvD7F,KAAA,CAAAuC,aAAA,CAAC8C,MAAM,EAAAD,KAAA,CAAAN,EAAA,WAAAT,aAAA;QAAA,OAAMmB,UAAU;QAAA,aAAa9E,YAAY,CAACqB,KAAK;MAAC,GAAM+D,QAAQ,GAAI,CACxE;IAEP;EAAC;EAAA,OAAAd,KAAA;AAAA,EA3BiB9E,SAAS;AAAAuC,eAAA,CAAvBuC,KAAK,kBACa;EACpBS,iBAAiB,EAAE7E,UAAU;EAC7BoF,cAAc,EAAE;AAClB,CAAC;AAAAvD,eAAA,CAJGuC,KAAK,aAKQ,CAACvE,oBAAoB,EAAE,CAAC;AAAAgC,eAAA,CALrCuC,KAAK,gBAMW,CAAC,UAAU,CAAC;AAwBlC,SAASiB,IAAIA,CAACpC,KAAK,EAAE;EAAA,IAAAqC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACnB,IAAMC,KAAK,GAE2B9F,GAAG;EADzC,IAAQsE,MAAM,GAAKhB,KAAK,CAAhBgB,MAAM;EACd,OAAAuB,KAAA,GAAOhG,OAAO,CAACyE,MAAM,CAAC,eAAC7E,KAAA,CAAAuC,aAAA,CAAC8D,KAAK,EAAAD,KAAA,CAAAtB,EAAA,UAAAT,aAAA,KAAAiC,aAAA,KAAAJ,KAAA,IAAgB;AAC/C;AAEA,SAAStF,UAAU,EAAEgC,UAAU;AAC/B,eAAe3C,eAAe,CAAC4C,KAAK,EAAE;EACpCmC,KAAK,EAALA,KAAK;EACLiB,IAAI,EAAJA;AACF,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"Radio.js","names":["React","createComponent","Component","CONTEXT_COMPONENT","sstyled","Root","Flex","Box","assignProps","keyboardFocusEnhance","resolveColor","getInputProps","inputProps","style","_sstyled","insert","RadioGroupRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","uncontrolledProps","setContext","_this$asProps","asProps","theme","size","name","onChange","disabled","render","_ref","Children","createElement","_assignProps","_defineProperty","state","defaultValue","RadioGroup","Radio","_Component2","_super2","_this","_len","length","args","Array","_key","call","concat","_assertThisInitialized","checked","e","context","getValueProps","props","_assignProps4","_assignProps4$state","_assignProps4$size","other","undefined","bindHandlerChange","tag","_objectSpread","getTextProps","_assignProps5","_assignProps5$size","_ref2","_ref4","SRadio","_this$asProps2","styles","cn","_assignProps2","Value","_Component3","_super3","target","_ref5","SValue","SControl","_this$asProps3","forwardRef","includeInputProps","_getInputProps","_getInputProps2","_slicedToArray","controlProps","boxProps","Fragment","defaultChecked","Text","_ref3","arguments[0]","_ref6","SText","_assignProps3"],"sources":["../../src/Radio.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport assignProps from '@semcore/utils/lib/assignProps';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport resolveColor from '@semcore/utils/lib/color';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\n\nimport style from './style/radio.shadow.css';\n\nclass RadioGroupRoot extends Component {\n static displayName = 'RadioGroup';\n\n static defaultProps = {\n state: 'normal',\n size: 'm',\n defaultValue: null,\n };\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n setContext() {\n const { theme, size, name, value, onChange, disabled } = this.asProps;\n return {\n onChange,\n value,\n theme,\n size,\n name,\n disabled,\n };\n }\n\n render() {\n const { Children } = this.asProps;\n\n return (\n <Root render={Flex} direction='column' role='radiogroup' __excludeProps={['onChange']}>\n <Children />\n </Root>\n );\n }\n}\n\nconst RadioGroup = createComponent(RadioGroupRoot);\n\nclass Radio extends Component {\n static displayName = 'Radio';\n static style = style;\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n\n bindHandlerChange = (value) => (checked, e) => {\n this.context.onChange(value, e);\n };\n\n getValueProps(props) {\n // The default values are here, since you cannot rewrite out of context\n const {\n state = 'normal',\n size = 'm',\n theme,\n name,\n disabled,\n } = assignProps(this.props, this.context);\n const { value } = this.context;\n const other = {};\n // if used with the context\n if (value !== undefined) {\n other['checked'] = value === props.value;\n other['onChange'] = this.bindHandlerChange(props.value);\n if (this.asProps.tag !== 'label') {\n other['onClick'] = this.bindHandlerChange(props.value);\n }\n }\n return {\n ...other,\n state,\n size,\n theme,\n name,\n disabled,\n };\n }\n\n getTextProps() {\n // The default values are here, since you cannot rewrite out of context\n const { size = 'm' } = assignProps(this.props, this.context);\n return {\n size: size,\n };\n }\n\n render() {\n const SRadio = Root;\n const { styles, Children } = this.asProps;\n\n return sstyled(styles)(\n <SRadio render={Box} tag='label'>\n <Children />\n </SRadio>,\n );\n }\n}\n\nclass Value extends Component {\n static defaultProps = {\n includeInputProps: inputProps,\n defaultChecked: false,\n };\n static enhance = [keyboardFocusEnhance()];\n static hoistProps = ['disabled'];\n\n uncontrolledProps() {\n return {\n checked: (e) => e.target.checked,\n };\n }\n\n render() {\n const SValue = Box;\n const SControl = Box;\n const { forwardRef, styles, includeInputProps, theme } = this.asProps;\n\n const [controlProps, boxProps] = getInputProps(this.asProps, includeInputProps);\n\n return sstyled(styles)(\n <>\n <SControl tag='input' type='radio' {...controlProps} />\n <SValue ref={forwardRef} use:theme={resolveColor(theme)} {...boxProps} />\n </>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} />);\n}\n\nexport { inputProps, RadioGroup };\nexport default createComponent(Radio, {\n Value,\n Text,\n});\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,iBAAiB,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC5F,SAASC,IAAI,EAAEC,GAAG,QAAQ,mBAAmB;AAC7C,OAAOC,WAAW,MAAM,gCAAgC;AACxD,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,OAAOC,YAAY,MAAM,0BAA0B;AACnD,OAAOC,aAAa,IAAIC,UAAU,QAAQ,+BAA+B;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIpEC,cAAc,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,cAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAAK,eAAA,OAAAL,cAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,cAAA;IAAAS,GAAA;IAAAC,KAAA,EASlB,SAAAC,kBAAA,EAAoB;MAClB,OAAO;QACLD,KAAK,EAAE;MACT,CAAC;IACH;EAAC;IAAAD,GAAA;IAAAC,KAAA,EAED,SAAAE,WAAA,EAAa;MACX,IAAAC,aAAA,GAAyD,IAAI,CAACC,OAAO;QAA7DC,KAAK,GAAAF,aAAA,CAALE,KAAK;QAAEC,IAAI,GAAAH,aAAA,CAAJG,IAAI;QAAEC,IAAI,GAAAJ,aAAA,CAAJI,IAAI;QAAEP,KAAK,GAAAG,aAAA,CAALH,KAAK;QAAEQ,QAAQ,GAAAL,aAAA,CAARK,QAAQ;QAAEC,QAAQ,GAAAN,aAAA,CAARM,QAAQ;MACpD,OAAO;QACLD,QAAQ,EAARA,QAAQ;QACRR,KAAK,EAALA,KAAK;QACLK,KAAK,EAALA,KAAK;QACLC,IAAI,EAAJA,IAAI;QACJC,IAAI,EAAJA,IAAI;QACJE,QAAQ,EAARA;MACF,CAAC;IACH;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAP,OAAA;MACP,IAAQQ,QAAQ,GAAK,IAAI,CAACR,OAAO,CAAzBQ,QAAQ;MAEhB,oBACEtC,KAAA,CAAAuC,aAAA,CAAcjC,IAAI,EAAAkC,YAAA;QAAA,aAAY,QAAQ;QAAA,QAAM,YAAY;QAAA,kBAAiB,CAAC,UAAU;MAAC,GAAAH,IAAA,gBACnFrC,KAAA,CAAAuC,aAAA,CAACD,QAAQ,OAAG,CACP;IAEX;EAAC;EAAA,OAAAtB,cAAA;AAAA,EAnC0Bd,SAAS;AAAAuC,eAAA,CAAhCzB,cAAc,iBACG,YAAY;AAAAyB,eAAA,CAD7BzB,cAAc,kBAGI;EACpB0B,KAAK,EAAE,QAAQ;EACfV,IAAI,EAAE,GAAG;EACTW,YAAY,EAAE;AAChB,CAAC;AA+BH,IAAMC,UAAU,GAAG3C,eAAe,CAACe,cAAc,CAAC;AAAC,IAE7C6B,KAAK,0BAAAC,WAAA;EAAA5B,SAAA,CAAA2B,KAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,GAAA3B,YAAA,CAAAyB,KAAA;EAAA,SAAAA,MAAA;IAAA,IAAAG,KAAA;IAAA3B,eAAA,OAAAwB,KAAA;IAAA,SAAAI,IAAA,GAAA1B,SAAA,CAAA2B,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAA9B,SAAA,CAAA8B,IAAA;IAAA;IAAAL,KAAA,GAAAD,OAAA,CAAAO,IAAA,CAAAhC,KAAA,CAAAyB,OAAA,SAAAQ,MAAA,CAAAJ,IAAA;IAAAV,eAAA,CAAAe,sBAAA,CAAAR,KAAA,wBAKW,UAACtB,KAAK;MAAA,OAAK,UAAC+B,OAAO,EAAEC,CAAC,EAAK;QAC7CV,KAAA,CAAKW,OAAO,CAACzB,QAAQ,CAACR,KAAK,EAAEgC,CAAC,CAAC;MACjC,CAAC;IAAA;IAAA,OAAAV,KAAA;EAAA;EAAAxB,YAAA,CAAAqB,KAAA;IAAApB,GAAA;IAAAC,KAAA,EAED,SAAAkC,cAAcC,KAAK,EAAE;MACnB;MACA,IAAAC,aAAA,GAMItD,WAAW,CAAC,IAAI,CAACqD,KAAK,EAAE,IAAI,CAACF,OAAO,CAAC;QAAAI,mBAAA,GAAAD,aAAA,CALvCpB,KAAK;QAALA,KAAK,GAAAqB,mBAAA,cAAG,QAAQ,GAAAA,mBAAA;QAAAC,kBAAA,GAAAF,aAAA,CAChB9B,IAAI;QAAJA,IAAI,GAAAgC,kBAAA,cAAG,GAAG,GAAAA,kBAAA;QACVjC,KAAK,GAAA+B,aAAA,CAAL/B,KAAK;QACLE,IAAI,GAAA6B,aAAA,CAAJ7B,IAAI;QACJE,QAAQ,GAAA2B,aAAA,CAAR3B,QAAQ;MAEV,IAAQT,KAAK,GAAK,IAAI,CAACiC,OAAO,CAAtBjC,KAAK;MACb,IAAMuC,KAAK,GAAG,CAAC,CAAC;MAChB;MACA,IAAIvC,KAAK,KAAKwC,SAAS,EAAE;QACvBD,KAAK,CAAC,SAAS,CAAC,GAAGvC,KAAK,KAAKmC,KAAK,CAACnC,KAAK;QACxCuC,KAAK,CAAC,UAAU,CAAC,GAAG,IAAI,CAACE,iBAAiB,CAACN,KAAK,CAACnC,KAAK,CAAC;QACvD,IAAI,IAAI,CAACI,OAAO,CAACsC,GAAG,KAAK,OAAO,EAAE;UAChCH,KAAK,CAAC,SAAS,CAAC,GAAG,IAAI,CAACE,iBAAiB,CAACN,KAAK,CAACnC,KAAK,CAAC;QACxD;MACF;MACA,OAAA2C,aAAA,CAAAA,aAAA,KACKJ,KAAK;QACRvB,KAAK,EAALA,KAAK;QACLV,IAAI,EAAJA,IAAI;QACJD,KAAK,EAALA,KAAK;QACLE,IAAI,EAAJA,IAAI;QACJE,QAAQ,EAARA;MAAQ;IAEZ;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAA4C,aAAA,EAAe;MACb;MACA,IAAAC,aAAA,GAAuB/D,WAAW,CAAC,IAAI,CAACqD,KAAK,EAAE,IAAI,CAACF,OAAO,CAAC;QAAAa,kBAAA,GAAAD,aAAA,CAApDvC,IAAI;QAAJA,IAAI,GAAAwC,kBAAA,cAAG,GAAG,GAAAA,kBAAA;MAClB,OAAO;QACLxC,IAAI,EAAEA;MACR,CAAC;IACH;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAAU,OAAA,EAAS;MAAA,IAAAqC,KAAA,QAAA3C,OAAA;QAAA4C,KAAA;MACP,IAAMC,MAAM,GAIMpE,GAAG;MAHrB,IAAAqE,cAAA,GAA6B,IAAI,CAAC9C,OAAO;QAAjC+C,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEvC,QAAQ,GAAAsC,cAAA,CAARtC,QAAQ;MAExB,OAAAoC,KAAA,GAAOtE,OAAO,CAACyE,MAAM,CAAC,eACpB7E,KAAA,CAAAuC,aAAA,CAACoC,MAAM,EAAAD,KAAA,CAAAI,EAAA,WAAAT,aAAA,KAAAU,aAAA;QAAA,OAAkB;MAAO,GAAAN,KAAA,kBAC9BzE,KAAA,CAAAuC,aAAA,CAACD,QAAQ,EAAAoC,KAAA,CAAAI,EAAA,iBAAG,CACL;IAEb;EAAC;EAAA,OAAAjC,KAAA;AAAA,EAvDiB3C,SAAS;AAAAuC,eAAA,CAAvBI,KAAK,iBACY,OAAO;AAAAJ,eAAA,CADxBI,KAAK,WAEMhC,KAAK;AAAA4B,eAAA,CAFhBI,KAAK,iBAGYD,UAAU,CAACzC,iBAAiB,CAAC;AAAA,IAuD9C6E,KAAK,0BAAAC,WAAA;EAAA/D,SAAA,CAAA8D,KAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,GAAA9D,YAAA,CAAA4D,KAAA;EAAA,SAAAA,MAAA;IAAA3D,eAAA,OAAA2D,KAAA;IAAA,OAAAE,OAAA,CAAA5D,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAwD,KAAA;IAAAvD,GAAA;IAAAC,KAAA,EAQT,SAAAC,kBAAA,EAAoB;MAClB,OAAO;QACL8B,OAAO,EAAE,SAAAA,QAACC,CAAC;UAAA,OAAKA,CAAC,CAACyB,MAAM,CAAC1B,OAAO;QAAA;MAClC,CAAC;IACH;EAAC;IAAAhC,GAAA;IAAAC,KAAA,EAED,SAAAU,OAAA,EAAS;MAAA,IAAAgD,KAAA;MACP,IAAMC,MAAM,GAAG9E,GAAG;MAClB,IAAM+E,QAAQ,GAAG/E,GAAG;MACpB,IAAAgF,cAAA,GAAyD,IAAI,CAACzD,OAAO;QAA7D0D,UAAU,GAAAD,cAAA,CAAVC,UAAU;QAAEX,MAAM,GAAAU,cAAA,CAANV,MAAM;QAAEY,iBAAiB,GAAAF,cAAA,CAAjBE,iBAAiB;QAAE1D,KAAK,GAAAwD,cAAA,CAALxD,KAAK;MAEpD,IAAA2D,cAAA,GAAiC/E,aAAa,CAAC,IAAI,CAACmB,OAAO,EAAE2D,iBAAiB,CAAC;QAAAE,eAAA,GAAAC,cAAA,CAAAF,cAAA;QAAxEG,YAAY,GAAAF,eAAA;QAAEG,QAAQ,GAAAH,eAAA;MAE7B,OAAAP,KAAA,GAAOhF,OAAO,CAACyE,MAAM,CAAC,eACpB7E,KAAA,CAAAuC,aAAA,CAAAvC,KAAA,CAAA+F,QAAA,qBACE/F,KAAA,CAAAuC,aAAA,CAAC+C,QAAQ,EAAAF,KAAA,CAAAN,EAAA,aAAAT,aAAA;QAAA,OAAK,OAAO;QAAA,QAAM;MAAO,GAAKwB,YAAY,GAAI,eACvD7F,KAAA,CAAAuC,aAAA,CAAC8C,MAAM,EAAAD,KAAA,CAAAN,EAAA,WAAAT,aAAA;QAAA,OAAMmB,UAAU;QAAA,aAAa9E,YAAY,CAACqB,KAAK;MAAC,GAAM+D,QAAQ,GAAI,CACxE;IAEP;EAAC;EAAA,OAAAd,KAAA;AAAA,EA3BiB9E,SAAS;AAAAuC,eAAA,CAAvBuC,KAAK,kBACa;EACpBS,iBAAiB,EAAE7E,UAAU;EAC7BoF,cAAc,EAAE;AAClB,CAAC;AAAAvD,eAAA,CAJGuC,KAAK,aAKQ,CAACvE,oBAAoB,EAAE,CAAC;AAAAgC,eAAA,CALrCuC,KAAK,gBAMW,CAAC,UAAU,CAAC;AAwBlC,SAASiB,IAAIA,CAACpC,KAAK,EAAE;EAAA,IAAAqC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACnB,IAAMC,KAAK,GAE2B9F,GAAG;EADzC,IAAQsE,MAAM,GAAKhB,KAAK,CAAhBgB,MAAM;EACd,OAAAuB,KAAA,GAAOhG,OAAO,CAACyE,MAAM,CAAC,eAAC7E,KAAA,CAAAuC,aAAA,CAAC8D,KAAK,EAAAD,KAAA,CAAAtB,EAAA,UAAAT,aAAA,KAAAiC,aAAA,KAAAJ,KAAA,IAAgB;AAC/C;AAEA,SAAStF,UAAU,EAAEgC,UAAU;AAC/B,eAAe3C,eAAe,CAAC4C,KAAK,EAAE;EACpCmC,KAAK,EAALA,KAAK;EACLiB,IAAI,EAAJA;AACF,CAAC,CAAC"}
|
package/lib/es6/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps, Flex } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { Text } from '@semcore/typography';\n\nexport type RadioSize = 'm' | 'l';\nexport type RadioState = 'normal' | 'invalid';\nexport type RadioValue = string | number | boolean;\n\n/** @deprecated */\nexport interface IRadioProps extends RadioProps, UnknownProperties {}\nexport type RadioProps = BoxProps & {\n /**\n * The value displaying the state of the component\n * @default normal\n */\n state?: RadioState;\n /**\n * Radio button size\n * @default m\n **/\n size?: RadioSize;\n /** The theme of the radio button that you can send your color to */\n theme?: string;\n};\n\n/** @deprecated */\nexport interface IRadioGroupProps extends RadioGroupProps, UnknownProperties {
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps, Flex } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { Text } from '@semcore/typography';\n\nexport type RadioSize = 'm' | 'l';\nexport type RadioState = 'normal' | 'invalid';\nexport type RadioValue = string | number | boolean;\n\n/** @deprecated */\nexport interface IRadioProps extends RadioProps, UnknownProperties {}\nexport type RadioProps = BoxProps & {\n /**\n * The value displaying the state of the component\n * @default normal\n */\n state?: RadioState;\n /**\n * Radio button size\n * @default m\n **/\n size?: RadioSize;\n /** The theme of the radio button that you can send your color to */\n theme?: string;\n};\n\n/** @deprecated */\nexport interface IRadioGroupProps extends RadioGroupProps, UnknownProperties {\n /**\n * HTML tag name for the displayed item\n */\n tag?: React.ElementType | string;\n}\nexport type RadioGroupProps<T extends RadioValue = RadioValue> = {\n /** Radio group name */\n name?: string;\n /** Active default value */\n defaultValue?: T;\n /** Active value */\n value?: T;\n /** Called when the selected element is changed */\n onChange?:\n | ((value: T, e?: React.SyntheticEvent<HTMLInputElement>) => void)\n | React.Dispatch<React.SetStateAction<T>>;\n /** Radio button size */\n size?: RadioSize;\n /** The theme of the radio button that you can send your color to */\n theme?: string;\n /** Blocks access and changes to the form field */\n disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IRadioValueProps extends RadioValueProps, UnknownProperties {}\nexport type RadioValueProps = BoxProps &\n KeyboardFocusProps & {\n /** List of elements that can be put on a hidden input */\n includeInputProps?: string[];\n /**\n * The value displaying the state of the component\n * @default normal\n */\n state?: RadioState;\n /** The theme of the radio button that you can send your color to */\n theme?: string;\n /** Radio button size */\n size?: RadioSize;\n /** The element value is required for RadioGroup */\n value?: RadioValue;\n /** Default value if `value` property is not provided */\n defaultValue?: RadioValue;\n /** Called when the value changes */\n onChange?: (value: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n /** Blocks access and changes to the form field */\n disabled?: boolean;\n };\n\n/** @deprecated */\nexport interface IRadioCtx extends RadioCtx, UnknownProperties {}\nexport type RadioCtx = {\n getValueProps: PropGetterFn;\n getTextProps: PropGetterFn;\n};\n\ntype IntergalacticRadioGroupComponent = (<\n Value extends RadioValue,\n Tag extends Intergalactic.Tag = typeof Flex,\n>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, typeof Flex, RadioGroupProps<Value>>,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n Intergalactic.InternalTypings.ComponentAdditive<'div'>;\n\ndeclare const RadioGroup: IntergalacticRadioGroupComponent;\n\nexport { RadioGroup };\n\ndeclare const Radio: Intergalactic.Component<'label', RadioProps, RadioCtx> & {\n Value: Intergalactic.Component<'input', RadioValueProps>;\n Text: typeof Text;\n};\n\nexport default Radio;\n"],"mappings":""}
|
package/lib/types/index.d.ts
CHANGED
|
@@ -26,12 +26,13 @@ export type RadioProps = BoxProps & {
|
|
|
26
26
|
};
|
|
27
27
|
|
|
28
28
|
/** @deprecated */
|
|
29
|
-
export interface IRadioGroupProps extends RadioGroupProps, UnknownProperties {
|
|
30
|
-
export type RadioGroupProps<T extends RadioValue = RadioValue> = {
|
|
29
|
+
export interface IRadioGroupProps extends RadioGroupProps, UnknownProperties {
|
|
31
30
|
/**
|
|
32
31
|
* HTML tag name for the displayed item
|
|
33
32
|
*/
|
|
34
33
|
tag?: React.ElementType | string;
|
|
34
|
+
}
|
|
35
|
+
export type RadioGroupProps<T extends RadioValue = RadioValue> = {
|
|
35
36
|
/** Radio group name */
|
|
36
37
|
name?: string;
|
|
37
38
|
/** Active default value */
|