npm - @skbkontur/react-ui - Versions diffs - 5.6.7 → 5.6.9-5e213.0 - Mend

@skbkontur/react-ui 5.6.7 → 5.6.9-5e213.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.

Files changed (2374) hide show

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} 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":[]}
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","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","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","_inherits","_createClass","key","value","_this2","Consumer","renderMain","wrapperClassName","playground","playgroundWrapper","vertical","_this$props","onThemeChange","onEditLinkClick","tabsOuterWrapperStyle","background","bgDefault","marginTop","tabsOuterWrapperClass","_defineProperty","tabsWrapper","stickyTabsWrapper","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/internal/ThemePlayground/Playground.styles/Playground.styles.js CHANGED Viewed

@@ -1,65 +1,65 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   playground: function playground() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      margin: 0 -24px;\n      padding: 0 24px;\n      border-radius: 8px;\n    "])));
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      margin: 0 -24px;\n      padding: 0 24px;\n      border-radius: 8px;\n    "])));
   },
   title: function title(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      width: 110px;\n      color: ", ";\n    "])), t.textColorDefault);
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      width: 110px;\n      color: ", ";\n    "])), t.textColorDefault);
   },
   componentsGroup: function componentsGroup(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      max-width: 700px;\n      color: ", ";\n    "])), t.textColorDefault);
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      max-width: 700px;\n      color: ", ";\n    "])), t.textColorDefault);
   },
   sidePageBody: function sidePageBody() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      padding: 0 30px 30px;\n      overflow-x: hidden;\n    "])));
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      padding: 0 30px 30px;\n      overflow-x: hidden;\n    "])));
   },
   variable: function variable(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      align-items: center;\n      margin-bottom: 16px;\n\n      &:focus {\n        outline: 1px solid ", ";\n        outline-offset: 8px;\n      }\n    "])), t.borderColorFocus);
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      display: flex;\n      align-items: center;\n      margin-bottom: 16px;\n\n      &:focus {\n        outline: 1px solid ", ";\n        outline-offset: 8px;\n      }\n    "])), t.borderColorFocus);
   },
   variableName: function variableName(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      width: 250px;\n      position: relative;\n      z-index: 1;\n      line-height: 34px;\n      color: ", ";\n      flex: 1 1 auto;\n    "])), t.textColorDefault);
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      width: 250px;\n      position: relative;\n      z-index: 1;\n      line-height: 34px;\n      color: ", ";\n      flex: 1 1 auto;\n    "])), t.textColorDefault);
   },
   deprecated: function deprecated() {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      text-decoration: line-through;\n    "])));
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      text-decoration: line-through;\n    "])));
   },
   colorIcon: function colorIcon() {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      height: 16px;\n      width: 16px;\n    "])));
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      height: 16px;\n      width: 16px;\n    "])));
   },
   baseLinkWrapper: function baseLinkWrapper() {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      margin-left: auto;\n    "])));
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      margin-left: auto;\n    "])));
   },
   linkRoot: function linkRoot() {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      z-index: 1;\n    "])));
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      position: relative;\n      z-index: 1;\n    "])));
   },
   baseVariableRoot: function baseVariableRoot() {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      z-index: 1;\n      width: 240px;\n      display: flex;\n    "])));
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      position: relative;\n      z-index: 1;\n      width: 240px;\n      display: flex;\n    "])));
   },
   loaderWrapper: function loaderWrapper() {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      width: 500px;\n    "])));
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      width: 500px;\n    "])));
   },
   loader: function loader() {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      height: 300px;\n      margin: auto;\n    "])));
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      height: 300px;\n      margin: auto;\n    "])));
   },
   tabsWrapper: function tabsWrapper(t) {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      color: ", ";\n\n      &::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        height: 1px;\n        width: 100%;\n        z-index: -1;\n      }\n    "])), t.textColorDefault);
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n      position: relative;\n      color: ", ";\n\n      &::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        height: 1px;\n        width: 100%;\n        z-index: -1;\n      }\n    "])), t.textColorDefault);
   },
   tooltipContent: function tooltipContent() {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      width: 210px;\n    "])));
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n      width: 210px;\n    "])));
   },
   stickyTabsWrapper: function stickyTabsWrapper(t) {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      &:after {\n        box-shadow: 0 2px 10px 0px ", ";\n      }\n    "])), t.textColorDefault);
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n      &:after {\n        box-shadow: 0 2px 10px 0px ", ";\n      }\n    "])), t.textColorDefault);
   },
   tabsInnerWrapper: function tabsInnerWrapper(t) {
-    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.textColorDefault);
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), t.textColorDefault);
   },
   playgroundWrapper: function playgroundWrapper(t) {
-    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n    "])), t.bgDefault);
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n      background: ", ";\n    "])), t.bgDefault);
   },
   editorHeaderWrapper: function editorHeaderWrapper(t) {
-    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.textColorDefault);
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), t.textColorDefault);
   },
   editorGroupHeader: function editorGroupHeader(t) {
-    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.textColorDefault);
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), t.textColorDefault);
   }
 });

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

	@@ -1 +1 @@
