@skbkontur/react-ui 2.17.4-source-maps.1 → 2.17.7

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

@@ -1 +1 @@
-{"version":3,"sources":["ResizeDetector.tsx"],"names":["ResizeDetector","iframeWindow","handleResize","event","props","onResize","iframeRef","iframe","contentWindow","componentDidMount","addEventListener","render","jsStyles","root","content","children","React","Component","__KONTUR_REACT_UI__"],"mappings":"0PAAA;;AAEA,yD;;;;;;AAMaA,c;;;AAGHC,IAAAA,Y,GAA8B,I;;;;;;;;;;;;;;;;;AAiB9BC,IAAAA,Y,GAAe,UAACC,KAAD,EAAoB;AACzC,UAAI,MAAKC,KAAL,CAAWC,QAAf,EAAyB;AACvB,cAAKD,KAAL,CAAWC,QAAX,CAAoBF,KAApB;AACD;AACF,K;;AAEOG,IAAAA,S,GAAY,UAACC,MAAD,EAA+B;AACjD,UAAIA,MAAM,IAAIA,MAAM,CAACC,aAArB,EAAoC;AAClC,cAAKP,YAAL,GAAoBM,MAAM,CAACC,aAA3B;AACD;AACF,K,4DAzBMC,iB,GAAP,6BAA2B,CACzB,IAAI,KAAKR,YAAT,EAAuB,CACrB,KAAKA,YAAL,CAAkBS,gBAAlB,CAAmC,QAAnC,EAA6C,KAAKR,YAAlD,EACD,CACF,C,QAEMS,M,GAAP,kBAAgB,CACd,oBACE,sCAAK,SAAS,EAAEC,yBAASC,IAAT,EAAhB,iBACE,yCAAQ,KAAK,EAAC,gBAAd,EAA+B,GAAG,EAAE,KAAKP,SAAzC,EAAoD,SAAS,EAAEM,yBAASL,MAAT,EAA/D,EAAkF,QAAQ,EAAE,CAAC,CAA7F,GADF,eAEE,sCAAK,SAAS,EAAEK,yBAASE,OAAT,EAAhB,IAAqC,KAAKV,KAAL,CAAWW,QAAhD,CAFF,CADF,CAMD,C,yBAlBiCC,eAAMC,S,0CAA7BjB,c,CACGkB,mB,GAAsB,gB","sourcesContent":["import React from 'react';\n\nimport { jsStyles } from './ResizeDetector.styles';\n\nexport interface ResizeDetectorProps {\n  onResize?: (event: UIEvent) => void;\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={jsStyles.root()}>\n        <iframe title=\"resizeDetector\" ref={this.iframeRef} className={jsStyles.iframe()} tabIndex={-1} />\n        <div className={jsStyles.content()}>{this.props.children}</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"]}
+{"version":3,"sources":["ResizeDetector.tsx"],"names":["ResizeDetector","iframeWindow","handleResize","event","props","onResize","iframeRef","iframe","contentWindow","componentDidMount","addEventListener","render","jsStyles","root","content","children","React","Component","__KONTUR_REACT_UI__"],"mappings":"0PAAA;;AAEA,yD;;;;;;AAMaA,c;;;AAGHC,IAAAA,Y,GAA8B,I;;;;;;;;;;;;;;;;;AAiB9BC,IAAAA,Y,GAAe,UAACC,KAAD,EAAoB;AACzC,UAAI,MAAKC,KAAL,CAAWC,QAAf,EAAyB;AACvB,cAAKD,KAAL,CAAWC,QAAX,CAAoBF,KAApB;AACD;AACF,K;;AAEOG,IAAAA,S,GAAY,UAACC,MAAD,EAA+B;AACjD,UAAIA,MAAM,IAAIA,MAAM,CAACC,aAArB,EAAoC;AAClC,cAAKP,YAAL,GAAoBM,MAAM,CAACC,aAA3B;AACD;AACF,K,4DAzBMC,iB,GAAP,6BAA2B,CACzB,IAAI,KAAKR,YAAT,EAAuB,CACrB,KAAKA,YAAL,CAAkBS,gBAAlB,CAAmC,QAAnC,EAA6C,KAAKR,YAAlD,EACD,CACF,C,QAEMS,M,GAAP,kBAAgB,CACd,oBACE,sCAAK,SAAS,EAAEC,yBAASC,IAAT,EAAhB,iBACE,yCAAQ,KAAK,EAAC,gBAAd,EAA+B,GAAG,EAAE,KAAKP,SAAzC,EAAoD,SAAS,EAAEM,yBAASL,MAAT,EAA/D,EAAkF,QAAQ,EAAE,CAAC,CAA7F,GADF,eAEE,sCAAK,SAAS,EAAEK,yBAASE,OAAT,EAAhB,IAAqC,KAAKV,KAAL,CAAWW,QAAhD,CAFF,CADF,CAMD,C,yBAlBiCC,eAAMC,S,0CAA7BjB,c,CACGkB,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()} tabIndex={-1} />\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"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["ResizeDetector.styles.ts"],"names":["styles","root","css","iframe","content","jsStyles"],"mappings":"8QAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,eAAOC,YAAP;;;AAGD,GALY;;AAObC,EAAAA,MAPa,oBAOJ;AACP,eAAOD,YAAP;;;;;;;;;;;AAWD,GAnBY;;AAqBbE,EAAAA,OArBa,qBAqBH;AACR,eAAOF,YAAP;;;AAGD,GAzBY,EAAf;;;AA4BO,IAAMG,QAAQ,GAAG,2BAAaL,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nconst styles = {\n  root() {\n    return css`\n      position: relative;\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    `;\n  },\n\n  content() {\n    return css`\n      position: relative;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}
+{"version":3,"sources":["ResizeDetector.styles.ts"],"names":["styles","root","css","iframe","content","jsStyles"],"mappings":"8QAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,eAAOC,YAAP;;;AAGD,GALY;;AAObC,EAAAA,MAPa,oBAOJ;AACP,eAAOD,YAAP;;;;;;;;;;;AAWD,GAnBY;;AAqBbE,EAAAA,OArBa,qBAqBH;AACR,eAAOF,YAAP;;;AAGD,GAzBY,EAAf;;;AA4BO,IAAMG,QAAQ,GAAG,2BAAaL,MAAb,CAAjB,C","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"]}

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

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

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

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

package/cjs/internal/SpinnerOld/SpinnerOld.d.ts

@@ -1,49 +1,49 @@
-import React from 'react';
-import * as PropTypes from 'prop-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-declare const types: Record<SpinnerOldType, SpinnerOldType>;
-export declare type SpinnerOldType = 'mini' | 'normal' | 'big';
-export interface SpinnerOldProps extends CommonProps {
-    caption?: React.ReactNode;
-    dimmed?: boolean;
-    /**
-     * Тип спиннера
-     * @default mini
-     */
-    type: SpinnerOldType;
-}
-/**
- * @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)
- */
-export declare class SpinnerOld extends React.Component<SpinnerOldProps> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        /**
-         * Текст рядом с мини-лоадером.
-         *
-         * 'Загрузка' - значение по-умолчанию
-         */
-        caption: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        dimmed: PropTypes.Requireable<boolean>;
-        /**
-         * Тип спиннера: mini, normal, big
-         *
-         * Значение по-умолчанию - normal
-         *
-         * SpinnerOld.types - все доступные типы
-         */
-        type: PropTypes.Requireable<string>;
-    };
-    static defaultProps: SpinnerOldProps;
-    static Types: typeof types;
-    private theme;
-    private readonly locale;
-    constructor(props: SpinnerOldProps);
-    render(): JSX.Element;
-    private renderMain;
-    private renderCloud;
-    private renderCircle;
-    private renderSpinnerOld;
-    private renderCaption;
-}
-export {};
+import React from 'react';
+import * as PropTypes from 'prop-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+declare const types: Record<SpinnerOldType, SpinnerOldType>;
+export declare type SpinnerOldType = 'mini' | 'normal' | 'big';
+export interface SpinnerOldProps extends CommonProps {
+    caption?: React.ReactNode;
+    dimmed?: boolean;
+    /**
+     * Тип спиннера
+     * @default mini
+     */
+    type: SpinnerOldType;
+}
+/**
+ * @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)
+ */
+export declare class SpinnerOld extends React.Component<SpinnerOldProps> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        /**
+         * Текст рядом с мини-лоадером.
+         *
+         * 'Загрузка' - значение по-умолчанию
+         */
+        caption: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        dimmed: PropTypes.Requireable<boolean>;
+        /**
+         * Тип спиннера: mini, normal, big
+         *
+         * Значение по-умолчанию - normal
+         *
+         * SpinnerOld.types - все доступные типы
+         */
+        type: PropTypes.Requireable<string>;
+    };
+    static defaultProps: SpinnerOldProps;
+    static Types: typeof types;
+    private theme;
+    private readonly locale;
+    constructor(props: SpinnerOldProps);
+    render(): JSX.Element;
+    private renderMain;
+    private renderCloud;
+    private renderCircle;
+    private renderSpinnerOld;
+    private renderCaption;
+}
+export {};

package/cjs/internal/SpinnerOld/SpinnerOld.js

