@skbkontur/react-ui 0.0.0-0b8a8f7a39 → 0.0.0-151f385a39

package/internal/RenderContainer/RenderInnerContainer/RenderInnerContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["RenderInnerContainer.tsx"],"names":["React","ReactDOM","CommonWrapper","SSRPlaceholder","Portal","container","rt_rootID","children","createPortal","RenderInnerContainer","render","props","anchor","domContainer","rootId","inner","Component","__KONTUR_REACT_UI__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,WAArB;;;AAGA,SAASC,aAAT,QAA8B,kBAA9B;;;;;;;;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,wBAAM,gCAAQ,WAAQ,iBAAhB,GAAN,EAAvB;;AAEA,OAAO,IAAMC,MAA4C,GAAG,SAA/CA,MAA+C,OAAwC,KAArCC,SAAqC,QAArCA,SAAqC,CAA1BC,SAA0B,QAA1BA,SAA0B,CAAfC,QAAe,QAAfA,QAAe;AAClG;AACA;AACE,wBAAC,KAAD,CAAO,QAAP;AACGF,IAAAA,SAAS,gBAAGJ,QAAQ,CAACO,YAAT,CAAsBD,QAAtB,EAAgCF,SAAhC,CAAH,gBAAgD,oBAAC,cAAD,OAD5D;AAEGA,IAAAA,SAAS,gBAAG,kCAAU,4BAA0BC,SAApC,GAAH,gBAAuD,oBAAC,cAAD,OAFnE,CADF;;;AAMD,CARM;;AAUP,WAAaG,oBAAb;;;AAGSC,EAAAA,MAHT,GAGE,kBAAgB;AACqC,SAAKC,KAD1C,CACNC,MADM,eACNA,MADM,CACEL,QADF,eACEA,QADF,CACYM,YADZ,eACYA,YADZ,CAC0BC,MAD1B,eAC0BA,MAD1B;AAEd,QAAIC,KAAK,GAAGH,MAAZ;;AAEA,QAAIL,QAAJ,EAAc;AACZQ,MAAAA,KAAK;AACH,0BAAC,KAAD,CAAO,QAAP;AACGH,MAAAA,MADH;AAEE,0BAAC,MAAD,IAAQ,GAAG,EAAC,YAAZ,EAAyB,SAAS,EAAEE,MAApC,EAA4C,SAAS,EAAED,YAAvD;AACE,0BAAC,aAAD,EAAmB,KAAKF,KAAxB,EAAgCJ,QAAhC,CADF,CAFF,CADF;;;;AAQD;;AAED,WAAOQ,KAAP;AACD,GAnBH,+BAA0Cf,KAAK,CAACgB,SAAhD,EAAaP,oB,CACGQ,mB,GAAsB,sB","sourcesContent":["import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\n\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { CommonWrapper } from '../CommonWrapper';\r\n\r\nimport { PortalProps, RenderContainerProps } from './RenderContainerTypes';\r\n\r\ninterface RenderInnerContainerProps extends RenderContainerProps {\r\n  domContainer: Nullable<HTMLElement>;\r\n  rootId: string;\r\n}\r\n\r\n// Заглушка нужна для корректной гидрации порталов после SSR,\r\n// которую реакт сам пока не поддерживает.\r\n// @see https://github.com/facebook/react/issues/13097\r\n// А также для вставки актуального render-container-id на клиенте.\r\n//\r\n// Дело в том, что во время гидрации, структура HTML на сервере\r\n// и на клиенте должна совпадать, иначе возможны артефакты.\r\n// Алгоритм там примерно такой. Клиент во время гидрации идет\r\n// по этим двум деревьям и сравнивает узлы. Элементы разных типов\r\n// он подменяет на свои. А те, что совпадают, он оставляет как есть\r\n// вместе со всеми атрибутами, навесив только обработчики событий.\r\n//\r\n// Поэтому, для портала, который рендерится только на клиенте,\r\n// нужно использовать серверную заглушку, чтобы при гидрации\r\n// он не испортил какой-то другой элемент. Null не подходит,\r\n// т.к. на сервере он тоже не рендерится.\r\n// А элемент с render-container-id нужно отрендерить с нуля.\r\n\r\nconst SSRPlaceholder = () => <script data-id=\"ssr-placeholder\" />;\r\n\r\nexport const Portal: React.FunctionComponent<PortalProps> = ({ container, rt_rootID, children }) => {\r\n  // container exists only in browser\r\n  return (\r\n    <React.Fragment>\r\n      {container ? ReactDOM.createPortal(children, container) : <SSRPlaceholder />}\r\n      {container ? <noscript data-render-container-id={rt_rootID} /> : <SSRPlaceholder />}\r\n    </React.Fragment>\r\n  );\r\n};\r\n\r\nexport class RenderInnerContainer extends React.Component<RenderInnerContainerProps> {\r\n  public static __KONTUR_REACT_UI__ = 'RenderInnerContainer';\r\n\r\n  public render() {\r\n    const { anchor, children, domContainer, rootId } = this.props;\r\n    let inner = anchor;\r\n\r\n    if (children) {\r\n      inner = (\r\n        <React.Fragment>\r\n          {anchor}\r\n          <Portal key=\"portal-ref\" rt_rootID={rootId} container={domContainer}>\r\n            <CommonWrapper {...this.props}>{children}</CommonWrapper>\r\n          </Portal>\r\n        </React.Fragment>\r\n      );\r\n    }\r\n\r\n    return inner;\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["RenderInnerContainer.tsx"],"names":["React","ReactDOM","propTypes","safePropTypesInstanceOf","SSRPlaceholder","Portal","container","rt_rootID","children","createPortal","RenderInnerContainer","render","props","anchor","domContainer","rootId","inner","Component","__KONTUR_REACT_UI__","HTMLElement","string","isRequired","node"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,WAArB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;;AAGA,SAASC,uBAAT,QAAwC,mBAAxC;;;;;;;;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,wBAAM,gCAAQ,WAAQ,iBAAhB,GAAN,EAAvB;;AAEA,OAAO,IAAMC,MAAM,GAAG,SAATA,MAAS,OAAqD,KAAlDC,SAAkD,QAAlDA,SAAkD,CAAvCC,SAAuC,QAAvCA,SAAuC,CAA5BC,QAA4B,QAA5BA,QAA4B;AACzE;AACA;AACE,wBAAC,KAAD,CAAO,QAAP;AACGF,IAAAA,SAAS,gBAAGL,QAAQ,CAACQ,YAAT,CAAsBD,QAAtB,EAAgCF,SAAhC,CAAH,gBAAgD,oBAAC,cAAD,OAD5D;AAEGA,IAAAA,SAAS,gBAAG,kCAAU,4BAA0BC,SAApC,GAAH,gBAAuD,oBAAC,cAAD,OAFnE,CADF;;;AAMD,CARM;;AAUP,WAAaG,oBAAb;;;AAGSC,EAAAA,MAHT,GAGE,kBAAgB;AACd,sBAAmD,KAAKC,KAAxD,CAAQC,MAAR,eAAQA,MAAR,CAAgBL,QAAhB,eAAgBA,QAAhB,CAA0BM,YAA1B,eAA0BA,YAA1B,CAAwCC,MAAxC,eAAwCA,MAAxC;AACA,QAAIC,KAAK,GAAGH,MAAZ;;AAEA,QAAIL,QAAJ,EAAc;AACZQ,MAAAA,KAAK;AACH,0BAAC,KAAD,CAAO,QAAP;AACGH,MAAAA,MADH;AAEE,0BAAC,MAAD,IAAQ,GAAG,EAAC,YAAZ,EAAyB,SAAS,EAAEE,MAApC,EAA4C,SAAS,EAAED,YAAvD;AACGN,MAAAA,QADH,CAFF,CADF;;;;AAQD;;AAED,WAAOQ,KAAP;AACD,GAnBH,+BAA0ChB,KAAK,CAACiB,SAAhD,EAAaP,oB,CACGQ,mB,GAAsB,sB;;;AAqBtCb,MAAM,CAACH,SAAP,GAAmB;AACjBI,EAAAA,SAAS,EAAEH,uBAAuB,CAAC,oBAAMgB,WAAN,EAAD,CADjB;AAEjBZ,EAAAA,SAAS,EAAEL,SAAS,CAACkB,MAAV,CAAiBC,UAFX;AAGjBb,EAAAA,QAAQ,EAAEN,SAAS,CAACoB,IAAV,CAAeD,UAHR,EAAnB","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport propTypes from 'prop-types';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { safePropTypesInstanceOf } from '../../lib/SSRSafe';\n\nimport { PortalProps, RenderContainerProps } from './RenderContainerTypes';\n\ninterface RenderInnerContainerProps extends RenderContainerProps {\n  domContainer: Nullable<HTMLElement>;\n  rootId: string;\n}\n\n// Заглушка нужна для корректной гидрации порталов после SSR,\n// которую реакт сам пока не поддерживает.\n// @see https://github.com/facebook/react/issues/13097\n// А также для вставки актуального render-container-id на клиенте.\n//\n// Дело в том, что во время гидрации, структура HTML на сервере\n// и на клиенте должна совпадать, иначе возможны артефакты.\n// Алгоритм там примерно такой. Клиент во время гидрации идет\n// по этим двум деревьям и сравнивает узлы. Элементы разных типов\n// он подменяет на свои. А те, что совпадают, он оставляет как есть\n// вместе со всеми атрибутами, навесив только обработчики событий.\n//\n// Поэтому, для портала, который рендерится только на клиенте,\n// нужно использовать серверную заглушку, чтобы при гидрации\n// он не испортил какой-то другой элемент. Null не подходит,\n// т.к. на сервере он тоже не рендерится.\n// А элемент с render-container-id нужно отрендерить с нуля.\n\nconst SSRPlaceholder = () => <script data-id=\"ssr-placeholder\" />;\n\nexport const Portal = ({ container, rt_rootID, children }: PortalProps) => {\n  // container exists only in browser\n  return (\n    <React.Fragment>\n      {container ? ReactDOM.createPortal(children, container) : <SSRPlaceholder />}\n      {container ? <noscript data-render-container-id={rt_rootID} /> : <SSRPlaceholder />}\n    </React.Fragment>\n  );\n};\n\nexport class RenderInnerContainer extends React.Component<RenderInnerContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderInnerContainer';\n\n  public render() {\n    const { anchor, children, domContainer, rootId } = this.props;\n    let inner = anchor;\n\n    if (children) {\n      inner = (\n        <React.Fragment>\n          {anchor}\n          <Portal key=\"portal-ref\" rt_rootID={rootId} container={domContainer}>\n            {children}\n          </Portal>\n        </React.Fragment>\n      );\n    }\n\n    return inner;\n  }\n}\n\nPortal.propTypes = {\n  container: safePropTypesInstanceOf(() => HTMLElement),\n  rt_rootID: propTypes.string.isRequired,\n  children: propTypes.node.isRequired,\n};\n"]}

