npm - @skbkontur/react-ui - Versions diffs - 0.0.0-c91b3db3f4 → 0.0.0-cb270e7a13 - Mend

@skbkontur/react-ui 0.0.0-c91b3db3f4 → 0.0.0-cb270e7a13

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 (1804) hide show

package/cjs/components/SidePage/SidePageHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["SidePageHeader.tsx"],"names":["SidePageHeader","state","isReadyToFix","theme","wrapper","lastRegularHeight","componentDidMount","window","addEventListener","update","componentWillUnmount","removeEventListener","updateReadyToFix","renderHeader","fixed","jsStyles","header","headerFixed","renderClose","title","titleFixed","props","children","renderCloseContent","requestClose","close","closeIcon","stickyOffset","parseInt","sidePageHeaderStickyOffset","wrapperScrolledUp","getBoundingClientRect","top","regularHeight","fixedHeaderHeight","setState","wrapperRef","el","render","renderMain","height","sidePageHeaderFixedLineHeight","sidePageHeaderFixedPaddingY","React","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { Sticky } from '../Sticky';\r\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\r\nimport { isFunction } from '../../lib/utils';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './SidePage.styles';\r\nimport { SidePageContext } from './SidePageContext';\r\n\r\nexport interface SidePageHeaderProps extends CommonProps {\r\n children?: React.ReactNode \| ((fixed: boolean) => React.ReactNode);\r\n}\r\n\r\nexport interface SidePageHeaderState {\r\n isReadyToFix: boolean;\r\n}\r\n\r\n/*\r\n Шапка сайдпейджа\r\n \r\n @visibleName SidePage.Header\r\n /\r\nexport class SidePageHeader extends React.Component<SidePageHeaderProps, SidePageHeaderState> {\r\n public static __KONTUR_REACT_UI__ = 'SidePageHeader';\r\n\r\n public state = {\r\n isReadyToFix: false,\r\n };\r\n\r\n private theme!: Theme;\r\n private wrapper: HTMLElement \| null = null;\r\n private lastRegularHeight = 0;\r\n\r\n public get regularHeight(): number {\r\n const { isReadyToFix } = this.state;\r\n if (!this.wrapper) {\r\n return 0;\r\n }\r\n if (!isReadyToFix) {\r\n this.lastRegularHeight = this.wrapper.getBoundingClientRect().height;\r\n }\r\n return this.lastRegularHeight;\r\n }\r\n\r\n public get fixedHeaderHeight(): number {\r\n const { theme } = this;\r\n return parseInt(theme.sidePageHeaderFixedLineHeight) + parseInt(theme.sidePageHeaderFixedPaddingY) 2;\r\n }\r\n\r\n public componentDidMount = () => {\r\n window.addEventListener('scroll', this.update, true);\r\n };\r\n\r\n public componentWillUnmount = () => {\r\n window.removeEventListener('scroll', this.update, true);\r\n };\r\n\r\n public update = () => {\r\n this.updateReadyToFix();\r\n };\r\n\r\n public render(): JSX.Element {\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 { isReadyToFix } = this.state;\r\n return (\r\n <CommonWrapper {...this.props}>\r\n <div ref={this.wrapperRef}>\r\n {isReadyToFix ? <Sticky side=\"top\">{this.renderHeader}</Sticky> : this.renderHeader()}\r\n </div>\r\n </CommonWrapper>\r\n );\r\n }\r\n\r\n private renderHeader = (fixed = false) => {\r\n return (\r\n <div className={cn(jsStyles.header(this.theme), { [jsStyles.headerFixed(this.theme)]: fixed })}>\r\n {this.renderClose()}\r\n <div className={cn(jsStyles.title(this.theme), { [jsStyles.titleFixed()]: fixed })}>\r\n {isFunction(this.props.children) ? this.props.children(fixed) : this.props.children}\r\n </div>\r\n </div>\r\n );\r\n };\r\n\r\n private renderCloseContent = (fixed: boolean) => (\r\n <SidePageContext.Consumer>\r\n {({ requestClose }) => (\r\n <a\r\n className={cn(jsStyles.close(this.theme), {\r\n [jsStyles.fixed(this.theme)]: fixed,\r\n })}\r\n onClick={requestClose}\r\n data-tid=\"SidePage__close\"\r\n >\r\n <span\r\n className={cn(jsStyles.closeIcon(this.theme), {\r\n [jsStyles.fixed(this.theme)]: fixed,\r\n })}\r\n >\r\n <CrossIcon />\r\n </span>\r\n </a>\r\n )}\r\n </SidePageContext.Consumer>\r\n );\r\n\r\n private renderClose = () => {\r\n const stickyOffset = parseInt(this.theme.sidePageHeaderStickyOffset);\r\n\r\n return (\r\n <Sticky side=\"top\" offset={stickyOffset}>\r\n {this.renderCloseContent}\r\n </Sticky>\r\n );\r\n };\r\n\r\n private updateReadyToFix = () => {\r\n if (this.wrapper) {\r\n const wrapperScrolledUp = this.wrapper.getBoundingClientRect().top;\r\n const isReadyToFix = this.regularHeight + wrapperScrolledUp <= this.fixedHeaderHeight;\r\n this.setState(state => (state.isReadyToFix !== isReadyToFix ? { isReadyToFix } : state));\r\n }\r\n };\r\n\r\n private wrapperRef = (el: HTMLElement \| null) => {\r\n this.wrapper = el;\r\n };\r\n}\r\n"]}
1	+ {"version":3,"sources":["SidePageHeader.tsx"],"names":["SidePageHeader","responsiveLayout","context","isMobileLayout","state","isReadyToFix","focusedByTab","theme","wrapper","lastRegularHeight","componentDidMount","window","addEventListener","update","setHasHeader","componentWillUnmount","removeEventListener","updateReadyToFix","renderHeader","fixed","styles","header","headerFixed","mobileHeader","renderClose","title","mobileTitle","titleFixed","props","children","stickyOffset","parseInt","sidePageHeaderStickyOffset","wrapperClose","wrapperCloseFixed","mobileWrapperClose","requestClose","button","close","closeFocus","mobileClose","handleFocus","handleBlur","wrapperScrolledUp","getBoundingClientRect","top","regularHeight","fixedHeaderHeight","setState","wrapperRef","el","requestAnimationFrame","keyListener","isTabPressed","render","renderMain","getStickyProp","sticky","isStickyDesktop","isStickyMobile","headerWrapper","height","sidePageHeaderFixedLineHeight","sidePageHeaderFixedPaddingY","React","Component","__KONTUR_REACT_UI__","contextType","SidePageContext"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Sticky } from '../Sticky';\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\nimport { isFunction } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { responsiveLayout } from '../ResponsiveLayout';\n\nimport { styles } from './SidePage.styles';\nimport { SidePageContext, SidePageContextType } from './SidePageContext';\n\nexport interface SidePageHeaderProps extends CommonProps {\n children?: React.ReactNode \| ((fixed: boolean) => React.ReactNode);\n sticky?: boolean;\n}\n\nexport interface SidePageHeaderState {\n isReadyToFix: boolean;\n focusedByTab: boolean;\n}\n\n/*\n Шапка сайдпейджа\n \n @visibleName SidePage.Header\n /\n@responsiveLayout\nexport class SidePageHeader extends React.Component<SidePageHeaderProps, SidePageHeaderState> {\n public static __KONTUR_REACT_UI__ = 'SidePageHeader';\n\n public static contextType = SidePageContext;\n public context: SidePageContextType = this.context;\n\n private isMobileLayout!: boolean;\n\n public state: SidePageHeaderState = {\n isReadyToFix: false,\n focusedByTab: false,\n };\n\n private theme!: Theme;\n private wrapper: HTMLElement \| null = null;\n private lastRegularHeight = 0;\n\n public get regularHeight(): number {\n const { isReadyToFix } = this.state;\n if (!this.wrapper) {\n return 0;\n }\n if (!isReadyToFix) {\n this.lastRegularHeight = this.wrapper.getBoundingClientRect().height;\n }\n return this.lastRegularHeight;\n }\n\n public get fixedHeaderHeight(): number {\n const { theme } = this;\n return parseInt(theme.sidePageHeaderFixedLineHeight) + parseInt(theme.sidePageHeaderFixedPaddingY) 2;\n }\n\n public componentDidMount = () => {\n window.addEventListener('scroll', this.update, true);\n this.context.setHasHeader?.();\n };\n\n public componentWillUnmount = () => {\n window.removeEventListener('scroll', this.update, true);\n this.context.setHasHeader?.(false);\n };\n\n public update = () => {\n this.updateReadyToFix();\n };\n\n public render(): JSX.Element {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public getStickyProp() {\n if (typeof this.props.sticky !== 'undefined') {\n return this.props.sticky;\n }\n\n if (this.isMobileLayout) {\n return false;\n }\n\n return true;\n }\n\n private renderMain() {\n const { isReadyToFix } = this.state;\n\n const isStickyDesktop = !this.isMobileLayout && this.getStickyProp() && isReadyToFix;\n const isStickyMobile = this.isMobileLayout && this.getStickyProp();\n\n return (\n <CommonWrapper {...this.props}>\n <div ref={this.wrapperRef} className={styles.headerWrapper()}>\n {isStickyDesktop \|\| isStickyMobile ? <Sticky side=\"top\">{this.renderHeader}</Sticky> : this.renderHeader()}\n </div>\n </CommonWrapper>\n );\n }\n\n private renderHeader = (fixed = false) => {\n return (\n <div\n className={cx(styles.header(this.theme), {\n [styles.headerFixed(this.theme)]: fixed,\n [styles.mobileHeader(this.theme)]: this.isMobileLayout,\n })}\n >\n {this.renderClose(fixed)}\n <div\n className={cx(styles.title(this.theme), {\n [styles.mobileTitle(this.theme)]: this.isMobileLayout,\n [styles.titleFixed()]: fixed,\n })}\n >\n {isFunction(this.props.children) ? this.props.children(fixed) : this.props.children}\n </div>\n </div>\n );\n };\n\n private renderClose = (fixed: boolean) => {\n const stickyOffset = parseInt(this.theme.sidePageHeaderStickyOffset);\n\n return (\n <div\n className={cx(styles.wrapperClose(this.theme), {\n [styles.wrapperCloseFixed(this.theme)]: fixed,\n [styles.mobileWrapperClose(this.theme)]: this.isMobileLayout,\n })}\n >\n <SidePageContext.Consumer>\n {({ requestClose }) => {\n const button = (\n <button\n className={cx(styles.close(this.theme), {\n [styles.closeFocus(this.theme)]: this.state.focusedByTab,\n [styles.mobileClose(this.theme)]: this.isMobileLayout,\n })}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n onClick={requestClose}\n data-tid=\"SidePage__close\"\n tabIndex={0}\n >\n <CrossIcon />\n </button>\n );\n\n if (this.isMobileLayout) {\n return button;\n }\n\n return (\n <Sticky side=\"top\" offset={stickyOffset}>\n {button}\n </Sticky>\n );\n }}\n </SidePageContext.Consumer>\n </div>\n );\n };\n\n private updateReadyToFix = () => {\n if (this.wrapper) {\n const wrapperScrolledUp = this.wrapper.getBoundingClientRect().top;\n const isReadyToFix = this.regularHeight + wrapperScrolledUp <= this.fixedHeaderHeight;\n this.setState((state) => (state.isReadyToFix !== isReadyToFix ? { ...state, isReadyToFix } : state));\n }\n };\n\n private wrapperRef = (el: HTMLElement \| null) => {\n this.wrapper = el;\n };\n\n private handleFocus = () => {\n requestAnimationFrame(() => {\n if (keyListener.isTabPressed) {\n this.setState({ focusedByTab: true });\n }\n });\n };\n\n private handleBlur = () => {\n this.setState({ focusedByTab: false });\n };\n}\n"]}

package/cjs/components/SidePage/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA;AACA;AACA;AACA;AACA","sourcesContent":["export * from './SidePage';\r\nexport * from './SidePageHeader';\r\nexport * from './SidePageBody';\r\nexport * from './SidePageFooter';\r\nexport * from './SidePageContainer';\r\n"]}
1	+ {"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA;AACA;AACA;AACA;AACA","sourcesContent":["export * from './SidePage';\nexport * from './SidePageHeader';\nexport * from './SidePageBody';\nexport * from './SidePageFooter';\nexport * from './SidePageContainer';\n"]}

package/cjs/components/Spinner/Spinner.d.ts CHANGED Viewed

@@ -11,6 +11,7 @@ export interface SpinnerProps extends CommonProps {
      * @default normal
      */
     type: SpinnerType;
+    inline?: boolean;
 }
 /**
  * DRAFT - инлайн-лоадер

package/cjs/components/Spinner/Spinner.js CHANGED Viewed

@@ -1,12 +1,12 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Spinner = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
 var _decorators = require("../../lib/locale/decorators");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _SpinnerIcon = require("../../internal/icons/SpinnerIcon");
 var _CommonWrapper = require("../../internal/CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
 var _Spinner = require("./Spinner.styles");
 var _locale = require("./locale");var _dec, _class, _class2, _temp;
@@ -29,8 +29,9 @@ var types = {
-/**
- * DRAFT - инлайн-лоадер
+/**
+ * DRAFT - инлайн-лоадер
  */var
