@trilogy-ds/react 0.0.1-beta.9 → 0.0.1-fix-timepicker

package/lib/components/list/context/index.js

@@ -0,0 +1,3 @@
+export * from './ListContext';
+export * from './ListContextProps';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvY29udGV4dC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGVBQWUsQ0FBQTtBQUM3QixjQUFjLG9CQUFvQixDQUFBIn0=

package/lib/components/list/index.js

@@ -2,4 +2,4 @@ import List from './List';
 export * from './item';
 export * from './ListProps';
 export { List };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFBO0FBRXpCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsYUFBYSxDQUFBO0FBRTNCLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQSJ9

package/lib/components/list/item/ListItem.d.ts

@@ -1,13 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { ListItemProps } from './ListItemProps';
 /**
  * ListItem Component
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param children {React.ReactNode}
- * @param customIcon {IconName} Icon name
+ * @param iconName {IconName} Icon name
  * @param status {ListIconStatus} Status success|error
- * @param title {string} List item title
- * @param description {string} List item description
  */
-declare const ListItem: ({ className, children, customIcon, status, title, description, testId, }: ListItemProps) => JSX.Element;
+declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLLIElement>>;
 export default ListItem;

package/lib/components/list/item/ListItem.js

@@ -1,34 +1,26 @@
-import React from 'react';
 import clsx from 'clsx';
-import { Icon, IconSize } from '../../icon';
-import { is } from '../../../services';
-import { getColorClassName } from '../../../objects';
-import { hashClass } from '../../../helpers';
+import * as React from 'react';
 import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers';
+import { getColorClassName, TrilogyColor } from '../../../objects';
+import { is } from '../../../services';
+import { Icon, IconSize } from '../../../components/icon';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * ListItem Component
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param children {React.ReactNode}
- * @param customIcon {IconName} Icon name
+ * @param iconName {IconName} Icon name
  * @param status {ListIconStatus} Status success|error
- * @param title {string} List item title
- * @param description {string} List item description
  */
-const ListItem = ({ className, children, customIcon, status, title, description, testId, }) => {
-    const { styled } = useTrilogyContext();
-    const classes = clsx(is(getColorClassName(status)), className);
-    if (customIcon) {
-        return (React.createElement("li", { "data-testid": testId, className: hashClass(styled, clsx(classes)) },
-            React.createElement(Icon, { className: classes, name: customIcon, size: IconSize.SMALL }),
-            React.createElement("span", null, children)));
-    }
-    if (title || description) {
-        return (React.createElement("li", { className: hashClass(styled, clsx(classes)) },
-            React.createElement("b", null, title),
-            React.createElement("p", null, children || description),
-            React.createElement("br", null)));
-    }
-    return React.createElement("li", { className: hashClass(styled, clsx(classes)) }, children);
-};
+var ListItem = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, children = _a.children, iconName = _a.iconName, status = _a.status, testId = _a.testId;
+    var styled = useTrilogyContext().styled;
+    var classes = clsx('list-item', className, status && is(getColorClassName(TrilogyColor[status])));
+    return (React.createElement("li", { ref: ref, id: id, className: hashClass(styled, clsx(classes)), "data-testid": testId },
+        iconName && (React.createElement(Icon, { className: status && clsx(is(getColorClassName(TrilogyColor[status]))), name: iconName, size: IconSize.SMALL })),
+        React.createElement("div", { className: hashClass(styled, clsx('list-item-content')) }, children)));
+});
+ListItem.displayName = ComponentName.ListItem;
 export default ListItem;
