@alfalab/core-components-circular-progress-bar 3.9.4 → 4.0.0-snapshot-6a9d3fc

package/moderncssm/index.d.ts

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

package/moderncssm/index.js

@@ -1 +1,2 @@
 export { CircularProgressBar } from './Component.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/index.module.css

@@ -1,16 +1,7 @@
-/* */
-
 :root {
-    /* stroke */
     --circular-progress-bar-stroke-color: var(--color-light-neutral-translucent-300);
-
-    /* positive */
     --circular-progress-bar-positive-color: var(--color-light-status-positive);
-
-    /* negative */
     --circular-progress-bar-negative-color: var(--color-light-status-negative);
-
-    /* theme */
     --circular-progress-bar-font-family: var(--font-family-system);
     --circular-progress-bar-font-weight: 600;
 }

package/moderncssm/shared/index.d.ts

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

package/moderncssm/shared/index.js

@@ -1 +1,2 @@
 export { getCircularProgressBarTestIds } from '../utils/get-circular-progress-bar-test-ids.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/shared/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

package/moderncssm/types/component-size.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=component-size.js.map

package/moderncssm/types/component-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-size.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

package/moderncssm/types/typography-color.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=typography-color.js.map

package/moderncssm/types/typography-color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography-color.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/use-timer.d.ts

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

package/moderncssm/use-timer.js

@@ -25,3 +25,4 @@ function useTimer(time, active = true, counting, onFinish, interval = 1000, step
 }
 
 export { useTimer };
+//# sourceMappingURL=use-timer.js.map

package/moderncssm/use-timer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-timer.js","sources":["../src/use-timer.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { noop } from '@alfalab/core-components-shared';\n\nconst MAX_PERSENT_VALUE = 100;\n\nfunction makeTitle(time: number) {\n    return `${Math.trunc(time / 60)}:${`${time % 60}`.padStart(2, '0')}`;\n}\n\nexport function useTimer(\n    time: number,\n    active = true,\n    counting: 'forward' | 'backward',\n    onFinish: () => void,\n    interval = 1000,\n    step = 1,\n): [value: number, title: string] {\n    const [passedTime, setPassedTime] = useState(0);\n    const isCompleted = passedTime === time;\n    const persentValue = Math.trunc((passedTime / time) * MAX_PERSENT_VALUE);\n\n    useEffect(() => {\n        if (!active || isCompleted) {\n            if (isCompleted) {\n                onFinish();\n            }\n\n            return noop;\n        }\n\n        const timer = setInterval(() => {\n            setPassedTime((prevPassed) => prevPassed + step);\n        }, interval);\n\n        return () => clearInterval(timer);\n    }, [interval, isCompleted, active, step, onFinish]);\n\n    return [persentValue, makeTitle(counting === 'backward' ? time - passedTime : passedTime)];\n}\n"],"names":[],"mappings":";;;AAIA,MAAM,iBAAiB,GAAG,GAAG;AAE7B,SAAS,SAAS,CAAC,IAAY,EAAA;IAC3B,OAAO,CAAA,EAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,CAAC,CAAI,CAAA,EAAA,CAAA,EAAG,IAAI,GAAG,EAAE,CAAE,CAAA,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA,CAAE;AACxE;SAEgB,QAAQ,CACpB,IAAY,EACZ,MAAM,GAAG,IAAI,EACb,QAAgC,EAChC,QAAoB,EACpB,QAAQ,GAAG,IAAI,EACf,IAAI,GAAG,CAAC,EAAA;IAER,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;AAC/C,IAAA,MAAM,WAAW,GAAG,UAAU,KAAK,IAAI;AACvC,IAAA,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,UAAU,GAAG,IAAI,IAAI,iBAAiB,CAAC;IAExE,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,CAAC,MAAM,IAAI,WAAW,EAAE;AACxB,YAAA,IAAI,WAAW,EAAE;AACb,gBAAA,QAAQ,EAAE;AACb;AAED,YAAA,OAAO,IAAI;AACd;AAED,QAAA,MAAM,KAAK,GAAG,WAAW,CAAC,MAAK;YAC3B,aAAa,CAAC,CAAC,UAAU,KAAK,UAAU,GAAG,IAAI,CAAC;SACnD,EAAE,QAAQ,CAAC;AAEZ,QAAA,OAAO,MAAM,aAAa,CAAC,KAAK,CAAC;AACrC,KAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;IAEnD,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,QAAQ,KAAK,UAAU,GAAG,IAAI,GAAG,UAAU,GAAG,UAAU,CAAC,CAAC;AAC9F;;;;"}

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

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

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

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

