@skbkontur/react-ui 0.0.0-66a28a30fb → 0.0.0-68e286f9fe

package/cjs/internal/RenderLayer/RenderLayer.d.ts

@@ -12,9 +12,6 @@ type DefaultProps = Required<Pick<RenderLayerProps, 'active'>>;
 export declare class RenderLayer extends React.Component<RenderLayerProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
-    static propTypes: {
-        active(props: RenderLayerProps, propName: keyof RenderLayerProps, componentName: string): Error | undefined;
-    };
     static defaultProps: DefaultProps;
     private getProps;
     private focusOutsideListenerToken;

package/cjs/internal/RenderLayer/RenderLayer.js

@@ -29,17 +29,6 @@ RenderLayer = exports.RenderLayer = (0, _rootNode.rootNode)(_class = (_RenderLay
 
 
 
-
-
-
-
-
-
-
-
-
-
-
     getProps = (0, _createPropsGetter.createPropsGetter)(RenderLayer.defaultProps);_this.
 
     focusOutsideListenerToken =
@@ -111,6 +100,7 @@ RenderLayer = exports.RenderLayer = (0, _rootNode.rootNode)(_class = (_RenderLay
 
 
 
+
 
 
     handleFocusOutside = function (event) {
@@ -130,4 +120,4 @@ RenderLayer = exports.RenderLayer = (0, _rootNode.rootNode)(_class = (_RenderLay
       if (_this.props.onClickOutside) {
         _this.props.onClickOutside(event);
       }
-    };return _this;}(0, _inheritsLoose2.default)(RenderLayer, _React$Component);var _proto = RenderLayer.prototype;_proto.componentDidMount = function componentDidMount() {if (this.getProps().active) {this.attachListeners();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var active = this.getProps().active;if (!prevProps.active && active) {this.attachListeners();}if (prevProps.active && !active) {this.detachListeners();}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.getProps().active) {this.detachListeners();}};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), _react.default.Children.only(this.props.children));};_proto.getAnchorNode = function getAnchorNode() {var getAnchorElement = this.props.getAnchorElement;return getAnchorElement ? getAnchorElement() : (0, _rootNode.getRootNode)(this);};_proto.attachListeners = function attachListeners() {var _globalObject$documen;var node = this.getAnchorNode();if (!node) {return;}this.focusOutsideListenerToken = (0, _listenFocusOutside.listen)(function () {return [node];}, this.handleFocusOutside);_globalObject.globalObject.addEventListener == null || _globalObject.globalObject.addEventListener('blur', this.handleFocusOutside);(_globalObject$documen = _globalObject.globalObject.document) == null || _globalObject$documen.addEventListener('ontouchstart' in _globalObject.globalObject.document.documentElement && 'onpointerup' in _globalObject.globalObject.document.documentElement ? 'pointerup' : 'mousedown', this.handleNativeDocClick);};_proto.detachListeners = function detachListeners() {var _globalObject$documen2;if (this.focusOutsideListenerToken) {this.focusOutsideListenerToken.remove();this.focusOutsideListenerToken = null;}_globalObject.globalObject.removeEventListener == null || _globalObject.globalObject.removeEventListener('blur', this.handleFocusOutside);(_globalObject$documen2 = _globalObject.globalObject.document) == null || _globalObject$documen2.removeEventListener('ontouchstart' in _globalObject.globalObject.document.documentElement && 'onpointerup' in _globalObject.globalObject.document.documentElement ? 'pointerup' : 'mousedown', this.handleNativeDocClick);};return RenderLayer;}(_react.default.Component), _RenderLayer.__KONTUR_REACT_UI__ = 'RenderLayer', _RenderLayer.displayName = 'RenderLayer', _RenderLayer.propTypes = { active: function active(props, propName, componentName) {var active = props.active,onClickOutside = props.onClickOutside,onFocusOutside = props.onFocusOutside;if (active && !(onClickOutside || onFocusOutside)) {return new Error("[" + componentName + "]: using the component without either 'onClickOutside' or 'onFocusOutside' callback is pointless.");}} }, _RenderLayer.defaultProps = { active: true }, _RenderLayer)) || _class;
+    };return _this;}(0, _inheritsLoose2.default)(RenderLayer, _React$Component);var _proto = RenderLayer.prototype;_proto.componentDidMount = function componentDidMount() {if (this.getProps().active) {this.attachListeners();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var _this$getProps = this.getProps(),active = _this$getProps.active;if (!prevProps.active && active) {this.attachListeners();}if (prevProps.active && !active) {this.detachListeners();}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.getProps().active) {this.detachListeners();}};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), _react.default.Children.only(this.props.children));};_proto.getAnchorNode = function getAnchorNode() {var getAnchorElement = this.props.getAnchorElement;return getAnchorElement ? getAnchorElement() : (0, _rootNode.getRootNode)(this);};_proto.attachListeners = function attachListeners() {var _globalObject$documen;var node = this.getAnchorNode();if (!node) {return;}this.focusOutsideListenerToken = (0, _listenFocusOutside.listen)(function () {return [node];}, this.handleFocusOutside);_globalObject.globalObject.addEventListener == null || _globalObject.globalObject.addEventListener('blur', this.handleFocusOutside);(_globalObject$documen = _globalObject.globalObject.document) == null || _globalObject$documen.addEventListener('ontouchstart' in _globalObject.globalObject.document.documentElement && 'onpointerup' in _globalObject.globalObject.document.documentElement ? 'pointerup' : 'mousedown', this.handleNativeDocClick);};_proto.detachListeners = function detachListeners() {var _globalObject$documen2;if (this.focusOutsideListenerToken) {this.focusOutsideListenerToken.remove();this.focusOutsideListenerToken = null;}_globalObject.globalObject.removeEventListener == null || _globalObject.globalObject.removeEventListener('blur', this.handleFocusOutside);(_globalObject$documen2 = _globalObject.globalObject.document) == null || _globalObject$documen2.removeEventListener('ontouchstart' in _globalObject.globalObject.document.documentElement && 'onpointerup' in _globalObject.globalObject.document.documentElement ? 'pointerup' : 'mousedown', this.handleNativeDocClick);};return RenderLayer;}(_react.default.Component), _RenderLayer.__KONTUR_REACT_UI__ = 'RenderLayer', _RenderLayer.displayName = 'RenderLayer', _RenderLayer.defaultProps = { active: true }, _RenderLayer)) || _class;

