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

@skbkontur/react-ui 5.6.9-5e213.0 → 5.6.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 (2366) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_Switcher","~~_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","~~defaultItems","SwitcherPlayground","exports","_React$Component","_this","~~_classCallCheck2","~~_len","arguments","length","args","Array","_key","concat","state","value","error","handleValueChange","setState","~~_inherits2~~","~~_createClass2~~","~~key~~","render","createElement","Switcher","_extends2","onValueChange","items","props","React","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":"~~s3BAAA~~,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,SAAA,GAAAD,OAAA,8BAAqD,SAAAE,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,UAAAD,CAAA,OAAAE,gBAAA,CAAAC,OAAA,EAAAH,CAAA,OAAAI,2BAAA,CAAAD,OAAA,EAAAJ,CAAA,MAAAM,0BAAA,CAAAF,OAAA,MAAAG,OAAA,CAAAC,SAAA,CAAAP,CAAA,EAAAC,CAAA,YAAAC,gBAAA,CAAAC,OAAA,EAAAJ,CAAA,EAAAS,WAAA,IAAAR,CAAA,CAAAS,KAAA,CAAAV,CAAA,EAAAE,CAAA;;~~AAErD~~,~~IAAMS~~,YAAY,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;AAU7BC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,0BAAAE,gBAAA,YAAAF,mBAAA,OAAAG,KAAA,~~KAAAC~~,~~gBAAA,CAAAZ,OAAA,QAAAQ,kBAAA,WAAAK,~~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,~~GAAAhB~~,~~UAAA~~,~~OAAAa~~,~~kBAAA~~,~~KAAAW~~,MAAA,~~CAAAH~~,IAAA,~~GAAAL~~,KAAA;~~IACtBS~~,KAAK,GAA4B;MACtCC,KAAK,EAAE,EAAE;MACTC,KAAK,EAAE;IACT,CAAC,~~CAAAX~~,KAAA;;;;;;;;;;;;;;~~IAcOY~~,iBAAiB,GAAG,UAACF,KAAa,EAAK;~~MAC7CV~~,KAAA,~~CAAKa~~,QAAQ,CAAC,EAAEH,KAAK,EAALA,KAAK,EAAEC,KAAK,EAAED,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC;IACpD,CAAC,~~QAAAV~~,KAAA,~~MAAAc~~,~~UAAA~~,~~CAAAzB~~,OAAA,~~EAAAQ~~,kBAAA,EAAAE,gBAAA,~~aAAAgB~~,~~aAAA~~,~~CAAA1B~~,~~OAAA~~,~~EAAAQ~~,~~kBAAA~~,~~KAAAmB~~,~~GAAA~~,~~YAAAN~~,~~KAAA~~,~~EAdD~~,~~SAAAO~~,OAAA,EAAgB,CACd,~~oBACErC~~,MAAA,~~CAAAS~~,OAAA,~~CAAA6B~~,aAAA,~~CAACnC~~,SAAA,~~CAAAoC~~,QAAQ,MAAAC,SAAA,~~CAAA/B~~,OAAA,~~IACPqB~~,KAAK,EAAE,IAAI,CAACD,KAAK,CAACC,KAAM,~~EACxBW~~,aAAa,EAAE,IAAI,~~CAACT~~,iBAAkB,~~EACtCU~~,KAAK,EAAE,IAAI,CAACC,KAAK,CAACD,KAAK,~~IAAI1B~~,YAAa,~~EACxCe~~,KAAK,EAAE,IAAI,CAACF,KAAK,CAACE,KAAM,IACpB,IAAI,~~CAACY~~,KAAK,CACf,CAAC,CAEN,CAAC,~~OAhBqCC~~,cAAK,CAACC,SAAS","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_Switcher","defaultItems","SwitcherPlayground","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","value","error","handleValueChange","setState","_inheritsLoose2","default","_proto","prototype","render","createElement","Switcher","_extends2","onValueChange","items","props","React","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":"wVAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,SAAA,GAAAD,OAAA;;AAEA,IAAME,YAAY,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;AAU7BC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,0BAAAE,gBAAA,YAAAF,mBAAA,OAAAG,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,MAAAe,eAAA,CAAAC,OAAA,EAAAnB,kBAAA,EAAAE,gBAAA,MAAAkB,MAAA,GAAApB,kBAAA,CAAAqB,SAAA,CAAAD,MAAA,CAdME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACE3B,MAAA,CAAAwB,OAAA,CAAAI,aAAA,CAACzB,SAAA,CAAA0B,QAAQ,MAAAC,SAAA,CAAAN,OAAA,IACPL,KAAK,EAAE,IAAI,CAACD,KAAK,CAACC,KAAM,EACxBY,aAAa,EAAE,IAAI,CAACV,iBAAkB,EACtCW,KAAK,EAAE,IAAI,CAACC,KAAK,CAACD,KAAK,IAAI5B,YAAa,EACxCgB,KAAK,EAAE,IAAI,CAACF,KAAK,CAACE,KAAM,IACpB,IAAI,CAACa,KAAK,CACf,CAAC,CAEN,CAAC,QAAA5B,kBAAA,GAhBqC6B,cAAK,CAACC,SAAS","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.ThemeContextPlayground = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ThemeContextPlayground = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _addonDocs = require("@storybook/addon-docs");
@@ -18,7 +18,7 @@ var _DarkTheme = require("../../lib/theming/themes/DarkTheme");
 var _ThemeEditor = require("./ThemeEditor");
 var _Playground = require("./Playground.styles");
 var _Playground2 = require("./Playground");
