@skbkontur/react-ui 0.0.0-ecefada396 → 0.0.0-ee57da3e1e

package/internal/ZIndex/ZIndex/ZIndex.js

@@ -1,51 +1,88 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _excluded = ["style", "children", "delta", "priority", "applyZIndex", "coverChildren", "createStackingContext", "wrapperRef", "useWrapper"];
+
+var _class, _class2, _temp;
+
 import React from 'react';
+import { callChildRef } from "../../../lib/callChildRef/callChildRef";
+import { rootNode } from "../../../lib/rootNode";
 import { isBrowser } from "../../../lib/client";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { incrementZIndex, removeZIndex, upperBorder } from "../ZIndexStorage";
 var ZIndexContext = /*#__PURE__*/React.createContext({
   parentLayerZIndex: 0,
   maxZIndex: Infinity
 });
 ZIndexContext.displayName = 'ZIndexContext';
-export var ZIndex = /*#__PURE__*/function (_React$Component) {
+export var ZIndex = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(ZIndex, _React$Component);
 
   function ZIndex(props) {
     var _this;
 
     _this = _React$Component.call(this, props) || this;
-    _this.zIndex = 0;
-    _this.zIndex = incrementZIndex(props.priority, props.delta);
+    _this.state = {
+      zIndex: 0
+    };
+    _this.getProps = createPropsGetter(ZIndex.defaultProps);
+
+    _this.wrapperRef = function (element) {
+      var wrapperRef = _this.props.wrapperRef;
+
+      _this.setRootNode(element);
+
+      wrapperRef && callChildRef(wrapperRef, element);
+    };
+
+    _this.increment = function () {
+      var _this$getProps = _this.getProps(),
+          priority = _this$getProps.priority,
+          delta = _this$getProps.delta;
+
+      return incrementZIndex(priority, delta);
+    };
+
+    _this.state.zIndex = _this.increment();
     return _this;
   }
 
   var _proto = ZIndex.prototype;
 
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    if (prevProps.priority !== this.props.priority || prevProps.delta !== this.props.delta) {
+      removeZIndex(this.state.zIndex);
+      this.setState({
+        zIndex: this.increment()
+      });
+    }
+  };
+
   _proto.componentWillUnmount = function componentWillUnmount() {
-    removeZIndex(this.zIndex);
+    removeZIndex(this.state.zIndex);
   };
 
   _proto.render = function render() {
     var _this2 = this;
 
-    var _this$props = 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 = _objectWithoutPropertiesLoose(_this$props, ["style", "children", "delta", "priority", "applyZIndex", "coverChildren", "createStackingContext", "wrapperRef"]);
+    var _this$getProps2 = this.getProps(),
+        style = _this$getProps2.style,
+        children = _this$getProps2.children,
+        delta = _this$getProps2.delta,
+        priority = _this$getProps2.priority,
+        applyZIndex = _this$getProps2.applyZIndex,
+        coverChildren = _this$getProps2.coverChildren,
+        createStackingContext = _this$getProps2.createStackingContext,
+        wrapperRef = _this$getProps2.wrapperRef,
+        useWrapper = _this$getProps2.useWrapper,
+        rest = _objectWithoutPropertiesLoose(_this$getProps2, _excluded);
 
     var wrapperStyle = {};
     return /*#__PURE__*/React.createElement(ZIndexContext.Consumer, null, function (_ref) {
       var parentLayerZIndex = _ref.parentLayerZIndex,
           maxZIndex = _ref.maxZIndex;
-      var zIndexContexValue = {
+      var zIndexContextValue = {
         parentLayerZIndex: parentLayerZIndex,
         maxZIndex: maxZIndex
       };
@@ -54,7 +91,7 @@ export var ZIndex = /*#__PURE__*/function (_React$Component) {
         var newZIndex = _this2.calcZIndex(parentLayerZIndex, maxZIndex);
 
         wrapperStyle.zIndex = newZIndex;
-        zIndexContexValue = coverChildren ? {
+        zIndexContextValue = coverChildren ? {
           parentLayerZIndex: parentLayerZIndex,
           maxZIndex: newZIndex
         } : {
@@ -67,17 +104,18 @@ export var ZIndex = /*#__PURE__*/function (_React$Component) {
         }
       }
 
-      return /*#__PURE__*/React.createElement(ZIndexContext.Provider, {
-        value: zIndexContexValue
-      }, /*#__PURE__*/React.createElement("div", _extends({
+      var child = !useWrapper ? children : /*#__PURE__*/React.createElement("div", _extends({
         style: _extends({}, style, wrapperStyle),
-        ref: wrapperRef
-      }, props), children));
+        ref: _this2.wrapperRef
+      }, rest), children);
+      return /*#__PURE__*/React.createElement(ZIndexContext.Provider, {
+        value: zIndexContextValue
+      }, child);
     });
   };
 
   _proto.calcZIndex = function calcZIndex(parentLayerZIndex, maxZIndex) {
-    var newZIndex = this.zIndex;
+    var newZIndex = this.state.zIndex;
 
     if (Number.isFinite(maxZIndex)) {
       var allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;
@@ -90,24 +128,22 @@ export var ZIndex = /*#__PURE__*/function (_React$Component) {
   };
 
   return ZIndex;
-}(React.Component);
-ZIndex.__KONTUR_REACT_UI__ = 'ZIndex';
-ZIndex.defaultProps = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'ZIndex', _class2.defaultProps = {
   delta: 10,
   priority: 0,
   style: {},
   applyZIndex: true,
   coverChildren: false,
-  createStackingContext: false
-};
-ZIndex.propTypes = {
+  createStackingContext: false,
+  useWrapper: true
+}, _class2.propTypes = {
   delta: function delta(props) {
-    if (props.delta <= 0) {
+    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) !== 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;

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

@@ -1 +1 @@
-{"version":3,"sources":["ZIndex.tsx"],"names":["React","isBrowser","incrementZIndex","removeZIndex","upperBorder","ZIndexContext","createContext","parentLayerZIndex","maxZIndex","Infinity","displayName","ZIndex","props","zIndex","priority","delta","componentWillUnmount","render","style","children","applyZIndex","coverChildren","createStackingContext","wrapperRef","wrapperStyle","zIndexContexValue","newZIndex","calcZIndex","Number","isFinite","document","body","isolation","transform","allowedValuesIntervalLength","scale","Math","ceil","Component","__KONTUR_REACT_UI__","defaultProps","propTypes","Error","trunc"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { isBrowser } from '../../lib/client';\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\nexport class ZIndex extends React.Component<ZIndexProps> {\n  public static __KONTUR_REACT_UI__ = 'ZIndex';\n\n  public static defaultProps = {\n    delta: 10,\n    priority: 0,\n    style: {},\n    applyZIndex: true,\n    coverChildren: false,\n    createStackingContext: false,\n  };\n\n  public static propTypes = {\n    delta(props: ZIndexProps) {\n      if (props.delta <= 0) {\n        return new Error(`[ZIndex]: Prop 'delta' must be greater than 0, received ${props.delta}`);\n      }\n      if (Math.trunc(props.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  constructor(props: ZIndexProps) {\n    super(props);\n    this.zIndex = incrementZIndex(props.priority, props.delta);\n  }\n\n  public componentWillUnmount() {\n    removeZIndex(this.zIndex);\n  }\n\n  public render() {\n    const {\n      style,\n      children,\n      delta,\n      priority,\n      applyZIndex,\n      coverChildren,\n      createStackingContext,\n      wrapperRef,\n      ...props\n    } = this.props;\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={wrapperRef} {...props}>\n                {children}\n              </div>\n            </ZIndexContext.Provider>\n          );\n        }}\n      </ZIndexContext.Consumer>\n    );\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"]}
+{"version":3,"sources":["ZIndex.tsx"],"names":["React","callChildRef","rootNode","isBrowser","createPropsGetter","incrementZIndex","removeZIndex","upperBorder","ZIndexContext","createContext","parentLayerZIndex","maxZIndex","Infinity","displayName","ZIndex","props","state","zIndex","getProps","defaultProps","wrapperRef","element","setRootNode","increment","priority","delta","componentDidUpdate","prevProps","setState","componentWillUnmount","render","style","children","applyZIndex","coverChildren","createStackingContext","useWrapper","rest","wrapperStyle","zIndexContextValue","newZIndex","calcZIndex","Number","isFinite","document","body","isolation","transform","child","allowedValuesIntervalLength","scale","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  /**\n   * Явно указывает, что вложенные элементы должны быть обёрнуты в `<div/>`.\n   * Для случаев, когда необходимо задать **только** контекст для области.\n   *\n   * @default true\n   */\n  useWrapper?: boolean;\n}\n\ntype DefaultProps = Required<\n  Pick<\n    ZIndexProps,\n    'delta' | 'priority' | 'style' | 'applyZIndex' | 'coverChildren' | 'createStackingContext' | 'useWrapper'\n  >\n>;\n\ninterface ZIndexState {\n  zIndex: number;\n}\n\n@rootNode\nexport class ZIndex extends React.Component<ZIndexProps, ZIndexState> {\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    useWrapper: true,\n  };\n\n  public state = {\n    zIndex: 0,\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 setRootNode!: TSetRootNode;\n\n  constructor(props: ZIndexProps) {\n    super(props);\n    this.state.zIndex = this.increment();\n  }\n\n  public componentDidUpdate(prevProps: Readonly<ZIndexProps>) {\n    if (prevProps.priority !== this.props.priority || prevProps.delta !== this.props.delta) {\n      removeZIndex(this.state.zIndex);\n      this.setState({ zIndex: this.increment() });\n    }\n  }\n\n  public componentWillUnmount() {\n    removeZIndex(this.state.zIndex);\n  }\n\n  public render() {\n    const {\n      style,\n      children,\n      delta,\n      priority,\n      applyZIndex,\n      coverChildren,\n      createStackingContext,\n      wrapperRef,\n      useWrapper,\n      ...rest\n    } = this.getProps();\n\n    const wrapperStyle: React.CSSProperties = {};\n\n    return (\n      <ZIndexContext.Consumer>\n        {({ parentLayerZIndex, maxZIndex }) => {\n          let zIndexContextValue = { parentLayerZIndex, maxZIndex };\n\n          if (applyZIndex) {\n            const newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\n            wrapperStyle.zIndex = newZIndex;\n\n            zIndexContextValue = 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          const child = !useWrapper ? (\n            children\n          ) : (\n            <div style={{ ...style, ...wrapperStyle }} ref={this.wrapperRef} {...rest}>\n              {children}\n            </div>\n          );\n\n          return <ZIndexContext.Provider value={zIndexContextValue}>{child}</ZIndexContext.Provider>;\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.state.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  private increment = () => {\n    const { priority, delta } = this.getProps();\n\n    return incrementZIndex(priority, delta);\n  };\n}\n"]}

package/internal/ZIndex/ZIndex.d.ts

@@ -4,31 +4,43 @@ 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;
+    /**
+     * Явно указывает, что вложенные элементы должны быть обёрнуты в `<div/>`.
+     * Для случаев, когда необходимо задать **только** контекст для области.
+     *
+     * @default true
+     */
+    useWrapper?: boolean;
+}
+declare type DefaultProps = Required<Pick<ZIndexProps, 'delta' | 'priority' | 'style' | 'applyZIndex' | 'coverChildren' | 'createStackingContext' | 'useWrapper'>>;
+interface ZIndexState {
+    zIndex: number;
 }
-export declare class ZIndex extends React.Component<ZIndexProps> {
+export declare class ZIndex extends React.Component<ZIndexProps, ZIndexState> {
     static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        delta: number;
-        priority: number;
-        style: {};
-        applyZIndex: boolean;
-        coverChildren: boolean;
-        createStackingContext: boolean;
+    static defaultProps: DefaultProps;
+    state: {
+        zIndex: number;
     };
+    private getProps;
     static propTypes: {
         delta(props: ZIndexProps): Error | undefined;
     };
-    private zIndex;
+    private setRootNode;
     constructor(props: ZIndexProps);
+    componentDidUpdate(prevProps: Readonly<ZIndexProps>): void;
     componentWillUnmount(): void;
     render(): JSX.Element;
+    private wrapperRef;
     private calcZIndex;
+    private increment;
 }
+export {};

package/internal/ZIndex/ZIndexStorage/ZIndexStorage.js

@@ -1,17 +1,22 @@
 import { globalThat } from "../../../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,
   DropdownContainer: 5,
-  Popup: 3,
-  Loader: 1,
-  ModalHeader: 1,
-  ModalFooter: 1,
-  ModalCross: 2,
-  ModalBody: 0
+  Popup: 3
 };
 var priorityStep = 1000;
 
@@ -29,11 +34,8 @@ var getMaxAllowedValue = function getMaxAllowedValue(priority) {
 
 export var upperBorder = getMaxAllowedValue(Math.max.apply(Math, Object.values(componentPriorities)));
 export function incrementZIndex(priority, delta) {
-  if (typeof priority === 'string') {
-    priority = componentPriorities[priority];
-  }
-
-  var maxAllowedValue = getMaxAllowedValue(priority);
+  var calculatedPriority = calculatePriority(priority);
+  var maxAllowedValue = getMaxAllowedValue(calculatedPriority);
   var zIndexes = getZIndexes();
   var prevIndexId = zIndexes.length - 1;
 
@@ -41,7 +43,7 @@ export function incrementZIndex(priority, delta) {
     prevIndexId--;
   }
 
-  var zIndex = getIndexPriority(zIndexes[prevIndexId]) === priority ? Math.min(zIndexes[prevIndexId] + delta, maxAllowedValue) : priority * priorityStep;
+  var zIndex = getIndexPriority(zIndexes[prevIndexId]) === calculatedPriority ? Math.min(zIndexes[prevIndexId] + delta, maxAllowedValue) : calculatedPriority * priorityStep;
   zIndexes.push(zIndex);
   zIndexes.sort(function (a, b) {
     return a - b;

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

@@ -1 +1 @@
-{"version":3,"sources":["ZIndexStorage.ts"],"names":["globalThat","componentPriorities","MobilePopup","Toast","Sidepage","Modal","Sticky","DropdownContainer","Popup","Loader","ModalHeader","ModalFooter","ModalCross","ModalBody","priorityStep","getZIndexes","__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":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;;;;AAIA,IAAMC,mBAAmB,GAAG;AAC1BC,EAAAA,WAAW,EAAE,IADa;AAE1BC,EAAAA,KAAK,EAAE,KAFmB;AAG1BC,EAAAA,QAAQ,EAAE,CAHgB;AAI1BC,EAAAA,KAAK,EAAE,CAJmB;AAK1BC,EAAAA,MAAM,EAAE,CALkB;AAM1BC,EAAAA,iBAAiB,EAAE,CANO;AAO1BC,EAAAA,KAAK,EAAE,CAPmB;AAQ1BC,EAAAA,MAAM,EAAE,CARkB;AAS1BC,EAAAA,WAAW,EAAE,CATa;AAU1BC,EAAAA,WAAW,EAAE,CAVa;AAW1BC,EAAAA,UAAU,EAAE,CAXc;AAY1BC,EAAAA,SAAS,EAAE,CAZe,EAA5B;;AAcA,IAAMC,YAAY,GAAG,IAArB;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,WAAgBf,UAAU,CAACgB,kBAAX,KAAkChB,UAAU,CAACgB,kBAAX,GAAgC,CAAC,CAAD,CAAlE,CAAhB,EAApB;AACA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,MAAD,UAAoBC,IAAI,CAACC,KAAL,CAAWF,MAAM,GAAGJ,YAApB,CAApB,EAAzB;AACA,IAAMO,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,QAAD,UAA8B,CAACA,QAAQ,GAAG,CAAZ,IAAiBR,YAAjB,GAAgC,CAA9D,EAA3B;;AAEA,OAAO,IAAMS,WAAW,GAAGF,kBAAkB,CAACF,IAAI,CAACK,GAAL,OAAAL,IAAI,EAAQM,MAAM,CAACC,MAAP,CAAczB,mBAAd,CAAR,CAAL,CAAtC;;AAEP,OAAO,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,GAAGf,WAAW,EAA5B;;AAEA,MAAIgB,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,GAAGR,YAHjB;;AAKAgB,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;;AAED,OAAO,SAASoB,YAAT,CAAsBpB,MAAtB,EAA4C;AACjD,MAAMY,QAAQ,GAAGf,WAAW,EAA5B;AACA,MAAMwB,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\nexport type LayerComponentName = keyof typeof componentPriorities;\n\nconst componentPriorities = {\n  MobilePopup: 9000,\n  Toast: 10000,\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: number | LayerComponentName, delta: number): number {\n  if (typeof priority === 'string') {\n    priority = componentPriorities[priority];\n  }\n\n  const maxAllowedValue = getMaxAllowedValue(priority);\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]) === priority\n      ? Math.min(zIndexes[prevIndexId] + delta, maxAllowedValue)\n      : priority * 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"]}
+{"version":3,"sources":["ZIndexStorage.ts"],"names":["globalThat","calculatePriority","priority","componentPriorities","MobilePopup","Toast","GlobalLoader","Sidepage","Modal","Sticky","DropdownContainer","Popup","priorityStep","getZIndexes","__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":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;;;AAGA,IAAMC,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,EAA5B;;AAUA,IAAMC,YAAY,GAAG,IAArB;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,WAAgBb,UAAU,CAACc,kBAAX,KAAkCd,UAAU,CAACc,kBAAX,GAAgC,CAAC,CAAD,CAAlE,CAAhB,EAApB;AACA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,MAAD,UAAoBC,IAAI,CAACC,KAAL,CAAWF,MAAM,GAAGJ,YAApB,CAApB,EAAzB;AACA,IAAMO,kBAAkB,GAAG,SAArBA,kBAAqB,CAACjB,QAAD,UAA8B,CAACA,QAAQ,GAAG,CAAZ,IAAiBU,YAAjB,GAAgC,CAA9D,EAA3B;;AAEA,OAAO,IAAMQ,WAAW,GAAGD,kBAAkB,CAACF,IAAI,CAACI,GAAL,OAAAJ,IAAI,EAAQK,MAAM,CAACC,MAAP,CAAcpB,mBAAd,CAAR,CAAL,CAAtC;;AAEP,OAAO,SAASqB,eAAT,CAAyBtB,QAAzB,EAA6CuB,KAA7C,EAAoE;AACzE,MAAMC,kBAAkB,GAAGzB,iBAAiB,CAACC,QAAD,CAA5C;;AAEA,MAAMyB,eAAe,GAAGR,kBAAkB,CAACO,kBAAD,CAA1C;AACA,MAAME,QAAQ,GAAGf,WAAW,EAA5B;;AAEA,MAAIgB,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,GAAGd,YAH3B;;AAKAgB,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;;AAED,OAAO,SAASoB,YAAT,CAAsBpB,MAAtB,EAA4C;AACjD,MAAMY,QAAQ,GAAGf,WAAW,EAA5B;AACA,MAAMwB,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};\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/internal/ZIndex/ZIndexStorage.d.ts

@@ -1,19 +1,16 @@
+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;
     DropdownContainer: number;
     Popup: number;
-    Loader: number;
-    ModalHeader: number;
-    ModalFooter: number;
-    ModalCross: number;
-    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 {};