@trilogy-ds/react 0.0.1-alpha-prompt

package/lib/components/progress/ProgressPropsDefaults.js

@@ -0,0 +1,95 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "value": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "number"
+    ]
+  },
+  "max": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "number"
+    ]
+  },
+  "small": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "legendStart": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "legendCenter": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "legendEnd": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "stacked": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "status": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/progress/index.d.ts

@@ -0,0 +1,5 @@
+import Progress from './Progress';
+import ProgressItem from './item';
+import ProgressRadial from './radial';
+import ProgressRadialItem from './radial/item/ProgressRadialtem';
+export { Progress, ProgressItem, ProgressRadial, ProgressRadialItem };

package/lib/components/progress/index.js

@@ -0,0 +1,6 @@
+import Progress from './Progress';
+import ProgressItem from './item';
+import ProgressRadial from './radial';
+import ProgressRadialItem from './radial/item/ProgressRadialtem';
+export { Progress, ProgressItem, ProgressRadial, ProgressRadialItem };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sUUFBUSxNQUFNLFlBQVksQ0FBQTtBQUNqQyxPQUFPLFlBQVksTUFBTSxRQUFRLENBQUE7QUFDakMsT0FBTyxjQUFjLE1BQU0sVUFBVSxDQUFBO0FBQ3JDLE9BQU8sa0JBQWtCLE1BQU0saUNBQWlDLENBQUE7QUFFaEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsY0FBYyxFQUFFLGtCQUFrQixFQUFFLENBQUEifQ==

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

@@ -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

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

@@ -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

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

@@ -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

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

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

@@ -0,0 +1,76 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "percent": {
+    "type": "string",
+    "values": []
+  },
+  "minPercent": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "number"
+    ]
+  },
+  "maxPercent": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "number"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "style": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "Styles"
+    ]
+  },
+  "status": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

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

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

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

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

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

@@ -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

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

@@ -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;

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