@@ -30,8 +30,8 @@ var types = {
 
 
 
-/**
- * @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)
+/**
+ * @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)
  */var
 
 SpinnerOld = (_dec = (0, _decorators.locale)('Spinner', _locale.SpinnerLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(SpinnerOld, _React$Component);
@@ -123,14 +123,14 @@ SpinnerOld = (_dec = (0, _decorators.locale)('Spinner', _locale.SpinnerLocaleHel
 
     renderCaption = function (type, caption) {
       return /*#__PURE__*/_react.default.createElement("span", { className: (0, _classnames.default)(_SpinnerOld.jsStyles[type](_this.theme), _SpinnerOld.jsStyles.caption(_this.theme)) }, caption);
-    };return _this;}var _proto = SpinnerOld.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this$props = this.props,type = _this$props.type,_this$props$caption = _this$props.caption,caption = _this$props$caption === void 0 ? this.locale.loading : _this$props$caption;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement("div", { className: _SpinnerOld.jsStyles.spinner() }, /*#__PURE__*/_react.default.createElement("span", { className: _SpinnerOld.jsStyles.inner() }, this.renderSpinnerOld(type)), caption && this.renderCaption(type, caption)));};return SpinnerOld;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'SpinnerOld', _class2.propTypes = { /**
-   * Текст рядом с мини-лоадером.
-   *
-   * 'Загрузка' - значение по-умолчанию
-   */caption: PropTypes.node, dimmed: PropTypes.bool, /**
-   * Тип спиннера: mini, normal, big
-   *
-   * Значение по-умолчанию - normal
-   *
-   * SpinnerOld.types - все доступные типы
+    };return _this;}var _proto = SpinnerOld.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this$props = this.props,type = _this$props.type,_this$props$caption = _this$props.caption,caption = _this$props$caption === void 0 ? this.locale.loading : _this$props$caption;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement("div", { className: _SpinnerOld.jsStyles.spinner() }, /*#__PURE__*/_react.default.createElement("span", { className: _SpinnerOld.jsStyles.inner() }, this.renderSpinnerOld(type)), caption && this.renderCaption(type, caption)));};return SpinnerOld;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'SpinnerOld', _class2.propTypes = { /**
+   * Текст рядом с мини-лоадером.
+   *
+   * 'Загрузка' - значение по-умолчанию
+   */caption: PropTypes.node, dimmed: PropTypes.bool, /**
+   * Тип спиннера: mini, normal, big
+   *
+   * Значение по-умолчанию - normal
+   *
+   * SpinnerOld.types - все доступные типы
    */type: PropTypes.oneOf(Object.keys(types)) }, _class2.defaultProps = { type: 'normal' }, _class2.Types = types, _temp)) || _class);exports.SpinnerOld = SpinnerOld;

