@skbkontur/react-ui 5.6.9-5e213.0 → 5.6.10

package/internal/ThemePlayground/TogglePlayground/TogglePlayground.js

@@ -1,41 +1,31 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-function _callSuper(t, o, e) {
-  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
-}
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import { Gapped } from "../../../components/Gapped";
 import { Toggle } from "../../../components/Toggle";
 export var TogglePlayground = /*#__PURE__*/function (_React$Component) {
   function TogglePlayground() {
-    _classCallCheck(this, TogglePlayground);
-    return _callSuper(this, TogglePlayground, arguments);
+    return _React$Component.apply(this, arguments) || this;
   }
-  _inherits(TogglePlayground, _React$Component);
-  return _createClass(TogglePlayground, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/(
-        React.createElement(Gapped, {
-          vertical: true
-        }, /*#__PURE__*/
-        React.createElement(Gapped, {
-          gap: 10
-        }, /*#__PURE__*/
-        React.createElement(Toggle, null), /*#__PURE__*/
-        React.createElement("div", null, "Toggle")), /*#__PURE__*/
-        React.createElement(Gapped, {
-          gap: 10
-        }, /*#__PURE__*/
-        React.createElement(Toggle, {
-          disabled: true
-        }), /*#__PURE__*/
-        React.createElement("div", null, "Disabled toggle")))
-      );
-    }
-  }]);
+  _inheritsLoose(TogglePlayground, _React$Component);
+  var _proto = TogglePlayground.prototype;
+  _proto.render = function render() {
+    return /*#__PURE__*/(
+      React.createElement(Gapped, {
+        vertical: true
+      }, /*#__PURE__*/
+      React.createElement(Gapped, {
+        gap: 10
+      }, /*#__PURE__*/
+      React.createElement(Toggle, null), /*#__PURE__*/
+      React.createElement("div", null, "Toggle")), /*#__PURE__*/
+      React.createElement(Gapped, {
+        gap: 10
+      }, /*#__PURE__*/
+      React.createElement(Toggle, {
+        disabled: true
+      }), /*#__PURE__*/
+      React.createElement("div", null, "Disabled toggle")))
+    );
+  };
+  return TogglePlayground;
 }(React.Component);

