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

package/internal/ThemePlayground/ThemeEditor/ThemeEditor.js

@@ -1,5 +1,14 @@
-import _createForOfIteratorHelperLoose from "@babel/runtime/helpers/esm/createForOfIteratorHelperLoose";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import React from 'react';
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
 import { Gapped } from "../../../components/Gapped";
@@ -11,10 +20,11 @@ import { styles } from "../Playground.styles";
 export var ThemeEditor = /*#__PURE__*/function (_React$Component) {
   function ThemeEditor() {
     var _this;
+    _classCallCheck(this, ThemeEditor);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this = _callSuper(this, ThemeEditor, [].concat(args));
     _this.state = {
       groups: [],
       isLoading: true
@@ -56,30 +66,35 @@ export var ThemeEditor = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  _inheritsLoose(ThemeEditor, _React$Component);
-  var _proto = ThemeEditor.prototype;
-  _proto.render = function render() {
-    return this.state.isLoading ? /*#__PURE__*/React.createElement("div", {
-      className: styles.loaderWrapper()
-    }, /*#__PURE__*/React.createElement(Loader, {
-      type: "big",
-      active: true,
-      className: styles.loader()
-    })) : this.renderGroups();
-  };
-  _proto.componentDidMount = function componentDidMount() {
-    var _this2 = this;
-    this.updateTimeout = window.setTimeout(function () {
-      _this2.setState({
-        groups: VARIABLES_GROUPS,
-        isLoading: false
-      });
-    }, 500);
-  };
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    clearTimeout(this.updateTimeout);
-  };
-  return ThemeEditor;
+  _inherits(ThemeEditor, _React$Component);
+  return _createClass(ThemeEditor, [{
+    key: "render",
+    value: function render() {
+      return this.state.isLoading ? /*#__PURE__*/React.createElement("div", {
+        className: styles.loaderWrapper()
+      }, /*#__PURE__*/React.createElement(Loader, {
+        type: "big",
+        active: true,
+        className: styles.loader()
+      })) : this.renderGroups();
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+      this.updateTimeout = window.setTimeout(function () {
+        _this2.setState({
+          groups: VARIABLES_GROUPS,
+          isLoading: false
+        });
+      }, 500);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      clearTimeout(this.updateTimeout);
+    }
+  }]);
 }(React.Component);
 var Group = function Group(props) {
   var editingTheme = props.editingTheme,
@@ -114,26 +129,42 @@ var isDeprecatedVariable = function isDeprecatedVariable(name) {
 };
 var isGroupVariable = function isGroupVariable(prefix, name) {
   var splitPrefix = prefix.split(' ') || [];
-  for (var _iterator = _createForOfIteratorHelperLoose(splitPrefix), _step; !(_step = _iterator()).done;) {
-    var item = _step.value;
-    if (name.startsWith(item.trim())) {
-      return true;
+  var _iterator = _createForOfIteratorHelper(splitPrefix),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var item = _step.value;
+      if (name.startsWith(item.trim())) {
+        return true;
+      }
     }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
   }
   return false;
 };
 var isCommonVariable = function isCommonVariable(prefixes, name) {
-  for (var _iterator2 = _createForOfIteratorHelperLoose(prefixes), _step2; !(_step2 = _iterator2()).done;) {
-    var item = _step2.value;
-    if (name.startsWith(item.trim())) {
-      return false;
+  var _iterator2 = _createForOfIteratorHelper(prefixes),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var item = _step2.value;
+      if (name.startsWith(item.trim())) {
+        return false;
+      }
     }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
   }
   return true;
 };
 var prefixesReducer = function prefixesReducer(acc, current) {
   var splitPrefix = current.prefix.split(' ');
-  return [].concat(acc, splitPrefix);
+  return [].concat(_toConsumableArray(acc), _toConsumableArray(splitPrefix));
 };
 var getBaseVariables = function getBaseVariables(theme, variable) {
   // TODO: Rewrite for loop.

package/internal/ThemePlayground/ThemeEditor/ThemeEditor.js.map

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

package/internal/ThemePlayground/TogglePlayground/TogglePlayground.js

@@ -1,31 +1,41 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import React from 'react';
 import { Gapped } from "../../../components/Gapped";
 import { Toggle } from "../../../components/Toggle";
 export var TogglePlayground = /*#__PURE__*/function (_React$Component) {
   function TogglePlayground() {
-    return _React$Component.apply(this, arguments) || this;
+    _classCallCheck(this, TogglePlayground);
+    return _callSuper(this, TogglePlayground, arguments);
   }
-  _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;
+  _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")))
+      );
+    }
+  }]);
 }(React.Component);

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

@@ -1 +1 @@
-{"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":[]}
+{"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":[]}

package/internal/ThemePlayground/TokenInputPlayground/TokenInputPlayground.js

@@ -1,6 +1,14 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
 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";
@@ -30,43 +38,45 @@ 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 = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this = _callSuper(this, TokenInputPlayground, [].concat(args));
     _this.state = {
       selectedItems: ['First', 'Second']
     };
     return _this;
   }
-  _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;
+  _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
+            });
+          }
+        })
+      );
+    }
+  }]);
 }(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","_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":[]}
+{"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":[]}

package/internal/ThemePlayground/UnlinkVarsPlayground/UnlinkVarsPlayground.js

@@ -1,3 +1,4 @@
+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";
@@ -23,8 +24,9 @@ export var UnlinkVarsPlayground = function UnlinkVarsPlayground() {
     linkColor: '#0000cc'
   });
   var _useState = useState(3),
-    active = _useState[0],
-    setActive = _useState[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    active = _useState2[0],
+    setActive = _useState2[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","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":[]}
+{"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":[]}