@trilogy-ds/react 4.8.2 → 4.9.0-beta-build-1

package/lib/components/progress/item/ProgressItem.d.mts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ProgressItemProps } from './ProgressItemProps';
+/**
+ * Progress Item component - Only if stacked
+ * @param percent {number} Progress percent
+ * @param minPercent {number} Default min percent is 100
+ * @param maxPercent {number} Default max percent is 100
+ * @param status {StatusProps} Progress alert variant (SUCCESS|INFO|WARNING|ERROR)
+ * @param children {React.ReactNode}
+ * @param accessibilityLabel {string} Accessibility label
+ * -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS classes
+ */
+declare const ProgressItem: React.ForwardRefExoticComponent<ProgressItemProps & React.RefAttributes<HTMLDivElement>>;
+export default ProgressItem;

package/lib/components/progress/item/ProgressItem.js

@@ -1,11 +1,13 @@
-import { __assign, __rest } from "tslib";
-import { ComponentName } from '../../../components/enumsComponentsName';
-import clsx from 'clsx';
-import React from 'react';
-import { useTrilogyContext } from '../../../context';
-import { hashClass } from '../../../helpers';
-import { getStatusClassName } from '../../../objects';
-import { is } from '../../../services/index';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var enumsComponentsName_1 = require("../../../components/enumsComponentsName");
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var react_1 = tslib_1.__importDefault(require("react"));
+var context_1 = require("../../../context");
+var helpers_1 = require("../../../helpers");
+var objects_1 = require("../../../objects");
+var index_1 = require("../../../services/index");
 /**
  * Progress Item component - Only if stacked
  * @param percent {number} Progress percent
@@ -17,12 +19,12 @@ import { is } from '../../../services/index';
  * -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS classes
  */
-var ProgressItem = React.forwardRef(function (_a, ref) {
-    var className = _a.className, percent = _a.percent, _b = _a.maxPercent, maxPercent = _b === void 0 ? 100 : _b, _c = _a.minPercent, minPercent = _c === void 0 ? 0 : _c, status = _a.status, accessibilityLabel = _a.accessibilityLabel, others = __rest(_a, ["className", "percent", "maxPercent", "minPercent", "status", "accessibilityLabel"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('progress-bar', status && is(getStatusClassName(status)), !status && is('primary'), className));
-    return (React.createElement("div", __assign({ ref: ref }, (percent && { style: { width: "".concat(percent, "%") } }), { className: classes, role: 'progressbar', "aria-valuenow": percent, "aria-valuemin": minPercent, "aria-valuemax": maxPercent, "aria-label": accessibilityLabel }, others)));
+var ProgressItem = react_1.default.forwardRef(function (_a, ref) {
+    var className = _a.className, percent = _a.percent, _b = _a.maxPercent, maxPercent = _b === void 0 ? 100 : _b, _c = _a.minPercent, minPercent = _c === void 0 ? 0 : _c, status = _a.status, accessibilityLabel = _a.accessibilityLabel, others = tslib_1.__rest(_a, ["className", "percent", "maxPercent", "minPercent", "status", "accessibilityLabel"]);
+    var styled = (0, context_1.useTrilogyContext)().styled;
+    var classes = (0, helpers_1.hashClass)(styled, (0, clsx_1.default)('progress-bar', status && (0, index_1.is)((0, objects_1.getStatusClassName)(status)), !status && (0, index_1.is)('primary'), className));
+    return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref }, (percent && { style: { width: "".concat(percent, "%") } }), { className: classes, role: 'progressbar', "aria-valuenow": percent, "aria-valuemin": minPercent, "aria-valuemax": maxPercent, "aria-label": accessibilityLabel }, others)));
 });
