@skbkontur/react-ui 5.6.7 → 5.6.9-5e213.0

package/internal/RenderLayer/RenderLayer/RenderLayer.js

@@ -1,6 +1,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
 var _class, _RenderLayer;
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import React from 'react';
 import { globalObject } from '@skbkontur/global-object';
 import { listen as listenFocusOutside, containsTargetOrRenderContainer } from "../../../lib/listenFocusOutside";
@@ -11,10 +19,11 @@ import { isInstanceOf } from "../../../lib/isInstanceOf";
 export var RenderLayer = rootNode(_class = (_RenderLayer = /*#__PURE__*/function (_React$Component) {
   function RenderLayer() {
     var _this;
+    _classCallCheck(this, RenderLayer);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this = _callSuper(this, RenderLayer, [].concat(args));
     _this.getProps = createPropsGetter(RenderLayer.defaultProps);
     _this.focusOutsideListenerToken = null;
     _this.handleFocusOutside = function (event) {
@@ -34,59 +43,72 @@ export var RenderLayer = rootNode(_class = (_RenderLayer = /*#__PURE__*/function
     };
     return _this;
   }
-  _inheritsLoose(RenderLayer, _React$Component);
-  var _proto = RenderLayer.prototype;
-  _proto.componentDidMount = function componentDidMount() {
-    if (this.getProps().active) {
-      this.attachListeners();
+  _inherits(RenderLayer, _React$Component);
+  return _createClass(RenderLayer, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.getProps().active) {
+        this.attachListeners();
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _this$getProps = this.getProps(),
+        active = _this$getProps.active;
+      if (!prevProps.active && active) {
+        this.attachListeners();
+      }
+      if (prevProps.active && !active) {
+        this.detachListeners();
+      }
     }
-  };
-  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-    var _this$getProps = this.getProps(),
-      active = _this$getProps.active;
-    if (!prevProps.active && active) {
-      this.attachListeners();
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this.getProps().active) {
+        this.detachListeners();
+      }
     }
-    if (prevProps.active && !active) {
-      this.detachListeners();
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: this.setRootNode
+      }, this.props), React.Children.only(this.props.children));
     }
-  };
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    if (this.getProps().active) {
-      this.detachListeners();
+  }, {
+    key: "getAnchorNode",
+    value: function getAnchorNode() {
+      var getAnchorElement = this.props.getAnchorElement;
+      return getAnchorElement ? getAnchorElement() : getRootNode(this);
     }
-  };
-  _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-      rootNodeRef: this.setRootNode
-    }, this.props), React.Children.only(this.props.children));
-  };
-  _proto.getAnchorNode = function getAnchorNode() {
-    var getAnchorElement = this.props.getAnchorElement;
-    return getAnchorElement ? getAnchorElement() : getRootNode(this);
-  };
-  _proto.attachListeners = function attachListeners() {
-    var _globalObject$documen;
-    var node = this.getAnchorNode();
-    if (!node) {
-      return;
+  }, {
+    key: "attachListeners",
+    value: function attachListeners() {
+      var _globalObject$addEven, _globalObject$documen;
+      var node = this.getAnchorNode();
+      if (!node) {
+        return;
+      }
+      this.focusOutsideListenerToken = listenFocusOutside(function () {
+        return [node];
+      }, this.handleFocusOutside);
+      (_globalObject$addEven = globalObject.addEventListener) === null || _globalObject$addEven === void 0 || _globalObject$addEven.call(globalObject, 'blur', this.handleFocusOutside);
+      (_globalObject$documen = globalObject.document) === null || _globalObject$documen === void 0 || _globalObject$documen.addEventListener('ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement ? 'pointerup' : 'mousedown', this.handleNativeDocClick);
     }
-    this.focusOutsideListenerToken = listenFocusOutside(function () {
-      return [node];
-    }, this.handleFocusOutside);
-    globalObject.addEventListener == null || globalObject.addEventListener('blur', this.handleFocusOutside);
-    (_globalObject$documen = globalObject.document) == null || _globalObject$documen.addEventListener('ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement ? 'pointerup' : 'mousedown', this.handleNativeDocClick);
-  };
-  _proto.detachListeners = function detachListeners() {
-    var _globalObject$documen2;
-    if (this.focusOutsideListenerToken) {
-      this.focusOutsideListenerToken.remove();
-      this.focusOutsideListenerToken = null;
+  }, {
+    key: "detachListeners",
+    value: function detachListeners() {
+      var _globalObject$removeE, _globalObject$documen2;
+      if (this.focusOutsideListenerToken) {
+        this.focusOutsideListenerToken.remove();
+        this.focusOutsideListenerToken = null;
+      }
+      (_globalObject$removeE = globalObject.removeEventListener) === null || _globalObject$removeE === void 0 || _globalObject$removeE.call(globalObject, 'blur', this.handleFocusOutside);
+      (_globalObject$documen2 = globalObject.document) === null || _globalObject$documen2 === void 0 || _globalObject$documen2.removeEventListener('ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement ? 'pointerup' : 'mousedown', this.handleNativeDocClick);
     }
-    globalObject.removeEventListener == null || globalObject.removeEventListener('blur', this.handleFocusOutside);
-    (_globalObject$documen2 = globalObject.document) == null || _globalObject$documen2.removeEventListener('ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement ? 'pointerup' : 'mousedown', this.handleNativeDocClick);
-  };
-  return RenderLayer;
+  }]);
 }(React.Component), _RenderLayer.__KONTUR_REACT_UI__ = 'RenderLayer', _RenderLayer.displayName = 'RenderLayer', _RenderLayer.defaultProps = {
   active: true
 }, _RenderLayer)) || _class;