package/cjs/internal/SpinnerOld/SpinnerOld.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SpinnerOld.tsx"],"names":["types","big","mini","normal","SpinnerOld","SpinnerLocaleHelper","props","theme","locale","renderCloud","type","dimmed","cloudClassName","jsStyles","cloudDimmed","cloud","cloudWrapper","cloudStroke","renderCircle","circleClassName","circleDimmed","circle","renderSpinnerOld","renderCaption","caption","render","renderMain","loading","spinner","inner","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","node","bool","oneOf","Object","keys","defaultProps","Types"],"mappings":"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","sourcesContent":["import React from 'react';\nimport * as PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { SpinnerIcon } from '../icons/SpinnerIcon';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { SpinnerOldCloudIcon } from './SpinnerOldCloudIcon';\nimport { jsStyles } from './SpinnerOld.styles';\nimport { SpinnerLocale, SpinnerLocaleHelper } from './locale';\n\nconst types: Record<SpinnerOldType, SpinnerOldType> = {\n  big: 'big',\n  mini: 'mini',\n  normal: 'normal',\n};\n\nexport type SpinnerOldType = 'mini' | 'normal' | 'big';\n\nexport interface SpinnerOldProps extends CommonProps {\n  caption?: React.ReactNode;\n  dimmed?: boolean;\n  /**\n   * Тип спиннера\n   * @default mini\n   */\n  type: SpinnerOldType;\n}\n\n/**\n * @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)\n */\n@locale('Spinner', SpinnerLocaleHelper)\nexport class SpinnerOld extends React.Component<SpinnerOldProps> {\n  public static __KONTUR_REACT_UI__ = 'SpinnerOld';\n\n  public static propTypes = {\n    /**\n     * Текст рядом с мини-лоадером.\n     *\n     * 'Загрузка' - значение по-умолчанию\n     */\n    caption: PropTypes.node,\n\n    dimmed: PropTypes.bool,\n\n    /**\n     * Тип спиннера: mini, normal, big\n     *\n     * Значение по-умолчанию - normal\n     *\n     * SpinnerOld.types - все доступные типы\n     */\n    type: PropTypes.oneOf(Object.keys(types)),\n  };\n\n  public static defaultProps: SpinnerOldProps = {\n    type: 'normal',\n  };\n\n  public static Types: typeof types = types;\n  private theme!: Theme;\n  private readonly locale!: SpinnerLocale;\n\n  public constructor(props: SpinnerOldProps) {\n    super(props);\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {theme => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { type, caption = this.locale.loading } = this.props;\n\n    return (\n      <CommonWrapper {...this.props}>\n        <div className={jsStyles.spinner()}>\n          <span className={jsStyles.inner()}>{this.renderSpinnerOld(type)}</span>\n          {caption && this.renderCaption(type, caption)}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private renderCloud = (type: Exclude<SpinnerOldType, 'mini'>) => {\n    const { dimmed } = this.props;\n    const cloudClassName = dimmed ? jsStyles.cloudDimmed(this.theme) : jsStyles.cloud(this.theme);\n\n    return (\n      <span className={jsStyles.cloudWrapper()}>\n        <SpinnerOldCloudIcon\n          dimmed={dimmed}\n          size={type}\n          className={cloudClassName}\n          strokeClassName={jsStyles.cloudStroke(this.theme)}\n        />\n      </span>\n    );\n  };\n\n  private renderCircle = () => {\n    const theme = this.theme;\n    const { dimmed } = this.props;\n    const circleClassName = dimmed ? jsStyles.circleDimmed(theme) : jsStyles.circle(theme);\n\n    return <SpinnerIcon dimmed={dimmed} size=\"mini\" className={circleClassName} />;\n  };\n\n  private renderSpinnerOld = (type: SpinnerOldType) => {\n    return type === 'mini' ? this.renderCircle() : this.renderCloud(type);\n  };\n\n  private renderCaption = (type: SpinnerOldType, caption: React.ReactNode) => {\n    return <span className={cn(jsStyles[type](this.theme), jsStyles.caption(this.theme))}>{caption}</span>;\n  };\n}\n"]}
+{"version":3,"sources":["SpinnerOld.tsx"],"names":["types","big","mini","normal","SpinnerOld","SpinnerLocaleHelper","props","theme","locale","renderCloud","type","dimmed","cloudClassName","jsStyles","cloudDimmed","cloud","cloudWrapper","cloudStroke","renderCircle","circleClassName","circleDimmed","circle","renderSpinnerOld","renderCaption","caption","render","renderMain","loading","spinner","inner","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","node","bool","oneOf","Object","keys","defaultProps","Types"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport * as PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport { locale } from '../../lib/locale/decorators';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { SpinnerIcon } from '../icons/SpinnerIcon';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { SpinnerOldCloudIcon } from './SpinnerOldCloudIcon';\r\nimport { jsStyles } from './SpinnerOld.styles';\r\nimport { SpinnerLocale, SpinnerLocaleHelper } from './locale';\r\n\r\nconst types: Record<SpinnerOldType, SpinnerOldType> = {\r\n  big: 'big',\r\n  mini: 'mini',\r\n  normal: 'normal',\r\n};\r\n\r\nexport type SpinnerOldType = 'mini' | 'normal' | 'big';\r\n\r\nexport interface SpinnerOldProps extends CommonProps {\r\n  caption?: React.ReactNode;\r\n  dimmed?: boolean;\r\n  /**\r\n   * Тип спиннера\r\n   * @default mini\r\n   */\r\n  type: SpinnerOldType;\r\n}\r\n\r\n/**\r\n * @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)\r\n */\r\n@locale('Spinner', SpinnerLocaleHelper)\r\nexport class SpinnerOld extends React.Component<SpinnerOldProps> {\r\n  public static __KONTUR_REACT_UI__ = 'SpinnerOld';\r\n\r\n  public static propTypes = {\r\n    /**\r\n     * Текст рядом с мини-лоадером.\r\n     *\r\n     * 'Загрузка' - значение по-умолчанию\r\n     */\r\n    caption: PropTypes.node,\r\n\r\n    dimmed: PropTypes.bool,\r\n\r\n    /**\r\n     * Тип спиннера: mini, normal, big\r\n     *\r\n     * Значение по-умолчанию - normal\r\n     *\r\n     * SpinnerOld.types - все доступные типы\r\n     */\r\n    type: PropTypes.oneOf(Object.keys(types)),\r\n  };\r\n\r\n  public static defaultProps: SpinnerOldProps = {\r\n    type: 'normal',\r\n  };\r\n\r\n  public static Types: typeof types = types;\r\n  private theme!: Theme;\r\n  private readonly locale!: SpinnerLocale;\r\n\r\n  public constructor(props: SpinnerOldProps) {\r\n    super(props);\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const { type, caption = this.locale.loading } = this.props;\r\n\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <div className={jsStyles.spinner()}>\r\n          <span className={jsStyles.inner()}>{this.renderSpinnerOld(type)}</span>\r\n          {caption && this.renderCaption(type, caption)}\r\n        </div>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n\r\n  private renderCloud = (type: Exclude<SpinnerOldType, 'mini'>) => {\r\n    const { dimmed } = this.props;\r\n    const cloudClassName = dimmed ? jsStyles.cloudDimmed(this.theme) : jsStyles.cloud(this.theme);\r\n\r\n    return (\r\n      <span className={jsStyles.cloudWrapper()}>\r\n        <SpinnerOldCloudIcon\r\n          dimmed={dimmed}\r\n          size={type}\r\n          className={cloudClassName}\r\n          strokeClassName={jsStyles.cloudStroke(this.theme)}\r\n        />\r\n      </span>\r\n    );\r\n  };\r\n\r\n  private renderCircle = () => {\r\n    const theme = this.theme;\r\n    const { dimmed } = this.props;\r\n    const circleClassName = dimmed ? jsStyles.circleDimmed(theme) : jsStyles.circle(theme);\r\n\r\n    return <SpinnerIcon dimmed={dimmed} size=\"mini\" className={circleClassName} />;\r\n  };\r\n\r\n  private renderSpinnerOld = (type: SpinnerOldType) => {\r\n    return type === 'mini' ? this.renderCircle() : this.renderCloud(type);\r\n  };\r\n\r\n  private renderCaption = (type: SpinnerOldType, caption: React.ReactNode) => {\r\n    return <span className={cn(jsStyles[type](this.theme), jsStyles.caption(this.theme))}>{caption}</span>;\r\n  };\r\n}\r\n"]}

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

@@ -1,14 +1,14 @@
-export declare const jsStyles: {
-    cloudStroke(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    cloudWrapper(): string;
-    cloud(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    cloudDimmed(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    circle(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    circleDimmed(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    caption(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    spinner(): string;
-    inner(): string;
-    mini(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    normal(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    big(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-};
+export declare const jsStyles: {
+    cloudStroke(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+    cloudWrapper(): string;
+    cloud(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+    cloudDimmed(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+    circle(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+    circleDimmed(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+    caption(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+    spinner(): string;
+    inner(): string;
+    mini(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+    normal(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+    big(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["SpinnerOld.styles.ts"],"names":["styles","cloudStroke","t","css","spinnerOldBgColor","cloudWrapper","cloud","spinnerColor","isIE11","AnimationKeyframes","spinnerCloudOffset","spinnerCloudLength","cloudDimmed","spinnerOldDimmedColor","circle","spinnerOldColor","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","circleDimmed","caption","spinnerOldCaptionColor","spinner","inner","mini","spinnerOldCaptionGapSmall","spinnerOldFontSizeSmall","spinnerOldLineHeightSmall","normal","spinnerOldFontSizeMedium","spinnerOldLineHeightMedium","spinnerOldCaptionGapMedium","big","spinnerOldFontSizeLarge","spinnerOldLineHeightLarge","spinnerOldCaptionGapLarge","jsStyles"],"mappings":"8QAAA;;AAEA;AACA,0C;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,WADa,uBACDC,CADC,EACS;AACpB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACE,iBADd;;AAGD,GALY;AAMbC,EAAAA,YANa,0BAME;AACb,eAAOF,YAAP;;;;AAID,GAXY;AAYbG,EAAAA,KAZa,iBAYPJ,CAZO,EAYG;AACd,eAAOC,YAAP;;;AAGYD,IAAAA,CAAC,CAACK,YAHd;;AAKI,KAACC,cAAD;;AAEaC,2CAAmBC,kBAAnB,CAAsCR,CAAtC,CAFb;AAGIO,2CAAmBE,kBAAnB,CAAsCT,CAAtC,CAHJ;AAIIO,2CAAmBF,YAAnB,CAAgCL,CAAhC,CAJJ,wCALJ;;;AAYD,GAzBY;AA0BbU,EAAAA,WA1Ba,uBA0BDV,CA1BC,EA0BS;AACpB,eAAOC,YAAP;;;AAGYD,IAAAA,CAAC,CAACW,qBAHd;;AAKI,KAACL,cAAD;;AAEaC,2CAAmBC,kBAAnB,CAAsCR,CAAtC,CAFb;AAGIO,2CAAmBE,kBAAnB,CAAsCT,CAAtC,CAHJ,iEALJ;;;AAWD,GAtCY;AAuCbY,EAAAA,MAvCa,kBAuCNZ,CAvCM,EAuCI;AACf,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACa,eADd;;AAGI,KAACP,cAAD;;AAEaC,2CAAmBO,mBAAnB,CAAuCd,CAAvC,CAFb;AAGIO,2CAAmBQ,mBAAnB,CAAuCf,CAAvC,CAHJ;AAIIO,2CAAmBS,mBAAnB,CAAuChB,CAAvC,CAJJ;AAKIO,2CAAmBF,YAAnB,CAAgCL,CAAhC,CALJ,wCAHJ;;;AAWD,GAnDY;AAoDbiB,EAAAA,YApDa,wBAoDAjB,CApDA,EAoDU;AACrB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACW,qBADd;;AAGI,KAACL,cAAD;;AAEaC,2CAAmBO,mBAAnB,CAAuCd,CAAvC,CAFb;AAGIO,2CAAmBQ,mBAAnB,CAAuCf,CAAvC,CAHJ;AAIIO,2CAAmBS,mBAAnB,CAAuChB,CAAvC,CAJJ,mCAHJ;;;AAUD,GA/DY;;AAiEbkB,EAAAA,OAjEa,mBAiELlB,CAjEK,EAiEK;AAChB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACmB,sBADb;;AAGD,GArEY;;AAuEbC,EAAAA,OAvEa,qBAuEH;AACR,eAAOnB,YAAP;;;;AAID,GA5EY;;AA8EboB,EAAAA,KA9Ea,mBA8EL;AACN,eAAOpB,YAAP;;;AAGD,GAlFY;;AAoFbqB,EAAAA,IApFa,gBAoFRtB,CApFQ,EAoFE;AACb,eAAOC,YAAP;AACiBD,IAAAA,CAAC,CAACuB,yBADnB;AAEevB,IAAAA,CAAC,CAACwB,uBAFjB;AAGiBxB,IAAAA,CAAC,CAACyB,yBAHnB;;AAKD,GA1FY;;AA4FbC,EAAAA,MA5Fa,kBA4FN1B,CA5FM,EA4FI;AACf,eAAOC,YAAP;;AAEeD,IAAAA,CAAC,CAAC2B,wBAFjB;AAGiB3B,IAAAA,CAAC,CAAC4B,0BAHnB;AAIgB5B,IAAAA,CAAC,CAAC6B,0BAJlB;;AAMD,GAnGY;;AAqGbC,EAAAA,GArGa,eAqGT9B,CArGS,EAqGC;AACZ,eAAOC,YAAP;;AAEeD,IAAAA,CAAC,CAAC+B,uBAFjB;AAGiB/B,IAAAA,CAAC,CAACgC,yBAHnB;AAIgBhC,IAAAA,CAAC,CAACiC,yBAJlB;;AAMD,GA5GY,EAAf;;;AA+GO,IAAMC,QAAQ,GAAG,2BAAapC,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { AnimationKeyframes } from '../../lib/theming/AnimationKeyframes';\nimport { isIE11 } from '../../lib/client';\n\nconst styles = {\n  cloudStroke(t: Theme) {\n    return css`\n      stroke: ${t.spinnerOldBgColor};\n    `;\n  },\n  cloudWrapper() {\n    return css`\n      fill: none;\n      stroke-linecap: round;\n    `;\n  },\n  cloud(t: Theme) {\n    return css`\n      stroke-dasharray: 20, 86;\n      stroke-dashoffset: 15;\n      stroke: ${t.spinnerColor};\n\n      ${!isIE11 &&\n        `\n        animation: ${AnimationKeyframes.spinnerCloudOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          ${AnimationKeyframes.spinnerCloudLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          ${AnimationKeyframes.spinnerColor(t)} 6s ease-in-out infinite;\n        `}\n    `;\n  },\n  cloudDimmed(t: Theme) {\n    return css`\n      stroke-dasharray: 20, 86;\n      stroke-dashoffset: 15;\n      stroke: ${t.spinnerOldDimmedColor};\n\n      ${!isIE11 &&\n        `\n        animation: ${AnimationKeyframes.spinnerCloudOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          ${AnimationKeyframes.spinnerCloudLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite;\n        `}\n    `;\n  },\n  circle(t: Theme) {\n    return css`\n      stroke: ${t.spinnerOldColor};\n\n      ${!isIE11 &&\n        `\n        animation: ${AnimationKeyframes.spinnerCircleOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          ${AnimationKeyframes.spinnerCircleLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          ${AnimationKeyframes.spinnerCircleRotate(t)} 2s linear infinite,\n          ${AnimationKeyframes.spinnerColor(t)} 6s ease-in-out infinite;\n        `}\n    `;\n  },\n  circleDimmed(t: Theme) {\n    return css`\n      stroke: ${t.spinnerOldDimmedColor};\n\n      ${!isIE11 &&\n        `\n        animation: ${AnimationKeyframes.spinnerCircleOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          ${AnimationKeyframes.spinnerCircleLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          ${AnimationKeyframes.spinnerCircleRotate(t)} 2s linear infinite;\n        `}\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      color: ${t.spinnerOldCaptionColor};\n    `;\n  },\n\n  spinner() {\n    return css`\n      display: inline-block;\n      text-align: center;\n    `;\n  },\n\n  inner() {\n    return css`\n      display: inline-block;\n    `;\n  },\n\n  mini(t: Theme) {\n    return css`\n      margin-left: ${t.spinnerOldCaptionGapSmall};\n      font-size: ${t.spinnerOldFontSizeSmall};\n      line-height: ${t.spinnerOldLineHeightSmall};\n    `;\n  },\n\n  normal(t: Theme) {\n    return css`\n      display: block;\n      font-size: ${t.spinnerOldFontSizeMedium};\n      line-height: ${t.spinnerOldLineHeightMedium};\n      margin-top: ${t.spinnerOldCaptionGapMedium};\n    `;\n  },\n\n  big(t: Theme) {\n    return css`\n      display: block;\n      font-size: ${t.spinnerOldFontSizeLarge};\n      line-height: ${t.spinnerOldLineHeightLarge};\n      margin-top: ${t.spinnerOldCaptionGapLarge};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}
+{"version":3,"sources":["SpinnerOld.styles.ts"],"names":["styles","cloudStroke","t","css","spinnerOldBgColor","cloudWrapper","cloud","spinnerColor","isIE11","AnimationKeyframes","spinnerCloudOffset","spinnerCloudLength","cloudDimmed","spinnerOldDimmedColor","circle","spinnerOldColor","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","circleDimmed","caption","spinnerOldCaptionColor","spinner","inner","mini","spinnerOldCaptionGapSmall","spinnerOldFontSizeSmall","spinnerOldLineHeightSmall","normal","spinnerOldFontSizeMedium","spinnerOldLineHeightMedium","spinnerOldCaptionGapMedium","big","spinnerOldFontSizeLarge","spinnerOldLineHeightLarge","spinnerOldCaptionGapLarge","jsStyles"],"mappings":"8QAAA;;AAEA;AACA,0C;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,WADa,uBACDC,CADC,EACS;AACpB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACE,iBADd;;AAGD,GALY;AAMbC,EAAAA,YANa,0BAME;AACb,eAAOF,YAAP;;;;AAID,GAXY;AAYbG,EAAAA,KAZa,iBAYPJ,CAZO,EAYG;AACd,eAAOC,YAAP;;;AAGYD,IAAAA,CAAC,CAACK,YAHd;;AAKI,KAACC,cAAD;;AAEaC,2CAAmBC,kBAAnB,CAAsCR,CAAtC,CAFb;AAGIO,2CAAmBE,kBAAnB,CAAsCT,CAAtC,CAHJ;AAIIO,2CAAmBF,YAAnB,CAAgCL,CAAhC,CAJJ,wCALJ;;;AAYD,GAzBY;AA0BbU,EAAAA,WA1Ba,uBA0BDV,CA1BC,EA0BS;AACpB,eAAOC,YAAP;;;AAGYD,IAAAA,CAAC,CAACW,qBAHd;;AAKI,KAACL,cAAD;;AAEaC,2CAAmBC,kBAAnB,CAAsCR,CAAtC,CAFb;AAGIO,2CAAmBE,kBAAnB,CAAsCT,CAAtC,CAHJ,iEALJ;;;AAWD,GAtCY;AAuCbY,EAAAA,MAvCa,kBAuCNZ,CAvCM,EAuCI;AACf,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACa,eADd;;AAGI,KAACP,cAAD;;AAEaC,2CAAmBO,mBAAnB,CAAuCd,CAAvC,CAFb;AAGIO,2CAAmBQ,mBAAnB,CAAuCf,CAAvC,CAHJ;AAIIO,2CAAmBS,mBAAnB,CAAuChB,CAAvC,CAJJ;AAKIO,2CAAmBF,YAAnB,CAAgCL,CAAhC,CALJ,wCAHJ;;;AAWD,GAnDY;AAoDbiB,EAAAA,YApDa,wBAoDAjB,CApDA,EAoDU;AACrB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACW,qBADd;;AAGI,KAACL,cAAD;;AAEaC,2CAAmBO,mBAAnB,CAAuCd,CAAvC,CAFb;AAGIO,2CAAmBQ,mBAAnB,CAAuCf,CAAvC,CAHJ;AAIIO,2CAAmBS,mBAAnB,CAAuChB,CAAvC,CAJJ,mCAHJ;;;AAUD,GA/DY;;AAiEbkB,EAAAA,OAjEa,mBAiELlB,CAjEK,EAiEK;AAChB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACmB,sBADb;;AAGD,GArEY;;AAuEbC,EAAAA,OAvEa,qBAuEH;AACR,eAAOnB,YAAP;;;;AAID,GA5EY;;AA8EboB,EAAAA,KA9Ea,mBA8EL;AACN,eAAOpB,YAAP;;;AAGD,GAlFY;;AAoFbqB,EAAAA,IApFa,gBAoFRtB,CApFQ,EAoFE;AACb,eAAOC,YAAP;AACiBD,IAAAA,CAAC,CAACuB,yBADnB;AAEevB,IAAAA,CAAC,CAACwB,uBAFjB;AAGiBxB,IAAAA,CAAC,CAACyB,yBAHnB;;AAKD,GA1FY;;AA4FbC,EAAAA,MA5Fa,kBA4FN1B,CA5FM,EA4FI;AACf,eAAOC,YAAP;;AAEeD,IAAAA,CAAC,CAAC2B,wBAFjB;AAGiB3B,IAAAA,CAAC,CAAC4B,0BAHnB;AAIgB5B,IAAAA,CAAC,CAAC6B,0BAJlB;;AAMD,GAnGY;;AAqGbC,EAAAA,GArGa,eAqGT9B,CArGS,EAqGC;AACZ,eAAOC,YAAP;;AAEeD,IAAAA,CAAC,CAAC+B,uBAFjB;AAGiB/B,IAAAA,CAAC,CAACgC,yBAHnB;AAIgBhC,IAAAA,CAAC,CAACiC,yBAJlB;;AAMD,GA5GY,EAAf;;;AA+GO,IAAMC,QAAQ,GAAG,2BAAapC,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { AnimationKeyframes } from '../../lib/theming/AnimationKeyframes';\r\nimport { isIE11 } from '../../lib/client';\r\n\r\nconst styles = {\r\n  cloudStroke(t: Theme) {\r\n    return css`\r\n      stroke: ${t.spinnerOldBgColor};\r\n    `;\r\n  },\r\n  cloudWrapper() {\r\n    return css`\r\n      fill: none;\r\n      stroke-linecap: round;\r\n    `;\r\n  },\r\n  cloud(t: Theme) {\r\n    return css`\r\n      stroke-dasharray: 20, 86;\r\n      stroke-dashoffset: 15;\r\n      stroke: ${t.spinnerColor};\r\n\r\n      ${!isIE11 &&\r\n        `\r\n        animation: ${AnimationKeyframes.spinnerCloudOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\r\n          ${AnimationKeyframes.spinnerCloudLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\r\n          ${AnimationKeyframes.spinnerColor(t)} 6s ease-in-out infinite;\r\n        `}\r\n    `;\r\n  },\r\n  cloudDimmed(t: Theme) {\r\n    return css`\r\n      stroke-dasharray: 20, 86;\r\n      stroke-dashoffset: 15;\r\n      stroke: ${t.spinnerOldDimmedColor};\r\n\r\n      ${!isIE11 &&\r\n        `\r\n        animation: ${AnimationKeyframes.spinnerCloudOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\r\n          ${AnimationKeyframes.spinnerCloudLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite;\r\n        `}\r\n    `;\r\n  },\r\n  circle(t: Theme) {\r\n    return css`\r\n      stroke: ${t.spinnerOldColor};\r\n\r\n      ${!isIE11 &&\r\n        `\r\n        animation: ${AnimationKeyframes.spinnerCircleOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\r\n          ${AnimationKeyframes.spinnerCircleLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\r\n          ${AnimationKeyframes.spinnerCircleRotate(t)} 2s linear infinite,\r\n          ${AnimationKeyframes.spinnerColor(t)} 6s ease-in-out infinite;\r\n        `}\r\n    `;\r\n  },\r\n  circleDimmed(t: Theme) {\r\n    return css`\r\n      stroke: ${t.spinnerOldDimmedColor};\r\n\r\n      ${!isIE11 &&\r\n        `\r\n        animation: ${AnimationKeyframes.spinnerCircleOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\r\n          ${AnimationKeyframes.spinnerCircleLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\r\n          ${AnimationKeyframes.spinnerCircleRotate(t)} 2s linear infinite;\r\n        `}\r\n    `;\r\n  },\r\n\r\n  caption(t: Theme) {\r\n    return css`\r\n      color: ${t.spinnerOldCaptionColor};\r\n    `;\r\n  },\r\n\r\n  spinner() {\r\n    return css`\r\n      display: inline-block;\r\n      text-align: center;\r\n    `;\r\n  },\r\n\r\n  inner() {\r\n    return css`\r\n      display: inline-block;\r\n    `;\r\n  },\r\n\r\n  mini(t: Theme) {\r\n    return css`\r\n      margin-left: ${t.spinnerOldCaptionGapSmall};\r\n      font-size: ${t.spinnerOldFontSizeSmall};\r\n      line-height: ${t.spinnerOldLineHeightSmall};\r\n    `;\r\n  },\r\n\r\n  normal(t: Theme) {\r\n    return css`\r\n      display: block;\r\n      font-size: ${t.spinnerOldFontSizeMedium};\r\n      line-height: ${t.spinnerOldLineHeightMedium};\r\n      margin-top: ${t.spinnerOldCaptionGapMedium};\r\n    `;\r\n  },\r\n\r\n  big(t: Theme) {\r\n    return css`\r\n      display: block;\r\n      font-size: ${t.spinnerOldFontSizeLarge};\r\n      line-height: ${t.spinnerOldLineHeightLarge};\r\n      margin-top: ${t.spinnerOldCaptionGapLarge};\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/cjs/internal/SpinnerOld/SpinnerOldCloudIcon.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
-export declare const SPINNER_CLOUD_SIZE: {
-    height: number;
-    width: number;
-};
-export interface SpinnerOldCloudIconProps {
-    className: string;
-    size: 'normal' | 'big';
-    strokeClassName?: string;
-    dimmed?: boolean;
-}
-export declare const SpinnerOldCloudIcon: ({ size, strokeClassName, className, dimmed }: SpinnerOldCloudIconProps) => JSX.Element;
+/// <reference types="react" />
+export declare const SPINNER_CLOUD_SIZE: {
+    height: number;
+    width: number;
+};
+export interface SpinnerOldCloudIconProps {
+    className: string;
+    size: 'normal' | 'big';
+    strokeClassName?: string;
+    dimmed?: boolean;
+}
+export declare const SpinnerOldCloudIcon: ({ size, strokeClassName, className, dimmed }: SpinnerOldCloudIconProps) => JSX.Element;

package/cjs/internal/SpinnerOld/SpinnerOldCloudIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SpinnerOldCloudIcon.tsx"],"names":["CLOUD_SVG_PATH","SPINNER_CLOUD_SIZE","height","width","SpinnerOldCloudIcon","size","strokeClassName","className","dimmed","pathRef","React","useRef","isIE11","isTestEnv","fallbackAnimationRef","useContext","ThemeContext","red","yellow","green","brand","useEffect","setStyleProperty","path","current","style","setProperty","SpinnerFallbackAnimationRunner","fallbackAnimation","stop","removeAttribute","multiply"],"mappings":"8LAAA;;AAEA;;;;;;AAMA;AACA;AACA;;AAEA,IAAMA,cAAc,meAApB;;;;;;;;;AASO,IAAMC,kBAAkB,GAAG;AAChCC,EAAAA,MAAM,EAAE,EADwB;AAEhCC,EAAAA,KAAK,EAAE,EAFyB,EAA3B,C;;;;;;;;;;AAYA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,OAA4E,KAAzEC,IAAyE,QAAzEA,IAAyE,CAAnEC,eAAmE,QAAnEA,eAAmE,CAAlDC,SAAkD,QAAlDA,SAAkD,CAAvCC,MAAuC,QAAvCA,MAAuC;AAC7G,MAAMC,OAAO,GAAGC,eAAMC,MAAN,CAA6B,IAA7B,CAAhB;;AAEA,MAAIC,kBAAU,CAACC,6BAAf,EAA0B;AACxB;AACA;AACA;;AAEA;AACA,QAAMC,oBAAoB,GAAGJ,eAAMC,MAAN,CAAoD,IAApD,CAA7B;AACA;AAPwB,4BAQcD,eAAMK,UAAN,CAAiBC,0BAAjB,CARd,CAQhBC,GARgB,qBAQhBA,GARgB,CAQXC,MARW,qBAQXA,MARW,CAQHC,KARG,qBAQHA,KARG,CAQIC,KARJ,qBAQIA,KARJ;AASxB;AACAV,mBAAMW,SAAN,CAAgB,YAAM;AACpB,UAAIT,kBAAU,CAACC,6BAAf,EAA0B;AACxB,YAAMS,gBAAoD,GAAG,SAAvDA,gBAAuD,GAAa;AACxE,cAAMC,IAAI,GAAGd,OAAO,CAACe,OAArB;AACA,cAAID,IAAJ,EAAU;AACR,2BAAAA,IAAI,CAACE,KAAL,EAAWC,WAAX;AACD;AACF,SALD;;AAOAZ,QAAAA,oBAAoB,CAACU,OAArB,GAA+B,IAAIG,wDAAJ;;AAE3B,6DAAsB,EAAtB,EAA0B,GAA1B,EAA+B,IAA/B,EAAqCL,gBAArC,CAF2B;AAG3B,6DAAsB,CAAC,EAAD,EAAK,EAAL,CAAtB,EAAgC,CAAC,EAAD,EAAK,EAAL,CAAhC,EAA0C,IAA1C,EAAgDA,gBAAhD,CAH2B;AAIvBd,QAAAA,MAAM,GAAG,EAAH,GAAQ,CAAC,oDAAqB,CAACS,GAAD,EAAMC,MAAN,EAAcC,KAAd,EAAqBC,KAArB,CAArB,EAAkD,IAAlD,EAAwDE,gBAAxD,CAAD,CAJS;;AAM7B,eAAO,EANsB,CAA/B;;;AASA,eAAO,YAAM;AACX,cAAMM,iBAAiB,GAAGd,oBAAoB,CAACU,OAA/C;AACA,cAAMD,IAAI,GAAGd,OAAO,CAACe,OAArB;AACA,cAAII,iBAAJ,EAAuB;AACrBA,YAAAA,iBAAiB,CAACC,IAAlB;AACD;AACD,cAAIN,IAAJ,EAAU;AACRA,YAAAA,IAAI,CAACO,eAAL,CAAqB,OAArB;AACD;AACF,SATD;AAUD;AACF,KA7BD,EA6BG,CAACtB,MAAD,EAASS,GAAT,EAAcC,MAAd,EAAsBC,KAAtB,EAA6BC,KAA7B,CA7BH;AA8BD;;AAED,MAAMW,QAAQ,GAAG1B,IAAI,KAAK,KAAT,GAAiB,CAAjB,GAAqB,CAAtC;AACA;AACE,0CAAK,KAAK,EAAEJ,kBAAkB,CAACE,KAAnB,GAA2B4B,QAAvC,EAAiD,MAAM,EAAE9B,kBAAkB,CAACC,MAAnB,GAA4B6B,QAArF,EAA+F,OAAO,EAAC,WAAvG;AACE,2CAAM,CAAC,EAAE/B,cAAT,EAAyB,WAAW,EAAC,GAArC,EAAyC,SAAS,EAAEM,eAApD,GADF;AAEE,2CAAM,CAAC,EAAEN,cAAT,EAAyB,WAAW,EAAC,GAArC,EAAyC,SAAS,EAAEO,SAApD,EAA+D,GAAG,EAAEE,OAApE,GAFF,CADF;;;AAMD,CApDM,C","sourcesContent":["import React from 'react';\n\nimport {\n  SpinnerFallbackAnimationRunner,\n  createOffsetAnimation,\n  createLengthAnimation,\n  createColorAnimation,\n} from '../../components/Spinner/SpinnerFallbackAnimation';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { isIE11 } from '../../lib/client';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nconst CLOUD_SVG_PATH = `M32.0297086,9.1495774 L31.5978628,8.5870774 C29.3570968,\n      5.67148577 25.9305165,4 22.1999329,4 C17.3429265,\n      4 12.9026663,7.04270463 11.154144,11.5717304 L10.901479,\n      12.2253114 L10.2421341,12.4725311 C6.50853057,13.8727758 4,\n      17.4719751 4,21.428492 C4,26.7061833 8.32047079,\n      31 13.6314689,31 L32.0297086,31 C38.078569,31 43,26.1036477 43,\n      20.0862989 C43,14.3602091 38.493302,9.5769573 32.7403918,\n      9.19661922 L32.0297086,9.1495774 Z`;\n\nexport const SPINNER_CLOUD_SIZE = {\n  height: 35,\n  width: 47,\n};\n\nexport interface SpinnerOldCloudIconProps {\n  className: string;\n  size: 'normal' | 'big';\n  strokeClassName?: string;\n  dimmed?: boolean;\n}\n\nexport const SpinnerOldCloudIcon = ({ size, strokeClassName, className, dimmed }: SpinnerOldCloudIconProps) => {\n  const pathRef = React.useRef<SVGPathElement>(null);\n\n  if (isIE11 && !isTestEnv) {\n    // This condition will not change during app's life time\n    // So its OK to use hooks here\n    // https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-level\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const fallbackAnimationRef = React.useRef<SpinnerFallbackAnimationRunner | null>(null);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const { red, yellow, green, brand } = React.useContext(ThemeContext);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      if (isIE11 && !isTestEnv) {\n        const setStyleProperty: CSSStyleDeclaration['setProperty'] = (...args) => {\n          const path = pathRef.current;\n          if (path) {\n            path.style.setProperty(...args);\n          }\n        };\n\n        fallbackAnimationRef.current = new SpinnerFallbackAnimationRunner(\n          [\n            createOffsetAnimation(10, 116, 1000, setStyleProperty),\n            createLengthAnimation([10, 96], [50, 56], 2000, setStyleProperty),\n            ...(dimmed ? [] : [createColorAnimation([red, yellow, green, brand], 1500, setStyleProperty)]),\n          ],\n          1000 / 60,\n        );\n\n        return () => {\n          const fallbackAnimation = fallbackAnimationRef.current;\n          const path = pathRef.current;\n          if (fallbackAnimation) {\n            fallbackAnimation.stop();\n          }\n          if (path) {\n            path.removeAttribute('style');\n          }\n        };\n      }\n    }, [dimmed, red, yellow, green, brand]);\n  }\n\n  const multiply = size === 'big' ? 2 : 1;\n  return (\n    <svg width={SPINNER_CLOUD_SIZE.width * multiply} height={SPINNER_CLOUD_SIZE.height * multiply} viewBox=\"0 0 47 35\">\n      <path d={CLOUD_SVG_PATH} strokeWidth=\"2\" className={strokeClassName} />\n      <path d={CLOUD_SVG_PATH} strokeWidth=\"2\" className={className} ref={pathRef} />\n    </svg>\n  );\n};\n"]}
+{"version":3,"sources":["SpinnerOldCloudIcon.tsx"],"names":["CLOUD_SVG_PATH","SPINNER_CLOUD_SIZE","height","width","SpinnerOldCloudIcon","size","strokeClassName","className","dimmed","pathRef","React","useRef","isIE11","isTestEnv","fallbackAnimationRef","useContext","ThemeContext","red","yellow","green","brand","useEffect","setStyleProperty","path","current","style","setProperty","SpinnerFallbackAnimationRunner","fallbackAnimation","stop","removeAttribute","multiply"],"mappings":"8LAAA;;AAEA;;;;;;AAMA;AACA;AACA;;AAEA,IAAMA,cAAc,meAApB;;;;;;;;;AASO,IAAMC,kBAAkB,GAAG;AAChCC,EAAAA,MAAM,EAAE,EADwB;AAEhCC,EAAAA,KAAK,EAAE,EAFyB,EAA3B,C;;;;;;;;;;AAYA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,OAA4E,KAAzEC,IAAyE,QAAzEA,IAAyE,CAAnEC,eAAmE,QAAnEA,eAAmE,CAAlDC,SAAkD,QAAlDA,SAAkD,CAAvCC,MAAuC,QAAvCA,MAAuC;AAC7G,MAAMC,OAAO,GAAGC,eAAMC,MAAN,CAA6B,IAA7B,CAAhB;;AAEA,MAAIC,kBAAU,CAACC,6BAAf,EAA0B;AACxB;AACA;AACA;;AAEA;AACA,QAAMC,oBAAoB,GAAGJ,eAAMC,MAAN,CAAoD,IAApD,CAA7B;AACA;AAPwB,4BAQcD,eAAMK,UAAN,CAAiBC,0BAAjB,CARd,CAQhBC,GARgB,qBAQhBA,GARgB,CAQXC,MARW,qBAQXA,MARW,CAQHC,KARG,qBAQHA,KARG,CAQIC,KARJ,qBAQIA,KARJ;AASxB;AACAV,mBAAMW,SAAN,CAAgB,YAAM;AACpB,UAAIT,kBAAU,CAACC,6BAAf,EAA0B;AACxB,YAAMS,gBAAoD,GAAG,SAAvDA,gBAAuD,GAAa;AACxE,cAAMC,IAAI,GAAGd,OAAO,CAACe,OAArB;AACA,cAAID,IAAJ,EAAU;AACR,2BAAAA,IAAI,CAACE,KAAL,EAAWC,WAAX;AACD;AACF,SALD;;AAOAZ,QAAAA,oBAAoB,CAACU,OAArB,GAA+B,IAAIG,wDAAJ;;AAE3B,6DAAsB,EAAtB,EAA0B,GAA1B,EAA+B,IAA/B,EAAqCL,gBAArC,CAF2B;AAG3B,6DAAsB,CAAC,EAAD,EAAK,EAAL,CAAtB,EAAgC,CAAC,EAAD,EAAK,EAAL,CAAhC,EAA0C,IAA1C,EAAgDA,gBAAhD,CAH2B;AAIvBd,QAAAA,MAAM,GAAG,EAAH,GAAQ,CAAC,oDAAqB,CAACS,GAAD,EAAMC,MAAN,EAAcC,KAAd,EAAqBC,KAArB,CAArB,EAAkD,IAAlD,EAAwDE,gBAAxD,CAAD,CAJS;;AAM7B,eAAO,EANsB,CAA/B;;;AASA,eAAO,YAAM;AACX,cAAMM,iBAAiB,GAAGd,oBAAoB,CAACU,OAA/C;AACA,cAAMD,IAAI,GAAGd,OAAO,CAACe,OAArB;AACA,cAAII,iBAAJ,EAAuB;AACrBA,YAAAA,iBAAiB,CAACC,IAAlB;AACD;AACD,cAAIN,IAAJ,EAAU;AACRA,YAAAA,IAAI,CAACO,eAAL,CAAqB,OAArB;AACD;AACF,SATD;AAUD;AACF,KA7BD,EA6BG,CAACtB,MAAD,EAASS,GAAT,EAAcC,MAAd,EAAsBC,KAAtB,EAA6BC,KAA7B,CA7BH;AA8BD;;AAED,MAAMW,QAAQ,GAAG1B,IAAI,KAAK,KAAT,GAAiB,CAAjB,GAAqB,CAAtC;AACA;AACE,0CAAK,KAAK,EAAEJ,kBAAkB,CAACE,KAAnB,GAA2B4B,QAAvC,EAAiD,MAAM,EAAE9B,kBAAkB,CAACC,MAAnB,GAA4B6B,QAArF,EAA+F,OAAO,EAAC,WAAvG;AACE,2CAAM,CAAC,EAAE/B,cAAT,EAAyB,WAAW,EAAC,GAArC,EAAyC,SAAS,EAAEM,eAApD,GADF;AAEE,2CAAM,CAAC,EAAEN,cAAT,EAAyB,WAAW,EAAC,GAArC,EAAyC,SAAS,EAAEO,SAApD,EAA+D,GAAG,EAAEE,OAApE,GAFF,CADF;;;AAMD,CApDM,C","sourcesContent":["import React from 'react';\r\n\r\nimport {\r\n  SpinnerFallbackAnimationRunner,\r\n  createOffsetAnimation,\r\n  createLengthAnimation,\r\n  createColorAnimation,\r\n} from '../../components/Spinner/SpinnerFallbackAnimation';\r\nimport { isTestEnv } from '../../lib/currentEnvironment';\r\nimport { isIE11 } from '../../lib/client';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\n\r\nconst CLOUD_SVG_PATH = `M32.0297086,9.1495774 L31.5978628,8.5870774 C29.3570968,\r\n      5.67148577 25.9305165,4 22.1999329,4 C17.3429265,\r\n      4 12.9026663,7.04270463 11.154144,11.5717304 L10.901479,\r\n      12.2253114 L10.2421341,12.4725311 C6.50853057,13.8727758 4,\r\n      17.4719751 4,21.428492 C4,26.7061833 8.32047079,\r\n      31 13.6314689,31 L32.0297086,31 C38.078569,31 43,26.1036477 43,\r\n      20.0862989 C43,14.3602091 38.493302,9.5769573 32.7403918,\r\n      9.19661922 L32.0297086,9.1495774 Z`;\r\n\r\nexport const SPINNER_CLOUD_SIZE = {\r\n  height: 35,\r\n  width: 47,\r\n};\r\n\r\nexport interface SpinnerOldCloudIconProps {\r\n  className: string;\r\n  size: 'normal' | 'big';\r\n  strokeClassName?: string;\r\n  dimmed?: boolean;\r\n}\r\n\r\nexport const SpinnerOldCloudIcon = ({ size, strokeClassName, className, dimmed }: SpinnerOldCloudIconProps) => {\r\n  const pathRef = React.useRef<SVGPathElement>(null);\r\n\r\n  if (isIE11 && !isTestEnv) {\r\n    // This condition will not change during app's life time\r\n    // So its OK to use hooks here\r\n    // https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-level\r\n\r\n    // eslint-disable-next-line react-hooks/rules-of-hooks\r\n    const fallbackAnimationRef = React.useRef<SpinnerFallbackAnimationRunner | null>(null);\r\n    // eslint-disable-next-line react-hooks/rules-of-hooks\r\n    const { red, yellow, green, brand } = React.useContext(ThemeContext);\r\n    // eslint-disable-next-line react-hooks/rules-of-hooks\r\n    React.useEffect(() => {\r\n      if (isIE11 && !isTestEnv) {\r\n        const setStyleProperty: CSSStyleDeclaration['setProperty'] = (...args) => {\r\n          const path = pathRef.current;\r\n          if (path) {\r\n            path.style.setProperty(...args);\r\n          }\r\n        };\r\n\r\n        fallbackAnimationRef.current = new SpinnerFallbackAnimationRunner(\r\n          [\r\n            createOffsetAnimation(10, 116, 1000, setStyleProperty),\r\n            createLengthAnimation([10, 96], [50, 56], 2000, setStyleProperty),\r\n            ...(dimmed ? [] : [createColorAnimation([red, yellow, green, brand], 1500, setStyleProperty)]),\r\n          ],\r\n          1000 / 60,\r\n        );\r\n\r\n        return () => {\r\n          const fallbackAnimation = fallbackAnimationRef.current;\r\n          const path = pathRef.current;\r\n          if (fallbackAnimation) {\r\n            fallbackAnimation.stop();\r\n          }\r\n          if (path) {\r\n            path.removeAttribute('style');\r\n          }\r\n        };\r\n      }\r\n    }, [dimmed, red, yellow, green, brand]);\r\n  }\r\n\r\n  const multiply = size === 'big' ? 2 : 1;\r\n  return (\r\n    <svg width={SPINNER_CLOUD_SIZE.width * multiply} height={SPINNER_CLOUD_SIZE.height * multiply} viewBox=\"0 0 47 35\">\r\n      <path d={CLOUD_SVG_PATH} strokeWidth=\"2\" className={strokeClassName} />\r\n      <path d={CLOUD_SVG_PATH} strokeWidth=\"2\" className={className} ref={pathRef} />\r\n    </svg>\r\n  );\r\n};\r\n"]}

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

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

package/cjs/internal/SpinnerOld/index.js.map

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

package/cjs/internal/SpinnerOld/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-import { SpinnerLocale } from './types';
-export * from './types';
-export declare const SpinnerLocaleHelper: LocaleHelper<SpinnerLocale>;
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import { SpinnerLocale } from './types';
+export * from './types';
+export declare const SpinnerLocaleHelper: LocaleHelper<SpinnerLocale>;

package/cjs/internal/SpinnerOld/locale/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["SpinnerLocaleHelper","LocaleHelper","ru_RU","en_GB"],"mappings":"6HAAA;;AAEA;AACA;;;AAGA;;AAEO,IAAMA,mBAAmB,GAAG,IAAIC,0BAAJ,CAAgC;AACjEC,EAAAA,KAAK,EAALA,qBADiE;AAEjEC,EAAAA,KAAK,EAALA,qBAFiE,EAAhC,CAA5B,C","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { SpinnerLocale } from './types';\n\nexport * from './types';\n\nexport const SpinnerLocaleHelper = new LocaleHelper<SpinnerLocale>({\n  ru_RU,\n  en_GB,\n});\n"]}
+{"version":3,"sources":["index.ts"],"names":["SpinnerLocaleHelper","LocaleHelper","ru_RU","en_GB"],"mappings":"6HAAA;;AAEA;AACA;;;AAGA;;AAEO,IAAMA,mBAAmB,GAAG,IAAIC,0BAAJ,CAAgC;AACjEC,EAAAA,KAAK,EAALA,qBADiE;AAEjEC,EAAAA,KAAK,EAALA,qBAFiE,EAAhC,CAA5B,C","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\r\n\r\nimport { componentsLocales as en_GB } from './locales/en';\r\nimport { componentsLocales as ru_RU } from './locales/ru';\r\nimport { SpinnerLocale } from './types';\r\n\r\nexport * from './types';\r\n\r\nexport const SpinnerLocaleHelper = new LocaleHelper<SpinnerLocale>({\r\n  ru_RU,\r\n  en_GB,\r\n});\r\n"]}

package/cjs/internal/SpinnerOld/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import { SpinnerLocale } from '../types';
-export declare const componentsLocales: SpinnerLocale;
+import { SpinnerLocale } from '../types';
+export declare const componentsLocales: SpinnerLocale;

package/cjs/internal/SpinnerOld/locale/locales/en.js.map

@@ -1 +1 @@
-{"version":3,"sources":["en.ts"],"names":["componentsLocales","loading"],"mappings":";;AAEO,IAAMA,iBAAgC,GAAG;AAC9CC,EAAAA,OAAO,EAAE,SADqC,EAAzC,C","sourcesContent":["import { SpinnerLocale } from '../types';\n\nexport const componentsLocales: SpinnerLocale = {\n  loading: 'Loading',\n};\n"]}
+{"version":3,"sources":["en.ts"],"names":["componentsLocales","loading"],"mappings":";;AAEO,IAAMA,iBAAgC,GAAG;AAC9CC,EAAAA,OAAO,EAAE,SADqC,EAAzC,C","sourcesContent":["import { SpinnerLocale } from '../types';\r\n\r\nexport const componentsLocales: SpinnerLocale = {\r\n  loading: 'Loading',\r\n};\r\n"]}

package/cjs/internal/SpinnerOld/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import { SpinnerLocale } from '../types';
-export declare const componentsLocales: SpinnerLocale;
+import { SpinnerLocale } from '../types';
+export declare const componentsLocales: SpinnerLocale;

package/cjs/internal/SpinnerOld/locale/locales/ru.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ru.ts"],"names":["componentsLocales","loading"],"mappings":";;AAEO,IAAMA,iBAAgC,GAAG;AAC9CC,EAAAA,OAAO,EAAE,UADqC,EAAzC,C","sourcesContent":["import { SpinnerLocale } from '../types';\n\nexport const componentsLocales: SpinnerLocale = {\n  loading: 'Загрузка',\n};\n"]}
+{"version":3,"sources":["ru.ts"],"names":["componentsLocales","loading"],"mappings":";;AAEO,IAAMA,iBAAgC,GAAG;AAC9CC,EAAAA,OAAO,EAAE,UADqC,EAAzC,C","sourcesContent":["import { SpinnerLocale } from '../types';\r\n\r\nexport const componentsLocales: SpinnerLocale = {\r\n  loading: 'Загрузка',\r\n};\r\n"]}

package/cjs/internal/SpinnerOld/locale/types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-export interface SpinnerLocale {
-    loading: React.ReactNode;
-}
+import React from 'react';
+export interface SpinnerLocale {
+    loading: React.ReactNode;
+}

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

@@ -1,13 +1,13 @@
-import React from 'react';
-export declare class DatePickerPlayground extends React.Component<any, any> {
-    state: {
-        value: string;
-        error: boolean;
-        tooltip: boolean;
-    };
-    render(): JSX.Element;
-    private handleChange;
-    private invalidate;
-    private validate;
-    private removeTooltip;
-}
+import React from 'react';
+export declare class DatePickerPlayground extends React.Component<any, any> {
+    state: {
+        value: string;
+        error: boolean;
+        tooltip: boolean;
+    };
+    render(): JSX.Element;
+    private handleChange;
+    private invalidate;
+    private validate;
+    private removeTooltip;
+}

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

@@ -1 +1 @@
-{"version":3,"sources":["AnotherInputsPlayground.tsx"],"names":["DatePickerPlayground","state","value","error","tooltip","handleChange","setState","invalidate","validate","currentValue","DatePicker","removeTooltip","render","props","disabled","size","React","Component"],"mappings":"kVAAA;;AAEA;AACA,yD;;AAEaA,oB;AACJC,IAAAA,K,GAAQ;AACbC,MAAAA,KAAK,EAAE,YADM;AAEbC,MAAAA,KAAK,EAAE,KAFM;AAGbC,MAAAA,OAAO,EAAE,KAHI,E;;;;;;;;;;;;;;;;;;;;;;;;;AA4BPC,IAAAA,Y,GAAe,UAACH,KAAD,EAAmB;AACxC,YAAKI,QAAL,CAAc;AACZJ,QAAAA,KAAK,EAALA,KADY,EAAd;;AAGD,K;;AAEOK,IAAAA,U,GAAa,YAAM;AACzB,YAAKD,QAAL,CAAc,EAAEH,KAAK,EAAE,KAAT,EAAgBC,OAAO,EAAE,KAAzB,EAAd;AACD,K;;AAEOI,IAAAA,Q,GAAW,YAAM;AACvB,UAAMC,YAAY,GAAG,MAAKR,KAAL,CAAWC,KAAhC;AACA,YAAKI,QAAL,CAAc,YAAM;AAClB,YAAMH,KAAK,GAAG,CAAC,CAACM,YAAF,IAAkB,CAACC,uBAAWF,QAAX,CAAoBC,YAApB,CAAjC;AACA,eAAO;AACLN,UAAAA,KAAK,EAALA,KADK;AAELC,UAAAA,OAAO,EAAED,KAFJ,EAAP;;AAID,OAND;AAOD,K;;AAEOQ,IAAAA,a,GAAgB,YAAM;AAC5B,YAAKL,QAAL,CAAc;AACZF,QAAAA,OAAO,EAAE,KADG,EAAd;;AAGD,K,kEA/CMQ,M,GAAP,kBAAgB,CACd,oBACE,6BAAC,gBAAD,IACE,OAAO,EAAE,KAAKX,KAAL,CAAWG,OAAX,GAAqB,QAArB,GAAgC,QAD3C,EAEE,MAAM,EAAE,0BAAM,0BAAN,EAFV,EAGE,YAAY,EAAE,KAAKO,aAHrB,iBAKE,6BAAC,sBAAD,6BACM,KAAKE,KADX,IAEE,QAAQ,EAAE,KAAKA,KAAL,CAAWC,QAFvB,EAGE,IAAI,EAAE,KAAKD,KAAL,CAAWE,IAHnB,EAIE,KAAK,EAAE,KAAKd,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,C,+BA3BuCQ,eAAMC,S","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"]}
+{"version":3,"sources":["AnotherInputsPlayground.tsx"],"names":["DatePickerPlayground","state","value","error","tooltip","handleChange","setState","invalidate","validate","currentValue","DatePicker","removeTooltip","render","props","disabled","size","React","Component"],"mappings":"kVAAA;;AAEA;AACA,yD;;AAEaA,oB;AACJC,IAAAA,K,GAAQ;AACbC,MAAAA,KAAK,EAAE,YADM;AAEbC,MAAAA,KAAK,EAAE,KAFM;AAGbC,MAAAA,OAAO,EAAE,KAHI,E;;;;;;;;;;;;;;;;;;;;;;;;;AA4BPC,IAAAA,Y,GAAe,UAACH,KAAD,EAAmB;AACxC,YAAKI,QAAL,CAAc;AACZJ,QAAAA,KAAK,EAALA,KADY,EAAd;;AAGD,K;;AAEOK,IAAAA,U,GAAa,YAAM;AACzB,YAAKD,QAAL,CAAc,EAAEH,KAAK,EAAE,KAAT,EAAgBC,OAAO,EAAE,KAAzB,EAAd;AACD,K;;AAEOI,IAAAA,Q,GAAW,YAAM;AACvB,UAAMC,YAAY,GAAG,MAAKR,KAAL,CAAWC,KAAhC;AACA,YAAKI,QAAL,CAAc,YAAM;AAClB,YAAMH,KAAK,GAAG,CAAC,CAACM,YAAF,IAAkB,CAACC,uBAAWF,QAAX,CAAoBC,YAApB,CAAjC;AACA,eAAO;AACLN,UAAAA,KAAK,EAALA,KADK;AAELC,UAAAA,OAAO,EAAED,KAFJ,EAAP;;AAID,OAND;AAOD,K;;AAEOQ,IAAAA,a,GAAgB,YAAM;AAC5B,YAAKL,QAAL,CAAc;AACZF,QAAAA,OAAO,EAAE,KADG,EAAd;;AAGD,K,kEA/CMQ,M,GAAP,kBAAgB,CACd,oBACE,6BAAC,gBAAD,IACE,OAAO,EAAE,KAAKX,KAAL,CAAWG,OAAX,GAAqB,QAArB,GAAgC,QAD3C,EAEE,MAAM,EAAE,0BAAM,0BAAN,EAFV,EAGE,YAAY,EAAE,KAAKO,aAHrB,iBAKE,6BAAC,sBAAD,6BACM,KAAKE,KADX,IAEE,QAAQ,EAAE,KAAKA,KAAL,CAAWC,QAFvB,EAGE,IAAI,EAAE,KAAKD,KAAL,CAAWE,IAHnB,EAIE,KAAK,EAAE,KAAKd,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,C,+BA3BuCQ,eAAMC,S","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"]}

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

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const CheckboxPlayground: () => JSX.Element;
+/// <reference types="react" />
+export declare const CheckboxPlayground: () => JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"sources":["CheckboxPlayground.tsx"],"names":["propsList","children","checked","disabled","initialIndeterminate","focused","error","warning","CheckboxPlayground","theme","React","useContext","ThemeContext","gap"],"mappings":"gKAAA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA,IAAMA,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;;;AAUO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,GAAM;AACtC,MAAMC,KAAK,GAAGC,eAAMC,UAAN,CAAiBC,0BAAjB,CAAd;AACA,MAAMC,GAAG,GAAG,8BAAWJ,KAAX,IAAoB,CAApB,GAAwB,EAApC;AACA;AACE,iCAAC,cAAD,IAAQ,GAAG,EAAEI,GAAb,EAAkB,QAAQ,MAA1B;AACG,2DAA2B,6BAAC,kBAAD,OAA3B,EAAyCb,SAAzC,CADH,CADF;;;AAKD,CARM,C","sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport { Checkbox, CheckboxProps } from '../../components/Checkbox';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { is8pxTheme } from '../../lib/theming/ThemeHelpers';\n\nimport { getComponentsFromPropsList } from './helpers';\n\nconst propsList: Array<CheckboxProps & { focused?: boolean }> = [\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  const theme = React.useContext(ThemeContext);\n  const gap = is8pxTheme(theme) ? 0 : 10;\n  return (\n    <Gapped gap={gap} vertical>\n      {getComponentsFromPropsList(<Checkbox />, propsList)}\n    </Gapped>\n  );\n};\n"]}
+{"version":3,"sources":["CheckboxPlayground.tsx"],"names":["propsList","children","checked","disabled","initialIndeterminate","focused","error","warning","CheckboxPlayground","theme","React","useContext","ThemeContext","gap"],"mappings":"gKAAA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA,IAAMA,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;;;AAUO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,GAAM;AACtC,MAAMC,KAAK,GAAGC,eAAMC,UAAN,CAAiBC,0BAAjB,CAAd;AACA,MAAMC,GAAG,GAAG,8BAAWJ,KAAX,IAAoB,CAApB,GAAwB,EAApC;AACA;AACE,iCAAC,cAAD,IAAQ,GAAG,EAAEI,GAAb,EAAkB,QAAQ,MAA1B;AACG,2DAA2B,6BAAC,kBAAD,OAA3B,EAAyCb,SAAzC,CADH,CADF;;;AAKD,CARM,C","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"]}

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, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
-export {};
+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, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
+export {};

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

@@ -1 +1 @@
-{"version":3,"sources":["ComponentsGroup.tsx"],"names":["ComponentsGroup","props","title","children","style","theme","jsStyles","componentsGroup"],"mappings":"6JAAA;;AAEA;;;AAGA;;;;;;;;;AASO,IAAMA,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,iCAAC,cAAD,IAAQ,IAAI,MAAZ,EAAa,aAAa,EAAC,KAA3B,EAAiC,GAAG,EAAE,EAAtC;AACE,0CAAK,SAAS,EAAEC,qBAASJ,KAAT,CAAeG,KAAf,CAAhB,EAAuC,KAAK,EAAED,KAA9C;AACGF,IAAAA,KADH,CADF;;AAIE,0CAAK,SAAS,EAAEI,qBAASC,eAAT,CAAyBF,KAAzB,CAAhB;AACE,iCAAC,cAAD,IAAQ,IAAI,MAAZ,EAAa,aAAa,EAAC,QAA3B,EAAoC,GAAG,EAAE,EAAzC;AACGF,IAAAA,QADH,CADF,CAJF,CADF;;;;;AAYD,CAdM,C","sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { jsStyles } 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={jsStyles.title(theme)} style={style}>\n        {title}\n      </div>\n      <div className={jsStyles.componentsGroup(theme)}>\n        <Gapped wrap verticalAlign=\"middle\" gap={10}>\n          {children}\n        </Gapped>\n      </div>\n    </Gapped>\n  );\n};\n"]}
+{"version":3,"sources":["ComponentsGroup.tsx"],"names":["ComponentsGroup","props","title","children","style","theme","jsStyles","componentsGroup"],"mappings":"6JAAA;;AAEA;;;AAGA;;;;;;;;;AASO,IAAMA,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,iCAAC,cAAD,IAAQ,IAAI,MAAZ,EAAa,aAAa,EAAC,KAA3B,EAAiC,GAAG,EAAE,EAAtC;AACE,0CAAK,SAAS,EAAEC,qBAASJ,KAAT,CAAeG,KAAf,CAAhB,EAAuC,KAAK,EAAED,KAA9C;AACGF,IAAAA,KADH,CADF;;AAIE,0CAAK,SAAS,EAAEI,qBAASC,eAAT,CAAyBF,KAAzB,CAAhB;AACE,iCAAC,cAAD,IAAQ,IAAI,MAAZ,EAAa,aAAa,EAAC,QAA3B,EAAoC,GAAG,EAAE,EAAzC;AACGF,IAAAA,QADH,CADF,CAJF,CADF;;;;;AAYD,CAdM,C","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"]}

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

@@ -1,11 +1,11 @@
-import React from 'react';
-import { CurrencyInputProps } from '../../components/CurrencyInput';
-export declare class CurrencyInputPlayground extends React.Component<Partial<CurrencyInputProps>, {
-    value?: number | null;
-}> {
-    state: {
-        value: number;
-    };
-    render(): JSX.Element;
-    private handleChange;
-}
+import React from 'react';
+import { CurrencyInputProps } from '../../components/CurrencyInput';
+export declare class CurrencyInputPlayground extends React.Component<Partial<CurrencyInputProps>, {
+    value?: number | null;
+}> {
+    state: {
+        value: number;
+    };
+    render(): JSX.Element;
+    private handleChange;
+}

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

@@ -1 +1 @@
-{"version":3,"sources":["CurrencyInputPlayground.tsx"],"names":["CurrencyInputPlayground","state","value","props","handleChange","setState","render","React","Component"],"mappings":"qVAAA;;AAEA,+D;;AAEaA,uB;;;;;;AAMJC,IAAAA,K,GAAQ;AACbC,MAAAA,KAAK,EAAE,MAAKC,KAAL,CAAWD,KAAX,IAAoB,IADd,E;;;;;;;;;;;;;;;;;AAkBPE,IAAAA,Y,GAAe,UAACF,KAAD,EAA2B;AAChD,YAAKG,QAAL,CAAc,EAAEH,KAAK,EAALA,KAAF,EAAd;AACD,K,qEAhBMI,M,GAAP,kBAAgB,CACd,oBACE,uDACE,6BAAC,4BAAD,6BACM,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,C,kCAtB0CG,eAAMC,S","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"]}
+{"version":3,"sources":["CurrencyInputPlayground.tsx"],"names":["CurrencyInputPlayground","state","value","props","handleChange","setState","render","React","Component"],"mappings":"qVAAA;;AAEA,+D;;AAEaA,uB;;;;;;AAMJC,IAAAA,K,GAAQ;AACbC,MAAAA,KAAK,EAAE,MAAKC,KAAL,CAAWD,KAAX,IAAoB,IADd,E;;;;;;;;;;;;;;;;;AAkBPE,IAAAA,Y,GAAe,UAACF,KAAD,EAA2B;AAChD,YAAKG,QAAL,CAAc,EAAEH,KAAK,EAALA,KAAF,EAAd;AACD,K,qEAhBMI,M,GAAP,kBAAgB,CACd,oBACE,uDACE,6BAAC,4BAAD,6BACM,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,C,kCAtB0CG,eAAMC,S","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"]}

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

@@ -1,10 +1,10 @@
-import React from 'react';
-export declare class FxInputPlayground extends React.Component<{}, {
-    value: string;
-    auto: boolean;
-}> {
-    constructor(props: {});
-    render(): JSX.Element;
-    private onValueChange;
-    private handleRestore;
-}
+import React from 'react';
+export declare class FxInputPlayground extends React.Component<{}, {
+    value: string;
+    auto: boolean;
+}> {
+    constructor(props: {});
+    render(): JSX.Element;
+    private onValueChange;
+    private handleRestore;
+}

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

@@ -1 +1 @@
-{"version":3,"sources":["FxInputPlayground.tsx"],"names":["FxInputPlayground","props","onValueChange","value","setState","auto","handleRestore","state","render","React","Component"],"mappings":"6PAAA;;AAEA,mD;;AAEaA,iB;AACX,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,C,gDAEMK,M,GAAP,kBAA6B,CAC3B,oBACE,6BAAC,gBAAD,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,C,4BArBoCO,eAAMC,S","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"]}
+{"version":3,"sources":["FxInputPlayground.tsx"],"names":["FxInputPlayground","props","onValueChange","value","setState","auto","handleRestore","state","render","React","Component"],"mappings":"6PAAA;;AAEA,mD;;AAEaA,iB;AACX,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,C,gDAEMK,M,GAAP,kBAA6B,CAC3B,oBACE,6BAAC,gBAAD,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,C,4BArBoCO,eAAMC,S","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"]}