@@ -93,21 +94,21 @@ Spinner = (_dec = (0, _decorators.locale)('Spinner', _locale.SpinnerLocaleHelper
-    renderSpinner = function (type, dimmed) {
-      var circleClassName = dimmed ? _Spinner.jsStyles.circleDimmed(_this.theme) : _Spinner.jsStyles.circle(_this.theme);
+    renderSpinner = function (type, dimmed, inline) {
+      var circleClassName = dimmed ? _Spinner.styles.circleDimmed(_this.theme) : _Spinner.styles.circle(_this.theme);
-      return /*#__PURE__*/_react.default.createElement(_SpinnerIcon.SpinnerIcon, { size: type, className: circleClassName, dimmed: dimmed });
+      return /*#__PURE__*/_react.default.createElement(_SpinnerIcon.SpinnerIcon, { size: type, className: circleClassName, dimmed: dimmed, inline: inline });
     };_this.
     renderCaption = function (type, caption) {return /*#__PURE__*/(
-        _react.default.createElement("span", { className: (0, _classnames.default)(_Spinner.jsStyles[type](_this.theme), _Spinner.jsStyles.captionColor(_this.theme)) }, caption));};return _this;}var _proto = Spinner.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,dimmed = _this$props.dimmed;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement("div", { className: _Spinner.jsStyles.spinner() }, /*#__PURE__*/_react.default.createElement("span", { className: _Spinner.jsStyles.inner() }, this.renderSpinner(type, dimmed)), caption && this.renderCaption(type, caption)));};return Spinner;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Spinner', _class2.propTypes = { /**
-   * Текст рядом с мини-лоадером.
-   *
-   * 'Загрузка' - значение по-умолчанию
-   */caption: _propTypes.default.node, dimmed: _propTypes.default.bool, /**
-   * Тип спиннера: mini, normal, big
-   *
-   * Значение по-умолчанию - normal
-   *
-   * Spinner.types - все доступные типы
+        _react.default.createElement("span", { className: (0, _Emotion.cx)(_Spinner.styles[type](_this.theme), _Spinner.styles.captionColor(_this.theme)) }, caption));};return _this;}var _proto = Spinner.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,dimmed = _this$props.dimmed,inline = _this$props.inline;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement("div", { className: _Spinner.styles.spinner() }, /*#__PURE__*/_react.default.createElement("span", { className: _Spinner.styles.inner() }, this.renderSpinner(type, dimmed, inline)), caption && this.renderCaption(type, caption)));};return Spinner;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Spinner', _class2.propTypes = { /**
+   * Текст рядом с мини-лоадером.
+   *
+   * 'Загрузка' - значение по-умолчанию
+   */caption: _propTypes.default.node, dimmed: _propTypes.default.bool, /**
+   * Тип спиннера: mini, normal, big
+   *
+   * Значение по-умолчанию - normal
+   *
+   * Spinner.types - все доступные типы
    */type: _propTypes.default.oneOf(Object.keys(types)) }, _class2.defaultProps = { type: 'normal' }, _class2.Types = types, _temp)) || _class);exports.Spinner = Spinner;

