@trilogy-ds/react 0.0.1-beta-3 → 0.0.1-beta-52

package/lib/components/list/List.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ListProps } from './ListProps';
-import { ComponentName } from '../enumsComponentsName';
+import { ListProps } from "./ListProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 declare const List: {
     ({ children, ...others }: ListProps): JSX.Element;
     displayName: ComponentName;

package/lib/components/list/List.native.js

@@ -1,6 +1,6 @@
-import React from 'react';
-import { View } from '../view';
-import { ComponentName } from '../enumsComponentsName';
+import * as React from "react";
+import { View } from "../../components/view";
+import { ComponentName } from "../../components/enumsComponentsName";
 const List = ({ children, ...others }) => {
     return React.createElement(View, { ...others }, children);
 };

package/lib/components/list/List.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.native.js","sourceRoot":"","sources":["../../../components/list/List.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAEtD,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAa,EAAe,EAAE;IAC/D,OAAO,oBAAC,IAAI,OAAK,MAAM,IAAG,QAAQ,CAAQ,CAAA;AAC5C,CAAC,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAA;AAErC,eAAe,IAAI,CAAA"}
+{"version":3,"file":"List.native.js","sourceRoot":"","sources":["../../../components/list/List.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAa,EAAe,EAAE;IAC/D,OAAO,oBAAC,IAAI,OAAK,MAAM,IAAG,QAAQ,CAAQ,CAAA;AAC5C,CAAC,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAA;AAErC,eAAe,IAAI,CAAA"}

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

@@ -4,10 +4,13 @@ import { ListItemProps } from './ListItemProps';
  * ListItem Component
  * @param className {string} Additionnal CSS Classes
  * @param children {React.ReactNode}
- * @param customIcon {IconName} Icon name
+ * @param customIcon {IconName | React.ReactNode } Icon name | children
  * @param status {ListIconStatus} Status success|error
  * @param title {string} List item title
  * @param description {string} List item description
+ * @param action {React.ReactNode} children
+ * @param divider {boolean} Display divider
+ * @param deletable {boolean}
  */
-declare const ListItem: ({ className, children, customIcon, status, title, description, testId, }: ListItemProps) => JSX.Element;
+declare const ListItem: ({ className, children, customIcon, status, title, description, testId, action, divider, deletable, }: ListItemProps) => JSX.Element;
 export default ListItem;

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

@@ -1,34 +1,38 @@
-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 { TrilogyColor, getColorClassName } from '../../../objects';
+import { has, is } from '../../../services';
+import { Divider } from '../../../components/divider';
+import { Icon, IconSize } from '../../../components/icon';
 /**
  * ListItem Component
  * @param className {string} Additionnal CSS Classes
  * @param children {React.ReactNode}
- * @param customIcon {IconName} Icon name
+ * @param customIcon {IconName | React.ReactNode } Icon name | children
  * @param status {ListIconStatus} Status success|error
  * @param title {string} List item title
  * @param description {string} List item description
+ * @param action {React.ReactNode} children
+ * @param divider {boolean} Display divider
+ * @param deletable {boolean}
  */
-const ListItem = ({ className, children, customIcon, status, title, description, testId, }) => {
+const ListItem = ({ className, children, customIcon, status, title, description, testId, action, divider, deletable, }) => {
     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);
+    const classes = clsx(is(getColorClassName(status ? TrilogyColor[status] : TrilogyColor.BACKGROUND)), className);
+    return (React.createElement("li", { className: hashClass(styled, clsx(classes, action && has('action'))), "data-testid": testId },
+        React.createElement("div", { className: hashClass(styled, clsx('list-item_content')) },
+            customIcon && typeof customIcon === 'string' && (React.createElement("div", { className: hashClass(styled, clsx('list-item_content_puce')) },
+                React.createElement(Icon, { className: classes, name: deletable ? 'tri-trash' : customIcon, size: IconSize.SMALL }))),
+            customIcon && typeof customIcon !== 'string' && (React.createElement("div", { className: hashClass(styled, clsx('list-item_content_puce')) }, customIcon)),
+            React.createElement("div", null,
+                (title || description) && (React.createElement(React.Fragment, null,
+                    title && React.createElement("b", null, title),
+                    children || (description && React.createElement("p", null, children || description)))),
+                !title && !description && React.createElement("div", null, children))),
+        action && React.createElement("div", { className: hashClass(styled, clsx('list-item_action')) }, action),
+        divider && React.createElement(Divider, null)));
 };
 export default ListItem;
 //# sourceMappingURL=ListItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../../components/list/item/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;;;GAQG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,MAAM,EACN,KAAK,EACL,WAAW,EACX,MAAM,GACQ,EAAe,EAAE;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;IAE9D,IAAI,UAAU,EAAE;QACd,OAAO,CACL,2CAAiB,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;YAClE,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,CAAC,KAAK,GAAI;YACpE,kCAAO,QAAQ,CAAQ,CACpB,CACN,CAAA;KACF;IAED,IAAI,KAAK,IAAI,WAAW,EAAE;QACxB,OAAO,CACL,4BAAI,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;YAC7C,+BAAI,KAAK,CAAK;YACd,+BAAI,QAAQ,IAAI,WAAW,CAAK;YAChC,+BAAM,CACH,CACN,CAAA;KACF;IAED,OAAO,4BAAI,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,IAAG,QAAQ,CAAM,CAAA;AACzE,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../../components/list/item/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC3D,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAY,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAG5D;;;;;;;;;;;GAWG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,MAAM,EACN,KAAK,EACL,WAAW,EACX,MAAM,EACN,MAAM,EACN,OAAO,EACP,SAAS,GACK,EAAe,EAAE;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,IAAI,CAClB,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,EAC9E,SAAS,CACV,CAAA;IAED,OAAO,CACL,4BAAI,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAe,MAAM;QAC3F,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;YACzD,UAAU,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,CAC/C,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC;gBAC/D,oBAAC,IAAI,IACH,SAAS,EAAE,OAAO,EAClB,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAE,UAAuB,EACxD,IAAI,EAAE,QAAQ,CAAC,KAAK,GACpB,CACE,CACP;YAEA,UAAU,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,CAC/C,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC,IAAG,UAAU,CAAO,CACtF;YAED;gBACG,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACzB;oBACG,KAAK,IAAI,+BAAI,KAAK,CAAK;oBACvB,QAAQ,IAAI,CAAC,WAAW,IAAI,+BAAI,QAAQ,IAAI,WAAW,CAAK,CAAC,CAC7D,CACJ;gBACA,CAAC,KAAK,IAAI,CAAC,WAAW,IAAI,iCAAM,QAAQ,CAAO,CAC5C,CACF;QACL,MAAM,IAAI,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC,IAAG,MAAM,CAAO;QACrF,OAAO,IAAI,oBAAC,OAAO,OAAG,CACpB,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
+import { ComponentName } from '../../../components/enumsComponentsName';
 import { ListItemProps } from './ListItemProps';
-import { ComponentName } from '../../enumsComponentsName';
 declare const ListItem: {
-    ({ children, customIcon, status, title, description }: ListItemProps): JSX.Element;
+    ({ children, customIcon, status, title, description, divider, action, deletable, }: ListItemProps): JSX.Element;
     displayName: ComponentName;
 };
 export default ListItem;

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

@@ -1,10 +1,13 @@
 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 }) => {
+import { Animated, View as ReactView, StyleSheet, View } from 'react-native';
+import Swipeable from 'react-native-gesture-handler/Swipeable';
+import { TrilogyColor, getColorStyle } from '../../../objects';
+import { Divider } from '../../../components/divider';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { Icon, IconColor } from '../../../components/icon';
+import { Text, TextLevels } from '../../../components/text';
+import { Title, TitleLevels } from '../../../components/title';
+const ListItem = ({ children, customIcon, status, title, description, divider, action, deletable, }) => {
     const styles = StyleSheet.create({
         item: {
             marginBottom: 4,
@@ -12,26 +15,47 @@ const ListItem = ({ children, customIcon, status, title, description }) => {
             alignItems: 'center',
             position: 'relative',
         },
-        puce: {
-            fontWeight: 'bold',
-            position: 'absolute',
-            fontSize: 18,
-            top: -3.5,
-        },
         text: {
-            marginLeft: customIcon ? 4 : 12,
-        },
-        icon: {
-            marginLeft: -4,
+            paddingHorizontal: customIcon ? 16 : undefined,
         },
         title: {
-            marginLeft: 12,
-            fontWeight: 'bold',
+            paddingHorizontal: customIcon ? 16 : undefined,
+            marginBottom: children ? 8 : undefined,
+        },
+        container: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            position: 'relative',
+            paddingVertical: 8,
+            backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
         },
-        titleContainer: {
+        content: {
             flexDirection: 'row',
             alignItems: 'center',
             position: 'relative',
+            paddingVertical: 8,
+            width: action ? '85%' : undefined,
+        },
+        badge: {
+            alignSelf: 'center',
+            width: 10,
+            height: 10,
+            marginRight: 8,
+            backgroundColor: getColorStyle(TrilogyColor.ERROR),
+            borderRadius: 30,
+        },
+        swipeInfo: {
+            backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_LIGHT),
+            width: 2,
+            height: 20,
+            borderRadius: 6,
+        },
+        rightAction: {
+            justifyContent: 'center',
+            flex: 1,
+            alignItems: 'flex-end',
+            paddingLeft: 16,
+            paddingRight: 4,
         },
     });
     const getComponent = useMemo(() => {
@@ -44,22 +68,38 @@ const ListItem = ({ children, customIcon, status, title, description }) => {
             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));
+    const content = useMemo(() => {
+        return (React.createElement(View, { style: styles.container },
+            React.createElement(ReactView, { style: styles.content },
+                customIcon && typeof customIcon === 'string' && (React.createElement(ReactView, null,
+                    React.createElement(Icon, { size: 'small', name: customIcon, color: status || IconColor.MAIN }))),
+                customIcon && typeof customIcon !== 'string' && React.createElement(ReactView, null, customIcon),
+                React.createElement(ReactView, null,
+                    title && (React.createElement(Title, { style: styles.title, level: TitleLevels.SIX }, title)),
+                    getComponent)),
+            action && deletable && (React.createElement(ReactView, { style: { flexDirection: 'row', marginLeft: 'auto' } },
+                React.createElement(View, { style: styles.badge }),
+                React.createElement(View, { style: styles.swipeInfo }))),
+            action && !deletable && (React.createElement(ReactView, { style: { marginLeft: 'auto' } },
+                React.createElement(View, null, action)))));
+    }, [customIcon, status, title, getComponent, action, deletable]);
+    if (action && deletable) {
+        const RightActions = (_, dragX) => {
+            const scale = dragX.interpolate({
+                inputRange: [-100, 0],
+                outputRange: [1.5, 0.9],
+                extrapolate: 'clamp',
+            });
+            return (React.createElement(View, null,
+                React.createElement(Animated.View, { style: [styles.rightAction, { transform: [{ scale }] }] }, action)));
+        };
+        return (React.createElement(React.Fragment, null,
+            React.createElement(Swipeable, { renderRightActions: RightActions }, content),
+            divider && React.createElement(Divider, null)));
     }
-    return (React.createElement(View, { style: styles.item },
-        React.createElement(Text, { style: styles.puce }, "."),
-        getComponent));
+    return (React.createElement(React.Fragment, null,
+        content,
+        divider && React.createElement(Divider, null)));
 };
 ListItem.displayName = ComponentName.ListItem;
 export default ListItem;

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.native.js","sourceRoot":"","sources":["../../../../components/list/item/ListItem.native.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ListItem.native.js","sourceRoot":"","sources":["../../../../components/list/item/ListItem.native.tsx"],"names":[],"mappings":"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"}

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

@@ -2,8 +2,9 @@
  * ListItem Interface
  */
 import { ReactNode } from 'react';
-import { IconName, IconNameValues } from '../../icon';
+import { Animated } from 'react-native';
 import { Accessibility } from '../../../objects';
+import { IconName, IconNameValues } from '../../../components/icon';
 export declare enum ListIconStatus {
     SUCCESS = "SUCCESS",
     ERROR = "ERROR"
@@ -12,8 +13,12 @@ export type ListIconStatusValues = `${ListIconStatus}`;
 export interface ListItemProps extends Accessibility {
     children?: ReactNode;
     className?: string;
-    customIcon?: IconName | IconNameValues;
+    customIcon?: IconName | IconNameValues | ReactNode;
     status?: ListIconStatus | ListIconStatusValues;
     title?: string;
     description?: string;
+    action?: ReactNode;
+    divider?: boolean;
+    deletable?: ReactNode;
 }
+export type AnimatedInterpolationProps = Animated.AnimatedInterpolation<number | string>;

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

@@ -1 +1 @@
-{"version":3,"file":"ListItemProps.js","sourceRoot":"","sources":["../../../../components/list/item/ListItemProps.ts"],"names":[],"mappings":"AAOA,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,qCAAmB,CAAA;IACnB,iCAAe,CAAA;AACjB,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB"}
+{"version":3,"file":"ListItemProps.js","sourceRoot":"","sources":["../../../../components/list/item/ListItemProps.ts"],"names":[],"mappings":"AAQA,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,qCAAmB,CAAA;IACnB,iCAAe,CAAA;AACjB,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB"}

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

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

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

@@ -1,13 +1,13 @@
-import React from 'react';
-import clsx from 'clsx';
-import { hashClass } from '../../../../helpers';
-import { useTrilogyContext } from '../../../../context';
+import * as React from "react";
+import clsx from "clsx";
+import { hashClass } from "../../../../helpers";
+import { useTrilogyContext } from "../../../../context";
 /**
  * ListItem Component
  * @param className {string} Additionnal CSS Classes
  * @param children {React.ReactNode}
  */
-const ListItemDescription = ({ children, className }) => {
+const ListItemDescription = ({ children, className, }) => {
     const { styled } = useTrilogyContext();
     return React.createElement("dd", { className: hashClass(styled, clsx(className)) }, children);
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ListItemDescription.js","sourceRoot":"","sources":["../../../../../components/list/item/description/ListItemDescription.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD;;;;GAIG;AAEH,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAA4B,EAAe,EAAE;IAC7F,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,4BAAI,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,IAAG,QAAQ,CAAM,CAAA;AAC3E,CAAC,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"ListItemDescription.js","sourceRoot":"","sources":["../../../../../components/list/item/description/ListItemDescription.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;GAIG;AAEH,MAAM,mBAAmB,GAAG,CAAC,EAC3B,QAAQ,EACR,SAAS,GACgB,EAAe,EAAE;IAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,4BAAI,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,IAAG,QAAQ,CAAM,CAAA;AAC3E,CAAC,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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';
+import { ListItemDescriptionProps } from "./ListItemDescriptionProps";
+import { ComponentName } from "../../../../components/enumsComponentsName";
 declare const ListItemDescription: {
-    ({ children }: ListItemDescriptionProps): JSX.Element;
+    ({ children, }: ListItemDescriptionProps): JSX.Element;
     displayName: ComponentName;
 };
 export default ListItemDescription;

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

@@ -1,9 +1,9 @@
-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";
+const ListItemDescription = ({ children, }) => {
+    if (["string", "number"].includes(typeof children)) {
         return React.createElement(Text, null, children);
     }
     return React.createElement(View, null, children);

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

@@ -1 +1 @@
-{"version":3,"file":"ListItemDescription.native.js","sourceRoot":"","sources":["../../../../../components/list/item/description/ListItemDescription.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAE5D,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAA4B,EAAe,EAAE;IAClF,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,OAAO,QAAQ,CAAC,EAAE;QAClD,OAAO,oBAAC,IAAI,QAAE,QAAQ,CAAQ,CAAA;KAC/B;IAED,OAAO,oBAAC,IAAI,QAAE,QAAQ,CAAQ,CAAA;AAChC,CAAC,CAAA;AAED,mBAAmB,CAAC,WAAW,GAAG,aAAa,CAAC,mBAAmB,CAAA;AAEnE,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"ListItemDescription.native.js","sourceRoot":"","sources":["../../../../../components/list/item/description/ListItemDescription.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE,MAAM,mBAAmB,GAAG,CAAC,EAC3B,QAAQ,GACiB,EAAe,EAAE;IAC1C,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,OAAO,QAAQ,CAAC,EAAE;QAClD,OAAO,oBAAC,IAAI,QAAE,QAAQ,CAAQ,CAAA;KAC/B;IAED,OAAO,oBAAC,IAAI,QAAE,QAAQ,CAAQ,CAAA;AAChC,CAAC,CAAA;AAED,mBAAmB,CAAC,WAAW,GAAG,aAAa,CAAC,mBAAmB,CAAA;AAEnE,eAAe,mBAAmB,CAAA"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ModalProps } from './ModalProps';
+import { ModalProps } from "./ModalProps";
 /**
  * Modal Component
  * @param active {boolean} Activated Modal

package/lib/components/modal/Modal.js

@@ -1,13 +1,13 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { is } from '../../services';
-import { Button, ButtonList, ButtonType } from '../button';
-import { Text } from '../text';
-import { ModalMarkup } from './ModalEnum';
-import ModalTitle from './ModalTitle';
-import ModalFooter from './ModalFooter';
-import { hashClass } from '../../helpers';
-import clsx from 'clsx';
-import { useTrilogyContext } from '../../context';
+import React, { useEffect, useRef, useState } from "react";
+import { is } from "../../services";
+import { Button, ButtonList, ButtonType, ButtonVariant } from "../../components/button";
+import { Text } from "../../components/text";
+import { ModalMarkup } from "./ModalEnum";
+import ModalTitle from "./title/ModalTitle";
+import ModalFooter from "./footer/ModalFooter";
+import { hashClass } from "../../helpers/hashClassesHelpers";
+import clsx from "clsx";
+import { useTrilogyContext } from "../../context/index";
 /**
  * Modal Component
  * @param active {boolean} Activated Modal
@@ -35,7 +35,7 @@ import { useTrilogyContext } from '../../context';
  * @param bottom {boolean} If bottom
  * @param swipable {boolean} Swipable Native Modal
  */
-const Modal = ({ children, className, contentClassNames, active, title, content, triggerMarkup, triggerContent, triggerClassNames, ctaContent, ctaOnClick, onClose, onOpen, iconName, ctaCancelOnClick, closeIcon, iconColor, panel, footerClassNames, footer, fullwidth, disableHandlingClickOutside = false, testId, ...others }) => {
+const Modal = ({ children, className, contentClassNames, active, title, content, triggerMarkup, triggerContent, triggerClassNames = "button is-primary", ctaContent, ctaOnClick, onClose, onOpen, iconName, ctaCancelOnClick, closeIcon, iconColor, panel, footerClassNames, footer, fullwidth, disableHandlingClickOutside = false, testId, ...others }) => {
     const modal = useRef(null);
     const [display, setDisplay] = useState(active || false);
     const { styled } = useTrilogyContext();
@@ -53,18 +53,18 @@ const Modal = ({ children, className, contentClassNames, active, title, content,
     }, [active]);
     useEffect(() => {
         if (display && !disableHandlingClickOutside) {
-            document.addEventListener('mousedown', handleClickOutside);
+            document.addEventListener("mousedown", handleClickOutside);
         }
         else {
-            document.removeEventListener('mousedown', handleClickOutside);
+            document.removeEventListener("mousedown", handleClickOutside);
         }
         return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
+            document.removeEventListener("mousedown", handleClickOutside);
         };
     }, [display, disableHandlingClickOutside]);
-    const classes = React.useMemo(() => hashClass(styled, clsx('modal', display && is('active'), panel && is('panel'), fullwidth && is('fullwidth'), className)), [active, display, panel, className, styled]);
-    const contentClasses = React.useMemo(() => hashClass(styled, clsx('modal-content', contentClassNames)), [contentClassNames, styled]);
-    const footerClasses = React.useMemo(() => clsx('modal-footer', footerClassNames), [footerClassNames, styled]);
+    const classes = React.useMemo(() => hashClass(styled, clsx("modal", display && is("active"), panel && is("panel"), fullwidth && is("fullwidth"), className)), [active, display, panel, className, styled]);
+    const contentClasses = React.useMemo(() => hashClass(styled, clsx("modal-content", contentClassNames)), [contentClassNames, styled]);
+    const footerClasses = React.useMemo(() => clsx("modal-footer", footerClassNames), [footerClassNames, styled]);
     function handleClose(onCloseFunc, e) {
         setDisplay(false);
         if (onCloseFunc) {
@@ -83,32 +83,33 @@ const Modal = ({ children, className, contentClassNames, active, title, content,
      * string enum aren't reverse mapped so the first solution doesn't work
      */
     const isCorrectMarkup = (stringMarkup) => {
-        if (stringMarkup in ModalMarkup || Object.values(ModalMarkup).includes(stringMarkup))
+        if (stringMarkup in ModalMarkup ||
+            Object.values(ModalMarkup).includes(stringMarkup))
             return true;
     };
-    const TriggerTag = React.useMemo(() => (triggerMarkup && isCorrectMarkup(triggerMarkup) ? triggerMarkup : 'button'), [triggerMarkup]);
-    const ModalContentButton = ({ ...props }) => (React.createElement(Button, { markup: 'button', className: is('primary'), ...props }));
-    const ModalCancelButton = ({ onCloseFunc }) => (React.createElement(Button, { variant: 'SECONDARY', onClick: (e) => {
+    const TriggerTag = React.useMemo(() => (triggerMarkup && isCorrectMarkup(triggerMarkup)
+        ? triggerMarkup
+        : "button"), [triggerMarkup]);
+    const ModalContentButton = ({ ...props }) => (React.createElement(Button, { markup: "button", className: is("PRIMARY"), ...props }));
+    const ModalCancelButton = ({ onCloseFunc, }) => (React.createElement(Button, { variant: ButtonVariant.SECONDARY, onClick: (e) => {
             handleClose(onCloseFunc, e);
         }, type: ButtonType.BUTTON }, "Annuler"));
     const CloseButton = ({ onCloseFunc }) => (React.createElement("button", { onClick: (e) => {
             handleClose(onCloseFunc, e);
-        }, className: hashClass(styled, clsx('modal-close', is('large'))), "aria-label": 'close', type: ButtonType.BUTTON }));
+        }, className: hashClass(styled, clsx("modal-close", is("large"))), "aria-label": 'close', type: ButtonType.BUTTON }));
     return (React.createElement("div", { "data-testid": testId },
         triggerContent && (React.createElement(TriggerTag, { onClick: (e) => {
                 handleOpen(onOpen, e);
             }, className: hashClass(styled, clsx(triggerClassNames)) }, triggerContent)),
         React.createElement("div", { className: classes, ...others },
-            React.createElement("div", { className: hashClass(styled, clsx('modal-background')) }),
             React.createElement("div", { ref: modal, className: contentClasses },
                 closeIcon && React.createElement(CloseButton, { onCloseFunc: onClose }),
                 (title || iconName) && (React.createElement(ModalTitle, { iconColor: iconColor, iconName: iconName }, title)),
-                content && typeof content === 'string' ? React.createElement(Text, null, content) : content,
+                content && typeof content === "string" ? (React.createElement(Text, null, content)) : (content),
                 children != null && children,
-                (ctaOnClick != null || ctaCancelOnClick != null) && (React.createElement(ButtonList, { centered: true, className: is('flex') },
-                    ctaOnClick && React.createElement(ModalContentButton, { onClick: ctaOnClick }, ctaContent),
-                    ctaCancelOnClick && React.createElement(ModalCancelButton, { onCloseFunc: ctaCancelOnClick }))),
-                footer && React.createElement(ModalFooter, { className: footerClasses }, footer)))));
+                React.createElement(ModalFooter, { className: footerClasses }, (ctaOnClick != null || ctaCancelOnClick != null) && (React.createElement(ButtonList, { centered: true, className: is("flex") },
+                    ctaCancelOnClick && (React.createElement(ModalCancelButton, { onCloseFunc: ctaCancelOnClick })),
+                    ctaOnClick && (React.createElement(ModalContentButton, { onClick: ctaOnClick }, ctaContent)))) || footer)))));
 };
 export default Modal;
 //# sourceMappingURL=Modal.js.map

package/lib/components/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AAEnC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAqB,MAAM,aAAa,CAAA;AAC5D,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,KAAK,GAAG,CAAC,EACb,QAAQ,EACR,SAAS,EACT,iBAAiB,EACjB,MAAM,EACN,KAAK,EACL,OAAO,EACP,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,OAAO,EACP,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,SAAS,EACT,SAAS,EACT,KAAK,EACL,gBAAgB,EAChB,MAAM,EACN,SAAS,EACT,2BAA2B,GAAG,KAAK,EACnC,MAAM,EACN,GAAG,MAAM,EACE,EAAe,EAAE;IAC5B,MAAM,KAAK,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC1C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,MAAM,IAAI,KAAK,CAAC,CAAA;IAChE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,kBAAkB,GAAG,CAAC,CAAQ,EAAE,EAAE;;QACtC,IAAI,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,EAAE;YAC9C,OAAM;SACP;aAAM;YACL,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC,CAAA;SACxB;IACH,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,IAAI,CAAC,2BAA2B,EAAE;YAC3C,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;SAC3D;aAAM;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;SAC9D;QACD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;QAC/D,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,2BAA2B,CAAC,CAAC,CAAA;IAE1C,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CACH,SAAS,CACP,MAAM,EACN,IAAI,CAAC,OAAO,EAAE,OAAO,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,CACtG,EACH,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,CAC5C,CAAA;IACD,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC,EACjE,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAC5B,CAAA;IACD,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,gBAAgB,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAA;IAE7G,SAAS,WAAW,CAAC,WAAmC,EAAE,CAAe;QACvE,UAAU,CAAC,KAAK,CAAC,CAAA;QACjB,IAAI,WAAW,EAAE;YACf,WAAW,CAAC,CAAC,CAAC,CAAA;SACf;IACH,CAAC;IAED,SAAS,UAAU,CAAC,UAAkC,EAAE,CAAe;QACrE,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,IAAI,UAAU,EAAE;YACd,UAAU,CAAC,CAAC,CAAC,CAAA;SACd;IACH,CAAC;IAED;;;;OAIG;IACH,MAAM,eAAe,GAAG,CAAC,YAA6C,EAAE,EAAE;QACxE,IAAI,YAAY,IAAI,WAAW,IAAI,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,YAA2B,CAAC;YAAE,OAAO,IAAI,CAAA;IAClH,CAAC,CAAA;IACD,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAC9B,GAAG,EAAE,CAAC,CAAC,aAAa,IAAI,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClF,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,MAAM,kBAAkB,GAAG,CAAC,EAAE,GAAG,KAAK,EAA2B,EAAe,EAAE,CAAC,CACjF,oBAAC,MAAM,IAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,GAAI,CAClE,CAAA;IAED,MAAM,iBAAiB,GAAG,CAAC,EAAE,WAAW,EAAoB,EAAe,EAAE,CAAC,CAC5E,oBAAC,MAAM,IACL,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC,CAAA;QAC7B,CAAC,EACD,IAAI,EAAE,UAAU,CAAC,MAAM,cAGhB,CACV,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,EAAE,WAAW,EAAoB,EAAe,EAAE,CAAC,CACtE,gCACE,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;YAC/B,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC,CAAA;QAC7B,CAAC,EACD,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,gBACnD,OAAO,EAClB,IAAI,EAAE,UAAU,CAAC,MAAM,GACvB,CACH,CAAA;IAED,OAAO,CACL,4CAAkB,MAAM;QACrB,cAAc,IAAI,CACjB,oBAAC,UAAU,IACT,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;gBAC/B,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;YACvB,CAAC,EACD,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC,IAEpD,cAAc,CACJ,CACd;QACD,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM;YACjC,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC,GAAI;YAC/D,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc;gBACvC,SAAS,IAAI,oBAAC,WAAW,IAAC,WAAW,EAAE,OAAO,GAAI;gBAClD,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,CACtB,oBAAC,UAAU,IAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,IACjD,KAAK,CACK,CACd;gBACA,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,oBAAC,IAAI,QAAE,OAAO,CAAQ,CAAC,CAAC,CAAC,OAAO;gBACzE,QAAQ,IAAI,IAAI,IAAI,QAAQ;gBAC5B,CAAC,UAAU,IAAI,IAAI,IAAI,gBAAgB,IAAI,IAAI,CAAC,IAAI,CACnD,oBAAC,UAAU,IAAC,QAAQ,QAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC;oBACvC,UAAU,IAAI,oBAAC,kBAAkB,IAAC,OAAO,EAAE,UAAU,IAAG,UAAU,CAAsB;oBACxF,gBAAgB,IAAI,oBAAC,iBAAiB,IAAC,WAAW,EAAE,gBAAgB,GAAI,CAC9D,CACd;gBACA,MAAM,IAAI,oBAAC,WAAW,IAAC,SAAS,EAAE,aAAa,IAAG,MAAM,CAAe,CACpE,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAE/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnF,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,WAAW,EAAqB,MAAM,aAAa,CAAA;AAC5D,OAAO,UAAU,MAAM,oBAAoB,CAAA;AAC3C,OAAO,WAAW,MAAM,sBAAsB,CAAA;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,KAAK,GAAG,CAAC,EACb,QAAQ,EACR,SAAS,EACT,iBAAiB,EACjB,MAAM,EACN,KAAK,EACL,OAAO,EACP,aAAa,EACb,cAAc,EACd,iBAAiB,GAAG,mBAAmB,EACvC,UAAU,EACV,UAAU,EACV,OAAO,EACP,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,SAAS,EACT,SAAS,EACT,KAAK,EACL,gBAAgB,EAChB,MAAM,EACN,SAAS,EACT,2BAA2B,GAAG,KAAK,EACnC,MAAM,EACN,GAAG,MAAM,EACE,EAAe,EAAE;IAC5B,MAAM,KAAK,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC1C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,MAAM,IAAI,KAAK,CAAC,CAAA;IAChE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,kBAAkB,GAAG,CAAC,CAAQ,EAAE,EAAE;;QACtC,IAAI,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,EAAE;YAC9C,OAAM;SACP;aAAM;YACL,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC,CAAA;SACxB;IACH,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,IAAI,CAAC,2BAA2B,EAAE;YAC3C,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;SAC3D;aAAM;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;SAC9D;QACD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;QAC/D,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,2BAA2B,CAAC,CAAC,CAAA;IAE1C,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CACH,SAAS,CACP,MAAM,EACN,IAAI,CACF,OAAO,EACP,OAAO,IAAI,EAAE,CAAC,QAAQ,CAAC,EACvB,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,EACpB,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,SAAS,CACV,CACF,EACH,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,CAC5C,CAAA;IACD,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC,EACjE,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAC5B,CAAA;IACD,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CACjC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,gBAAgB,CAAC,EAC5C,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAC3B,CAAA;IAED,SAAS,WAAW,CAAC,WAAmC,EAAE,CAAe;QACvE,UAAU,CAAC,KAAK,CAAC,CAAA;QACjB,IAAI,WAAW,EAAE;YACf,WAAW,CAAC,CAAC,CAAC,CAAA;SACf;IACH,CAAC;IAED,SAAS,UAAU,CAAC,UAAkC,EAAE,CAAe;QACrE,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,IAAI,UAAU,EAAE;YACd,UAAU,CAAC,CAAC,CAAC,CAAA;SACd;IACH,CAAC;IAED;;;;OAIG;IACH,MAAM,eAAe,GAAG,CAAC,YAA6C,EAAE,EAAE;QACxE,IACE,YAAY,IAAI,WAAW;YAC3B,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,YAA2B,CAAC;YAEhE,OAAO,IAAI,CAAA;IACf,CAAC,CAAA;IACD,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAC9B,GAAG,EAAE,CACH,CAAC,aAAa,IAAI,eAAe,CAAC,aAAa,CAAC;QAC9C,CAAC,CAAC,aAAa;QACf,CAAC,CAAC,QAAQ,CAAC,EACf,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,MAAM,kBAAkB,GAAG,CAAC,EAC1B,GAAG,KAAK,EACgB,EAAe,EAAE,CAAC,CAC1C,oBAAC,MAAM,IAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,GAAI,CAClE,CAAA;IAED,MAAM,iBAAiB,GAAG,CAAC,EACzB,WAAW,GACM,EAAe,EAAE,CAAC,CACnC,oBAAC,MAAM,IACL,OAAO,EAAE,aAAa,CAAC,SAAS,EAChC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC,CAAA;QAC7B,CAAC,EACD,IAAI,EAAE,UAAU,CAAC,MAAM,cAGhB,CACV,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,EAAE,WAAW,EAAoB,EAAe,EAAE,CAAC,CACtE,gCACE,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;YAC/B,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC,CAAA;QAC7B,CAAC,EACD,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,gBACnD,OAAO,EAClB,IAAI,EAAE,UAAU,CAAC,MAAM,GACvB,CACH,CAAA;IAED,OAAO,CACL,4CAAkB,MAAM;QACrB,cAAc,IAAI,CACjB,oBAAC,UAAU,IACT,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;gBAC/B,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;YACvB,CAAC,EACD,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC,IAEpD,cAAc,CACJ,CACd;QACD,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM;YACjC,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc;gBACvC,SAAS,IAAI,oBAAC,WAAW,IAAC,WAAW,EAAE,OAAO,GAAI;gBAClD,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,CACtB,oBAAC,UAAU,IAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,IACjD,KAAK,CACK,CACd;gBACA,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CACxC,oBAAC,IAAI,QAAE,OAAO,CAAQ,CACvB,CAAC,CAAC,CAAC,CACF,OAAO,CACR;gBACA,QAAQ,IAAI,IAAI,IAAI,QAAQ;gBAC7B,oBAAC,WAAW,IAAC,SAAS,EAAE,aAAa,IAClC,CAAC,UAAU,IAAI,IAAI,IAAI,gBAAgB,IAAI,IAAI,CAAC,IAAI,CACrD,oBAAC,UAAU,IAAC,QAAQ,QAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC;oBACvC,gBAAgB,IAAI,CACnB,oBAAC,iBAAiB,IAAC,WAAW,EAAE,gBAAgB,GAAI,CACrD;oBACA,UAAU,IAAI,CACb,oBAAC,kBAAkB,IAAC,OAAO,EAAE,UAAU,IACpC,UAAU,CACQ,CACtB,CACU,CACZ,IAAI,MAAM,CACC,CACV,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ModalProps } from './ModalProps';
-import { ComponentName } from '../enumsComponentsName';
+import { ModalProps } from "./ModalProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Modal Component
  * @param active {boolean} Activated Modal
@@ -14,7 +14,7 @@ import { ComponentName } from '../enumsComponentsName';
  * @param onClose {Function} Additionnal close custom function
  * @param onOpen {Function} Additionnal open custom function
  * @param closeIcon {boolean} Display close icon for Modal
- * @param bottom {boolean} Open modal from bottom
+ * @param bottom {boolean} Default true : Open modal from bottom
  * @param ctaContent {string} Content cta
  * @param children {React.ReactNode}
  * @param fullwidth {boolean} Fullwidth Modal
@@ -22,7 +22,7 @@ import { ComponentName } from '../enumsComponentsName';
  * @param swipable {boolean} Swipable Native Modal
  */
 declare const Modal: {
-    ({ children, active, title, content, iconName, iconColor, triggerContent, ctaContent, ctaOnClick, ctaCancelOnClick, onClose, onOpen, closeIcon, bottom, fullwidth, onModalHide, swipable, ...others }: ModalProps): JSX.Element;
+    ({ children, active, title, content, iconName, triggerContent, ctaContent, ctaOnClick, ctaCancelOnClick, onClose, onOpen, closeIcon, bottom, fullwidth, onModalHide, swipable, ...others }: ModalProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Modal;