@skbkontur/react-ui 0.0.0-001618ff8c → 0.0.0-044e274f2c

package/internal/ThemePlayground/__creevey__/ThemeProvider.creevey/ThemeProvider.creevey.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["story","kind","test","delay","_ref","setStoryParameters","skip","tests","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_callee$","_context","prev","next","browser","actions","bridge","click","findElement","css","perform","t0","takeScreenshot","t1","sent","expect","call","to","matchImage","stop","_callee2","_callee2$","_context2","executeScript","document","documentElement","scrollTop","scrollHeight","_callee3","_callee3$","_context3","_callee4","_callee4$","_context4","_ref6"],"sources":["ThemeProvider.creevey.ts"],"sourcesContent":["import { story, kind, test } from 'creevey';\n\nimport { delay } from '../../../lib/utils';\n\nkind('ThemeProvider', () => {\n  story('Playground', ({ setStoryParameters }) => {\n    setStoryParameters({\n      skip: {\n        'repeating tests': {\n          tests: ['theme 2022 top', 'theme 2022 bottom', 'theme 2022 dark top', 'theme 2022 dark bottom'],\n          in: /^(?!\\b(chrome2022|firefox2022)\\b)/,\n        },\n      },\n    });\n\n    test('theme 2022 top', async function () {\n      await this.browser\n        .actions({ bridge: true })\n        .click(this.browser.findElement({ css: '[data-prop-id=\"lightTheme\"]' }))\n        .perform();\n      await delay(500);\n      await this.expect(await this.browser.takeScreenshot()).to.matchImage('theme 2022 top');\n    });\n\n    test('theme 2022 bottom', async function () {\n      await this.browser\n        .actions({ bridge: true })\n        .click(this.browser.findElement({ css: '[data-prop-id=\"lightTheme\"]' }))\n        .perform();\n      await this.browser.executeScript(function () {\n        document.documentElement.scrollTop = document.documentElement.scrollHeight;\n      });\n      await delay(1000);\n      await this.expect(await this.browser.takeScreenshot()).to.matchImage('theme 2022 bottom');\n    });\n\n    test('theme 2022 dark top', async function () {\n      await this.browser\n        .actions({ bridge: true })\n        .click(this.browser.findElement({ css: '[data-prop-id=\"darkTheme\"]' }))\n        .perform();\n      await delay(500);\n      await this.expect(await this.browser.takeScreenshot()).to.matchImage('theme 2022 dark top');\n    });\n\n    test('theme 2022 dark bottom', async function () {\n      await this.browser\n        .actions({ bridge: true })\n        .click(this.browser.findElement({ css: '[data-prop-id=\"darkTheme\"]' }))\n        .perform();\n      await this.browser.executeScript(function () {\n        document.documentElement.scrollTop = document.documentElement.scrollHeight;\n      });\n      await delay(1000);\n      await this.expect(await this.browser.takeScreenshot()).to.matchImage('theme 2022 dark bottom');\n    });\n  });\n\n  story('UnlinkVars', ({ setStoryParameters }) => {\n    setStoryParameters({\n      skip: {\n        'themes do not affect logic': {\n          in: ['chrome2022Dark', 'firefox2022', 'firefox2022Dark'],\n        },\n      },\n    });\n  });\n});\n"],"mappings":"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","ignoreList":[]}

package/internal/ThemePlayground/__creevey__/ThemeProvider.creevey/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/internal/ThemePlayground/__creevey__/ThemeProvider.creevey.js",
+  "module": "ThemeProvider.creevey",
+  "types": "../ThemeProvider.creevey.d.ts",
+  "sideEffects": false
+}

package/internal/ThemePlayground/__creevey__/ThemeProvider.creevey.d.ts

@@ -0,0 +1 @@
+export {};

package/internal/ThemePlayground/constants/constants.js

@@ -0,0 +1,98 @@
+export var ThemeType = /*#__PURE__*/function (ThemeType) {
+  ThemeType["LightTheme"] = "lightTheme";
+  ThemeType["DarkTheme"] = "darkTheme";
+  return ThemeType;
+}({});
+export var VARIABLES_GROUPS = [{
+  title: 'Common',
+  prefix: 'null',
+  isCommon: true
+}, {
+  title: 'Button',
+  prefix: 'btn'
+}, {
+  title: 'Border',
+  prefix: 'border'
+}, {
+  title: 'Checkbox',
+  prefix: 'checkbox'
+}, {
+  title: 'DatePicker',
+  prefix: 'date calendar picker'
+}, {
+  title: 'Dropdown',
+  prefix: 'dropdown'
+}, {
+  title: 'Input',
+  prefix: 'input'
+}, {
+  title: 'Link',
+  prefix: 'link'
+}, {
+  title: 'Loader',
+  prefix: 'loader'
+}, {
+  title: 'Menu',
+  prefix: 'menu'
+}, {
+  title: 'Modal',
+  prefix: 'modal'
+}, {
+  title: 'MiniModal',
+  prefix: 'miniModal'
+}, {
+  title: 'Paging',
+  prefix: 'paging'
+}, {
+  title: 'Popup',
+  prefix: 'popup'
+}, {
+  title: 'Radio',
+  prefix: 'radio'
+}, {
+  title: 'SidePage',
+  prefix: 'sidePage'
+}, {
+  title: 'Tabs',
+  prefix: 'tab'
+}, {
+  title: 'Textarea',
+  prefix: 'textarea'
+}, {
+  title: 'Toast',
+  prefix: 'toast'
+}, {
+  title: 'Toggle',
+  prefix: 'toggle'
+}, {
+  title: 'Tooltip',
+  prefix: 'tooltip'
+}, {
+  title: 'Token',
+  prefix: 'token'
+}, {
+  title: 'TokenInput',
+  prefix: 'tokenInput'
+}, {
+  title: 'Select',
+  prefix: 'select'
+}, {
+  title: 'Spinner',
+  prefix: 'spinner'
+}, {
+  title: 'Switcher',
+  prefix: 'switcher'
+}, {
+  title: 'Legacy',
+  prefix: 'chb slt'
+}, {
+  title: 'GlobalLoader',
+  prefix: 'globalLoader'
+}, {
+  title: 'CloseButtonIcon',
+  prefix: 'closeBtnIcon'
+}, {
+  title: 'react-ui-validations',
+  prefix: 'validations'
+}];
+export var DEPRECATED_VARIABLES = [];

