@skbkontur/react-ui 0.0.0-77c9412271 → 0.0.0-7feb61cdde

package/cjs/internal/Calendar/MonthViewModel.js

@@ -1,67 +0,0 @@
-"use strict";exports.__esModule = true;exports.MonthViewModel = void 0;var _memo = require("../../lib/memo");
-
-var _config = require("./config");
-var _DayCellViewModel = require("./DayCellViewModel");var
-
-MonthViewModel =
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-// FIXME: shouldbe readonly
-
-
-// FIXME: shouldbe readonly
-
-
-function MonthViewModel(month, year) {this.daysCount = void 0;this.offset = void 0;this.month = void 0;this.year = void 0;this.height = void 0;this.days = void 0;this.isLastInYear = void 0;this.isFirstInYear = void 0;
-  if (month < 0) {
-    year -= Math.ceil(-month / 12);
-    month = 12 + month % 12;
-  }
-  if (month > 11) {
-    year += Math.floor(month / 12);
-    month %= 12;
-  }
-  var daysCount = getMonthsDays(month, year);
-  var offset = getMonthOffset(month, year);
-  this.daysCount = daysCount;
-  this.offset = offset;
-  this.month = month;
-  this.year = year;
-  this.height = getMonthHeight(daysCount, offset);
-  this.isLastInYear = month === 11;
-  this.isFirstInYear = month === 0;
-  this.days = Array.from({ length: daysCount }, function (_, i) {
-    var isWeekend = (i + getMonthOffset(month, year)) % 7 >= 5;
-    return _DayCellViewModel.DayCellViewModel.create(i + 1, month, year, isWeekend);
-  });
-};exports.MonthViewModel = MonthViewModel;MonthViewModel.create = (0, _memo.memo)(function (month, year) {return new MonthViewModel(month, year);});
-
-
-var getMonthHeight = (0, _memo.memo)(
-function (daysCount, offset) {return (
-    Math.ceil((daysCount + offset) / 7) * _config.config.DAY_HEIGHT +
-    _config.config.MONTH_TITLE_OFFSET_HEIGHT +
-    _config.config.MONTH_BOTTOM_MARGIN);});
-
-
-var getMonthsDays = (0, _memo.memo)(function (month, year) {return new Date(year, month + 1, 0).getDate();});
-
-var getMonthOffset = (0, _memo.memo)(function (month, year) {
-  var day = new Date(year, month, 1).getDay() - 1;
-  if (day === -1) {
-    return 6;
-  }
-  return day;
-});

