@skbkontur/react-ui 0.0.0-b408db2ccf → 0.0.0-b4710fb038

package/components/GlobalLoader/GlobalLoader.d.ts

@@ -1,107 +1,98 @@
-import React from 'react';
-export interface GlobalLoaderProps {
-    /**
-     * Время(ms) до появления лоадера
-     */
-    delayBeforeShow?: number;
-    /**
-     * Время(ms) до исчезновения лоадера
-     */
-    delayBeforeHide?: number;
-    /**
-     * Ожидаемое время(ms) ответа сервера
-     */
-    expectedResponseTime?: number;
-    /**
-     * Анимация лоадера в виде спиннера
-     */
-    rejected?: boolean;
-    /**
-     * Показывать лоадер
-     */
-    active?: boolean;
-    /**
-     * Не показывать анимацию
-     */
-    disableAnimations?: boolean;
-    /**
-     * Коллбек, вызывающийся после появления лоадера
-     */
-    onStart?(): void;
-    /**
-     * Коллбек, вызывающийся после исчезновения лоадера
-     */
-    onDone?(): void;
-    /**
-     * Коллбек, вызывающийся после вызова `GlobalLoader.reject()`.
-     * Или после установки пропа `rejected = true`
-     */
-    onReject?(): void;
-    /**
-     * Коллбек, вызывающийся после вызова `GlobalLoader.accept()`.
-     * Или после установки пропа `rejected = false`
-     */
-    onAccept?(): void;
-}
-export interface GlobalLoaderState {
-    visible: boolean;
-    done: boolean;
-    rejected: boolean;
-    accept: boolean;
-    dead: boolean;
-    successAnimationInProgress: boolean;
-    expectedResponseTime: number;
-    started: boolean;
-}
-export declare const GlobalLoaderDataTids: {
-    readonly root: "GlobalLoader";
-};
-type DefaultProps = Required<Pick<GlobalLoaderProps, 'expectedResponseTime' | 'delayBeforeShow' | 'delayBeforeHide' | 'rejected' | 'active' | 'disableAnimations'>>;
-export declare class GlobalLoader extends React.Component<GlobalLoaderProps, GlobalLoaderState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    private setRootNode;
-    private getProps;
-    private readonly startTask;
-    private readonly stopTask;
-    private readonly resumeTaskAfterSuccessAnimation;
-    static defaultProps: DefaultProps;
-    constructor(props: GlobalLoaderProps);
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Readonly<GlobalLoaderProps>): void;
-    render(): false | React.JSX.Element;
-    /**
-     * Запускает анимацию лоадера <br />
-     * Равносильно установке пропа `active = true`
-     *
-     * @public
-     */
-    static start: (expectedResponseTime?: number) => void;
-    /**
-     * Показывает анимацию успешного завершения загрузки <br />
-     * Равносильно установке пропа `active = false`
-     *
-     * @public
-     */
-    static done: () => void;
-    /**
-     * Переключает анимацию лоадера в состояние спиннера <br />
-     * Равносильно установке пропа `rejected = true`
-     *
-     * @public
-     */
-    static reject: () => void;
-    /**
-     * Возвращает лоадер из состояния спиннера в обычное и продолжает анимацию с того места, на котором она была прерван <br />
-     * Равносильно установке пропа `rejected = false`
-     *
-     * @public
-     */
-    static accept: () => void;
-    setActive: () => void;
-    setDone: () => void;
-    setReject: (reject: boolean) => void;
-    updateExpectedResponseTime(expectedResponseTime: number): void;
-    kill: () => void;
-}
-export {};
+import React from 'react';
+export interface GlobalLoaderProps {
+    /** Устанавливает задержку в миллисекундах до появления лоадера. */
+    delayBeforeShow?: number;
+    /** Устанавливает задержку в миллисекундах до исчезновения лоадера. */
+    delayBeforeHide?: number;
+    /** Устанавливает ожидаемое время(ms) ответа сервера. */
+    expectedResponseTime?: number;
+    /** Определяет, нужно ли показывать анимацию лоадера в виде спиннера. */
+    rejected?: boolean;
+    /** Определяет, показывать ли лоадер. */
+    active?: boolean;
+    /** Отключает анимацию. */
+    disableAnimations?: boolean;
+    /** Задает коллбек, вызывающийся после появления лоадера. */
+    onStart?(): void;
+    /** Задает коллбек, вызывающийся после исчезновения лоадера. */
+    onDone?(): void;
+    /** Задает коллбек, вызывающийся после вызова GlobalLoader.reject(). Или после установки пропа rejected = true. */
+    onReject?(): void;
+    /** Задает коллбек, вызывающийся после вызова GlobalLoader.accept() или установки пропа rejected = false. */
+    onAccept?(): void;
+}
+export interface GlobalLoaderState {
+    visible: boolean;
+    done: boolean;
+    rejected: boolean;
+    accept: boolean;
+    dead: boolean;
+    successAnimationInProgress: boolean;
+    expectedResponseTime: number;
+    started: boolean;
+}
+export declare const GlobalLoaderDataTids: {
+    readonly root: "GlobalLoader";
+};
+type DefaultProps = Required<Pick<GlobalLoaderProps, 'expectedResponseTime' | 'delayBeforeShow' | 'delayBeforeHide' | 'rejected' | 'active' | 'disableAnimations'>>;
+/**
+ * Глобальный лоадер `GlobalLoader` — это универсальный индикатор обмена данными с сервером.
+ * Он появляется у верхней границы экрана и выглядит как тоненькая полоска, окрашенная в фирменный цвет продукта.
+ *
+ * `GlobalLoader` может быть только один в приложении. Поэтому, каждый новый экземпляр компонента "убивает" предыдущий экземпляр, и начинает перехватывать статические методы.
+ *
+ * Предполагается монтирование компонента в единственном месте. И управление им через статические методы, либо через пропы.
+ *
+ * `GlobalLoader` работает в двух режимах:
+ * * как прогресс-бар, примерно показывает ход получения данных от сервера.
+ * * как спиннер, когда есть проблемы с соединением.
+ */
+export declare class GlobalLoader extends React.Component<GlobalLoaderProps, GlobalLoaderState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    private setRootNode;
+    private getProps;
+    private readonly startTask;
+    private readonly stopTask;
+    private readonly resumeTaskAfterSuccessAnimation;
+    static defaultProps: DefaultProps;
+    constructor(props: GlobalLoaderProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: Readonly<GlobalLoaderProps>): void;
+    render(): false | React.JSX.Element;
+    /**
+     * Запускает анимацию лоадера <br />
+     * Равносильно установке пропа `active = true`
+     *
+     * @public
+     */
+    static start: (expectedResponseTime?: number) => void;
+    /**
+     * Показывает анимацию успешного завершения загрузки <br />
+     * Равносильно установке пропа `active = false`
+     *
+     * @public
+     */
+    static done: () => void;
+    /**
+     * Переключает анимацию лоадера в состояние спиннера <br />
+     * Равносильно установке пропа `rejected = true`
+     *
+     * @public
+     */
+    static reject: () => void;
+    /**
+     * Возвращает лоадер из состояния спиннера в обычное и продолжает анимацию с того места, на котором она была прерван <br />
+     * Равносильно установке пропа `rejected = false`
+     *
+     * @public
+     */
+    static accept: () => void;
+    setActive: () => void;
+    setDone: () => void;
+    setReject: (reject: boolean) => void;
+    updateExpectedResponseTime(expectedResponseTime: number): void;
+    kill: () => void;
+}
+export {};