-//# sourceMappingURL=ListItem.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDM0QsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsSUFBSSxFQUFZLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRTVELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7O0dBTUc7QUFDSCxJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUE2QixVQUFDLEVBQXFELEVBQUUsR0FBRztRQUF4RCxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxNQUFNLFlBQUE7SUFDeEcsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFdBQVcsRUFBRSxTQUFTLEVBQUUsTUFBTSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFFbkcsT0FBTyxDQUNMLDRCQUFJLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsaUJBQWUsTUFBTTtRQUNuRixRQUFRLElBQUksQ0FDWCxvQkFBQyxJQUFJLElBQ0gsU0FBUyxFQUFFLE1BQU0sSUFBSSxJQUFJLENBQUMsRUFBRSxDQUFDLGlCQUFpQixDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFDdEUsSUFBSSxFQUFFLFFBQVEsRUFDZCxJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssR0FDcEIsQ0FDSDtRQUNELDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLElBQUcsUUFBUSxDQUFPLENBQzNFLENBQ04sQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsUUFBUSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsUUFBUSxDQUFBO0FBQzdDLGVBQWUsUUFBUSxDQUFBIn0=

package/lib/components/list/item/ListItem.native.d.ts

@@ -1,8 +1,11 @@
-/// <reference types="react" />
-import { ListItemProps } from './ListItemProps';
-import { ComponentName } from '../../enumsComponentsName';
-declare const ListItem: {
-    ({ children, customIcon, status, title, description }: ListItemProps): JSX.Element;
-    displayName: ComponentName;
-};
+import { ListItemProps } from '../../../components/list/item/ListItemProps';
+import React from 'react';
+import { View } from 'react-native';
+/**
+ * ListItem Component
+ * @param children {React.ReactNode}
+ * @param iconName {IconName} Icon name
+ * @param status {ListIconStatus} Status success|error
+ */
+declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<View>>;
 export default ListItem;

package/lib/components/list/item/ListItem.native.js