package/cjs/internal/RenderLayer/RenderLayer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_listenFocusOutside","_CommonWrapper","_rootNode","_createPropsGetter","_isInstanceOf","_class","_RenderLayer","RenderLayer","exports","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","focusOutsideListenerToken","handleFocusOutside","event","props","onFocusOutside","handleNativeDocClick","target","srcElement","node","getAnchorNode","isInstanceOf","globalObject","Element","containsTargetOrRenderContainer","onClickOutside","_inheritsLoose2","default","_proto","prototype","componentDidMount","active","attachListeners","componentDidUpdate","prevProps","detachListeners","componentWillUnmount","render","createElement","CommonWrapper","_extends2","rootNodeRef","setRootNode","React","Children","only","children","getAnchorElement","getRootNode","_globalObject$documen","listenFocusOutside","addEventListener","document","documentElement","_globalObject$documen2","remove","removeEventListener","Component","__KONTUR_REACT_UI__","displayName","propTypes","propName","componentName","Error"],"sources":["RenderLayer.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { listen as listenFocusOutside, containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport type { Nullable } from '../../typings/utility-types';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\n\nexport interface RenderLayerProps extends CommonProps {\n  children: JSX.Element;\n  onClickOutside?: (e: Event) => void;\n  onFocusOutside?: (e: Event) => void;\n  active?: boolean;\n  getAnchorElement?: () => Nullable<Element>;\n}\n\ntype DefaultProps = Required<Pick<RenderLayerProps, 'active'>>;\n\n@rootNode\nexport class RenderLayer extends React.Component<RenderLayerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderLayer';\n  public static displayName = 'RenderLayer';\n\n  public static propTypes = {\n    active(props: RenderLayerProps, propName: keyof RenderLayerProps, componentName: string) {\n      const { active, onClickOutside, onFocusOutside } = props;\n      if (active && !(onClickOutside || onFocusOutside)) {\n        return new Error(\n          `[${componentName}]: using the component without either 'onClickOutside' or 'onFocusOutside' callback is pointless.`,\n        );\n      }\n    },\n  };\n\n  public static defaultProps: DefaultProps = {\n    active: true,\n  };\n\n  private getProps = createPropsGetter(RenderLayer.defaultProps);\n\n  private focusOutsideListenerToken: {\n    remove: () => void;\n  } | null = null;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    if (this.getProps().active) {\n      this.attachListeners();\n    }\n  }\n\n  public componentDidUpdate(prevProps: RenderLayerProps) {\n    const active = this.getProps().active;\n    if (!prevProps.active && active) {\n      this.attachListeners();\n    }\n    if (prevProps.active && !active) {\n      this.detachListeners();\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.getProps().active) {\n      this.detachListeners();\n    }\n  }\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {React.Children.only(this.props.children)}\n      </CommonWrapper>\n    );\n  }\n\n  private getAnchorNode(): Nullable<Element> {\n    const { getAnchorElement } = this.props;\n    return getAnchorElement ? getAnchorElement() : getRootNode(this);\n  }\n\n  private attachListeners() {\n    const node = this.getAnchorNode();\n    if (!node) {\n      return;\n    }\n\n    this.focusOutsideListenerToken = listenFocusOutside(() => [node], this.handleFocusOutside);\n    globalObject.addEventListener?.('blur', this.handleFocusOutside);\n    globalObject.document?.addEventListener(\n      'ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement\n        ? 'pointerup'\n        : 'mousedown',\n      this.handleNativeDocClick,\n    );\n  }\n\n  private detachListeners() {\n    if (this.focusOutsideListenerToken) {\n      this.focusOutsideListenerToken.remove();\n      this.focusOutsideListenerToken = null;\n    }\n\n    globalObject.removeEventListener?.('blur', this.handleFocusOutside);\n    globalObject.document?.removeEventListener(\n      'ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement\n        ? 'pointerup'\n        : 'mousedown',\n      this.handleNativeDocClick,\n    );\n  }\n\n  private handleFocusOutside = (event: Event) => {\n    if (this.props.onFocusOutside) {\n      this.props.onFocusOutside(event);\n    }\n  };\n\n  private handleNativeDocClick = (event: Event) => {\n    const target = event.target || event.srcElement;\n    const node = this.getAnchorNode();\n\n    if (!node || (isInstanceOf(target, globalObject.Element) && containsTargetOrRenderContainer(target)(node))) {\n      return;\n    }\n\n    if (this.props.onClickOutside) {\n      this.props.onClickOutside(event);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_listenFocusOutside","_CommonWrapper","_rootNode","_createPropsGetter","_isInstanceOf","_class","_RenderLayer","RenderLayer","exports","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","focusOutsideListenerToken","handleFocusOutside","event","props","onFocusOutside","handleNativeDocClick","target","srcElement","node","getAnchorNode","isInstanceOf","globalObject","Element","containsTargetOrRenderContainer","onClickOutside","_inheritsLoose2","default","_proto","prototype","componentDidMount","active","attachListeners","componentDidUpdate","prevProps","_this$getProps","detachListeners","componentWillUnmount","render","createElement","CommonWrapper","_extends2","rootNodeRef","setRootNode","React","Children","only","children","getAnchorElement","getRootNode","_globalObject$documen","listenFocusOutside","addEventListener","document","documentElement","_globalObject$documen2","remove","removeEventListener","Component","__KONTUR_REACT_UI__","displayName"],"sources":["RenderLayer.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { listen as listenFocusOutside, containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport type { Nullable } from '../../typings/utility-types';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\n\nexport interface RenderLayerProps extends CommonProps {\n  children: JSX.Element;\n  onClickOutside?: (e: Event) => void;\n  onFocusOutside?: (e: Event) => void;\n  active?: boolean;\n  getAnchorElement?: () => Nullable<Element>;\n}\n\ntype DefaultProps = Required<Pick<RenderLayerProps, 'active'>>;\n\n@rootNode\nexport class RenderLayer extends React.Component<RenderLayerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderLayer';\n  public static displayName = 'RenderLayer';\n\n  public static defaultProps: DefaultProps = {\n    active: true,\n  };\n\n  private getProps = createPropsGetter(RenderLayer.defaultProps);\n\n  private focusOutsideListenerToken: {\n    remove: () => void;\n  } | null = null;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    if (this.getProps().active) {\n      this.attachListeners();\n    }\n  }\n\n  public componentDidUpdate(prevProps: RenderLayerProps) {\n    const { active } = this.getProps();\n\n    if (!prevProps.active && active) {\n      this.attachListeners();\n    }\n    if (prevProps.active && !active) {\n      this.detachListeners();\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.getProps().active) {\n      this.detachListeners();\n    }\n  }\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {React.Children.only(this.props.children)}\n      </CommonWrapper>\n    );\n  }\n\n  private getAnchorNode(): Nullable<Element> {\n    const { getAnchorElement } = this.props;\n    return getAnchorElement ? getAnchorElement() : getRootNode(this);\n  }\n\n  private attachListeners() {\n    const node = this.getAnchorNode();\n    if (!node) {\n      return;\n    }\n\n    this.focusOutsideListenerToken = listenFocusOutside(() => [node], this.handleFocusOutside);\n    globalObject.addEventListener?.('blur', this.handleFocusOutside);\n    globalObject.document?.addEventListener(\n      'ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement\n        ? 'pointerup'\n        : 'mousedown',\n      this.handleNativeDocClick,\n    );\n  }\n\n  private detachListeners() {\n    if (this.focusOutsideListenerToken) {\n      this.focusOutsideListenerToken.remove();\n      this.focusOutsideListenerToken = null;\n    }\n\n    globalObject.removeEventListener?.('blur', this.handleFocusOutside);\n    globalObject.document?.removeEventListener(\n      'ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement\n        ? 'pointerup'\n        : 'mousedown',\n      this.handleNativeDocClick,\n    );\n  }\n\n  private handleFocusOutside = (event: Event) => {\n    if (this.props.onFocusOutside) {\n      this.props.onFocusOutside(event);\n    }\n  };\n\n  private handleNativeDocClick = (event: Event) => {\n    const target = event.target || event.srcElement;\n    const node = this.getAnchorNode();\n\n    if (!node || (isInstanceOf(target, globalObject.Element) && containsTargetOrRenderContainer(target)(node))) {\n      return;\n    }\n\n    if (this.props.onClickOutside) {\n      this.props.onClickOutside(event);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/ThemePlayground/Playground.js

@@ -1,17 +1,17 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.Playground = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _Search = _interopRequireDefault(require("@skbkontur/react-icons/Search"));
-var _Link = _interopRequireDefault(require("@skbkontur/react-icons/Link"));
-var _Ok = _interopRequireDefault(require("@skbkontur/react-icons/Ok"));
-var _Error = _interopRequireDefault(require("@skbkontur/react-icons/Error"));
-var _Trash = _interopRequireDefault(require("@skbkontur/react-icons/Trash"));
-var _HelpDot = _interopRequireDefault(require("@skbkontur/react-icons/HelpDot"));
+var _SearchLoupeIcon16Regular = require("@skbkontur/icons/icons/SearchLoupeIcon/SearchLoupeIcon16Regular");
+var _AttachLinkIcon16Regular = require("@skbkontur/icons/icons/AttachLinkIcon/AttachLinkIcon16Regular");
+var _CheckAIcon16Regular = require("@skbkontur/icons/icons/CheckAIcon/CheckAIcon16Regular");
+var _MinusCircleIcon16Regular = require("@skbkontur/icons/icons/MinusCircleIcon/MinusCircleIcon16Regular");
+var _TrashCanIcon16Regular = require("@skbkontur/icons/icons/TrashCanIcon/TrashCanIcon16Regular");
+var _QuestionCircleIcon16Regular = require("@skbkontur/icons/icons/QuestionCircleIcon/QuestionCircleIcon16Regular");
 
 
 var _Button = require("../../components/Button");
 var _Tabs = require("../../components/Tabs");
 var _Gapped = require("../../components/Gapped");
 
-var _Link2 = require("../../components/Link");
+var _Link = require("../../components/Link");
 
 var _Input = require("../../components/Input");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
@@ -140,16 +140,16 @@ Playground = exports.Playground = /*#__PURE__*/function (_React$Component) {func
 
     renderLinksGroup = function () {
       var propsList = [
-      { icon: /*#__PURE__*/_react.default.createElement(_Link.default, null), children: 'Enabled' },
-      { icon: /*#__PURE__*/_react.default.createElement(_Ok.default, null), use: 'success', children: 'Success' },
-      { icon: /*#__PURE__*/_react.default.createElement(_Error.default, null), use: 'danger', children: 'Danger' },
-      { icon: /*#__PURE__*/_react.default.createElement(_Trash.default, null), use: 'grayed', children: 'Grayed' },
-      { icon: /*#__PURE__*/_react.default.createElement(_Trash.default, null), children: 'Disabled', disabled: true }];
+      { icon: /*#__PURE__*/_react.default.createElement(_AttachLinkIcon16Regular.AttachLinkIcon16Regular, null), children: 'Enabled' },
+      { icon: /*#__PURE__*/_react.default.createElement(_CheckAIcon16Regular.CheckAIcon16Regular, null), use: 'success', children: 'Success' },
+      { icon: /*#__PURE__*/_react.default.createElement(_MinusCircleIcon16Regular.MinusCircleIcon16Regular, null), use: 'danger', children: 'Danger' },
+      { icon: /*#__PURE__*/_react.default.createElement(_TrashCanIcon16Regular.TrashCanIcon16Regular, null), use: 'grayed', children: 'Grayed' },
+      { icon: /*#__PURE__*/_react.default.createElement(_TrashCanIcon16Regular.TrashCanIcon16Regular, null), children: 'Disabled', disabled: true }];
 
       return /*#__PURE__*/(
         _react.default.createElement(_ComponentsGroup.ComponentsGroup, { title: 'Ссылки', theme: _this.theme }, /*#__PURE__*/
         _react.default.createElement(_Gapped.Gapped, { wrap: true, verticalAlign: "middle", gap: 10 },
-        (0, _helpers.getComponentsFromPropsList)( /*#__PURE__*/_react.default.createElement(_Link2.Link, null), propsList)
+        (0, _helpers.getComponentsFromPropsList)( /*#__PURE__*/_react.default.createElement(_Link.Link, null), propsList)
         )
         ));
 
@@ -185,7 +185,7 @@ Playground = exports.Playground = /*#__PURE__*/function (_React$Component) {func
       var fromProps = (0, _helpers.getComponentsFromPropsList)( /*#__PURE__*/_react.default.createElement(_Input.Input, { width: 120 }), propsList);
       return /*#__PURE__*/(
         _react.default.createElement(_ComponentsGroup.ComponentsGroup, { title: 'Поле ввода', theme: _this.theme }, /*#__PURE__*/
-        _react.default.createElement(_Input.Input, { width: 380, prefix: "https://kontur.ru/search?query=", rightIcon: /*#__PURE__*/_react.default.createElement(_Search.default, null) }), /*#__PURE__*/
+        _react.default.createElement(_Input.Input, { width: 380, prefix: "https://kontur.ru/search?query=", rightIcon: /*#__PURE__*/_react.default.createElement(_SearchLoupeIcon16Regular.SearchLoupeIcon16Regular, null) }), /*#__PURE__*/
         _react.default.createElement("div", null, /*#__PURE__*/
         _react.default.createElement(_Gapped.Gapped, { gap: 10 }, fromProps)
         )
@@ -248,7 +248,7 @@ Playground = exports.Playground = /*#__PURE__*/function (_React$Component) {func
       return /*#__PURE__*/(
         _react.default.createElement(_ComponentsGroup.ComponentsGroup, { title: 'Тултип', theme: _this.theme }, /*#__PURE__*/
         _react.default.createElement(_Tooltip.Tooltip, { render: tooltipContent, pos: "right middle", trigger: 'opened', disableAnimations: true }, /*#__PURE__*/
-        _react.default.createElement(_Link2.Link, { icon: /*#__PURE__*/_react.default.createElement(_HelpDot.default, null) })
+        _react.default.createElement(_Link.Link, { icon: /*#__PURE__*/_react.default.createElement(_QuestionCircleIcon16Regular.QuestionCircleIcon16Regular, null) })
         )
         ));
 
@@ -274,4 +274,4 @@ Playground = exports.Playground = /*#__PURE__*/function (_React$Component) {func
       return /*#__PURE__*/_react.default.createElement("div", { ref: _this.stopEl, style: { height: 50 } });
     };_this.
 
-    getStickyStop = function () {return _this.stopEl.current;};return _this;}(0, _inheritsLoose2.default)(Playground, _React$Component);var _proto = Playground.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var wrapperClassName = (0, _Emotion.cx)(_Playground2.styles.playground(), _Playground2.styles.playgroundWrapper(this.theme));return /*#__PURE__*/_react.default.createElement("div", { className: wrapperClassName }, /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { vertical: true, gap: 50 }, this.renderTabsGroup(), this.renderSizesGroup(), this.renderLinksGroup(), this.renderButtonsGroup(), this.renderInputsGroup(), this.renderOtherInputsGroup(), this.renderTokenInputsGroup(), this.renderSwitchersGroup(), this.renderControlsGroup()), this.renderStickyStopElement(), /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { vertical: true, gap: 50 }, this.renderHintsGroup(), this.renderTooltip(), this.renderPaging(), this.renderFileUploader()));};_proto.renderTabs = function renderTabs() {var _cx;var _this$props = this.props,onThemeChange = _this$props.onThemeChange,onEditLinkClick = _this$props.onEditLinkClick;var tabsOuterWrapperStyle = { background: this.theme.bgDefault };var tabsOuterWrapperClass = (0, _Emotion.cx)((_cx = {}, _cx[_Playground2.styles.tabsWrapper(this.theme)] = true, _cx[_Playground2.styles.stickyTabsWrapper(this.theme)] = useSticky, _cx));return /*#__PURE__*/_react.default.createElement("div", { style: tabsOuterWrapperStyle, className: tabsOuterWrapperClass }, /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { gap: 40 }, /*#__PURE__*/_react.default.createElement(_Tabs.Tabs, { value: this.getCurrentTab(), onValueChange: onThemeChange, vertical: false }, /*#__PURE__*/_react.default.createElement("div", { className: _Playground2.styles.tabsInnerWrapper(this.theme) }, /*#__PURE__*/_react.default.createElement(_Tabs.Tabs.Tab, { id: _constants.ThemeType.LightTheme }, "\u0422\u0435\u043C\u0430 2022"), /*#__PURE__*/_react.default.createElement(_Tabs.Tabs.Tab, { id: _constants.ThemeType.DarkTheme }, "\u0422\u0435\u043C\u0430 2022 \u0422\u0451\u043C\u043D\u0430\u044F"))), /*#__PURE__*/_react.default.createElement(_Link2.Link, { onClick: onEditLinkClick }, "\u041D\u0430\u0441\u0442\u0440\u043E\u0438\u0442\u044C \u0442\u0435\u043C\u0443")));};return Playground;}(_react.default.Component);
+    getStickyStop = function () {return _this.stopEl.current;};return _this;}(0, _inheritsLoose2.default)(Playground, _React$Component);var _proto = Playground.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var wrapperClassName = (0, _Emotion.cx)(_Playground2.styles.playground(), _Playground2.styles.playgroundWrapper(this.theme));return /*#__PURE__*/_react.default.createElement("div", { className: wrapperClassName }, /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { vertical: true, gap: 50 }, this.renderTabsGroup(), this.renderSizesGroup(), this.renderLinksGroup(), this.renderButtonsGroup(), this.renderInputsGroup(), this.renderOtherInputsGroup(), this.renderTokenInputsGroup(), this.renderSwitchersGroup(), this.renderControlsGroup()), this.renderStickyStopElement(), /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { vertical: true, gap: 50 }, this.renderHintsGroup(), this.renderTooltip(), this.renderPaging(), this.renderFileUploader()));};_proto.renderTabs = function renderTabs() {var _cx;var _this$props = this.props,onThemeChange = _this$props.onThemeChange,onEditLinkClick = _this$props.onEditLinkClick;var tabsOuterWrapperStyle = { background: this.theme.bgDefault };var tabsOuterWrapperClass = (0, _Emotion.cx)((_cx = {}, _cx[_Playground2.styles.tabsWrapper(this.theme)] = true, _cx[_Playground2.styles.stickyTabsWrapper(this.theme)] = useSticky, _cx));return /*#__PURE__*/_react.default.createElement("div", { style: tabsOuterWrapperStyle, className: tabsOuterWrapperClass }, /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { gap: 40 }, /*#__PURE__*/_react.default.createElement(_Tabs.Tabs, { value: this.getCurrentTab(), onValueChange: onThemeChange, vertical: false }, /*#__PURE__*/_react.default.createElement("div", { className: _Playground2.styles.tabsInnerWrapper(this.theme) }, /*#__PURE__*/_react.default.createElement(_Tabs.Tabs.Tab, { id: _constants.ThemeType.LightTheme }, "\u0422\u0435\u043C\u0430 2022"), /*#__PURE__*/_react.default.createElement(_Tabs.Tabs.Tab, { id: _constants.ThemeType.DarkTheme }, "\u0422\u0435\u043C\u0430 2022 \u0422\u0451\u043C\u043D\u0430\u044F"))), /*#__PURE__*/_react.default.createElement(_Link.Link, { onClick: onEditLinkClick }, "\u041D\u0430\u0441\u0442\u0440\u043E\u0438\u0442\u044C \u0442\u0435\u043C\u0443")));};return Playground;}(_react.default.Component);

