@cloud-ru/uikit-product-load-status 0.0.54 → 0.0.55

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.0.55 (2025-11-12)
+
+
+### Bug Fixes
+
+* **PD-3377:** contributors update to publish all packages ([719fd3e](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/719fd3e1249e247443b125c47ea408d92c8395c3))
+
+
+
+
+
 ## 0.0.54 (2025-11-12)
 
 ### Only dependencies have been changed

package/dist/cjs/components/LoadStatus.d.ts

@@ -0,0 +1,13 @@
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { ProgressBarProps } from '@snack-uikit/progress-bar';
+import { LoadValueType, ProgressLimitList } from './types';
+export type LoadStatusProps = WithSupportProps<{
+    label?: string;
+    value?: string;
+    hint?: string;
+    valueType?: LoadValueType;
+    appearanceByProgress?: ProgressLimitList;
+    showErrorIcon?: boolean;
+    className?: string;
+} & Pick<ProgressBarProps, 'progress' | 'size'>>;
+export declare function LoadStatus({ label, value, hint, valueType, progress, size, appearanceByProgress, showErrorIcon, className, ...props }: LoadStatusProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/LoadStatus.js

@@ -0,0 +1,34 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadStatus = LoadStatus;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const figma_tokens_cloud_platform_1 = require("@sbercloud/figma-tokens-cloud-platform");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const progress_bar_1 = require("@snack-uikit/progress-bar");
+const typography_1 = require("@snack-uikit/typography");
+const constants_1 = require("./constants");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+const utils_1 = require("./utils");
+function LoadStatus(_a) {
+    var { label, value, hint, valueType = 'none', progress, size = 's', appearanceByProgress = constants_1.DEFAULT_APPEARANCE_BY_PROGRESS, showErrorIcon, className } = _a, props = __rest(_a, ["label", "value", "hint", "valueType", "progress", "size", "appearanceByProgress", "showErrorIcon", "className"]);
+    const progressAppearance = (0, utils_1.getProgressBarColor)(progress, appearanceByProgress);
+    const isShowHeader = label || value || valueType !== 'none';
+    const symbol = constants_1.SYMBOL_BY_TYPE[valueType];
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)(styles_module_scss_1.default.loadStatus, className) }, (0, uikit_product_utils_1.extractSupportProps)(props), { children: [isShowHeader && ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.header, children: [(0, jsx_runtime_1.jsxs)(typography_1.Typography.SansBodyS, { children: [label, (0, jsx_runtime_1.jsx)("span", { className: styles_module_scss_1.default.labelValue, children: value })] }), symbol && ((0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyS, { className: styles_module_scss_1.default.valueSymbol, children: `${progress} ${symbol}` }))] })), (0, jsx_runtime_1.jsx)(progress_bar_1.ProgressBar, { progress: progress, size: size, appearance: progressAppearance }), hint && ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.hintWrapper, children: [showErrorIcon && (0, jsx_runtime_1.jsx)(uikit_product_icons_1.CrossFilledSVG, { color: figma_tokens_cloud_platform_1.themeVars.sys.red.accentDefault, size: 16 }), (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyS, { className: styles_module_scss_1.default.hint, children: hint })] }))] })));
+}

package/dist/cjs/components/constants.d.ts

@@ -0,0 +1,3 @@
+import { LoadValueType, ProgressLimitList } from './types';
+export declare const DEFAULT_APPEARANCE_BY_PROGRESS: ProgressLimitList;
+export declare const SYMBOL_BY_TYPE: Record<LoadValueType, string>;

package/dist/cjs/components/constants.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SYMBOL_BY_TYPE = exports.DEFAULT_APPEARANCE_BY_PROGRESS = void 0;
+exports.DEFAULT_APPEARANCE_BY_PROGRESS = [
+    { appearance: 'green', condition: 'lte', limit: 70 },
+    { appearance: 'yellow', condition: 'lte', limit: 90 },
+    { appearance: 'red', condition: 'lte', limit: 100 },
+];
+exports.SYMBOL_BY_TYPE = {
+    none: '',
+    percent: '%',
+};

package/dist/cjs/components/index.d.ts

@@ -0,0 +1 @@
+export * from './LoadStatus';

package/dist/cjs/components/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./LoadStatus"), exports);

package/dist/cjs/components/styles.module.css

