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

package/cjs/internal/RenderContainer/RenderContainer.d.ts

@@ -7,12 +7,10 @@ export declare class RenderContainer extends React.Component<RenderContainerProp
     static displayName: string;
     private static getRootId;
     private domContainer;
-    private emotion;
     private readonly rootId;
     shouldComponentUpdate(nextProps: RenderContainerProps): boolean;
     componentWillUnmount(): void;
     render(): React.JSX.Element;
-    private renderMain;
     private createContainer;
     private mountContainer;
     private destroyContainer;

package/cjs/internal/RenderContainer/RenderContainer.js

@@ -2,12 +2,9 @@
 var _globalObject = require("@skbkontur/global-object");
 
 
-var _Emotion = require("../../lib/theming/Emotion");
-
 var _utils = require("../../lib/utils");
 var _Upgrades = require("../../lib/Upgrades");
 var _callChildRef = require("../../lib/callChildRef/callChildRef");
-var _isShadowRoot = require("../../lib/shadowDom/isShadowRoot");
 
 var _RenderInnerContainer = require("./RenderInnerContainer");
 
@@ -26,68 +23,47 @@ RenderContainer = exports.RenderContainer = /*#__PURE__*/function (_React$Compon
 
     domContainer = null;_this.
 
+    rootId = RenderContainer.getRootId();return _this;}(0, _inheritsLoose2.default)(RenderContainer, _React$Component);var _proto = RenderContainer.prototype;_proto.
 
-    rootId = RenderContainer.getRootId();_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+  shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
+    if (!this.props.children && nextProps.children) {
+      this.mountContainer();
+    }
+    if (this.props.children && !nextProps.children) {
+      this.unmountContainer();
+    }
+    return true;
+  };_proto.
 
+  componentWillUnmount = function componentWillUnmount() {
+    this.destroyContainer();
+  };_proto.
 
