@trilogy-ds/react 0.0.1-beta-sc-2 → 0.0.1-beta-151

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

@@ -1,12 +1,12 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import ContentLoader, { Circle } from 'react-content-loader/native';
+import * as React from 'react';
 import { Platform, StyleSheet, View } from 'react-native';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { AnimatedCircularProgress } from '../../../components/progress/radial/react-native-circular-progress';
+import { AnimatedCircularProgress } from './react-native-circular-progress';
 import { Text, TextLevels } from '../../../components/text';
 import { getAlignStyle, TypographyAlign } from '../../../objects';
 import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
+import ContentLoader, { Circle } from 'react-content-loader/native';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Progress Radial component
  * @param percent {number} Progress percent
@@ -15,19 +15,17 @@ import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
  * @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
  * @param full {boolean} Full progressRadial
  * @param disk {boolean} Disk ProgressRadial
- * @param children {React.ReactNode}
- * @param secondStatus {StatusState} Second Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
- * @param secondPercent {number} Second progress percent
+ * @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 percent = _a.percent, label = _a.label, description = _a.description, status = _a.status, full = _a.full, disk = _a.disk, secondPercent = _a.secondPercent, secondStatus = _a.secondStatus, align = _a.align, skeleton = _a.skeleton, others = __rest(_a, ["percent", "label", "description", "status", "full", "disk", "secondPercent", "secondStatus", "align", "skeleton"]);
+var ProgressRadial = function (_a) {
+    var 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, ["value", "label", "description", "status", "full", "disk", "secondValue", "secondValueColor", "align", "skeleton"]);
     var color = getColorStyle(status || TrilogyColor.INFO);
     var backgroundColor = getColorStyle(TrilogyColor.MAIN_FADE);
-    var percentWidth = percent || 0;
-    var secondFill = secondPercent ? { secondFill: secondPercent } : null;
-    var secondFillColor = { secondFillTintColor: getColorStyle(secondStatus || TrilogyColor.MAIN) };
+    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({
@@ -74,23 +72,23 @@ var ProgressRadial = React.forwardRef(function (_a, ref) {
         },
     });
     var ProgressRadialSkeleton = function () { return (React.createElement(ContentLoader, __assign({ style: styles.skeleton }, others),
-        React.createElement(View, { style: { opacity: 0 }, ref: ref }),
+        React.createElement(View, { style: { opacity: 0 } }),
         Platform.OS === 'android' && (React.createElement(View, null,
             React.createElement(Circle, { cx: '50', cy: '50', r: '50' }))))); };
     if (skeleton) {
         return React.createElement(ProgressRadialSkeleton, null);
     }
     if (disk) {
-        return (React.createElement(View, { style: styles.container, ref: ref },
+        return (React.createElement(View, { 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({ style: styles.container, ref: ref }, others),
+    return (React.createElement(View, __assign({ 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)))); })));
-});
+};
 ProgressRadial.displayName = ComponentName.ProgressRadial;
 export default ProgressRadial;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9yYWRpYWwvUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sYUFBYSxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDbkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXpELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw2REFBNkQsQ0FBQTtBQUN0RyxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFcEU7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3JDLFVBQ0UsRUFZc0IsRUFDdEIsR0FBb0I7SUFabEIsSUFBQSxPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxXQUFXLGlCQUFBLEVBQ1gsTUFBTSxZQUFBLEVBQ04sSUFBSSxVQUFBLEVBQ0osSUFBSSxVQUFBLEVBQ0osYUFBYSxtQkFBQSxFQUNiLFlBQVksa0JBQUEsRUFDWixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDTCxNQUFNLGNBWFgsbUhBWUMsQ0FEVTtJQUlYLElBQU0sS0FBSyxHQUFHLGFBQWEsQ0FBQyxNQUFNLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ3hELElB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9yYWRpYWwvUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXpELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQzNFLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDMUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLGFBQWEsRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ25FLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sY0FBYyxHQUFHLFVBQUMsRUFZRjtJQVhwQixJQUFBLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNMLFdBQVcsaUJBQUEsRUFDWCxNQUFNLFlBQUEsRUFDTixJQUFJLFVBQUEsRUFDSixJQUFJLFVBQUEsRUFDSixXQUFXLGlCQUFBLEVBQ1gsZ0JBQWdCLHNCQUFBLEVBQ2hCLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FYYSxtSEFZdkIsQ0FEVTtJQUVULElBQU0sS0FBSyxHQUFHLGFBQWEsQ0FBQyxNQUFNLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ3hELElBQU0sZUFBZSxHQUFHLGFBQWEsQ0FBQyxZQUFZ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

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