package/cjs/components/Spinner/Spinner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Spinner.tsx"],"names":["types","big","mini","normal","Spinner","SpinnerLocaleHelper","props","theme","locale","renderSpinner","type","dimmed","circleClassName","~~jsStyles~~","circleDimmed","circle","renderCaption","caption","captionColor","render","renderMain","loading","spinner","inner","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","node","bool","oneOf","Object","keys","defaultProps","Types"],"mappings":"mPAAA;AACA~~;AACA~~;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA,kC;;AAEA,IAAMA,KAAuC,GAAG;AAC9CC,EAAAA,GAAG,EAAE,KADyC;AAE9CC,EAAAA,IAAI,EAAE,MAFwC;AAG9CC,EAAAA,MAAM,EAAE,QAHsC,EAAhD~~;;;;;;;;;;;;;;;AAkBA~~;AACA;AACA,G;;;AAGaC,O,WADZ,wBAAO,SAAP,EAAkBC,2BAAlB,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCC,mBAAYC,KAAZ,EAAiC;AAC/B,wCAAMA,KAAN,UAD+B,MAHzBC,KAGyB,gBAFhBC,MAEgB;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BzBC,IAAAA,aA5ByB,GA4BT,UAACC,IAAD,EAAoBC,MAApB,~~EAAyC~~;~~AAC/D~~,UAAMC,eAAe,~~GAAGD~~,MAAM,~~GAAGE~~,~~kBAASC~~,~~YAAT~~,~~CAAsB~~,~~MAAKP~~,~~KAA3B~~,CAAH,~~GAAuCM~~,~~kBAASE~~,~~MAAT~~,~~CAAgB~~,~~MAAKR~~,~~KAArB~~,~~CAArE~~;;AAEA,0BAAO,6BAAC,wBAAD,IAAa,IAAI,EAAEG,IAAnB,EAAyB,SAAS,~~EAAEE~~,eAApC,EAAqD,MAAM,~~EAAED~~,MAA7D,GAAP;AACD,KAhCgC;;AAkCzBK,IAAAA,aAlCyB,GAkCT,~~UAACN~~,IAAD,~~EAAoBO~~,OAApB;AACtB,+CAAM,SAAS,EAAE,~~yBAAGJ~~,~~kBAASH~~,~~IAAT~~,~~EAAe~~,MAAKH,~~KAApB~~,CAAH,~~EAA+BM~~,~~kBAASK~~,~~YAAT~~,~~CAAsB~~,~~MAAKX~~,~~KAA3B~~,~~CAA/B~~,CAAjB,~~IAAqFU~~,~~OAArF~~,CADsB,GAlCS,cAEhC,C,sCAEME,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,~~UAAAZ~~,~~KAAK~~,~~EAAI~~,~~CACR~~,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,~~CAACa~~,UAAL,EAAP,CACD,CAJH,CADF,CAQD,C,QAEOA,U,GAAR,sBAAqB,~~mBACqC~~,~~KAAKd~~,~~KAD1C~~,CACXI,IADW,eACXA,IADW,~~mCACLO~~,OADK,CACLA,OADK,oCACK,~~KAAKT~~,MAAL,~~CAAYa~~,OADjB,~~uBAC0BV~~,MAD1B,eAC0BA,MAD1B,CAGnB,oBACE,6BAAC,4BAAD,EAAmB,~~KAAKL~~,KAAxB,eACE,sCAAK,SAAS,~~EAAEO~~,~~kBAASS~~,~~OAAT~~,EAAhB,iBACE,uCAAM,SAAS,EAAET,~~kBAASU~~,~~KAAT~~,EAAjB,~~IAAoC~~,~~KAAKd~~,aAAL,CAAmBC,IAAnB,EAAyBC,MAAzB,~~CAApC~~,CADF,EAEGM,OAAO,IAAI,KAAKD,aAAL,~~CAAmBN~~,IAAnB,~~EAAyBO~~,OAAzB,CAFd,CADF,CADF,CAQD,C,kBAzD0BO,eAAMC,S,WACnBC,mB,GAAsB,S,UAEtBC,S,GAAY,EACxB;AACJ;AACA;AACA;AACA,KACIV,OAAO,EAAEW,mBAAUC,IANK,~~EAQxBlB~~,MAAM,~~EAAEiB~~,mBAAUE,IARM,EAUxB;AACJ;AACA;AACA;AACA;AACA;AACA,~~KACIpB~~,IAAI,~~EAAEkB~~,mBAAUG,KAAV,CAAgBC,MAAM,CAACC,IAAP,~~CAAYjC~~,KAAZ,CAAhB,CAjBkB,E,~~UAoBZkC~~,Y,GAA6B,~~EACzCxB~~,IAAI,EAAE,QADmC,E,~~UAI7ByB~~,K,~~GAAsBnC~~,K","sourcesContent":["import React from 'react';\r\nimport 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 '../../internal/icons/SpinnerIcon';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { ~~jsStyles~~ } from './Spinner.styles';\r\nimport { SpinnerLocale, SpinnerLocaleHelper } from './locale';\r\n\r\nconst types: Record<SpinnerType, SpinnerType> = {\r\n big: 'big',\r\n mini: 'mini',\r\n normal: 'normal',\r\n};\r\n\r\nexport type SpinnerType = 'mini' \| 'normal' \| 'big';\r\n\r\nexport interface SpinnerProps extends CommonProps {\r\n caption?: React.ReactNode;\r\n dimmed?: boolean;\r\n /*\r\n Тип спиннера\r\n * @default normal\r\n /\r\n type: SpinnerType;\r\n}\r\n\r\n/\r\n DRAFT - инлайн-лоадер\r\n /\r\n\r\n@locale('Spinner', SpinnerLocaleHelper)\r\nexport class Spinner extends React.Component<SpinnerProps> {\r\n public static __KONTUR_REACT_UI__ = 'Spinner';\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 Spinner.types - все доступные типы\r\n */\r\n type: PropTypes.oneOf(Object.keys(types)),\r\n };\r\n\r\n public static defaultProps: SpinnerProps = {\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 constructor(props: SpinnerProps) {\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, dimmed } = 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.renderSpinner(type, dimmed)}</span>\r\n {caption && this.renderCaption(type, caption)}\r\n </div>\r\n </CommonWrapper>\r\n );\r\n }\r\n\r\n private renderSpinner = (type: SpinnerType, dimmed?: boolean) => {\r\n const circleClassName = dimmed ? ~~jsStyles~~.circleDimmed(this.theme) : ~~jsStyles~~.circle(this.theme);\r\n\r\n return <SpinnerIcon size={type} className={circleClassName} dimmed={dimmed} />;\r\n };\r\n\r\n private renderCaption = (type: SpinnerType, caption: React.ReactNode) => (\r\n <span className={cn(~~jsStyles~~[type](this.theme), ~~jsStyles~~.captionColor(this.theme))}>{caption}</span>\r\n );\r\n}\r\n"]}
1	+ {"version":3,"sources":["Spinner.tsx"],"names":["types","big","mini","normal","Spinner","SpinnerLocaleHelper","props","theme","locale","renderSpinner","type","dimmed","inline","circleClassName","styles","circleDimmed","circle","renderCaption","caption","captionColor","render","renderMain","loading","spinner","inner","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","node","bool","oneOf","Object","keys","defaultProps","Types"],"mappings":"mPAAA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,kC;;AAEA,IAAMA,KAAuC,GAAG;AAC9CC,EAAAA,GAAG,EAAE,KADyC;AAE9CC,EAAAA,IAAI,EAAE,MAFwC;AAG9CC,EAAAA,MAAM,EAAE,QAHsC,EAAhD;;;;;;;;;;;;;;;;AAmBA;AACA;AACA,G;;;AAGaC,O,WADZ,wBAAO,SAAP,EAAkBC,2BAAlB,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCC,mBAAYC,KAAZ,EAAiC;AAC/B,wCAAMA,KAAN,UAD+B,MAHzBC,KAGyB,gBAFhBC,MAEgB;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BzBC,IAAAA,aA5ByB,GA4BT,UAACC,IAAD,EAAoBC,MAApB,EAAsCC,MAAtC,EAA2D;AACjF,UAAMC,eAAe,GAAGF,MAAM,GAAGG,gBAAOC,YAAP,CAAoB,MAAKR,KAAzB,CAAH,GAAqCO,gBAAOE,MAAP,CAAc,MAAKT,KAAnB,CAAnE;;AAEA,0BAAO,6BAAC,wBAAD,IAAa,IAAI,EAAEG,IAAnB,EAAyB,SAAS,EAAEG,eAApC,EAAqD,MAAM,EAAEF,MAA7D,EAAqE,MAAM,EAAEC,MAA7E,GAAP;AACD,KAhCgC;;AAkCzBK,IAAAA,aAlCyB,GAkCT,UAACP,IAAD,EAAoBQ,OAApB;AACtB,+CAAM,SAAS,EAAE,iBAAGJ,gBAAOJ,IAAP,EAAa,MAAKH,KAAlB,CAAH,EAA6BO,gBAAOK,YAAP,CAAoB,MAAKZ,KAAzB,CAA7B,CAAjB,IAAiFW,OAAjF,CADsB,GAlCS,cAEhC,C,sCAEME,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAACb,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACc,UAAL,EAAP,CACD,CAJH,CADF,CAQD,C,QAEOA,U,GAAR,sBAAqB,mBAC6C,KAAKf,KADlD,CACXI,IADW,eACXA,IADW,mCACLQ,OADK,CACLA,OADK,oCACK,KAAKV,MAAL,CAAYc,OADjB,uBAC0BX,MAD1B,eAC0BA,MAD1B,CACkCC,MADlC,eACkCA,MADlC,CAGnB,oBACE,6BAAC,4BAAD,EAAmB,KAAKN,KAAxB,eACE,sCAAK,SAAS,EAAEQ,gBAAOS,OAAP,EAAhB,iBACE,uCAAM,SAAS,EAAET,gBAAOU,KAAP,EAAjB,IAAkC,KAAKf,aAAL,CAAmBC,IAAnB,EAAyBC,MAAzB,EAAiCC,MAAjC,CAAlC,CADF,EAEGM,OAAO,IAAI,KAAKD,aAAL,CAAmBP,IAAnB,EAAyBQ,OAAzB,CAFd,CADF,CADF,CAQD,C,kBAzD0BO,eAAMC,S,WACnBC,mB,GAAsB,S,UAEtBC,S,GAAY,EACxB;AACJ;AACA;AACA;AACA,KACIV,OAAO,EAAEW,mBAAUC,IANK,EAQxBnB,MAAM,EAAEkB,mBAAUE,IARM,EAUxB;AACJ;AACA;AACA;AACA;AACA;AACA,KACIrB,IAAI,EAAEmB,mBAAUG,KAAV,CAAgBC,MAAM,CAACC,IAAP,CAAYlC,KAAZ,CAAhB,CAjBkB,E,UAoBZmC,Y,GAA6B,EACzCzB,IAAI,EAAE,QADmC,E,UAI7B0B,K,GAAsBpC,K","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { SpinnerIcon } from '../../internal/icons/SpinnerIcon';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './Spinner.styles';\nimport { SpinnerLocale, SpinnerLocaleHelper } from './locale';\n\nconst types: Record<SpinnerType, SpinnerType> = {\n big: 'big',\n mini: 'mini',\n normal: 'normal',\n};\n\nexport type SpinnerType = 'mini' \| 'normal' \| 'big';\n\nexport interface SpinnerProps extends CommonProps {\n caption?: React.ReactNode;\n dimmed?: boolean;\n /*\n Тип спиннера\n * @default normal\n /\n type: SpinnerType;\n inline?: boolean;\n}\n\n/\n DRAFT - инлайн-лоадер\n /\n\n@locale('Spinner', SpinnerLocaleHelper)\nexport class Spinner extends React.Component<SpinnerProps> {\n public static __KONTUR_REACT_UI__ = 'Spinner';\n\n public static propTypes = {\n /\n Текст рядом с мини-лоадером.\n \n 'Загрузка' - значение по-умолчанию\n /\n caption: PropTypes.node,\n\n dimmed: PropTypes.bool,\n\n /\n Тип спиннера: mini, normal, big\n \n Значение по-умолчанию - normal\n \n Spinner.types - все доступные типы\n */\n type: PropTypes.oneOf(Object.keys(types)),\n };\n\n public static defaultProps: SpinnerProps = {\n type: 'normal',\n };\n\n public static Types: typeof types = types;\n private theme!: Theme;\n private readonly locale!: SpinnerLocale;\n\n constructor(props: SpinnerProps) {\n super(props);\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const { type, caption = this.locale.loading, dimmed, inline } = this.props;\n\n return (\n <CommonWrapper {...this.props}>\n <div className={styles.spinner()}>\n <span className={styles.inner()}>{this.renderSpinner(type, dimmed, inline)}</span>\n {caption && this.renderCaption(type, caption)}\n </div>\n </CommonWrapper>\n );\n }\n\n private renderSpinner = (type: SpinnerType, dimmed?: boolean, inline?: boolean) => {\n const circleClassName = dimmed ? styles.circleDimmed(this.theme) : styles.circle(this.theme);\n\n return <SpinnerIcon size={type} className={circleClassName} dimmed={dimmed} inline={inline} />;\n };\n\n private renderCaption = (type: SpinnerType, caption: React.ReactNode) => (\n <span className={cx(styles[type](this.theme), styles.captionColor(this.theme))}>{caption}</span>\n );\n}\n"]}

package/cjs/components/Spinner/Spinner.md CHANGED Viewed

@@ -1,34 +1,34 @@
-```jsx harmony
-import { Gapped, Spinner } from '@skbkontur/react-ui';
-const reactNodeCaption = (
-  <div>
-    <Spinner type="mini" caption={null} /> <span style={{ color: 'tomato', fontSize: '1.3em' }}>З</span>
-    агрузка ...
-  </div>
-);
-<Gapped>
-  <Spinner type="big" caption="big" />
-  <Spinner type="normal" caption="normal" />
-  <Spinner type="mini" caption="mini" />
-  <Spinner type="mini" dimmed caption="mini dimmed" />
-  <Spinner type="big" caption={reactNodeCaption} />
-</Gapped>;
-```
-#### Локали по умолчанию
-```typescript static
-interface SpinnerLocale {
-  loading?: React.ReactNode;
-}
-const ru_RU = {
-  loading: 'Загрузка',
-};
-const en_GB = {
-  loading: 'Loading',
-};
-```
+```jsx harmony
+import { Gapped, Spinner } from '@skbkontur/react-ui';
+const reactNodeCaption = (
+  <div>
+    <Spinner type="mini" caption={null} /> <span style={{ color: 'tomato', fontSize: '1.3em' }}>З</span>
+    агрузка ...
+  </div>
+);
+<Gapped>
+  <Spinner type="big" caption="big" />
+  <Spinner type="normal" caption="normal" />
+  <Spinner type="mini" caption="mini" />
+  <Spinner type="mini" dimmed caption="mini dimmed" />
+  <Spinner type="big" caption={reactNodeCaption} />
+</Gapped>;
+```
+#### Локали по умолчанию
+```typescript static
+interface SpinnerLocale {
+  loading?: React.ReactNode;
+}
+const ru_RU = {
+  loading: 'Загрузка',
+};
+const en_GB = {
+  loading: 'Loading',
+};
+```

package/cjs/components/Spinner/Spinner.styles.d.ts CHANGED Viewed

@@ -1,8 +1,9 @@
 import { Theme } from '../../lib/theming/Theme';