package/internal/RenderLayer/RenderLayer/RenderLayer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","listen","listenFocusOutside","containsTargetOrRenderContainer","CommonWrapper","getRootNode","rootNode","createPropsGetter","isInstanceOf","RenderLayer","_class","_RenderLayer","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","focusOutsideListenerToken","handleFocusOutside","event","props","onFocusOutside","handleNativeDocClick","target","srcElement","node","getAnchorNode","Element","onClickOutside","_inheritsLoose","_proto","prototype","componentDidMount","active","attachListeners","componentDidUpdate","prevProps","_this$getProps","detachListeners","componentWillUnmount","render","createElement","_extends","rootNodeRef","setRootNode","Children","only","children","getAnchorElement","_globalObject$documen","addEventListener","document","documentElement","_globalObject$documen2","remove","removeEventListener","Component","__KONTUR_REACT_UI__","displayName"],"sources":["RenderLayer.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { listen as listenFocusOutside, containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport type { Nullable } from '../../typings/utility-types';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\n\nexport interface RenderLayerProps extends CommonProps {\n  children: JSX.Element;\n  onClickOutside?: (e: Event) => void;\n  onFocusOutside?: (e: Event) => void;\n  active?: boolean;\n  getAnchorElement?: () => Nullable<Element>;\n}\n\ntype DefaultProps = Required<Pick<RenderLayerProps, 'active'>>;\n\n@rootNode\nexport class RenderLayer extends React.Component<RenderLayerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderLayer';\n  public static displayName = 'RenderLayer';\n\n  public static defaultProps: DefaultProps = {\n    active: true,\n  };\n\n  private getProps = createPropsGetter(RenderLayer.defaultProps);\n\n  private focusOutsideListenerToken: {\n    remove: () => void;\n  } | null = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    if (this.getProps().active) {\n      this.attachListeners();\n    }\n  }\n\n  public componentDidUpdate(prevProps: RenderLayerProps) {\n    const { active } = this.getProps();\n\n    if (!prevProps.active && active) {\n      this.attachListeners();\n    }\n    if (prevProps.active && !active) {\n      this.detachListeners();\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.getProps().active) {\n      this.detachListeners();\n    }\n  }\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {React.Children.only(this.props.children)}\n      </CommonWrapper>\n    );\n  }\n\n  private getAnchorNode(): Nullable<Element> {\n    const { getAnchorElement } = this.props;\n    return getAnchorElement ? getAnchorElement() : getRootNode(this);\n  }\n\n  private attachListeners() {\n    const node = this.getAnchorNode();\n    if (!node) {\n      return;\n    }\n\n    this.focusOutsideListenerToken = listenFocusOutside(() => [node], this.handleFocusOutside);\n    globalObject.addEventListener?.('blur', this.handleFocusOutside);\n    globalObject.document?.addEventListener(\n      'ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement\n        ? 'pointerup'\n        : 'mousedown',\n      this.handleNativeDocClick,\n    );\n  }\n\n  private detachListeners() {\n    if (this.focusOutsideListenerToken) {\n      this.focusOutsideListenerToken.remove();\n      this.focusOutsideListenerToken = null;\n    }\n\n    globalObject.removeEventListener?.('blur', this.handleFocusOutside);\n    globalObject.document?.removeEventListener(\n      'ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement\n        ? 'pointerup'\n        : 'mousedown',\n      this.handleNativeDocClick,\n    );\n  }\n\n  private handleFocusOutside = (event: Event) => {\n    if (this.props.onFocusOutside) {\n      this.props.onFocusOutside(event);\n    }\n  };\n\n  private handleNativeDocClick = (event: Event) => {\n    const target = event.target || event.srcElement;\n    const node = this.getAnchorNode();\n\n    if (!node || (isInstanceOf(target, globalObject.Element) && containsTargetOrRenderContainer(target)(node))) {\n      return;\n    }\n\n    if (this.props.onClickOutside) {\n      this.props.onClickOutside(event);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","globalObject","listen","listenFocusOutside","containsTargetOrRenderContainer","CommonWrapper","getRootNode","rootNode","createPropsGetter","isInstanceOf","RenderLayer","_class","_RenderLayer","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","getProps","defaultProps","focusOutsideListenerToken","handleFocusOutside","event","props","onFocusOutside","handleNativeDocClick","target","srcElement","node","getAnchorNode","Element","onClickOutside","_inherits","_createClass","key","value","componentDidMount","active","attachListeners","componentDidUpdate","prevProps","_this$getProps","detachListeners","componentWillUnmount","render","createElement","_extends","rootNodeRef","setRootNode","Children","only","children","getAnchorElement","_globalObject$addEven","_globalObject$documen","addEventListener","call","document","documentElement","_globalObject$removeE","_globalObject$documen2","remove","removeEventListener","Component","__KONTUR_REACT_UI__","displayName"],"sources":["RenderLayer.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { listen as listenFocusOutside, containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport type { Nullable } from '../../typings/utility-types';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\n\nexport interface RenderLayerProps extends CommonProps {\n  children: JSX.Element;\n  onClickOutside?: (e: Event) => void;\n  onFocusOutside?: (e: Event) => void;\n  active?: boolean;\n  getAnchorElement?: () => Nullable<Element>;\n}\n\ntype DefaultProps = Required<Pick<RenderLayerProps, 'active'>>;\n\n@rootNode\nexport class RenderLayer extends React.Component<RenderLayerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderLayer';\n  public static displayName = 'RenderLayer';\n\n  public static defaultProps: DefaultProps = {\n    active: true,\n  };\n\n  private getProps = createPropsGetter(RenderLayer.defaultProps);\n\n  private focusOutsideListenerToken: {\n    remove: () => void;\n  } | null = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    if (this.getProps().active) {\n      this.attachListeners();\n    }\n  }\n\n  public componentDidUpdate(prevProps: RenderLayerProps) {\n    const { active } = this.getProps();\n\n    if (!prevProps.active && active) {\n      this.attachListeners();\n    }\n    if (prevProps.active && !active) {\n      this.detachListeners();\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.getProps().active) {\n      this.detachListeners();\n    }\n  }\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {React.Children.only(this.props.children)}\n      </CommonWrapper>\n    );\n  }\n\n  private getAnchorNode(): Nullable<Element> {\n    const { getAnchorElement } = this.props;\n    return getAnchorElement ? getAnchorElement() : getRootNode(this);\n  }\n\n  private attachListeners() {\n    const node = this.getAnchorNode();\n    if (!node) {\n      return;\n    }\n\n    this.focusOutsideListenerToken = listenFocusOutside(() => [node], this.handleFocusOutside);\n    globalObject.addEventListener?.('blur', this.handleFocusOutside);\n    globalObject.document?.addEventListener(\n      'ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement\n        ? 'pointerup'\n        : 'mousedown',\n      this.handleNativeDocClick,\n    );\n  }\n\n  private detachListeners() {\n    if (this.focusOutsideListenerToken) {\n      this.focusOutsideListenerToken.remove();\n      this.focusOutsideListenerToken = null;\n    }\n\n    globalObject.removeEventListener?.('blur', this.handleFocusOutside);\n    globalObject.document?.removeEventListener(\n      'ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement\n        ? 'pointerup'\n        : 'mousedown',\n      this.handleNativeDocClick,\n    );\n  }\n\n  private handleFocusOutside = (event: Event) => {\n    if (this.props.onFocusOutside) {\n      this.props.onFocusOutside(event);\n    }\n  };\n\n  private handleNativeDocClick = (event: Event) => {\n    const target = event.target || event.srcElement;\n    const node = this.getAnchorNode();\n\n    if (!node || (isInstanceOf(target, globalObject.Element) && containsTargetOrRenderContainer(target)(node))) {\n      return;\n    }\n\n    if (this.props.onClickOutside) {\n      this.props.onClickOutside(event);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/ResizeDetector/ResizeDetector/ResizeDetector.js

@@ -1,14 +1,24 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import React from 'react';
 import { cx } from "../../../lib/theming/Emotion";
 import { styles } from "../ResizeDetector.styles";
 export var ResizeDetector = /*#__PURE__*/function (_React$Component) {
   function ResizeDetector() {
     var _this;
+    _classCallCheck(this, ResizeDetector);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this = _callSuper(this, ResizeDetector, [].concat(args));
     _this.iframeWindow = null;
     _this.handleResize = function (event) {
       if (_this.props.onResize) {
@@ -22,27 +32,29 @@ export var ResizeDetector = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  _inheritsLoose(ResizeDetector, _React$Component);
-  var _proto = ResizeDetector.prototype;
-  _proto.componentDidMount = function componentDidMount() {
-    if (this.iframeWindow) {
-      this.iframeWindow.addEventListener('resize', this.handleResize);
+  _inherits(ResizeDetector, _React$Component);
+  return _createClass(ResizeDetector, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.iframeWindow) {
+        this.iframeWindow.addEventListener('resize', this.handleResize);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles.root()
+      }, /*#__PURE__*/React.createElement("iframe", {
+        title: "resizeDetector",
+        ref: this.iframeRef,
+        className: styles.iframe(),
+        tabIndex: -1
+      }), /*#__PURE__*/React.createElement("div", {
+        className: cx(_defineProperty(_defineProperty(_defineProperty({}, styles.content(), true), styles.fullHeight(), this.props.fullHeight), styles.flex(), this.props.alignBaseline))
+      }, this.props.children));
     }
-  };
-  _proto.render = function render() {
-    var _cx;
-    return /*#__PURE__*/React.createElement("div", {
-      className: styles.root()
-    }, /*#__PURE__*/React.createElement("iframe", {
-      title: "resizeDetector",
-      ref: this.iframeRef,
-      className: styles.iframe(),
-      tabIndex: -1
-    }), /*#__PURE__*/React.createElement("div", {
-      className: cx((_cx = {}, _cx[styles.content()] = true, _cx[styles.fullHeight()] = this.props.fullHeight, _cx[styles.flex()] = this.props.alignBaseline, _cx))
-    }, this.props.children));
-  };
-  return ResizeDetector;
+  }]);
 }(React.Component);
 ResizeDetector.__KONTUR_REACT_UI__ = 'ResizeDetector';
 ResizeDetector.displayName = 'ResizeDetector';

package/internal/ResizeDetector/ResizeDetector/ResizeDetector.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cx","styles","ResizeDetector","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","iframeWindow","handleResize","event","props","onResize","iframeRef","iframe","contentWindow","_inheritsLoose","_proto","prototype","componentDidMount","addEventListener","render","_cx","createElement","className","root","title","ref","tabIndex","content","fullHeight","flex","alignBaseline","children","Component","__KONTUR_REACT_UI__","displayName"],"sources":["ResizeDetector.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './ResizeDetector.styles';\n\nexport interface ResizeDetectorProps {\n  onResize?: (event: UIEvent) => void;\n  fullHeight?: boolean;\n  alignBaseline?: boolean;\n}\n\nexport class ResizeDetector extends React.Component<React.PropsWithChildren<ResizeDetectorProps>> {\n  public static __KONTUR_REACT_UI__ = 'ResizeDetector';\n  public static displayName = 'ResizeDetector';\n\n  private iframeWindow: Window | null = null;\n\n  public componentDidMount() {\n    if (this.iframeWindow) {\n      this.iframeWindow.addEventListener('resize', this.handleResize);\n    }\n  }\n\n  public render() {\n    return (\n      <div className={styles.root()}>\n        <iframe title=\"resizeDetector\" ref={this.iframeRef} className={styles.iframe()} tabIndex={-1} />\n        <div\n          className={cx({\n            [styles.content()]: true,\n            [styles.fullHeight()]: this.props.fullHeight,\n            [styles.flex()]: this.props.alignBaseline,\n          })}\n        >\n          {this.props.children}\n        </div>\n      </div>\n    );\n  }\n\n  private handleResize = (event: UIEvent) => {\n    if (this.props.onResize) {\n      this.props.onResize(event);\n    }\n  };\n\n  private iframeRef = (iframe: HTMLIFrameElement) => {\n    if (iframe && iframe.contentWindow) {\n      this.iframeWindow = iframe.contentWindow;\n    }\n  };\n}\n"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,MAAM,QAAQ,yBAAyB;;;;;;;;AAQhD,WAAaC,cAAc,0BAAAC,gBAAA,YAAAD,eAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;IAIjBU,YAAY,GAAkB,IAAI,CAAAV,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;IAyBlCW,YAAY,GAAG,UAACC,KAAc,EAAK;MACzC,IAAIZ,KAAA,CAAKa,KAAK,CAACC,QAAQ,EAAE;QACvBd,KAAA,CAAKa,KAAK,CAACC,QAAQ,CAACF,KAAK,CAAC;MAC5B;IACF,CAAC,CAAAZ,KAAA;;IAEOe,SAAS,GAAG,UAACC,MAAyB,EAAK;MACjD,IAAIA,MAAM,IAAIA,MAAM,CAACC,aAAa,EAAE;QAClCjB,KAAA,CAAKU,YAAY,GAAGM,MAAM,CAACC,aAAa;MAC1C;IACF,CAAC,QAAAjB,KAAA,EAAAkB,cAAA,CAAApB,cAAA,EAAAC,gBAAA,MAAAoB,MAAA,GAAArB,cAAA,CAAAsB,SAAA,CAAAD,MAAA,CAjCME,iBAAiB,GAAxB,SAAAA,kBAAA,EAA2B,CACzB,IAAI,IAAI,CAACX,YAAY,EAAE,CACrB,IAAI,CAACA,YAAY,CAACY,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAACX,YAAY,CAAC,CACjE,CACF,CAAC,CAAAQ,MAAA,CAEMI,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,GAAA,CACd,oBACE7B,KAAA,CAAA8B,aAAA,UAAKC,SAAS,EAAE7B,MAAM,CAAC8B,IAAI,CAAC,CAAE,iBAC5BhC,KAAA,CAAA8B,aAAA,aAAQG,KAAK,EAAC,gBAAgB,EAACC,GAAG,EAAE,IAAI,CAACd,SAAU,EAACW,SAAS,EAAE7B,MAAM,CAACmB,MAAM,CAAC,CAAE,EAACc,QAAQ,EAAE,CAAC,CAAE,EAAE,CAAC,eAChGnC,KAAA,CAAA8B,aAAA,UACEC,SAAS,EAAE9B,EAAE,EAAA4B,GAAA,OAAAA,GAAA,CACV3B,MAAM,CAACkC,OAAO,CAAC,CAAC,IAAG,IAAI,EAAAP,GAAA,CACvB3B,MAAM,CAACmC,UAAU,CAAC,CAAC,IAAG,IAAI,CAACnB,KAAK,CAACmB,UAAU,EAAAR,GAAA,CAC3C3B,MAAM,CAACoC,IAAI,CAAC,CAAC,IAAG,IAAI,CAACpB,KAAK,CAACqB,aAAa,EAAAV,GAAA,CAC1C,CAAE,IAEF,IAAI,CAACX,KAAK,CAACsB,QACT,CACF,CAAC,CAEV,CAAC,QAAArC,cAAA,GA3BiCH,KAAK,CAACyC,SAAS,EAAtCtC,cAAc,CACXuC,mBAAmB,GAAG,gBAAgB,CADzCvC,cAAc,CAEXwC,WAAW,GAAG,gBAAgB","ignoreList":[]}
+{"version":3,"names":["React","cx","styles","ResizeDetector","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","iframeWindow","handleResize","event","props","onResize","iframeRef","iframe","contentWindow","_inherits","_createClass","key","value","componentDidMount","addEventListener","render","createElement","className","root","title","ref","tabIndex","_defineProperty","content","fullHeight","flex","alignBaseline","children","Component","__KONTUR_REACT_UI__","displayName"],"sources":["ResizeDetector.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './ResizeDetector.styles';\n\nexport interface ResizeDetectorProps {\n  onResize?: (event: UIEvent) => void;\n  fullHeight?: boolean;\n  alignBaseline?: boolean;\n}\n\nexport class ResizeDetector extends React.Component<React.PropsWithChildren<ResizeDetectorProps>> {\n  public static __KONTUR_REACT_UI__ = 'ResizeDetector';\n  public static displayName = 'ResizeDetector';\n\n  private iframeWindow: Window | null = null;\n\n  public componentDidMount() {\n    if (this.iframeWindow) {\n      this.iframeWindow.addEventListener('resize', this.handleResize);\n    }\n  }\n\n  public render() {\n    return (\n      <div className={styles.root()}>\n        <iframe title=\"resizeDetector\" ref={this.iframeRef} className={styles.iframe()} tabIndex={-1} />\n        <div\n          className={cx({\n            [styles.content()]: true,\n            [styles.fullHeight()]: this.props.fullHeight,\n            [styles.flex()]: this.props.alignBaseline,\n          })}\n        >\n          {this.props.children}\n        </div>\n      </div>\n    );\n  }\n\n  private handleResize = (event: UIEvent) => {\n    if (this.props.onResize) {\n      this.props.onResize(event);\n    }\n  };\n\n  private iframeRef = (iframe: HTMLIFrameElement) => {\n    if (iframe && iframe.contentWindow) {\n      this.iframeWindow = iframe.contentWindow;\n    }\n  };\n}\n"],"mappings":"ytBAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,MAAM,QAAQ,yBAAyB;;;;;;;;AAQhD,WAAaC,cAAc,0BAAAC,gBAAA,YAAAD,eAAA,OAAAE,KAAA,CAAAC,eAAA,OAAAH,cAAA,WAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAP,KAAA,GAAAQ,UAAA,OAAAV,cAAA,KAAAW,MAAA,CAAAJ,IAAA,GAAAL,KAAA;;;;IAIjBU,YAAY,GAAkB,IAAI,CAAAV,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;IAyBlCW,YAAY,GAAG,UAACC,KAAc,EAAK;MACzC,IAAIZ,KAAA,CAAKa,KAAK,CAACC,QAAQ,EAAE;QACvBd,KAAA,CAAKa,KAAK,CAACC,QAAQ,CAACF,KAAK,CAAC;MAC5B;IACF,CAAC,CAAAZ,KAAA;;IAEOe,SAAS,GAAG,UAACC,MAAyB,EAAK;MACjD,IAAIA,MAAM,IAAIA,MAAM,CAACC,aAAa,EAAE;QAClCjB,KAAA,CAAKU,YAAY,GAAGM,MAAM,CAACC,aAAa;MAC1C;IACF,CAAC,QAAAjB,KAAA,EAAAkB,SAAA,CAAApB,cAAA,EAAAC,gBAAA,SAAAoB,YAAA,CAAArB,cAAA,KAAAsB,GAAA,uBAAAC,KAAA,EAjCD,SAAAC,kBAAA,EAA2B,CACzB,IAAI,IAAI,CAACZ,YAAY,EAAE,CACrB,IAAI,CAACA,YAAY,CAACa,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAACZ,YAAY,CAAC,CACjE,CACF,CAAC,MAAAS,GAAA,YAAAC,KAAA,EAED,SAAAG,OAAA,EAAgB,CACd,oBACE7B,KAAA,CAAA8B,aAAA,UAAKC,SAAS,EAAE7B,MAAM,CAAC8B,IAAI,CAAC,CAAE,iBAC5BhC,KAAA,CAAA8B,aAAA,aAAQG,KAAK,EAAC,gBAAgB,EAACC,GAAG,EAAE,IAAI,CAACd,SAAU,EAACW,SAAS,EAAE7B,MAAM,CAACmB,MAAM,CAAC,CAAE,EAACc,QAAQ,EAAE,CAAC,CAAE,EAAE,CAAC,eAChGnC,KAAA,CAAA8B,aAAA,UACEC,SAAS,EAAE9B,EAAE,CAAAmC,eAAA,CAAAA,eAAA,CAAAA,eAAA,KACVlC,MAAM,CAACmC,OAAO,CAAC,CAAC,EAAG,IAAI,GACvBnC,MAAM,CAACoC,UAAU,CAAC,CAAC,EAAG,IAAI,CAACpB,KAAK,CAACoB,UAAU,GAC3CpC,MAAM,CAACqC,IAAI,CAAC,CAAC,EAAG,IAAI,CAACrB,KAAK,CAACsB,aAAa,CAC1C,CAAE,IAEF,IAAI,CAACtB,KAAK,CAACuB,QACT,CACF,CAAC,CAEV,CAAC,OA3BiCzC,KAAK,CAAC0C,SAAS,EAAtCvC,cAAc,CACXwC,mBAAmB,GAAG,gBAAgB,CADzCxC,cAAc,CAEXyC,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/internal/ResizeDetector/ResizeDetector.styles/ResizeDetector.styles.js

@@ -1,20 +1,20 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   root: function root() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: relative;\n      height: 100%;\n    "])));
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: relative;\n      height: 100%;\n    "])));
   },
   iframe: function iframe() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      padding: 0;\n      margin: 0;\n      border: 0;\n      background: transparent;\n      opacity: 0;\n    "])));
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      padding: 0;\n      margin: 0;\n      border: 0;\n      background: transparent;\n      opacity: 0;\n    "])));
   },
   content: function content() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      position: relative;\n    "])));
   },
   fullHeight: function fullHeight() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      height: 100%;\n    "])));
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      height: 100%;\n    "])));
   },
   flex: function flex() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      display: flex;\n    "])));
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      display: flex;\n    "])));
   }
 });

