@skbkontur/react-ui 0.0.0-d49c4902ee → 0.0.0-d560679cdd

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

@@ -1,13 +1,13 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { CommonProps } from '../CommonWrapper';
-export interface PortalProps {
-    rt_rootID: string;
-    container: Nullable<HTMLElement>;
-    children: React.ReactNode;
-}
-export interface RenderContainerProps extends CommonProps {
-    anchor?: React.ReactNode;
-    children?: React.ReactNode;
-    containerRef?: React.Ref<HTMLElement>;
-}
+import type React from 'react';
+import type { Nullable } from '../../typings/utility-types';
+import type { CommonProps } from '../CommonWrapper';
+export interface PortalProps {
+    rt_rootID: string;
+    container: Nullable<HTMLElement>;
+    children: React.ReactNode;
+}
+export interface RenderContainerProps extends CommonProps {
+    anchor?: React.ReactNode;
+    children?: React.ReactNode;
+    containerRef?: React.Ref<HTMLElement>;
+}

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["RenderContainerTypes.ts"],"sourcesContent":["import React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { CommonProps } from '../CommonWrapper';\n\nexport interface PortalProps {\n  rt_rootID: string;\n  container: Nullable<HTMLElement>;\n  children: React.ReactNode;\n}\n\nexport interface RenderContainerProps extends CommonProps {\n  anchor?: React.ReactNode;\n  children?: React.ReactNode;\n  containerRef?: React.Ref<HTMLElement>;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["RenderContainerTypes.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { Nullable } from '../../typings/utility-types';\nimport type { CommonProps } from '../CommonWrapper';\n\nexport interface PortalProps {\n  rt_rootID: string;\n  container: Nullable<HTMLElement>;\n  children: React.ReactNode;\n}\n\nexport interface RenderContainerProps extends CommonProps {\n  anchor?: React.ReactNode;\n  children?: React.ReactNode;\n  containerRef?: React.Ref<HTMLElement>;\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -1,24 +1,18 @@
-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: {
-    ({ container, rt_rootID, children }: PortalProps): React.JSX.Element;
-    propTypes: {
-        container: propTypes.Requireable<HTMLElement>;
-        rt_rootID: propTypes.Validator<string>;
-        children: propTypes.Validator<NonNullable<propTypes.ReactNodeLike>>;
-    };
-    __KONTUR_REACT_UI__: string;
-    displayName: string;
-};
-export declare class RenderInnerContainer extends React.Component<RenderInnerContainerProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    render(): React.ReactNode;
-}
-export {};
+import React from 'react';
+import type { Nullable } from '../../typings/utility-types';
+import type { PortalProps, RenderContainerProps } from './RenderContainerTypes';
+interface RenderInnerContainerProps extends RenderContainerProps {
+    domContainer: Nullable<HTMLElement>;
+    rootId: string;
+}
+export declare const Portal: {
+    ({ container, rt_rootID, children }: PortalProps): React.JSX.Element;
+    __KONTUR_REACT_UI__: string;
+    displayName: string;
+};
+export declare class RenderInnerContainer extends React.Component<RenderInnerContainerProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    render(): React.ReactNode;
+}
+export {};

package/cjs/internal/RenderContainer/RenderInnerContainer.js

@@ -1,10 +1,7 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.RenderInnerContainer = exports.Portal = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _globalObject = require("@skbkontur/global-object");
 
 
-var _SSRSafe = require("../../lib/SSRSafe");
 
 
 var _RenderContainer = require("./RenderContainer");
@@ -67,11 +64,5 @@ RenderInnerContainer = exports.RenderInnerContainer = /*#__PURE__*/function (_Re
   };return RenderInnerContainer;}(_react.default.Component);RenderInnerContainer.__KONTUR_REACT_UI__ = 'RenderInnerContainer';RenderInnerContainer.displayName = 'RenderInnerContainer';
 
 