@@ -0,0 +1,91 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { Text, TextLevels } from '../../../components/text';
+import { getAlignStyle, TypographyAlign } from '../../../objects';
+import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Skeleton } from '../../skeleton';
+import { AnimatedCircularProgress } from './react-native-circular-progress';
+/**
+ * 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
+ */
+var ProgressRadial = React.forwardRef(function (_a, ref) {
+    var children = _a.children, value = _a.value, label = _a.label, description = _a.description, status = _a.status, full = _a.full, disk = _a.disk, secondValue = _a.secondValue, secondValueColor = _a.secondValueColor, align = _a.align, skeleton = _a.skeleton, others = __rest(_a, ["children", "value", "label", "description", "status", "full", "disk", "secondValue", "secondValueColor", "align", "skeleton"]);
+    var color = getColorStyle(status || TrilogyColor.MAIN);
+    var backgroundColor = getColorStyle(TrilogyColor.MAIN_FADE);
+    var percentWidth = value || 0;
+    var secondFill = secondValue ? { secondFill: secondValue } : null;
+    var secondFillColor = { secondFillTintColor: getColorStyle(secondValueColor || TrilogyColor.MAIN) };
+    var progressRadialWidth = 100;
+    var progressRadialSkeletonRadius = 50;
+    var styles = StyleSheet.create({
+        container: {
+            alignSelf: getAlignStyle(align),
+        },
+        label: {
+            textAlign: 'center',
+            fontSize: 20,
+            fontWeight: '600',
+            paddingTop: 8,
+        },
+        description: {
+            alignSelf: 'center',
+            fontWeight: '500',
+        },
+        disk: {
+            width: progressRadialWidth,
+            height: progressRadialWidth,
+            borderRadius: 50,
+            backgroundColor: color,
+        },
+        labelDisk: {
+            color: getColorStyle(TrilogyColor.FONT),
+            textAlign: 'center',
+            fontSize: 20,
+            fontWeight: '500',
+        },
+        descriptionDisk: {
+            color: getColorStyle(TrilogyColor.FONT),
+            textAlign: 'center',
+            fontWeight: '400',
+        },
+        alignCenter: {
+            alignItems: 'center',
+            justifyContent: 'center',
+        },
+        skeleton: {
+            width: progressRadialWidth,
+            height: progressRadialWidth,
+            borderRadius: progressRadialSkeletonRadius,
+            backgroundColor: getColorStyle(TrilogyColor.DISABLED_FADE),
+            overflow: 'hidden',
+        },
+    });
+    var ProgressRadialSkeleton = function () { return (React.createElement(Skeleton, { style: styles.skeleton, width: progressRadialWidth, height: progressRadialWidth, borderRadius: progressRadialSkeletonRadius })); };
+    if (skeleton) {
+        return React.createElement(ProgressRadialSkeleton, null);
+    }
+    if (disk) {
+        return (React.createElement(View, { ref: ref, style: styles.container },
+            React.createElement(View, __assign({ style: [styles.disk, styles.alignCenter] }, others),
+                label && typeof label.valueOf() === 'string' ? (React.createElement(Text, { style: styles.labelDisk, level: TextLevels.TWO }, label || '')) : (label),
+                description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { style: styles.descriptionDisk, level: TextLevels.THREE, typo: TypographyAlign.TEXT_CENTERED }, description || '')) : (description))));
+    }
+    return (React.createElement(View, __assign({ ref: ref, style: styles.container }, others),
+        React.createElement(AnimatedCircularProgress, __assign({ size: 90, width: 7, fill: !full ? percentWidth : 100, tintColor: color, backgroundColor: backgroundColor, rotation: 0 }, secondFill, secondFillColor), function () { return (React.createElement(View, { style: styles.alignCenter },
+            label && typeof label.valueOf() === 'string' ? (React.createElement(Text, { style: styles.label, level: TextLevels.TWO }, label || '')) : (React.createElement(View, null, label)),
+            description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { style: styles.description, level: TextLevels.FOUR }, description || '')) : (React.createElement(View, null, description || children)))); })));
+});
+ProgressRadial.displayName = ComponentName.ProgressRadial;
+export default ProgressRadial;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9yYWRpYWwvUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFcEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDMUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0JBQWdCLENBQUE7QUFFekMsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFM0U7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUErQyxVQUFDLEVBYXRGLEVBQUUsR0FBRztJQVpKLElBQUEsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLE1BQU0sWUFBQSxFQUNOLElBQUksVUFBQSxFQUNKLElBQUksVUFBQSxFQUNKLFdBQVcsaUJBQUEsRUFDWCxnQkFBZ0Isc0JBQUEsRUFDaEIsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQVo0RSwrSEFhdEYsQ0FEVTtJQUVULElBQU0sS0FBSyxHQUFHLGFBQWEsQ0FBQyxNQUFNLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ3hELElB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

package/lib/components/progress/radial/ProgressRadialProps.d.ts

@@ -0,0 +1,23 @@
+import { AlignableProps, StatusProps, TrilogyColor, TrilogyColorValues } from '../../../objects';
+import React from 'react';
+import { ProgressRadialItemProps } from './item/ProgressRadialItemProps';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+import { View } from 'react-native';
+/**
+ * Progress Radial Interface
+ */
+export interface ProgressRadialProps extends StatusProps, AlignableProps, CommonProps {
+    children?: React.ReactElement<ProgressRadialItemProps> | React.ReactNode;
+    label?: string | React.ReactNode;
+    value?: number;
+    valueColor?: TrilogyColor | TrilogyColorValues;
+    secondValue?: number;
+    secondValueColor?: TrilogyColor | TrilogyColorValues;
+    description?: string | React.ReactNode;
+    full?: boolean;
+    disk?: boolean;
+    skeleton?: boolean;
+    small?: boolean;
+}
+export type ProgressRadialRef = HTMLDivElement;
+export type ProgressRadialNativeRef = View;

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

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