@trilogy-ds/react 0.0.9-beta-v4 → 0.0.9-esm-cjs

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

@@ -1,135 +1,76 @@
-import { __assign, __read, __rest } from "tslib";
-import React, { useEffect, useRef, useState } from 'react';
-import { Animated, Dimensions, ScrollView, StyleSheet, TouchableOpacity } from 'react-native';
-import NativeModal from 'react-native-modal';
-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 { isAndroid } from '../../helpers/device/index.native';
+import { Alignable, getColorStyle, TrilogyColor } from '../../objects/index.native';
+import React, { useEffect, useRef, useState } from 'react';
+import { Dimensions, StyleSheet, TouchableOpacity, View, } from 'react-native';
+import ModalRN from 'react-native-modal';
+import { Column, Columns } from '../columns/index.native';
+import { Icon, IconName, IconSize } from '../icon/index.native';
+import { Title } from '../title/index.native';
+import { ModalContext } from './context/ModalContext';
 /**
  * Modal Component
  * @param active {boolean} Activated Modal
  * @param title {string} Title Modal
- * @param onClose {Function} Additionnal close custom function
- * @param onOpen {Function} Additionnal open custom function
+ * @param onClose {Function} Additional close custom function
+ * @param onOpen {Function} Additional open custom function
  * @param children {React.ReactNode}
  * @param onModalHide {Function} Callback on Hide
  * @param unClosable {boolean} unClosable Native Modal
  */
