@trilogy-ds/react 0.0.1-beta-130 → 0.0.1-beta-133

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

@@ -1,53 +1,41 @@
 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 { 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";
+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';
 /**
  * Modal Component
  * @param active {boolean} Activated Modal
  * @param title {string} Title Modal
- * @param content {string} Content text for modal
- * @param triggerContent {string} Trigger custom element
- * @param iconName IconName for icon title
- * @param iconColor IconColor for icon title
- * @param ctaOnClick {Function} On Click Event CTA
- * @param ctaCancelOnClick function for cancel button (appear when set)
  * @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} 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
  */
 var Modal = function (_a) {
-    var children = _a.children, _b = _a.active, active = _b === void 0 ? false : _b, title = _a.title, content = _a.content, iconName = _a.iconName, triggerContent = _a.triggerContent, ctaContent = _a.ctaContent, ctaOnClick = _a.ctaOnClick, ctaCancelOnClick = _a.ctaCancelOnClick, onClose = _a.onClose, onOpen = _a.onOpen, closeIcon = _a.closeIcon, _c = _a.bottom, bottom = _c === void 0 ? true : _c, fullwidth = _a.fullwidth, onModalHide = _a.onModalHide, _d = _a.swipable, swipable = _d === void 0 ? true : _d, others = __rest(_a, ["children", "active", "title", "content", "iconName", "triggerContent", "ctaContent", "ctaOnClick", "ctaCancelOnClick", "onClose", "onOpen", "closeIcon", "bottom", "fullwidth", "onModalHide", "swipable"]);
+    var children = _a.children, _b = _a.active, active = _b === void 0 ? false : _b, onClose = _a.onClose, onOpen = _a.onOpen, _c = _a.bottom, bottom = _c === void 0 ? true : _c, onModalHide = _a.onModalHide, _d = _a.hideCloseButton, hideCloseButton = _d === void 0 ? false : _d, _e = _a.swipable, swipable = _e === void 0 ? true : _e, others = __rest(_a, ["children", "active", "onClose", "onOpen", "bottom", "onModalHide", "hideCloseButton", "swipable"]);
     var 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.BACKGROUND),
             borderRadius: 6,
-            padding: fullwidth ? 0 : 17,
-            shadowColor: "#000",
+            padding: 17,
+            shadowColor: '#000',
             shadowOffset: {
                 width: 0,
                 height: 2,
@@ -58,41 +46,41 @@ var Modal = function (_a) {
             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.BACKGROUND),
-            width: "100%",
+            width: '100%',
         },
         horizontalMargin: {
             marginTop: 50,
             marginBottom: bottom ? 0 : 50,
         },
     });
-    var defaultAnimPosition = Dimensions.get("window").height;
+    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];
+    var _f = __read(useState(active || false), 2), visible = _f[0], setVisible = _f[1];
     useEffect(function () {
         setVisible(active);
     }, [active]);
@@ -114,13 +102,7 @@ var Modal = function (_a) {
             onClose(e);
         setVisible(false);
     };