package/internal/RenderContainer/RenderInnerContainer.d.ts

@@ -1,11 +1,19 @@
 import React from 'react';
+import propTypes from 'prop-types';
 import { Nullable } from '../../typings/utility-types';
 import { PortalProps, RenderContainerProps } from './RenderContainerTypes';
 interface RenderInnerContainerProps extends RenderContainerProps {
     domContainer: Nullable<HTMLElement>;
     rootId: string;
 }
-export declare const Portal: React.FunctionComponent<PortalProps>;
+export declare const Portal: {
+    ({ container, rt_rootID, children }: PortalProps): JSX.Element;
+    propTypes: {
+        container: propTypes.Requireable<HTMLElement>;
+        rt_rootID: propTypes.Validator<string>;
+        children: propTypes.Validator<string | number | boolean | {} | propTypes.ReactElementLike | propTypes.ReactNodeArray>;
+    };
+};
 export declare class RenderInnerContainer extends React.Component<RenderInnerContainerProps> {
     static __KONTUR_REACT_UI__: string;
     render(): React.ReactNode;

package/internal/RenderContainer/index/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,mBAAd","sourcesContent":["export * from './RenderContainer';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,mBAAd","sourcesContent":["export * from './RenderContainer';\n"]}

package/internal/RenderLayer/RenderLayer/RenderLayer.js

@@ -1,9 +1,14 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
 import React from 'react';
-import { findDOMNode } from 'react-dom';
 import { listen as listenFocusOutside, containsTargetOrRenderContainer } from "../../../lib/listenFocusOutside";
 import { CommonWrapper } from "../../CommonWrapper";
-export var RenderLayer = /*#__PURE__*/function (_React$Component) {
+import { getRootNode, rootNode } from "../../../lib/rootNode";
+export var RenderLayer = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(RenderLayer, _React$Component);
 
   function RenderLayer() {
@@ -24,10 +29,9 @@ export var RenderLayer = /*#__PURE__*/function (_React$Component) {
 
     _this.handleNativeDocClick = function (event) {
       var target = event.target || event.srcElement;
+      var node = getRootNode(_assertThisInitialized(_this)) || getRootNode(_this.props.getAnchorElement == null ? void 0 : _this.props.getAnchorElement());
 
-      var node = _this.getDomNode();
-
-      if (target instanceof Element && containsTargetOrRenderContainer(target)(node)) {
+      if (!node || target instanceof Element && containsTargetOrRenderContainer(target)(node)) {
         return;
       }
 
@@ -64,14 +68,22 @@ export var RenderLayer = /*#__PURE__*/function (_React$Component) {
   };
 
   _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(CommonWrapper, this.props, React.Children.only(this.props.children));
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), React.Children.only(this.props.children));
   };
 
   _proto.attachListeners = function attachListeners() {
-    var _this2 = this;
+    var _this$props$getAnchor, _this$props;
+
+    var rootNode = getRootNode(this) || ((_this$props$getAnchor = (_this$props = this.props).getAnchorElement) == null ? void 0 : _this$props$getAnchor.call(_this$props));
+
+    if (!rootNode) {
+      return;
+    }
 
     this.focusOutsideListenerToken = listenFocusOutside(function () {
-      return [_this2.getDomNode()];
+      return [rootNode];
     }, this.handleFocusOutside);
     window.addEventListener('blur', this.handleFocusOutside);
     document.addEventListener('ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown', this.handleNativeDocClick);
@@ -87,14 +99,8 @@ export var RenderLayer = /*#__PURE__*/function (_React$Component) {
     document.removeEventListener('ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown', this.handleNativeDocClick);
   };
 
-  _proto.getDomNode = function getDomNode() {
-    return findDOMNode(this);
-  };
-
   return RenderLayer;
-}(React.Component);
-RenderLayer.__KONTUR_REACT_UI__ = 'RenderLayer';
-RenderLayer.propTypes = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'RenderLayer', _class2.propTypes = {
   active: function active(props, propName, componentName) {
     var active = props.active,
         onClickOutside = props.onClickOutside,
@@ -104,7 +110,6 @@ RenderLayer.propTypes = {
       return new Error("[" + componentName + "]: using the component without either 'onClickOutside' or 'onFocusOutside' callback is pointless.");
     }
   }
-};
-RenderLayer.defaultProps = {
+}, _class2.defaultProps = {
   active: true
-};
+}, _temp)) || _class;

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

