@skbkontur/react-ui 5.6.9-5e213.0 → 5.6.9

package/components/SidePage/SidePageHeader/SidePageHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","throttle","Sticky","isFunction","ThemeContext","CommonWrapper","cx","responsiveLayout","getRootNode","rootNode","getDOMRect","ModalSeparator","isThemeGTE","getFullReactUIFlagsContext","ReactUIFeatureFlagsContext","styles","SidePageContext","SidePageCloseButton","SidePageHeaderDataTids","root","close","SidePageHeader","_class","_SidePageHeader","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","context","state","isNativeStuck","isReadyToStuck","wrapper","sticky","lastRegularHeight","componentDidMount","_getRootNode","_getRootNode$addEvent","_this$context$setHasH","_this$context","parentNode","addEventListener","call","throttleHandleScroll","setHasHeader","headerRef","componentWillUnmount","_getRootNode2","_getRootNode2$removeE","_this$context$setHasH2","_this$context2","removeEventListener","event","target","currentTarget","scrollTop","setState","update","_this$sticky","reflow","featureFlags","sidePageDisableHeaderShrink","updateReadyToStuck","renderHeader","_this$props$cutTitleO","fixed","undefined","isDisplayed","props","hasSeparator","createElement","className","header","theme","_defineProperty","headerFixed","headerShrink","mobileHeader","isMobileLayout","renderClose","title","title5_1","mobileTitle","titleCut","cutTitleOnStuck","sidePageNotCutTitleOnStuckByDefault","children","stickyOffset","parseInt","sidePageHeaderStickyOffset","versionGTE5_1","wrapperClose","wrapperClose5_1","wrapperCloseFixed","wrapperCloseFixed5_1","mobileWrapperClose","mobileWrapperClose5_1","side","offset","isHeaderFixed","isMobile","wrapperScrolledUp","top","regularHeight","fixedHeaderHeight","_objectSpread","wrapperRef","el","stickyRef","_inherits","_createClass","key","get","height","sidePageHeaderFixedLineHeight","sidePageHeaderFixedPaddingY","value","render","_this2","Consumer","renderMain","getStickyProp","_this3","isStickyDesktop","isStickyMobile","flags","_extends","rootNodeRef","setRootNode","ref","headerWrapper","headerNativeStuck","Provider","stickyReduceLayoutEvents","Component","__KONTUR_REACT_UI__","displayName","contextType","defaultProps"],"sources":["SidePageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport throttle from 'lodash.throttle';\n\nimport { Sticky } from '../Sticky';\nimport { isFunction } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { ModalSeparator } from '../Modal/ModalSeparator';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\nimport type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';\nimport { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext';\n\nimport { styles } from './SidePage.styles';\nimport type { SidePageContextType } from './SidePageContext';\nimport { SidePageContext } from './SidePageContext';\nimport { SidePageCloseButton } from './SidePageCloseButton';\n\nexport interface SidePageHeaderProps extends Omit<CommonProps, 'children'> {\n  children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);\n  /** Закрепляет хедер сверху сайдпейджа. */\n  sticky?: boolean;\n\n  /** Определяет, нужно ли показывать ModalSeparator. */\n  hasSeparator?: boolean;\n\n  /**\n   * Обрезает длинный заголовок при «залипании» шапки.\n   * @default true. Если включить флаг sidePageNotCutTitleOnStuckByDefault, дефолтное значение - false\n   */\n  cutTitleOnStuck?: boolean;\n}\n\nexport interface SidePageHeaderState {\n  isNativeStuck: boolean;\n  isReadyToStuck: boolean;\n}\n\nexport const SidePageHeaderDataTids = {\n  root: 'SidePageHeader__root',\n  close: 'SidePage__close',\n} as const;\n\n/**\n * Шапка сайдпейджа\n *\n * @visibleName SidePage.Header\n */\n@responsiveLayout\n@rootNode\nexport class SidePageHeader extends React.Component<SidePageHeaderProps, SidePageHeaderState> {\n  public static __KONTUR_REACT_UI__ = 'SidePageHeader';\n  public static displayName = 'SidePageHeader';\n\n  public static contextType = SidePageContext;\n  public context: SidePageContextType = this.context;\n\n  private isMobileLayout!: boolean;\n\n  public state: SidePageHeaderState = {\n    isNativeStuck: true,\n    isReadyToStuck: false,\n  };\n\n  public static defaultProps: Partial<SidePageHeaderProps> = {\n    hasSeparator: false,\n  };\n\n  private theme!: Theme;\n  private wrapper: HTMLElement | null = null;\n  private sticky: Sticky | null = null;\n  private lastRegularHeight = 0;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private featureFlags!: ReactUIFeatureFlags;\n  public get regularHeight(): number {\n    const { isReadyToStuck } = this.state;\n    if (!this.wrapper) {\n      return 0;\n    }\n    if (!isReadyToStuck) {\n      this.lastRegularHeight = getDOMRect(this.wrapper).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    getRootNode(this)?.parentNode?.addEventListener?.('scroll', this.throttleHandleScroll, true);\n    this.context.setHasHeader?.();\n    this.context.headerRef(this);\n  };\n\n  public componentWillUnmount = () => {\n    getRootNode(this)?.parentNode?.removeEventListener?.('scroll', this.throttleHandleScroll, true);\n    this.context.setHasHeader?.(false);\n    this.context.headerRef(null);\n  };\n\n  private throttleHandleScroll = throttle((event: Event) => {\n    const target = event.currentTarget as HTMLElement;\n    if (target && typeof target.scrollTop === 'number') {\n      this.setState({ isNativeStuck: target.scrollTop === 0 });\n    }\n    this.update();\n  }, 5);\n\n  public update = () => {\n    this.sticky?.reflow();\n    if (!this.featureFlags.sidePageDisableHeaderShrink) {\n      this.updateReadyToStuck();\n    }\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 { isReadyToStuck } = this.state;\n\n    let isStickyDesktop = !this.isMobileLayout && this.getStickyProp();\n    const isStickyMobile = this.isMobileLayout && this.getStickyProp();\n\n    const header = this.renderHeader;\n\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          if (!this.featureFlags.sidePageDisableHeaderShrink) {\n            isStickyDesktop = isStickyDesktop && isReadyToStuck;\n          }\n\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              <div\n                data-tid={SidePageHeaderDataTids.root}\n                ref={this.wrapperRef}\n                className={cx(styles.headerWrapper(), {\n                  [styles.headerNativeStuck(this.theme)]: this.state.isNativeStuck,\n                })}\n              >\n                <ReactUIFeatureFlagsContext.Provider value={{ stickyReduceLayoutEvents: true }}>\n                  {!this.state.isNativeStuck && (isStickyDesktop || isStickyMobile) ? (\n                    <Sticky ref={this.stickyRef} side=\"top\">\n                      {header}\n                    </Sticky>\n                  ) : (\n                    header()\n                  )}\n                </ReactUIFeatureFlagsContext.Provider>\n              </div>\n            </CommonWrapper>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\n    );\n  }\n\n  private renderHeader = (fixed = false) => {\n    const isDisplayed = this.props.hasSeparator || fixed;\n    return (\n      <div>\n        <div\n          className={cx(styles.header(this.theme), {\n            [styles.headerFixed(this.theme)]: fixed,\n            [styles.headerShrink(this.theme)]: fixed && !this.featureFlags.sidePageDisableHeaderShrink,\n            [styles.mobileHeader(this.theme)]: this.isMobileLayout,\n          })}\n        >\n          {this.renderClose(fixed)}\n          <div\n            className={cx(styles.title(this.theme), {\n              [styles.title5_1(this.theme)]: isThemeGTE(this.theme, '5.1'),\n              [styles.mobileTitle(this.theme)]: this.isMobileLayout,\n              [styles.titleCut()]:\n                fixed && (this.props.cutTitleOnStuck ?? !this.featureFlags.sidePageNotCutTitleOnStuckByDefault),\n            })}\n          >\n            {isFunction(this.props.children) ? this.props.children(fixed) : this.props.children}\n          </div>\n        </div>\n        {isDisplayed && <ModalSeparator fixed={fixed} />}\n      </div>\n    );\n  };\n\n  private renderClose = (fixed: boolean) => {\n    const stickyOffset = parseInt(this.theme.sidePageHeaderStickyOffset);\n    const versionGTE5_1 = isThemeGTE(this.theme, '5.1');\n    return (\n      <div\n        className={cx(styles.wrapperClose(this.theme), {\n          [styles.wrapperClose5_1(this.theme)]: versionGTE5_1,\n          [styles.wrapperCloseFixed(this.theme)]: fixed && !this.featureFlags.sidePageDisableHeaderShrink,\n          [styles.wrapperCloseFixed5_1(this.theme)]:\n            fixed && versionGTE5_1 && !this.featureFlags.sidePageDisableHeaderShrink,\n          [styles.mobileWrapperClose(this.theme)]: this.isMobileLayout,\n          [styles.mobileWrapperClose5_1(this.theme)]: this.isMobileLayout && versionGTE5_1,\n        })}\n      >\n        {!(this.isMobileLayout || this.featureFlags.sidePageDisableHeaderShrink) ? (\n          <Sticky side=\"top\" offset={stickyOffset}>\n            <SidePageCloseButton isHeaderFixed={fixed} />\n          </Sticky>\n        ) : (\n          <SidePageCloseButton isHeaderFixed={fixed} isMobile={this.isMobileLayout} />\n        )}\n      </div>\n    );\n  };\n\n  private updateReadyToStuck = () => {\n    if (this.wrapper) {\n      const wrapperScrolledUp = getDOMRect(this.wrapper).top;\n      const isReadyToStuck = this.regularHeight + wrapperScrolledUp <= this.fixedHeaderHeight;\n      this.setState((state) => (state.isReadyToStuck !== isReadyToStuck ? { ...state, isReadyToStuck } : state));\n    }\n  };\n\n  private wrapperRef = (el: HTMLElement | null) => {\n    this.wrapper = el;\n  };\n\n  private stickyRef = (el: Sticky | null) => {\n    this.sticky = el;\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","throttle","Sticky","isFunction","ThemeContext","CommonWrapper","cx","responsiveLayout","getRootNode","rootNode","getDOMRect","ModalSeparator","isThemeGTE","getFullReactUIFlagsContext","ReactUIFeatureFlagsContext","styles","SidePageContext","SidePageCloseButton","SidePageHeaderDataTids","root","close","SidePageHeader","_class","_SidePageHeader","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","context","state","isNativeStuck","isReadyToStuck","wrapper","sticky","lastRegularHeight","componentDidMount","_getRootNode","parentNode","addEventListener","throttleHandleScroll","setHasHeader","headerRef","componentWillUnmount","_getRootNode2","removeEventListener","event","target","currentTarget","scrollTop","setState","update","_this$sticky","reflow","featureFlags","sidePageDisableHeaderShrink","updateReadyToStuck","renderHeader","fixed","_cx","_this$props$cutTitleO","_cx2","isDisplayed","props","hasSeparator","createElement","className","header","theme","headerFixed","headerShrink","mobileHeader","isMobileLayout","renderClose","title","title5_1","mobileTitle","titleCut","cutTitleOnStuck","sidePageNotCutTitleOnStuckByDefault","children","_cx3","stickyOffset","parseInt","sidePageHeaderStickyOffset","versionGTE5_1","wrapperClose","wrapperClose5_1","wrapperCloseFixed","wrapperCloseFixed5_1","mobileWrapperClose","mobileWrapperClose5_1","side","offset","isHeaderFixed","isMobile","wrapperScrolledUp","top","regularHeight","fixedHeaderHeight","_extends","wrapperRef","el","stickyRef","_inheritsLoose","_proto","prototype","render","_this2","Consumer","renderMain","getStickyProp","_this3","isStickyDesktop","isStickyMobile","flags","_cx4","rootNodeRef","setRootNode","ref","headerWrapper","headerNativeStuck","Provider","value","stickyReduceLayoutEvents","_createClass","key","get","height","sidePageHeaderFixedLineHeight","sidePageHeaderFixedPaddingY","Component","__KONTUR_REACT_UI__","displayName","contextType","defaultProps"],"sources":["SidePageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport throttle from 'lodash.throttle';\n\nimport { Sticky } from '../Sticky';\nimport { isFunction } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { ModalSeparator } from '../Modal/ModalSeparator';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\nimport type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';\nimport { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext';\n\nimport { styles } from './SidePage.styles';\nimport type { SidePageContextType } from './SidePageContext';\nimport { SidePageContext } from './SidePageContext';\nimport { SidePageCloseButton } from './SidePageCloseButton';\n\nexport interface SidePageHeaderProps extends Omit<CommonProps, 'children'> {\n  children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);\n  /** Закрепляет хедер сверху сайдпейджа. */\n  sticky?: boolean;\n\n  /** Определяет, нужно ли показывать ModalSeparator. */\n  hasSeparator?: boolean;\n\n  /**\n   * Обрезает длинный заголовок при «залипании» шапки.\n   * @default true. Если включить флаг sidePageNotCutTitleOnStuckByDefault, дефолтное значение - false\n   */\n  cutTitleOnStuck?: boolean;\n}\n\nexport interface SidePageHeaderState {\n  isNativeStuck: boolean;\n  isReadyToStuck: boolean;\n}\n\nexport const SidePageHeaderDataTids = {\n  root: 'SidePageHeader__root',\n  close: 'SidePage__close',\n} as const;\n\n/**\n * Шапка сайдпейджа\n *\n * @visibleName SidePage.Header\n */\n@responsiveLayout\n@rootNode\nexport class SidePageHeader extends React.Component<SidePageHeaderProps, SidePageHeaderState> {\n  public static __KONTUR_REACT_UI__ = 'SidePageHeader';\n  public static displayName = 'SidePageHeader';\n\n  public static contextType = SidePageContext;\n  public context: SidePageContextType = this.context;\n\n  private isMobileLayout!: boolean;\n\n  public state: SidePageHeaderState = {\n    isNativeStuck: true,\n    isReadyToStuck: false,\n  };\n\n  public static defaultProps: Partial<SidePageHeaderProps> = {\n    hasSeparator: false,\n  };\n\n  private theme!: Theme;\n  private wrapper: HTMLElement | null = null;\n  private sticky: Sticky | null = null;\n  private lastRegularHeight = 0;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private featureFlags!: ReactUIFeatureFlags;\n  public get regularHeight(): number {\n    const { isReadyToStuck } = this.state;\n    if (!this.wrapper) {\n      return 0;\n    }\n    if (!isReadyToStuck) {\n      this.lastRegularHeight = getDOMRect(this.wrapper).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    getRootNode(this)?.parentNode?.addEventListener?.('scroll', this.throttleHandleScroll, true);\n    this.context.setHasHeader?.();\n    this.context.headerRef(this);\n  };\n\n  public componentWillUnmount = () => {\n    getRootNode(this)?.parentNode?.removeEventListener?.('scroll', this.throttleHandleScroll, true);\n    this.context.setHasHeader?.(false);\n    this.context.headerRef(null);\n  };\n\n  private throttleHandleScroll = throttle((event: Event) => {\n    const target = event.currentTarget as HTMLElement;\n    if (target && typeof target.scrollTop === 'number') {\n      this.setState({ isNativeStuck: target.scrollTop === 0 });\n    }\n    this.update();\n  }, 5);\n\n  public update = () => {\n    this.sticky?.reflow();\n    if (!this.featureFlags.sidePageDisableHeaderShrink) {\n      this.updateReadyToStuck();\n    }\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 { isReadyToStuck } = this.state;\n\n    let isStickyDesktop = !this.isMobileLayout && this.getStickyProp();\n    const isStickyMobile = this.isMobileLayout && this.getStickyProp();\n\n    const header = this.renderHeader;\n\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          if (!this.featureFlags.sidePageDisableHeaderShrink) {\n            isStickyDesktop = isStickyDesktop && isReadyToStuck;\n          }\n\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              <div\n                data-tid={SidePageHeaderDataTids.root}\n                ref={this.wrapperRef}\n                className={cx(styles.headerWrapper(), {\n                  [styles.headerNativeStuck(this.theme)]: this.state.isNativeStuck,\n                })}\n              >\n                <ReactUIFeatureFlagsContext.Provider value={{ stickyReduceLayoutEvents: true }}>\n                  {!this.state.isNativeStuck && (isStickyDesktop || isStickyMobile) ? (\n                    <Sticky ref={this.stickyRef} side=\"top\">\n                      {header}\n                    </Sticky>\n                  ) : (\n                    header()\n                  )}\n                </ReactUIFeatureFlagsContext.Provider>\n              </div>\n            </CommonWrapper>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\n    );\n  }\n\n  private renderHeader = (fixed = false) => {\n    const isDisplayed = this.props.hasSeparator || fixed;\n    return (\n      <div>\n        <div\n          className={cx(styles.header(this.theme), {\n            [styles.headerFixed(this.theme)]: fixed,\n            [styles.headerShrink(this.theme)]: fixed && !this.featureFlags.sidePageDisableHeaderShrink,\n            [styles.mobileHeader(this.theme)]: this.isMobileLayout,\n          })}\n        >\n          {this.renderClose(fixed)}\n          <div\n            className={cx(styles.title(this.theme), {\n              [styles.title5_1(this.theme)]: isThemeGTE(this.theme, '5.1'),\n              [styles.mobileTitle(this.theme)]: this.isMobileLayout,\n              [styles.titleCut()]:\n                fixed && (this.props.cutTitleOnStuck ?? !this.featureFlags.sidePageNotCutTitleOnStuckByDefault),\n            })}\n          >\n            {isFunction(this.props.children) ? this.props.children(fixed) : this.props.children}\n          </div>\n        </div>\n        {isDisplayed && <ModalSeparator fixed={fixed} />}\n      </div>\n    );\n  };\n\n  private renderClose = (fixed: boolean) => {\n    const stickyOffset = parseInt(this.theme.sidePageHeaderStickyOffset);\n    const versionGTE5_1 = isThemeGTE(this.theme, '5.1');\n    return (\n      <div\n        className={cx(styles.wrapperClose(this.theme), {\n          [styles.wrapperClose5_1(this.theme)]: versionGTE5_1,\n          [styles.wrapperCloseFixed(this.theme)]: fixed && !this.featureFlags.sidePageDisableHeaderShrink,\n          [styles.wrapperCloseFixed5_1(this.theme)]:\n            fixed && versionGTE5_1 && !this.featureFlags.sidePageDisableHeaderShrink,\n          [styles.mobileWrapperClose(this.theme)]: this.isMobileLayout,\n          [styles.mobileWrapperClose5_1(this.theme)]: this.isMobileLayout && versionGTE5_1,\n        })}\n      >\n        {!(this.isMobileLayout || this.featureFlags.sidePageDisableHeaderShrink) ? (\n          <Sticky side=\"top\" offset={stickyOffset}>\n            <SidePageCloseButton isHeaderFixed={fixed} />\n          </Sticky>\n        ) : (\n          <SidePageCloseButton isHeaderFixed={fixed} isMobile={this.isMobileLayout} />\n        )}\n      </div>\n    );\n  };\n\n  private updateReadyToStuck = () => {\n    if (this.wrapper) {\n      const wrapperScrolledUp = getDOMRect(this.wrapper).top;\n      const isReadyToStuck = this.regularHeight + wrapperScrolledUp <= this.fixedHeaderHeight;\n      this.setState((state) => (state.isReadyToStuck !== isReadyToStuck ? { ...state, isReadyToStuck } : state));\n    }\n  };\n\n  private wrapperRef = (el: HTMLElement | null) => {\n    this.wrapper = el;\n  };\n\n  private stickyRef = (el: Sticky | null) => {\n    this.sticky = el;\n  };\n}\n"],"mappings":"8NAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,iBAAiB;;AAEtC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,YAAY,QAAQ,gCAAgC;;;AAG7D,SAASC,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,gBAAgB,QAAQ,+BAA+B;;AAEhE,SAASC,WAAW,EAAEC,QAAQ,QAAQ,oBAAoB;AAC1D,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,UAAU,QAAQ,gCAAgC;;AAE3D,SAASC,0BAA0B,EAAEC,0BAA0B,QAAQ,+BAA+B;;AAEtG,SAASC,MAAM,QAAQ,mBAAmB;;AAE1C,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,mBAAmB,QAAQ,uBAAuB;;;;;;;;;;;;;;;;;;;;;;AAsB3D,OAAO,IAAMC,sBAAsB,GAAG;EACpCC,IAAI,EAAE,sBAAsB;EAC5BC,KAAK,EAAE;AACT,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;;AAEaC,cAAc,GAF1Bd,gBAAgB,CAAAe,MAAA,GAChBb,QAAQ,CAAAa,MAAA,IAAAC,eAAA,0BAAAC,gBAAA,YAAAH,eAAA,OAAAI,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;IAMAU,OAAO,GAAwBV,KAAA,CAAKU,OAAO,CAAAV,KAAA;;;;IAI3CW,KAAK,GAAwB;MAClCC,aAAa,EAAE,IAAI;MACnBC,cAAc,EAAE;IAClB,CAAC,CAAAb,KAAA;;;;;;;IAOOc,OAAO,GAAuB,IAAI,CAAAd,KAAA;IAClCe,MAAM,GAAkB,IAAI,CAAAf,KAAA;IAC5BgB,iBAAiB,GAAG,CAAC,CAAAhB,KAAA;;;;;;;;;;;;;;;;;;;;IAoBtBiB,iBAAiB,GAAG,YAAM,KAAAC,YAAA;MAC/B,CAAAA,YAAA,GAAAnC,WAAW,CAAAiB,KAAK,CAAC,cAAAkB,YAAA,GAAjBA,YAAA,CAAmBC,UAAU,aAA7BD,YAAA,CAA+BE,gBAAgB,YAA/CF,YAAA,CAA+BE,gBAAgB,CAAG,QAAQ,EAAEpB,KAAA,CAAKqB,oBAAoB,EAAE,IAAI,CAAC;MAC5FrB,KAAA,CAAKU,OAAO,CAACY,YAAY,YAAzBtB,KAAA,CAAKU,OAAO,CAACY,YAAY,CAAG,CAAC;MAC7BtB,KAAA,CAAKU,OAAO,CAACa,SAAS,CAAAvB,KAAK,CAAC;IAC9B,CAAC,CAAAA,KAAA;;IAEMwB,oBAAoB,GAAG,YAAM,KAAAC,aAAA;MAClC,CAAAA,aAAA,GAAA1C,WAAW,CAAAiB,KAAK,CAAC,cAAAyB,aAAA,GAAjBA,aAAA,CAAmBN,UAAU,aAA7BM,aAAA,CAA+BC,mBAAmB,YAAlDD,aAAA,CAA+BC,mBAAmB,CAAG,QAAQ,EAAE1B,KAAA,CAAKqB,oBAAoB,EAAE,IAAI,CAAC;MAC/FrB,KAAA,CAAKU,OAAO,CAACY,YAAY,YAAzBtB,KAAA,CAAKU,OAAO,CAACY,YAAY,CAAG,KAAK,CAAC;MAClCtB,KAAA,CAAKU,OAAO,CAACa,SAAS,CAAC,IAAI,CAAC;IAC9B,CAAC,CAAAvB,KAAA;;IAEOqB,oBAAoB,GAAG7C,QAAQ,CAAC,UAACmD,KAAY,EAAK;MACxD,IAAMC,MAAM,GAAGD,KAAK,CAACE,aAA4B;MACjD,IAAID,MAAM,IAAI,OAAOA,MAAM,CAACE,SAAS,KAAK,QAAQ,EAAE;QAClD9B,KAAA,CAAK+B,QAAQ,CAAC,EAAEnB,aAAa,EAAEgB,MAAM,CAACE,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC;MAC1D;MACA9B,KAAA,CAAKgC,MAAM,CAAC,CAAC;IACf,CAAC,EAAE,CAAC,CAAC,CAAAhC,KAAA;;IAEEgC,MAAM,GAAG,YAAM,KAAAC,YAAA;MACpB,CAAAA,YAAA,GAAAjC,KAAA,CAAKe,MAAM,aAAXkB,YAAA,CAAaC,MAAM,CAAC,CAAC;MACrB,IAAI,CAAClC,KAAA,CAAKmC,YAAY,CAACC,2BAA2B,EAAE;QAClDpC,KAAA,CAAKqC,kBAAkB,CAAC,CAAC;MAC3B;IACF,CAAC,CAAArC,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmEOsC,YAAY,GAAG,UAACC,KAAK,EAAa,KAAAC,GAAA,EAAAC,qBAAA,EAAAC,IAAA,KAAlBH,KAAK,cAALA,KAAK,GAAG,KAAK;MACnC,IAAMI,WAAW,GAAG3C,KAAA,CAAK4C,KAAK,CAACC,YAAY,IAAIN,KAAK;MACpD;QACEhE,KAAA,CAAAuE,aAAA;QACEvE,KAAA,CAAAuE,aAAA;UACEC,SAAS,EAAElE,EAAE,CAACS,MAAM,CAAC0D,MAAM,CAAChD,KAAA,CAAKiD,KAAK,CAAC,GAAAT,GAAA,OAAAA,GAAA;UACpClD,MAAM,CAAC4D,WAAW,CAAClD,KAAA,CAAKiD,KAAK,CAAC,IAAGV,KAAK,EAAAC,GAAA;UACtClD,MAAM,CAAC6D,YAAY,CAACnD,KAAA,CAAKiD,KAAK,CAAC,IAAGV,KAAK,IAAI,CAACvC,KAAA,CAAKmC,YAAY,CAACC,2BAA2B,EAAAI,GAAA;UACzFlD,MAAM,CAAC8D,YAAY,CAACpD,KAAA,CAAKiD,KAAK,CAAC,IAAGjD,KAAA,CAAKqD,cAAc,EAAAb,GAAA;UACvD,CAAE;;QAEFxC,KAAA,CAAKsD,WAAW,CAACf,KAAK,CAAC;QACxBhE,KAAA,CAAAuE,aAAA;UACEC,SAAS,EAAElE,EAAE,CAACS,MAAM,CAACiE,KAAK,CAACvD,KAAA,CAAKiD,KAAK,CAAC,GAAAP,IAAA,OAAAA,IAAA;UACnCpD,MAAM,CAACkE,QAAQ,CAACxD,KAAA,CAAKiD,KAAK,CAAC,IAAG9D,UAAU,CAACa,KAAA,CAAKiD,KAAK,EAAE,KAAK,CAAC,EAAAP,IAAA;UAC3DpD,MAAM,CAACmE,WAAW,CAACzD,KAAA,CAAKiD,KAAK,CAAC,IAAGjD,KAAA,CAAKqD,cAAc,EAAAX,IAAA;UACpDpD,MAAM,CAACoE,QAAQ,CAAC,CAAC;UAChBnB,KAAK,MAAAE,qBAAA,GAAKzC,KAAA,CAAK4C,KAAK,CAACe,eAAe,YAAAlB,qBAAA,GAAI,CAACzC,KAAA,CAAKmC,YAAY,CAACyB,mCAAmC,CAAC,EAAAlB,IAAA;UAClG,CAAE;;QAEFhE,UAAU,CAACsB,KAAA,CAAK4C,KAAK,CAACiB,QAAQ,CAAC,GAAG7D,KAAA,CAAK4C,KAAK,CAACiB,QAAQ,CAACtB,KAAK,CAAC,GAAGvC,KAAA,CAAK4C,KAAK,CAACiB;QACxE;QACF,CAAC;QACLlB,WAAW,iBAAIpE,KAAA,CAAAuE,aAAA,CAAC5D,cAAc,IAACqD,KAAK,EAAEA,KAAM,EAAE;QAC5C,CAAC;;IAEV,CAAC,CAAAvC,KAAA;;IAEOsD,WAAW,GAAG,UAACf,KAAc,EAAK,KAAAuB,IAAA;MACxC,IAAMC,YAAY,GAAGC,QAAQ,CAAChE,KAAA,CAAKiD,KAAK,CAACgB,0BAA0B,CAAC;MACpE,IAAMC,aAAa,GAAG/E,UAAU,CAACa,KAAA,CAAKiD,KAAK,EAAE,KAAK,CAAC;MACnD;QACE1E,KAAA,CAAAuE,aAAA;UACEC,SAAS,EAAElE,EAAE,CAACS,MAAM,CAAC6E,YAAY,CAACnE,KAAA,CAAKiD,KAAK,CAAC,GAAAa,IAAA,OAAAA,IAAA;UAC1CxE,MAAM,CAAC8E,eAAe,CAACpE,KAAA,CAAKiD,KAAK,CAAC,IAAGiB,aAAa,EAAAJ,IAAA;UAClDxE,MAAM,CAAC+E,iBAAiB,CAACrE,KAAA,CAAKiD,KAAK,CAAC,IAAGV,KAAK,IAAI,CAACvC,KAAA,CAAKmC,YAAY,CAACC,2BAA2B,EAAA0B,IAAA;UAC9FxE,MAAM,CAACgF,oBAAoB,CAACtE,KAAA,CAAKiD,KAAK,CAAC;UACtCV,KAAK,IAAI2B,aAAa,IAAI,CAAClE,KAAA,CAAKmC,YAAY,CAACC,2BAA2B,EAAA0B,IAAA;UACzExE,MAAM,CAACiF,kBAAkB,CAACvE,KAAA,CAAKiD,KAAK,CAAC,IAAGjD,KAAA,CAAKqD,cAAc,EAAAS,IAAA;UAC3DxE,MAAM,CAACkF,qBAAqB,CAACxE,KAAA,CAAKiD,KAAK,CAAC,IAAGjD,KAAA,CAAKqD,cAAc,IAAIa,aAAa,EAAAJ,IAAA;UACjF,CAAE;;QAEF,EAAE9D,KAAA,CAAKqD,cAAc,IAAIrD,KAAA,CAAKmC,YAAY,CAACC,2BAA2B,CAAC;QACtE7D,KAAA,CAAAuE,aAAA,CAACrE,MAAM,IAACgG,IAAI,EAAC,KAAK,EAACC,MAAM,EAAEX,YAAa;QACtCxF,KAAA,CAAAuE,aAAA,CAACtD,mBAAmB,IAACmF,aAAa,EAAEpC,KAAM,EAAE;QACtC,CAAC;;QAEThE,KAAA,CAAAuE,aAAA,CAACtD,mBAAmB,IAACmF,aAAa,EAAEpC,KAAM,EAACqC,QAAQ,EAAE5E,KAAA,CAAKqD,cAAe,EAAE;;QAE1E,CAAC;;IAEV,CAAC,CAAArD,KAAA;;IAEOqC,kBAAkB,GAAG,YAAM;MACjC,IAAIrC,KAAA,CAAKc,OAAO,EAAE;QAChB,IAAM+D,iBAAiB,GAAG5F,UAAU,CAACe,KAAA,CAAKc,OAAO,CAAC,CAACgE,GAAG;QACtD,IAAMjE,cAAc,GAAGb,KAAA,CAAK+E,aAAa,GAAGF,iBAAiB,IAAI7E,KAAA,CAAKgF,iBAAiB;QACvFhF,KAAA,CAAK+B,QAAQ,CAAC,UAACpB,KAAK,UAAMA,KAAK,CAACE,cAAc,KAAKA,cAAc,GAAAoE,QAAA,KAAQtE,KAAK,IAAEE,cAAc,EAAdA,cAAc,MAAKF,KAAK,EAAC,CAAC;MAC5G;IACF,CAAC,CAAAX,KAAA;;IAEOkF,UAAU,GAAG,UAACC,EAAsB,EAAK;MAC/CnF,KAAA,CAAKc,OAAO,GAAGqE,EAAE;IACnB,CAAC,CAAAnF,KAAA;;IAEOoF,SAAS,GAAG,UAACD,EAAiB,EAAK;MACzCnF,KAAA,CAAKe,MAAM,GAAGoE,EAAE;IAClB,CAAC,QAAAnF,KAAA,EAAAqF,cAAA,CAAAzF,cAAA,EAAAG,gBAAA,MAAAuF,MAAA,GAAA1F,cAAA,CAAA2F,SAAA,CAAAD,MAAA,CApIME,MAAM,GAAb,SAAAA,OAAA,EAA6B,KAAAC,MAAA,QAC3B,oBACElH,KAAA,CAAAuE,aAAA,CAACnE,YAAY,CAAC+G,QAAQ,QACnB,UAACzC,KAAK,EAAK,CACVwC,MAAI,CAACxC,KAAK,GAAGA,KAAK,CAClB,OAAOwC,MAAI,CAACE,UAAU,CAAC,CAAC,CAC1B,CACqB,CAAC,CAE5B,CAAC,CAAAL,MAAA,CAEMM,aAAa,GAApB,SAAAA,cAAA,EAAuB,CACrB,IAAI,OAAO,IAAI,CAAChD,KAAK,CAAC7B,MAAM,KAAK,WAAW,EAAE,CAC5C,OAAO,IAAI,CAAC6B,KAAK,CAAC7B,MAAM,CAC1B,CAEA,IAAI,IAAI,CAACsC,cAAc,EAAE,CACvB,OAAO,KAAK,CACd,CAEA,OAAO,IAAI,CACb,CAAC,CAAAiC,MAAA,CAEOK,UAAU,GAAlB,SAAAA,WAAA,EAAqB,KAAAE,MAAA,QACnB,IAAQhF,cAAc,GAAK,IAAI,CAACF,KAAK,CAA7BE,cAAc,CAEtB,IAAIiF,eAAe,GAAG,CAAC,IAAI,CAACzC,cAAc,IAAI,IAAI,CAACuC,aAAa,CAAC,CAAC,CAClE,IAAMG,cAAc,GAAG,IAAI,CAAC1C,cAAc,IAAI,IAAI,CAACuC,aAAa,CAAC,CAAC,CAElE,IAAM5C,MAAM,GAAG,IAAI,CAACV,YAAY,CAEhC,oBACE/D,KAAA,CAAAuE,aAAA,CAACzD,0BAA0B,CAACqG,QAAQ,QACjC,UAACM,KAAK,EAAK,KAAAC,IAAA,CACVJ,MAAI,CAAC1D,YAAY,GAAG/C,0BAA0B,CAAC4G,KAAK,CAAC,CACrD,IAAI,CAACH,MAAI,CAAC1D,YAAY,CAACC,2BAA2B,EAAE,CAClD0D,eAAe,GAAGA,eAAe,IAAIjF,cAAc,CACrD,CAEA,oBACEtC,KAAA,CAAAuE,aAAA,CAAClE,aAAa,EAAAqG,QAAA,GAACiB,WAAW,EAAEL,MAAI,CAACM,WAAY,IAAKN,MAAI,CAACjD,KAAK,gBAC1DrE,KAAA,CAAAuE,aAAA,UACE,YAAUrD,sBAAsB,CAACC,IAAK,EACtC0G,GAAG,EAAEP,MAAI,CAACX,UAAW,EACrBnC,SAAS,EAAElE,EAAE,CAACS,MAAM,CAAC+G,aAAa,CAAC,CAAC,GAAAJ,IAAA,OAAAA,IAAA,CACjC3G,MAAM,CAACgH,iBAAiB,CAACT,MAAI,CAAC5C,KAAK,CAAC,IAAG4C,MAAI,CAAClF,KAAK,CAACC,aAAa,EAAAqF,IAAA,CACjE,CAAE,iBAEH1H,KAAA,CAAAuE,aAAA,CAACzD,0BAA0B,CAACkH,QAAQ,IAACC,KAAK,EAAE,EAAEC,wBAAwB,EAAE,IAAI,CAAC,CAAE,IAC5E,CAACZ,MAAI,CAAClF,KAAK,CAACC,aAAa,KAAKkF,eAAe,IAAIC,cAAc,CAAC,gBAC/DxH,KAAA,CAAAuE,aAAA,CAACrE,MAAM,IAAC2H,GAAG,EAAEP,MAAI,CAACT,SAAU,EAACX,IAAI,EAAC,KAAK,IACpCzB,MACK,CAAC,GAETA,MAAM,CAAC,CAE0B,CAClC,CACQ,CAAC,CAEpB,CACmC,CAAC,CAE1C,CAAC,QAAA0D,YAAA,CAAA9G,cAAA,KAAA+G,GAAA,mBAAAC,GAAA,EA1GD,SAAAA,IAAA,EAAmC,CACjC,IAAQ/F,cAAc,GAAK,IAAI,CAACF,KAAK,CAA7BE,cAAc,CACtB,IAAI,CAAC,IAAI,CAACC,OAAO,EAAE,CACjB,OAAO,CAAC,CACV,CACA,IAAI,CAACD,cAAc,EAAE,CACnB,IAAI,CAACG,iBAAiB,GAAG/B,UAAU,CAAC,IAAI,CAAC6B,OAAO,CAAC,CAAC+F,MAAM,CAC1D,CACA,OAAO,IAAI,CAAC7F,iBAAiB,CAC/B,CAAC,MAAA2F,GAAA,uBAAAC,GAAA,EAED,SAAAA,IAAA,EAAuC,CACrC,IAAQ3D,KAAK,GAAK,IAAI,CAAdA,KAAK,CACb,OAAOe,QAAQ,CAACf,KAAK,CAAC6D,6BAA6B,CAAC,GAAG9C,QAAQ,CAACf,KAAK,CAAC8D,2BAA2B,CAAC,GAAG,CAAC,CACxG,CAAC,OAvCiCxI,KAAK,CAACyI,SAAS,GAAAlH,eAAA,CACnCmH,mBAAmB,GAAG,gBAAgB,EAAAnH,eAAA,CACtCoH,WAAW,GAAG,gBAAgB,EAAApH,eAAA,CAE9BqH,WAAW,GAAG5H,eAAe,EAAAO,eAAA,CAU7BsH,YAAY,GAAiC,EACzDvE,YAAY,EAAE,KAAK,CACrB,CAAC,EAAA/C,eAAA,MAAAD,MAAA,KAAAA,MAAA","ignoreList":[]}

package/components/SingleToast/SingleToast/SingleToast.js

@@ -1,14 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _SingleToast;
-function _callSuper(t, o, e) {
-  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
-}
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { Toast } from "../../Toast/Toast";
@@ -33,11 +25,10 @@ import { Toast } from "../../Toast/Toast";
 export var SingleToast = /*#__PURE__*/function (_React$Component) {
   function SingleToast() {
     var _this;
-    _classCallCheck(this, SingleToast);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, SingleToast, [].concat(args));
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.render = function () {
       return /*#__PURE__*/React.createElement(Toast, _extends({
         ref: SingleToast.ref
@@ -45,8 +36,8 @@ export var SingleToast = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  _inherits(SingleToast, _React$Component);
-  return _createClass(SingleToast);
+  _inheritsLoose(SingleToast, _React$Component);
+  return SingleToast;
 }(React.Component);
 _SingleToast = SingleToast;
 SingleToast.__KONTUR_REACT_UI__ = 'SingleToast';
@@ -56,11 +47,11 @@ SingleToast.close = function () {
   if (React.version.search('18') === 0) {
     ReactDOM.flushSync(function () {
       var _SingleToast$ref$curr;
-      return (_SingleToast$ref$curr = _SingleToast.ref.current) === null || _SingleToast$ref$curr === void 0 ? void 0 : _SingleToast$ref$curr.close();
+      return (_SingleToast$ref$curr = _SingleToast.ref.current) == null ? void 0 : _SingleToast$ref$curr.close();
     });
   } else {
     var _SingleToast$ref$curr2;
-    (_SingleToast$ref$curr2 = _SingleToast.ref.current) === null || _SingleToast$ref$curr2 === void 0 || _SingleToast$ref$curr2.close();
+    (_SingleToast$ref$curr2 = _SingleToast.ref.current) == null || _SingleToast$ref$curr2.close();
   }
 }; /**
    * Показывает тост с `notification` в качестве сообщения.
@@ -84,5 +75,5 @@ SingleToast.close = function () {
 SingleToast.push = function (notification, configOrAction, showTime, showCloseIcon, use) {
   var _SingleToast$ref$curr3;
   _SingleToast.close();
-  (_SingleToast$ref$curr3 = _SingleToast.ref.current) === null || _SingleToast$ref$curr3 === void 0 || _SingleToast$ref$curr3.push(notification, configOrAction, showTime, showCloseIcon, use);
+  (_SingleToast$ref$curr3 = _SingleToast.ref.current) == null || _SingleToast$ref$curr3.push(notification, configOrAction, showTime, showCloseIcon, use);
 };

package/components/SingleToast/SingleToast/SingleToast.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactDOM","Toast","SingleToast","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","render","createElement","_extends","ref","props","_inherits","_createClass","Component","_SingleToast","__KONTUR_REACT_UI__","displayName","createRef","close","version","search","flushSync","_SingleToast$ref$curr","current","_SingleToast$ref$curr2","push","notification","configOrAction","showTime","showCloseIcon","use","_SingleToast$ref$curr3"],"sources":["SingleToast.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport type { Nullable } from '../../typings/utility-types';\nimport type { ToastClose, Action, ToastProps, ToastUse, ToastPushConfig } from '../Toast/Toast';\nimport { Toast } from '../Toast/Toast';\n\n/**\n * `SingleToast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.\n * Результат может быть положительным, отрицательным или нейтральным.\n *\n * Позволяет вызывать тосты с помощью статических методов.\n * В отличие от статических методов из компонента Toast их можно кастомизировать и они работают с `React@18`.\n *\n * Метод `push` поддерживает два api.\n *\n * 1. Устаревший с последовательной передачей аргументов: `SingleToast.push('Hi', { label: 'Cancel', handler: () => {} }, 15000)`\n * 2. Новый с передачей объекта конфигурации: `SingleToast.push('Hi', { action: { label: 'Cancel', handler: () => {} }, showTime: 15000 })`\n *\n * Устаревший подход с передачей аргументов последовательным образом **будет удалён** в следующей мажорной версии.\n *\n * ##### Особенности компонента SingleToast\n * Для корректной работы `<SingleToast />` должен быть отрисован только **один раз** на странице. После чего его можно вызывать из любого места приложения методом `SingleToast.push()`. Однако, переданные в компонент пропсы, такие как `theme`, `onPush` и остальные, будут применяться ко всем вызовам.\n */\nexport class SingleToast extends React.Component<ToastProps> {\n  public static __KONTUR_REACT_UI__ = 'SingleToast';\n  public static displayName = 'SingleToast';\n  public static ref = React.createRef<Toast>();\n\n  public static close: ToastClose = () => {\n    if (React.version.search('18') === 0) {\n      ReactDOM.flushSync(() => SingleToast.ref.current?.close());\n    } else {\n      SingleToast.ref.current?.close();\n    }\n  };\n\n  /**\n   * Показывает тост с `notification` в качестве сообщения.\n   * Тост автоматически скрывается через 3 или 7 секунд,\n   * в зависимости от наличия у него кнопки `action` внутри config-а.\n   * Время показа можно задать вручную, передав `showTime` внутри config-а.\n   *\n   * @public\n   * @param {React.ReactNode} notification\n   * @param {ToastPushConfig} config объект с конфигурацией отображения компонента Toast\n   *\n   * @description Сейчас есть поддержка старого api метода push с передачей аргументов последовательно, но с версии 6.0 этот функционал будет удалён.\n   * @example\n   * // Будет удален в 6.0\n   * SingleToast.push('notification', { label: \"cat meow\", handler: () => {} }, 15_000, false, \"error\")\n   *\n   * @example\n   * // Останется в > 6.0\n   * SingleToast.push('notification', { action: { label: \"cat meow\", handler: () => {} }, showTime: 15_000, showCloseIcon: false, use: \"error\" })\n   */\n  public static push = (\n    notification: React.ReactNode,\n    // TODO: после выпиливания старого api убрать здесь\n    configOrAction?: ToastPushConfig | Nullable<Action>,\n    showTime?: number,\n    showCloseIcon?: boolean,\n    use?: ToastUse,\n  ) => {\n    SingleToast.close();\n    SingleToast.ref.current?.push(notification, configOrAction, showTime, showCloseIcon, use);\n  };\n\n  render = () => <Toast ref={SingleToast.ref} {...this.props} />;\n}\n"],"mappings":"4tBAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;;;;AAIhC,SAASC,KAAK,QAAQ,gBAAgB;;AAEtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAaC,WAAW,0BAAAC,gBAAA,YAAAD,YAAA,OAAAE,KAAA,CAAAC,eAAA,OAAAH,WAAA,WAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAP,KAAA,GAAAQ,UAAA,OAAAV,WAAA,KAAAW,MAAA,CAAAJ,IAAA,GAAAL,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4CtBU,MAAM,GAAG,iCAAMf,KAAA,CAAAgB,aAAA,CAACd,KAAK,EAAAe,QAAA,GAACC,GAAG,EAAEf,WAAW,CAACe,GAAI,IAAKb,KAAA,CAAKc,KAAK,CAAG,CAAC,UAAAd,KAAA,EAAAe,SAAA,CAAAjB,WAAA,EAAAC,gBAAA,SAAAiB,YAAA,CAAAlB,WAAA,IA5C/BH,KAAK,CAACsB,SAAS,EA6C/CC,YAAA,GA7CYpB,WAAW,CAAXA,WAAW,CACRqB,mBAAmB,GAAG,aAAa,CADtCrB,WAAW,CAERsB,WAAW,GAAG,aAAa,CAF9BtB,WAAW,CAGRe,GAAG,gBAAGlB,KAAK,CAAC0B,SAAS,CAAQ,CAAC,CAHjCvB,WAAW,CAKRwB,KAAK,GAAe,YAAM,CACtC,IAAI3B,KAAK,CAAC4B,OAAO,CAACC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CACpC5B,QAAQ,CAAC6B,SAAS,CAAC,iBAAAC,qBAAA,SAAAA,qBAAA,GAAM5B,YAAW,CAACe,GAAG,CAACc,OAAO,cAAAD,qBAAA,uBAAvBA,qBAAA,CAAyBJ,KAAK,CAAC,CAAC,GAAC,CAC5D,CAAC,MAAM,KAAAM,sBAAA,CACL,CAAAA,sBAAA,GAAA9B,YAAW,CAACe,GAAG,CAACc,OAAO,cAAAC,sBAAA,eAAvBA,sBAAA,CAAyBN,KAAK,CAAC,CAAC,CAClC,CACF,CAAC,EAED;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GA/BaxB,WAAW,CAgCR+B,IAAI,GAAG,UACnBC,YAA6B,EAE7BC,cAAmD,EACnDC,QAAiB,EACjBC,aAAuB,EACvBC,GAAc,EACX,KAAAC,sBAAA,CACHrC,YAAW,CAACwB,KAAK,CAAC,CAAC,CACnB,CAAAa,sBAAA,GAAArC,YAAW,CAACe,GAAG,CAACc,OAAO,cAAAQ,sBAAA,eAAvBA,sBAAA,CAAyBN,IAAI,CAACC,YAAY,EAAEC,cAAc,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,GAAG,CAAC,CAC3F,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ReactDOM","Toast","SingleToast","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","render","createElement","_extends","ref","props","_inheritsLoose","Component","_SingleToast","__KONTUR_REACT_UI__","displayName","createRef","close","version","search","flushSync","_SingleToast$ref$curr","current","_SingleToast$ref$curr2","push","notification","configOrAction","showTime","showCloseIcon","use","_SingleToast$ref$curr3"],"sources":["SingleToast.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport type { Nullable } from '../../typings/utility-types';\nimport type { ToastClose, Action, ToastProps, ToastUse, ToastPushConfig } from '../Toast/Toast';\nimport { Toast } from '../Toast/Toast';\n\n/**\n * `SingleToast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.\n * Результат может быть положительным, отрицательным или нейтральным.\n *\n * Позволяет вызывать тосты с помощью статических методов.\n * В отличие от статических методов из компонента Toast их можно кастомизировать и они работают с `React@18`.\n *\n * Метод `push` поддерживает два api.\n *\n * 1. Устаревший с последовательной передачей аргументов: `SingleToast.push('Hi', { label: 'Cancel', handler: () => {} }, 15000)`\n * 2. Новый с передачей объекта конфигурации: `SingleToast.push('Hi', { action: { label: 'Cancel', handler: () => {} }, showTime: 15000 })`\n *\n * Устаревший подход с передачей аргументов последовательным образом **будет удалён** в следующей мажорной версии.\n *\n * ##### Особенности компонента SingleToast\n * Для корректной работы `<SingleToast />` должен быть отрисован только **один раз** на странице. После чего его можно вызывать из любого места приложения методом `SingleToast.push()`. Однако, переданные в компонент пропсы, такие как `theme`, `onPush` и остальные, будут применяться ко всем вызовам.\n */\nexport class SingleToast extends React.Component<ToastProps> {\n  public static __KONTUR_REACT_UI__ = 'SingleToast';\n  public static displayName = 'SingleToast';\n  public static ref = React.createRef<Toast>();\n\n  public static close: ToastClose = () => {\n    if (React.version.search('18') === 0) {\n      ReactDOM.flushSync(() => SingleToast.ref.current?.close());\n    } else {\n      SingleToast.ref.current?.close();\n    }\n  };\n\n  /**\n   * Показывает тост с `notification` в качестве сообщения.\n   * Тост автоматически скрывается через 3 или 7 секунд,\n   * в зависимости от наличия у него кнопки `action` внутри config-а.\n   * Время показа можно задать вручную, передав `showTime` внутри config-а.\n   *\n   * @public\n   * @param {React.ReactNode} notification\n   * @param {ToastPushConfig} config объект с конфигурацией отображения компонента Toast\n   *\n   * @description Сейчас есть поддержка старого api метода push с передачей аргументов последовательно, но с версии 6.0 этот функционал будет удалён.\n   * @example\n   * // Будет удален в 6.0\n   * SingleToast.push('notification', { label: \"cat meow\", handler: () => {} }, 15_000, false, \"error\")\n   *\n   * @example\n   * // Останется в > 6.0\n   * SingleToast.push('notification', { action: { label: \"cat meow\", handler: () => {} }, showTime: 15_000, showCloseIcon: false, use: \"error\" })\n   */\n  public static push = (\n    notification: React.ReactNode,\n    // TODO: после выпиливания старого api убрать здесь\n    configOrAction?: ToastPushConfig | Nullable<Action>,\n    showTime?: number,\n    showCloseIcon?: boolean,\n    use?: ToastUse,\n  ) => {\n    SingleToast.close();\n    SingleToast.ref.current?.push(notification, configOrAction, showTime, showCloseIcon, use);\n  };\n\n  render = () => <Toast ref={SingleToast.ref} {...this.props} />;\n}\n"],"mappings":"iJAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;;;;AAIhC,SAASC,KAAK,QAAQ,gBAAgB;;AAEtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAaC,WAAW,0BAAAC,gBAAA,YAAAD,YAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4CtBU,MAAM,GAAG,iCAAMf,KAAA,CAAAgB,aAAA,CAACd,KAAK,EAAAe,QAAA,GAACC,GAAG,EAAEf,WAAW,CAACe,GAAI,IAAKb,KAAA,CAAKc,KAAK,CAAG,CAAC,UAAAd,KAAA,EAAAe,cAAA,CAAAjB,WAAA,EAAAC,gBAAA,SAAAD,WAAA,GA5C/BH,KAAK,CAACqB,SAAS,EA6C/CC,YAAA,GA7CYnB,WAAW,CAAXA,WAAW,CACRoB,mBAAmB,GAAG,aAAa,CADtCpB,WAAW,CAERqB,WAAW,GAAG,aAAa,CAF9BrB,WAAW,CAGRe,GAAG,gBAAGlB,KAAK,CAACyB,SAAS,CAAQ,CAAC,CAHjCtB,WAAW,CAKRuB,KAAK,GAAe,YAAM,CACtC,IAAI1B,KAAK,CAAC2B,OAAO,CAACC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CACpC3B,QAAQ,CAAC4B,SAAS,CAAC,iBAAAC,qBAAA,SAAAA,qBAAA,GAAM3B,YAAW,CAACe,GAAG,CAACa,OAAO,qBAAvBD,qBAAA,CAAyBJ,KAAK,CAAC,CAAC,GAAC,CAC5D,CAAC,MAAM,KAAAM,sBAAA,CACL,CAAAA,sBAAA,GAAA7B,YAAW,CAACe,GAAG,CAACa,OAAO,aAAvBC,sBAAA,CAAyBN,KAAK,CAAC,CAAC,CAClC,CACF,CAAC,EAED;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GA/BavB,WAAW,CAgCR8B,IAAI,GAAG,UACnBC,YAA6B,EAE7BC,cAAmD,EACnDC,QAAiB,EACjBC,aAAuB,EACvBC,GAAc,EACX,KAAAC,sBAAA,CACHpC,YAAW,CAACuB,KAAK,CAAC,CAAC,CACnB,CAAAa,sBAAA,GAAApC,YAAW,CAACe,GAAG,CAACa,OAAO,aAAvBQ,sBAAA,CAAyBN,IAAI,CAACC,YAAY,EAAEC,cAAc,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,GAAG,CAAC,CAC3F,CAAC","ignoreList":[]}

package/components/Spinner/Spinner/Spinner.js

@@ -1,16 +1,6 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _Spinner;
-function _callSuper(t, o, e) {
-  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
-}
 import React from 'react';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { SpinnerIcon } from "../../../internal/SpinnerIcon/SpinnerIcon";
@@ -30,17 +20,17 @@ export var SpinnerDataTids = {
 export var Spinner = rootNode(_class = (_Spinner = /*#__PURE__*/function (_React$Component) {
   function Spinner() {
     var _this;
-    _classCallCheck(this, Spinner);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, Spinner, [].concat(args));
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.getProps = createPropsGetter(Spinner.defaultProps);
     _this.renderSpinner = function (type, dimmed, inline) {
+      var _cx;
       return /*#__PURE__*/(
         React.createElement(SpinnerIcon, {
           size: type,
-          className: cx(_defineProperty(_defineProperty(_defineProperty({}, styles.circle(_this.theme), !dimmed && !_this.props.color), styles.circleDimmedColor(_this.theme), dimmed), styles.circleWithoutColorAnimation(), dimmed || !!_this.props.color)),
+          className: cx((_cx = {}, _cx[styles.circle(_this.theme)] = !dimmed && !_this.props.color, _cx[styles.circleDimmedColor(_this.theme)] = dimmed, _cx[styles.circleWithoutColorAnimation()] = dimmed || !!_this.props.color, _cx)),
           dimmed: dimmed,
           width: _this.props.width,
           color: _this.props.color,
@@ -57,37 +47,35 @@ export var Spinner = rootNode(_class = (_Spinner = /*#__PURE__*/function (_React
     };
     return _this;
   }
-  _inherits(Spinner, _React$Component);
-  return _createClass(Spinner, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this2.theme = theme;
-        return _this2.renderMain();
-      });
-    }
-  }, {
-    key: "renderMain",
-    value: function renderMain() {
-      var _this$props = this.props,
-        _this$props$caption = _this$props.caption,
-        caption = _this$props$caption === void 0 ? null : _this$props$caption,
-        dimmed = _this$props.dimmed,
-        inline = _this$props.inline;
-      var type = this.getProps().type;
-      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-        rootNodeRef: this.setRootNode
-      }, this.props), /*#__PURE__*/React.createElement("div", {
-        "data-tid": SpinnerDataTids.root,
-        className: styles.spinner()
-      }, /*#__PURE__*/React.createElement("span", {
-        className: styles.inner()
-      }, this.renderSpinner(type, dimmed, inline)), caption && this.renderCaption(type, caption)));
-    }
-  }]);
+  _inheritsLoose(Spinner, _React$Component);
+  var _proto = Spinner.prototype;
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return _this2.renderMain();
+    });
+  };
+  _proto.renderMain = function renderMain() {
+    var _this$props = this.props,
+      _this$props$caption = _this$props.caption,
+      caption = _this$props$caption === void 0 ? null : _this$props$caption,
+      dimmed = _this$props.dimmed,
+      inline = _this$props.inline;
+    var type = this.getProps().type;
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), /*#__PURE__*/React.createElement("div", {
+      "data-tid": SpinnerDataTids.root,
+      className: styles.spinner()
+    }, /*#__PURE__*/React.createElement("span", {
+      className: styles.inner()
+    }, this.renderSpinner(type, dimmed, inline)), caption && this.renderCaption(type, caption)));
+  };
+  return Spinner;
 }(React.Component), _Spinner.__KONTUR_REACT_UI__ = 'Spinner', _Spinner.displayName = 'Spinner', _Spinner.defaultProps = {
   type: 'normal'
-}, _Spinner.Types = Object.assign.apply(Object, [{}].concat(_toConsumableArray(types.map(function (type) {
-  return _defineProperty({}, type, type);
-})))), _Spinner)) || _class;
+}, _Spinner.Types = Object.assign.apply(Object, [{}].concat(types.map(function (type) {
+  var _ref;
+  return _ref = {}, _ref[type] = type, _ref;
+}))), _Spinner)) || _class;