-    var 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, { variant: ButtonVariant.PRIMARY, onClick: function (e) {
-                if (onOpen)
-                    onOpen(e);
-                setVisible(true);
-            } }, triggerContent)),
         React.createElement(NativeModal
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         , __assign({ 
@@ -128,42 +110,28 @@ var Modal = function (_a) {
             onSwipeComplete: function (e) {
                 //          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 }),
+            }, 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,
+                        display: 'flex',
+                        flexDirection: 'column',
+                        flex: 1,
                     } },
-                    React.createElement(TouchableOpacity, { activeOpacity: 1, style: { width: "100%", minHeight: 50, flexGrow: 1 }, onPress: close }),
+                    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' }
-                            ] },
-                            closeIcon && (React.createElement(View, { style: { width: "100%" } },
-                                React.createElement(TouchableOpacity, { style: { alignSelf: "flex-end", right: 20 }, onPress: close },
+                        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 })))),
-                            (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: function (e) {
-                                            ctaCancelOnClick(e);
-                                        } }, " Annuler ")))))),
+                            React.createElement(ScrollView, { contentContainerStyle: { flexGrow: 1 } }, children))),
                     React.createElement(TouchableOpacity, { activeOpacity: 1, style: {
-                            width: "100%",
+                            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(TouchableOpacity, { onPress: close, activeOpacity: 1, style: { width: bottom ? 0 : 20, height: '100%' } })))));
 };
 Modal.displayName = ComponentName.Modal;
 export default Modal;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUF5QixVQUFVLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3BILE9BQU8sV0FBVyxNQUFNLG9CQUFvQixDQUFBO0FBRTVDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsTUFBTSxFQUFFLGFBQWEsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzNELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLFVBQVUsTUFBTSxvQkFBb0IsQ0FBQTtBQUMzQyxPQUFPLFdBQVcsTUFBTSxzQkFBc0IsQ0FBQTtBQUU5Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFrQmE7SUFqQlgsSUFBQSxRQUFRLGNBQUEsRUFDUixjQUFjLEVBQWQsTUFBTSxtQkFBRyxLQUFLLEtBQUEsRUFDZCxLQUFLLFdBQUEsRUFDTCxPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixjQUFjLG9CQUFBLEVBQ2QsVUFBVSxnQkFBQSxFQUNWLFVBQVUsZ0JBQUEsRUFD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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUF5QixVQUFVLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3BILE9BQU8sV0FBVyxNQUFNLG9CQUFvQixDQUFBO0FBRTVDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFVRjtJQVRYLElBQUEsUUFBUSxjQUFBLEVBQ1IsY0FBYyxFQUFkLE1BQU0sbUJBQUcsS0FBSyxLQUFBLEVBQ2QsT0FBTyxhQUFBLEVBQ1AsTUFBTSxZQUFBLEVBQ04sY0FBYSxFQUFiLE1BQU0sbUJBQUcsSUFBSSxLQUFBLEVBQ2IsV0FBVyxpQkFBQSxFQUNYLHVCQUF1QixFQUF2QixlQUFlLG1CQUFHLEtBQUssS0FBQSxFQUN2QixnQkFBZSxFQUFmLFFBQVEsbUJBQUcsSUFBSSxLQUFBLEVBQ1osTUFBTSxjQVRJLG1HQVVkLENBRFU7SUFFVCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFlBQVksRUFBRTtZQUNaLGNBQWMsRUFBRSxNQUFNLENBQUMsQ0FB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

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

@@ -21,3 +21,8 @@ export declare enum ModalCtaMarkup {
     A = "a"
 }
 export type ModalCtaMarkupValues = `${ModalCtaMarkup}`;
+export declare enum ModalSize {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large"
+}

package/lib/components/modal/ModalEnum.js

