@skbkontur/react-ui 0.0.0-b0853da840 → 0.0.0-b08da15166

package/components/ThemeShowcase/ThemeShowcase.module.css

@@ -1,113 +0,0 @@
-@value searchBarHeight: 40px;
-:local .searchBar {
-  position: relative;
-  box-sizing: border-box;
-  height: searchBarHeight;
-  padding: 5px;
-  background-color: #fff;
-}
-:local .searchBar::after {
-  content: attr(data-perf-info);
-  position: absolute;
-  top: 11px;
-  right: 20px;
-  color: #808080;
-  height: 20px;
-  line-height: 20px;
-}
-:local .heading {
-  padding: 24px 0 16px 5px;
-  margin: 0;
-  background-color: #fff;
-}
-:local .headingSticky {
-  border-bottom: 1px solid #e8e8e8;
-}
-:local .table {
-  width: 880px;
-  border-collapse: collapse;
-}
-:local .table tbody tr:not(.invisibleRow) > td {
-  border-top: 0 none;
-}
-:local .table tbody tr:hover {
-  background-color: #f8f8f8;
-}
-:local .table tbody tr.invisibleRow:hover ~ tr:not(.invisibleRow) {
-  background-color: #f8f8f8;
-}
-:local .table tbody tr.invisibleRow:hover ~ .invisibleRow ~ tr {
-  background-color: transparent;
-}
-:local .table th {
-  text-align: left;
-  padding-left: 5px;
-}
-:local .table td {
-  border-top: 1px solid #e8e8e8;
-  border-bottom: 1px solid #e8e8e8;
-  vertical-align: top;
-  padding: 10px 5px;
-}
-:local .invisibleRow {
-  padding: 0 !important;
-  height: 0 !important;
-}
-:local .suspiciousRow {
-  background-color: red;
-}
-:local .invisibleCell {
-  padding: 0 !important;
-  height: 0 !important;
-  font-size: 0 !important;
-  line-height: 0 !important;
-  border: 0 none !important;
-  border-top: 1px solid #e8e8e8 !important;
-}
-:local .suspiciousCell {
-  background-color: #fff0bc;
-}
-:local .elementName {
-  color: #7f9a44;
-  font-weight: 400;
-  cursor: pointer;
-}
-:local .relativeCss {
-  white-space: pre;
-  color: #333;
-}
-:local .variableName {
-  color: #b77daa;
-  font-weight: 400;
-  cursor: pointer;
-}
-:local .colorExample {
-  display: inline-block;
-  box-sizing: border-box;
-  width: 16px;
-  height: 16px;
-  border: 1px solid transparent;
-  margin-right: 4px;
-  vertical-align: -3px;
-}
-:local .undefined {
-  text-decoration: line-through;
-}
-:local .unusedVariablesWarning {
-  padding: 16px;
-  margin: 20px 0;
-  background-color: #fff0bc;
-  border-radius: 3px;
-}
-:local .cssClassObject {
-  color: #d28445;
-}
-:local .cssClassName {
-  color: #7f9a44;
-}
-:local .cssThemeObject {
-  color: #ac4142;
-}
-:local .cssThemeProp {
-  color: #b77daa;
-}

package/components/ThemeShowcase/ThemeShowcase.module.css.d.ts

@@ -1,23 +0,0 @@
-export interface IThemeShowcaseModuleLess {
-  'searchBarHeight': string;
-  'searchBar': string;
-  'heading': string;
-  'headingSticky': string;
-  'table': string;
-  'invisibleRow': string;
-  'suspiciousRow': string;
-  'invisibleCell': string;
-  'suspiciousCell': string;
-  'elementName': string;
-  'relativeCss': string;
-  'variableName': string;
-  'colorExample': string;
-  'undefined': string;
-  'unusedVariablesWarning': string;
-  'cssClassObject': string;
-  'cssClassName': string;
-  'cssThemeObject': string;
-  'cssThemeProp': string;
-}
-declare const styles: IThemeShowcaseModuleLess;
-export default styles;