@@ -1,66 +1,62 @@
-import React, { useMemo } from 'react';
-import { StyleSheet, View as ReactView } from 'react-native';
-import { Icon, IconColor } from '../../icon';
-import { Text, TextLevels } from '../../text';
-import { View } from '../../view';
-import { ComponentName } from '../../enumsComponentsName';
-const ListItem = ({ children, customIcon, status, title, description }) => {
-    const styles = StyleSheet.create({
-        item: {
-            marginBottom: 4,
-            flexDirection: 'row',
-            alignItems: 'center',
-            position: 'relative',
-        },
-        puce: {
-            fontWeight: 'bold',
-            position: 'absolute',
-            fontSize: 18,
-            top: -3.5,
-        },
+import { __read, __spreadArray } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { Icon } from '../../../components/icon';
+import { ListContext } from '../../../components/list/context';
+import { Text, TextLevels } from '../../../components/text';
+import { getColorStyle, TrilogyColor, TypographyBold } from '../../../objects';
+import React, { useContext, useEffect, useId, useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+/**
+ * ListItem Component
+ * @param children {React.ReactNode}
+ * @param iconName {IconName} Icon name
+ * @param status {ListIconStatus} Status success|error
+ */
+var ListItem = React.forwardRef(function (_a, ref) {
+    var children = _a.children, status = _a.status, iconName = _a.iconName;
+    var id = useId();
+    var _b = useContext(ListContext), ordered = _b.ordered, chilIndexes = _b.chilIndexes, setChildIndexes = _b.setChildIndexes, divider = _b.divider;
+    var isLastItem = chilIndexes[chilIndexes.length - 1] === id;
+    useEffect(function () {
+        setChildIndexes(function (prev) { return __spreadArray(__spreadArray([], __read(prev), false), [id], false); });
+    }, [id]);
+    var styles = StyleSheet.create({
         text: {
-            marginLeft: customIcon ? 4 : 12,
+            paddingHorizontal: 16,
         },
-        icon: {
-            marginLeft: -4,
-        },
-        title: {
-            marginLeft: 12,
-            fontWeight: 'bold',
-        },
-        titleContainer: {
+        content: {
             flexDirection: 'row',
             alignItems: 'center',
-            position: 'relative',
+            paddingVertical: iconName ? 8 : 2,
+            borderBottomWidth: divider && !isLastItem ? 1 : 0,
+            borderBottomColor: getColorStyle(TrilogyColor.NEUTRAL),
+        },
+        disc: {
+            alignSelf: 'center',
+            width: 4,
+            height: 4,
+            backgroundColor: getColorStyle(TrilogyColor.MAIN),
+            borderRadius: 4,
         },
     });
-    const getComponent = useMemo(() => {
+    var getComponent = useMemo(function () {
         if (typeof children === 'object')
             return React.createElement(View, { style: styles.text }, children);
-        if (typeof children === 'undefined' && description) {
-            return (React.createElement(Text, { style: styles.text, level: TextLevels.ONE }, description));
-        }
         if (['string', 'number'].includes(typeof children)) {
             return (React.createElement(Text, { style: styles.text, level: TextLevels.ONE }, children));
         }
-    }, [children, description]);
-    if (customIcon) {
-        return (React.createElement(View, { style: styles.item },
-            React.createElement(ReactView, { style: styles.icon },
-                React.createElement(Icon, { size: 'small', name: customIcon, color: status || IconColor.TERTIARY })),
-            getComponent));
-    }
-    if (title || description) {
-        return (React.createElement(View, { style: { marginBottom: 12 } },
-            React.createElement(View, { style: styles.titleContainer },
-                React.createElement(Text, { style: styles.puce, level: TextLevels.ONE }, "."),
-                React.createElement(Text, { style: styles.title, level: TextLevels.ONE }, title)),
-            getComponent));
-    }
-    return (React.createElement(View, { style: styles.item },
-        React.createElement(Text, { style: styles.puce }, "."),
-        getComponent));
-};
+    }, [children]);
+    return (React.createElement(View, { ref: ref, style: [styles.content] },
+        ordered && !iconName && (React.createElement(View, null,
+            React.createElement(Text, { typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD] },
+                chilIndexes.indexOf(id) + 1,
+                "."))),
+        !iconName && !ordered && (React.createElement(View, null,
+            React.createElement(View, { style: styles.disc }))),
+        iconName && (React.createElement(View, null,
+            React.createElement(Icon, { size: 'small', name: iconName, color: status }))),
+        React.createElement(View, { style: { flexGrow: 1 } }, getComponent)));
+});
 ListItem.displayName = ComponentName.ListItem;
 export default ListItem;
-//# sourceMappingURL=ListItem.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9saXN0L2l0ZW0vTGlzdEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQVksTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFFdkQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxjQUFjLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkUsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDcEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0M7Ozs7O0dBS0c7QUFDSCxJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMvQixVQUFDLEVBQThCLEVBQUUsR0FBRztRQUFqQyxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxRQUFRLGNBQUE7SUFDM0IsSUFBTSxFQUFFLEdBQUcsS0FBSyxFQUFFLENBQUE7SUFDWixJQUFBLEtBQXFELFVBQVUsQ0FBQyxXQUFXLENBQUMsRUFBMUUsT0FBTyxhQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxPQUFPLGFBQTRCLENBQUE7SUFDbEYsSUFBTSxVQUFVLEdBQUcsV0FBVyxDQUFDLFdBQVcsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFBO0lBRTdELFNBQVMsQ0FBQztRQUNSLGVBQWUsQ0FBQyxVQUFDLElB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

package/lib/components/list/item/ListItemProps.d.ts

@@ -2,18 +2,22 @@
  * ListItem Interface
  */
 import { ReactNode } from 'react';
-import { IconName, IconNameValues } from '../../icon';
-import { Accessibility } from '../../../objects';
+import { Animated, type View } from 'react-native';
+import { IconName, IconNameValues } from '../../../components/icon';
+import { Accessibility, Dev } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
 export declare enum ListIconStatus {
     SUCCESS = "SUCCESS",
+    INFO = "INFO",
+    WARNING = "WARNING",
     ERROR = "ERROR"
 }
 export type ListIconStatusValues = `${ListIconStatus}`;
-export interface ListItemProps extends Accessibility {
+export interface ListItemProps extends Accessibility, Dev, CommonProps {
     children?: ReactNode;
-    className?: string;
-    customIcon?: IconName | IconNameValues;
+    iconName?: IconName | IconNameValues;
     status?: ListIconStatus | ListIconStatusValues;
-    title?: string;
-    description?: string;
 }
+export type AnimatedInterpolationProps = Animated.AnimatedInterpolation<number | string>;
+export type ListItemRef = HTMLLIElement;
+export type ListItemNativeRef = View;

package/lib/components/list/item/ListItemProps.js

@@ -1,6 +1,8 @@
 export var ListIconStatus;
 (function (ListIconStatus) {
     ListIconStatus["SUCCESS"] = "SUCCESS";
+    ListIconStatus["INFO"] = "INFO";
+    ListIconStatus["WARNING"] = "WARNING";
     ListIconStatus["ERROR"] = "ERROR";
 })(ListIconStatus || (ListIconStatus = {}));
-//# sourceMappingURL=ListItemProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1Qcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9pdGVtL0xpc3RJdGVtUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU0EsTUFBTSxDQUFOLElBQVksY0FLWDtBQUxELFdBQVksY0FBYztJQUN4QixxQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBYSxDQUFBO0lBQ2IscUNBQW1CLENBQUE7SUFDbkIsaUNBQWUsQ0FBQTtBQUNqQixDQUFDLEVBTFcsY0FBYyxLQUFkLGNBQWMsUUFLekIifQ==

package/lib/components/list/item/ListItemPropsDefaults.js

@@ -0,0 +1,122 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "iconName": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-arrow-high",
+      "tri-bell",
+      "tri-calendar",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-file-attached",
+      "tri-infos-circle",
+      "tri-micro",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa",
+      "tri-paperclip",
+      "tri-clock",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-arrow-high",
+      "tri-bell",
+      "tri-calendar",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-file-attached",
+      "tri-infos-circle",
+      "tri-micro",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa",
+      "tri-paperclip",
+      "tri-clock"
+    ]
+  },
+  "status": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/list/item/description/ListItemDescription.d.ts

@@ -1,9 +1,10 @@
-/// <reference types="react" />
-import { ListItemDescriptionProps } from './ListItemDescriptionProps';
+import * as React from "react";
+import { ListItemDescriptionProps } from "./ListItemDescriptionProps";
 /**
- * ListItem Component
- * @param className {string} Additionnal CSS Classes
+ * ListItemDescription Component
  * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
  */
-declare const ListItemDescription: ({ children, className }: ListItemDescriptionProps) => JSX.Element;
+declare const ListItemDescription: React.ForwardRefExoticComponent<ListItemDescriptionProps & React.RefAttributes<HTMLElement>>;
 export default ListItemDescription;

package/lib/components/list/item/description/ListItemDescription.js

@@ -1,15 +1,20 @@
-import React from 'react';
-import clsx from 'clsx';
-import { hashClass } from '../../../../helpers';
-import { useTrilogyContext } from '../../../../context';
+import { __assign, __rest } from "tslib";
+import * as React from "react";
+import clsx from "clsx";
+import { hashClass } from "../../../../helpers";
+import { useTrilogyContext } from "../../../../context";
+import { ComponentName } from "../../../../components/enumsComponentsName";
 /**
- * ListItem Component
- * @param className {string} Additionnal CSS Classes
+ * ListItemDescription Component
  * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
  */
-const ListItemDescription = ({ children, className }) => {
-    const { styled } = useTrilogyContext();
-    return React.createElement("dd", { className: hashClass(styled, clsx(className)) }, children);
-};
+var ListItemDescription = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, testId = _a.testId, others = __rest(_a, ["children", "className", "testId"]);
+    var styled = useTrilogyContext().styled;
+    return React.createElement("dd", __assign({ ref: ref, className: hashClass(styled, clsx(className)), "data-testid": testId }, others), children);
+});
+ListItemDescription.displayName = ComponentName.ListItemDescription;
 export default ListItemDescription;