-ProgressItem.displayName = ComponentName.ProgressItem;
-export default ProgressItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9pdGVtL1Byb2dyZXNzSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUNyRCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFHNUM7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ25DLFVBQ0UsRUFBK0YsRUFDL0YsR0FBRztJQURELElBQUEsU0FBUyxlQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsa0JBQWdCLEVBQWhCLFVBQVUsbUJBQUcsR0FBRyxLQUFBLEVBQUUsa0JBQWMsRUFBZCxVQUFVLG1CQUFHLENBQUMsS0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLGtCQUFrQix3QkFBQSxFQUFLLE1BQU0sY0FBN0Ysb0ZBQStGLENBQUY7SUFHckYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUFDLGNBQWMsRUFBRSxNQUFNLElBQUksRUFBRSxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxNQUFNLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUNwRyxDQUFBO0lBRUQsT0FBTyxDQUNMLHNDQUNFLEdBQUcsRUFBRSxHQUFHLElBQ0osQ0FBQyxPQUFPLElBQUksRUFBRSxLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsVUFBRyxPQUFPLE1BQUcsRUFBRSxFQUFFLENBQUMsSUFDcEQsU0FBUyxFQUFFLE9BQU8sRUFDbEIsSUFBSSxFQUFDLGFBQWEsbUJBQ0gsT0FBTyxtQkFDUCxVQUFVLG1CQUNWLFVBQVUsZ0JBQ2Isa0JBQWtCLElBQzFCLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFlBQVksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQTtBQUNyRCxlQUFlLFlBQVksQ0FBQSJ9
+ProgressItem.displayName = enumsComponentsName_1.ComponentName.ProgressItem;
+exports.default = ProgressItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9pdGVtL1Byb2dyZXNzSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsd0VBQWdFO0FBQ2hFLHNEQUF1QjtBQUN2Qix3REFBeUI7QUFDekIsNENBQW9EO0FBQ3BELDRDQUE0QztBQUM1Qyw0Q0FBcUQ7QUFDckQsaURBQTRDO0FBRzVDOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLFlBQVksR0FBRyxlQUFLLENBQUMsVUFBVSxDQUNuQyxVQUNFLEVBQStGLEVBQy9GLEdBQUc7SUFERCxJQUFBLFNBQVMsZUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLGtCQUFnQixFQUFoQixVQUFVLG1CQUFHLEdBQUcsS0FBQSxFQUFFLGtCQUFjLEVBQWQsVUFBVSxtQkFBRyxDQUFDLEtBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxrQkFBa0Isd0JBQUEsRUFBSyxNQUFNLHNCQUE3RixvRkFBK0YsQ0FBRjtJQUdyRixJQUFBLE1BQU0sR0FBSyxJQUFBLDJCQUFpQixHQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLElBQUEsbUJBQVMsRUFDdkIsTUFBTSxFQUNOLElBQUEsY0FBSSxFQUFDLGNBQWMsRUFBRSxNQUFNLElBQUksSUFBQSxVQUFFLEVBQUMsSUFBQSw0QkFBa0IsRUFBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLENBQUMsTUFBTSxJQUFJLElBQUEsVUFBRSxFQUFDLFNBQVMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUNwRyxDQUFBO0lBRUQsT0FBTyxDQUNMLHdEQUNFLEdBQUcsRUFBRSxHQUFHLElBQ0osQ0FBQyxPQUFPLElBQUksRUFBRSxLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsVUFBRyxPQUFPLE1BQUcsRUFBRSxFQUFFLENBQUMsSUFDcEQsU0FBUyxFQUFFLE9BQU8sRUFDbEIsSUFBSSxFQUFDLGFBQWEsbUJBQ0gsT0FBTyxtQkFDUCxVQUFVLG1CQUNWLFVBQVUsZ0JBQ2Isa0JBQWtCLElBQzFCLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFlBQVksQ0FBQyxXQUFXLEdBQUcsbUNBQWEsQ0FBQyxZQUFZLENBQUE7QUFDckQsa0JBQWUsWUFBWSxDQUFBIn0=

package/lib/components/progress/item/ProgressItem.mjs

@@ -0,0 +1,28 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import clsx from 'clsx';
+import React from 'react';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers';
+import { getStatusClassName } from '../../../objects';
+import { is } from '../../../services/index';
+/**
+ * Progress Item component - Only if stacked
+ * @param percent {number} Progress percent
+ * @param minPercent {number} Default min percent is 100
+ * @param maxPercent {number} Default max percent is 100
+ * @param status {StatusProps} Progress alert variant (SUCCESS|INFO|WARNING|ERROR)
+ * @param children {React.ReactNode}
+ * @param accessibilityLabel {string} Accessibility label
+ * -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS classes
+ */
+var ProgressItem = React.forwardRef(function (_a, ref) {
+    var className = _a.className, percent = _a.percent, _b = _a.maxPercent, maxPercent = _b === void 0 ? 100 : _b, _c = _a.minPercent, minPercent = _c === void 0 ? 0 : _c, status = _a.status, accessibilityLabel = _a.accessibilityLabel, others = __rest(_a, ["className", "percent", "maxPercent", "minPercent", "status", "accessibilityLabel"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('progress-bar', status && is(getStatusClassName(status)), !status && is('primary'), className));
+    return (React.createElement("div", __assign({ ref: ref }, (percent && { style: { width: "".concat(percent, "%") } }), { className: classes, role: 'progressbar', "aria-valuenow": percent, "aria-valuemin": minPercent, "aria-valuemax": maxPercent, "aria-label": accessibilityLabel }, others)));
+});
+ProgressItem.displayName = ComponentName.ProgressItem;
+export default ProgressItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9pdGVtL1Byb2dyZXNzSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUNyRCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFHNUM7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ25DLFVBQ0UsRUFBK0YsRUFDL0YsR0FBRztJQURELElBQUEsU0FBUyxlQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsa0JBQWdCLEVBQWhCLFVBQVUsbUJBQUcsR0FBRyxLQUFBLEVBQUUsa0JBQWMsRUFBZCxVQUFVLG1CQUFHLENBQUMsS0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLGtCQUFrQix3QkFBQSxFQUFLLE1BQU0sY0FBN0Ysb0ZBQStGLENBQUY7SUFHckYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUFDLGNBQWMsRUFBRSxNQUFNLElBQUksRUFBRSxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxNQUFNLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUNwRyxDQUFBO0lBRUQsT0FBTyxDQUNMLHNDQUNFLEdBQUcsRUFBRSxHQUFHLElBQ0osQ0FBQyxPQUFPLElBQUksRUFBRSxLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsVUFBRyxPQUFPLE1BQUcsRUFBRSxFQUFFLENBQUMsSUFDcEQsU0FBUyxFQUFFLE9BQU8sRUFDbEIsSUFBSSxFQUFDLGFBQWEsbUJBQ0gsT0FBTyxtQkFDUCxVQUFVLG1CQUNWLFVBQVUsZ0JBQ2Isa0JBQWtCLElBQzFCLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFlBQVksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQTtBQUNyRCxlQUFlLFlBQVksQ0FBQSJ9

package/lib/components/progress/item/ProgressItem.native.d.mts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ProgressItemProps } from './ProgressItemProps';
+/**
+ * ProgressItem component - Only if stacked
+ * @param percent {number} Progress percent
+ * @param minPercent {number} Default min percent is 100
+ * @param status {StatusProps} Progress status state
+ * @param style {Style} Styles passed from parent
+ * @param children {React.ReactNode}
+ */
+declare const ProgressItem: React.ForwardRefExoticComponent<ProgressItemProps & React.RefAttributes<import("react-native").View>>;
+export default ProgressItem;