-    renderMain = function () {
-      if (_this.props.children) {
-        _this.mountContainer();
-      }
+  render = function render() {
+    if (this.props.children) {
+      this.mountContainer();
+    }
 
-      return /*#__PURE__*/_react.default.createElement(_RenderInnerContainer.RenderInnerContainer, (0, _extends2.default)({}, _this.props, { domContainer: _this.domContainer, rootId: _this.rootId }));
-    };return _this;}(0, _inheritsLoose2.default)(RenderContainer, _React$Component);var _proto = RenderContainer.prototype;_proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {if (!this.props.children && nextProps.children) {this.mountContainer();}if (this.props.children && !nextProps.children) {this.unmountContainer();}return true;};_proto.componentWillUnmount = function componentWillUnmount() {this.destroyContainer();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;return _this2.renderMain();});};_proto.
+    return /*#__PURE__*/_react.default.createElement(_RenderInnerContainer.RenderInnerContainer, (0, _extends2.default)({}, this.props, { domContainer: this.domContainer, rootId: this.rootId }));
+  };_proto.
 
   createContainer = function createContainer() {var _globalObject$documen;
     var domContainer = (_globalObject$documen = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen.createElement('div');
-
     if (domContainer) {
       domContainer.setAttribute('class', _Upgrades.Upgrade.getSpecificityClassName());
-      var root = this.emotion.sheet.container.getRootNode();
-      if ((0, _isShadowRoot.isShadowRoot)(root)) {
-        domContainer.setAttribute('style', "position: relative; top: -" + root.host.getBoundingClientRect().height + "px");
-      }
       domContainer.setAttribute(PORTAL_OUTLET_ATTR, "" + this.rootId);
       this.domContainer = domContainer;
     }
   };_proto.
 
-  mountContainer = function mountContainer() {var _this$emotion$sheet, _globalObject$documen2;
+  mountContainer = function mountContainer() {var _globalObject$documen2;
     var globalWithReactTesting = _globalObject.globalObject;
 
     if (!this.domContainer) {
       this.createContainer();
     }
-
-    var stylesRoot = (_this$emotion$sheet = this.emotion.sheet) == null || (_this$emotion$sheet = _this$emotion$sheet.container) == null ? void 0 : _this$emotion$sheet.getRootNode();
-    var rootElement = (0, _isShadowRoot.isShadowRoot)(stylesRoot) && stylesRoot ? stylesRoot : (_globalObject$documen2 = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen2.body;
-
-    if (this.domContainer && this.domContainer.parentNode !== rootElement) {
-      rootElement == null || rootElement.appendChild(this.domContainer);
+    if (this.domContainer && this.domContainer.parentNode !== ((_globalObject$documen2 = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen2.body)) {var _globalObject$documen3;
+      (_globalObject$documen3 = _globalObject.globalObject.document) == null || _globalObject$documen3.body.appendChild(this.domContainer);
 
       if (this.props.containerRef) {
         (0, _callChildRef.callChildRef)(this.props.containerRef, this.domContainer);

package/cjs/internal/RenderContainer/RenderContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_Emotion","_utils","_Upgrades","_callChildRef","_isShadowRoot","_RenderInnerContainer","PORTAL_INLET_ATTR","exports","PORTAL_OUTLET_ATTR","RenderContainer","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","domContainer","rootId","getRootId","renderMain","props","children","mountContainer","default","createElement","RenderInnerContainer","_extends2","_inheritsLoose2","_proto","prototype","shouldComponentUpdate","nextProps","unmountContainer","componentWillUnmount","destroyContainer","render","_this2","EmotionConsumer","emotion","createContainer","_globalObject$documen","globalObject","document","setAttribute","Upgrade","getSpecificityClassName","root","sheet","container","getRootNode","isShadowRoot","host","getBoundingClientRect","height","_this$emotion$sheet","_globalObject$documen2","globalWithReactTesting","stylesRoot","rootElement","body","parentNode","appendChild","containerRef","callChildRef","ReactTesting","addRenderContainer","removeChild","removeRenderContainer","React","Component","__KONTUR_REACT_UI__","displayName","getRandomID"],"sources":["RenderContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { Nullable } from '../../typings/utility-types';\nimport { getRandomID } from '../../lib/utils';\nimport { Upgrade } from '../../lib/Upgrades';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport { isShadowRoot } from '../../lib/shadowDom/isShadowRoot';\n\nimport { RenderInnerContainer } from './RenderInnerContainer';\nimport { RenderContainerProps } from './RenderContainerTypes';\n\ninterface GlobalWithReactTesting {\n  ReactTesting?: any;\n}\n\nexport const PORTAL_INLET_ATTR = 'data-render-container-id';\nexport const PORTAL_OUTLET_ATTR = 'data-rendered-container-id';\n\nexport class RenderContainer extends React.Component<RenderContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderContainer';\n  public static displayName = 'RenderContainer';\n\n  private static getRootId = () => getRandomID();\n  private domContainer: Nullable<HTMLElement> = null;\n  private emotion!: Emotion;\n\n  private readonly rootId: string = RenderContainer.getRootId();\n\n  public shouldComponentUpdate(nextProps: RenderContainerProps) {\n    if (!this.props.children && nextProps.children) {\n      this.mountContainer();\n    }\n    if (this.props.children && !nextProps.children) {\n      this.unmountContainer();\n    }\n    return true;\n  }\n\n  public componentWillUnmount() {\n    this.destroyContainer();\n  }\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return this.renderMain();\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private renderMain = () => {\n    if (this.props.children) {\n      this.mountContainer();\n    }\n\n    return <RenderInnerContainer {...this.props} domContainer={this.domContainer} rootId={this.rootId} />;\n  };\n\n  private createContainer() {\n    const domContainer = globalObject.document?.createElement('div');\n\n    if (domContainer) {\n      domContainer.setAttribute('class', Upgrade.getSpecificityClassName());\n      const root = this.emotion.sheet.container.getRootNode() as ShadowRoot | Document;\n      if (isShadowRoot(root)) {\n        domContainer.setAttribute('style', `position: relative; top: -${root.host.getBoundingClientRect().height}px`);\n      }\n      domContainer.setAttribute(PORTAL_OUTLET_ATTR, `${this.rootId}`);\n      this.domContainer = domContainer;\n    }\n  }\n\n  private mountContainer() {\n    const globalWithReactTesting = globalObject as GlobalWithReactTesting;\n\n    if (!this.domContainer) {\n      this.createContainer();\n    }\n\n    const stylesRoot = this.emotion.sheet?.container?.getRootNode();\n    const rootElement = isShadowRoot(stylesRoot) && stylesRoot ? stylesRoot : globalObject.document?.body;\n\n    if (this.domContainer && this.domContainer.parentNode !== rootElement) {\n      rootElement?.appendChild(this.domContainer);\n\n      if (this.props.containerRef) {\n        callChildRef(this.props.containerRef, this.domContainer);\n      }\n      if (globalWithReactTesting.ReactTesting) {\n        globalWithReactTesting.ReactTesting.addRenderContainer(this.rootId, this);\n      }\n    }\n  }\n\n  private destroyContainer() {\n    if (this.domContainer) {\n      this.unmountContainer();\n      this.domContainer = null;\n    }\n  }\n\n  private unmountContainer() {\n    if (this.domContainer && this.domContainer.parentNode) {\n      this.domContainer.parentNode.removeChild(this.domContainer);\n\n      if (this.props.containerRef) {\n        callChildRef(this.props.containerRef, null);\n      }\n\n      const globalWithReactTesting = globalObject as GlobalWithReactTesting;\n      if (globalWithReactTesting.ReactTesting) {\n        globalWithReactTesting.ReactTesting.removeRenderContainer(this.rootId);\n      }\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_utils","_Upgrades","_callChildRef","_RenderInnerContainer","PORTAL_INLET_ATTR","exports","PORTAL_OUTLET_ATTR","RenderContainer","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","domContainer","rootId","getRootId","_inheritsLoose2","default","_proto","prototype","shouldComponentUpdate","nextProps","props","children","mountContainer","unmountContainer","componentWillUnmount","destroyContainer","render","createElement","RenderInnerContainer","_extends2","createContainer","_globalObject$documen","globalObject","document","setAttribute","Upgrade","getSpecificityClassName","_globalObject$documen2","globalWithReactTesting","parentNode","body","_globalObject$documen3","appendChild","containerRef","callChildRef","ReactTesting","addRenderContainer","removeChild","removeRenderContainer","React","Component","__KONTUR_REACT_UI__","displayName","getRandomID"],"sources":["RenderContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { getRandomID } from '../../lib/utils';\nimport { Upgrade } from '../../lib/Upgrades';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\n\nimport { RenderInnerContainer } from './RenderInnerContainer';\nimport { RenderContainerProps } from './RenderContainerTypes';\n\ninterface GlobalWithReactTesting {\n  ReactTesting?: any;\n}\n\nexport const PORTAL_INLET_ATTR = 'data-render-container-id';\nexport const PORTAL_OUTLET_ATTR = 'data-rendered-container-id';\n\nexport class RenderContainer extends React.Component<RenderContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderContainer';\n  public static displayName = 'RenderContainer';\n\n  private static getRootId = () => getRandomID();\n  private domContainer: Nullable<HTMLElement> = null;\n\n  private readonly rootId: string = RenderContainer.getRootId();\n\n  public shouldComponentUpdate(nextProps: RenderContainerProps) {\n    if (!this.props.children && nextProps.children) {\n      this.mountContainer();\n    }\n    if (this.props.children && !nextProps.children) {\n      this.unmountContainer();\n    }\n    return true;\n  }\n\n  public componentWillUnmount() {\n    this.destroyContainer();\n  }\n\n  public render() {\n    if (this.props.children) {\n      this.mountContainer();\n    }\n\n    return <RenderInnerContainer {...this.props} domContainer={this.domContainer} rootId={this.rootId} />;\n  }\n\n  private createContainer() {\n    const domContainer = globalObject.document?.createElement('div');\n    if (domContainer) {\n      domContainer.setAttribute('class', Upgrade.getSpecificityClassName());\n      domContainer.setAttribute(PORTAL_OUTLET_ATTR, `${this.rootId}`);\n      this.domContainer = domContainer;\n    }\n  }\n\n  private mountContainer() {\n    const globalWithReactTesting = globalObject as GlobalWithReactTesting;\n\n    if (!this.domContainer) {\n      this.createContainer();\n    }\n    if (this.domContainer && this.domContainer.parentNode !== globalObject.document?.body) {\n      globalObject.document?.body.appendChild(this.domContainer);\n\n      if (this.props.containerRef) {\n        callChildRef(this.props.containerRef, this.domContainer);\n      }\n      if (globalWithReactTesting.ReactTesting) {\n        globalWithReactTesting.ReactTesting.addRenderContainer(this.rootId, this);\n      }\n    }\n  }\n\n  private destroyContainer() {\n    if (this.domContainer) {\n      this.unmountContainer();\n      this.domContainer = null;\n    }\n  }\n\n  private unmountContainer() {\n    if (this.domContainer && this.domContainer.parentNode) {\n      this.domContainer.parentNode.removeChild(this.domContainer);\n\n      if (this.props.containerRef) {\n        callChildRef(this.props.containerRef, null);\n      }\n\n      const globalWithReactTesting = globalObject as GlobalWithReactTesting;\n      if (globalWithReactTesting.ReactTesting) {\n        globalWithReactTesting.ReactTesting.removeRenderContainer(this.rootId);\n      }\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/RenderLayer/RenderLayer.d.ts

@@ -12,7 +12,6 @@ type DefaultProps = Required<Pick<RenderLayerProps, 'active'>>;
 export declare class RenderLayer extends React.Component<RenderLayerProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
-    private emotion;
     static propTypes: {
         active(props: RenderLayerProps, propName: keyof RenderLayerProps, componentName: string): Error | undefined;
     };

package/cjs/internal/RenderLayer/RenderLayer.js

@@ -1,14 +1,12 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.RenderLayer = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _globalObject = require("@skbkontur/global-object");
 
-
 var _listenFocusOutside = require("../../lib/listenFocusOutside");
 var _CommonWrapper = require("../CommonWrapper");
 var _rootNode = require("../../lib/rootNode");
 
 var _createPropsGetter = require("../../lib/createPropsGetter");
-var _Emotion = require("../../lib/theming/Emotion");
-var _isShadowRoot = require("../../lib/shadowDom/isShadowRoot");var _class, _RenderLayer;var
+var _isInstanceOf = require("../../lib/isInstanceOf");var _class, _RenderLayer;var
 
 
 
@@ -40,7 +38,6 @@ RenderLayer = exports.RenderLayer = (0, _rootNode.rootNode)(_class = (_RenderLay
 
 
 
-
     getProps = (0, _createPropsGetter.createPropsGetter)(RenderLayer.defaultProps);_this.
 
     focusOutsideListenerToken =
@@ -106,13 +103,6 @@ RenderLayer = exports.RenderLayer = (0, _rootNode.rootNode)(_class = (_RenderLay
 
 
 
-
-
-
-
-
-
-
 
 
 
@@ -128,10 +118,14 @@ RenderLayer = exports.RenderLayer = (0, _rootNode.rootNode)(_class = (_RenderLay
     };_this.
 
     handleNativeDocClick = function (event) {
+      var target = event.target || event.srcElement;
       var node = _this.getAnchorNode();
-      var isShadowRootElement = (0, _isShadowRoot.isShadowRoot)(_this.emotion.sheet.container.getRootNode());
-      var clickOutsideOfContent = (0, _listenFocusOutside.clickOutsideContent)(event, node, isShadowRootElement);
-      if (clickOutsideOfContent && _this.props.onClickOutside) {
+
+      if (!node || (0, _isInstanceOf.isInstanceOf)(target, _globalObject.globalObject.Element) && (0, _listenFocusOutside.containsTargetOrRenderContainer)(target)(node)) {
+        return;
+      }
+
+      if (_this.props.onClickOutside) {
         _this.props.onClickOutside(event);
       }
-    };return _this;}(0, _inheritsLoose2.default)(RenderLayer, _React$Component);var _proto = RenderLayer.prototype;_proto.componentDidMount = function componentDidMount() {if (this.getProps().active) {this.attachListeners();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var active = this.getProps().active;if (!prevProps.active && active) {this.attachListeners();}if (prevProps.active && !active) {this.detachListeners();}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.getProps().active) {this.detachListeners();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props), _react.default.Children.only(_this2.props.children));});};_proto.getAnchorNode = function getAnchorNode() {var getAnchorElement = this.props.getAnchorElement;return getAnchorElement ? getAnchorElement() : (0, _rootNode.getRootNode)(this);};_proto.attachListeners = function attachListeners() {var _globalObject$documen;var node = this.getAnchorNode();if (!node) {return;}this.focusOutsideListenerToken = (0, _listenFocusOutside.listen)(function () {return [node];}, this.handleFocusOutside);_globalObject.globalObject.addEventListener == null || _globalObject.globalObject.addEventListener('blur', this.handleFocusOutside);(_globalObject$documen = _globalObject.globalObject.document) == null || _globalObject$documen.addEventListener('ontouchstart' in _globalObject.globalObject.document.documentElement && 'onpointerup' in _globalObject.globalObject.document.documentElement ? 'pointerup' : 'mousedown', this.handleNativeDocClick);};_proto.detachListeners = function detachListeners() {var _globalObject$documen2;if (this.focusOutsideListenerToken) {this.focusOutsideListenerToken.remove();this.focusOutsideListenerToken = null;}_globalObject.globalObject.removeEventListener == null || _globalObject.globalObject.removeEventListener('blur', this.handleFocusOutside);(_globalObject$documen2 = _globalObject.globalObject.document) == null || _globalObject$documen2.removeEventListener('ontouchstart' in _globalObject.globalObject.document.documentElement && 'onpointerup' in _globalObject.globalObject.document.documentElement ? 'pointerup' : 'mousedown', this.handleNativeDocClick);};return RenderLayer;}(_react.default.Component), _RenderLayer.__KONTUR_REACT_UI__ = 'RenderLayer', _RenderLayer.displayName = 'RenderLayer', _RenderLayer.propTypes = { active: function active(props, propName, componentName) {var active = props.active,onClickOutside = props.onClickOutside,onFocusOutside = props.onFocusOutside;if (active && !(onClickOutside || onFocusOutside)) {return new Error("[" + componentName + "]: using the component without either 'onClickOutside' or 'onFocusOutside' callback is pointless.");}} }, _RenderLayer.defaultProps = { active: true }, _RenderLayer)) || _class;
+    };return _this;}(0, _inheritsLoose2.default)(RenderLayer, _React$Component);var _proto = RenderLayer.prototype;_proto.componentDidMount = function componentDidMount() {if (this.getProps().active) {this.attachListeners();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var active = this.getProps().active;if (!prevProps.active && active) {this.attachListeners();}if (prevProps.active && !active) {this.detachListeners();}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.getProps().active) {this.detachListeners();}};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), _react.default.Children.only(this.props.children));};_proto.getAnchorNode = function getAnchorNode() {var getAnchorElement = this.props.getAnchorElement;return getAnchorElement ? getAnchorElement() : (0, _rootNode.getRootNode)(this);};_proto.attachListeners = function attachListeners() {var _globalObject$documen;var node = this.getAnchorNode();if (!node) {return;}this.focusOutsideListenerToken = (0, _listenFocusOutside.listen)(function () {return [node];}, this.handleFocusOutside);_globalObject.globalObject.addEventListener == null || _globalObject.globalObject.addEventListener('blur', this.handleFocusOutside);(_globalObject$documen = _globalObject.globalObject.document) == null || _globalObject$documen.addEventListener('ontouchstart' in _globalObject.globalObject.document.documentElement && 'onpointerup' in _globalObject.globalObject.document.documentElement ? 'pointerup' : 'mousedown', this.handleNativeDocClick);};_proto.detachListeners = function detachListeners() {var _globalObject$documen2;if (this.focusOutsideListenerToken) {this.focusOutsideListenerToken.remove();this.focusOutsideListenerToken = null;}_globalObject.globalObject.removeEventListener == null || _globalObject.globalObject.removeEventListener('blur', this.handleFocusOutside);(_globalObject$documen2 = _globalObject.globalObject.document) == null || _globalObject$documen2.removeEventListener('ontouchstart' in _globalObject.globalObject.document.documentElement && 'onpointerup' in _globalObject.globalObject.document.documentElement ? 'pointerup' : 'mousedown', this.handleNativeDocClick);};return RenderLayer;}(_react.default.Component), _RenderLayer.__KONTUR_REACT_UI__ = 'RenderLayer', _RenderLayer.displayName = 'RenderLayer', _RenderLayer.propTypes = { active: function active(props, propName, componentName) {var active = props.active,onClickOutside = props.onClickOutside,onFocusOutside = props.onFocusOutside;if (active && !(onClickOutside || onFocusOutside)) {return new Error("[" + componentName + "]: using the component without either 'onClickOutside' or 'onFocusOutside' callback is pointless.");}} }, _RenderLayer.defaultProps = { active: true }, _RenderLayer)) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_listenFocusOutside","_CommonWrapper","_rootNode","_createPropsGetter","_Emotion","_isShadowRoot","_class","_RenderLayer","RenderLayer","exports","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","focusOutsideListenerToken","handleFocusOutside","event","props","onFocusOutside","handleNativeDocClick","node","getAnchorNode","isShadowRootElement","isShadowRoot","emotion","sheet","container","getRootNode","clickOutsideOfContent","clickOutsideContent","onClickOutside","_inheritsLoose2","default","_proto","prototype","componentDidMount","active","attachListeners","componentDidUpdate","prevProps","detachListeners","componentWillUnmount","render","_this2","createElement","EmotionConsumer","CommonWrapper","_extends2","rootNodeRef","setRootNode","React","Children","only","children","getAnchorElement","_globalObject$documen","listenFocusOutside","globalObject","addEventListener","document","documentElement","_globalObject$documen2","remove","removeEventListener","Component","__KONTUR_REACT_UI__","displayName","propTypes","propName","componentName","Error"],"sources":["RenderLayer.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\nimport { Emotion } from '@emotion/css/types/create-instance';\n\nimport { clickOutsideContent, listen as listenFocusOutside } from '../../lib/listenFocusOutside';\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { Nullable } from '../../typings/utility-types';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { isShadowRoot } from '../../lib/shadowDom/isShadowRoot';\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  private emotion!: Emotion;\n\n  public static propTypes = {\n    active(props: RenderLayerProps, propName: keyof RenderLayerProps, componentName: string) {\n      const { active, onClickOutside, onFocusOutside } = props;\n      if (active && !(onClickOutside || onFocusOutside)) {\n        return new Error(\n          `[${componentName}]: using the component without either 'onClickOutside' or 'onFocusOutside' callback is pointless.`,\n        );\n      }\n    },\n  };\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  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().active;\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      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              {React.Children.only(this.props.children)}\n            </CommonWrapper>\n          );\n        }}\n      </EmotionConsumer>\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 node = this.getAnchorNode();\n    const isShadowRootElement = isShadowRoot(this.emotion.sheet.container.getRootNode());\n    const clickOutsideOfContent = clickOutsideContent(event, node, isShadowRootElement);\n    if (clickOutsideOfContent && this.props.onClickOutside) {\n      this.props.onClickOutside(event);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_listenFocusOutside","_CommonWrapper","_rootNode","_createPropsGetter","_isInstanceOf","_class","_RenderLayer","RenderLayer","exports","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","focusOutsideListenerToken","handleFocusOutside","event","props","onFocusOutside","handleNativeDocClick","target","srcElement","node","getAnchorNode","isInstanceOf","globalObject","Element","containsTargetOrRenderContainer","onClickOutside","_inheritsLoose2","default","_proto","prototype","componentDidMount","active","attachListeners","componentDidUpdate","prevProps","detachListeners","componentWillUnmount","render","createElement","CommonWrapper","_extends2","rootNodeRef","setRootNode","React","Children","only","children","getAnchorElement","getRootNode","_globalObject$documen","listenFocusOutside","addEventListener","document","documentElement","_globalObject$documen2","remove","removeEventListener","Component","__KONTUR_REACT_UI__","displayName","propTypes","propName","componentName","Error"],"sources":["RenderLayer.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { listen as listenFocusOutside, containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { 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 propTypes = {\n    active(props: RenderLayerProps, propName: keyof RenderLayerProps, componentName: string) {\n      const { active, onClickOutside, onFocusOutside } = props;\n      if (active && !(onClickOutside || onFocusOutside)) {\n        return new Error(\n          `[${componentName}]: using the component without either 'onClickOutside' or 'onFocusOutside' callback is pointless.`,\n        );\n      }\n    },\n  };\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  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().active;\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/cjs/internal/ResizeDetector/ResizeDetector.js

@@ -27,13 +27,6 @@ ResizeDetector = exports.ResizeDetector = /*#__PURE__*/function (_React$Componen
 
 
 
-
-
-
-
-
-
-
 
 
 
@@ -49,4 +42,4 @@ ResizeDetector = exports.ResizeDetector = /*#__PURE__*/function (_React$Componen
       if (iframe && iframe.contentWindow) {
         _this.iframeWindow = iframe.contentWindow;
       }
-    };return _this;}(0, _inheritsLoose2.default)(ResizeDetector, _React$Component);var _proto = ResizeDetector.prototype;_proto.componentDidMount = function componentDidMount() {if (this.iframeWindow) {this.iframeWindow.addEventListener('resize', this.handleResize);}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {var _emotion$cx;var styles = (0, _ResizeDetector2.getStyles)(emotion);return /*#__PURE__*/_react.default.createElement("div", { className: styles.root() }, /*#__PURE__*/_react.default.createElement("iframe", { title: "resizeDetector", ref: _this2.iframeRef, className: styles.iframe(), tabIndex: -1 }), /*#__PURE__*/_react.default.createElement("div", { className: emotion.cx((_emotion$cx = {}, _emotion$cx[styles.content()] = true, _emotion$cx[styles.fullHeight()] = _this2.props.fullHeight, _emotion$cx)) }, _this2.props.children));});};return ResizeDetector;}(_react.default.Component);ResizeDetector.__KONTUR_REACT_UI__ = 'ResizeDetector';ResizeDetector.displayName = 'ResizeDetector';
+    };return _this;}(0, _inheritsLoose2.default)(ResizeDetector, _React$Component);var _proto = ResizeDetector.prototype;_proto.componentDidMount = function componentDidMount() {if (this.iframeWindow) {this.iframeWindow.addEventListener('resize', this.handleResize);}};_proto.render = function render() {var _cx;return /*#__PURE__*/_react.default.createElement("div", { className: _ResizeDetector2.styles.root() }, /*#__PURE__*/_react.default.createElement("iframe", { title: "resizeDetector", ref: this.iframeRef, className: _ResizeDetector2.styles.iframe(), tabIndex: -1 }), /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)((_cx = {}, _cx[_ResizeDetector2.styles.content()] = true, _cx[_ResizeDetector2.styles.fullHeight()] = this.props.fullHeight, _cx)) }, this.props.children));};return ResizeDetector;}(_react.default.Component);ResizeDetector.__KONTUR_REACT_UI__ = 'ResizeDetector';ResizeDetector.displayName = 'ResizeDetector';

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Emotion","_ResizeDetector2","ResizeDetector","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","iframeWindow","handleResize","event","props","onResize","iframeRef","iframe","contentWindow","_inheritsLoose2","default","_proto","prototype","componentDidMount","addEventListener","render","_this2","createElement","EmotionConsumer","emotion","_emotion$cx","styles","getStyles","className","root","title","ref","tabIndex","cx","content","fullHeight","children","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["ResizeDetector.tsx"],"sourcesContent":["import React from 'react';\n\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getStyles } from './ResizeDetector.styles';\n\nexport interface ResizeDetectorProps {\n  onResize?: (event: UIEvent) => void;\n  fullHeight?: 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      <EmotionConsumer>\n        {(emotion) => {\n          const styles = getStyles(emotion);\n          return (\n            <div className={styles.root()}>\n              <iframe title=\"resizeDetector\" ref={this.iframeRef} className={styles.iframe()} tabIndex={-1} />\n              <div className={emotion.cx({ [styles.content()]: true, [styles.fullHeight()]: this.props.fullHeight })}>\n                {this.props.children}\n              </div>\n            </div>\n          );\n        }}\n      </EmotionConsumer>\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":"kQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,gBAAA,GAAAF,OAAA,4BAAoD;;;;;;;AAOvCG,cAAc,GAAAC,OAAA,CAAAD,cAAA,0BAAAE,gBAAA,YAAAF,eAAA,OAAAG,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;;;;;;;;;;;;;;;;;;;;;;;;;;IA0BlCW,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,MAAAkB,eAAA,CAAAC,OAAA,EAAAtB,cAAA,EAAAE,gBAAA,MAAAqB,MAAA,GAAAvB,cAAA,CAAAwB,SAAA,CAAAD,MAAA,CAlCME,iBAAiB,GAAxB,SAAAA,kBAAA,EAA2B,CACzB,IAAI,IAAI,CAACZ,YAAY,EAAE,CACrB,IAAI,CAACA,YAAY,CAACa,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAACZ,YAAY,CAAC,CACjE,CACF,CAAC,CAAAS,MAAA,CAEMI,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACEjC,MAAA,CAAA2B,OAAA,CAAAO,aAAA,CAAC/B,QAAA,CAAAgC,eAAe,QACb,UAACC,OAAO,EAAK,KAAAC,WAAA,CACZ,IAAMC,MAAM,GAAG,IAAAC,0BAAS,EAACH,OAAO,CAAC,CACjC,oBACEpC,MAAA,CAAA2B,OAAA,CAAAO,aAAA,UAAKM,SAAS,EAAEF,MAAM,CAACG,IAAI,CAAC,CAAE,iBAC5BzC,MAAA,CAAA2B,OAAA,CAAAO,aAAA,aAAQQ,KAAK,EAAC,gBAAgB,EAACC,GAAG,EAAEV,MAAI,CAACV,SAAU,EAACiB,SAAS,EAAEF,MAAM,CAACd,MAAM,CAAC,CAAE,EAACoB,QAAQ,EAAE,CAAC,CAAE,EAAE,CAAC,eAChG5C,MAAA,CAAA2B,OAAA,CAAAO,aAAA,UAAKM,SAAS,EAAEJ,OAAO,CAACS,EAAE,EAAAR,WAAA,OAAAA,WAAA,CAAIC,MAAM,CAACQ,OAAO,CAAC,CAAC,IAAG,IAAI,EAAAT,WAAA,CAAGC,MAAM,CAACS,UAAU,CAAC,CAAC,IAAGd,MAAI,CAACZ,KAAK,CAAC0B,UAAU,EAAAV,WAAA,CAAE,CAAE,IACpGJ,MAAI,CAACZ,KAAK,CAAC2B,QACT,CACF,CAAC,CAEV,CACe,CAAC,CAEtB,CAAC,QAAA3C,cAAA,GA5BiC4C,cAAK,CAACC,SAAS,EAAtC7C,cAAc,CACX8C,mBAAmB,GAAG,gBAAgB,CADzC9C,cAAc,CAEX+C,WAAW,GAAG,gBAAgB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Emotion","_ResizeDetector2","ResizeDetector","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","iframeWindow","handleResize","event","props","onResize","iframeRef","iframe","contentWindow","_inheritsLoose2","default","_proto","prototype","componentDidMount","addEventListener","render","_cx","createElement","className","styles","root","title","ref","tabIndex","cx","content","fullHeight","children","React","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}\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 className={cx({ [styles.content()]: true, [styles.fullHeight()]: this.props.fullHeight })}>\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":"kQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,gBAAA,GAAAF,OAAA,4BAAiD;;;;;;;AAOpCG,cAAc,GAAAC,OAAA,CAAAD,cAAA,0BAAAE,gBAAA,YAAAF,eAAA,OAAAG,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;;;;;;;;;;;;;;;;;;;IAmBlCW,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,MAAAkB,eAAA,CAAAC,OAAA,EAAAtB,cAAA,EAAAE,gBAAA,MAAAqB,MAAA,GAAAvB,cAAA,CAAAwB,SAAA,CAAAD,MAAA,CA3BME,iBAAiB,GAAxB,SAAAA,kBAAA,EAA2B,CACzB,IAAI,IAAI,CAACZ,YAAY,EAAE,CACrB,IAAI,CAACA,YAAY,CAACa,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAACZ,YAAY,CAAC,CACjE,CACF,CAAC,CAAAS,MAAA,CAEMI,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,GAAA,CACd,oBACEjC,MAAA,CAAA2B,OAAA,CAAAO,aAAA,UAAKC,SAAS,EAAEC,uBAAM,CAACC,IAAI,CAAC,CAAE,iBAC5BrC,MAAA,CAAA2B,OAAA,CAAAO,aAAA,aAAQI,KAAK,EAAC,gBAAgB,EAACC,GAAG,EAAE,IAAI,CAAChB,SAAU,EAACY,SAAS,EAAEC,uBAAM,CAACZ,MAAM,CAAC,CAAE,EAACgB,QAAQ,EAAE,CAAC,CAAE,EAAE,CAAC,eAChGxC,MAAA,CAAA2B,OAAA,CAAAO,aAAA,UAAKC,SAAS,EAAE,IAAAM,WAAE,GAAAR,GAAA,OAAAA,GAAA,CAAIG,uBAAM,CAACM,OAAO,CAAC,CAAC,IAAG,IAAI,EAAAT,GAAA,CAAGG,uBAAM,CAACO,UAAU,CAAC,CAAC,IAAG,IAAI,CAACtB,KAAK,CAACsB,UAAU,EAAAV,GAAA,CAAE,CAAE,IAC5F,IAAI,CAACZ,KAAK,CAACuB,QACT,CACF,CAAC,CAEV,CAAC,QAAAvC,cAAA,GArBiCwC,cAAK,CAACC,SAAS,EAAtCzC,cAAc,CACX0C,mBAAmB,GAAG,gBAAgB,CADzC1C,cAAc,CAEX2C,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/cjs/internal/ResizeDetector/ResizeDetector.styles.d.ts

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

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

@@ -1,18 +1,16 @@
-"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"));
+"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 _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
-var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  root: function root() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      height: 100%;\n    "])));
 