package/cjs/internal/Calendar/MonthViewModel.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["MonthViewModel.ts"],"names":["MonthViewModel","month","year","daysCount","offset","height","days","isLastInYear","isFirstInYear","Math","ceil","floor","getMonthsDays","getMonthOffset","getMonthHeight","Array","from","length","_","i","isWeekend","DayCellViewModel","create","config","DAY_HEIGHT","MONTH_TITLE_OFFSET_HEIGHT","MONTH_BOTTOM_MARGIN","Date","getDate","day","getDay"],"mappings":"uEAAA;;AAEA;AACA,sD;;AAEaA,c;;;;;;;;;;;;;;;AAeX;;;AAGA;;;AAGA,wBAAoBC,KAApB,EAAmCC,IAAnC,EAAiD,MAlBjCC,SAkBiC,eAhBjCC,MAgBiC,eAdjCH,KAciC,eAZjCC,IAYiC,eAVjCG,MAUiC,eARjCC,IAQiC,eAL1CC,YAK0C,eAF1CC,aAE0C;AAC/C,MAAIP,KAAK,GAAG,CAAZ,EAAe;AACbC,IAAAA,IAAI,IAAIO,IAAI,CAACC,IAAL,CAAU,CAACT,KAAD,GAAS,EAAnB,CAAR;AACAA,IAAAA,KAAK,GAAG,KAAMA,KAAK,GAAG,EAAtB;AACD;AACD,MAAIA,KAAK,GAAG,EAAZ,EAAgB;AACdC,IAAAA,IAAI,IAAIO,IAAI,CAACE,KAAL,CAAWV,KAAK,GAAG,EAAnB,CAAR;AACAA,IAAAA,KAAK,IAAI,EAAT;AACD;AACD,MAAME,SAAS,GAAGS,aAAa,CAACX,KAAD,EAAQC,IAAR,CAA/B;AACA,MAAME,MAAM,GAAGS,cAAc,CAACZ,KAAD,EAAQC,IAAR,CAA7B;AACA,OAAKC,SAAL,GAAiBA,SAAjB;AACA,OAAKC,MAAL,GAAcA,MAAd;AACA,OAAKH,KAAL,GAAaA,KAAb;AACA,OAAKC,IAAL,GAAYA,IAAZ;AACA,OAAKG,MAAL,GAAcS,cAAc,CAACX,SAAD,EAAYC,MAAZ,CAA5B;AACA,OAAKG,YAAL,GAAoBN,KAAK,KAAK,EAA9B;AACA,OAAKO,aAAL,GAAqBP,KAAK,KAAK,CAA/B;AACA,OAAKK,IAAL,GAAYS,KAAK,CAACC,IAAN,CAAW,EAAEC,MAAM,EAAEd,SAAV,EAAX,EAAkC,UAACe,CAAD,EAAIC,CAAJ,EAAU;AACtD,QAAMC,SAAS,GAAG,CAACD,CAAC,GAAGN,cAAc,CAACZ,KAAD,EAAQC,IAAR,CAAnB,IAAoC,CAApC,IAAyC,CAA3D;AACA,WAAOmB,mCAAiBC,MAAjB,CAAwBH,CAAC,GAAG,CAA5B,EAA+BlB,KAA/B,EAAsCC,IAAtC,EAA4CkB,SAA5C,CAAP;AACD,GAHW,CAAZ;AAID,C,yCA3CUpB,c,CACGsB,M,GAAS,gBAAK,UAACrB,KAAD,EAAgBC,IAAhB,UAAiD,IAAIF,cAAJ,CAAmBC,KAAnB,EAA0BC,IAA1B,CAAjD,EAAL,C;;;AA6CzB,IAAMY,cAAc,GAAG;AACrB,UAACX,SAAD,EAAoBC,MAApB;AACEK,IAAAA,IAAI,CAACC,IAAL,CAAU,CAACP,SAAS,GAAGC,MAAb,IAAuB,CAAjC,IAAsCmB,eAAOC,UAA7C;AACAD,mBAAOE,yBADP;AAEAF,mBAAOG,mBAHT,GADqB,CAAvB;;;AAOA,IAAMd,aAAa,GAAG,gBAAK,UAACX,KAAD,EAAgBC,IAAhB,UAAiC,IAAIyB,IAAJ,CAASzB,IAAT,EAAeD,KAAK,GAAG,CAAvB,EAA0B,CAA1B,EAA6B2B,OAA7B,EAAjC,EAAL,CAAtB;;AAEA,IAAMf,cAAc,GAAG,gBAAK,UAACZ,KAAD,EAAgBC,IAAhB,EAAiC;AAC3D,MAAM2B,GAAG,GAAG,IAAIF,IAAJ,CAASzB,IAAT,EAAeD,KAAf,EAAsB,CAAtB,EAAyB6B,MAAzB,KAAoC,CAAhD;AACA,MAAID,GAAG,KAAK,CAAC,CAAb,EAAgB;AACd,WAAO,CAAP;AACD;AACD,SAAOA,GAAP;AACD,CANsB,CAAvB","sourcesContent":["import { memo } from '../../lib/memo';\r\n\r\nimport { config } from './config';\r\nimport { DayCellViewModel } from './DayCellViewModel';\r\n\r\nexport class MonthViewModel {\r\n  public static create = memo((month: number, year: number): MonthViewModel => new MonthViewModel(month, year));\r\n\r\n  public readonly daysCount: number;\r\n\r\n  public readonly offset: number;\r\n\r\n  public readonly month: number;\r\n\r\n  public readonly year: number;\r\n\r\n  public readonly height: number;\r\n\r\n  public readonly days: DayCellViewModel[];\r\n\r\n  // FIXME: shouldbe readonly\r\n  public isLastInYear: boolean;\r\n\r\n  // FIXME: shouldbe readonly\r\n  public isFirstInYear: boolean;\r\n\r\n  private constructor(month: number, year: number) {\r\n    if (month < 0) {\r\n      year -= Math.ceil(-month / 12);\r\n      month = 12 + (month % 12);\r\n    }\r\n    if (month > 11) {\r\n      year += Math.floor(month / 12);\r\n      month %= 12;\r\n    }\r\n    const daysCount = getMonthsDays(month, year);\r\n    const offset = getMonthOffset(month, year);\r\n    this.daysCount = daysCount;\r\n    this.offset = offset;\r\n    this.month = month;\r\n    this.year = year;\r\n    this.height = getMonthHeight(daysCount, offset);\r\n    this.isLastInYear = month === 11;\r\n    this.isFirstInYear = month === 0;\r\n    this.days = Array.from({ length: daysCount }, (_, i) => {\r\n      const isWeekend = (i + getMonthOffset(month, year)) % 7 >= 5;\r\n      return DayCellViewModel.create(i + 1, month, year, isWeekend);\r\n    });\r\n  }\r\n}\r\n\r\nconst getMonthHeight = memo(\r\n  (daysCount: number, offset: number) =>\r\n    Math.ceil((daysCount + offset) / 7) * config.DAY_HEIGHT +\r\n    config.MONTH_TITLE_OFFSET_HEIGHT +\r\n    config.MONTH_BOTTOM_MARGIN,\r\n);\r\n\r\nconst getMonthsDays = memo((month: number, year: number) => new Date(year, month + 1, 0).getDate());\r\n\r\nconst getMonthOffset = memo((month: number, year: number) => {\r\n  const day = new Date(year, month, 1).getDay() - 1;\r\n  if (day === -1) {\r\n    return 6;\r\n  }\r\n  return day;\r\n});\r\n"]}

