@skbkontur/react-ui 0.0.0-044e274f2c → 0.0.0-07d08325b0

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

@@ -23,7 +23,7 @@ export interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {
 type DefaultProps = Required<Pick<ZIndexProps, 'delta' | 'priority' | 'style' | 'applyZIndex' | 'coverChildren' | 'createStackingContext' | 'useWrapper'>>;
 interface ZIndexState {
     zIndex: number;
-    savedZIndexContext: {
+    DOMZIndexContext: {
         parentLayerZIndex: number;
         maxZIndex: number;
     } | null;

package/cjs/internal/ZIndex/ZIndex.js

@@ -1,5 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;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 _globalObject = require("@skbkontur/global-object");
+var _lodash = _interopRequireDefault(require("lodash.isequal"));
 
 var _callChildRef = require("../../lib/callChildRef/callChildRef");
 var _rootNode = require("../../lib/rootNode");
@@ -88,7 +89,14 @@ ZIndex = exports.ZIndex = (0, _rootNode.rootNode)(_class = (_ZIndex = /*#__PURE_
 
 
   function ZIndex(props) {var _this;
-    _this = _React$Component.call(this, props) || this;_this.state = { zIndex: 0, savedZIndexContext: null };_this.getProps = (0, _createPropsGetter.createPropsGetter)(ZIndex.defaultProps);_this.zIndexContext = null;_this.
+    _this = _React$Component.call(this, props) || this;_this.state = { zIndex: 0, DOMZIndexContext: null };_this.getProps = (0, _createPropsGetter.createPropsGetter)(ZIndex.defaultProps);_this.zIndexContext = null;_this.
+
+
+
+
+
+
+
 
 
 
@@ -183,13 +191,17 @@ ZIndex = exports.ZIndex = (0, _rootNode.rootNode)(_class = (_ZIndex = /*#__PURE_
     };_this.
 
     tryGetContextByDOM = function (element) {
-      if (DEFAULT_ZINDEX_CONTEXT === _this.zIndexContext && _this.state.savedZIndexContext === null) {var _element$parentElemen;
-        var savedZIndexContext = DEFAULT_ZINDEX_CONTEXT;
+      if (
+      _this.props.applyZIndex &&
+      (0, _lodash.default)(DEFAULT_ZINDEX_CONTEXT, _this.zIndexContext) &&
+      _this.state.DOMZIndexContext === null)
+      {var _element$parentElemen;
+        var DOMZIndexContext = DEFAULT_ZINDEX_CONTEXT;
         var portal = (_element$parentElemen = element.parentElement) == null ? void 0 : _element$parentElemen.closest("[" + _RenderContainer.PORTAL_OUTLET_ATTR + "]");
 
-        if ((0, _isInstanceOf.isInstanceOf)(portal, _globalObject.globalObject.HTMLElement)) {var _noscript$parentEleme;
+        if ((0, _isInstanceOf.isInstanceOf)(portal, _globalObject.globalObject.HTMLElement)) {var _globalObject$documen, _noscript$parentEleme;
           var portalID = portal.getAttribute(_RenderContainer.PORTAL_OUTLET_ATTR);
-          var noscript = document.querySelector("noscript[" + _RenderContainer.PORTAL_INLET_ATTR + "=\"" + portalID + "\"]");
+          var noscript = (_globalObject$documen = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen.querySelector("noscript[" + _RenderContainer.PORTAL_INLET_ATTR + "=\"" + portalID + "\"]");
           var parent = noscript == null || (_noscript$parentEleme = noscript.parentElement) == null ? void 0 : _noscript$parentEleme.closest('[style*=z-index]');
 
           if ((0, _isInstanceOf.isInstanceOf)(parent, _globalObject.globalObject.HTMLElement)) {var _parent$parentElement;
@@ -201,10 +213,10 @@ ZIndex = exports.ZIndex = (0, _rootNode.rootNode)(_class = (_ZIndex = /*#__PURE_
               maxZIndex = _this.calcZIndex(newZIndex, maxZIndex);
             }
 
-            savedZIndexContext = { maxZIndex: maxZIndex, parentLayerZIndex: newZIndex };
+            DOMZIndexContext = { maxZIndex: maxZIndex, parentLayerZIndex: newZIndex };
           }
         }
 
-        _this.setState({ savedZIndexContext: savedZIndexContext });
+        _this.setState({ DOMZIndexContext: DOMZIndexContext });
       }
-    };_this.state.zIndex = _this.increment();return _this;}(0, _inheritsLoose2.default)(ZIndex, _React$Component);var _proto = ZIndex.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (prevProps.priority !== this.props.priority || prevProps.delta !== this.props.delta) {(0, _ZIndexStorage.removeZIndex)(this.state.zIndex);this.setState({ zIndex: this.increment() });}};_proto.componentWillUnmount = function componentWillUnmount() {(0, _ZIndexStorage.removeZIndex)(this.state.zIndex);};_proto.render = function render() {var _this2 = this;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 = (0, _objectWithoutPropertiesLoose2.default)(_this$getProps2, _excluded);var wrapperStyle = {};return /*#__PURE__*/_react.default.createElement(ZIndexContext.Consumer, null, function (context) {_this2.zIndexContext = context;var _ref = _this2.state.savedZIndexContext || context,parentLayerZIndex = _ref.parentLayerZIndex,maxZIndex = _ref.maxZIndex;var zIndexContextValue = { parentLayerZIndex: parentLayerZIndex, maxZIndex: maxZIndex };var newZIndex = 0;if (applyZIndex) {newZIndex = _this2.calcZIndex(parentLayerZIndex, maxZIndex);wrapperStyle.zIndex = newZIndex;zIndexContextValue = coverChildren ? { parentLayerZIndex: parentLayerZIndex, maxZIndex: newZIndex } : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };if (createStackingContext) {(0, _globalObject.isBrowser)(_globalObject.globalObject) && 'isolation' in _globalObject.globalObject.document.body.style ? wrapperStyle.isolation = 'isolate' : wrapperStyle.transform = 'rotate(0)';}}var child = !useWrapper ? children : /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({ style: (0, _extends2.default)({}, style, wrapperStyle), ref: _this2.wrapperRef }, rest), children);return /*#__PURE__*/_react.default.createElement(ZIndexContext.Provider, { value: zIndexContextValue }, child);});};_proto.calcZIndex = function calcZIndex(parentLayerZIndex, maxZIndex) {var newZIndex = this.state.zIndex;if (Number.isFinite(maxZIndex)) {var allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;var scale = _ZIndexStorage.upperBorder / allowedValuesIntervalLength;newZIndex = Math.ceil(newZIndex / scale);}newZIndex += parentLayerZIndex;return newZIndex;};return ZIndex;}(_react.default.Component), _ZIndex.priorities = _ZIndexStorage.componentPriorities, _ZIndex.__KONTUR_REACT_UI__ = 'ZIndex', _ZIndex.displayName = 'ZIndex', _ZIndex.defaultProps = { delta: 10, priority: 0, style: {}, applyZIndex: true, coverChildren: false, createStackingContext: false, useWrapper: true }, _ZIndex.propTypes = { delta: function delta(props) {if ((props.delta || _ZIndex.defaultProps.delta) <= 0) {return new Error("[ZIndex]: Prop 'delta' must be greater than 0, received " + props.delta);}if (Math.trunc(props.delta || _ZIndex.defaultProps.delta) !== props.delta) {return new Error("[ZIndex]: Prop 'delta' must be integer, received " + props.delta);}} }, _ZIndex)) || _class;
+    };_this.state.zIndex = _this.increment();return _this;}(0, _inheritsLoose2.default)(ZIndex, _React$Component);var _proto = ZIndex.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (prevProps.priority !== this.props.priority || prevProps.delta !== this.props.delta) {(0, _ZIndexStorage.removeZIndex)(this.state.zIndex);this.setState({ zIndex: this.increment() });}};_proto.componentWillUnmount = function componentWillUnmount() {(0, _ZIndexStorage.removeZIndex)(this.state.zIndex);};_proto.render = function render() {var _this2 = this;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 = (0, _objectWithoutPropertiesLoose2.default)(_this$getProps2, _excluded);var wrapperStyle = {};return /*#__PURE__*/_react.default.createElement(ZIndexContext.Consumer, null, function (context) {_this2.zIndexContext = context;var currentZIndexContext = _this2.state.DOMZIndexContext && (0, _lodash.default)(context, DEFAULT_ZINDEX_CONTEXT) ? _this2.state.DOMZIndexContext : context;var parentLayerZIndex = currentZIndexContext.parentLayerZIndex,maxZIndex = currentZIndexContext.maxZIndex;var newZIndexContext = currentZIndexContext;var newZIndex = 0;if (applyZIndex) {newZIndex = _this2.calcZIndex(parentLayerZIndex, maxZIndex);wrapperStyle.zIndex = newZIndex;newZIndexContext = coverChildren ? { parentLayerZIndex: parentLayerZIndex, maxZIndex: newZIndex } : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };if (createStackingContext) {(0, _globalObject.isBrowser)(_globalObject.globalObject) && 'isolation' in _globalObject.globalObject.document.body.style ? wrapperStyle.isolation = 'isolate' : wrapperStyle.transform = 'rotate(0)';}}var child = !useWrapper ? children : /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({ style: (0, _extends2.default)({}, style, wrapperStyle), ref: _this2.wrapperRef }, rest), children);return /*#__PURE__*/_react.default.createElement(ZIndexContext.Provider, { value: newZIndexContext }, child);});};_proto.calcZIndex = function calcZIndex(parentLayerZIndex, maxZIndex) {var newZIndex = this.state.zIndex;if (Number.isFinite(maxZIndex)) {var allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;var scale = _ZIndexStorage.upperBorder / allowedValuesIntervalLength;newZIndex = Math.ceil(newZIndex / scale);}newZIndex += parentLayerZIndex;return newZIndex;};return ZIndex;}(_react.default.Component), _ZIndex.priorities = _ZIndexStorage.componentPriorities, _ZIndex.__KONTUR_REACT_UI__ = 'ZIndex', _ZIndex.displayName = 'ZIndex', _ZIndex.defaultProps = { delta: 10, priority: 0, style: {}, applyZIndex: true, coverChildren: false, createStackingContext: false, useWrapper: true }, _ZIndex.propTypes = { delta: function delta(props) {if ((props.delta || _ZIndex.defaultProps.delta) <= 0) {return new Error("[ZIndex]: Prop 'delta' must be greater than 0, received " + props.delta);}if (Math.trunc(props.delta || _ZIndex.defaultProps.delta) !== props.delta) {return new Error("[ZIndex]: Prop 'delta' must be integer, received " + props.delta);}} }, _ZIndex)) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_callChildRef","_rootNode","_createPropsGetter","_isInstanceOf","_Loader","_RenderContainer","_ZIndexStorage","_excluded","_class","_ZIndex","DEFAULT_ZINDEX_CONTEXT","parentLayerZIndex","maxZIndex","Infinity","ZIndexContext","React","createContext","displayName","ZIndex","exports","rootNode","_React$Component","props","_this","call","state","zIndex","savedZIndexContext","getProps","createPropsGetter","defaultProps","zIndexContext","wrapperRef","element","setRootNode","callChildRef","tryGetContextByDOM","increment","_this$getProps","priority","delta","incrementZIndex","_element$parentElemen","portal","parentElement","closest","PORTAL_OUTLET_ATTR","isInstanceOf","globalObject","HTMLElement","_noscript$parentEleme","portalID","getAttribute","noscript","document","querySelector","PORTAL_INLET_ATTR","parent","_parent$parentElement","newZIndex","Number","style","dataset","tid","LoaderDataTids","veil","calcZIndex","setState","_inheritsLoose2","default","_proto","prototype","componentDidUpdate","prevProps","removeZIndex","componentWillUnmount","render","_this2","_this$getProps2","children","applyZIndex","coverChildren","createStackingContext","useWrapper","rest","_objectWithoutPropertiesLoose2","wrapperStyle","createElement","Consumer","context","_ref","zIndexContextValue","isFinite","isBrowser","body","isolation","transform","child","_extends2","ref","Provider","value","allowedValuesIntervalLength","scale","upperBorder","Math","ceil","Component","priorities","componentPriorities","__KONTUR_REACT_UI__","propTypes","Error","trunc"],"sources":["ZIndex.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { LoaderDataTids } from '../../components/Loader';\nimport { PORTAL_INLET_ATTR, PORTAL_OUTLET_ATTR } from '../RenderContainer';\n\nimport { incrementZIndex, removeZIndex, upperBorder, LayerComponentName, componentPriorities } from './ZIndexStorage';\n\nconst DEFAULT_ZINDEX_CONTEXT = { parentLayerZIndex: 0, maxZIndex: Infinity };\n\nconst ZIndexContext = React.createContext(DEFAULT_ZINDEX_CONTEXT);\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  savedZIndexContext: { parentLayerZIndex: number; maxZIndex: number } | null;\n}\n\n@rootNode\nexport class ZIndex extends React.Component<ZIndexProps, ZIndexState> {\n  public static priorities = componentPriorities;\n  public static __KONTUR_REACT_UI__ = 'ZIndex';\n  public static displayName = '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: ZIndexState = {\n    zIndex: 0,\n    savedZIndexContext: null,\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  private zIndexContext: { parentLayerZIndex: number; maxZIndex: number } | null = null;\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        {(context) => {\n          this.zIndexContext = context;\n          const { parentLayerZIndex, maxZIndex } = this.state.savedZIndexContext || context;\n          let zIndexContextValue = { parentLayerZIndex, maxZIndex };\n          let newZIndex = 0;\n          if (applyZIndex) {\n            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(globalObject) && 'isolation' in globalObject.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    element && this.tryGetContextByDOM(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  private tryGetContextByDOM = (element: HTMLDivElement) => {\n    if (DEFAULT_ZINDEX_CONTEXT === this.zIndexContext && this.state.savedZIndexContext === null) {\n      let savedZIndexContext = DEFAULT_ZINDEX_CONTEXT;\n      const portal = element.parentElement?.closest(`[${PORTAL_OUTLET_ATTR}]`);\n\n      if (isInstanceOf(portal, globalObject.HTMLElement)) {\n        const portalID = portal.getAttribute(PORTAL_OUTLET_ATTR);\n        const noscript = document.querySelector(`noscript[${PORTAL_INLET_ATTR}=\"${portalID}\"]`);\n        const parent = noscript?.parentElement?.closest('[style*=z-index]');\n\n        if (isInstanceOf(parent, globalObject.HTMLElement)) {\n          const newZIndex = Number(parent.style.zIndex || 0);\n\n          let maxZIndex = Infinity;\n\n          if (parent.parentElement?.dataset.tid === LoaderDataTids.veil) {\n            maxZIndex = this.calcZIndex(newZIndex, maxZIndex);\n          }\n\n          savedZIndexContext = { maxZIndex, parentLayerZIndex: newZIndex };\n        }\n      }\n\n      this.setState({ savedZIndexContext });\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_lodash","_callChildRef","_rootNode","_createPropsGetter","_isInstanceOf","_Loader","_RenderContainer","_ZIndexStorage","_excluded","_class","_ZIndex","DEFAULT_ZINDEX_CONTEXT","parentLayerZIndex","maxZIndex","Infinity","ZIndexContext","React","createContext","displayName","ZIndex","exports","rootNode","_React$Component","props","_this","call","state","zIndex","DOMZIndexContext","getProps","createPropsGetter","defaultProps","zIndexContext","wrapperRef","element","setRootNode","callChildRef","tryGetContextByDOM","increment","_this$getProps","priority","delta","incrementZIndex","applyZIndex","isEqual","_element$parentElemen","portal","parentElement","closest","PORTAL_OUTLET_ATTR","isInstanceOf","globalObject","HTMLElement","_globalObject$documen","_noscript$parentEleme","portalID","getAttribute","noscript","document","querySelector","PORTAL_INLET_ATTR","parent","_parent$parentElement","newZIndex","Number","style","dataset","tid","LoaderDataTids","veil","calcZIndex","setState","_inheritsLoose2","default","_proto","prototype","componentDidUpdate","prevProps","removeZIndex","componentWillUnmount","render","_this2","_this$getProps2","children","coverChildren","createStackingContext","useWrapper","rest","_objectWithoutPropertiesLoose2","wrapperStyle","createElement","Consumer","context","currentZIndexContext","newZIndexContext","isFinite","isBrowser","body","isolation","transform","child","_extends2","ref","Provider","value","allowedValuesIntervalLength","scale","upperBorder","Math","ceil","Component","priorities","componentPriorities","__KONTUR_REACT_UI__","propTypes","Error","trunc"],"sources":["ZIndex.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\nimport isEqual from 'lodash.isequal';\n\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { LoaderDataTids } from '../../components/Loader';\nimport { PORTAL_INLET_ATTR, PORTAL_OUTLET_ATTR } from '../RenderContainer';\n\nimport { incrementZIndex, removeZIndex, upperBorder, LayerComponentName, componentPriorities } from './ZIndexStorage';\n\nconst DEFAULT_ZINDEX_CONTEXT = { parentLayerZIndex: 0, maxZIndex: Infinity };\n\nconst ZIndexContext = React.createContext(DEFAULT_ZINDEX_CONTEXT);\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  DOMZIndexContext: { parentLayerZIndex: number; maxZIndex: number } | null;\n}\n\n@rootNode\nexport class ZIndex extends React.Component<ZIndexProps, ZIndexState> {\n  public static priorities = componentPriorities;\n  public static __KONTUR_REACT_UI__ = 'ZIndex';\n  public static displayName = '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: ZIndexState = {\n    zIndex: 0,\n    DOMZIndexContext: null,\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  private zIndexContext: { parentLayerZIndex: number; maxZIndex: number } | null = null;\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        {(context) => {\n          this.zIndexContext = context;\n\n          const currentZIndexContext =\n            this.state.DOMZIndexContext && isEqual(context, DEFAULT_ZINDEX_CONTEXT)\n              ? this.state.DOMZIndexContext\n              : context;\n          const { parentLayerZIndex, maxZIndex } = currentZIndexContext;\n\n          let newZIndexContext = currentZIndexContext;\n          let newZIndex = 0;\n\n          if (applyZIndex) {\n            newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\n            wrapperStyle.zIndex = newZIndex;\n\n            newZIndexContext = coverChildren\n              ? { parentLayerZIndex, maxZIndex: newZIndex }\n              : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };\n\n            if (createStackingContext) {\n              isBrowser(globalObject) && 'isolation' in globalObject.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={newZIndexContext}>{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    element && this.tryGetContextByDOM(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  private tryGetContextByDOM = (element: HTMLDivElement) => {\n    if (\n      this.props.applyZIndex &&\n      isEqual(DEFAULT_ZINDEX_CONTEXT, this.zIndexContext) &&\n      this.state.DOMZIndexContext === null\n    ) {\n      let DOMZIndexContext = DEFAULT_ZINDEX_CONTEXT;\n      const portal = element.parentElement?.closest(`[${PORTAL_OUTLET_ATTR}]`);\n\n      if (isInstanceOf(portal, globalObject.HTMLElement)) {\n        const portalID = portal.getAttribute(PORTAL_OUTLET_ATTR);\n        const noscript = globalObject.document?.querySelector(`noscript[${PORTAL_INLET_ATTR}=\"${portalID}\"]`);\n        const parent = noscript?.parentElement?.closest('[style*=z-index]');\n\n        if (isInstanceOf(parent, globalObject.HTMLElement)) {\n          const newZIndex = Number(parent.style.zIndex || 0);\n\n          let maxZIndex = Infinity;\n\n          if (parent.parentElement?.dataset.tid === LoaderDataTids.veil) {\n            maxZIndex = this.calcZIndex(newZIndex, maxZIndex);\n          }\n\n          DOMZIndexContext = { maxZIndex, parentLayerZIndex: newZIndex };\n        }\n      }\n\n      this.setState({ DOMZIndexContext });\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/ZIndex/__creevey__/ZIndex.creevey.mts

@@ -0,0 +1,228 @@
+import { story, kind, test } from 'creevey';
+
+import { delay } from '../../../lib/delay';
+import { SelectDataTids } from '../../../components/Select/tids';
+
+kind('ZIndex', () => {
+  story('HintAndModalStory', () => {
+    test('Modal covers hint', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid~="open-modal"]' }))
+        .perform();
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '.modalBody button' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'Modal covers hint');
+    });
+  });
+
+  story('BigModalWithLoaderStory', () => {
+    test('Header covers Loader', async (context) => {
+      await context.webdriver.executeScript(function () {
+        const sidePage = window.document.querySelector('[data-tid="modal-container"]') as HTMLElement;
+
+        if (sidePage) {
+          sidePage.scrollTop = sidePage.offsetHeight / 3;
+        }
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'Header covers Loader');
+    });
+  });
+
+  story('TooltipAndSelectStory', () => {
+    test('Menu covers tooltip', async (context) => {
+      const element = await context.webdriver.findElement({ css: '.container' });
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: `[data-tid=${SelectDataTids.label}]` }))
+        .sendKeys('q')
+        .perform();
+      await delay(1000);
+      await context.matchImage(await element.takeScreenshot(), 'Modal covers hint');
+    });
+  });
+
+  story('LoaderInSidePageBody', () => {
+    test('is covered by Header and Footer', async (context) => {
+      await context.webdriver.executeScript(function () {
+        const sidePage = window.document.querySelector('[data-tid="SidePage__container"]') as HTMLElement;
+
+        if (sidePage) {
+          sidePage.scrollTop = sidePage.offsetHeight;
+        }
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'is covered by Header and Footer');
+    });
+  });
+
+  story('SidepageAndSelect', () => {
+    test('SidePage covers Select and Tooltip', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '.select-container button' }))
+        .sendKeys('q')
+        .perform();
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '.open-sidepage-container button' }))
+        .perform();
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '.sidepage-select-continer button' }))
+        .sendKeys('q')
+        .perform();
+      const element = await context.webdriver.findElement({ css: `[data-tid='SidePage__container']` });
+      await delay(1000);
+      await context.matchImage(await element.takeScreenshot(), 'SidePage covers Select and Tooltip');
+    });
+  });
+
+  story('ElementsInLoaderInModalStory', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'flaky test': {
+          in: ['chrome2022Dark'],
+          tests: ['Hide Hint on active Loader'],
+        },
+      },
+    });
+
+    test('Open Dropdown while Loader is inactive', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="Select"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'Open Dropdown while Loader is inactive');
+    });
+
+    test('Hide Hint on active Loader', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="Toggle"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'Hide Hint on active Loader');
+    });
+  });
+
+  story('LoaderAndSidePageStory', () => {
+    test('SidePage shadow cover Loader', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="Toggle"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'SidePage shadow cover Loader');
+    });
+  });
+
+  story('StickyAndTooltipsStory', () => {
+    test('Sticky covers outside Popup', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="Select"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'Sticky covers outside Popup');
+    });
+  });
+
+  story('ModalAndToast', () => {
+    test('toastShown', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="Button"] button' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot());
+    });
+  });
+
+  story('ToastOverEverything', ({ setStoryParameters }) => {
+    setStoryParameters({ skip: { 'flickering screenshot': { in: /^(?!\b(firefox))/, tests: 'staticToast' } } });
+
+    test('staticToast', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid~="static-toast"]' }))
+        .pause(1000)
+        .click(context.webdriver.findElement({ css: 'body' }))
+        .perform();
+      const shown = await context.webdriver.takeScreenshot(); // Toast rendered by static method doesn't get removed
+      // when story switches, so we have to close it manually
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid~="ToastView__close"]' }))
+        .pause(500)
+        .perform();
+      await context.matchImage(shown);
+    });
+
+    test('refToast', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid~="ref-toast"]' }))
+        .pause(1000)
+        .click(context.webdriver.findElement({ css: 'body' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot());
+    });
+  });
+
+  story('ModalWithDropdown', ({ setStoryParameters }) => {
+    setStoryParameters({ skip: { 'no themes': { in: /^(?!\b(chrome2022|firefox2022)\b)/ } } });
+
+    test('dropdown overlaps static header', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid="dropdown_top"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot());
+    });
+
+    test('dropdown lays under fixed header', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid="dropdown_top"]' }))
+        .perform();
+      await delay(1000);
+      await context.webdriver.executeScript(function () {
+        const scrollContainer = window.document.querySelector('[data-tid="modal-container"]') as HTMLElement;
+        scrollContainer.scrollTop = scrollContainer.scrollHeight;
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot());
+    });
+
+    test('dropdown lays under fixed footer', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid="dropdown_bottom"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot());
+    });
+
+    test('dropdown overlaps static footer', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid="dropdown_bottom"]' }))
+        .perform();
+      await delay(1000);
+      await context.webdriver.executeScript(function () {
+        const scrollContainer = window.document.querySelector('[data-tid="modal-container"]') as HTMLElement;
+        scrollContainer.scrollTop = scrollContainer.scrollHeight;
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot());
+    });
+  });
+});