-//# sourceMappingURL=ListItemDescription.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1EZXNjcmlwdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9pdGVtL2Rlc2NyaXB0aW9uL0xpc3RJdGVtRGVzY3JpcHRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7OztHQUtHO0FBQ0gsSUFBTSxtQkFBbUIsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFtRCxVQUFDLEVBSy9GLEVBQUUsR0FBRztJQUpKLElBQUEsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQUpxRixtQ0FLL0YsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8scUNBQUksR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsaUJBQWUsTUFBTSxJQUFNLE1BQU0sR0FBRyxRQUFRLENBQU0sQ0FBQTtBQUN0SCxDQUFDLENBQUMsQ0FBQTtBQUVGLG1CQUFtQixDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsbUJBQW1CLENBQUE7QUFDbkUsZUFBZSxtQkFBbUIsQ0FBQSJ9

package/lib/components/list/item/description/ListItemDescription.native.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { ListItemDescriptionProps } from './ListItemDescriptionProps';
-import { ComponentName } from '../../../enumsComponentsName';
-declare const ListItemDescription: {
-    ({ children }: ListItemDescriptionProps): JSX.Element;
-    displayName: ComponentName;
-};
+import * as React from "react";
+import { ListItemDescriptionProps } from "./ListItemDescriptionProps";
+/**
+ * ListItemDescription Component
+ * @param children {React.ReactNode}
+ */
+declare const ListItemDescription: React.ForwardRefExoticComponent<ListItemDescriptionProps & React.RefAttributes<import("react-native/types").View>>;
 export default ListItemDescription;

