@semcore/radio 6.43.1 → 16.0.0-prerelease.4
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 +6 -0
- package/lib/cjs/Radio.js +25 -28
- package/lib/cjs/Radio.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/style/radio.shadow.css +2 -2
- package/lib/es6/Radio.js +23 -25
- package/lib/es6/Radio.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/style/radio.shadow.css +2 -2
- package/lib/esm/Radio.mjs +114 -117
- package/lib/esm/index.mjs +1 -1
- package/lib/types/index.d.ts +1 -1
- package/package.json +4 -7
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [16.0.0] - 2025-02-13
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- `keyboardFocusEnhance` to css `:focus-visible` property.
|
|
10
|
+
|
|
5
11
|
## [6.43.1] - 2025-03-20
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/lib/cjs/Radio.js
CHANGED
|
@@ -22,36 +22,33 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
|
|
|
22
22
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
23
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
24
24
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
var
|
|
26
|
-
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
25
|
+
var _core = require("@semcore/core");
|
|
27
26
|
var _react = _interopRequireDefault(require("react"));
|
|
28
27
|
var _flexBox = require("@semcore/flex-box");
|
|
29
|
-
var _assignProps8 = _interopRequireWildcard(require("@semcore/
|
|
30
|
-
var
|
|
31
|
-
var
|
|
32
|
-
var
|
|
33
|
-
var
|
|
34
|
-
var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
|
|
28
|
+
var _assignProps8 = _interopRequireWildcard(require("@semcore/core/lib/utils/assignProps"));
|
|
29
|
+
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
|
|
30
|
+
var _inputProps = _interopRequireWildcard(require("@semcore/core/lib/utils/inputProps"));
|
|
31
|
+
var _useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
|
|
32
|
+
var _logger = _interopRequireDefault(require("@semcore/core/lib/utils/logger"));
|
|
35
33
|
var _typography = require("@semcore/typography");
|
|
36
34
|
var _excluded = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor"],
|
|
37
35
|
_excluded2 = ["children", "Children"];
|
|
38
36
|
/*__reshadow-styles__:"./style/radio.shadow.css"*/
|
|
39
|
-
var style = ( /*__reshadow_css_start__*/
|
|
40
|
-
"__SRadio": "
|
|
41
|
-
"_disabled": "
|
|
42
|
-
"__SText": "
|
|
43
|
-
"_size_m": "
|
|
44
|
-
"_size_l": "
|
|
45
|
-
"__SValue": "
|
|
46
|
-
"_state_normal": "
|
|
47
|
-
"_state_invalid": "
|
|
48
|
-
"__SControl": "
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"
|
|
52
|
-
"
|
|
53
|
-
"
|
|
54
|
-
"__SInvalidPattern": "___SInvalidPattern_n8xmt_gg_"
|
|
37
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SRadio_lyu5n_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_lyu5n_gg_ .___SText_lyu5n_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_lyu5n_gg_ .___SText_lyu5n_gg_.__color_lyu5n_gg_{color:var(--color_lyu5n)}.___SRadio_lyu5n_gg_.__disabled_lyu5n_gg_{pointer-events:none}.___SText_lyu5n_gg_._size_m_lyu5n_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_lyu5n_gg_._size_l_lyu5n_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_lyu5n_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_lyu5n_gg_::after,.___SValue_lyu5n_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_lyu5n_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_lyu5n_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_lyu5n_gg_.__disabled_lyu5n_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_lyu5n_gg_._size_m_lyu5n_gg_{width:16px;height:16px}.___SValue_lyu5n_gg_._size_m_lyu5n_gg_ .___SInvalidPattern_lyu5n_gg_:before{width:14px;height:14px}.___SValue_lyu5n_gg_._size_l_lyu5n_gg_{width:20px;height:20px}.___SValue_lyu5n_gg_._size_l_lyu5n_gg_ .___SInvalidPattern_lyu5n_gg_:before{width:18px;height:18px}.___SValue_lyu5n_gg_._state_normal_lyu5n_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_lyu5n_gg_._state_invalid_lyu5n_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_lyu5n_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_lyu5n_gg_:checked~.___SValue_lyu5n_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_lyu5n_gg_:checked~.___SValue_lyu5n_gg_._size_m_lyu5n_gg_::after{width:6px;height:6px}.___SControl_lyu5n_gg_:checked~.___SValue_lyu5n_gg_._size_l_lyu5n_gg_::after{width:8px;height:8px}.___SControl_lyu5n_gg_:focus-visible+.___SValue_lyu5n_gg_._state_normal_lyu5n_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)}.___SControl_lyu5n_gg_:focus-visible+.___SValue_lyu5n_gg_._state_invalid_lyu5n_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_lyu5n_gg_:checked~.___SValue_lyu5n_gg_.__theme_lyu5n_gg_::before{border-color:var(--theme_lyu5n);background-color:var(--theme_lyu5n)}.___SValue_lyu5n_gg_._state_normal_lyu5n_gg_.__theme_lyu5n_gg_::before{border-color:var(--theme_lyu5n)}.___SInvalidPattern_lyu5n_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_lyu5n_gg_:before{content:\"\";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}" /*__inner_css_end__*/, "lyu5n_gg_") /*__reshadow_css_end__*/, {
|
|
38
|
+
"__SRadio": "___SRadio_lyu5n_gg_",
|
|
39
|
+
"_disabled": "__disabled_lyu5n_gg_",
|
|
40
|
+
"__SText": "___SText_lyu5n_gg_",
|
|
41
|
+
"_size_m": "_size_m_lyu5n_gg_",
|
|
42
|
+
"_size_l": "_size_l_lyu5n_gg_",
|
|
43
|
+
"__SValue": "___SValue_lyu5n_gg_",
|
|
44
|
+
"_state_normal": "_state_normal_lyu5n_gg_",
|
|
45
|
+
"_state_invalid": "_state_invalid_lyu5n_gg_",
|
|
46
|
+
"__SControl": "___SControl_lyu5n_gg_",
|
|
47
|
+
"_theme": "__theme_lyu5n_gg_",
|
|
48
|
+
"--theme": "--theme_lyu5n",
|
|
49
|
+
"_color": "__color_lyu5n_gg_",
|
|
50
|
+
"--color": "--color_lyu5n",
|
|
51
|
+
"__SInvalidPattern": "___SInvalidPattern_lyu5n_gg_"
|
|
55
52
|
});
|
|
56
53
|
var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
57
54
|
(0, _inherits2["default"])(RadioGroupRoot, _Component);
|
|
@@ -104,7 +101,7 @@ var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
|
104
101
|
(0, _defineProperty2["default"])(RadioGroupRoot, "defaultProps", {
|
|
105
102
|
defaultValue: null
|
|
106
103
|
});
|
|
107
|
-
var RadioGroup = (0, _core
|
|
104
|
+
var RadioGroup = (0, _core.createComponent)(RadioGroupRoot);
|
|
108
105
|
exports.RadioGroup = RadioGroup;
|
|
109
106
|
var RadioRoot = /*#__PURE__*/function (_Component2) {
|
|
110
107
|
(0, _inherits2["default"])(RadioRoot, _Component2);
|
|
@@ -327,7 +324,7 @@ var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
|
327
324
|
includeInputProps: _inputProps.inputProps,
|
|
328
325
|
defaultChecked: false
|
|
329
326
|
});
|
|
330
|
-
(0, _defineProperty2["default"])(ValueRoot, "enhance", [(0,
|
|
327
|
+
(0, _defineProperty2["default"])(ValueRoot, "enhance", [(0, _resolveColorEnhance["default"])()]);
|
|
331
328
|
(0, _defineProperty2["default"])(ValueRoot, "displayName", 'Value');
|
|
332
329
|
(0, _defineProperty2["default"])(ValueRoot, "contextType", RadioGroup[_core.CONTEXT_COMPONENT]);
|
|
333
330
|
(0, _defineProperty2["default"])(ValueRoot, "style", style);
|
|
@@ -379,11 +376,11 @@ var Text = function Text(props) {
|
|
|
379
376
|
}, _ref5))));
|
|
380
377
|
};
|
|
381
378
|
Text.displayName = 'Text';
|
|
382
|
-
var Value = (0, _core
|
|
379
|
+
var Value = (0, _core.createComponent)(ValueRoot, {
|
|
383
380
|
Control: Control,
|
|
384
381
|
RadioMark: RadioMark
|
|
385
382
|
});
|
|
386
|
-
var Radio = (0, _core
|
|
383
|
+
var Radio = (0, _core.createComponent)(RadioRoot, {
|
|
387
384
|
Text: Text,
|
|
388
385
|
Value: Value
|
|
389
386
|
});
|
package/lib/cjs/Radio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_assignProps8","_keyboardFocusEnhance","_resolveColorEnhance","_inputProps","_useColorResolver","_logger","_typography","_excluded","_excluded2","style","_index","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","defaultValue","RadioGroup","createComponent","exports","RadioRoot","_Component2","_super2","_this","_len","length","args","Array","_key","call","concat","_assertThisInitialized2","hoistedDisabled","undefined","logger","warn","setState","getTextProps","_assignProps6","context","_assignProps6$size","label","state","textProps","children","hoistDisabled","rootDisabled","props","getValueProps","_this$props$size","_assignProps7","_assignProps7$size","_assignProps7$state","_this$asProps2","checked","_ref2","_ref6","SRadio","Box","_this$asProps3","styles","hasChildren","cn","_objectSpread2","Fragment","Radio","Value","Text","CONTEXT_COMPONENT","ValueRoot","_Component3","_super3","_this2","_len2","_key2","e","target","getControlProps","currentValue","_this$asProps4","forwardRef","includeInputProps","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","commonControlProps","inputValue","controlProps","ref","_this$props","onClick","callAllEventHandlers","bindHandlerChange","getRadioMarkProps","_this$asProps5","keyboardFocused","tag","resolveColor","other","_objectWithoutProperties2","_getInputProps3","_getInputProps4","radioMarkProps","propsWithoutChildren","markProps","componentDidUpdate","componentDidMount","_ref8","_this$asProps6","_ref7","Control","RadioMark","inputProps","defaultChecked","keyboardFocusEnhance","resolveColorEnhance","_ref3","arguments[0]","_ref9","SControl","displayName","_ref4","_ref10","SValue","SInvalidPattern","InvalidStateBox","_ref5","_ref11","SText","TypographyText","color","React","useEffect","useColorResolver","wrapRadioGroup","wrapper","_default"],"sources":["../../src/Radio.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';\nimport { Flex, Box, InvalidStateBox } from '@semcore/flex-box';\nimport assignProps, { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';\n\nimport style from './style/radio.shadow.css';\nimport logger from '@semcore/utils/lib/logger';\nimport { Text as TypographyText } from '@semcore/typography';\n\nclass RadioGroupRoot extends Component {\n static displayName = 'RadioGroup';\n\n static defaultProps = {\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\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='group' __excludeProps={['onChange']}>\n <Children />\n </Root>\n );\n }\n}\n\nconst RadioGroup = createComponent(RadioGroupRoot);\n\nclass RadioRoot extends Component {\n static displayName = 'Radio';\n static style = style;\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n\n state = {\n hoistedDisabled: undefined,\n };\n\n hoistDisabled = (disabled) => {\n logger.warn(\n true,\n `Don't set disabled on Radio.Value or Radio.Text, set it on Radio or on RadioGroup (for all items) instead. Otherwise it will produce wrong SSR output.`,\n this.asProps['data-ui-name'],\n );\n this.setState({ hoistedDisabled: disabled });\n };\n\n getTextProps() {\n // The default values are here, since you cannot rewrite out of context\n const { size = 'm', disabled, label } = assignProps(this.asProps, this.context);\n const { hoistedDisabled } = this.state;\n\n const textProps = {\n size,\n children: label,\n disabled: disabled ?? hoistedDisabled,\n hoistDisabled: this.hoistDisabled,\n rootDisabled: this.props.disabled,\n };\n\n return textProps;\n }\n\n getValueProps() {\n // The default values are here, since you cannot rewrite out of context\n const {\n size = 'm',\n state = 'normal',\n theme,\n disabled,\n name,\n } = assignProps(this.asProps, this.context);\n const { value, checked } = this.asProps;\n const { hoistedDisabled } = this.state;\n\n return {\n size: this.props.size ?? size,\n disabled: disabled ?? hoistedDisabled,\n state: state,\n theme,\n value,\n checked,\n name,\n hoistDisabled: this.hoistDisabled,\n rootDisabled: this.props.disabled,\n };\n }\n\n render() {\n const SRadio = Root;\n const { styles, Children, children: hasChildren } = this.asProps;\n\n return sstyled(styles)(\n <SRadio render={Box} tag='label' __excludeProps={['onChange', 'label', 'disabled']}>\n {hasChildren ? (\n <Children />\n ) : (\n <>\n <Radio.Value />\n <Radio.Text />\n </>\n )}\n </SRadio>,\n );\n }\n}\n\nclass ValueRoot extends Component {\n static defaultProps = {\n includeInputProps: inputProps,\n defaultChecked: false,\n };\n static enhance = [keyboardFocusEnhance(), resolveColorEnhance()];\n static displayName = 'Value';\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n static style = style;\n\n bindHandlerChange = (value) => (e) => {\n if (typeof this.context.onChange === 'function') {\n this.context.onChange(value, e);\n }\n };\n\n uncontrolledProps() {\n return {\n checked: (e) => e.target.checked,\n };\n }\n\n getControlProps() {\n const currentValue = this.context.value;\n const { forwardRef, includeInputProps, state, value } = this.asProps;\n const [commonControlProps] = getInputProps(this.asProps, includeInputProps);\n const inputValue = value ?? '';\n\n const controlProps = {\n ref: forwardRef,\n state,\n ...commonControlProps,\n value: inputValue,\n };\n\n if (currentValue !== undefined) {\n const { onChange, onClick } = this.props;\n\n controlProps.checked = currentValue === inputValue;\n controlProps.onChange = callAllEventHandlers(onChange, this.bindHandlerChange(inputValue));\n }\n\n return controlProps;\n }\n\n getRadioMarkProps() {\n const currentValue = this.context.value;\n const {\n size,\n state,\n theme,\n keyboardFocused,\n value,\n tag,\n disabled,\n includeInputProps,\n resolveColor,\n ...other\n } = this.asProps;\n const [commonControlProps, radioMarkProps] = getInputProps(other, includeInputProps);\n const { children, Children, ...propsWithoutChildren } = radioMarkProps;\n const inputValue = value ?? '';\n\n const markProps = {\n theme,\n size,\n state,\n keyboardFocused,\n disabled,\n resolveColor,\n checked: commonControlProps.checked,\n ...propsWithoutChildren,\n };\n\n if (currentValue !== undefined) {\n const { onClick } = this.props;\n\n if (tag !== 'label') {\n markProps.onClick = callAllEventHandlers(onClick, this.bindHandlerChange(inputValue));\n }\n }\n\n return markProps;\n }\n\n componentDidUpdate() {\n if (this.asProps.rootDisabled !== this.asProps.disabled) {\n this.asProps.hoistDisabled(this.asProps.disabled);\n }\n }\n componentDidMount() {\n if (this.asProps.rootDisabled !== this.asProps.disabled) {\n this.asProps.hoistDisabled(this.asProps.disabled);\n }\n }\n\n render() {\n const { styles, children: hasChildren, Children } = this.asProps;\n\n if (!hasChildren) {\n return sstyled(styles)(\n <>\n <Radio.Value.Control />\n <Radio.Value.RadioMark />\n </>,\n );\n }\n\n return sstyled(styles)(<Children />);\n }\n}\n\nconst Control = (props) => {\n const SControl = Root;\n const { styles, state } = props;\n\n return sstyled(styles)(\n <SControl render={Box} tag='input' type='radio' aria-invalid={state === 'invalid'} />,\n );\n};\nControl.displayName = 'Control';\n\nconst RadioMark = (props) => {\n const SValue = Root;\n const SInvalidPattern = InvalidStateBox;\n const { theme, styles, resolveColor, state, checked } = props;\n\n return sstyled(styles)(\n <SValue render={Box} tag='div' use:theme={resolveColor(theme)} aria-hidden={true}>\n {state === 'invalid' && !checked && <SInvalidPattern />}\n </SValue>,\n );\n};\nRadioMark.displayName = 'RadioMark';\n\nconst Text = (props) => {\n const SText = Root;\n const { styles, color } = props;\n\n React.useEffect(() => {\n if (props.rootDisabled !== props.disabled) {\n props.hoistDisabled(props.disabled);\n }\n }, [props.rootDisabled, props.disabled, props.hoistDisabled]);\n const resolveColor = useColorResolver();\n\n return sstyled(styles)(\n <SText render={TypographyText} tag='span' use:color={resolveColor(color)} />,\n );\n};\nText.displayName = 'Text';\n\nexport { inputProps, RadioGroup };\n\nconst Value = createComponent(ValueRoot, {\n Control,\n RadioMark,\n});\n\nconst Radio = createComponent(RadioRoot, {\n Text,\n Value,\n});\n\nexport const wrapRadioGroup = (wrapper) => wrapper;\n\nexport default Radio;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Radio.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_assignProps8","_interopRequireWildcard","_resolveColorEnhance","_inputProps","_useColorResolver","_logger","_typography","_excluded","_excluded2","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","defaultValue","RadioGroup","createComponent","exports","RadioRoot","_Component2","_super2","_this","_len","length","args","Array","_key","call","concat","_assertThisInitialized2","hoistedDisabled","undefined","logger","warn","setState","getTextProps","_assignProps6","context","_assignProps6$size","label","state","textProps","children","hoistDisabled","rootDisabled","props","getValueProps","_this$props$size","_assignProps7","_assignProps7$size","_assignProps7$state","_this$asProps2","checked","_ref2","_ref6","SRadio","Box","_this$asProps3","styles","hasChildren","cn","_objectSpread2","Fragment","Radio","Value","Text","CONTEXT_COMPONENT","ValueRoot","_Component3","_super3","_this2","_len2","_key2","e","target","getControlProps","currentValue","_this$asProps4","forwardRef","includeInputProps","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","commonControlProps","inputValue","controlProps","ref","_this$props","onClick","callAllEventHandlers","bindHandlerChange","getRadioMarkProps","_this$asProps5","keyboardFocused","tag","resolveColor","other","_objectWithoutProperties2","_getInputProps3","_getInputProps4","radioMarkProps","propsWithoutChildren","markProps","componentDidUpdate","componentDidMount","_ref8","_this$asProps6","_ref7","Control","RadioMark","inputProps","defaultChecked","resolveColorEnhance","_ref3","arguments[0]","_ref9","SControl","displayName","_ref4","_ref10","SValue","SInvalidPattern","InvalidStateBox","_ref5","_ref11","SText","TypographyText","color","React","useEffect","useColorResolver","wrapRadioGroup","wrapper","_default"],"sources":["../../src/Radio.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';\nimport { Flex, Box, InvalidStateBox } from '@semcore/flex-box';\nimport assignProps, { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\n\nimport style from './style/radio.shadow.css';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { Text as TypographyText } from '@semcore/typography';\n\nclass RadioGroupRoot extends Component {\n static displayName = 'RadioGroup';\n\n static defaultProps = {\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\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='group' __excludeProps={['onChange']}>\n <Children />\n </Root>\n );\n }\n}\n\nconst RadioGroup = createComponent(RadioGroupRoot);\n\nclass RadioRoot extends Component {\n static displayName = 'Radio';\n static style = style;\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n\n state = {\n hoistedDisabled: undefined,\n };\n\n hoistDisabled = (disabled) => {\n logger.warn(\n true,\n `Don't set disabled on Radio.Value or Radio.Text, set it on Radio or on RadioGroup (for all items) instead. Otherwise it will produce wrong SSR output.`,\n this.asProps['data-ui-name'],\n );\n this.setState({ hoistedDisabled: disabled });\n };\n\n getTextProps() {\n // The default values are here, since you cannot rewrite out of context\n const { size = 'm', disabled, label } = assignProps(this.asProps, this.context);\n const { hoistedDisabled } = this.state;\n\n const textProps = {\n size,\n children: label,\n disabled: disabled ?? hoistedDisabled,\n hoistDisabled: this.hoistDisabled,\n rootDisabled: this.props.disabled,\n };\n\n return textProps;\n }\n\n getValueProps() {\n // The default values are here, since you cannot rewrite out of context\n const {\n size = 'm',\n state = 'normal',\n theme,\n disabled,\n name,\n } = assignProps(this.asProps, this.context);\n const { value, checked } = this.asProps;\n const { hoistedDisabled } = this.state;\n\n return {\n size: this.props.size ?? size,\n disabled: disabled ?? hoistedDisabled,\n state: state,\n theme,\n value,\n checked,\n name,\n hoistDisabled: this.hoistDisabled,\n rootDisabled: this.props.disabled,\n };\n }\n\n render() {\n const SRadio = Root;\n const { styles, Children, children: hasChildren } = this.asProps;\n\n return sstyled(styles)(\n <SRadio render={Box} tag='label' __excludeProps={['onChange', 'label', 'disabled']}>\n {hasChildren ? (\n <Children />\n ) : (\n <>\n <Radio.Value />\n <Radio.Text />\n </>\n )}\n </SRadio>,\n );\n }\n}\n\nclass ValueRoot extends Component {\n static defaultProps = {\n includeInputProps: inputProps,\n defaultChecked: false,\n };\n static enhance = [resolveColorEnhance()];\n static displayName = 'Value';\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n static style = style;\n\n bindHandlerChange = (value) => (e) => {\n if (typeof this.context.onChange === 'function') {\n this.context.onChange(value, e);\n }\n };\n\n uncontrolledProps() {\n return {\n checked: (e) => e.target.checked,\n };\n }\n\n getControlProps() {\n const currentValue = this.context.value;\n const { forwardRef, includeInputProps, state, value } = this.asProps;\n const [commonControlProps] = getInputProps(this.asProps, includeInputProps);\n const inputValue = value ?? '';\n\n const controlProps = {\n ref: forwardRef,\n state,\n ...commonControlProps,\n value: inputValue,\n };\n\n if (currentValue !== undefined) {\n const { onChange, onClick } = this.props;\n\n controlProps.checked = currentValue === inputValue;\n controlProps.onChange = callAllEventHandlers(onChange, this.bindHandlerChange(inputValue));\n }\n\n return controlProps;\n }\n\n getRadioMarkProps() {\n const currentValue = this.context.value;\n const {\n size,\n state,\n theme,\n keyboardFocused,\n value,\n tag,\n disabled,\n includeInputProps,\n resolveColor,\n ...other\n } = this.asProps;\n const [commonControlProps, radioMarkProps] = getInputProps(other, includeInputProps);\n const { children, Children, ...propsWithoutChildren } = radioMarkProps;\n const inputValue = value ?? '';\n\n const markProps = {\n theme,\n size,\n state,\n keyboardFocused,\n disabled,\n resolveColor,\n checked: commonControlProps.checked,\n ...propsWithoutChildren,\n };\n\n if (currentValue !== undefined) {\n const { onClick } = this.props;\n\n if (tag !== 'label') {\n markProps.onClick = callAllEventHandlers(onClick, this.bindHandlerChange(inputValue));\n }\n }\n\n return markProps;\n }\n\n componentDidUpdate() {\n if (this.asProps.rootDisabled !== this.asProps.disabled) {\n this.asProps.hoistDisabled(this.asProps.disabled);\n }\n }\n componentDidMount() {\n if (this.asProps.rootDisabled !== this.asProps.disabled) {\n this.asProps.hoistDisabled(this.asProps.disabled);\n }\n }\n\n render() {\n const { styles, children: hasChildren, Children } = this.asProps;\n\n if (!hasChildren) {\n return sstyled(styles)(\n <>\n <Radio.Value.Control />\n <Radio.Value.RadioMark />\n </>,\n );\n }\n\n return sstyled(styles)(<Children />);\n }\n}\n\nconst Control = (props) => {\n const SControl = Root;\n const { styles, state } = props;\n\n return sstyled(styles)(\n <SControl render={Box} tag='input' type='radio' aria-invalid={state === 'invalid'} />,\n );\n};\nControl.displayName = 'Control';\n\nconst RadioMark = (props) => {\n const SValue = Root;\n const SInvalidPattern = InvalidStateBox;\n const { theme, styles, resolveColor, state, checked } = props;\n\n return sstyled(styles)(\n <SValue render={Box} tag='div' use:theme={resolveColor(theme)} aria-hidden={true}>\n {state === 'invalid' && !checked && <SInvalidPattern />}\n </SValue>,\n );\n};\nRadioMark.displayName = 'RadioMark';\n\nconst Text = (props) => {\n const SText = Root;\n const { styles, color } = props;\n\n React.useEffect(() => {\n if (props.rootDisabled !== props.disabled) {\n props.hoistDisabled(props.disabled);\n }\n }, [props.rootDisabled, props.disabled, props.hoistDisabled]);\n const resolveColor = useColorResolver();\n\n return sstyled(styles)(\n <SText render={TypographyText} tag='span' use:color={resolveColor(color)} />,\n );\n};\nText.displayName = 'Text';\n\nexport { inputProps, RadioGroup };\n\nconst Value = createComponent(ValueRoot, {\n Control,\n RadioMark,\n});\n\nconst Radio = createComponent(RadioRoot, {\n Text,\n Value,\n});\n\nexport const wrapRadioGroup = (wrapper) => wrapper;\n\nexport default Radio;\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 { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/
|
|
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 { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/core/lib/utils/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 /** Radio item value **/\n value?: RadioValue;\n\n /** Radio item checked flag **/\n checked?: boolean;\n\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 /** Radio item text **/\n label?: string;\n /** Blocks access and changes to the radio item **/\n disabled?: boolean;\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 * @deprecated set `state` on root Radio instead\n * The value displaying the state of the component\n * @default normal\n */\n state?: RadioState;\n /**\n * @deprecated\n * The theme of the radio button that you can send your color to\n */\n theme?: string;\n /**\n * @deprecated set `size` on root RadioGroup instead\n * Radio button size\n */\n size?: RadioSize;\n /**\n * @deprecated set `value` on root Radio instead\n * The element value is required for RadioGroup\n */\n value?: RadioValue;\n /**\n * @deprecated set `defaultValue` on root RadioGroup instead\n * Default value if `value` property is not provided\n */\n defaultValue?: RadioValue;\n /**\n * @deprecated set `onChange` on root RadioGroup instead\n * Called when the value changes\n */\n onChange?: (value: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n /**\n * @deprecated set `disabled` on root Radio instead\n * Blocks access and changes to the form field\n */\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<PropsExtending = {}> = (<\n Value extends RadioValue,\n Tag extends Intergalactic.Tag = typeof Flex,\n>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, typeof Flex, RadioGroupProps<Value>> &\n PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n Intergalactic.InternalTypings.ComponentAdditive<'div', typeof Flex, RadioGroupProps>;\n\nexport type RadioValueControlProps = {};\nexport type RadioValueMarkProps = {};\n\ndeclare const RadioGroup: IntergalacticRadioGroupComponent;\n\nexport { RadioGroup };\n\ndeclare const Radio: Intergalactic.Component<'label', RadioProps, RadioCtx> & {\n Value: Intergalactic.Component<'input', RadioValueProps> & {\n Control: Intergalactic.Component<'input', RadioValueControlProps>;\n RadioMark: Intergalactic.Component<typeof Box, RadioValueMarkProps>;\n };\n Text: typeof Text;\n};\n\ndeclare const wrapRadioGroup: <PropsExtending extends {}>(\n wrapper: (\n props: Intergalactic.InternalTypings.UntypeRefAndTag<\n Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticRadioGroupComponent>\n > &\n PropsExtending,\n ) => React.ReactNode,\n) => IntergalacticRadioGroupComponent<PropsExtending>;\nexport { wrapRadioGroup };\n\nexport default Radio;\n"],"mappings":""}
|
|
@@ -119,12 +119,12 @@ SControl:checked~SValue[size='l']::after {
|
|
|
119
119
|
height: 8px;
|
|
120
120
|
}
|
|
121
121
|
|
|
122
|
-
SValue[state='normal']
|
|
122
|
+
SControl:focus-visible + SValue[state='normal']::before {
|
|
123
123
|
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
|
|
124
124
|
border-color: var(--intergalactic-border-info-active, #006dca);
|
|
125
125
|
}
|
|
126
126
|
|
|
127
|
-
SValue[state='invalid']
|
|
127
|
+
SControl:focus-visible + SValue[state='invalid']::before {
|
|
128
128
|
box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5));
|
|
129
129
|
}
|
|
130
130
|
|
package/lib/es6/Radio.js
CHANGED
|
@@ -7,7 +7,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
|
|
|
7
7
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
8
8
|
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
9
9
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
10
|
-
import { sstyled as _sstyled } from "@semcore/
|
|
10
|
+
import { sstyled as _sstyled } from "@semcore/core";
|
|
11
11
|
import { assignProps as _assignProps5 } from "@semcore/core";
|
|
12
12
|
import { assignProps as _assignProps4 } from "@semcore/core";
|
|
13
13
|
import { assignProps as _assignProps3 } from "@semcore/core";
|
|
@@ -16,32 +16,30 @@ import { assignProps as _assignProps } from "@semcore/core";
|
|
|
16
16
|
var _excluded = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor"],
|
|
17
17
|
_excluded2 = ["children", "Children"];
|
|
18
18
|
import React from 'react';
|
|
19
|
-
import createComponent,
|
|
19
|
+
import { createComponent, Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';
|
|
20
20
|
import { Flex, Box, InvalidStateBox } from '@semcore/flex-box';
|
|
21
|
-
import assignProps, { callAllEventHandlers } from '@semcore/
|
|
22
|
-
import
|
|
23
|
-
import
|
|
24
|
-
import
|
|
25
|
-
import { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';
|
|
21
|
+
import assignProps, { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';
|
|
22
|
+
import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
|
|
23
|
+
import getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';
|
|
24
|
+
import { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';
|
|
26
25
|
/*__reshadow-styles__:"./style/radio.shadow.css"*/
|
|
27
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
28
|
-
"__SRadio": "
|
|
29
|
-
"_disabled": "
|
|
30
|
-
"__SText": "
|
|
31
|
-
"_size_m": "
|
|
32
|
-
"_size_l": "
|
|
33
|
-
"__SValue": "
|
|
34
|
-
"_state_normal": "
|
|
35
|
-
"_state_invalid": "
|
|
36
|
-
"__SControl": "
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"__SInvalidPattern": "___SInvalidPattern_n8xmt_gg_"
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadio_lyu5n_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_lyu5n_gg_ .___SText_lyu5n_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_lyu5n_gg_ .___SText_lyu5n_gg_.__color_lyu5n_gg_{color:var(--color_lyu5n)}.___SRadio_lyu5n_gg_.__disabled_lyu5n_gg_{pointer-events:none}.___SText_lyu5n_gg_._size_m_lyu5n_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_lyu5n_gg_._size_l_lyu5n_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_lyu5n_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_lyu5n_gg_::after,.___SValue_lyu5n_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_lyu5n_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_lyu5n_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_lyu5n_gg_.__disabled_lyu5n_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_lyu5n_gg_._size_m_lyu5n_gg_{width:16px;height:16px}.___SValue_lyu5n_gg_._size_m_lyu5n_gg_ .___SInvalidPattern_lyu5n_gg_:before{width:14px;height:14px}.___SValue_lyu5n_gg_._size_l_lyu5n_gg_{width:20px;height:20px}.___SValue_lyu5n_gg_._size_l_lyu5n_gg_ .___SInvalidPattern_lyu5n_gg_:before{width:18px;height:18px}.___SValue_lyu5n_gg_._state_normal_lyu5n_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_lyu5n_gg_._state_invalid_lyu5n_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_lyu5n_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_lyu5n_gg_:checked~.___SValue_lyu5n_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_lyu5n_gg_:checked~.___SValue_lyu5n_gg_._size_m_lyu5n_gg_::after{width:6px;height:6px}.___SControl_lyu5n_gg_:checked~.___SValue_lyu5n_gg_._size_l_lyu5n_gg_::after{width:8px;height:8px}.___SControl_lyu5n_gg_:focus-visible+.___SValue_lyu5n_gg_._state_normal_lyu5n_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)}.___SControl_lyu5n_gg_:focus-visible+.___SValue_lyu5n_gg_._state_invalid_lyu5n_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_lyu5n_gg_:checked~.___SValue_lyu5n_gg_.__theme_lyu5n_gg_::before{border-color:var(--theme_lyu5n);background-color:var(--theme_lyu5n)}.___SValue_lyu5n_gg_._state_normal_lyu5n_gg_.__theme_lyu5n_gg_::before{border-color:var(--theme_lyu5n)}.___SInvalidPattern_lyu5n_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_lyu5n_gg_:before{content:\"\";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}" /*__inner_css_end__*/, "lyu5n_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SRadio": "___SRadio_lyu5n_gg_",
|
|
28
|
+
"_disabled": "__disabled_lyu5n_gg_",
|
|
29
|
+
"__SText": "___SText_lyu5n_gg_",
|
|
30
|
+
"_size_m": "_size_m_lyu5n_gg_",
|
|
31
|
+
"_size_l": "_size_l_lyu5n_gg_",
|
|
32
|
+
"__SValue": "___SValue_lyu5n_gg_",
|
|
33
|
+
"_state_normal": "_state_normal_lyu5n_gg_",
|
|
34
|
+
"_state_invalid": "_state_invalid_lyu5n_gg_",
|
|
35
|
+
"__SControl": "___SControl_lyu5n_gg_",
|
|
36
|
+
"_theme": "__theme_lyu5n_gg_",
|
|
37
|
+
"--theme": "--theme_lyu5n",
|
|
38
|
+
"_color": "__color_lyu5n_gg_",
|
|
39
|
+
"--color": "--color_lyu5n",
|
|
40
|
+
"__SInvalidPattern": "___SInvalidPattern_lyu5n_gg_"
|
|
43
41
|
});
|
|
44
|
-
import logger from '@semcore/
|
|
42
|
+
import logger from '@semcore/core/lib/utils/logger';
|
|
45
43
|
import { Text as TypographyText } from '@semcore/typography';
|
|
46
44
|
var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
47
45
|
_inherits(RadioGroupRoot, _Component);
|
|
@@ -316,7 +314,7 @@ _defineProperty(ValueRoot, "defaultProps", {
|
|
|
316
314
|
includeInputProps: inputProps,
|
|
317
315
|
defaultChecked: false
|
|
318
316
|
});
|
|
319
|
-
_defineProperty(ValueRoot, "enhance", [
|
|
317
|
+
_defineProperty(ValueRoot, "enhance", [resolveColorEnhance()]);
|
|
320
318
|
_defineProperty(ValueRoot, "displayName", 'Value');
|
|
321
319
|
_defineProperty(ValueRoot, "contextType", RadioGroup[CONTEXT_COMPONENT]);
|
|
322
320
|
_defineProperty(ValueRoot, "style", style);
|
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","InvalidStateBox","assignProps","callAllEventHandlers","keyboardFocusEnhance","resolveColorEnhance","getInputProps","inputProps","useColorResolver","style","_sstyled","insert","logger","Text","TypographyText","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","defaultValue","RadioGroup","RadioRoot","_Component2","_super2","_this","_len","length","args","Array","_key","call","concat","_assertThisInitialized","hoistedDisabled","undefined","warn","setState","getTextProps","_assignProps6","context","_assignProps6$size","label","state","textProps","children","hoistDisabled","rootDisabled","props","getValueProps","_this$props$size","_assignProps7","_assignProps7$size","_assignProps7$state","_this$asProps2","checked","_ref2","_ref6","SRadio","_this$asProps3","styles","hasChildren","cn","_objectSpread","_assignProps2","Fragment","Radio","Value","ValueRoot","_Component3","_super3","_this2","_len2","_key2","e","target","getControlProps","currentValue","_this$asProps4","forwardRef","includeInputProps","_getInputProps","_getInputProps2","_slicedToArray","commonControlProps","inputValue","controlProps","ref","_this$props","onClick","bindHandlerChange","getRadioMarkProps","_this$asProps5","keyboardFocused","tag","resolveColor","other","_objectWithoutProperties","_excluded","_getInputProps3","_getInputProps4","radioMarkProps","propsWithoutChildren","_excluded2","markProps","componentDidUpdate","componentDidMount","_ref8","_this$asProps6","_ref7","Control","RadioMark","defaultChecked","_ref3","arguments[0]","_ref9","SControl","_assignProps3","displayName","_ref4","_ref10","SValue","SInvalidPattern","_assignProps4","_ref5","_ref11","SText","color","useEffect","_assignProps5","wrapRadioGroup","wrapper"],"sources":["../../src/Radio.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';\nimport { Flex, Box, InvalidStateBox } from '@semcore/flex-box';\nimport assignProps, { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';\n\nimport style from './style/radio.shadow.css';\nimport logger from '@semcore/utils/lib/logger';\nimport { Text as TypographyText } from '@semcore/typography';\n\nclass RadioGroupRoot extends Component {\n static displayName = 'RadioGroup';\n\n static defaultProps = {\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\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='group' __excludeProps={['onChange']}>\n <Children />\n </Root>\n );\n }\n}\n\nconst RadioGroup = createComponent(RadioGroupRoot);\n\nclass RadioRoot extends Component {\n static displayName = 'Radio';\n static style = style;\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n\n state = {\n hoistedDisabled: undefined,\n };\n\n hoistDisabled = (disabled) => {\n logger.warn(\n true,\n `Don't set disabled on Radio.Value or Radio.Text, set it on Radio or on RadioGroup (for all items) instead. Otherwise it will produce wrong SSR output.`,\n this.asProps['data-ui-name'],\n );\n this.setState({ hoistedDisabled: disabled });\n };\n\n getTextProps() {\n // The default values are here, since you cannot rewrite out of context\n const { size = 'm', disabled, label } = assignProps(this.asProps, this.context);\n const { hoistedDisabled } = this.state;\n\n const textProps = {\n size,\n children: label,\n disabled: disabled ?? hoistedDisabled,\n hoistDisabled: this.hoistDisabled,\n rootDisabled: this.props.disabled,\n };\n\n return textProps;\n }\n\n getValueProps() {\n // The default values are here, since you cannot rewrite out of context\n const {\n size = 'm',\n state = 'normal',\n theme,\n disabled,\n name,\n } = assignProps(this.asProps, this.context);\n const { value, checked } = this.asProps;\n const { hoistedDisabled } = this.state;\n\n return {\n size: this.props.size ?? size,\n disabled: disabled ?? hoistedDisabled,\n state: state,\n theme,\n value,\n checked,\n name,\n hoistDisabled: this.hoistDisabled,\n rootDisabled: this.props.disabled,\n };\n }\n\n render() {\n const SRadio = Root;\n const { styles, Children, children: hasChildren } = this.asProps;\n\n return sstyled(styles)(\n <SRadio render={Box} tag='label' __excludeProps={['onChange', 'label', 'disabled']}>\n {hasChildren ? (\n <Children />\n ) : (\n <>\n <Radio.Value />\n <Radio.Text />\n </>\n )}\n </SRadio>,\n );\n }\n}\n\nclass ValueRoot extends Component {\n static defaultProps = {\n includeInputProps: inputProps,\n defaultChecked: false,\n };\n static enhance = [keyboardFocusEnhance(), resolveColorEnhance()];\n static displayName = 'Value';\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n static style = style;\n\n bindHandlerChange = (value) => (e) => {\n if (typeof this.context.onChange === 'function') {\n this.context.onChange(value, e);\n }\n };\n\n uncontrolledProps() {\n return {\n checked: (e) => e.target.checked,\n };\n }\n\n getControlProps() {\n const currentValue = this.context.value;\n const { forwardRef, includeInputProps, state, value } = this.asProps;\n const [commonControlProps] = getInputProps(this.asProps, includeInputProps);\n const inputValue = value ?? '';\n\n const controlProps = {\n ref: forwardRef,\n state,\n ...commonControlProps,\n value: inputValue,\n };\n\n if (currentValue !== undefined) {\n const { onChange, onClick } = this.props;\n\n controlProps.checked = currentValue === inputValue;\n controlProps.onChange = callAllEventHandlers(onChange, this.bindHandlerChange(inputValue));\n }\n\n return controlProps;\n }\n\n getRadioMarkProps() {\n const currentValue = this.context.value;\n const {\n size,\n state,\n theme,\n keyboardFocused,\n value,\n tag,\n disabled,\n includeInputProps,\n resolveColor,\n ...other\n } = this.asProps;\n const [commonControlProps, radioMarkProps] = getInputProps(other, includeInputProps);\n const { children, Children, ...propsWithoutChildren } = radioMarkProps;\n const inputValue = value ?? '';\n\n const markProps = {\n theme,\n size,\n state,\n keyboardFocused,\n disabled,\n resolveColor,\n checked: commonControlProps.checked,\n ...propsWithoutChildren,\n };\n\n if (currentValue !== undefined) {\n const { onClick } = this.props;\n\n if (tag !== 'label') {\n markProps.onClick = callAllEventHandlers(onClick, this.bindHandlerChange(inputValue));\n }\n }\n\n return markProps;\n }\n\n componentDidUpdate() {\n if (this.asProps.rootDisabled !== this.asProps.disabled) {\n this.asProps.hoistDisabled(this.asProps.disabled);\n }\n }\n componentDidMount() {\n if (this.asProps.rootDisabled !== this.asProps.disabled) {\n this.asProps.hoistDisabled(this.asProps.disabled);\n }\n }\n\n render() {\n const { styles, children: hasChildren, Children } = this.asProps;\n\n if (!hasChildren) {\n return sstyled(styles)(\n <>\n <Radio.Value.Control />\n <Radio.Value.RadioMark />\n </>,\n );\n }\n\n return sstyled(styles)(<Children />);\n }\n}\n\nconst Control = (props) => {\n const SControl = Root;\n const { styles, state } = props;\n\n return sstyled(styles)(\n <SControl render={Box} tag='input' type='radio' aria-invalid={state === 'invalid'} />,\n );\n};\nControl.displayName = 'Control';\n\nconst RadioMark = (props) => {\n const SValue = Root;\n const SInvalidPattern = InvalidStateBox;\n const { theme, styles, resolveColor, state, checked } = props;\n\n return sstyled(styles)(\n <SValue render={Box} tag='div' use:theme={resolveColor(theme)} aria-hidden={true}>\n {state === 'invalid' && !checked && <SInvalidPattern />}\n </SValue>,\n );\n};\nRadioMark.displayName = 'RadioMark';\n\nconst Text = (props) => {\n const SText = Root;\n const { styles, color } = props;\n\n React.useEffect(() => {\n if (props.rootDisabled !== props.disabled) {\n props.hoistDisabled(props.disabled);\n }\n }, [props.rootDisabled, props.disabled, props.hoistDisabled]);\n const resolveColor = useColorResolver();\n\n return sstyled(styles)(\n <SText render={TypographyText} tag='span' use:color={resolveColor(color)} />,\n );\n};\nText.displayName = 'Text';\n\nexport { inputProps, RadioGroup };\n\nconst Value = createComponent(ValueRoot, {\n Control,\n RadioMark,\n});\n\nconst Radio = createComponent(RadioRoot, {\n Text,\n Value,\n});\n\nexport const wrapRadioGroup = (wrapper) => wrapper;\n\nexport default Radio;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Radio.js","names":["React","createComponent","Component","CONTEXT_COMPONENT","sstyled","Root","Flex","Box","InvalidStateBox","assignProps","callAllEventHandlers","resolveColorEnhance","getInputProps","inputProps","useColorResolver","style","_sstyled","insert","logger","Text","TypographyText","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","defaultValue","RadioGroup","RadioRoot","_Component2","_super2","_this","_len","length","args","Array","_key","call","concat","_assertThisInitialized","hoistedDisabled","undefined","warn","setState","getTextProps","_assignProps6","context","_assignProps6$size","label","state","textProps","children","hoistDisabled","rootDisabled","props","getValueProps","_this$props$size","_assignProps7","_assignProps7$size","_assignProps7$state","_this$asProps2","checked","_ref2","_ref6","SRadio","_this$asProps3","styles","hasChildren","cn","_objectSpread","_assignProps2","Fragment","Radio","Value","ValueRoot","_Component3","_super3","_this2","_len2","_key2","e","target","getControlProps","currentValue","_this$asProps4","forwardRef","includeInputProps","_getInputProps","_getInputProps2","_slicedToArray","commonControlProps","inputValue","controlProps","ref","_this$props","onClick","bindHandlerChange","getRadioMarkProps","_this$asProps5","keyboardFocused","tag","resolveColor","other","_objectWithoutProperties","_excluded","_getInputProps3","_getInputProps4","radioMarkProps","propsWithoutChildren","_excluded2","markProps","componentDidUpdate","componentDidMount","_ref8","_this$asProps6","_ref7","Control","RadioMark","defaultChecked","_ref3","arguments[0]","_ref9","SControl","_assignProps3","displayName","_ref4","_ref10","SValue","SInvalidPattern","_assignProps4","_ref5","_ref11","SText","color","useEffect","_assignProps5","wrapRadioGroup","wrapper"],"sources":["../../src/Radio.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';\nimport { Flex, Box, InvalidStateBox } from '@semcore/flex-box';\nimport assignProps, { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\n\nimport style from './style/radio.shadow.css';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { Text as TypographyText } from '@semcore/typography';\n\nclass RadioGroupRoot extends Component {\n static displayName = 'RadioGroup';\n\n static defaultProps = {\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\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='group' __excludeProps={['onChange']}>\n <Children />\n </Root>\n );\n }\n}\n\nconst RadioGroup = createComponent(RadioGroupRoot);\n\nclass RadioRoot extends Component {\n static displayName = 'Radio';\n static style = style;\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n\n state = {\n hoistedDisabled: undefined,\n };\n\n hoistDisabled = (disabled) => {\n logger.warn(\n true,\n `Don't set disabled on Radio.Value or Radio.Text, set it on Radio or on RadioGroup (for all items) instead. Otherwise it will produce wrong SSR output.`,\n this.asProps['data-ui-name'],\n );\n this.setState({ hoistedDisabled: disabled });\n };\n\n getTextProps() {\n // The default values are here, since you cannot rewrite out of context\n const { size = 'm', disabled, label } = assignProps(this.asProps, this.context);\n const { hoistedDisabled } = this.state;\n\n const textProps = {\n size,\n children: label,\n disabled: disabled ?? hoistedDisabled,\n hoistDisabled: this.hoistDisabled,\n rootDisabled: this.props.disabled,\n };\n\n return textProps;\n }\n\n getValueProps() {\n // The default values are here, since you cannot rewrite out of context\n const {\n size = 'm',\n state = 'normal',\n theme,\n disabled,\n name,\n } = assignProps(this.asProps, this.context);\n const { value, checked } = this.asProps;\n const { hoistedDisabled } = this.state;\n\n return {\n size: this.props.size ?? size,\n disabled: disabled ?? hoistedDisabled,\n state: state,\n theme,\n value,\n checked,\n name,\n hoistDisabled: this.hoistDisabled,\n rootDisabled: this.props.disabled,\n };\n }\n\n render() {\n const SRadio = Root;\n const { styles, Children, children: hasChildren } = this.asProps;\n\n return sstyled(styles)(\n <SRadio render={Box} tag='label' __excludeProps={['onChange', 'label', 'disabled']}>\n {hasChildren ? (\n <Children />\n ) : (\n <>\n <Radio.Value />\n <Radio.Text />\n </>\n )}\n </SRadio>,\n );\n }\n}\n\nclass ValueRoot extends Component {\n static defaultProps = {\n includeInputProps: inputProps,\n defaultChecked: false,\n };\n static enhance = [resolveColorEnhance()];\n static displayName = 'Value';\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n static style = style;\n\n bindHandlerChange = (value) => (e) => {\n if (typeof this.context.onChange === 'function') {\n this.context.onChange(value, e);\n }\n };\n\n uncontrolledProps() {\n return {\n checked: (e) => e.target.checked,\n };\n }\n\n getControlProps() {\n const currentValue = this.context.value;\n const { forwardRef, includeInputProps, state, value } = this.asProps;\n const [commonControlProps] = getInputProps(this.asProps, includeInputProps);\n const inputValue = value ?? '';\n\n const controlProps = {\n ref: forwardRef,\n state,\n ...commonControlProps,\n value: inputValue,\n };\n\n if (currentValue !== undefined) {\n const { onChange, onClick } = this.props;\n\n controlProps.checked = currentValue === inputValue;\n controlProps.onChange = callAllEventHandlers(onChange, this.bindHandlerChange(inputValue));\n }\n\n return controlProps;\n }\n\n getRadioMarkProps() {\n const currentValue = this.context.value;\n const {\n size,\n state,\n theme,\n keyboardFocused,\n value,\n tag,\n disabled,\n includeInputProps,\n resolveColor,\n ...other\n } = this.asProps;\n const [commonControlProps, radioMarkProps] = getInputProps(other, includeInputProps);\n const { children, Children, ...propsWithoutChildren } = radioMarkProps;\n const inputValue = value ?? '';\n\n const markProps = {\n theme,\n size,\n state,\n keyboardFocused,\n disabled,\n resolveColor,\n checked: commonControlProps.checked,\n ...propsWithoutChildren,\n };\n\n if (currentValue !== undefined) {\n const { onClick } = this.props;\n\n if (tag !== 'label') {\n markProps.onClick = callAllEventHandlers(onClick, this.bindHandlerChange(inputValue));\n }\n }\n\n return markProps;\n }\n\n componentDidUpdate() {\n if (this.asProps.rootDisabled !== this.asProps.disabled) {\n this.asProps.hoistDisabled(this.asProps.disabled);\n }\n }\n componentDidMount() {\n if (this.asProps.rootDisabled !== this.asProps.disabled) {\n this.asProps.hoistDisabled(this.asProps.disabled);\n }\n }\n\n render() {\n const { styles, children: hasChildren, Children } = this.asProps;\n\n if (!hasChildren) {\n return sstyled(styles)(\n <>\n <Radio.Value.Control />\n <Radio.Value.RadioMark />\n </>,\n );\n }\n\n return sstyled(styles)(<Children />);\n }\n}\n\nconst Control = (props) => {\n const SControl = Root;\n const { styles, state } = props;\n\n return sstyled(styles)(\n <SControl render={Box} tag='input' type='radio' aria-invalid={state === 'invalid'} />,\n );\n};\nControl.displayName = 'Control';\n\nconst RadioMark = (props) => {\n const SValue = Root;\n const SInvalidPattern = InvalidStateBox;\n const { theme, styles, resolveColor, state, checked } = props;\n\n return sstyled(styles)(\n <SValue render={Box} tag='div' use:theme={resolveColor(theme)} aria-hidden={true}>\n {state === 'invalid' && !checked && <SInvalidPattern />}\n </SValue>,\n );\n};\nRadioMark.displayName = 'RadioMark';\n\nconst Text = (props) => {\n const SText = Root;\n const { styles, color } = props;\n\n React.useEffect(() => {\n if (props.rootDisabled !== props.disabled) {\n props.hoistDisabled(props.disabled);\n }\n }, [props.rootDisabled, props.disabled, props.hoistDisabled]);\n const resolveColor = useColorResolver();\n\n return sstyled(styles)(\n <SText render={TypographyText} tag='span' use:color={resolveColor(color)} />,\n );\n};\nText.displayName = 'Text';\n\nexport { inputProps, RadioGroup };\n\nconst Value = createComponent(ValueRoot, {\n Control,\n RadioMark,\n});\n\nconst Radio = createComponent(RadioRoot, {\n Text,\n Value,\n});\n\nexport const wrapRadioGroup = (wrapper) => wrapper;\n\nexport default Radio;\n"],"mappings":"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"}
|
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 { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/
|
|
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 { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/core/lib/utils/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 /** Radio item value **/\n value?: RadioValue;\n\n /** Radio item checked flag **/\n checked?: boolean;\n\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 /** Radio item text **/\n label?: string;\n /** Blocks access and changes to the radio item **/\n disabled?: boolean;\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 * @deprecated set `state` on root Radio instead\n * The value displaying the state of the component\n * @default normal\n */\n state?: RadioState;\n /**\n * @deprecated\n * The theme of the radio button that you can send your color to\n */\n theme?: string;\n /**\n * @deprecated set `size` on root RadioGroup instead\n * Radio button size\n */\n size?: RadioSize;\n /**\n * @deprecated set `value` on root Radio instead\n * The element value is required for RadioGroup\n */\n value?: RadioValue;\n /**\n * @deprecated set `defaultValue` on root RadioGroup instead\n * Default value if `value` property is not provided\n */\n defaultValue?: RadioValue;\n /**\n * @deprecated set `onChange` on root RadioGroup instead\n * Called when the value changes\n */\n onChange?: (value: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n /**\n * @deprecated set `disabled` on root Radio instead\n * Blocks access and changes to the form field\n */\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<PropsExtending = {}> = (<\n Value extends RadioValue,\n Tag extends Intergalactic.Tag = typeof Flex,\n>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, typeof Flex, RadioGroupProps<Value>> &\n PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n Intergalactic.InternalTypings.ComponentAdditive<'div', typeof Flex, RadioGroupProps>;\n\nexport type RadioValueControlProps = {};\nexport type RadioValueMarkProps = {};\n\ndeclare const RadioGroup: IntergalacticRadioGroupComponent;\n\nexport { RadioGroup };\n\ndeclare const Radio: Intergalactic.Component<'label', RadioProps, RadioCtx> & {\n Value: Intergalactic.Component<'input', RadioValueProps> & {\n Control: Intergalactic.Component<'input', RadioValueControlProps>;\n RadioMark: Intergalactic.Component<typeof Box, RadioValueMarkProps>;\n };\n Text: typeof Text;\n};\n\ndeclare const wrapRadioGroup: <PropsExtending extends {}>(\n wrapper: (\n props: Intergalactic.InternalTypings.UntypeRefAndTag<\n Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticRadioGroupComponent>\n > &\n PropsExtending,\n ) => React.ReactNode,\n) => IntergalacticRadioGroupComponent<PropsExtending>;\nexport { wrapRadioGroup };\n\nexport default Radio;\n"],"mappings":""}
|
|
@@ -119,12 +119,12 @@ SControl:checked~SValue[size='l']::after {
|
|
|
119
119
|
height: 8px;
|
|
120
120
|
}
|
|
121
121
|
|
|
122
|
-
SValue[state='normal']
|
|
122
|
+
SControl:focus-visible + SValue[state='normal']::before {
|
|
123
123
|
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
|
|
124
124
|
border-color: var(--intergalactic-border-info-active, #006dca);
|
|
125
125
|
}
|
|
126
126
|
|
|
127
|
-
SValue[state='invalid']
|
|
127
|
+
SControl:focus-visible + SValue[state='invalid']::before {
|
|
128
128
|
box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5));
|
|
129
129
|
}
|
|
130
130
|
|
package/lib/esm/Radio.mjs
CHANGED
|
@@ -1,54 +1,51 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import G from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
+
import F from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
|
+
import v from "@babel/runtime/helpers/esm/objectSpread2";
|
|
4
4
|
import R from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
5
5
|
import V from "@babel/runtime/helpers/esm/classCallCheck";
|
|
6
6
|
import z from "@babel/runtime/helpers/esm/createClass";
|
|
7
7
|
import D from "@babel/runtime/helpers/esm/inherits";
|
|
8
8
|
import T from "@babel/runtime/helpers/esm/createSuper";
|
|
9
|
-
import
|
|
10
|
-
import { sstyled as
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import te from "@semcore/
|
|
16
|
-
import
|
|
17
|
-
import
|
|
18
|
-
import
|
|
19
|
-
import {
|
|
20
|
-
|
|
21
|
-
import { Text as _e } from "@semcore/typography";
|
|
22
|
-
var ie = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor"], le = ["children", "Children"], B = (
|
|
9
|
+
import d from "@babel/runtime/helpers/esm/defineProperty";
|
|
10
|
+
import { sstyled as f, createComponent as w, CONTEXT_COMPONENT as j, assignProps as P, Component as I } from "@semcore/core";
|
|
11
|
+
import _ from "react";
|
|
12
|
+
import { Flex as Y, Box as E, InvalidStateBox as Z } from "@semcore/flex-box";
|
|
13
|
+
import A, { callAllEventHandlers as H } from "@semcore/core/lib/utils/assignProps";
|
|
14
|
+
import ee from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
|
|
15
|
+
import O, { inputProps as te } from "@semcore/core/lib/utils/inputProps";
|
|
16
|
+
import { inputProps as De } from "@semcore/core/lib/utils/inputProps";
|
|
17
|
+
import { useColorResolver as re } from "@semcore/core/lib/utils/use/useColorResolver";
|
|
18
|
+
import ae from "@semcore/core/lib/utils/logger";
|
|
19
|
+
import { Text as oe } from "@semcore/typography";
|
|
20
|
+
var ne = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor"], le = ["children", "Children"], B = (
|
|
23
21
|
/*__reshadow_css_start__*/
|
|
24
|
-
(
|
|
22
|
+
(f.insert(
|
|
25
23
|
/*__inner_css_start__*/
|
|
26
|
-
'.
|
|
27
|
-
"
|
|
24
|
+
'.___SRadio_lyu5n_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_lyu5n_gg_ .___SText_lyu5n_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_lyu5n_gg_ .___SText_lyu5n_gg_.__color_lyu5n_gg_{color:var(--color_lyu5n)}.___SRadio_lyu5n_gg_.__disabled_lyu5n_gg_{pointer-events:none}.___SText_lyu5n_gg_._size_m_lyu5n_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_lyu5n_gg_._size_l_lyu5n_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_lyu5n_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_lyu5n_gg_::after,.___SValue_lyu5n_gg_::before{content:"";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_lyu5n_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_lyu5n_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_lyu5n_gg_.__disabled_lyu5n_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_lyu5n_gg_._size_m_lyu5n_gg_{width:16px;height:16px}.___SValue_lyu5n_gg_._size_m_lyu5n_gg_ .___SInvalidPattern_lyu5n_gg_:before{width:14px;height:14px}.___SValue_lyu5n_gg_._size_l_lyu5n_gg_{width:20px;height:20px}.___SValue_lyu5n_gg_._size_l_lyu5n_gg_ .___SInvalidPattern_lyu5n_gg_:before{width:18px;height:18px}.___SValue_lyu5n_gg_._state_normal_lyu5n_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_lyu5n_gg_._state_invalid_lyu5n_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_lyu5n_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_lyu5n_gg_:checked~.___SValue_lyu5n_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_lyu5n_gg_:checked~.___SValue_lyu5n_gg_._size_m_lyu5n_gg_::after{width:6px;height:6px}.___SControl_lyu5n_gg_:checked~.___SValue_lyu5n_gg_._size_l_lyu5n_gg_::after{width:8px;height:8px}.___SControl_lyu5n_gg_:focus-visible+.___SValue_lyu5n_gg_._state_normal_lyu5n_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)}.___SControl_lyu5n_gg_:focus-visible+.___SValue_lyu5n_gg_._state_invalid_lyu5n_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_lyu5n_gg_:checked~.___SValue_lyu5n_gg_.__theme_lyu5n_gg_::before{border-color:var(--theme_lyu5n);background-color:var(--theme_lyu5n)}.___SValue_lyu5n_gg_._state_normal_lyu5n_gg_.__theme_lyu5n_gg_::before{border-color:var(--theme_lyu5n)}.___SInvalidPattern_lyu5n_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_lyu5n_gg_:before{content:"";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}',
|
|
25
|
+
"lyu5n_gg_"
|
|
28
26
|
), {
|
|
29
|
-
__SRadio: "
|
|
30
|
-
_disabled: "
|
|
31
|
-
__SText: "
|
|
32
|
-
_size_m: "
|
|
33
|
-
_size_l: "
|
|
34
|
-
__SValue: "
|
|
35
|
-
_state_normal: "
|
|
36
|
-
_state_invalid: "
|
|
37
|
-
__SControl: "
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
__SInvalidPattern: "___SInvalidPattern_n8xmt_gg_"
|
|
27
|
+
__SRadio: "___SRadio_lyu5n_gg_",
|
|
28
|
+
_disabled: "__disabled_lyu5n_gg_",
|
|
29
|
+
__SText: "___SText_lyu5n_gg_",
|
|
30
|
+
_size_m: "_size_m_lyu5n_gg_",
|
|
31
|
+
_size_l: "_size_l_lyu5n_gg_",
|
|
32
|
+
__SValue: "___SValue_lyu5n_gg_",
|
|
33
|
+
_state_normal: "_state_normal_lyu5n_gg_",
|
|
34
|
+
_state_invalid: "_state_invalid_lyu5n_gg_",
|
|
35
|
+
__SControl: "___SControl_lyu5n_gg_",
|
|
36
|
+
_theme: "__theme_lyu5n_gg_",
|
|
37
|
+
"--theme": "--theme_lyu5n",
|
|
38
|
+
_color: "__color_lyu5n_gg_",
|
|
39
|
+
"--color": "--color_lyu5n",
|
|
40
|
+
__SInvalidPattern: "___SInvalidPattern_lyu5n_gg_"
|
|
44
41
|
})
|
|
45
|
-
), $ = /* @__PURE__ */ function(
|
|
46
|
-
D(
|
|
47
|
-
var o = T(
|
|
48
|
-
function
|
|
49
|
-
return V(this,
|
|
42
|
+
), $ = /* @__PURE__ */ function(g) {
|
|
43
|
+
D(l, g);
|
|
44
|
+
var o = T(l);
|
|
45
|
+
function l() {
|
|
46
|
+
return V(this, l), o.apply(this, arguments);
|
|
50
47
|
}
|
|
51
|
-
return z(
|
|
48
|
+
return z(l, [{
|
|
52
49
|
key: "uncontrolledProps",
|
|
53
50
|
value: function() {
|
|
54
51
|
return {
|
|
@@ -58,71 +55,71 @@ var ie = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled
|
|
|
58
55
|
}, {
|
|
59
56
|
key: "setContext",
|
|
60
57
|
value: function() {
|
|
61
|
-
var t = this.asProps, e = t.theme, a = t.size, n = t.name, i = t.value, s = t.onChange,
|
|
58
|
+
var t = this.asProps, e = t.theme, a = t.size, n = t.name, i = t.value, s = t.onChange, u = t.disabled;
|
|
62
59
|
return {
|
|
63
60
|
onChange: s,
|
|
64
61
|
value: i,
|
|
65
62
|
theme: e,
|
|
66
63
|
size: a,
|
|
67
64
|
name: n,
|
|
68
|
-
disabled:
|
|
65
|
+
disabled: u
|
|
69
66
|
};
|
|
70
67
|
}
|
|
71
68
|
}, {
|
|
72
69
|
key: "render",
|
|
73
70
|
value: function() {
|
|
74
71
|
var t = this.asProps, e = this.asProps.Children;
|
|
75
|
-
return /* @__PURE__ */
|
|
72
|
+
return /* @__PURE__ */ _.createElement(Y, P({
|
|
76
73
|
direction: "column",
|
|
77
74
|
role: "group",
|
|
78
75
|
__excludeProps: ["onChange"]
|
|
79
|
-
}, t), /* @__PURE__ */
|
|
76
|
+
}, t), /* @__PURE__ */ _.createElement(e, null));
|
|
80
77
|
}
|
|
81
|
-
}]),
|
|
82
|
-
}(
|
|
83
|
-
|
|
84
|
-
|
|
78
|
+
}]), l;
|
|
79
|
+
}(I);
|
|
80
|
+
d($, "displayName", "RadioGroup");
|
|
81
|
+
d($, "defaultProps", {
|
|
85
82
|
defaultValue: null
|
|
86
83
|
});
|
|
87
|
-
var U = w($),
|
|
88
|
-
D(
|
|
89
|
-
var o = T(
|
|
90
|
-
function
|
|
84
|
+
var U = w($), S = /* @__PURE__ */ function(g) {
|
|
85
|
+
D(l, g);
|
|
86
|
+
var o = T(l);
|
|
87
|
+
function l() {
|
|
91
88
|
var r;
|
|
92
|
-
V(this,
|
|
89
|
+
V(this, l);
|
|
93
90
|
for (var t = arguments.length, e = new Array(t), a = 0; a < t; a++)
|
|
94
91
|
e[a] = arguments[a];
|
|
95
|
-
return r = o.call.apply(o, [this].concat(e)),
|
|
92
|
+
return r = o.call.apply(o, [this].concat(e)), d(R(r), "state", {
|
|
96
93
|
hoistedDisabled: void 0
|
|
97
|
-
}),
|
|
98
|
-
|
|
94
|
+
}), d(R(r), "hoistDisabled", function(n) {
|
|
95
|
+
ae.warn(!0, "Don't set disabled on Radio.Value or Radio.Text, set it on Radio or on RadioGroup (for all items) instead. Otherwise it will produce wrong SSR output.", r.asProps["data-ui-name"]), r.setState({
|
|
99
96
|
hoistedDisabled: n
|
|
100
97
|
});
|
|
101
98
|
}), r;
|
|
102
99
|
}
|
|
103
|
-
return z(
|
|
100
|
+
return z(l, [{
|
|
104
101
|
key: "getTextProps",
|
|
105
102
|
value: function() {
|
|
106
|
-
var t = A(this.asProps, this.context), e = t.size, a = e === void 0 ? "m" : e, n = t.disabled, i = t.label, s = this.state.hoistedDisabled,
|
|
103
|
+
var t = A(this.asProps, this.context), e = t.size, a = e === void 0 ? "m" : e, n = t.disabled, i = t.label, s = this.state.hoistedDisabled, u = {
|
|
107
104
|
size: a,
|
|
108
105
|
children: i,
|
|
109
106
|
disabled: n ?? s,
|
|
110
107
|
hoistDisabled: this.hoistDisabled,
|
|
111
108
|
rootDisabled: this.props.disabled
|
|
112
109
|
};
|
|
113
|
-
return
|
|
110
|
+
return u;
|
|
114
111
|
}
|
|
115
112
|
}, {
|
|
116
113
|
key: "getValueProps",
|
|
117
114
|
value: function() {
|
|
118
|
-
var t, e = A(this.asProps, this.context), a = e.size, n = a === void 0 ? "m" : a, i = e.state, s = i === void 0 ? "normal" : i,
|
|
115
|
+
var t, e = A(this.asProps, this.context), a = e.size, n = a === void 0 ? "m" : a, i = e.state, s = i === void 0 ? "normal" : i, u = e.theme, p = e.disabled, b = e.name, c = this.asProps, h = c.value, m = c.checked, x = this.state.hoistedDisabled;
|
|
119
116
|
return {
|
|
120
117
|
size: (t = this.props.size) !== null && t !== void 0 ? t : n,
|
|
121
|
-
disabled:
|
|
118
|
+
disabled: p ?? x,
|
|
122
119
|
state: s,
|
|
123
|
-
theme:
|
|
124
|
-
value:
|
|
125
|
-
checked:
|
|
120
|
+
theme: u,
|
|
121
|
+
value: h,
|
|
122
|
+
checked: m,
|
|
126
123
|
name: b,
|
|
127
124
|
hoistDisabled: this.hoistDisabled,
|
|
128
125
|
rootDisabled: this.props.disabled
|
|
@@ -131,32 +128,32 @@ var U = w($), y = /* @__PURE__ */ function(c) {
|
|
|
131
128
|
}, {
|
|
132
129
|
key: "render",
|
|
133
130
|
value: function() {
|
|
134
|
-
var t = this.asProps, e, a =
|
|
135
|
-
return e =
|
|
131
|
+
var t = this.asProps, e, a = E, n = this.asProps, i = n.styles, s = n.Children, u = n.children;
|
|
132
|
+
return e = f(i), /* @__PURE__ */ _.createElement(a, e.cn("SRadio", v({}, P({
|
|
136
133
|
tag: "label",
|
|
137
134
|
__excludeProps: ["onChange", "label", "disabled"]
|
|
138
|
-
}, t))),
|
|
135
|
+
}, t))), u ? /* @__PURE__ */ _.createElement(s, e.cn("Children", {})) : /* @__PURE__ */ _.createElement(_.Fragment, null, /* @__PURE__ */ _.createElement(C.Value, null), /* @__PURE__ */ _.createElement(C.Text, null)));
|
|
139
136
|
}
|
|
140
|
-
}]),
|
|
141
|
-
}(
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
var
|
|
146
|
-
D(
|
|
147
|
-
var o = T(
|
|
148
|
-
function
|
|
137
|
+
}]), l;
|
|
138
|
+
}(I);
|
|
139
|
+
d(S, "displayName", "Radio");
|
|
140
|
+
d(S, "style", B);
|
|
141
|
+
d(S, "contextType", U[j]);
|
|
142
|
+
var y = /* @__PURE__ */ function(g) {
|
|
143
|
+
D(l, g);
|
|
144
|
+
var o = T(l);
|
|
145
|
+
function l() {
|
|
149
146
|
var r;
|
|
150
|
-
V(this,
|
|
147
|
+
V(this, l);
|
|
151
148
|
for (var t = arguments.length, e = new Array(t), a = 0; a < t; a++)
|
|
152
149
|
e[a] = arguments[a];
|
|
153
|
-
return r = o.call.apply(o, [this].concat(e)),
|
|
150
|
+
return r = o.call.apply(o, [this].concat(e)), d(R(r), "bindHandlerChange", function(n) {
|
|
154
151
|
return function(i) {
|
|
155
152
|
typeof r.context.onChange == "function" && r.context.onChange(n, i);
|
|
156
153
|
};
|
|
157
154
|
}), r;
|
|
158
155
|
}
|
|
159
|
-
return z(
|
|
156
|
+
return z(l, [{
|
|
160
157
|
key: "uncontrolledProps",
|
|
161
158
|
value: function() {
|
|
162
159
|
return {
|
|
@@ -168,37 +165,37 @@ var f = /* @__PURE__ */ function(c) {
|
|
|
168
165
|
}, {
|
|
169
166
|
key: "getControlProps",
|
|
170
167
|
value: function() {
|
|
171
|
-
var t = this.context.value, e = this.asProps, a = e.forwardRef, n = e.includeInputProps, i = e.state, s = e.value,
|
|
168
|
+
var t = this.context.value, e = this.asProps, a = e.forwardRef, n = e.includeInputProps, i = e.state, s = e.value, u = O(this.asProps, n), p = F(u, 1), b = p[0], c = s ?? "", h = v(v({
|
|
172
169
|
ref: a,
|
|
173
170
|
state: i
|
|
174
171
|
}, b), {}, {
|
|
175
|
-
value:
|
|
172
|
+
value: c
|
|
176
173
|
});
|
|
177
174
|
if (t !== void 0) {
|
|
178
|
-
var
|
|
179
|
-
|
|
175
|
+
var m = this.props, x = m.onChange;
|
|
176
|
+
m.onClick, h.checked = t === c, h.onChange = H(x, this.bindHandlerChange(c));
|
|
180
177
|
}
|
|
181
|
-
return
|
|
178
|
+
return h;
|
|
182
179
|
}
|
|
183
180
|
}, {
|
|
184
181
|
key: "getRadioMarkProps",
|
|
185
182
|
value: function() {
|
|
186
|
-
var t = this.context.value, e = this.asProps, a = e.size, n = e.state, i = e.theme, s = e.keyboardFocused,
|
|
183
|
+
var t = this.context.value, e = this.asProps, a = e.size, n = e.state, i = e.theme, s = e.keyboardFocused, u = e.value, p = e.tag, b = e.disabled, c = e.includeInputProps, h = e.resolveColor, m = G(e, ne), x = O(m, c), M = F(x, 2), J = M[0], k = M[1];
|
|
187
184
|
k.children, k.Children;
|
|
188
|
-
var K =
|
|
185
|
+
var K = G(k, le), L = u ?? "", N = v({
|
|
189
186
|
theme: i,
|
|
190
187
|
size: a,
|
|
191
188
|
state: n,
|
|
192
189
|
keyboardFocused: s,
|
|
193
190
|
disabled: b,
|
|
194
|
-
resolveColor:
|
|
191
|
+
resolveColor: h,
|
|
195
192
|
checked: J.checked
|
|
196
193
|
}, K);
|
|
197
194
|
if (t !== void 0) {
|
|
198
195
|
var Q = this.props.onClick;
|
|
199
|
-
|
|
196
|
+
p !== "label" && (N.onClick = H(Q, this.bindHandlerChange(L)));
|
|
200
197
|
}
|
|
201
|
-
return
|
|
198
|
+
return N;
|
|
202
199
|
}
|
|
203
200
|
}, {
|
|
204
201
|
key: "componentDidUpdate",
|
|
@@ -214,60 +211,60 @@ var f = /* @__PURE__ */ function(c) {
|
|
|
214
211
|
key: "render",
|
|
215
212
|
value: function() {
|
|
216
213
|
var t, e = this.asProps, a = e.styles, n = e.children, i = e.Children;
|
|
217
|
-
return n ? (t =
|
|
214
|
+
return n ? (t = f(a), /* @__PURE__ */ _.createElement(i, t.cn("Children", {}))) : (f(a), /* @__PURE__ */ _.createElement(_.Fragment, null, /* @__PURE__ */ _.createElement(C.Value.Control, null), /* @__PURE__ */ _.createElement(C.Value.RadioMark, null)));
|
|
218
215
|
}
|
|
219
|
-
}]),
|
|
220
|
-
}(
|
|
221
|
-
|
|
222
|
-
includeInputProps:
|
|
216
|
+
}]), l;
|
|
217
|
+
}(I);
|
|
218
|
+
d(y, "defaultProps", {
|
|
219
|
+
includeInputProps: te,
|
|
223
220
|
defaultChecked: !1
|
|
224
221
|
});
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
222
|
+
d(y, "enhance", [ee()]);
|
|
223
|
+
d(y, "displayName", "Value");
|
|
224
|
+
d(y, "contextType", U[j]);
|
|
225
|
+
d(y, "style", B);
|
|
229
226
|
var W = function(o) {
|
|
230
|
-
var
|
|
231
|
-
return r =
|
|
227
|
+
var l = arguments[0], r, t = E, e = o.styles, a = o.state;
|
|
228
|
+
return r = f(e), /* @__PURE__ */ _.createElement(t, r.cn("SControl", v({}, P({
|
|
232
229
|
tag: "input",
|
|
233
230
|
type: "radio",
|
|
234
231
|
"aria-invalid": a === "invalid"
|
|
235
|
-
},
|
|
232
|
+
}, l))));
|
|
236
233
|
};
|
|
237
234
|
W.displayName = "Control";
|
|
238
235
|
var X = function(o) {
|
|
239
|
-
var
|
|
240
|
-
return r =
|
|
236
|
+
var l = arguments[0], r, t = E, e = Z, a = o.theme, n = o.styles, i = o.resolveColor, s = o.state, u = o.checked;
|
|
237
|
+
return r = f(n), /* @__PURE__ */ _.createElement(t, r.cn("SValue", v({}, P({
|
|
241
238
|
tag: "div",
|
|
242
239
|
"use:theme": i(a),
|
|
243
240
|
"aria-hidden": !0
|
|
244
|
-
},
|
|
241
|
+
}, l))), s === "invalid" && !u && /* @__PURE__ */ _.createElement(e, r.cn("SInvalidPattern", {})));
|
|
245
242
|
};
|
|
246
243
|
X.displayName = "RadioMark";
|
|
247
244
|
var q = function(o) {
|
|
248
|
-
var
|
|
249
|
-
|
|
245
|
+
var l = arguments[0], r, t = oe, e = o.styles, a = o.color;
|
|
246
|
+
_.useEffect(function() {
|
|
250
247
|
o.rootDisabled !== o.disabled && o.hoistDisabled(o.disabled);
|
|
251
248
|
}, [o.rootDisabled, o.disabled, o.hoistDisabled]);
|
|
252
|
-
var n =
|
|
253
|
-
return r =
|
|
249
|
+
var n = re();
|
|
250
|
+
return r = f(e), /* @__PURE__ */ _.createElement(t, r.cn("SText", v({}, P({
|
|
254
251
|
tag: "span",
|
|
255
252
|
"use:color": n(a)
|
|
256
|
-
},
|
|
253
|
+
}, l))));
|
|
257
254
|
};
|
|
258
255
|
q.displayName = "Text";
|
|
259
|
-
var
|
|
256
|
+
var ie = w(y, {
|
|
260
257
|
Control: W,
|
|
261
258
|
RadioMark: X
|
|
262
|
-
}),
|
|
259
|
+
}), C = w(S, {
|
|
263
260
|
Text: q,
|
|
264
|
-
Value:
|
|
265
|
-
}),
|
|
261
|
+
Value: ie
|
|
262
|
+
}), Re = function(o) {
|
|
266
263
|
return o;
|
|
267
264
|
};
|
|
268
265
|
export {
|
|
269
266
|
U as RadioGroup,
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
267
|
+
C as default,
|
|
268
|
+
De as inputProps,
|
|
269
|
+
Re as wrapRadioGroup
|
|
273
270
|
};
|
package/lib/esm/index.mjs
CHANGED
package/lib/types/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
|
|
3
3
|
import { Box, BoxProps, Flex } from '@semcore/flex-box';
|
|
4
|
-
import { KeyboardFocusProps } from '@semcore/
|
|
4
|
+
import { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
|
|
5
5
|
import { Text } from '@semcore/typography';
|
|
6
6
|
|
|
7
7
|
export type RadioSize = 'm' | 'l';
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/radio",
|
|
3
3
|
"description": "Semrush Radio Component",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "16.0.0-prerelease.4",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,14 +14,11 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/
|
|
18
|
-
"@semcore/
|
|
19
|
-
"@semcore/typography": "5.52.1"
|
|
17
|
+
"@semcore/flex-box": "16.0.0-prerelease.4",
|
|
18
|
+
"@semcore/typography": "16.0.0-prerelease.4"
|
|
20
19
|
},
|
|
21
20
|
"peerDependencies": {
|
|
22
|
-
"@semcore/
|
|
23
|
-
"react": "16.8 - 18",
|
|
24
|
-
"react-dom": "16.8 - 18"
|
|
21
|
+
"@semcore/base-components": "^16.0.0-prerelease.4"
|
|
25
22
|
},
|
|
26
23
|
"repository": {
|
|
27
24
|
"type": "git",
|