@@ -1 +1 @@
-{"version":3,"sources":["RenderLayer.tsx"],"names":["React","findDOMNode","listen","listenFocusOutside","containsTargetOrRenderContainer","CommonWrapper","RenderLayer","focusOutsideListenerToken","handleFocusOutside","event","props","onFocusOutside","handleNativeDocClick","target","srcElement","node","getDomNode","Element","onClickOutside","componentDidMount","active","attachListeners","componentDidUpdate","prevProps","detachListeners","componentWillUnmount","render","Children","only","children","window","addEventListener","document","documentElement","remove","removeEventListener","Component","__KONTUR_REACT_UI__","propTypes","propName","componentName","Error","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { findDOMNode } from 'react-dom';\r\n\r\nimport { listen as listenFocusOutside, containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\r\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\r\n\r\nexport interface RenderLayerProps extends CommonProps {\r\n  children: JSX.Element;\r\n  onClickOutside?: (e: Event) => void;\r\n  onFocusOutside?: (e: Event) => void;\r\n  active?: boolean;\r\n}\r\n\r\nexport class RenderLayer extends React.Component<RenderLayerProps> {\r\n  public static __KONTUR_REACT_UI__ = 'RenderLayer';\r\n\r\n  public static propTypes = {\r\n    active(props: RenderLayerProps, propName: keyof RenderLayerProps, componentName: string) {\r\n      const { active, onClickOutside, onFocusOutside } = props;\r\n      if (active && !(onClickOutside || onFocusOutside)) {\r\n        return new Error(\r\n          `[${componentName}]: using the component without either 'onClickOutside' or 'onFocusOutside' callback is pointless.`,\r\n        );\r\n      }\r\n    },\r\n  };\r\n\r\n  public static defaultProps = {\r\n    active: true,\r\n  };\r\n\r\n  private focusOutsideListenerToken: {\r\n    remove: () => void;\r\n  } | null = null;\r\n\r\n  public componentDidMount() {\r\n    if (this.props.active) {\r\n      this.attachListeners();\r\n    }\r\n  }\r\n\r\n  public componentDidUpdate(prevProps: RenderLayerProps) {\r\n    if (!prevProps.active && this.props.active) {\r\n      this.attachListeners();\r\n    }\r\n    if (prevProps.active && !this.props.active) {\r\n      this.detachListeners();\r\n    }\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    if (this.props.active) {\r\n      this.detachListeners();\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return <CommonWrapper {...this.props}>{React.Children.only(this.props.children)}</CommonWrapper>;\r\n  }\r\n\r\n  private attachListeners() {\r\n    this.focusOutsideListenerToken = listenFocusOutside(() => [this.getDomNode()], this.handleFocusOutside);\r\n    window.addEventListener('blur', this.handleFocusOutside);\r\n    document.addEventListener(\r\n      'ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown',\r\n      this.handleNativeDocClick,\r\n    );\r\n  }\r\n\r\n  private detachListeners() {\r\n    if (this.focusOutsideListenerToken) {\r\n      this.focusOutsideListenerToken.remove();\r\n      this.focusOutsideListenerToken = null;\r\n    }\r\n\r\n    window.removeEventListener('blur', this.handleFocusOutside);\r\n    document.removeEventListener(\r\n      'ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown',\r\n      this.handleNativeDocClick,\r\n    );\r\n  }\r\n\r\n  private getDomNode() {\r\n    return findDOMNode(this) as HTMLElement;\r\n  }\r\n\r\n  private handleFocusOutside = (event: Event) => {\r\n    if (this.props.onFocusOutside) {\r\n      this.props.onFocusOutside(event);\r\n    }\r\n  };\r\n\r\n  private handleNativeDocClick = (event: Event) => {\r\n    const target = event.target || event.srcElement;\r\n    const node = this.getDomNode();\r\n\r\n    if (target instanceof Element && containsTargetOrRenderContainer(target)(node)) {\r\n      return;\r\n    }\r\n\r\n    if (this.props.onClickOutside) {\r\n      this.props.onClickOutside(event);\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["RenderLayer.tsx"],"names":["React","listen","listenFocusOutside","containsTargetOrRenderContainer","CommonWrapper","getRootNode","rootNode","RenderLayer","focusOutsideListenerToken","handleFocusOutside","event","props","onFocusOutside","handleNativeDocClick","target","srcElement","node","getAnchorElement","Element","onClickOutside","componentDidMount","active","attachListeners","componentDidUpdate","prevProps","detachListeners","componentWillUnmount","render","setRootNode","Children","only","children","window","addEventListener","document","documentElement","remove","removeEventListener","Component","__KONTUR_REACT_UI__","propTypes","propName","componentName","Error","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\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';\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<HTMLElement>;\n}\n\n@rootNode\nexport class RenderLayer extends React.Component<RenderLayerProps> {\n  public static __KONTUR_REACT_UI__ = '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 = {\n    active: true,\n  };\n\n  private focusOutsideListenerToken: {\n    remove: () => void;\n  } | null = null;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    if (this.props.active) {\n      this.attachListeners();\n    }\n  }\n\n  public componentDidUpdate(prevProps: RenderLayerProps) {\n    if (!prevProps.active && this.props.active) {\n      this.attachListeners();\n    }\n    if (prevProps.active && !this.props.active) {\n      this.detachListeners();\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.props.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 attachListeners() {\n    const rootNode = getRootNode(this) || this.props.getAnchorElement?.();\n    if (!rootNode) {\n      return;\n    }\n\n    this.focusOutsideListenerToken = listenFocusOutside(() => [rootNode], this.handleFocusOutside);\n    window.addEventListener('blur', this.handleFocusOutside);\n    document.addEventListener(\n      'ontouchstart' in document.documentElement ? 'touchstart' : '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    window.removeEventListener('blur', this.handleFocusOutside);\n    document.removeEventListener(\n      'ontouchstart' in document.documentElement ? 'touchstart' : '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 = getRootNode(this) || getRootNode(this.props.getAnchorElement?.());\n\n    if (!node || (target instanceof Element && containsTargetOrRenderContainer(target)(node))) {\n      return;\n    }\n\n    if (this.props.onClickOutside) {\n      this.props.onClickOutside(event);\n    }\n  };\n}\n"]}

package/internal/RenderLayer/RenderLayer.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
 import { CommonProps } from '../CommonWrapper';
+import { Nullable } from '../../typings/utility-types';
 export interface RenderLayerProps extends CommonProps {
     children: JSX.Element;
     onClickOutside?: (e: Event) => void;
     onFocusOutside?: (e: Event) => void;
     active?: boolean;
+    getAnchorElement?: () => Nullable<HTMLElement>;
 }
 export declare class RenderLayer extends React.Component<RenderLayerProps> {
     static __KONTUR_REACT_UI__: string;
@@ -15,13 +17,13 @@ export declare class RenderLayer extends React.Component<RenderLayerProps> {
         active: boolean;
     };
     private focusOutsideListenerToken;
+    private setRootNode;
     componentDidMount(): void;
     componentDidUpdate(prevProps: RenderLayerProps): void;
     componentWillUnmount(): void;
     render(): JSX.Element;
     private attachListeners;
     private detachListeners;
-    private getDomNode;
     private handleFocusOutside;
     private handleNativeDocClick;
 }

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

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

package/internal/ResizeDetector/ResizeDetector/ResizeDetector.js

@@ -1,6 +1,7 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
-import { jsStyles } from "../ResizeDetector.styles";
+import { cx } from "../../../lib/theming/Emotion";
+import { styles } from "../ResizeDetector.styles";
 export var ResizeDetector = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(ResizeDetector, _React$Component);
 
@@ -38,14 +39,17 @@ export var ResizeDetector = /*#__PURE__*/function (_React$Component) {
   };
 
   _proto.render = function render() {
+    var _cx;
+
     return /*#__PURE__*/React.createElement("div", {
-      className: jsStyles.root()
+      className: styles.root()
     }, /*#__PURE__*/React.createElement("iframe", {
       title: "resizeDetector",
       ref: this.iframeRef,
-      className: jsStyles.iframe()
+      className: styles.iframe(),
+      tabIndex: -1
     }), /*#__PURE__*/React.createElement("div", {
-      className: jsStyles.content()
+      className: cx((_cx = {}, _cx[styles.content()] = true, _cx[styles.fullHeight()] = this.props.fullHeight, _cx))
     }, this.props.children));
   };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["ResizeDetector.tsx"],"names":["React","jsStyles","ResizeDetector","iframeWindow","handleResize","event","props","onResize","iframeRef","iframe","contentWindow","componentDidMount","addEventListener","render","root","content","children","Component","__KONTUR_REACT_UI__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,QAAT,QAAyB,yBAAzB;;;;;;AAMA,WAAaC,cAAb;;;AAGUC,IAAAA,YAHV,GAGwC,IAHxC;;;;;;;;;;;;;;;;;AAoBUC,IAAAA,YApBV,GAoByB,UAACC,KAAD,EAAoB;AACzC,UAAI,MAAKC,KAAL,CAAWC,QAAf,EAAyB;AACvB,cAAKD,KAAL,CAAWC,QAAX,CAAoBF,KAApB;AACD;AACF,KAxBH;;AA0BUG,IAAAA,SA1BV,GA0BsB,UAACC,MAAD,EAA+B;AACjD,UAAIA,MAAM,IAAIA,MAAM,CAACC,aAArB,EAAoC;AAClC,cAAKP,YAAL,GAAoBM,MAAM,CAACC,aAA3B;AACD;AACF,KA9BH,4DAKSC,iBALT,GAKE,6BAA2B,CACzB,IAAI,KAAKR,YAAT,EAAuB,CACrB,KAAKA,YAAL,CAAkBS,gBAAlB,CAAmC,QAAnC,EAA6C,KAAKR,YAAlD,EACD,CACF,CATH,QAWSS,MAXT,GAWE,kBAAgB,CACd,oBACE,6BAAK,SAAS,EAAEZ,QAAQ,CAACa,IAAT,EAAhB,iBACE,gCAAQ,KAAK,EAAC,gBAAd,EAA+B,GAAG,EAAE,KAAKN,SAAzC,EAAoD,SAAS,EAAEP,QAAQ,CAACQ,MAAT,EAA/D,GADF,eAEE,6BAAK,SAAS,EAAER,QAAQ,CAACc,OAAT,EAAhB,IAAqC,KAAKT,KAAL,CAAWU,QAAhD,CAFF,CADF,CAMD,CAlBH,yBAAoChB,KAAK,CAACiB,SAA1C,EAAaf,c,CACGgB,mB,GAAsB,gB","sourcesContent":["import React from 'react';\r\n\r\nimport { jsStyles } from './ResizeDetector.styles';\r\n\r\nexport interface ResizeDetectorProps {\r\n  onResize?: (event: UIEvent) => void;\r\n}\r\n\r\nexport class ResizeDetector extends React.Component<ResizeDetectorProps> {\r\n  public static __KONTUR_REACT_UI__ = 'ResizeDetector';\r\n\r\n  private iframeWindow: Window | null = null;\r\n\r\n  public componentDidMount() {\r\n    if (this.iframeWindow) {\r\n      this.iframeWindow.addEventListener('resize', this.handleResize);\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <div className={jsStyles.root()}>\r\n        <iframe title=\"resizeDetector\" ref={this.iframeRef} className={jsStyles.iframe()} />\r\n        <div className={jsStyles.content()}>{this.props.children}</div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private handleResize = (event: UIEvent) => {\r\n    if (this.props.onResize) {\r\n      this.props.onResize(event);\r\n    }\r\n  };\r\n\r\n  private iframeRef = (iframe: HTMLIFrameElement) => {\r\n    if (iframe && iframe.contentWindow) {\r\n      this.iframeWindow = iframe.contentWindow;\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["ResizeDetector.tsx"],"names":["React","cx","styles","ResizeDetector","iframeWindow","handleResize","event","props","onResize","iframeRef","iframe","contentWindow","componentDidMount","addEventListener","render","root","content","fullHeight","children","Component","__KONTUR_REACT_UI__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,EAAT,QAAmB,2BAAnB;;AAEA,SAASC,MAAT,QAAuB,yBAAvB;;;;;;;AAOA,WAAaC,cAAb;;;AAGUC,IAAAA,YAHV,GAGwC,IAHxC;;;;;;;;;;;;;;;;;;;AAsBUC,IAAAA,YAtBV,GAsByB,UAACC,KAAD,EAAoB;AACzC,UAAI,MAAKC,KAAL,CAAWC,QAAf,EAAyB;AACvB,cAAKD,KAAL,CAAWC,QAAX,CAAoBF,KAApB;AACD;AACF,KA1BH;;AA4BUG,IAAAA,SA5BV,GA4BsB,UAACC,MAAD,EAA+B;AACjD,UAAIA,MAAM,IAAIA,MAAM,CAACC,aAArB,EAAoC;AAClC,cAAKP,YAAL,GAAoBM,MAAM,CAACC,aAA3B;AACD;AACF,KAhCH,4DAKSC,iBALT,GAKE,6BAA2B,CACzB,IAAI,KAAKR,YAAT,EAAuB,CACrB,KAAKA,YAAL,CAAkBS,gBAAlB,CAAmC,QAAnC,EAA6C,KAAKR,YAAlD,EACD,CACF,CATH,QAWSS,MAXT,GAWE,kBAAgB,SACd,oBACE,6BAAK,SAAS,EAAEZ,MAAM,CAACa,IAAP,EAAhB,iBACE,gCAAQ,KAAK,EAAC,gBAAd,EAA+B,GAAG,EAAE,KAAKN,SAAzC,EAAoD,SAAS,EAAEP,MAAM,CAACQ,MAAP,EAA/D,EAAgF,QAAQ,EAAE,CAAC,CAA3F,GADF,eAEE,6BAAK,SAAS,EAAET,EAAE,gBAAIC,MAAM,CAACc,OAAP,EAAJ,IAAuB,IAAvB,MAA8Bd,MAAM,CAACe,UAAP,EAA9B,IAAoD,KAAKV,KAAL,CAAWU,UAA/D,OAAlB,IACG,KAAKV,KAAL,CAAWW,QADd,CAFF,CADF,CAQD,CApBH,yBAAoClB,KAAK,CAACmB,SAA1C,EAAahB,c,CACGiB,mB,GAAsB,gB","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<ResizeDetectorProps> {\n  public static __KONTUR_REACT_UI__ = '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"]}

package/internal/ResizeDetector/ResizeDetector.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 export interface ResizeDetectorProps {
     onResize?: (event: UIEvent) => void;
+    fullHeight?: boolean;
 }
 export declare class ResizeDetector extends React.Component<ResizeDetectorProps> {
     static __KONTUR_REACT_UI__: string;

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

@@ -1,17 +1,19 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-var _templateObject, _templateObject2, _templateObject3;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
+export var styles = memoizeStyle({
   root: function root() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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    "])));
+    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    "])));
   },
   content: function content() {
     return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
+  },
+  fullHeight: function fullHeight() {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      height: 100%;\n    "])));
   }
-};
-export var jsStyles = memoizeStyle(styles);
+});

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

@@ -1 +1 @@
-{"version":3,"sources":["ResizeDetector.styles.ts"],"names":["css","memoizeStyle","styles","root","iframe","content","jsStyles"],"mappings":"wJAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,WAAOH,GAAP;;;AAGD,GALY;;AAObI,EAAAA,MAPa,oBAOJ;AACP,WAAOJ,GAAP;;;;;;;;;;;AAWD,GAnBY;;AAqBbK,EAAAA,OArBa,qBAqBH;AACR,WAAOL,GAAP;;;AAGD,GAzBY,EAAf;;;AA4BA,OAAO,IAAMM,QAAQ,GAAGL,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  root() {\r\n    return css`\r\n      position: relative;\r\n    `;\r\n  },\r\n\r\n  iframe() {\r\n    return css`\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      padding: 0;\r\n      margin: 0;\r\n      border: 0;\r\n      background: transparent;\r\n    `;\r\n  },\r\n\r\n  content() {\r\n    return css`\r\n      position: relative;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["ResizeDetector.styles.ts"],"names":["css","memoizeStyle","styles","root","iframe","content","fullHeight"],"mappings":"0KAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,kBAC1B;AACL,WAAOH,GAAP;;;;AAID,GANgC;;AAQjCI,EAAAA,MARiC,oBAQxB;AACP,WAAOJ,GAAP;;;;;;;;;;;;AAYD,GArBgC;;AAuBjCK,EAAAA,OAvBiC,qBAuBvB;AACR,WAAOL,GAAP;;;AAGD,GA3BgC;;AA6BjCM,EAAAA,UA7BiC,wBA6BpB;AACX,WAAON,GAAP;;;AAGD,GAjCgC,EAAD,CAA3B","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"]}

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

@@ -1,5 +1,6 @@
-export declare const jsStyles: {
+export declare const styles: {
     root(): string;
     iframe(): string;
     content(): string;
+    fullHeight(): string;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAd","sourcesContent":["export * from './ResizeDetector';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAd","sourcesContent":["export * from './ResizeDetector';\n"]}

package/internal/TextWidthHelper/TextWidthHelper/TextWidthHelper.js

@@ -0,0 +1,50 @@
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import React from 'react';
+import { getDOMRect } from "../../../lib/dom/getDOMRect";
+import { jsStyles } from "../TextWidthHelper.styles";
+var THIN_SPACE = "\u2009";
+/**
+ * Херпер позволяет вычислить размеры блока с текстом
+ */
+
+export var TextWidthHelper = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(TextWidthHelper, _React$Component);
+
+  function TextWidthHelper() {
+    var _this;
+
+    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.element = null;
+
+    _this.elementRef = function (node) {
+      return _this.element = node;
+    };
+
+    return _this;
+  }
+
+  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;
+}(React.Component);

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

@@ -0,0 +1 @@
+{"version":3,"sources":["TextWidthHelper.tsx"],"names":["React","getDOMRect","jsStyles","THIN_SPACE","TextWidthHelper","element","elementRef","node","render","root","textContainer","props","text","getTextWidth","width","getTextHeight","height","Component"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,UAAT,QAA2B,0BAA3B;;AAEA,SAASC,QAAT,QAAyB,0BAAzB;;AAEA,IAAMC,UAAU,GAAG,QAAnB;;;;;AAKA;AACA;AACA;AACA,WAAaC,eAAb;AACUC,IAAAA,OADV,GAC2C,IAD3C;;;;;;;;;;;;;;;;;;;;AAqBUC,IAAAA,UArBV,GAqBuB,UAACC,IAAD,UAA2B,MAAKF,OAAL,GAAeE,IAA1C,EArBvB,6DAGSC,MAHT,GAGE,kBAAgB,CACd,oBACE,6BAAK,SAAS,EAAEN,QAAQ,CAACO,IAAT,EAAhB,iBACE,6BAAK,SAAS,EAAEP,QAAQ,CAACQ,aAAT,EAAhB,EAA0C,GAAG,EAAE,KAAKJ,UAApD,IACG,KAAKK,KAAL,CAAWC,IAAX,IAAmBT,UADtB,CADF,CADF,CAOD,CAXH,QAaSU,YAbT,GAaE,wBAA8B,CAC5B,OAAOZ,UAAU,CAAC,KAAKI,OAAN,CAAV,CAAyBS,KAAhC,CACD,CAfH,QAiBSC,aAjBT,GAiBE,yBAA+B,CAC7B,OAAOd,UAAU,CAAC,KAAKI,OAAN,CAAV,CAAyBW,MAAhC,CACD,CAnBH,0BAAqChB,KAAK,CAACiB,SAA3C","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"]}

package/internal/TextWidthHelper/TextWidthHelper/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/TextWidthHelper/TextWidthHelper.js",
+  "module": "TextWidthHelper",
+  "types": "../TextWidthHelper.d.ts",
+  "sideEffects": false
+}

package/internal/TextWidthHelper/TextWidthHelper.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface TextWidthHelperProps {
+    text?: string;
+}
+/**
+ * Херпер позволяет вычислить размеры блока с текстом
+ */
+export declare class TextWidthHelper extends React.Component<TextWidthHelperProps> {
+    private element;
+    render(): JSX.Element;
+    getTextWidth(): number;
+    getTextHeight(): number;
+    private elementRef;
+}
+export {};

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

@@ -0,0 +1,14 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+
+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    "])));
+  },
+  textContainer: function textContainer() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      word-break: break-all;\n      white-space: nowrap;\n    "])));
+  }
+};
+export var jsStyles = memoizeStyle(styles);

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

@@ -0,0 +1 @@
+{"version":3,"sources":["TextWidthHelper.styles.ts"],"names":["css","memoizeStyle","styles","root","textContainer","jsStyles"],"mappings":"sIAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,WAAOH,GAAP;;;;;;;;;AASD,GAXY;AAYbI,EAAAA,aAZa,2BAYG;AACd,WAAOJ,GAAP;;;;AAID,GAjBY,EAAf;;;AAoBA,OAAO,IAAMK,QAAQ,GAAGJ,YAAY,CAACC,MAAD,CAA7B","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"]}

package/internal/TextWidthHelper/TextWidthHelper.styles/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/TextWidthHelper/TextWidthHelper.styles.js",
+  "module": "TextWidthHelper.styles",
+  "types": "../TextWidthHelper.styles.d.ts",
+  "sideEffects": false
+}

package/internal/TextWidthHelper/TextWidthHelper.styles.d.ts

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

package/internal/ThemePlayground/AnotherInputsPlayground/AnotherInputsPlayground.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AnotherInputsPlayground.tsx"],"names":["React","Tooltip","DatePicker","DatePickerPlayground","state","value","error","tooltip","handleChange","setState","invalidate","validate","currentValue","removeTooltip","render","props","disabled","size","Component"],"mappings":"gIAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,OAAT,QAAwB,0BAAxB;AACA,SAASC,UAAT,QAA2B,6BAA3B;;AAEA,WAAaC,oBAAb;AACSC,IAAAA,KADT,GACiB;AACbC,MAAAA,KAAK,EAAE,YADM;AAEbC,MAAAA,KAAK,EAAE,KAFM;AAGbC,MAAAA,OAAO,EAAE,KAHI,EADjB;;;;;;;;;;;;;;;;;;;;;;;;;AA6BUC,IAAAA,YA7BV,GA6ByB,UAACH,KAAD,EAAmB;AACxC,YAAKI,QAAL,CAAc;AACZJ,QAAAA,KAAK,EAALA,KADY,EAAd;;AAGD,KAjCH;;AAmCUK,IAAAA,UAnCV,GAmCuB,YAAM;AACzB,YAAKD,QAAL,CAAc,EAAEH,KAAK,EAAE,KAAT,EAAgBC,OAAO,EAAE,KAAzB,EAAd;AACD,KArCH;;AAuCUI,IAAAA,QAvCV,GAuCqB,YAAM;AACvB,UAAMC,YAAY,GAAG,MAAKR,KAAL,CAAWC,KAAhC;AACA,YAAKI,QAAL,CAAc,YAAM;AAClB,YAAMH,KAAK,GAAG,CAAC,CAACM,YAAF,IAAkB,CAACV,UAAU,CAACS,QAAX,CAAoBC,YAApB,CAAjC;AACA,eAAO;AACLN,UAAAA,KAAK,EAALA,KADK;AAELC,UAAAA,OAAO,EAAED,KAFJ,EAAP;;AAID,OAND;AAOD,KAhDH;;AAkDUO,IAAAA,aAlDV,GAkD0B,YAAM;AAC5B,YAAKJ,QAAL,CAAc;AACZF,QAAAA,OAAO,EAAE,KADG,EAAd;;AAGD,KAtDH,kEAOSO,MAPT,GAOE,kBAAgB,CACd,oBACE,oBAAC,OAAD,IACE,OAAO,EAAE,KAAKV,KAAL,CAAWG,OAAX,GAAqB,QAArB,GAAgC,QAD3C,EAEE,MAAM,EAAE,0BAAM,0BAAN,EAFV,EAGE,YAAY,EAAE,KAAKM,aAHrB,iBAKE,oBAAC,UAAD,eACM,KAAKE,KADX,IAEE,QAAQ,EAAE,KAAKA,KAAL,CAAWC,QAFvB,EAGE,IAAI,EAAE,KAAKD,KAAL,CAAWE,IAHnB,EAIE,KAAK,EAAE,KAAKb,KAAL,CAAWE,KAJpB,EAKE,KAAK,EAAE,KAAKF,KAAL,CAAWC,KALpB,EAME,aAAa,EAAE,KAAKG,YANtB,EAOE,OAAO,EAAE,KAAKE,UAPhB,EAQE,MAAM,EAAE,KAAKC,QARf,EASE,eAAe,MATjB,IALF,CADF,CAmBD,CA3BH,+BAA0CX,KAAK,CAACkB,SAAhD","sourcesContent":["import React from 'react';\r\n\r\nimport { Tooltip } from '../../components/Tooltip';\r\nimport { DatePicker } from '../../components/DatePicker';\r\n\r\nexport class DatePickerPlayground extends React.Component<any, any> {\r\n  public state = {\r\n    value: '17.06.2019',\r\n    error: false,\r\n    tooltip: false,\r\n  };\r\n\r\n  public render() {\r\n    return (\r\n      <Tooltip\r\n        trigger={this.state.tooltip ? 'opened' : 'closed'}\r\n        render={() => 'Такой даты не существует'}\r\n        onCloseClick={this.removeTooltip}\r\n      >\r\n        <DatePicker\r\n          {...this.props}\r\n          disabled={this.props.disabled}\r\n          size={this.props.size}\r\n          error={this.state.error}\r\n          value={this.state.value}\r\n          onValueChange={this.handleChange}\r\n          onFocus={this.invalidate}\r\n          onBlur={this.validate}\r\n          enableTodayLink\r\n        />\r\n      </Tooltip>\r\n    );\r\n  }\r\n\r\n  private handleChange = (value: string) => {\r\n    this.setState({\r\n      value,\r\n    });\r\n  };\r\n\r\n  private invalidate = () => {\r\n    this.setState({ error: false, tooltip: false });\r\n  };\r\n\r\n  private validate = () => {\r\n    const currentValue = this.state.value;\r\n    this.setState(() => {\r\n      const error = !!currentValue && !DatePicker.validate(currentValue);\r\n      return {\r\n        error,\r\n        tooltip: error,\r\n      };\r\n    });\r\n  };\r\n\r\n  private removeTooltip = () => {\r\n    this.setState({\r\n      tooltip: false,\r\n    });\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["AnotherInputsPlayground.tsx"],"names":["React","Tooltip","DatePicker","DatePickerPlayground","state","value","error","tooltip","handleChange","setState","invalidate","validate","currentValue","removeTooltip","render","props","disabled","size","Component"],"mappings":"gIAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,OAAT,QAAwB,0BAAxB;AACA,SAASC,UAAT,QAA2B,6BAA3B;;AAEA,WAAaC,oBAAb;AACSC,IAAAA,KADT,GACiB;AACbC,MAAAA,KAAK,EAAE,YADM;AAEbC,MAAAA,KAAK,EAAE,KAFM;AAGbC,MAAAA,OAAO,EAAE,KAHI,EADjB;;;;;;;;;;;;;;;;;;;;;;;;;AA6BUC,IAAAA,YA7BV,GA6ByB,UAACH,KAAD,EAAmB;AACxC,YAAKI,QAAL,CAAc;AACZJ,QAAAA,KAAK,EAALA,KADY,EAAd;;AAGD,KAjCH;;AAmCUK,IAAAA,UAnCV,GAmCuB,YAAM;AACzB,YAAKD,QAAL,CAAc,EAAEH,KAAK,EAAE,KAAT,EAAgBC,OAAO,EAAE,KAAzB,EAAd;AACD,KArCH;;AAuCUI,IAAAA,QAvCV,GAuCqB,YAAM;AACvB,UAAMC,YAAY,GAAG,MAAKR,KAAL,CAAWC,KAAhC;AACA,YAAKI,QAAL,CAAc,YAAM;AAClB,YAAMH,KAAK,GAAG,CAAC,CAACM,YAAF,IAAkB,CAACV,UAAU,CAACS,QAAX,CAAoBC,YAApB,CAAjC;AACA,eAAO;AACLN,UAAAA,KAAK,EAALA,KADK;AAELC,UAAAA,OAAO,EAAED,KAFJ,EAAP;;AAID,OAND;AAOD,KAhDH;;AAkDUO,IAAAA,aAlDV,GAkD0B,YAAM;AAC5B,YAAKJ,QAAL,CAAc;AACZF,QAAAA,OAAO,EAAE,KADG,EAAd;;AAGD,KAtDH,kEAOSO,MAPT,GAOE,kBAAgB,CACd,oBACE,oBAAC,OAAD,IACE,OAAO,EAAE,KAAKV,KAAL,CAAWG,OAAX,GAAqB,QAArB,GAAgC,QAD3C,EAEE,MAAM,EAAE,0BAAM,0BAAN,EAFV,EAGE,YAAY,EAAE,KAAKM,aAHrB,iBAKE,oBAAC,UAAD,eACM,KAAKE,KADX,IAEE,QAAQ,EAAE,KAAKA,KAAL,CAAWC,QAFvB,EAGE,IAAI,EAAE,KAAKD,KAAL,CAAWE,IAHnB,EAIE,KAAK,EAAE,KAAKb,KAAL,CAAWE,KAJpB,EAKE,KAAK,EAAE,KAAKF,KAAL,CAAWC,KALpB,EAME,aAAa,EAAE,KAAKG,YANtB,EAOE,OAAO,EAAE,KAAKE,UAPhB,EAQE,MAAM,EAAE,KAAKC,QARf,EASE,eAAe,MATjB,IALF,CADF,CAmBD,CA3BH,+BAA0CX,KAAK,CAACkB,SAAhD","sourcesContent":["import React from 'react';\n\nimport { Tooltip } from '../../components/Tooltip';\nimport { DatePicker } from '../../components/DatePicker';\n\nexport class DatePickerPlayground extends React.Component<any, any> {\n  public state = {\n    value: '17.06.2019',\n    error: false,\n    tooltip: false,\n  };\n\n  public render() {\n    return (\n      <Tooltip\n        trigger={this.state.tooltip ? 'opened' : 'closed'}\n        render={() => 'Такой даты не существует'}\n        onCloseClick={this.removeTooltip}\n      >\n        <DatePicker\n          {...this.props}\n          disabled={this.props.disabled}\n          size={this.props.size}\n          error={this.state.error}\n          value={this.state.value}\n          onValueChange={this.handleChange}\n          onFocus={this.invalidate}\n          onBlur={this.validate}\n          enableTodayLink\n        />\n      </Tooltip>\n    );\n  }\n\n  private handleChange = (value: string) => {\n    this.setState({\n      value,\n    });\n  };\n\n  private invalidate = () => {\n    this.setState({ error: false, tooltip: false });\n  };\n\n  private validate = () => {\n    const currentValue = this.state.value;\n    this.setState(() => {\n      const error = !!currentValue && !DatePicker.validate(currentValue);\n      return {\n        error,\n        tooltip: error,\n      };\n    });\n  };\n\n  private removeTooltip = () => {\n    this.setState({\n      tooltip: false,\n    });\n  };\n}\n"]}

package/internal/ThemePlayground/CheckboxPlayground/CheckboxPlayground.js

@@ -1,8 +1,6 @@
 import React from 'react';
 import { Gapped } from "../../../components/Gapped";
 import { Checkbox } from "../../../components/Checkbox";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { is8pxTheme } from "../../../lib/theming/ThemeHelpers";
 import { getComponentsFromPropsList } from "../helpers";
 var propsList = [{
   children: 'Default'
@@ -27,10 +25,8 @@ var propsList = [{
   warning: true
 }];
 export var CheckboxPlayground = function CheckboxPlayground() {
-  var theme = React.useContext(ThemeContext);
-  var gap = is8pxTheme(theme) ? 0 : 10;
   return /*#__PURE__*/React.createElement(Gapped, {
-    gap: gap,
+    gap: 0,
     vertical: true
   }, getComponentsFromPropsList( /*#__PURE__*/React.createElement(Checkbox, null), propsList));
 };

package/internal/ThemePlayground/CheckboxPlayground/CheckboxPlayground.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CheckboxPlayground.tsx"],"names":["React","Gapped","Checkbox","ThemeContext","is8pxTheme","getComponentsFromPropsList","propsList","children","checked","disabled","initialIndeterminate","focused","error","warning","CheckboxPlayground","theme","useContext","gap"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,MAAT,QAAuB,yBAAvB;AACA,SAASC,QAAT,QAAwC,2BAAxC;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,UAAT,QAA2B,gCAA3B;;AAEA,SAASC,0BAAT,QAA2C,WAA3C;;AAEA,IAAMC,SAAuD,GAAG;AAC9D,EAAEC,QAAQ,EAAE,SAAZ,EAD8D;AAE9D,EAAEA,QAAQ,EAAE,SAAZ,EAAuBC,OAAO,EAAE,IAAhC,EAF8D;AAG9D,EAAED,QAAQ,EAAE,UAAZ,EAAwBC,OAAO,EAAE,IAAjC,EAAuCC,QAAQ,EAAE,IAAjD,EAH8D;AAI9D,EAAEF,QAAQ,EAAE,aAAZ,EAA2BG,oBAAoB,EAAE,IAAjD,EAJ8D;AAK9D,EAAEH,QAAQ,EAAE,SAAZ,EAAuBI,OAAO,EAAE,IAAhC,EAL8D;AAM9D,EAAEJ,QAAQ,EAAE,OAAZ,EAAqBK,KAAK,EAAE,IAA5B,EAN8D;AAO9D,EAAEL,QAAQ,EAAE,SAAZ,EAAuBM,OAAO,EAAE,IAAhC,EAP8D,CAAhE;;;AAUA,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,GAAM;AACtC,MAAMC,KAAK,GAAGf,KAAK,CAACgB,UAAN,CAAiBb,YAAjB,CAAd;AACA,MAAMc,GAAG,GAAGb,UAAU,CAACW,KAAD,CAAV,GAAoB,CAApB,GAAwB,EAApC;AACA;AACE,wBAAC,MAAD,IAAQ,GAAG,EAAEE,GAAb,EAAkB,QAAQ,MAA1B;AACGZ,IAAAA,0BAA0B,eAAC,oBAAC,QAAD,OAAD,EAAeC,SAAf,CAD7B,CADF;;;AAKD,CARM","sourcesContent":["import React from 'react';\r\n\r\nimport { Gapped } from '../../components/Gapped';\r\nimport { Checkbox, CheckboxProps } from '../../components/Checkbox';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { is8pxTheme } from '../../lib/theming/ThemeHelpers';\r\n\r\nimport { getComponentsFromPropsList } from './helpers';\r\n\r\nconst propsList: Array<CheckboxProps & { focused?: boolean }> = [\r\n  { children: 'Default' },\r\n  { children: 'Checked', checked: true },\r\n  { children: 'Disabled', checked: true, disabled: true },\r\n  { children: 'Semichecked', initialIndeterminate: true },\r\n  { children: 'Focused', focused: true },\r\n  { children: 'Error', error: true },\r\n  { children: 'Warning', warning: true },\r\n];\r\n\r\nexport const CheckboxPlayground = () => {\r\n  const theme = React.useContext(ThemeContext);\r\n  const gap = is8pxTheme(theme) ? 0 : 10;\r\n  return (\r\n    <Gapped gap={gap} vertical>\r\n      {getComponentsFromPropsList(<Checkbox />, propsList)}\r\n    </Gapped>\r\n  );\r\n};\r\n"]}
+{"version":3,"sources":["CheckboxPlayground.tsx"],"names":["React","Gapped","Checkbox","getComponentsFromPropsList","propsList","children","checked","disabled","initialIndeterminate","focused","error","warning","CheckboxPlayground"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,MAAT,QAAuB,yBAAvB;AACA,SAASC,QAAT,QAAwC,2BAAxC;;AAEA,SAASC,0BAAT,QAA2C,WAA3C;;;AAGA,IAAMC,SAAyB,GAAG;AAChC,EAAEC,QAAQ,EAAE,SAAZ,EADgC;AAEhC,EAAEA,QAAQ,EAAE,SAAZ,EAAuBC,OAAO,EAAE,IAAhC,EAFgC;AAGhC,EAAED,QAAQ,EAAE,UAAZ,EAAwBC,OAAO,EAAE,IAAjC,EAAuCC,QAAQ,EAAE,IAAjD,EAHgC;AAIhC,EAAEF,QAAQ,EAAE,aAAZ,EAA2BG,oBAAoB,EAAE,IAAjD,EAJgC;AAKhC,EAAEH,QAAQ,EAAE,SAAZ,EAAuBI,OAAO,EAAE,IAAhC,EALgC;AAMhC,EAAEJ,QAAQ,EAAE,OAAZ,EAAqBK,KAAK,EAAE,IAA5B,EANgC;AAOhC,EAAEL,QAAQ,EAAE,SAAZ,EAAuBM,OAAO,EAAE,IAAhC,EAPgC,CAAlC;;;AAUA,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,GAAM;AACtC;AACE,wBAAC,MAAD,IAAQ,GAAG,EAAE,CAAb,EAAgB,QAAQ,MAAxB;AACGT,IAAAA,0BAA0B,eAAC,oBAAC,QAAD,OAAD,EAAeC,SAAf,CAD7B,CADF;;;AAKD,CANM","sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport { Checkbox, CheckboxProps } from '../../components/Checkbox';\n\nimport { getComponentsFromPropsList } from './helpers';\n\ntype CheckboxProp = CheckboxProps & { focused?: boolean };\nconst propsList: CheckboxProp[] = [\n  { children: 'Default' },\n  { children: 'Checked', checked: true },\n  { children: 'Disabled', checked: true, disabled: true },\n  { children: 'Semichecked', initialIndeterminate: true },\n  { children: 'Focused', focused: true },\n  { children: 'Error', error: true },\n  { children: 'Warning', warning: true },\n];\n\nexport const CheckboxPlayground = () => {\n  return (\n    <Gapped gap={0} vertical>\n      {getComponentsFromPropsList(<Checkbox />, propsList)}\n    </Gapped>\n  );\n};\n"]}

package/internal/ThemePlayground/ComponentsGroup/ComponentsGroup.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Gapped } from "../../../components/Gapped";
-import { jsStyles } from "../Playground.styles";
+import { styles } from "../Playground.styles";
 export var ComponentsGroup = function ComponentsGroup(props) {
   var title = props.title,
       children = props.children,
@@ -11,10 +11,10 @@ export var ComponentsGroup = function ComponentsGroup(props) {
     verticalAlign: "top",
     gap: 40
   }, /*#__PURE__*/React.createElement("div", {
-    className: jsStyles.title(theme),
+    className: styles.title(theme),
     style: style
   }, title), /*#__PURE__*/React.createElement("div", {
-    className: jsStyles.componentsGroup(theme)
+    className: styles.componentsGroup(theme)
   }, /*#__PURE__*/React.createElement(Gapped, {
     wrap: true,
     verticalAlign: "middle",

package/internal/ThemePlayground/ComponentsGroup/ComponentsGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ComponentsGroup.tsx"],"names":["React","Gapped","jsStyles","ComponentsGroup","props","title","children","style","theme","componentsGroup"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,MAAT,QAAuB,yBAAvB;;;AAGA,SAASC,QAAT,QAAyB,qBAAzB;;;;;;;;;AASA,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAA2E;AAChGC,EAAAA,KADgG,GAC9DD,KAD8D,CAChGC,KADgG,CACzFC,QADyF,GAC9DF,KAD8D,CACzFE,QADyF,CAC/EC,KAD+E,GAC9DH,KAD8D,CAC/EG,KAD+E,CACxEC,KADwE,GAC9DJ,KAD8D,CACxEI,KADwE;AAExG;AACE,wBAAC,MAAD,IAAQ,IAAI,MAAZ,EAAa,aAAa,EAAC,KAA3B,EAAiC,GAAG,EAAE,EAAtC;AACE,iCAAK,SAAS,EAAEN,QAAQ,CAACG,KAAT,CAAeG,KAAf,CAAhB,EAAuC,KAAK,EAAED,KAA9C;AACGF,IAAAA,KADH,CADF;;AAIE,iCAAK,SAAS,EAAEH,QAAQ,CAACO,eAAT,CAAyBD,KAAzB,CAAhB;AACE,wBAAC,MAAD,IAAQ,IAAI,MAAZ,EAAa,aAAa,EAAC,QAA3B,EAAoC,GAAG,EAAE,EAAzC;AACGF,IAAAA,QADH,CADF,CAJF,CADF;;;;;AAYD,CAdM","sourcesContent":["import React from 'react';\r\n\r\nimport { Gapped } from '../../components/Gapped';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles } from './Playground.styles';\r\n\r\ninterface ComponentsGroupProps {\r\n  title: string;\r\n  children: React.ReactNode;\r\n  style?: React.CSSProperties;\r\n  theme: Theme;\r\n}\r\n\r\nexport const ComponentsGroup = (props: ComponentsGroupProps): React.ReactElement<ComponentsGroupProps> => {\r\n  const { title, children, style, theme } = props;\r\n  return (\r\n    <Gapped wrap verticalAlign=\"top\" gap={40}>\r\n      <div className={jsStyles.title(theme)} style={style}>\r\n        {title}\r\n      </div>\r\n      <div className={jsStyles.componentsGroup(theme)}>\r\n        <Gapped wrap verticalAlign=\"middle\" gap={10}>\r\n          {children}\r\n        </Gapped>\r\n      </div>\r\n    </Gapped>\r\n  );\r\n};\r\n"]}
+{"version":3,"sources":["ComponentsGroup.tsx"],"names":["React","Gapped","styles","ComponentsGroup","props","title","children","style","theme","componentsGroup"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,MAAT,QAAuB,yBAAvB;;;AAGA,SAASC,MAAT,QAAuB,qBAAvB;;;;;;;;;AASA,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAA2E;AACxG,MAAQC,KAAR,GAA0CD,KAA1C,CAAQC,KAAR,CAAeC,QAAf,GAA0CF,KAA1C,CAAeE,QAAf,CAAyBC,KAAzB,GAA0CH,KAA1C,CAAyBG,KAAzB,CAAgCC,KAAhC,GAA0CJ,KAA1C,CAAgCI,KAAhC;AACA;AACE,wBAAC,MAAD,IAAQ,IAAI,MAAZ,EAAa,aAAa,EAAC,KAA3B,EAAiC,GAAG,EAAE,EAAtC;AACE,iCAAK,SAAS,EAAEN,MAAM,CAACG,KAAP,CAAaG,KAAb,CAAhB,EAAqC,KAAK,EAAED,KAA5C;AACGF,IAAAA,KADH,CADF;;AAIE,iCAAK,SAAS,EAAEH,MAAM,CAACO,eAAP,CAAuBD,KAAvB,CAAhB;AACE,wBAAC,MAAD,IAAQ,IAAI,MAAZ,EAAa,aAAa,EAAC,QAA3B,EAAoC,GAAG,EAAE,EAAzC;AACGF,IAAAA,QADH,CADF,CAJF,CADF;;;;;AAYD,CAdM","sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { styles } from './Playground.styles';\n\ninterface ComponentsGroupProps {\n  title: string;\n  children: React.ReactNode;\n  style?: React.CSSProperties;\n  theme: Theme;\n}\n\nexport const ComponentsGroup = (props: ComponentsGroupProps): React.ReactElement<ComponentsGroupProps> => {\n  const { title, children, style, theme } = props;\n  return (\n    <Gapped wrap verticalAlign=\"top\" gap={40}>\n      <div className={styles.title(theme)} style={style}>\n        {title}\n      </div>\n      <div className={styles.componentsGroup(theme)}>\n        <Gapped wrap verticalAlign=\"middle\" gap={10}>\n          {children}\n        </Gapped>\n      </div>\n    </Gapped>\n  );\n};\n"]}

package/internal/ThemePlayground/CurrencyInputPlayground/CurrencyInputPlayground.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CurrencyInputPlayground.tsx"],"names":["React","CurrencyInput","CurrencyInputPlayground","state","value","props","handleChange","setState","render","Component"],"mappings":"gIAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,aAAT,QAAkD,gCAAlD;;AAEA,WAAaC,uBAAb;;;;;;AAMSC,IAAAA,KANT,GAMiB;AACbC,MAAAA,KAAK,EAAE,MAAKC,KAAL,CAAWD,KAAX,IAAoB,IADd,EANjB;;;;;;;;;;;;;;;;;AAwBUE,IAAAA,YAxBV,GAwByB,UAACF,KAAD,EAA2B;AAChD,YAAKG,QAAL,CAAc,EAAEH,KAAK,EAALA,KAAF,EAAd;AACD,KA1BH,qEAUSI,MAVT,GAUE,kBAAgB,CACd,oBACE,8CACE,oBAAC,aAAD,eACM,KAAKH,KADX,IAEE,WAAW,EAAE,UAFf,EAGE,KAAK,EAAE,KAAKF,KAAL,CAAWC,KAHpB,EAIE,aAAa,EAAE,KAAKE,YAJtB,EAKE,KAAK,EAAE,GALT,IADF,CADF,CAWD,CAtBH,kCAA6CN,KAAK,CAACS,SAAnD","sourcesContent":["import React from 'react';\r\n\r\nimport { CurrencyInput, CurrencyInputProps } from '../../components/CurrencyInput';\r\n\r\nexport class CurrencyInputPlayground extends React.Component<\r\n  Partial<CurrencyInputProps>,\r\n  {\r\n    value?: number | null;\r\n  }\r\n> {\r\n  public state = {\r\n    value: this.props.value || 2222,\r\n  };\r\n\r\n  public render() {\r\n    return (\r\n      <div>\r\n        <CurrencyInput\r\n          {...this.props}\r\n          placeholder={'currency'}\r\n          value={this.state.value}\r\n          onValueChange={this.handleChange}\r\n          width={150}\r\n        />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private handleChange = (value?: number | null) => {\r\n    this.setState({ value });\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["CurrencyInputPlayground.tsx"],"names":["React","CurrencyInput","CurrencyInputPlayground","state","value","props","handleChange","setState","render","Component"],"mappings":"gIAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,aAAT,QAAkD,gCAAlD;;AAEA,WAAaC,uBAAb;;;;;;AAMSC,IAAAA,KANT,GAMiB;AACbC,MAAAA,KAAK,EAAE,MAAKC,KAAL,CAAWD,KAAX,IAAoB,IADd,EANjB;;;;;;;;;;;;;;;;;AAwBUE,IAAAA,YAxBV,GAwByB,UAACF,KAAD,EAA2B;AAChD,YAAKG,QAAL,CAAc,EAAEH,KAAK,EAALA,KAAF,EAAd;AACD,KA1BH,qEAUSI,MAVT,GAUE,kBAAgB,CACd,oBACE,8CACE,oBAAC,aAAD,eACM,KAAKH,KADX,IAEE,WAAW,EAAE,UAFf,EAGE,KAAK,EAAE,KAAKF,KAAL,CAAWC,KAHpB,EAIE,aAAa,EAAE,KAAKE,YAJtB,EAKE,KAAK,EAAE,GALT,IADF,CADF,CAWD,CAtBH,kCAA6CN,KAAK,CAACS,SAAnD","sourcesContent":["import React from 'react';\n\nimport { CurrencyInput, CurrencyInputProps } from '../../components/CurrencyInput';\n\nexport class CurrencyInputPlayground extends React.Component<\n  Partial<CurrencyInputProps>,\n  {\n    value?: number | null;\n  }\n> {\n  public state = {\n    value: this.props.value || 2222,\n  };\n\n  public render() {\n    return (\n      <div>\n        <CurrencyInput\n          {...this.props}\n          placeholder={'currency'}\n          value={this.state.value}\n          onValueChange={this.handleChange}\n          width={150}\n        />\n      </div>\n    );\n  }\n\n  private handleChange = (value?: number | null) => {\n    this.setState({ value });\n  };\n}\n"]}

package/internal/ThemePlayground/FxInputPlayground/FxInputPlayground.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FxInputPlayground.tsx"],"names":["React","FxInput","FxInputPlayground","props","onValueChange","value","setState","auto","handleRestore","state","render","Component"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,OAAT,QAAwB,0BAAxB;;AAEA,WAAaC,iBAAb;AACE,6BAAYC,KAAZ,EAAuB;AACrB,wCAAMA,KAAN,UADqB;;;;;;;;;;;;;;;;;;;;;AAsBfC,IAAAA,aAtBe,GAsBC,UAACC,KAAD,EAAmB;AACzC,YAAKC,QAAL,CAAc,EAAED,KAAK,EAALA,KAAF,EAASE,IAAI,EAAE,KAAf,EAAd;AACD,KAxBsB;;AA0BfC,IAAAA,aA1Be,GA0BC,YAAM;AAC5B,YAAKF,QAAL,CAAc;AACZD,QAAAA,KAAK,EAAE,MADK;AAEZE,QAAAA,IAAI,EAAE,IAFM,EAAd;;AAID,KA/BsB,CAGrB,MAAKE,KAAL,GAAa,EACXF,IAAI,EAAE,IADK,EAEXF,KAAK,EAAE,MAFI,EAAb,CAHqB,aAOtB,CARH,gDAUSK,MAVT,GAUE,kBAA6B,CAC3B,oBACE,oBAAC,OAAD,IACE,IAAI,EAAE,KAAKD,KAAL,CAAWF,IADnB,EAEE,IAAI,EAAE,MAFR,EAGE,KAAK,EAAE,KAAKE,KAAL,CAAWJ,KAHpB,EAIE,SAAS,EAAE,KAAKG,aAJlB,EAKE,aAAa,EAAE,KAAKJ,aALtB,EAME,KAAK,EAAE,GANT,GADF,CAUD,CArBH,4BAAuCJ,KAAK,CAACW,SAA7C","sourcesContent":["import React from 'react';\r\n\r\nimport { FxInput } from '../../components/FxInput';\r\n\r\nexport class FxInputPlayground extends React.Component<{}, { value: string; auto: boolean }> {\r\n  constructor(props: {}) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      auto: true,\r\n      value: 'auto',\r\n    };\r\n  }\r\n\r\n  public render(): JSX.Element {\r\n    return (\r\n      <FxInput\r\n        auto={this.state.auto}\r\n        type={'text'}\r\n        value={this.state.value}\r\n        onRestore={this.handleRestore}\r\n        onValueChange={this.onValueChange}\r\n        width={150}\r\n      />\r\n    );\r\n  }\r\n\r\n  private onValueChange = (value: string) => {\r\n    this.setState({ value, auto: false });\r\n  };\r\n\r\n  private handleRestore = () => {\r\n    this.setState({\r\n      value: 'auto',\r\n      auto: true,\r\n    });\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["FxInputPlayground.tsx"],"names":["React","FxInput","FxInputPlayground","props","onValueChange","value","setState","auto","handleRestore","state","render","Component"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,OAAT,QAAwB,0BAAxB;;AAEA,WAAaC,iBAAb;AACE,6BAAYC,KAAZ,EAAuB;AACrB,wCAAMA,KAAN,UADqB;;;;;;;;;;;;;;;;;;;;;AAsBfC,IAAAA,aAtBe,GAsBC,UAACC,KAAD,EAAmB;AACzC,YAAKC,QAAL,CAAc,EAAED,KAAK,EAALA,KAAF,EAASE,IAAI,EAAE,KAAf,EAAd;AACD,KAxBsB;;AA0BfC,IAAAA,aA1Be,GA0BC,YAAM;AAC5B,YAAKF,QAAL,CAAc;AACZD,QAAAA,KAAK,EAAE,MADK;AAEZE,QAAAA,IAAI,EAAE,IAFM,EAAd;;AAID,KA/BsB,CAGrB,MAAKE,KAAL,GAAa,EACXF,IAAI,EAAE,IADK,EAEXF,KAAK,EAAE,MAFI,EAAb,CAHqB,aAOtB,CARH,gDAUSK,MAVT,GAUE,kBAA6B,CAC3B,oBACE,oBAAC,OAAD,IACE,IAAI,EAAE,KAAKD,KAAL,CAAWF,IADnB,EAEE,IAAI,EAAE,MAFR,EAGE,KAAK,EAAE,KAAKE,KAAL,CAAWJ,KAHpB,EAIE,SAAS,EAAE,KAAKG,aAJlB,EAKE,aAAa,EAAE,KAAKJ,aALtB,EAME,KAAK,EAAE,GANT,GADF,CAUD,CArBH,4BAAuCJ,KAAK,CAACW,SAA7C","sourcesContent":["import React from 'react';\n\nimport { FxInput } from '../../components/FxInput';\n\nexport class FxInputPlayground extends React.Component<{}, { value: string; auto: boolean }> {\n  constructor(props: {}) {\n    super(props);\n\n    this.state = {\n      auto: true,\n      value: 'auto',\n    };\n  }\n\n  public render(): JSX.Element {\n    return (\n      <FxInput\n        auto={this.state.auto}\n        type={'text'}\n        value={this.state.value}\n        onRestore={this.handleRestore}\n        onValueChange={this.onValueChange}\n        width={150}\n      />\n    );\n  }\n\n  private onValueChange = (value: string) => {\n    this.setState({ value, auto: false });\n  };\n\n  private handleRestore = () => {\n    this.setState({\n      value: 'auto',\n      auto: true,\n    });\n  };\n}\n"]}

package/internal/ThemePlayground/HintPlayground/HintPlayground.js.map

@@ -1 +1 @@
-{"version":3,"sources":["HintPlayground.tsx"],"names":["React","Gapped","Button","Hint","Toast","HintPlayground","pushToast","push","pushToastWithAction","label","handler","render","Component"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,MAAT,QAAuB,yBAAvB;AACA,SAASC,MAAT,QAAuB,yBAAvB;AACA,SAASC,IAAT,QAAqB,uBAArB;AACA,SAASC,KAAT,QAAsB,wBAAtB;;AAEA,WAAaC,cAAb;;;;;;;;;;;;;;AAcUC,IAAAA,SAdV,GAcsB,YAAM;AACxBF,MAAAA,KAAK,CAACG,IAAN,CAAW,iBAAX;AACD,KAhBH;;AAkBUC,IAAAA,mBAlBV,GAkBgC,YAAM;AAClCJ,MAAAA,KAAK,CAACG,IAAN,CAAW,iBAAX,EAA8B,EAAEE,KAAK,EAAE,QAAT,EAAmBC,OAAO,EAAE,2BAAM,IAAN,EAA5B,EAA9B;AACD,KApBH,4DACSC,MADT,GACE,kBAAgB,CACd,oBACE,oBAAC,MAAD,IAAQ,GAAG,EAAE,EAAb,iBACE,oBAAC,IAAD,IAAM,MAAM,MAAZ,EAAa,MAAM,MAAnB,EAAoB,IAAI,EAAE,eAA1B,iBACE,oBAAC,MAAD,IAAQ,OAAO,EAAE,KAAKL,SAAtB,YADF,CADF,eAIE,oBAAC,IAAD,IAAM,MAAM,MAAZ,EAAa,MAAM,MAAnB,EAAoB,IAAI,EAAE,yBAA1B,EAAqD,GAAG,EAAE,OAA1D,iBACE,oBAAC,MAAD,IAAQ,OAAO,EAAE,KAAKE,mBAAtB,sBADF,CAJF,CADF,CAUD,CAZH,yBAAoCR,KAAK,CAACY,SAA1C","sourcesContent":["import React from 'react';\r\n\r\nimport { Gapped } from '../../components/Gapped';\r\nimport { Button } from '../../components/Button';\r\nimport { Hint } from '../../components/Hint';\r\nimport { Toast } from '../../components/Toast';\r\n\r\nexport class HintPlayground extends React.Component<{}, {}> {\r\n  public render() {\r\n    return (\r\n      <Gapped gap={10}>\r\n        <Hint manual opened text={'Показать тост'}>\r\n          <Button onClick={this.pushToast}>Toast</Button>\r\n        </Hint>\r\n        <Hint manual opened text={'Показать тост с ссылкой'} pos={'right'}>\r\n          <Button onClick={this.pushToastWithAction}>Toast with link</Button>\r\n        </Hint>\r\n      </Gapped>\r\n    );\r\n  }\r\n\r\n  private pushToast = () => {\r\n    Toast.push('Текст сообщения');\r\n  };\r\n\r\n  private pushToastWithAction = () => {\r\n    Toast.push('Текст сообщения', { label: 'Ссылка', handler: () => null });\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["HintPlayground.tsx"],"names":["React","Gapped","Button","Hint","Toast","HintPlayground","pushToast","push","pushToastWithAction","label","handler","render","Component"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,MAAT,QAAuB,yBAAvB;AACA,SAASC,MAAT,QAAuB,yBAAvB;AACA,SAASC,IAAT,QAAqB,uBAArB;AACA,SAASC,KAAT,QAAsB,wBAAtB;;AAEA,WAAaC,cAAb;;;;;;;;;;;;;;AAcUC,IAAAA,SAdV,GAcsB,YAAM;AACxBF,MAAAA,KAAK,CAACG,IAAN,CAAW,iBAAX;AACD,KAhBH;;AAkBUC,IAAAA,mBAlBV,GAkBgC,YAAM;AAClCJ,MAAAA,KAAK,CAACG,IAAN,CAAW,iBAAX,EAA8B,EAAEE,KAAK,EAAE,QAAT,EAAmBC,OAAO,EAAE,2BAAM,IAAN,EAA5B,EAA9B;AACD,KApBH,4DACSC,MADT,GACE,kBAAgB,CACd,oBACE,oBAAC,MAAD,IAAQ,GAAG,EAAE,EAAb,iBACE,oBAAC,IAAD,IAAM,MAAM,MAAZ,EAAa,MAAM,MAAnB,EAAoB,IAAI,EAAE,eAA1B,iBACE,oBAAC,MAAD,IAAQ,OAAO,EAAE,KAAKL,SAAtB,YADF,CADF,eAIE,oBAAC,IAAD,IAAM,MAAM,MAAZ,EAAa,MAAM,MAAnB,EAAoB,IAAI,EAAE,yBAA1B,EAAqD,GAAG,EAAE,OAA1D,iBACE,oBAAC,MAAD,IAAQ,OAAO,EAAE,KAAKE,mBAAtB,sBADF,CAJF,CADF,CAUD,CAZH,yBAAoCR,KAAK,CAACY,SAA1C","sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport { Button } from '../../components/Button';\nimport { Hint } from '../../components/Hint';\nimport { Toast } from '../../components/Toast';\n\nexport class HintPlayground extends React.Component<{}, {}> {\n  public render() {\n    return (\n      <Gapped gap={10}>\n        <Hint manual opened text={'Показать тост'}>\n          <Button onClick={this.pushToast}>Toast</Button>\n        </Hint>\n        <Hint manual opened text={'Показать тост с ссылкой'} pos={'right'}>\n          <Button onClick={this.pushToastWithAction}>Toast with link</Button>\n        </Hint>\n      </Gapped>\n    );\n  }\n\n  private pushToast = () => {\n    Toast.push('Текст сообщения');\n  };\n\n  private pushToastWithAction = () => {\n    Toast.push('Текст сообщения', { label: 'Ссылка', handler: () => null });\n  };\n}\n"]}

package/internal/ThemePlayground/PagingPlayground/PagingPlayground.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PagingPlayground.tsx"],"names":["React","Paging","PagingPlayground","state","active","handlePageChange","pageNumber","setState","render","Component"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,MAAT,QAAuB,yBAAvB;;AAEA,WAAaC,gBAAb;AACSC,IAAAA,KADT,GACiB;AACbC,MAAAA,MAAM,EAAE,CADK,EADjB;;;;;;;AASUC,IAAAA,gBATV,GAS6B,UAACC,UAAD,EAAwB;AACjD,YAAKC,QAAL,CAAc,EAAEH,MAAM,EAAEE,UAAV,EAAd;AACD,KAXH,8DAKSE,MALT,GAKE,kBAAgB,CACd,oBAAO,oBAAC,MAAD,IAAQ,UAAU,EAAE,KAAKL,KAAL,CAAWC,MAA/B,EAAuC,YAAY,EAAE,KAAKC,gBAA1D,EAA4E,UAAU,EAAE,EAAxF,GAAP,CACD,CAPH,2BAAsCL,KAAK,CAACS,SAA5C","sourcesContent":["import React from 'react';\r\n\r\nimport { Paging } from '../../components/Paging';\r\n\r\nexport class PagingPlayground extends React.Component<{}, { active: number }> {\r\n  public state = {\r\n    active: 1,\r\n  };\r\n\r\n  public render() {\r\n    return <Paging activePage={this.state.active} onPageChange={this.handlePageChange} pagesCount={12} />;\r\n  }\r\n\r\n  private handlePageChange = (pageNumber: number) => {\r\n    this.setState({ active: pageNumber });\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["PagingPlayground.tsx"],"names":["React","Paging","PagingPlayground","state","active","handlePageChange","pageNumber","setState","render","Component"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,MAAT,QAAuB,yBAAvB;;AAEA,WAAaC,gBAAb;AACSC,IAAAA,KADT,GACiB;AACbC,MAAAA,MAAM,EAAE,CADK,EADjB;;;;;;;AASUC,IAAAA,gBATV,GAS6B,UAACC,UAAD,EAAwB;AACjD,YAAKC,QAAL,CAAc,EAAEH,MAAM,EAAEE,UAAV,EAAd;AACD,KAXH,8DAKSE,MALT,GAKE,kBAAgB,CACd,oBAAO,oBAAC,MAAD,IAAQ,UAAU,EAAE,KAAKL,KAAL,CAAWC,MAA/B,EAAuC,YAAY,EAAE,KAAKC,gBAA1D,EAA4E,UAAU,EAAE,EAAxF,GAAP,CACD,CAPH,2BAAsCL,KAAK,CAACS,SAA5C","sourcesContent":["import React from 'react';\n\nimport { Paging } from '../../components/Paging';\n\nexport class PagingPlayground extends React.Component<{}, { active: number }> {\n  public state = {\n    active: 1,\n  };\n\n  public render() {\n    return <Paging activePage={this.state.active} onPageChange={this.handlePageChange} pagesCount={12} />;\n  }\n\n  private handlePageChange = (pageNumber: number) => {\n    this.setState({ active: pageNumber });\n  };\n}\n"]}