package/components/ThemeShowcase/ThemeShowcaseHelpers/FormatSourceCode.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function formatSourceCode(input: string, componentName: string): JSX.Element;

package/components/ThemeShowcase/ThemeShowcaseHelpers/FormatSourceCode.js

@@ -1,179 +0,0 @@
-import React from 'react';
-import warning from 'warning';import
-
-styles from "../ThemeShowcase.module.css";
-
-import { isDevelopmentEnv } from '../../internal/currentEnvironment';
-
-export function formatSourceCode(input, componentName) {
-  var regEx = /\.css\(.*\.__makeTemplateObject\((\[[\S\s]+\]),\s*(\[[\S\s]+\])\)\),\s*([\s\S]+)\)/gm;
-
-  var sourceParts = regEx.exec(input);
-  if (!sourceParts) {
-    warning(false, 'Could not parse jsStyles for source');
-    return React.createElement("span", null, input);
-  }
-
-  var cookedAsString = sourceParts[1];
-  var rawAsString = sourceParts[2];
-
-  var rawArray = JSON.parse(rawAsString);
-  var cookedArray = JSON.parse(cookedAsString);
-  warning(cookedArray.length === rawArray.length, 'Raw and Cooked arrays have different length, consider revising');
-
-  var variablesArray = parseVariables(sourceParts[3]);
-  warning(cookedArray.length === variablesArray.length + 1, 'Variables array has suspicious length, consider revising');
-
-  var tokens = cookedArray.map(function (literal, index) {
-    return (
-      React.createElement(React.Fragment, { key: "group_" + index },
-      React.createElement("span", null, literal),
-      variablesArray[index] && renderVariables(variablesArray[index], componentName)));
-
-
-  });
-
-  return (
-    React.createElement(React.Fragment, null,
-    React.createElement("span", { key: 'prefix' }, 'css: {'),
-    tokens,
-    React.createElement("span", { key: "suffix" }, '}')));
-
-
-}
-
-function renderVariables(variableString, componentName) {
-  if (isDevelopmentEnv) {
-    variableString = variableString.
-    replace(/ColorFunctions_[\d]+\.default\./g, 'ColorFunctions.').
-    replace(/DimensionFunctions_[\d]+\.default\./g, 'DimensionFunctions.').
-    replace(/AnimationKeyframes_[\d]+\.AnimationKeyframes\./g, 'AnimationKeyframes.');
-  } else {
-    // TODO: replace ColorFunctions via captured group
-    variableString = variableString.
-    replace(/\b[a-z0-9]{1,2}\.default\.lighten/gi, 'ColorFunctions.lighten').
-    replace(/\b[a-z0-9]{1,2}\.default\.darken/gi, 'ColorFunctions.darken').
-    replace(/\b[a-z0-9]{1,2}\.default\.constrast/gi, 'ColorFunctions.contrast').
-    replace(/\b[a-z0-9]{1,2}\.default\.red/gi, 'ColorFunctions.red').
-    replace(/\b[a-z0-9]{1,2}\.default\.green/gi, 'ColorFunctions.green').
-    replace(/\b[a-z0-9]{1,2}\.default\.blue/gi, 'ColorFunctions.blue').
-    replace(/\b[a-z0-9]{1,2}\.default\.alpha/gi, 'ColorFunctions.alpha').
-    replace(/\b[a-z0-9]{1,2}\.default\.shift/gi, 'DimensionFunctions.shift').
-    replace(/\b[a-z0-9]{1,2}\.AnimationKeyframes\./gi, 'AnimationKeyframes.');
-  }
-
-  var className = getClassName(variableString, componentName);
-  var theme = getTheme(variableString);
-
-  return (
-    React.createElement(React.Fragment, null,
-    React.createElement("span", null, '${'),
-    className && renderClassName(className),
-    !className && theme && renderTheme(theme),
-    !className && !theme && renderUnknown(variableString),
-    React.createElement("span", null, '}')));
-
-
-}
-
-function getClassName(variableString, componentName) {
-  var classNameRegExp;
-  if (isDevelopmentEnv) {
-    classNameRegExp = new RegExp(componentName + '_module_less_[\\d]+\\.default\\.', 'i');
-  } else {
-    classNameRegExp = /[\w]+\.default\./;
-  }
-
-  if (classNameRegExp.test(variableString)) {
-    return variableString.replace(classNameRegExp, '');
-  }
-  return null;
-}
-
-function renderClassName(className) {
-  return (
-    React.createElement(React.Fragment, null,
-    React.createElement("span", { className: styles.cssClassObject }, "classNames."),
-    React.createElement("span", { className: styles.cssClassName }, className)));
-
-
-}
-
-function getTheme(variableString) {
-  var themeRegExp;
-  if (isDevelopmentEnv) {
-    themeRegExp = /\bt(?:\.([a-zA-Z0-9]+))?\b/gm;
-  } else {
-    themeRegExp = /\b[a-z0-9]{1,2}(?:\.([a-zA-Z0-9]+))\b/gim;
-  }
-
-  if (themeRegExp.test(variableString)) {
-    themeRegExp.lastIndex = 0;
-    var match = null;
-    var result = [];
-    do {
-      var start = themeRegExp.lastIndex;
-      match = themeRegExp.exec(variableString);
-      if (match) {
-        var textBefore = variableString.substring(start, match.index);
-        var key = start + "_" + match.index;
-        var themeProp = match[1];
-        result.push(React.createElement("span", { key: key + "_textBefore" }, textBefore));
-        result.push(
-        React.createElement("span", { key: key + "_themeObject", className: styles.cssThemeObject }, "theme",
-
-        themeProp ? '.' : ''));
-
-
-        if (themeProp) {
-          result.push(
-          React.createElement("span", { key: key + "_themePropName", className: styles.cssThemeProp },
-          themeProp));
-
-
-        }
-      } else {
-        result.push(React.createElement("span", { key: start + "_" + variableString.length + "_textAfter" }, variableString.substring(start)));
-      }
-    } while (match);
-
-    return result;
-  }
-  return null;
-}
-
-function renderTheme(children) {
-  return React.createElement(React.Fragment, null, children);
-}
-
-function renderUnknown(unknown) {
-  return React.createElement("span", null, unknown);
-}
-
-function parseVariables(input) {
-  var depth = 0;
-  var variables = [''];
-  input.
-  replace(/[\r\n]/g, '').
-  split('').
-  forEach(function (c) {
-    var currentIndex = Math.max(0, variables.length - 1);
-    if (c === '(') {
-      depth++;
-      variables[currentIndex] += c;
-    } else if (c === ',') {
-      depth > 0 ? variables[currentIndex] += c : variables.push('');
-    } else if (c === ' ') {
-      var currentVariable = variables[currentIndex];
-      if (depth > 0 || currentVariable.length > 0 && !currentVariable.endsWith(' ')) {
-        variables[currentIndex] += c;
-      }
-    } else if (c === ')') {
-      depth--;
-      variables[currentIndex] += c;
-    } else {
-      variables[currentIndex] += c;
-    }
-  });
-  return variables;
-}