-var _constants = require("./constants");function _callSuper(t, o, e) {return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));}
+var _constants = require("./constants");
@@ -68,8 +68,8 @@ ThemeContextPlaygroundInternal = /*#__PURE__*/function (_React$Component) {
-  function ThemeContextPlaygroundInternal(props) {var _this;(0, _classCallCheck2.default)(this, ThemeContextPlaygroundInternal);
-    _this = _callSuper(this, ThemeContextPlaygroundInternal, [props]);_this.editableThemesItems = [{ value: _constants.ThemeType.LightTheme, label: 'Светлая тема' }, { value: _constants.ThemeType.DarkTheme, label: 'Тёмная тема' }];_this.
+  function ThemeContextPlaygroundInternal(props) {var _this;
+    _this = _React$Component.call(this, props) || this;_this.editableThemesItems = [{ value: _constants.ThemeType.LightTheme, label: 'Светлая тема' }, { value: _constants.ThemeType.DarkTheme, label: 'Тёмная тема' }];_this.
@@ -191,7 +191,7 @@ ThemeContextPlaygroundInternal = /*#__PURE__*/function (_React$Component) {
         themesErrors[editingThemeType][variable] = !canSetVariable;
       }
-      var nextThemeErrors = (0, _objectSpread2.default)({}, themesErrors);
+      var nextThemeErrors = (0, _extends2.default)({}, themesErrors);
       nextThemeErrors[editingThemeType][variable] = !canSetVariable;
       var stateUpdate = { themes: themes, currentTheme: currentTheme, themesErrors: nextThemeErrors };
@@ -229,12 +229,12 @@ ThemeContextPlaygroundInternal = /*#__PURE__*/function (_React$Component) {
       });
       return _ThemeFactory.ThemeFactory.create(result);
-    };_this.state = { currentTheme: _LightTheme.LIGHT_THEME, currentThemeType: _constants.ThemeType.LightTheme, editorOpened: false, themes: { lightTheme: _LightTheme.LIGHT_THEME, darkTheme: _DarkTheme.DARK_THEME }, themesErrors: { lightTheme: {}, darkTheme: {} } };return _this;}(0, _inherits2.default)(ThemeContextPlaygroundInternal, _React$Component);return (0, _createClass2.default)(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 === _constants.ThemeType.DarkTheme ? 'dark' : 'light';return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: currentTheme }, /*#__PURE__*/_react.default.createElement("div", { "data-k-brand": globalBrand, "data-k-accent": globalAccent, "data-k-theme": themeAttribute }, editorOpened && this.renderSidePage(), /*#__PURE__*/_react.default.createElement(_Playground2.Playground, { onThemeChange: this.handleThemeChange, currentThemeType: currentThemeType, onEditLinkClick: this.handleOpen })));} }]);}(_react.default.Component);
+    };_this.state = { currentTheme: _LightTheme.LIGHT_THEME, currentThemeType: _constants.ThemeType.LightTheme, editorOpened: false, themes: { lightTheme: _LightTheme.LIGHT_THEME, darkTheme: _DarkTheme.DARK_THEME }, themesErrors: { lightTheme: {}, darkTheme: {} } };return _this;}(0, _inheritsLoose2.default)(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 === _constants.ThemeType.DarkTheme ? 'dark' : 'light';return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: currentTheme }, /*#__PURE__*/_react.default.createElement("div", { "data-k-brand": globalBrand, "data-k-accent": globalAccent, "data-k-theme": themeAttribute }, editorOpened && this.renderSidePage(), /*#__PURE__*/_react.default.createElement(_Playground2.Playground, { onThemeChange: this.handleThemeChange, currentThemeType: currentThemeType, onEditLinkClick: this.handleOpen })));};return ThemeContextPlaygroundInternal;}(_react.default.Component);
 var ThemeContextPlayground = exports.ThemeContextPlayground = function ThemeContextPlayground(props) {var _context$store$userGl;
   var context = (0, _react.useContext)(_addonDocs.DocsContext);
-  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 globals = (context == null || (_context$store$userGl = context.store.userGlobals) == null ? void 0 : _context$store$userGl.globals) || {};
   var brand = globals.brand || 'red';
   var accent = globals.accent || 'gray';

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_addonDocs","_ThemeContext","_ThemeFactory","_SidePage","_Gapped","_ComboBox","_Link","ColorFunctions","_ThemeHelpers","_LightTheme","_DarkTheme","_ThemeEditor","_Playground","_Playground2","_constants","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","getEditingThemeType","editingThemeItem","value","ThemeContextPlaygroundInternal","_React$Component","props","_this","_classCallCheck2","editableThemesItems","ThemeType","LightTheme","label","DarkTheme","renderSidePage","_this$state","state","currentTheme","themesErrors","themes","editingThemeType","themeErrors","createElement","SidePage","disableAnimations","ignoreBackgroundClick","width","onClose","handleClose","Header","className","styles","editorHeaderWrapper","Gapped","wrap","verticalAlign","ComboBox","getItems","getEditableThemesItems","onValueChange","handleEditingThemeSwitch","style","fontSize","marginTop","Link","onClick","handleGetTheme","Body","sidePageBody","ThemeEditor","editingTheme","currentErrors","handleThemeVariableChange","themeObject","ThemeFactory","getKeys","forEach","key","descriptor","Object","getOwnPropertyDescriptor","get","LIGHT_THEME","console","log","JSON","stringify","handleOpen","setState","editorOpened","find","i","currentThemeType","handleThemeChange","themeType","variable","_this$state2","theme","currentValue","canSetVariable","isValid","nextThemeErrors","_objectSpread2","stateUpdate","result","changeThemeVariable","query","Promise","resolve","filter","toLowerCase","includes","item","variableName","variableValue","findPropertyDescriptor","enumerable","configurable","set","defineProperty","create","lightTheme","darkTheme","DARK_THEME","_inherits2","_createClass2","render","_this$state3","_this$props","globalBrand","globalAccent","themeAttribute","ThemeContext","Provider","Playground","onThemeChange","onEditLinkClick","React","Component","ThemeContextPlayground","exports","_context$store$userGl","context","useContext","DocsContext","globals","store","userGlobals","brand","accent","_extends2"],"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","_interopRequireWildcard","require","_addonDocs","_ThemeContext","_ThemeFactory","_SidePage","_Gapped","_ComboBox","_Link","ColorFunctions","_ThemeHelpers","_LightTheme","_DarkTheme","_ThemeEditor","_Playground","_Playground2","_constants","getEditingThemeType","editingThemeItem","value","ThemeContextPlaygroundInternal","_React$Component","props","_this","call","editableThemesItems","ThemeType","LightTheme","label","DarkTheme","renderSidePage","_this$state","state","currentTheme","themesErrors","themes","editingThemeType","themeErrors","default","createElement","SidePage","disableAnimations","ignoreBackgroundClick","width","onClose","handleClose","Header","className","styles","editorHeaderWrapper","Gapped","wrap","verticalAlign","ComboBox","getItems","getEditableThemesItems","onValueChange","handleEditingThemeSwitch","style","fontSize","marginTop","Link","onClick","handleGetTheme","Body","sidePageBody","ThemeEditor","editingTheme","currentErrors","handleThemeVariableChange","themeObject","ThemeFactory","getKeys","forEach","key","descriptor","Object","getOwnPropertyDescriptor","get","LIGHT_THEME","console","log","JSON","stringify","handleOpen","setState","editorOpened","find","i","currentThemeType","handleThemeChange","themeType","variable","_this$state2","theme","currentValue","canSetVariable","isValid","nextThemeErrors","_extends2","stateUpdate","result","changeThemeVariable","query","Promise","resolve","filter","toLowerCase","includes","item","variableName","variableValue","findPropertyDescriptor","enumerable","configurable","set","defineProperty","create","lightTheme","darkTheme","DARK_THEME","_inheritsLoose2","_proto","prototype","render","_this$state3","_this$props","globalBrand","globalAccent","themeAttribute","ThemeContext","Provider","Playground","onThemeChange","onEditLinkClick","React","Component","ThemeContextPlayground","exports","_context$store$userGl","context","useContext","DocsContext","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":";AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;;AAEA,IAAAE,aAAA,GAAAF,OAAA;;AAEA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,cAAA,GAAAT,uBAAA,CAAAC,OAAA;;AAEA,IAAAS,aAAA,GAAAT,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AACA,IAAAW,UAAA,GAAAX,OAAA;;AAEA,IAAAY,YAAA,GAAAZ,OAAA;AACA,IAAAa,WAAA,GAAAb,OAAA;AACA,IAAAc,YAAA,GAAAd,OAAA;AACA,IAAAe,UAAA,GAAAf,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,IAAMgB,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,gBAAqD,EAAK;EACrF,IAAIA,gBAAgB,EAAE;IACpB,OAAOA,gBAAgB,CAACC,KAAK;EAC/B;;EAEA,OAAO,YAAY;AACrB,CAAC,CAAC;;AAEIC,8BAA8B,0BAAAC,gBAAA;;;;;;;;;EASlC,SAAAD,+BAAYE,KAA+C,EAAE,KAAAC,KAAA;IAC3DA,KAAA,GAAAF,gBAAA,CAAAG,IAAA,OAAMF,KAAK,CAAC,SAACC,KAAA,CANEE,mBAAmB,GAAG,CACrC,EAAEN,KAAK,EAAEO,oBAAS,CAACC,UAAU,EAAEC,KAAK,EAAE,cAAc,CAAC,CAAC,EACtD,EAAET,KAAK,EAAEO,oBAAS,CAACG,SAAS,EAAED,KAAK,EAAE,aAAa,CAAC,CAAC,CACrD,CAAAL,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyCOO,cAAc,GAAG,YAAM;MAC7B,IAAAC,WAAA,GAAiER,KAAA,CAAKS,KAAK,CAAnEC,YAAY,GAAAF,WAAA,CAAZE,YAAY,CAAEC,YAAY,GAAAH,WAAA,CAAZG,YAAY,CAAEhB,gBAAgB,GAAAa,WAAA,CAAhBb,gBAAgB,CAAEiB,MAAM,GAAAJ,WAAA,CAANI,MAAM;;MAE5D,IAAMC,gBAAgB,GAAGnB,mBAAmB,CAACC,gBAAgB,CAAC;MAC9D,IAAMmB,WAAW,GAAGH,YAAY,CAACE,gBAAgB,CAAC;;MAElD;QACErC,MAAA,CAAAuC,OAAA,CAAAC,aAAA,CAAClC,SAAA,CAAAmC,QAAQ,IAACC,iBAAiB,QAACC,qBAAqB,QAACC,KAAK,EAAE,GAAI,EAACC,OAAO,EAAErB,KAAA,CAAKsB,WAAY;QACtF9C,MAAA,CAAAuC,OAAA,CAAAC,aAAA,CAAClC,SAAA,CAAAmC,QAAQ,CAACM,MAAM;QACd/C,MAAA,CAAAuC,OAAA,CAAAC,aAAA,UAAKQ,SAAS,EAAEC,kBAAM,CAACC,mBAAmB,CAAChB,YAAY,CAAE;QACvDlC,MAAA,CAAAuC,OAAA,CAAAC,aAAA,CAACjC,OAAA,CAAA4C,MAAM,IAACC,IAAI,QAACC,aAAa,EAAC,QAAQ;QACjCrD,MAAA,CAAAuC,OAAA,CAAAC,aAAA,eAAM,mIAA8B,CAAC;QACrCxC,MAAA,CAAAuC,OAAA,CAAAC,aAAA,CAAChC,SAAA,CAAA8C,QAAQ;UACPC,QAAQ,EAAE/B,KAAA,CAAKgC,sBAAuB;UACtCpC,KAAK,EAAED,gBAAiB;UACxBsC,aAAa,EAAEjC,KAAA,CAAKkC,wBAAyB;QAC9C;QACK;QACL,CAAC;QACN1D,MAAA,CAAAuC,OAAA,CAAAC,aAAA,UAAKmB,KAAK,EAAE,EAAEC,QAAQ,EAAE,EAAE,EAAEC,SAAS,EAAE,CAAC,CAAC,CAAE;QACzC7D,MAAA,CAAAuC,OAAA,CAAAC,aAAA,CAAC/B,KAAA,CAAAqD,IAAI,IAACC,OAAO,EAAEvC,KAAA,CAAKwC,cAAe,IAAC,uHAA4B;QAC7D;QACU,CAAC;QAClBhE,MAAA,CAAAuC,OAAA,CAAAC,aAAA,CAAClC,SAAA,CAAAmC,QAAQ,CAACwB,IAAI;QACZjE,MAAA,CAAAuC,OAAA,CAAAC,aAAA,UAAKQ,SAAS,EAAEC,kBAAM,CAACiB,YAAY,CAAC,CAAE;QACpClE,MAAA,CAAAuC,OAAA,CAAAC,aAAA,CAAC1B,YAAA,CAAAqD,WAAW;UACVC,YAAY,EAAEhC,MAAM,CAACC,gBAAgB,CAAE;UACvCH,YAAY,EAAEA,YAAa;UAC3BmC,aAAa,EAAE/B,WAAY;UAC3BmB,aAAa,EAAEjC,KAAA,CAAK8C,yBAA0B;QAC/C;QACE;QACQ;QACP,CAAC;;IAEf,CAAC,CAAA9C,KAAA;;IAEOwC,cAAc,GAAG,YAAM;MAC7B,IAAM9B,YAAY,GAAGV,KAAA,CAAKS,KAAK,CAACC,YAAY;MAC5C,IAAMqC,WAA+B,GAAG,CAAC,CAAC;MAC1CC,0BAAY,CAACC,OAAO,CAACvC,YAAY,CAAC,CAACwC,OAAO,CAAC,UAACC,GAAG,EAAK;QAClD,IAAMC,UAAU,GAAGC,MAAM,CAACC,wBAAwB,CAAC5C,YAAY,EAAEyC,GAAG,CAAC;QACrE,IAAIC,UAAU,IAAI,CAACA,UAAU,CAACG,GAAG,IAAIC,uBAAW,CAACL,GAAG,CAAC,IAAIzC,YAAY,CAACyC,GAAG,CAAC,KAAKK,uBAAW,CAACL,GAAG,CAAC,EAAE;UAC/FJ,WAAW,CAACI,GAAG,CAAC,GAAGzC,YAAY,CAACyC,GAAG,CAAgB;QACrD;MACF,CAAC,CAAC;;MAEFM,OAAO,CAACC,GAAG,CAACC,IAAI,CAACC,SAAS,CAACb,WAAW,CAAC,CAAC;IAC1C,CAAC,CAAA/C,KAAA;;IAEO6D,UAAU,GAAG,YAAM;MACzB7D,KAAA,CAAK8D,QAAQ,CAAC,UAACrD,KAAK,UAAM;UACxBsD,YAAY,EAAE,IAAI;UAClBpE,gBAAgB,EAAEK,KAAA,CAAKE,mBAAmB,CAAC8D,IAAI,CAAC,UAACC,CAAC,UAAKA,CAAC,CAACrE,KAAK,KAAKa,KAAK,CAACyD,gBAAgB;QAC3F,CAAC,EAAC,CAAC;IACL,CAAC,CAAAlE,KAAA;;IAEOsB,WAAW,GAAG,YAAM;MAC1BtB,KAAA,CAAK8D,QAAQ,CAAC;QACZC,YAAY,EAAE;MAChB,CAAC,CAAC;IACJ,CAAC,CAAA/D,KAAA;;IAEOmE,iBAAiB,GAAG,UAACvE,KAAa,EAAK;MAC7C,IAAMwE,SAAS,GAAGxE,KAAkB;MACpCI,KAAA,CAAK8D,QAAQ,CAAC;QACZI,gBAAgB,EAAEE,SAAS;QAC3B1D,YAAY,EAAEV,KAAA,CAAKS,KAAK,CAACG,MAAM,CAACwD,SAAS;MAC3C,CAAC,CAAC;IACJ,CAAC,CAAApE,KAAA;;IAEO8C,yBAAyB,GAAG,UAACuB,QAAqB,EAAEzE,KAAa,EAAK;MAC5E,IAAA0E,YAAA,GAAiEtE,KAAA,CAAKS,KAAK,CAAnEd,gBAAgB,GAAA2E,YAAA,CAAhB3E,gBAAgB,CAAEe,YAAY,GAAA4D,YAAA,CAAZ5D,YAAY,CAAEE,MAAM,GAAA0D,YAAA,CAAN1D,MAAM,CAAED,YAAY,GAAA2D,YAAA,CAAZ3D,YAAY;MAC5D,IAAME,gBAAgB,GAAGnB,mBAAmB,CAACC,gBAAgB,CAAC;;MAE9D,IAAM4E,KAAK,GAAG3D,MAAM,CAACC,gBAAgB,CAAC;MACtC,IAAM2D,YAAY,GAAGD,KAAK,CAACF,QAAQ,CAAW;;MAE9C,IAAII,cAAc,GAAG,IAAI;MACzB,IAAIvF,cAAc,CAACwF,OAAO,CAACF,YAAY,CAAC,EAAE;QACxCC,cAAc,GAAGvF,cAAc,CAACwF,OAAO,CAAC9E,KAAK,CAAC;QAC9Ce,YAAY,CAACE,gBAAgB,CAAC,CAACwD,QAAQ,CAAC,GAAG,CAACI,cAAc;MAC5D;;MAEA,IAAME,eAA6B,OAAAC,SAAA,CAAA7D,OAAA,MAAQJ,YAAY,CAAE;MACzDgE,eAAe,CAAC9D,gBAAgB,CAAC,CAACwD,QAAQ,CAAC,GAAG,CAACI,cAAc;MAC7D,IAAMI,WAAW,GAAG,EAAEjE,MAAM,EAANA,MAAM,EAAEF,YAAY,EAAZA,YAAY,EAAEC,YAAY,EAAEgE,eAAe,CAAC,CAAC;;MAE3E,IAAIF,cAAc,EAAE;QAClB,IAAMK,MAAM,GAAG9E,KAAA,CAAK+E,mBAAmB,CAACR,KAAK,EAAEF,QAAQ,EAAEzE,KAAK,CAAC;QAC/DiF,WAAW,CAACjE,MAAM,CAACC,gBAAgB,CAAC,GAAGiE,MAAM;QAC7C,IAAI9E,KAAA,CAAKS,KAAK,CAACyD,gBAAgB,KAAKrD,gBAAgB,EAAE;UACpDgE,WAAW,CAACnE,YAAY,GAAGoE,MAAM;QACnC;MACF;;MAEA9E,KAAA,CAAK8D,QAAQ,CAACe,WAAW,CAAC;IAC5B,CAAC,CAAA7E,KAAA;;IAEOgC,sBAAsB,GAAG,UAACgD,KAAa,EAAK;MAClD,OAAOC,OAAO,CAACC,OAAO,CAAClF,KAAA,CAAKE,mBAAmB,CAACiF,MAAM,CAAC,UAAClB,CAAC,UAAKA,CAAC,CAAC5D,KAAK,CAAC+E,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACL,KAAK,CAACI,WAAW,CAAC,CAAC,CAAC,GAAC,CAAC;IACrH,CAAC,CAAApF,KAAA;;IAEOkC,wBAAwB,GAAG,UAACoD,IAAsB,EAAK;MAC7DtF,KAAA,CAAK8D,QAAQ,CAAC,EAAEnE,gBAAgB,EAAE2F,IAAI,CAAC,CAAC,CAAC;IAC3C,CAAC,CAAAtF,KAAA;;IAEO+E,mBAAmB,GAAG,UAACR,KAAY,EAAEgB,YAAyB,EAAEC,aAAqB,EAAY;MACvG,IAAMV,MAAe,GAAG,CAAC,CAAC;MAC1B9B,0BAAY,CAACC,OAAO,CAACsB,KAAK,CAAC,CAACrB,OAAO,CAAC,UAACC,GAAG,EAAK;QAC3C,IAAMC,UAAU,GAAG,IAAAqC,oCAAsB,EAAClB,KAAK,EAAEpB,GAAG,CAAC;QACrDC,UAAU,CAACsC,UAAU,GAAG,IAAI;QAC5BtC,UAAU,CAACuC,YAAY,GAAG,IAAI;QAC9B,IAAIxC,GAAG,KAAKoC,YAAY,EAAE;UACxB,OAAOnC,UAAU,CAACG,GAAG;UACrB,OAAOH,UAAU,CAACwC,GAAG;UACrBxC,UAAU,CAACxD,KAAK,GAAG4F,aAAa;QAClC;QACAnC,MAAM,CAACwC,cAAc,CAACf,MAAM,EAAE3B,GAAG,EAAEC,UAAU,CAAC;MAChD,CAAC,CAAC;;MAEF,OAAOJ,0BAAY,CAAC8C,MAAM,CAAUhB,MAAM,CAAC;IAC7C,CAAC,CA/JC9E,KAAA,CAAKS,KAAK,GAAG,EACXC,YAAY,EAAE8C,uBAAW,EACzBU,gBAAgB,EAAE/D,oBAAS,CAACC,UAAU,EACtC2D,YAAY,EAAE,KAAK,EACnBnD,MAAM,EAAE,EACNmF,UAAU,EAAEvC,uBAAW,EACvBwC,SAAS,EAAEC,qBAAU,CACvB,CAAC,EACDtF,YAAY,EAAE,EACZoF,UAAU,EAAE,CAAC,CAAC,EACdC,SAAS,EAAE,CAAC,CAAC,CACf,CAAC,CACH,CAAC,CAAC,OAAAhG,KAAA,CACJ,CAAC,IAAAkG,eAAA,CAAAnF,OAAA,EAAAlB,8BAAA,EAAAC,gBAAA,MAAAqG,MAAA,GAAAtG,8BAAA,CAAAuG,SAAA,CAAAD,MAAA,CAEME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,IAAAC,YAAA,GAAyD,IAAI,CAAC7F,KAAK,CAA3DC,YAAY,GAAA4F,YAAA,CAAZ5F,YAAY,CAAEqD,YAAY,GAAAuC,YAAA,CAAZvC,YAAY,CAAEG,gBAAgB,GAAAoC,YAAA,CAAhBpC,gBAAgB,CACpD,IAAAqC,WAAA,GAAsC,IAAI,CAACxG,KAAK,CAAxCyG,WAAW,GAAAD,WAAA,CAAXC,WAAW,CAAEC,YAAY,GAAAF,WAAA,CAAZE,YAAY,CAEjC,IAAMC,cAAc,GAAGxC,gBAAgB,KAAK/D,oBAAS,CAACG,SAAS,GAAG,MAAM,GAAG,OAAO,CAElF,oBACE9B,MAAA,CAAAuC,OAAA,CAAAC,aAAA,CAACpC,aAAA,CAAA+H,YAAY,CAACC,QAAQ,IAAChH,KAAK,EAAEc,YAAa,iBACzClC,MAAA,CAAAuC,OAAA,CAAAC,aAAA,UAAK,gBAAcwF,WAAY,EAAC,iBAAeC,YAAa,EAAC,gBAAcC,cAAe,IACvF3C,YAAY,IAAI,IAAI,CAACxD,cAAc,CAAC,CAAC,eAEpC/B,MAAA,CAAAuC,OAAA,CAAAC,aAAA,CAACxB,YAAA,CAAAqH,UAAU,IACTC,aAAa,EAAE,IAAI,CAAC3C,iBAAkB,EACtCD,gBAAgB,EAAEA,gBAAiB,EACnC6C,eAAe,EAAE,IAAI,CAAClD,UAAW,EAClC,CAEA,CACgB,CAAC,CAE5B,CAAC,QAAAhE,8BAAA,GA9C0CmH,cAAK,CAACC,SAAS;;;AA6KrD,IAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAInH,KAAsB,EAAK,KAAAqH,qBAAA;EAChE,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,sBAAW,CAAQ;EAC9C,IAAMC,OAAO,GAAG,CAAAH,OAAO,aAAAD,qBAAA,GAAPC,OAAO,CAAEI,KAAK,CAACC,WAAW,qBAA1BN,qBAAA,CAA4BI,OAAO,KAAI,CAAC,CAAC;EACzD,IAAMG,KAAK,GAAGH,OAAO,CAACG,KAAK,IAAI,KAAK;EACpC,IAAMC,MAAM,GAAGJ,OAAO,CAACI,MAAM,IAAI,MAAM;;EAEvC,oBAAOpJ,MAAA,CAAAuC,OAAA,CAAAC,aAAA,CAACnB,8BAA8B,MAAA+E,SAAA,CAAA7D,OAAA,MAAKhB,KAAK,IAAEyG,WAAW,EAAEmB,KAAM,EAAClB,YAAY,EAAEmB,MAAO,GAAE,CAAC;AAChG,CAAC","ignoreList":[]}

package/cjs/internal/ThemePlayground/ThemeEditor.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.ThemeEditor = void 0;var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ThemeEditor = void 0;var _createForOfIteratorHelperLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelperLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _ThemeFactory = require("../../lib/theming/ThemeFactory");
@@ -9,7 +9,7 @@ var _utils = require("../../lib/utils");
 var _VariableValue = require("./VariableValue");
 var _constants = require("./constants");
-var _Playground = require("./Playground.styles");function _callSuper(t, o, e) {return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));}var
+var _Playground = require("./Playground.styles");var
@@ -26,7 +26,7 @@ var _Playground = require("./Playground.styles");function _callSuper(t, o, e) {r
-ThemeEditor = exports.ThemeEditor = /*#__PURE__*/function (_React$Component) {function ThemeEditor() {var _this;(0, _classCallCheck2.default)(this, ThemeEditor);for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _callSuper(this, ThemeEditor, [].concat(args));_this.
+ThemeEditor = exports.ThemeEditor = /*#__PURE__*/function (_React$Component) {function ThemeEditor() {var _this;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.
     state = {
       groups: [],
       isLoading: true
@@ -86,7 +86,7 @@ ThemeEditor = exports.ThemeEditor = /*#__PURE__*/function (_React$Component) {fu
         null
         ));
-    };return _this;}(0, _inherits2.default)(ThemeEditor, _React$Component);return (0, _createClass2.default)(ThemeEditor, [{ key: "render", value: function render() {return this.state.isLoading ? /*#__PURE__*/_react.default.createElement("div", { className: _Playground.styles.loaderWrapper() }, /*#__PURE__*/_react.default.createElement(_Loader.Loader, { type: "big", active: true, className: _Playground.styles.loader() })) : this.renderGroups();} }, { key: "componentDidMount", value: function componentDidMount() {var _this2 = this;this.updateTimeout = window.setTimeout(function () {_this2.setState({ groups: _constants.VARIABLES_GROUPS, isLoading: false });}, 500);} }, { key: "componentWillUnmount", value: function componentWillUnmount() {clearTimeout(this.updateTimeout);} }]);}(_react.default.Component);
+    };return _this;}(0, _inheritsLoose2.default)(ThemeEditor, _React$Component);var _proto = ThemeEditor.prototype;_proto.render = function render() {return this.state.isLoading ? /*#__PURE__*/_react.default.createElement("div", { className: _Playground.styles.loaderWrapper() }, /*#__PURE__*/_react.default.createElement(_Loader.Loader, { type: "big", active: true, className: _Playground.styles.loader() })) : this.renderGroups();};_proto.componentDidMount = function componentDidMount() {var _this2 = this;this.updateTimeout = window.setTimeout(function () {_this2.setState({ groups: _constants.VARIABLES_GROUPS, isLoading: false });}, 500);};_proto.componentWillUnmount = function componentWillUnmount() {clearTimeout(this.updateTimeout);};return ThemeEditor;}(_react.default.Component);
@@ -128,26 +128,26 @@ var isDeprecatedVariable = function isDeprecatedVariable(name) {
 };
 var isGroupVariable = function isGroupVariable(prefix, name) {
-  var splitPrefix = prefix.split(' ') || [];var _iterator = (0, _createForOfIteratorHelper2.default)(
+  var splitPrefix = prefix.split(' ') || [];
-      splitPrefix),_step;try {for (_iterator.s(); !(_step = _iterator.n()).done;) {var item = _step.value;
-      if (name.startsWith(item.trim())) {
-        return true;
-      }
-    }} catch (err) {_iterator.e(err);} finally {_iterator.f();}
+  for (var _iterator = (0, _createForOfIteratorHelperLoose2.default)(splitPrefix), _step; !(_step = _iterator()).done;) {var item = _step.value;
+    if (name.startsWith(item.trim())) {
+      return true;
+    }
+  }
   return false;
 };