@@ -0,0 +1,29 @@
+.loadStatus{
+  display:flex;
+  flex-direction:column;
+  gap:4px;
+}
+
+.header{
+  display:flex;
+  justify-content:space-between;
+}
+
+.labelValue{
+  margin-left:4px;
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+
+.valueSymbol{
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+
+.hint{
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+
+.hintWrapper{
+  display:flex;
+  align-items:center;
+  gap:2px;
+}

package/dist/cjs/components/types.d.ts

@@ -0,0 +1,9 @@
+import { ProgressBarProps } from '@snack-uikit/progress-bar';
+export type LoadValueType = 'none' | 'percent';
+type ProgressLimit = {
+    condition: 'eq' | 'gt' | 'gte' | 'lt' | 'lte';
+    limit: number;
+    appearance: ProgressBarProps['appearance'];
+};
+export type ProgressLimitList = ProgressLimit[];
+export {};

package/dist/cjs/components/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/components/utils/getProgressBarColor.d.ts

@@ -0,0 +1,3 @@
+import { ProgressBarProps } from '@snack-uikit/progress-bar';
+import { ProgressLimitList } from '../types';
+export declare const getProgressBarColor: (progress: number, limits: ProgressLimitList) => ProgressBarProps["appearance"];

package/dist/cjs/components/utils/getProgressBarColor.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getProgressBarColor = void 0;
+const getProgressBarColor = (progress, limits) => {
+    for (const limit of limits) {
+        switch (limit.condition) {
+            case 'eq':
+                if (progress === limit.limit) {
+                    return limit.appearance;
+                }
+                break;
+            case 'gt':
+                if (progress > limit.limit) {
+                    return limit.appearance;
+                }
+                break;
+            case 'gte':
+                if (progress >= limit.limit) {
+                    return limit.appearance;
+                }
+                break;
+            case 'lt':
+                if (progress < limit.limit) {
+                    return limit.appearance;
+                }
+                break;
+            case 'lte':
+                if (progress <= limit.limit) {
+                    return limit.appearance;
+                }
+                break;
+            default:
+                return 'neutral';
+        }
+    }
+    return 'neutral';
+};
+exports.getProgressBarColor = getProgressBarColor;

package/dist/cjs/components/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './getProgressBarColor';

package/dist/cjs/components/utils/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./getProgressBarColor"), exports);

package/dist/cjs/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/cjs/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components"), exports);

package/dist/esm/components/LoadStatus.d.ts

@@ -0,0 +1,13 @@
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { ProgressBarProps } from '@snack-uikit/progress-bar';
+import { LoadValueType, ProgressLimitList } from './types';
+export type LoadStatusProps = WithSupportProps<{
+    label?: string;
+    value?: string;
+    hint?: string;
+    valueType?: LoadValueType;
+    appearanceByProgress?: ProgressLimitList;
+    showErrorIcon?: boolean;
+    className?: string;
+} & Pick<ProgressBarProps, 'progress' | 'size'>>;
+export declare function LoadStatus({ label, value, hint, valueType, progress, size, appearanceByProgress, showErrorIcon, className, ...props }: LoadStatusProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/LoadStatus.js

@@ -0,0 +1,28 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from 'classnames';
+import { themeVars } from '@sbercloud/figma-tokens-cloud-platform';
+import { CrossFilledSVG } from '@sbercloud/uikit-product-icons';
+import { extractSupportProps } from '@sbercloud/uikit-product-utils';
+import { ProgressBar } from '@snack-uikit/progress-bar';
+import { Typography } from '@snack-uikit/typography';
+import { DEFAULT_APPEARANCE_BY_PROGRESS, SYMBOL_BY_TYPE } from './constants';
+import styles from './styles.module.css';
+import { getProgressBarColor } from './utils';
+export function LoadStatus(_a) {
+    var { label, value, hint, valueType = 'none', progress, size = 's', appearanceByProgress = DEFAULT_APPEARANCE_BY_PROGRESS, showErrorIcon, className } = _a, props = __rest(_a, ["label", "value", "hint", "valueType", "progress", "size", "appearanceByProgress", "showErrorIcon", "className"]);
+    const progressAppearance = getProgressBarColor(progress, appearanceByProgress);
+    const isShowHeader = label || value || valueType !== 'none';
+    const symbol = SYMBOL_BY_TYPE[valueType];
+    return (_jsxs("div", Object.assign({ className: cn(styles.loadStatus, className) }, extractSupportProps(props), { children: [isShowHeader && (_jsxs("div", { className: styles.header, children: [_jsxs(Typography.SansBodyS, { children: [label, _jsx("span", { className: styles.labelValue, children: value })] }), symbol && (_jsx(Typography.SansBodyS, { className: styles.valueSymbol, children: `${progress} ${symbol}` }))] })), _jsx(ProgressBar, { progress: progress, size: size, appearance: progressAppearance }), hint && (_jsxs("div", { className: styles.hintWrapper, children: [showErrorIcon && _jsx(CrossFilledSVG, { color: themeVars.sys.red.accentDefault, size: 16 }), _jsx(Typography.SansBodyS, { className: styles.hint, children: hint })] }))] })));
+}

package/dist/esm/components/constants.d.ts

@@ -0,0 +1,3 @@
+import { LoadValueType, ProgressLimitList } from './types';
+export declare const DEFAULT_APPEARANCE_BY_PROGRESS: ProgressLimitList;
+export declare const SYMBOL_BY_TYPE: Record<LoadValueType, string>;

package/dist/esm/components/constants.js

@@ -0,0 +1,9 @@
+export const DEFAULT_APPEARANCE_BY_PROGRESS = [
+    { appearance: 'green', condition: 'lte', limit: 70 },
+    { appearance: 'yellow', condition: 'lte', limit: 90 },
+    { appearance: 'red', condition: 'lte', limit: 100 },
+];
+export const SYMBOL_BY_TYPE = {
+    none: '',
+    percent: '%',
+};

package/dist/esm/components/index.d.ts

@@ -0,0 +1 @@
+export * from './LoadStatus';

package/dist/esm/components/index.js

@@ -0,0 +1 @@
+export * from './LoadStatus';

package/dist/esm/components/styles.module.css

@@ -0,0 +1,29 @@
+.loadStatus{
+  display:flex;
+  flex-direction:column;
+  gap:4px;
+}
+
+.header{
+  display:flex;
+  justify-content:space-between;
+}
+
+.labelValue{
+  margin-left:4px;
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+
+.valueSymbol{
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+
+.hint{
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+
+.hintWrapper{
+  display:flex;
+  align-items:center;
+  gap:2px;
+}

package/dist/esm/components/types.d.ts

@@ -0,0 +1,9 @@
+import { ProgressBarProps } from '@snack-uikit/progress-bar';
+export type LoadValueType = 'none' | 'percent';
+type ProgressLimit = {
+    condition: 'eq' | 'gt' | 'gte' | 'lt' | 'lte';
+    limit: number;
+    appearance: ProgressBarProps['appearance'];
+};
+export type ProgressLimitList = ProgressLimit[];
+export {};

package/dist/esm/components/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/utils/getProgressBarColor.d.ts

@@ -0,0 +1,3 @@
+import { ProgressBarProps } from '@snack-uikit/progress-bar';
+import { ProgressLimitList } from '../types';
+export declare const getProgressBarColor: (progress: number, limits: ProgressLimitList) => ProgressBarProps["appearance"];

package/dist/esm/components/utils/getProgressBarColor.js

@@ -0,0 +1,34 @@
+export const getProgressBarColor = (progress, limits) => {
+    for (const limit of limits) {
+        switch (limit.condition) {
+            case 'eq':
+                if (progress === limit.limit) {
+                    return limit.appearance;
+                }
+                break;
+            case 'gt':
+                if (progress > limit.limit) {
+                    return limit.appearance;
+                }
+                break;
+            case 'gte':
+                if (progress >= limit.limit) {
+                    return limit.appearance;
+                }
+                break;
+            case 'lt':
+                if (progress < limit.limit) {
+                    return limit.appearance;
+                }
+                break;
+            case 'lte':
+                if (progress <= limit.limit) {
+                    return limit.appearance;
+                }
+                break;
+            default:
+                return 'neutral';
+        }
+    }
+    return 'neutral';
+};

package/dist/esm/components/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './getProgressBarColor';

package/dist/esm/components/utils/index.js

@@ -0,0 +1 @@
+export * from './getProgressBarColor';

package/dist/esm/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/esm/index.js

@@ -0,0 +1 @@
+export * from './components';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-load-status",
   "title": "Load Status",
-  "version": "0.0.54",
+  "version": "0.0.55",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -30,17 +30,18 @@
     "name": "Akhremenko Grigorii",
     "url": "https://github.com/AGrigorii"
   },
+  "contributors": [],
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public"
   },
   "scripts": {},
   "dependencies": {
-    "@cloud-ru/uikit-product-icons": "15.1.1",
-    "@cloud-ru/uikit-product-utils": "7.0.0",
+    "@cloud-ru/uikit-product-icons": "15.1.2",
+    "@cloud-ru/uikit-product-utils": "7.0.1",
     "@snack-uikit/progress-bar": "0.1.3",
     "@snack-uikit/typography": "0.8.4",
     "classnames": "2.5.1"
   },
-  "gitHead": "e8bd79bc92b26a8f52611972eec98a867536ccd3"
+  "gitHead": "9c11b1e33e716c874534a1c162266c8591f2ed03"
 }