package/cjs/internal/icons2022/BaseIcon.js

@@ -1,7 +1,6 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.BaseIcon = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireWildcard(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.BaseIcon = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireDefault(require("react"));
 
 var _forwardRefAndName = require("../../lib/forwardRefAndName");
-var _Emotion = require("../../lib/theming/Emotion");
 
 var _BaseIcon = require("./BaseIcon.styles");var _excluded = ["color", "size", "style", "aria-hidden", "viewBoxSize", "align", "children"];
 
@@ -28,7 +27,6 @@ var BaseIcon = exports.BaseIcon = (0, _forwardRefAndName.forwardRefAndName)(
 
   ref)
   {var color = _ref.color,size = _ref.size,style = _ref.style,_ref$ariaHidden = _ref['aria-hidden'],ariaHidden = _ref$ariaHidden === void 0 ? true : _ref$ariaHidden,_ref$viewBoxSize = _ref.viewBoxSize,viewBoxSize = _ref$viewBoxSize === void 0 ? 16 : _ref$viewBoxSize,_ref$align = _ref.align,align = _ref$align === void 0 ? 'center' : _ref$align,children = _ref.children,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-    var emotion = (0, _react.useContext)(_Emotion.EmotionContext);
     var icon = /*#__PURE__*/
     _react.default.createElement("svg", (0, _extends2.default)({
       ref: ref,
@@ -50,8 +48,7 @@ var BaseIcon = exports.BaseIcon = (0, _forwardRefAndName.forwardRefAndName)(
 
 
     if (align === 'center') {
-      var styles = (0, _BaseIcon.getStyles)(emotion);
-      return /*#__PURE__*/_react.default.createElement("span", { className: styles.centeredIcon() }, icon);
+      return /*#__PURE__*/_react.default.createElement("span", { className: _BaseIcon.styles.centeredIcon() }, icon);
     }
 
     return icon;

package/cjs/internal/icons2022/BaseIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_forwardRefAndName","_Emotion","_BaseIcon","_excluded","BaseIcon","exports","forwardRefAndName","_ref","ref","color","size","style","_ref$ariaHidden","ariaHidden","_ref$viewBoxSize","viewBoxSize","_ref$align","align","children","rest","_objectWithoutPropertiesLoose2","default","emotion","useContext","EmotionContext","icon","createElement","_extends2","width","height","fill","marginBottom","flexShrink","xmlns","viewBox","styles","getStyles","className","centeredIcon"],"sources":["BaseIcon.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { forwardRefAndName, ReactUIComponentWithRef } from '../../lib/forwardRefAndName';\nimport { EmotionContext } from '../../lib/theming/Emotion';\n\nimport { getStyles } from './BaseIcon.styles';\n\nexport interface SvgIconProps extends React.HTMLAttributes<HTMLSpanElement> {\n  color?: string;\n  size?: string | number;\n  ref?: any;\n}\n\nexport type IconProps = {\n  size?: number;\n  viewBoxSize?: number;\n  color?: string;\n  align?: 'center' | 'baseline' | 'none';\n} & React.SVGAttributes<SVGElement>;\n\nexport type BothIconType =\n  | ReactUIComponentWithRef<HTMLElement, SvgIconProps>\n  | ReactUIComponentWithRef<SVGSVGElement, IconProps>;\n\nexport const BaseIcon = forwardRefAndName<SVGSVGElement, IconProps>(\n  'BaseIcon',\n  (\n    { color, size, style, 'aria-hidden': ariaHidden = true, viewBoxSize = 16, align = 'center', children, ...rest },\n    ref,\n  ) => {\n    const emotion = useContext(EmotionContext);\n    const icon = (\n      <svg\n        ref={ref}\n        width={size || viewBoxSize}\n        height={size || viewBoxSize}\n        style={{\n          fill: color ?? 'currentColor',\n          marginBottom: align === 'none' || align === 'center' ? 0 : '-0.1875em',\n          flexShrink: 0,\n          ...style,\n        }}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox={`0 0 ${viewBoxSize} ${viewBoxSize}`}\n        aria-hidden={ariaHidden}\n        {...rest}\n      >\n        {children}\n      </svg>\n    );\n\n    if (align === 'center') {\n      const styles = getStyles(emotion);\n      return <span className={styles.centeredIcon()}>{icon}</span>;\n    }\n\n    return icon;\n  },\n);\n"],"mappings":"2cAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;;AAEA,IAAAG,SAAA,GAAAH,OAAA,sBAA8C,IAAAI,SAAA;;;;;;;;;;;;;;;;;;;AAmBvC,IAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,oCAAiB;EACvC,UAAU;EACV,UAAAC,IAAA;;EAEEC,GAAG;EACA,KAFDC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI,CAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK,CAAAC,eAAA,GAAAL,IAAA,CAAE,aAAa,EAAEM,UAAU,GAAAD,eAAA,cAAG,IAAI,GAAAA,eAAA,CAAAE,gBAAA,GAAAP,IAAA,CAAEQ,WAAW,CAAXA,WAAW,GAAAD,gBAAA,cAAG,EAAE,GAAAA,gBAAA,CAAAE,UAAA,GAAAT,IAAA,CAAEU,KAAK,CAALA,KAAK,GAAAD,UAAA,cAAG,QAAQ,GAAAA,UAAA,CAAEE,QAAQ,GAAAX,IAAA,CAARW,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAd,IAAA,EAAAJ,SAAA;IAG7G,IAAMmB,OAAO,GAAG,IAAAC,iBAAU,EAACC,uBAAc,CAAC;IAC1C,IAAMC,IAAI;IACR5B,MAAA,CAAAwB,OAAA,CAAAK,aAAA,YAAAC,SAAA,CAAAN,OAAA;MACEb,GAAG,EAAEA,GAAI;MACToB,KAAK,EAAElB,IAAI,IAAIK,WAAY;MAC3Bc,MAAM,EAAEnB,IAAI,IAAIK,WAAY;MAC5BJ,KAAK,MAAAgB,SAAA,CAAAN,OAAA;QACHS,IAAI,EAAErB,KAAK,WAALA,KAAK,GAAI,cAAc;QAC7BsB,YAAY,EAAEd,KAAK,KAAK,MAAM,IAAIA,KAAK,KAAK,QAAQ,GAAG,CAAC,GAAG,WAAW;QACtEe,UAAU,EAAE,CAAC;MACVrB,KAAK,CACR;;MACFsB,KAAK,EAAC,4BAA4B;MAClCC,OAAO,WAASnB,WAAW,SAAIA,WAAc;MAC7C,eAAaF,UAAW;IACpBM,IAAI;;IAEPD;IACE,CACN;;;IAED,IAAID,KAAK,KAAK,QAAQ,EAAE;MACtB,IAAMkB,MAAM,GAAG,IAAAC,mBAAS,EAACd,OAAO,CAAC;MACjC,oBAAOzB,MAAA,CAAAwB,OAAA,CAAAK,aAAA,WAAMW,SAAS,EAAEF,MAAM,CAACG,YAAY,CAAC,CAAE,IAAEb,IAAW,CAAC;IAC9D;;IAEA,OAAOA,IAAI;EACb;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_forwardRefAndName","_BaseIcon","_excluded","BaseIcon","exports","forwardRefAndName","_ref","ref","color","size","style","_ref$ariaHidden","ariaHidden","_ref$viewBoxSize","viewBoxSize","_ref$align","align","children","rest","_objectWithoutPropertiesLoose2","default","icon","createElement","_extends2","width","height","fill","marginBottom","flexShrink","xmlns","viewBox","className","styles","centeredIcon"],"sources":["BaseIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName, ReactUIComponentWithRef } from '../../lib/forwardRefAndName';\n\nimport { styles } from './BaseIcon.styles';\n\nexport interface SvgIconProps extends React.HTMLAttributes<HTMLSpanElement> {\n  color?: string;\n  size?: string | number;\n  ref?: any;\n}\n\nexport type IconProps = {\n  size?: number;\n  viewBoxSize?: number;\n  color?: string;\n  align?: 'center' | 'baseline' | 'none';\n} & React.SVGAttributes<SVGElement>;\n\nexport type BothIconType =\n  | ReactUIComponentWithRef<HTMLElement, SvgIconProps>\n  | ReactUIComponentWithRef<SVGSVGElement, IconProps>;\n\nexport const BaseIcon = forwardRefAndName<SVGSVGElement, IconProps>(\n  'BaseIcon',\n  (\n    { color, size, style, 'aria-hidden': ariaHidden = true, viewBoxSize = 16, align = 'center', children, ...rest },\n    ref,\n  ) => {\n    const icon = (\n      <svg\n        ref={ref}\n        width={size || viewBoxSize}\n        height={size || viewBoxSize}\n        style={{\n          fill: color ?? 'currentColor',\n          marginBottom: align === 'none' || align === 'center' ? 0 : '-0.1875em',\n          flexShrink: 0,\n          ...style,\n        }}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox={`0 0 ${viewBoxSize} ${viewBoxSize}`}\n        aria-hidden={ariaHidden}\n        {...rest}\n      >\n        {children}\n      </svg>\n    );\n\n    if (align === 'center') {\n      return <span className={styles.centeredIcon()}>{icon}</span>;\n    }\n\n    return icon;\n  },\n);\n"],"mappings":"4WAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;;AAEA,IAAAE,SAAA,GAAAF,OAAA,sBAA2C,IAAAG,SAAA;;;;;;;;;;;;;;;;;;;AAmBpC,IAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,oCAAiB;EACvC,UAAU;EACV,UAAAC,IAAA;;EAEEC,GAAG;EACA,KAFDC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI,CAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK,CAAAC,eAAA,GAAAL,IAAA,CAAE,aAAa,EAAEM,UAAU,GAAAD,eAAA,cAAG,IAAI,GAAAA,eAAA,CAAAE,gBAAA,GAAAP,IAAA,CAAEQ,WAAW,CAAXA,WAAW,GAAAD,gBAAA,cAAG,EAAE,GAAAA,gBAAA,CAAAE,UAAA,GAAAT,IAAA,CAAEU,KAAK,CAALA,KAAK,GAAAD,UAAA,cAAG,QAAQ,GAAAA,UAAA,CAAEE,QAAQ,GAAAX,IAAA,CAARW,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAd,IAAA,EAAAJ,SAAA;IAG7G,IAAMmB,IAAI;IACRxB,MAAA,CAAAuB,OAAA,CAAAE,aAAA,YAAAC,SAAA,CAAAH,OAAA;MACEb,GAAG,EAAEA,GAAI;MACTiB,KAAK,EAAEf,IAAI,IAAIK,WAAY;MAC3BW,MAAM,EAAEhB,IAAI,IAAIK,WAAY;MAC5BJ,KAAK,MAAAa,SAAA,CAAAH,OAAA;QACHM,IAAI,EAAElB,KAAK,WAALA,KAAK,GAAI,cAAc;QAC7BmB,YAAY,EAAEX,KAAK,KAAK,MAAM,IAAIA,KAAK,KAAK,QAAQ,GAAG,CAAC,GAAG,WAAW;QACtEY,UAAU,EAAE,CAAC;MACVlB,KAAK,CACR;;MACFmB,KAAK,EAAC,4BAA4B;MAClCC,OAAO,WAAShB,WAAW,SAAIA,WAAc;MAC7C,eAAaF,UAAW;IACpBM,IAAI;;IAEPD;IACE,CACN;;;IAED,IAAID,KAAK,KAAK,QAAQ,EAAE;MACtB,oBAAOnB,MAAA,CAAAuB,OAAA,CAAAE,aAAA,WAAMS,SAAS,EAAEC,gBAAM,CAACC,YAAY,CAAC,CAAE,IAAEZ,IAAW,CAAC;IAC9D;;IAEA,OAAOA,IAAI;EACb;AACF,CAAC","ignoreList":[]}

package/cjs/internal/icons2022/BaseIcon.styles.d.ts

@@ -1,4 +1,3 @@
-import type { Emotion } from '@emotion/css/create-instance';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     centeredIcon(): string;
 };

package/cjs/internal/icons2022/BaseIcon.styles.js

@@ -1,18 +1,15 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-
-var _chars = require("../../lib/chars");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _chars = require("../../lib/chars");
 var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
 
-var getStyles = exports.getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      centeredIcon: function centeredIcon() {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-flex;\n        align-items: center;\n\n        &::before {\n          content: '", "';\n        }\n      "])),
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  centeredIcon: function centeredIcon() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      align-items: center;\n\n      &::before {\n        content: '", "';\n      }\n    "])),
 
 
 
 
-        _chars.ZERO_WIDTH_SPACE_CSS);
+    _chars.ZERO_WIDTH_SPACE_CSS);
 
 
-      }
-    }));};
+  }
+});

