npm - @skbkontur/react-ui - Versions diffs - 0.0.0-8fc80072ce → 0.0.0-942b5aade9 - Mend

@skbkontur/react-ui 0.0.0-8fc80072ce → 0.0.0-942b5aade9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5036) hide show

package/components/Loader/Loader.js DELETED Viewed

@@ -1,276 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-import PropTypes from 'prop-types';
-import warning from 'warning';
-import cn from 'classnames';
-import * as LayoutEvents from '../../lib/LayoutEvents';
-import { Spinner } from '../Spinner';
-import { ThemeContext } from '../../lib/theming/ThemeContext';
-import { ZIndex } from '../ZIndex';
-import { jsStyles } from './Loader.styles';
-/**
-                                             * DRAFT - лоадер-контейнер
-                                             */
-export var Loader = /*#__PURE__*/function (_React$Component) {_inheritsLoose(Loader, _React$Component);
-  function Loader(props) {var _this;
-    _this = _React$Component.call(this, props) || this;_this.theme = void 0;_this.containerNode = void 0;_this.spinnerNode = void 0;_this.spinnerHeight = void 0;_this.layoutEvents = void 0;_this.
-    wrapperRef = function (element) {
-      _this.containerNode = element;
-    };_this.
-    checkSpinnerPosition = function () {
-      if (!_this.containerNode) {
-        return;
-      }var _this$containerNode$g =
-      _this.containerNode.getBoundingClientRect(),containerTop = _this$containerNode$g.top,containerRight = _this$containerNode$g.right,containerBottom = _this$containerNode$g.bottom,containerLeft = _this$containerNode$g.left,containerHeight = _this$containerNode$g.height,containerWidth = _this$containerNode$g.width;
-      var windowHeight = window.innerHeight;
-      var windowWidth = window.innerWidth;
-      // Если контейнер не больше высоты и не шире окна,
-      // то просто выравниваем по центру
-      if (windowHeight >= containerHeight && windowWidth >= containerWidth) {
-        _this.setState({
-          isStickySpinner: false,
-          spinnerStyle: {} });
-        return;
-      }
-      var spinnerStyle = {
-        top: 30,
-        right: 0,
-        bottom: 30,
-        left: 0 };
-      // ПО ВЕРТИКАЛИ
-      // Если верхний край контейнера ниже верхнего края окна,
-      // то сдвигаем и лоадер
-      if (containerTop > 0) {
-        spinnerStyle.top = containerTop + 30;
-      }
-      // Если нижний край контейнера выше нижнего края окна,
-      // то сдвигаем и лоадер
-      if (containerBottom < windowHeight) {
-        spinnerStyle.bottom = Math.abs(windowHeight - containerBottom) + 30;
-      }
-      // Если знаем высоту спиннера и нижний край контейнера поднимается
-      // выше отступа на высоту спиннера, то убираем верхнюю позицию лоадера
-      if (_this.spinnerHeight && spinnerStyle.bottom >= windowHeight - _this.spinnerHeight) {
-        delete spinnerStyle.top;
-      }
-      // ПО ГОРИЗОНТАЛИ
-      // Если левый край контейнера правее левого края окна,
-      // то сдвигаем и лоадер
-      if (containerLeft > 0) {
-        spinnerStyle.left = containerLeft;
-      }
-      // Если правый край контейнера левее правого края окна,
-      // то сдвигаем и лоадер
-      if (containerRight < windowWidth) {
-        spinnerStyle.right = windowWidth - containerRight;
-      }
-      _this.setState({
-        isStickySpinner: true,
-        spinnerStyle: spinnerStyle });
-    };_this.containerNode = null;_this.spinnerNode = null;warning(!_this.props.cloud, 'cloud is deprecated, will removed in 3.0, if you want cloud use prop component instead. ');_this.state = { isStickySpinner: false };return _this;}var _proto = Loader.prototype;_proto.componentDidMount = function componentDidMount() {if (this.spinnerNode) {this.spinnerHeight = this.spinnerNode.children[0].getBoundingClientRect().height;}this.checkSpinnerPosition();this.layoutEvents = LayoutEvents.addListener(this.checkSpinnerPosition);};_proto.componentWillUnmount = function componentWillUnmount() {if (this.layoutEvents) {this.layoutEvents.remove();}};_proto.render = function render() {var _this2 = this;return React.createElement(ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cn;var _this$props = this.props,active = _this$props.active,type = _this$props.type,caption = _this$props.caption,className = _this$props.className;return React.createElement("div", { style: { position: 'relative' }, className: cn(jsStyles.loader(), className) }, React.createElement(ZIndex, { priority: 'Loader', applyZIndex: this.props.active, coverChildren: this.props.active, style: { height: '100%' } }, this.props.children), active && React.createElement(ZIndex, { wrapperRef: this.wrapperRef, priority: 'Loader', className: cn((_cn = {}, _cn[jsStyles.active(this.theme)] = active, _cn)) }, this.renderSpinner(type, caption)));};_proto.renderSpinner = function renderSpinner(type, caption) {var _this3 = this;return React.createElement("span", { className: this.state.isStickySpinner ? jsStyles.spinnerContainerSticky() : jsStyles.spinnerContainerCenter(), style: this.state.spinnerStyle, ref: function ref(element) {_this3.spinnerNode = element;} }, React.createElement(Spinner, { type: type, caption: caption, cloud: this.props.cloud }));};return Loader;}(React.Component);Loader.__KONTUR_REACT_UI__ = 'Loader';Loader.defaultProps = { type: Spinner.Types.normal, active: false };Loader.propTypes = { /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 * показываем лоадер или нет
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 */active: PropTypes.bool, /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            * Текст рядом с лоадером.
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            *
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            * @default  "Загрузка"
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            */caption: Spinner.propTypes.caption, /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   * Класс для обертки
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   */className: PropTypes.string, /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   * Тип спиннера: mini, normal, big
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   *
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   * @default  normal
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   *
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   * Spinner.types - все доступные типы
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   */type: PropTypes.oneOf(Object.keys(Spinner.Types)), /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         * Компонент спиннера
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         *
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         * @default  <Spinner/> из react-ui
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         */component: PropTypes.node, /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       * @deprecated Старое поведение спиннера - облачко при среднем и большом размере
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       *
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       * @default false - исчезнет в 3.0
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       */cloud: PropTypes.bool };

package/components/Loader/Loader.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["Loader.tsx"],"names":["React","PropTypes","warning","cn","LayoutEvents","Spinner","ThemeContext","ZIndex","jsStyles","Loader","props","theme","containerNode","spinnerNode","spinnerHeight","layoutEvents","wrapperRef","element","checkSpinnerPosition","getBoundingClientRect","containerTop","top","containerRight","right","containerBottom","bottom","containerLeft","left","containerHeight","height","containerWidth","width","windowHeight","window","innerHeight","windowWidth","innerWidth","setState","isStickySpinner","spinnerStyle","Math","abs","cloud","state","componentDidMount","children","addListener","componentWillUnmount","remove","render","renderMain","active","type","caption","className","position","loader","renderSpinner","spinnerContainerSticky","spinnerContainerCenter","Component","__KONTUR_REACT_UI__","defaultProps","Types","normal","propTypes","bool","string","oneOf","Object","keys","component","node"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport warning from 'warning';\r\nimport cn from 'classnames';\r\n\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { Spinner, SpinnerProps } from '../Spinner';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ZIndex } from '../ZIndex';\r\n\r\nimport { jsStyles } from './Loader.styles';\r\n\r\nexport interface LoaderProps {\r\n children?: React.ReactNode;\r\n /**\r\n * Флаг переключения состояния лоадера\r\n * @default false\r\n */\r\n active: boolean;\r\n caption?: SpinnerProps['caption'];\r\n className?: string;\r\n type?: 'mini' | 'normal' | 'big';\r\n /**\r\n * @deprecated Старое поведение спиннера - облачко при среднем и большом размере - исчезнет в 3.0 поведение пересено в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/MIGRATION.md)\r\n *\r\n * @default false\r\n */\r\n cloud?: boolean;\r\n}\r\n\r\nexport interface LoaderState {\r\n isStickySpinner: boolean;\r\n spinnerStyle?: object;\r\n}\r\n\r\n/**\r\n * DRAFT - лоадер-контейнер\r\n */\r\nexport class Loader extends React.Component<LoaderProps, LoaderState> {\r\n public static __KONTUR_REACT_UI__ = 'Loader';\r\n\r\n public static defaultProps = {\r\n type: Spinner.Types.normal,\r\n active: false,\r\n };\r\n\r\n public static propTypes = {\r\n /**\r\n * показываем лоадер или нет\r\n */\r\n active: PropTypes.bool,\r\n\r\n /**\r\n * Текст рядом с лоадером.\r\n *\r\n * @default \"Загрузка\"\r\n */\r\n caption: Spinner.propTypes.caption,\r\n\r\n /**\r\n * Класс для обертки\r\n */\r\n className: PropTypes.string,\r\n\r\n /**\r\n * Тип спиннера: mini, normal, big\r\n *\r\n * @default normal\r\n *\r\n * Spinner.types - все доступные типы\r\n */\r\n type: PropTypes.oneOf(Object.keys(Spinner.Types)),\r\n\r\n /**\r\n * Компонент спиннера\r\n *\r\n * @default <Spinner/> из react-ui\r\n */\r\n component: PropTypes.node,\r\n /**\r\n * @deprecated Старое поведение спиннера - облачко при среднем и большом размере\r\n *\r\n * @default false - исчезнет в 3.0\r\n */\r\n cloud: PropTypes.bool,\r\n };\r\n\r\n private theme!: Theme;\r\n private containerNode: Nullable<HTMLDivElement>;\r\n private spinnerNode: Nullable<HTMLSpanElement>;\r\n private spinnerHeight?: number;\r\n private layoutEvents: Nullable<{ remove: () => void }>;\r\n\r\n constructor(props: LoaderProps) {\r\n super(props);\r\n\r\n this.containerNode = null;\r\n this.spinnerNode = null;\r\n\r\n warning(\r\n !this.props.cloud,\r\n 'cloud is deprecated, will removed in 3.0, if you want cloud use prop component instead. ',\r\n );\r\n\r\n this.state = {\r\n isStickySpinner: false,\r\n };\r\n }\r\n\r\n public componentDidMount() {\r\n if (this.spinnerNode) {\r\n this.spinnerHeight = this.spinnerNode.children[0].getBoundingClientRect().height;\r\n }\r\n\r\n this.checkSpinnerPosition();\r\n this.layoutEvents = LayoutEvents.addListener(this.checkSpinnerPosition);\r\n }\r\n\r\n public componentWillUnmount() {\r\n if (this.layoutEvents) {\r\n this.layoutEvents.remove();\r\n }\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 { active, type, caption, className } = this.props;\r\n\r\n return (\r\n <div style={{ position: 'relative' }} className={cn(jsStyles.loader(), className)}>\r\n <ZIndex\r\n priority={'Loader'}\r\n applyZIndex={this.props.active}\r\n coverChildren={this.props.active}\r\n style={{ height: '100%' }}\r\n >\r\n {this.props.children}\r\n </ZIndex>\r\n {active && (\r\n <ZIndex\r\n wrapperRef={this.wrapperRef}\r\n priority={'Loader'}\r\n className={cn({\r\n [jsStyles.active(this.theme)]: active,\r\n })}\r\n >\r\n {this.renderSpinner(type, caption)}\r\n </ZIndex>\r\n )}\r\n </div>\r\n );\r\n }\r\n\r\n private wrapperRef = (element: HTMLDivElement | null) => {\r\n this.containerNode = element;\r\n };\r\n\r\n private renderSpinner(type?: 'mini' | 'normal' | 'big', caption?: React.ReactNode) {\r\n return (\r\n <span\r\n className={this.state.isStickySpinner ? jsStyles.spinnerContainerSticky() : jsStyles.spinnerContainerCenter()}\r\n style={this.state.spinnerStyle}\r\n ref={element => {\r\n this.spinnerNode = element;\r\n }}\r\n >\r\n <Spinner type={type} caption={caption} cloud={this.props.cloud} />\r\n </span>\r\n );\r\n }\r\n\r\n private checkSpinnerPosition = () => {\r\n if (!this.containerNode) {\r\n return;\r\n }\r\n\r\n const {\r\n top: containerTop,\r\n right: containerRight,\r\n bottom: containerBottom,\r\n left: containerLeft,\r\n height: containerHeight,\r\n width: containerWidth,\r\n } = this.containerNode.getBoundingClientRect();\r\n\r\n const windowHeight = window.innerHeight;\r\n const windowWidth = window.innerWidth;\r\n\r\n // Если контейнер не больше высоты и не шире окна,\r\n // то просто выравниваем по центру\r\n if (windowHeight >= containerHeight && windowWidth >= containerWidth) {\r\n this.setState({\r\n isStickySpinner: false,\r\n spinnerStyle: {},\r\n });\r\n return;\r\n }\r\n\r\n const spinnerStyle = {\r\n top: 30,\r\n right: 0,\r\n bottom: 30,\r\n left: 0,\r\n };\r\n\r\n // ПО ВЕРТИКАЛИ\r\n // Если верхний край контейнера ниже верхнего края окна,\r\n // то сдвигаем и лоадер\r\n if (containerTop > 0) {\r\n spinnerStyle.top = containerTop + 30;\r\n }\r\n\r\n // Если нижний край контейнера выше нижнего края окна,\r\n // то сдвигаем и лоадер\r\n if (containerBottom < windowHeight) {\r\n spinnerStyle.bottom = Math.abs(windowHeight - containerBottom) + 30;\r\n }\r\n\r\n // Если знаем высоту спиннера и нижний край контейнера поднимается\r\n // выше отступа на высоту спиннера, то убираем верхнюю позицию лоадера\r\n if (this.spinnerHeight && spinnerStyle.bottom >= windowHeight - this.spinnerHeight) {\r\n delete spinnerStyle.top;\r\n }\r\n\r\n // ПО ГОРИЗОНТАЛИ\r\n // Если левый край контейнера правее левого края окна,\r\n // то сдвигаем и лоадер\r\n if (containerLeft > 0) {\r\n spinnerStyle.left = containerLeft;\r\n }\r\n\r\n // Если правый край контейнера левее правого края окна,\r\n // то сдвигаем и лоадер\r\n if (containerRight < windowWidth) {\r\n spinnerStyle.right = windowWidth - containerRight;\r\n }\r\n\r\n this.setState({\r\n isStickySpinner: true,\r\n spinnerStyle,\r\n });\r\n };\r\n}\r\n"]}

package/components/Loader/Loader.styles.js DELETED Viewed

@@ -1,73 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject6() {var data = _taggedTemplateLiteralLoose(["\n      ", ";\n      ", ";\n\n      &::before {\n        content: ' ';\n        display: inline-block;\n        height: 100%;\n        min-height: 100%;\n        vertical-align: middle;\n      }\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      position: fixed;\n\n      &::before {\n        content: ' ';\n        display: inline-block;\n        height: 100%;\n        min-height: 100%;\n        vertical-align: middle;\n      }\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = _taggedTemplateLiteralLoose(["\n      display: block;\n      margin: auto;\n      text-align: center;\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = _taggedTemplateLiteralLoose(["\n      box-sizing: border-box;\n      display: inline-block;\n      position: relative;\n      width: 100%;\n      z-index: inherit;\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = _taggedTemplateLiteralLoose(["\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      background: ", ";\n    "]);_templateObject = function _templateObject() {return data;};return data;}import { css, memoizeStyle } from '../../lib/theming/Emotion';
-var styles = {
-  active: function active(t) {
-    return css(_templateObject(),
-    styles.fillContainerPosition(),
-    t.loaderBg);
-  },
-  fillContainerPosition: function fillContainerPosition() {
-    return css(_templateObject2());
-  },
-  loader: function loader() {
-    return css(_templateObject3());
-  },
-  spinnerContainer: function spinnerContainer() {
-    return css(_templateObject4());
-  },
-  spinnerContainerSticky: function spinnerContainerSticky() {
-    return css(_templateObject5(),
-    styles.spinnerContainer());
-  },
-  spinnerContainerCenter: function spinnerContainerCenter() {
-    return css(_templateObject6(),
-    styles.spinnerContainer(),
-    styles.fillContainerPosition());
-  } };
-export var jsStyles = memoizeStyle(styles);

package/components/Loader/Loader.styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["Loader.styles.ts"],"names":["css","memoizeStyle","styles","active","t","fillContainerPosition","loaderBg","loader","spinnerContainer","spinnerContainerSticky","spinnerContainerCenter","jsStyles"],"mappings":"iuDAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,MADa,kBACNC,CADM,EACI;AACf,WAAOJ,GAAP;AACIE,IAAAA,MAAM,CAACG,qBAAP,EADJ;;AAGgBD,IAAAA,CAAC,CAACE,QAHlB;;AAKD,GAPY;;AASbD,EAAAA,qBATa,mCASW;AACtB,WAAOL,GAAP;;;;;;;AAOD,GAjBY;;AAmBbO,EAAAA,MAnBa,oBAmBJ;AACP,WAAOP,GAAP;;;;;;;AAOD,GA3BY;;AA6BbQ,EAAAA,gBA7Ba,8BA6BM;AACjB,WAAOR,GAAP;;;;;AAKD,GAnCY;;AAqCbS,EAAAA,sBArCa,oCAqCY;AACvB,WAAOT,GAAP;AACIE,IAAAA,MAAM,CAACM,gBAAP,EADJ;;;;;;;;;;;;AAaD,GAnDY;;AAqDbE,EAAAA,sBArDa,oCAqDY;AACvB,WAAOV,GAAP;AACIE,IAAAA,MAAM,CAACM,gBAAP,EADJ;AAEIN,IAAAA,MAAM,CAACG,qBAAP,EAFJ;;;;;;;;;;AAYD,GAlEY,EAAf;;;AAqEA,OAAO,IAAMM,QAAQ,GAAGV,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n active(t: Theme) {\r\n return css`\r\n ${styles.fillContainerPosition()};\r\n\r\n background: ${t.loaderBg};\r\n `;\r\n },\r\n\r\n fillContainerPosition() {\r\n return css`\r\n bottom: 0;\r\n left: 0;\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n `;\r\n },\r\n\r\n loader() {\r\n return css`\r\n box-sizing: border-box;\r\n display: inline-block;\r\n position: relative;\r\n width: 100%;\r\n z-index: inherit;\r\n `;\r\n },\r\n\r\n spinnerContainer() {\r\n return css`\r\n display: block;\r\n margin: auto;\r\n text-align: center;\r\n `;\r\n },\r\n\r\n spinnerContainerSticky() {\r\n return css`\r\n ${styles.spinnerContainer()};\r\n\r\n position: fixed;\r\n\r\n &::before {\r\n content: ' ';\r\n display: inline-block;\r\n height: 100%;\r\n min-height: 100%;\r\n vertical-align: middle;\r\n }\r\n `;\r\n },\r\n\r\n spinnerContainerCenter() {\r\n return css`\r\n ${styles.spinnerContainer()};\r\n ${styles.fillContainerPosition()};\r\n\r\n &::before {\r\n content: ' ';\r\n display: inline-block;\r\n height: 100%;\r\n min-height: 100%;\r\n vertical-align: middle;\r\n }\r\n `;\r\n },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/components/Loader/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export * from './Loader';

package/components/Loader/index.js.map DELETED Viewed

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

package/components/LocaleProvider/LocaleProvider.d.ts DELETED Viewed

@@ -1,25 +0,0 @@
-import React, { ReactNode } from 'react';
-import { LangCodes, LocaleControls } from '../../lib/locale/types';
-import { LocaleContextProps } from '../../lib/locale';
-export interface LocaleProviderProps {
-    locale?: LocaleControls;
-    langCode: LangCodes;
-    children?: ReactNode;
-}
-export declare class LocaleProvider extends React.Component<LocaleProviderProps> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        locale: {};
-        langCode: LangCodes;
-    };
-    componentDidMount(): void;
-    render(): JSX.Element;
-}
-interface LocaleConsumerProps {
-    children: (props: LocaleContextProps) => ReactNode;
-}
-export declare class LocaleConsumer extends React.Component<LocaleConsumerProps> {
-    componentDidMount(): void;
-    render(): JSX.Element;
-}
-export {};

package/components/LocaleProvider/LocaleProvider.js DELETED Viewed

@@ -1,43 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import warning from 'warning';
-import React from 'react';
-import { defaultLangCode } from '../../lib/locale/constants';
-import { LocaleContext } from '../../lib/locale';
-export var LocaleProvider = /*#__PURE__*/function (_React$Component) {_inheritsLoose(LocaleProvider, _React$Component);function LocaleProvider() {return _React$Component.apply(this, arguments) || this;}var _proto = LocaleProvider.prototype;_proto.
-  componentDidMount = function componentDidMount() {
-    warning(true, "LocaleProvider was deprecated please use 'LocaleContext' instead");
-  };_proto.
-  render = function render() {var _this$props =
-    this.props,locale = _this$props.locale,langCode = _this$props.langCode;
-    return React.createElement(LocaleContext.Provider, { value: { locale: locale, langCode: langCode } }, this.props.children);
-  };return LocaleProvider;}(React.Component);LocaleProvider.__KONTUR_REACT_UI__ = 'LocaleProvider';LocaleProvider.defaultProps = { locale: {}, langCode: defaultLangCode };
-export var LocaleConsumer = /*#__PURE__*/function (_React$Component2) {_inheritsLoose(LocaleConsumer, _React$Component2);function LocaleConsumer() {return _React$Component2.apply(this, arguments) || this;}var _proto2 = LocaleConsumer.prototype;_proto2.
-  componentDidMount = function componentDidMount() {
-    warning(true, "LocaleProvider was deprecated please use 'LocaleContext' instead");
-  };_proto2.
-  render = function render() {
-    return React.createElement(LocaleContext.Consumer, null, this.props.children);
-  };return LocaleConsumer;}(React.Component);

package/components/LocaleProvider/LocaleProvider.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["LocaleProvider.tsx"],"names":["warning","React","defaultLangCode","LocaleContext","LocaleProvider","componentDidMount","render","props","locale","langCode","children","Component","__KONTUR_REACT_UI__","defaultProps","LocaleConsumer"],"mappings":"sEAAA,OAAOA,OAAP,MAAoB,SAApB;AACA,OAAOC,KAAP,MAAiC,OAAjC;;AAEA,SAASC,eAAT,QAAgC,4BAAhC;;AAEA,SAASC,aAAT,QAAkD,kBAAlD;;;;;;;;AAQA,WAAaC,cAAb;;;;;;;;AAQSC,EAAAA,iBART,GAQE,6BAAiC;AAC/BL,IAAAA,OAAO,CAAC,IAAD,EAAO,kEAAP,CAAP;AACD,GAVH;;AAYSM,EAAAA,MAZT,GAYE,kBAAgB;AACe,SAAKC,KADpB,CACNC,MADM,eACNA,MADM,CACEC,QADF,eACEA,QADF;AAEd,WAAO,oBAAC,aAAD,CAAe,QAAf,IAAwB,KAAK,EAAE,EAAED,MAAM,EAANA,MAAF,EAAUC,QAAQ,EAARA,QAAV,EAA/B,IAAsD,KAAKF,KAAL,CAAWG,QAAjE,CAAP;AACD,GAfH,yBAAoCT,KAAK,CAACU,SAA1C,EAAaP,c,CACGQ,mB,GAAsB,gB,CADzBR,c,CAGGS,Y,GAAe,EAC3BL,MAAM,EAAE,EADmB,EAE3BC,QAAQ,EAAEP,eAFiB,E;;;;;;;AAmB/B,WAAaY,cAAb;AACST,EAAAA,iBADT,GACE,6BAAiC;AAC/BL,IAAAA,OAAO,CAAC,IAAD,EAAO,kEAAP,CAAP;AACD,GAHH;;AAKSM,EAAAA,MALT,GAKE,kBAAgB;AACd,WAAO,oBAAC,aAAD,CAAe,QAAf,QAAyB,KAAKC,KAAL,CAAWG,QAApC,CAAP;AACD,GAPH,yBAAoCT,KAAK,CAACU,SAA1C","sourcesContent":["import warning from 'warning';\r\nimport React, { ReactNode } from 'react';\r\n\r\nimport { defaultLangCode } from '../../lib/locale/constants';\r\nimport { LangCodes, LocaleControls } from '../../lib/locale/types';\r\nimport { LocaleContext, LocaleContextProps } from '../../lib/locale';\r\n\r\nexport interface LocaleProviderProps {\r\n locale?: LocaleControls;\r\n langCode: LangCodes;\r\n children?: ReactNode;\r\n}\r\n\r\nexport class LocaleProvider extends React.Component<LocaleProviderProps> {\r\n public static __KONTUR_REACT_UI__ = 'LocaleProvider';\r\n\r\n public static defaultProps = {\r\n locale: {},\r\n langCode: defaultLangCode,\r\n };\r\n\r\n public componentDidMount(): void {\r\n warning(true, \"LocaleProvider was deprecated please use 'LocaleContext' instead\");\r\n }\r\n\r\n public render() {\r\n const { locale, langCode } = this.props;\r\n return <LocaleContext.Provider value={{ locale, langCode }}>{this.props.children}</LocaleContext.Provider>;\r\n }\r\n}\r\n\r\ninterface LocaleConsumerProps {\r\n children: (props: LocaleContextProps) => ReactNode;\r\n}\r\n\r\nexport class LocaleConsumer extends React.Component<LocaleConsumerProps>{\r\n public componentDidMount(): void {\r\n warning(true, \"LocaleProvider was deprecated please use 'LocaleContext' instead\");\r\n }\r\n\r\n public render() {\r\n return <LocaleContext.Consumer>{this.props.children}</LocaleContext.Consumer>;\r\n }\r\n}\r\n"]}

package/components/LocaleProvider/index.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export * from './LocaleProvider';

package/components/LocaleProvider/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export * from './LocaleProvider';

package/components/LocaleProvider/index.js.map DELETED Viewed

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