package/components/Spinner/Spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ThemeContext","SpinnerIcon","CommonWrapper","cx","rootNode","createPropsGetter","styles","types","SpinnerDataTids","root","Spinner","_class","_Spinner","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","getProps","defaultProps","renderSpinner","type","dimmed","inline","createElement","size","className","_defineProperty","circle","theme","props","color","circleDimmedColor","circleWithoutColorAnimation","width","renderCaption","caption","captionColor","_inherits","_createClass","key","value","render","_this2","Consumer","renderMain","_this$props","_this$props$caption","_extends","rootNodeRef","setRootNode","spinner","inner","Component","__KONTUR_REACT_UI__","displayName","Types","Object","assign","apply","_toConsumableArray","map"],"sources":["Spinner.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { SpinnerIcon } from '../../internal/SpinnerIcon/SpinnerIcon';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './Spinner.styles';\n\nconst types = ['big', 'mini', 'normal'] as const;\n\nexport type SpinnerType = (typeof types)[number];\n\nexport interface SpinnerProps extends CommonProps {\n  /**\n   * Подпись спиннера\n   */\n  caption?: React.ReactNode;\n\n  /**\n   * Размер индикатора и текста\n   *\n   * @default normal\n   */\n  type?: SpinnerType;\n\n  /**\n   * Одноцветный режим. Удобная альтернатива пропа `dimmed`\n   */\n  color?: React.CSSProperties['color'];\n\n  /**\n   * Уменьшает размер индикатора для работы в строках. Если задан, то размер индикитора из `type` игнорируется\n   *\n   * @default false\n   */\n  inline?: boolean;\n\n  /**\n   * Толщина индикатора в пикселях.\n   *\n   * @default 2\n   */\n  width?: number;\n\n  /**\n   * Одноцветный режим. Цвет спиннера не переливается. Можно кастомизировать переменной `spinnerDimmedColor`\n   *\n   * @default false\n   */\n  dimmed?: boolean;\n}\n\nexport const SpinnerDataTids = {\n  root: 'Spinner__root',\n} as const;\n\ntype DefaultProps = Required<Pick<SpinnerProps, 'type'>>;\n\n/**\n * `Spinner` — это зацикленный индикатор, не отображающий прогресс выполнения задачи.\n */\n@rootNode\nexport class Spinner extends React.Component<SpinnerProps> {\n  public static __KONTUR_REACT_UI__ = 'Spinner';\n  public static displayName = 'Spinner';\n\n  public static defaultProps: DefaultProps = {\n    type: 'normal',\n  };\n\n  private getProps = createPropsGetter(Spinner.defaultProps);\n\n  public static Types: Record<SpinnerType, SpinnerType> = Object.assign({}, ...types.map((type) => ({ [type]: type })));\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\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 { caption = null, dimmed, inline } = this.props;\n    const type = this.getProps().type;\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div data-tid={SpinnerDataTids.root} 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    return (\n      <SpinnerIcon\n        size={type}\n        className={cx({\n          [styles.circle(this.theme)]: !dimmed && !this.props.color,\n          [styles.circleDimmedColor(this.theme)]: dimmed,\n          [styles.circleWithoutColorAnimation()]: dimmed || !!this.props.color,\n        })}\n        dimmed={dimmed}\n        width={this.props.width}\n        color={this.props.color}\n        inline={inline}\n      />\n    );\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ThemeContext","SpinnerIcon","CommonWrapper","cx","rootNode","createPropsGetter","styles","types","SpinnerDataTids","root","Spinner","_class","_Spinner","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","renderSpinner","type","dimmed","inline","_cx","createElement","size","className","circle","theme","props","color","circleDimmedColor","circleWithoutColorAnimation","width","renderCaption","caption","captionColor","_inheritsLoose","_proto","prototype","render","_this2","Consumer","renderMain","_this$props","_this$props$caption","_extends","rootNodeRef","setRootNode","spinner","inner","Component","__KONTUR_REACT_UI__","displayName","Types","Object","assign","map","_ref"],"sources":["Spinner.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { SpinnerIcon } from '../../internal/SpinnerIcon/SpinnerIcon';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './Spinner.styles';\n\nconst types = ['big', 'mini', 'normal'] as const;\n\nexport type SpinnerType = (typeof types)[number];\n\nexport interface SpinnerProps extends CommonProps {\n  /**\n   * Подпись спиннера\n   */\n  caption?: React.ReactNode;\n\n  /**\n   * Размер индикатора и текста\n   *\n   * @default normal\n   */\n  type?: SpinnerType;\n\n  /**\n   * Одноцветный режим. Удобная альтернатива пропа `dimmed`\n   */\n  color?: React.CSSProperties['color'];\n\n  /**\n   * Уменьшает размер индикатора для работы в строках. Если задан, то размер индикитора из `type` игнорируется\n   *\n   * @default false\n   */\n  inline?: boolean;\n\n  /**\n   * Толщина индикатора в пикселях.\n   *\n   * @default 2\n   */\n  width?: number;\n\n  /**\n   * Одноцветный режим. Цвет спиннера не переливается. Можно кастомизировать переменной `spinnerDimmedColor`\n   *\n   * @default false\n   */\n  dimmed?: boolean;\n}\n\nexport const SpinnerDataTids = {\n  root: 'Spinner__root',\n} as const;\n\ntype DefaultProps = Required<Pick<SpinnerProps, 'type'>>;\n\n/**\n * `Spinner` — это зацикленный индикатор, не отображающий прогресс выполнения задачи.\n */\n@rootNode\nexport class Spinner extends React.Component<SpinnerProps> {\n  public static __KONTUR_REACT_UI__ = 'Spinner';\n  public static displayName = 'Spinner';\n\n  public static defaultProps: DefaultProps = {\n    type: 'normal',\n  };\n\n  private getProps = createPropsGetter(Spinner.defaultProps);\n\n  public static Types: Record<SpinnerType, SpinnerType> = Object.assign({}, ...types.map((type) => ({ [type]: type })));\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\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 { caption = null, dimmed, inline } = this.props;\n    const type = this.getProps().type;\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div data-tid={SpinnerDataTids.root} 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    return (\n      <SpinnerIcon\n        size={type}\n        className={cx({\n          [styles.circle(this.theme)]: !dimmed && !this.props.color,\n          [styles.circleDimmedColor(this.theme)]: dimmed,\n          [styles.circleWithoutColorAnimation()]: dimmed || !!this.props.color,\n        })}\n        dimmed={dimmed}\n        width={this.props.width}\n        color={this.props.color}\n        inline={inline}\n      />\n    );\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"],"mappings":"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","ignoreList":[]}

package/components/Spinner/Spinner.styles/Spinner.styles.js

@@ -1,46 +1,46 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 import { AnimationKeyframes } from "../../../lib/theming/AnimationKeyframes";
 import { isIE11 } from "../../../lib/client";
 export var styles = memoizeStyle({
   circle: function circle(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      stroke: ", ";\n\n      ", "\n    "])), t.spinnerColor, !isIE11 && "\n          animation: ".concat(AnimationKeyframes.spinnerCircleOffset(), " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n            ").concat(AnimationKeyframes.spinnerCircleLength(), " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n            ").concat(AnimationKeyframes.spinnerCircleRotate(), " 2s linear infinite,\n            ").concat(AnimationKeyframes.spinnerColor(t), " 6s ease-in-out infinite;\n        "));
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      stroke: ", ";\n\n      ", "\n    "])), t.spinnerColor, !isIE11 && "\n          animation: " + AnimationKeyframes.spinnerCircleOffset() + " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n            " + AnimationKeyframes.spinnerCircleLength() + " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n            " + AnimationKeyframes.spinnerCircleRotate() + " 2s linear infinite,\n            " + AnimationKeyframes.spinnerColor(t) + " 6s ease-in-out infinite;\n        ");
   },
   circleDimmedColor: function circleDimmedColor(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      stroke: ", ";\n    "])), t.spinnerDimmedColor);
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      stroke: ", ";\n    "])), t.spinnerDimmedColor);
   },
   circleWithoutColorAnimation: function circleWithoutColorAnimation() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      ", "\n    "])), !isIE11 && "\n          animation: ".concat(AnimationKeyframes.spinnerCircleOffset(), " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          ").concat(AnimationKeyframes.spinnerCircleLength(), " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          ").concat(AnimationKeyframes.spinnerCircleRotate(), " 2s linear infinite;\n        "));
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), !isIE11 && "\n          animation: " + AnimationKeyframes.spinnerCircleOffset() + " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          " + AnimationKeyframes.spinnerCircleLength() + " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          " + AnimationKeyframes.spinnerCircleRotate() + " 2s linear infinite;\n        ");
   },
   captionColor: function captionColor(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), t.spinnerCaptionColor);
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.spinnerCaptionColor);
   },
   inline: function inline() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      font-size: inherit;\n      line-height: inherit;\n    "])));
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      font-size: inherit;\n      line-height: inherit;\n    "])));
   },
   mini: function mini(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      margin-left: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.spinnerCaptionGapSmall, t.spinnerFontSizeSmall, t.spinnerLineHeightSmall);
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      margin-left: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.spinnerCaptionGapSmall, t.spinnerFontSizeSmall, t.spinnerLineHeightSmall);
   },
   small: function small(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      margin: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.spinnerCaptionMarginSmall, t.spinnerFontSizeSmall, t.spinnerLineHeightSmall);
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      margin: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.spinnerCaptionMarginSmall, t.spinnerFontSizeSmall, t.spinnerLineHeightSmall);
   },
   normal: function normal(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      display: block;\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    "])), t.spinnerFontSizeMedium, t.spinnerLineHeightMedium, t.spinnerCaptionGapMedium);
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      display: block;\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    "])), t.spinnerFontSizeMedium, t.spinnerLineHeightMedium, t.spinnerCaptionGapMedium);
   },
   medium: function medium(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      margin: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.spinnerCaptionMarginMedium, t.spinnerFontSizeMedium, t.spinnerLineHeightMedium);
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      margin: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.spinnerCaptionMarginMedium, t.spinnerFontSizeMedium, t.spinnerLineHeightMedium);
   },
   big: function big(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      display: block;\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    "])), t.spinnerFontSizeLarge, t.spinnerLineHeightLarge, t.spinnerCaptionGapLarge);
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      display: block;\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    "])), t.spinnerFontSizeLarge, t.spinnerLineHeightLarge, t.spinnerCaptionGapLarge);
   },
   large: function large(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      font-size: ", ";\n      line-height: ", ";\n      margin: ", ";\n    "])), t.spinnerFontSizeLarge, t.spinnerLineHeightLarge, t.spinnerCaptionMarginLarge);
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      margin: ", ";\n    "])), t.spinnerFontSizeLarge, t.spinnerLineHeightLarge, t.spinnerCaptionMarginLarge);
   },
   spinner: function spinner() {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      display: inline-block;\n      text-align: center;\n      line-height: normal;\n    "])));
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      text-align: center;\n      line-height: normal;\n    "])));
   },
   inner: function inner() {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      display: inline-block;\n    "])));
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "])));
   }
 });

