@skbkontur/react-ui 0.0.0-0b8a8f7a39 → 0.0.0-0fe669bb2d

package/cjs/internal/ThemeShowcase/VariablesCollector.js

@@ -1,6 +1,6 @@
-"use strict";exports.__esModule = true;exports.EXECUTION_TIME = exports.CALLS_COUNT = exports.ALL_USED_VARIABLES = exports.COMPONENT_DESCRIPTIONS_BY_VARIABLE = exports.COMPONENT_DESCRIPTIONS = void 0;
-var _DefaultThemeOld = require("../../lib/theming/themes/DefaultThemeOld");
-var _FlatThemeOld = require("../../lib/theming/themes/FlatThemeOld");
+"use strict";exports.__esModule = true;exports.EXECUTION_TIME = exports.COMPONENT_DESCRIPTIONS_BY_VARIABLE = exports.COMPONENT_DESCRIPTIONS = exports.CALLS_COUNT = exports.ALL_USED_VARIABLES = void 0;
+var _DefaultTheme = require("../../lib/theming/themes/DefaultTheme");
+var _DarkTheme = require("../../lib/theming/themes/DarkTheme");
 var _Supports = require("../../lib/Supports");
 
 
@@ -33,65 +33,70 @@ var COMPONENT_DESCRIPTIONS_BY_VARIABLE = {};exports.COMPONENT_DESCRIPTIONS_BY_VA
 
 if (_Supports.IS_PROXY_SUPPORTED) {
   var baseThemes = [];
-  baseThemes.push(_DefaultThemeOld.DEFAULT_THEME_OLD);
-  baseThemes.push(_FlatThemeOld.FLAT_THEME_OLD);
+  baseThemes.push(_DefaultTheme.DEFAULT_THEME);
+  baseThemes.push(_DarkTheme.DARK_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) {
-        componentDescription[elementName] = { 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] = {
-              dependencies: dependencies,
-              variables: [variableName] };
-
-          } else if (!componentNode[elementName].variables.includes(variableName)) {
-            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];
-              }
-            });
-          }
-        });
-      }
+    Object.keys(componentsContext(fileName)).forEach(function (exportName) {
+      var styles = componentsContext(fileName)[exportName];
+
+      Object.keys(styles).forEach(function (elementName) {
+        var jsStyle = styles[elementName];
+        if (typeof jsStyle !== 'function') {
+          return;
+        }
+        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) {
+          componentDescription[elementName] = { 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] = {
+                dependencies: dependencies,
+                variables: [variableName] };
+
+            } else if (!componentNode[elementName].variables.includes(variableName)) {
+              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;
@@ -101,20 +106,24 @@ if (_Supports.IS_PROXY_SUPPORTED) {
 function getProxyHandler(accumulator, dependencies) {
   var accessLevel = 0;
   var rootProp = '';
+  function isThemeVariable(theme, name) {
+    return typeof theme[name] === 'string';
+  }
   return {
     get: function get(target, prop, receiver) {
       var propName = prop;
-      ALL_USED_VARIABLES_SET.add(propName);
-      if (accessLevel === 0) {
-        rootProp = propName;
-        accumulator.add(propName);
-      } else {
-        if (!dependencies[rootProp]) {
+      if (isThemeVariable(target, propName)) {
+        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);

package/cjs/internal/ThemeShowcase/VariablesCollector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["VariablesCollector.ts"],"names":["callsCount","executionTime","ALL_USED_VARIABLES_SET","Set","COMPONENT_DESCRIPTIONS","COMPONENT_DESCRIPTIONS_BY_VARIABLE","IS_PROXY_SUPPORTED","baseThemes","push","DEFAULT_THEME_OLD","FLAT_THEME_OLD","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","variableName","variableNode","componentNode","includes","dependenciesList","dependencyName","dependencyNode","accumulator","accessLevel","rootProp","get","target","prop","receiver","propName","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 { DEFAULT_THEME_OLD } from '../../lib/theming/themes/DefaultThemeOld';\r\nimport { FLAT_THEME_OLD } from '../../lib/theming/themes/FlatThemeOld';\r\nimport { IS_PROXY_SUPPORTED } from '../../lib/Supports';\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  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]: Array<keyof Theme>;\r\n}\r\n\r\nlet callsCount = 0;\r\nlet executionTime = 0;\r\nconst ALL_USED_VARIABLES_SET = new Set<keyof Theme>();\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(DEFAULT_THEME_OLD);\r\n  baseThemes.push(FLAT_THEME_OLD);\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<keyof Theme>();\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        componentDescription[elementName] = { 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              dependencies,\r\n              variables: [variableName],\r\n            };\r\n          } else if (!componentNode[elementName].variables.includes(variableName)) {\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<keyof Theme>, 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 = prop as keyof Theme;\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"]}
+{"version":3,"sources":["VariablesCollector.ts"],"names":["callsCount","executionTime","ALL_USED_VARIABLES_SET","Set","COMPONENT_DESCRIPTIONS","COMPONENT_DESCRIPTIONS_BY_VARIABLE","IS_PROXY_SUPPORTED","baseThemes","push","DEFAULT_THEME","DARK_THEME","componentsContext","require","context","keys","forEach","fileName","fileNameStart","lastIndexOf","componentName","substring","replace","componentDescription","Object","exportName","styles","elementName","jsStyle","variablesAccumulator","dependencies","elementProxyHandler","getProxyHandler","themes","map","t","Proxy","variables","Array","from","length","variableName","variableNode","componentNode","includes","dependenciesList","dependencyName","dependencyNode","accumulator","accessLevel","rootProp","isThemeVariable","theme","name","get","target","prop","receiver","propName","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';\nimport { DEFAULT_THEME } from '../../lib/theming/themes/DefaultTheme';\nimport { DARK_THEME } from '../../lib/theming/themes/DarkTheme';\nimport { IS_PROXY_SUPPORTED } from '../../lib/Supports';\n\nexport interface DescriptionsType {\n  [componentName: string]: ComponentDescriptionType;\n}\n\nexport interface ComponentDescriptionType {\n  [elementName: string]: ComponentRowDescriptionType;\n}\n\nexport interface ComponentRowDescriptionType {\n  variables: Array<keyof Theme>;\n  dependencies: VariableDependencies;\n}\n\nexport interface VariableNameToComponentsMap {\n  [variableName: string]: DescriptionsType;\n}\n\nexport interface VariableDependencies {\n  [variableName: string]: Array<keyof Theme>;\n}\n\nlet callsCount = 0;\nlet executionTime = 0;\nconst ALL_USED_VARIABLES_SET = new Set<keyof Theme>();\n\nexport const COMPONENT_DESCRIPTIONS: DescriptionsType = {};\nexport const COMPONENT_DESCRIPTIONS_BY_VARIABLE: VariableNameToComponentsMap = {};\n\nif (IS_PROXY_SUPPORTED) {\n  const baseThemes: Theme[] = [];\n  baseThemes.push(DEFAULT_THEME);\n  baseThemes.push(DARK_THEME);\n\n  const componentsContext = require.context('../../../', true, /\\.styles.ts$/);\n  componentsContext.keys().forEach((fileName) => {\n    const fileNameStart = fileName.lastIndexOf('/') + 1;\n    const componentName = fileName.substring(fileNameStart).replace('.styles.ts', '');\n    const componentDescription: ComponentDescriptionType = {};\n    Object.keys(componentsContext(fileName)).forEach((exportName) => {\n      const styles = componentsContext(fileName)[exportName];\n\n      Object.keys(styles).forEach((elementName) => {\n        const jsStyle = styles[elementName];\n        if (typeof jsStyle !== 'function') {\n          return;\n        }\n        const variablesAccumulator = new Set<keyof Theme>();\n        const dependencies: VariableDependencies = {};\n        const elementProxyHandler = getProxyHandler(variablesAccumulator, dependencies);\n        const themes = baseThemes.map((t) => new Proxy(t, elementProxyHandler));\n        themes.forEach((t) => jsStyle(t));\n\n        const variables = Array.from(variablesAccumulator);\n\n        if (variables.length > 0) {\n          componentDescription[elementName] = { variables, dependencies };\n\n          variables.forEach((variableName) => {\n            if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName]) {\n              COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName] = {};\n            }\n\n            const variableNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName];\n            if (!variableNode[componentName]) {\n              variableNode[componentName] = {};\n            }\n\n            const componentNode = variableNode[componentName];\n            if (!componentNode[elementName]) {\n              componentNode[elementName] = {\n                dependencies,\n                variables: [variableName],\n              };\n            } else if (!componentNode[elementName].variables.includes(variableName)) {\n              componentNode[elementName].dependencies = dependencies;\n              componentNode[elementName].variables.push(variableName);\n            }\n\n            const dependenciesList = dependencies[variableName];\n            if (dependenciesList) {\n              dependenciesList.forEach((dependencyName) => {\n                if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName]) {\n                  COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName] = {};\n                }\n\n                const dependencyNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName];\n                if (!dependencyNode[componentName]) {\n                  dependencyNode[componentName] = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName][componentName];\n                }\n              });\n            }\n          });\n        }\n      });\n    });\n\n    COMPONENT_DESCRIPTIONS[componentName] = componentDescription;\n  });\n}\n\nfunction getProxyHandler(accumulator: Set<keyof Theme>, dependencies: VariableDependencies): ProxyHandler<Theme> {\n  let accessLevel = 0;\n  let rootProp = '';\n  function isThemeVariable<T extends Theme>(theme: T, name: keyof T) {\n    return typeof theme[name] === 'string';\n  }\n  return {\n    get(target, prop, receiver) {\n      const propName = prop as keyof Theme;\n      if (isThemeVariable(target, propName)) {\n        ALL_USED_VARIABLES_SET.add(propName);\n        if (accessLevel === 0) {\n          rootProp = propName;\n          accumulator.add(propName);\n        } else if (!dependencies[rootProp]) {\n          dependencies[rootProp] = [propName];\n        } else if (!dependencies[rootProp].includes(propName)) {\n          dependencies[rootProp].push(propName);\n        }\n      }\n\n      accessLevel++;\n      const start = performance.now();\n      const result = Reflect.get(target, prop, receiver);\n      executionTime += performance.now() - start;\n      callsCount++;\n      accessLevel--;\n      return result;\n    },\n  };\n}\n\nexport const ALL_USED_VARIABLES = Array.from(ALL_USED_VARIABLES_SET);\nexport const CALLS_COUNT = callsCount;\nexport const EXECUTION_TIME = executionTime;\n"]}

package/cjs/internal/ZIndex/ZIndex.d.ts

@@ -4,31 +4,29 @@ export interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Приращение к z-index
      */
-    delta: number;
-    priority: number | LayerComponentName;
-    style: React.CSSProperties;
+    delta?: number;
+    priority?: number | LayerComponentName;
+    style?: React.CSSProperties;
     createStackingContext?: boolean;
     coverChildren?: boolean;
     applyZIndex?: boolean;
     className?: string;
     wrapperRef?: React.Ref<HTMLDivElement> | undefined | null;
 }
+declare type DefaultProps = Required<Pick<ZIndexProps, 'delta' | 'priority' | 'style' | 'applyZIndex' | 'coverChildren' | 'createStackingContext'>>;
 export declare class ZIndex extends React.Component<ZIndexProps> {
     static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        delta: number;
-        priority: number;
-        style: {};
-        applyZIndex: boolean;
-        coverChildren: boolean;
-        createStackingContext: boolean;
-    };
+    static defaultProps: DefaultProps;
+    private getProps;
     static propTypes: {
         delta(props: ZIndexProps): Error | undefined;
     };
     private zIndex;
+    private setRootNode;
     constructor(props: ZIndexProps);
     componentWillUnmount(): void;
     render(): JSX.Element;
+    private wrapperRef;
     private calcZIndex;
 }
+export {};

package/cjs/internal/ZIndex/ZIndex.js

@@ -1,8 +1,11 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ZIndex = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
+var _callChildRef = require("../../lib/callChildRef/callChildRef");
+var _rootNode = require("../../lib/rootNode");
 var _client = require("../../lib/client");
+var _createPropsGetter = require("../../lib/createPropsGetter");
 
-var _ZIndexStorage = require("./ZIndexStorage");
+var _ZIndexStorage = require("./ZIndexStorage");var _excluded = ["style", "children", "delta", "priority", "applyZIndex", "coverChildren", "createStackingContext", "wrapperRef"];var _class, _class2, _temp;
 
 var ZIndexContext = /*#__PURE__*/_react.default.createContext({ parentLayerZIndex: 0, maxZIndex: Infinity });
 
@@ -22,7 +25,16 @@ ZIndexContext.displayName = 'ZIndexContext';var
 
 
 
-ZIndex = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(ZIndex, _React$Component);
+
+
+
+
+
+ZIndex = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(ZIndex, _React$Component);
+
+
+
+
 
 
 
@@ -48,15 +60,32 @@ ZIndex = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
 
 
   function ZIndex(props) {var _this;
-    _this = _React$Component.call(this, props) || this;_this.zIndex = 0;
-    _this.zIndex = (0, _ZIndexStorage.incrementZIndex)(props.priority, props.delta);return _this;
-  }var _proto = ZIndex.prototype;_proto.
+    _this = _React$Component.call(this, props) || this;_this.getProps = (0, _createPropsGetter.createPropsGetter)(ZIndex.defaultProps);_this.zIndex = 0;_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
-  componentWillUnmount = function componentWillUnmount() {
-    (0, _ZIndexStorage.removeZIndex)(this.zIndex);
-  };_proto.
 
-  render = function render() {var _this2 = this;var _this$props =
 
 
 
@@ -67,42 +96,24 @@ ZIndex = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
 
 
 
-    this.props,style = _this$props.style,children = _this$props.children,delta = _this$props.delta,priority = _this$props.priority,applyZIndex = _this$props.applyZIndex,coverChildren = _this$props.coverChildren,createStackingContext = _this$props.createStackingContext,wrapperRef = _this$props.wrapperRef,props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, ["style", "children", "delta", "priority", "applyZIndex", "coverChildren", "createStackingContext", "wrapperRef"]);
 
-    var wrapperStyle = {};
 
-    return /*#__PURE__*/(
-      _react.default.createElement(ZIndexContext.Consumer, null,
-      function (_ref) {var parentLayerZIndex = _ref.parentLayerZIndex,maxZIndex = _ref.maxZIndex;
-        var zIndexContexValue = { parentLayerZIndex: parentLayerZIndex, maxZIndex: maxZIndex };
 
-        if (applyZIndex) {
-          var newZIndex = _this2.calcZIndex(parentLayerZIndex, maxZIndex);
-          wrapperStyle.zIndex = newZIndex;
 
-          zIndexContexValue = coverChildren ?
-          { parentLayerZIndex: parentLayerZIndex, maxZIndex: newZIndex } :
-          { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };
 
-          if (createStackingContext) {
-            _client.isBrowser && 'isolation' in document.body.style ?
-            wrapperStyle.isolation = 'isolate' :
-            wrapperStyle.transform = 'rotate(0)';
-          }
-        }
 
-        return /*#__PURE__*/(
-          _react.default.createElement(ZIndexContext.Provider, { value: zIndexContexValue }, /*#__PURE__*/
-          _react.default.createElement("div", (0, _extends2.default)({ style: (0, _extends2.default)({}, style, wrapperStyle), ref: wrapperRef }, props),
-          children)));
 
 
 
-      }));
 
 
-  };_proto.
 
+    wrapperRef = function (element) {
+      var wrapperRef = _this.props.wrapperRef;
+      _this.setRootNode(element);
+      wrapperRef && (0, _callChildRef.callChildRef)(wrapperRef, element);
+    };_this.zIndex = (0, _ZIndexStorage.incrementZIndex)(_this.getProps().priority, _this.getProps().delta);return _this;}var _proto = ZIndex.prototype;_proto.componentWillUnmount = function componentWillUnmount() {(0, _ZIndexStorage.removeZIndex)(this.zIndex);};_proto.render = function render() {var _this2 = this; // TODO: Enable this rule in functional components.
+    /* eslint-disable @typescript-eslint/no-unused-vars */var _this$getProps = this.getProps(),style = _this$getProps.style,children = _this$getProps.children,delta = _this$getProps.delta,priority = _this$getProps.priority,applyZIndex = _this$getProps.applyZIndex,coverChildren = _this$getProps.coverChildren,createStackingContext = _this$getProps.createStackingContext,wrapperRef = _this$getProps.wrapperRef,rest = (0, _objectWithoutPropertiesLoose2.default)(_this$getProps, _excluded);var wrapperStyle = {};return /*#__PURE__*/_react.default.createElement(ZIndexContext.Consumer, null, function (_ref) {var parentLayerZIndex = _ref.parentLayerZIndex,maxZIndex = _ref.maxZIndex;var zIndexContexValue = { parentLayerZIndex: parentLayerZIndex, maxZIndex: maxZIndex };if (applyZIndex) {var newZIndex = _this2.calcZIndex(parentLayerZIndex, maxZIndex);wrapperStyle.zIndex = newZIndex;zIndexContexValue = coverChildren ? { parentLayerZIndex: parentLayerZIndex, maxZIndex: newZIndex } : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };if (createStackingContext) {_client.isBrowser && 'isolation' in document.body.style ? wrapperStyle.isolation = 'isolate' : wrapperStyle.transform = 'rotate(0)';}}return /*#__PURE__*/_react.default.createElement(ZIndexContext.Provider, { value: zIndexContexValue }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({ style: (0, _extends2.default)({}, style, wrapperStyle), ref: _this2.wrapperRef }, rest), children));});};_proto.
   calcZIndex = function calcZIndex(parentLayerZIndex, maxZIndex) {
     var newZIndex = this.zIndex;
 
@@ -115,4 +126,4 @@ ZIndex = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
     newZIndex += parentLayerZIndex;
 
     return newZIndex;
-  };return ZIndex;}(_react.default.Component);exports.ZIndex = ZIndex;ZIndex.__KONTUR_REACT_UI__ = 'ZIndex';ZIndex.defaultProps = { delta: 10, priority: 0, style: {}, applyZIndex: true, coverChildren: false, createStackingContext: false };ZIndex.propTypes = { delta: function delta(props) {if (props.delta <= 0) {return new Error("[ZIndex]: Prop 'delta' must be greater than 0, received " + props.delta);}if (Math.trunc(props.delta) !== props.delta) {return new Error("[ZIndex]: Prop 'delta' must be integer, received " + props.delta);}} };
+  };return ZIndex;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'ZIndex', _class2.defaultProps = { delta: 10, priority: 0, style: {}, applyZIndex: true, coverChildren: false, createStackingContext: false }, _class2.propTypes = { delta: function delta(props) {if ((props.delta || _class2.defaultProps.delta) <= 0) {return new Error("[ZIndex]: Prop 'delta' must be greater than 0, received " + props.delta);}if (Math.trunc(props.delta || _class2.defaultProps.delta) !== props.delta) {return new Error("[ZIndex]: Prop 'delta' must be integer, received " + props.delta);}} }, _temp)) || _class;exports.ZIndex = ZIndex;

