@trilogy-ds/react 0.0.1-beta.5 → 0.0.1-beta.50

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

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { render } from "@testing-library/react";
+import List from "../List";
+import { ListItem, ListItemDescription } from "../item";
+describe("List", () => {
+    test("renders without errors", () => {
+        const { getByTestId } = render(React.createElement(List, { "data-testid": "list" }));
+        expect(getByTestId("list")).toBeInTheDocument();
+    });
+    test("applies icon class when hasIcon prop is true", () => {
+        const { container } = render(React.createElement(List, { hasIcon: true }));
+        expect(container.firstChild).toHaveClass("icon-list");
+    });
+    test("applies additional classes when className prop is provided", () => {
+        const { container } = render(React.createElement(List, { className: "my-list" }));
+        expect(container.firstChild).toHaveClass("list my-list");
+    });
+    test("renders children", () => {
+        const { getByText } = render(React.createElement(List, null,
+            React.createElement(ListItem, null,
+                React.createElement(ListItemDescription, null, "Item 1")),
+            React.createElement(ListItem, null,
+                React.createElement(ListItemDescription, null, "Item 2"))));
+        expect(getByText("Item 1")).toBeInTheDocument();
+        expect(getByText("Item 2")).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=List.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.test.js","sourceRoot":"","sources":["../../../../components/list/test/List.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAExD,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACpB,IAAI,CAAC,wBAAwB,EAAE,GAAG,EAAE;QAClC,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,oBAAC,IAAI,mBAAa,MAAM,GAAG,CAAC,CAAC;QAC5D,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACxD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,IAAI,IAAC,OAAO,SAAG,CAAC,CAAC;QAC/C,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,4DAA4D,EAAE,GAAG,EAAE;QACtE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,IAAI,IAAC,SAAS,EAAC,SAAS,GAAG,CAAC,CAAC;QAC3D,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAC5B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,IAAI;YACH,oBAAC,QAAQ;gBACP,oBAAC,mBAAmB,iBAA6B,CACxC;YACX,oBAAC,QAAQ;gBACP,oBAAC,mBAAmB,iBAA6B,CACxC,CACN,CACR,CAAC;QAEF,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAChD,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAClD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

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

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, iconColor, 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,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAA;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAC,KAAK,EAAE,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAErD,MAAM,MAAM,GAAG;IACb,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,CAAC;IACT,KAAK,EAAC,MAAM;IACZ,SAAS,EAAC,OAAO;IACjB,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,EAAC,KAAK,EAAC,MAAM,EAAE,SAAS,EAAC,QAAQ,EAAC,IAAG,QAAQ,CAAS,CAC9F,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/test/Modal.test.d.ts

@@ -0,0 +1 @@
+export {};