package/internal/ResizeDetector/ResizeDetector.styles/ResizeDetector.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","iframe","_templateObject2","content","_templateObject3","fullHeight","_templateObject4","flex","_templateObject5"],"sources":["ResizeDetector.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      position: relative;\n      height: 100%;\n    `;\n  },\n\n  iframe() {\n    return css`\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      padding: 0;\n      margin: 0;\n      border: 0;\n      background: transparent;\n      opacity: 0;\n    `;\n  },\n\n  content() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  fullHeight() {\n    return css`\n      height: 100%;\n    `;\n  },\n\n  flex() {\n    return css`\n      display: flex;\n    `;\n  },\n});\n"],"mappings":"4LAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;EAIZ,CAAC;;EAEDC,MAAM,WAAAA,OAAA,EAAG;IACP,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;;;;;;;;;EAYZ,CAAC;;EAEDG,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;EAGZ,CAAC;;EAEDK,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;EAGZ,CAAC;;EAEDO,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteral","iframe","_templateObject2","content","_templateObject3","fullHeight","_templateObject4","flex","_templateObject5"],"sources":["ResizeDetector.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      position: relative;\n      height: 100%;\n    `;\n  },\n\n  iframe() {\n    return css`\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      padding: 0;\n      margin: 0;\n      border: 0;\n      background: transparent;\n      opacity: 0;\n    `;\n  },\n\n  content() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  fullHeight() {\n    return css`\n      height: 100%;\n    `;\n  },\n\n  flex() {\n    return css`\n      display: flex;\n    `;\n  },\n});\n"],"mappings":"kLAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,sBAAA;;;;EAIZ,CAAC;;EAEDC,MAAM,WAAAA,OAAA,EAAG;IACP,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA;;;;;;;;;;;;EAYZ,CAAC;;EAEDG,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA;;;EAGZ,CAAC;;EAEDK,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA;;;EAGZ,CAAC;;EAEDO,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}