-var Modal = function (_a) {
-    var children = _a.children, _b = _a.active, active = _b === void 0 ? false : _b, onClose = _a.onClose, onOpen = _a.onOpen, onModalHide = _a.onModalHide, _c = _a.hideCloseButton, hideCloseButton = _c === void 0 ? false : _c, _d = _a.unClosable, unClosable = _d === void 0 ? false : _d, others = __rest(_a, ["children", "active", "onClose", "onOpen", "onModalHide", "hideCloseButton", "unClosable"]);
-    var styles = StyleSheet.create({
-        centeredView: {
-            justifyContent: 'flex-end',
-            alignItems: 'center',
-            backgroundColor: 'rgba(0, 0, 0, 0.5)',
-        },
-        iconCenter: {
-            alignSelf: 'center',
-            marginBottom: 30,
-        },
-        modalView: {
-            margin: 0,
-            backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
-            borderRadius: 6,
-            padding: 17,
-            shadowColor: '#000',
-            shadowOffset: {
-                width: 0,
-                height: 2,
-            },
-            shadowOpacity: 0.25,
-            shadowRadius: 3.84,
-            elevation: 5,
-            flex: 1,
-        },
-        title: {
-            textAlign: 'center',
-            fontSize: 21,
-            fontWeight: '600',
-        },
-        content: {
-            textAlign: 'center',
-            fontSize: 15,
-            paddingTop: 10,
-        },
-        overlay: {
-            flexDirection: 'row',
-            width: '100%',
-            height: '100%',
-        },
-        middleModal: {
-            justifyContent: 'center',
-        },
-        bottomModal: {
-            justifyContent: 'flex-end',
-        },
-        childrenContainer: {
-            flexWrap: 'wrap',
-            paddingTop: 10,
-            borderRadius: 6,
-            backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
-            width: '100%',
-        },
-        horizontalMargin: {
-            marginTop: 50,
-            marginBottom: 0,
-        },
-    });
-    var defaultAnimPosition = Dimensions.get('window').height;
-    var translateAnim = useRef(new Animated.Value(defaultAnimPosition)).current;
-    var _e = __read(useState(active || false), 2), visible = _e[0], setVisible = _e[1];
-    useEffect(function () {
-        setVisible(active);
-    }, [active]);
-    useEffect(function () {
-        if (visible) {
-            Animated.timing(translateAnim, {
-                toValue: 0,
-                duration: 500,
-                useNativeDriver: true,
-            }).start();
-        }
-        else {
-            translateAnim.setValue(defaultAnimPosition);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [visible]);
-    var close = function (e) {
+const Modal = React.forwardRef(({ children, active = false, onClose, onModalHide, hideCloseButton = false, unClosable = false, trigger, title, ...others }, ref) => {
+    const scrollViewRef = useRef(null);
+    const [scrollOffset, setScrollOffset] = useState(0);
+    const [visible, setVisible] = useState(active || false);
+    const [isFooter, setIsFooter] = useState(active || false);
+    const handleOnScroll = (event) => {
+        setScrollOffset(event.nativeEvent.contentOffset.y);
+    };
+    const handleScrollTo = (p) => {
+        if (scrollViewRef.current)
+            scrollViewRef.current.scrollTo(p);
+    };
+    const handleClose = (e) => {
         if (onClose)
             onClose(e);
         setVisible(false);
     };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(NativeModal
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        , __assign({ 
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            onSwipeComplete: function (e) {
-                //          setVisible(!visible)
-                close(e);
-            }, onModalHide: onModalHide, swipeDirection: unClosable ? undefined : 'down', isVisible: visible, statusBarTranslucent: true, style: { width: '100%', padding: 0, margin: 0 } }, others),
-            React.createElement(View, { style: [styles.overlay, styles.bottomModal] },
-                React.createElement(TouchableOpacity, { activeOpacity: 1, style: { width: 0, height: '100%' }, onPress: close }),
-                React.createElement(View, { style: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        flex: 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 }], overflow: 'hidden' }] },
-                            !hideCloseButton && (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 })))),
-                            React.createElement(ScrollView, { contentContainerStyle: { flexGrow: 1 } }, children))),
-                    React.createElement(TouchableOpacity, { activeOpacity: 1, style: {
-                            width: '100%',
-                            minHeight: 0,
-                            flexGrow: 0,
-                        }, onPress: close })),
-                React.createElement(TouchableOpacity, { onPress: close, activeOpacity: 1, style: { width: 0, height: '100%' } })))));
-};
+    useEffect(() => {
+        setVisible(active);
+    }, [active]);
+    return (React.createElement(ModalContext.Provider, { value: { scrollViewRef, handleOnScroll, isFooter, setIsFooter } },
+        trigger,
+        React.createElement(ModalRN, { isVisible: visible, onBackdropPress: () => handleClose({}), onSwipeComplete: handleClose, swipeDirection: unClosable ? undefined : ['down'], scrollTo: handleScrollTo, scrollOffset: scrollOffset, scrollOffsetMax: 100, propagateSwipe: true, style: [styles.modal], onModalHide: onModalHide, ...others },
+            React.createElement(View, { ref: ref, style: [styles.body, { backgroundColor: getColorStyle(TrilogyColor.BACKGROUND) }] },
+                React.createElement(View, { style: { paddingVertical: !title && hideCloseButton ? 8 : 16 } },
+                    React.createElement(Columns, { verticalAlign: Alignable.ALIGNED_CENTER },
+                        React.createElement(Column, null,
+                            React.createElement(Title, { level: 4 }, title)),
+                        !hideCloseButton && (React.createElement(Column, { narrow: true },
+                            React.createElement(TouchableOpacity, { onPress: handleClose },
+                                React.createElement(Icon, { name: IconName.TIMES, size: IconSize.MEDIUM, color: TrilogyColor.MAIN })))))),
+                children))));
+});
 Modal.displayName = ComponentName.Modal;
 export default Modal;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUF5QixVQUFVLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3BILE9BQU8sV0FBVyxNQUFNLG9CQUFvQixDQUFBO0FBRTVDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLEtBQUssR0FBRyxVQUFDLEVBU0Y7SUFSWCxJQUFBLFFBQVEsY0FBQSxFQUNSLGNBQWMsRUFBZCxNQUFNLG1CQUFHLEtBQUssS0FBQSxFQUNkLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLFdBQVcsaUJBQUEsRUFDWCx1QkFBdUIsRUFBdkIsZUFBZSxtQkFBRyxLQUFLLEtBQUEsRUFDdkIsa0JBQWtCLEVBQWxCLFVBQVUsbUJBQUcsS0FBSyxLQUFBLEVBQ2YsTUFBTSxjQVJJLDJGQVNkLENBRFU7SUFFVCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFlBQVksRUFBRTtZQUNaLGNBQWMsRUFBRSxVQUFVO1lBQzFCLFVBQVUsRUFBRSxRQUFRO1lBQ3BCLGVBQWUsRUFBRSxvQkFBb0I7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