package/components/ThemeShowcase/ThemeShowcaseHelpers/FormatSourceCode.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["FormatSourceCode.tsx"],"names":["React","warning","styles","isDevelopmentEnv","formatSourceCode","input","componentName","regEx","sourceParts","exec","cookedAsString","rawAsString","rawArray","JSON","parse","cookedArray","length","variablesArray","parseVariables","tokens","map","literal","index","renderVariables","variableString","replace","className","getClassName","theme","getTheme","renderClassName","renderTheme","renderUnknown","classNameRegExp","RegExp","test","cssClassObject","cssClassName","themeRegExp","lastIndex","match","result","start","textBefore","substring","key","themeProp","push","cssThemeObject","cssThemeProp","children","unknown","depth","variables","split","forEach","c","currentIndex","Math","max","currentVariable","endsWith"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport warning from 'warning';\r\n\r\nimport styles from '../ThemeShowcase.module.less';\r\nimport { Nullable } from '../../../typings/utility-types';\r\nimport { isDevelopmentEnv } from '../../internal/currentEnvironment';\r\n\r\nexport function formatSourceCode(input: string, componentName: string) {\r\n  const regEx = /\\.css\\(.*\\.__makeTemplateObject\\((\\[[\\S\\s]+\\]),\\s*(\\[[\\S\\s]+\\])\\)\\),\\s*([\\s\\S]+)\\)/gm;\r\n\r\n  const sourceParts = regEx.exec(input);\r\n  if (!sourceParts) {\r\n    warning(false, 'Could not parse jsStyles for source');\r\n    return <span>{input}</span>;\r\n  }\r\n\r\n  const cookedAsString = sourceParts[1];\r\n  const rawAsString = sourceParts[2];\r\n\r\n  const rawArray: string[] = JSON.parse(rawAsString);\r\n  const cookedArray: string[] = JSON.parse(cookedAsString);\r\n  warning(cookedArray.length === rawArray.length, 'Raw and Cooked arrays have different length, consider revising');\r\n\r\n  const variablesArray = parseVariables(sourceParts[3]);\r\n  warning(cookedArray.length === variablesArray.length + 1, 'Variables array has suspicious length, consider revising');\r\n\r\n  const tokens = cookedArray.map((literal, index) => {\r\n    return (\r\n      <React.Fragment key={`group_${index}`}>\r\n        <span>{literal}</span>\r\n        {variablesArray[index] && renderVariables(variablesArray[index], componentName)}\r\n      </React.Fragment>\r\n    );\r\n  });\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <span key={'prefix'}>{'css: {'}</span>\r\n      {tokens}\r\n      <span key={`suffix`}>{'}'}</span>\r\n    </React.Fragment>\r\n  );\r\n}\r\n\r\nfunction renderVariables(variableString: string, componentName: string) {\r\n  if (isDevelopmentEnv) {\r\n    variableString = variableString\r\n      .replace(/ColorFunctions_[\\d]+\\.default\\./g, 'ColorFunctions.')\r\n      .replace(/DimensionFunctions_[\\d]+\\.default\\./g, 'DimensionFunctions.')\r\n      .replace(/AnimationKeyframes_[\\d]+\\.AnimationKeyframes\\./g, 'AnimationKeyframes.');\r\n  } else {\r\n    // TODO: replace ColorFunctions via captured group\r\n    variableString = variableString\r\n      .replace(/\\b[a-z0-9]{1,2}\\.default\\.lighten/gi, 'ColorFunctions.lighten')\r\n      .replace(/\\b[a-z0-9]{1,2}\\.default\\.darken/gi, 'ColorFunctions.darken')\r\n      .replace(/\\b[a-z0-9]{1,2}\\.default\\.constrast/gi, 'ColorFunctions.contrast')\r\n      .replace(/\\b[a-z0-9]{1,2}\\.default\\.red/gi, 'ColorFunctions.red')\r\n      .replace(/\\b[a-z0-9]{1,2}\\.default\\.green/gi, 'ColorFunctions.green')\r\n      .replace(/\\b[a-z0-9]{1,2}\\.default\\.blue/gi, 'ColorFunctions.blue')\r\n      .replace(/\\b[a-z0-9]{1,2}\\.default\\.alpha/gi, 'ColorFunctions.alpha')\r\n      .replace(/\\b[a-z0-9]{1,2}\\.default\\.shift/gi, 'DimensionFunctions.shift')\r\n      .replace(/\\b[a-z0-9]{1,2}\\.AnimationKeyframes\\./gi, 'AnimationKeyframes.');\r\n  }\r\n\r\n  const className = getClassName(variableString, componentName);\r\n  const theme = getTheme(variableString);\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <span>{'${'}</span>\r\n      {className && renderClassName(className)}\r\n      {!className && theme && renderTheme(theme)}\r\n      {!className && !theme && renderUnknown(variableString)}\r\n      <span>{'}'}</span>\r\n    </React.Fragment>\r\n  );\r\n}\r\n\r\nfunction getClassName(variableString: string, componentName: string) {\r\n  let classNameRegExp: RegExp;\r\n  if (isDevelopmentEnv) {\r\n    classNameRegExp = new RegExp(componentName + '_module_less_[\\\\d]+\\\\.default\\\\.', 'i');\r\n  } else {\r\n    classNameRegExp = /[\\w]+\\.default\\./;\r\n  }\r\n\r\n  if (classNameRegExp.test(variableString)) {\r\n    return variableString.replace(classNameRegExp, '');\r\n  }\r\n  return null;\r\n}\r\n\r\nfunction renderClassName(className: string) {\r\n  return (\r\n    <React.Fragment>\r\n      <span className={styles.cssClassObject}>classNames.</span>\r\n      <span className={styles.cssClassName}>{className}</span>\r\n    </React.Fragment>\r\n  );\r\n}\r\n\r\nfunction getTheme(variableString: string) {\r\n  let themeRegExp: RegExp;\r\n  if (isDevelopmentEnv) {\r\n    themeRegExp = /\\bt(?:\\.([a-zA-Z0-9]+))?\\b/gm;\r\n  } else {\r\n    themeRegExp = /\\b[a-z0-9]{1,2}(?:\\.([a-zA-Z0-9]+))\\b/gim;\r\n  }\r\n\r\n  if (themeRegExp.test(variableString)) {\r\n    themeRegExp.lastIndex = 0;\r\n    let match: Nullable<RegExpExecArray> = null;\r\n    const result = [];\r\n    do {\r\n      const start = themeRegExp.lastIndex;\r\n      match = themeRegExp.exec(variableString);\r\n      if (match) {\r\n        const textBefore = variableString.substring(start, match.index);\r\n        const key = `${start}_${match.index}`;\r\n        const themeProp = match[1];\r\n        result.push(<span key={`${key}_textBefore`}>{textBefore}</span>);\r\n        result.push(\r\n          <span key={`${key}_themeObject`} className={styles.cssThemeObject}>\r\n            theme\r\n            {themeProp ? '.' : ''}\r\n          </span>,\r\n        );\r\n        if (themeProp) {\r\n          result.push(\r\n            <span key={`${key}_themePropName`} className={styles.cssThemeProp}>\r\n              {themeProp}\r\n            </span>,\r\n          );\r\n        }\r\n      } else {\r\n        result.push(<span key={`${start}_${variableString.length}_textAfter`}>{variableString.substring(start)}</span>);\r\n      }\r\n    } while (match);\r\n\r\n    return result;\r\n  }\r\n  return null;\r\n}\r\n\r\nfunction renderTheme(children: React.ReactNode) {\r\n  return <React.Fragment>{children}</React.Fragment>;\r\n}\r\n\r\nfunction renderUnknown(unknown: string) {\r\n  return <span>{unknown}</span>;\r\n}\r\n\r\nfunction parseVariables(input: string) {\r\n  let depth = 0;\r\n  const variables = [''];\r\n  input\r\n    .replace(/[\\r\\n]/g, '')\r\n    .split('')\r\n    .forEach(c => {\r\n      const currentIndex = Math.max(0, variables.length - 1);\r\n      if (c === '(') {\r\n        depth++;\r\n        variables[currentIndex] += c;\r\n      } else if (c === ',') {\r\n        depth > 0 ? (variables[currentIndex] += c) : variables.push('');\r\n      } else if (c === ' ') {\r\n        const currentVariable = variables[currentIndex];\r\n        if (depth > 0 || (currentVariable.length > 0 && !currentVariable.endsWith(' '))) {\r\n          variables[currentIndex] += c;\r\n        }\r\n      } else if (c === ')') {\r\n        depth--;\r\n        variables[currentIndex] += c;\r\n      } else {\r\n        variables[currentIndex] += c;\r\n      }\r\n    });\r\n  return variables;\r\n}\r\n"]}

package/components/ThemeShowcase/ThemeShowcaseHelpers/VariablesCollector.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import { Theme } from '../../../lib/theming/Theme';
-export interface DescriptionsType {
-    [componentName: string]: ComponentDescriptionType;
-}
-export interface ComponentDescriptionType {
-    [elementName: string]: ComponentRowDescriptionType;
-}
-export interface ComponentRowDescriptionType {
-    contents: JSX.Element;
-    variables: Array<keyof Theme>;
-    dependencies: VariableDependencies;
-}
-export interface VariableNameToComponentsMap {
-    [variableName: string]: DescriptionsType;
-}
-export interface VariableDependencies {
-    [variableName: string]: string[];
-}
-export declare const COMPONENT_DESCRIPTIONS: DescriptionsType;
-export declare const COMPONENT_DESCRIPTIONS_BY_VARIABLE: VariableNameToComponentsMap;
-export declare const ALL_USED_VARIABLES: string[];
-export declare const CALLS_COUNT: number;
-export declare const EXECUTION_TIME: number;

package/components/ThemeShowcase/ThemeShowcaseHelpers/VariablesCollector.js

@@ -1,138 +0,0 @@
-
-import { ThemeFactory } from '../../../lib/theming/ThemeFactory';
-import { FLAT_THEME } from '../../../lib/theming/themes/FlatTheme';
-import { IS_PROXY_SUPPORTED } from '../../internal/Supports';
-
-import { formatSourceCode } from './FormatSourceCode';
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var callsCount = 0;
-var executionTime = 0;
-var ALL_USED_VARIABLES_SET = new Set();
-
-export var COMPONENT_DESCRIPTIONS = {};
-export var COMPONENT_DESCRIPTIONS_BY_VARIABLE = {};
-
-if (IS_PROXY_SUPPORTED) {
-  var baseThemes = [];
-  baseThemes.push(ThemeFactory.getDefaultTheme());
-  baseThemes.push(ThemeFactory.create(FLAT_THEME));
-
-  var componentsContext = require.context('../../', true, /\.styles.ts$/);
-  componentsContext.keys().forEach(function (fileName) {
-    var fileNameStart = fileName.lastIndexOf('/') + 1;
-    var componentName = fileName.substring(fileNameStart).replace('.styles.ts', '');
-    var componentDescription = {};
-    var jsStyles = componentsContext(fileName).jsStyles;
-
-    Object.keys(jsStyles).forEach(function (elementName) {
-      var jsStyle = jsStyles[elementName];
-      var variablesAccumulator = new Set();
-      var dependencies = {};
-      var elementProxyHandler = getProxyHandler(variablesAccumulator, dependencies);
-      var themes = baseThemes.map(function (t) {return new Proxy(t, elementProxyHandler);});
-      themes.forEach(function (t) {return jsStyle(t);});
-
-      var variables = Array.from(variablesAccumulator);
-
-      if (variables.length > 0) {
-        var contents = formatSourceCode(jsStyle.toString(), componentName);
-
-        componentDescription[elementName] = { contents: contents, variables: variables, dependencies: dependencies };
-
-        variables.forEach(function (variableName) {
-          if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName]) {
-            COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName] = {};
-          }
-
-          var variableNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName];
-          if (!variableNode[componentName]) {
-            variableNode[componentName] = {};
-          }
-
-          var componentNode = variableNode[componentName];
-          if (!componentNode[elementName]) {
-            componentNode[elementName] = {
-              contents: contents,
-              dependencies: dependencies,
-              variables: [variableName] };
-
-          } else if (!componentNode[elementName].variables.includes(variableName)) {
-            componentNode[elementName].contents = contents;
-            componentNode[elementName].dependencies = dependencies;
-            componentNode[elementName].variables.push(variableName);
-          }
-
-          var dependenciesList = dependencies[variableName];
-          if (dependenciesList) {
-            dependenciesList.forEach(function (dependencyName) {
-              if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName]) {
-                COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName] = {};
-              }
-
-              var dependencyNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName];
-              if (!dependencyNode[componentName]) {
-                dependencyNode[componentName] = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName][componentName];
-              }
-            });
-          }
-        });
-      }
-    });
-
-    COMPONENT_DESCRIPTIONS[componentName] = componentDescription;
-  });
-}
-
-function getProxyHandler(accumulator, dependencies) {
-  var accessLevel = 0;
-  var rootProp = '';
-  return {
-    get: function get(target, prop, receiver) {
-      var propName = String(prop);
-      ALL_USED_VARIABLES_SET.add(propName);
-      if (accessLevel === 0) {
-        rootProp = propName;
-        accumulator.add(propName);
-      } else {
-        if (!dependencies[rootProp]) {
-          dependencies[rootProp] = [propName];
-        } else if (!dependencies[rootProp].includes(propName)) {
-          dependencies[rootProp].push(propName);
-        }
-      }
-      accessLevel++;
-      var start = performance.now();
-      var result = Reflect.get(target, prop, receiver);
-      executionTime += performance.now() - start;
-      callsCount++;
-      accessLevel--;
-      return result;
-    } };
-
-}
-
-export var ALL_USED_VARIABLES = Array.from(ALL_USED_VARIABLES_SET);
-export var CALLS_COUNT = callsCount;
-export var EXECUTION_TIME = executionTime;