-export declare const jsStyles: {
+export declare const styles: {
     circle(t: Theme): string;
     circleDimmed(t: Theme): string;
     captionColor(t: Theme): string;
+    inline(): string;
     mini(t: Theme): string;
     normal(t: Theme): string;
     big(t: Theme): string;

package/cjs/components/Spinner/Spinner.styles.js CHANGED Viewed

@@ -1,9 +1,9 @@
-"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");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = 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");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+var _client = require("../../lib/client");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-var styles = {
+var styles = (0, _Emotion.memoizeStyle)({
   circle: function circle(t) {
     return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      stroke: ", ";\n\n      ", "\n    "])),
     t.spinnerColor,
@@ -34,10 +34,17 @@ var styles = {
     return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.spinnerCaptionColor);
+  },
+  inline: function inline() {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: inherit;\n      line-height: inherit;\n    "])));
   },
   mini: function mini(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
     t.spinnerCaptionGapSmall,
     t.spinnerFontSizeSmall,
     t.spinnerLineHeightSmall);
@@ -45,7 +52,7 @@ var styles = {
   },
   normal: function normal(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: block;\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: block;\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    "])),
     t.spinnerFontSizeMedium,
     t.spinnerLineHeightMedium,
@@ -54,7 +61,7 @@ var styles = {
   },
   big: function big(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: block;\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: block;\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    "])),
     t.spinnerFontSizeLarge,
     t.spinnerLineHeightLarge,
@@ -63,17 +70,15 @@ var styles = {
   },
   spinner: function spinner() {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      text-align: center;\n    "])));
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      text-align: center;\n      line-height: normal;\n    "])));
   },
   inner: function inner() {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n    "])));
-  } };
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n    "])));
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

package/cjs/components/Spinner/Spinner.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Spinner.styles.ts"],"names":["styles","circle","t","css","spinnerColor","isIE11","AnimationKeyframes","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","circleDimmed","spinnerDimmedColor","captionColor","spinnerCaptionColor","mini","spinnerCaptionGapSmall","spinnerFontSizeSmall","spinnerLineHeightSmall","normal","spinnerFontSizeMedium","spinnerLineHeightMedium","spinnerCaptionGapMedium","big","spinnerFontSizeLarge","spinnerLineHeightLarge","spinnerCaptionGapLarge","spinner","inner"~~,"jsStyles"~~],"mappings":"~~8QAAA~~;;AAEA;AACA,0C;;~~AAEA~~,IAAMA,MAAM,GAAG;~~AACbC~~,EAAAA,~~MADa~~,~~kBACNC~~,~~CADM~~,~~EACI~~;AACf,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACE,YADd;;AAGI,KAACC,cAAD;;AAEeC,2CAAmBC,mBAAnB,CAAuCL,CAAvC,CAFf;AAGMI,2CAAmBE,mBAAnB,CAAuCN,CAAvC,CAHN;AAIMI,2CAAmBG,mBAAnB,CAAuCP,CAAvC,CAJN;AAKMI,2CAAmBF,YAAnB,CAAgCF,CAAhC,CALN,wCAHJ;;;AAWD,~~GAbY~~;~~AAcbQ~~,EAAAA,~~YAda~~,~~wBAcAR~~,~~CAdA~~,~~EAcU~~;AACrB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACS,kBADd;;AAGI,KAACN,cAAD;;AAEeC,2CAAmBC,mBAAnB,CAAuCL,CAAvC,CAFf;AAGII,2CAAmBE,mBAAnB,CAAuCN,CAAvC,CAHJ;AAIII,2CAAmBG,mBAAnB,CAAuCP,CAAvC,CAJJ,mCAHJ;;;AAUD,~~GAzBY~~;;~~AA2BbU~~,EAAAA,~~YA3Ba~~,~~wBA2BAV~~,~~CA3BA~~,~~EA2BU~~;AACrB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACW,mBADb;;AAGD,GA/BY;;~~AAiCbC~~,EAAAA,~~IAjCa~~,~~gBAiCRZ~~,~~CAjCQ~~,~~EAiCE~~;AACb,eAAOC,YAAP;AACiBD,IAAAA,CAAC,~~CAACa~~,sBADnB;~~AAEeb~~,IAAAA,CAAC,~~CAACc~~,oBAFjB;~~AAGiBd~~,IAAAA,CAAC,~~CAACe~~,sBAHnB;;AAKD,~~GAvCY~~;;~~AAyCbC~~,EAAAA,~~MAzCa~~,~~kBAyCNhB~~,~~CAzCM~~,~~EAyCI~~;AACf,eAAOC,YAAP;;AAEeD,IAAAA,CAAC,~~CAACiB~~,qBAFjB;~~AAGiBjB~~,IAAAA,CAAC,~~CAACkB~~,uBAHnB;~~AAIgBlB~~,IAAAA,CAAC,~~CAACmB~~,uBAJlB;;AAMD,~~GAhDY~~;;~~AAkDbC~~,EAAAA,~~GAlDa~~,~~eAkDTpB~~,~~CAlDS~~,~~EAkDC~~;AACZ,eAAOC,YAAP;;AAEeD,IAAAA,CAAC,~~CAACqB~~,oBAFjB;~~AAGiBrB~~,IAAAA,CAAC,~~CAACsB~~,sBAHnB;~~AAIgBtB~~,IAAAA,CAAC,~~CAACuB~~,sBAJlB;;AAMD,~~GAzDY~~;;~~AA2DbC~~,EAAAA,~~OA3Da~~,~~qBA2DH~~;AACR,~~eAAOvB~~,YAAP~~;;;;AAID~~,~~GAhEY~~;;~~AAkEbwB~~,EAAAA,~~KAlEa~~,~~mBAkEL~~;AACN,~~eAAOxB~~,YAAP;;;AAGD,~~GAtEY~~,~~EAAf;;;AAyEO~~,~~IAAMyB~~,~~QAAQ,GAAG,2BAAa5B,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 circle(t: Theme) {\r\n return css`\r\n stroke: ${t.spinnerColor};\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.spinnerDimmedColor};\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 captionColor(t: Theme) {\r\n return css`\r\n color: ${t.spinnerCaptionColor};\r\n `;\r\n },\r\n\r\n mini(t: Theme) {\r\n return css`\r\n margin-left: ${t.spinnerCaptionGapSmall};\r\n font-size: ${t.spinnerFontSizeSmall};\r\n line-height: ${t.spinnerLineHeightSmall};\r\n `;\r\n },\r\n\r\n normal(t: Theme) {\r\n return css`\r\n display: block;\r\n font-size: ${t.spinnerFontSizeMedium};\r\n line-height: ${t.spinnerLineHeightMedium};\r\n margin-top: ${t.spinnerCaptionGapMedium};\r\n `;\r\n },\r\n\r\n big(t: Theme) {\r\n return css`\r\n display: block;\r\n font-size: ${t.spinnerFontSizeLarge};\r\n line-height: ${t.spinnerLineHeightLarge};\r\n margin-top: ${t.spinnerCaptionGapLarge};\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\r\nexport const jsStyles = memoizeStyle(styles~~);\r\n"]}
1	+ {"version":3,"sources":["Spinner.styles.ts"],"names":["styles","circle","t","css","spinnerColor","isIE11","AnimationKeyframes","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","circleDimmed","spinnerDimmedColor","captionColor","spinnerCaptionColor","inline","mini","spinnerCaptionGapSmall","spinnerFontSizeSmall","spinnerLineHeightSmall","normal","spinnerFontSizeMedium","spinnerLineHeightMedium","spinnerCaptionGapMedium","big","spinnerFontSizeLarge","spinnerLineHeightLarge","spinnerCaptionGapLarge","spinner","inner"],"mappings":"4QAAA;;AAEA;AACA,0C;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,MADiC,kBAC1BC,CAD0B,EAChB;AACf,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACE,YADd;;AAGI,KAACC,cAAD;;AAEeC,2CAAmBC,mBAAnB,CAAuCL,CAAvC,CAFf;AAGMI,2CAAmBE,mBAAnB,CAAuCN,CAAvC,CAHN;AAIMI,2CAAmBG,mBAAnB,CAAuCP,CAAvC,CAJN;AAKMI,2CAAmBF,YAAnB,CAAgCF,CAAhC,CALN,wCAHJ;;;AAWD,GAbgC;AAcjCQ,EAAAA,YAdiC,wBAcpBR,CAdoB,EAcV;AACrB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACS,kBADd;;AAGI,KAACN,cAAD;;AAEeC,2CAAmBC,mBAAnB,CAAuCL,CAAvC,CAFf;AAGII,2CAAmBE,mBAAnB,CAAuCN,CAAvC,CAHJ;AAIII,2CAAmBG,mBAAnB,CAAuCP,CAAvC,CAJJ,mCAHJ;;;AAUD,GAzBgC;;AA2BjCU,EAAAA,YA3BiC,wBA2BpBV,CA3BoB,EA2BV;AACrB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACW,mBADb;;AAGD,GA/BgC;;AAiCjCC,EAAAA,MAjCiC,oBAiCxB;AACP,eAAOX,YAAP;;;;AAID,GAtCgC;;AAwCjCY,EAAAA,IAxCiC,gBAwC5Bb,CAxC4B,EAwClB;AACb,eAAOC,YAAP;AACiBD,IAAAA,CAAC,CAACc,sBADnB;AAEed,IAAAA,CAAC,CAACe,oBAFjB;AAGiBf,IAAAA,CAAC,CAACgB,sBAHnB;;AAKD,GA9CgC;;AAgDjCC,EAAAA,MAhDiC,kBAgD1BjB,CAhD0B,EAgDhB;AACf,eAAOC,YAAP;;AAEeD,IAAAA,CAAC,CAACkB,qBAFjB;AAGiBlB,IAAAA,CAAC,CAACmB,uBAHnB;AAIgBnB,IAAAA,CAAC,CAACoB,uBAJlB;;AAMD,GAvDgC;;AAyDjCC,EAAAA,GAzDiC,eAyD7BrB,CAzD6B,EAyDnB;AACZ,eAAOC,YAAP;;AAEeD,IAAAA,CAAC,CAACsB,oBAFjB;AAGiBtB,IAAAA,CAAC,CAACuB,sBAHnB;AAIgBvB,IAAAA,CAAC,CAACwB,sBAJlB;;AAMD,GAhEgC;;AAkEjCC,EAAAA,OAlEiC,qBAkEvB;AACR,eAAOxB,YAAP;;;;;AAKD,GAxEgC;;AA0EjCyB,EAAAA,KA1EiC,mBA0EzB;AACN,eAAOzB,YAAP;;;AAGD,GA9EgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { AnimationKeyframes } from '../../lib/theming/AnimationKeyframes';\nimport { isIE11 } from '../../lib/client';\n\nexport const styles = memoizeStyle({\n circle(t: Theme) {\n return css`\n stroke: ${t.spinnerColor};\n\n ${!isIE11 &&\n `\n animation: ${AnimationKeyframes.spinnerCircleOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n ${AnimationKeyframes.spinnerCircleLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n ${AnimationKeyframes.spinnerCircleRotate(t)} 2s linear infinite,\n ${AnimationKeyframes.spinnerColor(t)} 6s ease-in-out infinite;\n `}\n `;\n },\n circleDimmed(t: Theme) {\n return css`\n stroke: ${t.spinnerDimmedColor};\n\n ${!isIE11 &&\n `\n animation: ${AnimationKeyframes.spinnerCircleOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n ${AnimationKeyframes.spinnerCircleLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n ${AnimationKeyframes.spinnerCircleRotate(t)} 2s linear infinite;\n `}\n `;\n },\n\n captionColor(t: Theme) {\n return css`\n color: ${t.spinnerCaptionColor};\n `;\n },\n\n inline() {\n return css`\n font-size: inherit;\n line-height: inherit;\n `;\n },\n\n mini(t: Theme) {\n return css`\n margin-left: ${t.spinnerCaptionGapSmall};\n font-size: ${t.spinnerFontSizeSmall};\n line-height: ${t.spinnerLineHeightSmall};\n `;\n },\n\n normal(t: Theme) {\n return css`\n display: block;\n font-size: ${t.spinnerFontSizeMedium};\n line-height: ${t.spinnerLineHeightMedium};\n margin-top: ${t.spinnerCaptionGapMedium};\n `;\n },\n\n big(t: Theme) {\n return css`\n display: block;\n font-size: ${t.spinnerFontSizeLarge};\n line-height: ${t.spinnerLineHeightLarge};\n margin-top: ${t.spinnerCaptionGapLarge};\n `;\n },\n\n spinner() {\n return css`\n display: inline-block;\n text-align: center;\n line-height: normal;\n `;\n },\n\n inner() {\n return css`\n display: inline-block;\n `;\n },\n});\n"]}

package/cjs/components/Spinner/SpinnerFallbackAnimation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["SpinnerFallbackAnimation.ts"],"names":["SpinnerFallbackAnimationRunner","animations","FPS","interval","start","forEach","animation","rafInterval","step","stop","clear","finish","fn","delay","lastcall","cleared","rafId","timestamp","Date","getTime","requestAnimationFrame","cancelAnimationFrame","Animation","duration","onProgress","onFinish","startTime","isFinished","progress","reset","createOffsetAnimation","from","to","setStyleProperty","units","current","createLengthAnimation","reverse","p","createColorAnimation","colors","rgbColors","map","color","ColorFactory","create","rgb","currentIndex","nextIndex","Math","round","length","createRotationAnimation"],"mappings":"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","sourcesContent":["import { ColorFactory } from '../../lib/styles/ColorFactory';\r\n\r\nexport class SpinnerFallbackAnimationRunner {\r\n private interval: ReturnType<typeof rafInterval> \| null = null;\r\n\r\n constructor(private animations: Animation[], private FPS: number) {\r\n this.start();\r\n }\r\n\r\n public start = () => {\r\n this.animations.forEach(animation => animation.start());\r\n this.interval = rafInterval(() => {\r\n this.animations.forEach(animation => animation.step());\r\n }, this.FPS);\r\n };\r\n\r\n public stop = () => {\r\n if (this.interval) {\r\n this.interval.clear();\r\n this.animations.forEach(animation => animation.finish());\r\n }\r\n };\r\n}\r\n\r\nconst rafInterval = (fn: () => void, delay: number) => {\r\n let lastcall = 0;\r\n let cleared = false;\r\n let rafId = 0;\r\n\r\n const interval = () => {\r\n if (cleared) return;\r\n const timestamp = new Date().getTime();\r\n if (!lastcall) lastcall = timestamp;\r\n if (timestamp - lastcall > delay) {\r\n fn();\r\n lastcall = timestamp;\r\n }\r\n rafId = requestAnimationFrame(interval);\r\n };\r\n interval();\r\n\r\n return {\r\n clear: () => {\r\n cleared = true;\r\n cancelAnimationFrame(rafId);\r\n },\r\n };\r\n};\r\n\r\nclass Animation {\r\n private startTime = 0;\r\n private isFinished = false;\r\n\r\n constructor(\r\n private duration: number,\r\n private onProgress: (progress: number) => void,\r\n private onFinish?: (animation: Animation) => void,\r\n ) {}\r\n\r\n public step = () => {\r\n if (this.isFinished) return;\r\n const timestamp = new Date().getTime();\r\n if (!this.startTime) this.startTime = timestamp;\r\n const progress = (timestamp - this.startTime) / this.duration;\r\n\r\n this.onProgress(progress);\r\n\r\n if (progress >= 1) {\r\n this.finish();\r\n }\r\n };\r\n\r\n public reset = () => {\r\n this.startTime = 0;\r\n this.isFinished = false;\r\n };\r\n\r\n public finish = () => {\r\n this.isFinished = true;\r\n this.onFinish && this.onFinish(this);\r\n };\r\n\r\n public start = () => {\r\n if (!this.isFinished) {\r\n this.step();\r\n }\r\n };\r\n}\r\n\r\nexport const createOffsetAnimation = (\r\n from: number,\r\n to: number,\r\n duration: number,\r\n setStyleProperty: CSSStyleDeclaration['setProperty'],\r\n units = '',\r\n) => {\r\n return new Animation(\r\n duration,\r\n progress => {\r\n const current = from + (to - from) * progress;\r\n setStyleProperty('stroke-dashoffset', `${current}${units}`);\r\n },\r\n animation => {\r\n animation.reset();\r\n },\r\n );\r\n};\r\n\r\nexport const createLengthAnimation = (\r\n from: number[],\r\n to: number[],\r\n duration: number,\r\n setStyleProperty: CSSStyleDeclaration['setProperty'],\r\n units = '',\r\n) => {\r\n let reverse = false;\r\n return new Animation(\r\n duration,\r\n progress => {\r\n const p = reverse ? 1 - progress : progress;\r\n const current = [from[0] + (to[0] - from[0]) * p, from[1] + (to[1] - from[1]) * p];\r\n setStyleProperty('stroke-dasharray', `${current[0]}${units} ${current[1]}${units}`);\r\n },\r\n animation => {\r\n reverse = !reverse;\r\n animation.reset();\r\n },\r\n );\r\n};\r\n\r\nexport const createColorAnimation = (\r\n colors: string[],\r\n duration: number,\r\n setStyleProperty: CSSStyleDeclaration['setProperty'],\r\n) => {\r\n const rgbColors = colors.map(color => ColorFactory.create(color).rgb);\r\n let currentIndex = 0;\r\n let nextIndex = 1;\r\n\r\n return new Animation(\r\n duration,\r\n progress => {\r\n const from = rgbColors[currentIndex];\r\n const to = rgbColors[nextIndex];\r\n if (from && to) {\r\n const current = [\r\n Math.round(from[0] + (to[0] - from[0]) * progress),\r\n Math.round(from[1] + (to[1] - from[1]) * progress),\r\n Math.round(from[2] + (to[2] - from[2]) * progress),\r\n ];\r\n setStyleProperty('stroke', `rgb(${current})`);\r\n }\r\n },\r\n animation => {\r\n animation.reset();\r\n currentIndex = nextIndex;\r\n nextIndex = (nextIndex + 1) % colors.length;\r\n },\r\n );\r\n};\r\n\r\nexport const createRotationAnimation = (\r\n from: number,\r\n to: number,\r\n duration: number,\r\n setStyleProperty: CSSStyleDeclaration['setProperty'],\r\n units = 'deg',\r\n) => {\r\n return new Animation(\r\n duration,\r\n progress => {\r\n const current = Math.round(from + (to - from) * progress);\r\n setStyleProperty('transform', `rotate(${current}${units})`);\r\n },\r\n animation => {\r\n animation.reset();\r\n },\r\n );\r\n};\r\n"]}
1	+ {"version":3,"sources":["SpinnerFallbackAnimation.ts"],"names":["SpinnerFallbackAnimationRunner","animations","FPS","interval","start","forEach","animation","rafInterval","step","stop","clear","finish","fn","delay","lastcall","cleared","rafId","timestamp","Date","getTime","requestAnimationFrame","cancelAnimationFrame","Animation","duration","onProgress","onFinish","startTime","isFinished","progress","reset","createOffsetAnimation","from","to","setStyleProperty","units","current","createLengthAnimation","reverse","p","createColorAnimation","colors","rgbColors","map","color","ColorFactory","create","rgb","currentIndex","nextIndex","Math","round","length","createRotationAnimation"],"mappings":"wNAAA,6D;;AAEaA,8B;;;AAGX,wCAAoBC,UAApB,EAAqDC,GAArD,EAAkE,uBAA9CD,UAA8C,GAA9CA,UAA8C,MAAbC,GAAa,GAAbA,GAAa,MAF1DC,QAE0D,GAFR,IAEQ;;;;AAI3DC,EAAAA,KAJ2D,GAInD,YAAM;AACnB,IAAA,KAAI,CAACH,UAAL,CAAgBI,OAAhB,CAAwB,UAACC,SAAD,UAAeA,SAAS,CAACF,KAAV,EAAf,EAAxB;AACA,IAAA,KAAI,CAACD,QAAL,GAAgBI,WAAW,CAAC,YAAM;AAChC,MAAA,KAAI,CAACN,UAAL,CAAgBI,OAAhB,CAAwB,UAACC,SAAD,UAAeA,SAAS,CAACE,IAAV,EAAf,EAAxB;AACD,KAF0B,EAExB,KAAI,CAACN,GAFmB,CAA3B;AAGD,GATiE;;AAW3DO,EAAAA,IAX2D,GAWpD,YAAM;AAClB,QAAI,KAAI,CAACN,QAAT,EAAmB;AACjB,MAAA,KAAI,CAACA,QAAL,CAAcO,KAAd;AACA,MAAA,KAAI,CAACT,UAAL,CAAgBI,OAAhB,CAAwB,UAACC,SAAD,UAAeA,SAAS,CAACK,MAAV,EAAf,EAAxB;AACD;AACF,GAhBiE,CAChE,KAAKP,KAAL,GACD,C;;;AAiBH,IAAMG,WAAW,GAAG,SAAdA,WAAc,CAACK,EAAD,EAAiBC,KAAjB,EAAmC;AACrD,MAAIC,QAAQ,GAAG,CAAf;AACA,MAAIC,OAAO,GAAG,KAAd;AACA,MAAIC,KAAK,GAAG,CAAZ;;AAEA,MAAMb,QAAQ,GAAG,SAAXA,QAAW,GAAM;AACrB,QAAIY,OAAJ,EAAa;AACb,QAAME,SAAS,GAAG,IAAIC,IAAJ,GAAWC,OAAX,EAAlB;AACA,QAAI,CAACL,QAAL,EAAeA,QAAQ,GAAGG,SAAX;AACf,QAAIA,SAAS,GAAGH,QAAZ,GAAuBD,KAA3B,EAAkC;AAChCD,MAAAA,EAAE;AACFE,MAAAA,QAAQ,GAAGG,SAAX;AACD;AACDD,IAAAA,KAAK,GAAGI,qBAAqB,CAACjB,QAAD,CAA7B;AACD,GATD;AAUAA,EAAAA,QAAQ;;AAER,SAAO;AACLO,IAAAA,KAAK,EAAE,iBAAM;AACXK,MAAAA,OAAO,GAAG,IAAV;AACAM,MAAAA,oBAAoB,CAACL,KAAD,CAApB;AACD,KAJI,EAAP;;AAMD,CAvBD,C;;AAyBMM,S;;;;AAIJ;AACUC,QADV;AAEUC,UAFV;AAGUC,QAHV;AAIE,wBAHQF,QAGR,GAHQA,QAGR,MAFQC,UAER,GAFQA,UAER,MADQC,QACR,GADQA,QACR,MAPMC,SAON,GAPkB,CAOlB,MANMC,UAMN,GANmB,KAMnB;;AAEKnB,EAAAA,IAFL,GAEY,YAAM;AAClB,QAAI,MAAI,CAACmB,UAAT,EAAqB;AACrB,QAAMV,SAAS,GAAG,IAAIC,IAAJ,GAAWC,OAAX,EAAlB;AACA,QAAI,CAAC,MAAI,CAACO,SAAV,EAAqB,MAAI,CAACA,SAAL,GAAiBT,SAAjB;AACrB,QAAMW,QAAQ,GAAG,CAACX,SAAS,GAAG,MAAI,CAACS,SAAlB,IAA+B,MAAI,CAACH,QAArD;;AAEA,IAAA,MAAI,CAACC,UAAL,CAAgBI,QAAhB;;AAEA,QAAIA,QAAQ,IAAI,CAAhB,EAAmB;AACjB,MAAA,MAAI,CAACjB,MAAL;AACD;AACF,GAbC;;AAeKkB,EAAAA,KAfL,GAea,YAAM;AACnB,IAAA,MAAI,CAACH,SAAL,GAAiB,CAAjB;AACA,IAAA,MAAI,CAACC,UAAL,GAAkB,KAAlB;AACD,GAlBC;;AAoBKhB,EAAAA,MApBL,GAoBc,YAAM;AACpB,IAAA,MAAI,CAACgB,UAAL,GAAkB,IAAlB;AACA,IAAA,MAAI,CAACF,QAAL,IAAiB,MAAI,CAACA,QAAL,CAAc,MAAd,CAAjB;AACD,GAvBC;;AAyBKrB,EAAAA,KAzBL,GAyBa,YAAM;AACnB,QAAI,CAAC,MAAI,CAACuB,UAAV,EAAsB;AACpB,MAAA,MAAI,CAACnB,IAAL;AACD;AACF,GA7BC,CAAE,C;;;AAgCC,IAAMsB,qBAAqB,GAAG,SAAxBA,qBAAwB;AACnCC,IADmC;AAEnCC,EAFmC;AAGnCT,QAHmC;AAInCU,gBAJmC;AAKnCC,KALmC;AAMhC,KADHA,KACG,cADHA,KACG,GADK,EACL;AACH,SAAO,IAAIZ,SAAJ;AACLC,EAAAA,QADK;AAEL,YAACK,QAAD,EAAc;AACZ,QAAMO,OAAO,GAAGJ,IAAI,GAAG,CAACC,EAAE,GAAGD,IAAN,IAAcH,QAArC;AACAK,IAAAA,gBAAgB,CAAC,mBAAD,OAAyBE,OAAzB,GAAmCD,KAAnC,CAAhB;AACD,GALI;AAML,YAAC5B,SAAD,EAAe;AACbA,IAAAA,SAAS,CAACuB,KAAV;AACD,GARI,CAAP;;AAUD,CAjBM,C;;AAmBA,IAAMO,qBAAqB,GAAG,SAAxBA,qBAAwB;AACnCL,IADmC;AAEnCC,EAFmC;AAGnCT,QAHmC;AAInCU,gBAJmC;AAKnCC,KALmC;AAMhC,KADHA,KACG,cADHA,KACG,GADK,EACL;AACH,MAAIG,OAAO,GAAG,KAAd;AACA,SAAO,IAAIf,SAAJ;AACLC,EAAAA,QADK;AAEL,YAACK,QAAD,EAAc;AACZ,QAAMU,CAAC,GAAGD,OAAO,GAAG,IAAIT,QAAP,GAAkBA,QAAnC;AACA,QAAMO,OAAO,GAAG,CAACJ,IAAI,CAAC,CAAD,CAAJ,GAAU,CAACC,EAAE,CAAC,CAAD,CAAF,GAAQD,IAAI,CAAC,CAAD,CAAb,IAAoBO,CAA/B,EAAkCP,IAAI,CAAC,CAAD,CAAJ,GAAU,CAACC,EAAE,CAAC,CAAD,CAAF,GAAQD,IAAI,CAAC,CAAD,CAAb,IAAoBO,CAAhE,CAAhB;AACAL,IAAAA,gBAAgB,CAAC,kBAAD,OAAwBE,OAAO,CAAC,CAAD,CAA/B,GAAqCD,KAArC,SAA8CC,OAAO,CAAC,CAAD,CAArD,GAA2DD,KAA3D,CAAhB;AACD,GANI;AAOL,YAAC5B,SAAD,EAAe;AACb+B,IAAAA,OAAO,GAAG,CAACA,OAAX;AACA/B,IAAAA,SAAS,CAACuB,KAAV;AACD,GAVI,CAAP;;AAYD,CApBM,C;;AAsBA,IAAMU,oBAAoB,GAAG,SAAvBA,oBAAuB;AAClCC,MADkC;AAElCjB,QAFkC;AAGlCU,gBAHkC;AAI/B;AACH,MAAMQ,SAAS,GAAGD,MAAM,CAACE,GAAP,CAAW,UAACC,KAAD,UAAWC,2BAAaC,MAAb,CAAoBF,KAApB,EAA2BG,GAAtC,EAAX,CAAlB;AACA,MAAIC,YAAY,GAAG,CAAnB;AACA,MAAIC,SAAS,GAAG,CAAhB;;AAEA,SAAO,IAAI1B,SAAJ;AACLC,EAAAA,QADK;AAEL,YAACK,QAAD,EAAc;AACZ,QAAMG,IAAI,GAAGU,SAAS,CAACM,YAAD,CAAtB;AACA,QAAMf,EAAE,GAAGS,SAAS,CAACO,SAAD,CAApB;AACA,QAAIjB,IAAI,IAAIC,EAAZ,EAAgB;AACd,UAAMG,OAAO,GAAG;AACdc,MAAAA,IAAI,CAACC,KAAL,CAAWnB,IAAI,CAAC,CAAD,CAAJ,GAAU,CAACC,EAAE,CAAC,CAAD,CAAF,GAAQD,IAAI,CAAC,CAAD,CAAb,IAAoBH,QAAzC,CADc;AAEdqB,MAAAA,IAAI,CAACC,KAAL,CAAWnB,IAAI,CAAC,CAAD,CAAJ,GAAU,CAACC,EAAE,CAAC,CAAD,CAAF,GAAQD,IAAI,CAAC,CAAD,CAAb,IAAoBH,QAAzC,CAFc;AAGdqB,MAAAA,IAAI,CAACC,KAAL,CAAWnB,IAAI,CAAC,CAAD,CAAJ,GAAU,CAACC,EAAE,CAAC,CAAD,CAAF,GAAQD,IAAI,CAAC,CAAD,CAAb,IAAoBH,QAAzC,CAHc,CAAhB;;AAKAK,MAAAA,gBAAgB,CAAC,QAAD,WAAkBE,OAAlB,OAAhB;AACD;AACF,GAbI;AAcL,YAAC7B,SAAD,EAAe;AACbA,IAAAA,SAAS,CAACuB,KAAV;AACAkB,IAAAA,YAAY,GAAGC,SAAf;AACAA,IAAAA,SAAS,GAAG,CAACA,SAAS,GAAG,CAAb,IAAkBR,MAAM,CAACW,MAArC;AACD,GAlBI,CAAP;;AAoBD,CA7BM,C;;AA+BA,IAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B;AACrCrB,IADqC;AAErCC,EAFqC;AAGrCT,QAHqC;AAIrCU,gBAJqC;AAKrCC,KALqC;AAMlC,KADHA,KACG,cADHA,KACG,GADK,KACL;AACH,SAAO,IAAIZ,SAAJ;AACLC,EAAAA,QADK;AAEL,YAACK,QAAD,EAAc;AACZ,QAAMO,OAAO,GAAGc,IAAI,CAACC,KAAL,CAAWnB,IAAI,GAAG,CAACC,EAAE,GAAGD,IAAN,IAAcH,QAAhC,CAAhB;AACAK,IAAAA,gBAAgB,CAAC,WAAD,cAAwBE,OAAxB,GAAkCD,KAAlC,OAAhB;AACD,GALI;AAML,YAAC5B,SAAD,EAAe;AACbA,IAAAA,SAAS,CAACuB,KAAV;AACD,GARI,CAAP;;AAUD,CAjBM,C","sourcesContent":["import { ColorFactory } from '../../lib/styles/ColorFactory';\n\nexport class SpinnerFallbackAnimationRunner {\n private interval: ReturnType<typeof rafInterval> \| null = null;\n\n constructor(private animations: Animation[], private FPS: number) {\n this.start();\n }\n\n public start = () => {\n this.animations.forEach((animation) => animation.start());\n this.interval = rafInterval(() => {\n this.animations.forEach((animation) => animation.step());\n }, this.FPS);\n };\n\n public stop = () => {\n if (this.interval) {\n this.interval.clear();\n this.animations.forEach((animation) => animation.finish());\n }\n };\n}\n\nconst rafInterval = (fn: () => void, delay: number) => {\n let lastcall = 0;\n let cleared = false;\n let rafId = 0;\n\n const interval = () => {\n if (cleared) return;\n const timestamp = new Date().getTime();\n if (!lastcall) lastcall = timestamp;\n if (timestamp - lastcall > delay) {\n fn();\n lastcall = timestamp;\n }\n rafId = requestAnimationFrame(interval);\n };\n interval();\n\n return {\n clear: () => {\n cleared = true;\n cancelAnimationFrame(rafId);\n },\n };\n};\n\nclass Animation {\n private startTime = 0;\n private isFinished = false;\n\n constructor(\n private duration: number,\n private onProgress: (progress: number) => void,\n private onFinish?: (animation: Animation) => void,\n ) {}\n\n public step = () => {\n if (this.isFinished) return;\n const timestamp = new Date().getTime();\n if (!this.startTime) this.startTime = timestamp;\n const progress = (timestamp - this.startTime) / this.duration;\n\n this.onProgress(progress);\n\n if (progress >= 1) {\n this.finish();\n }\n };\n\n public reset = () => {\n this.startTime = 0;\n this.isFinished = false;\n };\n\n public finish = () => {\n this.isFinished = true;\n this.onFinish && this.onFinish(this);\n };\n\n public start = () => {\n if (!this.isFinished) {\n this.step();\n }\n };\n}\n\nexport const createOffsetAnimation = (\n from: number,\n to: number,\n duration: number,\n setStyleProperty: CSSStyleDeclaration['setProperty'],\n units = '',\n) => {\n return new Animation(\n duration,\n (progress) => {\n const current = from + (to - from) * progress;\n setStyleProperty('stroke-dashoffset', `${current}${units}`);\n },\n (animation) => {\n animation.reset();\n },\n );\n};\n\nexport const createLengthAnimation = (\n from: number[],\n to: number[],\n duration: number,\n setStyleProperty: CSSStyleDeclaration['setProperty'],\n units = '',\n) => {\n let reverse = false;\n return new Animation(\n duration,\n (progress) => {\n const p = reverse ? 1 - progress : progress;\n const current = [from[0] + (to[0] - from[0]) * p, from[1] + (to[1] - from[1]) * p];\n setStyleProperty('stroke-dasharray', `${current[0]}${units} ${current[1]}${units}`);\n },\n (animation) => {\n reverse = !reverse;\n animation.reset();\n },\n );\n};\n\nexport const createColorAnimation = (\n colors: string[],\n duration: number,\n setStyleProperty: CSSStyleDeclaration['setProperty'],\n) => {\n const rgbColors = colors.map((color) => ColorFactory.create(color).rgb);\n let currentIndex = 0;\n let nextIndex = 1;\n\n return new Animation(\n duration,\n (progress) => {\n const from = rgbColors[currentIndex];\n const to = rgbColors[nextIndex];\n if (from && to) {\n const current = [\n Math.round(from[0] + (to[0] - from[0]) * progress),\n Math.round(from[1] + (to[1] - from[1]) * progress),\n Math.round(from[2] + (to[2] - from[2]) * progress),\n ];\n setStyleProperty('stroke', `rgb(${current})`);\n }\n },\n (animation) => {\n animation.reset();\n currentIndex = nextIndex;\n nextIndex = (nextIndex + 1) % colors.length;\n },\n );\n};\n\nexport const createRotationAnimation = (\n from: number,\n to: number,\n duration: number,\n setStyleProperty: CSSStyleDeclaration['setProperty'],\n units = 'deg',\n) => {\n return new Animation(\n duration,\n (progress) => {\n const current = Math.round(from + (to - from) * progress);\n setStyleProperty('transform', `rotate(${current}${units})`);\n },\n (animation) => {\n animation.reset();\n },\n );\n};\n"]}

package/cjs/components/Spinner/index.js.map CHANGED Viewed

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

package/cjs/components/Spinner/locale/index.js.map CHANGED Viewed

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

package/cjs/components/Spinner/locale/locales/en.js.map CHANGED Viewed

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

package/cjs/components/Spinner/locale/locales/ru.js.map CHANGED Viewed

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

package/cjs/components/Sticky/Sticky.js CHANGED Viewed

@@ -1,13 +1,13 @@
 "use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Sticky = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _shallowequal = _interopRequireDefault(require("shallowequal"));
-var _classnames = _interopRequireDefault(require("classnames"));
 var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
 var _utils = require("../../lib/utils");
 var _ZIndex = require("../../internal/ZIndex");
 var _CommonWrapper = require("../../internal/CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
 var _Sticky = require("./Sticky.styles");
@@ -151,7 +151,7 @@ Sticky = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
       _this.inner.getBoundingClientRect(),width = _this$inner$getBoundi.width,height = _this$inner$getBoundi.height;var _this$props =
       _this.props,offset = _this$props.offset,getStop = _this$props.getStop,side = _this$props.side;var _this$state =
       _this.state,prevFixed = _this$state.fixed,_this$state$height = _this$state.height,prevHeight = _this$state$height === void 0 ? height : _this$state$height;
-      var fixed = side === 'top' ? top < offset : bottom > windowHeight - offset;
+      var fixed = side === 'top' ? top < offset : Math.floor(bottom) > windowHeight - offset;
       _this.setState({ fixed: fixed, left: left });
@@ -179,8 +179,8 @@ Sticky = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
           _this.setState({ relativeTop: relativeTop, deltaHeight: deltaHeight, stopped: stopped });
         }
       }
-    };return _this;}var _proto = Sticky.prototype;_proto.componentDidMount = function componentDidMount() {this.reflow();this.layoutSubscription = LayoutEvents.addListener(this.reflow);};_proto.componentWillUnmount = function componentWillUnmount() {if (this.layoutSubscription.remove) {this.layoutSubscription.remove();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {if (!(0, _shallowequal.default)(prevProps, this.props) || !(0, _shallowequal.default)(prevState, this.state)) {if (this.reflowCounter < MAX_REFLOW_RETRIES) {LayoutEvents.emit();this.reflowCounter += 1;return;}}this.reflowCounter = 0;};_proto.render = function render() {var _cn;var children = this.props.children;var _this$props2 = this.props,side = _this$props2.side,offset = _this$props2.offset;var _this$state2 = this.state,fixed = _this$state2.fixed,stopped = _this$state2.stopped,relativeTop = _this$state2.relativeTop,deltaHeight = _this$state2.deltaHeight,width = _this$state2.width,height = _this$state2.height,left = _this$state2.left;var innerStyle = {};if (fixed) {if (stopped) {innerStyle.top = relativeTop;innerStyle[side === 'top' ? 'marginTop' : 'marginBottom'] = deltaHeight;} else {innerStyle.width = width;innerStyle[side] = offset;innerStyle.left = left;}}if ((0, _utils.isFunction)(children)) {children = children(fixed);}return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement("div", { ref: this.refWrapper, className: _Sticky.jsStyles.wrapper() }, /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: "Sticky", applyZIndex: fixed, className: (0, _classnames.default)(_Sticky.jsStyles.inner(), (_cn = {}, _cn[_Sticky.jsStyles.fixed()] = fixed && !stopped, _cn[_Sticky.jsStyles.stopped()] = stopped, _cn)), style: innerStyle, wrapperRef: this.refInner }, /*#__PURE__*/_react.default.createElement("div", { className: _Sticky.jsStyles.container() }, children)), fixed && !stopped ? /*#__PURE__*/_react.default.createElement("div", { style: { width: width, height: height } }) : null));};return Sticky;}(_react.default.Component);exports.Sticky = Sticky;Sticky.__KONTUR_REACT_UI__ = 'Sticky';Sticky.propTypes = { children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]), /**
-   * Функция, которая возвращает DOM-элемент, который нельзя пересекать.
-   */getStop: _propTypes.default.func, /**
-   * Отступ от границы в пикселях
+    };return _this;}var _proto = Sticky.prototype;_proto.componentDidMount = function componentDidMount() {this.reflow();this.layoutSubscription = LayoutEvents.addListener(this.reflow);};_proto.componentWillUnmount = function componentWillUnmount() {if (this.layoutSubscription.remove) {this.layoutSubscription.remove();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {if (!(0, _shallowequal.default)(prevProps, this.props) || !(0, _shallowequal.default)(prevState, this.state)) {if (this.reflowCounter < MAX_REFLOW_RETRIES) {LayoutEvents.emit();this.reflowCounter += 1;return;}}this.reflowCounter = 0;};_proto.render = function render() {var _cx;var children = this.props.children;var _this$props2 = this.props,side = _this$props2.side,offset = _this$props2.offset;var _this$state2 = this.state,fixed = _this$state2.fixed,stopped = _this$state2.stopped,relativeTop = _this$state2.relativeTop,deltaHeight = _this$state2.deltaHeight,width = _this$state2.width,height = _this$state2.height,left = _this$state2.left;var innerStyle = {};if (fixed) {if (stopped) {innerStyle.top = relativeTop;innerStyle[side === 'top' ? 'marginTop' : 'marginBottom'] = deltaHeight;} else {innerStyle.width = width;innerStyle[side] = offset;innerStyle.left = left;}}if ((0, _utils.isFunction)(children)) {children = children(fixed);}return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement("div", { ref: this.refWrapper, className: _Sticky.styles.wrapper() }, /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: "Sticky", applyZIndex: fixed, className: (0, _Emotion.cx)(_Sticky.styles.inner(), (_cx = {}, _cx[_Sticky.styles.fixed()] = fixed && !stopped, _cx[_Sticky.styles.stopped()] = stopped, _cx)), style: innerStyle, wrapperRef: this.refInner }, /*#__PURE__*/_react.default.createElement("div", { className: _Sticky.styles.container() }, children)), fixed && !stopped ? /*#__PURE__*/_react.default.createElement("div", { style: { width: width, height: height } }) : null));};return Sticky;}(_react.default.Component);exports.Sticky = Sticky;Sticky.__KONTUR_REACT_UI__ = 'Sticky';Sticky.propTypes = { children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]), /**
+   * Функция, которая возвращает DOM-элемент, который нельзя пересекать.
+   */getStop: _propTypes.default.func, /**
+   * Отступ от границы в пикселях
    */offset: _propTypes.default.number, side: _propTypes.default.oneOf(['top', 'bottom']).isRequired };Sticky.defaultProps = { offset: 0 };