package/cjs/internal/ZIndex/ZIndex.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ZIndex.tsx"],"names":["ZIndexContext","React","createContext","parentLayerZIndex","maxZIndex","Infinity","displayName","ZIndex","props","zIndex","priority","delta","componentWillUnmount","render","style","children","applyZIndex","coverChildren","createStackingContext","wrapperRef","wrapperStyle","zIndexContexValue","newZIndex","calcZIndex","Number","isFinite","isBrowser","document","body","isolation","transform","allowedValuesIntervalLength","scale","upperBorder","Math","ceil","Component","__KONTUR_REACT_UI__","defaultProps","propTypes","Error","trunc"],"mappings":"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","sourcesContent":["import React from 'react';\r\n\r\nimport { isBrowser } from '../../lib/client';\r\n\r\nimport { incrementZIndex, removeZIndex, upperBorder, LayerComponentName } from './ZIndexStorage';\r\n\r\nconst ZIndexContext = React.createContext({ parentLayerZIndex: 0, maxZIndex: Infinity });\r\n\r\nZIndexContext.displayName = 'ZIndexContext';\r\n\r\nexport interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Приращение к z-index\r\n   */\r\n  delta: number;\r\n  priority: number | LayerComponentName;\r\n  style: React.CSSProperties;\r\n  createStackingContext?: boolean;\r\n  coverChildren?: boolean;\r\n  applyZIndex?: boolean;\r\n  className?: string;\r\n  wrapperRef?: React.Ref<HTMLDivElement> | undefined | null;\r\n}\r\n\r\nexport class ZIndex extends React.Component<ZIndexProps> {\r\n  public static __KONTUR_REACT_UI__ = 'ZIndex';\r\n\r\n  public static defaultProps = {\r\n    delta: 10,\r\n    priority: 0,\r\n    style: {},\r\n    applyZIndex: true,\r\n    coverChildren: false,\r\n    createStackingContext: false,\r\n  };\r\n\r\n  public static propTypes = {\r\n    delta(props: ZIndexProps) {\r\n      if (props.delta <= 0) {\r\n        return new Error(`[ZIndex]: Prop 'delta' must be greater than 0, received ${props.delta}`);\r\n      }\r\n      if (Math.trunc(props.delta) !== props.delta) {\r\n        return new Error(`[ZIndex]: Prop 'delta' must be integer, received ${props.delta}`);\r\n      }\r\n    },\r\n  };\r\n\r\n  private zIndex = 0;\r\n\r\n  constructor(props: ZIndexProps) {\r\n    super(props);\r\n    this.zIndex = incrementZIndex(props.priority, props.delta);\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    removeZIndex(this.zIndex);\r\n  }\r\n\r\n  public render() {\r\n    const {\r\n      style,\r\n      children,\r\n      delta,\r\n      priority,\r\n      applyZIndex,\r\n      coverChildren,\r\n      createStackingContext,\r\n      wrapperRef,\r\n      ...props\r\n    } = this.props;\r\n\r\n    const wrapperStyle: React.CSSProperties = {};\r\n\r\n    return (\r\n      <ZIndexContext.Consumer>\r\n        {({ parentLayerZIndex, maxZIndex }) => {\r\n          let zIndexContexValue = { parentLayerZIndex, maxZIndex };\r\n\r\n          if (applyZIndex) {\r\n            const newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\r\n            wrapperStyle.zIndex = newZIndex;\r\n\r\n            zIndexContexValue = coverChildren\r\n              ? { parentLayerZIndex, maxZIndex: newZIndex }\r\n              : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };\r\n\r\n            if (createStackingContext) {\r\n              isBrowser && 'isolation' in document.body.style\r\n                ? (wrapperStyle.isolation = 'isolate')\r\n                : (wrapperStyle.transform = 'rotate(0)');\r\n            }\r\n          }\r\n\r\n          return (\r\n            <ZIndexContext.Provider value={zIndexContexValue}>\r\n              <div style={{ ...style, ...wrapperStyle }} ref={wrapperRef} {...props}>\r\n                {children}\r\n              </div>\r\n            </ZIndexContext.Provider>\r\n          );\r\n        }}\r\n      </ZIndexContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private calcZIndex(parentLayerZIndex: number, maxZIndex: number) {\r\n    let newZIndex = this.zIndex;\r\n\r\n    if (Number.isFinite(maxZIndex)) {\r\n      const allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;\r\n      const scale = upperBorder / allowedValuesIntervalLength;\r\n      newZIndex = Math.ceil(newZIndex / scale);\r\n    }\r\n\r\n    newZIndex += parentLayerZIndex;\r\n\r\n    return newZIndex;\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["ZIndex.tsx"],"names":["ZIndexContext","React","createContext","parentLayerZIndex","maxZIndex","Infinity","displayName","ZIndex","rootNode","props","getProps","defaultProps","zIndex","wrapperRef","element","setRootNode","priority","delta","componentWillUnmount","render","style","children","applyZIndex","coverChildren","createStackingContext","rest","wrapperStyle","zIndexContexValue","newZIndex","calcZIndex","Number","isFinite","isBrowser","document","body","isolation","transform","allowedValuesIntervalLength","scale","upperBorder","Math","ceil","Component","__KONTUR_REACT_UI__","propTypes","Error","trunc"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isBrowser } from '../../lib/client';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { incrementZIndex, removeZIndex, upperBorder, LayerComponentName } from './ZIndexStorage';\n\nconst ZIndexContext = React.createContext({ parentLayerZIndex: 0, maxZIndex: Infinity });\n\nZIndexContext.displayName = 'ZIndexContext';\n\nexport interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Приращение к z-index\n   */\n  delta?: number;\n  priority?: number | LayerComponentName;\n  style?: React.CSSProperties;\n  createStackingContext?: boolean;\n  coverChildren?: boolean;\n  applyZIndex?: boolean;\n  className?: string;\n  wrapperRef?: React.Ref<HTMLDivElement> | undefined | null;\n}\n\ntype DefaultProps = Required<\n  Pick<ZIndexProps, 'delta' | 'priority' | 'style' | 'applyZIndex' | 'coverChildren' | 'createStackingContext'>\n>;\n\n@rootNode\nexport class ZIndex extends React.Component<ZIndexProps> {\n  public static __KONTUR_REACT_UI__ = 'ZIndex';\n\n  public static defaultProps: DefaultProps = {\n    delta: 10,\n    priority: 0,\n    style: {},\n    applyZIndex: true,\n    coverChildren: false,\n    createStackingContext: false,\n  };\n\n  private getProps = createPropsGetter(ZIndex.defaultProps);\n\n  public static propTypes = {\n    delta(props: ZIndexProps) {\n      if ((props.delta || ZIndex.defaultProps.delta) <= 0) {\n        return new Error(`[ZIndex]: Prop 'delta' must be greater than 0, received ${props.delta}`);\n      }\n      if (Math.trunc(props.delta || ZIndex.defaultProps.delta) !== props.delta) {\n        return new Error(`[ZIndex]: Prop 'delta' must be integer, received ${props.delta}`);\n      }\n    },\n  };\n\n  private zIndex = 0;\n\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: ZIndexProps) {\n    super(props);\n    this.zIndex = incrementZIndex(this.getProps().priority, this.getProps().delta);\n  }\n\n  public componentWillUnmount() {\n    removeZIndex(this.zIndex);\n  }\n\n  public render() {\n    // TODO: Enable this rule in functional components.\n    /* eslint-disable @typescript-eslint/no-unused-vars */\n    const { style, children, delta, priority, applyZIndex, coverChildren, createStackingContext, wrapperRef, ...rest } =\n      this.getProps();\n\n    const wrapperStyle: React.CSSProperties = {};\n\n    return (\n      <ZIndexContext.Consumer>\n        {({ parentLayerZIndex, maxZIndex }) => {\n          let zIndexContexValue = { parentLayerZIndex, maxZIndex };\n\n          if (applyZIndex) {\n            const newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\n            wrapperStyle.zIndex = newZIndex;\n\n            zIndexContexValue = coverChildren\n              ? { parentLayerZIndex, maxZIndex: newZIndex }\n              : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };\n\n            if (createStackingContext) {\n              isBrowser && 'isolation' in document.body.style\n                ? (wrapperStyle.isolation = 'isolate')\n                : (wrapperStyle.transform = 'rotate(0)');\n            }\n          }\n\n          return (\n            <ZIndexContext.Provider value={zIndexContexValue}>\n              <div style={{ ...style, ...wrapperStyle }} ref={this.wrapperRef} {...rest}>\n                {children}\n              </div>\n            </ZIndexContext.Provider>\n          );\n        }}\n      </ZIndexContext.Consumer>\n    );\n  }\n\n  private wrapperRef = (element: HTMLDivElement | null) => {\n    const { wrapperRef } = this.props;\n    this.setRootNode(element);\n    wrapperRef && callChildRef(wrapperRef, element);\n  };\n\n  private calcZIndex(parentLayerZIndex: number, maxZIndex: number) {\n    let newZIndex = this.zIndex;\n\n    if (Number.isFinite(maxZIndex)) {\n      const allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;\n      const scale = upperBorder / allowedValuesIntervalLength;\n      newZIndex = Math.ceil(newZIndex / scale);\n    }\n\n    newZIndex += parentLayerZIndex;\n\n    return newZIndex;\n  }\n}\n"]}

package/cjs/internal/ZIndex/ZIndexStorage.d.ts

@@ -1,6 +1,9 @@
+declare type Priority = number | LayerComponentName;
 export declare type LayerComponentName = keyof typeof componentPriorities;
 declare const componentPriorities: {
+    MobilePopup: number;
     Toast: number;
+    GlobalLoader: number;
     Sidepage: number;
     Modal: number;
     Sticky: number;
@@ -13,6 +16,6 @@ declare const componentPriorities: {
     ModalBody: number;
 };
 export declare const upperBorder: number;
-export declare function incrementZIndex(priority: number | LayerComponentName, delta: number): number;
+export declare function incrementZIndex(priority: Priority, delta: number): number;
 export declare function removeZIndex(zIndex: number): void;
 export {};

package/cjs/internal/ZIndex/ZIndexStorage.js

@@ -1,9 +1,20 @@
 "use strict";exports.__esModule = true;exports.incrementZIndex = incrementZIndex;exports.removeZIndex = removeZIndex;exports.upperBorder = void 0;var _SSRSafe = require("../../lib/SSRSafe");
 
 
+var calculatePriority = function calculatePriority(priority) {
+  if (typeof priority === 'string') {
+    return componentPriorities[priority];
+  }
+
+  return priority;
+};
+
+
 
 var componentPriorities = {
+  MobilePopup: 9000,
   Toast: 10000,
+  GlobalLoader: 10,
   Sidepage: 9,
   Modal: 9,
   Sticky: 7,
@@ -24,11 +35,9 @@ var getMaxAllowedValue = function getMaxAllowedValue(priority) {return (priority
 var upperBorder = getMaxAllowedValue(Math.max.apply(Math, Object.values(componentPriorities)));exports.upperBorder = upperBorder;
 
 function incrementZIndex(priority, delta) {
-  if (typeof priority === 'string') {
-    priority = componentPriorities[priority];
-  }
+  var calculatedPriority = calculatePriority(priority);
 
-  var maxAllowedValue = getMaxAllowedValue(priority);
+  var maxAllowedValue = getMaxAllowedValue(calculatedPriority);
   var zIndexes = getZIndexes();
 
   var prevIndexId = zIndexes.length - 1;
@@ -37,9 +46,9 @@ function incrementZIndex(priority, delta) {
   }
 
   var zIndex =
-  getIndexPriority(zIndexes[prevIndexId]) === priority ?
+  getIndexPriority(zIndexes[prevIndexId]) === calculatedPriority ?
   Math.min(zIndexes[prevIndexId] + delta, maxAllowedValue) :
-  priority * priorityStep;
+  calculatedPriority * priorityStep;
 
   zIndexes.push(zIndex);
   zIndexes.sort(function (a, b) {return a - b;});

package/cjs/internal/ZIndex/ZIndexStorage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ZIndexStorage.ts"],"names":["componentPriorities","Toast","Sidepage","Modal","Sticky","DropdownContainer","Popup","Loader","ModalHeader","ModalFooter","ModalCross","ModalBody","priorityStep","getZIndexes","globalThat","__RetailUiZIndexes","getIndexPriority","zIndex","Math","trunc","getMaxAllowedValue","priority","upperBorder","max","Object","values","incrementZIndex","delta","maxAllowedValue","zIndexes","prevIndexId","length","min","push","sort","a","b","removeZIndex","i","indexOf","splice"],"mappings":"kJAAA;;;;AAIA,IAAMA,mBAAmB,GAAG;AAC1BC,EAAAA,KAAK,EAAE,KADmB;AAE1BC,EAAAA,QAAQ,EAAE,CAFgB;AAG1BC,EAAAA,KAAK,EAAE,CAHmB;AAI1BC,EAAAA,MAAM,EAAE,CAJkB;AAK1BC,EAAAA,iBAAiB,EAAE,CALO;AAM1BC,EAAAA,KAAK,EAAE,CANmB;AAO1BC,EAAAA,MAAM,EAAE,CAPkB;AAQ1BC,EAAAA,WAAW,EAAE,CARa;AAS1BC,EAAAA,WAAW,EAAE,CATa;AAU1BC,EAAAA,UAAU,EAAE,CAVc;AAW1BC,EAAAA,SAAS,EAAE,CAXe,EAA5B;;AAaA,IAAMC,YAAY,GAAG,IAArB;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,WAAgBC,oBAAWC,kBAAX,KAAkCD,oBAAWC,kBAAX,GAAgC,CAAC,CAAD,CAAlE,CAAhB,EAApB;AACA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,MAAD,UAAoBC,IAAI,CAACC,KAAL,CAAWF,MAAM,GAAGL,YAApB,CAApB,EAAzB;AACA,IAAMQ,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,QAAD,UAA8B,CAACA,QAAQ,GAAG,CAAZ,IAAiBT,YAAjB,GAAgC,CAA9D,EAA3B;;AAEO,IAAMU,WAAW,GAAGF,kBAAkB,CAACF,IAAI,CAACK,GAAL,OAAAL,IAAI,EAAQM,MAAM,CAACC,MAAP,CAAczB,mBAAd,CAAR,CAAL,CAAtC,C;;AAEA,SAAS0B,eAAT,CAAyBL,QAAzB,EAAgEM,KAAhE,EAAuF;AAC5F,MAAI,OAAON,QAAP,KAAoB,QAAxB,EAAkC;AAChCA,IAAAA,QAAQ,GAAGrB,mBAAmB,CAACqB,QAAD,CAA9B;AACD;;AAED,MAAMO,eAAe,GAAGR,kBAAkB,CAACC,QAAD,CAA1C;AACA,MAAMQ,QAAQ,GAAGhB,WAAW,EAA5B;;AAEA,MAAIiB,WAAW,GAAGD,QAAQ,CAACE,MAAT,GAAkB,CAApC;AACA,SAAOF,QAAQ,CAACC,WAAD,CAAR,GAAwBF,eAAxB,IAA2CE,WAAW,GAAG,CAAhE,EAAmE;AACjEA,IAAAA,WAAW;AACZ;;AAED,MAAMb,MAAM;AACVD,EAAAA,gBAAgB,CAACa,QAAQ,CAACC,WAAD,CAAT,CAAhB,KAA4CT,QAA5C;AACIH,EAAAA,IAAI,CAACc,GAAL,CAASH,QAAQ,CAACC,WAAD,CAAR,GAAwBH,KAAjC,EAAwCC,eAAxC,CADJ;AAEIP,EAAAA,QAAQ,GAAGT,YAHjB;;AAKAiB,EAAAA,QAAQ,CAACI,IAAT,CAAchB,MAAd;AACAY,EAAAA,QAAQ,CAACK,IAAT,CAAc,UAACC,CAAD,EAAIC,CAAJ,UAAUD,CAAC,GAAGC,CAAd,EAAd;AACA,SAAOnB,MAAP;AACD;;AAEM,SAASoB,YAAT,CAAsBpB,MAAtB,EAA4C;AACjD,MAAMY,QAAQ,GAAGhB,WAAW,EAA5B;AACA,MAAMyB,CAAC,GAAGT,QAAQ,CAACU,OAAT,CAAiBtB,MAAjB,CAAV;;AAEA,MAAIqB,CAAC,KAAK,CAAC,CAAX,EAAc;AACZT,IAAAA,QAAQ,CAACW,MAAT,CAAgBF,CAAhB,EAAmB,CAAnB;AACD;AACF","sourcesContent":["import { globalThat } from '../../lib/SSRSafe';\r\n\r\nexport type LayerComponentName = keyof typeof componentPriorities;\r\n\r\nconst componentPriorities = {\r\n  Toast: 10000,\r\n  Sidepage: 9,\r\n  Modal: 9,\r\n  Sticky: 7,\r\n  DropdownContainer: 5,\r\n  Popup: 3,\r\n  Loader: 1,\r\n  ModalHeader: 1,\r\n  ModalFooter: 1,\r\n  ModalCross: 2,\r\n  ModalBody: 0,\r\n};\r\nconst priorityStep = 1000;\r\n\r\nconst getZIndexes = (): number[] => globalThat.__RetailUiZIndexes || (globalThat.__RetailUiZIndexes = [0]);\r\nconst getIndexPriority = (zIndex: number) => Math.trunc(zIndex / priorityStep);\r\nconst getMaxAllowedValue = (priority: number): number => (priority + 1) * priorityStep - 1;\r\n\r\nexport const upperBorder = getMaxAllowedValue(Math.max(...Object.values(componentPriorities)));\r\n\r\nexport function incrementZIndex(priority: number | LayerComponentName, delta: number): number {\r\n  if (typeof priority === 'string') {\r\n    priority = componentPriorities[priority];\r\n  }\r\n\r\n  const maxAllowedValue = getMaxAllowedValue(priority);\r\n  const zIndexes = getZIndexes();\r\n\r\n  let prevIndexId = zIndexes.length - 1;\r\n  while (zIndexes[prevIndexId] > maxAllowedValue && prevIndexId > 0) {\r\n    prevIndexId--;\r\n  }\r\n\r\n  const zIndex =\r\n    getIndexPriority(zIndexes[prevIndexId]) === priority\r\n      ? Math.min(zIndexes[prevIndexId] + delta, maxAllowedValue)\r\n      : priority * priorityStep;\r\n\r\n  zIndexes.push(zIndex);\r\n  zIndexes.sort((a, b) => a - b);\r\n  return zIndex;\r\n}\r\n\r\nexport function removeZIndex(zIndex: number): void {\r\n  const zIndexes = getZIndexes();\r\n  const i = zIndexes.indexOf(zIndex);\r\n\r\n  if (i !== -1) {\r\n    zIndexes.splice(i, 1);\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["ZIndexStorage.ts"],"names":["calculatePriority","priority","componentPriorities","MobilePopup","Toast","GlobalLoader","Sidepage","Modal","Sticky","DropdownContainer","Popup","Loader","ModalHeader","ModalFooter","ModalCross","ModalBody","priorityStep","getZIndexes","globalThat","__RetailUiZIndexes","getIndexPriority","zIndex","Math","trunc","getMaxAllowedValue","upperBorder","max","Object","values","incrementZIndex","delta","calculatedPriority","maxAllowedValue","zIndexes","prevIndexId","length","min","push","sort","a","b","removeZIndex","i","indexOf","splice"],"mappings":"kJAAA;;;AAGA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,QAAD,EAAwB;AAChD,MAAI,OAAOA,QAAP,KAAoB,QAAxB,EAAkC;AAChC,WAAOC,mBAAmB,CAACD,QAAD,CAA1B;AACD;;AAED,SAAOA,QAAP;AACD,CAND;;;;AAUA,IAAMC,mBAAmB,GAAG;AAC1BC,EAAAA,WAAW,EAAE,IADa;AAE1BC,EAAAA,KAAK,EAAE,KAFmB;AAG1BC,EAAAA,YAAY,EAAE,EAHY;AAI1BC,EAAAA,QAAQ,EAAE,CAJgB;AAK1BC,EAAAA,KAAK,EAAE,CALmB;AAM1BC,EAAAA,MAAM,EAAE,CANkB;AAO1BC,EAAAA,iBAAiB,EAAE,CAPO;AAQ1BC,EAAAA,KAAK,EAAE,CARmB;AAS1BC,EAAAA,MAAM,EAAE,CATkB;AAU1BC,EAAAA,WAAW,EAAE,CAVa;AAW1BC,EAAAA,WAAW,EAAE,CAXa;AAY1BC,EAAAA,UAAU,EAAE,CAZc;AAa1BC,EAAAA,SAAS,EAAE,CAbe,EAA5B;;AAeA,IAAMC,YAAY,GAAG,IAArB;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,WAAgBC,oBAAWC,kBAAX,KAAkCD,oBAAWC,kBAAX,GAAgC,CAAC,CAAD,CAAlE,CAAhB,EAApB;AACA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,MAAD,UAAoBC,IAAI,CAACC,KAAL,CAAWF,MAAM,GAAGL,YAApB,CAApB,EAAzB;AACA,IAAMQ,kBAAkB,GAAG,SAArBA,kBAAqB,CAACvB,QAAD,UAA8B,CAACA,QAAQ,GAAG,CAAZ,IAAiBe,YAAjB,GAAgC,CAA9D,EAA3B;;AAEO,IAAMS,WAAW,GAAGD,kBAAkB,CAACF,IAAI,CAACI,GAAL,OAAAJ,IAAI,EAAQK,MAAM,CAACC,MAAP,CAAc1B,mBAAd,CAAR,CAAL,CAAtC,C;;AAEA,SAAS2B,eAAT,CAAyB5B,QAAzB,EAA6C6B,KAA7C,EAAoE;AACzE,MAAMC,kBAAkB,GAAG/B,iBAAiB,CAACC,QAAD,CAA5C;;AAEA,MAAM+B,eAAe,GAAGR,kBAAkB,CAACO,kBAAD,CAA1C;AACA,MAAME,QAAQ,GAAGhB,WAAW,EAA5B;;AAEA,MAAIiB,WAAW,GAAGD,QAAQ,CAACE,MAAT,GAAkB,CAApC;AACA,SAAOF,QAAQ,CAACC,WAAD,CAAR,GAAwBF,eAAxB,IAA2CE,WAAW,GAAG,CAAhE,EAAmE;AACjEA,IAAAA,WAAW;AACZ;;AAED,MAAMb,MAAM;AACVD,EAAAA,gBAAgB,CAACa,QAAQ,CAACC,WAAD,CAAT,CAAhB,KAA4CH,kBAA5C;AACIT,EAAAA,IAAI,CAACc,GAAL,CAASH,QAAQ,CAACC,WAAD,CAAR,GAAwBJ,KAAjC,EAAwCE,eAAxC,CADJ;AAEID,EAAAA,kBAAkB,GAAGf,YAH3B;;AAKAiB,EAAAA,QAAQ,CAACI,IAAT,CAAchB,MAAd;AACAY,EAAAA,QAAQ,CAACK,IAAT,CAAc,UAACC,CAAD,EAAIC,CAAJ,UAAUD,CAAC,GAAGC,CAAd,EAAd;AACA,SAAOnB,MAAP;AACD;;AAEM,SAASoB,YAAT,CAAsBpB,MAAtB,EAA4C;AACjD,MAAMY,QAAQ,GAAGhB,WAAW,EAA5B;AACA,MAAMyB,CAAC,GAAGT,QAAQ,CAACU,OAAT,CAAiBtB,MAAjB,CAAV;;AAEA,MAAIqB,CAAC,KAAK,CAAC,CAAX,EAAc;AACZT,IAAAA,QAAQ,CAACW,MAAT,CAAgBF,CAAhB,EAAmB,CAAnB;AACD;AACF","sourcesContent":["import { globalThat } from '../../lib/SSRSafe';\n\ntype Priority = number | LayerComponentName;\nconst calculatePriority = (priority: Priority) => {\n  if (typeof priority === 'string') {\n    return componentPriorities[priority];\n  }\n\n  return priority;\n};\n\nexport type LayerComponentName = keyof typeof componentPriorities;\n\nconst componentPriorities = {\n  MobilePopup: 9000,\n  Toast: 10000,\n  GlobalLoader: 10,\n  Sidepage: 9,\n  Modal: 9,\n  Sticky: 7,\n  DropdownContainer: 5,\n  Popup: 3,\n  Loader: 1,\n  ModalHeader: 1,\n  ModalFooter: 1,\n  ModalCross: 2,\n  ModalBody: 0,\n};\nconst priorityStep = 1000;\n\nconst getZIndexes = (): number[] => globalThat.__RetailUiZIndexes || (globalThat.__RetailUiZIndexes = [0]);\nconst getIndexPriority = (zIndex: number) => Math.trunc(zIndex / priorityStep);\nconst getMaxAllowedValue = (priority: number): number => (priority + 1) * priorityStep - 1;\n\nexport const upperBorder = getMaxAllowedValue(Math.max(...Object.values(componentPriorities)));\n\nexport function incrementZIndex(priority: Priority, delta: number): number {\n  const calculatedPriority = calculatePriority(priority);\n\n  const maxAllowedValue = getMaxAllowedValue(calculatedPriority);\n  const zIndexes = getZIndexes();\n\n  let prevIndexId = zIndexes.length - 1;\n  while (zIndexes[prevIndexId] > maxAllowedValue && prevIndexId > 0) {\n    prevIndexId--;\n  }\n\n  const zIndex =\n    getIndexPriority(zIndexes[prevIndexId]) === calculatedPriority\n      ? Math.min(zIndexes[prevIndexId] + delta, maxAllowedValue)\n      : calculatedPriority * priorityStep;\n\n  zIndexes.push(zIndex);\n  zIndexes.sort((a, b) => a - b);\n  return zIndex;\n}\n\nexport function removeZIndex(zIndex: number): void {\n  const zIndexes = getZIndexes();\n  const i = zIndexes.indexOf(zIndex);\n\n  if (i !== -1) {\n    zIndexes.splice(i, 1);\n  }\n}\n"]}

package/cjs/internal/ZIndex/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './ZIndex';\r\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './ZIndex';\n"]}

package/cjs/internal/icons/16px/icon.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const jsStyles: {
+export declare const styles: {
     root(): string;
     icon(): string;
 };

package/cjs/internal/icons/16px/icon.styles.js

@@ -1,6 +1,6 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../../lib/theming/Emotion");var _templateObject, _templateObject2;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../../lib/theming/Emotion");var _templateObject, _templateObject2;
 
-var styles = {
+var styles = (0, _Emotion.memoizeStyle)({
   root: function root() {
     return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      margin-left: -0.0714285714285714em;\n      margin-right: -0.0714285714285714em;\n    "])));
 
@@ -15,7 +15,4 @@ var styles = {
 
 
 
-  } };
-
-
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

package/cjs/internal/icons/16px/icon.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["icon.styles.ts"],"names":["styles","root","css","icon","jsStyles"],"mappings":"8QAAA,uD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,eAAOC,YAAP;;;;;AAKD,GAPY;;AASbC,EAAAA,IATa,kBASN;AACL,eAAOD,YAAP;;;;;AAKD,GAfY,EAAf;;;AAkBO,IAAME,QAAQ,GAAG,2BAAaJ,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  root() {\r\n    return css`\r\n      display: inline-block;\r\n      margin-left: -0.0714285714285714em;\r\n      margin-right: -0.0714285714285714em;\r\n    `;\r\n  },\r\n\r\n  icon() {\r\n    return css`\r\n      height: 1.1428571428571428em;\r\n      width: 1.1428571428571428em;\r\n      margin-bottom: -0.1428571428571428em;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["icon.styles.ts"],"names":["styles","root","css","icon"],"mappings":"4QAAA,uD;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,kBAC1B;AACL,eAAOC,YAAP;;;;;AAKD,GAPgC;;AASjCC,EAAAA,IATiC,kBAS1B;AACL,eAAOD,YAAP;;;;;AAKD,GAfgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-block;\n      margin-left: -0.0714285714285714em;\n      margin-right: -0.0714285714285714em;\n    `;\n  },\n\n  icon() {\n    return css`\n      height: 1.1428571428571428em;\n      width: 1.1428571428571428em;\n      margin-bottom: -0.1428571428571428em;\n    `;\n  },\n});\n"]}

package/cjs/internal/icons/16px/index.d.ts

@@ -2,20 +2,24 @@ import React from 'react';
 export interface SvgIconProps extends React.HTMLAttributes<HTMLSpanElement> {
     color?: string;
     size?: string | number;
+    ref?: any;
 }
-export declare const ArrowChevronDownIcon: (props: SvgIconProps) => JSX.Element;
-export declare const ArrowChevronUpIcon: (props: SvgIconProps) => JSX.Element;
-export declare const ArrowChevronRightIcon: (props: SvgIconProps) => JSX.Element;
-export declare const ArrowTriangleDownIcon: (props: SvgIconProps) => JSX.Element;
-export declare const ArrowTriangleUpIcon: (props: SvgIconProps) => JSX.Element;
-export declare const ArrowTriangleUpDownIcon: (props: SvgIconProps) => JSX.Element;
-export declare const CalendarIcon: (props: SvgIconProps) => JSX.Element;
-export declare const EditIcon: (props: SvgIconProps) => JSX.Element;
-export declare const EyeClosedIcon: (props: SvgIconProps) => JSX.Element;
-export declare const EyeOpenedIcon: (props: SvgIconProps) => JSX.Element;
-export declare const FunctionIcon: (props: SvgIconProps) => JSX.Element;
-export declare const MenuKebabIcon: (props: SvgIconProps) => JSX.Element;
-export declare const OkIcon: (props: SvgIconProps) => JSX.Element;
-export declare const SquareIcon: (props: SvgIconProps) => JSX.Element;
-export declare const UndoIcon: (props: SvgIconProps) => JSX.Element;
-export declare const HelpDotIcon: (props: SvgIconProps) => JSX.Element;
+export declare const ArrowChevronDownIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
+export declare const ArrowChevronUpIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
+export declare const ArrowChevronRightIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
+export declare const ArrowTriangleDownIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
+export declare const ArrowTriangleUpIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
+export declare const ArrowTriangleUpDownIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
+export declare const CalendarIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
+export declare const EditIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
+export declare const EyeClosedIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
+export declare const EyeOpenedIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
+export declare const FunctionIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
+export declare const MenuKebabIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
+export declare const OkIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
+export declare const SquareIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
+export declare const UndoIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
+export declare const HelpDotIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
+export declare const ErrorIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
+export declare const DeleteIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
+export declare const UploadIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;