npm - @skbkontur/react-ui - Versions diffs - 5.3.9 → 5.3.10 - Mend

@skbkontur/react-ui 5.3.9 → 5.3.10

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.

Files changed (26) hide show

package/internal/DateSelect/DateSelect/DateSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","createRef","responsiveLayout","getRandomID","isNonNullable","DatePickerLocaleHelper","locale","ThemeContext","cx","createPropsGetter","Select","MenuItem","ArrowCollapseCVOpenIcon16Regular","globalClasses","styles","defaultMinMonth","defaultMaxMonth","defaultMinYear","defaultMaxYear","months","range","years","start","end","Array","fill","map","_","index","DateSelectDataTids","caption","menuItem","menu","DATE_SELECT_POSITIONS","DateSelect","_dec","_class","_DateSelect","_React$PureComponent","_this","_len","arguments","length","args","_key","call","apply","concat","getProps","defaultProps","selectRef","menuId","renderButton","params","_this$props","props","value","disabled","width","isInteractiveElement","Tag","rootProps","className","root","theme","style","onClick","undefined","opened","selectChosenAriaLabel","type","selectYearAriaLabel","selectMonthAriaLabel","getItem","createElement","arrow","color","getItems","_this$getProps","onValueChange","options","isYearType","option","isSelected","isOptionDisabled","scrollIntoView","state","key","_this$locale$months","_inheritsLoose","_proto","prototype","render","_this2","Consumer","renderMain","close","_this$selectRef$curre","current","_this$getProps2","btnBorderRadiusSmall","menuItemBorderRadius","use","ref","_renderButton","menuPos","positions","renderValue","items","menuOffset","parseInt","menuPaddingX","menuItemPaddingXSmall","_this$getProps3","minValue","maxValue","_createClass","get","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["DateSelect.tsx"],"sourcesContent":["import React, { createRef } from 'react';\n\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport type { DatePickerLocale } from '../../components/DatePicker/locale';\nimport { DatePickerLocaleHelper } from '../../components/DatePicker/locale';\nimport { locale } from '../../lib/locale/decorators';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { ButtonParams } from '../../components/Select';\nimport { Select } from '../../components/Select';\nimport { MenuItem } from '../../components/MenuItem';\nimport { ArrowCollapseCVOpenIcon16Regular } from '../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular';\nimport type { PopupPositionsType } from '../../internal/Popup/types';\n\nimport { globalClasses, styles } from './DateSelect.styles';\n\nconst defaultMinMonth = 0;\nconst defaultMaxMonth = 11;\nconst defaultMinYear = 1900;\nconst defaultMaxYear = 2099;\nconst months = range(defaultMinMonth, defaultMaxMonth);\nconst years = range(defaultMinYear, defaultMaxYear);\n\nfunction range(start: number, end: number) {\n return Array(end - start + 1)\n .fill(null)\n .map((_, index) => start + index);\n}\n\nexport interface DateSelectProps {\n disabled?: boolean;\n onValueChange: (value: number) => void;\n type?: 'month' \| 'year';\n value: number;\n width?: number \| string;\n minValue?: number;\n maxValue?: number;\n}\n\nexport const DateSelectDataTids = {\n caption: 'DateSelect__caption',\n menuItem: 'DateSelect__menuItem',\n menu: 'DateSelect__menu',\n} as const;\n\ntype DefaultProps = Required<Pick<DateSelectProps, 'type' \| 'width'>>;\n\nconst DATE_SELECT_POSITIONS: PopupPositionsType[] = [\n 'middle left',\n 'middle right',\n 'bottom left',\n 'top left',\n 'bottom right',\n 'top right',\n];\n\n@responsiveLayout\n@locale('Calendar', DatePickerLocaleHelper)\nexport class DateSelect extends React.PureComponent<DateSelectProps> {\n public static __KONTUR_REACT_UI__ = 'DateSelect';\n public static displayName = 'DateSelect';\n\n public static defaultProps: DefaultProps = {\n type: 'year',\n width: 'auto',\n };\n\n private getProps = createPropsGetter(DateSelect.defaultProps);\n\n private get isYearType() {\n return this.getProps().type === 'year';\n }\n\n private theme!: Theme;\n private readonly locale!: DatePickerLocale;\n private readonly selectRef = createRef<Select<number, number>>();\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private menuId = DateSelectDataTids.menu + getRandomID();\n\n private renderButton = (params: ButtonParams) => {\n const { value, disabled } = this.props;\n const width = this.getProps().width;\n const isInteractiveElement = !disabled;\n const Tag = isInteractiveElement ? 'button' : 'span';\n const rootProps = {\n className: cx(styles.root(this.theme), disabled && styles.disabled()),\n style: { width },\n onClick: disabled ? undefined : params.onClick,\n 'aria-expanded': isInteractiveElement ? params.opened : undefined,\n 'aria-controls': !disabled ? this.menuId : undefined,\n 'aria-label': isInteractiveElement\n ? `${this.locale.selectChosenAriaLabel} ${\n this.getProps().type === 'year' ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n } ${this.getItem(value)}`\n : undefined,\n };\n\n return (\n <Tag {...rootProps}>\n <div data-tid={DateSelectDataTids.caption} className={styles.caption()}>\n {this.getItem(value)}\n </div>\n {isInteractiveElement && (\n <ArrowCollapseCVOpenIcon16Regular className={cx(globalClasses.arrow)} color=\"#ADADAD\" />\n )}\n </Tag>\n );\n };\n\n public close() {\n this.selectRef.current?.close();\n }\n\n private renderMain() {\n const { value, disabled, onValueChange } = this.getProps();\n const theme = {\n btnBorderRadiusSmall: this.theme.menuItemBorderRadius,\n };\n\n return (\n <Select\n use=\"text\"\n value={value}\n ref={this.selectRef}\n theme={theme}\n disabled={disabled}\n _renderButton={this.renderButton}\n menuPos=\"middle\"\n positions={DATE_SELECT_POSITIONS}\n renderValue={this.getItem}\n items={this.getItems()}\n menuOffset={parseInt(this.theme.menuPaddingX) + parseInt(this.theme.menuItemPaddingXSmall)}\n onValueChange={onValueChange}\n aria-label={`${this.locale.selectChosenAriaLabel} ${\n this.isYearType ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n } ${this.getItem(value)}`}\n />\n );\n }\n\n private isOptionDisabled(option: number) {\n const { minValue, maxValue } = this.getProps();\n\n if (isNonNullable(maxValue) && isNonNullable(minValue)) {\n return option > maxValue \|\| option < minValue;\n }\n\n if (isNonNullable(minValue)) {\n return option < minValue;\n }\n\n if (isNonNullable(maxValue)) {\n return option > maxValue;\n }\n }\n\n private getItems = () => {\n const { value, onValueChange } = this.getProps();\n const options = this.isYearType ? years : months;\n\n return options.map((option) => {\n const isSelected = option === value;\n const isOptionDisabled = this.isOptionDisabled(option);\n\n return (\n <MenuItem\n scrollIntoView={isSelected}\n disabled={isOptionDisabled}\n state={isSelected ? 'selected' : null}\n onClick={() => onValueChange(option)}\n aria-label={`Выбрать ${this.isYearType ? 'год' : 'месяц'} ${this.getItem(option)}`}\n data-tid={DateSelectDataTids.menuItem}\n data-prop-disabled={isOptionDisabled}\n key={option}\n >\n {this.getItem(option)}\n </MenuItem>\n );\n });\n };\n\n private getItem = (value: number) => {\n if (this.isYearType) {\n return value;\n }\n\n return this.locale.months?.[value];\n };\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","createRef","responsiveLayout","getRandomID","isNonNullable","DatePickerLocaleHelper","locale","ThemeContext","cx","createPropsGetter","Select","MenuItem","ArrowCollapseCVOpenIcon16Regular","globalClasses","styles","defaultMinMonth","defaultMaxMonth","defaultMinYear","defaultMaxYear","months","range","years","start","end","Array","fill","map","_","index","DateSelectDataTids","caption","menuItem","menu","DATE_SELECT_POSITIONS","DateSelect","_dec","_class","_DateSelect","_React$PureComponent","_this","_len","arguments","length","args","_key","call","apply","concat","getProps","defaultProps","selectRef","menuId","renderButton","params","_this$props","props","value","disabled","width","isInteractiveElement","Tag","rootProps","className","root","theme","style","onClick","undefined","opened","selectChosenAriaLabel","type","selectYearAriaLabel","selectMonthAriaLabel","getItem","createElement","arrow","color","getItems","_this$getProps","onValueChange","options","isYearType","option","isSelected","isOptionDisabled","scrollIntoView","state","key","_this$locale$months","_inheritsLoose","_proto","prototype","render","_this2","Consumer","renderMain","close","_this$selectRef$curre","current","_this$getProps2","btnBorderRadiusSmall","menuItemBorderRadius","use","ref","_renderButton","menuPos","positions","renderValue","items","menuOffset","parseInt","menuPaddingX","menuItemPaddingXSmall","_this$getProps3","minValue","maxValue","_createClass","get","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["DateSelect.tsx"],"sourcesContent":["import React, { createRef } from 'react';\n\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport type { DatePickerLocale } from '../../components/DatePicker/locale';\nimport { DatePickerLocaleHelper } from '../../components/DatePicker/locale';\nimport { locale } from '../../lib/locale/decorators';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { ButtonParams } from '../../components/Select';\nimport { Select } from '../../components/Select';\nimport { MenuItem } from '../../components/MenuItem';\nimport { ArrowCollapseCVOpenIcon16Regular } from '../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular';\nimport type { PopupPositionsType } from '../../internal/Popup/types';\n\nimport { globalClasses, styles } from './DateSelect.styles';\n\nconst defaultMinMonth = 0;\nconst defaultMaxMonth = 11;\nconst defaultMinYear = 1900;\nconst defaultMaxYear = 2099;\nconst months = range(defaultMinMonth, defaultMaxMonth);\nconst years = range(defaultMinYear, defaultMaxYear);\n\nfunction range(start: number, end: number) {\n return Array(end - start + 1)\n .fill(null)\n .map((_, index) => start + index);\n}\n\nexport interface DateSelectProps {\n disabled?: boolean;\n onValueChange: (value: number) => void;\n type?: 'month' \| 'year';\n value: number;\n width?: number \| string;\n minValue?: number;\n maxValue?: number;\n}\n\nexport const DateSelectDataTids = {\n caption: 'DateSelect__caption',\n menuItem: 'DateSelect__menuItem',\n menu: 'DateSelect__menu',\n} as const;\n\ntype DefaultProps = Required<Pick<DateSelectProps, 'type' \| 'width'>>;\n\nconst DATE_SELECT_POSITIONS: PopupPositionsType[] = [\n 'middle left',\n 'middle right',\n 'bottom left',\n 'top left',\n 'bottom right',\n 'top right',\n];\n\n@responsiveLayout\n@locale('Calendar', DatePickerLocaleHelper)\nexport class DateSelect extends React.PureComponent<DateSelectProps> {\n public static __KONTUR_REACT_UI__ = 'DateSelect';\n public static displayName = 'DateSelect';\n\n public static defaultProps: DefaultProps = {\n type: 'year',\n width: 'auto',\n };\n\n private getProps = createPropsGetter(DateSelect.defaultProps);\n\n private get isYearType() {\n return this.getProps().type === 'year';\n }\n\n private theme!: Theme;\n private readonly locale!: DatePickerLocale;\n private readonly selectRef = createRef<Select<number, number>>();\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private menuId = DateSelectDataTids.menu + getRandomID();\n\n private renderButton = (params: ButtonParams) => {\n const { value, disabled } = this.props;\n const width = this.getProps().width;\n const isInteractiveElement = !disabled;\n const Tag = isInteractiveElement ? 'button' : 'span';\n const rootProps = {\n className: cx(styles.root(this.theme), disabled && styles.disabled()),\n style: { width },\n onClick: disabled ? undefined : params.onClick,\n 'aria-expanded': isInteractiveElement ? params.opened : undefined,\n 'aria-controls': !disabled ? this.menuId : undefined,\n 'aria-label': isInteractiveElement\n ? `${this.locale.selectChosenAriaLabel} ${\n this.getProps().type === 'year' ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n } ${this.getItem(value)}`\n : undefined,\n };\n\n return (\n <Tag {...rootProps}>\n <div data-tid={DateSelectDataTids.caption} className={styles.caption()}>\n {this.getItem(value)}\n </div>\n {isInteractiveElement && (\n <ArrowCollapseCVOpenIcon16Regular className={cx(globalClasses.arrow)} color=\"#ADADAD\" />\n )}\n </Tag>\n );\n };\n\n public close() {\n this.selectRef.current?.close();\n }\n\n private renderMain() {\n const { value, disabled, onValueChange } = this.getProps();\n const theme = {\n btnBorderRadiusSmall: this.theme.menuItemBorderRadius,\n };\n\n return (\n <Select\n use=\"text\"\n value={value}\n ref={this.selectRef}\n theme={theme}\n disabled={disabled}\n _renderButton={this.renderButton}\n menuPos=\"middle\"\n positions={DATE_SELECT_POSITIONS}\n renderValue={this.getItem}\n items={this.getItems()}\n menuOffset={parseInt(this.theme.menuPaddingX) + parseInt(this.theme.menuItemPaddingXSmall)}\n onValueChange={onValueChange}\n aria-label={`${this.locale.selectChosenAriaLabel} ${\n this.isYearType ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n } ${this.getItem(value)}`}\n />\n );\n }\n\n private isOptionDisabled(option: number) {\n const { minValue, maxValue } = this.getProps();\n\n if (isNonNullable(maxValue) && isNonNullable(minValue)) {\n return option > maxValue \|\| option < minValue;\n }\n\n if (isNonNullable(minValue)) {\n return option < minValue;\n }\n\n if (isNonNullable(maxValue)) {\n return option > maxValue;\n }\n }\n\n private getItems = () => {\n const { value, onValueChange } = this.getProps();\n const options = this.isYearType ? years : months;\n\n return options.map((option) => {\n const isSelected = option === value;\n const isOptionDisabled = this.isOptionDisabled(option);\n\n return (\n <MenuItem\n scrollIntoView={isSelected}\n disabled={isOptionDisabled}\n state={isSelected ? 'selected' : null}\n onClick={() => onValueChange(option)}\n aria-label={`Выбрать ${this.isYearType ? 'год' : 'месяц'} ${this.getItem(option)}`}\n data-tid={DateSelectDataTids.menuItem}\n data-disabled={isOptionDisabled}\n key={option}\n >\n {this.getItem(option)}\n </MenuItem>\n );\n });\n };\n\n private getItem = (value: number) => {\n if (this.isYearType) {\n return value;\n }\n\n return this.locale.months?.[value];\n };\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/ThemePlayground/Playground/Playground.js CHANGED Viewed

@@ -335,9 +335,11 @@ export var Playground = /*#__PURE__*/function (_React$Component) {
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.tabsInnerWrapper(this.theme)
     }, /*#__PURE__*/React.createElement(Tabs.Tab, {
-      id: ThemeType.LightTheme
+      id: ThemeType.LightTheme,
+      "data-tab-id": ThemeType.LightTheme
     }, "\u0421\u0432\u0435\u0442\u043B\u0430\u044F \u0442\u0435\u043C\u0430"), /*#__PURE__*/React.createElement(Tabs.Tab, {
-      id: ThemeType.DarkTheme
+      id: ThemeType.DarkTheme,
+      "data-tab-id": ThemeType.DarkTheme
     }, "\u0422\u0451\u043C\u043D\u0430\u044F \u0442\u0435\u043C\u0430"))), /*#__PURE__*/React.createElement(Link, {
       onClick: onEditLinkClick
     }, "\u041D\u0430\u0441\u0442\u0440\u043E\u0438\u0442\u044C \u0442\u0435\u043C\u0443")));

package/internal/ThemePlayground/Playground/Playground.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","SearchLoupeIcon16Regular","AttachLinkIcon16Regular","CheckAIcon16Regular","MinusCircleIcon16Regular","TrashCanIcon16Regular","QuestionCircleIcon16Regular","Button","Tabs","Gapped","Link","Input","ThemeContext","Tooltip","Sticky","isTestEnv","cx","FileUploader","ThemeType","TokenInputPlayground","DatePickerPlayground","TogglePlayground","SwitcherPlayground","FxInputPlayground","CurrencyInputPlayground","getComponentsFromPropsList","CheckboxPlayground","RadioPlayground","PagingPlayground","HintPlayground","ComponentsGroup","styles","SizesGroup","useSticky","Playground","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","stopEl","createRef","renderTabsGroup","createElement","side","getStop","getStickyStop","renderTabs","getCurrentTab","props","currentThemeType","DarkTheme","LightTheme","renderSizesGroup","title","theme","size","renderLinksGroup","propsList","icon","children","use","disabled","wrap","verticalAlign","gap","renderButtonsGroup","arrow","width","loading","renderInputsGroup","placeholder","error","warning","fromProps","prefix","rightIcon","renderTokenInputsGroup","renderOtherInputsGroup","renderSwitchersGroup","renderControlsGroup","renderHintsGroup","renderTooltip","tooltipContent","className","render","pos","trigger","disableAnimations","renderPaging","renderFileUploader","multiple","renderStickyStopElement","ref","style","height","current","_inheritsLoose","_proto","prototype","_this2","Consumer","renderMain","wrapperClassName","playground","playgroundWrapper","vertical","_cx","_this$props","onThemeChange","onEditLinkClick","tabsOuterWrapperStyle","background","bgDefault","marginTop","tabsOuterWrapperClass","tabsWrapper","stickyTabsWrapper","value","onValueChange","tabsInnerWrapper","Tab","id","onClick","Component"],"sources":["Playground.tsx"],"sourcesContent":["import React from 'react';\nimport { SearchLoupeIcon16Regular } from '@skbkontur/icons/icons/SearchLoupeIcon/SearchLoupeIcon16Regular';\nimport { AttachLinkIcon16Regular } from '@skbkontur/icons/icons/AttachLinkIcon/AttachLinkIcon16Regular';\nimport { CheckAIcon16Regular } from '@skbkontur/icons/icons/CheckAIcon/CheckAIcon16Regular';\nimport { MinusCircleIcon16Regular } from '@skbkontur/icons/icons/MinusCircleIcon/MinusCircleIcon16Regular';\nimport { TrashCanIcon16Regular } from '@skbkontur/icons/icons/TrashCanIcon/TrashCanIcon16Regular';\nimport { QuestionCircleIcon16Regular } from '@skbkontur/icons/icons/QuestionCircleIcon/QuestionCircleIcon16Regular';\n\nimport type { ButtonProps } from '../../components/Button';\nimport { Button } from '../../components/Button';\nimport { Tabs } from '../../components/Tabs';\nimport { Gapped } from '../../components/Gapped';\nimport type { LinkProps } from '../../components/Link';\nimport { Link } from '../../components/Link';\nimport type { InputProps } from '../../components/Input';\nimport { Input } from '../../components/Input';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Tooltip } from '../../components/Tooltip';\nimport { Sticky } from '../../components/Sticky';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { cx } from '../../lib/theming/Emotion';\nimport { FileUploader } from '../../components/FileUploader';\n\nimport { ThemeType } from './constants';\nimport { TokenInputPlayground } from './TokenInputPlayground';\nimport { DatePickerPlayground } from './AnotherInputsPlayground';\nimport { TogglePlayground } from './TogglePlayground';\nimport { SwitcherPlayground } from './SwitcherPlayground';\nimport { FxInputPlayground } from './FxInputPlayground';\nimport { CurrencyInputPlayground } from './CurrencyInputPlayground';\nimport { getComponentsFromPropsList } from './helpers';\nimport { CheckboxPlayground } from './CheckboxPlayground';\nimport { RadioPlayground } from './RadioPlayground';\nimport { PagingPlayground } from './PagingPlayground';\nimport { HintPlayground } from './HintPlayground';\nimport { ComponentsGroup } from './ComponentsGroup';\nimport { styles } from './Playground.styles';\nimport { SizesGroup } from './SizesGroup';\n\nconst useSticky = !isTestEnv;\n\nexport interface PlaygroundProps {\n currentThemeType: ThemeType;\n onThemeChange: (value: string) => void;\n onEditLinkClick: () => void;\n}\n\nexport class Playground extends React.Component<PlaygroundProps> {\n private theme!: Theme;\n private stopEl = React.createRef<HTMLDivElement>();\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n private renderMain() {\n const wrapperClassName = cx(styles.playground(), styles.playgroundWrapper(this.theme));\n return (\n <div className={wrapperClassName}>\n <Gapped vertical gap={50}>\n {this.renderTabsGroup()}\n {this.renderSizesGroup()}\n {this.renderLinksGroup()}\n {this.renderButtonsGroup()}\n {this.renderInputsGroup()}\n {this.renderOtherInputsGroup()}\n {this.renderTokenInputsGroup()}\n {this.renderSwitchersGroup()}\n {this.renderControlsGroup()}\n </Gapped>\n {this.renderStickyStopElement()}\n <Gapped vertical gap={50}>\n {this.renderHintsGroup()}\n {this.renderTooltip()}\n {this.renderPaging()}\n {this.renderFileUploader()}\n </Gapped>\n </div>\n );\n }\n\n private renderTabsGroup = () => {\n return useSticky ? (\n <Sticky side={'top'} getStop={this.getStickyStop}>\n {this.renderTabs()}\n </Sticky>\n ) : (\n this.renderTabs()\n );\n };\n\n private renderTabs() {\n const { onThemeChange, onEditLinkClick } = this.props;\n const tabsOuterWrapperStyle = { background: this.theme.bgDefault, marginTop: 36 };\n const tabsOuterWrapperClass = cx({\n [styles.tabsWrapper(this.theme)]: true,\n [styles.stickyTabsWrapper(this.theme)]: useSticky,\n });\n\n return (\n <div style={tabsOuterWrapperStyle} className={tabsOuterWrapperClass}>\n <Gapped gap={40}>\n <Tabs value={this.getCurrentTab()} onValueChange={onThemeChange} vertical={false}>\n <div className={styles.tabsInnerWrapper(this.theme)}>\n <Tabs.Tab id={ThemeType.LightTheme}>Светлая тема</Tabs.Tab>\n <Tabs.Tab id={ThemeType.DarkTheme}>Тёмная тема</Tabs.Tab>\n </div>\n </Tabs>\n <Link onClick={onEditLinkClick}>Настроить тему</Link>\n </Gapped>\n </div>\n );\n }\n\n private getCurrentTab = () => {\n switch (this.props.currentThemeType) {\n case ThemeType.DarkTheme:\n return ThemeType.DarkTheme;\n default:\n return ThemeType.LightTheme;\n }\n };\n\n private renderSizesGroup = () => {\n return (\n <ComponentsGroup title={'Размеры'} theme={this.theme}>\n <SizesGroup size={'small'} />\n <SizesGroup size={'medium'} />\n <SizesGroup size={'large'} />\n </ComponentsGroup>\n );\n };\n\n private renderLinksGroup = () => {\n const propsList: LinkProps[] = [\n { icon: <AttachLinkIcon16Regular />, children: 'Enabled' },\n { icon: <CheckAIcon16Regular />, use: 'success', children: 'Success' },\n { icon: <MinusCircleIcon16Regular />, use: 'danger', children: 'Danger' },\n { icon: <TrashCanIcon16Regular />, use: 'grayed', children: 'Grayed' },\n { icon: <TrashCanIcon16Regular />, children: 'Disabled', disabled: true },\n ];\n return (\n <ComponentsGroup title={'Ссылки'} theme={this.theme}>\n <Gapped wrap verticalAlign=\"middle\" gap={10}>\n {getComponentsFromPropsList(<Link />, propsList)}\n </Gapped>\n </ComponentsGroup>\n );\n };\n\n private renderButtonsGroup = () => {\n const propsList: ButtonProps[] = [\n { children: 'Default' },\n { children: 'Primary', use: 'primary' },\n { children: 'Danger', use: 'danger' },\n { children: 'Pay', use: 'pay' },\n { children: 'Success', use: 'success' },\n { children: 'Disabled', disabled: true },\n { children: 'Back', arrow: 'left', size: 'medium', width: 110 },\n { children: 'Forward', arrow: true, size: 'medium', use: 'primary', width: 110 },\n { children: 'Loading', size: 'medium', loading: true },\n ];\n\n return (\n <ComponentsGroup title={'Кнопки'} theme={this.theme}>\n {getComponentsFromPropsList(<Button width={120} size={'small'} />, propsList)}\n </ComponentsGroup>\n );\n };\n\n private renderInputsGroup = () => {\n const propsList: InputProps[] = [\n { placeholder: 'Enabled' },\n { placeholder: 'Error', error: true },\n { placeholder: 'Warning', warning: true },\n { placeholder: 'Disabled', disabled: true },\n ];\n const fromProps = getComponentsFromPropsList(<Input width={120} />, propsList);\n return (\n <ComponentsGroup title={'Поле ввода'} theme={this.theme}>\n <Input width={380} prefix=\"https://kontur.ru/search?query=\" rightIcon={<SearchLoupeIcon16Regular />} />\n <div>\n <Gapped gap={10}>{fromProps}</Gapped>\n </div>\n </ComponentsGroup>\n );\n };\n\n private renderTokenInputsGroup = () => {\n return (\n <ComponentsGroup title={'Поле с токеном'} theme={this.theme}>\n <TokenInputPlayground />\n </ComponentsGroup>\n );\n };\n\n private renderOtherInputsGroup = () => {\n return (\n <ComponentsGroup title={'Прочие поля'} theme={this.theme}>\n <CurrencyInputPlayground />\n <FxInputPlayground />\n <DatePickerPlayground />\n </ComponentsGroup>\n );\n };\n\n private renderSwitchersGroup = () => {\n return (\n <ComponentsGroup title={'Переключатели'} theme={this.theme}>\n <SwitcherPlayground />\n </ComponentsGroup>\n );\n };\n\n private renderControlsGroup = () => {\n return (\n <ComponentsGroup title={'Радио, чекбоксы'} theme={this.theme}>\n <Gapped verticalAlign={'top'} gap={60}>\n <CheckboxPlayground />\n <RadioPlayground />\n <TogglePlayground />\n </Gapped>\n </ComponentsGroup>\n );\n };\n\n private renderHintsGroup = () => {\n return (\n <ComponentsGroup title={'Тултип'} theme={this.theme}>\n <HintPlayground />\n </ComponentsGroup>\n );\n };\n\n private renderTooltip = () => {\n const tooltipContent = () => (\n <div className={styles.tooltipContent()}>\n {'Информация об ошибке. Короткий объясняющий текст и ссылка, если нужно'}\n </div>\n );\n return (\n <ComponentsGroup title={'Тултип'} theme={this.theme}>\n <Tooltip render={tooltipContent} pos=\"right middle\" trigger={'opened'} disableAnimations>\n <Link icon={<QuestionCircleIcon16Regular />} />\n </Tooltip>\n </ComponentsGroup>\n );\n };\n\n private renderPaging = () => {\n return (\n <ComponentsGroup title={'Пейджинг'} theme={this.theme}>\n <PagingPlayground />\n </ComponentsGroup>\n );\n };\n\n private renderFileUploader = () => {\n return (\n <ComponentsGroup title={'FileUploader'} theme={this.theme}>\n <FileUploader multiple />\n </ComponentsGroup>\n );\n };\n\n private renderStickyStopElement = () => {\n return <div ref={this.stopEl} style={{ height: 50 }} />;\n };\n\n private getStickyStop = () => this.stopEl.current;\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","SearchLoupeIcon16Regular","AttachLinkIcon16Regular","CheckAIcon16Regular","MinusCircleIcon16Regular","TrashCanIcon16Regular","QuestionCircleIcon16Regular","Button","Tabs","Gapped","Link","Input","ThemeContext","Tooltip","Sticky","isTestEnv","cx","FileUploader","ThemeType","TokenInputPlayground","DatePickerPlayground","TogglePlayground","SwitcherPlayground","FxInputPlayground","CurrencyInputPlayground","getComponentsFromPropsList","CheckboxPlayground","RadioPlayground","PagingPlayground","HintPlayground","ComponentsGroup","styles","SizesGroup","useSticky","Playground","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","stopEl","createRef","renderTabsGroup","createElement","side","getStop","getStickyStop","renderTabs","getCurrentTab","props","currentThemeType","DarkTheme","LightTheme","renderSizesGroup","title","theme","size","renderLinksGroup","propsList","icon","children","use","disabled","wrap","verticalAlign","gap","renderButtonsGroup","arrow","width","loading","renderInputsGroup","placeholder","error","warning","fromProps","prefix","rightIcon","renderTokenInputsGroup","renderOtherInputsGroup","renderSwitchersGroup","renderControlsGroup","renderHintsGroup","renderTooltip","tooltipContent","className","render","pos","trigger","disableAnimations","renderPaging","renderFileUploader","multiple","renderStickyStopElement","ref","style","height","current","_inheritsLoose","_proto","prototype","_this2","Consumer","renderMain","wrapperClassName","playground","playgroundWrapper","vertical","_cx","_this$props","onThemeChange","onEditLinkClick","tabsOuterWrapperStyle","background","bgDefault","marginTop","tabsOuterWrapperClass","tabsWrapper","stickyTabsWrapper","value","onValueChange","tabsInnerWrapper","Tab","id","onClick","Component"],"sources":["Playground.tsx"],"sourcesContent":["import React from 'react';\nimport { SearchLoupeIcon16Regular } from '@skbkontur/icons/icons/SearchLoupeIcon/SearchLoupeIcon16Regular';\nimport { AttachLinkIcon16Regular } from '@skbkontur/icons/icons/AttachLinkIcon/AttachLinkIcon16Regular';\nimport { CheckAIcon16Regular } from '@skbkontur/icons/icons/CheckAIcon/CheckAIcon16Regular';\nimport { MinusCircleIcon16Regular } from '@skbkontur/icons/icons/MinusCircleIcon/MinusCircleIcon16Regular';\nimport { TrashCanIcon16Regular } from '@skbkontur/icons/icons/TrashCanIcon/TrashCanIcon16Regular';\nimport { QuestionCircleIcon16Regular } from '@skbkontur/icons/icons/QuestionCircleIcon/QuestionCircleIcon16Regular';\n\nimport type { ButtonProps } from '../../components/Button';\nimport { Button } from '../../components/Button';\nimport { Tabs } from '../../components/Tabs';\nimport { Gapped } from '../../components/Gapped';\nimport type { LinkProps } from '../../components/Link';\nimport { Link } from '../../components/Link';\nimport type { InputProps } from '../../components/Input';\nimport { Input } from '../../components/Input';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Tooltip } from '../../components/Tooltip';\nimport { Sticky } from '../../components/Sticky';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { cx } from '../../lib/theming/Emotion';\nimport { FileUploader } from '../../components/FileUploader';\n\nimport { ThemeType } from './constants';\nimport { TokenInputPlayground } from './TokenInputPlayground';\nimport { DatePickerPlayground } from './AnotherInputsPlayground';\nimport { TogglePlayground } from './TogglePlayground';\nimport { SwitcherPlayground } from './SwitcherPlayground';\nimport { FxInputPlayground } from './FxInputPlayground';\nimport { CurrencyInputPlayground } from './CurrencyInputPlayground';\nimport { getComponentsFromPropsList } from './helpers';\nimport { CheckboxPlayground } from './CheckboxPlayground';\nimport { RadioPlayground } from './RadioPlayground';\nimport { PagingPlayground } from './PagingPlayground';\nimport { HintPlayground } from './HintPlayground';\nimport { ComponentsGroup } from './ComponentsGroup';\nimport { styles } from './Playground.styles';\nimport { SizesGroup } from './SizesGroup';\n\nconst useSticky = !isTestEnv;\n\nexport interface PlaygroundProps {\n currentThemeType: ThemeType;\n onThemeChange: (value: string) => void;\n onEditLinkClick: () => void;\n}\n\nexport class Playground extends React.Component<PlaygroundProps> {\n private theme!: Theme;\n private stopEl = React.createRef<HTMLDivElement>();\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n private renderMain() {\n const wrapperClassName = cx(styles.playground(), styles.playgroundWrapper(this.theme));\n return (\n <div className={wrapperClassName}>\n <Gapped vertical gap={50}>\n {this.renderTabsGroup()}\n {this.renderSizesGroup()}\n {this.renderLinksGroup()}\n {this.renderButtonsGroup()}\n {this.renderInputsGroup()}\n {this.renderOtherInputsGroup()}\n {this.renderTokenInputsGroup()}\n {this.renderSwitchersGroup()}\n {this.renderControlsGroup()}\n </Gapped>\n {this.renderStickyStopElement()}\n <Gapped vertical gap={50}>\n {this.renderHintsGroup()}\n {this.renderTooltip()}\n {this.renderPaging()}\n {this.renderFileUploader()}\n </Gapped>\n </div>\n );\n }\n\n private renderTabsGroup = () => {\n return useSticky ? (\n <Sticky side={'top'} getStop={this.getStickyStop}>\n {this.renderTabs()}\n </Sticky>\n ) : (\n this.renderTabs()\n );\n };\n\n private renderTabs() {\n const { onThemeChange, onEditLinkClick } = this.props;\n const tabsOuterWrapperStyle = { background: this.theme.bgDefault, marginTop: 36 };\n const tabsOuterWrapperClass = cx({\n [styles.tabsWrapper(this.theme)]: true,\n [styles.stickyTabsWrapper(this.theme)]: useSticky,\n });\n\n return (\n <div style={tabsOuterWrapperStyle} className={tabsOuterWrapperClass}>\n <Gapped gap={40}>\n <Tabs value={this.getCurrentTab()} onValueChange={onThemeChange} vertical={false}>\n <div className={styles.tabsInnerWrapper(this.theme)}>\n <Tabs.Tab id={ThemeType.LightTheme} data-tab-id={ThemeType.LightTheme}>\n Светлая тема\n </Tabs.Tab>\n <Tabs.Tab id={ThemeType.DarkTheme} data-tab-id={ThemeType.DarkTheme}>\n Тёмная тема\n </Tabs.Tab>\n </div>\n </Tabs>\n <Link onClick={onEditLinkClick}>Настроить тему</Link>\n </Gapped>\n </div>\n );\n }\n\n private getCurrentTab = () => {\n switch (this.props.currentThemeType) {\n case ThemeType.DarkTheme:\n return ThemeType.DarkTheme;\n default:\n return ThemeType.LightTheme;\n }\n };\n\n private renderSizesGroup = () => {\n return (\n <ComponentsGroup title={'Размеры'} theme={this.theme}>\n <SizesGroup size={'small'} />\n <SizesGroup size={'medium'} />\n <SizesGroup size={'large'} />\n </ComponentsGroup>\n );\n };\n\n private renderLinksGroup = () => {\n const propsList: LinkProps[] = [\n { icon: <AttachLinkIcon16Regular />, children: 'Enabled' },\n { icon: <CheckAIcon16Regular />, use: 'success', children: 'Success' },\n { icon: <MinusCircleIcon16Regular />, use: 'danger', children: 'Danger' },\n { icon: <TrashCanIcon16Regular />, use: 'grayed', children: 'Grayed' },\n { icon: <TrashCanIcon16Regular />, children: 'Disabled', disabled: true },\n ];\n return (\n <ComponentsGroup title={'Ссылки'} theme={this.theme}>\n <Gapped wrap verticalAlign=\"middle\" gap={10}>\n {getComponentsFromPropsList(<Link />, propsList)}\n </Gapped>\n </ComponentsGroup>\n );\n };\n\n private renderButtonsGroup = () => {\n const propsList: ButtonProps[] = [\n { children: 'Default' },\n { children: 'Primary', use: 'primary' },\n { children: 'Danger', use: 'danger' },\n { children: 'Pay', use: 'pay' },\n { children: 'Success', use: 'success' },\n { children: 'Disabled', disabled: true },\n { children: 'Back', arrow: 'left', size: 'medium', width: 110 },\n { children: 'Forward', arrow: true, size: 'medium', use: 'primary', width: 110 },\n { children: 'Loading', size: 'medium', loading: true },\n ];\n\n return (\n <ComponentsGroup title={'Кнопки'} theme={this.theme}>\n {getComponentsFromPropsList(<Button width={120} size={'small'} />, propsList)}\n </ComponentsGroup>\n );\n };\n\n private renderInputsGroup = () => {\n const propsList: InputProps[] = [\n { placeholder: 'Enabled' },\n { placeholder: 'Error', error: true },\n { placeholder: 'Warning', warning: true },\n { placeholder: 'Disabled', disabled: true },\n ];\n const fromProps = getComponentsFromPropsList(<Input width={120} />, propsList);\n return (\n <ComponentsGroup title={'Поле ввода'} theme={this.theme}>\n <Input width={380} prefix=\"https://kontur.ru/search?query=\" rightIcon={<SearchLoupeIcon16Regular />} />\n <div>\n <Gapped gap={10}>{fromProps}</Gapped>\n </div>\n </ComponentsGroup>\n );\n };\n\n private renderTokenInputsGroup = () => {\n return (\n <ComponentsGroup title={'Поле с токеном'} theme={this.theme}>\n <TokenInputPlayground />\n </ComponentsGroup>\n );\n };\n\n private renderOtherInputsGroup = () => {\n return (\n <ComponentsGroup title={'Прочие поля'} theme={this.theme}>\n <CurrencyInputPlayground />\n <FxInputPlayground />\n <DatePickerPlayground />\n </ComponentsGroup>\n );\n };\n\n private renderSwitchersGroup = () => {\n return (\n <ComponentsGroup title={'Переключатели'} theme={this.theme}>\n <SwitcherPlayground />\n </ComponentsGroup>\n );\n };\n\n private renderControlsGroup = () => {\n return (\n <ComponentsGroup title={'Радио, чекбоксы'} theme={this.theme}>\n <Gapped verticalAlign={'top'} gap={60}>\n <CheckboxPlayground />\n <RadioPlayground />\n <TogglePlayground />\n </Gapped>\n </ComponentsGroup>\n );\n };\n\n private renderHintsGroup = () => {\n return (\n <ComponentsGroup title={'Тултип'} theme={this.theme}>\n <HintPlayground />\n </ComponentsGroup>\n );\n };\n\n private renderTooltip = () => {\n const tooltipContent = () => (\n <div className={styles.tooltipContent()}>\n {'Информация об ошибке. Короткий объясняющий текст и ссылка, если нужно'}\n </div>\n );\n return (\n <ComponentsGroup title={'Тултип'} theme={this.theme}>\n <Tooltip render={tooltipContent} pos=\"right middle\" trigger={'opened'} disableAnimations>\n <Link icon={<QuestionCircleIcon16Regular />} />\n </Tooltip>\n </ComponentsGroup>\n );\n };\n\n private renderPaging = () => {\n return (\n <ComponentsGroup title={'Пейджинг'} theme={this.theme}>\n <PagingPlayground />\n </ComponentsGroup>\n );\n };\n\n private renderFileUploader = () => {\n return (\n <ComponentsGroup title={'FileUploader'} theme={this.theme}>\n <FileUploader multiple />\n </ComponentsGroup>\n );\n };\n\n private renderStickyStopElement = () => {\n return <div ref={this.stopEl} style={{ height: 50 }} />;\n };\n\n private getStickyStop = () => this.stopEl.current;\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@skbkontur/react-ui",
-  "version": "5.3.9",
+  "version": "5.3.10",
   "description": "UI Components",
   "main": "cjs/index.js",
   "module": "index.js",
@@ -74,8 +74,6 @@
     "@babel/preset-typescript": "^7.24.6",
     "@babel/register": "^7.24.6",
     "@skbkontur/icons": "1.10.0",
-    "@skbkontur/react-props2attrs": "0.1.3",
-    "@skbkontur/react-sorge": "0.2.1",
     "@skbkontur/storybook-addon-live-examples": "0.0.17",
     "@storybook/addon-a11y": "7.6.18",
     "@storybook/addon-controls": "7.6.18",