package/cjs/components/Sticky/Sticky.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Sticky.tsx"],"names":["MAX_REFLOW_RETRIES","Sticky","state","fixed","deltaHeight","stopped","relativeTop","wrapper","inner","layoutSubscription","remove","reflowCounter","refWrapper","ref","refInner","reflow","document","documentElement","Error","windowHeight","window","innerHeight","clientHeight","getBoundingClientRect","top","bottom","left","width","height","props","offset","getStop","side","prevFixed","prevHeight","setState","stop","stopRect","outerHeight","componentDidMount","LayoutEvents","addListener","componentWillUnmount","componentDidUpdate","prevProps","prevState","emit","render","children","innerStyle","jsStyles","container","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","oneOfType","node","func","number","oneOf","isRequired","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport shallowEqual from 'shallowequal';\r\nimport cn from 'classnames';\r\n\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { isFunction } from '../../lib/utils';\r\nimport { ZIndex } from '../../internal/ZIndex';\r\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './Sticky.styles';\r\n\r\nconst MAX_REFLOW_RETRIES = 5;\r\n\r\nexport interface StickyProps extends CommonProps {\r\n side: 'top' \| 'bottom';\r\n /*\r\n Отступ в пикселях от края экрана, на сколько сдвигается элемент в залипшем состоянии\r\n * @default 0\r\n /\r\n offset: number;\r\n getStop?: () => Nullable<HTMLElement>;\r\n children?: React.ReactNode \| ((fixed: boolean) => React.ReactNode);\r\n}\r\n\r\nexport interface StickyState {\r\n fixed: boolean;\r\n deltaHeight: number;\r\n height?: number;\r\n width?: number;\r\n left?: number;\r\n stopped: boolean;\r\n relativeTop: number;\r\n}\r\n\r\nexport class Sticky extends React.Component<StickyProps, StickyState> {\r\n public static __KONTUR_REACT_UI__ = 'Sticky';\r\n\r\n public static propTypes = {\r\n children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\r\n\r\n /\r\n Функция, которая возвращает DOM-элемент, который нельзя пересекать.\r\n /\r\n getStop: PropTypes.func,\r\n\r\n /\r\n Отступ от границы в пикселях\r\n */\r\n offset: PropTypes.number,\r\n\r\n side: PropTypes.oneOf(['top', 'bottom']).isRequired,\r\n };\r\n\r\n public static defaultProps = { offset: 0 };\r\n\r\n public state: StickyState = {\r\n fixed: false,\r\n deltaHeight: 0,\r\n stopped: false,\r\n relativeTop: 0,\r\n };\r\n\r\n private wrapper: Nullable<HTMLElement>;\r\n private inner: Nullable<HTMLElement>;\r\n private layoutSubscription: { remove: Nullable<() => void> } = { remove: null };\r\n private reflowCounter = 0;\r\n\r\n public componentDidMount() {\r\n this.reflow();\r\n\r\n this.layoutSubscription = LayoutEvents.addListener(this.reflow);\r\n }\r\n\r\n public componentWillUnmount() {\r\n if (this.layoutSubscription.remove) {\r\n this.layoutSubscription.remove();\r\n }\r\n }\r\n\r\n public componentDidUpdate(prevProps: StickyProps, prevState: StickyState) {\r\n if (!shallowEqual(prevProps, this.props) \|\| !shallowEqual(prevState, this.state)) {\r\n if (this.reflowCounter < MAX_REFLOW_RETRIES) {\r\n LayoutEvents.emit();\r\n this.reflowCounter += 1;\r\n return;\r\n }\r\n }\r\n this.reflowCounter = 0;\r\n }\r\n\r\n public render() {\r\n let { children } = this.props;\r\n const { side, offset } = this.props;\r\n const { fixed, stopped, relativeTop, deltaHeight, width, height, left } = this.state;\r\n const innerStyle: React.CSSProperties = {};\r\n\r\n if (fixed) {\r\n if (stopped) {\r\n innerStyle.top = relativeTop;\r\n innerStyle[side === 'top' ? 'marginTop' : 'marginBottom'] = deltaHeight;\r\n } else {\r\n innerStyle.width = width;\r\n innerStyle[side] = offset;\r\n innerStyle.left = left;\r\n }\r\n }\r\n\r\n if (isFunction(children)) {\r\n children = children(fixed);\r\n }\r\n\r\n return (\r\n <CommonWrapper {...this.props}>\r\n <div ref={this.refWrapper} className={jsStyles.wrapper()}>\r\n <ZIndex\r\n priority=\"Sticky\"\r\n applyZIndex={fixed}\r\n className={cn(jsStyles.inner(), {\r\n [jsStyles.fixed()]: fixed && !stopped,\r\n [jsStyles.stopped()]: stopped,\r\n })}\r\n style={innerStyle}\r\n wrapperRef={this.refInner}\r\n >\r\n <div className={jsStyles.container()}>{children}</div>\r\n </ZIndex>\r\n {fixed && !stopped ? <div style={{ width, height }} /> : null}\r\n </div>\r\n </CommonWrapper>\r\n );\r\n }\r\n\r\n private refWrapper = (ref: Nullable<HTMLElement>) => (this.wrapper = ref);\r\n\r\n private refInner = (ref: Nullable<HTMLElement>) => (this.inner = ref);\r\n\r\n private reflow = () => {\r\n const { documentElement } = document;\r\n\r\n if (!documentElement) {\r\n throw Error('There is no \"documentElement\" in document');\r\n }\r\n\r\n const windowHeight = window.innerHeight \|\| documentElement.clientHeight;\r\n if (!this.wrapper \|\| !this.inner) {\r\n return;\r\n }\r\n const { top, bottom, left } = this.wrapper.getBoundingClientRect();\r\n const { width, height } = this.inner.getBoundingClientRect();\r\n const { offset, getStop, side } = this.props;\r\n const { fixed: prevFixed, height: prevHeight = height } = this.state;\r\n const fixed = side === 'top' ? top < offset : bottom > windowHeight - offset;\r\n\r\n this.setState({ fixed, left });\r\n\r\n if (fixed && !prevFixed) {\r\n this.setState({ width, height });\r\n }\r\n\r\n if (fixed) {\r\n const stop = getStop && getStop();\r\n if (stop) {\r\n const deltaHeight = prevHeight - height;\r\n const stopRect = stop.getBoundingClientRect();\r\n const outerHeight = height + offset;\r\n let stopped = false;\r\n let relativeTop = 0;\r\n\r\n if (side === 'top') {\r\n stopped = stopRect.top - outerHeight < 0;\r\n relativeTop = stopRect.top - prevHeight - top;\r\n } else {\r\n stopped = stopRect.bottom + outerHeight > windowHeight;\r\n relativeTop = stopRect.bottom - top;\r\n }\r\n\r\n this.setState({ relativeTop, deltaHeight, stopped });\r\n }\r\n }\r\n };\r\n}\r\n"]}
1	+ {"version":3,"sources":["Sticky.tsx"],"names":["MAX_REFLOW_RETRIES","Sticky","state","fixed","deltaHeight","stopped","relativeTop","wrapper","inner","layoutSubscription","remove","reflowCounter","refWrapper","ref","refInner","reflow","document","documentElement","Error","windowHeight","window","innerHeight","clientHeight","getBoundingClientRect","top","bottom","left","width","height","props","offset","getStop","side","prevFixed","prevHeight","Math","floor","setState","stop","stopRect","outerHeight","componentDidMount","LayoutEvents","addListener","componentWillUnmount","componentDidUpdate","prevProps","prevState","emit","render","children","innerStyle","styles","container","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","oneOfType","node","func","number","oneOf","isRequired","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport shallowEqual from 'shallowequal';\n\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable } from '../../typings/utility-types';\nimport { isFunction } from '../../lib/utils';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './Sticky.styles';\n\nconst MAX_REFLOW_RETRIES = 5;\n\nexport interface StickyProps extends CommonProps {\n side: 'top' \| 'bottom';\n /*\n Отступ в пикселях от края экрана, на сколько сдвигается элемент в залипшем состоянии\n * @default 0\n /\n offset: number;\n getStop?: () => Nullable<HTMLElement>;\n children?: React.ReactNode \| ((fixed: boolean) => React.ReactNode);\n}\n\nexport interface StickyState {\n fixed: boolean;\n deltaHeight: number;\n height?: number;\n width?: number;\n left?: number;\n stopped: boolean;\n relativeTop: number;\n}\n\nexport class Sticky extends React.Component<StickyProps, StickyState> {\n public static __KONTUR_REACT_UI__ = 'Sticky';\n\n public static propTypes = {\n children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n\n /\n Функция, которая возвращает DOM-элемент, который нельзя пересекать.\n /\n getStop: PropTypes.func,\n\n /\n Отступ от границы в пикселях\n */\n offset: PropTypes.number,\n\n side: PropTypes.oneOf(['top', 'bottom']).isRequired,\n };\n\n public static defaultProps = { offset: 0 };\n\n public state: StickyState = {\n fixed: false,\n deltaHeight: 0,\n stopped: false,\n relativeTop: 0,\n };\n\n private wrapper: Nullable<HTMLElement>;\n private inner: Nullable<HTMLElement>;\n private layoutSubscription: { remove: Nullable<() => void> } = { remove: null };\n private reflowCounter = 0;\n\n public componentDidMount() {\n this.reflow();\n\n this.layoutSubscription = LayoutEvents.addListener(this.reflow);\n }\n\n public componentWillUnmount() {\n if (this.layoutSubscription.remove) {\n this.layoutSubscription.remove();\n }\n }\n\n public componentDidUpdate(prevProps: StickyProps, prevState: StickyState) {\n if (!shallowEqual(prevProps, this.props) \|\| !shallowEqual(prevState, this.state)) {\n if (this.reflowCounter < MAX_REFLOW_RETRIES) {\n LayoutEvents.emit();\n this.reflowCounter += 1;\n return;\n }\n }\n this.reflowCounter = 0;\n }\n\n public render() {\n let { children } = this.props;\n const { side, offset } = this.props;\n const { fixed, stopped, relativeTop, deltaHeight, width, height, left } = this.state;\n const innerStyle: React.CSSProperties = {};\n\n if (fixed) {\n if (stopped) {\n innerStyle.top = relativeTop;\n innerStyle[side === 'top' ? 'marginTop' : 'marginBottom'] = deltaHeight;\n } else {\n innerStyle.width = width;\n innerStyle[side] = offset;\n innerStyle.left = left;\n }\n }\n\n if (isFunction(children)) {\n children = children(fixed);\n }\n\n return (\n <CommonWrapper {...this.props}>\n <div ref={this.refWrapper} className={styles.wrapper()}>\n <ZIndex\n priority=\"Sticky\"\n applyZIndex={fixed}\n className={cx(styles.inner(), {\n [styles.fixed()]: fixed && !stopped,\n [styles.stopped()]: stopped,\n })}\n style={innerStyle}\n wrapperRef={this.refInner}\n >\n <div className={styles.container()}>{children}</div>\n </ZIndex>\n {fixed && !stopped ? <div style={{ width, height }} /> : null}\n </div>\n </CommonWrapper>\n );\n }\n\n private refWrapper = (ref: Nullable<HTMLElement>) => (this.wrapper = ref);\n\n private refInner = (ref: Nullable<HTMLElement>) => (this.inner = ref);\n\n private reflow = () => {\n const { documentElement } = document;\n\n if (!documentElement) {\n throw Error('There is no \"documentElement\" in document');\n }\n\n const windowHeight = window.innerHeight \|\| documentElement.clientHeight;\n if (!this.wrapper \|\| !this.inner) {\n return;\n }\n const { top, bottom, left } = this.wrapper.getBoundingClientRect();\n const { width, height } = this.inner.getBoundingClientRect();\n const { offset, getStop, side } = this.props;\n const { fixed: prevFixed, height: prevHeight = height } = this.state;\n const fixed = side === 'top' ? top < offset : Math.floor(bottom) > windowHeight - offset;\n\n this.setState({ fixed, left });\n\n if (fixed && !prevFixed) {\n this.setState({ width, height });\n }\n\n if (fixed) {\n const stop = getStop && getStop();\n if (stop) {\n const deltaHeight = prevHeight - height;\n const stopRect = stop.getBoundingClientRect();\n const outerHeight = height + offset;\n let stopped = false;\n let relativeTop = 0;\n\n if (side === 'top') {\n stopped = stopRect.top - outerHeight < 0;\n relativeTop = stopRect.top - prevHeight - top;\n } else {\n stopped = stopRect.bottom + outerHeight > windowHeight;\n relativeTop = stopRect.bottom - top;\n }\n\n this.setState({ relativeTop, deltaHeight, stopped });\n }\n }\n };\n}\n"]}