package/internal/SpinnerIcon/SpinnerIcon/SpinnerIcon.js

@@ -1,3 +1,5 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import React from 'react';
 import { isIE11 } from "../../../lib/client";
 import { SpinnerFallbackAnimationRunner, createOffsetAnimation, createLengthAnimation, createColorAnimation, createRotationAnimation } from "../../../components/Spinner/SpinnerFallbackAnimation";
@@ -26,7 +28,6 @@ var isSizeAlias = function isSizeAlias(size) {
   return typeof size === 'string' && size in sizes;
 };
 export var SpinnerIcon = function SpinnerIcon(_ref) {
-  var _cx, _cx2;
   var size = _ref.size,
     className = _ref.className,
     dimmed = _ref.dimmed,
@@ -58,7 +59,7 @@ export var SpinnerIcon = function SpinnerIcon(_ref) {
           (_svg$style = svg.style).setProperty.apply(_svg$style, arguments);
         }
       };
-      fallbackAnimationRef.current = new SpinnerFallbackAnimationRunner([createOffsetAnimation(0, -230, 1000, setStyleProperty, '%'), createLengthAnimation([62, 168], [187, 43], 2000, setStyleProperty, '%'), createRotationAnimation(0, 360, 2000, setStyleProperty)].concat(dimmed ? [] : [createColorAnimation([red, yellow, green, brand], 1500, setStyleProperty)]), 1000 / 60);
+      fallbackAnimationRef.current = new SpinnerFallbackAnimationRunner([createOffsetAnimation(0, -230, 1000, setStyleProperty, '%'), createLengthAnimation([62, 168], [187, 43], 2000, setStyleProperty, '%'), createRotationAnimation(0, 360, 2000, setStyleProperty)].concat(_toConsumableArray(dimmed ? [] : [createColorAnimation([red, yellow, green, brand], 1500, setStyleProperty)])), 1000 / 60);
       return function () {
         var fallbackAnimation = fallbackAnimationRef.current;
         if (fallbackAnimation) {
@@ -72,16 +73,16 @@ export var SpinnerIcon = function SpinnerIcon(_ref) {
   }
   return /*#__PURE__*/(
     React.createElement("span", {
-      className: cx(styles.root(), (_cx = {}, _cx[styles.rootInline()] = inline, _cx))
+      className: cx(styles.root(), _defineProperty({}, styles.rootInline(), inline))
     }, /*#__PURE__*/
     React.createElement("svg", {
-      viewBox: "0 0 " + currentSize.size + " " + currentSize.size,
-      className: cx(styles.icon(), className, (_cx2 = {}, _cx2[styles.iconInline()] = inline, _cx2)),
+      viewBox: "0 0 ".concat(currentSize.size, " ").concat(currentSize.size),
+      className: cx(styles.icon(), className, _defineProperty({}, styles.iconInline(), inline)),
       width: currentSize.size,
       height: currentSize.size,
       fill: "none",
       stroke: color,
-      strokeDasharray: 10 * currentSize.radius / 6 + ", " + 27 * currentSize.radius / 6,
+      strokeDasharray: "".concat(10 * currentSize.radius / 6, ", ").concat(27 * currentSize.radius / 6),
       strokeDashoffset: "0",
       strokeWidth: width || currentSize.width,
       ref: svgRef,

package/internal/SpinnerIcon/SpinnerIcon/SpinnerIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","isIE11","SpinnerFallbackAnimationRunner","createOffsetAnimation","createLengthAnimation","createColorAnimation","createRotationAnimation","isTestEnv","ThemeContext","cx","styles","sizes","big","size","width","radius","normal","mini","isSizeAlias","SpinnerIcon","_ref","_cx","_cx2","className","dimmed","inline","color","_size","currentSize","svgRef","useRef","fallbackAnimationRef","_React$useContext","useContext","red","yellow","green","brand","useEffect","svg","current","setStyleProperty","_svg$style","style","setProperty","apply","arguments","concat","fallbackAnimation","stop","removeAttribute","createElement","root","rootInline","viewBox","icon","iconInline","height","fill","stroke","strokeDasharray","strokeDashoffset","strokeWidth","ref","focusable","cy","r"],"sources":["SpinnerIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isIE11 } from '../../lib/client';\nimport {\n  SpinnerFallbackAnimationRunner,\n  createOffsetAnimation,\n  createLengthAnimation,\n  createColorAnimation,\n  createRotationAnimation,\n} from '../../components/Spinner/SpinnerFallbackAnimation';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './SpinnerIcon.styles';\n\ninterface SpinnerIconSize {\n  size: number;\n  width: number;\n  radius: number;\n}\n\nexport interface SpinnerIconProps {\n  className?: string;\n  size: SpinnerIconSize | keyof typeof sizes;\n  dimmed?: boolean;\n  inline?: boolean;\n  width?: number;\n  color?: React.CSSProperties['color'];\n}\n\nexport const sizes = {\n  big: {\n    size: 96,\n    width: 4,\n    radius: 32,\n  },\n  normal: {\n    size: 48,\n    width: 2,\n    radius: 16,\n  },\n  mini: {\n    size: 16,\n    width: 1.5,\n    radius: 6,\n  },\n} as const;\n\nconst isSizeAlias = (size: unknown): size is keyof typeof sizes => {\n  return typeof size === 'string' && size in sizes;\n};\n\nexport const SpinnerIcon = ({ size, className, dimmed, inline, width, color }: SpinnerIconProps) => {\n  const _size = isSizeAlias(size) ? sizes[size] : size;\n  const currentSize = inline ? sizes.mini : _size;\n  const svgRef = React.useRef<SVGSVGElement>(null);\n\n  if (isIE11 && !isTestEnv) {\n    // This condition will not change during app's life time\n    // So its OK to use hooks here\n    // https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-level\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const fallbackAnimationRef = React.useRef<SpinnerFallbackAnimationRunner | null>(null);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const { red, yellow, green, brand } = React.useContext(ThemeContext);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      const svg = svgRef.current;\n\n      const setStyleProperty: CSSStyleDeclaration['setProperty'] = (...args) => {\n        if (svg) {\n          svg.style.setProperty(...args);\n        }\n      };\n\n      fallbackAnimationRef.current = new SpinnerFallbackAnimationRunner(\n        [\n          createOffsetAnimation(0, -230, 1000, setStyleProperty, '%'),\n          createLengthAnimation([62, 168], [187, 43], 2000, setStyleProperty, '%'),\n          createRotationAnimation(0, 360, 2000, setStyleProperty),\n          ...(dimmed ? [] : [createColorAnimation([red, yellow, green, brand], 1500, setStyleProperty)]),\n        ],\n        1000 / 60,\n      );\n\n      return () => {\n        const fallbackAnimation = fallbackAnimationRef.current;\n        if (fallbackAnimation) {\n          fallbackAnimation.stop();\n        }\n        if (svg) {\n          svg.removeAttribute('style');\n        }\n      };\n    }, [dimmed, red, yellow, green, brand]);\n  }\n\n  return (\n    <span className={cx(styles.root(), { [styles.rootInline()]: inline })}>\n      <svg\n        viewBox={`0 0 ${currentSize.size} ${currentSize.size}`}\n        className={cx(styles.icon(), className, {\n          [styles.iconInline()]: inline,\n        })}\n        width={currentSize.size}\n        height={currentSize.size}\n        fill=\"none\"\n        stroke={color}\n        strokeDasharray={`${(10 * currentSize.radius) / 6}, ${(27 * currentSize.radius) / 6}`}\n        strokeDashoffset=\"0\"\n        strokeWidth={width || currentSize.width}\n        ref={svgRef}\n        focusable=\"false\"\n        aria-hidden=\"true\"\n      >\n        <circle cx={currentSize.size / 2} cy={currentSize.size / 2} r={currentSize.radius} />\n      </svg>\n    </span>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","isIE11","SpinnerFallbackAnimationRunner","createOffsetAnimation","createLengthAnimation","createColorAnimation","createRotationAnimation","isTestEnv","ThemeContext","cx","styles","sizes","big","size","width","radius","normal","mini","isSizeAlias","SpinnerIcon","_ref","className","dimmed","inline","color","_size","currentSize","svgRef","useRef","fallbackAnimationRef","_React$useContext","useContext","red","yellow","green","brand","useEffect","svg","current","setStyleProperty","_svg$style","style","setProperty","apply","arguments","concat","_toConsumableArray","fallbackAnimation","stop","removeAttribute","createElement","root","_defineProperty","rootInline","viewBox","icon","iconInline","height","fill","stroke","strokeDasharray","strokeDashoffset","strokeWidth","ref","focusable","cy","r"],"sources":["SpinnerIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isIE11 } from '../../lib/client';\nimport {\n  SpinnerFallbackAnimationRunner,\n  createOffsetAnimation,\n  createLengthAnimation,\n  createColorAnimation,\n  createRotationAnimation,\n} from '../../components/Spinner/SpinnerFallbackAnimation';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './SpinnerIcon.styles';\n\ninterface SpinnerIconSize {\n  size: number;\n  width: number;\n  radius: number;\n}\n\nexport interface SpinnerIconProps {\n  className?: string;\n  size: SpinnerIconSize | keyof typeof sizes;\n  dimmed?: boolean;\n  inline?: boolean;\n  width?: number;\n  color?: React.CSSProperties['color'];\n}\n\nexport const sizes = {\n  big: {\n    size: 96,\n    width: 4,\n    radius: 32,\n  },\n  normal: {\n    size: 48,\n    width: 2,\n    radius: 16,\n  },\n  mini: {\n    size: 16,\n    width: 1.5,\n    radius: 6,\n  },\n} as const;\n\nconst isSizeAlias = (size: unknown): size is keyof typeof sizes => {\n  return typeof size === 'string' && size in sizes;\n};\n\nexport const SpinnerIcon = ({ size, className, dimmed, inline, width, color }: SpinnerIconProps) => {\n  const _size = isSizeAlias(size) ? sizes[size] : size;\n  const currentSize = inline ? sizes.mini : _size;\n  const svgRef = React.useRef<SVGSVGElement>(null);\n\n  if (isIE11 && !isTestEnv) {\n    // This condition will not change during app's life time\n    // So its OK to use hooks here\n    // https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-level\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const fallbackAnimationRef = React.useRef<SpinnerFallbackAnimationRunner | null>(null);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const { red, yellow, green, brand } = React.useContext(ThemeContext);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      const svg = svgRef.current;\n\n      const setStyleProperty: CSSStyleDeclaration['setProperty'] = (...args) => {\n        if (svg) {\n          svg.style.setProperty(...args);\n        }\n      };\n\n      fallbackAnimationRef.current = new SpinnerFallbackAnimationRunner(\n        [\n          createOffsetAnimation(0, -230, 1000, setStyleProperty, '%'),\n          createLengthAnimation([62, 168], [187, 43], 2000, setStyleProperty, '%'),\n          createRotationAnimation(0, 360, 2000, setStyleProperty),\n          ...(dimmed ? [] : [createColorAnimation([red, yellow, green, brand], 1500, setStyleProperty)]),\n        ],\n        1000 / 60,\n      );\n\n      return () => {\n        const fallbackAnimation = fallbackAnimationRef.current;\n        if (fallbackAnimation) {\n          fallbackAnimation.stop();\n        }\n        if (svg) {\n          svg.removeAttribute('style');\n        }\n      };\n    }, [dimmed, red, yellow, green, brand]);\n  }\n\n  return (\n    <span className={cx(styles.root(), { [styles.rootInline()]: inline })}>\n      <svg\n        viewBox={`0 0 ${currentSize.size} ${currentSize.size}`}\n        className={cx(styles.icon(), className, {\n          [styles.iconInline()]: inline,\n        })}\n        width={currentSize.size}\n        height={currentSize.size}\n        fill=\"none\"\n        stroke={color}\n        strokeDasharray={`${(10 * currentSize.radius) / 6}, ${(27 * currentSize.radius) / 6}`}\n        strokeDashoffset=\"0\"\n        strokeWidth={width || currentSize.width}\n        ref={svgRef}\n        focusable=\"false\"\n        aria-hidden=\"true\"\n      >\n        <circle cx={currentSize.size / 2} cy={currentSize.size / 2} r={currentSize.radius} />\n      </svg>\n    </span>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/internal/SpinnerIcon/SpinnerIcon.styles/SpinnerIcon.styles.js

@@ -1,17 +1,17 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   root: function root() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      margin-left: -1px;\n      margin-right: -1px;\n    "])));
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: inline-block;\n      margin-left: -1px;\n      margin-right: -1px;\n    "])));
   },
   rootInline: function rootInline() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      margin-left: -0.0714285714285714em;\n      margin-right: -0.0714285714285714em;\n    "])));
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      margin-left: -0.0714285714285714em;\n      margin-right: -0.0714285714285714em;\n    "])));
   },
   icon: function icon() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      margin-bottom: -3px;\n      border-radius: 50%;\n      overflow: visible;\n    "])));
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      margin-bottom: -3px;\n      border-radius: 50%;\n      overflow: visible;\n    "])));
   },
   iconInline: function iconInline() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      height: 1.1428571428571428em;\n      width: 1.1428571428571428em;\n      margin-bottom: -0.2428571428571428em;\n      stroke-width: 0.10714285714285714em;\n    "])));
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      height: 1.1428571428571428em;\n      width: 1.1428571428571428em;\n      margin-bottom: -0.2428571428571428em;\n      stroke-width: 0.10714285714285714em;\n    "])));
   }
 });

package/internal/SpinnerIcon/SpinnerIcon.styles/SpinnerIcon.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","rootInline","_templateObject2","icon","_templateObject3","iconInline","_templateObject4"],"sources":["SpinnerIcon.styles.ts"],"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: -1px;\n      margin-right: -1px;\n    `;\n  },\n  rootInline() {\n    return css`\n      margin-left: -0.0714285714285714em;\n      margin-right: -0.0714285714285714em;\n    `;\n  },\n\n  icon() {\n    return css`\n      margin-bottom: -3px;\n      border-radius: 50%;\n      overflow: visible;\n    `;\n  },\n\n  iconInline() {\n    return css`\n      height: 1.1428571428571428em;\n      width: 1.1428571428571428em;\n      margin-bottom: -0.2428571428571428em;\n      stroke-width: 0.10714285714285714em;\n    `;\n  },\n});\n"],"mappings":"0KAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;EAKZ,CAAC;EACDC,UAAU,WAAAA,WAAA,EAAG;IACX,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;EAIZ,CAAC;;EAEDG,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;;EAKZ,CAAC;;EAEDK,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;;;EAMZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteral","rootInline","_templateObject2","icon","_templateObject3","iconInline","_templateObject4"],"sources":["SpinnerIcon.styles.ts"],"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: -1px;\n      margin-right: -1px;\n    `;\n  },\n  rootInline() {\n    return css`\n      margin-left: -0.0714285714285714em;\n      margin-right: -0.0714285714285714em;\n    `;\n  },\n\n  icon() {\n    return css`\n      margin-bottom: -3px;\n      border-radius: 50%;\n      overflow: visible;\n    `;\n  },\n\n  iconInline() {\n    return css`\n      height: 1.1428571428571428em;\n      width: 1.1428571428571428em;\n      margin-bottom: -0.2428571428571428em;\n      stroke-width: 0.10714285714285714em;\n    `;\n  },\n});\n"],"mappings":"gKAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,sBAAA;;;;;EAKZ,CAAC;EACDC,UAAU,WAAAA,WAAA,EAAG;IACX,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA;;;;EAIZ,CAAC;;EAEDG,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA;;;;;EAKZ,CAAC;;EAEDK,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA;;;;;;EAMZ;AACF,CAAC,CAAC","ignoreList":[]}