1	- {"version":3,"names":["css","memoizeStyle","styles","playground","_templateObject","~~_taggedTemplateLiteralLoose~~","title","t","_templateObject2","textColorDefault","componentsGroup","_templateObject3","sidePageBody","_templateObject4","variable","_templateObject5","borderColorFocus","variableName","_templateObject6","deprecated","_templateObject7","colorIcon","_templateObject8","baseLinkWrapper","_templateObject9","linkRoot","_templateObject10","baseVariableRoot","_templateObject11","loaderWrapper","_templateObject12","loader","_templateObject13","tabsWrapper","_templateObject14","tooltipContent","_templateObject15","stickyTabsWrapper","_templateObject16","tabsInnerWrapper","_templateObject17","playgroundWrapper","_templateObject18","bgDefault","editorHeaderWrapper","_templateObject19","editorGroupHeader","_templateObject20"],"sources":["Playground.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n playground() {\n return css`\n margin: 0 -24px;\n padding: 0 24px;\n border-radius: 8px;\n `;\n },\n\n title(t: Theme) {\n return css`\n width: 110px;\n color: ${t.textColorDefault};\n `;\n },\n\n componentsGroup(t: Theme) {\n return css`\n max-width: 700px;\n color: ${t.textColorDefault};\n `;\n },\n\n sidePageBody() {\n return css`\n padding: 0 30px 30px;\n overflow-x: hidden;\n `;\n },\n\n variable(t: Theme) {\n return css`\n display: flex;\n align-items: center;\n margin-bottom: 16px;\n\n &:focus {\n outline: 1px solid ${t.borderColorFocus};\n outline-offset: 8px;\n }\n `;\n },\n\n variableName(t: Theme) {\n return css`\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 250px;\n position: relative;\n z-index: 1;\n line-height: 34px;\n color: ${t.textColorDefault};\n flex: 1 1 auto;\n `;\n },\n\n deprecated() {\n return css`\n text-decoration: line-through;\n `;\n },\n\n colorIcon() {\n return css`\n height: 16px;\n width: 16px;\n `;\n },\n\n baseLinkWrapper() {\n return css`\n margin-left: auto;\n `;\n },\n\n linkRoot() {\n return css`\n position: relative;\n z-index: 1;\n `;\n },\n\n baseVariableRoot() {\n return css`\n position: relative;\n z-index: 1;\n width: 240px;\n display: flex;\n `;\n },\n\n loaderWrapper() {\n return css`\n width: 500px;\n `;\n },\n\n loader() {\n return css`\n height: 300px;\n margin: auto;\n `;\n },\n\n tabsWrapper(t: Theme) {\n return css`\n position: relative;\n color: ${t.textColorDefault};\n\n &::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n height: 1px;\n width: 100%;\n z-index: -1;\n }\n `;\n },\n\n tooltipContent() {\n return css`\n width: 210px;\n `;\n },\n\n stickyTabsWrapper(t: Theme) {\n return css`\n &:after {\n box-shadow: 0 2px 10px 0px ${t.textColorDefault};\n }\n `;\n },\n tabsInnerWrapper(t: Theme) {\n return css`\n color: ${t.textColorDefault};\n `;\n },\n playgroundWrapper(t: Theme) {\n return css`\n background: ${t.bgDefault};\n `;\n },\n editorHeaderWrapper(t: Theme) {\n return css`\n color: ${t.textColorDefault};\n `;\n },\n editorGroupHeader(t: Theme) {\n return css`\n color: ${t.textColorDefault};\n `;\n },\n});\n"],"mappings":"~~qdAAA~~,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,~~2BAAA~~;;;;;EAKZ,CAAC;;EAEDC,KAAK,WAAAA,MAACC,CAAQ,EAAE;IACd,OAAOP,GAAG,CAAAQ,gBAAA,KAAAA,gBAAA,GAAAH,~~2BAAA~~;;IAECE,CAAC,CAACE,gBAAgB;;EAE/B,CAAC;;EAEDC,eAAe,WAAAA,gBAACH,CAAQ,EAAE;IACxB,OAAOP,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,~~2BAAA~~;;IAECE,CAAC,CAACE,gBAAgB;;EAE/B,CAAC;;EAEDG,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,~~2BAAA~~;;;;EAIZ,CAAC;;EAEDS,QAAQ,WAAAA,SAACP,CAAQ,EAAE;IACjB,OAAOP,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAV,~~2BAAA~~;;;;;;IAMeE,CAAC,CAACS,gBAAgB;;;;EAI7C,CAAC;;EAEDC,YAAY,WAAAA,aAACV,CAAQ,EAAE;IACrB,OAAOP,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAb,~~2BAAA~~;;;;;;;;IAQCE,CAAC,CAACE,gBAAgB;;;EAG/B,CAAC;;EAEDU,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOnB,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAf,~~2BAAA~~;;;EAGZ,CAAC;;EAEDgB,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOrB,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAjB,~~2BAAA~~;;;;EAIZ,CAAC;;EAEDkB,eAAe,WAAAA,gBAAA,EAAG;IAChB,OAAOvB,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAnB,~~2BAAA~~;;;EAGZ,CAAC;;EAEDoB,QAAQ,WAAAA,SAAA,EAAG;IACT,OAAOzB,GAAG,CAAA0B,iBAAA,KAAAA,iBAAA,GAAArB,~~2BAAA~~;;;;EAIZ,CAAC;;EAEDsB,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,OAAO3B,GAAG,CAAA4B,iBAAA,KAAAA,iBAAA,GAAAvB,~~2BAAA~~;;;;;;EAMZ,CAAC;;EAEDwB,aAAa,WAAAA,cAAA,EAAG;IACd,OAAO7B,GAAG,CAAA8B,iBAAA,KAAAA,iBAAA,GAAAzB,~~2BAAA~~;;;EAGZ,CAAC;;EAED0B,MAAM,WAAAA,OAAA,EAAG;IACP,OAAO/B,GAAG,CAAAgC,iBAAA,KAAAA,iBAAA,GAAA3B,~~2BAAA~~;;;;EAIZ,CAAC;;EAED4B,WAAW,WAAAA,YAAC1B,CAAQ,EAAE;IACpB,OAAOP,GAAG,CAAAkC,iBAAA,KAAAA,iBAAA,GAAA7B,~~2BAAA~~;;IAECE,CAAC,CAACE,gBAAgB;;;;;;;;;;;;EAY/B,CAAC;;EAED0B,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOnC,GAAG,CAAAoC,iBAAA,KAAAA,iBAAA,GAAA/B,~~2BAAA~~;;;EAGZ,CAAC;;EAEDgC,iBAAiB,WAAAA,kBAAC9B,CAAQ,EAAE;IAC1B,OAAOP,GAAG,CAAAsC,iBAAA,KAAAA,iBAAA,GAAAjC,~~2BAAA~~;;IAEuBE,CAAC,CAACE,gBAAgB;;;EAGrD,CAAC;EACD8B,gBAAgB,WAAAA,iBAAChC,CAAQ,EAAE;IACzB,OAAOP,GAAG,CAAAwC,iBAAA,KAAAA,iBAAA,GAAAnC,~~2BAAA~~;IACCE,CAAC,CAACE,gBAAgB;;EAE/B,CAAC;EACDgC,iBAAiB,WAAAA,kBAAClC,CAAQ,EAAE;IAC1B,OAAOP,GAAG,CAAA0C,iBAAA,KAAAA,iBAAA,GAAArC,~~2BAAA~~;IACME,CAAC,CAACoC,SAAS;;EAE7B,CAAC;EACDC,mBAAmB,WAAAA,oBAACrC,CAAQ,EAAE;IAC5B,OAAOP,GAAG,CAAA6C,iBAAA,KAAAA,iBAAA,GAAAxC,~~2BAAA~~;IACCE,CAAC,CAACE,gBAAgB;;EAE/B,CAAC;EACDqC,iBAAiB,WAAAA,kBAACvC,CAAQ,EAAE;IAC1B,OAAOP,GAAG,CAAA+C,iBAAA,KAAAA,iBAAA,GAAA1C,~~2BAAA~~;IACCE,CAAC,CAACE,gBAAgB;;EAE/B;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["css","memoizeStyle","styles","playground","_templateObject","_taggedTemplateLiteral","title","t","_templateObject2","textColorDefault","componentsGroup","_templateObject3","sidePageBody","_templateObject4","variable","_templateObject5","borderColorFocus","variableName","_templateObject6","deprecated","_templateObject7","colorIcon","_templateObject8","baseLinkWrapper","_templateObject9","linkRoot","_templateObject10","baseVariableRoot","_templateObject11","loaderWrapper","_templateObject12","loader","_templateObject13","tabsWrapper","_templateObject14","tooltipContent","_templateObject15","stickyTabsWrapper","_templateObject16","tabsInnerWrapper","_templateObject17","playgroundWrapper","_templateObject18","bgDefault","editorHeaderWrapper","_templateObject19","editorGroupHeader","_templateObject20"],"sources":["Playground.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n playground() {\n return css`\n margin: 0 -24px;\n padding: 0 24px;\n border-radius: 8px;\n `;\n },\n\n title(t: Theme) {\n return css`\n width: 110px;\n color: ${t.textColorDefault};\n `;\n },\n\n componentsGroup(t: Theme) {\n return css`\n max-width: 700px;\n color: ${t.textColorDefault};\n `;\n },\n\n sidePageBody() {\n return css`\n padding: 0 30px 30px;\n overflow-x: hidden;\n `;\n },\n\n variable(t: Theme) {\n return css`\n display: flex;\n align-items: center;\n margin-bottom: 16px;\n\n &:focus {\n outline: 1px solid ${t.borderColorFocus};\n outline-offset: 8px;\n }\n `;\n },\n\n variableName(t: Theme) {\n return css`\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 250px;\n position: relative;\n z-index: 1;\n line-height: 34px;\n color: ${t.textColorDefault};\n flex: 1 1 auto;\n `;\n },\n\n deprecated() {\n return css`\n text-decoration: line-through;\n `;\n },\n\n colorIcon() {\n return css`\n height: 16px;\n width: 16px;\n `;\n },\n\n baseLinkWrapper() {\n return css`\n margin-left: auto;\n `;\n },\n\n linkRoot() {\n return css`\n position: relative;\n z-index: 1;\n `;\n },\n\n baseVariableRoot() {\n return css`\n position: relative;\n z-index: 1;\n width: 240px;\n display: flex;\n `;\n },\n\n loaderWrapper() {\n return css`\n width: 500px;\n `;\n },\n\n loader() {\n return css`\n height: 300px;\n margin: auto;\n `;\n },\n\n tabsWrapper(t: Theme) {\n return css`\n position: relative;\n color: ${t.textColorDefault};\n\n &::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n height: 1px;\n width: 100%;\n z-index: -1;\n }\n `;\n },\n\n tooltipContent() {\n return css`\n width: 210px;\n `;\n },\n\n stickyTabsWrapper(t: Theme) {\n return css`\n &:after {\n box-shadow: 0 2px 10px 0px ${t.textColorDefault};\n }\n `;\n },\n tabsInnerWrapper(t: Theme) {\n return css`\n color: ${t.textColorDefault};\n `;\n },\n playgroundWrapper(t: Theme) {\n return css`\n background: ${t.bgDefault};\n `;\n },\n editorHeaderWrapper(t: Theme) {\n return css`\n color: ${t.textColorDefault};\n `;\n },\n editorGroupHeader(t: Theme) {\n return css`\n color: ${t.textColorDefault};\n `;\n },\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,14 +1,23 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import React from 'react';
 import { Select } from "../../../components/Select";
 export var SelectPlayground = /*#__PURE__*/function (_React$Component) {
   function SelectPlayground() {
     var _this;
+    _classCallCheck(this, SelectPlayground);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this = _callSuper(this, SelectPlayground, [].concat(args));
     _this.state = {
       value: capitalize(_this.props.size)
     };
@@ -20,20 +29,19 @@ export var SelectPlayground = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  _inheritsLoose(SelectPlayground, _React$Component);
-  var _proto = SelectPlayground.prototype;
-  _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(Select, _extends({}, this.props, {
-      value: this.state.value,
-      items: this.selectItems,
-      onValueChange: this.handleChange
-    }));
-  };
-  return SelectPlayground;
+  _inherits(SelectPlayground, _React$Component);
+  return _createClass(SelectPlayground, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement(Select, _extends({}, this.props, {
+        value: this.state.value,
+        items: this.selectItems,
+        onValueChange: this.handleChange
+      }));
+    }
+  }]);
 }(React.Component);