package/components/Spinner/Spinner.styles/Spinner.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","AnimationKeyframes","isIE11","styles","circle","t","_templateObject","_taggedTemplateLiteral","spinnerColor","concat","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","circleDimmedColor","_templateObject2","spinnerDimmedColor","circleWithoutColorAnimation","_templateObject3","captionColor","_templateObject4","spinnerCaptionColor","inline","_templateObject5","mini","_templateObject6","spinnerCaptionGapSmall","spinnerFontSizeSmall","spinnerLineHeightSmall","small","_templateObject7","spinnerCaptionMarginSmall","normal","_templateObject8","spinnerFontSizeMedium","spinnerLineHeightMedium","spinnerCaptionGapMedium","medium","_templateObject9","spinnerCaptionMarginMedium","big","_templateObject10","spinnerFontSizeLarge","spinnerLineHeightLarge","spinnerCaptionGapLarge","large","_templateObject11","spinnerCaptionMarginLarge","spinner","_templateObject12","inner","_templateObject13"],"sources":["Spinner.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { 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()} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n            ${AnimationKeyframes.spinnerCircleLength()} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n            ${AnimationKeyframes.spinnerCircleRotate()} 2s linear infinite,\n            ${AnimationKeyframes.spinnerColor(t)} 6s ease-in-out infinite;\n        `}\n    `;\n  },\n  circleDimmedColor(t: Theme) {\n    return css`\n      stroke: ${t.spinnerDimmedColor};\n    `;\n  },\n  circleWithoutColorAnimation() {\n    return css`\n      ${!isIE11 &&\n      `\n          animation: ${AnimationKeyframes.spinnerCircleOffset()} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          ${AnimationKeyframes.spinnerCircleLength()} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          ${AnimationKeyframes.spinnerCircleRotate()} 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  small(t: Theme) {\n    return css`\n      margin: ${t.spinnerCaptionMarginSmall};\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  medium(t: Theme) {\n    return css`\n      margin: ${t.spinnerCaptionMarginMedium};\n      font-size: ${t.spinnerFontSizeMedium};\n      line-height: ${t.spinnerLineHeightMedium};\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  large(t: Theme) {\n    return css`\n      font-size: ${t.spinnerFontSizeLarge};\n      line-height: ${t.spinnerLineHeightLarge};\n      margin: ${t.spinnerCaptionMarginLarge};\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","AnimationKeyframes","isIE11","styles","circle","t","_templateObject","_taggedTemplateLiteralLoose","spinnerColor","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","circleDimmedColor","_templateObject2","spinnerDimmedColor","circleWithoutColorAnimation","_templateObject3","captionColor","_templateObject4","spinnerCaptionColor","inline","_templateObject5","mini","_templateObject6","spinnerCaptionGapSmall","spinnerFontSizeSmall","spinnerLineHeightSmall","small","_templateObject7","spinnerCaptionMarginSmall","normal","_templateObject8","spinnerFontSizeMedium","spinnerLineHeightMedium","spinnerCaptionGapMedium","medium","_templateObject9","spinnerCaptionMarginMedium","big","_templateObject10","spinnerFontSizeLarge","spinnerLineHeightLarge","spinnerCaptionGapLarge","large","_templateObject11","spinnerCaptionMarginLarge","spinner","_templateObject12","inner","_templateObject13"],"sources":["Spinner.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { 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()} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n            ${AnimationKeyframes.spinnerCircleLength()} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n            ${AnimationKeyframes.spinnerCircleRotate()} 2s linear infinite,\n            ${AnimationKeyframes.spinnerColor(t)} 6s ease-in-out infinite;\n        `}\n    `;\n  },\n  circleDimmedColor(t: Theme) {\n    return css`\n      stroke: ${t.spinnerDimmedColor};\n    `;\n  },\n  circleWithoutColorAnimation() {\n    return css`\n      ${!isIE11 &&\n      `\n          animation: ${AnimationKeyframes.spinnerCircleOffset()} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          ${AnimationKeyframes.spinnerCircleLength()} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          ${AnimationKeyframes.spinnerCircleRotate()} 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  small(t: Theme) {\n    return css`\n      margin: ${t.spinnerCaptionMarginSmall};\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  medium(t: Theme) {\n    return css`\n      margin: ${t.spinnerCaptionMarginMedium};\n      font-size: ${t.spinnerFontSizeMedium};\n      line-height: ${t.spinnerLineHeightMedium};\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  large(t: Theme) {\n    return css`\n      font-size: ${t.spinnerFontSizeLarge};\n      line-height: ${t.spinnerLineHeightLarge};\n      margin: ${t.spinnerCaptionMarginLarge};\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"],"mappings":"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","ignoreList":[]}

package/components/Spinner/SpinnerFallbackAnimation/SpinnerFallbackAnimation.js

@@ -1,10 +1,8 @@
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck"; /* eslint-disable no-useless-constructor */
+/* eslint-disable no-useless-constructor */
 import { globalObject } from '@skbkontur/global-object';
 import { ColorFactory } from "../../../lib/styles/ColorFactory";
-export var SpinnerFallbackAnimationRunner = /*#__PURE__*/_createClass(function SpinnerFallbackAnimationRunner(animations, FPS) {
+export var SpinnerFallbackAnimationRunner = function SpinnerFallbackAnimationRunner(animations, FPS) {
   var _this = this;
-  _classCallCheck(this, SpinnerFallbackAnimationRunner);
   this.interval = null;
   this.start = function () {
     _this.animations.forEach(function (animation) {
@@ -27,7 +25,7 @@ export var SpinnerFallbackAnimationRunner = /*#__PURE__*/_createClass(function S
   this.animations = animations;
   this.FPS = FPS;
   this.start();
-});
+};
 var rafInterval = function rafInterval(fn, delay) {
   var lastcall = 0;
   var cleared = false;
@@ -51,15 +49,13 @@ var rafInterval = function rafInterval(fn, delay) {
   interval();
   return {
     clear: function clear() {
-      var _globalObject$cancelA;
       cleared = true;
-      (_globalObject$cancelA = globalObject.cancelAnimationFrame) === null || _globalObject$cancelA === void 0 || _globalObject$cancelA.call(globalObject, rafId);
+      globalObject.cancelAnimationFrame == null || globalObject.cancelAnimationFrame(rafId);
     }
   };
 };
-var Animation = /*#__PURE__*/_createClass(function Animation(duration, onProgress, onFinish) {
+var Animation = function Animation(duration, onProgress, onFinish) {
   var _this2 = this;
-  _classCallCheck(this, Animation);
   this.startTime = 0;
   this.isFinished = false;
   this.step = function () {
@@ -92,23 +88,27 @@ var Animation = /*#__PURE__*/_createClass(function Animation(duration, onProgres
   this.duration = duration;
   this.onProgress = onProgress;
   this.onFinish = onFinish;
-});
-export var createOffsetAnimation = function createOffsetAnimation(from, to, duration, setStyleProperty) {
-  var units = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : '';
+};
+export var createOffsetAnimation = function createOffsetAnimation(from, to, duration, setStyleProperty, units) {
+  if (units === void 0) {
+    units = '';
+  }
   return new Animation(duration, function (progress) {
     var current = from + (to - from) * progress;
-    setStyleProperty('stroke-dashoffset', "".concat(current).concat(units));
+    setStyleProperty('stroke-dashoffset', "" + current + units);
   }, function (animation) {
     animation.reset();
   });
 };
-export var createLengthAnimation = function createLengthAnimation(from, to, duration, setStyleProperty) {
-  var units = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : '';
+export var createLengthAnimation = function createLengthAnimation(from, to, duration, setStyleProperty, units) {
+  if (units === void 0) {
+    units = '';
+  }
   var reverse = false;
   return new Animation(duration, function (progress) {
     var p = reverse ? 1 - progress : progress;
     var current = [from[0] + (to[0] - from[0]) * p, from[1] + (to[1] - from[1]) * p];
-    setStyleProperty('stroke-dasharray', "".concat(current[0]).concat(units, " ").concat(current[1]).concat(units));
+    setStyleProperty('stroke-dasharray', "" + current[0] + units + " " + current[1] + units);
   }, function (animation) {
     reverse = !reverse;
     animation.reset();
@@ -125,7 +125,7 @@ export var createColorAnimation = function createColorAnimation(colors, duration
     var to = rgbColors[nextIndex];
     if (from && to) {
       var current = [Math.round(from[0] + (to[0] - from[0]) * progress), Math.round(from[1] + (to[1] - from[1]) * progress), Math.round(from[2] + (to[2] - from[2]) * progress)];
-      setStyleProperty('stroke', "rgb(".concat(current, ")"));
+      setStyleProperty('stroke', "rgb(" + current + ")");
     }
   }, function (animation) {
     animation.reset();
@@ -133,11 +133,13 @@ export var createColorAnimation = function createColorAnimation(colors, duration
     nextIndex = (nextIndex + 1) % colors.length;
   });
 };
-export var createRotationAnimation = function createRotationAnimation(from, to, duration, setStyleProperty) {
-  var units = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'deg';
+export var createRotationAnimation = function createRotationAnimation(from, to, duration, setStyleProperty, units) {
+  if (units === void 0) {
+    units = 'deg';
+  }
   return new Animation(duration, function (progress) {
     var current = Math.round(from + (to - from) * progress);
-    setStyleProperty('transform', "rotate(".concat(current).concat(units, ")"));
+    setStyleProperty('transform', "rotate(" + current + units + ")");
   }, function (animation) {
     animation.reset();
   });