@trilogy-ds/react 0.0.1-beta-4 → 0.0.1-beta-54

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

@@ -1,12 +1,14 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { Animated, Dimensions, StyleSheet, TouchableOpacity } from 'react-native';
-import NativeModal from 'react-native-modal';
-import { Text } from '../text';
-import { Button } from '../button';
-import { View } from '../view';
-import { Icon, IconName, IconSize } from '../icon';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import { ComponentName } from '../enumsComponentsName';
+import React, { useEffect, useRef, useState } from "react";
+import { Animated, Dimensions, ScrollView, StyleSheet, TouchableOpacity } from "react-native";
+import NativeModal from "react-native-modal";
+import { Text } from "../../components/text";
+import { Button, ButtonVariant } from "../../components/button";
+import { View } from "../../components/view";
+import { Icon, IconName, IconSize } from "../../components/icon";
+import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
+import { ComponentName } from "../../components/enumsComponentsName";
+import ModalTitle from "./title/ModalTitle";
+import ModalFooter from "./footer/ModalFooter";
 /**
  * Modal Component
  * @param active {boolean} Activated Modal
@@ -20,30 +22,30 @@ 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
  * @param onModalHide {Function} Callback on Hide
  * @param swipable {boolean} Swipable Native Modal
  */
-const Modal = ({ children, active = false, title, content, iconName, iconColor, triggerContent, ctaContent, ctaOnClick, ctaCancelOnClick, onClose, onOpen, closeIcon, bottom, fullwidth, onModalHide, swipable = true, ...others }) => {
+const Modal = ({ children, active = false, title, content, iconName, triggerContent, ctaContent, ctaOnClick, ctaCancelOnClick, onClose, onOpen, closeIcon, bottom = true, fullwidth, onModalHide, swipable = true, ...others }) => {
     const styles = StyleSheet.create({
         centeredView: {
-            justifyContent: bottom ? 'flex-end' : 'center',
-            alignItems: 'center',
-            backgroundColor: 'rgba(0, 0, 0, 0.5)',
+            justifyContent: bottom ? "flex-end" : "center",
+            alignItems: "center",
+            backgroundColor: "rgba(0, 0, 0, 0.5)",
         },
         iconCenter: {
-            alignSelf: 'center',
+            alignSelf: "center",
             marginBottom: 30,
         },
         modalView: {
             margin: bottom ? 0 : 20,
-            backgroundColor: getColorStyle(TrilogyColor.WHITE),
+            backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
             borderRadius: 6,
             padding: fullwidth ? 0 : 17,
-            shadowColor: '#000',
+            shadowColor: "#000",
             shadowOffset: {
                 width: 0,
                 height: 2,
@@ -54,46 +56,46 @@ const Modal = ({ children, active = false, title, content, iconName, iconColor,
             flex: 1,
         },
         title: {
-            textAlign: 'center',
+            textAlign: "center",
             fontSize: 21,
-            fontWeight: '600',
+            fontWeight: "600",
         },
         content: {
-            textAlign: 'center',
+            textAlign: "center",
             fontSize: 15,
             paddingTop: 10,
         },
         overlay: {
-            flexDirection: 'row',
-            width: '100%',
-            height: '100%',
+            flexDirection: "row",
+            width: "100%",
+            height: "100%",
         },
         middleModal: {
-            justifyContent: 'center',
+            justifyContent: "center",
         },
         bottomModal: {
-            justifyContent: 'flex-end',
+            justifyContent: "flex-end",
         },
         childrenContainer: {
-            flexWrap: 'wrap',
+            flexWrap: "wrap",
             paddingTop: 10,
             borderRadius: 6,
-            backgroundColor: getColorStyle(TrilogyColor.WHITE),
-            width: '100%',
+            backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
+            width: "100%",
         },
         horizontalMargin: {
             marginTop: 50,
             marginBottom: bottom ? 0 : 50,
         },
     });
-    const defaultAnimPosition = Dimensions.get('window').height;
+    const defaultAnimPosition = Dimensions.get("window").height;
     const translateAnim = useRef(new Animated.Value(defaultAnimPosition)).current;
     const [visible, setVisible] = useState(active || false);
     useEffect(() => {
         setVisible(active);
     }, [active]);
     useEffect(() => {
-        if (active) {
+        if (visible) {
             Animated.timing(translateAnim, {
                 toValue: 0,
                 duration: 500,
@@ -104,49 +106,61 @@ const Modal = ({ children, active = false, title, content, iconName, iconColor,
             translateAnim.setValue(defaultAnimPosition);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [active]);
+    }, [visible]);
     const close = (e) => {
         if (onClose)
             onClose(e);
+        setVisible(false);
     };
-    const modalChildren = children !== null && children !== void 0 ? children : (React.createElement(View, { style: { padding: fullwidth ? 0 : 17 } },
-        React.createElement(TouchableOpacity, { onPressIn: close },
-            React.createElement(Icon, { style: { flexDirection: 'row', alignSelf: 'flex-end' }, name: IconName.TIMES, size: IconSize.SMALL, color: TrilogyColor.GREY })),
-        iconName && (React.createElement(View, { style: styles.iconCenter },
-            React.createElement(Icon, { size: IconSize.HUGE, color: iconColor, name: iconName }))),
-        title && React.createElement(Text, { style: styles.title }, title),
-        content && typeof content === 'string' ? React.createElement(Text, { style: styles.content }, content) : content,
-        ctaContent && (React.createElement(View, { style: { paddingTop: 15 } },
-            React.createElement(Button, { variant: 'PRIMARY', onClick: ctaOnClick }, ctaContent))),
-        ctaCancelOnClick && (React.createElement(View, { style: { paddingTop: 15 } },
-            React.createElement(Button, { variant: 'SECONDARY', onClick: (e) => {
-                    ctaCancelOnClick(e);
-                } }, "Annuler")))));
+    const modalChildren = children !== null && children !== void 0 ? children : (React.createElement(View, { style: { padding: 17 } }, content && typeof content === "string" ? (React.createElement(Text, { style: styles.content }, content)) : (content)));
     return (React.createElement(React.Fragment, null,
-        triggerContent && (React.createElement(Button, { onClick: (e) => {
+        triggerContent && (React.createElement(Button, { variant: ButtonVariant.PRIMARY, onClick: (e) => {
                 if (onOpen)
                     onOpen(e);
+                setVisible(true);
             } }, triggerContent)),
         React.createElement(NativeModal
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         , { 
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             onSwipeComplete: (e) => {
-                setVisible(!visible);
+                //          setVisible(!visible)
                 close(e);
-            }, onModalHide: onModalHide, swipeDirection: swipable ? 'down' : undefined, isVisible: visible, statusBarTranslucent: true, style: { width: '100%', padding: 0, margin: 0 }, ...others },
-            React.createElement(View, { style: [styles.overlay, bottom ? styles.bottomModal : styles.middleModal] },
-                React.createElement(TouchableOpacity, { activeOpacity: 1, style: { width: bottom ? 0 : 20, height: '100%' }, onPress: close }),
-                React.createElement(View, { style: { display: 'flex', flexDirection: 'column', flex: fullwidth ? 0 : 1 } },
-                    React.createElement(TouchableOpacity, { activeOpacity: 1, style: { width: '100%', minHeight: 50, flexGrow: 1 }, onPress: close }),
+            }, onModalHide: onModalHide, swipeDirection: swipable ? "down" : undefined, isVisible: visible, statusBarTranslucent: true, style: { width: "100%", padding: 0, margin: 0 }, ...others },
+            React.createElement(View, { style: [
+                    styles.overlay,
+                    bottom ? styles.bottomModal : styles.middleModal,
+                ] },
+                React.createElement(TouchableOpacity, { activeOpacity: 1, style: { width: bottom ? 0 : 20, height: "100%" }, onPress: close }),
+                React.createElement(View, { style: {
+                        display: "flex",
+                        flexDirection: "column",
+                        flex: fullwidth ? 0 : 1,
+                    } },
+                    React.createElement(TouchableOpacity, { activeOpacity: 1, style: { width: "100%", minHeight: 50, flexGrow: 1 }, onPress: close }),
                     React.createElement(View, { style: { flexShrink: 1 } },
-                        React.createElement(Animated.View, { style: [styles.childrenContainer, { transform: [{ translateY: translateAnim }] }] },
-                            closeIcon && (React.createElement(View, { style: { width: '100%' } },
-                                React.createElement(TouchableOpacity, { style: { alignSelf: 'flex-end', right: 20 }, onPress: close },
-                                    React.createElement(Icon, { name: IconName.TIMES, size: IconSize.SMALL, color: TrilogyColor.GREY })))),
-                            modalChildren)),
-                    React.createElement(TouchableOpacity, { activeOpacity: 1, style: { width: '100%', minHeight: bottom ? 0 : 50, flexGrow: bottom ? 0 : 1 }, onPress: close })),
-                React.createElement(TouchableOpacity, { onPress: close, activeOpacity: 1, style: { width: bottom ? 0 : 20, height: '100%' } })))));
+                        React.createElement(Animated.View, { style: [
+                                styles.childrenContainer,
+                                { transform: [{ translateY: translateAnim }], overflow: 'hidden' }
+                            ] },
+                            closeIcon && (React.createElement(View, { style: { width: "100%" } },
+                                React.createElement(TouchableOpacity, { style: { alignSelf: "flex-end", right: 20 }, onPress: close },
+                                    React.createElement(Icon, { name: IconName.TIMES, size: IconSize.SMALL, color: TrilogyColor.NEUTRAL })))),
+                            (title || iconName) && React.createElement(ModalTitle, { iconName: iconName }, title),
+                            React.createElement(ScrollView, { contentContainerStyle: { flexGrow: 1 } }, modalChildren),
+                            (ctaContent || ctaCancelOnClick) && (React.createElement(ModalFooter, null,
+                                (ctaContent &&
+                                    React.createElement(Button, { variant: ButtonVariant.PRIMARY, onClick: ctaOnClick }, ctaContent)),
+                                (ctaCancelOnClick &&
+                                    React.createElement(Button, { variant: ButtonVariant.SECONDARY, onClick: (e) => {
+                                            ctaCancelOnClick(e);
+                                        } }, " Annuler ")))))),
+                    React.createElement(TouchableOpacity, { activeOpacity: 1, style: {
+                            width: "100%",
+                            minHeight: bottom ? 0 : 50,
+                            flexGrow: bottom ? 0 : 1,
+                        }, onPress: close })),
+                React.createElement(TouchableOpacity, { onPress: close, activeOpacity: 1, style: { width: bottom ? 0 : 20, height: "100%" } })))));
 };
 Modal.displayName = ComponentName.Modal;
 export default Modal;

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

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

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

@@ -2,7 +2,7 @@
 import { Accessibility, Clickable, Clipped, Fullwidth } from '../../objects';
 import { ModalMarkup, ModalMarkupValues } from './ModalEnum';
 import { ClickEvent } from '../../events/OnClickEvent';
-import { IconColor, IconColorValues, IconName, IconNameValues } from '../icon';
+import { IconColor, IconColorValues, IconName, IconNameValues } from '../../components/icon';
 export interface ModalContentButtonProps extends Clickable {
     children?: string;
 }

package/lib/components/modal/{ModalFooter.d.ts → footer/ModalFooter.d.ts}

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { ModalFooterProps } from './ModalFooterProps';
+import { ModalFooterProps } from "./ModalFooterProps";
 /**
  * Modal Title Component
  * @param children {React.ReactNode}
  * @param className {string}
  */
-declare const ModalFooter: ({ children, className }: ModalFooterProps) => JSX.Element;
+declare const ModalFooter: ({ children, className, }: ModalFooterProps) => JSX.Element;
 export default ModalFooter;

package/lib/components/modal/footer/ModalFooter.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { hashClass } from "../../../helpers";
+import clsx from "clsx";
+import { useTrilogyContext } from "../../../context";
+/**
+ * Modal Title Component
+ * @param children {React.ReactNode}
+ * @param className {string}
+ */
+const ModalFooter = ({ children, className, }) => {
+    const { styled } = useTrilogyContext();
+    return (React.createElement("div", { className: hashClass(styled, clsx("modal-footer", className)) }, children));
+};
+export default ModalFooter;
+//# sourceMappingURL=ModalFooter.js.map

package/lib/components/modal/footer/ModalFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.js","sourceRoot":"","sources":["../../../../components/modal/footer/ModalFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;GAIG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,SAAS,GACQ,EAAe,EAAE;IAClC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,IAC/D,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/components/modal/footer/ModalFooter.native.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ModalFooterProps } from "./ModalFooterProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
+declare const ModalFooter: {
+    ({ children, ...others }: ModalFooterProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default ModalFooter;

package/lib/components/modal/footer/ModalFooter.native.js

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { ComponentName } from "../../../components/enumsComponentsName";
+import { View } from "../../../components/view";
+import { Title, TitleLevels } from "../../../components/title";
+const styles = {
+    position: "sticky",
+    bottom: 0,
+    width: "100%",
+    textAlign: 'right',
+    padding: 16,
+};
+const ModalFooter = ({ children, ...others }) => {
+    return React.createElement(View, { ...others, style: styles }, typeof children === "string" && (React.createElement(Title, { level: TitleLevels.THREE, style: { width: "100%", textAlign: 'center' } }, children)) || (children));
+};
+ModalFooter.displayName = ComponentName.ModalFooter;
+export default ModalFooter;
+//# sourceMappingURL=ModalFooter.native.js.map

package/lib/components/modal/footer/ModalFooter.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.native.js","sourceRoot":"","sources":["../../../../components/modal/footer/ModalFooter.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAEvD,MAAM,MAAM,GAAG;IACb,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,OAAO;IAClB,OAAO,EAAE,EAAE;CACZ,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAoB,EAAe,EAAE;IAC7E,OAAO,oBAAC,IAAI,OAAK,MAAM,EAAE,KAAK,EAAE,MAAM,IAClC,OAAO,QAAQ,KAAK,QAAQ,IAAI,CAClC,oBAAC,KAAK,IAAC,KAAK,EAAE,WAAW,CAAC,KAAK,EAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAG,QAAQ,CAAS,CAClG,IAAI,CACL,QAAQ,CACP,CAAQ,CAAA;AACb,CAAC,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,WAAW,CAAA;AAEnD,eAAe,WAAW,CAAA"}

package/lib/components/modal/footer/ModalFooterProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooterProps.js","sourceRoot":"","sources":["../../../../components/modal/footer/ModalFooterProps.ts"],"names":[],"mappings":""}

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

@@ -1,5 +1,5 @@
 import Modal from './Modal';
-import ModalFooter from './ModalFooter';
-import ModalTitle from './ModalTitle';
+import ModalFooter from './footer/ModalFooter';
+import ModalTitle from './title/ModalTitle';
 export * from './ModalEnum';
 export { Modal, ModalFooter, ModalTitle };

package/lib/components/modal/index.js

@@ -1,6 +1,6 @@
 import Modal from './Modal';
-import ModalFooter from './ModalFooter';
-import ModalTitle from './ModalTitle';
+import ModalFooter from './footer/ModalFooter';
+import ModalTitle from './title/ModalTitle';
 export * from './ModalEnum';
 export { Modal, ModalFooter, ModalTitle };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,cAAc,aAAa,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,WAAW,MAAM,sBAAsB,CAAA;AAC9C,OAAO,UAAU,MAAM,oBAAoB,CAAA;AAE3C,cAAc,aAAa,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,CAAA"}

package/lib/components/modal/{ModalTitle.d.ts → title/ModalTitle.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ModalTitleProps } from './ModalTitleProps';
+import { ModalTitleProps } from "./ModalTitleProps";
 /**
  * Modal Title Component
  * @param children {string}

package/lib/components/modal/title/ModalTitle.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { Icon } from "../../../components/icon";
+import { hashClass } from "../../../helpers";
+import clsx from "clsx";
+import { useTrilogyContext } from "../../../context";
+/**
+ * Modal Title Component
+ * @param children {string}
+ * @param className {string} clsx
+ * @param iconName {IconName} IconName for icon title
+ * @param iconColor {IconColor} IconColor for icon title
+ */
+const ModalTitle = ({ children, className, iconColor, iconName }) => {
+    const { styled } = useTrilogyContext();
+    return (React.createElement("div", { className: hashClass(styled, clsx("modal-title", className)) }, iconName ? (React.createElement(Icon, { color: iconColor, size: "large", name: iconName, content: children, position: 'up' })) : (children)));
+};
+export default ModalTitle;
+//# sourceMappingURL=ModalTitle.js.map

package/lib/components/modal/title/ModalTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalTitle.js","sourceRoot":"","sources":["../../../../components/modal/title/ModalTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;GAMG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,SAAS,EACT,SAAS,EACT,QAAQ,EACQ,EAAe,EAAE;IACjC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,IAC9D,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,IAAI,IACH,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAC,IAAI,GACb,CACH,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/components/modal/title/ModalTitle.native.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ModalTitleProps } from "./ModalTitleProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
+declare const ModalTitle: {
+    ({ children, iconName, iconColor, ...others }: ModalTitleProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default ModalTitle;

package/lib/components/modal/title/ModalTitle.native.js

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { ComponentName } from "../../../components/enumsComponentsName";
+import { View } from "../../../components/view";
+import { Icon } from "../../../components/icon";
+import { Title, TitleLevels } from "../../../components/title";
+const styles = {
+    padding: 8,
+    position: "sticky",
+    top: "0px",
+    width: "100%",
+};
+const ModalTitle = ({ children, iconName, iconColor, ...others }) => {
+    return React.createElement(View, { style: styles, ...others }, typeof children === "string" && (React.createElement(Title, { level: TitleLevels.THREE },
+        iconName && React.createElement(Icon, { color: iconColor, size: "large", name: iconName }),
+        children)) || (children));
+};
+ModalTitle.displayName = ComponentName.ModalTitle;
+export default ModalTitle;
+//# sourceMappingURL=ModalTitle.native.js.map

package/lib/components/modal/title/ModalTitle.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalTitle.native.js","sourceRoot":"","sources":["../../../../components/modal/title/ModalTitle.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAEvD,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,CAAC;IACV,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,MAAM;CAEd,CAAA;AAED,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,MAAM,EAAmB,EAAe,EAAE;IAChG,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,KAAM,MAAM,IAClC,OAAO,QAAQ,KAAK,QAAQ,IAAI,CAClC,oBAAC,KAAK,IAAC,KAAK,EAAE,WAAW,CAAC,KAAK;QAC5B,QAAQ,IAAI,oBAAC,IAAI,IAChB,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,QAAQ,GACd;QACD,QAAQ,CACH,CACL,IAAI,CACL,QAAQ,CACP,CACG,CAAA;AACV,CAAC,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC,UAAU,CAAA;AAEjD,eAAe,UAAU,CAAA"}

package/lib/components/modal/{ModalTitleProps.d.ts → title/ModalTitleProps.d.ts}

@@ -1,4 +1,4 @@
-import { IconColor, IconColorValues, IconName, IconNameValues } from '../icon';
+import { IconColor, IconColorValues, IconName, IconNameValues } from '../../../components/icon';
 /**
  * Modal Title Interface
  */

package/lib/components/modal/title/ModalTitleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalTitleProps.js","sourceRoot":"","sources":["../../../../components/modal/title/ModalTitleProps.ts"],"names":[],"mappings":""}

package/lib/components/otp/Otp.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { OtpProps } from './OtpProps';
+import { OtpProps } from "./OtpProps";
 /**
  * OTP Code Component
  * @param className {string} Additionnal css classes
@@ -8,10 +8,9 @@ import { OtpProps } from './OtpProps';
  * @param disabled {boolean} Disabled OTP Code Input
  * @param error {boolean} OTP Code Input has error | Display error icon
  * @param onCompleted {Function} Return code input string
- * @param activated {boolean} Activated OTP
  * @param onChange {Function} onChange Input return current code
  * @param onFocus {Function} onFocus return if focused opt
  * @param autoFocus {boolean} Should auto focus otp
  */
-declare const Otp: ({ className, code, codeSize, disabled, error, onCompleted, onChange, onFocus, activated, label, errorMessage, autoFocus, ...others }: OtpProps) => JSX.Element;
+declare const Otp: ({ className, code, codeSize, disabled, error, onCompleted, onChange, onFocus, label, errorMessage, autoFocus, ...others }: OtpProps) => JSX.Element;
 export default Otp;

package/lib/components/otp/Otp.js

@@ -1,10 +1,10 @@
-import { Text, TextMarkup } from '../text';
-import React, { useState, useMemo, useEffect } from 'react';
-import { TypographyColor } from '../../objects/Typography';
-import clsx from 'clsx';
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import { is } from '../../services/classify';
-import { useTrilogyContext } from '../../context/index';
+import { Text, TextMarkup } from "../../components/text";
+import React, { useEffect, useMemo, useState } from "react";
+import { TypographyColor } from "../../objects/Typography";
+import clsx from "clsx";
+import { hashClass } from "../../helpers/hashClassesHelpers";
+import { is } from "../../services/classify";
+import { useTrilogyContext } from "../../context/index";
 /**
  * OTP Code Component
  * @param className {string} Additionnal css classes
@@ -13,24 +13,23 @@ import { useTrilogyContext } from '../../context/index';
  * @param disabled {boolean} Disabled OTP Code Input
  * @param error {boolean} OTP Code Input has error | Display error icon
  * @param onCompleted {Function} Return code input string
- * @param activated {boolean} Activated OTP
  * @param onChange {Function} onChange Input return current code
  * @param onFocus {Function} onFocus return if focused opt
  * @param autoFocus {boolean} Should auto focus otp
  */
-const Otp = ({ className, code, codeSize = 6, disabled, error, onCompleted, onChange, onFocus, activated, label, errorMessage, autoFocus, ...others }) => {
-    const [codeInput, setCodeInput] = useState(code || '');
+const Otp = ({ className, code, codeSize = 6, disabled, error, onCompleted, onChange, onFocus, label, errorMessage, autoFocus, ...others }) => {
+    const [codeInput, setCodeInput] = useState(code || "");
     const [, setFocused] = useState(false);
     const { styled } = useTrilogyContext();
     const testDigit = /^-?\d*\.?\d*$/;
-    const classes = hashClass(styled, clsx('otp-list', error && is('error'), activated && is('tertiary'), disabled && is('disabled'), className));
+    const classes = hashClass(styled, clsx("otp-list", error && is("error"), className));
     useEffect(() => {
         if (!disabled && codeInput.length >= codeSize) {
             onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted(codeInput);
         }
     }, [codeSize, codeInput]);
     const valueItems = useMemo(() => {
-        const valueArray = codeInput.split('');
+        const valueArray = codeInput.split("");
         const items = [];
         for (let i = 0; i < codeSize; i++) {
             const char = valueArray[i];
@@ -38,7 +37,7 @@ const Otp = ({ className, code, codeSize = 6, disabled, error, onCompleted, onCh
                 items.push(char);
             }
             else {
-                items.push('');
+                items.push("");
             }
         }
         return items;
@@ -59,17 +58,19 @@ const Otp = ({ className, code, codeSize = 6, disabled, error, onCompleted, onCh
         const { target } = e;
         let targetValue = target.value.trim();
         const isTargetValueDigit = testDigit.test(targetValue);
-        if (!isTargetValueDigit && targetValue !== '') {
+        if (!isTargetValueDigit && targetValue !== "") {
             return;
         }
         const nextInputEl = target.nextElementSibling;
-        if (!isTargetValueDigit && nextInputEl && nextInputEl.value !== '') {
+        if (!isTargetValueDigit && nextInputEl && nextInputEl.value !== "") {
             return;
         }
-        targetValue = isTargetValueDigit ? targetValue : '';
+        targetValue = isTargetValueDigit ? targetValue : "";
         const targetValueLength = targetValue.length;
         if (targetValueLength === 1) {
-            const newValue = codeInput.substring(0, idx) + targetValue + codeInput.substring(idx + 1);
+            const newValue = codeInput.substring(0, idx) +
+                targetValue +
+                codeInput.substring(idx + 1);
             if (onChange) {
                 onChange(newValue);
             }
@@ -90,18 +91,18 @@ const Otp = ({ className, code, codeSize = 6, disabled, error, onCompleted, onCh
     const inputOnKeyDown = (e) => {
         const { key } = e;
         const target = e.target;
-        if (key === 'ArrowRight' || key === 'ArrowDown') {
+        if (key === "ArrowRight" || key === "ArrowDown") {
             e.preventDefault();
             return focusToNextInput(target);
         }
-        if (key === 'ArrowLeft' || key === 'ArrowUp') {
+        if (key === "ArrowLeft" || key === "ArrowUp") {
             e.preventDefault();
             return focusToPrevInput(target);
         }
         const targetValue = target.value;
         target.setSelectionRange(0, targetValue.length);
-        if (e.key !== 'Backspace' || targetValue !== '') {
-            target.value = '';
+        if (e.key !== "Backspace" || targetValue !== "") {
+            target.value = "";
             return;
         }
         focusToPrevInput(target);
@@ -109,22 +110,22 @@ const Otp = ({ className, code, codeSize = 6, disabled, error, onCompleted, onCh
     const inputOnFocus = (e) => {
         const { target } = e;
         const prevInputEl = target.previousElementSibling;
-        if (prevInputEl && prevInputEl.value === '') {
+        if (prevInputEl && prevInputEl.value === "") {
             return prevInputEl.focus();
         }
         target.setSelectionRange(0, target.value.length);
     };
     return (React.createElement(React.Fragment, null,
-        label && (React.createElement(Text, { markup: TextMarkup.P, typo: (disabled && TypographyColor.TEXT_GREY) ||
+        label && (React.createElement(Text, { markup: TextMarkup.P, typo: (disabled && TypographyColor.TEXT_NEUTRAL) ||
                 (error && TypographyColor.TEXT_ERROR) ||
-                TypographyColor.TEXT_TERTIARY }, label)),
-        React.createElement("div", { "data-testid": 'otp-input', className: classes, onClick: () => {
+                TypographyColor.TEXT_MAIN }, label)),
+        React.createElement("div", { "data-testid": "otp-input", className: classes, onClick: () => {
                 if (!disabled) {
                     setFocused(true);
                     onFocus === null || onFocus === void 0 ? void 0 : onFocus(true);
                 }
-            } }, valueItems.map((digit, idx) => (React.createElement("input", { key: idx, type: 'text', inputMode: 'numeric', autoComplete: 'one-time-code', autoFocus: idx === 1 && autoFocus, pattern: '\\d{1}', maxLength: codeSize, className: 'otp', value: digit, onKeyDown: inputOnKeyDown, onFocus: inputOnFocus, onChange: (e) => inputOnChange(e, idx), disabled: disabled, ...others })))),
-        errorMessage && (React.createElement(Text, { className: hashClass(styled, clsx('otp-error-message')), markup: TextMarkup.P, typo: (error && TypographyColor.TEXT_ERROR) || TypographyColor.TEXT_TERTIARY }, errorMessage))));
+            } }, valueItems.map((digit, idx) => (React.createElement("input", { "aria-disabled": disabled, tabIndex: 0, key: idx, type: 'text', inputMode: 'numeric', autoComplete: 'one-time-code', autoFocus: idx === 0 && autoFocus, pattern: '\\d{1}', maxLength: codeSize, className: 'otp', value: digit, onKeyDown: inputOnKeyDown, onFocus: inputOnFocus, onChange: (e) => inputOnChange(e, idx), disabled: disabled, ...others })))),
+        errorMessage && (React.createElement(Text, { className: hashClass(styled, clsx("otp-error-message")), markup: TextMarkup.P, typo: (error && TypographyColor.TEXT_ERROR) || TypographyColor.TEXT_MAIN }, errorMessage))));
 };
 export default Otp;
 //# sourceMappingURL=Otp.js.map

package/lib/components/otp/Otp.js.map

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