-var capitalize = function capitalize(input) {
-  if (input === void 0) {
-    input = '';
-  }
+var capitalize = function capitalize() {
+  var input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   return input.charAt(0).toUpperCase() + input.slice(1);
 };

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Select","SelectPlayground","_React$Component","_this","_len","arguments","length","args","Array","_key","~~call~~","~~apply","~~concat","state","value","capitalize","props","size","selectItems","handleChange","setState","~~_inheritsLoose~~","~~_proto~~","~~prototype~~","render","createElement","_extends","items","onValueChange","Component","input","charAt","toUpperCase","slice"],"sources":["SelectPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SelectProps } from '../../components/Select';\nimport { Select } from '../../components/Select';\n\ntype SelectPlaygroundValue = string;\ntype SelectPlaygroundItem = string;\ntype SelectPlaygroundProps = SelectProps<SelectPlaygroundValue, SelectPlaygroundItem>;\ninterface SelectPlaygroundState {\n value: string;\n}\nexport class SelectPlayground extends React.Component<SelectPlaygroundProps> {\n public state: SelectPlaygroundState = {\n value: capitalize(this.props.size),\n };\n private readonly selectItems = ['Small', 'Medium', 'Large'];\n\n public render() {\n return (\n <Select<SelectPlaygroundValue, SelectPlaygroundItem>\n {...this.props}\n value={this.state.value}\n items={this.selectItems}\n onValueChange={this.handleChange}\n />\n );\n }\n\n private handleChange = (value: string) => {\n this.setState({\n value,\n });\n };\n}\n\nconst capitalize = (input = ''): string => {\n return input.charAt(0).toUpperCase() + input.slice(1);\n};\n"],"mappings":"~~gIAAA~~,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,MAAM,QAAQ,yBAAyB;;;;;;;;AAQhD,WAAaC,gBAAgB,0BAAAC,gBAAA,YAAAD,iBAAA,OAAAE,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;IACpBU,KAAK,GAA0B;MACpCC,KAAK,EAAEC,UAAU,CAACZ,KAAA,CAAKa,KAAK,CAACC,IAAI;IACnC,CAAC,CAAAd,KAAA;IACgBe,WAAW,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAAf,KAAA;;;;;;;;;;;;;IAanDgB,YAAY,GAAG,UAACL,KAAa,EAAK;MACxCX,KAAA,CAAKiB,QAAQ,CAAC;QACZN,KAAK,EAALA;MACF,CAAC,CAAC;IACJ,CAAC,QAAAX,KAAA,EAAAkB,~~cAAA~~,CAAApB,gBAAA,EAAAC,gBAAA,~~MAAAoB~~,~~MAAA~~,~~GAAArB~~,gBAAA,~~CAAAsB~~,~~SAAA~~,~~CAAAD~~,~~MAAA~~,~~CAfME~~,~~MAAM~~,~~GAAb,SAAAA,~~OAAA,EAAgB,CACd,oBACEzB,KAAA,CAAA0B,aAAA,CAACzB,MAAM,EAAA0B,QAAA,KACD,IAAI,CAACV,KAAK,IACdF,KAAK,EAAE,IAAI,CAACD,KAAK,CAACC,KAAM,EACxBa,KAAK,EAAE,IAAI,CAACT,WAAY,EACxBU,aAAa,EAAE,IAAI,CAACT,YAAa,GAClC,CAAC,CAEN,CAAC,~~QAAAlB~~,~~gBAAA,GAfmCF,~~KAAK,CAAC8B,SAAS;;;AAwBrD,IAAMd,UAAU,GAAG,SAAbA,UAAUA,~~CAAIe~~,KAAK,~~EAAkB~~,~~KAAvBA~~,~~KAAK~~,~~cAALA~~,~~KAAK~~,~~GAAG~~,EAAE;EAC5B,~~OAAOA~~,KAAK,~~CAACC~~,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,~~GAAGF~~,KAAK,~~CAACG~~,KAAK,CAAC,CAAC,CAAC;AACvD,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","Select","SelectPlayground","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","state","value","capitalize","props","size","selectItems","handleChange","setState","_inherits","_createClass","key","render","createElement","_extends","items","onValueChange","Component","input","undefined","charAt","toUpperCase","slice"],"sources":["SelectPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SelectProps } from '../../components/Select';\nimport { Select } from '../../components/Select';\n\ntype SelectPlaygroundValue = string;\ntype SelectPlaygroundItem = string;\ntype SelectPlaygroundProps = SelectProps<SelectPlaygroundValue, SelectPlaygroundItem>;\ninterface SelectPlaygroundState {\n value: string;\n}\nexport class SelectPlayground extends React.Component<SelectPlaygroundProps> {\n public state: SelectPlaygroundState = {\n value: capitalize(this.props.size),\n };\n private readonly selectItems = ['Small', 'Medium', 'Large'];\n\n public render() {\n return (\n <Select<SelectPlaygroundValue, SelectPlaygroundItem>\n {...this.props}\n value={this.state.value}\n items={this.selectItems}\n onValueChange={this.handleChange}\n />\n );\n }\n\n private handleChange = (value: string) => {\n this.setState({\n value,\n });\n };\n}\n\nconst capitalize = (input = ''): string => {\n return input.charAt(0).toUpperCase() + input.slice(1);\n};\n"],"mappings":"2sBAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,MAAM,QAAQ,yBAAyB;;;;;;;;AAQhD,WAAaC,gBAAgB,0BAAAC,gBAAA,YAAAD,iBAAA,OAAAE,KAAA,CAAAC,eAAA,OAAAH,gBAAA,WAAAI,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,GAAAP,KAAA,GAAAQ,UAAA,OAAAV,gBAAA,KAAAW,MAAA,CAAAJ,IAAA,GAAAL,KAAA;IACpBU,KAAK,GAA0B;MACpCC,KAAK,EAAEC,UAAU,CAACZ,KAAA,CAAKa,KAAK,CAACC,IAAI;IACnC,CAAC,CAAAd,KAAA;IACgBe,WAAW,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAAf,KAAA;;;;;;;;;;;;;IAanDgB,YAAY,GAAG,UAACL,KAAa,EAAK;MACxCX,KAAA,CAAKiB,QAAQ,CAAC;QACZN,KAAK,EAALA;MACF,CAAC,CAAC;IACJ,CAAC,QAAAX,KAAA,EAAAkB,SAAA,CAAApB,gBAAA,EAAAC,gBAAA,SAAAoB,YAAA,CAAArB,gBAAA,KAAAsB,GAAA,YAAAT,KAAA,EAfD,SAAAU,OAAA,EAAgB,CACd,oBACEzB,KAAA,CAAA0B,aAAA,CAACzB,MAAM,EAAA0B,QAAA,KACD,IAAI,CAACV,KAAK,IACdF,KAAK,EAAE,IAAI,CAACD,KAAK,CAACC,KAAM,EACxBa,KAAK,EAAE,IAAI,CAACT,WAAY,EACxBU,aAAa,EAAE,IAAI,CAACT,YAAa,GAClC,CAAC,CAEN,CAAC,OAfmCpB,KAAK,CAAC8B,SAAS;;;AAwBrD,IAAMd,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAA2B,KAAvBe,KAAK,GAAAxB,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAyB,SAAA,GAAAzB,SAAA,MAAG,EAAE;EAC5B,OAAOwB,KAAK,CAACE,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAGH,KAAK,CAACI,KAAK,CAAC,CAAC,CAAC;AACvD,CAAC","ignoreList":[]}

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

