@skbkontur/react-ui 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca

package/internal/ThemeShowcase/ThemeShowcase/ThemeShowcase.js

@@ -1,6 +1,5 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
-import { RenderEnvironmentContext, useEmotion } from "../../../lib/theming/RenderEnvironmentContext";
 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";
@@ -11,9 +10,10 @@ 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 { cx } 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";
+import { styles } from "../ThemeShowcase.styles";
 var EMPTY_ARRAY = [];
 var ALL_VARIABLES = Object.keys(lightVariables);
 export var ThemeShowcase = /*#__PURE__*/function (_React$Component) {
@@ -61,52 +61,48 @@ export var ThemeShowcase = /*#__PURE__*/function (_React$Component) {
   var _proto = ThemeShowcase.prototype;
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(RenderEnvironmentContext.Consumer, null, function (_ref) {
-      var emotion = _ref.emotion;
-      _this2.styles = getStyles(emotion);
-      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 = _this2.state.selectedVariable;
-      var descriptionsToRender = selectedVariable ? COMPONENT_DESCRIPTIONS_BY_VARIABLE[selectedVariable.value] || {} : COMPONENT_DESCRIPTIONS;
-      var isDebugMode = _this2.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(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
-        }));
-      });
+    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(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: 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() {
@@ -143,70 +139,63 @@ var ComponentShowcase = /*#__PURE__*/function (_React$Component2) {
       onVariableSelect = _this$props.onVariableSelect,
       isDebugMode = _this$props.isDebugMode;
     var elements = Object.keys(description);
-    return /*#__PURE__*/(
-      React.createElement(RenderEnvironmentContext.Consumer, null, function (_ref2) {
-        var emotion = _ref2.emotion;
-        _this3.cx = emotion.cx;
-        _this3.styles = getStyles(emotion);
-        return elements.length ? /*#__PURE__*/
-        React.createElement(ThemeContext.Consumer, null, function (theme) {
+    return elements.length ? /*#__PURE__*/
+    React.createElement(ThemeContext.Consumer, null, function (theme) {
+      return /*#__PURE__*/(
+        React.createElement(React.Fragment, null, /*#__PURE__*/
+        React.createElement(Sticky, {
+          side: 'top',
+          offset: 40
+        }, function (isSticky) {
+          var _cx;
           return /*#__PURE__*/(
-            React.createElement(React.Fragment, null, /*#__PURE__*/
-            React.createElement(Sticky, {
-              side: 'top',
-              offset: 40
-            }, function (isSticky) {
-              var _this3$cx;
-              return /*#__PURE__*/(
-                React.createElement("h2", {
-                  className: _this3.cx((_this3$cx = {}, _this3$cx[_this3.styles.heading(theme)] = true, _this3$cx[_this3.styles.headingSticky()] = isSticky, _this3$cx))
-                }, _this3.props.name)
-              );
-            }), /*#__PURE__*/
-            React.createElement("table", {
-              className: _this3.styles.table()
-            }, /*#__PURE__*/
-            React.createElement("thead", null, /*#__PURE__*/
-            React.createElement("tr", null, /*#__PURE__*/
-            React.createElement("th", {
-              className: _this3.styles.headerCell(),
-              style: {
-                width: 170
-              }
-            }, "ClassName"), /*#__PURE__*/
-            React.createElement("th", {
-              className: _this3.styles.headerCell(),
-              style: {
-                width: 210
-              }
-            }, "Variable Name"), /*#__PURE__*/
-            React.createElement("th", {
-              className: _this3.styles.headerCell(),
-              style: {
-                width: 250
-              }
-            }, "Default Value"), /*#__PURE__*/
-            React.createElement("th", {
-              className: _this3.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
-                })
-              );
-            }))))
+            React.createElement("h2", {
+              className: cx((_cx = {}, _cx[styles.heading(theme)] = true, _cx[styles.headingSticky()] = isSticky, _cx))
+            }, _this3.props.name)
           );
-        }) : null;
-      })
-    );
+        }), /*#__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;
   };
   return ComponentShowcase;
 }(React.Component);
@@ -224,70 +213,62 @@ var ComponentShowcaseRow = /*#__PURE__*/function (_React$Component3) {
       isDebugMode = _this$props2.isDebugMode;
     var rowSpan = row.variables.length + 1;
     return /*#__PURE__*/(
-      React.createElement(RenderEnvironmentContext.Consumer, null, function (_ref3) {
-        var emotion = _ref3.emotion;
-        _this4.cx = emotion.cx;
-        _this4.styles = getStyles(emotion);
+      React.createElement(ThemeContext.Consumer, null, function (theme) {
+        var _cx2;
         return /*#__PURE__*/(
-          React.createElement(ThemeContext.Consumer, null, function (theme) {
-            var _this4$cx;
+          React.createElement(React.Fragment, null, /*#__PURE__*/
+          React.createElement("tr", {
+            className: cx(styles.invisibleRow(), (_cx2 = {}, _cx2[styles.invisibleDarkRow()] = theme === darkVariables, _cx2))
+          }, /*#__PURE__*/
+          React.createElement("td", {
+            className: 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 _cx3;
+            var dependencies = row.dependencies[varName] || EMPTY_ARRAY;
+            var variableDefault = lightVariables[varName];
+            var variableDark = darkVariables[varName];
+            var hasNoVariables = isDebugMode && !variableDefault;
             return /*#__PURE__*/(
-              React.createElement(React.Fragment, null, /*#__PURE__*/
               React.createElement("tr", {
-                className: _this4.cx(_this4.styles.invisibleRow(), (_this4$cx = {}, _this4$cx[_this4.styles.invisibleDarkRow()] = theme === darkVariables, _this4$cx))
+                key: el + "_" + varName,
+                className: cx(styles.row(), (_cx3 = {}, _cx3[styles.suspiciousRow()] = hasNoVariables, _cx3[styles.darkRow()] = theme === darkVariables, _cx3))
               }, /*#__PURE__*/
 
               React.createElement("td", {
-                className: _this4.cx(_this4.styles.cell(), _this4.styles.majorCell()),
-                rowSpan: rowSpan
+                className: styles.cell()
               }, /*#__PURE__*/
-              React.createElement("span", {
-                className: _this4.styles.elementName()
-              }, ".", el)), /*#__PURE__*/
+              React.createElement(VariableName, {
+                variableName: varName,
+                dependencies: dependencies,
+                onVariableSelect: _this4.props.onVariableSelect
+              })), /*#__PURE__*/
               React.createElement("td", {
-                className: _this4.styles.invisibleCell()
-              }), /*#__PURE__*/
-              React.createElement("td", {
-                className: _this4.styles.invisibleCell()
-              }), /*#__PURE__*/
+                className: styles.cell()
+              }, /*#__PURE__*/
+              React.createElement(VariableValue, {
+                value: variableDefault
+              })), /*#__PURE__*/
               React.createElement("td", {
-                className: _this4.styles.invisibleCell()
-              })), row.variables.map(function (varName) {
-                var _this4$cx2;
-                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: _this4.cx(_this4.styles.row(), (_this4$cx2 = {}, _this4$cx2[_this4.styles.suspiciousRow()] = hasNoVariables, _this4$cx2[_this4.styles.darkRow()] = theme === darkVariables, _this4$cx2))
-                  }, /*#__PURE__*/
-
-                  React.createElement("td", {
-                    className: _this4.styles.cell()
-                  }, /*#__PURE__*/
-                  React.createElement(VariableName, {
-                    variableName: varName,
-                    dependencies: dependencies,
-                    onVariableSelect: _this4.props.onVariableSelect
-                  })), /*#__PURE__*/
-                  React.createElement("td", {
-                    className: _this4.styles.cell()
-                  }, /*#__PURE__*/
-                  React.createElement(VariableValue, {
-                    value: variableDefault
-                  })), /*#__PURE__*/
-                  React.createElement("td", {
-                    className: _this4.styles.cell()
-                  }, /*#__PURE__*/
-                  React.createElement(VariableValue, {
-                    value: variableDark
-                  })))
-                );
-              }))
+                className: styles.cell()
+              }, /*#__PURE__*/
+              React.createElement(VariableValue, {
+                value: variableDark
+              })))
             );
-          })
+          }))
         );
       })
     );