+const styles = StyleSheet.create({
+    modal: {
+        justifyContent: 'flex-end',
+        margin: 0,
+    },
+    body: {
+        paddingHorizontal: 16,
+        maxHeight: isAndroid ? Dimensions.get('screen').height / 1.15 : Dimensions.get('screen').height / 1.1,
+        shadowColor: '#000',
+        shadowOffset: {
+            width: 0,
+            height: 2,
+        },
+        shadowOpacity: 0.25,
+        shadowRadius: 3.84,
+        elevation: 5,
+        borderTopLeftRadius: 6,
+        borderTopRightRadius: 6,
+    },
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sK0JBQStCLENBQUE7QUFDekQsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDL0UsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUMxRCxPQUFPLEVBQ0wsVUFBVSxFQUtWLFVBQVUsRUFDVixnQkFBZ0IsRUFDaEIsSUFBSSxHQUNMLE1BQU0sY0FBYyxDQUFBO0FBQ3JCLE9BQU8sT0FBa0MsTUFBTSxvQkFBb0IsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQ3pELE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQy9ELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQTtBQUU3QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFckQ7Ozs7Ozs7OztHQVNHO0FBQ0gsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDNUIsQ0FDRSxFQUNFLFFBQVEsRUFDUixNQUFNLEdBQUcsS0FBSyxFQUNkLE9BQU8sRUFDUCxXQUFXLEVBQ1gsZUFBZSxHQUFHLEtBQUssRUFDdkIsVUFBVSxHQUFHLEtBQUssRUFDbEIsT0FBTyxFQUNQLEtBQUssRUFDTCxHQUFHLE1BQU0sRUFDVixFQUNELEdBQUcsRUFDVSxFQUFFO0lBQ2YsTUFBTSxhQUFhLEdBQUcs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

package/lib/components/modal/ModalEnum.d.mts

@@ -0,0 +1,28 @@
+/**
+ * Custom modal trigger element
+ */
+export declare enum ModalMarkup {
+    H1 = "h1",
+    H2 = "h2",
+    H3 = "h3",
+    H4 = "h4",
+    H5 = "h5",
+    H6 = "h6",
+    P = "p",
+    SPAN = "span",
+    DIV = "div",
+    BUTTON = "button",
+    A = "a"
+}
+export type ModalMarkupValues = `${ModalMarkup}`;
+export declare enum ModalCtaMarkup {
+    BUTTON = "button",
+    DIV = "div",
+    A = "a"
+}
+export type ModalCtaMarkupValues = `${ModalCtaMarkup}`;
+export declare enum ModalSize {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large"
+}

package/lib/components/modal/ModalEnum.mjs

@@ -0,0 +1,12 @@
+"use client";
+import {
+  ModalCtaMarkup,
+  ModalMarkup,
+  ModalSize
+} from "../../chunk-G2DVFNXH.mjs";
+import "../../chunk-QIPGVLHJ.mjs";
+export {
+  ModalCtaMarkup,
+  ModalMarkup,
+  ModalSize
+};

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

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { ModalSize } from '../../components/modal/ModalEnum';
+import { ClickEvent } from '../../events/OnClickEvent';
+import { Accessibility, Dev } from '../../objects';
+import { CommonProps } from '../../objects/facets/CommonProps';
+import { View } from 'react-native';
+/**
+ * Modal Interface
+ */
+export interface ModalProps extends Accessibility, Dev, CommonProps {
+    children?: React.ReactNode;
+    active?: boolean;
+    trigger?: ReactNode;
+    hideCloseButton?: boolean;
+    onClose?: ClickEvent;
+    onOpen?: ClickEvent;
+    panel?: boolean;
+    onModalHide?: () => void;
+    unClosable?: boolean;
+    size?: ModalSize;
+    title?: string;
+}
+export type ModalRef = HTMLDivElement;
+export type ModalNativeRef = View;

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

@@ -1,8 +1,9 @@
-import { ClickEvent } from '../../events/OnClickEvent';
-import { Accessibility, Dev } from '../../objects';
 import { ReactNode } from 'react';
 import { ModalSize } from '../../components/modal/ModalEnum';
+import { ClickEvent } from '../../events/OnClickEvent';
+import { Accessibility, Dev } from '../../objects';
 import { CommonProps } from '../../objects/facets/CommonProps';
+import { View } from 'react-native';
 /**
  * Modal Interface
  */
@@ -17,5 +18,7 @@ export interface ModalProps extends Accessibility, Dev, CommonProps {
     onModalHide?: () => void;
     unClosable?: boolean;
     size?: ModalSize;
-    title: string;
+    title?: string;
 }
+export type ModalRef = HTMLDivElement;
+export type ModalNativeRef = View;

package/lib/components/modal/ModalProps.mjs

@@ -0,0 +1 @@
+"use client";

package/lib/components/modal/ModalPropsDefaults.js

@@ -91,7 +91,10 @@ export default {
   },
   "title": {
     "type": "string",
-    "values": []
+    "values": [
+      "undefined",
+      "string"
+    ]
   },
   "accessibilityLabel": {
     "type": "string",

package/lib/components/modal/body/ModalBody.d.mts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ModalBodyProps } from './ModalBodyProps';
+/**
+ * Modal Footer Component
+ * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional css classes
+ * @param id
+ */
+declare const ModalBody: React.ForwardRefExoticComponent<ModalBodyProps & React.RefAttributes<HTMLDivElement>>;
+export default ModalBody;

package/lib/components/modal/body/ModalBody.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { ModalBodyProps } from './ModalBodyProps';
 /**
  * Modal Footer Component
  * @param children {React.ReactNode}
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal css classes
+ * @param className {string} Additional css classes
  * @param id
  */
-declare const ModalBody: ({ children, className, id }: ModalBodyProps) => JSX.Element;
+declare const ModalBody: React.ForwardRefExoticComponent<ModalBodyProps & React.RefAttributes<HTMLDivElement>>;
 export default ModalBody;

package/lib/components/modal/body/ModalBody.js

@@ -1,18 +1,19 @@
-import * as React from 'react';
-import { hashClass } from '../../../helpers';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { useTrilogyContext } from '../../../context/index';
+import { hashClass } from '../../../helpers/index';
 import clsx from 'clsx';
-import { useTrilogyContext } from '../../../context';
+import * as React from 'react';
 /**
  * Modal Footer Component
  * @param children {React.ReactNode}
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal css classes
+ * @param className {string} Additional css classes
  * @param id
  */
-var ModalBody = function (_a) {
-    var children = _a.children, className = _a.className, id = _a.id;
-    var styled = useTrilogyContext().styled;
-    return (React.createElement("div", { id: id, className: hashClass(styled, clsx('modal-body', className)) }, children));
-};
+const ModalBody = React.forwardRef(({ children, className, id }, ref) => {
+    const { styled } = useTrilogyContext();
+    return (React.createElement("div", { ref: ref, id: id, className: hashClass(styled, clsx('modal-body', className)) }, children));
+});
+ModalBody.displayName = ComponentName.ModalBody;
 export default ModalBody;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxCb2R5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9ib2R5L01vZGFsQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7R0FNRztBQUNILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFBMkM7UUFBekMsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBO0lBQ2xDLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLE9BQU8sQ0FDTCw2QkFBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUUsU0FBUyxDQUFDLENBQUMsSUFDckUsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxCb2R5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9ib2R5L01vZGFsQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUMzQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7OztHQU1HO0FBQ0gsTUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBK0IsQ0FBQyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFlLEVBQUU7SUFDakgsTUFBTSxFQUFFLE1BQU0sRUFBRSxHQUFHLGlCQUFpQixFQUFFLENBQUE7SUFDdEMsT0FBTyxDQUNMLDZCQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQy9FLFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQSJ9

package/lib/components/modal/body/ModalBody.mjs

@@ -0,0 +1,15 @@
+"use client";
+import {
+  ModalBody_default
+} from "../../../chunk-ABTLCSFA.mjs";
+import "../../../chunk-Y7CEUBIZ.mjs";
+import "../../../chunk-ODKCJMCG.mjs";
+import "../../../chunk-HU3FAWMX.mjs";
+import "../../../chunk-OGATDHMZ.mjs";
+import "../../../chunk-UFMRE754.mjs";
+import "../../../chunk-NTS75UVH.mjs";
+import "../../../chunk-ZB4OWTDD.mjs";
+import "../../../chunk-QIPGVLHJ.mjs";
+export {
+  ModalBody_default as default
+};

package/lib/components/modal/body/ModalBody.native.d.ts

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

package/lib/components/modal/body/ModalBody.native.js

@@ -1,23 +1,25 @@
-import { __assign, __rest } from "tslib";
-import * as React from 'react';
 import { ComponentName } from '../../../components/enumsComponentsName';
-import { View } from '../../../components/view';
-var styles = {
-    position: 'sticky',
-    bottom: 0,
-    width: '100%',
-    textAlign: 'right',
-    padding: 16,
-};
+import { isIOS } from '../../../helpers/device/index.native';
+import { getColorStyle, TrilogyColor } from '../../../objects/index.native';
+import * as React from 'react';
+import { ScrollView, View } from 'react-native';
+import { ModalContext } from '../context/ModalContext';
 /**
  * Modal Footer Component
  * @param children {React.ReactNode}
  * @param others
  */
-var ModalBody = function (_a) {
-    var children = _a.children, others = __rest(_a, ["children"]);
-    return (React.createElement(View, __assign({}, others, { style: styles }), children));
-};
+const ModalBody = React.forwardRef(({ children, ...others }, ref) => {
+    const { handleOnScroll, scrollViewRef, isFooter } = React.useContext(ModalContext);
+    return (React.createElement(ScrollView, { ref: scrollViewRef, scrollEventThrottle: 16, onScroll: handleOnScroll, showsVerticalScrollIndicator: false },
+        React.createElement(View, { ref: ref, style: [
+                {
+                    backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
+                    paddingTop: 8,
+                    paddingBottom: isFooter ? 8 : isIOS ? 40 : 16,
+                },
+            ], ...others }, children)));
+});
 ModalBody.displayName = ComponentName.ModalBody;
 export default ModalBody;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxCb2R5Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbW9kYWwvYm9keS9Nb2RhbEJvZHkubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4QyxJQUFNLE1BQU0sR0FBRztJQUNiLFFBQVEsRUFBRSxRQUFRO0lBQ2xCLE1BQU0sRUFBRSxDQUFDO0lBQ1QsS0FBSyxFQUFFLE1BQU07SUFDYixTQUFTLEVBQUUsT0FBTztJQUNsQixPQUFPLEVBQUUsRUFBRTtDQUNaLENBQUE7QUFFRDs7OztHQUlHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUF1QztJQUFyQyxJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUN0QyxPQUFPLENBQ0wsb0JBQUMsSUFBSSxlQUFLLE1BQU0sSUFBRSxLQUFLLEVBQUUsTUFBTSxLQUM1QixRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRS9DLGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxCb2R5Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbW9kYWwvYm9keS9Nb2RhbEJvZHkubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLCtCQUErQixDQUFBO0FBQ3JELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBR3REOzs7O0dBSUc7QUFDSCxNQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFxQyxDQUFDLEVBQUUsUUFBUSxFQUFFLEdBQUcsTUFBTSxFQUFFLEVBQUUsR0FBRyxFQUFlLEVBQUU7SUFDbkgsTUFBTSxFQUFFLGNBQWMsRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxZQUFZLENBQUMsQ0FBQTtJQUVsRixPQUFPLENBQ0wsb0JBQUMsVUFBVSxJQUNULEdBQUcsRUFBRSxhQUFhLEVBQ2xCLG1CQUFtQixFQUFFLEVBQUUsRUFDdkIsUUFBUSxFQUFFLGNBQWMsRUFDeEIsNEJBQTRCLEVBQUUsS0FBSztRQUVuQyxvQkFBQyxJQUFJLElBQ0gsR0FBRyxFQUFFLEdBQUcsRUFDUixLQUFLLEVBQUU7Z0JBQ0w7b0JBQ0UsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDO29CQUN2RCxVQUFVLEVBQUUsQ0FBQztvQkFDYixhQUFhLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO2lCQUM5QzthQUNGLEtBQ0csTUFBTSxJQUVULFFBQVEsQ0FDSixDQUNJLENBQ2QsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRS9DLGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/modal/body/ModalBodyProps.d.mts

@@ -0,0 +1,10 @@
+import { View } from 'react-native';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+/**
+ * Modal Footer Interface
+ */
+export interface ModalBodyProps extends CommonProps {
+    children: React.ReactNode;
+}
+export type ModalBodyRef = HTMLDivElement;
+export type ModalBodyNativeRef = View;

package/lib/components/modal/body/ModalBodyProps.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { View } from 'react-native';
 import { CommonProps } from '../../../objects/facets/CommonProps';
 /**
  * Modal Footer Interface
@@ -6,3 +6,5 @@ import { CommonProps } from '../../../objects/facets/CommonProps';
 export interface ModalBodyProps extends CommonProps {
     children: React.ReactNode;
 }
+export type ModalBodyRef = HTMLDivElement;
+export type ModalBodyNativeRef = View;

package/lib/components/modal/body/ModalBodyProps.mjs

@@ -0,0 +1 @@
+"use client";

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

@@ -0,0 +1,2 @@
+import ModalBody from './ModalBody.native';
+export default ModalBody;

package/lib/components/modal/body/index.native.js

@@ -0,0 +1,3 @@
+import ModalBody from './ModalBody.native';
+export default ModalBody;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXgubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9ib2R5L2luZGV4Lm5hdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFNBQVMsTUFBTSxvQkFBb0IsQ0FBQTtBQUUxQyxlQUFlLFNBQVMsQ0FBQSJ9

package/lib/components/modal/context/ModalContext.d.mts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ModalContextProps } from './ModalContextProps';
+export declare const ModalContext: React.Context<ModalContextProps>;

package/lib/components/modal/context/ModalContext.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ModalContextProps } from './ModalContextProps';
+export declare const ModalContext: React.Context<ModalContextProps>;

package/lib/components/modal/context/ModalContext.js

@@ -0,0 +1,8 @@
+import React from 'react';
+export const ModalContext = React.createContext({
+    scrollViewRef: null,
+    handleOnScroll: () => null,
+    isFooter: false,
+    setIsFooter: () => false,
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxDb250ZXh0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9jb250ZXh0L01vZGFsQ29udGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBR3pCLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFvQjtJQUNqRSxhQUFhLEVBQUUsSUFBSTtJQUNuQixjQUFjLEVBQUUsR0FBRyxFQUFFLENBQUMsSUFBSTtJQUMxQixRQUFRLEVBQUUsS0FBSztJQUNmLFdBQVcsRUFBRSxHQUFHLEVBQUUsQ0FBQyxLQUFLO0NBQ3pCLENBQUMsQ0FBQSJ9

package/lib/components/modal/context/ModalContext.mjs

@@ -0,0 +1,8 @@
+"use client";
+import {
+  ModalContext
+} from "../../../chunk-JLQUIKZX.mjs";
+import "../../../chunk-QIPGVLHJ.mjs";
+export {
+  ModalContext
+};

package/lib/components/modal/context/ModalContextProps.d.mts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { NativeScrollEvent, NativeSyntheticEvent, type ScrollView } from 'react-native';
+export interface ModalContextProps {
+    scrollViewRef: React.Ref<ScrollView>;
+    handleOnScroll: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+    isFooter: boolean;
+    setIsFooter: React.Dispatch<React.SetStateAction<boolean>>;
+}

package/lib/components/modal/context/ModalContextProps.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { NativeScrollEvent, NativeSyntheticEvent, type ScrollView } from 'react-native';
+export interface ModalContextProps {
+    scrollViewRef: React.Ref<ScrollView>;
+    handleOnScroll: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+    isFooter: boolean;
+    setIsFooter: React.Dispatch<React.SetStateAction<boolean>>;
+}

package/lib/components/modal/context/ModalContextProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxDb250ZXh0UHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL2NvbnRleHQvTW9kYWxDb250ZXh0UHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/modal/context/ModalContextProps.mjs

@@ -0,0 +1,2 @@
+"use client";
+import "../../../chunk-QCCQ2C3J.mjs";

package/lib/components/modal/context/ModalContextPropsDefaults.js

@@ -0,0 +1,25 @@
+export default {
+  "scrollViewRef": {
+    "type": "function",
+    "values": [
+      "null",
+      "ScrollView | null) => void",
+      "ScrollView>"
+    ]
+  },
+  "handleOnScroll": {
+    "type": "string",
+    "values": []
+  },
+  "isFooter": {
+    "type": "boolean",
+    "values": [
+      "false",
+      "true"
+    ]
+  },
+  "setIsFooter": {
+    "type": "string",
+    "values": []
+  }
+};

package/lib/components/modal/context/index.d.mts

@@ -0,0 +1,2 @@
+export * from './ModalContext';
+export * from './ModalContextProps';

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

@@ -0,0 +1,2 @@
+export * from './ModalContext';
+export * from './ModalContextProps';

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

@@ -0,0 +1,3 @@
+export * from './ModalContext';
+export * from './ModalContextProps';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL2NvbnRleHQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxnQkFBZ0IsQ0FBQTtBQUM5QixjQUFjLHFCQUFxQixDQUFBIn0=

package/lib/components/modal/context/index.mjs

@@ -0,0 +1,9 @@
+"use client";
+import {
+  ModalContext
+} from "../../../chunk-JLQUIKZX.mjs";
+import "../../../chunk-QCCQ2C3J.mjs";
+import "../../../chunk-QIPGVLHJ.mjs";
+export {
+  ModalContext
+};

package/lib/components/modal/footer/ModalFooter.d.mts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ModalFooterProps } from './ModalFooterProps';
+/**
+ * Modal Footer Component
+ * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional css classes
+ * @param id
+ */
+declare const ModalFooter: React.ForwardRefExoticComponent<ModalFooterProps & React.RefAttributes<HTMLDivElement>>;
+export default ModalFooter;