@@ -1,15 +1,24 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import React from 'react';
 import { Switcher } from "../../../components/Switcher";
 var defaultItems = ['Default', 'Error'];
 export var SwitcherPlayground = /*#__PURE__*/function (_React$Component) {
   function SwitcherPlayground() {
     var _this;
+    _classCallCheck(this, SwitcherPlayground);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this = _callSuper(this, SwitcherPlayground, [].concat(args));
     _this.state = {
       value: '',
       error: false
@@ -22,15 +31,16 @@ export var SwitcherPlayground = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  _inheritsLoose(SwitcherPlayground, _React$Component);
-  var _proto = SwitcherPlayground.prototype;
-  _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(Switcher, _extends({
-      value: this.state.value,
-      onValueChange: this.handleValueChange,
-      items: this.props.items || defaultItems,
-      error: this.state.error
-    }, this.props));
-  };
-  return SwitcherPlayground;
+  _inherits(SwitcherPlayground, _React$Component);
+  return _createClass(SwitcherPlayground, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement(Switcher, _extends({
+        value: this.state.value,
+        onValueChange: this.handleValueChange,
+        items: this.props.items || defaultItems,
+        error: this.state.error
+      }, this.props));
+    }
+  }]);
 }(React.Component);

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Switcher","defaultItems","SwitcherPlayground","_React$Component","_this","_len","arguments","length","args","Array","_key","~~call~~","~~apply","~~concat","state","value","error","handleValueChange","setState","~~_inheritsLoose~~","~~_proto~~","~~prototype~~","render","createElement","_extends","onValueChange","items","props","Component"],"sources":["SwitcherPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SwitcherProps } from '../../components/Switcher';\nimport { Switcher } from '../../components/Switcher';\n\nconst defaultItems = ['Default', 'Error'];\n\ninterface SwitcherPlaygroundProps {\n items?: SwitcherProps['items'];\n disabled?: boolean;\n}\ninterface SwitcherPlaygroundState {\n value: string;\n error: boolean;\n}\nexport class SwitcherPlayground extends React.Component<SwitcherPlaygroundProps> {\n public state: SwitcherPlaygroundState = {\n value: '',\n error: false,\n };\n\n public render() {\n return (\n <Switcher\n value={this.state.value}\n onValueChange={this.handleValueChange}\n items={this.props.items \|\| defaultItems}\n error={this.state.error}\n {...this.props}\n />\n );\n }\n\n private handleValueChange = (value: string) => {\n this.setState({ value, error: value === 'Error' });\n };\n}\n"],"mappings":"~~gIAAA~~,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,QAAQ,QAAQ,2BAA2B;;AAEpD,IAAMC,YAAY,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC;;;;;;;;;;AAUzC,WAAaC,kBAAkB,0BAAAC,gBAAA,YAAAD,mBAAA,OAAAE,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;IACtBU,KAAK,GAA4B;MACtCC,KAAK,EAAE,EAAE;MACTC,KAAK,EAAE;IACT,CAAC,CAAAZ,KAAA;;;;;;;;;;;;;;IAcOa,iBAAiB,GAAG,UAACF,KAAa,EAAK;MAC7CX,KAAA,CAAKc,QAAQ,CAAC,EAAEH,KAAK,EAALA,KAAK,EAAEC,KAAK,EAAED,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC;IACpD,CAAC,QAAAX,KAAA,EAAAe,~~cAAA~~,CAAAjB,kBAAA,EAAAC,gBAAA,~~MAAAiB~~,~~MAAA~~,~~GAAAlB~~,kBAAA,~~CAAAmB~~,~~SAAA~~,~~CAAAD~~,~~MAAA~~,~~CAdME~~,~~MAAM~~,~~GAAb,SAAAA,~~OAAA,EAAgB,CACd,oBACEvB,KAAA,CAAAwB,aAAA,CAACvB,QAAQ,EAAAwB,QAAA,GACPT,KAAK,EAAE,IAAI,CAACD,KAAK,CAACC,KAAM,EACxBU,aAAa,EAAE,IAAI,CAACR,iBAAkB,EACtCS,KAAK,EAAE,IAAI,CAACC,KAAK,CAACD,KAAK,IAAIzB,YAAa,EACxCe,KAAK,EAAE,IAAI,CAACF,KAAK,CAACE,KAAM,IACpB,IAAI,CAACW,KAAK,CACf,CAAC,CAEN,CAAC,~~QAAAzB~~,~~kBAAA,GAhBqCH,~~KAAK,CAAC6B,SAAS","ignoreList":[]}
1	+ {"version":3,"names":["React","Switcher","defaultItems","SwitcherPlayground","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","state","value","error","handleValueChange","setState","_inherits","_createClass","key","render","createElement","_extends","onValueChange","items","props","Component"],"sources":["SwitcherPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SwitcherProps } from '../../components/Switcher';\nimport { Switcher } from '../../components/Switcher';\n\nconst defaultItems = ['Default', 'Error'];\n\ninterface SwitcherPlaygroundProps {\n items?: SwitcherProps['items'];\n disabled?: boolean;\n}\ninterface SwitcherPlaygroundState {\n value: string;\n error: boolean;\n}\nexport class SwitcherPlayground extends React.Component<SwitcherPlaygroundProps> {\n public state: SwitcherPlaygroundState = {\n value: '',\n error: false,\n };\n\n public render() {\n return (\n <Switcher\n value={this.state.value}\n onValueChange={this.handleValueChange}\n items={this.props.items \|\| defaultItems}\n error={this.state.error}\n {...this.props}\n />\n );\n }\n\n private handleValueChange = (value: string) => {\n this.setState({ value, error: value === 'Error' });\n };\n}\n"],"mappings":"2sBAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,QAAQ,QAAQ,2BAA2B;;AAEpD,IAAMC,YAAY,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC;;;;;;;;;;AAUzC,WAAaC,kBAAkB,0BAAAC,gBAAA,YAAAD,mBAAA,OAAAE,KAAA,CAAAC,eAAA,OAAAH,kBAAA,WAAAI,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,GAAAP,KAAA,GAAAQ,UAAA,OAAAV,kBAAA,KAAAW,MAAA,CAAAJ,IAAA,GAAAL,KAAA;IACtBU,KAAK,GAA4B;MACtCC,KAAK,EAAE,EAAE;MACTC,KAAK,EAAE;IACT,CAAC,CAAAZ,KAAA;;;;;;;;;;;;;;IAcOa,iBAAiB,GAAG,UAACF,KAAa,EAAK;MAC7CX,KAAA,CAAKc,QAAQ,CAAC,EAAEH,KAAK,EAALA,KAAK,EAAEC,KAAK,EAAED,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC;IACpD,CAAC,QAAAX,KAAA,EAAAe,SAAA,CAAAjB,kBAAA,EAAAC,gBAAA,SAAAiB,YAAA,CAAAlB,kBAAA,KAAAmB,GAAA,YAAAN,KAAA,EAdD,SAAAO,OAAA,EAAgB,CACd,oBACEvB,KAAA,CAAAwB,aAAA,CAACvB,QAAQ,EAAAwB,QAAA,GACPT,KAAK,EAAE,IAAI,CAACD,KAAK,CAACC,KAAM,EACxBU,aAAa,EAAE,IAAI,CAACR,iBAAkB,EACtCS,KAAK,EAAE,IAAI,CAACC,KAAK,CAACD,KAAK,IAAIzB,YAAa,EACxCe,KAAK,EAAE,IAAI,CAACF,KAAK,CAACE,KAAM,IACpB,IAAI,CAACW,KAAK,CACf,CAAC,CAEN,CAAC,OAhBqC5B,KAAK,CAAC6B,SAAS","ignoreList":[]}

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

