@semcore/radio 6.43.4 → 16.0.0-prerelease.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 +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 +30 -33
- package/lib/esm/index.mjs +1 -1
- package/lib/esm/style/radio.shadow.css +2 -2
- package/lib/types/index.d.ts +40 -42
- package/package.json +4 -7
package/CHANGELOG.md
CHANGED
package/lib/cjs/Radio.js
CHANGED
|
@@ -22,38 +22,35 @@ 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__*/
|
|
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_"),
|
|
40
38
|
/*__reshadow_css_end__*/
|
|
41
39
|
{
|
|
42
|
-
"__SRadio": "
|
|
43
|
-
"_disabled": "
|
|
44
|
-
"__SText": "
|
|
45
|
-
"_size_m": "
|
|
46
|
-
"_size_l": "
|
|
47
|
-
"__SValue": "
|
|
48
|
-
"_state_normal": "
|
|
49
|
-
"_state_invalid": "
|
|
50
|
-
"__SControl": "
|
|
51
|
-
"
|
|
52
|
-
"
|
|
53
|
-
"
|
|
54
|
-
"
|
|
55
|
-
"
|
|
56
|
-
"__SInvalidPattern": "___SInvalidPattern_mgb6n_gg_"
|
|
40
|
+
"__SRadio": "___SRadio_lyu5n_gg_",
|
|
41
|
+
"_disabled": "__disabled_lyu5n_gg_",
|
|
42
|
+
"__SText": "___SText_lyu5n_gg_",
|
|
43
|
+
"_size_m": "_size_m_lyu5n_gg_",
|
|
44
|
+
"_size_l": "_size_l_lyu5n_gg_",
|
|
45
|
+
"__SValue": "___SValue_lyu5n_gg_",
|
|
46
|
+
"_state_normal": "_state_normal_lyu5n_gg_",
|
|
47
|
+
"_state_invalid": "_state_invalid_lyu5n_gg_",
|
|
48
|
+
"__SControl": "___SControl_lyu5n_gg_",
|
|
49
|
+
"_theme": "__theme_lyu5n_gg_",
|
|
50
|
+
"--theme": "--theme_lyu5n",
|
|
51
|
+
"_color": "__color_lyu5n_gg_",
|
|
52
|
+
"--color": "--color_lyu5n",
|
|
53
|
+
"__SInvalidPattern": "___SInvalidPattern_lyu5n_gg_"
|
|
57
54
|
});
|
|
58
55
|
var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
59
56
|
(0, _inherits2["default"])(RadioGroupRoot, _Component);
|
|
@@ -106,7 +103,7 @@ var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
|
106
103
|
(0, _defineProperty2["default"])(RadioGroupRoot, "defaultProps", {
|
|
107
104
|
defaultValue: null
|
|
108
105
|
});
|
|
109
|
-
var RadioGroup = (0, _core
|
|
106
|
+
var RadioGroup = (0, _core.createComponent)(RadioGroupRoot);
|
|
110
107
|
exports.RadioGroup = RadioGroup;
|
|
111
108
|
var RadioRoot = /*#__PURE__*/function (_Component2) {
|
|
112
109
|
(0, _inherits2["default"])(RadioRoot, _Component2);
|
|
@@ -329,7 +326,7 @@ var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
|
329
326
|
includeInputProps: _inputProps.inputProps,
|
|
330
327
|
defaultChecked: false
|
|
331
328
|
});
|
|
332
|
-
(0, _defineProperty2["default"])(ValueRoot, "enhance", [(0,
|
|
329
|
+
(0, _defineProperty2["default"])(ValueRoot, "enhance", [(0, _resolveColorEnhance["default"])()]);
|
|
333
330
|
(0, _defineProperty2["default"])(ValueRoot, "displayName", 'Value');
|
|
334
331
|
(0, _defineProperty2["default"])(ValueRoot, "contextType", RadioGroup[_core.CONTEXT_COMPONENT]);
|
|
335
332
|
(0, _defineProperty2["default"])(ValueRoot, "style", style);
|
|
@@ -381,11 +378,11 @@ var Text = function Text(props) {
|
|
|
381
378
|
}, _ref5))));
|
|
382
379
|
};
|
|
383
380
|
Text.displayName = 'Text';
|
|
384
|
-
var Value = (0, _core
|
|
381
|
+
var Value = (0, _core.createComponent)(ValueRoot, {
|
|
385
382
|
Control: Control,
|
|
386
383
|
RadioMark: RadioMark
|
|
387
384
|
});
|
|
388
|
-
var Radio = (0, _core
|
|
385
|
+
var Radio = (0, _core.createComponent)(RadioRoot, {
|
|
389
386
|
Text: Text,
|
|
390
387
|
Value: Value
|
|
391
388
|
});
|
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":";;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAL,uBAAA,CAAAC,OAAA;AACA,IAAAK,qBAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,oBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,WAAA,GAAAR,uBAAA,CAAAC,OAAA;AACA,IAAAQ,iBAAA,GAAAR,OAAA;AAGA,IAAAS,OAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AAA6D,IAAAW,SAAA;EAAAC,UAAA;AAAA;AAAA,IAAAC,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAEvDC,cAAc,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,cAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAA,IAAAK,gBAAA,mBAAAL,cAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,cAAA;IAAAS,GAAA;IAAAC,KAAA,EAOlB,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;MAEpD,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,MAAA,YAAAuC,aAAA,CAAcC,aAAI,MAAA3C,KAAA,CAAA4C,WAAA;QAAA,aAAY,QAAQ;QAAA,QAAM,OAAO;QAAA,kBAAiB,CAAC,UAAU;MAAC,GAAAJ,IAAA,gBAC9ErC,MAAA,YAAAuC,aAAA,CAACD,QAAQ,OAAG,CACP;IAEX;EAAC;EAAA,OAAAtB,cAAA;AAAA,EAlC0B0B,eAAS;AAAA,IAAAC,gBAAA,aAAhC3B,cAAc,iBACG,YAAY;AAAA,IAAA2B,gBAAA,aAD7B3B,cAAc,kBAGI;EACpB4B,YAAY,EAAE;AAChB,CAAC;AAgCH,IAAMC,UAAU,GAAG,IAAAC,gBAAe,EAAC9B,cAAc,CAAC;AAAC+B,OAAA,CAAAF,UAAA,GAAAA,UAAA;AAAA,IAE7CG,SAAS,0BAAAC,WAAA;EAAA,IAAA/B,UAAA,aAAA8B,SAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,OAAA9B,aAAA,aAAA4B,SAAA;EAAA,SAAAA,UAAA;IAAA,IAAAG,KAAA;IAAA,IAAA9B,gBAAA,mBAAA2B,SAAA;IAAA,SAAAI,IAAA,GAAA7B,SAAA,CAAA8B,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAjC,SAAA,CAAAiC,IAAA;IAAA;IAAAL,KAAA,GAAAD,OAAA,CAAAO,IAAA,CAAAnC,KAAA,CAAA4B,OAAA,SAAAQ,MAAA,CAAAJ,IAAA;IAAA,IAAAX,gBAAA,iBAAAgB,uBAAA,aAAAR,KAAA,YAKL;MACNS,eAAe,EAAEC;IACnB,CAAC;IAAA,IAAAlB,gBAAA,iBAAAgB,uBAAA,aAAAR,KAAA,oBAEe,UAAChB,QAAQ,EAAK;MAC5B2B,kBAAM,CAACC,IAAI,CACT,IAAI,4JAEJZ,KAAA,CAAKrB,OAAO,CAAC,cAAc,CAAC,CAC7B;MACDqB,KAAA,CAAKa,QAAQ,CAAC;QAAEJ,eAAe,EAAEzB;MAAS,CAAC,CAAC;IAC9C,CAAC;IAAA,OAAAgB,KAAA;EAAA;EAAA,IAAA3B,aAAA,aAAAwB,SAAA;IAAAvB,GAAA;IAAAC,KAAA,EAED,SAAAuC,aAAA,EAAe;MACb;MACA,IAAAC,aAAA,GAAwC,IAAAzB,wBAAW,EAAC,IAAI,CAACX,OAAO,EAAE,IAAI,CAACqC,OAAO,CAAC;QAAAC,kBAAA,GAAAF,aAAA,CAAvElC,IAAI;QAAJA,IAAI,GAAAoC,kBAAA,cAAG,GAAG,GAAAA,kBAAA;QAAEjC,QAAQ,GAAA+B,aAAA,CAAR/B,QAAQ;QAAEkC,KAAK,GAAAH,aAAA,CAALG,KAAK;MACnC,IAAQT,eAAe,GAAK,IAAI,CAACU,KAAK,CAA9BV,eAAe;MAEvB,IAAMW,SAAS,GAAG;QAChBvC,IAAI,EAAJA,IAAI;QACJwC,QAAQ,EAAEH,KAAK;QACflC,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIyB,eAAe;QACrCa,aAAa,EAAE,IAAI,CAACA,aAAa;QACjCC,YAAY,EAAE,IAAI,CAACC,KAAK,CAACxC;MAC3B,CAAC;MAED,OAAOoC,SAAS;IAClB;EAAC;IAAA9C,GAAA;IAAAC,KAAA,EAED,SAAAkD,cAAA,EAAgB;MAAA,IAAAC,gBAAA;MACd;MACA,IAAAC,aAAA,GAMI,IAAArC,wBAAW,EAAC,IAAI,CAACX,OAAO,EAAE,IAAI,CAACqC,OAAO,CAAC;QAAAY,kBAAA,GAAAD,aAAA,CALzC9C,IAAI;QAAJA,IAAI,GAAA+C,kBAAA,cAAG,GAAG,GAAAA,kBAAA;QAAAC,mBAAA,GAAAF,aAAA,CACVR,KAAK;QAALA,KAAK,GAAAU,mBAAA,cAAG,QAAQ,GAAAA,mBAAA;QAChBjD,KAAK,GAAA+C,aAAA,CAAL/C,KAAK;QACLI,QAAQ,GAAA2C,aAAA,CAAR3C,QAAQ;QACRF,IAAI,GAAA6C,aAAA,CAAJ7C,IAAI;MAEN,IAAAgD,cAAA,GAA2B,IAAI,CAACnD,OAAO;QAA/BJ,KAAK,GAAAuD,cAAA,CAALvD,KAAK;QAAEwD,OAAO,GAAAD,cAAA,CAAPC,OAAO;MACtB,IAAQtB,eAAe,GAAK,IAAI,CAACU,KAAK,CAA9BV,eAAe;MAEvB,OAAO;QACL5B,IAAI,GAAA6C,gBAAA,GAAE,IAAI,CAACF,KAAK,CAAC3C,IAAI,cAAA6C,gBAAA,cAAAA,gBAAA,GAAI7C,IAAI;QAC7BG,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIyB,eAAe;QACrCU,KAAK,EAAEA,KAAK;QACZvC,KAAK,EAALA,KAAK;QACLL,KAAK,EAALA,KAAK;QACLwD,OAAO,EAAPA,OAAO;QACPjD,IAAI,EAAJA,IAAI;QACJwC,aAAa,EAAE,IAAI,CAACA,aAAa;QACjCC,YAAY,EAAE,IAAI,CAACC,KAAK,CAACxC;MAC3B,CAAC;IACH;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,OAAA,EAAS;MAAA,IAAA+C,KAAA,QAAArD,OAAA;QAAAsD,KAAA;MACP,IAAMC,MAAM,GAIMC,YAAG;MAHrB,IAAAC,cAAA,GAAoD,IAAI,CAACzD,OAAO;QAAxD0D,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAElD,QAAQ,GAAAiD,cAAA,CAARjD,QAAQ;QAAYmD,WAAW,GAAAF,cAAA,CAArBf,QAAQ;MAElC,OAAAY,KAAA,GAAO,IAAAtE,aAAO,EAAC0E,MAAM,CAAC,eACpBxF,MAAA,YAAAuC,aAAA,CAAC8C,MAAM,EAAAD,KAAA,CAAAM,EAAA,eAAAC,cAAA,qBAAA9F,KAAA,CAAA4C,WAAA;QAAA,OAAkB,OAAO;QAAA,kBAAiB,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU;MAAC,GAAA0C,KAAA,KAC/EM,WAAW,gBACVzF,MAAA,YAAAuC,aAAA,CAACD,QAAQ,EAAA8C,KAAA,CAAAM,EAAA,iBAAG,gBAEZ1F,MAAA,YAAAuC,aAAA,CAAAvC,MAAA,YAAA4F,QAAA,qBACE5F,MAAA,YAAAuC,aAAA,CAACsD,KAAK,CAACC,KAAK,OAAG,eACf9F,MAAA,YAAAuC,aAAA,CAACsD,KAAK,CAACE,IAAI,OAAG,CAEjB,CACM;IAEb;EAAC;EAAA,OAAA/C,SAAA;AAAA,EA3EqBN,eAAS;AAAA,IAAAC,gBAAA,aAA3BK,SAAS,iBACQ,OAAO;AAAA,IAAAL,gBAAA,aADxBK,SAAS,WAEEpC,KAAK;AAAA,IAAA+B,gBAAA,aAFhBK,SAAS,iBAGQH,UAAU,CAACmD,uBAAiB,CAAC;AAAA,IA2E9CC,SAAS,0BAAAC,WAAA;EAAA,IAAAhF,UAAA,aAAA+E,SAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,OAAA/E,aAAA,aAAA6E,SAAA;EAAA,SAAAA,UAAA;IAAA,IAAAG,MAAA;IAAA,IAAA/E,gBAAA,mBAAA4E,SAAA;IAAA,SAAAI,KAAA,GAAA9E,SAAA,CAAA8B,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAA8C,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA;MAAAhD,IAAA,CAAAgD,KAAA,IAAA/E,SAAA,CAAA+E,KAAA;IAAA;IAAAF,MAAA,GAAAD,OAAA,CAAA1C,IAAA,CAAAnC,KAAA,CAAA6E,OAAA,SAAAzC,MAAA,CAAAJ,IAAA;IAAA,IAAAX,gBAAA,iBAAAgB,uBAAA,aAAAyC,MAAA,wBAUO,UAAC1E,KAAK;MAAA,OAAK,UAAC6E,CAAC,EAAK;QACpC,IAAI,OAAOH,MAAA,CAAKjC,OAAO,CAACjC,QAAQ,KAAK,UAAU,EAAE;UAC/CkE,MAAA,CAAKjC,OAAO,CAACjC,QAAQ,CAACR,KAAK,EAAE6E,CAAC,CAAC;QACjC;MACF,CAAC;IAAA;IAAA,OAAAH,MAAA;EAAA;EAAA,IAAA5E,aAAA,aAAAyE,SAAA;IAAAxE,GAAA;IAAAC,KAAA,EAED,SAAAC,kBAAA,EAAoB;MAClB,OAAO;QACLuD,OAAO,EAAE,SAAAA,QAACqB,CAAC;UAAA,OAAKA,CAAC,CAACC,MAAM,CAACtB,OAAO;QAAA;MAClC,CAAC;IACH;EAAC;IAAAzD,GAAA;IAAAC,KAAA,EAED,SAAA+E,gBAAA,EAAkB;MAChB,IAAMC,YAAY,GAAG,IAAI,CAACvC,OAAO,CAACzC,KAAK;MACvC,IAAAiF,cAAA,GAAwD,IAAI,CAAC7E,OAAO;QAA5D8E,UAAU,GAAAD,cAAA,CAAVC,UAAU;QAAEC,iBAAiB,GAAAF,cAAA,CAAjBE,iBAAiB;QAAEvC,KAAK,GAAAqC,cAAA,CAALrC,KAAK;QAAE5C,KAAK,GAAAiF,cAAA,CAALjF,KAAK;MACnD,IAAAoF,cAAA,GAA6B,IAAAC,sBAAa,EAAC,IAAI,CAACjF,OAAO,EAAE+E,iBAAiB,CAAC;QAAAG,eAAA,OAAAC,eAAA,aAAAH,cAAA;QAApEI,kBAAkB,GAAAF,eAAA;MACzB,IAAMG,UAAU,GAAGzF,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE;MAE9B,IAAM0F,YAAY,OAAAzB,cAAA,iBAAAA,cAAA;QAChB0B,GAAG,EAAET,UAAU;QACftC,KAAK,EAALA;MAAK,GACF4C,kBAAkB;QACrBxF,KAAK,EAAEyF;MAAU,EAClB;MAED,IAAIT,YAAY,KAAK7C,SAAS,EAAE;QAC9B,IAAAyD,WAAA,GAA8B,IAAI,CAAC3C,KAAK;UAAhCzC,QAAQ,GAAAoF,WAAA,CAARpF,QAAQ;UAAEqF,OAAO,GAAAD,WAAA,CAAPC,OAAO;QAEzBH,YAAY,CAAClC,OAAO,GAAGwB,YAAY,KAAKS,UAAU;QAClDC,YAAY,CAAClF,QAAQ,GAAG,IAAAsF,kCAAoB,EAACtF,QAAQ,EAAE,IAAI,CAACuF,iBAAiB,CAACN,UAAU,CAAC,CAAC;MAC5F;MAEA,OAAOC,YAAY;IACrB;EAAC;IAAA3F,GAAA;IAAAC,KAAA,EAED,SAAAgG,kBAAA,EAAoB;MAClB,IAAMhB,YAAY,GAAG,IAAI,CAACvC,OAAO,CAACzC,KAAK;MACvC,IAAAiG,cAAA,GAWI,IAAI,CAAC7F,OAAO;QAVdE,IAAI,GAAA2F,cAAA,CAAJ3F,IAAI;QACJsC,KAAK,GAAAqD,cAAA,CAALrD,KAAK;QACLvC,KAAK,GAAA4F,cAAA,CAAL5F,KAAK;QACL6F,eAAe,GAAAD,cAAA,CAAfC,eAAe;QACflG,KAAK,GAAAiG,cAAA,CAALjG,KAAK;QACLmG,GAAG,GAAAF,cAAA,CAAHE,GAAG;QACH1F,QAAQ,GAAAwF,cAAA,CAARxF,QAAQ;QACR0E,iBAAiB,GAAAc,cAAA,CAAjBd,iBAAiB;QACjBiB,YAAY,GAAAH,cAAA,CAAZG,YAAY;QACTC,KAAK,OAAAC,yBAAA,aAAAL,cAAA,EAAAjH,SAAA;MAEV,IAAAuH,eAAA,GAA6C,IAAAlB,sBAAa,EAACgB,KAAK,EAAElB,iBAAiB,CAAC;QAAAqB,eAAA,OAAAjB,eAAA,aAAAgB,eAAA;QAA7Ef,kBAAkB,GAAAgB,eAAA;QAAEC,cAAc,GAAAD,eAAA;MACzC,IAAQ1D,QAAQ,GAAwC2D,cAAc,CAA9D3D,QAAQ;QAAElC,QAAQ,GAA8B6F,cAAc,CAApD7F,QAAQ;QAAK8F,oBAAoB,OAAAJ,yBAAA,aAAKG,cAAc,EAAAxH,UAAA;MACtE,IAAMwG,UAAU,GAAGzF,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE;MAE9B,IAAM2G,SAAS,OAAA1C,cAAA;QACb5D,KAAK,EAALA,KAAK;QACLC,IAAI,EAAJA,IAAI;QACJsC,KAAK,EAALA,KAAK;QACLsD,eAAe,EAAfA,eAAe;QACfzF,QAAQ,EAARA,QAAQ;QACR2F,YAAY,EAAZA,YAAY;QACZ5C,OAAO,EAAEgC,kBAAkB,CAAChC;MAAO,GAChCkD,oBAAoB,CACxB;MAED,IAAI1B,YAAY,KAAK7C,SAAS,EAAE;QAC9B,IAAQ0D,OAAO,GAAK,IAAI,CAAC5C,KAAK,CAAtB4C,OAAO;QAEf,IAAIM,GAAG,KAAK,OAAO,EAAE;UACnBQ,SAAS,CAACd,OAAO,GAAG,IAAAC,kCAAoB,EAACD,OAAO,EAAE,IAAI,CAACE,iBAAiB,CAACN,UAAU,CAAC,CAAC;QACvF;MACF;MAEA,OAAOkB,SAAS;IAClB;EAAC;IAAA5G,GAAA;IAAAC,KAAA,EAED,SAAA4G,mBAAA,EAAqB;MACnB,IAAI,IAAI,CAACxG,OAAO,CAAC4C,YAAY,KAAK,IAAI,CAAC5C,OAAO,CAACK,QAAQ,EAAE;QACvD,IAAI,CAACL,OAAO,CAAC2C,aAAa,CAAC,IAAI,CAAC3C,OAAO,CAACK,QAAQ,CAAC;MACnD;IACF;EAAC;IAAAV,GAAA;IAAAC,KAAA,EACD,SAAA6G,kBAAA,EAAoB;MAClB,IAAI,IAAI,CAACzG,OAAO,CAAC4C,YAAY,KAAK,IAAI,CAAC5C,OAAO,CAACK,QAAQ,EAAE;QACvD,IAAI,CAACL,OAAO,CAAC2C,aAAa,CAAC,IAAI,CAAC3C,OAAO,CAACK,QAAQ,CAAC;MACnD;IACF;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,OAAA,EAAS;MAAA,IAAAoG,KAAA;MACP,IAAAC,cAAA,GAAoD,IAAI,CAAC3G,OAAO;QAAxD0D,MAAM,GAAAiD,cAAA,CAANjD,MAAM;QAAYC,WAAW,GAAAgD,cAAA,CAArBjE,QAAQ;QAAelC,QAAQ,GAAAmG,cAAA,CAARnG,QAAQ;MAE/C,IAAI,CAACmD,WAAW,EAAE;QAAA,IAAAiD,KAAA;QAChB,OAAAA,KAAA,GAAO,IAAA5H,aAAO,EAAC0E,MAAM,CAAC,eACpBxF,MAAA,YAAAuC,aAAA,CAAAvC,MAAA,YAAA4F,QAAA,qBACE5F,MAAA,YAAAuC,aAAA,CAACsD,KAAK,CAACC,KAAK,CAAC6C,OAAO,OAAG,eACvB3I,MAAA,YAAAuC,aAAA,CAACsD,KAAK,CAACC,KAAK,CAAC8C,SAAS,OAAG,CACxB;MAEP;MAEA,OAAAJ,KAAA,GAAO,IAAA1H,aAAO,EAAC0E,MAAM,CAAC,eAACxF,MAAA,YAAAuC,aAAA,CAACD,QAAQ,EAAAkG,KAAA,CAAA9C,EAAA,iBAAG;IACrC;EAAC;EAAA,OAAAO,SAAA;AAAA,EA7GqBvD,eAAS;AAAA,IAAAC,gBAAA,aAA3BsD,SAAS,kBACS;EACpBY,iBAAiB,EAAEgC,sBAAU;EAC7BC,cAAc,EAAE;AAClB,CAAC;AAAA,IAAAnG,gBAAA,aAJGsD,SAAS,aAKI,CAAC,IAAA8C,gCAAoB,GAAE,EAAE,IAAAC,+BAAmB,GAAE,CAAC;AAAA,IAAArG,gBAAA,aAL5DsD,SAAS,iBAMQ,OAAO;AAAA,IAAAtD,gBAAA,aANxBsD,SAAS,iBAOQpD,UAAU,CAACmD,uBAAiB,CAAC;AAAA,IAAArD,gBAAA,aAP9CsD,SAAS,WAQErF,KAAK;AAwGtB,IAAM+H,OAAO,GAAG,SAAVA,OAAOA,CAAIhE,KAAK,EAAK;EAAA,IAAAsE,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACzB,IAAMC,QAAQ,GAIM9D,YAAG;EAHvB,IAAQE,MAAM,GAAYb,KAAK,CAAvBa,MAAM;IAAElB,KAAK,GAAKK,KAAK,CAAfL,KAAK;EAErB,OAAA6E,KAAA,GAAO,IAAArI,aAAO,EAAC0E,MAAM,CAAC,eACpBxF,MAAA,YAAAuC,aAAA,CAAC6G,QAAQ,EAAAD,KAAA,CAAAzD,EAAA,iBAAAC,cAAA,qBAAA9F,KAAA,CAAA4C,WAAA;IAAA,OAAkB,OAAO;IAAA,QAAM,OAAO;IAAA,gBAAe6B,KAAK,KAAK;EAAS,GAAA2E,KAAA,IAAI;AAEzF,CAAC;AACDN,OAAO,CAACU,WAAW,GAAG,SAAS;AAE/B,IAAMT,SAAS,GAAG,SAAZA,SAASA,CAAIjE,KAAK,EAAK;EAAA,IAAA2E,KAAA,GAAAJ,YAAA;IAAAK,MAAA;EAC3B,IAAMC,MAAM,GAKMlE,YAAG;EAJrB,IAAMmE,eAAe,GAAGC,wBAAe;EACvC,IAAQ3H,KAAK,GAA2C4C,KAAK,CAArD5C,KAAK;IAAEyD,MAAM,GAAmCb,KAAK,CAA9Ca,MAAM;IAAEsC,YAAY,GAAqBnD,KAAK,CAAtCmD,YAAY;IAAExD,KAAK,GAAcK,KAAK,CAAxBL,KAAK;IAAEY,OAAO,GAAKP,KAAK,CAAjBO,OAAO;EAEnD,OAAAqE,MAAA,GAAO,IAAAzI,aAAO,EAAC0E,MAAM,CAAC,eACpBxF,MAAA,YAAAuC,aAAA,CAACiH,MAAM,EAAAD,MAAA,CAAA7D,EAAA,eAAAC,cAAA,qBAAA9F,KAAA,CAAA4C,WAAA;IAAA,OAAkB,KAAK;IAAA,aAAYqF,YAAY,CAAC/F,KAAK,CAAC;IAAA,eAAe;EAAI,GAAAuH,KAAA,KAC7EhF,KAAK,KAAK,SAAS,IAAI,CAACY,OAAO,iBAAIlF,MAAA,YAAAuC,aAAA,CAACkH,eAAe,EAAAF,MAAA,CAAA7D,EAAA,wBAAG,CAChD;AAEb,CAAC;AACDkD,SAAS,CAACS,WAAW,GAAG,WAAW;AAEnC,IAAMtD,IAAI,GAAG,SAAPA,IAAIA,CAAIpB,KAAK,EAAK;EAAA,IAAAgF,KAAA,GAAAT,YAAA;IAAAU,MAAA;EACtB,IAAMC,KAAK,GAWMC,gBAAc;EAV/B,IAAQtE,MAAM,GAAYb,KAAK,CAAvBa,MAAM;IAAEuE,KAAK,GAAKpF,KAAK,CAAfoF,KAAK;EAErBC,iBAAK,CAACC,SAAS,CAAC,YAAM;IACpB,IAAItF,KAAK,CAACD,YAAY,KAAKC,KAAK,CAACxC,QAAQ,EAAE;MACzCwC,KAAK,CAACF,aAAa,CAACE,KAAK,CAACxC,QAAQ,CAAC;IACrC;EACF,CAAC,EAAE,CAACwC,KAAK,CAACD,YAAY,EAAEC,KAAK,CAACxC,QAAQ,EAAEwC,KAAK,CAACF,aAAa,CAAC,CAAC;EAC7D,IAAMqD,YAAY,GAAG,IAAAoC,kCAAgB,GAAE;EAEvC,OAAAN,MAAA,GAAO,IAAA9I,aAAO,EAAC0E,MAAM,CAAC,eACpBxF,MAAA,YAAAuC,aAAA,CAACsH,KAAK,EAAAD,MAAA,CAAAlE,EAAA,cAAAC,cAAA,qBAAA9F,KAAA,CAAA4C,WAAA;IAAA,OAA6B,MAAM;IAAA,aAAYqF,YAAY,CAACiC,KAAK;EAAC,GAAAJ,KAAA,IAAI;AAEhF,CAAC;AACD5D,IAAI,CAACsD,WAAW,GAAG,MAAM;AAIzB,IAAMvD,KAAK,GAAG,IAAAhD,gBAAe,EAACmD,SAAS,EAAE;EACvC0C,OAAO,EAAPA,OAAO;EACPC,SAAS,EAATA;AACF,CAAC,CAAC;AAEF,IAAM/C,KAAK,GAAG,IAAA/C,gBAAe,EAACE,SAAS,EAAE;EACvC+C,IAAI,EAAJA,IAAI;EACJD,KAAK,EAALA;AACF,CAAC,CAAC;AAEK,IAAMqE,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,OAAO;EAAA,OAAKA,OAAO;AAAA;AAACrH,OAAA,CAAAoH,cAAA,GAAAA,cAAA;AAAA,IAAAE,QAAA,GAEpCxE,KAAK;AAAA9C,OAAA,cAAAsH,QAAA"}
|
|
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 {
|
|
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 { 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 /** 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,34 +16,32 @@ 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__*/".
|
|
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_"),
|
|
28
27
|
/*__reshadow_css_end__*/
|
|
29
28
|
{
|
|
30
|
-
"__SRadio": "
|
|
31
|
-
"_disabled": "
|
|
32
|
-
"__SText": "
|
|
33
|
-
"_size_m": "
|
|
34
|
-
"_size_l": "
|
|
35
|
-
"__SValue": "
|
|
36
|
-
"_state_normal": "
|
|
37
|
-
"_state_invalid": "
|
|
38
|
-
"__SControl": "
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"__SInvalidPattern": "___SInvalidPattern_mgb6n_gg_"
|
|
29
|
+
"__SRadio": "___SRadio_lyu5n_gg_",
|
|
30
|
+
"_disabled": "__disabled_lyu5n_gg_",
|
|
31
|
+
"__SText": "___SText_lyu5n_gg_",
|
|
32
|
+
"_size_m": "_size_m_lyu5n_gg_",
|
|
33
|
+
"_size_l": "_size_l_lyu5n_gg_",
|
|
34
|
+
"__SValue": "___SValue_lyu5n_gg_",
|
|
35
|
+
"_state_normal": "_state_normal_lyu5n_gg_",
|
|
36
|
+
"_state_invalid": "_state_invalid_lyu5n_gg_",
|
|
37
|
+
"__SControl": "___SControl_lyu5n_gg_",
|
|
38
|
+
"_theme": "__theme_lyu5n_gg_",
|
|
39
|
+
"--theme": "--theme_lyu5n",
|
|
40
|
+
"_color": "__color_lyu5n_gg_",
|
|
41
|
+
"--color": "--color_lyu5n",
|
|
42
|
+
"__SInvalidPattern": "___SInvalidPattern_lyu5n_gg_"
|
|
45
43
|
});
|
|
46
|
-
import logger from '@semcore/
|
|
44
|
+
import logger from '@semcore/core/lib/utils/logger';
|
|
47
45
|
import { Text as TypographyText } from '@semcore/typography';
|
|
48
46
|
var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
49
47
|
_inherits(RadioGroupRoot, _Component);
|
|
@@ -318,7 +316,7 @@ _defineProperty(ValueRoot, "defaultProps", {
|
|
|
318
316
|
includeInputProps: inputProps,
|
|
319
317
|
defaultChecked: false
|
|
320
318
|
});
|
|
321
|
-
_defineProperty(ValueRoot, "enhance", [
|
|
319
|
+
_defineProperty(ValueRoot, "enhance", [resolveColorEnhance()]);
|
|
322
320
|
_defineProperty(ValueRoot, "displayName", 'Value');
|
|
323
321
|
_defineProperty(ValueRoot, "contextType", RadioGroup[CONTEXT_COMPONENT]);
|
|
324
322
|
_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 {
|
|
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 { 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 /** 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
|
@@ -7,17 +7,15 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
|
7
7
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
8
8
|
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
9
9
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
10
|
-
import { sstyled } from "@semcore/
|
|
11
|
-
import createComponent, { CONTEXT_COMPONENT, assignProps, Component, sstyled as sstyled$1 } from "@semcore/core";
|
|
10
|
+
import { sstyled, createComponent, CONTEXT_COMPONENT, assignProps, Component } from "@semcore/core";
|
|
12
11
|
import React from "react";
|
|
13
12
|
import { Flex, Box, InvalidStateBox } from "@semcore/flex-box";
|
|
14
|
-
import assignProps$1, { callAllEventHandlers } from "@semcore/
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
import
|
|
18
|
-
import {
|
|
19
|
-
import
|
|
20
|
-
import logger from "@semcore/utils/lib/logger";
|
|
13
|
+
import assignProps$1, { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
|
|
14
|
+
import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
|
|
15
|
+
import getInputProps, { inputProps } from "@semcore/core/lib/utils/inputProps";
|
|
16
|
+
import { inputProps as inputProps2 } from "@semcore/core/lib/utils/inputProps";
|
|
17
|
+
import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
|
|
18
|
+
import logger from "@semcore/core/lib/utils/logger";
|
|
21
19
|
import { Text as Text$1 } from "@semcore/typography";
|
|
22
20
|
var _excluded = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor"], _excluded2 = ["children", "Children"];
|
|
23
21
|
/*!__reshadow-styles__:"./style/radio.shadow.css"*/
|
|
@@ -25,26 +23,25 @@ var style = (
|
|
|
25
23
|
/*__reshadow_css_start__*/
|
|
26
24
|
(sstyled.insert(
|
|
27
25
|
/*__inner_css_start__*/
|
|
28
|
-
'.
|
|
26
|
+
'.___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)}',
|
|
29
27
|
/*__inner_css_end__*/
|
|
30
|
-
"
|
|
28
|
+
"lyu5n_gg_"
|
|
31
29
|
), /*__reshadow_css_end__*/
|
|
32
30
|
{
|
|
33
|
-
"__SRadio": "
|
|
34
|
-
"_disabled": "
|
|
35
|
-
"__SText": "
|
|
36
|
-
"_size_m": "
|
|
37
|
-
"_size_l": "
|
|
38
|
-
"__SValue": "
|
|
39
|
-
"_state_normal": "
|
|
40
|
-
"_state_invalid": "
|
|
41
|
-
"__SControl": "
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"__SInvalidPattern": "___SInvalidPattern_mgb6n_gg_"
|
|
31
|
+
"__SRadio": "___SRadio_lyu5n_gg_",
|
|
32
|
+
"_disabled": "__disabled_lyu5n_gg_",
|
|
33
|
+
"__SText": "___SText_lyu5n_gg_",
|
|
34
|
+
"_size_m": "_size_m_lyu5n_gg_",
|
|
35
|
+
"_size_l": "_size_l_lyu5n_gg_",
|
|
36
|
+
"__SValue": "___SValue_lyu5n_gg_",
|
|
37
|
+
"_state_normal": "_state_normal_lyu5n_gg_",
|
|
38
|
+
"_state_invalid": "_state_invalid_lyu5n_gg_",
|
|
39
|
+
"__SControl": "___SControl_lyu5n_gg_",
|
|
40
|
+
"_theme": "__theme_lyu5n_gg_",
|
|
41
|
+
"--theme": "--theme_lyu5n",
|
|
42
|
+
"_color": "__color_lyu5n_gg_",
|
|
43
|
+
"--color": "--color_lyu5n",
|
|
44
|
+
"__SInvalidPattern": "___SInvalidPattern_lyu5n_gg_"
|
|
48
45
|
})
|
|
49
46
|
);
|
|
50
47
|
var RadioGroupRoot = /* @__PURE__ */ function(_Component) {
|
|
@@ -153,7 +150,7 @@ var RadioRoot = /* @__PURE__ */ function(_Component2) {
|
|
|
153
150
|
var _ref2 = this.asProps, _ref6;
|
|
154
151
|
var SRadio = Box;
|
|
155
152
|
var _this$asProps3 = this.asProps, styles = _this$asProps3.styles, Children = _this$asProps3.Children, hasChildren = _this$asProps3.children;
|
|
156
|
-
return _ref6 = sstyled
|
|
153
|
+
return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SRadio, _ref6.cn("SRadio", _objectSpread({}, assignProps({
|
|
157
154
|
"tag": "label",
|
|
158
155
|
"__excludeProps": ["onChange", "label", "disabled"]
|
|
159
156
|
}, _ref2))), hasChildren ? /* @__PURE__ */ React.createElement(Children, _ref6.cn("Children", {})) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Radio.Value, null), /* @__PURE__ */ React.createElement(Radio.Text, null)));
|
|
@@ -260,9 +257,9 @@ var ValueRoot = /* @__PURE__ */ function(_Component3) {
|
|
|
260
257
|
var _ref8;
|
|
261
258
|
var _this$asProps6 = this.asProps, styles = _this$asProps6.styles, hasChildren = _this$asProps6.children, Children = _this$asProps6.Children;
|
|
262
259
|
if (!hasChildren) {
|
|
263
|
-
return sstyled
|
|
260
|
+
return sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Radio.Value.Control, null), /* @__PURE__ */ React.createElement(Radio.Value.RadioMark, null));
|
|
264
261
|
}
|
|
265
|
-
return _ref8 = sstyled
|
|
262
|
+
return _ref8 = sstyled(styles), /* @__PURE__ */ React.createElement(Children, _ref8.cn("Children", {}));
|
|
266
263
|
}
|
|
267
264
|
}]);
|
|
268
265
|
return ValueRoot2;
|
|
@@ -271,7 +268,7 @@ _defineProperty(ValueRoot, "defaultProps", {
|
|
|
271
268
|
includeInputProps: inputProps,
|
|
272
269
|
defaultChecked: false
|
|
273
270
|
});
|
|
274
|
-
_defineProperty(ValueRoot, "enhance", [
|
|
271
|
+
_defineProperty(ValueRoot, "enhance", [resolveColorEnhance()]);
|
|
275
272
|
_defineProperty(ValueRoot, "displayName", "Value");
|
|
276
273
|
_defineProperty(ValueRoot, "contextType", RadioGroup[CONTEXT_COMPONENT]);
|
|
277
274
|
_defineProperty(ValueRoot, "style", style);
|
|
@@ -279,7 +276,7 @@ var Control = function Control2(props) {
|
|
|
279
276
|
var _ref3 = arguments[0], _ref9;
|
|
280
277
|
var SControl = Box;
|
|
281
278
|
var styles = props.styles, state = props.state;
|
|
282
|
-
return _ref9 = sstyled
|
|
279
|
+
return _ref9 = sstyled(styles), /* @__PURE__ */ React.createElement(SControl, _ref9.cn("SControl", _objectSpread({}, assignProps({
|
|
283
280
|
"tag": "input",
|
|
284
281
|
"type": "radio",
|
|
285
282
|
"aria-invalid": state === "invalid"
|
|
@@ -291,7 +288,7 @@ var RadioMark = function RadioMark2(props) {
|
|
|
291
288
|
var SValue = Box;
|
|
292
289
|
var SInvalidPattern = InvalidStateBox;
|
|
293
290
|
var theme = props.theme, styles = props.styles, resolveColor = props.resolveColor, state = props.state, checked = props.checked;
|
|
294
|
-
return _ref10 = sstyled
|
|
291
|
+
return _ref10 = sstyled(styles), /* @__PURE__ */ React.createElement(SValue, _ref10.cn("SValue", _objectSpread({}, assignProps({
|
|
295
292
|
"tag": "div",
|
|
296
293
|
"use:theme": resolveColor(theme),
|
|
297
294
|
"aria-hidden": true
|
|
@@ -308,7 +305,7 @@ var Text = function Text2(props) {
|
|
|
308
305
|
}
|
|
309
306
|
}, [props.rootDisabled, props.disabled, props.hoistDisabled]);
|
|
310
307
|
var resolveColor = useColorResolver();
|
|
311
|
-
return _ref11 = sstyled
|
|
308
|
+
return _ref11 = sstyled(styles), /* @__PURE__ */ React.createElement(SText, _ref11.cn("SText", _objectSpread({}, assignProps({
|
|
312
309
|
"tag": "span",
|
|
313
310
|
"use:color": resolveColor(color)
|
|
314
311
|
}, _ref5))));
|
package/lib/esm/index.mjs
CHANGED
|
@@ -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/types/index.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
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/utils/lib/enhances/keyboardFocusEnhance';
|
|
5
4
|
import { Text } from '@semcore/typography';
|
|
6
5
|
|
|
7
6
|
export type RadioSize = 'm' | 'l';
|
|
@@ -63,47 +62,46 @@ export type RadioGroupProps<T extends RadioValue = RadioValue> = {
|
|
|
63
62
|
|
|
64
63
|
/** @deprecated */
|
|
65
64
|
export interface IRadioValueProps extends RadioValueProps, UnknownProperties {}
|
|
66
|
-
export type RadioValueProps = BoxProps &
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
};
|
|
65
|
+
export type RadioValueProps = BoxProps & {
|
|
66
|
+
/** List of elements that can be put on a hidden input */
|
|
67
|
+
includeInputProps?: string[];
|
|
68
|
+
/**
|
|
69
|
+
* @deprecated set `state` on root Radio instead
|
|
70
|
+
* The value displaying the state of the component
|
|
71
|
+
* @default normal
|
|
72
|
+
*/
|
|
73
|
+
state?: RadioState;
|
|
74
|
+
/**
|
|
75
|
+
* @deprecated
|
|
76
|
+
* The theme of the radio button that you can send your color to
|
|
77
|
+
*/
|
|
78
|
+
theme?: string;
|
|
79
|
+
/**
|
|
80
|
+
* @deprecated set `size` on root RadioGroup instead
|
|
81
|
+
* Radio button size
|
|
82
|
+
*/
|
|
83
|
+
size?: RadioSize;
|
|
84
|
+
/**
|
|
85
|
+
* @deprecated set `value` on root Radio instead
|
|
86
|
+
* The element value is required for RadioGroup
|
|
87
|
+
*/
|
|
88
|
+
value?: RadioValue;
|
|
89
|
+
/**
|
|
90
|
+
* @deprecated set `defaultValue` on root RadioGroup instead
|
|
91
|
+
* Default value if `value` property is not provided
|
|
92
|
+
*/
|
|
93
|
+
defaultValue?: RadioValue;
|
|
94
|
+
/**
|
|
95
|
+
* @deprecated set `onChange` on root RadioGroup instead
|
|
96
|
+
* Called when the value changes
|
|
97
|
+
*/
|
|
98
|
+
onChange?: (value: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;
|
|
99
|
+
/**
|
|
100
|
+
* @deprecated set `disabled` on root Radio instead
|
|
101
|
+
* Blocks access and changes to the form field
|
|
102
|
+
*/
|
|
103
|
+
disabled?: boolean;
|
|
104
|
+
};
|
|
107
105
|
|
|
108
106
|
/** @deprecated */
|
|
109
107
|
export interface IRadioCtx extends RadioCtx, UnknownProperties {}
|
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.0",
|
|
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.53.2"
|
|
17
|
+
"@semcore/flex-box": "16.0.0-prerelease.0",
|
|
18
|
+
"@semcore/typography": "16.0.0-prerelease.0"
|
|
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.0"
|
|
25
22
|
},
|
|
26
23
|
"repository": {
|
|
27
24
|
"type": "git",
|