package/moderncssm/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":[],"mappings":";;AAEM,SAAU,6BAA6B,CAAC,UAAkB,EAAA;IAC5D,OAAO;AACH,QAAA,WAAW,EAAE,UAAU;AACvB,QAAA,KAAK,EAAE,aAAa,CAAC,UAAU,EAAE,OAAO,CAAC;AACzC,QAAA,QAAQ,EAAE,aAAa,CAAC,UAAU,EAAE,UAAU,CAAC;AAC/C,QAAA,iBAAiB,EAAE,aAAa,CAAC,UAAU,EAAE,qBAAqB,CAAC;AACnE,QAAA,mBAAmB,EAAE,aAAa,CAAC,UAAU,EAAE,uBAAuB,CAAC;KAC1E;AACL;;;;"}

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

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

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

@@ -3,3 +3,4 @@ import { TYPOGRAPHY_COLOR } from '../consts.js';
 const isTypographyColor = (color) => TYPOGRAPHY_COLOR.includes(color);
 
 export { isTypographyColor };
+//# sourceMappingURL=is-typography-color.js.map

package/moderncssm/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":[],"mappings":";;AAGO,MAAM,iBAAiB,GAAG,CAAC,KAA+B,KAC7D,gBAAgB,CAAC,QAAQ,CAAC,KAAK;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-circular-progress-bar",
-    "version": "3.9.4",
+    "version": "4.0.0-snapshot-6a9d3fc",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -12,14 +12,15 @@
     },
     "sideEffects": false,
     "dependencies": {
-        "@alfalab/core-components-typography": "^4.14.3",
-        "@alfalab/core-components-shared": "^0.18.0",
+        "@alfalab/core-components-typography": "5.0.0-snapshot-6a9d3fc",
+        "@alfalab/core-components-shared": "1.0.0-snapshot-6a9d3fc",
         "classnames": "^2.5.1",
         "tslib": "^2.4.0"
     },
     "peerDependencies": {
-        "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
+        "react": "^16.9.0 || ^17.0.1 || ^18.0.0",
+        "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
-    "themesVersion": "13.7.4",
-    "varsVersion": "9.20.1"
+    "themesVersion": "14.0.0-snapshot-6a9d3fc",
+    "varsVersion": "10.0.0-snapshot-6a9d3fc"
 }

package/shared/index.d.ts

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

package/shared/index.js

@@ -2,8 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var utils_getCircularProgressBarTestIds = require('../utils/get-circular-progress-bar-test-ids.js');
+var getCircularProgressBarTestIds = require('../utils/get-circular-progress-bar-test-ids.js');
 
 
 
-exports.getCircularProgressBarTestIds = utils_getCircularProgressBarTestIds.getCircularProgressBarTestIds;
+exports.getCircularProgressBarTestIds = getCircularProgressBarTestIds.getCircularProgressBarTestIds;
+//# sourceMappingURL=index.js.map

package/shared/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/types/component-size.d.ts

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

package/types/component-size.js

@@ -1,2 +1,3 @@
 'use strict';
 
+//# sourceMappingURL=component-size.js.map

package/types/component-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-size.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/types/typography-color.d.ts

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

package/types/typography-color.js

@@ -1,2 +1,3 @@
 'use strict';
 
+//# sourceMappingURL=typography-color.js.map

package/types/typography-color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography-color.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/use-timer.d.ts

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

package/use-timer.js

@@ -32,3 +32,4 @@ function useTimer(time, active, counting, onFinish, interval, step) {
 }
 
 exports.useTimer = useTimer;
+//# sourceMappingURL=use-timer.js.map