package/cjs/internal/Calendar/config.d.ts

@@ -1,24 +0,0 @@
-export declare const config: {
-    /**
-     * Day cell size
-     */
-    DAY_HEIGHT: number;
-    MONTH_TITLE_HEIGHT: number;
-    /**
-     * MONTH_TITLE_HEIGHT + MONTH_BOTTOM_MARGIN + 1px separator line
-     */
-    MONTH_TITLE_OFFSET_HEIGHT: number;
-    /**
-     * Calendar height
-     */
-    WRAPPER_HEIGHT: number;
-    /**
-     * Margin between months
-     */
-    MONTH_BOTTOM_MARGIN: number;
-    /**
-     * Maximal count of month appending on scrollTo method call
-     * with large intervals
-     */
-    MAX_MONTHS_TO_APPEND_ON_SCROLL: number;
-};

package/cjs/internal/Calendar/config.js

@@ -1,28 +0,0 @@
-"use strict";exports.__esModule = true;exports.config = void 0;var config = {
-  /**
-   * Day cell size
-   */
-  DAY_HEIGHT: 30,
-
-  MONTH_TITLE_HEIGHT: 40,
-
-  /**
-   * MONTH_TITLE_HEIGHT + MONTH_BOTTOM_MARGIN + 1px separator line
-   */
-  MONTH_TITLE_OFFSET_HEIGHT: 51,
-
-  /**
-   * Calendar height
-   */
-  WRAPPER_HEIGHT: 330,
-
-  /**
-   * Margin between months
-   */
-  MONTH_BOTTOM_MARGIN: 10,
-
-  /**
-   * Maximal count of month appending on scrollTo method call
-   * with large intervals
-   */
-  MAX_MONTHS_TO_APPEND_ON_SCROLL: 5 };exports.config = config;