@@ -21,4 +21,10 @@ export var ModalCtaMarkup;
     ModalCtaMarkup["DIV"] = "div";
     ModalCtaMarkup["A"] = "a";
 })(ModalCtaMarkup || (ModalCtaMarkup = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxFbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbEVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxXQVlYO0FBWkQsV0FBWSxXQUFXO0lBQ3JCLHdCQUFTLENBQUE7SUFDVCx3QkFBUyxDQUFBO0lBQ1Qsd0JBQVMsQ0FBQTtJQUNULHdCQUFTLENBQUE7SUFDVCx3QkFBUyxDQUFBO0lBQ1Qsd0JBQVMsQ0FBQTtJQUNULHNCQUFPLENBQUE7SUFDUCw0QkFBYSxDQUFBO0lBQ2IsMEJBQVcsQ0FBQTtJQUNYLGdDQUFpQixDQUFBO0lBQ2pCLHNCQUFPLENBQUE7QUFDVCxDQUFDLEVBWlcsV0FBVyxLQUFYLFdBQVcsUUFZdEI7QUFJRCxNQUFNLENBQU4sSUFBWSxjQUlYO0FBSkQsV0FBWSxjQUFjO0lBQ3hCLG1DQUFpQixDQUFBO0lBQ2pCLDZCQUFXLENBQUE7SUFDWCx5QkFBTyxDQUFBO0FBQ1QsQ0FBQyxFQUpXLGNBQWMsS0FBZCxjQUFjLFFBSXpCIn0=
+export var ModalSize;
+(function (ModalSize) {
+    ModalSize["SMALL"] = "small";
+    ModalSize["MEDIUM"] = "medium";
+    ModalSize["LARGE"] = "large";
+})(ModalSize || (ModalSize = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxFbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbEVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxXQVlYO0FBWkQsV0FBWSxXQUFXO0lBQ3JCLHdCQUFTLENBQUE7SUFDVCx3QkFBUyxDQUFBO0lBQ1Qsd0JBQVMsQ0FBQTtJQUNULHdCQUFTLENBQUE7SUFDVCx3QkFBUyxDQUFBO0lBQ1Qsd0JBQVMsQ0FBQTtJQUNULHNCQUFPLENBQUE7SUFDUCw0QkFBYSxDQUFBO0lBQ2IsMEJBQVcsQ0FBQTtJQUNYLGdDQUFpQixDQUFBO0lBQ2pCLHNCQUFPLENBQUE7QUFDVCxDQUFDLEVBWlcsV0FBVyxLQUFYLFdBQVcsUUFZdEI7QUFJRCxNQUFNLENBQU4sSUFBWSxjQUlYO0FBSkQsV0FBWSxjQUFjO0lBQ3hCLG1DQUFpQixDQUFBO0lBQ2pCLDZCQUFXLENBQUE7SUFDWCx5QkFBTyxDQUFBO0FBQ1QsQ0FBQyxFQUpXLGNBQWMsS0FBZCxjQUFjLFFBSXpCO0FBSUQsTUFBTSxDQUFOLElBQVksU0FJWDtBQUpELFdBQVksU0FBUztJQUNuQiw0QkFBZSxDQUFBO0lBQ2YsOEJBQWlCLENBQUE7SUFDakIsNEJBQWUsQ0FBQTtBQUNqQixDQUFDLEVBSlcsU0FBUyxLQUFULFNBQVMsUUFJcEIifQ==

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

@@ -1,36 +1,16 @@
-/// <reference types="react" />
-import { IconColor, IconColorValues, IconName, IconNameValues } from '../../components/icon';
 import { ClickEvent } from '../../events/OnClickEvent';
-import { Accessibility, Clickable, Clipped, Dev, Fullwidth } from '../../objects';
-import { ModalMarkup, ModalMarkupValues } from './ModalEnum';
-export interface ModalContentButtonProps extends Clickable {
-    children?: string;
-}
-export interface CloseButtonProps {
-    onCloseFunc?: ClickEvent;
-}
+import { Accessibility, Clipped, Dev } from '../../objects';
+import { ReactNode } from 'react';
+import { ModalSize } from '../../components/modal/ModalEnum';
+import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Modal Interface
  */
-export interface ModalProps extends Clipped, Fullwidth, Accessibility, Dev {
+export interface ModalProps extends Clipped, Accessibility, Dev, CommonProps {
     children?: React.ReactNode;
     active?: boolean;
-    title?: string;
-    content?: string | React.ReactNode;
-    footer?: string | React.ReactNode;
-    className?: string;
-    contentClassNames?: string;
-    footerClassNames?: string;
-    iconName?: IconName | IconNameValues;
-    iconColor?: IconColor | IconColorValues;
-    triggerContent?: string;
-    triggerClassNames?: string;
-    triggerMarkup?: ModalMarkup | ModalMarkupValues;
-    ctaContent?: string;
-    ctaCancelContent?: string;
-    closeIcon?: boolean;
-    ctaOnClick?: ClickEvent;
-    ctaCancelOnClick?: ClickEvent;
+    trigger?: ReactNode;
+    hideCloseButton?: boolean;
     onClose?: ClickEvent;
     onOpen?: ClickEvent;
     bottom?: boolean;
@@ -38,4 +18,5 @@ export interface ModalProps extends Clipped, Fullwidth, Accessibility, Dev {
     onModalHide?: () => void;
     disableHandlingClickOutside?: boolean;
     swipable?: boolean;
+    size?: ModalSize;
 }

package/lib/components/modal/ModalPropsDefaults.js

@@ -21,14 +21,7 @@ export default {
       "true"
     ]
   },
-  "title": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "content": {
+  "trigger": {
     "type": "react",
     "values": [
       "undefined",
@@ -42,174 +35,7 @@ export default {
       "ReactPortal"
     ]
   },
-  "footer": {
-    "type": "react",
-    "values": [
-      "undefined",
-      "null",
-      "string",
-      "number",
-      "false",
-      "true",
-      "JSXElementConstructor<any>>",
-      "ReactNode>",
-      "ReactPortal"
-    ]
-  },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "contentClassNames": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "footerClassNames": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "iconName": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      "tri-alert",
-      "tri-arrow-down",
-      "tri-arrow-left",
-      "tri-arrow-right",
-      "tri-arrow-up",
-      "tri-bell",
-      "tri-check-circle",
-      "tri-check",
-      "tri-exclamation-circle",
-      "tri-eye-slash",
-      "tri-eye",
-      "tri-infos-circle",
-      "tri-search",
-      "tri-times",
-      "tri-trash",
-      "tri-picto-faciliti",
-      "tri-picto-handicapzero",
-      "tri-picto-la-fibre",
-      "tri-picto-payment-americanexpress",
-      "tri-picto-payment-cb",
-      "tri-picto-payment-mastercard",
-      "tri-picto-payment-paypal",
-      "tri-picto-payment-visa",
-      "tri-alert",
-      "tri-arrow-down",
-      "tri-arrow-left",
-      "tri-arrow-right",
-      "tri-arrow-up",
-      "tri-bell",
-      "tri-check-circle",
-      "tri-check",
-      "tri-exclamation-circle",
-      "tri-eye-slash",
-      "tri-eye",
-      "tri-infos-circle",
-      "tri-search",
-      "tri-times",
-      "tri-trash",
-      "tri-picto-faciliti",
-      "tri-picto-handicapzero",
-      "tri-picto-la-fibre",
-      "tri-picto-payment-americanexpress",
-      "tri-picto-payment-cb",
-      "tri-picto-payment-mastercard",
-      "tri-picto-payment-paypal",
-      "tri-picto-payment-visa"
-    ]
-  },
-  "iconColor": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      "SUCCESS",
-      "INFO",
-      "WARNING",
-      "ERROR",
-      "WHITE",
-      "MAIN",
-      "ACCENT",
-      "NEUTRAL",
-      "SUCCESS",
-      "ERROR",
-      "INFO",
-      "WARNING",
-      "MAIN",
-      "BACKGROUND",
-      "ACCENT",
-      "NEUTRAL",
-      "WHITE",
-      "BACKGROUND"
-    ]
-  },
-  "triggerContent": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "triggerClassNames": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "triggerMarkup": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      "a",
-      "button",
-      "div",
-      "h1",
-      "h2",
-      "h3",
-      "h4",
-      "h5",
-      "h6",
-      "p",
-      "span",
-      "h1",
-      "h2",
-      "h3",
-      "h4",
-      "h5",
-      "h6",
-      "p",
-      "span",
-      "div",
-      "button",
-      "a"
-    ]
-  },
-  "ctaContent": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "ctaCancelContent": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "closeIcon": {
+  "hideCloseButton": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -217,20 +43,6 @@ export default {
       "true"
     ]
   },
-  "ctaOnClick": {
-    "type": "function",
-    "values": [
-      "undefined",
-      "ClickEvent"
-    ]
-  },
-  "ctaCancelOnClick": {
-    "type": "function",
-    "values": [
-      "undefined",
-      "ClickEvent"
-    ]
-  },
   "onClose": {
     "type": "function",
     "values": [
@@ -284,15 +96,16 @@ export default {
       "true"
     ]
   },
-  "clipped": {
-    "type": "boolean",
+  "size": {
+    "type": "enum",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "small",
+      "medium",
+      "large"
     ]
   },
-  "fullwidth": {
+  "clipped": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -313,5 +126,19 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

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

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

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { hashClass } from '../../../helpers';
+import clsx from 'clsx';
+import { useTrilogyContext } from '../../../context';
+/**
+ * Modal Footer Component
+ * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal 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));
+};
+export default ModalBody;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxCb2R5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9ib2R5L01vZGFsQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7R0FNRztBQUNILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFBMkM7UUFBekMsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBO0lBQ2xDLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLE9BQU8sQ0FDTCw2QkFBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUUsU0FBUyxDQUFDLENBQUMsSUFDckUsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+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;
+};
+export default ModalBody;

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

@@ -0,0 +1,23 @@
+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,
+};
+/**
+ * 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));
+};
+ModalBody.displayName = ComponentName.ModalBody;
+export default ModalBody;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxCb2R5Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbW9kYWwvYm9keS9Nb2RhbEJvZHkubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4QyxJQUFNLE1BQU0sR0FBRztJQUNiLFFBQVEsRUFBRSxRQUFRO0lBQ2xCLE1BQU0sRUFBRSxDQUFDO0lBQ1QsS0FBSyxFQUFFLE1BQU07SUFDYixTQUFTLEVBQUUsT0FBTztJQUNsQixPQUFPLEVBQUUsRUFBRTtDQUNaLENBQUE7QUFFRDs7OztHQUlHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUF1QztJQUFyQyxJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUN0QyxPQUFPLENBQ0wsb0JBQUMsSUFBSSxlQUFLLE1BQU0sSUFBRSxLQUFLLEVBQUUsTUFBTSxLQUM1QixRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRS9DLGVBQWUsU0FBUyxDQUFBIn0=

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { CommonProps } from '../../../objects/facets/CommonProps';
+/**
+ * Modal Footer Interface
+ */
+export interface ModalBodyProps extends CommonProps {
+    children: React.ReactNode;
+}

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

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

package/lib/components/{rows/item/RowsItemPropsDefaults.js → modal/body/ModalBodyPropsDefaults.js}

@@ -13,12 +13,11 @@ export default {
       "ReactPortal"
     ]
   },
-  "narrow": {
-    "type": "boolean",
+  "id": {
+    "type": "string",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "string"
     ]
   },
   "className": {