package/internal/ThemePlayground/TogglePlayground/TogglePlayground.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Gapped","Toggle","TogglePlayground","_React$Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","createElement","vertical","gap","disabled","Component"],"sources":["TogglePlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport { Toggle } from '../../components/Toggle';\n\nexport class TogglePlayground extends React.Component {\n  public render() {\n    return (\n      <Gapped vertical>\n        <Gapped gap={10}>\n          <Toggle />\n          <div>Toggle</div>\n        </Gapped>\n        <Gapped gap={10}>\n          <Toggle disabled />\n          <div>Disabled toggle</div>\n        </Gapped>\n      </Gapped>\n    );\n  }\n}\n"],"mappings":"ipBAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,MAAM,QAAQ,yBAAyB;;AAEhD,WAAaC,gBAAgB,0BAAAC,gBAAA,YAAAD,iBAAA,GAAAE,eAAA,OAAAF,gBAAA,SAAAG,UAAA,OAAAH,gBAAA,EAAAI,SAAA,GAAAC,SAAA,CAAAL,gBAAA,EAAAC,gBAAA,SAAAK,YAAA,CAAAN,gBAAA,KAAAO,GAAA,YAAAC,KAAA;IAC3B,SAAAC,OAAA,EAAgB;MACd;QACEZ,KAAA,CAAAa,aAAA,CAACZ,MAAM,IAACa,QAAQ;QACdd,KAAA,CAAAa,aAAA,CAACZ,MAAM,IAACc,GAAG,EAAE,EAAG;QACdf,KAAA,CAAAa,aAAA,CAACX,MAAM,MAAE,CAAC;QACVF,KAAA,CAAAa,aAAA,cAAK,QAAW;QACV,CAAC;QACTb,KAAA,CAAAa,aAAA,CAACZ,MAAM,IAACc,GAAG,EAAE,EAAG;QACdf,KAAA,CAAAa,aAAA,CAACX,MAAM,IAACc,QAAQ,QAAE,CAAC;QACnBhB,KAAA,CAAAa,aAAA,cAAK,iBAAoB;QACnB;QACF,CAAC;;IAEb,CAAC,OAdmCb,KAAK,CAACiB,SAAS","ignoreList":[]}
+{"version":3,"names":["React","Gapped","Toggle","TogglePlayground","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","createElement","vertical","gap","disabled","Component"],"sources":["TogglePlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport { Toggle } from '../../components/Toggle';\n\nexport class TogglePlayground extends React.Component {\n  public render() {\n    return (\n      <Gapped vertical>\n        <Gapped gap={10}>\n          <Toggle />\n          <div>Toggle</div>\n        </Gapped>\n        <Gapped gap={10}>\n          <Toggle disabled />\n          <div>Disabled toggle</div>\n        </Gapped>\n      </Gapped>\n    );\n  }\n}\n"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,MAAM,QAAQ,yBAAyB;;AAEhD,WAAaC,gBAAgB,0BAAAC,gBAAA,YAAAD,iBAAA,UAAAC,gBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAJ,gBAAA,EAAAC,gBAAA,MAAAI,MAAA,GAAAL,gBAAA,CAAAM,SAAA,CAAAD,MAAA;EACpBE,MAAM,GAAb,SAAAA,OAAA,EAAgB;IACd;MACEV,KAAA,CAAAW,aAAA,CAACV,MAAM,IAACW,QAAQ;MACdZ,KAAA,CAAAW,aAAA,CAACV,MAAM,IAACY,GAAG,EAAE,EAAG;MACdb,KAAA,CAAAW,aAAA,CAACT,MAAM,MAAE,CAAC;MACVF,KAAA,CAAAW,aAAA,cAAK,QAAW;MACV,CAAC;MACTX,KAAA,CAAAW,aAAA,CAACV,MAAM,IAACY,GAAG,EAAE,EAAG;MACdb,KAAA,CAAAW,aAAA,CAACT,MAAM,IAACY,QAAQ,QAAE,CAAC;MACnBd,KAAA,CAAAW,aAAA,cAAK,iBAAoB;MACnB;MACF,CAAC;;EAEb,CAAC,QAAAR,gBAAA,GAdmCH,KAAK,CAACe,SAAS","ignoreList":[]}

package/internal/ThemePlayground/TokenInputPlayground/TokenInputPlayground.js

@@ -1,14 +1,6 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-function _callSuper(t, o, e) {
-  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
-}
 import React from 'react';
 import { TokenInput } from "../../../components/TokenInput";
 import { Token } from "../../../components/Token";
@@ -38,45 +30,43 @@ function _getItems() {
 export var TokenInputPlayground = /*#__PURE__*/function (_React$Component) {
   function TokenInputPlayground() {
     var _this;
-    _classCallCheck(this, TokenInputPlayground);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, TokenInputPlayground, [].concat(args));
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.state = {
       selectedItems: ['First', 'Second']
     };
     return _this;
   }
-  _inherits(TokenInputPlayground, _React$Component);
-  return _createClass(TokenInputPlayground, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      return /*#__PURE__*/(
-        React.createElement(TokenInput, {
-          getItems: getItems,
-          selectedItems: this.state.selectedItems,
-          renderToken: function renderToken(item, _ref) {
-            var isActive = _ref.isActive,
-              onClick = _ref.onClick,
-              onRemove = _ref.onRemove;
-            return /*#__PURE__*/(
-              React.createElement(Token, {
-                key: item.toString(),
-                isActive: isActive,
-                onClick: onClick,
-                onRemove: onRemove
-              }, item)
-            );
-          },
-          onValueChange: function onValueChange(itemsNew) {
-            return _this2.setState({
-              selectedItems: itemsNew
-            });
-          }
-        })
-      );
-    }
-  }]);
+  _inheritsLoose(TokenInputPlayground, _React$Component);
+  var _proto = TokenInputPlayground.prototype;
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/(
+      React.createElement(TokenInput, {
+        getItems: getItems,
+        selectedItems: this.state.selectedItems,
+        renderToken: function renderToken(item, _ref) {
+          var isActive = _ref.isActive,
+            onClick = _ref.onClick,
+            onRemove = _ref.onRemove;
+          return /*#__PURE__*/(
+            React.createElement(Token, {
+              key: item.toString(),
+              isActive: isActive,
+              onClick: onClick,
+              onRemove: onRemove
+            }, item)
+          );
+        },
+        onValueChange: function onValueChange(itemsNew) {
+          return _this2.setState({
+            selectedItems: itemsNew
+          });
+        }
+      })
+    );
+  };
+  return TokenInputPlayground;
 }(React.Component);