package/internal/ThemePlayground/constants/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ThemeType","VARIABLES_GROUPS","title","prefix","isCommon","DEPRECATED_VARIABLES"],"sources":["constants.ts"],"sourcesContent":["import { Theme } from '../../lib/theming/Theme';\n\nexport enum ThemeType {\n  LightTheme = 'lightTheme',\n  DarkTheme = 'darkTheme',\n}\n\nexport const VARIABLES_GROUPS = [\n  { title: 'Common', prefix: 'null', isCommon: true },\n  { title: 'Button', prefix: 'btn' },\n  { title: 'Border', prefix: 'border' },\n  { title: 'Checkbox', prefix: 'checkbox' },\n  { title: 'DatePicker', prefix: 'date calendar picker' },\n  { title: 'Dropdown', prefix: 'dropdown' },\n  { title: 'Input', prefix: 'input' },\n  { title: 'Link', prefix: 'link' },\n  { title: 'Loader', prefix: 'loader' },\n  { title: 'Menu', prefix: 'menu' },\n  { title: 'Modal', prefix: 'modal' },\n  { title: 'MiniModal', prefix: 'miniModal' },\n  { title: 'Paging', prefix: 'paging' },\n  { title: 'Popup', prefix: 'popup' },\n  { title: 'Radio', prefix: 'radio' },\n  { title: 'SidePage', prefix: 'sidePage' },\n  { title: 'Tabs', prefix: 'tab' },\n  { title: 'Textarea', prefix: 'textarea' },\n  { title: 'Toast', prefix: 'toast' },\n  { title: 'Toggle', prefix: 'toggle' },\n  { title: 'Tooltip', prefix: 'tooltip' },\n  { title: 'Token', prefix: 'token' },\n  { title: 'TokenInput', prefix: 'tokenInput' },\n  { title: 'Select', prefix: 'select' },\n  { title: 'Spinner', prefix: 'spinner' },\n  { title: 'Switcher', prefix: 'switcher' },\n  { title: 'Legacy', prefix: 'chb slt' },\n  { title: 'GlobalLoader', prefix: 'globalLoader' },\n  { title: 'CloseButtonIcon', prefix: 'closeBtnIcon' },\n  { title: 'react-ui-validations', prefix: 'validations' },\n];\n\nexport const DEPRECATED_VARIABLES: Array<keyof Theme> = [];\n"],"mappings":";;AAEA,WAAYA,SAAS,0BAATA,SAAS,GAATA,SAAS,8BAATA,SAAS,mCAATA,SAAS;;;;;AAKrB,OAAO,IAAMC,gBAAgB,GAAG;AAC9B,EAAEC,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,MAAM,EAAEC,QAAQ,EAAE,IAAI,CAAC,CAAC;AACnD,EAAEF,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,KAAK,CAAC,CAAC;AAClC,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACrC,EAAED,KAAK,EAAE,UAAU,EAAEC,MAAM,EAAE,UAAU,CAAC,CAAC;AACzC,EAAED,KAAK,EAAE,YAAY,EAAEC,MAAM,EAAE,sBAAsB,CAAC,CAAC;AACvD,EAAED,KAAK,EAAE,UAAU,EAAEC,MAAM,EAAE,UAAU,CAAC,CAAC;AACzC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,MAAM,EAAEC,MAAM,EAAE,MAAM,CAAC,CAAC;AACjC,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACrC,EAAED,KAAK,EAAE,MAAM,EAAEC,MAAM,EAAE,MAAM,CAAC,CAAC;AACjC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,WAAW,EAAEC,MAAM,EAAE,WAAW,CAAC,CAAC;AAC3C,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACrC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,UAAU,EAAEC,MAAM,EAAE,UAAU,CAAC,CAAC;AACzC,EAAED,KAAK,EAAE,MAAM,EAAEC,MAAM,EAAE,KAAK,CAAC,CAAC;AAChC,EAAED,KAAK,EAAE,UAAU,EAAEC,MAAM,EAAE,UAAU,CAAC,CAAC;AACzC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACrC,EAAED,KAAK,EAAE,SAAS,EAAEC,MAAM,EAAE,SAAS,CAAC,CAAC;AACvC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,YAAY,EAAEC,MAAM,EAAE,YAAY,CAAC,CAAC;AAC7C,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACrC,EAAED,KAAK,EAAE,SAAS,EAAEC,MAAM,EAAE,SAAS,CAAC,CAAC;AACvC,EAAED,KAAK,EAAE,UAAU,EAAEC,MAAM,EAAE,UAAU,CAAC,CAAC;AACzC,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,SAAS,CAAC,CAAC;AACtC,EAAED,KAAK,EAAE,cAAc,EAAEC,MAAM,EAAE,cAAc,CAAC,CAAC;AACjD,EAAED,KAAK,EAAE,iBAAiB,EAAEC,MAAM,EAAE,cAAc,CAAC,CAAC;AACpD,EAAED,KAAK,EAAE,sBAAsB,EAAEC,MAAM,EAAE,aAAa,CAAC,CAAC,CACzD;;;AAED,OAAO,IAAME,oBAAwC,GAAG,EAAE","ignoreList":[]}