-Portal.propTypes = {
-  container: (0, _SSRSafe.safePropTypesInstanceOf)(_globalObject.globalObject.HTMLElement),
-  rt_rootID: _propTypes.default.string.isRequired,
-  children: _propTypes.default.node.isRequired
-};
-
 Portal.__KONTUR_REACT_UI__ = 'Portal';
 Portal.displayName = 'Portal';

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactDom","_propTypes","_globalObject","_SSRSafe","_RenderContainer","SSRPlaceholder","default","createElement","Portal","exports","_ref","_ref2","container","rt_rootID","children","Fragment","ReactDOM","createPortal","PORTAL_INLET_ATTR","RenderInnerContainer","_React$Component","apply","arguments","_inheritsLoose2","_proto","prototype","render","_this$props","props","anchor","domContainer","rootId","inner","key","React","Component","__KONTUR_REACT_UI__","displayName","propTypes","safePropTypesInstanceOf","globalObject","HTMLElement","string","isRequired","node"],"sources":["RenderInnerContainer.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport propTypes from 'prop-types';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { safePropTypesInstanceOf } from '../../lib/SSRSafe';\n\nimport { PortalProps, RenderContainerProps } from './RenderContainerTypes';\nimport { PORTAL_INLET_ATTR } from './RenderContainer';\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 {...{ [PORTAL_INLET_ATTR]: rt_rootID }} /> : <SSRPlaceholder />}\n    </React.Fragment>\n  );\n};\n\nexport class RenderInnerContainer extends React.Component<RenderInnerContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderInnerContainer';\n  public static displayName = '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(globalObject.HTMLElement),\n  rt_rootID: propTypes.string.isRequired,\n  children: propTypes.node.isRequired,\n};\n\nPortal.__KONTUR_REACT_UI__ = 'Portal';\nPortal.displayName = 'Portal';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactDom","_RenderContainer","SSRPlaceholder","default","createElement","Portal","exports","_ref","_ref2","container","rt_rootID","children","Fragment","ReactDOM","createPortal","PORTAL_INLET_ATTR","RenderInnerContainer","_React$Component","apply","arguments","_inheritsLoose2","_proto","prototype","render","_this$props","props","anchor","domContainer","rootId","inner","key","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["RenderInnerContainer.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport type { Nullable } from '../../typings/utility-types';\n\nimport type { PortalProps, RenderContainerProps } from './RenderContainerTypes';\nimport { PORTAL_INLET_ATTR } from './RenderContainer';\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 {...{ [PORTAL_INLET_ATTR]: rt_rootID }} /> : <SSRPlaceholder />}\n    </React.Fragment>\n  );\n};\n\nexport class RenderInnerContainer extends React.Component<RenderInnerContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderInnerContainer';\n  public static displayName = '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.__KONTUR_REACT_UI__ = 'Portal';\nPortal.displayName = 'Portal';\n"],"mappings":"yRAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;;;;;AAKA,IAAAE,gBAAA,GAAAF,OAAA;;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMG,cAAc,GAAG,SAAjBA,cAAcA,CAAA,uBAASL,MAAA,CAAAM,OAAA,CAAAC,aAAA,aAAQ,WAAQ,iBAAiB,EAAE,CAAC;;AAE1D,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAAE,IAAA,EAAwD,KAAAC,KAAA,KAAlDC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS,CAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;EACrD;EACA;IACEd,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACP,MAAA,CAAAM,OAAK,CAACS,QAAQ;IACZH,SAAS,gBAAGI,iBAAQ,CAACC,YAAY,CAACH,QAAQ,EAAEF,SAAS,CAAC,gBAAGZ,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACF,cAAc,MAAE,CAAC;IAC3EO,SAAS,gBAAGZ,MAAA,CAAAM,OAAA,CAAAC,aAAA,cAAAI,KAAA,OAAAA,KAAA,CAAiBO,kCAAiB,IAAGL,SAAS,EAAAF,KAAA,CAAK,CAAC,gBAAGX,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACF,cAAc,MAAE;IACvE,CAAC;;AAErB,CAAC,CAAC;;AAEWc,oBAAoB,GAAAV,OAAA,CAAAU,oBAAA,0BAAAC,gBAAA,YAAAD,qBAAA,UAAAC,gBAAA,CAAAC,KAAA,OAAAC,SAAA,eAAAC,eAAA,CAAAjB,OAAA,EAAAa,oBAAA,EAAAC,gBAAA,MAAAI,MAAA,GAAAL,oBAAA,CAAAM,SAAA,CAAAD,MAAA;;;;EAIxBE,MAAM,GAAb,SAAAA,OAAA,EAAgB;IACd,IAAAC,WAAA,GAAmD,IAAI,CAACC,KAAK,CAArDC,MAAM,GAAAF,WAAA,CAANE,MAAM,CAAEf,QAAQ,GAAAa,WAAA,CAARb,QAAQ,CAAEgB,YAAY,GAAAH,WAAA,CAAZG,YAAY,CAAEC,MAAM,GAAAJ,WAAA,CAANI,MAAM;IAC9C,IAAIC,KAAK,GAAGH,MAAM;;IAElB,IAAIf,QAAQ,EAAE;MACZkB,KAAK;MACHhC,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACP,MAAA,CAAAM,OAAK,CAACS,QAAQ;MACZc,MAAM;MACP7B,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACC,MAAM,IAACyB,GAAG,EAAC,YAAY,EAACpB,SAAS,EAAEkB,MAAO,EAACnB,SAAS,EAAEkB,YAAa;MACjEhB;MACK;MACM,CACjB;;IACH;;IAEA,OAAOkB,KAAK;EACd,CAAC,QAAAb,oBAAA,GApBuCe,cAAK,CAACC,SAAS,EAA5ChB,oBAAoB,CACjBiB,mBAAmB,GAAG,sBAAsB,CAD/CjB,oBAAoB,CAEjBkB,WAAW,GAAG,sBAAsB;;;AAqBpD7B,MAAM,CAAC4B,mBAAmB,GAAG,QAAQ;AACrC5B,MAAM,CAAC6B,WAAW,GAAG,QAAQ","ignoreList":[]}

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

