@skbkontur/react-ui 5.5.1 → 5.6.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 +22 -0
- package/cjs/components/Calendar/MonthView.js +1 -2
- package/cjs/components/Calendar/MonthView.js.map +1 -1
- package/cjs/components/FileUploader/FileUploader.styles.js +4 -5
- package/cjs/components/FileUploader/FileUploader.styles.js.map +1 -1
- package/cjs/components/Modal/Modal.d.ts +25 -22
- package/cjs/components/Modal/Modal.js +10 -7
- package/cjs/components/Modal/Modal.js.map +1 -1
- package/cjs/components/Modal/ModalBody.d.ts +1 -1
- package/cjs/components/Modal/ModalBody.js +1 -1
- package/cjs/components/Modal/ModalBody.js.map +1 -1
- package/cjs/components/Modal/ModalFooter.d.ts +5 -5
- package/cjs/components/Modal/ModalFooter.js +1 -1
- package/cjs/components/Modal/ModalFooter.js.map +1 -1
- package/cjs/components/Modal/ModalHeader.d.ts +3 -3
- package/cjs/components/Modal/ModalHeader.js +1 -1
- package/cjs/components/Modal/ModalHeader.js.map +1 -1
- package/cjs/components/Radio/Radio.d.ts +11 -10
- package/cjs/components/Radio/Radio.js +5 -4
- package/cjs/components/Radio/Radio.js.map +1 -1
- package/cjs/components/RadioGroup/RadioGroup.d.ts +21 -28
- package/cjs/components/RadioGroup/RadioGroup.js +2 -9
- package/cjs/components/RadioGroup/RadioGroup.js.map +1 -1
- package/cjs/components/Tabs/Tab.styles.js +3 -9
- package/cjs/components/Tabs/Tab.styles.js.map +1 -1
- package/cjs/components/Textarea/Textarea.d.ts +5 -1
- package/cjs/components/Textarea/Textarea.js +10 -1
- package/cjs/components/Textarea/Textarea.js.map +1 -1
- package/cjs/internal/CustomComboBox/CustomComboBoxReducer.js +5 -0
- package/cjs/internal/CustomComboBox/CustomComboBoxReducer.js.map +1 -1
- package/cjs/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.d.ts +1 -0
- package/cjs/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.js +4 -1
- package/cjs/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.js.map +1 -1
- package/cjs/internal/RenderContainer/RenderInnerContainer.d.ts +4 -0
- package/cjs/internal/RenderContainer/RenderInnerContainer.js +29 -2
- package/cjs/internal/RenderContainer/RenderInnerContainer.js.map +1 -1
- package/cjs/internal/ThemePlayground/Playground.styles.js +2 -1
- package/cjs/internal/ThemePlayground/Playground.styles.js.map +1 -1
- package/cjs/internal/ThemePlayground/ThemeContextPlayground.d.ts +1 -35
- package/cjs/internal/ThemePlayground/ThemeContextPlayground.js +32 -5
- package/cjs/internal/ThemePlayground/ThemeContextPlayground.js.map +1 -1
- package/cjs/internal/themes/DarkTheme5_5.js +3 -8
- package/cjs/internal/themes/DarkTheme5_5.js.map +1 -1
- package/cjs/internal/themes/DarkTheme5_6.d.ts +1 -0
- package/cjs/internal/themes/DarkTheme5_6.js +753 -0
- package/cjs/internal/themes/DarkTheme5_6.js.map +1 -0
- package/cjs/internal/themes/LightTheme5_6.d.ts +1 -0
- package/cjs/internal/themes/LightTheme5_6.js +753 -0
- package/cjs/internal/themes/LightTheme5_6.js.map +1 -0
- package/cjs/lib/theming/ThemeVersions.d.ts +1 -1
- package/cjs/lib/theming/ThemeVersions.js.map +1 -1
- package/cjs/lib/theming/themes/DarkTheme.d.ts +1 -0
- package/cjs/lib/theming/themes/DarkTheme.js +4 -2
- package/cjs/lib/theming/themes/DarkTheme.js.map +1 -1
- package/cjs/lib/theming/themes/LightTheme.d.ts +1 -0
- package/cjs/lib/theming/themes/LightTheme.js +4 -2
- package/cjs/lib/theming/themes/LightTheme.js.map +1 -1
- package/components/Calendar/MonthView/MonthView.js +1 -2
- package/components/Calendar/MonthView/MonthView.js.map +1 -1
- package/components/FileUploader/FileUploader.styles/FileUploader.styles.js +1 -2
- package/components/FileUploader/FileUploader.styles/FileUploader.styles.js.map +1 -1
- package/components/Modal/Modal/Modal.js +5 -7
- package/components/Modal/Modal/Modal.js.map +1 -1
- package/components/Modal/Modal.d.ts +25 -22
- package/components/Modal/ModalBody/ModalBody.js +1 -1
- package/components/Modal/ModalBody/ModalBody.js.map +1 -1
- package/components/Modal/ModalBody.d.ts +1 -1
- package/components/Modal/ModalFooter/ModalFooter.js +1 -1
- package/components/Modal/ModalFooter/ModalFooter.js.map +1 -1
- package/components/Modal/ModalFooter.d.ts +5 -5
- package/components/Modal/ModalHeader/ModalHeader.js +1 -1
- package/components/Modal/ModalHeader/ModalHeader.js.map +1 -1
- package/components/Modal/ModalHeader.d.ts +3 -3
- package/components/Radio/Radio/Radio.js +5 -4
- package/components/Radio/Radio/Radio.js.map +1 -1
- package/components/Radio/Radio.d.ts +11 -10
- package/components/RadioGroup/RadioGroup/RadioGroup.js +2 -9
- package/components/RadioGroup/RadioGroup/RadioGroup.js.map +1 -1
- package/components/RadioGroup/RadioGroup.d.ts +21 -28
- package/components/Tabs/Tab.styles/Tab.styles.js +1 -2
- package/components/Tabs/Tab.styles/Tab.styles.js.map +1 -1
- package/components/Textarea/Textarea/Textarea.js +5 -0
- package/components/Textarea/Textarea/Textarea.js.map +1 -1
- package/components/Textarea/Textarea.d.ts +5 -1
- package/internal/CustomComboBox/CustomComboBoxReducer/CustomComboBoxReducer.js +5 -0
- package/internal/CustomComboBox/CustomComboBoxReducer/CustomComboBoxReducer.js.map +1 -1
- package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout/InternalTextareaWithLayout.js +4 -0
- package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout/InternalTextareaWithLayout.js.map +1 -1
- package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.d.ts +1 -0
- package/internal/RenderContainer/RenderInnerContainer/RenderInnerContainer.js +35 -2
- package/internal/RenderContainer/RenderInnerContainer/RenderInnerContainer.js.map +1 -1
- package/internal/RenderContainer/RenderInnerContainer.d.ts +4 -0
- package/internal/ThemePlayground/Playground.styles/Playground.styles.js +1 -1
- package/internal/ThemePlayground/Playground.styles/Playground.styles.js.map +1 -1
- package/internal/ThemePlayground/ThemeContextPlayground/ThemeContextPlayground.js +28 -9
- package/internal/ThemePlayground/ThemeContextPlayground/ThemeContextPlayground.js.map +1 -1
- package/internal/ThemePlayground/ThemeContextPlayground.d.ts +1 -35
- package/internal/themes/DarkTheme5_5/DarkTheme5_5.js +4 -7
- package/internal/themes/DarkTheme5_5/DarkTheme5_5.js.map +1 -1
- package/internal/themes/DarkTheme5_6/DarkTheme5_6.js +768 -0
- package/internal/themes/DarkTheme5_6/DarkTheme5_6.js.map +1 -0
- package/internal/themes/DarkTheme5_6/package.json +6 -0
- package/internal/themes/DarkTheme5_6.d.ts +1 -0
- package/internal/themes/LightTheme5_6/LightTheme5_6.js +768 -0
- package/internal/themes/LightTheme5_6/LightTheme5_6.js.map +1 -0
- package/internal/themes/LightTheme5_6/package.json +6 -0
- package/internal/themes/LightTheme5_6.d.ts +1 -0
- package/lib/theming/ThemeVersions/ThemeVersions.js.map +1 -1
- package/lib/theming/ThemeVersions.d.ts +1 -1
- package/lib/theming/themes/DarkTheme/DarkTheme.js +3 -1
- package/lib/theming/themes/DarkTheme/DarkTheme.js.map +1 -1
- package/lib/theming/themes/DarkTheme.d.ts +1 -0
- package/lib/theming/themes/LightTheme/LightTheme.js +3 -1
- package/lib/theming/themes/LightTheme/LightTheme.js.map +1 -1
- package/lib/theming/themes/LightTheme.d.ts +1 -0
- package/package.json +2 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","globalObject","ThemeContext","CommonWrapper","cx","keyListener","rootNode","fixFirefoxModifiedClickOnLabel","isEdge","isIE11","RadioGroupContext","createPropsGetter","FocusControlWrapper","withSize","styles","globalClasses","RadioDataTids","root","Radio","_class","_Radio","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","focusedByKeyboard","getProps","defaultProps","context","inputEl","createRef","renderMain","props","_cx","_cx2","_props$disabled","disabled","_props$warning","warning","_props$error","error","size","focused","onMouseOver","onMouseEnter","onMouseLeave","onValueChange","rest","_objectWithoutPropertiesLoose","_excluded","radioProps","className","circle","theme","getCircleSizeClassName","checked","getCheckedSizeClassName","focus","checkedDisabled","value","inputProps","_extends","type","input","tabIndex","ref","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","labelProps","getRootSizeClassName","rootChecked","rootIE11","handleMouseOver","handleMouseEnter","handleMouseLeave","onClick","_isInRadioGroup","_cx3","_cx4","activeItem","name","suppressHydrationWarning","createElement","onBlurWhenDisabled","resetFocus","placeholder","children","renderCaption","Boolean","e","onSelect","requestAnimationFrame","isArrowPressed","isTabPressed","setState","_inheritsLoose","_proto","prototype","rootLarge","rootMedium","rootSmall","circleLarge","circleMedium","circleSmall","checkedLarge","checkedMedium","checkedSmall","render","_this2","Consumer","rootNodeRef","setRootNode","_this$inputEl$current","current","blur","_this$inputEl$current2","_cx5","captionClassNames","caption","captionDisabled","captionIE11","Component","__KONTUR_REACT_UI__","displayName","contextType"],"sources":["Radio.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { Override } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\nimport { isEdge, isIE11 } from '../../lib/client';\nimport type { RadioGroupContextType } from '../RadioGroup/RadioGroupContext';\nimport { RadioGroupContext } from '../RadioGroup/RadioGroupContext';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\nimport { withSize } from '../../lib/size/SizeDecorator';\n\nimport { styles, globalClasses } from './Radio.styles';\n\nexport interface RadioProps<T>\n extends Pick<AriaAttributes, 'aria-label'>,\n CommonProps,\n Override<\n React.InputHTMLAttributes<HTMLInputElement>,\n {\n /** Переводит контрол в состояние валидации \"ошибка\". */\n error?: boolean;\n\n /** Переводит контрол в состояние валидации \"предупреждение\". */\n warning?: boolean;\n\n /** Задает размер. */\n size?: SizeProp;\n\n /** Задает состояние фокуса. */\n focused?: boolean;\n\n /** Задает функцию, которая вызывается при изменении value. */\n onValueChange?: (value: T) => void;\n\n /** Задает HTML-событие `onmouseenter`.\n * @ignore */\n onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n\n /** Задает HTML-событие `onmouseleave`.\n * @ignore */\n onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n\n /** Задает HTML-событие `onmouseover`.\n * @ignore */\n onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n\n /** Устанавливает значение. */\n value: T;\n }\n > {}\n\nexport interface RadioState {\n focusedByKeyboard: boolean;\n}\n\nexport const RadioDataTids = {\n root: 'Radio__root',\n} as const;\n\ntype DefaultProps = Required<Pick<RadioProps<any>, 'focused'>>;\n\n/**\n * Радио-кнопки `Radio` используются, когда может быть выбран только один вариант из нескольких.\n */\n@rootNode\n@withSize\nexport class Radio<T> extends React.Component<RadioProps<T>, RadioState> {\n public static __KONTUR_REACT_UI__ = 'Radio';\n public static displayName = 'Radio';\n\n public state = {\n focusedByKeyboard: false,\n };\n\n public static defaultProps: DefaultProps = {\n focused: false,\n };\n\n private getProps = createPropsGetter(Radio.defaultProps);\n\n public static contextType = RadioGroupContext;\n public context: RadioGroupContextType<T> = this.context;\n private size!: SizeProp;\n\n private inputEl = React.createRef<HTMLInputElement>();\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private theme!: Theme;\n\n private getRootSizeClassName() {\n switch (this.size) {\n case 'large':\n return styles.rootLarge(this.theme);\n case 'medium':\n return styles.rootMedium(this.theme);\n case 'small':\n default:\n return styles.rootSmall(this.theme);\n }\n }\n\n private getCircleSizeClassName() {\n switch (this.size) {\n case 'large':\n return styles.circleLarge(this.theme);\n case 'medium':\n return styles.circleMedium(this.theme);\n case 'small':\n default:\n return styles.circleSmall(this.theme);\n }\n }\n\n private getCheckedSizeClassName() {\n switch (this.size) {\n case 'large':\n return styles.checkedLarge(this.theme);\n case 'medium':\n return styles.checkedMedium(this.theme);\n case 'small':\n default:\n return styles.checkedSmall(this.theme);\n }\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n {this.renderMain}\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n /**\n * @public\n */\n public focus() {\n keyListener.isTabPressed = true;\n this.inputEl.current?.focus();\n }\n\n /**\n * @public\n */\n public blur() {\n this.inputEl.current?.blur();\n }\n\n public renderMain = (props: CommonWrapperRestProps<RadioProps<T>>) => {\n const {\n disabled = this.context.disabled,\n warning = this.context.warning,\n error = this.context.error,\n size,\n focused,\n onMouseOver,\n onMouseEnter,\n onMouseLeave,\n onValueChange,\n ...rest\n } = props;\n\n const radioProps = {\n className: cx({\n [styles.circle(this.theme)]: true,\n [this.getCircleSizeClassName()]: true,\n [styles.checked(this.theme)]: this.props.checked,\n [this.getCheckedSizeClassName()]: this.props.checked,\n [styles.focus(this.theme)]: this.getProps().focused || this.state.focusedByKeyboard,\n [styles.error(this.theme)]: error,\n [styles.warning(this.theme)]: warning,\n [styles.disabled(this.theme)]: disabled,\n [styles.checkedDisabled(this.theme)]: this.props.checked && disabled,\n [globalClasses.circle]: true,\n }),\n };\n\n let value: string | number | undefined;\n if (typeof this.props.value === 'string' || typeof this.props.value === 'number') {\n value = this.props.value;\n }\n\n const inputProps = {\n ...rest,\n type: 'radio',\n className: styles.input(),\n disabled,\n tabIndex: this.props.tabIndex,\n value,\n ref: this.inputEl,\n onChange: this.handleChange,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n };\n\n const labelProps = {\n className: cx(styles.root(this.theme), this.getRootSizeClassName(), {\n [styles.rootChecked(this.theme)]: this.props.checked,\n [styles.rootIE11()]: isIE11 || isEdge,\n }),\n onMouseOver: this.handleMouseOver,\n onMouseEnter: this.handleMouseEnter,\n onMouseLeave: this.handleMouseLeave,\n onClick: fixFirefoxModifiedClickOnLabel(this.inputEl),\n };\n\n if (this._isInRadioGroup()) {\n const checked = this.props.value === this.context.activeItem;\n inputProps.checked = checked;\n inputProps.name = this.context.name;\n inputProps.suppressHydrationWarning = true;\n labelProps.className = cx(styles.root(this.theme), this.getRootSizeClassName(), {\n [styles.rootChecked(this.theme)]: checked,\n [styles.rootIE11()]: isIE11 || isEdge,\n });\n radioProps.className = cx(radioProps.className, {\n [styles.checked(this.theme)]: checked,\n [this.getCheckedSizeClassName()]: checked,\n [styles.checkedDisabled(this.theme)]: checked && disabled,\n });\n }\n\n return (\n <label data-tid={RadioDataTids.root} {...labelProps}>\n <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n <input {...inputProps} />\n </FocusControlWrapper>\n <span {...radioProps}>\n <span className={styles.placeholder()} />\n </span>\n {this.props.children && this.renderCaption()}\n </label>\n );\n };\n\n private _isInRadioGroup = () => Boolean(this.context.name);\n\n private renderCaption() {\n const captionClassNames = cx({\n [styles.caption(this.theme)]: true,\n [styles.captionDisabled(this.theme)]: !!(this.props.disabled || this.context.disabled),\n [styles.captionIE11()]: isIE11 || isEdge,\n });\n\n return <div className={captionClassNames}>{this.props.children}</div>;\n }\n\n private handleChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n this.props.onValueChange?.(this.props.value);\n\n if (this._isInRadioGroup()) {\n this.context.onSelect(this.props.value);\n }\n\n this.props.onChange?.(e);\n };\n\n private handleMouseOver: React.MouseEventHandler<HTMLLabelElement> = (e) => {\n this.props.onMouseOver?.(e);\n };\n\n private handleMouseEnter: React.MouseEventHandler<HTMLLabelElement> = (e) => {\n this.props.onMouseEnter?.(e);\n };\n\n private handleMouseLeave: React.MouseEventHandler<HTMLLabelElement> = (e) => {\n this.props.onMouseLeave?.(e);\n };\n\n private handleFocus = (e: React.FocusEvent<any>) => {\n if (!this.context.disabled) {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n globalObject.requestAnimationFrame?.(() => {\n if (keyListener.isArrowPressed || keyListener.isTabPressed) {\n this.setState({ focusedByKeyboard: true });\n }\n });\n\n if (this.props.onFocus) {\n this.props.onFocus(e);\n }\n }\n };\n\n private resetFocus = () => this.setState({ focusedByKeyboard: false });\n\n private handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n this.resetFocus();\n this.props.onBlur?.(e);\n };\n}\n"],"mappings":";AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAAQ,0BAA0B;;;AAGvD,SAASC,YAAY,QAAQ,gCAAgC;;;AAG7D,SAASC,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,WAAW,QAAQ,8BAA8B;;AAE1D,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,8BAA8B,QAAQ,iDAAiD;AAChG,SAASC,MAAM,EAAEC,MAAM,QAAQ,kBAAkB;;AAEjD,SAASC,iBAAiB,QAAQ,iCAAiC;AACnE,SAASC,iBAAiB,QAAQ,6BAA6B;;AAE/D,SAASC,mBAAmB,QAAQ,oCAAoC;AACxE,SAASC,QAAQ,QAAQ,8BAA8B;;AAEvD,SAASC,MAAM,EAAEC,aAAa,QAAQ,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CtD,OAAO,IAAMC,aAAa,GAAG;EAC3BC,IAAI,EAAE;AACR,CAAU;;;;AAIV;AACA;AACA;AACA;;AAEaC,KAAK,GAFjBZ,QAAQ,CAAAa,MAAA,GACRN,QAAQ,CAAAM,MAAA,IAAAC,MAAA,0BAAAC,gBAAA,YAAAH,MAAA,OAAAI,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;IAKAU,KAAK,GAAG;MACbC,iBAAiB,EAAE;IACrB,CAAC,CAAAX,KAAA;;;;;;IAMOY,QAAQ,GAAGvB,iBAAiB,CAACO,KAAK,CAACiB,YAAY,CAAC,CAAAb,KAAA;;;IAGjDc,OAAO,GAA6Bd,KAAA,CAAKc,OAAO,CAAAd,KAAA;;;IAG/Ce,OAAO,gBAAGrC,KAAK,CAACsC,SAAS,CAAmB,CAAC,CAAAhB,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuE9CiB,UAAU,GAAG,UAACC,KAA4C,EAAK,KAAAC,GAAA,EAAAC,IAAA;MACpE,IAAAC,eAAA;;;;;;;;;;;QAWIH,KAAK,CAVPI,QAAQ,CAARA,QAAQ,GAAAD,eAAA,cAAGrB,KAAA,CAAKc,OAAO,CAACQ,QAAQ,GAAAD,eAAA,CAAAE,cAAA,GAU9BL,KAAK,CATPM,OAAO,CAAPA,OAAO,GAAAD,cAAA,cAAGvB,KAAA,CAAKc,OAAO,CAACU,OAAO,GAAAD,cAAA,CAAAE,YAAA,GAS5BP,KAAK,CARPQ,KAAK,CAALA,KAAK,GAAAD,YAAA,cAAGzB,KAAA,CAAKc,OAAO,CAACY,KAAK,GAAAD,YAAA,CAC1BE,IAAI,GAOFT,KAAK,CAPPS,IAAI,CACJC,OAAO,GAMLV,KAAK,CANPU,OAAO,CACPC,WAAW,GAKTX,KAAK,CALPW,WAAW,CACXC,YAAY,GAIVZ,KAAK,CAJPY,YAAY,CACZC,YAAY,GAGVb,KAAK,CAHPa,YAAY,CACZC,aAAa,GAEXd,KAAK,CAFPc,aAAa,CACVC,IAAI,GAAAC,6BAAA,CACLhB,KAAK,EAAAiB,SAAA;;MAET,IAAMC,UAAU,GAAG;QACjBC,SAAS,EAAEvD,EAAE,EAAAqC,GAAA,OAAAA,GAAA;QACV3B,MAAM,CAAC8C,MAAM,CAACtC,KAAA,CAAKuC,KAAK,CAAC,IAAG,IAAI,EAAApB,GAAA;QAChCnB,KAAA,CAAKwC,sBAAsB,CAAC,CAAC,IAAG,IAAI,EAAArB,GAAA;QACpC3B,MAAM,CAACiD,OAAO,CAACzC,KAAA,CAAKuC,KAAK,CAAC,IAAGvC,KAAA,CAAKkB,KAAK,CAACuB,OAAO,EAAAtB,GAAA;QAC/CnB,KAAA,CAAK0C,uBAAuB,CAAC,CAAC,IAAG1C,KAAA,CAAKkB,KAAK,CAACuB,OAAO,EAAAtB,GAAA;QACnD3B,MAAM,CAACmD,KAAK,CAAC3C,KAAA,CAAKuC,KAAK,CAAC,IAAGvC,KAAA,CAAKY,QAAQ,CAAC,CAAC,CAACgB,OAAO,IAAI5B,KAAA,CAAKU,KAAK,CAACC,iBAAiB,EAAAQ,GAAA;QAClF3B,MAAM,CAACkC,KAAK,CAAC1B,KAAA,CAAKuC,KAAK,CAAC,IAAGb,KAAK,EAAAP,GAAA;QAChC3B,MAAM,CAACgC,OAAO,CAACxB,KAAA,CAAKuC,KAAK,CAAC,IAAGf,OAAO,EAAAL,GAAA;QACpC3B,MAAM,CAAC8B,QAAQ,CAACtB,KAAA,CAAKuC,KAAK,CAAC,IAAGjB,QAAQ,EAAAH,GAAA;QACtC3B,MAAM,CAACoD,eAAe,CAAC5C,KAAA,CAAKuC,KAAK,CAAC,IAAGvC,KAAA,CAAKkB,KAAK,CAACuB,OAAO,IAAInB,QAAQ,EAAAH,GAAA;QACnE1B,aAAa,CAAC6C,MAAM,IAAG,IAAI,EAAAnB,GAAA;QAC7B;MACH,CAAC;;MAED,IAAI0B,KAAkC;MACtC,IAAI,OAAO7C,KAAA,CAAKkB,KAAK,CAAC2B,KAAK,KAAK,QAAQ,IAAI,OAAO7C,KAAA,CAAKkB,KAAK,CAAC2B,KAAK,KAAK,QAAQ,EAAE;QAChFA,KAAK,GAAG7C,KAAA,CAAKkB,KAAK,CAAC2B,KAAK;MAC1B;;MAEA,IAAMC,UAAU,GAAAC,QAAA;MACXd,IAAI;QACPe,IAAI,EAAE,OAAO;QACbX,SAAS,EAAE7C,MAAM,CAACyD,KAAK,CAAC,CAAC;QACzB3B,QAAQ,EAARA,QAAQ;QACR4B,QAAQ,EAAElD,KAAA,CAAKkB,KAAK,CAACgC,QAAQ;QAC7BL,KAAK,EAALA,KAAK;QACLM,GAAG,EAAEnD,KAAA,CAAKe,OAAO;QACjBqC,QAAQ,EAAEpD,KAAA,CAAKqD,YAAY;QAC3BC,OAAO,EAAEtD,KAAA,CAAKuD,WAAW;QACzBC,MAAM,EAAExD,KAAA,CAAKyD,UAAU,GACxB;;;MAED,IAAMC,UAAU,GAAG;QACjBrB,SAAS,EAAEvD,EAAE,CAACU,MAAM,CAACG,IAAI,CAACK,KAAA,CAAKuC,KAAK,CAAC,EAAEvC,KAAA,CAAK2D,oBAAoB,CAAC,CAAC,GAAAvC,IAAA,OAAAA,IAAA;QAC/D5B,MAAM,CAACoE,WAAW,CAAC5D,KAAA,CAAKuC,KAAK,CAAC,IAAGvC,KAAA,CAAKkB,KAAK,CAACuB,OAAO,EAAArB,IAAA;QACnD5B,MAAM,CAACqE,QAAQ,CAAC,CAAC,IAAG1E,MAAM,IAAID,MAAM,EAAAkC,IAAA;QACtC,CAAC;QACFS,WAAW,EAAE7B,KAAA,CAAK8D,eAAe;QACjChC,YAAY,EAAE9B,KAAA,CAAK+D,gBAAgB;QACnChC,YAAY,EAAE/B,KAAA,CAAKgE,gBAAgB;QACnCC,OAAO,EAAEhF,8BAA8B,CAACe,KAAA,CAAKe,OAAO;MACtD,CAAC;;MAED,IAAIf,KAAA,CAAKkE,eAAe,CAAC,CAAC,EAAE,KAAAC,IAAA,EAAAC,IAAA;QAC1B,IAAM3B,OAAO,GAAGzC,KAAA,CAAKkB,KAAK,CAAC2B,KAAK,KAAK7C,KAAA,CAAKc,OAAO,CAACuD,UAAU;QAC5DvB,UAAU,CAACL,OAAO,GAAGA,OAAO;QAC5BK,UAAU,CAACwB,IAAI,GAAGtE,KAAA,CAAKc,OAAO,CAACwD,IAAI;QACnCxB,UAAU,CAACyB,wBAAwB,GAAG,IAAI;QAC1Cb,UAAU,CAACrB,SAAS,GAAGvD,EAAE,CAACU,MAAM,CAACG,IAAI,CAACK,KAAA,CAAKuC,KAAK,CAAC,EAAEvC,KAAA,CAAK2D,oBAAoB,CAAC,CAAC,GAAAQ,IAAA,OAAAA,IAAA;QAC3E3E,MAAM,CAACoE,WAAW,CAAC5D,KAAA,CAAKuC,KAAK,CAAC,IAAGE,OAAO,EAAA0B,IAAA;QACxC3E,MAAM,CAACqE,QAAQ,CAAC,CAAC,IAAG1E,MAAM,IAAID,MAAM,EAAAiF,IAAA;QACtC,CAAC;QACF/B,UAAU,CAACC,SAAS,GAAGvD,EAAE,CAACsD,UAAU,CAACC,SAAS,GAAA+B,IAAA,OAAAA,IAAA;QAC3C5E,MAAM,CAACiD,OAAO,CAACzC,KAAA,CAAKuC,KAAK,CAAC,IAAGE,OAAO,EAAA2B,IAAA;QACpCpE,KAAA,CAAK0C,uBAAuB,CAAC,CAAC,IAAGD,OAAO,EAAA2B,IAAA;QACxC5E,MAAM,CAACoD,eAAe,CAAC5C,KAAA,CAAKuC,KAAK,CAAC,IAAGE,OAAO,IAAInB,QAAQ,EAAA8C,IAAA;QAC1D,CAAC;MACJ;;MAEA;QACE1F,KAAA,CAAA8F,aAAA,UAAAzB,QAAA,GAAO,YAAUrD,aAAa,CAACC,IAAK,IAAK+D,UAAU;QACjDhF,KAAA,CAAA8F,aAAA,CAAClF,mBAAmB,IAACmF,kBAAkB,EAAEzE,KAAA,CAAK0E,UAAW;QACvDhG,KAAA,CAAA8F,aAAA,UAAW1B,UAAa;QACL,CAAC;QACtBpE,KAAA,CAAA8F,aAAA,SAAUpC,UAAU;QAClB1D,KAAA,CAAA8F,aAAA,WAAMnC,SAAS,EAAE7C,MAAM,CAACmF,WAAW,CAAC,CAAE,EAAE;QACpC,CAAC;QACN3E,KAAA,CAAKkB,KAAK,CAAC0D,QAAQ,IAAI5E,KAAA,CAAK6E,aAAa,CAAC;QACtC,CAAC;;IAEZ,CAAC,CAAA7E,KAAA;;IAEOkE,eAAe,GAAG,oBAAMY,OAAO,CAAC9E,KAAA,CAAKc,OAAO,CAACwD,IAAI,CAAC,GAAAtE,KAAA;;;;;;;;;;;;IAYlDqD,YAAY,GAA+C,UAAC0B,CAAC,EAAK;MACxE/E,KAAA,CAAKkB,KAAK,CAACc,aAAa,YAAxBhC,KAAA,CAAKkB,KAAK,CAACc,aAAa,CAAGhC,KAAA,CAAKkB,KAAK,CAAC2B,KAAK,CAAC;;MAE5C,IAAI7C,KAAA,CAAKkE,eAAe,CAAC,CAAC,EAAE;QAC1BlE,KAAA,CAAKc,OAAO,CAACkE,QAAQ,CAAChF,KAAA,CAAKkB,KAAK,CAAC2B,KAAK,CAAC;MACzC;;MAEA7C,KAAA,CAAKkB,KAAK,CAACkC,QAAQ,YAAnBpD,KAAA,CAAKkB,KAAK,CAACkC,QAAQ,CAAG2B,CAAC,CAAC;IAC1B,CAAC,CAAA/E,KAAA;;IAEO8D,eAAe,GAA8C,UAACiB,CAAC,EAAK;MAC1E/E,KAAA,CAAKkB,KAAK,CAACW,WAAW,YAAtB7B,KAAA,CAAKkB,KAAK,CAACW,WAAW,CAAGkD,CAAC,CAAC;IAC7B,CAAC,CAAA/E,KAAA;;IAEO+D,gBAAgB,GAA8C,UAACgB,CAAC,EAAK;MAC3E/E,KAAA,CAAKkB,KAAK,CAACY,YAAY,YAAvB9B,KAAA,CAAKkB,KAAK,CAACY,YAAY,CAAGiD,CAAC,CAAC;IAC9B,CAAC,CAAA/E,KAAA;;IAEOgE,gBAAgB,GAA8C,UAACe,CAAC,EAAK;MAC3E/E,KAAA,CAAKkB,KAAK,CAACa,YAAY,YAAvB/B,KAAA,CAAKkB,KAAK,CAACa,YAAY,CAAGgD,CAAC,CAAC;IAC9B,CAAC,CAAA/E,KAAA;;IAEOuD,WAAW,GAAG,UAACwB,CAAwB,EAAK;MAClD,IAAI,CAAC/E,KAAA,CAAKc,OAAO,CAACQ,QAAQ,EAAE;QAC1B;QACA;QACA3C,YAAY,CAACsG,qBAAqB,YAAlCtG,YAAY,CAACsG,qBAAqB,CAAG,YAAM;UACzC,IAAIlG,WAAW,CAACmG,cAAc,IAAInG,WAAW,CAACoG,YAAY,EAAE;YAC1DnF,KAAA,CAAKoF,QAAQ,CAAC,EAAEzE,iBAAiB,EAAE,IAAI,CAAC,CAAC,CAAC;UAC5C;QACF,CAAC,CAAC;;QAEF,IAAIX,KAAA,CAAKkB,KAAK,CAACoC,OAAO,EAAE;UACtBtD,KAAA,CAAKkB,KAAK,CAACoC,OAAO,CAACyB,CAAC,CAAC;QACvB;MACF;IACF,CAAC,CAAA/E,KAAA;;IAEO0E,UAAU,GAAG,oBAAM1E,KAAA,CAAKoF,QAAQ,CAAC,EAAEzE,iBAAiB,EAAE,KAAK,CAAC,CAAC,CAAC,GAAAX,KAAA;;IAE9DyD,UAAU,GAAG,UAACsB,CAAqC,EAAK;MAC9D/E,KAAA,CAAK0E,UAAU,CAAC,CAAC;MACjB1E,KAAA,CAAKkB,KAAK,CAACsC,MAAM,YAAjBxD,KAAA,CAAKkB,KAAK,CAACsC,MAAM,CAAGuB,CAAC,CAAC;IACxB,CAAC,QAAA/E,KAAA,EAAAqF,cAAA,CAAAzF,KAAA,EAAAG,gBAAA,MAAAuF,MAAA,GAAA1F,KAAA,CAAA2F,SAAA,CAAAD,MAAA,CAhNO3B,oBAAoB,GAA5B,SAAAA,qBAAA,EAA+B,CAC7B,QAAQ,IAAI,CAAChC,IAAI,GACf,KAAK,OAAO,CACV,OAAOnC,MAAM,CAACgG,SAAS,CAAC,IAAI,CAACjD,KAAK,CAAC,CACrC,KAAK,QAAQ,CACX,OAAO/C,MAAM,CAACiG,UAAU,CAAC,IAAI,CAAClD,KAAK,CAAC,CACtC,KAAK,OAAO,CACZ,QACE,OAAO/C,MAAM,CAACkG,SAAS,CAAC,IAAI,CAACnD,KAAK,CAAC,CACvC,CACF,CAAC,CAAA+C,MAAA,CAEO9C,sBAAsB,GAA9B,SAAAA,uBAAA,EAAiC,CAC/B,QAAQ,IAAI,CAACb,IAAI,GACf,KAAK,OAAO,CACV,OAAOnC,MAAM,CAACmG,WAAW,CAAC,IAAI,CAACpD,KAAK,CAAC,CACvC,KAAK,QAAQ,CACX,OAAO/C,MAAM,CAACoG,YAAY,CAAC,IAAI,CAACrD,KAAK,CAAC,CACxC,KAAK,OAAO,CACZ,QACE,OAAO/C,MAAM,CAACqG,WAAW,CAAC,IAAI,CAACtD,KAAK,CAAC,CACzC,CACF,CAAC,CAAA+C,MAAA,CAEO5C,uBAAuB,GAA/B,SAAAA,wBAAA,EAAkC,CAChC,QAAQ,IAAI,CAACf,IAAI,GACf,KAAK,OAAO,CACV,OAAOnC,MAAM,CAACsG,YAAY,CAAC,IAAI,CAACvD,KAAK,CAAC,CACxC,KAAK,QAAQ,CACX,OAAO/C,MAAM,CAACuG,aAAa,CAAC,IAAI,CAACxD,KAAK,CAAC,CACzC,KAAK,OAAO,CACZ,QACE,OAAO/C,MAAM,CAACwG,YAAY,CAAC,IAAI,CAACzD,KAAK,CAAC,CAC1C,CACF,CAAC,CAAA+C,MAAA,CAEMW,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACExH,KAAA,CAAA8F,aAAA,CAAC5F,YAAY,CAACuH,QAAQ,QACnB,UAAC5D,KAAK,EAAK,CACV2D,MAAI,CAAC3D,KAAK,GAAGA,KAAK,CAClB,oBACE7D,KAAA,CAAA8F,aAAA,CAAC3F,aAAa,EAAAkE,QAAA,GAACqD,WAAW,EAAEF,MAAI,CAACG,WAAY,IAAKH,MAAI,CAACtF,QAAQ,CAAC,CAAC,GAC9DsF,MAAI,CAACjF,UACO,CAAC,CAEpB,CACqB,CAAC,CAE5B,CAAC,CAED;AACF;AACA,KAFE,CAAAqE,MAAA,CAGO3C,KAAK,GAAZ,SAAAA,MAAA,EAAe,KAAA2D,qBAAA,CACbvH,WAAW,CAACoG,YAAY,GAAG,IAAI,CAC/B,CAAAmB,qBAAA,OAAI,CAACvF,OAAO,CAACwF,OAAO,aAApBD,qBAAA,CAAsB3D,KAAK,CAAC,CAAC,CAC/B,CAAC,CAED;AACF;AACA,KAFE,CAAA2C,MAAA,CAGOkB,IAAI,GAAX,SAAAA,KAAA,EAAc,KAAAC,sBAAA,CACZ,CAAAA,sBAAA,OAAI,CAAC1F,OAAO,CAACwF,OAAO,aAApBE,sBAAA,CAAsBD,IAAI,CAAC,CAAC,CAC9B,CAAC,CAAAlB,MAAA,CA2FOT,aAAa,GAArB,SAAAA,cAAA,EAAwB,KAAA6B,IAAA,CACtB,IAAMC,iBAAiB,GAAG7H,EAAE,EAAA4H,IAAA,OAAAA,IAAA,CACzBlH,MAAM,CAACoH,OAAO,CAAC,IAAI,CAACrE,KAAK,CAAC,IAAG,IAAI,EAAAmE,IAAA,CACjClH,MAAM,CAACqH,eAAe,CAAC,IAAI,CAACtE,KAAK,CAAC,IAAG,CAAC,EAAE,IAAI,CAACrB,KAAK,CAACI,QAAQ,IAAI,IAAI,CAACR,OAAO,CAACQ,QAAQ,CAAC,EAAAoF,IAAA,CACrFlH,MAAM,CAACsH,WAAW,CAAC,CAAC,IAAG3H,MAAM,IAAID,MAAM,EAAAwH,IAAA,CACzC,CAAC,CAEF,oBAAOhI,KAAA,CAAA8F,aAAA,UAAKnC,SAAS,EAAEsE,iBAAkB,IAAE,IAAI,CAACzF,KAAK,CAAC0D,QAAc,CAAC,CACvE,CAAC,QAAAhF,KAAA,GA1L2BlB,KAAK,CAACqI,SAAS,GAAAjH,MAAA,CAC7BkH,mBAAmB,GAAG,OAAO,EAAAlH,MAAA,CAC7BmH,WAAW,GAAG,OAAO,EAAAnH,MAAA,CAMrBe,YAAY,GAAiB,EACzCe,OAAO,EAAE,KAAK,CAChB,CAAC,EAAA9B,MAAA,CAIaoH,WAAW,GAAG9H,iBAAiB,EAAAU,MAAA,MAAAD,MAAA,KAAAA,MAAA","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","globalObject","ThemeContext","CommonWrapper","cx","keyListener","rootNode","fixFirefoxModifiedClickOnLabel","isEdge","isIE11","RadioGroupContext","createPropsGetter","FocusControlWrapper","withSize","styles","globalClasses","RadioDataTids","root","Radio","_class","_Radio","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","focusedByKeyboard","getProps","defaultProps","context","inputEl","createRef","renderMain","props","_cx","_cx2","_props$disabled","disabled","_props$warning","warning","_props$error","error","size","focused","onMouseOver","onMouseEnter","onMouseLeave","onValueChange","rest","_objectWithoutPropertiesLoose","_excluded","radioProps","className","circle","theme","getCircleSizeClassName","checked","getCheckedSizeClassName","focus","checkedDisabled","value","inputProps","_extends","type","input","tabIndex","ref","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","labelProps","getRootSizeClassName","rootChecked","rootIE11","handleMouseOver","handleMouseEnter","handleMouseLeave","onClick","_isInRadioGroup","_cx3","_cx4","activeItem","name","suppressHydrationWarning","createElement","onBlurWhenDisabled","resetFocus","placeholder","children","renderCaption","Boolean","e","onSelect","requestAnimationFrame","isArrowPressed","isTabPressed","setState","_inheritsLoose","_proto","prototype","rootLarge","rootMedium","rootSmall","circleLarge","circleMedium","circleSmall","checkedLarge","checkedMedium","checkedSmall","render","_this2","Consumer","rootNodeRef","setRootNode","_this$inputEl$current","current","blur","_this$inputEl$current2","_cx5","captionClassNames","caption","captionDisabled","captionIE11","Component","__KONTUR_REACT_UI__","displayName","contextType"],"sources":["Radio.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { Override } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\nimport { isEdge, isIE11 } from '../../lib/client';\nimport type { RadioGroupContextType } from '../RadioGroup/RadioGroupContext';\nimport { RadioGroupContext } from '../RadioGroup/RadioGroupContext';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\nimport { withSize } from '../../lib/size/SizeDecorator';\n\nimport { styles, globalClasses } from './Radio.styles';\n\nexport interface RadioProps<T>\n extends Pick<AriaAttributes, 'aria-label'>,\n CommonProps,\n Override<\n React.InputHTMLAttributes<HTMLInputElement>,\n {\n /** Меняет визуальное отображение поля на состояние «ошибка». Может быть полезен при разработке собственной валидации, если вы не используете пакет [React UI Validations](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui-validations_displaying-getting-started--docs). */\n error?: boolean;\n\n /** Меняет визуальное отображение поля на состояние «предупреждение». Может быть полезен при разработке собственной валидации, если вы не используете пакет [React UI Validations](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui-validations_displaying-getting-started--docs). */\n warning?: boolean;\n\n /** Размер радиокнопки. */\n size?: SizeProp;\n\n /** Задаёт состояние фокуса. */\n focused?: boolean;\n\n /** Задаёт функцию, которая вызывается при изменении `value`. */\n onValueChange?: (value: T) => void;\n\n /** Задает HTML-событие `onmouseenter`.\n * @ignore */\n onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n\n /** Задает HTML-событие `onmouseleave`.\n * @ignore */\n onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n\n /** Задает HTML-событие `onmouseover`.\n * @ignore */\n onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n\n /** Задаёт значение. */\n value: T;\n }\n > {}\n\nexport interface RadioState {\n focusedByKeyboard: boolean;\n}\n\nexport const RadioDataTids = {\n root: 'Radio__root',\n} as const;\n\ntype DefaultProps = Required<Pick<RadioProps<any>, 'focused'>>;\n\n/** Радиокнопка позволяет выбрать одно значение из нескольких. Подходит при небольшом количестве вариантов — 2–5.\n *\n * Для создания группы радиокнопок используйте специальный контейнер — компонент [RadioGroup](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_input-data-radiogroup--docs).\n */\n@rootNode\n@withSize\nexport class Radio<T> extends React.Component<RadioProps<T>, RadioState> {\n public static __KONTUR_REACT_UI__ = 'Radio';\n public static displayName = 'Radio';\n\n public state = {\n focusedByKeyboard: false,\n };\n\n public static defaultProps: DefaultProps = {\n focused: false,\n };\n\n private getProps = createPropsGetter(Radio.defaultProps);\n\n public static contextType = RadioGroupContext;\n public context: RadioGroupContextType<T> = this.context;\n private size!: SizeProp;\n\n private inputEl = React.createRef<HTMLInputElement>();\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private theme!: Theme;\n\n private getRootSizeClassName() {\n switch (this.size) {\n case 'large':\n return styles.rootLarge(this.theme);\n case 'medium':\n return styles.rootMedium(this.theme);\n case 'small':\n default:\n return styles.rootSmall(this.theme);\n }\n }\n\n private getCircleSizeClassName() {\n switch (this.size) {\n case 'large':\n return styles.circleLarge(this.theme);\n case 'medium':\n return styles.circleMedium(this.theme);\n case 'small':\n default:\n return styles.circleSmall(this.theme);\n }\n }\n\n private getCheckedSizeClassName() {\n switch (this.size) {\n case 'large':\n return styles.checkedLarge(this.theme);\n case 'medium':\n return styles.checkedMedium(this.theme);\n case 'small':\n default:\n return styles.checkedSmall(this.theme);\n }\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n {this.renderMain}\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n /** Программно устанавливает фокус на радиокнопку. Появляется фокусная обводка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.\n * @public\n */\n public focus() {\n keyListener.isTabPressed = true;\n this.inputEl.current?.focus();\n }\n\n /** Программно снимает фокус с радиокнопки.\n * @public\n */\n public blur() {\n this.inputEl.current?.blur();\n }\n\n public renderMain = (props: CommonWrapperRestProps<RadioProps<T>>) => {\n const {\n disabled = this.context.disabled,\n warning = this.context.warning,\n error = this.context.error,\n size,\n focused,\n onMouseOver,\n onMouseEnter,\n onMouseLeave,\n onValueChange,\n ...rest\n } = props;\n\n const radioProps = {\n className: cx({\n [styles.circle(this.theme)]: true,\n [this.getCircleSizeClassName()]: true,\n [styles.checked(this.theme)]: this.props.checked,\n [this.getCheckedSizeClassName()]: this.props.checked,\n [styles.focus(this.theme)]: this.getProps().focused || this.state.focusedByKeyboard,\n [styles.error(this.theme)]: error,\n [styles.warning(this.theme)]: warning,\n [styles.disabled(this.theme)]: disabled,\n [styles.checkedDisabled(this.theme)]: this.props.checked && disabled,\n [globalClasses.circle]: true,\n }),\n };\n\n let value: string | number | undefined;\n if (typeof this.props.value === 'string' || typeof this.props.value === 'number') {\n value = this.props.value;\n }\n\n const inputProps = {\n ...rest,\n type: 'radio',\n className: styles.input(),\n disabled,\n tabIndex: this.props.tabIndex,\n value,\n ref: this.inputEl,\n onChange: this.handleChange,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n };\n\n const labelProps = {\n className: cx(styles.root(this.theme), this.getRootSizeClassName(), {\n [styles.rootChecked(this.theme)]: this.props.checked,\n [styles.rootIE11()]: isIE11 || isEdge,\n }),\n onMouseOver: this.handleMouseOver,\n onMouseEnter: this.handleMouseEnter,\n onMouseLeave: this.handleMouseLeave,\n onClick: fixFirefoxModifiedClickOnLabel(this.inputEl),\n };\n\n if (this._isInRadioGroup()) {\n const checked = this.props.value === this.context.activeItem;\n inputProps.checked = checked;\n inputProps.name = this.context.name;\n inputProps.suppressHydrationWarning = true;\n labelProps.className = cx(styles.root(this.theme), this.getRootSizeClassName(), {\n [styles.rootChecked(this.theme)]: checked,\n [styles.rootIE11()]: isIE11 || isEdge,\n });\n radioProps.className = cx(radioProps.className, {\n [styles.checked(this.theme)]: checked,\n [this.getCheckedSizeClassName()]: checked,\n [styles.checkedDisabled(this.theme)]: checked && disabled,\n });\n }\n\n return (\n <label data-tid={RadioDataTids.root} {...labelProps}>\n <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n <input {...inputProps} />\n </FocusControlWrapper>\n <span {...radioProps}>\n <span className={styles.placeholder()} />\n </span>\n {this.props.children && this.renderCaption()}\n </label>\n );\n };\n\n private _isInRadioGroup = () => Boolean(this.context.name);\n\n private renderCaption() {\n const captionClassNames = cx({\n [styles.caption(this.theme)]: true,\n [styles.captionDisabled(this.theme)]: !!(this.props.disabled || this.context.disabled),\n [styles.captionIE11()]: isIE11 || isEdge,\n });\n\n return <div className={captionClassNames}>{this.props.children}</div>;\n }\n\n private handleChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n this.props.onValueChange?.(this.props.value);\n\n if (this._isInRadioGroup()) {\n this.context.onSelect(this.props.value);\n }\n\n this.props.onChange?.(e);\n };\n\n private handleMouseOver: React.MouseEventHandler<HTMLLabelElement> = (e) => {\n this.props.onMouseOver?.(e);\n };\n\n private handleMouseEnter: React.MouseEventHandler<HTMLLabelElement> = (e) => {\n this.props.onMouseEnter?.(e);\n };\n\n private handleMouseLeave: React.MouseEventHandler<HTMLLabelElement> = (e) => {\n this.props.onMouseLeave?.(e);\n };\n\n private handleFocus = (e: React.FocusEvent<any>) => {\n if (!this.context.disabled) {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n globalObject.requestAnimationFrame?.(() => {\n if (keyListener.isArrowPressed || keyListener.isTabPressed) {\n this.setState({ focusedByKeyboard: true });\n }\n });\n\n if (this.props.onFocus) {\n this.props.onFocus(e);\n }\n }\n };\n\n private resetFocus = () => this.setState({ focusedByKeyboard: false });\n\n private handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n this.resetFocus();\n this.props.onBlur?.(e);\n };\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,15 +6,15 @@ import type { TGetRootNode } from '../../lib/rootNode';
|
|
|
6
6
|
import type { RadioGroupContextType } from '../RadioGroup/RadioGroupContext';
|
|
7
7
|
import type { SizeProp } from '../../lib/types/props';
|
|
8
8
|
export interface RadioProps<T> extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Override<React.InputHTMLAttributes<HTMLInputElement>, {
|
|
9
|
-
/**
|
|
9
|
+
/** Меняет визуальное отображение поля на состояние «ошибка». Может быть полезен при разработке собственной валидации, если вы не используете пакет [React UI Validations](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui-validations_displaying-getting-started--docs). */
|
|
10
10
|
error?: boolean;
|
|
11
|
-
/**
|
|
11
|
+
/** Меняет визуальное отображение поля на состояние «предупреждение». Может быть полезен при разработке собственной валидации, если вы не используете пакет [React UI Validations](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui-validations_displaying-getting-started--docs). */
|
|
12
12
|
warning?: boolean;
|
|
13
|
-
/**
|
|
13
|
+
/** Размер радиокнопки. */
|
|
14
14
|
size?: SizeProp;
|
|
15
|
-
/**
|
|
15
|
+
/** Задаёт состояние фокуса. */
|
|
16
16
|
focused?: boolean;
|
|
17
|
-
/**
|
|
17
|
+
/** Задаёт функцию, которая вызывается при изменении `value`. */
|
|
18
18
|
onValueChange?: (value: T) => void;
|
|
19
19
|
/** Задает HTML-событие `onmouseenter`.
|
|
20
20
|
* @ignore */
|
|
@@ -25,7 +25,7 @@ export interface RadioProps<T> extends Pick<AriaAttributes, 'aria-label'>, Commo
|
|
|
25
25
|
/** Задает HTML-событие `onmouseover`.
|
|
26
26
|
* @ignore */
|
|
27
27
|
onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
|
|
28
|
-
/**
|
|
28
|
+
/** Задаёт значение. */
|
|
29
29
|
value: T;
|
|
30
30
|
}> {
|
|
31
31
|
}
|
|
@@ -36,8 +36,9 @@ export declare const RadioDataTids: {
|
|
|
36
36
|
readonly root: "Radio__root";
|
|
37
37
|
};
|
|
38
38
|
type DefaultProps = Required<Pick<RadioProps<any>, 'focused'>>;
|
|
39
|
-
/**
|
|
40
|
-
*
|
|
39
|
+
/** Радиокнопка позволяет выбрать одно значение из нескольких. Подходит при небольшом количестве вариантов — 2–5.
|
|
40
|
+
*
|
|
41
|
+
* Для создания группы радиокнопок используйте специальный контейнер — компонент [RadioGroup](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_input-data-radiogroup--docs).
|
|
41
42
|
*/
|
|
42
43
|
export declare class Radio<T> extends React.Component<RadioProps<T>, RadioState> {
|
|
43
44
|
static __KONTUR_REACT_UI__: string;
|
|
@@ -58,11 +59,11 @@ export declare class Radio<T> extends React.Component<RadioProps<T>, RadioState>
|
|
|
58
59
|
private getCircleSizeClassName;
|
|
59
60
|
private getCheckedSizeClassName;
|
|
60
61
|
render(): React.JSX.Element;
|
|
61
|
-
/**
|
|
62
|
+
/** Программно устанавливает фокус на радиокнопку. Появляется фокусная обводка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
|
|
62
63
|
* @public
|
|
63
64
|
*/
|
|
64
65
|
focus(): void;
|
|
65
|
-
/**
|
|
66
|
+
/** Программно снимает фокус с радиокнопки.
|
|
66
67
|
* @public
|
|
67
68
|
*/
|
|
68
69
|
blur(): void;
|
|
@@ -20,14 +20,7 @@ export var RadioGroupDataTids = {
|
|
|
20
20
|
root: 'RadioGroup__root'
|
|
21
21
|
};
|
|
22
22
|
|
|
23
|
-
/**
|
|
24
|
-
* Группа радиокнопок `RadioGroup` используется для выбора одного значения из нескольких, когда вариантов выбора немного — 2–5.
|
|
25
|
-
*
|
|
26
|
-
* `children` может содержать любую разметку с компонентами Radio, если не передан параметр `items`.
|
|
27
|
-
* Каждому компоненту Radio нужно указать параметр `value`, такого же типа, как и параметр `value` самой радиогруппы.
|
|
28
|
-
*
|
|
29
|
-
* Значения активного элемента сравниваются по строгому равенству `===`.
|
|
30
|
-
*/
|
|
23
|
+
/** Группирует радиокнопки. Контейнер для компонента [Radio](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_input-data-radio--docs). */
|
|
31
24
|
export var RadioGroup = rootNode(_class = (_RadioGroup = /*#__PURE__*/function (_React$Component) {
|
|
32
25
|
function RadioGroup(props) {
|
|
33
26
|
var _this;
|
|
@@ -133,7 +126,7 @@ export var RadioGroup = rootNode(_class = (_RadioGroup = /*#__PURE__*/function (
|
|
|
133
126
|
value: _this2.getRadioGroupContextValue()
|
|
134
127
|
}, _this2.renderChildren()))));
|
|
135
128
|
});
|
|
136
|
-
} /**
|
|
129
|
+
} /** Программно устанавливает фокус на радиокнопку. Появляется фокусная обводка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
|
|
137
130
|
* @public
|
|
138
131
|
*/;
|
|
139
132
|
_proto.focus = function focus() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","invariant","getRandomID","isNonNullable","Radio","createPropsGetter","FocusTrap","CommonWrapper","cx","rootNode","getVisualStateDataAttributes","getFullReactUIFlagsContext","ReactUIFeatureFlagsContext","styles","Prevent","RadioGroupContext","RadioGroupDataTids","root","RadioGroup","_class","_RadioGroup","_React$Component","props","_this","call","name","getProps","defaultProps","getRadioGroupContextValue","activeItem","getValue","onSelect","handleSelect","getName","disabled","error","warning","isControlled","value","state","setState","onValueChange","renderRadio","itemValue","data","index","_cx","itemProps","key","getKeyByItem","className","item","itemFirst","itemInline","inline","createElement","_extends","role","renderItem","toKey","undefined","ref","element","node","defaultValue","_inheritsLoose","_proto","prototype","render","_this2","_this$props","width","onMouseLeave","onMouseOver","onMouseEnter","onBlur","ariaDescribedby","style","handlers","Consumer","flags","_cx2","featureFlags","rootNodeRef","setRootNode","removeBaselineSpacer","radioGroupRemoveBaselineSpacer","Provider","renderChildren","focus","radio","querySelector","_this$props2","items","children","mapItems","Component","__KONTUR_REACT_UI__","displayName","_value","fn","result","_iterator","_createForOfIteratorHelperLoose","_step","done","entry","_normalizeEntry","normalizeEntry","push","Array","isArray"],"sources":["RadioGroup.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport invariant from 'invariant';\n\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport { Radio } from '../Radio';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { Nullable } from '../../typings/utility-types';\nimport { FocusTrap } from '../../internal/FocusTrap';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\nimport type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';\nimport { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext';\n\nimport { styles } from './RadioGroup.styles';\nimport { Prevent } from './Prevent';\nimport type { RadioGroupContextType } from './RadioGroupContext';\nimport { RadioGroupContext } from './RadioGroupContext';\n\nexport interface RadioGroupProps<T = string | number> extends CommonProps {\n /** Задает значение по умолчанию. Должно быть одним из значений дочерних радиокнопок или значений из параметра `items`. */\n defaultValue?: T;\n\n /** Задает значение радиогруппы. Должно быть одним из значений радиокнопок.\n * Если не указано, то компонент будет работать, как неконтролируемый. */\n value?: T;\n\n /** Задает массив параметров радиокнопок. Может быть типа `Array<Value>` или `Array<[Value, Data]>`,\n * где тип `Value` — значение радиокнопки, а `Data` — значение которое будет использовано вторым параметром в `renderItem`.\n * Тип `Array<Value>` будет приведен к типу `Array<[Value, Value]>`.\n * Может быть использовано, если не передан параметр `children`. */\n items?: T[] | Array<[T, React.ReactNode]>;\n\n /** Устанавливает аттрибут name для вложенных радиокнопок. Если не указан, то сгенерируется случайное имя. */\n name?: string;\n\n /** Получает уникальный ключ по элементу\n * @param item - элемент, по которуму нужно получить ключ. */\n toKey?: (item: T) => string | number;\n\n /** Делает все радиокнопки недоступными. */\n disabled?: boolean;\n\n /** Переводит все радиокнопки в состояние валидации \"предупреждение\". */\n warning?: boolean;\n\n /** Переводит все радиокнопки в состояние валидации \"ошибка\". */\n error?: boolean;\n\n /** Выравнивает элементы items в строку. Не работает с children. */\n inline?: boolean;\n\n /** Задает ширину радиогруппы. Не работает с `children`. */\n width?: React.CSSProperties['width'];\n\n /** Задает функцию, которая отображает контент радиокнопки. Не работает с `children`.\n * @param {Value} itemValue - значение радиокнопки.\n * @param {Data} data - значение для отрисовки радиокнопки. */\n renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;\n\n /** @ignore */\n 'aria-describedby'?: AriaAttributes['aria-describedby'];\n\n /** Задает функцию, которая вызывается при изменении значения радиогруппы (value). */\n onValueChange?: (value: T) => void;\n\n /** Задает функцию, которая вызывается при потере радиогруппой фокуса. */\n onBlur?: (event: FocusEvent) => void;\n\n /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n onMouseLeave?: () => any;\n\n /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */\n onMouseOver?: () => any;\n\n /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave) */\n onMouseEnter?: () => any;\n}\n\nexport interface RadioGroupState<T> {\n activeItem?: T;\n}\n\nexport const RadioGroupDataTids = {\n root: 'RadioGroup__root',\n} as const;\n\ntype DefaultProps = Required<Pick<RadioGroupProps<unknown>, 'renderItem'>>;\n\n/**\n * Группа радиокнопок `RadioGroup` используется для выбора одного значения из нескольких, когда вариантов выбора немного — 2–5.\n *\n * `children` может содержать любую разметку с компонентами Radio, если не передан параметр `items`.\n * Каждому компоненту Radio нужно указать параметр `value`, такого же типа, как и параметр `value` самой радиогруппы.\n *\n * Значения активного элемента сравниваются по строгому равенству `===`.\n */\n@rootNode\nexport class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {\n public static __KONTUR_REACT_UI__ = 'RadioGroup';\n public static displayName = 'RadioGroup';\n\n public static defaultProps: DefaultProps = {\n renderItem,\n };\n\n public static Prevent = Prevent;\n\n private node: Nullable<HTMLSpanElement>;\n private name = getRandomID();\n private getProps = createPropsGetter(RadioGroup.defaultProps);\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private featureFlags!: ReactUIFeatureFlags;\n\n constructor(props: RadioGroupProps<T>) {\n super(props);\n\n this.state = {\n activeItem: this.props.defaultValue,\n };\n }\n\n private getRadioGroupContextValue = (): RadioGroupContextType<T> => {\n return {\n activeItem: this.getValue(),\n onSelect: this.handleSelect,\n name: this.getName(),\n disabled: this.props.disabled,\n error: this.props.error,\n warning: this.props.warning,\n };\n };\n\n public render() {\n const {\n width,\n onMouseLeave,\n onMouseOver,\n onMouseEnter,\n onBlur,\n 'aria-describedby': ariaDescribedby,\n disabled,\n } = this.props;\n const style = {\n width: width ?? 'auto',\n };\n const handlers = {\n onMouseOver,\n onMouseEnter,\n onMouseLeave,\n };\n\n return (\n <ReactUIFeatureFlagsContext.Consumer>\n {(flags) => {\n this.featureFlags = getFullReactUIFlagsContext(flags);\n return (\n <CommonWrapper\n rootNodeRef={this.setRootNode}\n {...this.props}\n {...getVisualStateDataAttributes({ disabled })}\n >\n <FocusTrap onBlur={onBlur}>\n <span\n data-tid={RadioGroupDataTids.root}\n ref={this.ref}\n style={style}\n className={cx({\n [styles.root()]: true,\n [styles.removeBaselineSpacer()]: this.featureFlags.radioGroupRemoveBaselineSpacer,\n })}\n role=\"radiogroup\"\n {...handlers}\n aria-describedby={ariaDescribedby}\n >\n <RadioGroupContext.Provider value={this.getRadioGroupContextValue()}>\n {this.renderChildren()}\n </RadioGroupContext.Provider>\n </span>\n </FocusTrap>\n </CommonWrapper>\n );\n }}\n </ReactUIFeatureFlagsContext.Consumer>\n );\n }\n\n /**\n * @public\n */\n public focus() {\n const node = this.node;\n if (!node) {\n return;\n }\n\n let radio = node.querySelector('input[type=\"radio\"]:checked') as Nullable<HTMLInputElement>;\n\n // If no checked radios, try get first radio\n if (!radio || radio.disabled) {\n radio = node.querySelector('input[type=\"radio\"]:not([disabled])') as Nullable<HTMLInputElement>;\n }\n\n if (radio) {\n radio.focus();\n }\n }\n\n private getValue = () => (this.isControlled() ? this.props.value : this.state.activeItem);\n\n private getName = () => this.props.name || this.name;\n\n private isControlled = () => isNonNullable(this.props.value);\n\n private handleSelect = (value: T) => {\n if (!this.isControlled()) {\n this.setState({ activeItem: value });\n }\n if (this.props.onValueChange) {\n this.props.onValueChange(value);\n }\n };\n\n private renderChildren() {\n const { items, children } = this.props;\n invariant((!items && children) || (items && !children), 'Either items or children must be passed, not both');\n return items ? mapItems<T>(this.renderRadio, items) : children;\n }\n\n private renderRadio = (itemValue: T, data: React.ReactNode, index: number): JSX.Element => {\n const itemProps = {\n key: this.getKeyByItem(itemValue),\n className: cx({\n [styles.item()]: true,\n [styles.itemFirst()]: index === 0,\n [styles.itemInline()]: !!this.props.inline,\n }),\n };\n\n return (\n <span {...itemProps} role=\"presentation\">\n <Radio value={itemValue}>{this.getProps().renderItem(itemValue, data)}</Radio>\n </span>\n );\n };\n\n private getKeyByItem = (itemValue: T) => {\n if (this.props.toKey) {\n return this.props.toKey(itemValue);\n }\n return typeof itemValue === 'string' || typeof itemValue === 'number' ? itemValue : undefined;\n };\n\n private ref = (element: HTMLSpanElement) => {\n this.node = element;\n };\n}\n\nfunction renderItem<T>(_value: T, data: React.ReactNode) {\n return data;\n}\n\nfunction mapItems<T>(\n fn: (value: T, data: React.ReactNode, index: number) => React.ReactNode,\n items: T[] | Array<[T, React.ReactNode]>,\n) {\n const result: React.ReactNode[] = [];\n let index = 0;\n for (const entry of items) {\n const [value, data] = normalizeEntry<T>(entry);\n result.push(fn(value, data, index));\n ++index;\n }\n return result;\n}\n\nfunction normalizeEntry<T>(entry: T | [T, React.ReactNode]): [T, React.ReactNode] {\n if (!Array.isArray(entry)) {\n return [entry, entry as unknown as React.ReactNode];\n }\n return entry;\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","invariant","getRandomID","isNonNullable","Radio","createPropsGetter","FocusTrap","CommonWrapper","cx","rootNode","getVisualStateDataAttributes","getFullReactUIFlagsContext","ReactUIFeatureFlagsContext","styles","Prevent","RadioGroupContext","RadioGroupDataTids","root","RadioGroup","_class","_RadioGroup","_React$Component","props","_this","call","name","getProps","defaultProps","getRadioGroupContextValue","activeItem","getValue","onSelect","handleSelect","getName","disabled","error","warning","isControlled","value","state","setState","onValueChange","renderRadio","itemValue","data","index","_cx","itemProps","key","getKeyByItem","className","item","itemFirst","itemInline","inline","createElement","_extends","role","renderItem","toKey","undefined","ref","element","node","defaultValue","_inheritsLoose","_proto","prototype","render","_this2","_this$props","width","onMouseLeave","onMouseOver","onMouseEnter","onBlur","ariaDescribedby","style","handlers","Consumer","flags","_cx2","featureFlags","rootNodeRef","setRootNode","removeBaselineSpacer","radioGroupRemoveBaselineSpacer","Provider","renderChildren","focus","radio","querySelector","_this$props2","items","children","mapItems","Component","__KONTUR_REACT_UI__","displayName","_value","fn","result","_iterator","_createForOfIteratorHelperLoose","_step","done","entry","_normalizeEntry","normalizeEntry","push","Array","isArray"],"sources":["RadioGroup.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport invariant from 'invariant';\n\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport { Radio } from '../Radio';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { Nullable } from '../../typings/utility-types';\nimport { FocusTrap } from '../../internal/FocusTrap';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\nimport type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';\nimport { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext';\n\nimport { styles } from './RadioGroup.styles';\nimport { Prevent } from './Prevent';\nimport type { RadioGroupContextType } from './RadioGroupContext';\nimport { RadioGroupContext } from './RadioGroupContext';\n\nexport interface RadioGroupProps<T = string | number> extends CommonProps {\n /** Задаёт значение по умолчанию. Должно быть одним из значений дочерних радиокнопок или значений из `items`. */\n defaultValue?: T;\n\n /** Задаёт значение группы радиокнопок. Должно быть одним из значений радиокнопок.\n * Если не указано, то компонент будет работать как неконтролируемый. */\n value?: T;\n\n /** Задаёт массив параметров радиокнопок. Может быть типа `Array<Value>` или `Array<[Value, Data]>`,\n * где тип `Value` — значение радиокнопки, а `Data` — значение которое будет использовано вторым параметром в `renderItem`.\n * Тип `Array<Value>` будет приведен к типу `Array<[Value, Value]>`.\n * Может быть использовано, если не передан `children`. */\n items?: T[] | Array<[T, React.ReactNode]>;\n\n /** Устанавливает атрибут `name` для дочерних радиокнопок. Если не указан, то сгенерируется случайное имя. */\n name?: string;\n\n /** Получает уникальный ключ по элементу.\n * @param item - элемент, по которому нужно получить ключ. */\n toKey?: (item: T) => string | number;\n\n /** Блокирует все радиокнопки в группе. */\n disabled?: boolean;\n\n /** Меняет визуальное отображение всех радиокнопок на состояние «предупреждение». */\n warning?: boolean;\n\n /** Меняет визуальное отображение всех радиокнопок на состояние «ошибка». */\n error?: boolean;\n\n /** Размещает радиокнопки в строку. Работает только со значениями, переданными через `items`, не работает с `children`. */\n inline?: boolean;\n\n /** Ширина радиогруппы. Работает только со значениями, переданными через `items`, не работает с `children`. */\n width?: React.CSSProperties['width'];\n\n /** Задаёт функцию, которая отображает контент радиокнопки. Работает только со значениями, переданными через `items`, не работает с `children`.\n * @param {Value} itemValue - значение радиокнопки.\n * @param {Data} data - значение для отрисовки радиокнопки. */\n renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;\n\n /** @ignore */\n 'aria-describedby'?: AriaAttributes['aria-describedby'];\n\n /** Задаёт функцию, которая вызывается при изменении `value`. */\n onValueChange?: (value: T) => void;\n\n /** Задаёт функцию, которая вызывается при потере радиогруппой фокуса. */\n onBlur?: (event: FocusEvent) => void;\n\n /** Задаёт функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n onMouseLeave?: () => any;\n\n /** Задаёт функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */\n onMouseOver?: () => any;\n\n /** Задаёт функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). Смотрите разницу с `onMouseOver` в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave) */\n onMouseEnter?: () => any;\n}\n\nexport interface RadioGroupState<T> {\n activeItem?: T;\n}\n\nexport const RadioGroupDataTids = {\n root: 'RadioGroup__root',\n} as const;\n\ntype DefaultProps = Required<Pick<RadioGroupProps<unknown>, 'renderItem'>>;\n\n/** Группирует радиокнопки. Контейнер для компонента [Radio](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_input-data-radio--docs). */\n@rootNode\nexport class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {\n public static __KONTUR_REACT_UI__ = 'RadioGroup';\n public static displayName = 'RadioGroup';\n\n public static defaultProps: DefaultProps = {\n renderItem,\n };\n\n public static Prevent = Prevent;\n\n private node: Nullable<HTMLSpanElement>;\n private name = getRandomID();\n private getProps = createPropsGetter(RadioGroup.defaultProps);\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private featureFlags!: ReactUIFeatureFlags;\n\n constructor(props: RadioGroupProps<T>) {\n super(props);\n\n this.state = {\n activeItem: this.props.defaultValue,\n };\n }\n\n private getRadioGroupContextValue = (): RadioGroupContextType<T> => {\n return {\n activeItem: this.getValue(),\n onSelect: this.handleSelect,\n name: this.getName(),\n disabled: this.props.disabled,\n error: this.props.error,\n warning: this.props.warning,\n };\n };\n\n public render() {\n const {\n width,\n onMouseLeave,\n onMouseOver,\n onMouseEnter,\n onBlur,\n 'aria-describedby': ariaDescribedby,\n disabled,\n } = this.props;\n const style = {\n width: width ?? 'auto',\n };\n const handlers = {\n onMouseOver,\n onMouseEnter,\n onMouseLeave,\n };\n\n return (\n <ReactUIFeatureFlagsContext.Consumer>\n {(flags) => {\n this.featureFlags = getFullReactUIFlagsContext(flags);\n return (\n <CommonWrapper\n rootNodeRef={this.setRootNode}\n {...this.props}\n {...getVisualStateDataAttributes({ disabled })}\n >\n <FocusTrap onBlur={onBlur}>\n <span\n data-tid={RadioGroupDataTids.root}\n ref={this.ref}\n style={style}\n className={cx({\n [styles.root()]: true,\n [styles.removeBaselineSpacer()]: this.featureFlags.radioGroupRemoveBaselineSpacer,\n })}\n role=\"radiogroup\"\n {...handlers}\n aria-describedby={ariaDescribedby}\n >\n <RadioGroupContext.Provider value={this.getRadioGroupContextValue()}>\n {this.renderChildren()}\n </RadioGroupContext.Provider>\n </span>\n </FocusTrap>\n </CommonWrapper>\n );\n }}\n </ReactUIFeatureFlagsContext.Consumer>\n );\n }\n\n /** Программно устанавливает фокус на радиокнопку. Появляется фокусная обводка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.\n * @public\n */\n public focus() {\n const node = this.node;\n if (!node) {\n return;\n }\n\n let radio = node.querySelector('input[type=\"radio\"]:checked') as Nullable<HTMLInputElement>;\n\n // If no checked radios, try get first radio\n if (!radio || radio.disabled) {\n radio = node.querySelector('input[type=\"radio\"]:not([disabled])') as Nullable<HTMLInputElement>;\n }\n\n if (radio) {\n radio.focus();\n }\n }\n\n private getValue = () => (this.isControlled() ? this.props.value : this.state.activeItem);\n\n private getName = () => this.props.name || this.name;\n\n private isControlled = () => isNonNullable(this.props.value);\n\n private handleSelect = (value: T) => {\n if (!this.isControlled()) {\n this.setState({ activeItem: value });\n }\n if (this.props.onValueChange) {\n this.props.onValueChange(value);\n }\n };\n\n private renderChildren() {\n const { items, children } = this.props;\n invariant((!items && children) || (items && !children), 'Either items or children must be passed, not both');\n return items ? mapItems<T>(this.renderRadio, items) : children;\n }\n\n private renderRadio = (itemValue: T, data: React.ReactNode, index: number): JSX.Element => {\n const itemProps = {\n key: this.getKeyByItem(itemValue),\n className: cx({\n [styles.item()]: true,\n [styles.itemFirst()]: index === 0,\n [styles.itemInline()]: !!this.props.inline,\n }),\n };\n\n return (\n <span {...itemProps} role=\"presentation\">\n <Radio value={itemValue}>{this.getProps().renderItem(itemValue, data)}</Radio>\n </span>\n );\n };\n\n private getKeyByItem = (itemValue: T) => {\n if (this.props.toKey) {\n return this.props.toKey(itemValue);\n }\n return typeof itemValue === 'string' || typeof itemValue === 'number' ? itemValue : undefined;\n };\n\n private ref = (element: HTMLSpanElement) => {\n this.node = element;\n };\n}\n\nfunction renderItem<T>(_value: T, data: React.ReactNode) {\n return data;\n}\n\nfunction mapItems<T>(\n fn: (value: T, data: React.ReactNode, index: number) => React.ReactNode,\n items: T[] | Array<[T, React.ReactNode]>,\n) {\n const result: React.ReactNode[] = [];\n let index = 0;\n for (const entry of items) {\n const [value, data] = normalizeEntry<T>(entry);\n result.push(fn(value, data, index));\n ++index;\n }\n return result;\n}\n\nfunction normalizeEntry<T>(entry: T | [T, React.ReactNode]): [T, React.ReactNode] {\n if (!Array.isArray(entry)) {\n return [entry, entry as unknown as React.ReactNode];\n }\n return entry;\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,46 +4,46 @@ import type { CommonProps } from '../../internal/CommonWrapper';
|
|
|
4
4
|
import type { TGetRootNode } from '../../lib/rootNode';
|
|
5
5
|
import { Prevent } from './Prevent';
|
|
6
6
|
export interface RadioGroupProps<T = string | number> extends CommonProps {
|
|
7
|
-
/**
|
|
7
|
+
/** Задаёт значение по умолчанию. Должно быть одним из значений дочерних радиокнопок или значений из `items`. */
|
|
8
8
|
defaultValue?: T;
|
|
9
|
-
/**
|
|
10
|
-
* Если не указано, то компонент будет
|
|
9
|
+
/** Задаёт значение группы радиокнопок. Должно быть одним из значений радиокнопок.
|
|
10
|
+
* Если не указано, то компонент будет работать как неконтролируемый. */
|
|
11
11
|
value?: T;
|
|
12
|
-
/**
|
|
12
|
+
/** Задаёт массив параметров радиокнопок. Может быть типа `Array<Value>` или `Array<[Value, Data]>`,
|
|
13
13
|
* где тип `Value` — значение радиокнопки, а `Data` — значение которое будет использовано вторым параметром в `renderItem`.
|
|
14
14
|
* Тип `Array<Value>` будет приведен к типу `Array<[Value, Value]>`.
|
|
15
|
-
* Может быть использовано, если не передан
|
|
15
|
+
* Может быть использовано, если не передан `children`. */
|
|
16
16
|
items?: T[] | Array<[T, React.ReactNode]>;
|
|
17
|
-
/** Устанавливает
|
|
17
|
+
/** Устанавливает атрибут `name` для дочерних радиокнопок. Если не указан, то сгенерируется случайное имя. */
|
|
18
18
|
name?: string;
|
|
19
|
-
/** Получает уникальный ключ по
|
|
20
|
-
* @param item - элемент, по
|
|
19
|
+
/** Получает уникальный ключ по элементу.
|
|
20
|
+
* @param item - элемент, по которому нужно получить ключ. */
|
|
21
21
|
toKey?: (item: T) => string | number;
|
|
22
|
-
/**
|
|
22
|
+
/** Блокирует все радиокнопки в группе. */
|
|
23
23
|
disabled?: boolean;
|
|
24
|
-
/**
|
|
24
|
+
/** Меняет визуальное отображение всех радиокнопок на состояние «предупреждение». */
|
|
25
25
|
warning?: boolean;
|
|
26
|
-
/**
|
|
26
|
+
/** Меняет визуальное отображение всех радиокнопок на состояние «ошибка». */
|
|
27
27
|
error?: boolean;
|
|
28
|
-
/**
|
|
28
|
+
/** Размещает радиокнопки в строку. Работает только со значениями, переданными через `items`, не работает с `children`. */
|
|
29
29
|
inline?: boolean;
|
|
30
|
-
/**
|
|
30
|
+
/** Ширина радиогруппы. Работает только со значениями, переданными через `items`, не работает с `children`. */
|
|
31
31
|
width?: React.CSSProperties['width'];
|
|
32
|
-
/**
|
|
32
|
+
/** Задаёт функцию, которая отображает контент радиокнопки. Работает только со значениями, переданными через `items`, не работает с `children`.
|
|
33
33
|
* @param {Value} itemValue - значение радиокнопки.
|
|
34
34
|
* @param {Data} data - значение для отрисовки радиокнопки. */
|
|
35
35
|
renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;
|
|
36
36
|
/** @ignore */
|
|
37
37
|
'aria-describedby'?: AriaAttributes['aria-describedby'];
|
|
38
|
-
/**
|
|
38
|
+
/** Задаёт функцию, которая вызывается при изменении `value`. */
|
|
39
39
|
onValueChange?: (value: T) => void;
|
|
40
|
-
/**
|
|
40
|
+
/** Задаёт функцию, которая вызывается при потере радиогруппой фокуса. */
|
|
41
41
|
onBlur?: (event: FocusEvent) => void;
|
|
42
|
-
/**
|
|
42
|
+
/** Задаёт функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */
|
|
43
43
|
onMouseLeave?: () => any;
|
|
44
|
-
/**
|
|
44
|
+
/** Задаёт функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */
|
|
45
45
|
onMouseOver?: () => any;
|
|
46
|
-
/**
|
|
46
|
+
/** Задаёт функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). Смотрите разницу с `onMouseOver` в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave) */
|
|
47
47
|
onMouseEnter?: () => any;
|
|
48
48
|
}
|
|
49
49
|
export interface RadioGroupState<T> {
|
|
@@ -53,14 +53,7 @@ export declare const RadioGroupDataTids: {
|
|
|
53
53
|
readonly root: "RadioGroup__root";
|
|
54
54
|
};
|
|
55
55
|
type DefaultProps = Required<Pick<RadioGroupProps<unknown>, 'renderItem'>>;
|
|
56
|
-
/**
|
|
57
|
-
* Группа радиокнопок `RadioGroup` используется для выбора одного значения из нескольких, когда вариантов выбора немного — 2–5.
|
|
58
|
-
*
|
|
59
|
-
* `children` может содержать любую разметку с компонентами Radio, если не передан параметр `items`.
|
|
60
|
-
* Каждому компоненту Radio нужно указать параметр `value`, такого же типа, как и параметр `value` самой радиогруппы.
|
|
61
|
-
*
|
|
62
|
-
* Значения активного элемента сравниваются по строгому равенству `===`.
|
|
63
|
-
*/
|
|
56
|
+
/** Группирует радиокнопки. Контейнер для компонента [Radio](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_input-data-radio--docs). */
|
|
64
57
|
export declare class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {
|
|
65
58
|
static __KONTUR_REACT_UI__: string;
|
|
66
59
|
static displayName: string;
|
|
@@ -75,7 +68,7 @@ export declare class RadioGroup<T> extends React.Component<RadioGroupProps<T>, R
|
|
|
75
68
|
constructor(props: RadioGroupProps<T>);
|
|
76
69
|
private getRadioGroupContextValue;
|
|
77
70
|
render(): React.JSX.Element;
|
|
78
|
-
/**
|
|
71
|
+
/** Программно устанавливает фокус на радиокнопку. Появляется фокусная обводка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
|
|
79
72
|
* @public
|
|
80
73
|
*/
|
|
81
74
|
focus(): void;
|
|
@@ -2,7 +2,6 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
|
|
|
2
2
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
|
|
3
3
|
import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
|
|
4
4
|
import { shift } from "../../../lib/styles/DimensionFunctions";
|
|
5
|
-
import * as ColorFunctions from "../../../lib/styles/ColorFunctions";
|
|
6
5
|
import { fontSize, lineHeight, paddingX, paddingY } from "../helpers";
|
|
7
6
|
export var globalClasses = prefix('tab')({
|
|
8
7
|
focus: 'focus'
|
|
@@ -36,7 +35,7 @@ export var styles = memoizeStyle({
|
|
|
36
35
|
return tabFocus(t, 'large');
|
|
37
36
|
},
|
|
38
37
|
disabled: function disabled(t) {
|
|
39
|
-
return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n color:
|
|
38
|
+
return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n color: color-mix(in srgb, ", ", transparent 50%);\n cursor: default;\n "])), t.tabTextColorDefault);
|
|
40
39
|
},
|
|
41
40
|
active: function active() {
|
|
42
41
|
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n cursor: default;\n "])));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["css","memoizeStyle","prefix","shift","ColorFunctions","fontSize","lineHeight","paddingX","paddingY","globalClasses","focus","styles","rootSmall","t","tabRoot","rootMedium","rootLarge","verticalSmall","tabVertical","verticalMedium","verticalLarge","focusSmall","tabFocus","focusMedium","focusLarge","disabled","_templateObject","_taggedTemplateLiteralLoose","red","tabTextColorDefault","green","blue","active","_templateObject2","horizontalStyles","_templateObject3","tabBorderWidth","_templateObject4","primary","_templateObject5","tabColorHoverPrimary","success","_templateObject6","tabColorHoverSuccess","warning","_templateObject7","tabColorHoverWarning","error","_templateObject8","tabColorHoverError","verticalStyles","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","size","_templateObject15","transitionDuration","transitionTimingFunction","tabColorHover","_templateObject16","_templateObject17","tabOutlineWidth","tabColorFocus"],"sources":["Tab.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { fontSize, lineHeight, paddingX, paddingY } from './helpers';\n\nexport const globalClasses = prefix('tab')({\n focus: 'focus',\n});\n\nexport const styles = memoizeStyle({\n rootSmall(t: Theme) {\n return tabRoot(t, 'small');\n },\n\n rootMedium(t: Theme) {\n return tabRoot(t, 'medium');\n },\n\n rootLarge(t: Theme) {\n return tabRoot(t, 'large');\n },\n\n verticalSmall(t: Theme) {\n return tabVertical(t, 'small');\n },\n\n verticalMedium(t: Theme) {\n return tabVertical(t, 'medium');\n },\n\n verticalLarge(t: Theme) {\n return tabVertical(t, 'large');\n },\n\n focusSmall(t: Theme) {\n return tabFocus(t, 'small');\n },\n\n focusMedium(t: Theme) {\n return tabFocus(t, 'medium');\n },\n\n focusLarge(t: Theme) {\n return tabFocus(t, 'large');\n },\n\n disabled(t: Theme) {\n return css`\n color: rgba(\n ${ColorFunctions.red(t.tabTextColorDefault)},\n ${ColorFunctions.green(t.tabTextColorDefault)},\n ${ColorFunctions.blue(t.tabTextColorDefault)},\n 0.5\n );\n cursor: default;\n `;\n },\n\n active() {\n return css`\n cursor: default;\n `;\n },\n});\n\nexport const horizontalStyles = memoizeStyle({\n active(t: Theme) {\n return css`\n &:hover {\n border-bottom: ${t.tabBorderWidth} solid transparent;\n }\n `;\n },\n\n disabled() {\n return css`\n &:hover {\n border-bottom-color: transparent;\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverPrimary};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverSuccess};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverWarning};\n }\n `;\n },\n\n error(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverError};\n }\n `;\n },\n});\n\nexport const verticalStyles = memoizeStyle({\n active(t: Theme) {\n return css`\n &:hover {\n border-left: ${t.tabBorderWidth} solid transparent;\n }\n `;\n },\n\n disabled() {\n return css`\n &:hover {\n border-left-color: transparent;\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverPrimary};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverSuccess};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverWarning};\n }\n `;\n },\n\n error(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverError};\n }\n `;\n },\n});\n\nfunction tabRoot(t: Theme, size: SizeProp) {\n return css`\n border-bottom: ${t.tabBorderWidth} solid transparent;\n box-sizing: border-box;\n color: ${t.tabTextColorDefault};\n cursor: pointer;\n display: inline-block;\n font-size: ${fontSize(t, size)};\n line-height: ${lineHeight(t, size)};\n margin-left: ${paddingX(t, size)};\n margin-right: ${paddingX(t, size)};\n padding-bottom: calc(${paddingY(t, size)} - ${t.tabBorderWidth});\n padding-top: ${paddingY(t, size)};\n position: relative;\n text-decoration: inherit;\n transition: border-bottom ${t.transitionDuration} ${t.transitionTimingFunction};\n\n &:hover {\n outline: inherit;\n border-bottom: ${t.tabBorderWidth} solid ${t.tabColorHover};\n }\n\n &:focus {\n outline: inherit;\n }\n `;\n}\n\nfunction tabVertical(t: Theme, size: SizeProp) {\n return css`\n border-bottom: none;\n border-left: ${t.tabBorderWidth} solid transparent;\n display: block;\n margin-left: 0;\n margin-right: 0;\n padding-left: ${shift(paddingX(t, size), `-${t.tabBorderWidth}`)};\n padding-right: ${paddingX(t, size)};\n\n &:hover {\n border-bottom: none;\n border-left: ${t.tabBorderWidth} solid ${t.tabColorHover};\n }\n\n .${globalClasses.focus} {\n bottom: 0;\n left: -${t.tabBorderWidth};\n right: 0;\n }\n `;\n}\n\nfunction tabFocus(t: Theme, size: SizeProp) {\n return css`\n border: ${t.tabOutlineWidth} solid ${t.tabColorFocus};\n bottom: -${t.tabBorderWidth};\n left: -${paddingX(t, size)};\n position: absolute;\n right: -${paddingX(t, size)};\n top: 0;\n `;\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["css","memoizeStyle","prefix","shift","fontSize","lineHeight","paddingX","paddingY","globalClasses","focus","styles","rootSmall","t","tabRoot","rootMedium","rootLarge","verticalSmall","tabVertical","verticalMedium","verticalLarge","focusSmall","tabFocus","focusMedium","focusLarge","disabled","_templateObject","_taggedTemplateLiteralLoose","tabTextColorDefault","active","_templateObject2","horizontalStyles","_templateObject3","tabBorderWidth","_templateObject4","primary","_templateObject5","tabColorHoverPrimary","success","_templateObject6","tabColorHoverSuccess","warning","_templateObject7","tabColorHoverWarning","error","_templateObject8","tabColorHoverError","verticalStyles","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","size","_templateObject15","transitionDuration","transitionTimingFunction","tabColorHover","_templateObject16","_templateObject17","tabOutlineWidth","tabColorFocus"],"sources":["Tab.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { fontSize, lineHeight, paddingX, paddingY } from './helpers';\n\nexport const globalClasses = prefix('tab')({\n focus: 'focus',\n});\n\nexport const styles = memoizeStyle({\n rootSmall(t: Theme) {\n return tabRoot(t, 'small');\n },\n\n rootMedium(t: Theme) {\n return tabRoot(t, 'medium');\n },\n\n rootLarge(t: Theme) {\n return tabRoot(t, 'large');\n },\n\n verticalSmall(t: Theme) {\n return tabVertical(t, 'small');\n },\n\n verticalMedium(t: Theme) {\n return tabVertical(t, 'medium');\n },\n\n verticalLarge(t: Theme) {\n return tabVertical(t, 'large');\n },\n\n focusSmall(t: Theme) {\n return tabFocus(t, 'small');\n },\n\n focusMedium(t: Theme) {\n return tabFocus(t, 'medium');\n },\n\n focusLarge(t: Theme) {\n return tabFocus(t, 'large');\n },\n\n disabled(t: Theme) {\n return css`\n color: color-mix(in srgb, ${t.tabTextColorDefault}, transparent 50%);\n cursor: default;\n `;\n },\n\n active() {\n return css`\n cursor: default;\n `;\n },\n});\n\nexport const horizontalStyles = memoizeStyle({\n active(t: Theme) {\n return css`\n &:hover {\n border-bottom: ${t.tabBorderWidth} solid transparent;\n }\n `;\n },\n\n disabled() {\n return css`\n &:hover {\n border-bottom-color: transparent;\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverPrimary};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverSuccess};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverWarning};\n }\n `;\n },\n\n error(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverError};\n }\n `;\n },\n});\n\nexport const verticalStyles = memoizeStyle({\n active(t: Theme) {\n return css`\n &:hover {\n border-left: ${t.tabBorderWidth} solid transparent;\n }\n `;\n },\n\n disabled() {\n return css`\n &:hover {\n border-left-color: transparent;\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverPrimary};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverSuccess};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverWarning};\n }\n `;\n },\n\n error(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverError};\n }\n `;\n },\n});\n\nfunction tabRoot(t: Theme, size: SizeProp) {\n return css`\n border-bottom: ${t.tabBorderWidth} solid transparent;\n box-sizing: border-box;\n color: ${t.tabTextColorDefault};\n cursor: pointer;\n display: inline-block;\n font-size: ${fontSize(t, size)};\n line-height: ${lineHeight(t, size)};\n margin-left: ${paddingX(t, size)};\n margin-right: ${paddingX(t, size)};\n padding-bottom: calc(${paddingY(t, size)} - ${t.tabBorderWidth});\n padding-top: ${paddingY(t, size)};\n position: relative;\n text-decoration: inherit;\n transition: border-bottom ${t.transitionDuration} ${t.transitionTimingFunction};\n\n &:hover {\n outline: inherit;\n border-bottom: ${t.tabBorderWidth} solid ${t.tabColorHover};\n }\n\n &:focus {\n outline: inherit;\n }\n `;\n}\n\nfunction tabVertical(t: Theme, size: SizeProp) {\n return css`\n border-bottom: none;\n border-left: ${t.tabBorderWidth} solid transparent;\n display: block;\n margin-left: 0;\n margin-right: 0;\n padding-left: ${shift(paddingX(t, size), `-${t.tabBorderWidth}`)};\n padding-right: ${paddingX(t, size)};\n\n &:hover {\n border-bottom: none;\n border-left: ${t.tabBorderWidth} solid ${t.tabColorHover};\n }\n\n .${globalClasses.focus} {\n bottom: 0;\n left: -${t.tabBorderWidth};\n right: 0;\n }\n `;\n}\n\nfunction tabFocus(t: Theme, size: SizeProp) {\n return css`\n border: ${t.tabOutlineWidth} solid ${t.tabColorFocus};\n bottom: -${t.tabBorderWidth};\n left: -${paddingX(t, size)};\n position: absolute;\n right: -${paddingX(t, size)};\n top: 0;\n `;\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -401,6 +401,11 @@ export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE
|
|
|
401
401
|
if (this.node) {
|
|
402
402
|
this.node.blur();
|
|
403
403
|
}
|
|
404
|
+
} /**
|
|
405
|
+
* @public
|
|
406
|
+
*/;
|
|
407
|
+
_proto.getNode = function getNode() {
|
|
408
|
+
return this.node;
|
|
404
409
|
};
|
|
405
410
|
return Textarea;
|
|
406
411
|
}(React.Component), _Textarea.__KONTUR_REACT_UI__ = 'Textarea', _Textarea.displayName = 'Textarea', _Textarea.defaultProps = {
|