package/cjs/internal/ThemePlayground/Playground.js.map

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

package/cjs/internal/ThemePlayground/SizesGroup.js

@@ -1,6 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.SizesGroup = void 0;var _react = _interopRequireDefault(require("react"));
-var _Card = _interopRequireDefault(require("@skbkontur/react-icons/Card"));
-var _Link = _interopRequireDefault(require("@skbkontur/react-icons/Link"));
+var _IdCardIcon16Regular = require("@skbkontur/icons/icons/IdCardIcon/IdCardIcon16Regular");
+var _AttachLinkIcon16Regular = require("@skbkontur/icons/icons/AttachLinkIcon/AttachLinkIcon16Regular");
 
 var _Input = require("../../components/Input");
 var _Gapped = require("../../components/Gapped");
@@ -16,11 +16,11 @@ var _SelectPlayground = require("./SelectPlayground");
 var SizesGroup = exports.SizesGroup = function SizesGroup(_ref) {var size = _ref.size;return /*#__PURE__*/(
     _react.default.createElement(_Gapped.Gapped, { wrap: true, verticalAlign: "middle", gap: 10 }, /*#__PURE__*/
     _react.default.createElement(_SelectPlayground.SelectPlayground, { width: 120, size: size }), /*#__PURE__*/
-    _react.default.createElement(_Input.Input, { rightIcon: /*#__PURE__*/_react.default.createElement(_Card.default, null), placeholder: 'Text value', size: size }), /*#__PURE__*/
+    _react.default.createElement(_Input.Input, { rightIcon: /*#__PURE__*/_react.default.createElement(_IdCardIcon16Regular.IdCardIcon16Regular, null), placeholder: 'Text value', size: size }), /*#__PURE__*/
     _react.default.createElement(_Button.Button, { width: 120, size: size }, "Button"
 
     ), /*#__PURE__*/
-    _react.default.createElement(_Button.Button, { icon: /*#__PURE__*/_react.default.createElement(_Link.default, null), use: 'link', size: size }, "Button like a link"
+    _react.default.createElement(_Button.Button, { icon: /*#__PURE__*/_react.default.createElement(_AttachLinkIcon16Regular.AttachLinkIcon16Regular, null), use: 'link', size: size }, "Button like a link"
 
     )
     ));};

package/cjs/internal/ThemePlayground/SizesGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Card","_Link","_Input","_Gapped","_Button","_SelectPlayground","SizesGroup","exports","_ref","size","default","createElement","Gapped","wrap","verticalAlign","gap","SelectPlayground","width","Input","rightIcon","placeholder","Button","icon","use"],"sources":["SizesGroup.tsx"],"sourcesContent":["import React from 'react';\nimport CardIcon from '@skbkontur/react-icons/Card';\nimport LinkIcon from '@skbkontur/react-icons/Link';\n\nimport { Input } from '../../components/Input';\nimport { Gapped } from '../../components/Gapped';\nimport { Button } from '../../components/Button';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { SelectPlayground } from './SelectPlayground';\n\nexport interface SizesGroupProps {\n  size: SizeProp;\n}\n\nexport const SizesGroup = ({ size }: SizesGroupProps) => (\n  <Gapped wrap verticalAlign=\"middle\" gap={10}>\n    <SelectPlayground width={120} size={size} />\n    <Input rightIcon={<CardIcon />} placeholder={'Text value'} size={size} />\n    <Button width={120} size={size}>\n      Button\n    </Button>\n    <Button icon={<LinkIcon />} use={'link'} size={size}>\n      Button like a link\n    </Button>\n  </Gapped>\n);\n"],"mappings":"gKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;;AAEA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;;;AAGA,IAAAM,iBAAA,GAAAN,OAAA;;;;;;AAMO,IAAMO,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAAE,IAAA,OAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAC/BZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACR,OAAA,CAAAS,MAAM,IAACC,IAAI,QAACC,aAAa,EAAC,QAAQ,EAACC,GAAG,EAAE,EAAG;IAC1ClB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACN,iBAAA,CAAAW,gBAAgB,IAACC,KAAK,EAAE,GAAI,EAACR,IAAI,EAAEA,IAAK,EAAE,CAAC;IAC5CZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,MAAA,CAAAgB,KAAK,IAACC,SAAS,eAAEtB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,KAAA,CAAAU,OAAQ,MAAE,CAAE,EAACU,WAAW,EAAE,YAAa,EAACX,IAAI,EAAEA,IAAK,EAAE,CAAC;IACzEZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACP,OAAA,CAAAiB,MAAM,IAACJ,KAAK,EAAE,GAAI,EAACR,IAAI,EAAEA,IAAK,IAAC;;IAExB,CAAC;IACTZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACP,OAAA,CAAAiB,MAAM,IAACC,IAAI,eAAEzB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAAS,OAAQ,MAAE,CAAE,EAACa,GAAG,EAAE,MAAO,EAACd,IAAI,EAAEA,IAAK,IAAC;;IAE7C;IACF,CAAC,GACV","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_IdCardIcon16Regular","_AttachLinkIcon16Regular","_Input","_Gapped","_Button","_SelectPlayground","SizesGroup","exports","_ref","size","default","createElement","Gapped","wrap","verticalAlign","gap","SelectPlayground","width","Input","rightIcon","IdCardIcon16Regular","placeholder","Button","icon","AttachLinkIcon16Regular","use"],"sources":["SizesGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { IdCardIcon16Regular } from '@skbkontur/icons/icons/IdCardIcon/IdCardIcon16Regular';\nimport { AttachLinkIcon16Regular } from '@skbkontur/icons/icons/AttachLinkIcon/AttachLinkIcon16Regular';\n\nimport { Input } from '../../components/Input';\nimport { Gapped } from '../../components/Gapped';\nimport { Button } from '../../components/Button';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { SelectPlayground } from './SelectPlayground';\n\nexport interface SizesGroupProps {\n  size: SizeProp;\n}\n\nexport const SizesGroup = ({ size }: SizesGroupProps) => (\n  <Gapped wrap verticalAlign=\"middle\" gap={10}>\n    <SelectPlayground width={120} size={size} />\n    <Input rightIcon={<IdCardIcon16Regular />} placeholder={'Text value'} size={size} />\n    <Button width={120} size={size}>\n      Button\n    </Button>\n    <Button icon={<AttachLinkIcon16Regular />} use={'link'} size={size}>\n      Button like a link\n    </Button>\n  </Gapped>\n);\n"],"mappings":"gKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,wBAAA,GAAAF,OAAA;;AAEA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;;;AAGA,IAAAM,iBAAA,GAAAN,OAAA;;;;;;AAMO,IAAMO,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAAE,IAAA,OAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAC/BZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACR,OAAA,CAAAS,MAAM,IAACC,IAAI,QAACC,aAAa,EAAC,QAAQ,EAACC,GAAG,EAAE,EAAG;IAC1ClB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACN,iBAAA,CAAAW,gBAAgB,IAACC,KAAK,EAAE,GAAI,EAACR,IAAI,EAAEA,IAAK,EAAE,CAAC;IAC5CZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,MAAA,CAAAgB,KAAK,IAACC,SAAS,eAAEtB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,oBAAA,CAAAoB,mBAAmB,MAAE,CAAE,EAACC,WAAW,EAAE,YAAa,EAACZ,IAAI,EAAEA,IAAK,EAAE,CAAC;IACpFZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACP,OAAA,CAAAkB,MAAM,IAACL,KAAK,EAAE,GAAI,EAACR,IAAI,EAAEA,IAAK,IAAC;;IAExB,CAAC;IACTZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACP,OAAA,CAAAkB,MAAM,IAACC,IAAI,eAAE1B,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,wBAAA,CAAAuB,uBAAuB,MAAE,CAAE,EAACC,GAAG,EAAE,MAAO,EAAChB,IAAI,EAAEA,IAAK,IAAC;;IAE5D;IACF,CAAC,GACV","ignoreList":[]}