@@ -1 +1 @@
-export * from './RenderContainer';
+export * from './RenderContainer';

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

@@ -1,32 +1,31 @@
-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<Element>;
-}
-type DefaultProps = Required<Pick<RenderLayerProps, 'active'>>;
-export declare class RenderLayer extends React.Component<RenderLayerProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static propTypes: {
-        active(props: RenderLayerProps, propName: keyof RenderLayerProps, componentName: string): Error | undefined;
-    };
-    static defaultProps: DefaultProps;
-    private getProps;
-    private focusOutsideListenerToken;
-    private setRootNode;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: RenderLayerProps): void;
-    componentWillUnmount(): void;
-    render(): React.JSX.Element;
-    private getAnchorNode;
-    private attachListeners;
-    private detachListeners;
-    private handleFocusOutside;
-    private handleNativeDocClick;
-}
-export {};
+import React from 'react';
+import type { CommonProps } from '../CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
+import type { 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<Element>;
+}
+type DefaultProps = Required<Pick<RenderLayerProps, 'active'>>;
+export declare class RenderLayer extends React.Component<RenderLayerProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    private focusOutsideListenerToken;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: RenderLayerProps): void;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element;
+    private getAnchorNode;
+    private attachListeners;
+    private detachListeners;
+    private handleFocusOutside;
+    private handleNativeDocClick;
+}
+export {};

package/cjs/internal/RenderLayer/RenderLayer.js

@@ -2,7 +2,9 @@
 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");