@@ -1,5 +1,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import React, { useContext } from 'react';
 import { DocsContext } from '@storybook/addon-docs';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
@@ -25,7 +34,8 @@ var getEditingThemeType = function getEditingThemeType(editingThemeItem) {
 var ThemeContextPlaygroundInternal = /*#__PURE__*/function (_React$Component) {
   function ThemeContextPlaygroundInternal(props) {
     var _this;
-    _this = _React$Component.call(this, props) || this;
+    _classCallCheck(this, ThemeContextPlaygroundInternal);
+    _this = _callSuper(this, ThemeContextPlaygroundInternal, [props]);
     _this.editableThemesItems = [{
       value: ThemeType.LightTheme,
       label: 'Светлая тема'
@@ -130,7 +140,7 @@ var ThemeContextPlaygroundInternal = /*#__PURE__*/function (_React$Component) {
         canSetVariable = ColorFunctions.isValid(value);
         themesErrors[editingThemeType][variable] = !canSetVariable;
       }
-      var nextThemeErrors = _extends({}, themesErrors);
+      var nextThemeErrors = _objectSpread({}, themesErrors);
       nextThemeErrors[editingThemeType][variable] = !canSetVariable;
       var stateUpdate = {
         themes: themes,
@@ -186,35 +196,36 @@ var ThemeContextPlaygroundInternal = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  _inheritsLoose(ThemeContextPlaygroundInternal, _React$Component);
-  var _proto = ThemeContextPlaygroundInternal.prototype;
-  _proto.render = function render() {
-    var _this$state3 = this.state,
-      currentTheme = _this$state3.currentTheme,
-      editorOpened = _this$state3.editorOpened,
-      currentThemeType = _this$state3.currentThemeType;
-    var _this$props = this.props,
-      globalBrand = _this$props.globalBrand,
-      globalAccent = _this$props.globalAccent;
-    var themeAttribute = currentThemeType === ThemeType.DarkTheme ? 'dark' : 'light';
-    return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
-      value: currentTheme
-    }, /*#__PURE__*/React.createElement("div", {
-      "data-k-brand": globalBrand,
-      "data-k-accent": globalAccent,
-      "data-k-theme": themeAttribute
-    }, editorOpened && this.renderSidePage(), /*#__PURE__*/React.createElement(Playground, {
-      onThemeChange: this.handleThemeChange,
-      currentThemeType: currentThemeType,
-      onEditLinkClick: this.handleOpen
-    })));
-  };
-  return ThemeContextPlaygroundInternal;
+  _inherits(ThemeContextPlaygroundInternal, _React$Component);
+  return _createClass(ThemeContextPlaygroundInternal, [{
+    key: "render",
+    value: function render() {
+      var _this$state3 = this.state,
+        currentTheme = _this$state3.currentTheme,
+        editorOpened = _this$state3.editorOpened,
+        currentThemeType = _this$state3.currentThemeType;
+      var _this$props = this.props,
+        globalBrand = _this$props.globalBrand,
+        globalAccent = _this$props.globalAccent;
+      var themeAttribute = currentThemeType === ThemeType.DarkTheme ? 'dark' : 'light';
+      return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+        value: currentTheme
+      }, /*#__PURE__*/React.createElement("div", {
+        "data-k-brand": globalBrand,
+        "data-k-accent": globalAccent,
+        "data-k-theme": themeAttribute
+      }, editorOpened && this.renderSidePage(), /*#__PURE__*/React.createElement(Playground, {
+        onThemeChange: this.handleThemeChange,
+        currentThemeType: currentThemeType,
+        onEditLinkClick: this.handleOpen
+      })));
+    }
+  }]);
 }(React.Component);
 export var ThemeContextPlayground = function ThemeContextPlayground(props) {
   var _context$store$userGl;
   var context = useContext(DocsContext);
-  var globals = (context == null || (_context$store$userGl = context.store.userGlobals) == null ? void 0 : _context$store$userGl.globals) || {};
+  var globals = (context === null || context === void 0 || (_context$store$userGl = context.store.userGlobals) === null || _context$store$userGl === void 0 ? void 0 : _context$store$userGl.globals) || {};
   var brand = globals.brand || 'red';
   var accent = globals.accent || 'gray';
   return /*#__PURE__*/React.createElement(ThemeContextPlaygroundInternal, _extends({}, props, {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useContext","DocsContext","ThemeContext","ThemeFactory","SidePage","Gapped","ComboBox","Link","ColorFunctions","findPropertyDescriptor","LIGHT_THEME","DARK_THEME","ThemeEditor","styles","Playground","ThemeType","getEditingThemeType","editingThemeItem","value","ThemeContextPlaygroundInternal","_React$Component","props","_this","call","editableThemesItems","LightTheme","label","DarkTheme","renderSidePage","_this$state","state","currentTheme","themesErrors","themes","editingThemeType","themeErrors","createElement","disableAnimations","ignoreBackgroundClick","width","onClose","handleClose","Header","className","editorHeaderWrapper","wrap","verticalAlign","getItems","getEditableThemesItems","onValueChange","handleEditingThemeSwitch","style","fontSize","marginTop","onClick","handleGetTheme","Body","sidePageBody","editingTheme","currentErrors","handleThemeVariableChange","themeObject","getKeys","forEach","key","descriptor","Object","getOwnPropertyDescriptor","get","console","log","JSON","stringify","handleOpen","setState","editorOpened","find","i","currentThemeType","handleThemeChange","themeType","variable","_this$state2","theme","currentValue","canSetVariable","isValid","nextThemeErrors","_extends","stateUpdate","result","changeThemeVariable","query","Promise","resolve","filter","toLowerCase","includes","item","variableName","variableValue","enumerable","configurable","set","defineProperty","create","lightTheme","darkTheme","_inheritsLoose","_proto","prototype","render","_this$state3","_this$props","globalBrand","globalAccent","themeAttribute","Provider","onThemeChange","onEditLinkClick","Component","ThemeContextPlayground","_context$store$userGl","context","globals","store","userGlobals","brand","accent"],"sources":["ThemeContextPlayground.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext } from 'react';\nimport { DocsContext } from '@storybook/addon-docs';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { SidePage } from '../../components/SidePage';\nimport { Gapped } from '../../components/Gapped';\nimport { ComboBox } from '../../components/ComboBox';\nimport { Link } from '../../components/Link';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport type { Writeable } from '../../typings/utility-types';\nimport { findPropertyDescriptor } from '../../lib/theming/ThemeHelpers';\nimport { LIGHT_THEME } from '../../lib/theming/themes/LightTheme';\nimport { DARK_THEME } from '../../lib/theming/themes/DarkTheme';\n\nimport { ThemeEditor } from './ThemeEditor';\nimport { styles } from './Playground.styles';\nimport { Playground } from './Playground';\nimport { ThemeType } from './constants';\n\ninterface PlaygroundState {\n editorOpened: boolean;\n editingThemeItem?: EditingThemeItem;\n themes: Themes;\n themesErrors: ThemesErrors;\n currentTheme: Theme;\n currentThemeType: ThemeType;\n}\ninterface Themes {\n lightTheme: Theme;\n darkTheme: Theme;\n}\ninterface ThemesErrors {\n lightTheme: ThemeErrorsType;\n darkTheme: ThemeErrorsType;\n}\ninterface EditingThemeItem {\n value: ThemeType;\n label: string;\n}\ninterface PlaygroundProps {\n children?: ReactNode;\n}\n\ninterface PlaygroundWrapperProps {\n globalBrand: string;\n globalAccent: string;\n}\n\nexport type ThemeErrorsType = Writeable<{ [key in keyof Theme]?: boolean }>;\n\nconst getEditingThemeType = (editingThemeItem: PlaygroundState['editingThemeItem']) => {\n if (editingThemeItem) {\n return editingThemeItem.value;\n }\n\n return 'lightTheme';\n};\n\nclass ThemeContextPlaygroundInternal extends React.Component<\n PlaygroundProps & PlaygroundWrapperProps,\n PlaygroundState\n> {\n private readonly editableThemesItems = [\n { value: ThemeType.LightTheme, label: 'Светлая тема' },\n { value: ThemeType.DarkTheme, label: 'Тёмная тема' },\n ];\n\n constructor(props: PlaygroundProps & PlaygroundWrapperProps) {\n super(props);\n this.state = {\n currentTheme: LIGHT_THEME,\n currentThemeType: ThemeType.LightTheme,\n editorOpened: false,\n themes: {\n lightTheme: LIGHT_THEME,\n darkTheme: DARK_THEME,\n },\n themesErrors: {\n lightTheme: {},\n darkTheme: {},\n },\n };\n }\n\n public render() {\n const { currentTheme, editorOpened, currentThemeType } = this.state;\n const { globalBrand, globalAccent } = this.props;\n\n const themeAttribute = currentThemeType === ThemeType.DarkTheme ? 'dark' : 'light';\n\n return (\n <ThemeContext.Provider value={currentTheme}>\n <div data-k-brand={globalBrand} data-k-accent={globalAccent} data-k-theme={themeAttribute}>\n {editorOpened && this.renderSidePage()}\n {\n <Playground\n onThemeChange={this.handleThemeChange}\n currentThemeType={currentThemeType}\n onEditLinkClick={this.handleOpen}\n />\n }\n </div>\n </ThemeContext.Provider>\n );\n }\n\n private renderSidePage = () => {\n const { currentTheme, themesErrors, editingThemeItem, themes } = this.state;\n\n const editingThemeType = getEditingThemeType(editingThemeItem);\n const themeErrors = themesErrors[editingThemeType];\n\n return (\n <SidePage disableAnimations ignoreBackgroundClick width={600} onClose={this.handleClose}>\n <SidePage.Header>\n <div className={styles.editorHeaderWrapper(currentTheme)}>\n <Gapped wrap verticalAlign=\"middle\">\n <span>Тема для редактирования:</span>\n <ComboBox\n getItems={this.getEditableThemesItems}\n value={editingThemeItem}\n onValueChange={this.handleEditingThemeSwitch}\n />\n </Gapped>\n </div>\n <div style={{ fontSize: 14, marginTop: 8 }}>\n <Link onClick={this.handleGetTheme}>Вывести тему в консоль</Link>\n </div>\n </SidePage.Header>\n <SidePage.Body>\n <div className={styles.sidePageBody()}>\n <ThemeEditor\n editingTheme={themes[editingThemeType]}\n currentTheme={currentTheme}\n currentErrors={themeErrors}\n onValueChange={this.handleThemeVariableChange}\n />\n </div>\n </SidePage.Body>\n </SidePage>\n );\n };\n\n private handleGetTheme = () => {\n const currentTheme = this.state.currentTheme;\n const themeObject: Writeable<ThemeIn> = {};\n ThemeFactory.getKeys(currentTheme).forEach((key) => {\n const descriptor = Object.getOwnPropertyDescriptor(currentTheme, key);\n if (descriptor && !descriptor.get && LIGHT_THEME[key] && currentTheme[key] !== LIGHT_THEME[key]) {\n themeObject[key] = currentTheme[key] as keyof Theme;\n }\n });\n\n console.log(JSON.stringify(themeObject));\n };\n\n private handleOpen = () => {\n this.setState((state) => ({\n editorOpened: true,\n editingThemeItem: this.editableThemesItems.find((i) => i.value === state.currentThemeType),\n }));\n };\n\n private handleClose = () => {\n this.setState({\n editorOpened: false,\n });\n };\n\n private handleThemeChange = (value: string) => {\n const themeType = value as ThemeType;\n this.setState({\n currentThemeType: themeType,\n currentTheme: this.state.themes[themeType],\n });\n };\n\n private handleThemeVariableChange = (variable: keyof Theme, value: string) => {\n const { editingThemeItem, currentTheme, themes, themesErrors } = this.state;\n const editingThemeType = getEditingThemeType(editingThemeItem);\n\n const theme = themes[editingThemeType];\n const currentValue = theme[variable] as string;\n\n let canSetVariable = true;\n if (ColorFunctions.isValid(currentValue)) {\n canSetVariable = ColorFunctions.isValid(value);\n themesErrors[editingThemeType][variable] = !canSetVariable;\n }\n\n const nextThemeErrors: ThemesErrors = { ...themesErrors };\n nextThemeErrors[editingThemeType][variable] = !canSetVariable;\n const stateUpdate = { themes, currentTheme, themesErrors: nextThemeErrors };\n\n if (canSetVariable) {\n const result = this.changeThemeVariable(theme, variable, value);\n stateUpdate.themes[editingThemeType] = result;\n if (this.state.currentThemeType === editingThemeType) {\n stateUpdate.currentTheme = result;\n }\n }\n\n this.setState(stateUpdate);\n };\n\n private getEditableThemesItems = (query: string) => {\n return Promise.resolve(this.editableThemesItems.filter((i) => i.label.toLowerCase().includes(query.toLowerCase())));\n };\n\n private handleEditingThemeSwitch = (item: EditingThemeItem) => {\n this.setState({ editingThemeItem: item });\n };\n\n private changeThemeVariable = (theme: Theme, variableName: keyof Theme, variableValue: string): Theme => {\n const result: ThemeIn = {};\n ThemeFactory.getKeys(theme).forEach((key) => {\n const descriptor = findPropertyDescriptor(theme, key);\n descriptor.enumerable = true;\n descriptor.configurable = true;\n if (key === variableName) {\n delete descriptor.get;\n delete descriptor.set;\n descriptor.value = variableValue;\n }\n Object.defineProperty(result, key, descriptor);\n });\n\n return ThemeFactory.create<ThemeIn>(result);\n };\n}\n\nexport const ThemeContextPlayground = (props: PlaygroundProps) => {\n const context = useContext(DocsContext) as any;\n const globals = context?.store.userGlobals?.globals \|\| {};\n const brand = globals.brand \|\| 'red';\n const accent = globals.accent \|\| 'gray';\n\n return <ThemeContextPlaygroundInternal {...props} globalBrand={brand} globalAccent={accent} />;\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","useContext","DocsContext","ThemeContext","ThemeFactory","SidePage","Gapped","ComboBox","Link","ColorFunctions","findPropertyDescriptor","LIGHT_THEME","DARK_THEME","ThemeEditor","styles","Playground","ThemeType","getEditingThemeType","editingThemeItem","value","ThemeContextPlaygroundInternal","_React$Component","props","_this","_classCallCheck","_callSuper","editableThemesItems","LightTheme","label","DarkTheme","renderSidePage","_this$state","state","currentTheme","themesErrors","themes","editingThemeType","themeErrors","createElement","disableAnimations","ignoreBackgroundClick","width","onClose","handleClose","Header","className","editorHeaderWrapper","wrap","verticalAlign","getItems","getEditableThemesItems","onValueChange","handleEditingThemeSwitch","style","fontSize","marginTop","onClick","handleGetTheme","Body","sidePageBody","editingTheme","currentErrors","handleThemeVariableChange","themeObject","getKeys","forEach","key","descriptor","Object","getOwnPropertyDescriptor","get","console","log","JSON","stringify","handleOpen","setState","editorOpened","find","i","currentThemeType","handleThemeChange","themeType","variable","_this$state2","theme","currentValue","canSetVariable","isValid","nextThemeErrors","_objectSpread","stateUpdate","result","changeThemeVariable","query","Promise","resolve","filter","toLowerCase","includes","item","variableName","variableValue","enumerable","configurable","set","defineProperty","create","lightTheme","darkTheme","_inherits","_createClass","render","_this$state3","_this$props","globalBrand","globalAccent","themeAttribute","Provider","onThemeChange","onEditLinkClick","Component","ThemeContextPlayground","_context$store$userGl","context","globals","store","userGlobals","brand","accent","_extends"],"sources":["ThemeContextPlayground.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext } from 'react';\nimport { DocsContext } from '@storybook/addon-docs';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { SidePage } from '../../components/SidePage';\nimport { Gapped } from '../../components/Gapped';\nimport { ComboBox } from '../../components/ComboBox';\nimport { Link } from '../../components/Link';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport type { Writeable } from '../../typings/utility-types';\nimport { findPropertyDescriptor } from '../../lib/theming/ThemeHelpers';\nimport { LIGHT_THEME } from '../../lib/theming/themes/LightTheme';\nimport { DARK_THEME } from '../../lib/theming/themes/DarkTheme';\n\nimport { ThemeEditor } from './ThemeEditor';\nimport { styles } from './Playground.styles';\nimport { Playground } from './Playground';\nimport { ThemeType } from './constants';\n\ninterface PlaygroundState {\n editorOpened: boolean;\n editingThemeItem?: EditingThemeItem;\n themes: Themes;\n themesErrors: ThemesErrors;\n currentTheme: Theme;\n currentThemeType: ThemeType;\n}\ninterface Themes {\n lightTheme: Theme;\n darkTheme: Theme;\n}\ninterface ThemesErrors {\n lightTheme: ThemeErrorsType;\n darkTheme: ThemeErrorsType;\n}\ninterface EditingThemeItem {\n value: ThemeType;\n label: string;\n}\ninterface PlaygroundProps {\n children?: ReactNode;\n}\n\ninterface PlaygroundWrapperProps {\n globalBrand: string;\n globalAccent: string;\n}\n\nexport type ThemeErrorsType = Writeable<{ [key in keyof Theme]?: boolean }>;\n\nconst getEditingThemeType = (editingThemeItem: PlaygroundState['editingThemeItem']) => {\n if (editingThemeItem) {\n return editingThemeItem.value;\n }\n\n return 'lightTheme';\n};\n\nclass ThemeContextPlaygroundInternal extends React.Component<\n PlaygroundProps & PlaygroundWrapperProps,\n PlaygroundState\n> {\n private readonly editableThemesItems = [\n { value: ThemeType.LightTheme, label: 'Светлая тема' },\n { value: ThemeType.DarkTheme, label: 'Тёмная тема' },\n ];\n\n constructor(props: PlaygroundProps & PlaygroundWrapperProps) {\n super(props);\n this.state = {\n currentTheme: LIGHT_THEME,\n currentThemeType: ThemeType.LightTheme,\n editorOpened: false,\n themes: {\n lightTheme: LIGHT_THEME,\n darkTheme: DARK_THEME,\n },\n themesErrors: {\n lightTheme: {},\n darkTheme: {},\n },\n };\n }\n\n public render() {\n const { currentTheme, editorOpened, currentThemeType } = this.state;\n const { globalBrand, globalAccent } = this.props;\n\n const themeAttribute = currentThemeType === ThemeType.DarkTheme ? 'dark' : 'light';\n\n return (\n <ThemeContext.Provider value={currentTheme}>\n <div data-k-brand={globalBrand} data-k-accent={globalAccent} data-k-theme={themeAttribute}>\n {editorOpened && this.renderSidePage()}\n {\n <Playground\n onThemeChange={this.handleThemeChange}\n currentThemeType={currentThemeType}\n onEditLinkClick={this.handleOpen}\n />\n }\n </div>\n </ThemeContext.Provider>\n );\n }\n\n private renderSidePage = () => {\n const { currentTheme, themesErrors, editingThemeItem, themes } = this.state;\n\n const editingThemeType = getEditingThemeType(editingThemeItem);\n const themeErrors = themesErrors[editingThemeType];\n\n return (\n <SidePage disableAnimations ignoreBackgroundClick width={600} onClose={this.handleClose}>\n <SidePage.Header>\n <div className={styles.editorHeaderWrapper(currentTheme)}>\n <Gapped wrap verticalAlign=\"middle\">\n <span>Тема для редактирования:</span>\n <ComboBox\n getItems={this.getEditableThemesItems}\n value={editingThemeItem}\n onValueChange={this.handleEditingThemeSwitch}\n />\n </Gapped>\n </div>\n <div style={{ fontSize: 14, marginTop: 8 }}>\n <Link onClick={this.handleGetTheme}>Вывести тему в консоль</Link>\n </div>\n </SidePage.Header>\n <SidePage.Body>\n <div className={styles.sidePageBody()}>\n <ThemeEditor\n editingTheme={themes[editingThemeType]}\n currentTheme={currentTheme}\n currentErrors={themeErrors}\n onValueChange={this.handleThemeVariableChange}\n />\n </div>\n </SidePage.Body>\n </SidePage>\n );\n };\n\n private handleGetTheme = () => {\n const currentTheme = this.state.currentTheme;\n const themeObject: Writeable<ThemeIn> = {};\n ThemeFactory.getKeys(currentTheme).forEach((key) => {\n const descriptor = Object.getOwnPropertyDescriptor(currentTheme, key);\n if (descriptor && !descriptor.get && LIGHT_THEME[key] && currentTheme[key] !== LIGHT_THEME[key]) {\n themeObject[key] = currentTheme[key] as keyof Theme;\n }\n });\n\n console.log(JSON.stringify(themeObject));\n };\n\n private handleOpen = () => {\n this.setState((state) => ({\n editorOpened: true,\n editingThemeItem: this.editableThemesItems.find((i) => i.value === state.currentThemeType),\n }));\n };\n\n private handleClose = () => {\n this.setState({\n editorOpened: false,\n });\n };\n\n private handleThemeChange = (value: string) => {\n const themeType = value as ThemeType;\n this.setState({\n currentThemeType: themeType,\n currentTheme: this.state.themes[themeType],\n });\n };\n\n private handleThemeVariableChange = (variable: keyof Theme, value: string) => {\n const { editingThemeItem, currentTheme, themes, themesErrors } = this.state;\n const editingThemeType = getEditingThemeType(editingThemeItem);\n\n const theme = themes[editingThemeType];\n const currentValue = theme[variable] as string;\n\n let canSetVariable = true;\n if (ColorFunctions.isValid(currentValue)) {\n canSetVariable = ColorFunctions.isValid(value);\n themesErrors[editingThemeType][variable] = !canSetVariable;\n }\n\n const nextThemeErrors: ThemesErrors = { ...themesErrors };\n nextThemeErrors[editingThemeType][variable] = !canSetVariable;\n const stateUpdate = { themes, currentTheme, themesErrors: nextThemeErrors };\n\n if (canSetVariable) {\n const result = this.changeThemeVariable(theme, variable, value);\n stateUpdate.themes[editingThemeType] = result;\n if (this.state.currentThemeType === editingThemeType) {\n stateUpdate.currentTheme = result;\n }\n }\n\n this.setState(stateUpdate);\n };\n\n private getEditableThemesItems = (query: string) => {\n return Promise.resolve(this.editableThemesItems.filter((i) => i.label.toLowerCase().includes(query.toLowerCase())));\n };\n\n private handleEditingThemeSwitch = (item: EditingThemeItem) => {\n this.setState({ editingThemeItem: item });\n };\n\n private changeThemeVariable = (theme: Theme, variableName: keyof Theme, variableValue: string): Theme => {\n const result: ThemeIn = {};\n ThemeFactory.getKeys(theme).forEach((key) => {\n const descriptor = findPropertyDescriptor(theme, key);\n descriptor.enumerable = true;\n descriptor.configurable = true;\n if (key === variableName) {\n delete descriptor.get;\n delete descriptor.set;\n descriptor.value = variableValue;\n }\n Object.defineProperty(result, key, descriptor);\n });\n\n return ThemeFactory.create<ThemeIn>(result);\n };\n}\n\nexport const ThemeContextPlayground = (props: PlaygroundProps) => {\n const context = useContext(DocsContext) as any;\n const globals = context?.store.userGlobals?.globals \|\| {};\n const brand = globals.brand \|\| 'red';\n const accent = globals.accent \|\| 'gray';\n\n return <ThemeContextPlaygroundInternal {...props} globalBrand={brand} globalAccent={accent} />;\n};\n"],"mappings":"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","ignoreList":[]}