package/cjs/internal/ThemePlayground/ThemeContextPlayground.js

@@ -58,7 +58,7 @@ ThemeContextPlayground = exports.ThemeContextPlayground = /*#__PURE__*/function
 
 
   function ThemeContextPlayground(props) {var _this;
-    _this = _React$Component.call(this, props) || this;_this.editableThemesItems = [{ value: _constants.ThemeType.LightTheme, label: 'Светлая 2022 тема' }, { value: _constants.ThemeType.DarkTheme, label: 'Тёмная 2022 тема' }];_this.
+    _this = _React$Component.call(this, props) || this;_this.editableThemesItems = [{ value: _constants.ThemeType.LightTheme, label: 'Светлая тема' }, { value: _constants.ThemeType.DarkTheme, label: 'Тёмная тема' }];_this.
 
 
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_ThemeFactory","_SidePage","_Gapped","_ComboBox","_Link","ColorFunctions","_interopRequireWildcard","_ThemeHelpers","_LightTheme","_DarkTheme","_ThemeEditor","_Playground","_Playground2","_constants","getEditingThemeType","editingThemeItem","value","ThemeContextPlayground","exports","_React$Component","props","_this","call","editableThemesItems","ThemeType","LightTheme","label","DarkTheme","renderSidePage","_this$state","state","currentTheme","themesErrors","themes","editingThemeType","themeErrors","default","createElement","SidePage","disableAnimations","ignoreBackgroundClick","blockBackground","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","ThemeContext","Provider","Playground","onThemeChange","onEditLinkClick","React","Component"],"sources":["ThemeContextPlayground.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React from 'react';\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}\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};\nexport class ThemeContextPlayground extends React.Component<PlaygroundProps, PlaygroundState> {\n  private readonly editableThemesItems = [\n    { value: ThemeType.LightTheme, label: 'Светлая 2022 тема' },\n    { value: ThemeType.DarkTheme, label: 'Тёмная 2022 тема' },\n  ];\n\n  constructor(props: PlaygroundProps) {\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    return (\n      <ThemeContext.Provider value={currentTheme}>\n        {editorOpened && this.renderSidePage()}\n        {\n          <Playground\n            onThemeChange={this.handleThemeChange}\n            currentThemeType={currentThemeType}\n            onEditLinkClick={this.handleOpen}\n          />\n        }\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 blockBackground 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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_ThemeFactory","_SidePage","_Gapped","_ComboBox","_Link","ColorFunctions","_interopRequireWildcard","_ThemeHelpers","_LightTheme","_DarkTheme","_ThemeEditor","_Playground","_Playground2","_constants","getEditingThemeType","editingThemeItem","value","ThemeContextPlayground","exports","_React$Component","props","_this","call","editableThemesItems","ThemeType","LightTheme","label","DarkTheme","renderSidePage","_this$state","state","currentTheme","themesErrors","themes","editingThemeType","themeErrors","default","createElement","SidePage","disableAnimations","ignoreBackgroundClick","blockBackground","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","ThemeContext","Provider","Playground","onThemeChange","onEditLinkClick","React","Component"],"sources":["ThemeContextPlayground.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React from 'react';\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}\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};\nexport class ThemeContextPlayground extends React.Component<PlaygroundProps, PlaygroundState> {\n  private readonly editableThemesItems = [\n    { value: ThemeType.LightTheme, label: 'Светлая тема' },\n    { value: ThemeType.DarkTheme, label: 'Тёмная тема' },\n  ];\n\n  constructor(props: PlaygroundProps) {\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    return (\n      <ThemeContext.Provider value={currentTheme}>\n        {editorOpened && this.renderSidePage()}\n        {\n          <Playground\n            onThemeChange={this.handleThemeChange}\n            currentThemeType={currentThemeType}\n            onEditLinkClick={this.handleOpen}\n          />\n        }\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 blockBackground 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"],"mappings":"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","ignoreList":[]}

package/cjs/internal/ThemePlayground/VariableValue.js

@@ -1,6 +1,6 @@
 "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 _Edit = _interopRequireDefault(require("@skbkontur/react-icons/Edit"));
-var _Delete = _interopRequireDefault(require("@skbkontur/react-icons/Delete"));
+var _ToolPencilLineIcon16Regular = require("@skbkontur/icons/icons/ToolPencilLineIcon/ToolPencilLineIcon16Regular");
+var _XIcon16Regular = require("@skbkontur/icons/icons/XIcon/XIcon16Regular");
 var _eventemitter = _interopRequireDefault(require("eventemitter3"));
 
 var _ColorHelpers = require("../../lib/styles/ColorHelpers");
@@ -103,7 +103,7 @@ VariableValue = exports.VariableValue = /*#__PURE__*/function (_React$Component)
         )
         ), /*#__PURE__*/
         _react.default.createElement(_Hint.Hint, { text: 'Изменить значение' }, /*#__PURE__*/
-        _react.default.createElement(_Link.Link, { icon: /*#__PURE__*/_react.default.createElement(_Edit.default, null), onClick: _this.handleEditLinkClick })
+        _react.default.createElement(_Link.Link, { icon: /*#__PURE__*/_react.default.createElement(_ToolPencilLineIcon16Regular.ToolPencilLineIcon16Regular, null), onClick: _this.handleEditLinkClick })
         )
         )
         )