package/internal/TextWidthHelper/TextWidthHelper/TextWidthHelper.js

@@ -1,4 +1,12 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import React from 'react';
 import { getDOMRect } from "../../../lib/dom/getDOMRect";
 import { jsStyles } from "../TextWidthHelper.styles";
@@ -10,31 +18,37 @@ var THIN_SPACE = "\u2009";
 export var TextWidthHelper = /*#__PURE__*/function (_React$Component) {
   function TextWidthHelper() {
     var _this;
+    _classCallCheck(this, TextWidthHelper);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this = _callSuper(this, TextWidthHelper, [].concat(args));
     _this.element = null;
     _this.elementRef = function (node) {
       return _this.element = node;
     };
     return _this;
   }
-  _inheritsLoose(TextWidthHelper, _React$Component);
-  var _proto = TextWidthHelper.prototype;
-  _proto.render = function render() {
-    return /*#__PURE__*/React.createElement("div", {
-      className: jsStyles.root()
-    }, /*#__PURE__*/React.createElement("div", {
-      className: jsStyles.textContainer(),
-      ref: this.elementRef
-    }, this.props.text || THIN_SPACE));
-  };
-  _proto.getTextWidth = function getTextWidth() {
-    return getDOMRect(this.element).width;
-  };
-  _proto.getTextHeight = function getTextHeight() {
-    return getDOMRect(this.element).height;
-  };
-  return TextWidthHelper;
+  _inherits(TextWidthHelper, _React$Component);
+  return _createClass(TextWidthHelper, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement("div", {
+        className: jsStyles.root()
+      }, /*#__PURE__*/React.createElement("div", {
+        className: jsStyles.textContainer(),
+        ref: this.elementRef
+      }, this.props.text || THIN_SPACE));
+    }
+  }, {
+    key: "getTextWidth",
+    value: function getTextWidth() {
+      return getDOMRect(this.element).width;
+    }
+  }, {
+    key: "getTextHeight",
+    value: function getTextHeight() {
+      return getDOMRect(this.element).height;
+    }
+  }]);
 }(React.Component);

