@alfalab/core-components-circular-progress-bar 3.8.3 → 3.9.0-snapshot-1393ffa

package/utils/get-circular-progress-bar-test-ids.js

@@ -15,3 +15,4 @@ function getCircularProgressBarTestIds(dataTestId) {
 }
 
 exports.getCircularProgressBarTestIds = getCircularProgressBarTestIds;
+//# sourceMappingURL=get-circular-progress-bar-test-ids.js.map

package/utils/get-circular-progress-bar-test-ids.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-circular-progress-bar-test-ids.js","sources":["../../src/utils/get-circular-progress-bar-test-ids.ts"],"sourcesContent":["import { getDataTestId } from '@alfalab/core-components-shared';\n\nexport function getCircularProgressBarTestIds(dataTestId: string) {\n    return {\n        progressBar: dataTestId,\n        title: getDataTestId(dataTestId, 'title'),\n        subtitle: getDataTestId(dataTestId, 'subtitle'),\n        circleProgressBar: getDataTestId(dataTestId, 'circle-progress-bar'),\n        circleProgressValue: getDataTestId(dataTestId, 'circle-progress-value'),\n    };\n}\n"],"names":["getDataTestId"],"mappings":";;;;;;AAEM,SAAU,6BAA6B,CAAC,UAAkB,EAAA;IAC5D,OAAO;AACH,QAAA,WAAW,EAAE,UAAU;AACvB,QAAA,KAAK,EAAEA,kCAAa,CAAC,UAAU,EAAE,OAAO,CAAC;AACzC,QAAA,QAAQ,EAAEA,kCAAa,CAAC,UAAU,EAAE,UAAU,CAAC;AAC/C,QAAA,iBAAiB,EAAEA,kCAAa,CAAC,UAAU,EAAE,qBAAqB,CAAC;AACnE,QAAA,mBAAmB,EAAEA,kCAAa,CAAC,UAAU,EAAE,uBAAuB,CAAC;KAC1E;AACL;;;;"}

package/utils/is-typography-color.js

@@ -9,3 +9,4 @@ var isTypographyColor = function (color) {
 };
 
 exports.isTypographyColor = isTypographyColor;
+//# sourceMappingURL=is-typography-color.js.map

package/utils/is-typography-color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-typography-color.js","sources":["../../src/utils/is-typography-color.ts"],"sourcesContent":["import { TYPOGRAPHY_COLOR } from '../consts';\nimport { TypographyColor } from '../types/typography-color';\n\nexport const isTypographyColor = (color: TypographyColor | string): color is TypographyColor =>\n    TYPOGRAPHY_COLOR.includes(color);\n"],"names":["TYPOGRAPHY_COLOR"],"mappings":";;;;;;AAGO,IAAM,iBAAiB,GAAG,UAAC,KAA+B,EAAA;AAC7D,IAAA,OAAAA,uBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC;AAAhC;;;;"}

package/cssm/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./Component";
-export * from "./types/typography-color";

package/cssm/shared/index.d.ts

@@ -1 +0,0 @@
-export { getCircularProgressBarTestIds } from "../utils/get-circular-progress-bar-test-ids";

package/cssm/types/component-size.d.ts

@@ -1,2 +0,0 @@
-type ComponentSize = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 24 | 48 | 64 | 80 | 128 | 144;
-export { ComponentSize };

package/cssm/types/typography-color.d.ts

@@ -1,2 +0,0 @@
-type TypographyColor = 'primary' | 'secondary' | 'tertiary' | 'positive' | 'negative';
-export { TypographyColor };

package/cssm/use-timer.d.ts

@@ -1,2 +0,0 @@
-declare function useTimer(time: number, active: boolean | undefined, counting: 'forward' | 'backward', interval?: number, step?: number): [value: number, title: string];
-export { useTimer };

package/cssm/utils/is-typography-color.d.ts

@@ -1,3 +0,0 @@
-import { TypographyColor } from "../types/typography-color";
-declare const isTypographyColor: (color: TypographyColor | string) => color is TypographyColor;
-export { isTypographyColor };

package/esm/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./Component";
-export * from "./types/typography-color";

package/esm/shared/index.d.ts

@@ -1 +0,0 @@
-export { getCircularProgressBarTestIds } from "../utils/get-circular-progress-bar-test-ids";

package/esm/types/component-size.d.ts

@@ -1,2 +0,0 @@
-type ComponentSize = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 24 | 48 | 64 | 80 | 128 | 144;
-export { ComponentSize };

package/esm/types/typography-color.d.ts

@@ -1,2 +0,0 @@
-type TypographyColor = 'primary' | 'secondary' | 'tertiary' | 'positive' | 'negative';
-export { TypographyColor };

package/esm/use-timer.d.ts

@@ -1,2 +0,0 @@
-declare function useTimer(time: number, active: boolean | undefined, counting: 'forward' | 'backward', interval?: number, step?: number): [value: number, title: string];
-export { useTimer };

package/esm/utils/is-typography-color.d.ts

@@ -1,3 +0,0 @@
-import { TypographyColor } from "../types/typography-color";
-declare const isTypographyColor: (color: TypographyColor | string) => color is TypographyColor;
-export { isTypographyColor };