@@ -200,7 +200,7 @@ VariableValue = exports.VariableValue = /*#__PURE__*/function (_React$Component)
       if (name === _this.props.variable && _this.rootElement) {
         _this.rootElement.focus();
       }
-    };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(_Delete.default, null), onClick: this.rollbackToBaseVariable })));};return VariableValue;}(_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
 
 
 

package/cjs/internal/ThemePlayground/VariableValue.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Edit","_Delete","_eventemitter","_ColorHelpers","_Input","_Gapped","_Link","_Hint","_utils","_Emotion","_createPropsGetter","_Playground","emitter","EventEmitter","VariableValue","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","value","props","editing","subscription","rootElement","debounceTimeout","debounceInterval","undefined","renderBaseVariableLink","baseVariables","default","createElement","className","styles","baseVariableRoot","colorIcon","baseLinkWrapper","Gapped","style","textAlign","vertical","map","v","BaseVariableLink","key","baseVariable","emitClickEvent","Hint","text","Link","icon","onClick","handleEditLinkClick","renderInputWrapper","renderInput","renderRollbackIcon","rootRef","instance","background","setState","rollbackToBaseVariable","variable","emit","handleChange","window","setInterval","debounceHandler","_this$props","onChange","clearInterval","handleBlur","emitterEventHandler","name","focus","_inheritsLoose2","_proto","prototype","render","_cx","_this$props2","theme","deprecated","ref","tabIndex","cx","variableName","title","componentDidMount","_this2","addListener","remove","removeListener","componentDidUpdate","prevProps","componentWillUnmount","Input","leftIcon","isColorExtended","onValueChange","onBlur","align","width","error","isError","linkRoot","React","Component","_React$Component2","_this3","_len2","_key2","_proto2","getColorValue","color","isFunction","colorValue","Option","isColor"],"sources":["VariableValue.tsx"],"sourcesContent":["import React from 'react';\nimport EditIcon from '@skbkontur/react-icons/Edit';\nimport DeleteIcon from '@skbkontur/react-icons/Delete';\nimport EventEmitter from 'eventemitter3';\n\nimport { isColor } from '../../lib/styles/ColorHelpers';\nimport { Input } from '../../components/Input';\nimport { Gapped } from '../../components/Gapped';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { Link } from '../../components/Link';\nimport { Hint } from '../../components/Hint';\nimport { isFunction } from '../../lib/utils';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './Playground.styles';\n\nconst emitter = new EventEmitter();\n\nexport interface VariableValueProps {\n  onChange: (variable: keyof Theme, value: string) => void;\n  value: string;\n  isError: boolean;\n  variable: string;\n  theme: Theme;\n  baseVariables: Array<keyof Theme>;\n  deprecated?: boolean;\n}\n\nexport interface VariableValueState {\n  value: string;\n  editing: boolean;\n}\n\ntype DefaultProps = Required<Pick<VariableValueProps, 'deprecated'>>;\n\nexport class VariableValue extends React.Component<VariableValueProps, VariableValueState> {\n  public static defaultProps: DefaultProps = {\n    deprecated: false,\n  };\n  private getProps = createPropsGetter(VariableValue.defaultProps);\n  public state: VariableValueState = {\n    value: this.props.value,\n    editing: false,\n  };\n  private subscription: { remove: () => void } | null = null;\n  private rootElement: HTMLElement | null = null;\n  private readonly debounceTimeout = 500;\n  private debounceInterval: number | undefined = undefined;\n\n  public render() {\n    const { variable, theme, baseVariables } = this.props;\n    const deprecated = this.getProps().deprecated;\n    return (\n      <div className={styles.variable(theme)} ref={this.rootRef} tabIndex={0}>\n        <div\n          className={cx(styles.variableName(theme), { [styles.deprecated()]: deprecated })}\n          title={variable}\n        >{`${variable}: `}</div>\n        {baseVariables.length > 0 && !this.state.editing ? this.renderBaseVariableLink() : this.renderInputWrapper()}\n      </div>\n    );\n  }\n\n  public componentDidMount(): void {\n    if (!this.subscription) {\n      emitter.addListener('clicked', this.emitterEventHandler);\n      this.subscription = {\n        remove: () => {\n          emitter.removeListener('clicked', this.emitterEventHandler);\n        },\n      };\n    }\n  }\n\n  public componentDidUpdate(prevProps: VariableValueProps) {\n    if (prevProps.value !== this.props.value) {\n      this.setState({ value: this.props.value });\n    }\n  }\n\n  public componentWillUnmount(): void {\n    if (this.subscription) {\n      this.subscription.remove();\n    }\n    if (this.debounceInterval !== undefined) {\n      clearInterval(this.debounceInterval);\n    }\n  }\n\n  private renderBaseVariableLink = () => {\n    const baseVariables = this.props.baseVariables;\n    return (\n      <div className={styles.baseVariableRoot()}>\n        {this.colorIcon()}\n        <div className={styles.baseLinkWrapper()}>\n          <Gapped>\n            <div style={{ textAlign: 'right' }}>\n              <Gapped vertical>\n                {baseVariables.map((v) => (\n                  <BaseVariableLink key={v} baseVariable={v} emitClickEvent={this.emitClickEvent} />\n                ))}\n              </Gapped>\n            </div>\n            <Hint text={'Изменить значение'}>\n              <Link icon={<EditIcon />} onClick={this.handleEditLinkClick} />\n            </Hint>\n          </Gapped>\n        </div>\n      </div>\n    );\n  };\n\n  private renderInputWrapper = () => {\n    return this.state.editing ? (\n      <Gapped>\n        {this.renderInput()}\n        {this.renderRollbackIcon()}\n      </Gapped>\n    ) : (\n      this.renderInput()\n    );\n  };\n\n  private renderInput() {\n    return (\n      <Input\n        leftIcon={isColorExtended(this.state.value) && this.colorIcon()}\n        value={this.state.value}\n        onValueChange={this.handleChange}\n        onBlur={this.handleBlur}\n        align={'right'}\n        width={this.state.editing ? 225 : 250}\n        error={this.props.isError}\n      />\n    );\n  }\n\n  private renderRollbackIcon() {\n    return (\n      <Hint text={'Вернуться к базовой переменной'}>\n        <div className={styles.linkRoot()}>\n          <Link icon={<DeleteIcon />} onClick={this.rollbackToBaseVariable} />\n        </div>\n      </Hint>\n    );\n  }\n\n  private rootRef = (instance: HTMLElement | null) => {\n    this.rootElement = instance;\n  };\n\n  private colorIcon = () => {\n    return <div className={styles.colorIcon()} style={{ background: this.state.value }} />;\n  };\n\n  private handleEditLinkClick = () => {\n    this.setState({\n      editing: true,\n    });\n  };\n\n  private rollbackToBaseVariable = () => {\n    this.setState({\n      editing: false,\n      value: this.props.value,\n    });\n  };\n\n  private emitClickEvent = (variable: string | number) => {\n    emitter.emit('clicked', variable);\n  };\n\n  private handleChange = (value: string) => {\n    this.setState({\n      value,\n    });\n\n    if (this.debounceInterval === undefined) {\n      this.debounceInterval = window.setInterval(this.debounceHandler, this.debounceTimeout);\n    }\n  };\n\n  private debounceHandler = () => {\n    const { variable, onChange } = this.props;\n\n    onChange(variable as keyof Theme, this.state.value);\n\n    clearInterval(this.debounceInterval);\n    this.debounceInterval = undefined;\n  };\n\n  private handleBlur = () => {\n    this.setState({\n      editing: false,\n    });\n  };\n\n  private emitterEventHandler = (name: keyof Theme) => {\n    if (name === this.props.variable && this.rootElement) {\n      this.rootElement.focus();\n    }\n  };\n}\n\ninterface BaseVariableLinkProps {\n  baseVariable: string | number;\n  emitClickEvent: (baseVariable: string | number) => void;\n}\nclass BaseVariableLink extends React.Component<BaseVariableLinkProps> {\n  public render() {\n    return <Link onClick={this.emitClickEvent}>{this.props.baseVariable}</Link>;\n  }\n  private emitClickEvent = () => {\n    this.props.emitClickEvent(this.props.baseVariable);\n  };\n}\n\ntype Color = string | (() => string);\n\nconst getColorValue = (color: Color) => {\n  if (isFunction(color)) {\n    return color();\n  }\n\n  return color;\n};\n\nfunction isColorExtended(color: Color) {\n  const colorValue = getColorValue(color);\n\n  const style = new Option().style;\n  style.color = colorValue;\n\n  if (colorValue) {\n    return isColor(colorValue) || style.color === colorValue;\n  }\n\n  return false;\n}\n"],"mappings":"iQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;;AAEA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AACA,IAAAU,QAAA,GAAAV,OAAA;AACA,IAAAW,kBAAA,GAAAX,OAAA;;AAEA,IAAAY,WAAA,GAAAZ,OAAA;;AAEA,IAAMa,OAAO,GAAG,IAAIC,qBAAY,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;AAmBtBC,aAAa,GAAAC,OAAA,CAAAD,aAAA,0BAAAE,gBAAA,YAAAF,cAAA,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;;;;IAIhBU,QAAQ,GAAG,IAAAC,oCAAiB,EAACd,aAAa,CAACe,YAAY,CAAC,CAAAZ,KAAA;IACzDa,KAAK,GAAuB;MACjCC,KAAK,EAAEd,KAAA,CAAKe,KAAK,CAACD,KAAK;MACvBE,OAAO,EAAE;IACX,CAAC,CAAAhB,KAAA;IACOiB,YAAY,GAAkC,IAAI,CAAAjB,KAAA;IAClDkB,WAAW,GAAuB,IAAI,CAAAlB,KAAA;IAC7BmB,eAAe,GAAG,GAAG,CAAAnB,KAAA;IAC9BoB,gBAAgB,GAAuBC,SAAS,CAAArB,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0ChDsB,sBAAsB,GAAG,YAAM;MACrC,IAAMC,aAAa,GAAGvB,KAAA,CAAKe,KAAK,CAACQ,aAAa;MAC9C;QACE3C,MAAA,CAAA4C,OAAA,CAAAC,aAAA,UAAKC,SAAS,EAAEC,kBAAM,CAACC,gBAAgB,CAAC,CAAE;QACvC5B,KAAA,CAAK6B,SAAS,CAAC,CAAC;QACjBjD,MAAA,CAAA4C,OAAA,CAAAC,aAAA,UAAKC,SAAS,EAAEC,kBAAM,CAACG,eAAe,CAAC,CAAE;QACvClD,MAAA,CAAA4C,OAAA,CAAAC,aAAA,CAACrC,OAAA,CAAA2C,MAAM;QACLnD,MAAA,CAAA4C,OAAA,CAAAC,aAAA,UAAKO,KAAK,EAAE,EAAEC,SAAS,EAAE,OAAO,CAAC,CAAE;QACjCrD,MAAA,CAAA4C,OAAA,CAAAC,aAAA,CAACrC,OAAA,CAAA2C,MAAM,IAACG,QAAQ;QACbX,aAAa,CAACY,GAAG,CAAC,UAACC,CAAC;YACnBxD,MAAA,CAAA4C,OAAA,CAAAC,aAAA,CAACY,gBAAgB,IAACC,GAAG,EAAEF,CAAE,EAACG,YAAY,EAAEH,CAAE,EAACI,cAAc,EAAExC,KAAA,CAAKwC,cAAe,EAAE,CAAC;QACnF;QACK;QACL,CAAC;QACN5D,MAAA,CAAA4C,OAAA,CAAAC,aAAA,CAACnC,KAAA,CAAAmD,IAAI,IAACC,IAAI,EAAE,mBAAoB;QAC9B9D,MAAA,CAAA4C,OAAA,CAAAC,aAAA,CAACpC,KAAA,CAAAsD,IAAI,IAACC,IAAI,eAAEhE,MAAA,CAAA4C,OAAA,CAAAC,aAAA,CAAC1C,KAAA,CAAAyC,OAAQ,MAAE,CAAE,EAACqB,OAAO,EAAE7C,KAAA,CAAK8C,mBAAoB,EAAE;QAC1D;QACA;QACL;QACF,CAAC;;IAEV,CAAC,CAAA9C,KAAA;;IAEO+C,kBAAkB,GAAG,YAAM;MACjC,OAAO/C,KAAA,CAAKa,KAAK,CAACG,OAAO;MACvBpC,MAAA,CAAA4C,OAAA,CAAAC,aAAA,CAACrC,OAAA,CAAA2C,MAAM;MACJ/B,KAAA,CAAKgD,WAAW,CAAC,CAAC;MAClBhD,KAAA,CAAKiD,kBAAkB,CAAC;MACnB,CAAC;;MAETjD,KAAA,CAAKgD,WAAW,CAAC,CAClB;;IACH,CAAC,CAAAhD,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;IA0BOkD,OAAO,GAAG,UAACC,QAA4B,EAAK;MAClDnD,KAAA,CAAKkB,WAAW,GAAGiC,QAAQ;IAC7B,CAAC,CAAAnD,KAAA;;IAEO6B,SAAS,GAAG,YAAM;MACxB,oBAAOjD,MAAA,CAAA4C,OAAA,CAAAC,aAAA,UAAKC,SAAS,EAAEC,kBAAM,CAACE,SAAS,CAAC,CAAE,EAACG,KAAK,EAAE,EAAEoB,UAAU,EAAEpD,KAAA,CAAKa,KAAK,CAACC,KAAK,CAAC,CAAE,EAAE,CAAC;IACxF,CAAC,CAAAd,KAAA;;IAEO8C,mBAAmB,GAAG,YAAM;MAClC9C,KAAA,CAAKqD,QAAQ,CAAC;QACZrC,OAAO,EAAE;MACX,CAAC,CAAC;IACJ,CAAC,CAAAhB,KAAA;;IAEOsD,sBAAsB,GAAG,YAAM;MACrCtD,KAAA,CAAKqD,QAAQ,CAAC;QACZrC,OAAO,EAAE,KAAK;QACdF,KAAK,EAAEd,KAAA,CAAKe,KAAK,CAACD;MACpB,CAAC,CAAC;IACJ,CAAC,CAAAd,KAAA;;IAEOwC,cAAc,GAAG,UAACe,QAAyB,EAAK;MACtD5D,OAAO,CAAC6D,IAAI,CAAC,SAAS,EAAED,QAAQ,CAAC;IACnC,CAAC,CAAAvD,KAAA;;IAEOyD,YAAY,GAAG,UAAC3C,KAAa,EAAK;MACxCd,KAAA,CAAKqD,QAAQ,CAAC;QACZvC,KAAK,EAALA;MACF,CAAC,CAAC;;MAEF,IAAId,KAAA,CAAKoB,gBAAgB,KAAKC,SAAS,EAAE;QACvCrB,KAAA,CAAKoB,gBAAgB,GAAGsC,MAAM,CAACC,WAAW,CAAC3D,KAAA,CAAK4D,eAAe,EAAE5D,KAAA,CAAKmB,eAAe,CAAC;MACxF;IACF,CAAC,CAAAnB,KAAA;;IAEO4D,eAAe,GAAG,YAAM;MAC9B,IAAAC,WAAA,GAA+B7D,KAAA,CAAKe,KAAK,CAAjCwC,QAAQ,GAAAM,WAAA,CAARN,QAAQ,CAAEO,QAAQ,GAAAD,WAAA,CAARC,QAAQ;;MAE1BA,QAAQ,CAACP,QAAQ,EAAiBvD,KAAA,CAAKa,KAAK,CAACC,KAAK,CAAC;;MAEnDiD,aAAa,CAAC/D,KAAA,CAAKoB,gBAAgB,CAAC;MACpCpB,KAAA,CAAKoB,gBAAgB,GAAGC,SAAS;IACnC,CAAC,CAAArB,KAAA;;IAEOgE,UAAU,GAAG,YAAM;MACzBhE,KAAA,CAAKqD,QAAQ,CAAC;QACZrC,OAAO,EAAE;MACX,CAAC,CAAC;IACJ,CAAC,CAAAhB,KAAA;;IAEOiE,mBAAmB,GAAG,UAACC,IAAiB,EAAK;MACnD,IAAIA,IAAI,KAAKlE,KAAA,CAAKe,KAAK,CAACwC,QAAQ,IAAIvD,KAAA,CAAKkB,WAAW,EAAE;QACpDlB,KAAA,CAAKkB,WAAW,CAACiD,KAAK,CAAC,CAAC;MAC1B;IACF,CAAC,QAAAnE,KAAA,MAAAoE,eAAA,CAAA5C,OAAA,EAAA3B,aAAA,EAAAE,gBAAA,MAAAsE,MAAA,GAAAxE,aAAA,CAAAyE,SAAA,CAAAD,MAAA,CAxJME,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,GAAA,CACd,IAAAC,YAAA,GAA2C,IAAI,CAAC1D,KAAK,CAA7CwC,QAAQ,GAAAkB,YAAA,CAARlB,QAAQ,CAAEmB,KAAK,GAAAD,YAAA,CAALC,KAAK,CAAEnD,aAAa,GAAAkD,YAAA,CAAblD,aAAa,CACtC,IAAMoD,UAAU,GAAG,IAAI,CAACjE,QAAQ,CAAC,CAAC,CAACiE,UAAU,CAC7C,oBACE/F,MAAA,CAAA4C,OAAA,CAAAC,aAAA,UAAKC,SAAS,EAAEC,kBAAM,CAAC4B,QAAQ,CAACmB,KAAK,CAAE,EAACE,GAAG,EAAE,IAAI,CAAC1B,OAAQ,EAAC2B,QAAQ,EAAE,CAAE,iBACrEjG,MAAA,CAAA4C,OAAA,CAAAC,aAAA,UACEC,SAAS,EAAE,IAAAoD,WAAE,EAACnD,kBAAM,CAACoD,YAAY,CAACL,KAAK,CAAC,GAAAF,GAAA,OAAAA,GAAA,CAAK7C,kBAAM,CAACgD,UAAU,CAAC,CAAC,IAAGA,UAAU,EAAAH,GAAA,CAAE,CAAE,EACjFQ,KAAK,EAAEzB,QAAS,IACbA,QAAQ,OAAU,CAAC,EACvBhC,aAAa,CAACpB,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,CAACU,KAAK,CAACG,OAAO,GAAG,IAAI,CAACM,sBAAsB,CAAC,CAAC,GAAG,IAAI,CAACyB,kBAAkB,CAAC,CACxG,CAAC,CAEV,CAAC,CAAAsB,MAAA,CAEMY,iBAAiB,GAAxB,SAAAA,kBAAA,EAAiC,KAAAC,MAAA,QAC/B,IAAI,CAAC,IAAI,CAACjE,YAAY,EAAE,CACtBtB,OAAO,CAACwF,WAAW,CAAC,SAAS,EAAE,IAAI,CAAClB,mBAAmB,CAAC,CACxD,IAAI,CAAChD,YAAY,GAAG,EAClBmE,MAAM,EAAE,SAAAA,OAAA,EAAM,CACZzF,OAAO,CAAC0F,cAAc,CAAC,SAAS,EAAEH,MAAI,CAACjB,mBAAmB,CAAC,CAC7D,CAAC,CACH,CAAC,CACH,CACF,CAAC,CAAAI,MAAA,CAEMiB,kBAAkB,GAAzB,SAAAA,mBAA0BC,SAA6B,EAAE,CACvD,IAAIA,SAAS,CAACzE,KAAK,KAAK,IAAI,CAACC,KAAK,CAACD,KAAK,EAAE,CACxC,IAAI,CAACuC,QAAQ,CAAC,EAAEvC,KAAK,EAAE,IAAI,CAACC,KAAK,CAACD,KAAK,CAAC,CAAC,CAAC,CAC5C,CACF,CAAC,CAAAuD,MAAA,CAEMmB,oBAAoB,GAA3B,SAAAA,qBAAA,EAAoC,CAClC,IAAI,IAAI,CAACvE,YAAY,EAAE,CACrB,IAAI,CAACA,YAAY,CAACmE,MAAM,CAAC,CAAC,CAC5B,CACA,IAAI,IAAI,CAAChE,gBAAgB,KAAKC,SAAS,EAAE,CACvC0C,aAAa,CAAC,IAAI,CAAC3C,gBAAgB,CAAC,CACtC,CACF,CAAC,CAAAiD,MAAA,CAoCOrB,WAAW,GAAnB,SAAAA,YAAA,EAAsB,CACpB,oBACEpE,MAAA,CAAA4C,OAAA,CAAAC,aAAA,CAACtC,MAAA,CAAAsG,KAAK,IACJC,QAAQ,EAAEC,eAAe,CAAC,IAAI,CAAC9E,KAAK,CAACC,KAAK,CAAC,IAAI,IAAI,CAACe,SAAS,CAAC,CAAE,EAChEf,KAAK,EAAE,IAAI,CAACD,KAAK,CAACC,KAAM,EACxB8E,aAAa,EAAE,IAAI,CAACnC,YAAa,EACjCoC,MAAM,EAAE,IAAI,CAAC7B,UAAW,EACxB8B,KAAK,EAAE,OAAQ,EACfC,KAAK,EAAE,IAAI,CAAClF,KAAK,CAACG,OAAO,GAAG,GAAG,GAAG,GAAI,EACtCgF,KAAK,EAAE,IAAI,CAACjF,KAAK,CAACkF,OAAQ,EAC3B,CAAC,CAEN,CAAC,CAAA5B,MAAA,CAEOpB,kBAAkB,GAA1B,SAAAA,mBAAA,EAA6B,CAC3B,oBACErE,MAAA,CAAA4C,OAAA,CAAAC,aAAA,CAACnC,KAAA,CAAAmD,IAAI,IAACC,IAAI,EAAE,gCAAiC,iBAC3C9D,MAAA,CAAA4C,OAAA,CAAAC,aAAA,UAAKC,SAAS,EAAEC,kBAAM,CAACuE,QAAQ,CAAC,CAAE,iBAChCtH,MAAA,CAAA4C,OAAA,CAAAC,aAAA,CAACpC,KAAA,CAAAsD,IAAI,IAACC,IAAI,eAAEhE,MAAA,CAAA4C,OAAA,CAAAC,aAAA,CAACzC,OAAA,CAAAwC,OAAU,MAAE,CAAE,EAACqB,OAAO,EAAE,IAAI,CAACS,sBAAuB,EAAE,CAChE,CACD,CAAC,CAEX,CAAC,QAAAzD,aAAA,GA9GgCsG,cAAK,CAACC,SAAS,EAArCvG,aAAa,CACVe,YAAY,GAAiB,EACzC+D,UAAU,EAAE,KAAK,CACnB,CAAC;;;;;;;AA0KGtC,gBAAgB,0BAAAgE,iBAAA,YAAAhE,iBAAA,OAAAiE,MAAA,UAAAC,KAAA,GAAArG,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAkG,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA,KAAApG,IAAA,CAAAoG,KAAA,IAAAtG,SAAA,CAAAsG,KAAA,GAAAF,MAAA,GAAAD,iBAAA,CAAA9F,IAAA,CAAAC,KAAA,CAAA6F,iBAAA,SAAA5F,MAAA,CAAAL,IAAA,WAAAkG,MAAA;;;;IAIZ9D,cAAc,GAAG,YAAM;MAC7B8D,MAAA,CAAKvF,KAAK,CAACyB,cAAc,CAAC8D,MAAA,CAAKvF,KAAK,CAACwB,YAAY,CAAC;IACpD,CAAC,QAAA+D,MAAA,MAAAlC,eAAA,CAAA5C,OAAA,EAAAa,gBAAA,EAAAgE,iBAAA,MAAAI,OAAA,GAAApE,gBAAA,CAAAiC,SAAA,CAAAmC,OAAA,CALMlC,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBAAO3F,MAAA,CAAA4C,OAAA,CAAAC,aAAA,CAACpC,KAAA,CAAAsD,IAAI,IAACE,OAAO,EAAE,IAAI,CAACL,cAAe,IAAE,IAAI,CAACzB,KAAK,CAACwB,YAAmB,CAAC,CAC7E,CAAC,QAAAF,gBAAA,GAH4B8D,cAAK,CAACC,SAAS;;;;;AAW9C,IAAMM,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAY,EAAK;EACtC,IAAI,IAAAC,iBAAU,EAACD,KAAK,CAAC,EAAE;IACrB,OAAOA,KAAK,CAAC,CAAC;EAChB;;EAEA,OAAOA,KAAK;AACd,CAAC;;AAED,SAAShB,eAAeA,CAACgB,KAAY,EAAE;EACrC,IAAME,UAAU,GAAGH,aAAa,CAACC,KAAK,CAAC;;EAEvC,IAAM3E,KAAK,GAAG,IAAI8E,MAAM,CAAC,CAAC,CAAC9E,KAAK;EAChCA,KAAK,CAAC2E,KAAK,GAAGE,UAAU;;EAExB,IAAIA,UAAU,EAAE;IACd,OAAO,IAAAE,qBAAO,EAACF,UAAU,CAAC,IAAI7E,KAAK,CAAC2E,KAAK,KAAKE,UAAU;EAC1D;;EAEA,OAAO,KAAK;AACd","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ToolPencilLineIcon16Regular","_XIcon16Regular","_eventemitter","_ColorHelpers","_Input","_Gapped","_Link","_Hint","_utils","_Emotion","_createPropsGetter","_Playground","emitter","EventEmitter","VariableValue","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","value","props","editing","subscription","rootElement","debounceTimeout","debounceInterval","undefined","renderBaseVariableLink","baseVariables","default","createElement","className","styles","baseVariableRoot","colorIcon","baseLinkWrapper","Gapped","style","textAlign","vertical","map","v","BaseVariableLink","key","baseVariable","emitClickEvent","Hint","text","Link","icon","ToolPencilLineIcon16Regular","onClick","handleEditLinkClick","renderInputWrapper","renderInput","renderRollbackIcon","rootRef","instance","background","setState","rollbackToBaseVariable","variable","emit","handleChange","window","setInterval","debounceHandler","_this$props","onChange","clearInterval","handleBlur","emitterEventHandler","name","focus","_inheritsLoose2","_proto","prototype","render","_cx","_this$props2","theme","deprecated","ref","tabIndex","cx","variableName","title","componentDidMount","_this2","addListener","remove","removeListener","componentDidUpdate","prevProps","componentWillUnmount","Input","leftIcon","isColorExtended","onValueChange","onBlur","align","width","error","isError","linkRoot","XIcon16Regular","React","Component","_React$Component2","_this3","_len2","_key2","_proto2","getColorValue","color","isFunction","colorValue","Option","isColor"],"sources":["VariableValue.tsx"],"sourcesContent":["import React from 'react';\nimport { ToolPencilLineIcon16Regular } from '@skbkontur/icons/icons/ToolPencilLineIcon/ToolPencilLineIcon16Regular';\nimport { XIcon16Regular } from '@skbkontur/icons/icons/XIcon/XIcon16Regular';\nimport EventEmitter from 'eventemitter3';\n\nimport { isColor } from '../../lib/styles/ColorHelpers';\nimport { Input } from '../../components/Input';\nimport { Gapped } from '../../components/Gapped';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { Link } from '../../components/Link';\nimport { Hint } from '../../components/Hint';\nimport { isFunction } from '../../lib/utils';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './Playground.styles';\n\nconst emitter = new EventEmitter();\n\nexport interface VariableValueProps {\n  onChange: (variable: keyof Theme, value: string) => void;\n  value: string;\n  isError: boolean;\n  variable: string;\n  theme: Theme;\n  baseVariables: Array<keyof Theme>;\n  deprecated?: boolean;\n}\n\nexport interface VariableValueState {\n  value: string;\n  editing: boolean;\n}\n\ntype DefaultProps = Required<Pick<VariableValueProps, 'deprecated'>>;\n\nexport class VariableValue extends React.Component<VariableValueProps, VariableValueState> {\n  public static defaultProps: DefaultProps = {\n    deprecated: false,\n  };\n  private getProps = createPropsGetter(VariableValue.defaultProps);\n  public state: VariableValueState = {\n    value: this.props.value,\n    editing: false,\n  };\n  private subscription: { remove: () => void } | null = null;\n  private rootElement: HTMLElement | null = null;\n  private readonly debounceTimeout = 500;\n  private debounceInterval: number | undefined = undefined;\n\n  public render() {\n    const { variable, theme, baseVariables } = this.props;\n    const deprecated = this.getProps().deprecated;\n    return (\n      <div className={styles.variable(theme)} ref={this.rootRef} tabIndex={0}>\n        <div\n          className={cx(styles.variableName(theme), { [styles.deprecated()]: deprecated })}\n          title={variable}\n        >{`${variable}: `}</div>\n        {baseVariables.length > 0 && !this.state.editing ? this.renderBaseVariableLink() : this.renderInputWrapper()}\n      </div>\n    );\n  }\n\n  public componentDidMount(): void {\n    if (!this.subscription) {\n      emitter.addListener('clicked', this.emitterEventHandler);\n      this.subscription = {\n        remove: () => {\n          emitter.removeListener('clicked', this.emitterEventHandler);\n        },\n      };\n    }\n  }\n\n  public componentDidUpdate(prevProps: VariableValueProps) {\n    if (prevProps.value !== this.props.value) {\n      this.setState({ value: this.props.value });\n    }\n  }\n\n  public componentWillUnmount(): void {\n    if (this.subscription) {\n      this.subscription.remove();\n    }\n    if (this.debounceInterval !== undefined) {\n      clearInterval(this.debounceInterval);\n    }\n  }\n\n  private renderBaseVariableLink = () => {\n    const baseVariables = this.props.baseVariables;\n    return (\n      <div className={styles.baseVariableRoot()}>\n        {this.colorIcon()}\n        <div className={styles.baseLinkWrapper()}>\n          <Gapped>\n            <div style={{ textAlign: 'right' }}>\n              <Gapped vertical>\n                {baseVariables.map((v) => (\n                  <BaseVariableLink key={v} baseVariable={v} emitClickEvent={this.emitClickEvent} />\n                ))}\n              </Gapped>\n            </div>\n            <Hint text={'Изменить значение'}>\n              <Link icon={<ToolPencilLineIcon16Regular />} onClick={this.handleEditLinkClick} />\n            </Hint>\n          </Gapped>\n        </div>\n      </div>\n    );\n  };\n\n  private renderInputWrapper = () => {\n    return this.state.editing ? (\n      <Gapped>\n        {this.renderInput()}\n        {this.renderRollbackIcon()}\n      </Gapped>\n    ) : (\n      this.renderInput()\n    );\n  };\n\n  private renderInput() {\n    return (\n      <Input\n        leftIcon={isColorExtended(this.state.value) && this.colorIcon()}\n        value={this.state.value}\n        onValueChange={this.handleChange}\n        onBlur={this.handleBlur}\n        align={'right'}\n        width={this.state.editing ? 225 : 250}\n        error={this.props.isError}\n      />\n    );\n  }\n\n  private renderRollbackIcon() {\n    return (\n      <Hint text={'Вернуться к базовой переменной'}>\n        <div className={styles.linkRoot()}>\n          <Link icon={<XIcon16Regular />} onClick={this.rollbackToBaseVariable} />\n        </div>\n      </Hint>\n    );\n  }\n\n  private rootRef = (instance: HTMLElement | null) => {\n    this.rootElement = instance;\n  };\n\n  private colorIcon = () => {\n    return <div className={styles.colorIcon()} style={{ background: this.state.value }} />;\n  };\n\n  private handleEditLinkClick = () => {\n    this.setState({\n      editing: true,\n    });\n  };\n\n  private rollbackToBaseVariable = () => {\n    this.setState({\n      editing: false,\n      value: this.props.value,\n    });\n  };\n\n  private emitClickEvent = (variable: string | number) => {\n    emitter.emit('clicked', variable);\n  };\n\n  private handleChange = (value: string) => {\n    this.setState({\n      value,\n    });\n\n    if (this.debounceInterval === undefined) {\n      this.debounceInterval = window.setInterval(this.debounceHandler, this.debounceTimeout);\n    }\n  };\n\n  private debounceHandler = () => {\n    const { variable, onChange } = this.props;\n\n    onChange(variable as keyof Theme, this.state.value);\n\n    clearInterval(this.debounceInterval);\n    this.debounceInterval = undefined;\n  };\n\n  private handleBlur = () => {\n    this.setState({\n      editing: false,\n    });\n  };\n\n  private emitterEventHandler = (name: keyof Theme) => {\n    if (name === this.props.variable && this.rootElement) {\n      this.rootElement.focus();\n    }\n  };\n}\n\ninterface BaseVariableLinkProps {\n  baseVariable: string | number;\n  emitClickEvent: (baseVariable: string | number) => void;\n}\nclass BaseVariableLink extends React.Component<BaseVariableLinkProps> {\n  public render() {\n    return <Link onClick={this.emitClickEvent}>{this.props.baseVariable}</Link>;\n  }\n  private emitClickEvent = () => {\n    this.props.emitClickEvent(this.props.baseVariable);\n  };\n}\n\ntype Color = string | (() => string);\n\nconst getColorValue = (color: Color) => {\n  if (isFunction(color)) {\n    return color();\n  }\n\n  return color;\n};\n\nfunction isColorExtended(color: Color) {\n  const colorValue = getColorValue(color);\n\n  const style = new Option().style;\n  style.color = colorValue;\n\n  if (colorValue) {\n    return isColor(colorValue) || style.color === colorValue;\n  }\n\n  return false;\n}\n"],"mappings":"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","ignoreList":[]}