package/components/ThemeShowcase/ThemeShowcaseHelpers/VariablesCollector.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["VariablesCollector.ts"],"names":["ThemeFactory","FLAT_THEME","IS_PROXY_SUPPORTED","formatSourceCode","callsCount","executionTime","ALL_USED_VARIABLES_SET","Set","COMPONENT_DESCRIPTIONS","COMPONENT_DESCRIPTIONS_BY_VARIABLE","baseThemes","push","getDefaultTheme","create","componentsContext","require","context","keys","forEach","fileName","fileNameStart","lastIndexOf","componentName","substring","replace","componentDescription","jsStyles","Object","elementName","jsStyle","variablesAccumulator","dependencies","elementProxyHandler","getProxyHandler","themes","map","t","Proxy","variables","Array","from","length","contents","toString","variableName","variableNode","componentNode","includes","dependenciesList","dependencyName","dependencyNode","accumulator","accessLevel","rootProp","get","target","prop","receiver","propName","String","add","start","performance","now","result","Reflect","ALL_USED_VARIABLES","CALLS_COUNT","EXECUTION_TIME"],"mappings":"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","sourcesContent":["import { Theme } from '../../../lib/theming/Theme';\r\nimport { ThemeFactory } from '../../../lib/theming/ThemeFactory';\r\nimport { FLAT_THEME } from '../../../lib/theming/themes/FlatTheme';\r\nimport { IS_PROXY_SUPPORTED } from '../../internal/Supports';\r\n\r\nimport { formatSourceCode } from './FormatSourceCode';\r\n\r\nexport interface DescriptionsType {\r\n  [componentName: string]: ComponentDescriptionType;\r\n}\r\n\r\nexport interface ComponentDescriptionType {\r\n  [elementName: string]: ComponentRowDescriptionType;\r\n}\r\n\r\nexport interface ComponentRowDescriptionType {\r\n  contents: JSX.Element;\r\n  variables: Array<keyof Theme>;\r\n  dependencies: VariableDependencies;\r\n}\r\n\r\nexport interface VariableNameToComponentsMap {\r\n  [variableName: string]: DescriptionsType;\r\n}\r\n\r\nexport interface VariableDependencies {\r\n  [variableName: string]: string[];\r\n}\r\n\r\nlet callsCount = 0;\r\nlet executionTime = 0;\r\nconst ALL_USED_VARIABLES_SET = new Set<string>();\r\n\r\nexport const COMPONENT_DESCRIPTIONS: DescriptionsType = {};\r\nexport const COMPONENT_DESCRIPTIONS_BY_VARIABLE: VariableNameToComponentsMap = {};\r\n\r\nif (IS_PROXY_SUPPORTED) {\r\n  const baseThemes: Theme[] = [];\r\n  baseThemes.push(ThemeFactory.getDefaultTheme());\r\n  baseThemes.push(ThemeFactory.create(FLAT_THEME));\r\n\r\n  const componentsContext = require.context('../../', true, /\\.styles.ts$/);\r\n  componentsContext.keys().forEach(fileName => {\r\n    const fileNameStart = fileName.lastIndexOf('/') + 1;\r\n    const componentName = fileName.substring(fileNameStart).replace('.styles.ts', '');\r\n    const componentDescription: ComponentDescriptionType = {};\r\n    const jsStyles = componentsContext(fileName).jsStyles;\r\n\r\n    Object.keys(jsStyles).forEach(elementName => {\r\n      const jsStyle = jsStyles[elementName];\r\n      const variablesAccumulator = new Set<string>();\r\n      const dependencies: VariableDependencies = {};\r\n      const elementProxyHandler = getProxyHandler(variablesAccumulator, dependencies);\r\n      const themes = baseThemes.map(t => new Proxy(t, elementProxyHandler));\r\n      themes.forEach(t => jsStyle(t));\r\n\r\n      const variables = Array.from(variablesAccumulator);\r\n\r\n      if (variables.length > 0) {\r\n        const contents = formatSourceCode(jsStyle.toString(), componentName);\r\n\r\n        componentDescription[elementName] = { contents, variables, dependencies };\r\n\r\n        variables.forEach(variableName => {\r\n          if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName]) {\r\n            COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName] = {};\r\n          }\r\n\r\n          const variableNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName];\r\n          if (!variableNode[componentName]) {\r\n            variableNode[componentName] = {};\r\n          }\r\n\r\n          const componentNode = variableNode[componentName];\r\n          if (!componentNode[elementName]) {\r\n            componentNode[elementName] = {\r\n              contents,\r\n              dependencies,\r\n              variables: [variableName],\r\n            };\r\n          } else if (!componentNode[elementName].variables.includes(variableName)) {\r\n            componentNode[elementName].contents = contents;\r\n            componentNode[elementName].dependencies = dependencies;\r\n            componentNode[elementName].variables.push(variableName);\r\n          }\r\n\r\n          const dependenciesList = dependencies[variableName];\r\n          if (dependenciesList) {\r\n            dependenciesList.forEach(dependencyName => {\r\n              if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName]) {\r\n                COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName] = {};\r\n              }\r\n\r\n              const dependencyNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName];\r\n              if (!dependencyNode[componentName]) {\r\n                dependencyNode[componentName] = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName][componentName];\r\n              }\r\n            });\r\n          }\r\n        });\r\n      }\r\n    });\r\n\r\n    COMPONENT_DESCRIPTIONS[componentName] = componentDescription;\r\n  });\r\n}\r\n\r\nfunction getProxyHandler(accumulator: Set<string>, dependencies: VariableDependencies): ProxyHandler<Theme> {\r\n  let accessLevel = 0;\r\n  let rootProp = '';\r\n  return {\r\n    get(target, prop, receiver) {\r\n      const propName = String(prop);\r\n      ALL_USED_VARIABLES_SET.add(propName);\r\n      if (accessLevel === 0) {\r\n        rootProp = propName;\r\n        accumulator.add(propName);\r\n      } else {\r\n        if (!dependencies[rootProp]) {\r\n          dependencies[rootProp] = [propName];\r\n        } else if (!dependencies[rootProp].includes(propName)) {\r\n          dependencies[rootProp].push(propName);\r\n        }\r\n      }\r\n      accessLevel++;\r\n      const start = performance.now();\r\n      const result = Reflect.get(target, prop, receiver);\r\n      executionTime += performance.now() - start;\r\n      callsCount++;\r\n      accessLevel--;\r\n      return result;\r\n    },\r\n  };\r\n}\r\n\r\nexport const ALL_USED_VARIABLES = Array.from(ALL_USED_VARIABLES_SET);\r\nexport const CALLS_COUNT = callsCount;\r\nexport const EXECUTION_TIME = executionTime;\r\n"]}