package/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./Component";
-export * from "./types/typography-color";

package/modern/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./Component";
-export * from "./types/typography-color";

package/modern/shared/index.d.ts

@@ -1 +0,0 @@
-export { getCircularProgressBarTestIds } from "../utils/get-circular-progress-bar-test-ids";

package/modern/types/component-size.d.ts

@@ -1,2 +0,0 @@
-type ComponentSize = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 24 | 48 | 64 | 80 | 128 | 144;
-export { ComponentSize };

package/modern/types/typography-color.d.ts

@@ -1,2 +0,0 @@
-type TypographyColor = 'primary' | 'secondary' | 'tertiary' | 'positive' | 'negative';
-export { TypographyColor };

package/modern/use-timer.d.ts

@@ -1,2 +0,0 @@
-declare function useTimer(time: number, active: boolean | undefined, counting: 'forward' | 'backward', interval?: number, step?: number): [value: number, title: string];
-export { useTimer };

package/modern/utils/is-typography-color.d.ts

@@ -1,3 +0,0 @@
-import { TypographyColor } from "../types/typography-color";
-declare const isTypographyColor: (color: TypographyColor | string) => color is TypographyColor;
-export { isTypographyColor };

package/moderncssm/Component.d.ts

@@ -1,142 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ElementType, ReactNode } from "react";
-import { ComponentSize } from "./types/component-size";
-import { TypographyColor } from "./types/typography-color";
-type CircularProgressBarProps = {
-    /**
-     * Уровень прогресса, %
-     */
-    value: number | {
-        /**
-         * Время таймера в секундах
-         * Минимальное значение 0
-         * Максимальное значение 3600
-         */
-        timer: number;
-        /**
-         * Направлние отсчета таймера
-         * forward: считаем от 0 до указанного значения
-         * backward: считаем от указанного значения до 0
-         * @default backward
-         */
-        counting?: 'forward' | 'backward';
-    };
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Основной текст
-     */
-    title?: ReactNode;
-    /**
-     * Цвет контента
-     */
-    contentColor?: TypographyColor | string;
-    /**
-     * Цвет заголовка
-     * Приоритет выше чем у `contentColor`
-     */
-    titleColor?: TypographyColor | string;
-    /**
-     * Цвет подзаголовка
-     * Приоритет выше чем у `contentColor`
-     */
-    subtitleColor?: TypographyColor | string;
-    /**
-     * Дополнительный текст
-     */
-    subtitle?: ReactNode;
-    /**
-     * Основной текст при 100%
-     */
-    titleComplete?: ReactNode;
-    /**
-     * Дополнительный текст при 100%
-     */
-    subtitleComplete?: ReactNode;
-    /**
-     * Цвет заполнения
-     */
-    view?: 'positive' | 'negative';
-    /**
-     * Размер (xxl — 144×144px, xl — 128×128px, l — 80×80px, m — 64×64px, s — 48×48px, xs — 24×24px)
-     * @description xs, s, m, l, xl, xxl deprecated, используйте вместо них 24, 48, 64, 80, 128, 144 соответственно
-     * @default 64
-     */
-    size?: ComponentSize;
-    /**
-     * Наличие желоба
-     */
-    stroke?: boolean;
-    /**
-     * Заливка при 100%
-     */
-    fillComplete?: boolean;
-    /**
-     * Цвет текста при 100%
-     */
-    completeTextColor?: 'primary' | 'primary-inverted' | 'positive' | 'negative';
-    /**
-     * Цвет иконки при 100%
-     */
-    completeIconColor?: 'primary-inverted' | 'positive' | 'negative' | 'tertiary';
-    /**
-     * Компонент иконки
-     */
-    icon?: ElementType<{
-        className?: string;
-    }>;
-    /**
-     * Компонент иконки при 100%
-     */
-    iconComplete?: ElementType<{
-        className?: string;
-    }>;
-    /**
-     * Направление прогресса (clockwise - по часовой стрелке, counter-clockwise - против часовой стрелки)
-     */
-    direction?: 'clockwise' | 'counter-clockwise';
-    /**
-     * Высота компонента, min = 24; max = 144
-     * использовать совместно с size :
-     * xxl от 144
-     * xl  от 128 до 143
-     * l   от 80 до 127
-     * m   от 64 до 79
-     * s   от 48 до 63
-     * xs  от 24 до 47
-     */
-    height?: number;
-    /**
-     * Id компонента для тестов
-     */
-    dataTestId?: string;
-    /**
-     * Дочерние элементы
-     */
-    children?: ReactNode;
-    /**
-     * Цвет прогресса
-     */
-    progressStrokeColor?: string;
-    /**
-     * Цвет заливки внутри круга
-     */
-    circleColor?: string;
-    /**
-     * Цвет желоба
-     */
-    strokeColor?: string;
-    /**
-     * Направление заполнения круга
-     * @default desc
-     */
-    directionType?: 'asc' | 'desc';
-};
-/**
- * Компонент круглого прогресс бара.
- */
-declare const CircularProgressBar: React.FC<CircularProgressBarProps>;
-export { CircularProgressBarProps, CircularProgressBar };