@@ -1,21 +1,20 @@
+import { AlignableProps, StatusProps, TrilogyColor, TrilogyColorValues } from '../../../objects';
 import React from 'react';
-import { ProgressRadialItemProps } from '../../../components/progress/radial/item/ProgressRadialItemProps';
-import { AlignableProps } from '../../../objects/facets/Alignable';
-import { StatusProps, StatusState, StatusStateValues } from '../../../objects/facets/Status';
+import { ProgressRadialItemProps } from './item/ProgressRadialItemProps';
+import { CommonProps } from '../../../objects/facets/CommonProps';
 /**
  * Progress Radial Interface
  */
-export interface ProgressRadialProps extends StatusProps, AlignableProps {
+export interface ProgressRadialProps extends StatusProps, AlignableProps, CommonProps {
     children?: React.ReactElement<ProgressRadialItemProps> | React.ReactNode;
-    percent?: number;
     label?: string | React.ReactNode;
+    value?: number;
+    valueColor?: TrilogyColor | TrilogyColorValues;
+    secondValue?: number;
+    secondValueColor?: TrilogyColor | TrilogyColorValues;
     description?: string | React.ReactNode;
-    className?: string;
     full?: boolean;
     disk?: boolean;
-    secondPercent?: number;
-    secondStatus?: StatusState | StatusStateValues;
     skeleton?: boolean;
-    stacked?: boolean;
     small?: boolean;
 }

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

@@ -14,13 +14,6 @@ export default {
       "JSXElementConstructor<any>>"
     ]
   },
-  "percent": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "number"
-    ]
-  },
   "label": {
     "type": "react",
     "values": [
@@ -35,51 +28,61 @@ export default {
       "ReactPortal"
     ]
   },
-  "description": {
-    "type": "react",
-    "values": [
-      "undefined",
-      "null",
-      "string",
-      "number",
-      "false",
-      "true",
-      "JSXElementConstructor<any>>",
-      "ReactNode>",
-      "ReactPortal"
-    ]
-  },
-  "className": {
+  "value": {
     "type": "string",
     "values": [
       "undefined",
-      "string"
-    ]
-  },
-  "full": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
+      "number"
     ]
   },
-  "disk": {
-    "type": "boolean",
+  "valueColor": {
+    "type": "enum",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR",
+      "MAIN",
+      "ACCENT",
+      "WHITE",
+      "MAIN",
+      "MAIN_FADE",
+      "ACCENT",
+      "FONT",
+      "SUCCESS",
+      "SUCCESS_FADE",
+      "INFO",
+      "INFO_FADE",
+      "WARNING",
+      "WARNING_FADE",
+      "ERROR",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE",
+      "WHITE",
+      "MAIN_FADE",
+      "FONT",
+      "SUCCESS_FADE",
+      "INFO_FADE",
+      "WARNING_FADE",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE"
     ]
   },