@@ -27,17 +29,6 @@ RenderLayer = exports.RenderLayer = (0, _rootNode.rootNode)(_class = (_RenderLay
 
 
 
-
-
-
-
-
-
-
-
-
-
-
     getProps = (0, _createPropsGetter.createPropsGetter)(RenderLayer.defaultProps);_this.
 
     focusOutsideListenerToken =
@@ -108,6 +99,8 @@ RenderLayer = exports.RenderLayer = (0, _rootNode.rootNode)(_class = (_RenderLay
 
 
 
+
+
 
 
 
@@ -128,4 +121,4 @@ RenderLayer = exports.RenderLayer = (0, _rootNode.rootNode)(_class = (_RenderLay
       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() {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;
+    };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 _this$getProps = this.getProps(),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.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","_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":[]}
+{"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","_this$getProps","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"],"sources":["RenderLayer.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { listen as listenFocusOutside, containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport type { Nullable } from '../../typings/utility-types';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\n\nexport interface RenderLayerProps extends CommonProps {\n  children: JSX.Element;\n  onClickOutside?: (e: Event) => void;\n  onFocusOutside?: (e: Event) => void;\n  active?: boolean;\n  getAnchorElement?: () => Nullable<Element>;\n}\n\ntype DefaultProps = Required<Pick<RenderLayerProps, 'active'>>;\n\n@rootNode\nexport class RenderLayer extends React.Component<RenderLayerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderLayer';\n  public static displayName = 'RenderLayer';\n\n  public static defaultProps: DefaultProps = {\n    active: true,\n  };\n\n  private getProps = createPropsGetter(RenderLayer.defaultProps);\n\n  private focusOutsideListenerToken: {\n    remove: () => void;\n  } | null = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    if (this.getProps().active) {\n      this.attachListeners();\n    }\n  }\n\n  public componentDidUpdate(prevProps: RenderLayerProps) {\n    const { active } = this.getProps();\n\n    if (!prevProps.active && active) {\n      this.attachListeners();\n    }\n    if (prevProps.active && !active) {\n      this.detachListeners();\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.getProps().active) {\n      this.detachListeners();\n    }\n  }\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {React.Children.only(this.props.children)}\n      </CommonWrapper>\n    );\n  }\n\n  private getAnchorNode(): Nullable<Element> {\n    const { getAnchorElement } = this.props;\n    return getAnchorElement ? getAnchorElement() : getRootNode(this);\n  }\n\n  private attachListeners() {\n    const node = this.getAnchorNode();\n    if (!node) {\n      return;\n    }\n\n    this.focusOutsideListenerToken = listenFocusOutside(() => [node], this.handleFocusOutside);\n    globalObject.addEventListener?.('blur', this.handleFocusOutside);\n    globalObject.document?.addEventListener(\n      'ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement\n        ? 'pointerup'\n        : 'mousedown',\n      this.handleNativeDocClick,\n    );\n  }\n\n  private detachListeners() {\n    if (this.focusOutsideListenerToken) {\n      this.focusOutsideListenerToken.remove();\n      this.focusOutsideListenerToken = null;\n    }\n\n    globalObject.removeEventListener?.('blur', this.handleFocusOutside);\n    globalObject.document?.removeEventListener(\n      'ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement\n        ? 'pointerup'\n        : 'mousedown',\n      this.handleNativeDocClick,\n    );\n  }\n\n  private handleFocusOutside = (event: Event) => {\n    if (this.props.onFocusOutside) {\n      this.props.onFocusOutside(event);\n    }\n  };\n\n  private handleNativeDocClick = (event: Event) => {\n    const target = event.target || event.srcElement;\n    const node = this.getAnchorNode();\n\n    if (!node || (isInstanceOf(target, globalObject.Element) && containsTargetOrRenderContainer(target)(node))) {\n      return;\n    }\n\n    if (this.props.onClickOutside) {\n      this.props.onClickOutside(event);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-export * from './RenderLayer';
+export * from './RenderLayer';

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

@@ -1,14 +1,14 @@
-import React from 'react';
-export interface ResizeDetectorProps {
-    onResize?: (event: UIEvent) => void;
-    fullHeight?: boolean;
-}
-export declare class ResizeDetector extends React.Component<React.PropsWithChildren<ResizeDetectorProps>> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    private iframeWindow;
-    componentDidMount(): void;
-    render(): React.JSX.Element;
-    private handleResize;
-    private iframeRef;
-}
+import React from 'react';
+export interface ResizeDetectorProps {
+    onResize?: (event: UIEvent) => void;
+    fullHeight?: boolean;
+}
+export declare class ResizeDetector extends React.Component<React.PropsWithChildren<ResizeDetectorProps>> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    private iframeWindow;
+    componentDidMount(): void;
+    render(): React.JSX.Element;
+    private handleResize;
+    private iframeRef;
+}

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

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

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

@@ -1 +1 @@
-export * from './ResizeDetector';
+export * from './ResizeDetector';

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

@@ -1,33 +1,33 @@
-import React from 'react';
-interface SpinnerIconSize {
-    size: number;
-    width: number;
-    radius: number;
-}
-export interface SpinnerIconProps {
-    className?: string;
-    size: SpinnerIconSize | keyof typeof sizes;
-    dimmed?: boolean;
-    inline?: boolean;
-    width?: number;
-    color?: React.CSSProperties['color'];
-}
-export declare const sizes: {
-    readonly big: {
-        readonly size: 96;
-        readonly width: 4;
-        readonly radius: 32;
-    };
-    readonly normal: {
-        readonly size: 48;
-        readonly width: 2;
-        readonly radius: 16;
-    };
-    readonly mini: {
-        readonly size: 16;
-        readonly width: 1.5;
-        readonly radius: 6;
-    };
-};
-export declare const SpinnerIcon: ({ size, className, dimmed, inline, width, color }: SpinnerIconProps) => React.JSX.Element;
-export {};
+import React from 'react';
+interface SpinnerIconSize {
+    size: number;
+    width: number;
+    radius: number;
+}
+export interface SpinnerIconProps {
+    className?: string;
+    size: SpinnerIconSize | keyof typeof sizes;
+    dimmed?: boolean;
+    inline?: boolean;
+    width?: number;
+    color?: React.CSSProperties['color'];
+}
+export declare const sizes: {
+    readonly big: {
+        readonly size: 96;
+        readonly width: 4;
+        readonly radius: 32;
+    };
+    readonly normal: {
+        readonly size: 48;
+        readonly width: 2;
+        readonly radius: 16;
+    };
+    readonly mini: {
+        readonly size: 16;
+        readonly width: 1.5;
+        readonly radius: 6;
+    };
+};
+export declare const SpinnerIcon: ({ size, className, dimmed, inline, width, color }: SpinnerIconProps) => React.JSX.Element;
+export {};

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

@@ -1,6 +1,6 @@
-export declare const styles: {
-    root(): string;
-    rootInline(): string;
-    icon(): string;
-    iconInline(): string;
-};
+export declare const styles: {
+    root(): string;
+    rootInline(): string;
+    icon(): string;
+    iconInline(): string;
+};

package/cjs/internal/TextWidthHelper/TextWidthHelper.d.ts

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

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

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

package/cjs/internal/ThemePlayground/AnotherInputsPlayground.d.ts

@@ -1,18 +1,18 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { DatePickerProps } from '../../components/DatePicker';
-interface DatePickerPlaygroundState {
-    value: Nullable<string>;
-    error: boolean;
-    tooltip: boolean;
-}
-type DatePickerPlaygroundProps = Partial<DatePickerProps>;
-export declare class DatePickerPlayground extends React.Component<DatePickerPlaygroundProps> {
-    state: DatePickerPlaygroundState;
-    render(): React.JSX.Element;
-    private handleChange;
-    private invalidate;
-    private validate;
-    private removeTooltip;
-}
-export {};
+import React from 'react';
+import type { Nullable } from '../../typings/utility-types';
+import type { DatePickerProps } from '../../components/DatePicker';
+interface DatePickerPlaygroundState {
+    value: Nullable<string>;
+    error: boolean;
+    tooltip: boolean;
+}
+type DatePickerPlaygroundProps = Partial<DatePickerProps>;
+export declare class DatePickerPlayground extends React.Component<DatePickerPlaygroundProps> {
+    state: DatePickerPlaygroundState;
+    render(): React.JSX.Element;
+    private handleChange;
+    private invalidate;
+    private validate;
+    private removeTooltip;
+}
+export {};

package/cjs/internal/ThemePlayground/AnotherInputsPlayground.js

@@ -2,6 +2,7 @@
 
 
 var _Tooltip = require("../../components/Tooltip");
+
 var _DatePicker = require("../../components/DatePicker");var
 
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Tooltip","_DatePicker","DatePickerPlayground","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","value","error","tooltip","handleChange","setState","invalidate","validate","currentValue","DatePicker","removeTooltip","_inheritsLoose2","default","_proto","prototype","render","createElement","Tooltip","trigger","onCloseClick","_extends2","props","disabled","size","onValueChange","onFocus","onBlur","enableTodayLink","React","Component"],"sources":["AnotherInputsPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { Tooltip } from '../../components/Tooltip';\nimport { DatePicker, DatePickerProps } from '../../components/DatePicker';\n\ninterface DatePickerPlaygroundState {\n  value: Nullable<string>;\n  error: boolean;\n  tooltip: boolean;\n}\ntype DatePickerPlaygroundProps = Partial<DatePickerProps>;\nexport class DatePickerPlayground extends React.Component<DatePickerPlaygroundProps> {\n  public state: DatePickerPlaygroundState = {\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"],"mappings":"0VAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA,gCAA0E;;;;;;;;AAQ7DG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,0BAAAE,gBAAA,YAAAF,qBAAA,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;IACxBU,KAAK,GAA8B;MACxCC,KAAK,EAAE,YAAY;MACnBC,KAAK,EAAE,KAAK;MACZC,OAAO,EAAE;IACX,CAAC,CAAAb,KAAA;;;;;;;;;;;;;;;;;;;;;;;;IAwBOc,YAAY,GAAG,UAACH,KAAa,EAAK;MACxCX,KAAA,CAAKe,QAAQ,CAAC;QACZJ,KAAK,EAALA;MACF,CAAC,CAAC;IACJ,CAAC,CAAAX,KAAA;;IAEOgB,UAAU,GAAG,YAAM;MACzBhB,KAAA,CAAKe,QAAQ,CAAC,EAAEH,KAAK,EAAE,KAAK,EAAEC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IACjD,CAAC,CAAAb,KAAA;;IAEOiB,QAAQ,GAAG,YAAM;MACvB,IAAMC,YAAY,GAAGlB,KAAA,CAAKU,KAAK,CAACC,KAAK;MACrCX,KAAA,CAAKe,QAAQ,CAAC,YAAM;QAClB,IAAMH,KAAK,GAAG,CAAC,CAACM,YAAY,IAAI,CAACC,sBAAU,CAACF,QAAQ,CAACC,YAAY,CAAC;QAClE,OAAO;UACLN,KAAK,EAALA,KAAK;UACLC,OAAO,EAAED;QACX,CAAC;MACH,CAAC,CAAC;IACJ,CAAC,CAAAZ,KAAA;;IAEOoB,aAAa,GAAG,YAAM;MAC5BpB,KAAA,CAAKe,QAAQ,CAAC;QACZF,OAAO,EAAE;MACX,CAAC,CAAC;IACJ,CAAC,QAAAb,KAAA,MAAAqB,eAAA,CAAAC,OAAA,EAAAzB,oBAAA,EAAAE,gBAAA,MAAAwB,MAAA,GAAA1B,oBAAA,CAAA2B,SAAA,CAAAD,MAAA,CA/CME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACEjC,MAAA,CAAA8B,OAAA,CAAAI,aAAA,CAAC/B,QAAA,CAAAgC,OAAO,IACNC,OAAO,EAAE,IAAI,CAAClB,KAAK,CAACG,OAAO,GAAG,QAAQ,GAAG,QAAS,EAClDY,MAAM,EAAE,SAAAA,OAAA,UAAM,0BAA0B,EAAC,EACzCI,YAAY,EAAE,IAAI,CAACT,aAAc,iBAEjC5B,MAAA,CAAA8B,OAAA,CAAAI,aAAA,CAAC9B,WAAA,CAAAuB,UAAU,MAAAW,SAAA,CAAAR,OAAA,MACL,IAAI,CAACS,KAAK,IACdC,QAAQ,EAAE,IAAI,CAACD,KAAK,CAACC,QAAS,EAC9BC,IAAI,EAAE,IAAI,CAACF,KAAK,CAACE,IAAK,EACtBrB,KAAK,EAAE,IAAI,CAACF,KAAK,CAACE,KAAM,EACxBD,KAAK,EAAE,IAAI,CAACD,KAAK,CAACC,KAAM,EACxBuB,aAAa,EAAE,IAAI,CAACpB,YAAa,EACjCqB,OAAO,EAAE,IAAI,CAACnB,UAAW,EACzBoB,MAAM,EAAE,IAAI,CAACnB,QAAS,EACtBoB,eAAe,SAChB,CACM,CAAC,CAEd,CAAC,QAAAxC,oBAAA,GA3BuCyC,cAAK,CAACC,SAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Tooltip","_DatePicker","DatePickerPlayground","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","value","error","tooltip","handleChange","setState","invalidate","validate","currentValue","DatePicker","removeTooltip","_inheritsLoose2","default","_proto","prototype","render","createElement","Tooltip","trigger","onCloseClick","_extends2","props","disabled","size","onValueChange","onFocus","onBlur","enableTodayLink","React","Component"],"sources":["AnotherInputsPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Nullable } from '../../typings/utility-types';\nimport { Tooltip } from '../../components/Tooltip';\nimport type { DatePickerProps } from '../../components/DatePicker';\nimport { DatePicker } from '../../components/DatePicker';\n\ninterface DatePickerPlaygroundState {\n  value: Nullable<string>;\n  error: boolean;\n  tooltip: boolean;\n}\ntype DatePickerPlaygroundProps = Partial<DatePickerProps>;\nexport class DatePickerPlayground extends React.Component<DatePickerPlaygroundProps> {\n  public state: DatePickerPlaygroundState = {\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"],"mappings":"0VAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,WAAA,GAAAF,OAAA,gCAAyD;;;;;;;;AAQ5CG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,0BAAAE,gBAAA,YAAAF,qBAAA,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;IACxBU,KAAK,GAA8B;MACxCC,KAAK,EAAE,YAAY;MACnBC,KAAK,EAAE,KAAK;MACZC,OAAO,EAAE;IACX,CAAC,CAAAb,KAAA;;;;;;;;;;;;;;;;;;;;;;;;IAwBOc,YAAY,GAAG,UAACH,KAAa,EAAK;MACxCX,KAAA,CAAKe,QAAQ,CAAC;QACZJ,KAAK,EAALA;MACF,CAAC,CAAC;IACJ,CAAC,CAAAX,KAAA;;IAEOgB,UAAU,GAAG,YAAM;MACzBhB,KAAA,CAAKe,QAAQ,CAAC,EAAEH,KAAK,EAAE,KAAK,EAAEC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IACjD,CAAC,CAAAb,KAAA;;IAEOiB,QAAQ,GAAG,YAAM;MACvB,IAAMC,YAAY,GAAGlB,KAAA,CAAKU,KAAK,CAACC,KAAK;MACrCX,KAAA,CAAKe,QAAQ,CAAC,YAAM;QAClB,IAAMH,KAAK,GAAG,CAAC,CAACM,YAAY,IAAI,CAACC,sBAAU,CAACF,QAAQ,CAACC,YAAY,CAAC;QAClE,OAAO;UACLN,KAAK,EAALA,KAAK;UACLC,OAAO,EAAED;QACX,CAAC;MACH,CAAC,CAAC;IACJ,CAAC,CAAAZ,KAAA;;IAEOoB,aAAa,GAAG,YAAM;MAC5BpB,KAAA,CAAKe,QAAQ,CAAC;QACZF,OAAO,EAAE;MACX,CAAC,CAAC;IACJ,CAAC,QAAAb,KAAA,MAAAqB,eAAA,CAAAC,OAAA,EAAAzB,oBAAA,EAAAE,gBAAA,MAAAwB,MAAA,GAAA1B,oBAAA,CAAA2B,SAAA,CAAAD,MAAA,CA/CME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACEjC,MAAA,CAAA8B,OAAA,CAAAI,aAAA,CAAC/B,QAAA,CAAAgC,OAAO,IACNC,OAAO,EAAE,IAAI,CAAClB,KAAK,CAACG,OAAO,GAAG,QAAQ,GAAG,QAAS,EAClDY,MAAM,EAAE,SAAAA,OAAA,UAAM,0BAA0B,EAAC,EACzCI,YAAY,EAAE,IAAI,CAACT,aAAc,iBAEjC5B,MAAA,CAAA8B,OAAA,CAAAI,aAAA,CAAC9B,WAAA,CAAAuB,UAAU,MAAAW,SAAA,CAAAR,OAAA,MACL,IAAI,CAACS,KAAK,IACdC,QAAQ,EAAE,IAAI,CAACD,KAAK,CAACC,QAAS,EAC9BC,IAAI,EAAE,IAAI,CAACF,KAAK,CAACE,IAAK,EACtBrB,KAAK,EAAE,IAAI,CAACF,KAAK,CAACE,KAAM,EACxBD,KAAK,EAAE,IAAI,CAACD,KAAK,CAACC,KAAM,EACxBuB,aAAa,EAAE,IAAI,CAACpB,YAAa,EACjCqB,OAAO,EAAE,IAAI,CAACnB,UAAW,EACzBoB,MAAM,EAAE,IAAI,CAACnB,QAAS,EACtBoB,eAAe,SAChB,CACM,CAAC,CAEd,CAAC,QAAAxC,oBAAA,GA3BuCyC,cAAK,CAACC,SAAS","ignoreList":[]}

package/cjs/internal/ThemePlayground/CheckboxPlayground.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const CheckboxPlayground: () => React.JSX.Element;
+import React from 'react';
+export declare const CheckboxPlayground: () => React.JSX.Element;

package/cjs/internal/ThemePlayground/CheckboxPlayground.js

@@ -1,6 +1,7 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.CheckboxPlayground = void 0;var _react = _interopRequireDefault(require("react"));
 
 var _Gapped = require("../../components/Gapped");
+
 var _Checkbox = require("../../components/Checkbox");
 
 var _helpers = require("./helpers");

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Gapped","_Checkbox","_helpers","propsList","children","checked","disabled","initialIndeterminate","focused","error","warning","CheckboxPlayground","exports","default","createElement","Gapped","gap","vertical","getComponentsFromPropsList","Checkbox"],"sources":["CheckboxPlayground.tsx"],"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"],"mappings":"wKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;;AAEA,IAAAG,QAAA,GAAAH,OAAA;;;AAGA,IAAMI,SAAyB,GAAG;AAChC,EAAEC,QAAQ,EAAE,SAAS,CAAC,CAAC;AACvB,EAAEA,QAAQ,EAAE,SAAS,EAAEC,OAAO,EAAE,IAAI,CAAC,CAAC;AACtC,EAAED,QAAQ,EAAE,UAAU,EAAEC,OAAO,EAAE,IAAI,EAAEC,QAAQ,EAAE,IAAI,CAAC,CAAC;AACvD,EAAEF,QAAQ,EAAE,aAAa,EAAEG,oBAAoB,EAAE,IAAI,CAAC,CAAC;AACvD,EAAEH,QAAQ,EAAE,SAAS,EAAEI,OAAO,EAAE,IAAI,CAAC,CAAC;AACtC,EAAEJ,QAAQ,EAAE,OAAO,EAAEK,KAAK,EAAE,IAAI,CAAC,CAAC;AAClC,EAAEL,QAAQ,EAAE,SAAS,EAAEM,OAAO,EAAE,IAAI,CAAC,CAAC,CACvC;;;AAEM,IAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;EACtC;IACEd,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,OAAA,CAAAe,MAAM,IAACC,GAAG,EAAE,CAAE,EAACC,QAAQ;IACrB,IAAAC,mCAA0B,gBAACrB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,SAAA,CAAAkB,QAAQ,MAAE,CAAC,EAAEhB,SAAS;IAC7C,CAAC;;AAEb,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Gapped","_Checkbox","_helpers","propsList","children","checked","disabled","initialIndeterminate","focused","error","warning","CheckboxPlayground","exports","default","createElement","Gapped","gap","vertical","getComponentsFromPropsList","Checkbox"],"sources":["CheckboxPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport type { CheckboxProps } from '../../components/Checkbox';\nimport { Checkbox } 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"],"mappings":"wKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA;;AAEA,IAAAE,SAAA,GAAAF,OAAA;;AAEA,IAAAG,QAAA,GAAAH,OAAA;;;AAGA,IAAMI,SAAyB,GAAG;AAChC,EAAEC,QAAQ,EAAE,SAAS,CAAC,CAAC;AACvB,EAAEA,QAAQ,EAAE,SAAS,EAAEC,OAAO,EAAE,IAAI,CAAC,CAAC;AACtC,EAAED,QAAQ,EAAE,UAAU,EAAEC,OAAO,EAAE,IAAI,EAAEC,QAAQ,EAAE,IAAI,CAAC,CAAC;AACvD,EAAEF,QAAQ,EAAE,aAAa,EAAEG,oBAAoB,EAAE,IAAI,CAAC,CAAC;AACvD,EAAEH,QAAQ,EAAE,SAAS,EAAEI,OAAO,EAAE,IAAI,CAAC,CAAC;AACtC,EAAEJ,QAAQ,EAAE,OAAO,EAAEK,KAAK,EAAE,IAAI,CAAC,CAAC;AAClC,EAAEL,QAAQ,EAAE,SAAS,EAAEM,OAAO,EAAE,IAAI,CAAC,CAAC,CACvC;;;AAEM,IAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;EACtC;IACEd,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,OAAA,CAAAe,MAAM,IAACC,GAAG,EAAE,CAAE,EAACC,QAAQ;IACrB,IAAAC,mCAA0B,gBAACrB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,SAAA,CAAAkB,QAAQ,MAAE,CAAC,EAAEhB,SAAS;IAC7C,CAAC;;AAEb,CAAC","ignoreList":[]}

package/cjs/internal/ThemePlayground/ComponentsGroup.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { Theme } from '../../lib/theming/Theme';
-interface ComponentsGroupProps {
-    title: string;
-    children: React.ReactNode;
-    style?: React.CSSProperties;
-    theme: Theme;
-}
-export declare const ComponentsGroup: (props: ComponentsGroupProps) => React.ReactElement<ComponentsGroupProps>;
-export {};
+import React from 'react';
+import type { Theme } from '../../lib/theming/Theme';
+interface ComponentsGroupProps {
+    title: string;
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+    theme: Theme;
+}
+export declare const ComponentsGroup: (props: ComponentsGroupProps) => React.ReactElement<ComponentsGroupProps>;
+export {};