package/cjs/internal/icons2022/BaseIcon.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_chars","require","_Emotion","_templateObject","getStyles","exports","emotion","memoizeStyle","centeredIcon","css","_taggedTemplateLiteralLoose2","default","ZERO_WIDTH_SPACE_CSS"],"sources":["BaseIcon.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { ZERO_WIDTH_SPACE_CSS } from '../../lib/chars';\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    centeredIcon() {\n      return emotion.css`\n        display: inline-flex;\n        align-items: center;\n\n        &::before {\n          content: '${ZERO_WIDTH_SPACE_CSS}';\n        }\n      `;\n    },\n  });\n"],"mappings":";;AAEA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA,8BAAyD,IAAAE,eAAA;;AAElD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,OAAgB;IACxC,IAAAC,qBAAY,EAAC;MACXC,YAAY,WAAAA,aAAA,EAAG;QACb,OAAOF,OAAO,CAACG,GAAG,CAAAN,eAAA,KAAAA,eAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;QAKFC,2BAAoB;;;MAGtC;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_chars","require","_Emotion","_templateObject","styles","exports","memoizeStyle","centeredIcon","css","_taggedTemplateLiteralLoose2","default","ZERO_WIDTH_SPACE_CSS"],"sources":["BaseIcon.styles.ts"],"sourcesContent":["import { ZERO_WIDTH_SPACE_CSS } from '../../lib/chars';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  centeredIcon() {\n    return css`\n      display: inline-flex;\n      align-items: center;\n\n      &::before {\n        content: '${ZERO_WIDTH_SPACE_CSS}';\n      }\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA,8BAA8D,IAAAE,eAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,YAAY,WAAAA,aAAA,EAAG;IACb,WAAOC,YAAG,EAAAL,eAAA,KAAAA,eAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;;IAKMC,2BAAoB;;;EAGtC;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/internal/icons2022/LoadingIcon.js

@@ -1,25 +1,18 @@
-"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.LoadingIcon = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireWildcard(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.LoadingIcon = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
 
+var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _Spinner = require("../../components/Spinner/Spinner.styles");
 var _Emotion = require("../../lib/theming/Emotion");
 var _SpinnerIcon = require("../SpinnerIcon/SpinnerIcon");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _iconSizer = require("./iconSizer");
 
 var Icon = function Icon(props) {
-  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
-  var emotion = (0, _react.useContext)(_Emotion.EmotionContext);
-  var styles = (0, _Spinner.getStyles)(emotion);
-
+  var theme = _react.default.useContext(_ThemeContext.ThemeContext);
   return /*#__PURE__*/(
     _react.default.createElement(_SpinnerIcon.SpinnerIcon, (0, _extends2.default)({
       dimmed: true,
-      className: emotion.cx(
-        styles.circle(theme),
-        styles.circleDimmedColor(theme),
-        styles.circleWithoutColorAnimation()
-      ) },
+      className: (0, _Emotion.cx)(_Spinner.styles.circle(theme), _Spinner.styles.circleDimmedColor(theme), _Spinner.styles.circleWithoutColorAnimation()) },
     props)
     ));
 

package/cjs/internal/icons2022/LoadingIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Spinner","_Emotion","_SpinnerIcon","_ThemeContext","_iconSizer","Icon","props","theme","useContext","ThemeContext","emotion","EmotionContext","styles","getStyles","default","createElement","SpinnerIcon","_extends2","dimmed","className","cx","circle","circleDimmedColor","circleWithoutColorAnimation","LoadingIcon","exports","iconSizer","small","size","medium","width","radius","large"],"sources":["LoadingIcon.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { getStyles } from '../../components/Spinner/Spinner.styles';\nimport { EmotionContext } from '../../lib/theming/Emotion';\nimport { SpinnerIcon, SpinnerIconProps } from '../SpinnerIcon/SpinnerIcon';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { iconSizer } from './iconSizer';\n\nconst Icon = (props: SpinnerIconProps) => {\n  const theme = useContext(ThemeContext);\n  const emotion = useContext(EmotionContext);\n  const styles = getStyles(emotion);\n\n  return (\n    <SpinnerIcon\n      dimmed\n      className={emotion.cx(\n        styles.circle(theme),\n        styles.circleDimmedColor(theme),\n        styles.circleWithoutColorAnimation(),\n      )}\n      {...props}\n    />\n  );\n};\n\nexport const LoadingIcon = iconSizer<Omit<SpinnerIconProps, 'size'>>(\n  {\n    small: () => <Icon size=\"mini\" />,\n    medium: () => (\n      <Icon\n        size={{\n          size: 20,\n          width: 1,\n          radius: 6,\n        }}\n      />\n    ),\n    large: () => (\n      <Icon\n        size={{\n          size: 24,\n          width: 1.5,\n          radius: 8,\n        }}\n      />\n    ),\n  },\n  'LoadingIcon',\n);\n"],"mappings":"kVAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;AAEA,IAAAK,UAAA,GAAAL,OAAA;;AAEA,IAAMM,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAuB,EAAK;EACxC,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;EACtC,IAAMC,OAAO,GAAG,IAAAF,iBAAU,EAACG,uBAAc,CAAC;EAC1C,IAAMC,MAAM,GAAG,IAAAC,kBAAS,EAACH,OAAO,CAAC;;EAEjC;IACEb,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,YAAA,CAAAc,WAAW,MAAAC,SAAA,CAAAH,OAAA;MACVI,MAAM;MACNC,SAAS,EAAET,OAAO,CAACU,EAAE;QACnBR,MAAM,CAACS,MAAM,CAACd,KAAK,CAAC;QACpBK,MAAM,CAACU,iBAAiB,CAACf,KAAK,CAAC;QAC/BK,MAAM,CAACW,2BAA2B,CAAC;MACrC,CAAE;IACEjB,KAAK;IACV,CAAC;;AAEN,CAAC;;AAEM,IAAMkB,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,oBAAS;EAClC;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAM9B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,IAAI,IAACuB,IAAI,EAAC,MAAM,EAAE,CAAC;IACjCC,MAAM,EAAE,SAAAA,OAAA;QACNhC,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,IAAI;UACHuB,IAAI,EAAE;YACJA,IAAI,EAAE,EAAE;YACRE,KAAK,EAAE,CAAC;YACRC,MAAM,EAAE;UACV,CAAE;QACH,CAAC,GACH;;IACDC,KAAK,EAAE,SAAAA,MAAA;QACLnC,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,IAAI;UACHuB,IAAI,EAAE;YACJA,IAAI,EAAE,EAAE;YACRE,KAAK,EAAE,GAAG;YACVC,MAAM,EAAE;UACV,CAAE;QACH,CAAC;;EAEN,CAAC;EACD;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_Spinner","_Emotion","_SpinnerIcon","_iconSizer","Icon","props","theme","React","useContext","ThemeContext","default","createElement","SpinnerIcon","_extends2","dimmed","className","cx","styles","circle","circleDimmedColor","circleWithoutColorAnimation","LoadingIcon","exports","iconSizer","small","size","medium","width","radius","large"],"sources":["LoadingIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { styles } from '../../components/Spinner/Spinner.styles';\nimport { cx } from '../../lib/theming/Emotion';\nimport { SpinnerIcon, SpinnerIconProps } from '../SpinnerIcon/SpinnerIcon';\n\nimport { iconSizer } from './iconSizer';\n\nconst Icon = (props: SpinnerIconProps) => {\n  const theme = React.useContext(ThemeContext);\n  return (\n    <SpinnerIcon\n      dimmed\n      className={cx(styles.circle(theme), styles.circleDimmedColor(theme), styles.circleWithoutColorAnimation())}\n      {...props}\n    />\n  );\n};\n\nexport const LoadingIcon = iconSizer<Omit<SpinnerIconProps, 'size'>>(\n  {\n    small: () => <Icon size=\"mini\" />,\n    medium: () => (\n      <Icon\n        size={{\n          size: 20,\n          width: 1,\n          radius: 6,\n        }}\n      />\n    ),\n    large: () => (\n      <Icon\n        size={{\n          size: 24,\n          width: 1.5,\n          radius: 8,\n        }}\n      />\n    ),\n  },\n  'LoadingIcon',\n);\n"],"mappings":"mPAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;;AAEA,IAAAK,UAAA,GAAAL,OAAA;;AAEA,IAAMM,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAuB,EAAK;EACxC,IAAMC,KAAK,GAAGC,cAAK,CAACC,UAAU,CAACC,0BAAY,CAAC;EAC5C;IACEb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,YAAA,CAAAU,WAAW,MAAAC,SAAA,CAAAH,OAAA;MACVI,MAAM;MACNC,SAAS,EAAE,IAAAC,WAAE,EAACC,eAAM,CAACC,MAAM,CAACZ,KAAK,CAAC,EAAEW,eAAM,CAACE,iBAAiB,CAACb,KAAK,CAAC,EAAEW,eAAM,CAACG,2BAA2B,CAAC,CAAC,CAAE;IACvGf,KAAK;IACV,CAAC;;AAEN,CAAC;;AAEM,IAAMgB,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,oBAAS;EAClC;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAM5B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACP,IAAI,IAACqB,IAAI,EAAC,MAAM,EAAE,CAAC;IACjCC,MAAM,EAAE,SAAAA,OAAA;QACN9B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACP,IAAI;UACHqB,IAAI,EAAE;YACJA,IAAI,EAAE,EAAE;YACRE,KAAK,EAAE,CAAC;YACRC,MAAM,EAAE;UACV,CAAE;QACH,CAAC,GACH;;IACDC,KAAK,EAAE,SAAAA,MAAA;QACLjC,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACP,IAAI;UACHqB,IAAI,EAAE;YACJA,IAAI,EAAE,EAAE;YACRE,KAAK,EAAE,GAAG;YACVC,MAAM,EAAE;UACV,CAAE;QACH,CAAC;;EAEN,CAAC;EACD;AACF,CAAC","ignoreList":[]}