-var getStyles = exports.getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      root: function root() {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: relative;\n        height: 100%;\n      "])));
 
 
+  },
 
-      },
+  iframe: function iframe() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])));
 
-      iframe: function iframe() {
-        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\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      "])));
 
 
 
@@ -23,18 +21,17 @@ var getStyles = exports.getStyles = function getStyles(emotion) {return (
 
 
 
+  },
 
-      },
+  content: function content() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n    "])));
 
-      content: function content() {
-        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: relative;\n      "])));
 
+  },
 
-      },
+  fullHeight: function fullHeight() {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 100%;\n    "])));
 
-      fullHeight: function fullHeight() {
-        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        height: 100%;\n      "])));
 
-
-      }
-    }));};
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","getStyles","exports","emotion","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","iframe","content","fullHeight"],"sources":["ResizeDetector.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root() {\n      return emotion.css`\n        position: relative;\n        height: 100%;\n      `;\n    },\n\n    iframe() {\n      return emotion.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 emotion.css`\n        position: relative;\n      `;\n    },\n\n    fullHeight() {\n      return emotion.css`\n        height: 100%;\n      `;\n    },\n  });\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAAyD,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAElD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,OAAgB;IACxC,IAAAC,qBAAY,EAAC;MACXC,IAAI,WAAAA,KAAA,EAAG;QACL,OAAOF,OAAO,CAACG,GAAG,CAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;MAIpB,CAAC;;MAEDC,MAAM,WAAAA,OAAA,EAAG;QACP,OAAON,OAAO,CAACG,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;;;;;;;;;MAYpB,CAAC;;MAEDE,OAAO,WAAAA,QAAA,EAAG;QACR,OAAOP,OAAO,CAACG,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;MAGpB,CAAC;;MAEDG,UAAU,WAAAA,WAAA,EAAG;QACX,OAAOR,OAAO,CAACG,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;MAGpB;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","styles","exports","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","iframe","content","fullHeight"],"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"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;;EAEDC,MAAM,WAAAA,OAAA,EAAG;IACP,WAAOH,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;;;;;;;;;EAYZ,CAAC;;EAEDE,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOJ,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDG,UAAU,WAAAA,WAAA,EAAG;IACX,WAAOL,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/internal/SpinnerIcon/SpinnerIcon.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.sizes = exports.SpinnerIcon = void 0;var _react = _interopRequireWildcard(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.sizes = exports.SpinnerIcon = void 0;var _react = _interopRequireDefault(require("react"));
 
 var _client = require("../../lib/client");
 var _SpinnerFallbackAnimation = require("../../components/Spinner/SpinnerFallbackAnimation");