package/cjs/internal/Calendar/config.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["config.ts"],"names":["config","DAY_HEIGHT","MONTH_TITLE_HEIGHT","MONTH_TITLE_OFFSET_HEIGHT","WRAPPER_HEIGHT","MONTH_BOTTOM_MARGIN","MAX_MONTHS_TO_APPEND_ON_SCROLL"],"mappings":"+DAAO,IAAMA,MAAM,GAAG;AACpB;AACF;AACA;AACEC,EAAAA,UAAU,EAAE,EAJQ;;AAMpBC,EAAAA,kBAAkB,EAAE,EANA;;AAQpB;AACF;AACA;AACEC,EAAAA,yBAAyB,EAAE,EAXP;;AAapB;AACF;AACA;AACEC,EAAAA,cAAc,EAAE,GAhBI;;AAkBpB;AACF;AACA;AACEC,EAAAA,mBAAmB,EAAE,EArBD;;AAuBpB;AACF;AACA;AACA;AACEC,EAAAA,8BAA8B,EAAE,CA3BZ,EAAf,C","sourcesContent":["export const config = {\r\n  /**\r\n   * Day cell size\r\n   */\r\n  DAY_HEIGHT: 30,\r\n\r\n  MONTH_TITLE_HEIGHT: 40,\r\n\r\n  /**\r\n   * MONTH_TITLE_HEIGHT + MONTH_BOTTOM_MARGIN + 1px separator line\r\n   */\r\n  MONTH_TITLE_OFFSET_HEIGHT: 51,\r\n\r\n  /**\r\n   * Calendar height\r\n   */\r\n  WRAPPER_HEIGHT: 330,\r\n\r\n  /**\r\n   * Margin between months\r\n   */\r\n  MONTH_BOTTOM_MARGIN: 10,\r\n\r\n  /**\r\n   * Maximal count of month appending on scrollTo method call\r\n   * with large intervals\r\n   */\r\n  MAX_MONTHS_TO_APPEND_ON_SCROLL: 5,\r\n};\r\n"]}

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

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

package/cjs/internal/PopupMenu/PopupMenuPositions.d.ts

@@ -1,2 +0,0 @@
-import { PopupPosition } from '../Popup';
-export declare const PopupMenuPositions: PopupPosition[];

package/cjs/internal/PopupMenu/PopupMenuPositions.js

@@ -1,15 +0,0 @@
-"use strict";exports.__esModule = true;exports.PopupMenuPositions = void 0;
-
-var PopupMenuPositions = [
-'top left',
-'top center',
-'top right',
-'right top',
-'right middle',
-'right bottom',
-'bottom left',
-'bottom center',
-'bottom right',
-'left top',
-'left middle',
-'left bottom'];exports.PopupMenuPositions = PopupMenuPositions;

package/cjs/internal/PopupMenu/PopupMenuPositions.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["PopupMenuPositions.tsx"],"names":["PopupMenuPositions"],"mappings":";;AAEO,IAAMA,kBAAmC,GAAG;AACjD,UADiD;AAEjD,YAFiD;AAGjD,WAHiD;AAIjD,WAJiD;AAKjD,cALiD;AAMjD,cANiD;AAOjD,aAPiD;AAQjD,eARiD;AASjD,cATiD;AAUjD,UAViD;AAWjD,aAXiD;AAYjD,aAZiD,CAA5C,C","sourcesContent":["import { PopupPosition } from '../Popup';\r\n\r\nexport const PopupMenuPositions: PopupPosition[] = [\r\n  'top left',\r\n  'top center',\r\n  'top right',\r\n  'right top',\r\n  'right middle',\r\n  'right bottom',\r\n  'bottom left',\r\n  'bottom center',\r\n  'bottom right',\r\n  'left top',\r\n  'left middle',\r\n  'left bottom',\r\n];\r\n"]}

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