package/internal/TextWidthHelper/TextWidthHelper/TextWidthHelper.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","getDOMRect","jsStyles","THIN_SPACE","TextWidthHelper","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","element","elementRef","node","_inheritsLoose","_proto","prototype","render","createElement","className","root","textContainer","ref","props","text","getTextWidth","width","getTextHeight","height","Component"],"sources":["TextWidthHelper.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\n\nimport { jsStyles } from './TextWidthHelper.styles';\n\nconst THIN_SPACE = '\\u2009';\n\ninterface TextWidthHelperProps {\n  text?: string;\n}\n/**\n * Херпер позволяет вычислить размеры блока с текстом\n */\nexport class TextWidthHelper extends React.Component<TextWidthHelperProps> {\n  private element: HTMLDivElement | null = null;\n\n  public render() {\n    return (\n      <div className={jsStyles.root()}>\n        <div className={jsStyles.textContainer()} ref={this.elementRef}>\n          {this.props.text || THIN_SPACE}\n        </div>\n      </div>\n    );\n  }\n\n  public getTextWidth(): number {\n    return getDOMRect(this.element).width;\n  }\n\n  public getTextHeight(): number {\n    return getDOMRect(this.element).height;\n  }\n\n  private elementRef = (node: HTMLDivElement) => (this.element = node);\n}\n"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,UAAU,QAAQ,0BAA0B;;AAErD,SAASC,QAAQ,QAAQ,0BAA0B;;AAEnD,IAAMC,UAAU,GAAG,QAAQ;;;;;AAK3B;AACA;AACA;AACA,WAAaC,eAAe,0BAAAC,gBAAA,YAAAD,gBAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;IAClBU,OAAO,GAA0B,IAAI,CAAAV,KAAA;;;;;;;;;;;;;;;;;;;;IAoBrCW,UAAU,GAAG,UAACC,IAAoB,UAAMZ,KAAA,CAAKU,OAAO,GAAGE,IAAI,EAAC,QAAAZ,KAAA,EAAAa,cAAA,CAAAf,eAAA,EAAAC,gBAAA,MAAAe,MAAA,GAAAhB,eAAA,CAAAiB,SAAA,CAAAD,MAAA,CAlB7DE,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACEtB,KAAA,CAAAuB,aAAA,UAAKC,SAAS,EAAEtB,QAAQ,CAACuB,IAAI,CAAC,CAAE,iBAC9BzB,KAAA,CAAAuB,aAAA,UAAKC,SAAS,EAAEtB,QAAQ,CAACwB,aAAa,CAAC,CAAE,EAACC,GAAG,EAAE,IAAI,CAACV,UAAW,IAC5D,IAAI,CAACW,KAAK,CAACC,IAAI,IAAI1B,UACjB,CACF,CAAC,CAEV,CAAC,CAAAiB,MAAA,CAEMU,YAAY,GAAnB,SAAAA,aAAA,EAA8B,CAC5B,OAAO7B,UAAU,CAAC,IAAI,CAACe,OAAO,CAAC,CAACe,KAAK,CACvC,CAAC,CAAAX,MAAA,CAEMY,aAAa,GAApB,SAAAA,cAAA,EAA+B,CAC7B,OAAO/B,UAAU,CAAC,IAAI,CAACe,OAAO,CAAC,CAACiB,MAAM,CACxC,CAAC,QAAA7B,eAAA,GAnBkCJ,KAAK,CAACkC,SAAS","ignoreList":[]}
+{"version":3,"names":["React","getDOMRect","jsStyles","THIN_SPACE","TextWidthHelper","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","element","elementRef","node","_inherits","_createClass","key","value","render","createElement","className","root","textContainer","ref","props","text","getTextWidth","width","getTextHeight","height","Component"],"sources":["TextWidthHelper.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\n\nimport { jsStyles } from './TextWidthHelper.styles';\n\nconst THIN_SPACE = '\\u2009';\n\ninterface TextWidthHelperProps {\n  text?: string;\n}\n/**\n * Херпер позволяет вычислить размеры блока с текстом\n */\nexport class TextWidthHelper extends React.Component<TextWidthHelperProps> {\n  private element: HTMLDivElement | null = null;\n\n  public render() {\n    return (\n      <div className={jsStyles.root()}>\n        <div className={jsStyles.textContainer()} ref={this.elementRef}>\n          {this.props.text || THIN_SPACE}\n        </div>\n      </div>\n    );\n  }\n\n  public getTextWidth(): number {\n    return getDOMRect(this.element).width;\n  }\n\n  public getTextHeight(): number {\n    return getDOMRect(this.element).height;\n  }\n\n  private elementRef = (node: HTMLDivElement) => (this.element = node);\n}\n"],"mappings":"ipBAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,UAAU,QAAQ,0BAA0B;;AAErD,SAASC,QAAQ,QAAQ,0BAA0B;;AAEnD,IAAMC,UAAU,GAAG,QAAQ;;;;;AAK3B;AACA;AACA;AACA,WAAaC,eAAe,0BAAAC,gBAAA,YAAAD,gBAAA,OAAAE,KAAA,CAAAC,eAAA,OAAAH,eAAA,WAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAP,KAAA,GAAAQ,UAAA,OAAAV,eAAA,KAAAW,MAAA,CAAAJ,IAAA,GAAAL,KAAA;IAClBU,OAAO,GAA0B,IAAI,CAAAV,KAAA;;;;;;;;;;;;;;;;;;;;IAoBrCW,UAAU,GAAG,UAACC,IAAoB,UAAMZ,KAAA,CAAKU,OAAO,GAAGE,IAAI,EAAC,QAAAZ,KAAA,EAAAa,SAAA,CAAAf,eAAA,EAAAC,gBAAA,SAAAe,YAAA,CAAAhB,eAAA,KAAAiB,GAAA,YAAAC,KAAA,EAlBpE,SAAAC,OAAA,EAAgB,CACd,oBACEvB,KAAA,CAAAwB,aAAA,UAAKC,SAAS,EAAEvB,QAAQ,CAACwB,IAAI,CAAC,CAAE,iBAC9B1B,KAAA,CAAAwB,aAAA,UAAKC,SAAS,EAAEvB,QAAQ,CAACyB,aAAa,CAAC,CAAE,EAACC,GAAG,EAAE,IAAI,CAACX,UAAW,IAC5D,IAAI,CAACY,KAAK,CAACC,IAAI,IAAI3B,UACjB,CACF,CAAC,CAEV,CAAC,MAAAkB,GAAA,kBAAAC,KAAA,EAED,SAAAS,aAAA,EAA8B,CAC5B,OAAO9B,UAAU,CAAC,IAAI,CAACe,OAAO,CAAC,CAACgB,KAAK,CACvC,CAAC,MAAAX,GAAA,mBAAAC,KAAA,EAED,SAAAW,cAAA,EAA+B,CAC7B,OAAOhC,UAAU,CAAC,IAAI,CAACe,OAAO,CAAC,CAACkB,MAAM,CACxC,CAAC,OAnBkClC,KAAK,CAACmC,SAAS","ignoreList":[]}