package/lib/components/progress/item/ProgressItem.native.js

@@ -1,7 +1,9 @@
-import { __assign, __read, __rest, __spreadArray } from "tslib";
-import React, { useEffect, useRef } from 'react';
-import { Animated } from 'react-native';
-import { ComponentName } from '../../enumsComponentsName';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_native_1 = require("react-native");
+var enumsComponentsName_1 = require("../../enumsComponentsName");
 /**
  * ProgressItem component - Only if stacked
  * @param percent {number} Progress percent
@@ -10,13 +12,13 @@ import { ComponentName } from '../../enumsComponentsName';
  * @param style {Style} Styles passed from parent
  * @param children {React.ReactNode}
  */
-var ProgressItem = React.forwardRef(function (_a, ref) {
-    var children = _a.children, percent = _a.percent, style = _a.style, others = __rest(_a, ["children", "percent", "style"]);
-    var animation = useRef(new Animated.Value(0)).current;
+var ProgressItem = react_1.default.forwardRef(function (_a, ref) {
+    var children = _a.children, percent = _a.percent, style = _a.style, others = tslib_1.__rest(_a, ["children", "percent", "style"]);
+    var animation = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
     var styles = style;
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         percent &&
-            Animated.timing(animation, {
+            react_native_1.Animated.timing(animation, {
                 toValue: percent,
                 duration: 1000,
                 useNativeDriver: false,
@@ -27,8 +29,8 @@ var ProgressItem = React.forwardRef(function (_a, ref) {
         outputRange: ['0%', '100%'],
         extrapolate: 'clamp',
     });
-    return (React.createElement(Animated.View, __assign({}, others, { style: __spreadArray([{ width: width }], __read(styles), false), ref: ref }), children));
+    return (react_1.default.createElement(react_native_1.Animated.View, tslib_1.__assign({}, others, { style: tslib_1.__spreadArray([{ width: width }], tslib_1.__read(styles), false), ref: ref }), children));
 });
-ProgressItem.displayName = ComponentName.ProgressItem;
-export default ProgressItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NJdGVtLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcHJvZ3Jlc3MvaXRlbS9Qcm9ncmVzc0l0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2hELE9BQU8sRUFBRSxRQUFRLEVBQWEsTUFBTSxjQUFjLENBQUE7QUFDbEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBR3pEOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNuQyxVQUFDLEVBQXVDLEVBQUUsR0FBRztJQUExQyxJQUFBLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLEtBQUssV0FBQSxFQUFLLE1BQU0sY0FBckMsZ0NBQXVDLENBQUY7SUFDcEMsSUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLElBQUksUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQTtJQUN2RCxJQUFNLE1BQU0sR0FBRyxLQUFvQixDQUFBO0lBRW5DLFNBQVMsQ0FBQztRQUNSLE9BQU87WUFDTCxRQUFRLENBQUMsTUFBTSxDQUFDLFNBQVMsRUFBRTtnQkFDekIsT0FBTyxFQUFFLE9BQU87Z0JBQ2hCLFFBQVEsRUFBRSxJQUFJO2dCQUNkLGVBQWUsRUFBRSxLQUFLO2FBQ3ZCLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQTtJQUNkLENBQUMsRUFBRSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQTtJQUUvQixJQUFNLEtBQUssR0FBRyxTQUFTLENBQUMsV0FBVyxDQUFDO1FBQ2xDLFVBQVUsRUFBRSxDQUFDLENBQUMsRUFBRSxHQUFHLENBQUM7UUFDcEIsV0FBVyxFQUFFLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQztRQUMzQixXQUFXLEVBQUUsT0FBTztLQUNyQixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsUUFBUSxDQUFDLElBQUksZUFBSyxNQUFNLElBQUUsS0FBSyxpQkFBRyxFQUFFLEtBQUssT0FBQSxFQUFFLFVBQUssTUFBTSxXQUFHLEdBQUcsRUFBRSxHQUFHLEtBQy9ELFFBQVEsQ0FDSyxDQUNqQixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxZQUFZLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUE7QUFDckQsZUFBZSxZQUFZLENBQUEifQ==
+ProgressItem.displayName = enumsComponentsName_1.ComponentName.ProgressItem;
+exports.default = ProgressItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NJdGVtLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcHJvZ3Jlc3MvaXRlbS9Qcm9ncmVzc0l0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSxxREFBZ0Q7QUFDaEQsNkNBQWtEO0FBQ2xELGlFQUF5RDtBQUd6RDs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxZQUFZLEdBQUcsZUFBSyxDQUFDLFVBQVUsQ0FDbkMsVUFBQyxFQUF1QyxFQUFFLEdBQUc7SUFBMUMsSUFBQSxRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxLQUFLLFdBQUEsRUFBSyxNQUFNLHNCQUFyQyxnQ0FBdUMsQ0FBRjtJQUNwQyxJQUFNLFNBQVMsR0FBRyxJQUFBLGNBQU0sRUFBQyxJQUFJLHVCQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFBO0lBQ3ZELElBQU0sTUFBTSxHQUFHLEtBQW9CLENBQUE7SUFFbkMsSUFBQSxpQkFBUyxFQUFDO1FBQ1IsT0FBTztZQUNMLHVCQUFRLENBQUMsTUFBTSxDQUFDLFNBQVMsRUFBRTtnQkFDekIsT0FBTyxFQUFFLE9BQU87Z0JBQ2hCLFFBQVEsRUFBRSxJQUFJO2dCQUNkLGVBQWUsRUFBRSxLQUFLO2FBQ3ZCLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQTtJQUNkLENBQUMsRUFBRSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQTtJQUUvQixJQUFNLEtBQUssR0FBRyxTQUFTLENBQUMsV0FBVyxDQUFDO1FBQ2xDLFVBQVUsRUFBRSxDQUFDLENBQUMsRUFBRSxHQUFHLENBQUM7UUFDcEIsV0FBVyxFQUFFLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQztRQUMzQixXQUFXLEVBQUUsT0FBTztLQUNyQixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsOEJBQUMsdUJBQVEsQ0FBQyxJQUFJLHVCQUFLLE1BQU0sSUFBRSxLQUFLLHlCQUFHLEVBQUUsS0FBSyxPQUFBLEVBQUUsa0JBQUssTUFBTSxXQUFHLEdBQUcsRUFBRSxHQUFHLEtBQy9ELFFBQVEsQ0FDSyxDQUNqQixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxZQUFZLENBQUMsV0FBVyxHQUFHLG1DQUFhLENBQUMsWUFBWSxDQUFBO0FBQ3JELGtCQUFlLFlBQVksQ0FBQSJ9

package/lib/components/progress/item/ProgressItem.native.mjs

@@ -0,0 +1,34 @@
+import { __assign, __read, __rest, __spreadArray } from "tslib";
+import React, { useEffect, useRef } from 'react';
+import { Animated } from 'react-native';
+import { ComponentName } from '../../enumsComponentsName';
+/**
+ * ProgressItem component - Only if stacked
+ * @param percent {number} Progress percent
+ * @param minPercent {number} Default min percent is 100
+ * @param status {StatusProps} Progress status state
+ * @param style {Style} Styles passed from parent
+ * @param children {React.ReactNode}
+ */
+var ProgressItem = React.forwardRef(function (_a, ref) {
+    var children = _a.children, percent = _a.percent, style = _a.style, others = __rest(_a, ["children", "percent", "style"]);
+    var animation = useRef(new Animated.Value(0)).current;
+    var styles = style;
+    useEffect(function () {
+        percent &&
+            Animated.timing(animation, {
+                toValue: percent,
+                duration: 1000,
+                useNativeDriver: false,
+            }).start();
+    }, [animation, percent, style]);
+    var width = animation.interpolate({
+        inputRange: [0, 100],
+        outputRange: ['0%', '100%'],
+        extrapolate: 'clamp',
+    });
+    return (React.createElement(Animated.View, __assign({}, others, { style: __spreadArray([{ width: width }], __read(styles), false), ref: ref }), children));
+});
+ProgressItem.displayName = ComponentName.ProgressItem;
+export default ProgressItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NJdGVtLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcHJvZ3Jlc3MvaXRlbS9Qcm9ncmVzc0l0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2hELE9BQU8sRUFBRSxRQUFRLEVBQWEsTUFBTSxjQUFjLENBQUE7QUFDbEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBR3pEOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNuQyxVQUFDLEVBQXVDLEVBQUUsR0FBRztJQUExQyxJQUFBLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLEtBQUssV0FBQSxFQUFLLE1BQU0sY0FBckMsZ0NBQXVDLENBQUY7SUFDcEMsSUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLElBQUksUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQTtJQUN2RCxJQUFNLE1BQU0sR0FBRyxLQUFvQixDQUFBO0lBRW5DLFNBQVMsQ0FBQztRQUNSLE9BQU87WUFDTCxRQUFRLENBQUMsTUFBTSxDQUFDLFNBQVMsRUFBRTtnQkFDekIsT0FBTyxFQUFFLE9BQU87Z0JBQ2hCLFFBQVEsRUFBRSxJQUFJO2dCQUNkLGVBQWUsRUFBRSxLQUFLO2FBQ3ZCLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQTtJQUNkLENBQUMsRUFBRSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQTtJQUUvQixJQUFNLEtBQUssR0FBRyxTQUFTLENBQUMsV0FBVyxDQUFDO1FBQ2xDLFVBQVUsRUFBRSxDQUFDLENBQUMsRUFBRSxHQUFHLENBQUM7UUFDcEIsV0FBVyxFQUFFLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQztRQUMzQixXQUFXLEVBQUUsT0FBTztLQUNyQixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsUUFBUSxDQUFDLElBQUksZUFBSyxNQUFNLElBQUUsS0FBSyxpQkFBRyxFQUFFLEtBQUssT0FBQSxFQUFFLFVBQUssTUFBTSxXQUFHLEdBQUcsRUFBRSxHQUFHLEtBQy9ELFFBQVEsQ0FDSyxDQUNqQixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxZQUFZLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUE7QUFDckQsZUFBZSxZQUFZLENBQUEifQ==

package/lib/components/progress/item/ProgressItemProps.d.mts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { Accessibility, StatusProps } from '../../../objects/facets';
+import { View } from 'react-native';
+type Styles = {
+    [key: string]: any;
+};
+/**
+ * Progress Item Interface
+ */
+export interface ProgressItemProps extends StatusProps, Accessibility {
+    children?: React.ReactNode;
+    percent: number;
+    minPercent?: number;
+    maxPercent?: number;
+    className?: string;
+    style?: Styles;
+}
+export type ProgressItemNativeRef = View;
+export type ProgressItemWebRef = HTMLDivElement;
+export {};

package/lib/components/progress/item/ProgressItemProps.js

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NJdGVtUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL2l0ZW0vUHJvZ3Jlc3NJdGVtUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/progress/item/ProgressItemProps.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NJdGVtUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL2l0ZW0vUHJvZ3Jlc3NJdGVtUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/progress/item/index.d.mts

@@ -0,0 +1,2 @@
+import ProgressItem from './ProgressItem';
+export default ProgressItem;

package/lib/components/progress/item/index.js

@@ -1,3 +1,6 @@
-import ProgressItem from './ProgressItem';
-export default ProgressItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL2l0ZW0vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxZQUFZLE1BQU0sZ0JBQWdCLENBQUE7QUFFekMsZUFBZSxZQUFZLENBQUEifQ==
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var ProgressItem_1 = tslib_1.__importDefault(require("./ProgressItem"));
+exports.default = ProgressItem_1.default;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL2l0ZW0vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsd0VBQXlDO0FBRXpDLGtCQUFlLHNCQUFZLENBQUEifQ==

package/lib/components/progress/item/index.mjs

@@ -0,0 +1,3 @@
+import ProgressItem from './ProgressItem';
+export default ProgressItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL2l0ZW0vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxZQUFZLE1BQU0sZ0JBQWdCLENBQUE7QUFFekMsZUFBZSxZQUFZLENBQUEifQ==

package/lib/components/progress/radial/ProgressRadial.d.mts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ProgressRadialProps } from './ProgressRadialProps';
+/**
+ * Progress Radial component
+ * @param percent {number} Progress percent
+ * @param label {string} Custom label
+ * @param description {string} Custom description
+ * @param children {React.ReactNode}
+ * @param skeleton {boolean} Skeleton Progress Radial
+ * - --------------- NATIVE PROPERTIES ----------------------------------
+ * - --------------- WEB PROPERTIES -------------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param small {boolean} Display small progress radial
+ */
+declare const ProgressRadial: React.ForwardRefExoticComponent<ProgressRadialProps & React.RefAttributes<HTMLDivElement>>;
+export default ProgressRadial;

package/lib/components/progress/radial/ProgressRadial.js

@@ -1,13 +1,15 @@
-import { __assign, __read, __rest } from "tslib";
-import React, { useEffect, useRef, useState } from 'react';
-import clsx from 'clsx';
-import { is } from '../../../services/index';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
-import { Title, TitleLevels } from '../../title';
-import { Text, TextLevels } from '../../text';
-import { getColorStyle } from '../../../objects/facets/Color';
-import { ComponentName } from '../../../components/enumsComponentsName';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var index_1 = require("../../../services/index");
+var helpers_1 = require("../../../helpers");
+var context_1 = require("../../../context");
+var title_1 = require("../../title");
+var text_1 = require("../../text");
+var Color_1 = require("../../../objects/facets/Color");
+var enumsComponentsName_1 = require("../../../components/enumsComponentsName");
 /**
  * Progress Radial component
  * @param percent {number} Progress percent
@@ -20,14 +22,14 @@ import { ComponentName } from '../../../components/enumsComponentsName';
  * @param className {string} Additional CSS Classes
  * @param small {boolean} Display small progress radial
  */
-var ProgressRadial = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.value, value = _b === void 0 ? 0 : _b, _c = _a.secondValue, secondValue = _c === void 0 ? 0 : _c, label = _a.label, description = _a.description, skeleton = _a.skeleton, className = _a.className, id = _a.id, small = _a.small, others = __rest(_a, ["children", "value", "secondValue", "label", "description", "skeleton", "className", "id", "small"]);
-    var styled = useTrilogyContext().styled;
-    var _d = __read(useState(0), 2), firstProgressCurrentValue = _d[0], setFirstProgressCurrentValue = _d[1];
-    var _e = __read(useState(0), 2), secondProgressCurrentValue = _e[0], setSecondProgressCurrentValue = _e[1];
-    var classes = hashClass(styled, clsx('progress-radial', skeleton && is('loading'), small && is('small'), className));
-    var classesContent = hashClass(styled, clsx('progress-radial-content'));
-    var progressRadialRef = useRef(null);
+var ProgressRadial = react_1.default.forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.value, value = _b === void 0 ? 0 : _b, _c = _a.secondValue, secondValue = _c === void 0 ? 0 : _c, label = _a.label, description = _a.description, skeleton = _a.skeleton, className = _a.className, id = _a.id, small = _a.small, others = tslib_1.__rest(_a, ["children", "value", "secondValue", "label", "description", "skeleton", "className", "id", "small"]);
+    var styled = (0, context_1.useTrilogyContext)().styled;
+    var _d = tslib_1.__read((0, react_1.useState)(0), 2), firstProgressCurrentValue = _d[0], setFirstProgressCurrentValue = _d[1];
+    var _e = tslib_1.__read((0, react_1.useState)(0), 2), secondProgressCurrentValue = _e[0], setSecondProgressCurrentValue = _e[1];
+    var classes = (0, helpers_1.hashClass)(styled, (0, clsx_1.default)('progress-radial', skeleton && (0, index_1.is)('loading'), small && (0, index_1.is)('small'), className));
+    var classesContent = (0, helpers_1.hashClass)(styled, (0, clsx_1.default)('progress-radial-content'));
+    var progressRadialRef = (0, react_1.useRef)(null);
     // Function to update the background style based on the current progress
     var updateBackgroundStyle = function (firstValue, secondValue) {
         var progressRadial = progressRadialRef.current;
@@ -40,10 +42,10 @@ var ProgressRadial = React.forwardRef(function (_a, ref) {
         var secondProgressStartDegree = firstProgressDegree;
         var styleBackground;
         styleBackground = "radial-gradient(circle at center, white 58%, transparent 58.1%),";
-        styleBackground += "conic-gradient(#0C7B91 0 ".concat(firstProgressDegree, "deg, ").concat(getColorStyle('MAIN'), " ").concat(secondProgressStartDegree, "deg ").concat(secondProgressStartDegree + secondProgressDegree, "deg, ").concat(getColorStyle('MAIN_FADE'), " ").concat(secondProgressStartDegree + secondProgressDegree, "deg 360deg)");
+        styleBackground += "conic-gradient(#0C7B91 0 ".concat(firstProgressDegree, "deg, ").concat((0, Color_1.getColorStyle)('MAIN'), " ").concat(secondProgressStartDegree, "deg ").concat(secondProgressStartDegree + secondProgressDegree, "deg, ").concat((0, Color_1.getColorStyle)('MAIN_FADE'), " ").concat(secondProgressStartDegree + secondProgressDegree, "deg 360deg)");
         progressRadial.style.background = styleBackground;
     };
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         var animationFrameId;
         // Reset the current values whenever the provided percent or secondPercent change
         setFirstProgressCurrentValue(0);
@@ -62,15 +64,15 @@ var ProgressRadial = React.forwardRef(function (_a, ref) {
         // Cleanup
         return function () { return cancelAnimationFrame(animationFrameId); };
     }, [value, secondValue]);
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         updateBackgroundStyle(firstProgressCurrentValue, secondProgressCurrentValue);
     }, [firstProgressCurrentValue, secondProgressCurrentValue]);
-    return (React.createElement("div", __assign({ id: id }, others, { className: classes, ref: progressRadialRef }),
-        React.createElement("div", { ref: ref, className: classesContent },
-            label && (React.createElement(Title, { level: TitleLevels.TWO, marginless: true }, label)),
-            description && (React.createElement(Text, { level: TextLevels.ONE, marginless: true }, description)),
+    return (react_1.default.createElement("div", tslib_1.__assign({ id: id }, others, { className: classes, ref: progressRadialRef }),
+        react_1.default.createElement("div", { ref: ref, className: classesContent },
+            label && (react_1.default.createElement(title_1.Title, { level: title_1.TitleLevels.TWO, marginless: true }, label)),
+            description && (react_1.default.createElement(text_1.Text, { level: text_1.TextLevels.ONE, marginless: true }, description)),
             !label && !description && children)));
 });
-ProgressRadial.displayName = ComponentName.ProgressRadial;
-export default ProgressRadial;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9Qcm9ncmVzc1JhZGlhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDMUQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDNUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFDaEQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXlDLFVBQUMsRUFXaEYsRUFBRSxHQUFHO0lBVkosSUFBQSxRQUFRLGNBQUEsRUFDUixhQUFTLEVBQVQsS0FBSyxtQkFBRyxDQUFDLEtBQUEsRUFDVCxtQkFBZSxFQUFmLFdBQVcsbUJBQUcsQ0FBQyxLQUFBLEVBQ2YsS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLEtBQUssV0FBQSxFQUNGLE1BQU0sY0FWc0Usb0dBV2hGLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxP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
+ProgressRadial.displayName = enumsComponentsName_1.ComponentName.ProgressRadial;
+exports.default = ProgressRadial;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9Qcm9ncmVzc1JhZGlhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEscURBQTBEO0FBQzFELHNEQUF1QjtBQUV2QixpREFBNEM7QUFDNUMsNENBQTRDO0FBQzVDLDRDQUFvRDtBQUNwRCxxQ0FBZ0Q7QUFDaEQsbUNBQTZDO0FBQzdDLGdEQUFzRDtBQUN0RCx3RUFBZ0U7QUFFaEU7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLGNBQWMsR0FBRyxlQUFLLENBQUMsVUFBVSxDQUF5QyxVQUFDLEVBV2hGLEVBQUUsR0FBRztJQVZKLElBQUEsUUFBUSxjQUFBLEVBQ1IsYUFBUyxFQUFULEtBQUssbUJBQUcsQ0FBQyxLQUFBLEVBQ1QsbUJBQWUsRUFBZixXQUFXLG1CQUFHLENBQUMsS0FBQSxFQUNmLEtBQUssV0FBQSxFQUNMLFdBQVcsaUJBQUEsRUFDWCxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixLQUFLLFdBQUEsRUFDRixNQUFNLHNCQVZzRSxvR0FXaEYsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLElBQUEsMkJBQWlCLEdBQUUsT0FBeEIsQ0FBd0I7SUFDaEMsSUFBQSxLQUFBLGVBQTRELElBQUEsZ0JBQVEsRUFBQyxDQUFDLENBQUMsSUFBQSxFQUF0RSx5QkFBeUIsUUFBQSxFQUFFLDRCQUE0QixRQUFlLENBQUE7SUFDdkUsSUFBQSxLQUFBLGVBQThELElBQUEsZ0JBQVEsRUFBQyxDQUFDLENBQUMsSUFBQSxFQUF4RSwwQkFBMEIsUUFBQSxFQUFFLDZCQUE2QixRQUFlLENBQUE7SUFFL0UsSUFBTSxPQUFPLEdBQUcsSUFBQSxtQkFBUyxFQUFDLE1BQU0sRUFBRSxJQUFBLGNBQUksRUFBQyxpQkFBaUIsRUFBRSxRQUFRLElBQUksSUFBQSxVQUFFLEVBQUMs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

package/lib/components/progress/radial/ProgressRadial.mjs

@@ -0,0 +1,76 @@
+import { __assign, __read, __rest } from "tslib";
+import React, { useEffect, useRef, useState } from 'react';
+import clsx from 'clsx';
+import { is } from '../../../services/index';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
+import { Title, TitleLevels } from '../../title';
+import { Text, TextLevels } from '../../text';
+import { getColorStyle } from '../../../objects/facets/Color';
+import { ComponentName } from '../../../components/enumsComponentsName';
+/**
+ * Progress Radial component
+ * @param percent {number} Progress percent
+ * @param label {string} Custom label
+ * @param description {string} Custom description
+ * @param children {React.ReactNode}
+ * @param skeleton {boolean} Skeleton Progress Radial
+ * - --------------- NATIVE PROPERTIES ----------------------------------
+ * - --------------- WEB PROPERTIES -------------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param small {boolean} Display small progress radial
+ */
+var ProgressRadial = React.forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.value, value = _b === void 0 ? 0 : _b, _c = _a.secondValue, secondValue = _c === void 0 ? 0 : _c, label = _a.label, description = _a.description, skeleton = _a.skeleton, className = _a.className, id = _a.id, small = _a.small, others = __rest(_a, ["children", "value", "secondValue", "label", "description", "skeleton", "className", "id", "small"]);
+    var styled = useTrilogyContext().styled;
+    var _d = __read(useState(0), 2), firstProgressCurrentValue = _d[0], setFirstProgressCurrentValue = _d[1];
+    var _e = __read(useState(0), 2), secondProgressCurrentValue = _e[0], setSecondProgressCurrentValue = _e[1];
+    var classes = hashClass(styled, clsx('progress-radial', skeleton && is('loading'), small && is('small'), className));
+    var classesContent = hashClass(styled, clsx('progress-radial-content'));
+    var progressRadialRef = useRef(null);
+    // Function to update the background style based on the current progress
+    var updateBackgroundStyle = function (firstValue, secondValue) {
+        var progressRadial = progressRadialRef.current;
+        if (!progressRadial) {
+            return;
+        }
+        var firstProgressDegree = (360 * firstValue) / 100;
+        var secondProgressDegree = (360 * secondValue) / 100;
+        // Ensure the second progress starts where the first ends
+        var secondProgressStartDegree = firstProgressDegree;
+        var styleBackground;
+        styleBackground = "radial-gradient(circle at center, white 58%, transparent 58.1%),";
+        styleBackground += "conic-gradient(#0C7B91 0 ".concat(firstProgressDegree, "deg, ").concat(getColorStyle('MAIN'), " ").concat(secondProgressStartDegree, "deg ").concat(secondProgressStartDegree + secondProgressDegree, "deg, ").concat(getColorStyle('MAIN_FADE'), " ").concat(secondProgressStartDegree + secondProgressDegree, "deg 360deg)");
+        progressRadial.style.background = styleBackground;
+    };
+    useEffect(function () {
+        var animationFrameId;
+        // Reset the current values whenever the provided percent or secondPercent change
+        setFirstProgressCurrentValue(0);
+        setSecondProgressCurrentValue(0);
+        updateBackgroundStyle(value, secondValue); // if percent or secondPercent are 0, update immediately
+        var frame = function () {
+            setFirstProgressCurrentValue(function (currentValue) {
+                return currentValue < value ? currentValue + 1 : currentValue;
+            });
+            setSecondProgressCurrentValue(function (currentValue) {
+                return currentValue < secondValue ? currentValue + 1 : currentValue;
+            });
+            animationFrameId = requestAnimationFrame(frame);
+        };
+        animationFrameId = requestAnimationFrame(frame);
+        // Cleanup
+        return function () { return cancelAnimationFrame(animationFrameId); };
+    }, [value, secondValue]);
+    useEffect(function () {
+        updateBackgroundStyle(firstProgressCurrentValue, secondProgressCurrentValue);
+    }, [firstProgressCurrentValue, secondProgressCurrentValue]);
+    return (React.createElement("div", __assign({ id: id }, others, { className: classes, ref: progressRadialRef }),
+        React.createElement("div", { ref: ref, className: classesContent },
+            label && (React.createElement(Title, { level: TitleLevels.TWO, marginless: true }, label)),
+            description && (React.createElement(Text, { level: TextLevels.ONE, marginless: true }, description)),
+            !label && !description && children)));
+});
+ProgressRadial.displayName = ComponentName.ProgressRadial;
+export default ProgressRadial;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9Qcm9ncmVzc1JhZGlhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDMUQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDNUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFDaEQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXlDLFVBQUMsRUFXaEYsRUFBRSxHQUFHO0lBVkosSUFBQSxRQUFRLGNBQUEsRUFDUixhQUFTLEVBQVQsS0FBSyxtQkFBRyxDQUFDLEtBQUEsRUFDVCxtQkFBZSxFQUFmLFdBQVcsbUJBQUcsQ0FBQyxLQUFBLEVBQ2YsS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLEtBQUssV0FBQSxFQUNGLE1BQU0sY0FWc0Usb0dBV2hGLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxP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

package/lib/components/progress/radial/ProgressRadial.native.d.mts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { ProgressRadialProps } from './ProgressRadialProps';
+/**
+ * Progress Radial component
+ * @param percent {number} Progress percent
+ * @param label {string} Custom label
+ * @param description {string} Custom description
+ * @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
+ * @param full {boolean} Full progressRadial
+ * @param disk {boolean} Disk ProgressRadial
+ * @param secondValueColor {TrilogyColor} Second Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
+ * @param align {Alignable} Progress Radial Alignement
+ * @param skeleton {boolean} Skeleton Progress Radial
+ */
+declare const ProgressRadial: React.ForwardRefExoticComponent<ProgressRadialProps & React.RefAttributes<View>>;
+export default ProgressRadial;