package/components/GlobalLoader/GlobalLoader.md

@@ -6,7 +6,7 @@
 
 Предполагается монтирование компонента в единственном месте. И управление им через статические методы, либо через пропы.
 
-Все статические методы:
+### Все статические методы
 ```jsx harmony
 import { Button, Gapped } from '@skbkontur/react-ui';
 
@@ -18,10 +18,9 @@ import { Button, Gapped } from '@skbkontur/react-ui';
 </Gapped>
 ```
 
-Монтирование и кастомизация:
+### Монтирование и кастомизация
 ```jsx harmony
-import { Button, Toggle, Gapped, ThemeContext, ThemeFactory } from '@skbkontur/react-ui';
-import { GlobalLoader } from './GlobalLoader';
+import { Button, Toggle, Gapped, GlobalLoader, ThemeContext, ThemeFactory } from '@skbkontur/react-ui';
 
 const myTheme = ThemeFactory.create({ globalLoaderColor: 'red' });
 
@@ -63,7 +62,7 @@ const reset = () => {
 ```
 
 
-Статические методы в модалке:
+### Статические методы в модалке
 ```jsx harmony
 import { Button, Gapped, Modal } from '@skbkontur/react-ui';
 

package/components/GlobalLoader/GlobalLoaderView/GlobalLoaderView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useRef","cx","ZIndex","ThemeContext","CommonWrapper","animations","styles","useGlobalLoaderPosition","useGlobalLoaderWidth","GlobalLoaderView","_ref","expectedResponseTime","delayBeforeHide","status","disableAnimations","rest","_objectWithoutPropertiesLoose","_excluded","ref","theme","_useGlobalLoaderWidth","width","startWidth","fullWidth","_useGlobalLoaderPosit","left","getAnimationClass","successAnimation","acceptAnimation","slowAcceptAnimation","errorAnimation","standardAnimation","successWithoutAnimation","acceptWithoutAnimation","errorWithoutAnimation","standardWithoutAnimation","createElement","_extends","priority","className","outer","inner"],"sources":["GlobalLoaderView.tsx"],"sourcesContent":["import React, { useContext, useRef } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\n\nimport { animations, styles } from './GlobalLoaderView.styles';\nimport { useGlobalLoaderPosition, useGlobalLoaderWidth } from './useParams';\n\nexport interface GlobalLoaderViewProps extends Pick<CommonProps, 'data-tid'> {\n  expectedResponseTime: number;\n  delayBeforeHide: number;\n  status?: 'success' | 'error' | 'standard' | 'accept';\n  disableAnimations: boolean;\n}\n\nexport interface GlobalLoaderViewRef {\n  element: HTMLDivElement;\n  refObject: React.RefObject<GlobalLoaderViewRef['element']>;\n}\n\nexport const GlobalLoaderView = ({\n  expectedResponseTime,\n  delayBeforeHide,\n  status,\n  disableAnimations,\n  ...rest\n}: GlobalLoaderViewProps) => {\n  const ref = useRef<GlobalLoaderViewRef['element']>(null);\n  const theme = useContext(ThemeContext);\n  const { width, startWidth, fullWidth } = useGlobalLoaderWidth(status, ref);\n  const { left } = useGlobalLoaderPosition(ref);\n\n  const getAnimationClass = (status: GlobalLoaderViewProps['status']) => {\n    if (!disableAnimations) {\n      switch (status) {\n        case 'success':\n          return animations.successAnimation(delayBeforeHide, width, left);\n        case 'accept':\n          if (startWidth < fullWidth * 0.8) {\n            return animations.acceptAnimation(theme, startWidth, expectedResponseTime, width, left);\n          }\n          return animations.slowAcceptAnimation(theme, startWidth, width, left);\n        case 'error':\n          return animations.errorAnimation(theme);\n        case 'standard':\n          return animations.standardAnimation(theme, expectedResponseTime);\n      }\n    }\n\n    if (disableAnimations) {\n      switch (status) {\n        case 'success':\n          return styles.successWithoutAnimation();\n        case 'accept':\n          return animations.acceptWithoutAnimation(startWidth);\n        case 'error':\n          return styles.errorWithoutAnimation();\n        case 'standard':\n          return styles.standardWithoutAnimation();\n      }\n    }\n  };\n\n  return (\n    <CommonWrapper {...rest} data-status={status}>\n      <ZIndex priority=\"GlobalLoader\" className={styles.outer(theme)}>\n        <div ref={ref} className={cx(styles.inner(theme), getAnimationClass(status))} />\n      </ZIndex>\n    </CommonWrapper>\n  );\n};\n"],"mappings":"yPAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,MAAM,QAAQ,OAAO;;AAEjD,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,aAAa,QAAqB,8BAA8B;;AAEzE,SAASC,UAAU,EAAEC,MAAM,QAAQ,2BAA2B;AAC9D,SAASC,uBAAuB,EAAEC,oBAAoB,QAAQ,aAAa;;;;;;;;;;;;;;AAc3E,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA;;;;;;AAMA,KAL3BC,oBAAoB,GAAAD,IAAA,CAApBC,oBAAoB,CACpBC,eAAe,GAAAF,IAAA,CAAfE,eAAe,CACfC,MAAM,GAAAH,IAAA,CAANG,MAAM,CACNC,iBAAiB,GAAAJ,IAAA,CAAjBI,iBAAiB,CACdC,IAAI,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;EAEP,IAAMC,GAAG,GAAGlB,MAAM,CAAiC,IAAI,CAAC;EACxD,IAAMmB,KAAK,GAAGpB,UAAU,CAACI,YAAY,CAAC;EACtC,IAAAiB,qBAAA,GAAyCZ,oBAAoB,CAACK,MAAM,EAAEK,GAAG,CAAC,CAAlEG,KAAK,GAAAD,qBAAA,CAALC,KAAK,CAAEC,UAAU,GAAAF,qBAAA,CAAVE,UAAU,CAAEC,SAAS,GAAAH,qBAAA,CAATG,SAAS;EACpC,IAAAC,qBAAA,GAAiBjB,uBAAuB,CAACW,GAAG,CAAC,CAArCO,IAAI,GAAAD,qBAAA,CAAJC,IAAI;;EAEZ,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIb,MAAuC,EAAK;IACrE,IAAI,CAACC,iBAAiB,EAAE;MACtB,QAAQD,MAAM;QACZ,KAAK,SAAS;UACZ,OAAOR,UAAU,CAACsB,gBAAgB,CAACf,eAAe,EAAES,KAAK,EAAEI,IAAI,CAAC;QAClE,KAAK,QAAQ;UACX,IAAIH,UAAU,GAAGC,SAAS,GAAG,GAAG,EAAE;YAChC,OAAOlB,UAAU,CAACuB,eAAe,CAACT,KAAK,EAAEG,UAAU,EAAEX,oBAAoB,EAAEU,KAAK,EAAEI,IAAI,CAAC;UACzF;UACA,OAAOpB,UAAU,CAACwB,mBAAmB,CAACV,KAAK,EAAEG,UAAU,EAAED,KAAK,EAAEI,IAAI,CAAC;QACvE,KAAK,OAAO;UACV,OAAOpB,UAAU,CAACyB,cAAc,CAACX,KAAK,CAAC;QACzC,KAAK,UAAU;UACb,OAAOd,UAAU,CAAC0B,iBAAiB,CAACZ,KAAK,EAAER,oBAAoB,CAAC;MACpE;IACF;;IAEA,IAAIG,iBAAiB,EAAE;MACrB,QAAQD,MAAM;QACZ,KAAK,SAAS;UACZ,OAAOP,MAAM,CAAC0B,uBAAuB,CAAC,CAAC;QACzC,KAAK,QAAQ;UACX,OAAO3B,UAAU,CAAC4B,sBAAsB,CAACX,UAAU,CAAC;QACtD,KAAK,OAAO;UACV,OAAOhB,MAAM,CAAC4B,qBAAqB,CAAC,CAAC;QACvC,KAAK,UAAU;UACb,OAAO5B,MAAM,CAAC6B,wBAAwB,CAAC,CAAC;MAC5C;IACF;EACF,CAAC;;EAED;IACErC,KAAA,CAAAsC,aAAA,CAAChC,aAAa,EAAAiC,QAAA,KAAKtB,IAAI,IAAE,eAAaF,MAAO;IAC3Cf,KAAA,CAAAsC,aAAA,CAAClC,MAAM,IAACoC,QAAQ,EAAC,cAAc,EAACC,SAAS,EAAEjC,MAAM,CAACkC,KAAK,CAACrB,KAAK,CAAE;IAC7DrB,KAAA,CAAAsC,aAAA,UAAKlB,GAAG,EAAEA,GAAI,EAACqB,SAAS,EAAEtC,EAAE,CAACK,MAAM,CAACmC,KAAK,CAACtB,KAAK,CAAC,EAAEO,iBAAiB,CAACb,MAAM,CAAC,CAAE,EAAE;IACzE;IACK,CAAC;;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useContext","useRef","cx","ZIndex","ThemeContext","CommonWrapper","animations","styles","useGlobalLoaderPosition","useGlobalLoaderWidth","GlobalLoaderView","_ref","expectedResponseTime","delayBeforeHide","status","disableAnimations","rest","_objectWithoutPropertiesLoose","_excluded","ref","theme","_useGlobalLoaderWidth","width","startWidth","fullWidth","_useGlobalLoaderPosit","left","getAnimationClass","successAnimation","acceptAnimation","slowAcceptAnimation","errorAnimation","standardAnimation","successWithoutAnimation","acceptWithoutAnimation","errorWithoutAnimation","standardWithoutAnimation","createElement","_extends","priority","className","outer","inner"],"sources":["GlobalLoaderView.tsx"],"sourcesContent":["import React, { useContext, useRef } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { animations, styles } from './GlobalLoaderView.styles';\nimport { useGlobalLoaderPosition, useGlobalLoaderWidth } from './useParams';\n\nexport interface GlobalLoaderViewProps extends Pick<CommonProps, 'data-tid'> {\n  /** Устанавливает ожидаемое время(ms) ответа сервера. */\n  expectedResponseTime: number;\n\n  /** Устанавливает задержку в миллисекундах до исчезновения лоадера. */\n  delayBeforeHide: number;\n\n  /** Устанавливает статус операции. */\n  status?: 'success' | 'error' | 'standard' | 'accept';\n\n  /** Отключает анимацию. */\n  disableAnimations: boolean;\n}\n\nexport interface GlobalLoaderViewRef {\n  element: HTMLDivElement;\n  refObject: React.RefObject<GlobalLoaderViewRef['element']>;\n}\n\nexport const GlobalLoaderView = ({\n  expectedResponseTime,\n  delayBeforeHide,\n  status,\n  disableAnimations,\n  ...rest\n}: GlobalLoaderViewProps) => {\n  const ref = useRef<GlobalLoaderViewRef['element']>(null);\n  const theme = useContext(ThemeContext);\n  const { width, startWidth, fullWidth } = useGlobalLoaderWidth(status, ref);\n  const { left } = useGlobalLoaderPosition(ref);\n\n  const getAnimationClass = (status: GlobalLoaderViewProps['status']) => {\n    if (!disableAnimations) {\n      switch (status) {\n        case 'success':\n          return animations.successAnimation(delayBeforeHide, width, left);\n        case 'accept':\n          if (startWidth < fullWidth * 0.8) {\n            return animations.acceptAnimation(theme, startWidth, expectedResponseTime, width, left);\n          }\n          return animations.slowAcceptAnimation(theme, startWidth, width, left);\n        case 'error':\n          return animations.errorAnimation(theme);\n        case 'standard':\n          return animations.standardAnimation(theme, expectedResponseTime);\n      }\n    }\n\n    if (disableAnimations) {\n      switch (status) {\n        case 'success':\n          return styles.successWithoutAnimation();\n        case 'accept':\n          return animations.acceptWithoutAnimation(startWidth);\n        case 'error':\n          return styles.errorWithoutAnimation();\n        case 'standard':\n          return styles.standardWithoutAnimation();\n      }\n    }\n  };\n\n  return (\n    <CommonWrapper {...rest} data-status={status}>\n      <ZIndex priority=\"GlobalLoader\" className={styles.outer(theme)}>\n        <div ref={ref} className={cx(styles.inner(theme), getAnimationClass(status))} />\n      </ZIndex>\n    </CommonWrapper>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/components/GlobalLoader/GlobalLoaderView.d.ts

@@ -1,13 +1,17 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface GlobalLoaderViewProps extends Pick<CommonProps, 'data-tid'> {
-    expectedResponseTime: number;
-    delayBeforeHide: number;
-    status?: 'success' | 'error' | 'standard' | 'accept';
-    disableAnimations: boolean;
-}
-export interface GlobalLoaderViewRef {
-    element: HTMLDivElement;
-    refObject: React.RefObject<GlobalLoaderViewRef['element']>;
-}
-export declare const GlobalLoaderView: ({ expectedResponseTime, delayBeforeHide, status, disableAnimations, ...rest }: GlobalLoaderViewProps) => React.JSX.Element;
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper';
+export interface GlobalLoaderViewProps extends Pick<CommonProps, 'data-tid'> {
+    /** Устанавливает ожидаемое время(ms) ответа сервера. */
+    expectedResponseTime: number;
+    /** Устанавливает задержку в миллисекундах до исчезновения лоадера. */
+    delayBeforeHide: number;
+    /** Устанавливает статус операции. */
+    status?: 'success' | 'error' | 'standard' | 'accept';
+    /** Отключает анимацию. */
+    disableAnimations: boolean;
+}
+export interface GlobalLoaderViewRef {
+    element: HTMLDivElement;
+    refObject: React.RefObject<GlobalLoaderViewRef['element']>;
+}
+export declare const GlobalLoaderView: ({ expectedResponseTime, delayBeforeHide, status, disableAnimations, ...rest }: GlobalLoaderViewProps) => React.JSX.Element;

package/components/GlobalLoader/GlobalLoaderView.styles/GlobalLoaderView.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","keyframes","styles","outer","t","_templateObject","_taggedTemplateLiteralLoose","globalLoaderWidth","globalLoaderHeight","globalLoaderBackgroundColor","globalLoaderPosition","globalLoaderLeft","globalLoaderTop","globalLoaderRight","globalLoaderBottom","inner","_templateObject2","globalLoaderColor","standardWithoutAnimation","_templateObject3","successWithoutAnimation","_templateObject4","errorWithoutAnimation","_templateObject5","moveToRightAnimation","_templateObject6","spinnerAnimation","_templateObject7","linearProgressAnimation","_templateObject8","slowProgressAnimation","_templateObject9","animations","successAnimation","delayBeforeHide","width","left","_templateObject10","errorAnimation","transitionDuration","parseInt","globalLoaderTransitionToSpinnerDuration","spinnerAnimationDuration","globalLoaderSpinnerAnimationDuration","_templateObject11","standardAnimation","expectedTime","slowProgressAnimationTime","globalLoaderSlowAnimationDuration","_templateObject12","acceptAnimation","startWidth","transitionTime","globalLoaderTransitionFromSpinnerDuration","_templateObject13","slowAcceptAnimation","_templateObject14","acceptWithoutAnimation","_templateObject15"],"sources":["GlobalLoaderView.styles.ts"],"sourcesContent":["import { css, memoizeStyle, keyframes } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  outer(t: Theme) {\n    return css`\n      width: ${t.globalLoaderWidth};\n      height: ${t.globalLoaderHeight};\n      background-color: ${t.globalLoaderBackgroundColor};\n      position: ${t.globalLoaderPosition};\n      left: ${t.globalLoaderLeft};\n      top: ${t.globalLoaderTop};\n      right: ${t.globalLoaderRight};\n      bottom: ${t.globalLoaderBottom};\n      overflow: hidden;\n    `;\n  },\n  inner(t: Theme) {\n    return css`\n      background-color: ${t.globalLoaderColor};\n      width: 0;\n      height: ${t.globalLoaderHeight};\n      position: absolute;\n      left: 0;\n      overflow: hidden;\n    `;\n  },\n  standardWithoutAnimation() {\n    return css`\n      left: 0;\n      width: 90%;\n    `;\n  },\n  successWithoutAnimation() {\n    return css`\n      left: 0;\n      width: 100%;\n    `;\n  },\n  errorWithoutAnimation() {\n    return css`\n      left: 40%;\n      width: 20%;\n    `;\n  },\n});\n\nconst moveToRightAnimation = keyframes`\n  0% {\n    left: 0;\n    width: 100%;\n  }\n  50% {\n    left: 50%;\n    width: 50%;\n  }\n  100% {\n    left: 99%;\n    width: 1%\n  }\n`;\nconst spinnerAnimation = keyframes`\n  0% {\n    transform: translateX(50%) scaleX(.005);\n    animation-timing-function: cubic-bezier(.895,.03,.685,.22);\n  }\n  50% {\n    transform: translateX(0) scaleX(.35);\n    animation-timing-function: cubic-bezier(.165,.84,.44,1);\n  }\n  100% {\n    transform: translateX(-50%) scaleX(.005);\n  }\n`;\nconst linearProgressAnimation = keyframes`\n  from { width: 0; }\n  to { width: 80% }\n`;\nconst slowProgressAnimation = keyframes`\n  from { width: 80%; }\n  to { width: 90% }\n`;\n\nexport const animations = {\n  successAnimation(delayBeforeHide: number, width: number, left: number) {\n    return css`\n      animation: successAnimation;\n      animation-duration: ${delayBeforeHide}ms;\n      @keyframes successAnimation {\n        0% {\n          width: ${width}px;\n          left: ${left}px;\n          opacity: 1;\n        }\n        20% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        80% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        100% {\n          width: 100%;\n          opacity: 0;\n        }\n      }\n    `;\n  },\n  errorAnimation(t: Theme) {\n    const transitionDuration = parseInt(t.globalLoaderTransitionToSpinnerDuration);\n    const spinnerAnimationDuration = parseInt(t.globalLoaderSpinnerAnimationDuration);\n\n    return css`\n      left: 0;\n      width: 100%;\n      animation:\n        ${moveToRightAnimation} ${transitionDuration}ms linear,\n        ${spinnerAnimationDuration}ms ${spinnerAnimation} ${transitionDuration}ms infinite alternate;\n    `;\n  },\n  standardAnimation(t: Theme, expectedTime: number) {\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return css`\n      width: 90%;\n      animation:\n        ${linearProgressAnimation} ${expectedTime}ms cubic-bezier(0, 0.4, 0.4, 1),\n        ${slowProgressAnimationTime}ms ${slowProgressAnimation} ${expectedTime}ms linear;\n    `;\n  },\n  acceptAnimation(t: Theme, startWidth: number, expectedTime: number, width: number, left: number) {\n    const transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return css`\n      width: 90%;\n      animation:\n        transitionAnimation ${transitionTime}ms linear,\n        ${expectedTime}ms acceptAnimation ${transitionTime}ms cubic-bezier(0, 0.4, 0.4, 1),\n        ${slowProgressAnimationTime}ms ${slowProgressAnimation} ${expectedTime + transitionTime}ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ${width}px;\n          left: ${left}px;\n        }\n        to {\n          width: ${startWidth}px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ${startWidth}px;\n        }\n        to {\n          width: 80%;\n        }\n      }\n    `;\n  },\n  slowAcceptAnimation(t: Theme, startWidth: number, width: number, left: number) {\n    const transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return css`\n      width: 90%;\n      animation:\n        transitionAnimation ${transitionTime}ms linear,\n        ${slowProgressAnimationTime}ms acceptAnimation ${transitionTime}ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ${width}px;\n          left: ${left}px;\n        }\n        to {\n          width: ${startWidth}px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ${startWidth}px;\n        }\n        to {\n          width: 90%;\n        }\n      }\n    `;\n  },\n  acceptWithoutAnimation(startWidth: number) {\n    return css`\n      width: ${startWidth}px;\n    `;\n  },\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","keyframes","styles","outer","t","_templateObject","_taggedTemplateLiteralLoose","globalLoaderWidth","globalLoaderHeight","globalLoaderBackgroundColor","globalLoaderPosition","globalLoaderLeft","globalLoaderTop","globalLoaderRight","globalLoaderBottom","inner","_templateObject2","globalLoaderColor","standardWithoutAnimation","_templateObject3","successWithoutAnimation","_templateObject4","errorWithoutAnimation","_templateObject5","moveToRightAnimation","_templateObject6","spinnerAnimation","_templateObject7","linearProgressAnimation","_templateObject8","slowProgressAnimation","_templateObject9","animations","successAnimation","delayBeforeHide","width","left","_templateObject10","errorAnimation","transitionDuration","parseInt","globalLoaderTransitionToSpinnerDuration","spinnerAnimationDuration","globalLoaderSpinnerAnimationDuration","_templateObject11","standardAnimation","expectedTime","slowProgressAnimationTime","globalLoaderSlowAnimationDuration","_templateObject12","acceptAnimation","startWidth","transitionTime","globalLoaderTransitionFromSpinnerDuration","_templateObject13","slowAcceptAnimation","_templateObject14","acceptWithoutAnimation","_templateObject15"],"sources":["GlobalLoaderView.styles.ts"],"sourcesContent":["import { css, memoizeStyle, keyframes } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  outer(t: Theme) {\n    return css`\n      width: ${t.globalLoaderWidth};\n      height: ${t.globalLoaderHeight};\n      background-color: ${t.globalLoaderBackgroundColor};\n      position: ${t.globalLoaderPosition};\n      left: ${t.globalLoaderLeft};\n      top: ${t.globalLoaderTop};\n      right: ${t.globalLoaderRight};\n      bottom: ${t.globalLoaderBottom};\n      overflow: hidden;\n    `;\n  },\n  inner(t: Theme) {\n    return css`\n      background-color: ${t.globalLoaderColor};\n      width: 0;\n      height: ${t.globalLoaderHeight};\n      position: absolute;\n      left: 0;\n      overflow: hidden;\n    `;\n  },\n  standardWithoutAnimation() {\n    return css`\n      left: 0;\n      width: 90%;\n    `;\n  },\n  successWithoutAnimation() {\n    return css`\n      left: 0;\n      width: 100%;\n    `;\n  },\n  errorWithoutAnimation() {\n    return css`\n      left: 40%;\n      width: 20%;\n    `;\n  },\n});\n\nconst moveToRightAnimation = keyframes`\n  0% {\n    left: 0;\n    width: 100%;\n  }\n  50% {\n    left: 50%;\n    width: 50%;\n  }\n  100% {\n    left: 99%;\n    width: 1%\n  }\n`;\nconst spinnerAnimation = keyframes`\n  0% {\n    transform: translateX(50%) scaleX(.005);\n    animation-timing-function: cubic-bezier(.895,.03,.685,.22);\n  }\n  50% {\n    transform: translateX(0) scaleX(.35);\n    animation-timing-function: cubic-bezier(.165,.84,.44,1);\n  }\n  100% {\n    transform: translateX(-50%) scaleX(.005);\n  }\n`;\nconst linearProgressAnimation = keyframes`\n  from { width: 0; }\n  to { width: 80% }\n`;\nconst slowProgressAnimation = keyframes`\n  from { width: 80%; }\n  to { width: 90% }\n`;\n\nexport const animations = {\n  successAnimation(delayBeforeHide: number, width: number, left: number) {\n    return css`\n      animation: successAnimation;\n      animation-duration: ${delayBeforeHide}ms;\n      @keyframes successAnimation {\n        0% {\n          width: ${width}px;\n          left: ${left}px;\n          opacity: 1;\n        }\n        20% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        80% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        100% {\n          width: 100%;\n          opacity: 0;\n        }\n      }\n    `;\n  },\n  errorAnimation(t: Theme) {\n    const transitionDuration = parseInt(t.globalLoaderTransitionToSpinnerDuration);\n    const spinnerAnimationDuration = parseInt(t.globalLoaderSpinnerAnimationDuration);\n\n    return css`\n      left: 0;\n      width: 100%;\n      animation:\n        ${moveToRightAnimation} ${transitionDuration}ms linear,\n        ${spinnerAnimationDuration}ms ${spinnerAnimation} ${transitionDuration}ms infinite alternate;\n    `;\n  },\n  standardAnimation(t: Theme, expectedTime: number) {\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return css`\n      width: 90%;\n      animation:\n        ${linearProgressAnimation} ${expectedTime}ms cubic-bezier(0, 0.4, 0.4, 1),\n        ${slowProgressAnimationTime}ms ${slowProgressAnimation} ${expectedTime}ms linear;\n    `;\n  },\n  acceptAnimation(t: Theme, startWidth: number, expectedTime: number, width: number, left: number) {\n    const transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return css`\n      width: 90%;\n      animation:\n        transitionAnimation ${transitionTime}ms linear,\n        ${expectedTime}ms acceptAnimation ${transitionTime}ms cubic-bezier(0, 0.4, 0.4, 1),\n        ${slowProgressAnimationTime}ms ${slowProgressAnimation} ${expectedTime + transitionTime}ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ${width}px;\n          left: ${left}px;\n        }\n        to {\n          width: ${startWidth}px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ${startWidth}px;\n        }\n        to {\n          width: 80%;\n        }\n      }\n    `;\n  },\n  slowAcceptAnimation(t: Theme, startWidth: number, width: number, left: number) {\n    const transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return css`\n      width: 90%;\n      animation:\n        transitionAnimation ${transitionTime}ms linear,\n        ${slowProgressAnimationTime}ms acceptAnimation ${transitionTime}ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ${width}px;\n          left: ${left}px;\n        }\n        to {\n          width: ${startWidth}px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ${startWidth}px;\n        }\n        to {\n          width: 90%;\n        }\n      }\n    `;\n  },\n  acceptWithoutAnimation(startWidth: number) {\n    return css`\n      width: ${startWidth}px;\n    `;\n  },\n};\n"],"mappings":"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","ignoreList":[]}

package/components/GlobalLoader/GlobalLoaderView.styles.d.ts

@@ -1,16 +1,16 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    outer(t: Theme): string;
-    inner(t: Theme): string;
-    standardWithoutAnimation(): string;
-    successWithoutAnimation(): string;
-    errorWithoutAnimation(): string;
-};
-export declare const animations: {
-    successAnimation(delayBeforeHide: number, width: number, left: number): string;
-    errorAnimation(t: Theme): string;
-    standardAnimation(t: Theme, expectedTime: number): string;
-    acceptAnimation(t: Theme, startWidth: number, expectedTime: number, width: number, left: number): string;
-    slowAcceptAnimation(t: Theme, startWidth: number, width: number, left: number): string;
-    acceptWithoutAnimation(startWidth: number): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    outer(t: Theme): string;
+    inner(t: Theme): string;
+    standardWithoutAnimation(): string;
+    successWithoutAnimation(): string;
+    errorWithoutAnimation(): string;
+};
+export declare const animations: {
+    successAnimation(delayBeforeHide: number, width: number, left: number): string;
+    errorAnimation(t: Theme): string;
+    standardAnimation(t: Theme, expectedTime: number): string;
+    acceptAnimation(t: Theme, startWidth: number, expectedTime: number, width: number, left: number): string;
+    slowAcceptAnimation(t: Theme, startWidth: number, width: number, left: number): string;
+    acceptWithoutAnimation(startWidth: number): string;
+};

package/components/GlobalLoader/index.d.ts

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

package/components/GlobalLoader/useParams/useParams.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","getDOMRect","useGlobalLoaderPosition","ref","_getDOMRect","left","useGlobalLoaderWidth","status","_ref$current","_getDOMRect2","width","_useState","startWidth","setStartWidth","fullWidth","current","parentElement","offsetWidth"],"sources":["useParams.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\n\nimport { GlobalLoaderViewProps, GlobalLoaderViewRef } from './GlobalLoaderView';\n\n/**\n * Вычисляет положение `GlobalLoader`\n *\n * @param ref - ref `GlobalLoader`\n * @returns - возвращает положение полоски `GlobalLoader`\n */\n\nexport const useGlobalLoaderPosition = (ref: GlobalLoaderViewRef['refObject']) => {\n  const { left } = getDOMRect(ref);\n  return { left };\n};\n\n/**\n * Вычисляет ширину `GlobalLoader`\n *\n * @param status - статус `GlobalLoader`\n * @param ref - ref `GlobalLoader`\n * @returns - возвращает ширину полоски `GlobalLoader`\n */\n\nexport const useGlobalLoaderWidth = (\n  status: GlobalLoaderViewProps['status'],\n  ref: GlobalLoaderViewRef['refObject'],\n) => {\n  const { width } = getDOMRect(ref);\n  const [startWidth, setStartWidth] = useState(0);\n  const fullWidth = ref.current?.parentElement?.offsetWidth || 0;\n  useEffect(() => {\n    if (status === 'error') {\n      setStartWidth(width);\n    } else if (status === 'accept') {\n      setStartWidth(startWidth);\n    } else {\n      setStartWidth(0);\n    }\n  }, [status]);\n\n  return { width, startWidth, fullWidth };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;;AAE3C,SAASC,UAAU,QAAQ,0BAA0B;;;;AAIrD;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIC,GAAqC,EAAK;EAChF,IAAAC,WAAA,GAAiBH,UAAU,CAACE,GAAG,CAAC,CAAxBE,IAAI,GAAAD,WAAA,CAAJC,IAAI;EACZ,OAAO,EAAEA,IAAI,EAAJA,IAAI,CAAC,CAAC;AACjB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA;AAC/BC,MAAuC;AACvCJ,GAAqC;AAClC,KAAAK,YAAA;EACH,IAAAC,YAAA,GAAkBR,UAAU,CAACE,GAAG,CAAC,CAAzBO,KAAK,GAAAD,YAAA,CAALC,KAAK;EACb,IAAAC,SAAA,GAAoCX,QAAQ,CAAC,CAAC,CAAC,CAAxCY,UAAU,GAAAD,SAAA,IAAEE,aAAa,GAAAF,SAAA;EAChC,IAAMG,SAAS,GAAG,EAAAN,YAAA,GAAAL,GAAG,CAACY,OAAO,cAAAP,YAAA,GAAXA,YAAA,CAAaQ,aAAa,qBAA1BR,YAAA,CAA4BS,WAAW,KAAI,CAAC;EAC9DlB,SAAS,CAAC,YAAM;IACd,IAAIQ,MAAM,KAAK,OAAO,EAAE;MACtBM,aAAa,CAACH,KAAK,CAAC;IACtB,CAAC,MAAM,IAAIH,MAAM,KAAK,QAAQ,EAAE;MAC9BM,aAAa,CAACD,UAAU,CAAC;IAC3B,CAAC,MAAM;MACLC,aAAa,CAAC,CAAC,CAAC;IAClB;EACF,CAAC,EAAE,CAACN,MAAM,CAAC,CAAC;;EAEZ,OAAO,EAAEG,KAAK,EAALA,KAAK,EAAEE,UAAU,EAAVA,UAAU,EAAEE,SAAS,EAATA,SAAS,CAAC,CAAC;AACzC,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useState","getDOMRect","useGlobalLoaderPosition","ref","_getDOMRect","left","useGlobalLoaderWidth","status","_ref$current","_getDOMRect2","width","_useState","startWidth","setStartWidth","fullWidth","current","parentElement","offsetWidth"],"sources":["useParams.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\n\nimport type { GlobalLoaderViewProps, GlobalLoaderViewRef } from './GlobalLoaderView';\n\n/**\n * Вычисляет положение `GlobalLoader`\n *\n * @param ref - ref `GlobalLoader`\n * @returns - возвращает положение полоски `GlobalLoader`\n */\n\nexport const useGlobalLoaderPosition = (ref: GlobalLoaderViewRef['refObject']) => {\n  const { left } = getDOMRect(ref);\n  return { left };\n};\n\n/**\n * Вычисляет ширину `GlobalLoader`\n *\n * @param status - статус `GlobalLoader`\n * @param ref - ref `GlobalLoader`\n * @returns - возвращает ширину полоски `GlobalLoader`\n */\n\nexport const useGlobalLoaderWidth = (\n  status: GlobalLoaderViewProps['status'],\n  ref: GlobalLoaderViewRef['refObject'],\n) => {\n  const { width } = getDOMRect(ref);\n  const [startWidth, setStartWidth] = useState(0);\n  const fullWidth = ref.current?.parentElement?.offsetWidth || 0;\n  useEffect(() => {\n    if (status === 'error') {\n      setStartWidth(width);\n    } else if (status === 'accept') {\n      setStartWidth(startWidth);\n    } else {\n      setStartWidth(0);\n    }\n  }, [status]);\n\n  return { width, startWidth, fullWidth };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;;AAE3C,SAASC,UAAU,QAAQ,0BAA0B;;;;AAIrD;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIC,GAAqC,EAAK;EAChF,IAAAC,WAAA,GAAiBH,UAAU,CAACE,GAAG,CAAC,CAAxBE,IAAI,GAAAD,WAAA,CAAJC,IAAI;EACZ,OAAO,EAAEA,IAAI,EAAJA,IAAI,CAAC,CAAC;AACjB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA;AAC/BC,MAAuC;AACvCJ,GAAqC;AAClC,KAAAK,YAAA;EACH,IAAAC,YAAA,GAAkBR,UAAU,CAACE,GAAG,CAAC,CAAzBO,KAAK,GAAAD,YAAA,CAALC,KAAK;EACb,IAAAC,SAAA,GAAoCX,QAAQ,CAAC,CAAC,CAAC,CAAxCY,UAAU,GAAAD,SAAA,IAAEE,aAAa,GAAAF,SAAA;EAChC,IAAMG,SAAS,GAAG,EAAAN,YAAA,GAAAL,GAAG,CAACY,OAAO,cAAAP,YAAA,GAAXA,YAAA,CAAaQ,aAAa,qBAA1BR,YAAA,CAA4BS,WAAW,KAAI,CAAC;EAC9DlB,SAAS,CAAC,YAAM;IACd,IAAIQ,MAAM,KAAK,OAAO,EAAE;MACtBM,aAAa,CAACH,KAAK,CAAC;IACtB,CAAC,MAAM,IAAIH,MAAM,KAAK,QAAQ,EAAE;MAC9BM,aAAa,CAACD,UAAU,CAAC;IAC3B,CAAC,MAAM;MACLC,aAAa,CAAC,CAAC,CAAC;IAClB;EACF,CAAC,EAAE,CAACN,MAAM,CAAC,CAAC;;EAEZ,OAAO,EAAEG,KAAK,EAALA,KAAK,EAAEE,UAAU,EAAVA,UAAU,EAAEE,SAAS,EAATA,SAAS,CAAC,CAAC;AACzC,CAAC","ignoreList":[]}

package/components/GlobalLoader/useParams.d.ts

@@ -1,22 +1,22 @@
-import { GlobalLoaderViewProps, GlobalLoaderViewRef } from './GlobalLoaderView';
-/**
- * Вычисляет положение `GlobalLoader`
- *
- * @param ref - ref `GlobalLoader`
- * @returns - возвращает положение полоски `GlobalLoader`
- */
-export declare const useGlobalLoaderPosition: (ref: GlobalLoaderViewRef['refObject']) => {
-    left: number;
-};
-/**
- * Вычисляет ширину `GlobalLoader`
- *
- * @param status - статус `GlobalLoader`
- * @param ref - ref `GlobalLoader`
- * @returns - возвращает ширину полоски `GlobalLoader`
- */
-export declare const useGlobalLoaderWidth: (status: GlobalLoaderViewProps['status'], ref: GlobalLoaderViewRef['refObject']) => {
-    width: number;
-    startWidth: number;
-    fullWidth: number;
-};
+import type { GlobalLoaderViewProps, GlobalLoaderViewRef } from './GlobalLoaderView';
+/**
+ * Вычисляет положение `GlobalLoader`
+ *
+ * @param ref - ref `GlobalLoader`
+ * @returns - возвращает положение полоски `GlobalLoader`
+ */
+export declare const useGlobalLoaderPosition: (ref: GlobalLoaderViewRef['refObject']) => {
+    left: number;
+};
+/**
+ * Вычисляет ширину `GlobalLoader`
+ *
+ * @param status - статус `GlobalLoader`
+ * @param ref - ref `GlobalLoader`
+ * @returns - возвращает ширину полоски `GlobalLoader`
+ */
+export declare const useGlobalLoaderWidth: (status: GlobalLoaderViewProps['status'], ref: GlobalLoaderViewRef['refObject']) => {
+    width: number;
+    startWidth: number;
+    fullWidth: number;
+};

package/components/Group/Group/Group.js

@@ -4,13 +4,10 @@ var _class, _Group;
 import React from 'react';
 import PropTypes from 'prop-types';
 import { isIE11, isEdge } from "../../../lib/client";
-import { isButton } from "../../Button";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
-import { isInputLike } from "../../../lib/utils";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
+import { isButton, isAutocomplete, isCurrencyInput, isDropdown, isDropdownMenu, isFxInput, isInput, isPasswordInput, isSelect } from "../../../lib/utils";
 import { styles } from "../Group.styles";
 var getFirstChild = function getFirstChild(children) {
   if (!Array.isArray(children)) {
@@ -45,17 +42,9 @@ export var getButtonCorners = function getButtonCorners(isFirstChild, isLastChil
     borderRadius: 0
   };
 };
-var passCornersIfButton = function passCornersIfButton(child, firstChild, lastChild, isInputLikeToo) {
-  if (isInputLikeToo === void 0) {
-    isInputLikeToo = false;
-  }
+var tryPassCorners = function tryPassCorners(child, firstChild, lastChild) {
   var corners = getButtonCorners(child === firstChild, child === lastChild);
-  if (isButton(child)) {
-    return /*#__PURE__*/React.cloneElement(child, {
-      corners: _extends({}, corners, child.props.corners)
-    });
-  }
-  if (isInputLikeToo && isInputLike(child)) {
+  if (isButton(child) || isInput(child) || isFxInput(child) || isAutocomplete(child) || isPasswordInput(child) || isCurrencyInput(child) || isSelect(child) || isDropdown(child) || isDropdownMenu(child)) {
     return /*#__PURE__*/React.cloneElement(child, {
       corners: _extends({}, corners, child.props.corners)
     });
@@ -65,6 +54,12 @@ var passCornersIfButton = function passCornersIfButton(child, firstChild, lastCh
 export var GroupDataTids = {
   root: 'Group__root'
 };
+
+/**
+ *  Компонент `Group` используется для создания логически сгруппированных элементов, выровненных по горизонтали.
+ *
+ *  Длина контейнера настраивается с помощью пропа `width`.
+ */
 export var Group = rootNode(_class = (_Group = /*#__PURE__*/function (_React$Component) {
   function Group() {
     return _React$Component.apply(this, arguments) || this;
@@ -73,15 +68,6 @@ export var Group = rootNode(_class = (_Group = /*#__PURE__*/function (_React$Com
   var _proto = Group.prototype;
   _proto.render = function render() {
     var _this = this;
-    return /*#__PURE__*/(
-      React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this.theme = theme;
-        return _this.renderMain();
-      })
-    );
-  };
-  _proto.renderMain = function renderMain() {
-    var _this2 = this;
     var style = {
       width: this.props.width
     };
@@ -102,11 +88,11 @@ export var Group = rootNode(_class = (_Group = /*#__PURE__*/function (_React$Com
           return null;
         }
         var isWidthInPercent = Boolean(child.props.width && child.props.width.toString().includes('%'));
-        var modifiedChild = passCornersIfButton(child, firstChild, lastChild, isTheme2022(_this2.theme));
+        var modifiedChild = tryPassCorners(child, firstChild, lastChild);
         var isFirstChild = child === firstChild;
         return /*#__PURE__*/(
           React.createElement("div", {
-            className: cx((_cx = {}, _cx[styles.fixed()] = !isWidthInPercent, _cx[styles.stretch()] = isWidthInPercent, _cx[styles.stretchFallback()] = Boolean(isWidthInPercent && _this2.props.width && (isIE11 || isEdge)), _cx))
+            className: cx((_cx = {}, _cx[styles.fixed()] = !isWidthInPercent, _cx[styles.stretch()] = isWidthInPercent, _cx[styles.stretchFallback()] = Boolean(isWidthInPercent && _this.props.width && (isIE11 || isEdge)), _cx))
           }, /*#__PURE__*/
 
           React.createElement("div", {

package/components/Group/Group/Group.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PropTypes","isIE11","isEdge","isButton","CommonWrapper","cx","rootNode","isInputLike","ThemeContext","isTheme2022","styles","getFirstChild","children","Array","isArray","getLastChild","numberOfChildren","Children","count","getButtonCorners","isFirstChild","isLastChild","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","borderRadius","passCornersIfButton","child","firstChild","lastChild","isInputLikeToo","corners","cloneElement","_extends","props","GroupDataTids","root","Group","_class","_Group","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","_this","createElement","Consumer","theme","renderMain","_this2","style","width","childrenArray","toArray","rootNodeRef","setRootNode","className","map","_cx","_cx2","isValidElement","isWidthInPercent","Boolean","toString","includes","modifiedChild","fixed","stretch","stretchFallback","item","itemFirst","Component","__KONTUR_REACT_UI__","displayName","propTypes","oneOfType","number","string"],"sources":["Group.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isIE11, isEdge } from '../../lib/client';\nimport { isButton } from '../Button';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isInputLike } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\n\nimport { styles } from './Group.styles';\n\nexport interface GroupProps extends CommonProps {\n  width?: React.CSSProperties['width'];\n}\n\ninterface GroupChildProps {\n  width?: React.CSSProperties['width'];\n  corners?: number;\n}\n\nconst getFirstChild = (children: React.ReactNode) => {\n  if (!Array.isArray(children)) {\n    return children;\n  }\n\n  return children?.[0] as React.ReactNode;\n};\n\nconst getLastChild = (children: React.ReactNode) => {\n  if (!Array.isArray(children)) {\n    return children;\n  }\n\n  const numberOfChildren = React.Children.count(children);\n\n  return children?.[numberOfChildren - 1] as React.ReactNode;\n};\n\nexport const getButtonCorners = (isFirstChild: boolean, isLastChild: boolean): React.CSSProperties => {\n  if (isFirstChild && isLastChild) {\n    return {};\n  }\n\n  if (isFirstChild) {\n    return {\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n    };\n  }\n\n  if (isLastChild) {\n    return {\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n    };\n  }\n\n  return {\n    borderRadius: 0,\n  };\n};\n\nconst passCornersIfButton = (\n  child: React.ReactNode,\n  firstChild: React.ReactNode,\n  lastChild: React.ReactNode,\n  isInputLikeToo = false,\n) => {\n  const corners = getButtonCorners(child === firstChild, child === lastChild);\n  if (isButton(child)) {\n    return React.cloneElement(child, { corners: { ...corners, ...child.props.corners } });\n  }\n  if (isInputLikeToo && isInputLike(child)) {\n    return React.cloneElement(child, { corners: { ...corners, ...child.props.corners } });\n  }\n\n  return child;\n};\n\nexport const GroupDataTids = {\n  root: 'Group__root',\n} as const;\n\n@rootNode\nexport class Group extends React.Component<GroupProps> {\n  public static __KONTUR_REACT_UI__ = 'Group';\n  public static displayName = 'Group';\n\n  private setRootNode!: TSetRootNode;\n  private theme!: Theme;\n\n  public static propTypes = {\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\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  public renderMain() {\n    const style: React.CSSProperties = {\n      width: this.props.width,\n    };\n\n    const childrenArray = React.Children.toArray(this.props.children);\n    const firstChild = getFirstChild(childrenArray);\n    const lastChild = getLastChild(childrenArray);\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <span data-tid={GroupDataTids.root} className={styles.root()} style={style}>\n          {React.Children.map(childrenArray, (child) => {\n            if (!child || !React.isValidElement<GroupChildProps>(child)) {\n              return null;\n            }\n\n            const isWidthInPercent = Boolean(child.props.width && child.props.width.toString().includes('%'));\n\n            const modifiedChild = passCornersIfButton(child, firstChild, lastChild, isTheme2022(this.theme));\n\n            const isFirstChild = child === firstChild;\n\n            return (\n              <div\n                className={cx({\n                  [styles.fixed()]: !isWidthInPercent,\n                  [styles.stretch()]: isWidthInPercent,\n                  [styles.stretchFallback()]: Boolean(isWidthInPercent && this.props.width && (isIE11 || isEdge)),\n                })}\n              >\n                <div\n                  className={cx({\n                    [styles.item()]: true,\n                    [styles.itemFirst()]: isFirstChild,\n                  })}\n                >\n                  {modifiedChild}\n                </div>\n              </div>\n            );\n          })}\n        </span>\n      </CommonWrapper>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","PropTypes","isIE11","isEdge","CommonWrapper","cx","rootNode","isButton","isAutocomplete","isCurrencyInput","isDropdown","isDropdownMenu","isFxInput","isInput","isPasswordInput","isSelect","styles","getFirstChild","children","Array","isArray","getLastChild","numberOfChildren","Children","count","getButtonCorners","isFirstChild","isLastChild","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","borderRadius","tryPassCorners","child","firstChild","lastChild","corners","cloneElement","_extends","props","GroupDataTids","root","Group","_class","_Group","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","_this","style","width","childrenArray","toArray","createElement","rootNodeRef","setRootNode","className","map","_cx","_cx2","isValidElement","isWidthInPercent","Boolean","toString","includes","modifiedChild","fixed","stretch","stretchFallback","item","itemFirst","Component","__KONTUR_REACT_UI__","displayName","propTypes","oneOfType","number","string"],"sources":["Group.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isIE11, isEdge } from '../../lib/client';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport {\n  isButton,\n  isAutocomplete,\n  isCurrencyInput,\n  isDropdown,\n  isDropdownMenu,\n  isFxInput,\n  isInput,\n  isPasswordInput,\n  isSelect,\n} from '../../lib/utils';\n\nimport { styles } from './Group.styles';\n\nexport interface GroupProps extends CommonProps {\n  /** Задает длину компонента Group. */\n  width?: React.CSSProperties['width'];\n}\n\ninterface GroupChildProps {\n  width?: React.CSSProperties['width'];\n  corners?: number;\n}\n\nconst getFirstChild = (children: React.ReactNode) => {\n  if (!Array.isArray(children)) {\n    return children;\n  }\n\n  return children?.[0] as React.ReactNode;\n};\n\nconst getLastChild = (children: React.ReactNode) => {\n  if (!Array.isArray(children)) {\n    return children;\n  }\n\n  const numberOfChildren = React.Children.count(children);\n\n  return children?.[numberOfChildren - 1] as React.ReactNode;\n};\n\nexport const getButtonCorners = (isFirstChild: boolean, isLastChild: boolean): React.CSSProperties => {\n  if (isFirstChild && isLastChild) {\n    return {};\n  }\n\n  if (isFirstChild) {\n    return {\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n    };\n  }\n\n  if (isLastChild) {\n    return {\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n    };\n  }\n\n  return {\n    borderRadius: 0,\n  };\n};\n\nconst tryPassCorners = (child: React.ReactNode, firstChild: React.ReactNode, lastChild: React.ReactNode) => {\n  const corners = getButtonCorners(child === firstChild, child === lastChild);\n\n  if (\n    isButton(child) ||\n    isInput(child) ||\n    isFxInput(child) ||\n    isAutocomplete(child) ||\n    isPasswordInput(child) ||\n    isCurrencyInput(child) ||\n    isSelect(child) ||\n    isDropdown(child) ||\n    isDropdownMenu(child)\n  ) {\n    return React.cloneElement<(typeof child)['props']>(child, { corners: { ...corners, ...child.props.corners } });\n  }\n\n  return child;\n};\n\nexport const GroupDataTids = {\n  root: 'Group__root',\n} as const;\n\n/**\n *  Компонент `Group` используется для создания логически сгруппированных элементов, выровненных по горизонтали.\n *\n *  Длина контейнера настраивается с помощью пропа `width`.\n */\n@rootNode\nexport class Group extends React.Component<GroupProps> {\n  public static __KONTUR_REACT_UI__ = 'Group';\n  public static displayName = 'Group';\n\n  private setRootNode!: TSetRootNode;\n\n  public static propTypes = {\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  };\n\n  public render() {\n    const style: React.CSSProperties = {\n      width: this.props.width,\n    };\n\n    const childrenArray = React.Children.toArray(this.props.children);\n    const firstChild = getFirstChild(childrenArray);\n    const lastChild = getLastChild(childrenArray);\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <span data-tid={GroupDataTids.root} className={styles.root()} style={style}>\n          {React.Children.map(childrenArray, (child) => {\n            if (!child || !React.isValidElement<GroupChildProps>(child)) {\n              return null;\n            }\n\n            const isWidthInPercent = Boolean(child.props.width && child.props.width.toString().includes('%'));\n\n            const modifiedChild = tryPassCorners(child, firstChild, lastChild);\n\n            const isFirstChild = child === firstChild;\n\n            return (\n              <div\n                className={cx({\n                  [styles.fixed()]: !isWidthInPercent,\n                  [styles.stretch()]: isWidthInPercent,\n                  [styles.stretchFallback()]: Boolean(isWidthInPercent && this.props.width && (isIE11 || isEdge)),\n                })}\n              >\n                <div\n                  className={cx({\n                    [styles.item()]: true,\n                    [styles.itemFirst()]: isFirstChild,\n                  })}\n                >\n                  {modifiedChild}\n                </div>\n              </div>\n            );\n          })}\n        </span>\n      </CommonWrapper>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}