@@ -9,8 +9,8 @@ var _SpinnerFallbackAnimation = require("../../components/Spinner/SpinnerFallbac
 
 
 var _currentEnvironment = require("../../lib/currentEnvironment");
-var _Emotion = require("../../lib/theming/Emotion");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _Emotion = require("../../lib/theming/Emotion");
 
 var _SpinnerIcon = require("./SpinnerIcon.styles");
 
@@ -51,8 +51,7 @@ var isSizeAlias = function isSizeAlias(size) {
   return typeof size === 'string' && size in sizes;
 };
 
-var SpinnerIcon = exports.SpinnerIcon = function SpinnerIcon(_ref) {var _emotion$cx, _emotion$cx2;var size = _ref.size,className = _ref.className,dimmed = _ref.dimmed,inline = _ref.inline,width = _ref.width,color = _ref.color;
-  var emotion = (0, _react.useContext)(_Emotion.EmotionContext);
+var SpinnerIcon = exports.SpinnerIcon = function SpinnerIcon(_ref) {var _cx, _cx2;var size = _ref.size,className = _ref.className,dimmed = _ref.dimmed,inline = _ref.inline,width = _ref.width,color = _ref.color;
   var _size = isSizeAlias(size) ? sizes[size] : size;
   var currentSize = inline ? sizes.mini : _size;
   var svgRef = _react.default.useRef(null);
@@ -65,7 +64,7 @@ var SpinnerIcon = exports.SpinnerIcon = function SpinnerIcon(_ref) {var _emotion
     // eslint-disable-next-line react-hooks/rules-of-hooks
     var fallbackAnimationRef = _react.default.useRef(null);
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    var _useContext = (0, _react.useContext)(_ThemeContext.ThemeContext),red = _useContext.red,yellow = _useContext.yellow,green = _useContext.green,brand = _useContext.brand;
+    var _React$useContext = _react.default.useContext(_ThemeContext.ThemeContext),red = _React$useContext.red,yellow = _React$useContext.yellow,green = _React$useContext.green,brand = _React$useContext.brand;
     // eslint-disable-next-line react-hooks/rules-of-hooks
     _react.default.useEffect(function () {
       var svg = svgRef.current;
@@ -97,14 +96,13 @@ var SpinnerIcon = exports.SpinnerIcon = function SpinnerIcon(_ref) {var _emotion
       };
     }, [dimmed, red, yellow, green, brand]);
   }
-  var styles = (0, _SpinnerIcon.getStyles)(emotion);
 
   return /*#__PURE__*/(
-    _react.default.createElement("span", { className: emotion.cx(styles.root(), (_emotion$cx = {}, _emotion$cx[styles.rootInline()] = inline, _emotion$cx)) }, /*#__PURE__*/
+    _react.default.createElement("span", { className: (0, _Emotion.cx)(_SpinnerIcon.styles.root(), (_cx = {}, _cx[_SpinnerIcon.styles.rootInline()] = inline, _cx)) }, /*#__PURE__*/
     _react.default.createElement("svg", {
       viewBox: "0 0 " + currentSize.size + " " + currentSize.size,
-      className: emotion.cx(styles.icon(), className, (_emotion$cx2 = {}, _emotion$cx2[
-      styles.iconInline()] = inline, _emotion$cx2)
+      className: (0, _Emotion.cx)(_SpinnerIcon.styles.icon(), className, (_cx2 = {}, _cx2[
+      _SpinnerIcon.styles.iconInline()] = inline, _cx2)
       ),
       width: currentSize.size,
       height: currentSize.size,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_client","_SpinnerFallbackAnimation","_currentEnvironment","_Emotion","_ThemeContext","_SpinnerIcon","sizes","exports","big","size","width","radius","normal","mini","isSizeAlias","SpinnerIcon","_ref","_emotion$cx","_emotion$cx2","className","dimmed","inline","color","emotion","useContext","EmotionContext","_size","currentSize","svgRef","React","useRef","isIE11","isTestEnv","fallbackAnimationRef","_useContext","ThemeContext","red","yellow","green","brand","useEffect","svg","current","setStyleProperty","_svg$style","style","setProperty","apply","arguments","SpinnerFallbackAnimationRunner","createOffsetAnimation","createLengthAnimation","createRotationAnimation","concat","createColorAnimation","fallbackAnimation","stop","removeAttribute","styles","getStyles","default","createElement","cx","root","rootInline","viewBox","icon","iconInline","height","fill","stroke","strokeDasharray","strokeDashoffset","strokeWidth","ref","focusable","cy","r"],"sources":["SpinnerIcon.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { isIE11 } from '../../lib/client';\nimport {\n  createColorAnimation,\n  createLengthAnimation,\n  createOffsetAnimation,\n  createRotationAnimation,\n  SpinnerFallbackAnimationRunner,\n} from '../../components/Spinner/SpinnerFallbackAnimation';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { EmotionContext } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } 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 emotion = useContext(EmotionContext);\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 } = 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  const styles = getStyles(emotion);\n\n  return (\n    <span className={emotion.cx(styles.root(), { [styles.rootInline()]: inline })}>\n      <svg\n        viewBox={`0 0 ${currentSize.size} ${currentSize.size}`}\n        className={emotion.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":"mLAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,yBAAA,GAAAF,OAAA;;;;;;;AAOA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;;AAEA,IAAAM,YAAA,GAAAN,OAAA;;;;;;;;;;;;;;;;;AAiBO,IAAMO,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG;EACnBE,GAAG,EAAE;IACHC,IAAI,EAAE,EAAE;IACRC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC;EACDC,MAAM,EAAE;IACNH,IAAI,EAAE,EAAE;IACRC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC;EACDE,IAAI,EAAE;IACJJ,IAAI,EAAE,EAAE;IACRC,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE;EACV;AACF,CAAU;;AAEV,IAAMG,WAAW,GAAG,SAAdA,WAAWA,CAAIL,IAAa,EAAiC;EACjE,OAAO,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,IAAIH,KAAK;AAClD,CAAC;;AAEM,IAAMS,WAAW,GAAAR,OAAA,CAAAQ,WAAA,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAA4E,KAAAC,WAAA,EAAAC,YAAA,KAAtET,IAAI,GAAAO,IAAA,CAAJP,IAAI,CAAEU,SAAS,GAAAH,IAAA,CAATG,SAAS,CAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM,CAAEC,MAAM,GAAAL,IAAA,CAANK,MAAM,CAAEX,KAAK,GAAAM,IAAA,CAALN,KAAK,CAAEY,KAAK,GAAAN,IAAA,CAALM,KAAK;EACzE,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,uBAAc,CAAC;EAC1C,IAAMC,KAAK,GAAGZ,WAAW,CAACL,IAAI,CAAC,GAAGH,KAAK,CAACG,IAAI,CAAC,GAAGA,IAAI;EACpD,IAAMkB,WAAW,GAAGN,MAAM,GAAGf,KAAK,CAACO,IAAI,GAAGa,KAAK;EAC/C,IAAME,MAAM,GAAGC,cAAK,CAACC,MAAM,CAAgB,IAAI,CAAC;;EAEhD,IAAIC,cAAM,IAAI,CAACC,6BAAS,EAAE;IACxB;IACA;IACA;;IAEA;IACA,IAAMC,oBAAoB,GAAGJ,cAAK,CAACC,MAAM,CAAwC,IAAI,CAAC;IACtF;IACA,IAAAI,WAAA,GAAsC,IAAAV,iBAAU,EAACW,0BAAY,CAAC,CAAtDC,GAAG,GAAAF,WAAA,CAAHE,GAAG,CAAEC,MAAM,GAAAH,WAAA,CAANG,MAAM,CAAEC,KAAK,GAAAJ,WAAA,CAALI,KAAK,CAAEC,KAAK,GAAAL,WAAA,CAALK,KAAK;IACjC;IACAV,cAAK,CAACW,SAAS,CAAC,YAAM;MACpB,IAAMC,GAAG,GAAGb,MAAM,CAACc,OAAO;;MAE1B,IAAMC,gBAAoD,GAAG,SAAvDA,gBAAoDA,CAAA,EAAgB;QACxE,IAAIF,GAAG,EAAE,KAAAG,UAAA;UACP,CAAAA,UAAA,GAAAH,GAAG,CAACI,KAAK,EAACC,WAAW,CAAAC,KAAA,CAAAH,UAAA,EAAAI,SAAQ,CAAC;QAChC;MACF,CAAC;;MAEDf,oBAAoB,CAACS,OAAO,GAAG,IAAIO,wDAA8B;;MAE7D,IAAAC,+CAAqB,EAAC,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAEP,gBAAgB,EAAE,GAAG,CAAC;MAC3D,IAAAQ,+CAAqB,EAAC,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,IAAI,EAAER,gBAAgB,EAAE,GAAG,CAAC;MACxE,IAAAS,iDAAuB,EAAC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAET,gBAAgB,CAAC,EAAAU,MAAA;QACnDjC,MAAM,GAAG,EAAE,GAAG,CAAC,IAAAkC,8CAAoB,EAAC,CAAClB,GAAG,EAAEC,MAAM,EAAEC,KAAK,EAAEC,KAAK,CAAC,EAAE,IAAI,EAAEI,gBAAgB,CAAC,CAAC;;MAE/F,IAAI,GAAG;MACT,CAAC;;MAED,OAAO,YAAM;QACX,IAAMY,iBAAiB,GAAGtB,oBAAoB,CAACS,OAAO;QACtD,IAAIa,iBAAiB,EAAE;UACrBA,iBAAiB,CAACC,IAAI,CAAC,CAAC;QAC1B;QACA,IAAIf,GAAG,EAAE;UACPA,GAAG,CAACgB,eAAe,CAAC,OAAO,CAAC;QAC9B;MACF,CAAC;IACH,CAAC,EAAE,CAACrC,MAAM,EAAEgB,GAAG,EAAEC,MAAM,EAAEC,KAAK,EAAEC,KAAK,CAAC,CAAC;EACzC;EACA,IAAMmB,MAAM,GAAG,IAAAC,sBAAS,EAACpC,OAAO,CAAC;;EAEjC;IACE1B,MAAA,CAAA+D,OAAA,CAAAC,aAAA,WAAM1C,SAAS,EAAEI,OAAO,CAACuC,EAAE,CAACJ,MAAM,CAACK,IAAI,CAAC,CAAC,GAAA9C,WAAA,OAAAA,WAAA,CAAKyC,MAAM,CAACM,UAAU,CAAC,CAAC,IAAG3C,MAAM,EAAAJ,WAAA,CAAE,CAAE;IAC5EpB,MAAA,CAAA+D,OAAA,CAAAC,aAAA;MACEI,OAAO,WAAStC,WAAW,CAAClB,IAAI,SAAIkB,WAAW,CAAClB,IAAO;MACvDU,SAAS,EAAEI,OAAO,CAACuC,EAAE,CAACJ,MAAM,CAACQ,IAAI,CAAC,CAAC,EAAE/C,SAAS,GAAAD,YAAA,OAAAA,YAAA;MAC3CwC,MAAM,CAACS,UAAU,CAAC,CAAC,IAAG9C,MAAM,EAAAH,YAAA;MAC9B,CAAE;MACHR,KAAK,EAAEiB,WAAW,CAAClB,IAAK;MACxB2D,MAAM,EAAEzC,WAAW,CAAClB,IAAK;MACzB4D,IAAI,EAAC,MAAM;MACXC,MAAM,EAAEhD,KAAM;MACdiD,eAAe,EAAM,EAAE,GAAG5C,WAAW,CAAChB,MAAM,GAAI,CAAC,UAAM,EAAE,GAAGgB,WAAW,CAAChB,MAAM,GAAI,CAAI;MACtF6D,gBAAgB,EAAC,GAAG;MACpBC,WAAW,EAAE/D,KAAK,IAAIiB,WAAW,CAACjB,KAAM;MACxCgE,GAAG,EAAE9C,MAAO;MACZ+C,SAAS,EAAC,OAAO;MACjB,eAAY,MAAM;;IAElB9E,MAAA,CAAA+D,OAAA,CAAAC,aAAA,aAAQC,EAAE,EAAEnC,WAAW,CAAClB,IAAI,GAAG,CAAE,EAACmE,EAAE,EAAEjD,WAAW,CAAClB,IAAI,GAAG,CAAE,EAACoE,CAAC,EAAElD,WAAW,CAAChB,MAAO,EAAE;IACjF;IACD,CAAC;;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_client","_SpinnerFallbackAnimation","_currentEnvironment","_ThemeContext","_Emotion","_SpinnerIcon","sizes","exports","big","size","width","radius","normal","mini","isSizeAlias","SpinnerIcon","_ref","_cx","_cx2","className","dimmed","inline","color","_size","currentSize","svgRef","React","useRef","isIE11","isTestEnv","fallbackAnimationRef","_React$useContext","useContext","ThemeContext","red","yellow","green","brand","useEffect","svg","current","setStyleProperty","_svg$style","style","setProperty","apply","arguments","SpinnerFallbackAnimationRunner","createOffsetAnimation","createLengthAnimation","createRotationAnimation","concat","createColorAnimation","fallbackAnimation","stop","removeAttribute","default","createElement","cx","styles","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":[]}

package/cjs/internal/SpinnerIcon/SpinnerIcon.styles.d.ts

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

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

@@ -1,37 +1,34 @@
-"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"));
+"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 _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
-var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  root: function root() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      margin-left: -1px;\n      margin-right: -1px;\n    "])));
 
-var getStyles = exports.getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      root: function root() {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n        margin-left: -1px;\n        margin-right: -1px;\n      "])));
 
 
 
+  },
+  rootInline: function rootInline() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: -0.0714285714285714em;\n      margin-right: -0.0714285714285714em;\n    "])));
 
-      },
-      rootInline: function rootInline() {
-        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-left: -0.0714285714285714em;\n        margin-right: -0.0714285714285714em;\n      "])));
 
 
+  },
 
-      },
+  icon: function icon() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-bottom: -3px;\n      border-radius: 50%;\n      overflow: visible;\n    "])));
 
-      icon: function icon() {
-        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-bottom: -3px;\n        border-radius: 50%;\n        overflow: visible;\n      "])));
 
 
 
+  },
 
-      },
+  iconInline: function iconInline() {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 1.1428571428571428em;\n      width: 1.1428571428571428em;\n      margin-bottom: -0.2428571428571428em;\n      stroke-width: 0.10714285714285714em;\n    "])));
 
-      iconInline: function iconInline() {
-        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        height: 1.1428571428571428em;\n        width: 1.1428571428571428em;\n        margin-bottom: -0.2428571428571428em;\n        stroke-width: 0.10714285714285714em;\n      "])));
 
 
 
 
-
-      }
-    }));};
+  }
+});