@@ -317,15 +298,10 @@ var VariableName = /*#__PURE__*/function (_React$Component4) {
   _inheritsLoose(VariableName, _React$Component4);
   var _proto4 = VariableName.prototype;
   _proto4.render = function render() {
-    var _this6 = this;
-    return /*#__PURE__*/React.createElement(RenderEnvironmentContext.Consumer, null, function (_ref4) {
-      var emotion = _ref4.emotion;
-      _this6.styles = getStyles(emotion);
-      return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", {
-        className: _this6.styles.variableName(),
-        onClick: _this6.handleVariableSelect
-      }, _this6.props.variableName), _this6.props.dependencies.length > 0 && _this6.renderDependencies());
-    });
+    return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", {
+      className: styles.variableName(),
+      onClick: this.handleVariableSelect
+    }, this.props.variableName), this.props.dependencies.length > 0 && this.renderDependencies());
   };
   _proto4.renderDependencies = function renderDependencies() {
     var _this$props3 = this.props,
@@ -343,13 +319,13 @@ var VariableName = /*#__PURE__*/function (_React$Component4) {
 }(React.Component);
 var DependencyName = /*#__PURE__*/function (_React$Component5) {
   function DependencyName() {
-    var _this7;
+    var _this6;
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-    _this7 = _React$Component5.call.apply(_React$Component5, [this].concat(args)) || this;
-    _this7.getValues = function () {
-      var dependencyName = _this7.props.dependencyName;
+    _this6 = _React$Component5.call.apply(_React$Component5, [this].concat(args)) || this;
+    _this6.getValues = function () {
+      var dependencyName = _this6.props.dependencyName;
       var dependencyDefault = lightVariables[dependencyName];
       var dependencyDark = darkVariables[dependencyName];
       return /*#__PURE__*/(
@@ -362,10 +338,10 @@ var DependencyName = /*#__PURE__*/function (_React$Component5) {
         })))
       );
     };
-    _this7.handleDependencySelect = function () {
-      var _this7$props = _this7.props,
-        dependencyName = _this7$props.dependencyName,
-        onDependencySelect = _this7$props.onDependencySelect;
+    _this6.handleDependencySelect = function () {
+      var _this6$props = _this6.props,
+        dependencyName = _this6$props.dependencyName,
+        onDependencySelect = _this6$props.onDependencySelect;
       if (onDependencySelect) {
         onDependencySelect({
           value: dependencyName,
@@ -373,32 +349,24 @@ var DependencyName = /*#__PURE__*/function (_React$Component5) {
         });
       }
     };
-    return _this7;
+    return _this6;
   }
   _inheritsLoose(DependencyName, _React$Component5);
   var _proto5 = DependencyName.prototype;
   _proto5.render = function render() {
-    var _this8 = this;
-    return /*#__PURE__*/React.createElement(RenderEnvironmentContext.Consumer, null, function (_ref5) {
-      var emotion = _ref5.emotion;
-      _this8.styles = getStyles(emotion);
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("br", null), "\u2013", ' ', /*#__PURE__*/React.createElement(Tooltip, {
-        trigger: 'hover',
-        render: _this8.getValues,
-        pos: 'right middle'
-      }, /*#__PURE__*/React.createElement("span", {
-        className: _this8.styles.variableName(),
-        onClick: _this8.handleDependencySelect
-      }, _this8.props.dependencyName)));
-    });
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("br", null), "\u2013", ' ', /*#__PURE__*/React.createElement(Tooltip, {
+      trigger: 'hover',
+      render: this.getValues,
+      pos: 'right middle'
+    }, /*#__PURE__*/React.createElement("span", {
+      className: styles.variableName(),
+      onClick: this.handleDependencySelect
+    }, this.props.dependencyName)));
   };
   return DependencyName;
 }(React.Component);
 var VariableValue = function VariableValue(props) {
-  var _cx;
-  var emotion = useEmotion();
-  var cx = emotion.cx;
-  var styles = getStyles(emotion);
+  var _cx4;
   var value = props.value;
   var valueIsColor = isColor(value);
   var valueIsGradient = isGradient(value);
@@ -409,7 +377,7 @@ var VariableValue = function VariableValue(props) {
   }
   return /*#__PURE__*/(
     React.createElement("span", {
-      className: cx((_cx = {}, _cx[styles.undefined()] = !value, _cx))
+      className: cx((_cx4 = {}, _cx4[styles.undefined()] = !value, _cx4))
     }, hasExample && /*#__PURE__*/React.createElement("span", {
       className: styles.colorExample(),
       style: {
@@ -420,7 +388,6 @@ var VariableValue = function VariableValue(props) {
   );
 };
 var ShowUnusedVariables = function ShowUnusedVariables(props) {
-  var styles = getStyles(useEmotion());
   if (props.diff.length === 0) {
     return null;
   }

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

@@ -1 +1 @@
-{"version":3,"names":["React","RenderEnvironmentContext","useEmotion","isColor","LIGHT_THEME","lightVariables","DARK_THEME","darkVariables","ComboBox","Gapped","Link","Sticky","ColorFunctions","Tooltip","IS_PROXY_SUPPORTED","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","Consumer","_ref","emotion","styles","href","target","descriptionsToRender","value","callsCount","executionTime","toFixed","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","_React$Component2","apply","arguments","_proto2","_this3","_this$props","elements","_ref2","cx","Fragment","offset","isSticky","_this3$cx","heading","headingSticky","table","headerCell","style","width","el","ComponentShowcaseRow","element","row","_React$Component3","_proto3","_this4","_this$props2","rowSpan","variables","_ref3","_this4$cx","invisibleRow","invisibleDarkRow","cell","majorCell","elementName","invisibleCell","varName","_this4$cx2","dependencies","variableDefault","variableDark","hasNoVariables","suspiciousRow","darkRow","VariableName","variableName","VariableValue","_React$Component4","_this5","_len","args","Array","_key","concat","handleVariableSelect","_this5$props","_proto4","_this6","_ref4","renderDependencies","_this$props3","dependency","DependencyName","dependencyName","onDependencySelect","_React$Component5","_this7","_len2","_key2","dependencyDefault","dependencyDark","handleDependencySelect","_this7$props","_proto5","_this8","_ref5","trigger","pos","_cx","valueIsColor","valueIsGradient","isGradient","hasExample","borderColor","contrast","colorExample","background","unusedVariablesWarning","v","input"],"sources":["ThemeShowcase.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { RenderEnvironmentContext, useEmotion } from '../../lib/theming/RenderEnvironmentContext';\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 type { ComboBoxItem } from '../../components/ComboBox';\nimport { ComboBox } 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 type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport type { ComponentDescriptionType, ComponentRowDescriptionType } from './VariablesCollector';\nimport {\n  ALL_USED_VARIABLES,\n  CALLS_COUNT,\n  COMPONENT_DESCRIPTIONS,\n  COMPONENT_DESCRIPTIONS_BY_VARIABLE,\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\n  private styles!: ReturnType<typeof getStyles>;\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    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ emotion }) => {\n          this.styles = getStyles(emotion);\n\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            <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      </RenderEnvironmentContext.Consumer>\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}\nclass ComponentShowcase extends React.Component<ComponentShowcaseProps> {\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n\n  public render() {\n    const { name, description, onVariableSelect, isDebugMode } = this.props;\n    const elements = Object.keys(description);\n\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ emotion }) => {\n          this.cx = emotion.cx;\n          this.styles = getStyles(emotion);\n\n          return elements.length ? (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                return (\n                  <React.Fragment>\n                    <Sticky side={'top'} offset={40}>\n                      {(isSticky) => (\n                        <h2\n                          className={this.cx({\n                            [this.styles.heading(theme)]: true,\n                            [this.styles.headingSticky()]: isSticky,\n                          })}\n                        >\n                          {this.props.name}\n                        </h2>\n                      )}\n                    </Sticky>\n                    <table className={this.styles.table()}>\n                      <thead>\n                        <tr>\n                          <th className={this.styles.headerCell()} style={{ width: 170 }}>\n                            ClassName\n                          </th>\n                          <th className={this.styles.headerCell()} style={{ width: 210 }}>\n                            Variable Name\n                          </th>\n                          <th className={this.styles.headerCell()} style={{ width: 250 }}>\n                            Default Value\n                          </th>\n                          <th className={this.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                );\n              }}\n            </ThemeContext.Consumer>\n          ) : null;\n        }}\n      </RenderEnvironmentContext.Consumer>\n    );\n  }\n}\n\ninterface ComponentShowcaseRowProps {\n  element: string;\n  row: ComponentRowDescriptionType;\n  isDebugMode?: boolean;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nclass ComponentShowcaseRow extends React.Component<ComponentShowcaseRowProps> {\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n\n  public render() {\n    const { element: el, row, isDebugMode } = this.props;\n    const rowSpan = row.variables.length + 1;\n\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ emotion }) => {\n          this.cx = emotion.cx;\n          this.styles = getStyles(emotion);\n\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                return (\n                  <React.Fragment>\n                    <tr\n                      className={this.cx(this.styles.invisibleRow(), {\n                        [this.styles.invisibleDarkRow()]: theme === darkVariables,\n                      })}\n                    >\n                      <td className={this.cx(this.styles.cell(), this.styles.majorCell())} rowSpan={rowSpan}>\n                        <span className={this.styles.elementName()}>.{el}</span>\n                      </td>\n                      <td className={this.styles.invisibleCell()} />\n                      <td className={this.styles.invisibleCell()} />\n                      <td className={this.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={this.cx(this.styles.row(), {\n                            [this.styles.suspiciousRow()]: hasNoVariables,\n                            [this.styles.darkRow()]: theme === darkVariables,\n                          })}\n                        >\n                          <td className={this.styles.cell()}>\n                            <VariableName\n                              variableName={varName as string}\n                              dependencies={dependencies}\n                              onVariableSelect={this.props.onVariableSelect}\n                            />\n                          </td>\n                          <td className={this.styles.cell()}>\n                            <VariableValue value={variableDefault} />\n                          </td>\n                          <td className={this.styles.cell()}>\n                            <VariableValue value={variableDark} />\n                          </td>\n                        </tr>\n                      );\n                    })}\n                  </React.Fragment>\n                );\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </RenderEnvironmentContext.Consumer>\n    );\n  }\n}\n\ninterface VariableNameProps {\n  variableName: string;\n  dependencies: Array<keyof Theme>;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nclass VariableName extends React.Component<VariableNameProps> {\n  private styles!: ReturnType<typeof getStyles>;\n\n  public render() {\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ emotion }) => {\n          this.styles = getStyles(emotion);\n\n          return (\n            <span>\n              <span className={this.styles.variableName()} onClick={this.handleVariableSelect}>\n                {this.props.variableName}\n              </span>\n              {this.props.dependencies.length > 0 && this.renderDependencies()}\n            </span>\n          );\n        }}\n      </RenderEnvironmentContext.Consumer>\n    );\n  }\n\n  private renderDependencies() {\n    const { dependencies, onVariableSelect } = this.props;\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  private handleVariableSelect = () => {\n    const { variableName, onVariableSelect } = this.props;\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}\nclass DependencyName extends React.Component<DependencyNameProps> {\n  private styles!: ReturnType<typeof getStyles>;\n\n  public render() {\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ emotion }) => {\n          this.styles = getStyles(emotion);\n\n          return (\n            <React.Fragment>\n              <br />\n              &ndash;{' '}\n              <Tooltip trigger={'hover'} render={this.getValues} pos={'right middle'}>\n                <span className={this.styles.variableName()} onClick={this.handleDependencySelect}>\n                  {this.props.dependencyName}\n                </span>\n              </Tooltip>\n            </React.Fragment>\n          );\n        }}\n      </RenderEnvironmentContext.Consumer>\n    );\n  }\n\n  private getValues = () => {\n    const dependencyName = this.props.dependencyName;\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  private handleDependencySelect = () => {\n    const { dependencyName, onDependencySelect } = this.props;\n    if (onDependencySelect) {\n      onDependencySelect({ value: dependencyName, label: dependencyName });\n    }\n  };\n}\n\nconst VariableValue = (props: { value: string }) => {\n  const emotion = useEmotion();\n  const { cx } = emotion;\n  const styles = getStyles(emotion);\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  return (\n    <span className={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 styles = getStyles(useEmotion());\n  if (props.diff.length === 0) {\n    return null;\n  }\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":[]}
+{"version":3,"names":["React","isColor","LIGHT_THEME","lightVariables","DARK_THEME","darkVariables","ComboBox","Gapped","Link","Sticky","ColorFunctions","Tooltip","IS_PROXY_SUPPORTED","cx","ThemeContext","ALL_USED_VARIABLES","CALLS_COUNT","COMPONENT_DESCRIPTIONS","COMPONENT_DESCRIPTIONS_BY_VARIABLE","EXECUTION_TIME","styles","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","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","_React$Component2","apply","arguments","_proto2","_this3","_this$props","elements","Fragment","offset","isSticky","_cx","heading","headingSticky","table","headerCell","style","width","el","ComponentShowcaseRow","element","row","_React$Component3","_proto3","_this4","_this$props2","rowSpan","variables","_cx2","invisibleRow","invisibleDarkRow","cell","majorCell","elementName","invisibleCell","varName","_cx3","dependencies","variableDefault","variableDark","hasNoVariables","suspiciousRow","darkRow","VariableName","variableName","VariableValue","_React$Component4","_this5","_len","args","Array","_key","concat","handleVariableSelect","_this5$props","_proto4","renderDependencies","_this$props3","dependency","DependencyName","dependencyName","onDependencySelect","_React$Component5","_this6","_len2","_key2","dependencyDefault","dependencyDark","handleDependencySelect","_this6$props","_proto5","trigger","pos","_cx4","valueIsColor","valueIsGradient","isGradient","hasExample","borderColor","contrast","colorExample","background","unusedVariablesWarning","v","input"],"sources":["ThemeShowcase.tsx"],"sourcesContent":["import React from 'react';\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 type { ComboBoxItem } from '../../components/ComboBox';\nimport { ComboBox } 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 type { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport type { ComponentDescriptionType, ComponentRowDescriptionType } from './VariablesCollector';\nimport {\n  ALL_USED_VARIABLES,\n  CALLS_COUNT,\n  COMPONENT_DESCRIPTIONS,\n  COMPONENT_DESCRIPTIONS_BY_VARIABLE,\n  EXECUTION_TIME,\n} from './VariablesCollector';\nimport { styles } 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\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      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <Gapped wrap gap={30} verticalAlign={'top'}>\n              <div>\n                <Sticky side={'top'}>\n                  <div className={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  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}\nclass ComponentShowcase extends React.Component<ComponentShowcaseProps> {\n  public render() {\n    const { name, description, onVariableSelect, isDebugMode } = this.props;\n    const elements = Object.keys(description);\n\n    return elements.length ? (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <React.Fragment>\n              <Sticky side={'top'} offset={40}>\n                {(isSticky) => (\n                  <h2\n                    className={cx({\n                      [styles.heading(theme)]: true,\n                      [styles.headingSticky()]: isSticky,\n                    })}\n                  >\n                    {this.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          );\n        }}\n      </ThemeContext.Consumer>\n    ) : null;\n  }\n}\n\ninterface ComponentShowcaseRowProps {\n  element: string;\n  row: ComponentRowDescriptionType;\n  isDebugMode?: boolean;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nclass ComponentShowcaseRow extends React.Component<ComponentShowcaseRowProps> {\n  public render() {\n    const { element: el, row, isDebugMode } = this.props;\n    const rowSpan = row.variables.length + 1;\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <React.Fragment>\n              <tr className={cx(styles.invisibleRow(), { [styles.invisibleDarkRow()]: theme === darkVariables })}>\n                <td className={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={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={this.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      </ThemeContext.Consumer>\n    );\n  }\n}\n\ninterface VariableNameProps {\n  variableName: string;\n  dependencies: Array<keyof Theme>;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nclass VariableName extends React.Component<VariableNameProps> {\n  public render() {\n    return (\n      <span>\n        <span className={styles.variableName()} onClick={this.handleVariableSelect}>\n          {this.props.variableName}\n        </span>\n        {this.props.dependencies.length > 0 && this.renderDependencies()}\n      </span>\n    );\n  }\n\n  private renderDependencies() {\n    const { dependencies, onVariableSelect } = this.props;\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  private handleVariableSelect = () => {\n    const { variableName, onVariableSelect } = this.props;\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}\nclass DependencyName extends React.Component<DependencyNameProps> {\n  public render() {\n    return (\n      <React.Fragment>\n        <br />\n        &ndash;{' '}\n        <Tooltip trigger={'hover'} render={this.getValues} pos={'right middle'}>\n          <span className={styles.variableName()} onClick={this.handleDependencySelect}>\n            {this.props.dependencyName}\n          </span>\n        </Tooltip>\n      </React.Fragment>\n    );\n  }\n\n  private getValues = () => {\n    const dependencyName = this.props.dependencyName;\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  private handleDependencySelect = () => {\n    const { dependencyName, onDependencySelect } = this.props;\n    if (onDependencySelect) {\n      onDependencySelect({ value: dependencyName, label: dependencyName });\n    }\n  };\n}\n\nconst VariableValue = (props: { value: string }) => {\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  return (\n    <span className={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  if (props.diff.length === 0) {\n    return null;\n  }\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":[]}