package/internal/ThemePlayground/TokenInputPlayground/TokenInputPlayground.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","TokenInput","Token","getItems","_x","_getItems","apply","arguments","_asyncToGenerator","_regeneratorRuntime","mark","_callee","query","wrap","_callee$","_context","prev","next","abrupt","Promise","resolve","filter","x","toLowerCase","includes","toString","then","res","setTimeout","bind","stop","TokenInputPlayground","_React$Component","_this","_classCallCheck","_len","length","args","Array","_key","_callSuper","concat","state","selectedItems","_inherits","_createClass","key","value","render","_this2","createElement","renderToken","item","_ref","isActive","onClick","onRemove","onValueChange","itemsNew","setState","Component"],"sources":["TokenInputPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TokenInput } from '../../components/TokenInput';\nimport { Token } from '../../components/Token';\n\nasync function getItems(query: string) {\n  return Promise.resolve(\n    ['First', 'Second', 'Third', 'Fourth', 'Fifth', 'Sixth'].filter(\n      (x) => x.toLowerCase().includes(query.toLowerCase()) || x.toString() === query,\n    ),\n  ).then((res: string[]) => new Promise<string[]>((resolve) => setTimeout(resolve.bind(null, res), 500)));\n}\n\ninterface TokenInputPlaygroundState {\n  selectedItems: string[];\n}\nexport class TokenInputPlayground extends React.Component {\n  public state: TokenInputPlaygroundState = { selectedItems: ['First', 'Second'] };\n\n  public render() {\n    return (\n      <TokenInput\n        getItems={getItems}\n        selectedItems={this.state.selectedItems}\n        renderToken={(item, { isActive, onClick, onRemove }) => (\n          <Token key={item.toString()} isActive={isActive} onClick={onClick} onRemove={onRemove}>\n            {item}\n          </Token>\n        )}\n        onValueChange={(itemsNew) => this.setState({ selectedItems: itemsNew })}\n      />\n    );\n  }\n}\n"],"mappings":"0xBAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,UAAU,QAAQ,6BAA6B;AACxD,SAASC,KAAK,QAAQ,wBAAwB,CAAC;;AAEhCC,QAAQA,CAAAC,EAAA,UAAAC,SAAA,CAAAC,KAAA,OAAAC,SAAA,YAAAF,UAAA,GAAAA,SAAA,GAAAG,iBAAA,eAAAC,mBAAA,CAAAC,IAAA,CAAvB,SAAAC,QAAwBC,KAAa,UAAAH,mBAAA,CAAAI,IAAA,UAAAC,SAAAC,QAAA,qBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA,iBAAAF,QAAA,CAAAG,MAAA;UAC5BC,OAAO,CAACC,OAAO;YACpB,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC,CAACC,MAAM;cAC7D,UAACC,CAAC,UAAKA,CAAC,CAACC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACZ,KAAK,CAACW,WAAW,CAAC,CAAC,CAAC,IAAID,CAAC,CAACG,QAAQ,CAAC,CAAC,KAAKb,KAAK;YAChF;UACF,CAAC,CAACc,IAAI,CAAC,UAACC,GAAa,UAAK,IAAIR,OAAO,CAAW,UAACC,OAAO,UAAKQ,UAAU,CAACR,OAAO,CAACS,IAAI,CAAC,IAAI,EAAEF,GAAG,CAAC,EAAE,GAAG,CAAC,GAAC,GAAC,2BAAAZ,QAAA,CAAAe,IAAA,OAAAnB,OAAA,GACxG,UAAAN,SAAA,CAAAC,KAAA,OAAAC,SAAA;;;;;;AAKD,WAAawB,oBAAoB,0BAAAC,gBAAA,YAAAD,qBAAA,OAAAE,KAAA,CAAAC,eAAA,OAAAH,oBAAA,WAAAI,IAAA,GAAA5B,SAAA,CAAA6B,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAhC,SAAA,CAAAgC,IAAA,GAAAN,KAAA,GAAAO,UAAA,OAAAT,oBAAA,KAAAU,MAAA,CAAAJ,IAAA,GAAAJ,KAAA;IACxBS,KAAK,GAA8B,EAAEC,aAAa,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAAV,KAAA,EAAAW,SAAA,CAAAb,oBAAA,EAAAC,gBAAA,SAAAa,YAAA,CAAAd,oBAAA,KAAAe,GAAA,YAAAC,KAAA;;IAEhF,SAAAC,OAAA,EAAgB,KAAAC,MAAA;MACd;QACEjD,KAAA,CAAAkD,aAAA,CAACjD,UAAU;UACTE,QAAQ,EAAEA,QAAS;UACnBwC,aAAa,EAAE,IAAI,CAACD,KAAK,CAACC,aAAc;UACxCQ,WAAW,EAAE,SAAAA,YAACC,IAAI,EAAAC,IAAA,OAAIC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO,CAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;cAC/CxD,KAAA,CAAAkD,aAAA,CAAChD,KAAK,IAAC4C,GAAG,EAAEM,IAAI,CAAC3B,QAAQ,CAAC,CAAE,EAAC6B,QAAQ,EAAEA,QAAS,EAACC,OAAO,EAAEA,OAAQ,EAACC,QAAQ,EAAEA,QAAS;cACnFJ;cACI,CAAC,GACR;;UACFK,aAAa,EAAE,SAAAA,cAACC,QAAQ,UAAKT,MAAI,CAACU,QAAQ,CAAC,EAAEhB,aAAa,EAAEe,QAAQ,CAAC,CAAC,CAAC,EAAC;QACzE,CAAC;;IAEN,CAAC,OAhBuC1D,KAAK,CAAC4D,SAAS","ignoreList":[]}
+{"version":3,"names":["React","TokenInput","Token","getItems","_x","_getItems","apply","arguments","_asyncToGenerator","_regeneratorRuntime","mark","_callee","query","wrap","_callee$","_context","prev","next","abrupt","Promise","resolve","filter","x","toLowerCase","includes","toString","then","res","setTimeout","bind","stop","TokenInputPlayground","_React$Component","_this","_len","length","args","Array","_key","call","concat","state","selectedItems","_inheritsLoose","_proto","prototype","render","_this2","createElement","renderToken","item","_ref","isActive","onClick","onRemove","key","onValueChange","itemsNew","setState","Component"],"sources":["TokenInputPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TokenInput } from '../../components/TokenInput';\nimport { Token } from '../../components/Token';\n\nasync function getItems(query: string) {\n  return Promise.resolve(\n    ['First', 'Second', 'Third', 'Fourth', 'Fifth', 'Sixth'].filter(\n      (x) => x.toLowerCase().includes(query.toLowerCase()) || x.toString() === query,\n    ),\n  ).then((res: string[]) => new Promise<string[]>((resolve) => setTimeout(resolve.bind(null, res), 500)));\n}\n\ninterface TokenInputPlaygroundState {\n  selectedItems: string[];\n}\nexport class TokenInputPlayground extends React.Component {\n  public state: TokenInputPlaygroundState = { selectedItems: ['First', 'Second'] };\n\n  public render() {\n    return (\n      <TokenInput\n        getItems={getItems}\n        selectedItems={this.state.selectedItems}\n        renderToken={(item, { isActive, onClick, onRemove }) => (\n          <Token key={item.toString()} isActive={isActive} onClick={onClick} onRemove={onRemove}>\n            {item}\n          </Token>\n        )}\n        onValueChange={(itemsNew) => this.setState({ selectedItems: itemsNew })}\n      />\n    );\n  }\n}\n"],"mappings":"+MAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,UAAU,QAAQ,6BAA6B;AACxD,SAASC,KAAK,QAAQ,wBAAwB,CAAC;;AAEhCC,QAAQA,CAAAC,EAAA,UAAAC,SAAA,CAAAC,KAAA,OAAAC,SAAA,YAAAF,UAAA,GAAAA,SAAA,GAAAG,iBAAA,eAAAC,mBAAA,CAAAC,IAAA,CAAvB,SAAAC,QAAwBC,KAAa,UAAAH,mBAAA,CAAAI,IAAA,UAAAC,SAAAC,QAAA,qBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA,iBAAAF,QAAA,CAAAG,MAAA;UAC5BC,OAAO,CAACC,OAAO;YACpB,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC,CAACC,MAAM;cAC7D,UAACC,CAAC,UAAKA,CAAC,CAACC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACZ,KAAK,CAACW,WAAW,CAAC,CAAC,CAAC,IAAID,CAAC,CAACG,QAAQ,CAAC,CAAC,KAAKb,KAAK;YAChF;UACF,CAAC,CAACc,IAAI,CAAC,UAACC,GAAa,UAAK,IAAIR,OAAO,CAAW,UAACC,OAAO,UAAKQ,UAAU,CAACR,OAAO,CAACS,IAAI,CAAC,IAAI,EAAEF,GAAG,CAAC,EAAE,GAAG,CAAC,GAAC,GAAC,2BAAAZ,QAAA,CAAAe,IAAA,OAAAnB,OAAA,GACxG,UAAAN,SAAA,CAAAC,KAAA,OAAAC,SAAA;;;;;;AAKD,WAAawB,oBAAoB,0BAAAC,gBAAA,YAAAD,qBAAA,OAAAE,KAAA,UAAAC,IAAA,GAAA3B,SAAA,CAAA4B,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAA/B,SAAA,CAAA+B,IAAA,GAAAL,KAAA,GAAAD,gBAAA,CAAAO,IAAA,CAAAjC,KAAA,CAAA0B,gBAAA,SAAAQ,MAAA,CAAAJ,IAAA,WAAAH,KAAA;IACxBQ,KAAK,GAA8B,EAAEC,aAAa,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAAT,KAAA,EAAAU,cAAA,CAAAZ,oBAAA,EAAAC,gBAAA,MAAAY,MAAA,GAAAb,oBAAA,CAAAc,SAAA,CAAAD,MAAA;;EAEzEE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA;IACd;MACE/C,KAAA,CAAAgD,aAAA,CAAC/C,UAAU;QACTE,QAAQ,EAAEA,QAAS;QACnBuC,aAAa,EAAE,IAAI,CAACD,KAAK,CAACC,aAAc;QACxCO,WAAW,EAAE,SAAAA,YAACC,IAAI,EAAAC,IAAA,OAAIC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO,CAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;YAC/CtD,KAAA,CAAAgD,aAAA,CAAC9C,KAAK,IAACqD,GAAG,EAAEL,IAAI,CAACzB,QAAQ,CAAC,CAAE,EAAC2B,QAAQ,EAAEA,QAAS,EAACC,OAAO,EAAEA,OAAQ,EAACC,QAAQ,EAAEA,QAAS;YACnFJ;YACI,CAAC,GACR;;QACFM,aAAa,EAAE,SAAAA,cAACC,QAAQ,UAAKV,MAAI,CAACW,QAAQ,CAAC,EAAEhB,aAAa,EAAEe,QAAQ,CAAC,CAAC,CAAC,EAAC;MACzE,CAAC;;EAEN,CAAC,QAAA1B,oBAAA,GAhBuC/B,KAAK,CAAC2D,SAAS","ignoreList":[]}