package/moderncssm/consts.d.ts

@@ -1,80 +0,0 @@
-declare const SIZES: {
-    xs: number;
-    s: number;
-    m: number;
-    l: number;
-    xl: number;
-    xxl: number;
-    24: number;
-    48: number;
-    64: number;
-    80: number;
-    96: number;
-    128: number;
-    144: number;
-};
-declare const STROKE: {
-    xs: number;
-    s: number;
-    m: number;
-    l: number;
-    xl: number;
-    xxl: number;
-    24: number;
-    48: number;
-    64: number;
-    80: number;
-    96: number;
-    128: number;
-    144: number;
-};
-declare const VIEW_TITLE: {
-    readonly xs: "small";
-    readonly s: "small";
-    readonly m: "small";
-    readonly l: "xsmall";
-    readonly xl: "medium";
-    readonly xxl: "medium";
-    readonly 24: "small";
-    readonly 48: "small";
-    readonly 64: "small";
-    readonly 80: "xsmall";
-    readonly 96: "xsmall";
-    readonly 128: "medium";
-    readonly 144: "medium";
-};
-declare const VIEW_TEXT: {
-    readonly xs: "secondary-small";
-    readonly s: "secondary-small";
-    readonly m: "secondary-large";
-    readonly l: "secondary-large";
-    readonly xl: "secondary-large";
-    readonly xxl: "secondary-large";
-    readonly 24: "secondary-small";
-    readonly 48: "secondary-small";
-    readonly 64: "secondary-large";
-    readonly 80: "secondary-large";
-    readonly 96: "secondary-large";
-    readonly 128: "secondary-large";
-    readonly 144: "secondary-large";
-};
-declare const TYPOGRAPHY_COLOR: string[];
-declare const SIZE_TO_CLASSNAME_MAP: {
-    xs: string;
-    s: string;
-    m: string;
-    l: string;
-    xl: string;
-    xxl: string;
-    24: string;
-    48: string;
-    64: string;
-    80: string;
-    96: string;
-    128: string;
-    144: string;
-};
-declare const MAX_PROGRESS_VALUE = 100;
-declare const MIN_TIMER_VALUE = 0;
-declare const MAX_TIMER_VALUE = 3599;
-export { SIZES, STROKE, VIEW_TITLE, VIEW_TEXT, TYPOGRAPHY_COLOR, SIZE_TO_CLASSNAME_MAP, MAX_PROGRESS_VALUE, MIN_TIMER_VALUE, MAX_TIMER_VALUE };

package/moderncssm/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./Component";
-export * from "./types/typography-color";

package/moderncssm/shared/index.d.ts

@@ -1 +0,0 @@
-export { getCircularProgressBarTestIds } from "../utils/get-circular-progress-bar-test-ids";

package/moderncssm/types/component-size.d.ts

@@ -1,2 +0,0 @@
-type ComponentSize = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 24 | 48 | 64 | 80 | 128 | 144;
-export { ComponentSize };

package/moderncssm/types/typography-color.d.ts

@@ -1,2 +0,0 @@
-type TypographyColor = 'primary' | 'secondary' | 'tertiary' | 'positive' | 'negative';
-export { TypographyColor };

package/moderncssm/use-timer.d.ts

@@ -1,2 +0,0 @@
-declare function useTimer(time: number, active: boolean | undefined, counting: 'forward' | 'backward', interval?: number, step?: number): [value: number, title: string];
-export { useTimer };

package/moderncssm/utils/is-typography-color.d.ts

@@ -1,3 +0,0 @@
-import { TypographyColor } from "../types/typography-color";
-declare const isTypographyColor: (color: TypographyColor | string) => color is TypographyColor;
-export { isTypographyColor };

package/shared/index.d.ts

@@ -1 +0,0 @@
-export { getCircularProgressBarTestIds } from "../utils/get-circular-progress-bar-test-ids";

package/types/component-size.d.ts

@@ -1,2 +0,0 @@
-type ComponentSize = 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 24 | 48 | 64 | 80 | 128 | 144;
-export { ComponentSize };

package/types/typography-color.d.ts

@@ -1,2 +0,0 @@
-type TypographyColor = 'primary' | 'secondary' | 'tertiary' | 'positive' | 'negative';
-export { TypographyColor };

package/use-timer.d.ts

@@ -1,2 +0,0 @@
-declare function useTimer(time: number, active: boolean | undefined, counting: 'forward' | 'backward', interval?: number, step?: number): [value: number, title: string];
-export { useTimer };

package/utils/get-circular-progress-bar-test-ids.d.ts

@@ -1,8 +0,0 @@
-declare function getCircularProgressBarTestIds(dataTestId: string): {
-    progressBar: string;
-    title: string;
-    subtitle: string;
-    circleProgressBar: string;
-    circleProgressValue: string;
-};
-export { getCircularProgressBarTestIds };

package/utils/is-typography-color.d.ts

@@ -1,3 +0,0 @@
-import { TypographyColor } from "../types/typography-color";
-declare const isTypographyColor: (color: TypographyColor | string) => color is TypographyColor;
-export { isTypographyColor };