package/internal/ThemePlayground/constants/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/ThemePlayground/constants.js",
+  "module": "constants",
+  "types": "../constants.d.ts",
+  "sideEffects": false
+}

package/internal/ThemePlayground/constants.d.ts

@@ -0,0 +1,15 @@
+import { Theme } from '../../lib/theming/Theme';
+export declare enum ThemeType {
+    LightTheme = "lightTheme",
+    DarkTheme = "darkTheme"
+}
+export declare const VARIABLES_GROUPS: ({
+    title: string;
+    prefix: string;
+    isCommon: boolean;
+} | {
+    title: string;
+    prefix: string;
+    isCommon?: undefined;
+})[];
+export declare const DEPRECATED_VARIABLES: Array<keyof Theme>;

package/internal/ThemePlayground/helpers/helpers.js

@@ -0,0 +1,26 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import { Checkbox } from "../../../components/Checkbox";
+export var getComponentsFromPropsList = function getComponentsFromPropsList(component, propsList) {
+  return propsList.reduce(function (result, props, index) {
+    // NOTE: все это ради чекбокса с фокусом, т.к. нет ни focused, ни autofocus; а ref+focus() снаружи нестабилен
+    var isCheckbox = component.type === Checkbox;
+    if (isCheckbox) {
+      var checkboxProps = props;
+      if (checkboxProps.focused) {
+        checkboxProps.ref = function (el) {
+          if (el) {
+            el.setState({
+              focusedByTab: true
+            });
+          }
+        };
+        delete checkboxProps.focused;
+      }
+    }
+    var elementWithProps = /*#__PURE__*/React.cloneElement(component, _extends({}, props, {
+      key: index
+    }));
+    return [].concat(result, [elementWithProps]);
+  }, []);
+};

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

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

package/internal/ThemePlayground/helpers/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/ThemePlayground/helpers.js",
+  "module": "helpers",
+  "types": "../helpers.d.ts",
+  "sideEffects": false
+}

package/internal/ThemePlayground/helpers.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const getComponentsFromPropsList: <P extends Record<string, string>>(component: React.ReactElement<P, string | React.JSXElementConstructor<any>>, propsList: P[]) => React.ReactElement<P, string | React.JSXElementConstructor<any>>[];

package/internal/ThemeShowcase/ThemeShowcase/ThemeShowcase.js