package/internal/ThemePlayground/UnlinkVarsPlayground/UnlinkVarsPlayground.js

@@ -1,4 +1,3 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useState } from 'react';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
@@ -24,9 +23,8 @@ export var UnlinkVarsPlayground = function UnlinkVarsPlayground() {
     linkColor: '#0000cc'
   });
   var _useState = useState(3),
-    _useState2 = _slicedToArray(_useState, 2),
-    active = _useState2[0],
-    setActive = _useState2[1];
+    active = _useState[0],
+    setActive = _useState[1];
   return /*#__PURE__*/(
     React.createElement(ThemeContext.Provider, {
       value: theme

package/internal/ThemePlayground/UnlinkVarsPlayground/UnlinkVarsPlayground.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","ThemeContext","ThemeFactory","Checkbox","Radio","FileUploader","Paging","getComponentsFromPropsList","propsList","children","initialIndeterminate","checked","focused","UnlinkVarsPlayground","theme","create","borderColorFocus","linkColor","_useState","_useState2","_slicedToArray","active","setActive","createElement","Provider","value","style","display","gap","activePage","pagesCount","onPageChange","num"],"sources":["UnlinkVarsPlayground.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { CheckboxProps } from '../../components/Checkbox';\nimport { Checkbox } from '../../components/Checkbox';\nimport { Radio } from '../../components/Radio';\nimport { FileUploader } from '../../components/FileUploader';\nimport { Paging } from '../../components/Paging';\n\nimport { getComponentsFromPropsList } from './helpers';\n\ntype CheckboxProp = CheckboxProps & { focused?: boolean };\nconst propsList: CheckboxProp[] = [\n  { children: 'Semichecked', initialIndeterminate: true },\n  { children: 'Checked', checked: true },\n  { children: 'Checked & Focused', checked: true, focused: true },\n];\n\nexport const UnlinkVarsPlayground = () => {\n  const theme = ThemeFactory.create({ borderColorFocus: '#7474DA', linkColor: '#0000cc' });\n  const [active, setActive] = useState(3);\n  return (\n    <ThemeContext.Provider value={theme}>\n      <div style={{ display: 'grid', gap: '10px' }}>\n        {getComponentsFromPropsList(<Checkbox />, propsList)}\n        <Paging activePage={active} pagesCount={5} onPageChange={(num) => setActive(num)} />\n        <FileUploader />\n        <Radio value={'foo'} focused />\n      </div>\n    </ThemeContext.Provider>\n  );\n};\n"],"mappings":"sEAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;;AAEvC,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,YAAY,QAAQ,+BAA+B;AAC5D,SAASC,MAAM,QAAQ,yBAAyB;;AAEhD,SAASC,0BAA0B,QAAQ,WAAW;;;AAGtD,IAAMC,SAAyB,GAAG;AAChC,EAAEC,QAAQ,EAAE,aAAa,EAAEC,oBAAoB,EAAE,IAAI,CAAC,CAAC;AACvD,EAAED,QAAQ,EAAE,SAAS,EAAEE,OAAO,EAAE,IAAI,CAAC,CAAC;AACtC,EAAEF,QAAQ,EAAE,mBAAmB,EAAEE,OAAO,EAAE,IAAI,EAAEC,OAAO,EAAE,IAAI,CAAC,CAAC,CAChE;;;AAED,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA,EAAS;EACxC,IAAMC,KAAK,GAAGZ,YAAY,CAACa,MAAM,CAAC,EAAEC,gBAAgB,EAAE,SAAS,EAAEC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;EACxF,IAAAC,SAAA,GAA4BlB,QAAQ,CAAC,CAAC,CAAC,CAAAmB,UAAA,GAAAC,cAAA,CAAAF,SAAA,KAAhCG,MAAM,GAAAF,UAAA,IAAEG,SAAS,GAAAH,UAAA;EACxB;IACEpB,KAAA,CAAAwB,aAAA,CAACtB,YAAY,CAACuB,QAAQ,IAACC,KAAK,EAAEX,KAAM;IAClCf,KAAA,CAAAwB,aAAA,UAAKG,KAAK,EAAE,EAAEC,OAAO,EAAE,MAAM,EAAEC,GAAG,EAAE,MAAM,CAAC,CAAE;IAC1CrB,0BAA0B,eAACR,KAAA,CAAAwB,aAAA,CAACpB,QAAQ,MAAE,CAAC,EAAEK,SAAS,CAAC;IACpDT,KAAA,CAAAwB,aAAA,CAACjB,MAAM,IAACuB,UAAU,EAAER,MAAO,EAACS,UAAU,EAAE,CAAE,EAACC,YAAY,EAAE,SAAAA,aAACC,GAAG,UAAKV,SAAS,CAACU,GAAG,CAAC,EAAC,EAAE,CAAC;IACpFjC,KAAA,CAAAwB,aAAA,CAAClB,YAAY,MAAE,CAAC;IAChBN,KAAA,CAAAwB,aAAA,CAACnB,KAAK,IAACqB,KAAK,EAAE,KAAM,EAACb,OAAO,QAAE;IAC3B;IACgB,CAAC;;AAE5B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useState","ThemeContext","ThemeFactory","Checkbox","Radio","FileUploader","Paging","getComponentsFromPropsList","propsList","children","initialIndeterminate","checked","focused","UnlinkVarsPlayground","theme","create","borderColorFocus","linkColor","_useState","active","setActive","createElement","Provider","value","style","display","gap","activePage","pagesCount","onPageChange","num"],"sources":["UnlinkVarsPlayground.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { CheckboxProps } from '../../components/Checkbox';\nimport { Checkbox } from '../../components/Checkbox';\nimport { Radio } from '../../components/Radio';\nimport { FileUploader } from '../../components/FileUploader';\nimport { Paging } from '../../components/Paging';\n\nimport { getComponentsFromPropsList } from './helpers';\n\ntype CheckboxProp = CheckboxProps & { focused?: boolean };\nconst propsList: CheckboxProp[] = [\n  { children: 'Semichecked', initialIndeterminate: true },\n  { children: 'Checked', checked: true },\n  { children: 'Checked & Focused', checked: true, focused: true },\n];\n\nexport const UnlinkVarsPlayground = () => {\n  const theme = ThemeFactory.create({ borderColorFocus: '#7474DA', linkColor: '#0000cc' });\n  const [active, setActive] = useState(3);\n  return (\n    <ThemeContext.Provider value={theme}>\n      <div style={{ display: 'grid', gap: '10px' }}>\n        {getComponentsFromPropsList(<Checkbox />, propsList)}\n        <Paging activePage={active} pagesCount={5} onPageChange={(num) => setActive(num)} />\n        <FileUploader />\n        <Radio value={'foo'} focused />\n      </div>\n    </ThemeContext.Provider>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;;AAEvC,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,YAAY,QAAQ,+BAA+B;AAC5D,SAASC,MAAM,QAAQ,yBAAyB;;AAEhD,SAASC,0BAA0B,QAAQ,WAAW;;;AAGtD,IAAMC,SAAyB,GAAG;AAChC,EAAEC,QAAQ,EAAE,aAAa,EAAEC,oBAAoB,EAAE,IAAI,CAAC,CAAC;AACvD,EAAED,QAAQ,EAAE,SAAS,EAAEE,OAAO,EAAE,IAAI,CAAC,CAAC;AACtC,EAAEF,QAAQ,EAAE,mBAAmB,EAAEE,OAAO,EAAE,IAAI,EAAEC,OAAO,EAAE,IAAI,CAAC,CAAC,CAChE;;;AAED,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA,EAAS;EACxC,IAAMC,KAAK,GAAGZ,YAAY,CAACa,MAAM,CAAC,EAAEC,gBAAgB,EAAE,SAAS,EAAEC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;EACxF,IAAAC,SAAA,GAA4BlB,QAAQ,CAAC,CAAC,CAAC,CAAhCmB,MAAM,GAAAD,SAAA,IAAEE,SAAS,GAAAF,SAAA;EACxB;IACEnB,KAAA,CAAAsB,aAAA,CAACpB,YAAY,CAACqB,QAAQ,IAACC,KAAK,EAAET,KAAM;IAClCf,KAAA,CAAAsB,aAAA,UAAKG,KAAK,EAAE,EAAEC,OAAO,EAAE,MAAM,EAAEC,GAAG,EAAE,MAAM,CAAC,CAAE;IAC1CnB,0BAA0B,eAACR,KAAA,CAAAsB,aAAA,CAAClB,QAAQ,MAAE,CAAC,EAAEK,SAAS,CAAC;IACpDT,KAAA,CAAAsB,aAAA,CAACf,MAAM,IAACqB,UAAU,EAAER,MAAO,EAACS,UAAU,EAAE,CAAE,EAACC,YAAY,EAAE,SAAAA,aAACC,GAAG,UAAKV,SAAS,CAACU,GAAG,CAAC,EAAC,EAAE,CAAC;IACpF/B,KAAA,CAAAsB,aAAA,CAAChB,YAAY,MAAE,CAAC;IAChBN,KAAA,CAAAsB,aAAA,CAACjB,KAAK,IAACmB,KAAK,EAAE,KAAM,EAACX,OAAO,QAAE;IAC3B;IACgB,CAAC;;AAE5B,CAAC","ignoreList":[]}

package/internal/ThemePlayground/VariableValue/VariableValue.js

@@ -1,13 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-function _callSuper(t, o, e) {
-  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
-}
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import { ToolPencilLineIcon16Regular } from '@skbkontur/icons/icons/ToolPencilLineIcon/ToolPencilLineIcon16Regular';
 import { XIcon16Regular } from '@skbkontur/icons/icons/XIcon/XIcon16Regular';
@@ -25,11 +16,10 @@ var emitter = new EventEmitter();
 export var VariableValue = /*#__PURE__*/function (_React$Component) {
   function VariableValue() {
     var _this;
-    _classCallCheck(this, VariableValue);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, VariableValue, [].concat(args));
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.getProps = createPropsGetter(VariableValue.defaultProps);
     _this.state = {
       value: _this.props.value,
@@ -131,82 +121,72 @@ export var VariableValue = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  _inherits(VariableValue, _React$Component);
-  return _createClass(VariableValue, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        variable = _this$props2.variable,
-        theme = _this$props2.theme,
-        baseVariables = _this$props2.baseVariables;
-      var deprecated = this.getProps().deprecated;
-      return /*#__PURE__*/React.createElement("div", {
-        className: styles.variable(theme),
-        ref: this.rootRef,
-        tabIndex: 0
-      }, /*#__PURE__*/React.createElement("div", {
-        className: cx(styles.variableName(theme), _defineProperty({}, styles.deprecated(), deprecated)),
-        title: variable
-      }, "".concat(variable, ": ")), baseVariables.length > 0 && !this.state.editing ? this.renderBaseVariableLink() : this.renderInputWrapper());
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-      if (!this.subscription) {
-        emitter.addListener('clicked', this.emitterEventHandler);
-        this.subscription = {
-          remove: function remove() {
-            emitter.removeListener('clicked', _this2.emitterEventHandler);
-          }
-        };
-      }
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (prevProps.value !== this.props.value) {
-        this.setState({
-          value: this.props.value
-        });
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (this.subscription) {
-        this.subscription.remove();
-      }
-      if (this.debounceInterval !== undefined) {
-        clearInterval(this.debounceInterval);
-      }
+  _inheritsLoose(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.createElement("div", {
+      className: styles.variable(theme),
+      ref: this.rootRef,
+      tabIndex: 0
+    }, /*#__PURE__*/React.createElement("div", {
+      className: cx(styles.variableName(theme), (_cx = {}, _cx[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);
+        }
+      };
     }
-  }, {
-    key: "renderInput",
-    value: function renderInput() {
-      return /*#__PURE__*/React.createElement(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.componentDidUpdate = function componentDidUpdate(prevProps) {
+    if (prevProps.value !== this.props.value) {
+      this.setState({
+        value: this.props.value
       });
     }
-  }, {
-    key: "renderRollbackIcon",
-    value: function renderRollbackIcon() {
-      return /*#__PURE__*/React.createElement(Hint, {
-        text: 'Вернуться к базовой переменной'
-      }, /*#__PURE__*/React.createElement("div", {
-        className: styles.linkRoot()
-      }, /*#__PURE__*/React.createElement(Link, {
-        icon: /*#__PURE__*/React.createElement(XIcon16Regular, null),
-        onClick: this.rollbackToBaseVariable
-      })));
+  };
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    if (this.subscription) {
+      this.subscription.remove();
+    }
+    if (this.debounceInterval !== undefined) {
+      clearInterval(this.debounceInterval);
     }
-  }]);
+  };
+  _proto.renderInput = function renderInput() {
+    return /*#__PURE__*/React.createElement(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.createElement(Hint, {
+      text: 'Вернуться к базовой переменной'
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.linkRoot()
+    }, /*#__PURE__*/React.createElement(Link, {
+      icon: /*#__PURE__*/React.createElement(XIcon16Regular, null),
+      onClick: this.rollbackToBaseVariable
+    })));
+  };
+  return VariableValue;
 }(React.Component);
 VariableValue.defaultProps = {
   deprecated: false
@@ -214,25 +194,23 @@ VariableValue.defaultProps = {
 var BaseVariableLink = /*#__PURE__*/function (_React$Component2) {
   function BaseVariableLink() {
     var _this3;
-    _classCallCheck(this, BaseVariableLink);
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-    _this3 = _callSuper(this, BaseVariableLink, [].concat(args));
+    _this3 = _React$Component2.call.apply(_React$Component2, [this].concat(args)) || this;
     _this3.emitClickEvent = function () {
       _this3.props.emitClickEvent(_this3.props.baseVariable);
     };
     return _this3;
   }
-  _inherits(BaseVariableLink, _React$Component2);
-  return _createClass(BaseVariableLink, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(Link, {
-        onClick: this.emitClickEvent
-      }, this.props.baseVariable);
-    }
-  }]);
+  _inheritsLoose(BaseVariableLink, _React$Component2);
+  var _proto2 = BaseVariableLink.prototype;
+  _proto2.render = function render() {
+    return /*#__PURE__*/React.createElement(Link, {
+      onClick: this.emitClickEvent
+    }, this.props.baseVariable);
+  };
+  return BaseVariableLink;
 }(React.Component);
 var getColorValue = function getColorValue(color) {
   if (isFunction(color)) {

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

@@ -1 +1 @@
-{"version":3,"names":["React","ToolPencilLineIcon16Regular","XIcon16Regular","EventEmitter","isColor","Input","Gapped","Link","Hint","isFunction","cx","createPropsGetter","styles","emitter","VariableValue","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","getProps","defaultProps","state","value","props","editing","subscription","rootElement","debounceTimeout","debounceInterval","undefined","renderBaseVariableLink","baseVariables","createElement","className","baseVariableRoot","colorIcon","baseLinkWrapper","style","textAlign","vertical","map","v","BaseVariableLink","key","baseVariable","emitClickEvent","text","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","_inherits","_createClass","render","_this$props2","theme","deprecated","ref","tabIndex","variableName","_defineProperty","title","componentDidMount","_this2","addListener","remove","removeListener","componentDidUpdate","prevProps","componentWillUnmount","leftIcon","isColorExtended","onValueChange","onBlur","align","width","error","isError","linkRoot","Component","_React$Component2","_this3","_len2","_key2","getColorValue","color","colorValue","Option"],"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":[]}
+{"version":3,"names":["React","ToolPencilLineIcon16Regular","XIcon16Regular","EventEmitter","isColor","Input","Gapped","Link","Hint","isFunction","cx","createPropsGetter","styles","emitter","VariableValue","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","value","props","editing","subscription","rootElement","debounceTimeout","debounceInterval","undefined","renderBaseVariableLink","baseVariables","createElement","className","baseVariableRoot","colorIcon","baseLinkWrapper","style","textAlign","vertical","map","v","BaseVariableLink","key","baseVariable","emitClickEvent","text","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","_inheritsLoose","_proto","prototype","render","_cx","_this$props2","theme","deprecated","ref","tabIndex","variableName","title","componentDidMount","_this2","addListener","remove","removeListener","componentDidUpdate","prevProps","componentWillUnmount","leftIcon","isColorExtended","onValueChange","onBlur","align","width","error","isError","linkRoot","Component","_React$Component2","_this3","_len2","_key2","_proto2","getColorValue","color","colorValue","Option"],"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":[]}

package/internal/ThemePlayground/helpers/helpers.js

@@ -1,5 +1,4 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import { Checkbox } from "../../../components/Checkbox";
 export var getComponentsFromPropsList = function getComponentsFromPropsList(component, propsList) {
@@ -19,9 +18,9 @@ export var getComponentsFromPropsList = function getComponentsFromPropsList(comp
         delete checkboxProps.focused;
       }
     }
-    var elementWithProps = /*#__PURE__*/React.cloneElement(component, _objectSpread(_objectSpread({}, props), {}, {
+    var elementWithProps = /*#__PURE__*/React.cloneElement(component, _extends({}, props, {
       key: index
     }));
-    return [].concat(_toConsumableArray(result), [elementWithProps]);
+    return [].concat(result, [elementWithProps]);
   }, []);
 };

package/internal/ThemePlayground/helpers/helpers.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Checkbox","getComponentsFromPropsList","component","propsList","reduce","result","props","index","isCheckbox","type","checkboxProps","focused","ref","el","setState","focusedByTab","elementWithProps","cloneElement","_objectSpread","key","concat","_toConsumableArray"],"sources":["helpers.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Checkbox } from '../../components/Checkbox';\n\nexport const getComponentsFromPropsList = <P extends Record<string, string>>(\n  component: React.ReactElement<P>,\n  propsList: P[],\n) => {\n  return propsList.reduce((result: Array<React.ReactElement<P>>, props, index) => {\n    // NOTE: все это ради чекбокса с фокусом, т.к. нет ни focused, ни autofocus; а ref+focus() снаружи нестабилен\n    const isCheckbox = component.type === Checkbox;\n    if (isCheckbox) {\n      const checkboxProps = props as unknown as { ref: (el: Checkbox) => void; focused?: boolean };\n      if (checkboxProps.focused) {\n        checkboxProps.ref = (el) => {\n          if (el) {\n            el.setState({ focusedByTab: true });\n          }\n        };\n        delete checkboxProps.focused;\n      }\n    }\n\n    const elementWithProps = React.cloneElement(component, { ...props, key: index });\n\n    return [...result, elementWithProps];\n  }, []);\n};\n"],"mappings":"mJAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,QAAQ,QAAQ,2BAA2B;;AAEpD,OAAO,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA0BA;AACrCC,SAAgC;AAChCC,SAAc;AACX;EACH,OAAOA,SAAS,CAACC,MAAM,CAAC,UAACC,MAAoC,EAAEC,KAAK,EAAEC,KAAK,EAAK;IAC9E;IACA,IAAMC,UAAU,GAAGN,SAAS,CAACO,IAAI,KAAKT,QAAQ;IAC9C,IAAIQ,UAAU,EAAE;MACd,IAAME,aAAa,GAAGJ,KAAsE;MAC5F,IAAII,aAAa,CAACC,OAAO,EAAE;QACzBD,aAAa,CAACE,GAAG,GAAG,UAACC,EAAE,EAAK;UAC1B,IAAIA,EAAE,EAAE;YACNA,EAAE,CAACC,QAAQ,CAAC,EAAEC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;UACrC;QACF,CAAC;QACD,OAAOL,aAAa,CAACC,OAAO;MAC9B;IACF;;IAEA,IAAMK,gBAAgB,gBAAGjB,KAAK,CAACkB,YAAY,CAACf,SAAS,EAAAgB,aAAA,CAAAA,aAAA,KAAOZ,KAAK,SAAEa,GAAG,EAAEZ,KAAK,GAAE,CAAC;;IAEhF,UAAAa,MAAA,CAAAC,kBAAA,CAAWhB,MAAM,IAAEW,gBAAgB;EACrC,CAAC,EAAE,EAAE,CAAC;AACR,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Checkbox","getComponentsFromPropsList","component","propsList","reduce","result","props","index","isCheckbox","type","checkboxProps","focused","ref","el","setState","focusedByTab","elementWithProps","cloneElement","_extends","key","concat"],"sources":["helpers.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Checkbox } from '../../components/Checkbox';\n\nexport const getComponentsFromPropsList = <P extends Record<string, string>>(\n  component: React.ReactElement<P>,\n  propsList: P[],\n) => {\n  return propsList.reduce((result: Array<React.ReactElement<P>>, props, index) => {\n    // NOTE: все это ради чекбокса с фокусом, т.к. нет ни focused, ни autofocus; а ref+focus() снаружи нестабилен\n    const isCheckbox = component.type === Checkbox;\n    if (isCheckbox) {\n      const checkboxProps = props as unknown as { ref: (el: Checkbox) => void; focused?: boolean };\n      if (checkboxProps.focused) {\n        checkboxProps.ref = (el) => {\n          if (el) {\n            el.setState({ focusedByTab: true });\n          }\n        };\n        delete checkboxProps.focused;\n      }\n    }\n\n    const elementWithProps = React.cloneElement(component, { ...props, key: index });\n\n    return [...result, elementWithProps];\n  }, []);\n};\n"],"mappings":"0DAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,QAAQ,QAAQ,2BAA2B;;AAEpD,OAAO,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA0BA;AACrCC,SAAgC;AAChCC,SAAc;AACX;EACH,OAAOA,SAAS,CAACC,MAAM,CAAC,UAACC,MAAoC,EAAEC,KAAK,EAAEC,KAAK,EAAK;IAC9E;IACA,IAAMC,UAAU,GAAGN,SAAS,CAACO,IAAI,KAAKT,QAAQ;IAC9C,IAAIQ,UAAU,EAAE;MACd,IAAME,aAAa,GAAGJ,KAAsE;MAC5F,IAAII,aAAa,CAACC,OAAO,EAAE;QACzBD,aAAa,CAACE,GAAG,GAAG,UAACC,EAAE,EAAK;UAC1B,IAAIA,EAAE,EAAE;YACNA,EAAE,CAACC,QAAQ,CAAC,EAAEC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;UACrC;QACF,CAAC;QACD,OAAOL,aAAa,CAACC,OAAO;MAC9B;IACF;;IAEA,IAAMK,gBAAgB,gBAAGjB,KAAK,CAACkB,YAAY,CAACf,SAAS,EAAAgB,QAAA,KAAOZ,KAAK,IAAEa,GAAG,EAAEZ,KAAK,GAAE,CAAC;;IAEhF,UAAAa,MAAA,CAAWf,MAAM,GAAEW,gBAAgB;EACrC,CAAC,EAAE,EAAE,CAAC;AACR,CAAC","ignoreList":[]}