@@ -1,49 +0,0 @@
-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

@@ -1,136 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");exports.__esModule = true;exports.SpinnerOld = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var PropTypes = _interopRequireWildcard(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _decorators = require("../../lib/locale/decorators");
-
-var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _SpinnerIcon = require("../icons/SpinnerIcon");
-var _CommonWrapper = require("../../internal/CommonWrapper");
-
-var _SpinnerOldCloudIcon = require("./SpinnerOldCloudIcon");
-var _SpinnerOld = require("./SpinnerOld.styles");
-var _locale = require("./locale");var _dec, _class, _class2, _temp;
-
-var types = {
-  big: 'big',
-  mini: 'mini',
-  normal: 'normal' };
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/**
- * @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);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  function SpinnerOld(props) {var _this;
-    _this = _React$Component.call(this, props) || this;_this.theme = void 0;_this.locale = void 0;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    renderCloud = function (type) {var
-      dimmed = _this.props.dimmed;
-      var cloudClassName = dimmed ? _SpinnerOld.jsStyles.cloudDimmed(_this.theme) : _SpinnerOld.jsStyles.cloud(_this.theme);
-
-      return /*#__PURE__*/(
-        _react.default.createElement("span", { className: _SpinnerOld.jsStyles.cloudWrapper() }, /*#__PURE__*/
-        _react.default.createElement(_SpinnerOldCloudIcon.SpinnerOldCloudIcon, {
-          dimmed: dimmed,
-          size: type,
-          className: cloudClassName,
-          strokeClassName: _SpinnerOld.jsStyles.cloudStroke(_this.theme) })));
-
-
-
-    };_this.
-
-    renderCircle = function () {
-      var theme = _this.theme;var
-      dimmed = _this.props.dimmed;
-      var circleClassName = dimmed ? _SpinnerOld.jsStyles.circleDimmed(theme) : _SpinnerOld.jsStyles.circle(theme);
-
-      return /*#__PURE__*/_react.default.createElement(_SpinnerIcon.SpinnerIcon, { dimmed: dimmed, size: "mini", className: circleClassName });
-    };_this.
-
-    renderSpinnerOld = function (type) {
-      return type === 'mini' ? _this.renderCircle() : _this.renderCloud(type);
-    };_this.
-
-    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 - все доступные типы
-   */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 +0,0 @@
-{"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 +0,0 @@
-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

@@ -1,117 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
-
-var _AnimationKeyframes = require("../../lib/theming/AnimationKeyframes");
-var _client = require("../../lib/client");function _templateObject12() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: block;\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    "]);_templateObject12 = function _templateObject12() {return data;};return data;}function _templateObject11() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: block;\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    "]);_templateObject11 = function _templateObject11() {return data;};return data;}function _templateObject10() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "]);_templateObject10 = function _templateObject10() {return data;};return data;}function _templateObject9() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n    "]);_templateObject9 = function _templateObject9() {return data;};return data;}function _templateObject8() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      text-align: center;\n    "]);_templateObject8 = function _templateObject8() {return data;};return data;}function _templateObject7() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "]);_templateObject7 = function _templateObject7() {return data;};return data;}function _templateObject6() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      stroke: ", ";\n\n      ", "\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      stroke: ", ";\n\n      ", "\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      stroke-dasharray: 20, 86;\n      stroke-dashoffset: 15;\n      stroke: ", ";\n\n      ", "\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      stroke-dasharray: 20, 86;\n      stroke-dashoffset: 15;\n      stroke: ", ";\n\n      ", "\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      fill: none;\n      stroke-linecap: round;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      stroke: ", ";\n    "]);_templateObject = function _templateObject() {return data;};return data;}
-
-var styles = {
-  cloudStroke: function cloudStroke(t) {
-    return (0, _Emotion.css)(_templateObject(),
-    t.spinnerOldBgColor);
-
-  },
-  cloudWrapper: function cloudWrapper() {
-    return (0, _Emotion.css)(_templateObject2());
-
-
-
-  },
-  cloud: function cloud(t) {
-    return (0, _Emotion.css)(_templateObject3(),
-
-
-    t.spinnerColor,
-
-    !_client.isIE11 && "\n        animation: " +
-
-    _AnimationKeyframes.AnimationKeyframes.spinnerCloudOffset(t) + " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          " +
-    _AnimationKeyframes.AnimationKeyframes.spinnerCloudLength(t) + " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          " +
-    _AnimationKeyframes.AnimationKeyframes.spinnerColor(t) + " 6s ease-in-out infinite;\n        ");
-
-
-  },
-  cloudDimmed: function cloudDimmed(t) {
-    return (0, _Emotion.css)(_templateObject4(),
-
-
-    t.spinnerOldDimmedColor,
-
-    !_client.isIE11 && "\n        animation: " +
-
-    _AnimationKeyframes.AnimationKeyframes.spinnerCloudOffset(t) + " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          " +
-    _AnimationKeyframes.AnimationKeyframes.spinnerCloudLength(t) + " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite;\n        ");
-
-
-  },
-  circle: function circle(t) {
-    return (0, _Emotion.css)(_templateObject5(),
-    t.spinnerOldColor,
-
-    !_client.isIE11 && "\n        animation: " +
-
-    _AnimationKeyframes.AnimationKeyframes.spinnerCircleOffset(t) + " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          " +
-    _AnimationKeyframes.AnimationKeyframes.spinnerCircleLength(t) + " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          " +
-    _AnimationKeyframes.AnimationKeyframes.spinnerCircleRotate(t) + " 2s linear infinite,\n          " +
-    _AnimationKeyframes.AnimationKeyframes.spinnerColor(t) + " 6s ease-in-out infinite;\n        ");
-
-
-  },
-  circleDimmed: function circleDimmed(t) {
-    return (0, _Emotion.css)(_templateObject6(),
-    t.spinnerOldDimmedColor,
-
-    !_client.isIE11 && "\n        animation: " +
-
-    _AnimationKeyframes.AnimationKeyframes.spinnerCircleOffset(t) + " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          " +
-    _AnimationKeyframes.AnimationKeyframes.spinnerCircleLength(t) + " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          " +
-    _AnimationKeyframes.AnimationKeyframes.spinnerCircleRotate(t) + " 2s linear infinite;\n        ");
-
-
-  },
-
-  caption: function caption(t) {
-    return (0, _Emotion.css)(_templateObject7(),
-    t.spinnerOldCaptionColor);
-
-  },
-
-  spinner: function spinner() {
-    return (0, _Emotion.css)(_templateObject8());
-
-
-
-  },
-
-  inner: function inner() {
-    return (0, _Emotion.css)(_templateObject9());
-
-
-  },
-
-  mini: function mini(t) {
-    return (0, _Emotion.css)(_templateObject10(),
-    t.spinnerOldCaptionGapSmall,
-    t.spinnerOldFontSizeSmall,
-    t.spinnerOldLineHeightSmall);
-
-  },
-
-  normal: function normal(t) {
-    return (0, _Emotion.css)(_templateObject11(),
-
-    t.spinnerOldFontSizeMedium,
-    t.spinnerOldLineHeightMedium,
-    t.spinnerOldCaptionGapMedium);
-
-  },
-
-  big: function big(t) {
-    return (0, _Emotion.css)(_templateObject12(),
-
-    t.spinnerOldFontSizeLarge,
-    t.spinnerOldLineHeightLarge,
-    t.spinnerOldCaptionGapLarge);
-
-  } };
-
-
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;

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