@@ -0,0 +1,383 @@
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import React, { useContext } from 'react';
+import { isColor } from "../../../lib/styles/ColorHelpers";
+import { LIGHT_THEME as lightVariables } from "../../../lib/theming/themes/LightTheme";
+import { DARK_THEME as darkVariables } from "../../../lib/theming/themes/DarkTheme";
+import { ComboBox } from "../../../components/ComboBox";
+import { Gapped } from "../../../components/Gapped";
+import { Link } from "../../../components/Link";
+import { Sticky } from "../../../components/Sticky";
+import * as ColorFunctions from "../../../lib/styles/ColorFunctions";
+import { Tooltip } from "../../../components/Tooltip";
+import { IS_PROXY_SUPPORTED } from "../../../lib/Supports";
+import { EmotionConsumer, EmotionContext } from "../../../lib/theming/Emotion";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { ALL_USED_VARIABLES, CALLS_COUNT, COMPONENT_DESCRIPTIONS, COMPONENT_DESCRIPTIONS_BY_VARIABLE, EXECUTION_TIME } from "../VariablesCollector";
+import { getStyles } from "../ThemeShowcase.styles";
+var EMPTY_ARRAY = [];
+var ALL_VARIABLES = Object.keys(lightVariables);
+export var ThemeShowcase = /*#__PURE__*/function (_React$Component) {
+  function ThemeShowcase(props) {
+    var _this;
+    _this = _React$Component.call(this, props) || this;
+    _this.state = {};
+    _this.isUnmounting = false;
+    _this.variablesDiff = [];
+    _this.getItems = function (query) {
+      return Promise.resolve(_this.getValues(query));
+    };
+    _this.handleVariableChange = function (item) {
+      if (!_this.isUnmounting) {
+        _this.setState({
+          selectedVariable: item
+        });
+      }
+    };
+    _this.handleUnexpectedVariableInput = function (query) {
+      var values = _this.getValues(query);
+      if (values.length > 0) {
+        return values[0];
+      }
+      return _this.resetVariable();
+    };
+    _this.resetVariable = function () {
+      if (!_this.isUnmounting) {
+        _this.setState({
+          selectedVariable: undefined
+        });
+      }
+    };
+    if (props.isDebugMode) {
+      ALL_VARIABLES.forEach(function (variable) {
+        var found = ALL_USED_VARIABLES.includes(variable);
+        if (!found) {
+          _this.variablesDiff.push(variable);
+        }
+      });
+    }
+    return _this;
+  }
+  _inheritsLoose(ThemeShowcase, _React$Component);
+  var _proto = ThemeShowcase.prototype;
+  _proto.render = function render() {
+    var _this2 = this;
+    if (!IS_PROXY_SUPPORTED) {
+      return /*#__PURE__*/React.createElement("div", null, "\u0422\u0430\u0431\u043B\u0438\u0446\u0430 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u044F \u043F\u0435\u0440\u0435\u043C\u0435\u043D\u043D\u044B\u0445 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u0430 \u0442\u043E\u043B\u044C\u043A\u043E \u0432", ' ', /*#__PURE__*/React.createElement(Link, {
+        href: 'https://caniuse.com/#feat=proxy',
+        target: '_blank'
+      }, "\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u0441 \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u043A\u043E\u0439 Proxy"), ".");
+    }
+    var selectedVariable = this.state.selectedVariable;
+    var descriptionsToRender = selectedVariable ? COMPONENT_DESCRIPTIONS_BY_VARIABLE[selectedVariable.value] || {} : COMPONENT_DESCRIPTIONS;
+    var isDebugMode = this.props.isDebugMode;
+    var callsCount = isDebugMode ? "(" + CALLS_COUNT + " \u0432\u044B\u0437\u043E\u0432\u043E\u0432)" : '';
+    var executionTime = isDebugMode ? "\u0421\u0433\u0435\u043D\u0435\u0440\u0438\u0440\u043E\u0432\u0430\u043D\u043E \u0437\u0430 " + EXECUTION_TIME.toFixed(3) + "ms" : '';
+    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
+      _this2.emotion = emotion;
+      _this2.styles = getStyles(_this2.emotion);
+      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+        return /*#__PURE__*/React.createElement(Gapped, {
+          wrap: true,
+          gap: 30,
+          verticalAlign: 'top'
+        }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Sticky, {
+          side: 'top'
+        }, /*#__PURE__*/React.createElement("div", {
+          className: _this2.styles.searchBar(theme),
+          "data-perf-info": executionTime + " " + callsCount
+        }, /*#__PURE__*/React.createElement(Gapped, {
+          gap: 15
+        }, /*#__PURE__*/React.createElement(ComboBox, {
+          getItems: _this2.getItems,
+          value: selectedVariable,
+          onValueChange: _this2.handleVariableChange,
+          onUnexpectedInput: _this2.handleUnexpectedVariableInput,
+          placeholder: 'поиск по названию переменной'
+        }), !!selectedVariable && /*#__PURE__*/React.createElement(Link, {
+          onClick: _this2.resetVariable
+        }, "\u0441\u0431\u0440\u043E\u0441\u0438\u0442\u044C")))), Object.keys(descriptionsToRender).sort().map(function (componentName) {
+          return /*#__PURE__*/React.createElement(ComponentShowcase, {
+            key: componentName,
+            name: componentName,
+            description: descriptionsToRender[componentName],
+            isDebugMode: isDebugMode,
+            onVariableSelect: _this2.handleVariableChange
+          });
+        })), /*#__PURE__*/React.createElement(ShowUnusedVariables, {
+          diff: _this2.variablesDiff
+        }));
+      });
+    });
+  };
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    this.isUnmounting = true;
+  };
+  _proto.getValues = function getValues(query) {
+    var lowerCaseQuery = query && query.toLowerCase().trim();
+    var allItems = ALL_USED_VARIABLES;
+    if (lowerCaseQuery) {
+      allItems = ALL_USED_VARIABLES.filter(function (usedVariable) {
+        return usedVariable.toLowerCase().startsWith(lowerCaseQuery);
+      });
+    }
+    return allItems.map(function (usedVariableName) {
+      return {
+        value: usedVariableName,
+        label: usedVariableName
+      };
+    });
+  };
+  return ThemeShowcase;
+}(React.Component);
+function ComponentShowcase(props) {
+  var theme = useContext(ThemeContext);
+  var emotion = useContext(EmotionContext);
+  var name = props.name,
+    description = props.description,
+    onVariableSelect = props.onVariableSelect,
+    isDebugMode = props.isDebugMode;
+  var elements = Object.keys(description);
+  var styles = getStyles(emotion);
+  return elements.length ? /*#__PURE__*/
+  React.createElement(React.Fragment, null, /*#__PURE__*/
+  React.createElement(Sticky, {
+    side: 'top',
+    offset: 40
+  }, function (isSticky) {
+    var _emotion$cx;
+    return /*#__PURE__*/(
+      React.createElement("h2", {
+        className: emotion.cx((_emotion$cx = {}, _emotion$cx[styles.heading(theme)] = true, _emotion$cx[styles.headingSticky()] = isSticky, _emotion$cx))
+      }, props.name)
+    );
+  }), /*#__PURE__*/
+  React.createElement("table", {
+    className: styles.table()
+  }, /*#__PURE__*/
+  React.createElement("thead", null, /*#__PURE__*/
+  React.createElement("tr", null, /*#__PURE__*/
+  React.createElement("th", {
+    className: styles.headerCell(),
+    style: {
+      width: 170
+    }
+  }, "ClassName"), /*#__PURE__*/
+  React.createElement("th", {
+    className: styles.headerCell(),
+    style: {
+      width: 210
+    }
+  }, "Variable Name"), /*#__PURE__*/
+  React.createElement("th", {
+    className: styles.headerCell(),
+    style: {
+      width: 250
+    }
+  }, "Default Value"), /*#__PURE__*/
+  React.createElement("th", {
+    className: styles.headerCell(),
+    style: {
+      width: 250
+    }
+  }, "Dark Value"))), /*#__PURE__*/
+  React.createElement("tbody", null, elements.map(function (el) {
+    return /*#__PURE__*/(
+      React.createElement(ComponentShowcaseRow, {
+        key: name + "_" + el,
+        element: el,
+        row: description[el],
+        onVariableSelect: onVariableSelect,
+        isDebugMode: isDebugMode
+      })
+    );
+  })))) : null;
+}
+function ComponentShowcaseRow(props) {
+  var _emotion$cx2;
+  var theme = useContext(ThemeContext);
+  var emotion = useContext(EmotionContext);
+  var el = props.element,
+    row = props.row,
+    isDebugMode = props.isDebugMode;
+  var rowSpan = row.variables.length + 1;
+  var styles = getStyles(emotion);
+  return /*#__PURE__*/(
+    React.createElement(React.Fragment, null, /*#__PURE__*/
+    React.createElement("tr", {
+      className: emotion.cx(styles.invisibleRow(), (_emotion$cx2 = {}, _emotion$cx2[styles.invisibleDarkRow()] = theme === darkVariables, _emotion$cx2))
+    }, /*#__PURE__*/
+    React.createElement("td", {
+      className: emotion.cx(styles.cell(), styles.majorCell()),
+      rowSpan: rowSpan
+    }, /*#__PURE__*/
+    React.createElement("span", {
+      className: styles.elementName()
+    }, ".", el)), /*#__PURE__*/
+    React.createElement("td", {
+      className: styles.invisibleCell()
+    }), /*#__PURE__*/
+    React.createElement("td", {
+      className: styles.invisibleCell()
+    }), /*#__PURE__*/
+    React.createElement("td", {
+      className: styles.invisibleCell()
+    })), row.variables.map(function (varName) {
+      var _emotion$cx3;
+      var dependencies = row.dependencies[varName] || EMPTY_ARRAY;
+      var variableDefault = lightVariables[varName];
+      var variableDark = darkVariables[varName];
+      var hasNoVariables = isDebugMode && !variableDefault;
+      return /*#__PURE__*/(
+        React.createElement("tr", {
+          key: el + "_" + varName,
+          className: emotion.cx(styles.row(), (_emotion$cx3 = {}, _emotion$cx3[styles.suspiciousRow()] = hasNoVariables, _emotion$cx3[styles.darkRow()] = theme === darkVariables, _emotion$cx3))
+        }, /*#__PURE__*/
+
+        React.createElement("td", {
+          className: styles.cell()
+        }, /*#__PURE__*/
+        React.createElement(VariableName, {
+          variableName: varName,
+          dependencies: dependencies,
+          onVariableSelect: props.onVariableSelect
+        })), /*#__PURE__*/
+        React.createElement("td", {
+          className: styles.cell()
+        }, /*#__PURE__*/
+        React.createElement(VariableValue, {
+          value: variableDefault
+        })), /*#__PURE__*/
+        React.createElement("td", {
+          className: styles.cell()
+        }, /*#__PURE__*/
+        React.createElement(VariableValue, {
+          value: variableDark
+        })))
+      );
+    }))
+  );
+}
+function VariableName(_ref) {
+  var variableName = _ref.variableName,
+    dependencies = _ref.dependencies,
+    onVariableSelect = _ref.onVariableSelect;
+  var emotion = useContext(EmotionContext);
+  var styles = getStyles(emotion);
+  return /*#__PURE__*/(
+    React.createElement("span", null, /*#__PURE__*/
+    React.createElement("span", {
+      className: styles.variableName(),
+      onClick: handleVariableSelect
+    }, variableName), dependencies.length > 0 && renderDependencies())
+  );
+  function renderDependencies() {
+    return /*#__PURE__*/(
+      React.createElement(React.Fragment, null, /*#__PURE__*/
+      React.createElement("br", null), /*#__PURE__*/
+      React.createElement("br", null), "\u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043E\u0442:", dependencies.map(function (dependency) {
+        return /*#__PURE__*/(
+          React.createElement(DependencyName, {
+            key: "dependency_" + dependency,
+            dependencyName: dependency,
+            onDependencySelect: onVariableSelect
+          })
+        );
+      }))
+    );
+  }
+  function handleVariableSelect() {
+    if (onVariableSelect) {
+      onVariableSelect({
+        value: variableName,
+        label: variableName
+      });
+    }
+  }
+}
+function DependencyName(_ref2) {
+  var dependencyName = _ref2.dependencyName,
+    onDependencySelect = _ref2.onDependencySelect;
+  var emotion = useContext(EmotionContext);
+  var styles = getStyles(emotion);
+  return /*#__PURE__*/(
+    React.createElement(React.Fragment, null, /*#__PURE__*/
+    React.createElement("br", null), "\u2013", ' ', /*#__PURE__*/
+    React.createElement(Tooltip, {
+      trigger: 'hover',
+      render: getValues,
+      pos: 'right middle'
+    }, /*#__PURE__*/
+    React.createElement("span", {
+      className: styles.variableName(),
+      onClick: handleDependencySelect
+    }, dependencyName)))
+  );
+  function getValues() {
+    var dependencyDefault = lightVariables[dependencyName];
+    var dependencyDark = darkVariables[dependencyName];
+    return /*#__PURE__*/(
+      React.createElement(React.Fragment, null, /*#__PURE__*/
+      React.createElement("span", null, "Default value: ", /*#__PURE__*/React.createElement(VariableValue, {
+        value: dependencyDefault
+      })), /*#__PURE__*/
+      React.createElement("span", null, "Dark value: ", /*#__PURE__*/React.createElement(VariableValue, {
+        value: dependencyDark
+      })))
+    );
+  }
+  function handleDependencySelect() {
+    if (onDependencySelect) {
+      onDependencySelect({
+        value: dependencyName,
+        label: dependencyName
+      });
+    }
+  }
+}
+var VariableValue = function VariableValue(props) {
+  var _emotion$cx4;
+  var emotion = useContext(EmotionContext);
+  var value = props.value;
+  var valueIsColor = isColor(value);
+  var valueIsGradient = isGradient(value);
+  var hasExample = valueIsColor || valueIsGradient;
+  var borderColor = 'transparent';
+  if (hasExample) {
+    borderColor = valueIsColor ? ColorFunctions.contrast(value) : '#000';
+  }
+  var styles = getStyles(emotion);
+  return /*#__PURE__*/(
+    React.createElement("span", {
+      className: emotion.cx((_emotion$cx4 = {}, _emotion$cx4[styles.undefined()] = !value, _emotion$cx4))
+    }, hasExample && /*#__PURE__*/React.createElement("span", {
+      className: styles.colorExample(),
+      style: {
+        background: value,
+        borderColor: borderColor
+      }
+    }), value || 'undefined')
+  );
+};
+var ShowUnusedVariables = function ShowUnusedVariables(props) {
+  var emotion = useContext(EmotionContext);
+  if (props.diff.length === 0) {
+    return null;
+  }
+  var styles = getStyles(emotion);
+  return /*#__PURE__*/(
+    React.createElement("div", {
+      className: styles.unusedVariablesWarning()
+    }, "\u041D\u0435\u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u043D\u044B\u0435 \u043F\u0435\u0440\u0435\u043C\u0435\u043D\u043D\u044B\u0435 (", props.diff.length, "):", /*#__PURE__*/
+
+    React.createElement("ul", null, props.diff.sort().map(function (v) {
+      return /*#__PURE__*/(
+        React.createElement("li", {
+          key: v
+        }, v)
+      );
+    })))
+  );
+};
+function isGradient(input) {
+  return !!input && input.startsWith('linear-gradient');
+}