package/lib/components/list/item/description/ListItemDescription.native.js

@@ -1,13 +1,18 @@
-import React from 'react';
-import { Text } from '../../../text';
-import { View } from '../../../view';
-import { ComponentName } from '../../../enumsComponentsName';
-const ListItemDescription = ({ children }) => {
-    if (['string', 'number'].includes(typeof children)) {
+import * as React from "react";
+import { Text } from "../../../../components/text";
+import { View } from "../../../../components/view";
+import { ComponentName } from "../../../../components/enumsComponentsName";
+/**
+ * ListItemDescription Component
+ * @param children {React.ReactNode}
+ */
+var ListItemDescription = React.forwardRef(function (_a, ref) {
+    var children = _a.children;
+    if (["string", "number"].includes(typeof children)) {
         return React.createElement(Text, null, children);
     }
-    return React.createElement(View, null, children);
-};
+    return React.createElement(View, { ref: ref }, children);
+});
 ListItemDescription.displayName = ComponentName.ListItemDescription;
 export default ListItemDescription;
-//# sourceMappingURL=ListItemDescription.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1EZXNjcmlwdGlvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9kZXNjcmlwdGlvbi9MaXN0SXRlbURlc2NyaXB0aW9uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7OztHQUdHO0FBQ0gsSUFBTSxtQkFBbUIsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUF5RCxVQUFDLEVBRXJHLEVBQUUsR0FBRztRQURKLFFBQVEsY0FBQTtJQUVSLElBQUksQ0FBQyxRQUFRLEVBQUUsUUFBUSxDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sUUFBUSxDQUFDLEVBQUU7UUFDbEQsT0FBTyxvQkFBQyxJQUFJLFFBQUUsUUFBUSxDQUFRLENBQUE7S0FDL0I7SUFFRCxPQUFPLG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsR0FBRyxJQUFHLFFBQVEsQ0FBUSxDQUFBO0FBQzFDLENBQUMsQ0FBQyxDQUFBO0FBRUYsbUJBQW1CLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQTtBQUVuRSxlQUFlLG1CQUFtQixDQUFBIn0=

package/lib/components/list/item/description/ListItemDescriptionProps.d.ts

@@ -1,8 +1,12 @@
 /**
  * ListItem Interface
  */
+import { Dev } from '../../../../objects/facets/Dev';
 import { ReactNode } from 'react';
-export interface ListItemDescriptionProps {
+import { View } from 'react-native';
+export interface ListItemDescriptionProps extends Dev {
     children?: ReactNode;
     className?: string;
 }
+export type ListItemDescriptionRef = HTMLElement;
+export type ListItemDescriptionNativeRef = View;

package/lib/components/list/item/description/ListItemDescriptionProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=ListItemDescriptionProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1EZXNjcmlwdGlvblByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9saXN0L2l0ZW0vZGVzY3JpcHRpb24vTGlzdEl0ZW1EZXNjcmlwdGlvblByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/lib/components/list/item/description/ListItemDescriptionPropsDefaults.js

@@ -0,0 +1,30 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/list/item/description/index.js

@@ -1,4 +1,4 @@
 import ListItemDescription from './ListItemDescription';
 export * from './ListItemDescriptionProps';
 export { ListItemDescription };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9kZXNjcmlwdGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLG1CQUFtQixNQUFNLHVCQUF1QixDQUFBO0FBRXZELGNBQWMsNEJBQTRCLENBQUE7QUFFMUMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLENBQUEifQ==

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

@@ -2,4 +2,4 @@ import ListItem from './ListItem';
 export * from './description';
 export * from './ListItemProps';
 export { ListItem };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFFBQVEsTUFBTSxZQUFZLENBQUE7QUFFakMsY0FBYyxlQUFlLENBQUE7QUFDN0IsY0FBYyxpQkFBaUIsQ0FBQTtBQUMvQixPQUFPLEVBQUUsUUFBUSxFQUFFLENBQUEifQ==

package/lib/components/modal/Modal.d.ts

@@ -1,31 +1,17 @@
-/// <reference types="react" />
+import React from 'react';
 import { ModalProps } from './ModalProps';
 /**
  * Modal Component
  * @param active {boolean} Activated Modal
  * @param title {string} Title Modal
- * @param content {string} Content text for modal
- * @param triggerContent {string} Trigger custom element
- * @param iconName IconName for icon title
- * @param iconColor IconColor for icon title
- * @param ctaCancelOnClick {Function} function for cancel button (appear when set)
- * @param ctaOnClick {Function} On Click Event CTA
- * @param onClose {Function} Additionnal close custom function
- * @param onOpen {Function} Additionnal open custom function
- * @param closeIcon {boolean} Display close icon for Modal
+ * @param onClose {Function} Additional close custom function
+ * @param onOpen {Function} Additional open custom function
  * @param children {React.ReactNode}
- * @param ctaContent {string} Content cta
- * @param fullwidth {boolean} Fullwidth Modal
- * @param disableHandlingClickOutside {boolean} Disable the handling on outside click event
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
- * @param contentClassNames {string} Additionnal CSS Classes for modal content
- * @param triggerMarkup {ModalMarkup} h1|h2|h3|h4|h5|h6|p|span|div|button|a
- * @param triggerClassNames {string} Additionnal CSS Classes for trigger element
+ * @param className {string} Additional CSS Classes
  * @param panel {boolean} Panel Side Modal
+ * @param accessibilityLabel {string} Accessibility label
  * - -------------------------- NATIVE PROPERTIES -------------------------------
- * @param bottom {boolean} If bottom
- * @param swipable {boolean} Swipable Native Modal
  */
-declare const Modal: ({ children, className, contentClassNames, active, title, content, triggerMarkup, triggerContent, triggerClassNames, ctaContent, ctaOnClick, onClose, onOpen, iconName, ctaCancelOnClick, closeIcon, iconColor, panel, footerClassNames, footer, fullwidth, disableHandlingClickOutside, testId, ...others }: ModalProps) => JSX.Element;
+declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
 export default Modal;