@@ -1 +0,0 @@
-{"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 +0,0 @@
-/// <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

@@ -1,86 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.SpinnerOldCloudIcon = exports.SPINNER_CLOUD_SIZE = void 0;var _react = _interopRequireDefault(require("react"));
-
-var _SpinnerFallbackAnimation = require("../../components/Spinner/SpinnerFallbackAnimation");
-
-
-
-
-
-var _currentEnvironment = require("../../lib/currentEnvironment");
-var _client = require("../../lib/client");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
-
-var 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";
-
-
-
-
-
-
-
-
-var SPINNER_CLOUD_SIZE = {
-  height: 35,
-  width: 47 };exports.SPINNER_CLOUD_SIZE = SPINNER_CLOUD_SIZE;
-
-
-
-
-
-
-
-
-
-var SpinnerOldCloudIcon = function SpinnerOldCloudIcon(_ref) {var size = _ref.size,strokeClassName = _ref.strokeClassName,className = _ref.className,dimmed = _ref.dimmed;
-  var pathRef = _react.default.useRef(null);
-
-  if (_client.isIE11 && !_currentEnvironment.isTestEnv) {
-    // This condition will not change during app's life time
-    // So its OK to use hooks here
-    // https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-level
-
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    var fallbackAnimationRef = _react.default.useRef(null);
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    var _React$useContext = _react.default.useContext(_ThemeContext.ThemeContext),red = _React$useContext.red,yellow = _React$useContext.yellow,green = _React$useContext.green,brand = _React$useContext.brand;
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    _react.default.useEffect(function () {
-      if (_client.isIE11 && !_currentEnvironment.isTestEnv) {
-        var setStyleProperty = function setStyleProperty() {
-          var path = pathRef.current;
-          if (path) {var _path$style;
-            (_path$style = path.style).setProperty.apply(_path$style, arguments);
-          }
-        };
-
-        fallbackAnimationRef.current = new _SpinnerFallbackAnimation.SpinnerFallbackAnimationRunner([
-
-        (0, _SpinnerFallbackAnimation.createOffsetAnimation)(10, 116, 1000, setStyleProperty),
-        (0, _SpinnerFallbackAnimation.createLengthAnimation)([10, 96], [50, 56], 2000, setStyleProperty)].concat(
-        dimmed ? [] : [(0, _SpinnerFallbackAnimation.createColorAnimation)([red, yellow, green, brand], 1500, setStyleProperty)]),
-
-        1000 / 60);
-
-
-        return function () {
-          var fallbackAnimation = fallbackAnimationRef.current;
-          var path = pathRef.current;
-          if (fallbackAnimation) {
-            fallbackAnimation.stop();
-          }
-          if (path) {
-            path.removeAttribute('style');
-          }
-        };
-      }
-    }, [dimmed, red, yellow, green, brand]);
-  }
-
-  var multiply = size === 'big' ? 2 : 1;
-  return /*#__PURE__*/(
-    _react.default.createElement("svg", { width: SPINNER_CLOUD_SIZE.width * multiply, height: SPINNER_CLOUD_SIZE.height * multiply, viewBox: "0 0 47 35" }, /*#__PURE__*/
-    _react.default.createElement("path", { d: CLOUD_SVG_PATH, strokeWidth: "2", className: strokeClassName }), /*#__PURE__*/
-    _react.default.createElement("path", { d: CLOUD_SVG_PATH, strokeWidth: "2", className: className, ref: pathRef })));
-
-
-};exports.SpinnerOldCloudIcon = SpinnerOldCloudIcon;

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

@@ -1 +0,0 @@
-{"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 +0,0 @@
-export * from './SpinnerOld';

package/cjs/internal/SpinnerOld/index.js

@@ -1 +0,0 @@
-"use strict";exports.__esModule = true;var _SpinnerOld = require("./SpinnerOld");Object.keys(_SpinnerOld).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _SpinnerOld[key]) return;exports[key] = _SpinnerOld[key];});

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

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