-  "secondPercent": {
+  "secondValue": {
     "type": "string",
     "values": [
       "undefined",
       "number"
     ]
   },
-  "secondStatus": {
+  "secondValueColor": {
     "type": "enum",
     "values": [
       "undefined",
@@ -87,13 +90,53 @@ export default {
       "INFO",
       "WARNING",
       "ERROR",
+      "MAIN",
+      "ACCENT",
+      "WHITE",
+      "MAIN",
+      "MAIN_FADE",
+      "ACCENT",
+      "FONT",
       "SUCCESS",
+      "SUCCESS_FADE",
       "INFO",
+      "INFO_FADE",
       "WARNING",
-      "ERROR"
+      "WARNING_FADE",
+      "ERROR",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE",
+      "WHITE",
+      "MAIN_FADE",
+      "FONT",
+      "SUCCESS_FADE",
+      "INFO_FADE",
+      "WARNING_FADE",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE"
     ]
   },
-  "skeleton": {
+  "description": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "full": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -101,7 +144,15 @@ export default {
       "true"
     ]
   },
-  "stacked": {
+  "disk": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "skeleton": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -161,5 +212,12 @@ export default {
       "ALIGNED_START",
       "ALIGNED_END"
     ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

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

@@ -1,2 +1,2 @@
-import ProgressRadial from '../../../components/progress/radial/ProgressRadial';
+import ProgressRadial from './ProgressRadial';
 export default ProgressRadial;

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

@@ -1,3 +1,3 @@
-import ProgressRadial from '../../../components/progress/radial/ProgressRadial';
+import ProgressRadial from './ProgressRadial';
 export default ProgressRadial;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGNBQWMsTUFBTSw2Q0FBNkMsQ0FBQTtBQUV4RSxlQUFlLGNBQWMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGNBQWMsTUFBTSxrQkFBa0IsQ0FBQTtBQUU3QyxlQUFlLGNBQWMsQ0FBQSJ9

package/lib/components/progress/radial/item/ProgressRadialItemProps.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { TrilogyColor } from '../../../../objects/facets/Color';
-export interface ProgressRadialItemProps {
+import { TrilogyColor } from '../../../../objects';
+import { CommonProps } from '../../../../objects/facets/CommonProps';
+export interface ProgressRadialItemProps extends CommonProps {
     children?: React.ReactNode;
     percent: number;
-    className?: string;
     color: 'secondary' | 'warning' | 'empty' | 'tertiary' | TrilogyColor;
 }

package/lib/components/progress/radial/item/ProgressRadialItemPropsDefaults.js

@@ -17,13 +17,6 @@ export default {
     "type": "string",
     "values": []
   },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "color": {
     "type": "enum",
     "values": [
@@ -49,5 +42,19 @@ export default {
       "empty",
       "tertiary"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/progress/radial/item/ProgressRadialtem.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { ProgressRadialItemProps } from '../../../../components/progress/radial/item/ProgressRadialItemProps';
-declare const ProgressRadialItem: React.ForwardRefExoticComponent<ProgressRadialItemProps & React.RefAttributes<HTMLDivElement>>;
+/// <reference types="react" />
+import { ProgressRadialItemProps } from './ProgressRadialItemProps';
+declare const ProgressRadialItem: ({ color, className, id }: ProgressRadialItemProps) => JSX.Element;
 export default ProgressRadialItem;

package/lib/components/progress/radial/item/ProgressRadialtem.js

@@ -1,12 +1,12 @@
+import * as React from 'react';
+import { hashClass } from '../../../../helpers';
 import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../../../components/enumsComponentsName';
-import { hashClass } from '../../../../helpers/hashClassesHelpers';
-var ProgressRadialItem = React.forwardRef(function (_a, ref) {
-    var color = _a.color, className = _a.className;
-    var classes = hashClass(clsx("progress-circle-slice progress-circle-background-".concat(color), className));
-    return React.createElement("div", { className: classes, ref: ref });
-});
-ProgressRadialItem.displayName = ComponentName.ProgressRadialItem;
+import { useTrilogyContext } from '../../../../context';
+var ProgressRadialItem = function (_a) {
+    var color = _a.color, className = _a.className, id = _a.id;
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx("progress-circle-slice progress-circle-background-".concat(color), className));
+    return React.createElement("div", { id: id, className: classes });
+};
 export default ProgressRadialItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWx0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9pdGVtL1Byb2dyZXNzUmFkaWFsdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFFeEQsSUFBTSxrQkFBa0IsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN6QyxVQUFDLEVBQTZDLEVBQUUsR0FBOEI7UUFBM0UsS0FBSyxXQUFBLEVBQUUsU0FBUyxlQUFBO0lBQ2pCLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsMkRBQW9ELEtBQUssQ0FBRSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFdkcsT0FBTyw2QkFBSyxTQUFTLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxHQUFHLEdBQVEsQ0FBQTtBQUNsRCxDQUFDLENBQ0YsQ0FBQTtBQUVELGtCQUFrQixDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsa0JBQWtCLENBQUE7QUFDakUsZUFBZSxrQkFBa0IsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWx0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9pdGVtL1Byb2dyZXNzUmFkaWFsdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0MsSUFBTSxrQkFBa0IsR0FBRyxVQUFDLEVBQWlEO1FBQS9DLEtBQUssV0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQTtJQUN4QyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQywyREFBb0QsS0FBSyxDQUFFLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUUvRyxPQUFPLDZCQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sR0FBUSxDQUFBO0FBQ2hELENBQUMsQ0FBQTtBQUVELGVBQWUsa0JBQWtCLENBQUEifQ==

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

@@ -1,2 +1,2 @@
-import ProgressRadialItem from '../../../../components/progress/radial/item/ProgressRadialtem';
+import ProgressRadialItem from './ProgressRadialtem';
 export default ProgressRadialItem;

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

@@ -1,3 +1,3 @@
-import ProgressRadialItem from '../../../../components/progress/radial/item/ProgressRadialtem';
+import ProgressRadialItem from './ProgressRadialtem';
 export default ProgressRadialItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9pdGVtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sa0JBQWtCLE1BQU0scURBQXFELENBQUE7QUFDcEYsZUFBZSxrQkFBa0IsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9pdGVtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sa0JBQWtCLE1BQU0scUJBQXFCLENBQUE7QUFDcEQsZUFBZSxrQkFBa0IsQ0FBQSJ9

package/lib/components/radio/Radio.d.ts

@@ -1,26 +1,17 @@
-import React from 'react';
-import { RadioProps } from '../../components/radio/RadioProps';
+/// <reference types="react" />
+import { RadioProps } from './RadioProps';
 /**
- * Radio Component
- * @param checked {boolean} Checked Radio
+ * radio Component
+ * @param checked {boolean} Checked radio
  * @param disabled {boolean} Disabled
- * @param readOnly {boolean} readonly Radio
+ * @param readOnly {boolean} readonly radio
  * @param id {string} Id for button, by default id is generate
- * @param label {string|ReactNode} Label for Radio
- * @param onClick {ClickEvent}
+ * @param label {string} Label for radio
  * @param onChange {ChangeEvent}
  * @param name {string} Name for radio
+ * - -------------------------- WEB PROPERTIES -------------------------------
  * @param value {string} Value for radio
- * @param iconTile {IconName} Icon for Radio
- * @param narrow {boolean} Apply narrow
- * @param children {React.ReactNode} If Children is provided, don't use label / Icon / Description
- * @param tile {boolean} Radio Tile
- * @param description {string} Description for Radio tile
- * @param horizontalTile {boolean} display horizontal Radio tile
- * -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
- * @param testId {string} Test Id for Test Integration
- * @param marginless {boolean} delete margin
+ * @param className {string} Additionnal css classes (ONLY FOR WEB)
  */
-declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLDivElement>>;
+declare const Radio: ({ checked, className, disabled, readonly, id, label, onChange, name, value, ...others }: RadioProps) => JSX.Element;
 export default Radio;

package/lib/components/radio/Radio.js

@@ -1,46 +1,34 @@
-import { __assign, __rest } from "tslib";
+import { __assign, __read, __rest } from "tslib";
+import React, { useEffect, useState } from 'react';
+import shortid from 'shortid';
 import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { Icon, IconSize } from '../../components/icon';
-import { useRadio } from '../../components/radio/hook/useRadio';
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import { is } from '../../services/classify';
+import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
 /**
- * Radio Component
- * @param checked {boolean} Checked Radio
+ * radio Component
+ * @param checked {boolean} Checked radio
  * @param disabled {boolean} Disabled
- * @param readOnly {boolean} readonly Radio
+ * @param readOnly {boolean} readonly radio
  * @param id {string} Id for button, by default id is generate
- * @param label {string|ReactNode} Label for Radio
- * @param onClick {ClickEvent}
+ * @param label {string} Label for radio
  * @param onChange {ChangeEvent}
  * @param name {string} Name for radio
+ * - -------------------------- WEB PROPERTIES -------------------------------
  * @param value {string} Value for radio
- * @param iconTile {IconName} Icon for Radio
- * @param narrow {boolean} Apply narrow
- * @param children {React.ReactNode} If Children is provided, don't use label / Icon / Description
- * @param tile {boolean} Radio Tile
- * @param description {string} Description for Radio tile
- * @param horizontalTile {boolean} display horizontal Radio tile
- * -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
- * @param testId {string} Test Id for Test Integration
- * @param marginless {boolean} delete margin
+ * @param className {string} Additionnal css classes (ONLY FOR WEB)
  */
-var Radio = React.forwardRef(function (_a, ref) {
-    var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, onChange = _a.onChange, onClick = _a.onClick, name = _a.name, value = _a.value, tile = _a.tile, description = _a.description, iconTile = _a.iconTile, horizontalTile = _a.horizontalTile, children = _a.children, narrow = _a.narrow, marginless = _a.marginless, testId = _a.testId, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "onClick", "name", "value", "tile", "description", "iconTile", "horizontalTile", "children", "narrow", "marginless", "testId"]);
-    var _c = useRadio({ checked: checked, readonly: readonly, onChange: onChange, onClick: onClick, value: value }), inputState = _c.inputState, handleClick = _c.handleClick, handleChange = _c.handleChange;
-    return (React.createElement("div", { ref: ref, tabIndex: 0, className: hashClass(clsx(tile ? 'radio-tile' : 'radio', narrow && is('narrow'), marginless && is('marginless'), horizontalTile && is('horizontal'), className)) },
-        React.createElement("input", __assign({ "data-testid": testId, type: 'radio', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked: readonly ? checked : inputState.checked, onChange: handleChange, onClick: handleClick }, others)),
-        React.createElement("label", { htmlFor: id, className: hashClass(clsx('radio-label')) }, children ? (children) : (React.createElement(React.Fragment, null,
-            iconTile && React.createElement(Icon, { name: iconTile, size: IconSize.MEDIUM }),
-            horizontalTile ? (React.createElement("span", null,
-                tile ? React.createElement("span", { className: hashClass(clsx('radio-title')) }, label) : label,
-                tile && description && React.createElement("span", { className: hashClass(clsx('radio-description')) }, description))) : (React.createElement(React.Fragment, null,
-                tile ? React.createElement("span", { className: hashClass(clsx('radio-title')) }, label) : label,
-                tile && description && React.createElement("span", { className: hashClass(clsx('radio-description')) }, description))))))));
-});
-Radio.displayName = ComponentName.Radio;
+var Radio = function (_a) {
+    var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, value = _a.value, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value"]);
+    var styled = useTrilogyContext().styled;
+    var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
+    useEffect(function () {
+        if (!readonly) {
+            setChecked(checked || false);
+        }
+    }, [checked, readonly]);
+    return (React.createElement("div", { className: hashClass(styled, clsx('radio', className)), tabIndex: 0 },
+        React.createElement("input", __assign({ "aria-checked": checked, type: 'radio', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked: readonly ? checked : _checked, onChange: function (e) { return (onChange ? onChange : setChecked(e.target.checked)); } }, others)),
+        React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx('radio-label')) }, label)));
+};
 export default Radio;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL1JhZGlvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUVsRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDM0QsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUV4Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUJHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDNUIsVUFDRSxFQW9CYSxFQUNiLEdBQThCO0lBcEI1QixJQUFBLE9BQU8sYUFBQSxFQUNQLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFVBQWtCLEVBQWxCLEVBQUUsbUJBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFBLEVBQ2xCLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLEtBQUssV0FBQSxFQUNMLElBQUksVUFBQSxFQUNKLFdBQVcsaUJBQUEsRUFDWCxRQUFRLGNBQUEsRUFDUixjQUFjLG9CQUFBLEVBQ2QsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ04sVUFBVSxnQkFBQSxFQUNWLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FuQlgsME1Bb0JDLENBRFU7SUFJTCxJQUFBLEtBQTRDLFFBQVEsQ0FBQyxFQUFFLE9BQU8sU0FBQSxFQUFFLFFBQVEsVUFBQSxFQUFFLFFBQVEsVUFBQSxFQUFFLE9BQU8sU0FBQSxFQUFFLEtBQUssT0FBQSxFQUFFLENBQUMsRUFBbkcsVUFBVSxnQkFBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxZQUFZLGtCQUE4RCxDQUFBO0lBQzNHLE9BQU8sQ0FDTCw2QkFDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLFFBQVEsRUFBRSxDQUFDLEVBQ1gsU0FBUyxFQUFFLFNBQVMsQ0FDbEIsSUFBSSxDQUNGLElBQUksQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxPQUFPLEVBQzdCLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLGNBQWMsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQ2xDLFNBQVMsQ0FDVixDQUNGO1FBRUQsdURBQ2UsTUFBTSxFQUNuQixJQUFJLEVBQUMsT0FBTyxFQUNaLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEVBQUUsRUFBRSxFQUFFLEVBQ04sUUFBUSxFQUFFLFFBQVEsRUFDbEIsSUFBSSxFQUFFLElBQUksRUFDVixLQUFLLEVBQUUsS0FBSyxFQUNaLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLE9BQU8sRUFDaEQsUUFBUSxFQUFFLFlBQVksRUFDdEIsT0FBTyxFQUFFLFdBQVcsSUFDaEIsTUFBTSxFQUNWO1FBRUYsK0JBQU8sT0FBTyxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUMxRCxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ1YsUUFBUSxDQUNULENBQUMsQ0FBQyxDQUFDLENBQ0Y7WUFDRyxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxNQUFNLEdBQUk7WUFDM0QsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUNoQjtnQkFDRyxJQUFJLENBQUMsQ0FBQyxDQUFDLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLElBQUcsS0FBSyxDQUFRLENBQUMsQ0FBQyxDQUFDLEtBQUs7Z0JBQzlFLElBQUksSUFBSSxXQUFXLElBQUksOEJBQU0sU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxJQUFHLFdBQVcsQ0FBUSxDQUM5RixDQUNSLENBQUMsQ0FBQyxDQUFDLENBQ0Y7Z0JBQ0csSUFBSSxDQUFDLENBQUMsQ0FBQyw4QkFBTSxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFHLEtBQUssQ0FBUSxDQUFDLENBQUMsQ0FBQyxLQUFLO2dCQUM5RSxJQUFJLElBQUksV0FBVyxJQUFJLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQUMsSUFBRyxXQUFXLENBQVEsQ0FDbEcsQ0FDSixDQUNBLENBQ0osQ0FDSyxDQUNKLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsS0FBSyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFBO0FBQ3ZDLGVBQWUsS0FBSyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL1JhZGlvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQTtBQUU3QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQVdGO0lBVlgsSUFBQSxPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixVQUF1QixFQUF2QixFQUFFLG1CQUFHLE9BQU8sQ0FBQyxRQUFRLEVBQUUsS0FBQSxFQUN2QixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDRixNQUFNLGNBVkksNEZBV2QsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRWhDLElBQUEsS0FBQSxPQUF5QixRQUFRLENBQVUsT0FBTyxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQTNELFFBQVEsUUFBQSxFQUFFLFVBQVUsUUFBdUMsQ0FBQTtJQUVsRSxTQUFTLENBQUM7UUFDUixJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2IsVUFBVSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsQ0FBQTtTQUM3QjtJQUNILENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRXZCLE9BQU8sQ0FDTCw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxFQUFFLFNBQVMsQ0FBQyxDQUFDLEVBQUUsUUFBUSxFQUFFLENBQUM7UUFDdEUsd0RBQ2dCLE9BQU8sRUFDckIsSUFBSSxFQUFDLE9BQU8sRUFDWixRQUFRLEVBQUUsUUFBUSxFQUNsQixFQUFFLEVBQUUsRUFBRSxFQUNOLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLElBQUksRUFBRSxJQUFJLEVBQ1YsS0FBSyxFQUFFLEtBQUssRUFDWixPQUFPLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFFBQVEsRUFDdEMsUUFBUSxFQUFFLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUMsRUFBcEQsQ0FBb0QsSUFDakUsTUFBTSxFQUNWO1FBQ0YsK0JBQU8sT0FBTyxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsSUFDbEUsS0FBSyxDQUNBLENBQ0osQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUEifQ==

package/lib/components/radio/Radio.native.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { TouchableOpacity } from 'react-native';
-import { RadioProps } from '../../components/radio/RadioProps';
+/// <reference types="react" />
+import { RadioProps } from './RadioProps';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Radio Component
  * @param checked {boolean} Checked Radio
@@ -19,5 +19,8 @@ import { RadioProps } from '../../components/radio/RadioProps';
  * @param description {string} Description for Radio tile
  * @param horizontalTile {boolean} display horizontal Radio tile
  */
-declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<TouchableOpacity>>;
+declare const Radio: {
+    ({ id, checked, name, onChange, disabled, readonly, label, value, }: RadioProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default Radio;