package/use-timer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-timer.js","sources":["src/use-timer.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { noop } from '@alfalab/core-components-shared';\n\nconst MAX_PERSENT_VALUE = 100;\n\nfunction makeTitle(time: number) {\n    return `${Math.trunc(time / 60)}:${`${time % 60}`.padStart(2, '0')}`;\n}\n\nexport function useTimer(\n    time: number,\n    active = true,\n    counting: 'forward' | 'backward',\n    onFinish: () => void,\n    interval = 1000,\n    step = 1,\n): [value: number, title: string] {\n    const [passedTime, setPassedTime] = useState(0);\n    const isCompleted = passedTime === time;\n    const persentValue = Math.trunc((passedTime / time) * MAX_PERSENT_VALUE);\n\n    useEffect(() => {\n        if (!active || isCompleted) {\n            if (isCompleted) {\n                onFinish();\n            }\n\n            return noop;\n        }\n\n        const timer = setInterval(() => {\n            setPassedTime((prevPassed) => prevPassed + step);\n        }, interval);\n\n        return () => clearInterval(timer);\n    }, [interval, isCompleted, active, step, onFinish]);\n\n    return [persentValue, makeTitle(counting === 'backward' ? time - passedTime : passedTime)];\n}\n"],"names":["useState","useEffect","noop"],"mappings":";;;;;;;AAIA,IAAM,iBAAiB,GAAG,GAAG;AAE7B,SAAS,SAAS,CAAC,IAAY,EAAA;IAC3B,OAAO,EAAA,CAAA,MAAA,CAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,CAAC,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,MAAA,CAAG,IAAI,GAAG,EAAE,CAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAE;AACxE;AAEgB,SAAA,QAAQ,CACpB,IAAY,EACZ,MAAa,EACb,QAAgC,EAChC,QAAoB,EACpB,QAAe,EACf,IAAQ,EAAA;AAJR,IAAA,IAAA,MAAA,KAAA,MAAA,EAAA,EAAA,MAAa,GAAA,IAAA,CAAA;AAGb,IAAA,IAAA,QAAA,KAAA,MAAA,EAAA,EAAA,QAAe,GAAA,IAAA,CAAA;AACf,IAAA,IAAA,IAAA,KAAA,MAAA,EAAA,EAAA,IAAQ,GAAA,CAAA,CAAA;IAEF,IAAA,EAAA,GAA8BA,cAAQ,CAAC,CAAC,CAAC,EAAxC,UAAU,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,aAAa,GAAA,EAAA,CAAA,CAAA,CAAe;AAC/C,IAAA,IAAM,WAAW,GAAG,UAAU,KAAK,IAAI;AACvC,IAAA,IAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,UAAU,GAAG,IAAI,IAAI,iBAAiB,CAAC;AAExE,IAAAC,eAAS,CAAC,YAAA;AACN,QAAA,IAAI,CAAC,MAAM,IAAI,WAAW,EAAE;AACxB,YAAA,IAAI,WAAW,EAAE;AACb,gBAAA,QAAQ,EAAE;AACb;AAED,YAAA,OAAOC,yBAAI;AACd;QAED,IAAM,KAAK,GAAG,WAAW,CAAC,YAAA;YACtB,aAAa,CAAC,UAAC,UAAU,EAAK,EAAA,OAAA,UAAU,GAAG,IAAI,CAAA,EAAA,CAAC;SACnD,EAAE,QAAQ,CAAC;QAEZ,OAAO,YAAA,EAAM,OAAA,aAAa,CAAC,KAAK,CAAC,CAAA,EAAA;AACrC,KAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;IAEnD,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,QAAQ,KAAK,UAAU,GAAG,IAAI,GAAG,UAAU,GAAG,UAAU,CAAC,CAAC;AAC9F;;;;"}

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

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

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.d.ts

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

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/shared/package.json

@@ -1,3 +0,0 @@
-{
-    "module": "../esm/shared/index.js"
-}

package/src/shared/package.json

@@ -1,3 +0,0 @@
-{
-    "module": "../esm/shared/index.js"
-}