package/cjs/components/Sticky/Sticky.md CHANGED Viewed

@@ -1,27 +1,27 @@
-```jsx harmony
-const style = {
-  padding: 10,
-  background: '#f99',
-};
-let stop = null;
-<div>
-  <Sticky side="top" getStop={() => stop}>
-    {fixed => (
-      <div style={style}>
-        Small loan of a million dollars
-        {fixed ? ' fixed' : <div>not fixed</div>}
-      </div>
-    )}
-  </Sticky>
-  Great
-  <div style={{ height: 1000 }} />
-  <div ref={el => (stop = el)} style={{ borderTop: '1px solid #000' }} />
-  <div style={{ height: 1000 }} />
-  <Sticky side="bottom" getStop={() => stop} offset={20}>
-    <div style={style}>Make America Great Again</div>
-  </Sticky>
-  <div style={{ height: 100 }} />
-</div>;
-```
+```jsx harmony
+const style = {
+  padding: 10,
+  background: '#f99',
+};
+let stop = null;
+<div>
+  <Sticky side="top" getStop={() => stop}>
+    {fixed => (
+      <div style={style}>
+        Small loan of a million dollars
+        {fixed ? ' fixed' : <div>not fixed</div>}
+      </div>
+    )}
+  </Sticky>
+  Great
+  <div style={{ height: 1000 }} />
+  <div ref={el => (stop = el)} style={{ borderTop: '1px solid #000' }} />
+  <div style={{ height: 1000 }} />
+  <Sticky side="bottom" getStop={() => stop} offset={20}>
+    <div style={style}>Make America Great Again</div>
+  </Sticky>
+  <div style={{ height: 100 }} />
+</div>;
+```

package/cjs/components/Sticky/Sticky.styles.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-export declare const jsStyles: {
+export declare const styles: {
     wrapper(): string;
     inner(): string;
     fixed(): string;