package/internal/ThemeShowcase/ThemeShowcase/ThemeShowcase.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","isColor","LIGHT_THEME","lightVariables","DARK_THEME","darkVariables","ComboBox","Gapped","Link","Sticky","ColorFunctions","Tooltip","IS_PROXY_SUPPORTED","EmotionConsumer","EmotionContext","ThemeContext","ALL_USED_VARIABLES","CALLS_COUNT","COMPONENT_DESCRIPTIONS","COMPONENT_DESCRIPTIONS_BY_VARIABLE","EXECUTION_TIME","getStyles","EMPTY_ARRAY","ALL_VARIABLES","Object","keys","ThemeShowcase","_React$Component","props","_this","call","state","isUnmounting","variablesDiff","getItems","query","Promise","resolve","getValues","handleVariableChange","item","setState","selectedVariable","handleUnexpectedVariableInput","values","length","resetVariable","undefined","isDebugMode","forEach","variable","found","includes","push","_inheritsLoose","_proto","prototype","render","_this2","createElement","href","target","descriptionsToRender","value","callsCount","executionTime","toFixed","emotion","styles","Consumer","theme","wrap","gap","verticalAlign","side","className","searchBar","onValueChange","onUnexpectedInput","placeholder","onClick","sort","map","componentName","ComponentShowcase","key","name","description","onVariableSelect","ShowUnusedVariables","diff","componentWillUnmount","lowerCaseQuery","toLowerCase","trim","allItems","filter","usedVariable","startsWith","usedVariableName","label","Component","elements","Fragment","offset","isSticky","_emotion$cx","cx","heading","headingSticky","table","headerCell","style","width","el","ComponentShowcaseRow","element","row","_emotion$cx2","rowSpan","variables","invisibleRow","invisibleDarkRow","cell","majorCell","elementName","invisibleCell","varName","_emotion$cx3","dependencies","variableDefault","variableDark","hasNoVariables","suspiciousRow","darkRow","VariableName","variableName","VariableValue","_ref","handleVariableSelect","renderDependencies","dependency","DependencyName","dependencyName","onDependencySelect","_ref2","trigger","pos","handleDependencySelect","dependencyDefault","dependencyDark","_emotion$cx4","valueIsColor","valueIsGradient","isGradient","hasExample","borderColor","contrast","colorExample","background","unusedVariablesWarning","v","input"],"sources":["ThemeShowcase.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { isColor } from '../../lib/styles/ColorHelpers';\nimport { LIGHT_THEME as lightVariables } from '../../lib/theming/themes/LightTheme';\nimport { DARK_THEME as darkVariables } from '../../lib/theming/themes/DarkTheme';\nimport { ComboBox, ComboBoxItem } from '../../components/ComboBox';\nimport { Gapped } from '../../components/Gapped';\nimport { Link } from '../../components/Link';\nimport { Sticky } from '../../components/Sticky';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport { Tooltip } from '../../components/Tooltip';\nimport { IS_PROXY_SUPPORTED } from '../../lib/Supports';\nimport { Theme } from '../../lib/theming/Theme';\nimport { EmotionConsumer, EmotionContext } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport {\n  ALL_USED_VARIABLES,\n  CALLS_COUNT,\n  COMPONENT_DESCRIPTIONS,\n  COMPONENT_DESCRIPTIONS_BY_VARIABLE,\n  ComponentDescriptionType,\n  ComponentRowDescriptionType,\n  EXECUTION_TIME,\n} from './VariablesCollector';\nimport { getStyles } from './ThemeShowcase.styles';\n\nconst EMPTY_ARRAY: string[] = [];\n\nconst ALL_VARIABLES = Object.keys(lightVariables) as Array<keyof Theme>;\n\ninterface ShowcaseProps {\n  isDebugMode?: boolean;\n}\ninterface ShowcaseState {\n  selectedVariable?: ComboBoxItem;\n}\n\nexport class ThemeShowcase extends React.Component<ShowcaseProps, ShowcaseState> {\n  public state: ShowcaseState = {};\n  private emotion!: Emotion;\n  private styles!: ReturnType<typeof getStyles>;\n\n  private isUnmounting = false;\n  private variablesDiff: string[] = [];\n\n  constructor(props: ShowcaseProps) {\n    super(props);\n    if (props.isDebugMode) {\n      ALL_VARIABLES.forEach((variable) => {\n        const found = ALL_USED_VARIABLES.includes(variable);\n        if (!found) {\n          this.variablesDiff.push(variable);\n        }\n      });\n    }\n  }\n\n  public render() {\n    if (!IS_PROXY_SUPPORTED) {\n      return (\n        <div>\n          Таблица использования переменных доступна только в{' '}\n          <Link href={'https://caniuse.com/#feat=proxy'} target={'_blank'}>\n            браузерах с поддержкой Proxy\n          </Link>\n          .\n        </div>\n      );\n    }\n\n    const selectedVariable = this.state.selectedVariable;\n    const descriptionsToRender = selectedVariable\n      ? COMPONENT_DESCRIPTIONS_BY_VARIABLE[selectedVariable.value] || {}\n      : COMPONENT_DESCRIPTIONS;\n\n    const isDebugMode = this.props.isDebugMode;\n    const callsCount = isDebugMode ? `(${CALLS_COUNT} вызовов)` : '';\n    const executionTime = isDebugMode ? `Сгенерировано за ${EXECUTION_TIME.toFixed(3)}ms` : '';\n\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                return (\n                  <Gapped wrap gap={30} verticalAlign={'top'}>\n                    <div>\n                      <Sticky side={'top'}>\n                        <div className={this.styles.searchBar(theme)} data-perf-info={`${executionTime} ${callsCount}`}>\n                          <Gapped gap={15}>\n                            <ComboBox\n                              getItems={this.getItems}\n                              value={selectedVariable}\n                              onValueChange={this.handleVariableChange}\n                              onUnexpectedInput={this.handleUnexpectedVariableInput}\n                              placeholder={'поиск по названию переменной'}\n                            />\n                            {!!selectedVariable && <Link onClick={this.resetVariable}>сбросить</Link>}\n                          </Gapped>\n                        </div>\n                      </Sticky>\n                      {Object.keys(descriptionsToRender)\n                        .sort()\n                        .map((componentName) => (\n                          <ComponentShowcase\n                            key={componentName}\n                            name={componentName}\n                            description={descriptionsToRender[componentName]}\n                            isDebugMode={isDebugMode}\n                            onVariableSelect={this.handleVariableChange}\n                          />\n                        ))}\n                    </div>\n                    <ShowUnusedVariables diff={this.variablesDiff} />\n                  </Gapped>\n                );\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n  public componentWillUnmount(): void {\n    this.isUnmounting = true;\n  }\n\n  private getValues(query: string) {\n    const lowerCaseQuery = query && query.toLowerCase().trim();\n    let allItems = ALL_USED_VARIABLES;\n    if (lowerCaseQuery) {\n      allItems = ALL_USED_VARIABLES.filter((usedVariable) => usedVariable.toLowerCase().startsWith(lowerCaseQuery));\n    }\n    return allItems.map((usedVariableName) => ({\n      value: usedVariableName,\n      label: usedVariableName,\n    }));\n  }\n  private getItems = (query: string) => {\n    return Promise.resolve(this.getValues(query));\n  };\n  private handleVariableChange = (item: ComboBoxItem) => {\n    if (!this.isUnmounting) {\n      this.setState({ selectedVariable: item });\n    }\n  };\n  private handleUnexpectedVariableInput = (query: string) => {\n    const values = this.getValues(query);\n    if (values.length > 0) {\n      return values[0];\n    }\n\n    return this.resetVariable();\n  };\n  private resetVariable = () => {\n    if (!this.isUnmounting) {\n      this.setState({ selectedVariable: undefined });\n    }\n  };\n}\n\ninterface ComponentShowcaseProps {\n  name: string;\n  description: ComponentDescriptionType;\n  isDebugMode?: boolean;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nfunction ComponentShowcase(props: ComponentShowcaseProps) {\n  const theme = useContext(ThemeContext);\n  const emotion = useContext(EmotionContext);\n\n  const { name, description, onVariableSelect, isDebugMode } = props;\n  const elements = Object.keys(description);\n  const styles = getStyles(emotion);\n  return elements.length ? (\n    <React.Fragment>\n      <Sticky side={'top'} offset={40}>\n        {(isSticky) => (\n          <h2\n            className={emotion.cx({\n              [styles.heading(theme)]: true,\n              [styles.headingSticky()]: isSticky,\n            })}\n          >\n            {props.name}\n          </h2>\n        )}\n      </Sticky>\n      <table className={styles.table()}>\n        <thead>\n          <tr>\n            <th className={styles.headerCell()} style={{ width: 170 }}>\n              ClassName\n            </th>\n            <th className={styles.headerCell()} style={{ width: 210 }}>\n              Variable Name\n            </th>\n            <th className={styles.headerCell()} style={{ width: 250 }}>\n              Default Value\n            </th>\n            <th className={styles.headerCell()} style={{ width: 250 }}>\n              Dark Value\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          {elements.map((el) => (\n            <ComponentShowcaseRow\n              key={`${name}_${el}`}\n              element={el}\n              row={description[el]}\n              onVariableSelect={onVariableSelect}\n              isDebugMode={isDebugMode}\n            />\n          ))}\n        </tbody>\n      </table>\n    </React.Fragment>\n  ) : null;\n}\n\ninterface ComponentShowcaseRowProps {\n  element: string;\n  row: ComponentRowDescriptionType;\n  isDebugMode?: boolean;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nfunction ComponentShowcaseRow(props: ComponentShowcaseRowProps) {\n  const theme = useContext(ThemeContext);\n  const emotion = useContext(EmotionContext);\n\n  const { element: el, row, isDebugMode } = props;\n  const rowSpan = row.variables.length + 1;\n  const styles = getStyles(emotion);\n  return (\n    <React.Fragment>\n      <tr className={emotion.cx(styles.invisibleRow(), { [styles.invisibleDarkRow()]: theme === darkVariables })}>\n        <td className={emotion.cx(styles.cell(), styles.majorCell())} rowSpan={rowSpan}>\n          <span className={styles.elementName()}>.{el}</span>\n        </td>\n        <td className={styles.invisibleCell()} />\n        <td className={styles.invisibleCell()} />\n        <td className={styles.invisibleCell()} />\n      </tr>\n      {row.variables.map((varName) => {\n        const dependencies = row.dependencies[varName] || EMPTY_ARRAY;\n        const variableDefault = lightVariables[varName] as string;\n        const variableDark = darkVariables[varName] as string;\n        const hasNoVariables = isDebugMode && !variableDefault;\n        return (\n          <tr\n            key={`${el}_${varName}`}\n            className={emotion.cx(styles.row(), {\n              [styles.suspiciousRow()]: hasNoVariables,\n              [styles.darkRow()]: theme === darkVariables,\n            })}\n          >\n            <td className={styles.cell()}>\n              <VariableName\n                variableName={varName as string}\n                dependencies={dependencies}\n                onVariableSelect={props.onVariableSelect}\n              />\n            </td>\n            <td className={styles.cell()}>\n              <VariableValue value={variableDefault} />\n            </td>\n            <td className={styles.cell()}>\n              <VariableValue value={variableDark} />\n            </td>\n          </tr>\n        );\n      })}\n    </React.Fragment>\n  );\n}\n\ninterface VariableNameProps {\n  variableName: string;\n  dependencies: Array<keyof Theme>;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nfunction VariableName({ variableName, dependencies, onVariableSelect }: VariableNameProps) {\n  const emotion = useContext(EmotionContext);\n  const styles = getStyles(emotion);\n\n  return (\n    <span>\n      <span className={styles.variableName()} onClick={handleVariableSelect}>\n        {variableName}\n      </span>\n      {dependencies.length > 0 && renderDependencies()}\n    </span>\n  );\n\n  function renderDependencies() {\n    return (\n      <React.Fragment>\n        <br />\n        <br />\n        зависит от:\n        {dependencies.map((dependency) => (\n          <DependencyName\n            key={`dependency_${dependency}`}\n            dependencyName={dependency}\n            onDependencySelect={onVariableSelect}\n          />\n        ))}\n      </React.Fragment>\n    );\n  }\n\n  function handleVariableSelect() {\n    if (onVariableSelect) {\n      onVariableSelect({ value: variableName, label: variableName });\n    }\n  }\n}\n\ninterface DependencyNameProps {\n  dependencyName: keyof Theme;\n  onDependencySelect: (item: ComboBoxItem) => void;\n}\n\nfunction DependencyName({ dependencyName, onDependencySelect }: DependencyNameProps) {\n  const emotion = useContext(EmotionContext);\n  const styles = getStyles(emotion);\n\n  return (\n    <React.Fragment>\n      <br />\n      &ndash;{' '}\n      <Tooltip trigger={'hover'} render={getValues} pos={'right middle'}>\n        <span className={styles.variableName()} onClick={handleDependencySelect}>\n          {dependencyName}\n        </span>\n      </Tooltip>\n    </React.Fragment>\n  );\n\n  function getValues() {\n    const dependencyDefault = lightVariables[dependencyName] as string;\n    const dependencyDark = darkVariables[dependencyName] as string;\n    return (\n      <React.Fragment>\n        <span>Default value: {<VariableValue value={dependencyDefault} />}</span>\n        <span>Dark value: {<VariableValue value={dependencyDark} />}</span>\n      </React.Fragment>\n    );\n  }\n\n  function handleDependencySelect() {\n    if (onDependencySelect) {\n      onDependencySelect({ value: dependencyName, label: dependencyName });\n    }\n  }\n}\n\nconst VariableValue = (props: { value: string }) => {\n  const emotion = useContext(EmotionContext);\n\n  const value = props.value;\n  const valueIsColor = isColor(value);\n  const valueIsGradient = isGradient(value);\n  const hasExample = valueIsColor || valueIsGradient;\n  let borderColor = 'transparent';\n  if (hasExample) {\n    borderColor = valueIsColor ? ColorFunctions.contrast(value) : '#000';\n  }\n\n  const styles = getStyles(emotion);\n  return (\n    <span className={emotion.cx({ [styles.undefined()]: !value })}>\n      {hasExample && <span className={styles.colorExample()} style={{ background: value, borderColor }} />}\n      {value || 'undefined'}\n    </span>\n  );\n};\n\nconst ShowUnusedVariables = (props: { diff: string[] }) => {\n  const emotion = useContext(EmotionContext);\n  if (props.diff.length === 0) {\n    return null;\n  }\n  const styles = getStyles(emotion);\n\n  return (\n    <div className={styles.unusedVariablesWarning()}>\n      Неиспользованные переменные ({props.diff.length}\n      ):\n      <ul>\n        {props.diff.sort().map((v) => (\n          <li key={v}>{v}</li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nfunction isGradient(input: string) {\n  return !!input && input.startsWith('linear-gradient');\n}\n"],"mappings":"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","ignoreList":[]}