@semcore/radio 6.44.0-prerelease.0 → 6.44.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/lib/cjs/Radio.js +144 -129
- package/lib/cjs/Radio.js.map +1 -1
- package/lib/cjs/index.d.js +2 -0
- package/lib/cjs/index.d.js.map +1 -0
- package/lib/cjs/index.js +5 -21
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/style/radio.shadow.css +20 -13
- package/lib/es6/Radio.js +131 -120
- package/lib/es6/Radio.js.map +1 -1
- package/lib/es6/index.d.js +2 -0
- package/lib/es6/index.d.js.map +1 -0
- package/lib/es6/index.js +2 -2
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/style/radio.shadow.css +20 -13
- package/lib/esm/Radio.mjs +105 -92
- package/lib/esm/index.mjs +2 -1
- package/lib/esm/style/radio.shadow.css +20 -13
- package/lib/types/index.d.ts +149 -2
- package/package.json +5 -5
- package/lib/cjs/Radio.type.js +0 -2
- package/lib/cjs/Radio.type.js.map +0 -1
- package/lib/es6/Radio.type.js +0 -2
- package/lib/es6/Radio.type.js.map +0 -1
- package/lib/esm/Radio.type.mjs +0 -1
- package/lib/types/Radio.d.ts +0 -9
- package/lib/types/Radio.type.d.ts +0 -98
package/lib/es6/Radio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","names":["Flex","Box","InvalidStateBox","createComponent","Component","sstyled","Root","callAllEventHandlers","resolveColorEnhance","getInputProps","inputProps","logger","useColorResolver","Text","TypographyText","React","style","_sstyled","insert","RadioContext","createContext","RadioGroupRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","uncontrolledProps","setContext","_this$asProps","asProps","theme","size","name","onChange","disabled","render","_ref","Children","createElement","_assignProps","_defineProperty","defaultValue","RadioGroup","context","RadioRoot","_Component2","_this","_len","length","args","Array","_key","concat","hoistedDisabled","undefined","warn","setState","getTextProps","_this$context$size","_this$asProps2","_this$asProps2$size","_this$asProps2$disabl","label","state","textProps","children","hoistDisabled","rootDisabled","props","getValueProps","_this$context$size2","_this$props$size","_this$asProps3","_this$asProps3$state","_this$asProps3$size","_this$asProps3$theme","_this$asProps3$disabl","_this$asProps3$name","_this$asProps4","checked","_ref2","_ref6","SRadio","_this$asProps5","styles","hasChildren","cn","_objectSpread","_assignProps2","Fragment","Radio","Value","ValueRoot","_Component3","_this2","_len2","_key2","e","target","getControlProps","currentValue","_this$asProps6","forwardRef","includeInputProps","_getInputProps","_getInputProps2","_slicedToArray","commonControlProps","inputValue","ref","bindHandlerChange","getRadioMarkProps","_this$asProps7","keyboardFocused","tag","resolveColor","other","_objectWithoutProperties","_excluded","onClick","_getInputProps3","_getInputProps4","radioMarkProps","componentDidUpdate","componentDidMount","_ref8","_this$asProps8","_ref7","Control","RadioMark","defaultChecked","_ref3","arguments[0]","_ref9","SControl","_assignProps3","displayName","_ref4","_ref0","SValue","SInvalidPattern","_assignProps4","_ref5","_ref1","SText","color","useEffect","_assignProps5","wrapRadioGroup","wrapper"],"sources":["../../src/Radio.tsx"],"sourcesContent":["import { Flex, Box, InvalidStateBox } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { 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 logger from '@semcore/core/lib/utils/logger';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport { Text as TypographyText } from '@semcore/typography';\nimport React from 'react';\n\nimport type { NSRadio } from './Radio.type';\nimport style from './style/radio.shadow.css';\n\nconst RadioContext = React.createContext<{\n onChange?: NSRadio.Group.Props['onChange'];\n value?: NSRadio.Group.Props['value'];\n theme?: NSRadio.Group.Props['theme'];\n size?: NSRadio.Group.Props['size'];\n name?: NSRadio.Group.Props['name'];\n disabled?: NSRadio.Group.Props['disabled'];\n}>({});\n\nclass RadioGroupRoot extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSRadio.Group.Component>,\n [],\n { value: null }\n> {\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, {}, { context: RadioContext }) as unknown as NSRadio.Group.Component;\n\nclass RadioRoot extends Component<Intergalactic.InternalTypings.InferComponentProps<NSRadio.Component>> {\n static displayName = 'Radio';\n static style = style;\n static contextType = RadioContext;\n\n context: React.ContextType<typeof RadioContext> = {};\n\n state = {\n hoistedDisabled: undefined,\n };\n\n hoistDisabled = (disabled: NSRadio.Props['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 const { size = this.context.size ?? 'm', disabled = this.context.disabled, label } = this.asProps;\n\n const { hoistedDisabled } = this.state;\n\n const textProps = {\n size: size === 'm' ? 200 : 300,\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 const {\n state = 'normal',\n size = this.context.size ?? 'm',\n theme = this.context.theme,\n disabled = this.context.disabled,\n name = this.context.name,\n } = this.asProps;\n\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 ? (\n <Children />\n )\n : (\n <>\n <Radio.Value />\n <Radio.Text />\n </>\n )}\n </SRadio>,\n );\n }\n}\n\nclass ValueRoot extends Component<\n Intergalactic.InternalTypings.InferChildComponentProps<NSRadio.Value.Component, typeof RadioRoot, 'Value'>,\n typeof ValueRoot.enhance,\n { checked: (e: React.ChangeEvent<HTMLInputElement>) => boolean }\n> {\n context: React.ContextType<typeof RadioContext> = {};\n\n static defaultProps = {\n includeInputProps: inputProps,\n defaultChecked: false,\n };\n\n static enhance = [resolveColorEnhance()] as const;\n static displayName = 'Value';\n static contextType = RadioContext;\n static style = style;\n\n bindHandlerChange = (value: NSRadio.Props['value']) => (e: React.ChangeEvent<HTMLInputElement>) => {\n if (typeof this.context.onChange === 'function' && value !== undefined) {\n this.context.onChange(value, e);\n }\n };\n\n uncontrolledProps() {\n return {\n checked: (e: React.ChangeEvent<HTMLInputElement>) => e.target.checked,\n };\n }\n\n getControlProps() {\n const { value: currentValue } = this.context;\n const { forwardRef, includeInputProps, state, value } = this.asProps;\n const { onChange } = this.props;\n\n const [commonControlProps] = getInputProps(this.asProps, includeInputProps);\n const inputValue = value ?? '';\n\n return {\n ref: forwardRef,\n state,\n ...commonControlProps,\n value: inputValue,\n ...(currentValue !== undefined\n ? {\n checked: currentValue === inputValue,\n onChange: callAllEventHandlers(onChange, this.bindHandlerChange(inputValue)),\n }\n : {}),\n };\n }\n\n getRadioMarkProps() {\n const { value: currentValue } = this.context;\n const {\n size,\n state,\n theme,\n keyboardFocused,\n value,\n tag,\n disabled,\n includeInputProps,\n resolveColor,\n children,\n Children,\n ...other\n } = this.asProps;\n const { onClick } = this.props;\n const [commonControlProps, radioMarkProps] = getInputProps(other, includeInputProps);\n const inputValue = value ?? '';\n\n return {\n theme,\n size,\n state,\n keyboardFocused,\n disabled,\n resolveColor,\n checked: commonControlProps.checked,\n ...radioMarkProps,\n ...(currentValue !== undefined && tag !== 'label'\n ? {\n onClick: callAllEventHandlers(onClick, this.bindHandlerChange(inputValue)),\n }\n : {}),\n };\n }\n\n componentDidUpdate() {\n if (this.asProps.rootDisabled !== this.asProps.disabled) {\n this.asProps.hoistDisabled(this.asProps.disabled);\n }\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\nfunction Control(\n props: Intergalactic.InternalTypings.InferChildComponentProps<\n NSRadio.Value.Control.Component,\n typeof ValueRoot,\n 'Control'\n >,\n) {\n const SControl = Root;\n const { styles, state } = props;\n\n return sstyled(styles)(<SControl render={Box} tag='input' type='radio' aria-invalid={state === 'invalid'} />);\n}\nControl.displayName = 'Control';\n\nfunction RadioMark(\n props: Intergalactic.InternalTypings.InferChildComponentProps<\n NSRadio.Value.Mark.Component,\n typeof ValueRoot,\n 'RadioMark'\n >,\n) {\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\nfunction Text(\n props: Intergalactic.InternalTypings.InferChildComponentProps<NSRadio.Text.Component, typeof RadioRoot, 'Text'>,\n) {\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)(<SText render={TypographyText} tag='span' use:color={resolveColor(color)} />);\n}\nText.displayName = 'Text';\n\nconst Value = createComponent(ValueRoot, {\n Control,\n RadioMark,\n}) as NSRadio.Value.Component;\n\nconst Radio = createComponent(RadioRoot, {\n Text,\n Value,\n}) as NSRadio.Component;\n\nexport const wrapRadioGroup = <PropsExtending extends {}>(\n wrapper: (\n props: Intergalactic.InternalTypings.UntypeRefAndTag<\n Intergalactic.InternalTypings.ComponentPropsNesting<NSRadio.Group.Component>\n > &\n PropsExtending,\n ) => React.ReactNode,\n) => wrapper as NSRadio.Group.Component<PropsExtending>;\n\nexport { inputProps, RadioGroup };\n\nexport default Radio;\n"],"mappings":";;;;;;;;;;;;;;;AAAA,SAASA,IAAI,EAAEC,GAAG,EAAEC,eAAe,QAAQ,0BAA0B;AAErE,SAASC,eAAe,EAAEC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,SAASC,oBAAoB,QAAQ,qCAAqC;AAC1E,OAAOC,mBAAmB,MAAM,sDAAsD;AACtF,OAAOC,aAAa,IAAIC,UAAU,QAAQ,oCAAoC;AAC9E,OAAOC,MAAM,MAAM,gCAAgC;AACnD,SAASC,gBAAgB,QAAQ,8CAA8C;AAC/E,SAASC,IAAI,IAAIC,cAAc,QAAQ,qBAAqB;AAC5D,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,IAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAK1B,IAAMC,YAAY,gBAAGJ,KAAK,CAACK,aAAa,CAOrC,CAAC,CAAC,CAAC;AAAC,IAEDC,cAAc,0BAAAC,UAAA;EAAA,SAAAD,eAAA;IAAAE,eAAA,OAAAF,cAAA;IAAA,OAAAG,UAAA,OAAAH,cAAA,EAAAI,SAAA;EAAA;EAAAC,SAAA,CAAAL,cAAA,EAAAC,UAAA;EAAA,OAAAK,YAAA,CAAAN,cAAA;IAAAO,GAAA;IAAAC,KAAA,EAWlB,SAAAC,iBAAiBA,CAAA,EAAG;MAClB,OAAO;QACLD,KAAK,EAAE;MACT,CAAC;IACH;EAAC;IAAAD,GAAA;IAAAC,KAAA,EAED,SAAAE,UAAUA,CAAA,EAAG;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,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAP,OAAA;MACP,IAAQQ,QAAQ,GAAK,IAAI,CAACR,OAAO,CAAzBQ,QAAQ;MAEhB,oBACE1B,KAAA,CAAA2B,aAAA,CAAc1C,IAAI,EAAA2C,YAAA;QAAA,aAAY,QAAQ;QAAA,QAAM,OAAO;QAAA,kBAAiB,CAAC,UAAU;MAAC,GAAAH,IAAA,gBAC9EzB,KAAA,CAAA2B,aAAA,CAACD,QAAQ,MAAE,CACP,CAAC;IAEX;EAAC;AAAA,EAtC0BrC,SAAS;AAAAwC,eAAA,CAAhCvB,cAAc,iBAKG,YAAY;AAAAuB,eAAA,CAL7BvB,cAAc,kBAOI;EACpBwB,YAAY,EAAE;AAChB,CAAC;AAgCH,IAAMC,UAAU,GAAG3C,eAAe,CAACkB,cAAc,EAAE,CAAC,CAAC,EAAE;EAAE0B,OAAO,EAAE5B;AAAa,CAAC,CAAuC;AAAC,IAElH6B,SAAS,0BAAAC,WAAA;EAAA,SAAAD,UAAA;IAAA,IAAAE,KAAA;IAAA3B,eAAA,OAAAyB,SAAA;IAAA,SAAAG,IAAA,GAAA1B,SAAA,CAAA2B,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAA9B,SAAA,CAAA8B,IAAA;IAAA;IAAAL,KAAA,GAAA1B,UAAA,OAAAwB,SAAA,KAAAQ,MAAA,CAAAH,IAAA;IAAAT,eAAA,CAAAM,KAAA,aAKqC,CAAC,CAAC;IAAAN,eAAA,CAAAM,KAAA,WAE5C;MACNO,eAAe,EAAEC;IACnB,CAAC;IAAAd,eAAA,CAAAM,KAAA,mBAEe,UAACZ,QAAmC,EAAK;MACvD3B,MAAM,CAACgD,IAAI,CACT,IAAI,4JAEJT,KAAA,CAAKjB,OAAO,CAAC,cAAc,CAC7B,CAAC;MACDiB,KAAA,CAAKU,QAAQ,CAAC;QAAEH,eAAe,EAAEnB;MAAS,CAAC,CAAC;IAC9C,CAAC;IAAA,OAAAY,KAAA;EAAA;EAAAxB,SAAA,CAAAsB,SAAA,EAAAC,WAAA;EAAA,OAAAtB,YAAA,CAAAqB,SAAA;IAAApB,GAAA;IAAAC,KAAA,EAED,SAAAgC,YAAYA,CAAA,EAAG;MAAA,IAAAC,kBAAA;MACb,IAAAC,cAAA,GAAqF,IAAI,CAAC9B,OAAO;QAAA+B,mBAAA,GAAAD,cAAA,CAAzF5B,IAAI;QAAJA,IAAI,GAAA6B,mBAAA,eAAAF,kBAAA,GAAG,IAAI,CAACf,OAAO,CAACZ,IAAI,cAAA2B,kBAAA,cAAAA,kBAAA,GAAI,GAAG,GAAAE,mBAAA;QAAAC,qBAAA,GAAAF,cAAA,CAAEzB,QAAQ;QAARA,QAAQ,GAAA2B,qBAAA,cAAG,IAAI,CAAClB,OAAO,CAACT,QAAQ,GAAA2B,qBAAA;QAAEC,KAAK,GAAAH,cAAA,CAALG,KAAK;MAEhF,IAAQT,eAAe,GAAK,IAAI,CAACU,KAAK,CAA9BV,eAAe;MAEvB,IAAMW,SAAS,GAAG;QAChBjC,IAAI,EAAEA,IAAI,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG;QAC9BkC,QAAQ,EAAEH,KAAK;QACf5B,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAImB,eAAe;QACrCa,aAAa,EAAE,IAAI,CAACA,aAAa;QACjCC,YAAY,EAAE,IAAI,CAACC,KAAK,CAAClC;MAC3B,CAAC;MAED,OAAO8B,SAAS;IAClB;EAAC;IAAAxC,GAAA;IAAAC,KAAA,EAED,SAAA4C,aAAaA,CAAA,EAAG;MAAA,IAAAC,mBAAA,EAAAC,gBAAA;MACd,IAAAC,cAAA,GAMI,IAAI,CAAC3C,OAAO;QAAA4C,oBAAA,GAAAD,cAAA,CALdT,KAAK;QAALA,KAAK,GAAAU,oBAAA,cAAG,QAAQ,GAAAA,oBAAA;QAAAC,mBAAA,GAAAF,cAAA,CAChBzC,IAAI;QAAJA,IAAI,GAAA2C,mBAAA,eAAAJ,mBAAA,GAAG,IAAI,CAAC3B,OAAO,CAACZ,IAAI,cAAAuC,mBAAA,cAAAA,mBAAA,GAAI,GAAG,GAAAI,mBAAA;QAAAC,oBAAA,GAAAH,cAAA,CAC/B1C,KAAK;QAALA,KAAK,GAAA6C,oBAAA,cAAG,IAAI,CAAChC,OAAO,CAACb,KAAK,GAAA6C,oBAAA;QAAAC,qBAAA,GAAAJ,cAAA,CAC1BtC,QAAQ;QAARA,QAAQ,GAAA0C,qBAAA,cAAG,IAAI,CAACjC,OAAO,CAACT,QAAQ,GAAA0C,qBAAA;QAAAC,mBAAA,GAAAL,cAAA,CAChCxC,IAAI;QAAJA,IAAI,GAAA6C,mBAAA,cAAG,IAAI,CAAClC,OAAO,CAACX,IAAI,GAAA6C,mBAAA;MAG1B,IAAAC,cAAA,GAA2B,IAAI,CAACjD,OAAO;QAA/BJ,KAAK,GAAAqD,cAAA,CAALrD,KAAK;QAAEsD,OAAO,GAAAD,cAAA,CAAPC,OAAO;MACtB,IAAQ1B,eAAe,GAAK,IAAI,CAACU,KAAK,CAA9BV,eAAe;MAEvB,OAAO;QACLtB,IAAI,GAAAwC,gBAAA,GAAE,IAAI,CAACH,KAAK,CAACrC,IAAI,cAAAwC,gBAAA,cAAAA,gBAAA,GAAIxC,IAAI;QAC7BG,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAImB,eAAe;QACrCU,KAAK,EAAEA,KAAK;QACZjC,KAAK,EAALA,KAAK;QACLL,KAAK,EAALA,KAAK;QACLsD,OAAO,EAAPA,OAAO;QACP/C,IAAI,EAAJA,IAAI;QACJkC,aAAa,EAAE,IAAI,CAACA,aAAa;QACjCC,YAAY,EAAE,IAAI,CAACC,KAAK,CAAClC;MAC3B,CAAC;IACH;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,MAAMA,CAAA,EAAG;MAAA,IAAA6C,KAAA,QAAAnD,OAAA;QAAAoD,KAAA;MACP,IAAMC,MAAM,GAIMrF,GAAG;MAHrB,IAAAsF,cAAA,GAAoD,IAAI,CAACtD,OAAO;QAAxDuD,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAE/C,QAAQ,GAAA8C,cAAA,CAAR9C,QAAQ;QAAYgD,WAAW,GAAAF,cAAA,CAArBlB,QAAQ;MAElC,OAAAgB,KAAA,GAAOhF,OAAO,CAACmF,MAAM,CAAC,eACpBzE,KAAA,CAAA2B,aAAA,CAAC4C,MAAM,EAAAD,KAAA,CAAAK,EAAA,WAAAC,aAAA,KAAAC,aAAA;QAAA,OAAkB,OAAO;QAAA,kBAAiB,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU;MAAC,GAAAR,KAAA,KAC/EK,WAAW,gBAEN1E,KAAA,CAAA2B,aAAA,CAACD,QAAQ,EAAA4C,KAAA,CAAAK,EAAA,gBAAE,CAAC,gBAGZ3E,KAAA,CAAA2B,aAAA,CAAA3B,KAAA,CAAA8E,QAAA,qBACE9E,KAAA,CAAA2B,aAAA,CAACoD,KAAK,CAACC,KAAK,MAAE,CAAC,eACfhF,KAAA,CAAA2B,aAAA,CAACoD,KAAK,CAACjF,IAAI,MAAE,CACb,CAEF,CAAC;IAEb;EAAC;AAAA,EA/EqBT,SAAS;AAAAwC,eAAA,CAA3BI,SAAS,iBACQ,OAAO;AAAAJ,eAAA,CADxBI,SAAS,WAEEhC,KAAK;AAAA4B,eAAA,CAFhBI,SAAS,iBAGQ7B,YAAY;AAAA,IA+E7B6E,SAAS,0BAAAC,WAAA;EAAA,SAAAD,UAAA;IAAA,IAAAE,MAAA;IAAA3E,eAAA,OAAAyE,SAAA;IAAA,SAAAG,KAAA,GAAA1E,SAAA,CAAA2B,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAA6C,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA;MAAA/C,IAAA,CAAA+C,KAAA,IAAA3E,SAAA,CAAA2E,KAAA;IAAA;IAAAF,MAAA,GAAA1E,UAAA,OAAAwE,SAAA,KAAAxC,MAAA,CAAAH,IAAA;IAAAT,eAAA,CAAAsD,MAAA,aAKqC,CAAC,CAAC;IAAAtD,eAAA,CAAAsD,MAAA,uBAYhC,UAACrE,KAA6B;MAAA,OAAK,UAACwE,CAAsC,EAAK;QACjG,IAAI,OAAOH,MAAA,CAAKnD,OAAO,CAACV,QAAQ,KAAK,UAAU,IAAIR,KAAK,KAAK6B,SAAS,EAAE;UACtEwC,MAAA,CAAKnD,OAAO,CAACV,QAAQ,CAACR,KAAK,EAAEwE,CAAC,CAAC;QACjC;MACF,CAAC;IAAA;IAAA,OAAAH,MAAA;EAAA;EAAAxE,SAAA,CAAAsE,SAAA,EAAAC,WAAA;EAAA,OAAAtE,YAAA,CAAAqE,SAAA;IAAApE,GAAA;IAAAC,KAAA,EAED,SAAAC,iBAAiBA,CAAA,EAAG;MAClB,OAAO;QACLqD,OAAO,EAAE,SAATA,OAAOA,CAAGkB,CAAsC;UAAA,OAAKA,CAAC,CAACC,MAAM,CAACnB,OAAO;QAAA;MACvE,CAAC;IACH;EAAC;IAAAvD,GAAA;IAAAC,KAAA,EAED,SAAA0E,eAAeA,CAAA,EAAG;MAChB,IAAeC,YAAY,GAAK,IAAI,CAACzD,OAAO,CAApClB,KAAK;MACb,IAAA4E,cAAA,GAAwD,IAAI,CAACxE,OAAO;QAA5DyE,UAAU,GAAAD,cAAA,CAAVC,UAAU;QAAEC,iBAAiB,GAAAF,cAAA,CAAjBE,iBAAiB;QAAExC,KAAK,GAAAsC,cAAA,CAALtC,KAAK;QAAEtC,KAAK,GAAA4E,cAAA,CAAL5E,KAAK;MACnD,IAAQQ,QAAQ,GAAK,IAAI,CAACmC,KAAK,CAAvBnC,QAAQ;MAEhB,IAAAuE,cAAA,GAA6BnG,aAAa,CAAC,IAAI,CAACwB,OAAO,EAAE0E,iBAAiB,CAAC;QAAAE,eAAA,GAAAC,cAAA,CAAAF,cAAA;QAApEG,kBAAkB,GAAAF,eAAA;MACzB,IAAMG,UAAU,GAAGnF,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE;MAE9B,OAAA8D,aAAA,CAAAA,aAAA;QACEsB,GAAG,EAAEP,UAAU;QACfvC,KAAK,EAALA;MAAK,GACF4C,kBAAkB;QACrBlF,KAAK,EAAEmF;MAAU,GACbR,YAAY,KAAK9C,SAAS,GAC1B;QACEyB,OAAO,EAAEqB,YAAY,KAAKQ,UAAU;QACpC3E,QAAQ,EAAE9B,oBAAoB,CAAC8B,QAAQ,EAAE,IAAI,CAAC6E,iBAAiB,CAACF,UAAU,CAAC;MAC7E,CAAC,GACD,CAAC,CAAC;IAEV;EAAC;IAAApF,GAAA;IAAAC,KAAA,EAED,SAAAsF,iBAAiBA,CAAA,EAAG;MAClB,IAAeX,YAAY,GAAK,IAAI,CAACzD,OAAO,CAApClB,KAAK;MACb,IAAAuF,cAAA,GAaI,IAAI,CAACnF,OAAO;QAZdE,IAAI,GAAAiF,cAAA,CAAJjF,IAAI;QACJgC,KAAK,GAAAiD,cAAA,CAALjD,KAAK;QACLjC,KAAK,GAAAkF,cAAA,CAALlF,KAAK;QACLmF,eAAe,GAAAD,cAAA,CAAfC,eAAe;QACfxF,KAAK,GAAAuF,cAAA,CAALvF,KAAK;QACLyF,GAAG,GAAAF,cAAA,CAAHE,GAAG;QACHhF,QAAQ,GAAA8E,cAAA,CAAR9E,QAAQ;QACRqE,iBAAiB,GAAAS,cAAA,CAAjBT,iBAAiB;QACjBY,YAAY,GAAAH,cAAA,CAAZG,YAAY;QACZlD,QAAQ,GAAA+C,cAAA,CAAR/C,QAAQ;QACR5B,QAAQ,GAAA2E,cAAA,CAAR3E,QAAQ;QACL+E,KAAK,GAAAC,wBAAA,CAAAL,cAAA,EAAAM,SAAA;MAEV,IAAQC,OAAO,GAAK,IAAI,CAACnD,KAAK,CAAtBmD,OAAO;MACf,IAAAC,eAAA,GAA6CnH,aAAa,CAAC+G,KAAK,EAAEb,iBAAiB,CAAC;QAAAkB,eAAA,GAAAf,cAAA,CAAAc,eAAA;QAA7Eb,kBAAkB,GAAAc,eAAA;QAAEC,cAAc,GAAAD,eAAA;MACzC,IAAMb,UAAU,GAAGnF,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE;MAE9B,OAAA8D,aAAA,CAAAA,aAAA;QACEzD,KAAK,EAALA,KAAK;QACLC,IAAI,EAAJA,IAAI;QACJgC,KAAK,EAALA,KAAK;QACLkD,eAAe,EAAfA,eAAe;QACf/E,QAAQ,EAARA,QAAQ;QACRiF,YAAY,EAAZA,YAAY;QACZpC,OAAO,EAAE4B,kBAAkB,CAAC5B;MAAO,GAChC2C,cAAc,GACbtB,YAAY,KAAK9C,SAAS,IAAI4D,GAAG,KAAK,OAAO,GAC7C;QACEK,OAAO,EAAEpH,oBAAoB,CAACoH,OAAO,EAAE,IAAI,CAACT,iBAAiB,CAACF,UAAU,CAAC;MAC3E,CAAC,GACD,CAAC,CAAC;IAEV;EAAC;IAAApF,GAAA;IAAAC,KAAA,EAED,SAAAkG,kBAAkBA,CAAA,EAAG;MACnB,IAAI,IAAI,CAAC9F,OAAO,CAACsC,YAAY,KAAK,IAAI,CAACtC,OAAO,CAACK,QAAQ,EAAE;QACvD,IAAI,CAACL,OAAO,CAACqC,aAAa,CAAC,IAAI,CAACrC,OAAO,CAACK,QAAQ,CAAC;MACnD;IACF;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAmG,iBAAiBA,CAAA,EAAG;MAClB,IAAI,IAAI,CAAC/F,OAAO,CAACsC,YAAY,KAAK,IAAI,CAACtC,OAAO,CAACK,QAAQ,EAAE;QACvD,IAAI,CAACL,OAAO,CAACqC,aAAa,CAAC,IAAI,CAACrC,OAAO,CAACK,QAAQ,CAAC;MACnD;IACF;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,MAAMA,CAAA,EAAG;MAAA,IAAA0F,KAAA;MACP,IAAAC,cAAA,GAAoD,IAAI,CAACjG,OAAO;QAAxDuD,MAAM,GAAA0C,cAAA,CAAN1C,MAAM;QAAYC,WAAW,GAAAyC,cAAA,CAArB7D,QAAQ;QAAe5B,QAAQ,GAAAyF,cAAA,CAARzF,QAAQ;MAE/C,IAAI,CAACgD,WAAW,EAAE;QAAA,IAAA0C,KAAA;QAChB,OAAAA,KAAA,GAAO9H,OAAO,CAACmF,MAAM,CAAC,eACpBzE,KAAA,CAAA2B,aAAA,CAAA3B,KAAA,CAAA8E,QAAA,qBACE9E,KAAA,CAAA2B,aAAA,CAACoD,KAAK,CAACC,KAAK,CAACqC,OAAO,MAAE,CAAC,eACvBrH,KAAA,CAAA2B,aAAA,CAACoD,KAAK,CAACC,KAAK,CAACsC,SAAS,MAAE,CACxB,CAAC;MAEP;MAEA,OAAAJ,KAAA,GAAO5H,OAAO,CAACmF,MAAM,CAAC,eAACzE,KAAA,CAAA2B,aAAA,CAACD,QAAQ,EAAAwF,KAAA,CAAAvC,EAAA,gBAAE,CAAC;IACrC;EAAC;AAAA,EAjHqBtF,SAAS;AAAAwC,eAAA,CAA3BoD,SAAS,kBAOS;EACpBW,iBAAiB,EAAEjG,UAAU;EAC7B4H,cAAc,EAAE;AAClB,CAAC;AAAA1F,eAAA,CAVGoD,SAAS,aAYI,CAACxF,mBAAmB,CAAC,CAAC,CAAC;AAAAoC,eAAA,CAZpCoD,SAAS,iBAaQ,OAAO;AAAApD,eAAA,CAbxBoD,SAAS,iBAcQ7E,YAAY;AAAAyB,eAAA,CAd7BoD,SAAS,WAeEhF,KAAK;AAqGtB,SAASoH,OAAOA,CACd5D,KAIC,EACD;EAAA,IAAA+D,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACA,IAAMC,QAAQ,GAG2BzI,GAAG;EAF5C,IAAQuF,MAAM,GAAYhB,KAAK,CAAvBgB,MAAM;IAAErB,KAAK,GAAKK,KAAK,CAAfL,KAAK;EAErB,OAAAsE,KAAA,GAAOpI,OAAO,CAACmF,MAAM,CAAC,eAACzE,KAAA,CAAA2B,aAAA,CAACgG,QAAQ,EAAAD,KAAA,CAAA/C,EAAA,aAAAC,aAAA,KAAAgD,aAAA;IAAA,OAAkB,OAAO;IAAA,QAAM,OAAO;IAAA,gBAAexE,KAAK,KAAK;EAAS,GAAAoE,KAAA,GAAG,CAAC;AAC9G;AACAH,OAAO,CAACQ,WAAW,GAAG,SAAS;AAE/B,SAASP,SAASA,CAChB7D,KAIC,EACD;EAAA,IAAAqE,KAAA,GAAAL,YAAA;IAAAM,KAAA;EACA,IAAMC,MAAM,GAKM9I,GAAG;EAJrB,IAAM+I,eAAe,GAAG9I,eAAe;EACvC,IAAQgC,KAAK,GAA2CsC,KAAK,CAArDtC,KAAK;IAAEsD,MAAM,GAAmChB,KAAK,CAA9CgB,MAAM;IAAE+B,YAAY,GAAqB/C,KAAK,CAAtC+C,YAAY;IAAEpD,KAAK,GAAcK,KAAK,CAAxBL,KAAK;IAAEgB,OAAO,GAAKX,KAAK,CAAjBW,OAAO;EAEnD,OAAA2D,KAAA,GAAOzI,OAAO,CAACmF,MAAM,CAAC,eACpBzE,KAAA,CAAA2B,aAAA,CAACqG,MAAM,EAAAD,KAAA,CAAApD,EAAA,WAAAC,aAAA,KAAAsD,aAAA;IAAA,OAAkB,KAAK;IAAA,aAAY1B,YAAY,CAACrF,KAAK,CAAC;IAAA,eAAe;EAAI,GAAA2G,KAAA,KAC7E1E,KAAK,KAAK,SAAS,IAAI,CAACgB,OAAO,iBAAIpE,KAAA,CAAA2B,aAAA,CAACsG,eAAe,EAAAF,KAAA,CAAApD,EAAA,uBAAE,CAChD,CAAC;AAEb;AACA2C,SAAS,CAACO,WAAW,GAAG,WAAW;AAEnC,SAAS/H,IAAIA,CACX2D,KAA+G,EAC/G;EAAA,IAAA0E,KAAA,GAAAV,YAAA;IAAAW,KAAA;EACA,IAAMC,KAAK,GAU2BtI,cAAc;EATpD,IAAQ0E,MAAM,GAAYhB,KAAK,CAAvBgB,MAAM;IAAE6D,KAAK,GAAK7E,KAAK,CAAf6E,KAAK;EAErBtI,KAAK,CAACuI,SAAS,CAAC,YAAM;IACpB,IAAI9E,KAAK,CAACD,YAAY,KAAKC,KAAK,CAAClC,QAAQ,EAAE;MACzCkC,KAAK,CAACF,aAAa,CAACE,KAAK,CAAClC,QAAQ,CAAC;IACrC;EACF,CAAC,EAAE,CAACkC,KAAK,CAACD,YAAY,EAAEC,KAAK,CAAClC,QAAQ,EAAEkC,KAAK,CAACF,aAAa,CAAC,CAAC;EAC7D,IAAMiD,YAAY,GAAG3G,gBAAgB,CAAC,CAAC;EAEvC,OAAAuI,KAAA,GAAO9I,OAAO,CAACmF,MAAM,CAAC,eAACzE,KAAA,CAAA2B,aAAA,CAAC0G,KAAK,EAAAD,KAAA,CAAAzD,EAAA,UAAAC,aAAA,KAAA4D,aAAA;IAAA,OAA6B,MAAM;IAAA,aAAYhC,YAAY,CAAC8B,KAAK;EAAC,GAAAH,KAAA,GAAG,CAAC;AACrG;AACArI,IAAI,CAAC+H,WAAW,GAAG,MAAM;AAEzB,IAAM7C,KAAK,GAAG5F,eAAe,CAAC6F,SAAS,EAAE;EACvCoC,OAAO,EAAPA,OAAO;EACPC,SAAS,EAATA;AACF,CAAC,CAA4B;AAE7B,IAAMvC,KAAK,GAAG3F,eAAe,CAAC6C,SAAS,EAAE;EACvCnC,IAAI,EAAJA,IAAI;EACJkF,KAAK,EAALA;AACF,CAAC,CAAsB;AAEvB,OAAO,IAAMyD,cAAc,GAAG,SAAjBA,cAAcA,CACzBC,OAKoB;EAAA,OACjBA,OAAO;AAAA,CAA2C;AAEvD,SAAS/I,UAAU,EAAEoC,UAAU;AAE/B,eAAegD,KAAK","ignoreList":[]}
|
|
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":";;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,iBAAiB,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC5F,SAASC,IAAI,EAAEC,GAAG,EAAEC,eAAe,QAAQ,mBAAmB;AAC9D,OAAOC,WAAW,IAAIC,oBAAoB,QAAQ,gCAAgC;AAClF,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,OAAOC,mBAAmB,MAAM,iDAAiD;AACjF,OAAOC,aAAa,IAAIC,UAAU,QAAQ,+BAA+B;AACzE,SAASC,gBAAgB,QAAQ,yCAAyC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAG3E,OAAOC,MAAM,MAAM,2BAA2B;AAC9C,SAASC,IAAI,IAAIC,cAAc,QAAQ,qBAAqB;AAAC,IAEvDC,cAAc,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,cAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAAK,eAAA,OAAAL,cAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,cAAA;IAAAS,GAAA;IAAAC,KAAA,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,oBACE5C,KAAA,CAAA6C,aAAA,CAAcvC,IAAI,EAAAwC,YAAA;QAAA,aAAY,QAAQ;QAAA,QAAM,OAAO;QAAA,kBAAiB,CAAC,UAAU;MAAC,GAAAH,IAAA,gBAC9E3C,KAAA,CAAA6C,aAAA,CAACD,QAAQ,OAAG,CACP;IAEX;EAAC;EAAA,OAAAtB,cAAA;AAAA,EAlC0BpB,SAAS;AAAA6C,eAAA,CAAhCzB,cAAc,iBACG,YAAY;AAAAyB,eAAA,CAD7BzB,cAAc,kBAGI;EACpB0B,YAAY,EAAE;AAChB,CAAC;AAgCH,IAAMC,UAAU,GAAGhD,eAAe,CAACqB,cAAc,CAAC;AAAC,IAE7C4B,SAAS,0BAAAC,WAAA;EAAA3B,SAAA,CAAA0B,SAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,GAAA1B,YAAA,CAAAwB,SAAA;EAAA,SAAAA,UAAA;IAAA,IAAAG,KAAA;IAAA1B,eAAA,OAAAuB,SAAA;IAAA,SAAAI,IAAA,GAAAzB,SAAA,CAAA0B,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAA7B,SAAA,CAAA6B,IAAA;IAAA;IAAAL,KAAA,GAAAD,OAAA,CAAAO,IAAA,CAAA/B,KAAA,CAAAwB,OAAA,SAAAQ,MAAA,CAAAJ,IAAA;IAAAT,eAAA,CAAAc,sBAAA,CAAAR,KAAA,YAKL;MACNS,eAAe,EAAEC;IACnB,CAAC;IAAAhB,eAAA,CAAAc,sBAAA,CAAAR,KAAA,oBAEe,UAACZ,QAAQ,EAAK;MAC5BtB,MAAM,CAAC6C,IAAI,CACT,IAAI,4JAEJX,KAAA,CAAKjB,OAAO,CAAC,cAAc,CAAC,CAC7B;MACDiB,KAAA,CAAKY,QAAQ,CAAC;QAAEH,eAAe,EAAErB;MAAS,CAAC,CAAC;IAC9C,CAAC;IAAA,OAAAY,KAAA;EAAA;EAAAvB,YAAA,CAAAoB,SAAA;IAAAnB,GAAA;IAAAC,KAAA,EAED,SAAAkC,aAAA,EAAe;MACb;MACA,IAAAC,aAAA,GAAwC1D,WAAW,CAAC,IAAI,CAAC2B,OAAO,EAAE,IAAI,CAACgC,OAAO,CAAC;QAAAC,kBAAA,GAAAF,aAAA,CAAvE7B,IAAI;QAAJA,IAAI,GAAA+B,kBAAA,cAAG,GAAG,GAAAA,kBAAA;QAAE5B,QAAQ,GAAA0B,aAAA,CAAR1B,QAAQ;QAAE6B,KAAK,GAAAH,aAAA,CAALG,KAAK;MACnC,IAAQR,eAAe,GAAK,IAAI,CAACS,KAAK,CAA9BT,eAAe;MAEvB,IAAMU,SAAS,GAAG;QAChBlC,IAAI,EAAJA,IAAI;QACJmC,QAAQ,EAAEH,KAAK;QACf7B,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIqB,eAAe;QACrCY,aAAa,EAAE,IAAI,CAACA,aAAa;QACjCC,YAAY,EAAE,IAAI,CAACC,KAAK,CAACnC;MAC3B,CAAC;MAED,OAAO+B,SAAS;IAClB;EAAC;IAAAzC,GAAA;IAAAC,KAAA,EAED,SAAA6C,cAAA,EAAgB;MAAA,IAAAC,gBAAA;MACd;MACA,IAAAC,aAAA,GAMItE,WAAW,CAAC,IAAI,CAAC2B,OAAO,EAAE,IAAI,CAACgC,OAAO,CAAC;QAAAY,kBAAA,GAAAD,aAAA,CALzCzC,IAAI;QAAJA,IAAI,GAAA0C,kBAAA,cAAG,GAAG,GAAAA,kBAAA;QAAAC,mBAAA,GAAAF,aAAA,CACVR,KAAK;QAALA,KAAK,GAAAU,mBAAA,cAAG,QAAQ,GAAAA,mBAAA;QAChB5C,KAAK,GAAA0C,aAAA,CAAL1C,KAAK;QACLI,QAAQ,GAAAsC,aAAA,CAARtC,QAAQ;QACRF,IAAI,GAAAwC,aAAA,CAAJxC,IAAI;MAEN,IAAA2C,cAAA,GAA2B,IAAI,CAAC9C,OAAO;QAA/BJ,KAAK,GAAAkD,cAAA,CAALlD,KAAK;QAAEmD,OAAO,GAAAD,cAAA,CAAPC,OAAO;MACtB,IAAQrB,eAAe,GAAK,IAAI,CAACS,KAAK,CAA9BT,eAAe;MAEvB,OAAO;QACLxB,IAAI,GAAAwC,gBAAA,GAAE,IAAI,CAACF,KAAK,CAACtC,IAAI,cAAAwC,gBAAA,cAAAA,gBAAA,GAAIxC,IAAI;QAC7BG,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIqB,eAAe;QACrCS,KAAK,EAAEA,KAAK;QACZlC,KAAK,EAALA,KAAK;QACLL,KAAK,EAALA,KAAK;QACLmD,OAAO,EAAPA,OAAO;QACP5C,IAAI,EAAJA,IAAI;QACJmC,aAAa,EAAE,IAAI,CAACA,aAAa;QACjCC,YAAY,EAAE,IAAI,CAACC,KAAK,CAACnC;MAC3B,CAAC;IACH;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,OAAA,EAAS;MAAA,IAAA0C,KAAA,QAAAhD,OAAA;QAAAiD,KAAA;MACP,IAAMC,MAAM,GAIM/E,GAAG;MAHrB,IAAAgF,cAAA,GAAoD,IAAI,CAACnD,OAAO;QAAxDoD,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAE5C,QAAQ,GAAA2C,cAAA,CAAR3C,QAAQ;QAAY6C,WAAW,GAAAF,cAAA,CAArBd,QAAQ;MAElC,OAAAY,KAAA,GAAOjF,OAAO,CAACoF,MAAM,CAAC,eACpBxF,KAAA,CAAA6C,aAAA,CAACyC,MAAM,EAAAD,KAAA,CAAAK,EAAA,WAAAC,aAAA,KAAAC,aAAA;QAAA,OAAkB,OAAO;QAAA,kBAAiB,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU;MAAC,GAAAR,KAAA,KAC/EK,WAAW,gBACVzF,KAAA,CAAA6C,aAAA,CAACD,QAAQ,EAAAyC,KAAA,CAAAK,EAAA,iBAAG,gBAEZ1F,KAAA,CAAA6C,aAAA,CAAA7C,KAAA,CAAA6F,QAAA,qBACE7F,KAAA,CAAA6C,aAAA,CAACiD,KAAK,CAACC,KAAK,OAAG,eACf/F,KAAA,CAAA6C,aAAA,CAACiD,KAAK,CAAC1E,IAAI,OAAG,CAEjB,CACM;IAEb;EAAC;EAAA,OAAA8B,SAAA;AAAA,EA3EqBhD,SAAS;AAAA6C,eAAA,CAA3BG,SAAS,iBACQ,OAAO;AAAAH,eAAA,CADxBG,SAAS,WAEElC,KAAK;AAAA+B,eAAA,CAFhBG,SAAS,iBAGQD,UAAU,CAAC9C,iBAAiB,CAAC;AAAA,IA2E9C6F,SAAS,0BAAAC,WAAA;EAAAzE,SAAA,CAAAwE,SAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,GAAAxE,YAAA,CAAAsE,SAAA;EAAA,SAAAA,UAAA;IAAA,IAAAG,MAAA;IAAAxE,eAAA,OAAAqE,SAAA;IAAA,SAAAI,KAAA,GAAAvE,SAAA,CAAA0B,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAA2C,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA;MAAA7C,IAAA,CAAA6C,KAAA,IAAAxE,SAAA,CAAAwE,KAAA;IAAA;IAAAF,MAAA,GAAAD,OAAA,CAAAvC,IAAA,CAAA/B,KAAA,CAAAsE,OAAA,SAAAtC,MAAA,CAAAJ,IAAA;IAAAT,eAAA,CAAAc,sBAAA,CAAAsC,MAAA,wBAUO,UAACnE,KAAK;MAAA,OAAK,UAACsE,CAAC,EAAK;QACpC,IAAI,OAAOH,MAAA,CAAK/B,OAAO,CAAC5B,QAAQ,KAAK,UAAU,EAAE;UAC/C2D,MAAA,CAAK/B,OAAO,CAAC5B,QAAQ,CAACR,KAAK,EAAEsE,CAAC,CAAC;QACjC;MACF,CAAC;IAAA;IAAA,OAAAH,MAAA;EAAA;EAAArE,YAAA,CAAAkE,SAAA;IAAAjE,GAAA;IAAAC,KAAA,EAED,SAAAC,kBAAA,EAAoB;MAClB,OAAO;QACLkD,OAAO,EAAE,SAAAA,QAACmB,CAAC;UAAA,OAAKA,CAAC,CAACC,MAAM,CAACpB,OAAO;QAAA;MAClC,CAAC;IACH;EAAC;IAAApD,GAAA;IAAAC,KAAA,EAED,SAAAwE,gBAAA,EAAkB;MAChB,IAAMC,YAAY,GAAG,IAAI,CAACrC,OAAO,CAACpC,KAAK;MACvC,IAAA0E,cAAA,GAAwD,IAAI,CAACtE,OAAO;QAA5DuE,UAAU,GAAAD,cAAA,CAAVC,UAAU;QAAEC,iBAAiB,GAAAF,cAAA,CAAjBE,iBAAiB;QAAErC,KAAK,GAAAmC,cAAA,CAALnC,KAAK;QAAEvC,KAAK,GAAA0E,cAAA,CAAL1E,KAAK;MACnD,IAAA6E,cAAA,GAA6BhG,aAAa,CAAC,IAAI,CAACuB,OAAO,EAAEwE,iBAAiB,CAAC;QAAAE,eAAA,GAAAC,cAAA,CAAAF,cAAA;QAApEG,kBAAkB,GAAAF,eAAA;MACzB,IAAMG,UAAU,GAAGjF,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE;MAE9B,IAAMkF,YAAY,GAAAvB,aAAA,CAAAA,aAAA;QAChBwB,GAAG,EAAER,UAAU;QACfpC,KAAK,EAALA;MAAK,GACFyC,kBAAkB;QACrBhF,KAAK,EAAEiF;MAAU,EAClB;MAED,IAAIR,YAAY,KAAK1C,SAAS,EAAE;QAC9B,IAAAqD,WAAA,GAA8B,IAAI,CAACxC,KAAK;UAAhCpC,QAAQ,GAAA4E,WAAA,CAAR5E,QAAQ;UAAE6E,OAAO,GAAAD,WAAA,CAAPC,OAAO;QAEzBH,YAAY,CAAC/B,OAAO,GAAGsB,YAAY,KAAKQ,UAAU;QAClDC,YAAY,CAAC1E,QAAQ,GAAG9B,oBAAoB,CAAC8B,QAAQ,EAAE,IAAI,CAAC8E,iBAAiB,CAACL,UAAU,CAAC,CAAC;MAC5F;MAEA,OAAOC,YAAY;IACrB;EAAC;IAAAnF,GAAA;IAAAC,KAAA,EAED,SAAAuF,kBAAA,EAAoB;MAClB,IAAMd,YAAY,GAAG,IAAI,CAACrC,OAAO,CAACpC,KAAK;MACvC,IAAAwF,cAAA,GAWI,IAAI,CAACpF,OAAO;QAVdE,IAAI,GAAAkF,cAAA,CAAJlF,IAAI;QACJiC,KAAK,GAAAiD,cAAA,CAALjD,KAAK;QACLlC,KAAK,GAAAmF,cAAA,CAALnF,KAAK;QACLoF,eAAe,GAAAD,cAAA,CAAfC,eAAe;QACfzF,KAAK,GAAAwF,cAAA,CAALxF,KAAK;QACL0F,GAAG,GAAAF,cAAA,CAAHE,GAAG;QACHjF,QAAQ,GAAA+E,cAAA,CAAR/E,QAAQ;QACRmE,iBAAiB,GAAAY,cAAA,CAAjBZ,iBAAiB;QACjBe,YAAY,GAAAH,cAAA,CAAZG,YAAY;QACTC,KAAK,GAAAC,wBAAA,CAAAL,cAAA,EAAAM,SAAA;MAEV,IAAAC,eAAA,GAA6ClH,aAAa,CAAC+G,KAAK,EAAEhB,iBAAiB,CAAC;QAAAoB,eAAA,GAAAjB,cAAA,CAAAgB,eAAA;QAA7Ef,kBAAkB,GAAAgB,eAAA;QAAEC,cAAc,GAAAD,eAAA;MACzC,IAAQvD,QAAQ,GAAwCwD,cAAc,CAA9DxD,QAAQ;QAAE7B,QAAQ,GAA8BqF,cAAc,CAApDrF,QAAQ;QAAKsF,oBAAoB,GAAAL,wBAAA,CAAKI,cAAc,EAAAE,UAAA;MACtE,IAAMlB,UAAU,GAAGjF,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE;MAE9B,IAAMoG,SAAS,GAAAzC,aAAA;QACbtD,KAAK,EAALA,KAAK;QACLC,IAAI,EAAJA,IAAI;QACJiC,KAAK,EAALA,KAAK;QACLkD,eAAe,EAAfA,eAAe;QACfhF,QAAQ,EAARA,QAAQ;QACRkF,YAAY,EAAZA,YAAY;QACZxC,OAAO,EAAE6B,kBAAkB,CAAC7B;MAAO,GAChC+C,oBAAoB,CACxB;MAED,IAAIzB,YAAY,KAAK1C,SAAS,EAAE;QAC9B,IAAQsD,OAAO,GAAK,IAAI,CAACzC,KAAK,CAAtByC,OAAO;QAEf,IAAIK,GAAG,KAAK,OAAO,EAAE;UACnBU,SAAS,CAACf,OAAO,GAAG3G,oBAAoB,CAAC2G,OAAO,EAAE,IAAI,CAACC,iBAAiB,CAACL,UAAU,CAAC,CAAC;QACvF;MACF;MAEA,OAAOmB,SAAS;IAClB;EAAC;IAAArG,GAAA;IAAAC,KAAA,EAED,SAAAqG,mBAAA,EAAqB;MACnB,IAAI,IAAI,CAACjG,OAAO,CAACuC,YAAY,KAAK,IAAI,CAACvC,OAAO,CAACK,QAAQ,EAAE;QACvD,IAAI,CAACL,OAAO,CAACsC,aAAa,CAAC,IAAI,CAACtC,OAAO,CAACK,QAAQ,CAAC;MACnD;IACF;EAAC;IAAAV,GAAA;IAAAC,KAAA,EACD,SAAAsG,kBAAA,EAAoB;MAClB,IAAI,IAAI,CAAClG,OAAO,CAACuC,YAAY,KAAK,IAAI,CAACvC,OAAO,CAACK,QAAQ,EAAE;QACvD,IAAI,CAACL,OAAO,CAACsC,aAAa,CAAC,IAAI,CAACtC,OAAO,CAACK,QAAQ,CAAC;MACnD;IACF;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,OAAA,EAAS;MAAA,IAAA6F,KAAA;MACP,IAAAC,cAAA,GAAoD,IAAI,CAACpG,OAAO;QAAxDoD,MAAM,GAAAgD,cAAA,CAANhD,MAAM;QAAYC,WAAW,GAAA+C,cAAA,CAArB/D,QAAQ;QAAe7B,QAAQ,GAAA4F,cAAA,CAAR5F,QAAQ;MAE/C,IAAI,CAAC6C,WAAW,EAAE;QAAA,IAAAgD,KAAA;QAChB,OAAAA,KAAA,GAAOrI,OAAO,CAACoF,MAAM,CAAC,eACpBxF,KAAA,CAAA6C,aAAA,CAAA7C,KAAA,CAAA6F,QAAA,qBACE7F,KAAA,CAAA6C,aAAA,CAACiD,KAAK,CAACC,KAAK,CAAC2C,OAAO,OAAG,eACvB1I,KAAA,CAAA6C,aAAA,CAACiD,KAAK,CAACC,KAAK,CAAC4C,SAAS,OAAG,CACxB;MAEP;MAEA,OAAAJ,KAAA,GAAOnI,OAAO,CAACoF,MAAM,CAAC,eAACxF,KAAA,CAAA6C,aAAA,CAACD,QAAQ,EAAA2F,KAAA,CAAA7C,EAAA,iBAAG;IACrC;EAAC;EAAA,OAAAM,SAAA;AAAA,EA7GqB9F,SAAS;AAAA6C,eAAA,CAA3BiD,SAAS,kBACS;EACpBY,iBAAiB,EAAE9F,UAAU;EAC7B8H,cAAc,EAAE;AAClB,CAAC;AAAA7F,eAAA,CAJGiD,SAAS,aAKI,CAACrF,oBAAoB,EAAE,EAAEC,mBAAmB,EAAE,CAAC;AAAAmC,eAAA,CAL5DiD,SAAS,iBAMQ,OAAO;AAAAjD,eAAA,CANxBiD,SAAS,iBAOQ/C,UAAU,CAAC9C,iBAAiB,CAAC;AAAA4C,eAAA,CAP9CiD,SAAS,WAQEhF,KAAK;AAwGtB,IAAM0H,OAAO,GAAG,SAAVA,OAAOA,CAAI9D,KAAK,EAAK;EAAA,IAAAiE,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACzB,IAAMC,QAAQ,GAIMzI,GAAG;EAHvB,IAAQiF,MAAM,GAAYZ,KAAK,CAAvBY,MAAM;IAAEjB,KAAK,GAAKK,KAAK,CAAfL,KAAK;EAErB,OAAAwE,KAAA,GAAO3I,OAAO,CAACoF,MAAM,CAAC,eACpBxF,KAAA,CAAA6C,aAAA,CAACmG,QAAQ,EAAAD,KAAA,CAAArD,EAAA,aAAAC,aAAA,KAAAsD,aAAA;IAAA,OAAkB,OAAO;IAAA,QAAM,OAAO;IAAA,gBAAe1E,KAAK,KAAK;EAAS,GAAAsE,KAAA,IAAI;AAEzF,CAAC;AACDH,OAAO,CAACQ,WAAW,GAAG,SAAS;AAE/B,IAAMP,SAAS,GAAG,SAAZA,SAASA,CAAI/D,KAAK,EAAK;EAAA,IAAAuE,KAAA,GAAAL,YAAA;IAAAM,MAAA;EAC3B,IAAMC,MAAM,GAKM9I,GAAG;EAJrB,IAAM+I,eAAe,GAAG9I,eAAe;EACvC,IAAQ6B,KAAK,GAA2CuC,KAAK,CAArDvC,KAAK;IAAEmD,MAAM,GAAmCZ,KAAK,CAA9CY,MAAM;IAAEmC,YAAY,GAAqB/C,KAAK,CAAtC+C,YAAY;IAAEpD,KAAK,GAAcK,KAAK,CAAxBL,KAAK;IAAEY,OAAO,GAAKP,KAAK,CAAjBO,OAAO;EAEnD,OAAAiE,MAAA,GAAOhJ,OAAO,CAACoF,MAAM,CAAC,eACpBxF,KAAA,CAAA6C,aAAA,CAACwG,MAAM,EAAAD,MAAA,CAAA1D,EAAA,WAAAC,aAAA,KAAA4D,aAAA;IAAA,OAAkB,KAAK;IAAA,aAAY5B,YAAY,CAACtF,KAAK,CAAC;IAAA,eAAe;EAAI,GAAA8G,KAAA,KAC7E5E,KAAK,KAAK,SAAS,IAAI,CAACY,OAAO,iBAAInF,KAAA,CAAA6C,aAAA,CAACyG,eAAe,EAAAF,MAAA,CAAA1D,EAAA,wBAAG,CAChD;AAEb,CAAC;AACDiD,SAAS,CAACO,WAAW,GAAG,WAAW;AAEnC,IAAM9H,IAAI,GAAG,SAAPA,IAAIA,CAAIwD,KAAK,EAAK;EAAA,IAAA4E,KAAA,GAAAV,YAAA;IAAAW,MAAA;EACtB,IAAMC,KAAK,GAWMrI,cAAc;EAV/B,IAAQmE,MAAM,GAAYZ,KAAK,CAAvBY,MAAM;IAAEmE,KAAK,GAAK/E,KAAK,CAAf+E,KAAK;EAErB3J,KAAK,CAAC4J,SAAS,CAAC,YAAM;IACpB,IAAIhF,KAAK,CAACD,YAAY,KAAKC,KAAK,CAACnC,QAAQ,EAAE;MACzCmC,KAAK,CAACF,aAAa,CAACE,KAAK,CAACnC,QAAQ,CAAC;IACrC;EACF,CAAC,EAAE,CAACmC,KAAK,CAACD,YAAY,EAAEC,KAAK,CAACnC,QAAQ,EAAEmC,KAAK,CAACF,aAAa,CAAC,CAAC;EAC7D,IAAMiD,YAAY,GAAG5G,gBAAgB,EAAE;EAEvC,OAAA0I,MAAA,GAAOrJ,OAAO,CAACoF,MAAM,CAAC,eACpBxF,KAAA,CAAA6C,aAAA,CAAC6G,KAAK,EAAAD,MAAA,CAAA/D,EAAA,UAAAC,aAAA,KAAAkE,aAAA;IAAA,OAA6B,MAAM;IAAA,aAAYlC,YAAY,CAACgC,KAAK;EAAC,GAAAH,KAAA,IAAI;AAEhF,CAAC;AACDpI,IAAI,CAAC8H,WAAW,GAAG,MAAM;AAEzB,SAASpI,UAAU,EAAEmC,UAAU;AAE/B,IAAM8C,KAAK,GAAG9F,eAAe,CAAC+F,SAAS,EAAE;EACvC0C,OAAO,EAAPA,OAAO;EACPC,SAAS,EAATA;AACF,CAAC,CAAC;AAEF,IAAM7C,KAAK,GAAG7F,eAAe,CAACiD,SAAS,EAAE;EACvC9B,IAAI,EAAJA,IAAI;EACJ2E,KAAK,EAALA;AACF,CAAC,CAAC;AAEF,OAAO,IAAM+D,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,OAAO;EAAA,OAAKA,OAAO;AAAA;AAElD,eAAejE,KAAK"}
|
|
@@ -0,0 +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/utils/lib/enhances/keyboardFocusEnhance';\nimport { Text } from '@semcore/typography';\n\nexport type RadioSize = 'm' | 'l';\nexport type RadioState = 'normal' | 'invalid';\nexport type RadioValue = string | number | boolean;\n\n/** @deprecated */\nexport interface IRadioProps extends RadioProps, UnknownProperties {}\nexport type RadioProps = BoxProps & {\n /** 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":""}
|
package/lib/es6/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { default
|
|
2
|
-
export * from './Radio
|
|
1
|
+
export { default } from './Radio';
|
|
2
|
+
export * from './Radio';
|
|
3
3
|
//# sourceMappingURL=index.js.map
|
package/lib/es6/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Radio';\nexport * from './Radio';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,SAAS;AACjC,cAAc,SAAS"}
|
|
@@ -17,6 +17,16 @@ SRadio[disabled] {
|
|
|
17
17
|
pointer-events: none;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
+
SText[size='m'] {
|
|
21
|
+
font-size: var(--intergalactic-fs-200, 14px);
|
|
22
|
+
line-height: var(--intergalactic-lh-200, 142%);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
SText[size='l'] {
|
|
26
|
+
font-size: var(--intergalactic-fs-300, 16px);
|
|
27
|
+
line-height: var(--intergalactic-lh-300, 150%);
|
|
28
|
+
}
|
|
29
|
+
|
|
20
30
|
SValue {
|
|
21
31
|
position: relative;
|
|
22
32
|
flex-shrink: 0;
|
|
@@ -94,6 +104,11 @@ SControl {
|
|
|
94
104
|
clip: rect(1px, 1px, 1px, 1px);
|
|
95
105
|
}
|
|
96
106
|
|
|
107
|
+
SControl:checked~SValue::before {
|
|
108
|
+
border-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
109
|
+
background-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
110
|
+
}
|
|
111
|
+
|
|
97
112
|
SControl:checked~SValue[size='m']::after {
|
|
98
113
|
width: 6px;
|
|
99
114
|
height: 6px;
|
|
@@ -104,21 +119,13 @@ SControl:checked~SValue[size='l']::after {
|
|
|
104
119
|
height: 8px;
|
|
105
120
|
}
|
|
106
121
|
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
SControl:checked~SValue::before,
|
|
113
|
-
SControl:checked:focus-visible~SValue::before {
|
|
114
|
-
border-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
115
|
-
background-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
122
|
+
SValue[state='normal'][keyboardFocused]::before {
|
|
123
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
|
|
124
|
+
border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
|
|
116
125
|
}
|
|
117
126
|
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
@mixin focus-outline-mixin;
|
|
121
|
-
outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));
|
|
127
|
+
SValue[state='invalid'][keyboardFocused]::before {
|
|
128
|
+
box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px oklch(0.628 0.257 28.9 / 0.652));
|
|
122
129
|
}
|
|
123
130
|
|
|
124
131
|
SControl:checked~SValue[theme]::before {
|
package/lib/esm/Radio.mjs
CHANGED
|
@@ -1,56 +1,60 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
3
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
4
|
+
import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
4
5
|
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
5
6
|
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
6
|
-
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
7
7
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
8
|
+
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
8
9
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
9
|
-
import { sstyled
|
|
10
|
-
import {
|
|
11
|
-
import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
|
|
12
|
-
import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
|
|
13
|
-
import getInputProps, { inputProps } from "@semcore/core/lib/utils/inputProps";
|
|
14
|
-
import { inputProps as inputProps2 } from "@semcore/core/lib/utils/inputProps";
|
|
15
|
-
import logger from "@semcore/core/lib/utils/logger";
|
|
16
|
-
import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
|
|
17
|
-
import { Text as Text$1 } from "@semcore/typography";
|
|
10
|
+
import { sstyled } from "@semcore/utils/lib/core/index";
|
|
11
|
+
import createComponent, { CONTEXT_COMPONENT, assignProps, Component, sstyled as sstyled$1 } from "@semcore/core";
|
|
18
12
|
import React from "react";
|
|
19
|
-
|
|
13
|
+
import { Flex, Box, InvalidStateBox } from "@semcore/flex-box";
|
|
14
|
+
import assignProps$1, { callAllEventHandlers } from "@semcore/utils/lib/assignProps";
|
|
15
|
+
import keyboardFocusEnhance from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
|
|
16
|
+
import resolveColorEnhance from "@semcore/utils/lib/enhances/resolveColorEnhance";
|
|
17
|
+
import getInputProps, { inputProps } from "@semcore/utils/lib/inputProps";
|
|
18
|
+
import { inputProps as inputProps2 } from "@semcore/utils/lib/inputProps";
|
|
19
|
+
import { useColorResolver } from "@semcore/utils/lib/use/useColorResolver";
|
|
20
|
+
import logger from "@semcore/utils/lib/logger";
|
|
21
|
+
import { Text as Text$1 } from "@semcore/typography";
|
|
22
|
+
var _excluded = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor"], _excluded2 = ["children", "Children"];
|
|
20
23
|
/*!__reshadow-styles__:"./style/radio.shadow.css"*/
|
|
21
24
|
var style = (
|
|
22
25
|
/*__reshadow_css_start__*/
|
|
23
26
|
(sstyled.insert(
|
|
24
27
|
/*__inner_css_start__*/
|
|
25
|
-
'.
|
|
28
|
+
'.___SRadio_1pp1q_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1pp1q_gg_ .___SText_1pp1q_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRadio_1pp1q_gg_ .___SText_1pp1q_gg_.__color_1pp1q_gg_{color:var(--color_1pp1q)}.___SRadio_1pp1q_gg_.__disabled_1pp1q_gg_{pointer-events:none}.___SText_1pp1q_gg_._size_m_1pp1q_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1pp1q_gg_._size_l_1pp1q_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_1pp1q_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1pp1q_gg_::after,.___SValue_1pp1q_gg_::before{content:"";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SValue_1pp1q_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1pp1q_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1pp1q_gg_.__disabled_1pp1q_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1pp1q_gg_._size_m_1pp1q_gg_{width:16px;height:16px}.___SValue_1pp1q_gg_._size_m_1pp1q_gg_ .___SInvalidPattern_1pp1q_gg_:before{width:14px;height:14px}.___SValue_1pp1q_gg_._size_l_1pp1q_gg_{width:20px;height:20px}.___SValue_1pp1q_gg_._size_l_1pp1q_gg_ .___SInvalidPattern_1pp1q_gg_:before{width:18px;height:18px}.___SValue_1pp1q_gg_._state_normal_1pp1q_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0)){.___SValue_1pp1q_gg_._state_normal_1pp1q_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SValue_1pp1q_gg_._state_normal_1pp1q_gg_::before{border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SValue_1pp1q_gg_._state_invalid_1pp1q_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@supports (color:color(display-p3 0 0 0)){.___SValue_1pp1q_gg_._state_invalid_1pp1q_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SValue_1pp1q_gg_._state_invalid_1pp1q_gg_::before{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SControl_1pp1q_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1pp1q_gg_:checked~.___SValue_1pp1q_gg_::before{border-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26));background-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}.___SControl_1pp1q_gg_:checked~.___SValue_1pp1q_gg_._size_m_1pp1q_gg_::after{width:6px;height:6px}.___SControl_1pp1q_gg_:checked~.___SValue_1pp1q_gg_._size_l_1pp1q_gg_::after{width:8px;height:8px}.___SValue_1pp1q_gg_._state_normal_1pp1q_gg_.__keyboardFocused_1pp1q_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469));border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419))}@supports (color:color(display-p3 0 0 0)){.___SValue_1pp1q_gg_._state_normal_1pp1q_gg_.__keyboardFocused_1pp1q_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@media (color-gamut:p3){.___SValue_1pp1q_gg_._state_normal_1pp1q_gg_.__keyboardFocused_1pp1q_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SValue_1pp1q_gg_._state_invalid_1pp1q_gg_.__keyboardFocused_1pp1q_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 2, 7, 0.652))}.___SControl_1pp1q_gg_:checked~.___SValue_1pp1q_gg_.__theme_1pp1q_gg_::before{border-color:var(--theme_1pp1q);background-color:var(--theme_1pp1q)}.___SValue_1pp1q_gg_._state_normal_1pp1q_gg_.__theme_1pp1q_gg_::before{border-color:var(--theme_1pp1q)}.___SInvalidPattern_1pp1q_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1pp1q_gg_:before{content:"";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(255, 0, 4, 0.56) 0, rgba(255, 0, 4, 0.56) 1px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}@supports (color:color(display-p3 0 0 0)){.___SInvalidPattern_1pp1q_gg_:before{background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(255, 0, 4, 0.56) 0, rgba(255, 0, 4, 0.56) 1px, transparent 0, transparent 50%))}@media (color-gamut:p3){.___SInvalidPattern_1pp1q_gg_:before{background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, color(display-p3 0.918 0.19866 0.14259 / 0.56) 0, color(display-p3 0.918 0.19866 0.14259 / 0.56) 1px, transparent 0, transparent 50%))}}}',
|
|
26
29
|
/*__inner_css_end__*/
|
|
27
|
-
"
|
|
30
|
+
"1pp1q_gg_"
|
|
28
31
|
), /*__reshadow_css_end__*/
|
|
29
32
|
{
|
|
30
|
-
"__SRadio": "
|
|
31
|
-
"_disabled": "
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
33
|
+
"__SRadio": "___SRadio_1pp1q_gg_",
|
|
34
|
+
"_disabled": "__disabled_1pp1q_gg_",
|
|
35
|
+
"__SText": "___SText_1pp1q_gg_",
|
|
36
|
+
"_size_m": "_size_m_1pp1q_gg_",
|
|
37
|
+
"_size_l": "_size_l_1pp1q_gg_",
|
|
38
|
+
"__SValue": "___SValue_1pp1q_gg_",
|
|
39
|
+
"_state_normal": "_state_normal_1pp1q_gg_",
|
|
40
|
+
"_state_invalid": "_state_invalid_1pp1q_gg_",
|
|
41
|
+
"__SControl": "___SControl_1pp1q_gg_",
|
|
42
|
+
"_keyboardFocused": "__keyboardFocused_1pp1q_gg_",
|
|
43
|
+
"_theme": "__theme_1pp1q_gg_",
|
|
44
|
+
"--theme": "--theme_1pp1q",
|
|
45
|
+
"_color": "__color_1pp1q_gg_",
|
|
46
|
+
"--color": "--color_1pp1q",
|
|
47
|
+
"__SInvalidPattern": "___SInvalidPattern_1pp1q_gg_"
|
|
44
48
|
})
|
|
45
49
|
);
|
|
46
|
-
var
|
|
47
|
-
|
|
50
|
+
var RadioGroupRoot = /* @__PURE__ */ function(_Component) {
|
|
51
|
+
_inherits(RadioGroupRoot2, _Component);
|
|
52
|
+
var _super = _createSuper(RadioGroupRoot2);
|
|
48
53
|
function RadioGroupRoot2() {
|
|
49
54
|
_classCallCheck(this, RadioGroupRoot2);
|
|
50
|
-
return
|
|
55
|
+
return _super.apply(this, arguments);
|
|
51
56
|
}
|
|
52
|
-
|
|
53
|
-
return _createClass(RadioGroupRoot2, [{
|
|
57
|
+
_createClass(RadioGroupRoot2, [{
|
|
54
58
|
key: "uncontrolledProps",
|
|
55
59
|
value: function uncontrolledProps() {
|
|
56
60
|
return {
|
|
@@ -82,27 +86,27 @@ var RadioGroupRoot = /* @__PURE__ */ (function(_Component) {
|
|
|
82
86
|
}, _ref), /* @__PURE__ */ React.createElement(Children, null));
|
|
83
87
|
}
|
|
84
88
|
}]);
|
|
85
|
-
|
|
89
|
+
return RadioGroupRoot2;
|
|
90
|
+
}(Component);
|
|
86
91
|
_defineProperty(RadioGroupRoot, "displayName", "RadioGroup");
|
|
87
92
|
_defineProperty(RadioGroupRoot, "defaultProps", {
|
|
88
93
|
defaultValue: null
|
|
89
94
|
});
|
|
90
|
-
var RadioGroup = createComponent(RadioGroupRoot
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
var
|
|
95
|
+
var RadioGroup = createComponent(RadioGroupRoot);
|
|
96
|
+
var RadioRoot = /* @__PURE__ */ function(_Component2) {
|
|
97
|
+
_inherits(RadioRoot2, _Component2);
|
|
98
|
+
var _super2 = _createSuper(RadioRoot2);
|
|
94
99
|
function RadioRoot2() {
|
|
95
100
|
var _this;
|
|
96
101
|
_classCallCheck(this, RadioRoot2);
|
|
97
102
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
98
103
|
args[_key] = arguments[_key];
|
|
99
104
|
}
|
|
100
|
-
_this =
|
|
101
|
-
_defineProperty(_this, "
|
|
102
|
-
_defineProperty(_this, "state", {
|
|
105
|
+
_this = _super2.call.apply(_super2, [this].concat(args));
|
|
106
|
+
_defineProperty(_assertThisInitialized(_this), "state", {
|
|
103
107
|
hoistedDisabled: void 0
|
|
104
108
|
});
|
|
105
|
-
_defineProperty(_this, "hoistDisabled", function(disabled) {
|
|
109
|
+
_defineProperty(_assertThisInitialized(_this), "hoistDisabled", function(disabled) {
|
|
106
110
|
logger.warn(true, "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.", _this.asProps["data-ui-name"]);
|
|
107
111
|
_this.setState({
|
|
108
112
|
hoistedDisabled: disabled
|
|
@@ -110,15 +114,13 @@ var RadioRoot = /* @__PURE__ */ (function(_Component2) {
|
|
|
110
114
|
});
|
|
111
115
|
return _this;
|
|
112
116
|
}
|
|
113
|
-
|
|
114
|
-
return _createClass(RadioRoot2, [{
|
|
117
|
+
_createClass(RadioRoot2, [{
|
|
115
118
|
key: "getTextProps",
|
|
116
119
|
value: function getTextProps() {
|
|
117
|
-
var
|
|
118
|
-
var _this$asProps2 = this.asProps, _this$asProps2$size = _this$asProps2.size, size = _this$asProps2$size === void 0 ? (_this$context$size = this.context.size) !== null && _this$context$size !== void 0 ? _this$context$size : "m" : _this$asProps2$size, _this$asProps2$disabl = _this$asProps2.disabled, disabled = _this$asProps2$disabl === void 0 ? this.context.disabled : _this$asProps2$disabl, label = _this$asProps2.label;
|
|
120
|
+
var _assignProps6 = assignProps$1(this.asProps, this.context), _assignProps6$size = _assignProps6.size, size = _assignProps6$size === void 0 ? "m" : _assignProps6$size, disabled = _assignProps6.disabled, label = _assignProps6.label;
|
|
119
121
|
var hoistedDisabled = this.state.hoistedDisabled;
|
|
120
122
|
var textProps = {
|
|
121
|
-
size
|
|
123
|
+
size,
|
|
122
124
|
children: label,
|
|
123
125
|
disabled: disabled !== null && disabled !== void 0 ? disabled : hoistedDisabled,
|
|
124
126
|
hoistDisabled: this.hoistDisabled,
|
|
@@ -129,9 +131,9 @@ var RadioRoot = /* @__PURE__ */ (function(_Component2) {
|
|
|
129
131
|
}, {
|
|
130
132
|
key: "getValueProps",
|
|
131
133
|
value: function getValueProps() {
|
|
132
|
-
var _this$
|
|
133
|
-
var
|
|
134
|
-
var _this$
|
|
134
|
+
var _this$props$size;
|
|
135
|
+
var _assignProps7 = assignProps$1(this.asProps, this.context), _assignProps7$size = _assignProps7.size, size = _assignProps7$size === void 0 ? "m" : _assignProps7$size, _assignProps7$state = _assignProps7.state, state = _assignProps7$state === void 0 ? "normal" : _assignProps7$state, theme = _assignProps7.theme, disabled = _assignProps7.disabled, name = _assignProps7.name;
|
|
136
|
+
var _this$asProps2 = this.asProps, value = _this$asProps2.value, checked = _this$asProps2.checked;
|
|
135
137
|
var hoistedDisabled = this.state.hoistedDisabled;
|
|
136
138
|
return {
|
|
137
139
|
size: (_this$props$size = this.props.size) !== null && _this$props$size !== void 0 ? _this$props$size : size,
|
|
@@ -150,37 +152,38 @@ var RadioRoot = /* @__PURE__ */ (function(_Component2) {
|
|
|
150
152
|
value: function render() {
|
|
151
153
|
var _ref2 = this.asProps, _ref6;
|
|
152
154
|
var SRadio = Box;
|
|
153
|
-
var _this$
|
|
154
|
-
return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SRadio, _ref6.cn("SRadio", _objectSpread({}, assignProps({
|
|
155
|
+
var _this$asProps3 = this.asProps, styles = _this$asProps3.styles, Children = _this$asProps3.Children, hasChildren = _this$asProps3.children;
|
|
156
|
+
return _ref6 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SRadio, _ref6.cn("SRadio", _objectSpread({}, assignProps({
|
|
155
157
|
"tag": "label",
|
|
156
158
|
"__excludeProps": ["onChange", "label", "disabled"]
|
|
157
159
|
}, _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)));
|
|
158
160
|
}
|
|
159
161
|
}]);
|
|
160
|
-
|
|
162
|
+
return RadioRoot2;
|
|
163
|
+
}(Component);
|
|
161
164
|
_defineProperty(RadioRoot, "displayName", "Radio");
|
|
162
165
|
_defineProperty(RadioRoot, "style", style);
|
|
163
|
-
_defineProperty(RadioRoot, "contextType",
|
|
164
|
-
var ValueRoot = /* @__PURE__ */
|
|
166
|
+
_defineProperty(RadioRoot, "contextType", RadioGroup[CONTEXT_COMPONENT]);
|
|
167
|
+
var ValueRoot = /* @__PURE__ */ function(_Component3) {
|
|
168
|
+
_inherits(ValueRoot2, _Component3);
|
|
169
|
+
var _super3 = _createSuper(ValueRoot2);
|
|
165
170
|
function ValueRoot2() {
|
|
166
171
|
var _this2;
|
|
167
172
|
_classCallCheck(this, ValueRoot2);
|
|
168
173
|
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
169
174
|
args[_key2] = arguments[_key2];
|
|
170
175
|
}
|
|
171
|
-
_this2 =
|
|
172
|
-
_defineProperty(_this2, "
|
|
173
|
-
_defineProperty(_this2, "bindHandlerChange", function(value) {
|
|
176
|
+
_this2 = _super3.call.apply(_super3, [this].concat(args));
|
|
177
|
+
_defineProperty(_assertThisInitialized(_this2), "bindHandlerChange", function(value) {
|
|
174
178
|
return function(e) {
|
|
175
|
-
if (typeof _this2.context.onChange === "function"
|
|
179
|
+
if (typeof _this2.context.onChange === "function") {
|
|
176
180
|
_this2.context.onChange(value, e);
|
|
177
181
|
}
|
|
178
182
|
};
|
|
179
183
|
});
|
|
180
184
|
return _this2;
|
|
181
185
|
}
|
|
182
|
-
|
|
183
|
-
return _createClass(ValueRoot2, [{
|
|
186
|
+
_createClass(ValueRoot2, [{
|
|
184
187
|
key: "uncontrolledProps",
|
|
185
188
|
value: function uncontrolledProps() {
|
|
186
189
|
return {
|
|
@@ -193,29 +196,34 @@ var ValueRoot = /* @__PURE__ */ (function(_Component3) {
|
|
|
193
196
|
key: "getControlProps",
|
|
194
197
|
value: function getControlProps() {
|
|
195
198
|
var currentValue = this.context.value;
|
|
196
|
-
var _this$
|
|
197
|
-
var onChange = this.props.onChange;
|
|
199
|
+
var _this$asProps4 = this.asProps, forwardRef = _this$asProps4.forwardRef, includeInputProps = _this$asProps4.includeInputProps, state = _this$asProps4.state, value = _this$asProps4.value;
|
|
198
200
|
var _getInputProps = getInputProps(this.asProps, includeInputProps), _getInputProps2 = _slicedToArray(_getInputProps, 1), commonControlProps = _getInputProps2[0];
|
|
199
201
|
var inputValue = value !== null && value !== void 0 ? value : "";
|
|
200
|
-
|
|
202
|
+
var controlProps = _objectSpread(_objectSpread({
|
|
201
203
|
ref: forwardRef,
|
|
202
204
|
state
|
|
203
205
|
}, commonControlProps), {}, {
|
|
204
206
|
value: inputValue
|
|
205
|
-
}
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
207
|
+
});
|
|
208
|
+
if (currentValue !== void 0) {
|
|
209
|
+
var _this$props = this.props, onChange = _this$props.onChange;
|
|
210
|
+
_this$props.onClick;
|
|
211
|
+
controlProps.checked = currentValue === inputValue;
|
|
212
|
+
controlProps.onChange = callAllEventHandlers(onChange, this.bindHandlerChange(inputValue));
|
|
213
|
+
}
|
|
214
|
+
return controlProps;
|
|
209
215
|
}
|
|
210
216
|
}, {
|
|
211
217
|
key: "getRadioMarkProps",
|
|
212
218
|
value: function getRadioMarkProps() {
|
|
213
219
|
var currentValue = this.context.value;
|
|
214
|
-
var _this$
|
|
215
|
-
var onClick = this.props.onClick;
|
|
220
|
+
var _this$asProps5 = this.asProps, size = _this$asProps5.size, state = _this$asProps5.state, theme = _this$asProps5.theme, keyboardFocused = _this$asProps5.keyboardFocused, value = _this$asProps5.value, tag = _this$asProps5.tag, disabled = _this$asProps5.disabled, includeInputProps = _this$asProps5.includeInputProps, resolveColor = _this$asProps5.resolveColor, other = _objectWithoutProperties(_this$asProps5, _excluded);
|
|
216
221
|
var _getInputProps3 = getInputProps(other, includeInputProps), _getInputProps4 = _slicedToArray(_getInputProps3, 2), commonControlProps = _getInputProps4[0], radioMarkProps = _getInputProps4[1];
|
|
222
|
+
radioMarkProps.children;
|
|
223
|
+
radioMarkProps.Children;
|
|
224
|
+
var propsWithoutChildren = _objectWithoutProperties(radioMarkProps, _excluded2);
|
|
217
225
|
var inputValue = value !== null && value !== void 0 ? value : "";
|
|
218
|
-
|
|
226
|
+
var markProps = _objectSpread({
|
|
219
227
|
theme,
|
|
220
228
|
size,
|
|
221
229
|
state,
|
|
@@ -223,9 +231,14 @@ var ValueRoot = /* @__PURE__ */ (function(_Component3) {
|
|
|
223
231
|
disabled,
|
|
224
232
|
resolveColor,
|
|
225
233
|
checked: commonControlProps.checked
|
|
226
|
-
},
|
|
227
|
-
|
|
228
|
-
|
|
234
|
+
}, propsWithoutChildren);
|
|
235
|
+
if (currentValue !== void 0) {
|
|
236
|
+
var onClick = this.props.onClick;
|
|
237
|
+
if (tag !== "label") {
|
|
238
|
+
markProps.onClick = callAllEventHandlers(onClick, this.bindHandlerChange(inputValue));
|
|
239
|
+
}
|
|
240
|
+
}
|
|
241
|
+
return markProps;
|
|
229
242
|
}
|
|
230
243
|
}, {
|
|
231
244
|
key: "componentDidUpdate",
|
|
@@ -245,48 +258,48 @@ var ValueRoot = /* @__PURE__ */ (function(_Component3) {
|
|
|
245
258
|
key: "render",
|
|
246
259
|
value: function render() {
|
|
247
260
|
var _ref8;
|
|
248
|
-
var _this$
|
|
261
|
+
var _this$asProps6 = this.asProps, styles = _this$asProps6.styles, hasChildren = _this$asProps6.children, Children = _this$asProps6.Children;
|
|
249
262
|
if (!hasChildren) {
|
|
250
|
-
|
|
251
|
-
return _ref7 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Radio.Value.Control, null), /* @__PURE__ */ React.createElement(Radio.Value.RadioMark, null));
|
|
263
|
+
return sstyled$1(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Radio.Value.Control, null), /* @__PURE__ */ React.createElement(Radio.Value.RadioMark, null));
|
|
252
264
|
}
|
|
253
|
-
return _ref8 = sstyled(styles), /* @__PURE__ */ React.createElement(Children, _ref8.cn("Children", {}));
|
|
265
|
+
return _ref8 = sstyled$1(styles), /* @__PURE__ */ React.createElement(Children, _ref8.cn("Children", {}));
|
|
254
266
|
}
|
|
255
267
|
}]);
|
|
256
|
-
|
|
268
|
+
return ValueRoot2;
|
|
269
|
+
}(Component);
|
|
257
270
|
_defineProperty(ValueRoot, "defaultProps", {
|
|
258
271
|
includeInputProps: inputProps,
|
|
259
272
|
defaultChecked: false
|
|
260
273
|
});
|
|
261
|
-
_defineProperty(ValueRoot, "enhance", [resolveColorEnhance()]);
|
|
274
|
+
_defineProperty(ValueRoot, "enhance", [keyboardFocusEnhance(), resolveColorEnhance()]);
|
|
262
275
|
_defineProperty(ValueRoot, "displayName", "Value");
|
|
263
|
-
_defineProperty(ValueRoot, "contextType",
|
|
276
|
+
_defineProperty(ValueRoot, "contextType", RadioGroup[CONTEXT_COMPONENT]);
|
|
264
277
|
_defineProperty(ValueRoot, "style", style);
|
|
265
|
-
function
|
|
278
|
+
var Control = function Control2(props) {
|
|
266
279
|
var _ref3 = arguments[0], _ref9;
|
|
267
280
|
var SControl = Box;
|
|
268
281
|
var styles = props.styles, state = props.state;
|
|
269
|
-
return _ref9 = sstyled(styles), /* @__PURE__ */ React.createElement(SControl, _ref9.cn("SControl", _objectSpread({}, assignProps({
|
|
282
|
+
return _ref9 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SControl, _ref9.cn("SControl", _objectSpread({}, assignProps({
|
|
270
283
|
"tag": "input",
|
|
271
284
|
"type": "radio",
|
|
272
285
|
"aria-invalid": state === "invalid"
|
|
273
286
|
}, _ref3))));
|
|
274
|
-
}
|
|
287
|
+
};
|
|
275
288
|
Control.displayName = "Control";
|
|
276
|
-
function
|
|
277
|
-
var _ref4 = arguments[0],
|
|
289
|
+
var RadioMark = function RadioMark2(props) {
|
|
290
|
+
var _ref4 = arguments[0], _ref10;
|
|
278
291
|
var SValue = Box;
|
|
279
292
|
var SInvalidPattern = InvalidStateBox;
|
|
280
293
|
var theme = props.theme, styles = props.styles, resolveColor = props.resolveColor, state = props.state, checked = props.checked;
|
|
281
|
-
return
|
|
294
|
+
return _ref10 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SValue, _ref10.cn("SValue", _objectSpread({}, assignProps({
|
|
282
295
|
"tag": "div",
|
|
283
296
|
"use:theme": resolveColor(theme),
|
|
284
297
|
"aria-hidden": true
|
|
285
|
-
}, _ref4))), state === "invalid" && !checked && /* @__PURE__ */ React.createElement(SInvalidPattern,
|
|
286
|
-
}
|
|
298
|
+
}, _ref4))), state === "invalid" && !checked && /* @__PURE__ */ React.createElement(SInvalidPattern, _ref10.cn("SInvalidPattern", {})));
|
|
299
|
+
};
|
|
287
300
|
RadioMark.displayName = "RadioMark";
|
|
288
|
-
function
|
|
289
|
-
var _ref5 = arguments[0],
|
|
301
|
+
var Text = function Text2(props) {
|
|
302
|
+
var _ref5 = arguments[0], _ref11;
|
|
290
303
|
var SText = Text$1;
|
|
291
304
|
var styles = props.styles, color = props.color;
|
|
292
305
|
React.useEffect(function() {
|
|
@@ -295,11 +308,11 @@ function Text(props) {
|
|
|
295
308
|
}
|
|
296
309
|
}, [props.rootDisabled, props.disabled, props.hoistDisabled]);
|
|
297
310
|
var resolveColor = useColorResolver();
|
|
298
|
-
return
|
|
311
|
+
return _ref11 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SText, _ref11.cn("SText", _objectSpread({}, assignProps({
|
|
299
312
|
"tag": "span",
|
|
300
313
|
"use:color": resolveColor(color)
|
|
301
314
|
}, _ref5))));
|
|
302
|
-
}
|
|
315
|
+
};
|
|
303
316
|
Text.displayName = "Text";
|
|
304
317
|
var Value = createComponent(ValueRoot, {
|
|
305
318
|
Control,
|
package/lib/esm/index.mjs
CHANGED