package/internal/TextWidthHelper/TextWidthHelper.styles/TextWidthHelper.styles.js

@@ -1,12 +1,12 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 var styles = {
   root: function root() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: flex;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      visibility: hidden;\n      overflow: hidden;\n    "])));
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: flex;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      visibility: hidden;\n      overflow: hidden;\n    "])));
   },
   textContainer: function textContainer() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      word-break: break-all;\n      white-space: nowrap;\n    "])));
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      word-break: break-all;\n      white-space: nowrap;\n    "])));
   }
 };
 export var jsStyles = memoizeStyle(styles);

package/internal/TextWidthHelper/TextWidthHelper.styles/TextWidthHelper.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","textContainer","_templateObject2","jsStyles"],"sources":["TextWidthHelper.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nconst styles = {\n  root() {\n    return css`\n      display: flex;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      visibility: hidden;\n      overflow: hidden;\n    `;\n  },\n  textContainer() {\n    return css`\n      word-break: break-all;\n      white-space: nowrap;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"sIAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;;;EASZ,CAAC;EACDC,aAAa,WAAAA,cAAA,EAAG;IACd,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;EAIZ;AACF,CAAC;;AAED,OAAO,IAAMG,QAAQ,GAAGP,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteral","textContainer","_templateObject2","jsStyles"],"sources":["TextWidthHelper.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nconst styles = {\n  root() {\n    return css`\n      display: flex;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      visibility: hidden;\n      overflow: hidden;\n    `;\n  },\n  textContainer() {\n    return css`\n      word-break: break-all;\n      white-space: nowrap;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"4HAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,sBAAA;;;;;;;;;EASZ,CAAC;EACDC,aAAa,WAAAA,cAAA,EAAG;IACd,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA;;;;EAIZ;AACF,CAAC;;AAED,OAAO,IAAMG,QAAQ,GAAGP,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}