-var isCommonVariable = function isCommonVariable(prefixes, name) {var _iterator2 = (0, _createForOfIteratorHelper2.default)(
-      prefixes),_step2;try {for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {var item = _step2.value;
-      if (name.startsWith(item.trim())) {
-        return false;
-      }
-    }} catch (err) {_iterator2.e(err);} finally {_iterator2.f();}
+var isCommonVariable = function isCommonVariable(prefixes, name) {
+  for (var _iterator2 = (0, _createForOfIteratorHelperLoose2.default)(prefixes), _step2; !(_step2 = _iterator2()).done;) {var item = _step2.value;
+    if (name.startsWith(item.trim())) {
+      return false;
+    }
+  }
   return true;
 };
 var prefixesReducer = function prefixesReducer(acc, current) {
   var splitPrefix = current.prefix.split(' ');
-  return [].concat((0, _toConsumableArray2.default)(acc), (0, _toConsumableArray2.default)(splitPrefix));
+  return [].concat(acc, splitPrefix);
 };

package/cjs/internal/ThemePlayground/ThemeEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_ThemeFactory","_Gapped","_Loader","_utils","_VariableValue","_constants","_Playground","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","ThemeEditor","exports","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","state","groups","isLoading","renderGroups","_this$props","props","editingTheme","currentTheme","currentErrors","onValueChange","keys","ThemeFactory","getKeys","filter","key","isDeprecatedVariable","createElement","Gapped","vertical","map","i","Group","title","variables","isCommon","isCommonVariable","bind","reduce","prefixesReducer","isGroupVariable","prefix","DEPRECATED_VARIABLES","_inherits2","_createClass2","value","render","className","styles","loaderWrapper","Loader","type","active","loader","componentDidMount","_this2","updateTimeout","window","setTimeout","setState","VARIABLES_GROUPS","componentWillUnmount","clearTimeout","React","Component","Fragment","editorGroupHeader","variable","isError","VariableValue","theme","onChange","baseVariables","getBaseVariables","deprecated","name","includes","splitPrefix","split","_iterator","_createForOfIteratorHelper2","_step","s","n","done","item","startsWith","trim","err","f","prefixes","_iterator2","_step2","acc","current","_toConsumableArray2","isNonNullable","Object","getPrototypeOf","prototype","hasOwnProperty","call","descriptor","getOwnPropertyDescriptor","get","getterBody","toString","variableNameMatchArray","match","v","replace"],"sources":["ThemeEditor.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { Gapped } from '../../components/Gapped';\nimport { Loader } from '../../components/Loader';\nimport { isNonNullable } from '../../lib/utils';\n\nimport { VariableValue } from './VariableValue';\nimport { VARIABLES_GROUPS, DEPRECATED_VARIABLES } from './constants';\nimport type { ThemeErrorsType } from './ThemeContextPlayground';\nimport { styles } from './Playground.styles';\n\ninterface ThemeEditorProps {\n editingTheme: Theme;\n currentTheme: Theme;\n currentErrors: ThemeErrorsType;\n onValueChange: (variable: keyof Theme, value: string) => void;\n}\ninterface ThemeEditorState {\n groups: Group[];\n isLoading: boolean;\n}\ninterface Group {\n title: string;\n prefix: string;\n isCommon?: boolean;\n}\nexport class ThemeEditor extends React.Component<ThemeEditorProps, ThemeEditorState> {\n public state: ThemeEditorState = {\n groups: [],\n isLoading: true,\n };\n private updateTimeout?: number;\n\n public render() {\n return this.state.isLoading ? (\n <div className={styles.loaderWrapper()}>\n <Loader type=\"big\" active className={styles.loader()} />\n </div>\n ) : (\n this.renderGroups()\n );\n }\n\n public componentDidMount() {\n this.updateTimeout = window.setTimeout(() => {\n this.setState({ groups: VARIABLES_GROUPS, isLoading: false });\n }, 500);\n }\n\n public componentWillUnmount(): void {\n clearTimeout(this.updateTimeout);\n }\n\n private renderGroups = () => {\n const { editingTheme, currentTheme, currentErrors, onValueChange } = this.props;\n const keys = ThemeFactory.getKeys(editingTheme).filter((key) => !isDeprecatedVariable(key));\n\n return (\n <Gapped vertical>\n {this.state.groups.map((i: Group) => (\n <Group\n editingTheme={editingTheme}\n currentTheme={currentTheme}\n currentErrors={currentErrors}\n onValueChange={onValueChange}\n title={i.title}\n variables={keys.filter(\n i.isCommon\n ? isCommonVariable.bind(null, this.state.groups.reduce(prefixesReducer, []))\n : isGroupVariable.bind(null, i.prefix),\n )}\n key={i.title}\n />\n ))}\n {DEPRECATED_VARIABLES.length > 0 ? (\n <Group\n editingTheme={editingTheme}\n currentTheme={currentTheme}\n currentErrors={currentErrors}\n onValueChange={onValueChange}\n title={'Deprecated Variables'}\n variables={DEPRECATED_VARIABLES}\n />\n ) : null}\n </Gapped>\n );\n };\n}\n\ninterface GroupProps {\n editingTheme: Theme;\n currentTheme: Theme;\n currentErrors: ThemeErrorsType;\n title: string;\n variables: Array<keyof Theme>;\n onValueChange: (variable: keyof Theme, value: string) => void;\n}\nconst Group = (props: GroupProps) => {\n const { editingTheme, currentTheme, currentErrors, onValueChange, title, variables } = props;\n\n return variables.length > 0 ? (\n <React.Fragment>\n <h2 className={styles.editorGroupHeader(currentTheme)}>{title}</h2>\n {variables.map((variable) => {\n const value = editingTheme[variable] as string;\n const isError = currentErrors[variable];\n return (\n <VariableValue\n theme={currentTheme}\n onChange={onValueChange}\n value={value}\n isError={isError \|\| false}\n variable={variable}\n key={variable}\n baseVariables={getBaseVariables(editingTheme, variable)}\n deprecated={isDeprecatedVariable(variable)}\n />\n );\n })}\n </React.Fragment>\n ) : null;\n};\n\nconst isDeprecatedVariable = (name: keyof Theme) => {\n return DEPRECATED_VARIABLES.includes(name);\n};\n\nconst isGroupVariable = (prefix: string, name: string) => {\n const splitPrefix = prefix.split(' ') \|\| [];\n\n for (const item of splitPrefix) {\n if (name.startsWith(item.trim())) {\n return true;\n }\n }\n return false;\n};\nconst isCommonVariable = (prefixes: string[], name: string) => {\n for (const item of prefixes) {\n if (name.startsWith(item.trim())) {\n return false;\n }\n }\n return true;\n};\nconst prefixesReducer = (acc: string[], current: { title: string; prefix: string }): string[] => {\n const splitPrefix = current.prefix.split(' ');\n return [...acc, ...splitPrefix];\n};\n\ntype GetBaseVariablesReturnType = Array<keyof Theme>;\nconst getBaseVariables = (theme: Theme, variable: keyof Theme): GetBaseVariablesReturnType => {\n // TODO: Rewrite for loop.\n // TODO: Enable `no-param-reassign` rule.\n // eslint-disable-next-line no-param-reassign\n for (; isNonNullable(theme); theme = Object.getPrototypeOf(theme)) {\n if (Object.prototype.hasOwnProperty.call(theme, variable)) {\n const descriptor = Object.getOwnPropertyDescriptor(theme, variable);\n\n if (descriptor && typeof descriptor.get !== 'undefined') {\n const getterBody = descriptor.get.toString();\n const variableNameMatchArray = getterBody.match(/this\\.(\\w+)\\b/gm) \|\| [];\n return (variableNameMatchArray \|\| []).map((v) => v.replace(/this\\./g, '')) as GetBaseVariablesReturnType;\n }\n break;\n }\n }\n\n return [];\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_ThemeFactory","_Gapped","_Loader","_utils","_VariableValue","_constants","_Playground","ThemeEditor","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","groups","isLoading","renderGroups","_this$props","props","editingTheme","currentTheme","currentErrors","onValueChange","keys","ThemeFactory","getKeys","filter","key","isDeprecatedVariable","default","createElement","Gapped","vertical","map","i","Group","title","variables","isCommon","isCommonVariable","bind","reduce","prefixesReducer","isGroupVariable","prefix","DEPRECATED_VARIABLES","_inheritsLoose2","_proto","prototype","render","className","styles","loaderWrapper","Loader","type","active","loader","componentDidMount","_this2","updateTimeout","window","setTimeout","setState","VARIABLES_GROUPS","componentWillUnmount","clearTimeout","React","Component","Fragment","editorGroupHeader","variable","value","isError","VariableValue","theme","onChange","baseVariables","getBaseVariables","deprecated","name","includes","splitPrefix","split","_iterator","_createForOfIteratorHelperLoose2","_step","done","item","startsWith","trim","prefixes","_iterator2","_step2","acc","current","isNonNullable","Object","getPrototypeOf","hasOwnProperty","descriptor","getOwnPropertyDescriptor","get","getterBody","toString","variableNameMatchArray","match","v","replace"],"sources":["ThemeEditor.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { Gapped } from '../../components/Gapped';\nimport { Loader } from '../../components/Loader';\nimport { isNonNullable } from '../../lib/utils';\n\nimport { VariableValue } from './VariableValue';\nimport { VARIABLES_GROUPS, DEPRECATED_VARIABLES } from './constants';\nimport type { ThemeErrorsType } from './ThemeContextPlayground';\nimport { styles } from './Playground.styles';\n\ninterface ThemeEditorProps {\n editingTheme: Theme;\n currentTheme: Theme;\n currentErrors: ThemeErrorsType;\n onValueChange: (variable: keyof Theme, value: string) => void;\n}\ninterface ThemeEditorState {\n groups: Group[];\n isLoading: boolean;\n}\ninterface Group {\n title: string;\n prefix: string;\n isCommon?: boolean;\n}\nexport class ThemeEditor extends React.Component<ThemeEditorProps, ThemeEditorState> {\n public state: ThemeEditorState = {\n groups: [],\n isLoading: true,\n };\n private updateTimeout?: number;\n\n public render() {\n return this.state.isLoading ? (\n <div className={styles.loaderWrapper()}>\n <Loader type=\"big\" active className={styles.loader()} />\n </div>\n ) : (\n this.renderGroups()\n );\n }\n\n public componentDidMount() {\n this.updateTimeout = window.setTimeout(() => {\n this.setState({ groups: VARIABLES_GROUPS, isLoading: false });\n }, 500);\n }\n\n public componentWillUnmount(): void {\n clearTimeout(this.updateTimeout);\n }\n\n private renderGroups = () => {\n const { editingTheme, currentTheme, currentErrors, onValueChange } = this.props;\n const keys = ThemeFactory.getKeys(editingTheme).filter((key) => !isDeprecatedVariable(key));\n\n return (\n <Gapped vertical>\n {this.state.groups.map((i: Group) => (\n <Group\n editingTheme={editingTheme}\n currentTheme={currentTheme}\n currentErrors={currentErrors}\n onValueChange={onValueChange}\n title={i.title}\n variables={keys.filter(\n i.isCommon\n ? isCommonVariable.bind(null, this.state.groups.reduce(prefixesReducer, []))\n : isGroupVariable.bind(null, i.prefix),\n )}\n key={i.title}\n />\n ))}\n {DEPRECATED_VARIABLES.length > 0 ? (\n <Group\n editingTheme={editingTheme}\n currentTheme={currentTheme}\n currentErrors={currentErrors}\n onValueChange={onValueChange}\n title={'Deprecated Variables'}\n variables={DEPRECATED_VARIABLES}\n />\n ) : null}\n </Gapped>\n );\n };\n}\n\ninterface GroupProps {\n editingTheme: Theme;\n currentTheme: Theme;\n currentErrors: ThemeErrorsType;\n title: string;\n variables: Array<keyof Theme>;\n onValueChange: (variable: keyof Theme, value: string) => void;\n}\nconst Group = (props: GroupProps) => {\n const { editingTheme, currentTheme, currentErrors, onValueChange, title, variables } = props;\n\n return variables.length > 0 ? (\n <React.Fragment>\n <h2 className={styles.editorGroupHeader(currentTheme)}>{title}</h2>\n {variables.map((variable) => {\n const value = editingTheme[variable] as string;\n const isError = currentErrors[variable];\n return (\n <VariableValue\n theme={currentTheme}\n onChange={onValueChange}\n value={value}\n isError={isError \|\| false}\n variable={variable}\n key={variable}\n baseVariables={getBaseVariables(editingTheme, variable)}\n deprecated={isDeprecatedVariable(variable)}\n />\n );\n })}\n </React.Fragment>\n ) : null;\n};\n\nconst isDeprecatedVariable = (name: keyof Theme) => {\n return DEPRECATED_VARIABLES.includes(name);\n};\n\nconst isGroupVariable = (prefix: string, name: string) => {\n const splitPrefix = prefix.split(' ') \|\| [];\n\n for (const item of splitPrefix) {\n if (name.startsWith(item.trim())) {\n return true;\n }\n }\n return false;\n};\nconst isCommonVariable = (prefixes: string[], name: string) => {\n for (const item of prefixes) {\n if (name.startsWith(item.trim())) {\n return false;\n }\n }\n return true;\n};\nconst prefixesReducer = (acc: string[], current: { title: string; prefix: string }): string[] => {\n const splitPrefix = current.prefix.split(' ');\n return [...acc, ...splitPrefix];\n};\n\ntype GetBaseVariablesReturnType = Array<keyof Theme>;\nconst getBaseVariables = (theme: Theme, variable: keyof Theme): GetBaseVariablesReturnType => {\n // TODO: Rewrite for loop.\n // TODO: Enable `no-param-reassign` rule.\n // eslint-disable-next-line no-param-reassign\n for (; isNonNullable(theme); theme = Object.getPrototypeOf(theme)) {\n if (Object.prototype.hasOwnProperty.call(theme, variable)) {\n const descriptor = Object.getOwnPropertyDescriptor(theme, variable);\n\n if (descriptor && typeof descriptor.get !== 'undefined') {\n const getterBody = descriptor.get.toString();\n const variableNameMatchArray = getterBody.match(/this\\.(\\w+)\\b/gm) \|\| [];\n return (variableNameMatchArray \|\| []).map((v) => v.replace(/this\\./g, '')) as GetBaseVariablesReturnType;\n }\n break;\n }\n }\n\n return [];\n};\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/ThemePlayground/TogglePlayground.js CHANGED Viewed

@@ -1,20 +1,20 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.TogglePlayground = void 0;var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.TogglePlayground = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _Gapped = require("../../components/Gapped");
-var _Toggle = require("../../components/Toggle");function _callSuper(t, o, e) {return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));}var
+var _Toggle = require("../../components/Toggle");var
-TogglePlayground = exports.TogglePlayground = /*#__PURE__*/function (_React$Component) {function TogglePlayground() {(0, _classCallCheck2.default)(this, TogglePlayground);return _callSuper(this, TogglePlayground, arguments);}(0, _inherits2.default)(TogglePlayground, _React$Component);return (0, _createClass2.default)(TogglePlayground, [{ key: "render", value:
-    function render() {
-      return /*#__PURE__*/(
-        _react.default.createElement(_Gapped.Gapped, { vertical: true }, /*#__PURE__*/
-        _react.default.createElement(_Gapped.Gapped, { gap: 10 }, /*#__PURE__*/
-        _react.default.createElement(_Toggle.Toggle, null), /*#__PURE__*/
-        _react.default.createElement("div", null, "Toggle")
-        ), /*#__PURE__*/
-        _react.default.createElement(_Gapped.Gapped, { gap: 10 }, /*#__PURE__*/
-        _react.default.createElement(_Toggle.Toggle, { disabled: true }), /*#__PURE__*/
-        _react.default.createElement("div", null, "Disabled toggle")
-        )
-        ));
+TogglePlayground = exports.TogglePlayground = /*#__PURE__*/function (_React$Component) {function TogglePlayground() {return _React$Component.apply(this, arguments) || this;}(0, _inheritsLoose2.default)(TogglePlayground, _React$Component);var _proto = TogglePlayground.prototype;_proto.
+  render = function render() {
+    return /*#__PURE__*/(
+      _react.default.createElement(_Gapped.Gapped, { vertical: true }, /*#__PURE__*/
+      _react.default.createElement(_Gapped.Gapped, { gap: 10 }, /*#__PURE__*/
+      _react.default.createElement(_Toggle.Toggle, null), /*#__PURE__*/
+      _react.default.createElement("div", null, "Toggle")
+      ), /*#__PURE__*/
+      _react.default.createElement(_Gapped.Gapped, { gap: 10 }, /*#__PURE__*/
+      _react.default.createElement(_Toggle.Toggle, { disabled: true }), /*#__PURE__*/
+      _react.default.createElement("div", null, "Disabled toggle")
+      )
+      ));
-    } }]);}(_react.default.Component);
+  };return TogglePlayground;}(_react.default.Component);

package/cjs/internal/ThemePlayground/TogglePlayground.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_Gapped","_Toggle","~~_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","~~TogglePlayground","exports","_React$Component","~~_classCallCheck2~~","arguments","~~_inherits2~~","~~_createClass2~~","~~key~~","~~value~~","render","createElement","Gapped","vertical","gap","Toggle","disabled","React","Component"],"sources":["TogglePlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport { Toggle } from '../../components/Toggle';\n\nexport class TogglePlayground extends React.Component {\n public render() {\n return (\n <Gapped vertical>\n <Gapped gap={10}>\n <Toggle />\n <div>Toggle</div>\n </Gapped>\n <Gapped gap={10}>\n <Toggle disabled />\n <div>Disabled toggle</div>\n </Gapped>\n </Gapped>\n );\n }\n}\n"],"mappings":"~~kyBAAA~~,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA,4BAAiD,SAAAG,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,UAAAD,CAAA,OAAAE,gBAAA,CAAAC,OAAA,EAAAH,CAAA,OAAAI,2BAAA,CAAAD,OAAA,EAAAJ,CAAA,MAAAM,0BAAA,CAAAF,OAAA,MAAAG,OAAA,CAAAC,SAAA,CAAAP,CAAA,EAAAC,CAAA,YAAAC,gBAAA,CAAAC,OAAA,EAAAJ,CAAA,EAAAS,WAAA,IAAAR,CAAA,CAAAS,KAAA,CAAAV,CAAA,EAAAE,CAAA;;~~AAEpCS~~,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,0BAAAE,gBAAA,YAAAF,iBAAA,~~OAAAG~~,gBAAA,~~CAAAV~~,~~OAAA~~,~~QAAAO~~,~~gBAAA,SAAAZ,UAAA,OAAAY,gBAAA,EAAAI,~~SAAA,~~OAAAC~~,~~UAAA~~,~~CAAAZ~~,OAAA,~~EAAAO~~,gBAAA,EAAAE,gBAAA,~~aAAAI~~,~~aAAA~~,~~CAAAb~~,~~OAAA,EAAAO,~~gBAAA,~~KAAAO~~,~~GAAA~~,~~YAAAC~~,~~KAAA~~;~~IAC3B~~,~~SAAAC~~,OAAA,EAAgB;~~MACd~~;~~QACE1B~~,MAAA,~~CAAAU~~,OAAA,~~CAAAiB~~,aAAA,~~CAACxB~~,OAAA,~~CAAAyB~~,MAAM,IAACC,QAAQ;~~QACd7B~~,MAAA,~~CAAAU~~,OAAA,~~CAAAiB~~,aAAA,~~CAACxB~~,OAAA,~~CAAAyB~~,MAAM,IAACE,GAAG,EAAE,EAAG;~~QACd9B~~,MAAA,~~CAAAU~~,OAAA,~~CAAAiB~~,aAAA,~~CAACvB~~,OAAA,~~CAAA2B~~,MAAM,MAAE,CAAC;~~QACV/B~~,MAAA,~~CAAAU~~,OAAA,~~CAAAiB~~,aAAA,cAAK,QAAW;~~QACV~~,CAAC;~~QACT3B~~,MAAA,~~CAAAU~~,OAAA,~~CAAAiB~~,aAAA,~~CAACxB~~,OAAA,~~CAAAyB~~,MAAM,IAACE,GAAG,EAAE,EAAG;~~QACd9B~~,MAAA,~~CAAAU~~,OAAA,~~CAAAiB~~,aAAA,~~CAACvB~~,OAAA,~~CAAA2B~~,MAAM,IAACC,QAAQ,QAAE,CAAC;~~QACnBhC~~,MAAA,~~CAAAU~~,OAAA,~~CAAAiB~~,aAAA,cAAK,iBAAoB;~~QACnB~~;~~QACF~~,CAAC;;~~IAEb~~,CAAC,~~OAdmCM~~,cAAK,CAACC,SAAS","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_Gapped","_Toggle","TogglePlayground","exports","_React$Component","apply","arguments","_inheritsLoose2","default","_proto","prototype","render","createElement","Gapped","vertical","gap","Toggle","disabled","React","Component"],"sources":["TogglePlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport { Toggle } from '../../components/Toggle';\n\nexport class TogglePlayground extends React.Component {\n public render() {\n return (\n <Gapped vertical>\n <Gapped gap={10}>\n <Toggle />\n <div>Toggle</div>\n </Gapped>\n <Gapped gap={10}>\n <Toggle disabled />\n <div>Disabled toggle</div>\n </Gapped>\n </Gapped>\n );\n }\n}\n"],"mappings":"oQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA,4BAAiD;;AAEpCG,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,0BAAAE,gBAAA,YAAAF,iBAAA,UAAAE,gBAAA,CAAAC,KAAA,OAAAC,SAAA,eAAAC,eAAA,CAAAC,OAAA,EAAAN,gBAAA,EAAAE,gBAAA,MAAAK,MAAA,GAAAP,gBAAA,CAAAQ,SAAA,CAAAD,MAAA;EACpBE,MAAM,GAAb,SAAAA,OAAA,EAAgB;IACd;MACEd,MAAA,CAAAW,OAAA,CAAAI,aAAA,CAACZ,OAAA,CAAAa,MAAM,IAACC,QAAQ;MACdjB,MAAA,CAAAW,OAAA,CAAAI,aAAA,CAACZ,OAAA,CAAAa,MAAM,IAACE,GAAG,EAAE,EAAG;MACdlB,MAAA,CAAAW,OAAA,CAAAI,aAAA,CAACX,OAAA,CAAAe,MAAM,MAAE,CAAC;MACVnB,MAAA,CAAAW,OAAA,CAAAI,aAAA,cAAK,QAAW;MACV,CAAC;MACTf,MAAA,CAAAW,OAAA,CAAAI,aAAA,CAACZ,OAAA,CAAAa,MAAM,IAACE,GAAG,EAAE,EAAG;MACdlB,MAAA,CAAAW,OAAA,CAAAI,aAAA,CAACX,OAAA,CAAAe,MAAM,IAACC,QAAQ,QAAE,CAAC;MACnBpB,MAAA,CAAAW,OAAA,CAAAI,aAAA,cAAK,iBAAoB;MACnB;MACF,CAAC;;EAEb,CAAC,QAAAV,gBAAA,GAdmCgB,cAAK,CAACC,SAAS","ignoreList":[]}

package/cjs/internal/ThemePlayground/TokenInputPlayground.js CHANGED Viewed

@@ -1,7 +1,7 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.TokenInputPlayground = void 0;var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.TokenInputPlayground = void 0;var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _react = _interopRequireDefault(require("react"));
 var _TokenInput = require("../../components/TokenInput");
-var _Token = require("../../components/Token");function _callSuper(t, o, e) {return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));}function
+var _Token = require("../../components/Token");function
 getItems(_x) {return _getItems.apply(this, arguments);}function _getItems() {_getItems = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(query) {return _regenerator.default.wrap(function _callee$(_context) {while (1) switch (_context.prev = _context.next) {case 0:return _context.abrupt("return",
           Promise.resolve(
@@ -14,20 +14,20 @@ getItems(_x) {return _getItems.apply(this, arguments);}function _getItems() {_ge
-TokenInputPlayground = exports.TokenInputPlayground = /*#__PURE__*/function (_React$Component) {function TokenInputPlayground() {var _this;(0, _classCallCheck2.default)(this, TokenInputPlayground);for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _callSuper(this, TokenInputPlayground, [].concat(args));_this.
-    state = { selectedItems: ['First', 'Second'] };return _this;}(0, _inherits2.default)(TokenInputPlayground, _React$Component);return (0, _createClass2.default)(TokenInputPlayground, [{ key: "render", value:
+TokenInputPlayground = exports.TokenInputPlayground = /*#__PURE__*/function (_React$Component) {function TokenInputPlayground() {var _this;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.
+    state = { selectedItems: ['First', 'Second'] };return _this;}(0, _inheritsLoose2.default)(TokenInputPlayground, _React$Component);var _proto = TokenInputPlayground.prototype;_proto.
-    function render() {var _this2 = this;
-      return /*#__PURE__*/(
-        _react.default.createElement(_TokenInput.TokenInput, {
-          getItems: getItems,
-          selectedItems: this.state.selectedItems,
-          renderToken: function renderToken(item, _ref) {var isActive = _ref.isActive,onClick = _ref.onClick,onRemove = _ref.onRemove;return /*#__PURE__*/(
-              _react.default.createElement(_Token.Token, { key: item.toString(), isActive: isActive, onClick: onClick, onRemove: onRemove },
-              item
-              ));},
+  render = function render() {var _this2 = this;
+    return /*#__PURE__*/(
+      _react.default.createElement(_TokenInput.TokenInput, {
+        getItems: getItems,
+        selectedItems: this.state.selectedItems,
+        renderToken: function renderToken(item, _ref) {var isActive = _ref.isActive,onClick = _ref.onClick,onRemove = _ref.onRemove;return /*#__PURE__*/(
+            _react.default.createElement(_Token.Token, { key: item.toString(), isActive: isActive, onClick: onClick, onRemove: onRemove },
+            item
+            ));},
-          onValueChange: function onValueChange(itemsNew) {return _this2.setState({ selectedItems: itemsNew });} }
-        ));
+        onValueChange: function onValueChange(itemsNew) {return _this2.setState({ selectedItems: itemsNew });} }
+      ));
-    } }]);}(_react.default.Component);
+  };return TokenInputPlayground;}(_react.default.Component);

package/cjs/internal/ThemePlayground/TokenInputPlayground.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_TokenInput","_Token","~~_callSuper~~","t","o","~~e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","~~apply","~~getItems~~","_x","~~_getItems~~","~~arguments","_asyncToGenerator2","~~_regenerator","mark","_callee","query","wrap","_callee$","_context","prev","next","abrupt","Promise","resolve","filter","x","toLowerCase","includes","toString","then","res","setTimeout","bind","stop","TokenInputPlayground","exports","_React$Component","_this","~~_classCallCheck2","~~_len","length","args","Array","_key","concat","state","selectedItems","~~_inherits2~~","~~_createClass2~~","~~key~~","~~value","~~render","_this2","createElement","TokenInput","renderToken","item","_ref","isActive","onClick","onRemove","Token","onValueChange","itemsNew","setState","React","Component"],"sources":["TokenInputPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TokenInput } from '../../components/TokenInput';\nimport { Token } from '../../components/Token';\n\nasync function getItems(query: string) {\n return Promise.resolve(\n ['First', 'Second', 'Third', 'Fourth', 'Fifth', 'Sixth'].filter(\n (x) => x.toLowerCase().includes(query.toLowerCase()) \|\| x.toString() === query,\n ),\n ).then((res: string[]) => new Promise<string[]>((resolve) => setTimeout(resolve.bind(null, res), 500)));\n}\n\ninterface TokenInputPlaygroundState {\n selectedItems: string[];\n}\nexport class TokenInputPlayground extends React.Component {\n public state: TokenInputPlaygroundState = { selectedItems: ['First', 'Second'] };\n\n public render() {\n return (\n <TokenInput\n getItems={getItems}\n selectedItems={this.state.selectedItems}\n renderToken={(item, { isActive, onClick, onRemove }) => (\n <Token key={item.toString()} isActive={isActive} onClick={onClick} onRemove={onRemove}>\n {item}\n </Token>\n )}\n onValueChange={(itemsNew) => this.setState({ selectedItems: itemsNew })}\n />\n );\n }\n}\n"],"mappings":"~~29BAAA~~,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA,2BAA+C,SAAAG,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,UAAAD,CAAA,OAAAE,gBAAA,CAAAC,OAAA,EAAAH,CAAA,OAAAI,2BAAA,CAAAD,OAAA,EAAAJ,CAAA,MAAAM,0BAAA,CAAAF,OAAA,MAAAG,OAAA,CAAAC,SAAA,CAAAP,CAAA,EAAAC,CAAA,YAAAC,gBAAA,CAAAC,OAAA,EAAAJ,CAAA,EAAAS,WAAA,IAAAR,CAAA,CAAAS,KAAA,CAAAV,CAAA,EAAAE,CAAA;;~~AAEhCS~~,QAAQA,CAAAC,EAAA,UAAAC,SAAA,~~CAAAH~~,KAAA,~~OAAAI~~,SAAA,~~YAAAD~~,UAAA,GAAAA,SAAA,~~OAAAE~~,kBAAA,~~CAAAX~~,OAAA,~~gBAAAY~~,YAAA,~~CAAAZ~~,OAAA,~~CAAAa~~,IAAA,CAAvB,SAAAC,QAAwBC,KAAa,UAAAH,YAAA,~~CAAAZ~~,OAAA,~~CAAAgB~~,IAAA,UAAAC,SAAAC,QAAA,qBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA,iBAAAF,QAAA,CAAAG,MAAA;UAC5BC,OAAO,CAACC,OAAO;YACpB,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC,CAACC,MAAM;cAC7D,UAACC,CAAC,UAAKA,CAAC,CAACC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACZ,KAAK,CAACW,WAAW,CAAC,CAAC,CAAC,IAAID,CAAC,CAACG,QAAQ,CAAC,CAAC,KAAKb,KAAK;YAChF;UACF,CAAC,CAACc,IAAI,CAAC,UAACC,GAAa,UAAK,IAAIR,OAAO,CAAW,UAACC,OAAO,UAAKQ,UAAU,CAACR,OAAO,CAACS,IAAI,CAAC,IAAI,EAAEF,GAAG,CAAC,EAAE,GAAG,CAAC,GAAC,GAAC,2BAAAZ,QAAA,CAAAe,IAAA,OAAAnB,OAAA,GACxG,~~UAAAL~~,SAAA,~~CAAAH~~,KAAA,~~OAAAI~~,SAAA;;;;;;~~AAKYwB~~,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,0BAAAE,gBAAA,YAAAF,qBAAA,OAAAG,KAAA,~~KAAAC~~,~~gBAAA,CAAAtC,OAAA,QAAAkC,oBAAA,WAAAK,~~IAAA,GAAA7B,SAAA,CAAA8B,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAjC,SAAA,CAAAiC,IAAA,~~GAAAN~~,KAAA,~~GAAA1C~~,~~UAAA~~,~~OAAAuC~~,~~oBAAA~~,~~KAAAU~~,MAAA,~~CAAAH~~,IAAA,~~GAAAJ~~,KAAA;IACxBQ,KAAK,GAA8B,EAAEC,aAAa,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAAT,KAAA,MAAAU,~~UAAA~~,~~CAAA/C~~,OAAA,~~EAAAkC~~,oBAAA,EAAAE,gBAAA,~~aAAAY~~,~~aAAA~~,~~CAAAhD~~,~~OAAA,EAAAkC,~~oBAAA,~~KAAAe~~,~~GAAA~~,~~YAAAC~~,~~KAAA~~;;~~IAEhF~~,~~SAAAC~~,OAAA,EAAgB,KAAAC,MAAA;~~MACd~~;~~QACE9D~~,MAAA,~~CAAAU~~,OAAA,~~CAAAqD~~,aAAA,~~CAAC5D~~,WAAA,~~CAAA6D~~,UAAU;~~UACT/C~~,QAAQ,EAAEA,QAAS;~~UACnBuC~~,aAAa,EAAE,IAAI,CAACD,KAAK,CAACC,aAAc;~~UACxCS~~,WAAW,EAAE,SAAAA,YAACC,IAAI,EAAAC,IAAA,OAAIC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO,CAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;~~cAC~~/~~CtE~~,MAAA,~~CAAAU~~,OAAA,~~CAAAqD~~,aAAA,~~CAAC3D~~,MAAA,~~CAAAmE~~,KAAK,~~IAACZ~~,GAAG,~~EAAEO~~,IAAI,~~CAAC5B~~,QAAQ,CAAC,CAAE,~~EAAC8B~~,QAAQ,EAAEA,QAAS,EAACC,OAAO,EAAEA,OAAQ,EAACC,QAAQ,EAAEA,QAAS;~~cACnFJ~~;~~cACI~~,CAAC,GACR;;~~UACFM~~,aAAa,EAAE,SAAAA,cAACC,QAAQ,~~UAAKX~~,MAAI,~~CAACY~~,QAAQ,CAAC,EAAElB,aAAa,EAAEiB,QAAQ,CAAC,CAAC,CAAC,EAAC;~~QACzE~~,CAAC;;~~IAEN~~,CAAC,~~OAhBuCE~~,cAAK,CAACC,SAAS","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_TokenInput","_Token","getItems","_x","_getItems","apply","arguments","_asyncToGenerator2","default","_regenerator","mark","_callee","query","wrap","_callee$","_context","prev","next","abrupt","Promise","resolve","filter","x","toLowerCase","includes","toString","then","res","setTimeout","bind","stop","TokenInputPlayground","exports","_React$Component","_this","_len","length","args","Array","_key","call","concat","state","selectedItems","_inheritsLoose2","_proto","prototype","render","_this2","createElement","TokenInput","renderToken","item","_ref","isActive","onClick","onRemove","Token","key","onValueChange","itemsNew","setState","React","Component"],"sources":["TokenInputPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TokenInput } from '../../components/TokenInput';\nimport { Token } from '../../components/Token';\n\nasync function getItems(query: string) {\n return Promise.resolve(\n ['First', 'Second', 'Third', 'Fourth', 'Fifth', 'Sixth'].filter(\n (x) => x.toLowerCase().includes(query.toLowerCase()) \|\| x.toString() === query,\n ),\n ).then((res: string[]) => new Promise<string[]>((resolve) => setTimeout(resolve.bind(null, res), 500)));\n}\n\ninterface TokenInputPlaygroundState {\n selectedItems: string[];\n}\nexport class TokenInputPlayground extends React.Component {\n public state: TokenInputPlaygroundState = { selectedItems: ['First', 'Second'] };\n\n public render() {\n return (\n <TokenInput\n getItems={getItems}\n selectedItems={this.state.selectedItems}\n renderToken={(item, { isActive, onClick, onRemove }) => (\n <Token key={item.toString()} isActive={isActive} onClick={onClick} onRemove={onRemove}>\n {item}\n </Token>\n )}\n onValueChange={(itemsNew) => this.setState({ selectedItems: itemsNew })}\n />\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/ThemePlayground/UnlinkVarsPlayground.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.UnlinkVarsPlayground = void 0;var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react = _interopRequireWildcard(require("react"));
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.UnlinkVarsPlayground = void 0;var _react = _interopRequireWildcard(require("react"));
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _ThemeFactory = require("../../lib/theming/ThemeFactory");
@@ -19,7 +19,7 @@ var propsList = [
 var UnlinkVarsPlayground = exports.UnlinkVarsPlayground = function UnlinkVarsPlayground() {
   var theme = _ThemeFactory.ThemeFactory.create({ borderColorFocus: '#7474DA', linkColor: '#0000cc' });
-  var _useState = (0, _react.useState)(3),_useState2 = (0, _slicedToArray2.default)(_useState, 2),active = _useState2[0],setActive = _useState2[1];
+  var _useState = (0, _react.useState)(3),active = _useState[0],setActive = _useState[1];
   return /*#__PURE__*/(
     _react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: theme }, /*#__PURE__*/
     _react.default.createElement("div", { style: { display: 'grid', gap: '10px' } },

package/cjs/internal/ThemePlayground/UnlinkVarsPlayground.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_ThemeContext","_ThemeFactory","_Checkbox","_Radio","_FileUploader","_Paging","_helpers","propsList","children","initialIndeterminate","checked","focused","UnlinkVarsPlayground","exports","theme","ThemeFactory","create","borderColorFocus","linkColor","_useState","useState","~~_useState2~~","~~_slicedToArray2~~","default","~~active","setActive","~~createElement","ThemeContext","Provider","value","style","display","gap","getComponentsFromPropsList","Checkbox","Paging","activePage","pagesCount","onPageChange","num","FileUploader","Radio"],"sources":["UnlinkVarsPlayground.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { CheckboxProps } from '../../components/Checkbox';\nimport { Checkbox } from '../../components/Checkbox';\nimport { Radio } from '../../components/Radio';\nimport { FileUploader } from '../../components/FileUploader';\nimport { Paging } from '../../components/Paging';\n\nimport { getComponentsFromPropsList } from './helpers';\n\ntype CheckboxProp = CheckboxProps & { focused?: boolean };\nconst propsList: CheckboxProp[] = [\n { children: 'Semichecked', initialIndeterminate: true },\n { children: 'Checked', checked: true },\n { children: 'Checked & Focused', checked: true, focused: true },\n];\n\nexport const UnlinkVarsPlayground = () => {\n const theme = ThemeFactory.create({ borderColorFocus: '#7474DA', linkColor: '#0000cc' });\n const [active, setActive] = useState(3);\n return (\n <ThemeContext.Provider value={theme}>\n <div style={{ display: 'grid', gap: '10px' }}>\n {getComponentsFromPropsList(<Checkbox />, propsList)}\n <Paging activePage={active} pagesCount={5} onPageChange={(num) => setActive(num)} />\n <FileUploader />\n <Radio value={'foo'} focused />\n </div>\n </ThemeContext.Provider>\n );\n};\n"],"mappings":"~~2YAAA~~,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;;AAEA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;;AAEA,IAAAO,QAAA,GAAAP,OAAA;;;AAGA,IAAMQ,SAAyB,GAAG;AAChC,EAAEC,QAAQ,EAAE,aAAa,EAAEC,oBAAoB,EAAE,IAAI,CAAC,CAAC;AACvD,EAAED,QAAQ,EAAE,SAAS,EAAEE,OAAO,EAAE,IAAI,CAAC,CAAC;AACtC,EAAEF,QAAQ,EAAE,mBAAmB,EAAEE,OAAO,EAAE,IAAI,EAAEC,OAAO,EAAE,IAAI,CAAC,CAAC,CAChE;;;AAEM,IAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAAvBA,oBAAoBA,CAAA,EAAS;EACxC,IAAME,KAAK,GAAGC,0BAAY,CAACC,MAAM,CAAC,EAAEC,gBAAgB,EAAE,SAAS,EAAEC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;EACxF,IAAAC,SAAA,GAA4B,IAAAC,eAAQ,EAAC,CAAC,CAAC,~~CAAAC~~,~~UAAA~~,~~OAAAC~~,~~eAAA,CAAAC,OAAA,EAAAJ,~~SAAA,~~KAAhCK~~,~~MAAM~~,GAAAH,~~UAAA,IAAEI,SAAS,GAAAJ,UAAA~~;EACxB;~~IACExB~~,MAAA,CAAA0B,OAAA,~~CAAAG~~,aAAA,~~CAAC1B~~,aAAA,~~CAAA2B~~,YAAY,CAACC,QAAQ,IAACC,KAAK,~~EAAEf~~,KAAM;IAClCjB,MAAA,CAAA0B,OAAA,~~CAAAG~~,aAAA,UAAKI,KAAK,EAAE,EAAEC,OAAO,EAAE,MAAM,EAAEC,GAAG,EAAE,MAAM,CAAC,CAAE;IAC1C,IAAAC,mCAA0B,~~gBAACpC~~,MAAA,CAAA0B,OAAA,~~CAAAG~~,aAAA,~~CAACxB~~,SAAA,~~CAAAgC~~,QAAQ,MAAE,CAAC,~~EAAE3B~~,SAAS,CAAC;IACpDV,MAAA,CAAA0B,OAAA,~~CAAAG~~,aAAA,~~CAACrB~~,OAAA,~~CAAA8B~~,MAAM,IAACC,UAAU,~~EAAEZ~~,MAAO,~~EAACa~~,UAAU,EAAE,CAAE,EAACC,YAAY,EAAE,SAAAA,aAACC,GAAG,~~UAAKd~~,SAAS,~~CAACc~~,GAAG,CAAC,EAAC,EAAE,CAAC;~~IACpF1C~~,MAAA,CAAA0B,OAAA,~~CAAAG~~,aAAA,~~CAACtB~~,aAAA,~~CAAAoC~~,YAAY,MAAE,CAAC;~~IAChB3C~~,MAAA,CAAA0B,OAAA,~~CAAAG~~,aAAA,~~CAACvB~~,MAAA,~~CAAAsC~~,KAAK,IAACZ,KAAK,EAAE,KAAM,~~EAAClB~~,OAAO,QAAE;IAC3B;IACgB,CAAC;;AAE5B,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_ThemeContext","_ThemeFactory","_Checkbox","_Radio","_FileUploader","_Paging","_helpers","propsList","children","initialIndeterminate","checked","focused","UnlinkVarsPlayground","exports","theme","ThemeFactory","create","borderColorFocus","linkColor","_useState","useState","active","setActive","default","createElement","ThemeContext","Provider","value","style","display","gap","getComponentsFromPropsList","Checkbox","Paging","activePage","pagesCount","onPageChange","num","FileUploader","Radio"],"sources":["UnlinkVarsPlayground.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { CheckboxProps } from '../../components/Checkbox';\nimport { Checkbox } from '../../components/Checkbox';\nimport { Radio } from '../../components/Radio';\nimport { FileUploader } from '../../components/FileUploader';\nimport { Paging } from '../../components/Paging';\n\nimport { getComponentsFromPropsList } from './helpers';\n\ntype CheckboxProp = CheckboxProps & { focused?: boolean };\nconst propsList: CheckboxProp[] = [\n { children: 'Semichecked', initialIndeterminate: true },\n { children: 'Checked', checked: true },\n { children: 'Checked & Focused', checked: true, focused: true },\n];\n\nexport const UnlinkVarsPlayground = () => {\n const theme = ThemeFactory.create({ borderColorFocus: '#7474DA', linkColor: '#0000cc' });\n const [active, setActive] = useState(3);\n return (\n <ThemeContext.Provider value={theme}>\n <div style={{ display: 'grid', gap: '10px' }}>\n {getComponentsFromPropsList(<Checkbox />, propsList)}\n <Paging activePage={active} pagesCount={5} onPageChange={(num) => setActive(num)} />\n <FileUploader />\n <Radio value={'foo'} focused />\n </div>\n </ThemeContext.Provider>\n );\n};\n"],"mappings":"4KAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;;AAEA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;;AAEA,IAAAO,QAAA,GAAAP,OAAA;;;AAGA,IAAMQ,SAAyB,GAAG;AAChC,EAAEC,QAAQ,EAAE,aAAa,EAAEC,oBAAoB,EAAE,IAAI,CAAC,CAAC;AACvD,EAAED,QAAQ,EAAE,SAAS,EAAEE,OAAO,EAAE,IAAI,CAAC,CAAC;AACtC,EAAEF,QAAQ,EAAE,mBAAmB,EAAEE,OAAO,EAAE,IAAI,EAAEC,OAAO,EAAE,IAAI,CAAC,CAAC,CAChE;;;AAEM,IAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAAvBA,oBAAoBA,CAAA,EAAS;EACxC,IAAME,KAAK,GAAGC,0BAAY,CAACC,MAAM,CAAC,EAAEC,gBAAgB,EAAE,SAAS,EAAEC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;EACxF,IAAAC,SAAA,GAA4B,IAAAC,eAAQ,EAAC,CAAC,CAAC,CAAhCC,MAAM,GAAAF,SAAA,IAAEG,SAAS,GAAAH,SAAA;EACxB;IACEtB,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACxB,aAAA,CAAAyB,YAAY,CAACC,QAAQ,IAACC,KAAK,EAAEb,KAAM;IAClCjB,MAAA,CAAA0B,OAAA,CAAAC,aAAA,UAAKI,KAAK,EAAE,EAAEC,OAAO,EAAE,MAAM,EAAEC,GAAG,EAAE,MAAM,CAAC,CAAE;IAC1C,IAAAC,mCAA0B,gBAAClC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACtB,SAAA,CAAA8B,QAAQ,MAAE,CAAC,EAAEzB,SAAS,CAAC;IACpDV,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACnB,OAAA,CAAA4B,MAAM,IAACC,UAAU,EAAEb,MAAO,EAACc,UAAU,EAAE,CAAE,EAACC,YAAY,EAAE,SAAAA,aAACC,GAAG,UAAKf,SAAS,CAACe,GAAG,CAAC,EAAC,EAAE,CAAC;IACpFxC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAkC,YAAY,MAAE,CAAC;IAChBzC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACrB,MAAA,CAAAoC,KAAK,IAACZ,KAAK,EAAE,KAAM,EAAChB,OAAO,QAAE;IAC3B;IACgB,CAAC;;AAE5B,CAAC","ignoreList":[]}

package/cjs/internal/ThemePlayground/VariableValue.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.VariableValue = void 0;var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.VariableValue = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _ToolPencilLineIcon16Regular = require("@skbkontur/icons/icons/ToolPencilLineIcon/ToolPencilLineIcon16Regular");
 var _XIcon16Regular = require("@skbkontur/icons/icons/XIcon/XIcon16Regular");
 var _eventemitter = _interopRequireDefault(require("eventemitter3"));
@@ -13,7 +13,7 @@ var _utils = require("../../lib/utils");
 var _Emotion = require("../../lib/theming/Emotion");
 var _createPropsGetter = require("../../lib/createPropsGetter");
-var _Playground = require("./Playground.styles");function _callSuper(t, o, e) {return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));}
+var _Playground = require("./Playground.styles");
 var emitter = new _eventemitter.default();var
@@ -34,7 +34,7 @@ var emitter = new _eventemitter.default();var
-VariableValue = exports.VariableValue = /*#__PURE__*/function (_React$Component) {function VariableValue() {var _this;(0, _classCallCheck2.default)(this, VariableValue);for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _callSuper(this, VariableValue, [].concat(args));_this.
+VariableValue = exports.VariableValue = /*#__PURE__*/function (_React$Component) {function VariableValue() {var _this;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.
@@ -200,20 +200,20 @@ VariableValue = exports.VariableValue = /*#__PURE__*/function (_React$Component)
       if (name === _this.props.variable && _this.rootElement) {
         _this.rootElement.focus();
       }
-    };return _this;}(0, _inherits2.default)(VariableValue, _React$Component);return (0, _createClass2.default)(VariableValue, [{ key: "render", value: function render() {var _this$props2 = this.props,variable = _this$props2.variable,theme = _this$props2.theme,baseVariables = _this$props2.baseVariables;var deprecated = this.getProps().deprecated;return /*#__PURE__*/_react.default.createElement("div", { className: _Playground.styles.variable(theme), ref: this.rootRef, tabIndex: 0 }, /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_Playground.styles.variableName(theme), (0, _defineProperty2.default)({}, _Playground.styles.deprecated(), deprecated)), title: variable }, "".concat(variable, ": ")), baseVariables.length > 0 && !this.state.editing ? this.renderBaseVariableLink() : this.renderInputWrapper());} }, { key: "componentDidMount", value: function componentDidMount() {var _this2 = this;if (!this.subscription) {emitter.addListener('clicked', this.emitterEventHandler);this.subscription = { remove: function remove() {emitter.removeListener('clicked', _this2.emitterEventHandler);} };}} }, { key: "componentDidUpdate", value: function componentDidUpdate(prevProps) {if (prevProps.value !== this.props.value) {this.setState({ value: this.props.value });}} }, { key: "componentWillUnmount", value: function componentWillUnmount() {if (this.subscription) {this.subscription.remove();}if (this.debounceInterval !== undefined) {clearInterval(this.debounceInterval);}} }, { key: "renderInput", value: function renderInput() {return /*#__PURE__*/_react.default.createElement(_Input.Input, { leftIcon: isColorExtended(this.state.value) && this.colorIcon(), value: this.state.value, onValueChange: this.handleChange, onBlur: this.handleBlur, align: 'right', width: this.state.editing ? 225 : 250, error: this.props.isError });} }, { key: "renderRollbackIcon", value: function renderRollbackIcon() {return /*#__PURE__*/_react.default.createElement(_Hint.Hint, { text: 'Вернуться к базовой переменной' }, /*#__PURE__*/_react.default.createElement("div", { className: _Playground.styles.linkRoot() }, /*#__PURE__*/_react.default.createElement(_Link.Link, { icon: /*#__PURE__*/_react.default.createElement(_XIcon16Regular.XIcon16Regular, null), onClick: this.rollbackToBaseVariable })));} }]);}(_react.default.Component);VariableValue.defaultProps = { deprecated: false };var
+    };return _this;}(0, _inheritsLoose2.default)(VariableValue, _React$Component);var _proto = VariableValue.prototype;_proto.render = function render() {var _cx;var _this$props2 = this.props,variable = _this$props2.variable,theme = _this$props2.theme,baseVariables = _this$props2.baseVariables;var deprecated = this.getProps().deprecated;return /*#__PURE__*/_react.default.createElement("div", { className: _Playground.styles.variable(theme), ref: this.rootRef, tabIndex: 0 }, /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_Playground.styles.variableName(theme), (_cx = {}, _cx[_Playground.styles.deprecated()] = deprecated, _cx)), title: variable }, variable + ": "), baseVariables.length > 0 && !this.state.editing ? this.renderBaseVariableLink() : this.renderInputWrapper());};_proto.componentDidMount = function componentDidMount() {var _this2 = this;if (!this.subscription) {emitter.addListener('clicked', this.emitterEventHandler);this.subscription = { remove: function remove() {emitter.removeListener('clicked', _this2.emitterEventHandler);} };}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (prevProps.value !== this.props.value) {this.setState({ value: this.props.value });}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.subscription) {this.subscription.remove();}if (this.debounceInterval !== undefined) {clearInterval(this.debounceInterval);}};_proto.renderInput = function renderInput() {return /*#__PURE__*/_react.default.createElement(_Input.Input, { leftIcon: isColorExtended(this.state.value) && this.colorIcon(), value: this.state.value, onValueChange: this.handleChange, onBlur: this.handleBlur, align: 'right', width: this.state.editing ? 225 : 250, error: this.props.isError });};_proto.renderRollbackIcon = function renderRollbackIcon() {return /*#__PURE__*/_react.default.createElement(_Hint.Hint, { text: 'Вернуться к базовой переменной' }, /*#__PURE__*/_react.default.createElement("div", { className: _Playground.styles.linkRoot() }, /*#__PURE__*/_react.default.createElement(_Link.Link, { icon: /*#__PURE__*/_react.default.createElement(_XIcon16Regular.XIcon16Regular, null), onClick: this.rollbackToBaseVariable })));};return VariableValue;}(_react.default.Component);VariableValue.defaultProps = { deprecated: false };var
-BaseVariableLink = /*#__PURE__*/function (_React$Component2) {function BaseVariableLink() {var _this3;(0, _classCallCheck2.default)(this, BaseVariableLink);for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {args[_key2] = arguments[_key2];}_this3 = _callSuper(this, BaseVariableLink, [].concat(args));_this3.
+BaseVariableLink = /*#__PURE__*/function (_React$Component2) {function BaseVariableLink() {var _this3;for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {args[_key2] = arguments[_key2];}_this3 = _React$Component2.call.apply(_React$Component2, [this].concat(args)) || this;_this3.
     emitClickEvent = function () {
       _this3.props.emitClickEvent(_this3.props.baseVariable);
-    };return _this3;}(0, _inherits2.default)(BaseVariableLink, _React$Component2);return (0, _createClass2.default)(BaseVariableLink, [{ key: "render", value: function render() {return /*#__PURE__*/_react.default.createElement(_Link.Link, { onClick: this.emitClickEvent }, this.props.baseVariable);} }]);}(_react.default.Component);
+    };return _this3;}(0, _inheritsLoose2.default)(BaseVariableLink, _React$Component2);var _proto2 = BaseVariableLink.prototype;_proto2.render = function render() {return /*#__PURE__*/_react.default.createElement(_Link.Link, { onClick: this.emitClickEvent }, this.props.baseVariable);};return BaseVariableLink;}(_react.default.Component);