@originallyus/feedback-rn-sdk 4.0.0-beta.24 → 4.0.0-beta.26

package/lib/module/component/AIA/molecules/Modal/Effect.js

@@ -0,0 +1,253 @@
+"use strict";
+
+/**
+ *
+ * Effect
+ * @format
+ *
+ */
+
+import React, { useEffect, useRef, useCallback } from 'react';
+import { SafeAreaView, Animated, View, Text, TouchableWithoutFeedback, TouchableOpacity, ActionSheetIOS, Platform } from 'react-native';
+import Icon from "../../atoms/Icon/index.js";
+import a11y from "../../utils/Accessibility/index.js";
+import useI18nTranslation from "../../hooks/I18nTranslation/index.js";
+import ModalStyles from "./styles/index.js";
+import { CLOSE_BUTTON_SIZE, PADDING } from "./config/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Effect = props => {
+  const {
+    t
+  } = useI18nTranslation();
+  const effect = useRef(new Animated.Value(0)).current;
+  const {
+    children,
+    closeIcon,
+    deleteIcon,
+    setModalVisible,
+    rightClose,
+    isHideRightIconContainer,
+    isImagePreview,
+    confirmButton,
+    isEditMode,
+    deleteItem,
+    shouldShowCloseIcon,
+    isCloseIconAbsolute,
+    noPadding,
+    noPaddingHorizontal,
+    disableCloseEffect,
+    useNativeDriver,
+    duration,
+    isCropping,
+    onRotatePress,
+    onCropPress,
+    showHeader,
+    headerText,
+    onHeaderTextPress,
+    useScalingEffect = true,
+    customHeaderStyle,
+    customHeaderIcon,
+    cancelLabel = t('help.cancel'),
+    deleteFileLabel = t('assessments.deleteFile'),
+    cropInstructionlabel = t('assessments.cropInstruction')
+  } = props;
+  const isIOS = Platform.OS === 'ios';
+  const closeModal = useCallback(() => {
+    if (setModalVisible) {
+      Animated.timing(effect, {
+        toValue: 0,
+        duration: duration || 250,
+        useNativeDriver: useNativeDriver || false
+      }).start(status => {
+        if (status.finished) {
+          setModalVisible(false);
+          if (deleteItem && isEditMode) {
+            deleteItem(isEditMode);
+          }
+        }
+      });
+      if (disableCloseEffect) setModalVisible(false);
+    }
+  }, [setModalVisible, duration, useNativeDriver, deleteItem, isEditMode, disableCloseEffect, effect]);
+  const renderCloseIcon = () => /*#__PURE__*/_jsx(View, {
+    ...a11y('Effect.SafeAreaView.View'),
+    style: [ModalStyles.closeButton, isHideRightIconContainer && ModalStyles.closeButtonWithoutShadow, rightClose ? {
+      right: 0
+    } : {
+      left: 0
+    }],
+    children: /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+      ...a11y('closeModalButton'),
+      onPress: () => {
+        if (confirmButton) {
+          confirmButton(isEditMode);
+        } else if (!isImagePreview) {
+          closeModal();
+        }
+      },
+      children: /*#__PURE__*/_jsx(View, {
+        children: closeIcon || (isImagePreview ? /*#__PURE__*/_jsx(Icon, {
+          group: "systemControl",
+          name: "minimize",
+          size: 6,
+          color: "default"
+        }) : /*#__PURE__*/_jsx(Icon, {
+          group: "systemControl",
+          name: "close",
+          size: 6,
+          color: "default"
+        }))
+      })
+    })
+  });
+  const renderHeader = () => /*#__PURE__*/_jsx(View, {
+    ...a11y('Effect.SafeAreaView.View'),
+    style: customHeaderStyle || ModalStyles.header,
+    children: /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+      ...a11y('closeModalButton'),
+      onPress: () => {
+        if (confirmButton) {
+          confirmButton(isEditMode);
+        } else if (!isImagePreview) {
+          closeModal();
+        }
+      },
+      children: /*#__PURE__*/_jsx(View, {
+        children: customHeaderIcon || /*#__PURE__*/_jsx(Icon, {
+          group: "general",
+          name: "cross_gray",
+          width: 30,
+          height: 30
+        })
+      })
+    })
+  });
+  const renderTextHeader = () => /*#__PURE__*/_jsx(View, {
+    style: ModalStyles.textHeaderWrapper,
+    children: /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+      onPress: onHeaderTextPress,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: ModalStyles.textHeaderButtonLabel,
+        children: headerText
+      })
+    })
+  });
+  useEffect(() => {
+    Animated.timing(effect, {
+      toValue: 1,
+      duration: 250,
+      useNativeDriver: false
+    }).start();
+  }, []);
+  return /*#__PURE__*/_jsxs(SafeAreaView, {
+    style: {
+      height: '100%'
+    },
+    ...a11y('Effect.SafeAreaView'),
+    children: [showHeader && renderHeader(), headerText && renderTextHeader(), /*#__PURE__*/_jsx(Animated.View, {
+      ...a11y('Effect.SafeAreaView.Animated.View '),
+      style: [ModalStyles.contentContainer, noPadding ? {
+        padding: 0
+      } : {}, noPaddingHorizontal || isImagePreview ? {
+        paddingHorizontal: 0
+      } : {}, shouldShowCloseIcon && !isCloseIconAbsolute && !showHeader ? {
+        paddingTop: PADDING + CLOSE_BUTTON_SIZE
+      } : {}, useScalingEffect && {
+        transform: [{
+          scale: effect.interpolate({
+            inputRange: [0, 1],
+            outputRange: [1.1, 1]
+          })
+        }],
+        opacity: effect.interpolate({
+          inputRange: [0, 0.2, 1],
+          outputRange: [0, 1, 1]
+        })
+      }],
+      children: children
+    }), !showHeader && shouldShowCloseIcon && renderCloseIcon(), isImagePreview && /*#__PURE__*/_jsxs(View, {
+      style: ModalStyles.footerContainer,
+      ...a11y('footerButtonContainer'),
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: ModalStyles.footerButtonContainer,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: ModalStyles.footerButtonSideContainer,
+          children: /*#__PURE__*/_jsx(View, {
+            ...a11y('footerButtonContainer.imagePreviewDeleteButton'),
+            style: [ModalStyles.imagePreviewActionButton, ModalStyles.imagePreviewDeleteButton],
+            children: /*#__PURE__*/_jsx(TouchableOpacity, {
+              ...a11y('deleteFile'),
+              onPress: () => {
+                if (isIOS) {
+                  ActionSheetIOS.showActionSheetWithOptions({
+                    options: [cancelLabel, deleteFileLabel],
+                    destructiveButtonIndex: 2,
+                    cancelButtonIndex: 0
+                  }, buttonIndex => {
+                    if (buttonIndex === 1) {
+                      closeModal();
+                    }
+                  });
+                } else {
+                  closeModal();
+                }
+              },
+              children: /*#__PURE__*/_jsx(View, {
+                children: deleteIcon || /*#__PURE__*/_jsx(Icon, {
+                  group: "function",
+                  name: "delete",
+                  width: 16,
+                  height: 16,
+                  fillColor: "#1f78ad"
+                })
+              })
+            })
+          })
+        }), /*#__PURE__*/_jsxs(View, {
+          ...a11y('footerButtonContainer.footerButtonSideContainer'),
+          style: ModalStyles.footerButtonSideContainer,
+          children: [/*#__PURE__*/_jsx(View, {
+            style: [ModalStyles.imagePreviewActionButton, ModalStyles.imagePreviewCropButton, ...(isCropping ? [ModalStyles.imagePreviewCropButtonActive] : [])],
+            children: /*#__PURE__*/_jsx(TouchableOpacity, {
+              ...a11y('cropButton'),
+              onPress: onCropPress,
+              children: /*#__PURE__*/_jsx(View, {
+                children: deleteIcon || /*#__PURE__*/_jsx(Icon, {
+                  group: "mediaControl",
+                  name: "crop",
+                  width: 16,
+                  height: 16,
+                  fillColor: isCropping ? '#fff' : '"#1f78ad"'
+                })
+              })
+            })
+          }), /*#__PURE__*/_jsx(View, {
+            style: [ModalStyles.imagePreviewActionButton, ModalStyles.imagePreviewRotateButton],
+            children: /*#__PURE__*/_jsx(TouchableOpacity, {
+              ...a11y('rotateButton'),
+              onPress: onRotatePress,
+              children: /*#__PURE__*/_jsx(View, {
+                children: deleteIcon || /*#__PURE__*/_jsx(Icon, {
+                  group: "mediaControl",
+                  name: "flip",
+                  width: 16,
+                  height: 16,
+                  fillColor: "#1f78ad"
+                })
+              })
+            })
+          })]
+        })]
+      }), /*#__PURE__*/_jsx(Text, {
+        style: ModalStyles.footerText,
+        children: isCropping ? cropInstructionlabel : ' '
+      })]
+    })]
+  });
+};
+Effect.defaultProps = {
+  shouldShowCloseIcon: true,
+  showHeader: false
+};
+export default /*#__PURE__*/React.memo(Effect);
+//# sourceMappingURL=Effect.js.map

package/lib/module/component/AIA/molecules/Modal/Effect.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","useCallback","SafeAreaView","Animated","View","Text","TouchableWithoutFeedback","TouchableOpacity","ActionSheetIOS","Platform","Icon","a11y","useI18nTranslation","ModalStyles","CLOSE_BUTTON_SIZE","PADDING","jsx","_jsx","jsxs","_jsxs","Effect","props","t","effect","Value","current","children","closeIcon","deleteIcon","setModalVisible","rightClose","isHideRightIconContainer","isImagePreview","confirmButton","isEditMode","deleteItem","shouldShowCloseIcon","isCloseIconAbsolute","noPadding","noPaddingHorizontal","disableCloseEffect","useNativeDriver","duration","isCropping","onRotatePress","onCropPress","showHeader","headerText","onHeaderTextPress","useScalingEffect","customHeaderStyle","customHeaderIcon","cancelLabel","deleteFileLabel","cropInstructionlabel","isIOS","OS","closeModal","timing","toValue","start","status","finished","renderCloseIcon","style","closeButton","closeButtonWithoutShadow","right","left","onPress","group","name","size","color","renderHeader","header","width","height","renderTextHeader","textHeaderWrapper","textHeaderButtonLabel","contentContainer","padding","paddingHorizontal","paddingTop","transform","scale","interpolate","inputRange","outputRange","opacity","footerContainer","footerButtonContainer","footerButtonSideContainer","imagePreviewActionButton","imagePreviewDeleteButton","showActionSheetWithOptions","options","destructiveButtonIndex","cancelButtonIndex","buttonIndex","fillColor","imagePreviewCropButton","imagePreviewCropButtonActive","imagePreviewRotateButton","footerText","defaultProps","memo"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/Modal/Effect.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/AIA/molecules/Modal/Modal.js

@@ -0,0 +1,113 @@
+"use strict";
+
+/**
+ *
+ * Modal
+ * @format
+ *
+ */
+
+import React from 'react';
+import { View } from 'react-native';
+import { isIphoneX } from 'react-native-iphone-x-helper';
+import { Modal } from 'react-native-paper';
+import a11y from "../../utils/Accessibility/index.js";
+import Effect from "./Effect.js";
+import { BLACK_50 } from "./config/index.js";
+import ModalStyles from "./styles/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const ModalContainer = props => {
+  const {
+    children,
+    closeIcon,
+    deleteIcon,
+    modalVisible,
+    setModalVisible,
+    height,
+    margin,
+    isImagePreview,
+    popAlert,
+    confirmButton,
+    isEditMode,
+    deleteItem,
+    shouldShowCloseIcon,
+    isCloseIconAbsolute,
+    isHideRightIconContainer,
+    marginHorizontal,
+    noPadding,
+    noPaddingHorizontal,
+    disableCloseEffect,
+    useNativeDriver,
+    duration,
+    isCropping,
+    onRotatePress,
+    onCropPress,
+    showHeader,
+    headerText,
+    onHeaderTextPress,
+    customHeaderStyle,
+    customHeaderIcon,
+    useScalingEffect,
+    accessibilityLabel,
+    accessibilityHint,
+    accessibilityValue,
+    testID
+  } = props;
+  const isFullHeight = !height;
+  return /*#__PURE__*/_jsx(Modal, {
+    ...a11y(accessibilityLabel, accessibilityHint, accessibilityValue, testID),
+    visible: modalVisible,
+    dismissable: false,
+    style: {
+      backgroundColor: BLACK_50
+    },
+    contentContainerStyle: [ModalStyles.modalContentContainer, {
+      margin,
+      borderRadius: 8,
+      marginHorizontal,
+      height
+    }, ...(isFullHeight ? [ModalStyles.modalContentContainerFullHeight, {
+      // Extra padding for iPhoneX
+      paddingBottom: isIphoneX() && !noPadding ? 20 : 0
+    }] : [])],
+    children: /*#__PURE__*/_jsx(Effect, {
+      closeIcon: closeIcon,
+      shouldShowCloseIcon: shouldShowCloseIcon,
+      isCloseIconAbsolute: isCloseIconAbsolute,
+      isHideRightIconContainer: isHideRightIconContainer,
+      setModalVisible: setModalVisible,
+      rightClose: margin !== undefined && margin > 0,
+      deleteIcon: deleteIcon,
+      isImagePreview: isImagePreview,
+      popAlert: popAlert,
+      confirmButton: confirmButton,
+      isEditMode: isEditMode,
+      deleteItem: deleteItem,
+      noPadding: noPadding,
+      noPaddingHorizontal: noPaddingHorizontal,
+      disableCloseEffect: disableCloseEffect,
+      useNativeDriver: useNativeDriver,
+      duration: duration,
+      isCropping: isCropping,
+      onRotatePress: onRotatePress,
+      onCropPress: onCropPress,
+      showHeader: showHeader,
+      headerText: headerText,
+      onHeaderTextPress: onHeaderTextPress,
+      useScalingEffect: useScalingEffect,
+      customHeaderStyle: customHeaderStyle,
+      customHeaderIcon: customHeaderIcon,
+      children: /*#__PURE__*/_jsx(View, {
+        style: ModalStyles.modalChildrenWrapper,
+        children: children
+      })
+    })
+  });
+};
+ModalContainer.defaultProps = {
+  margin: 0,
+  shouldShowCloseIcon: true,
+  useScalingEffect: true
+};
+export default ModalContainer;
+//# sourceMappingURL=Modal.js.map

package/lib/module/component/AIA/molecules/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","isIphoneX","Modal","a11y","Effect","BLACK_50","ModalStyles","jsx","_jsx","ModalContainer","props","children","closeIcon","deleteIcon","modalVisible","setModalVisible","height","margin","isImagePreview","popAlert","confirmButton","isEditMode","deleteItem","shouldShowCloseIcon","isCloseIconAbsolute","isHideRightIconContainer","marginHorizontal","noPadding","noPaddingHorizontal","disableCloseEffect","useNativeDriver","duration","isCropping","onRotatePress","onCropPress","showHeader","headerText","onHeaderTextPress","customHeaderStyle","customHeaderIcon","useScalingEffect","accessibilityLabel","accessibilityHint","accessibilityValue","testID","isFullHeight","visible","dismissable","style","backgroundColor","contentContainerStyle","modalContentContainer","borderRadius","modalContentContainerFullHeight","paddingBottom","rightClose","undefined","modalChildrenWrapper","defaultProps"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/Modal/Modal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/AIA/molecules/Modal/Modal.stories1.js

@@ -0,0 +1,98 @@
+"use strict";
+
+import React from 'react';
+import { View } from 'react-native';
+import { storiesOf } from '@storybook/react-native';
+import { Provider } from 'react-native-paper';
+import Image from "../../atoms/Image/index.js";
+import Button from "../../atoms/Button/index.js";
+import Text from "../../atoms/Text/index.js";
+import Modal from "./index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+storiesOf('Molecules | Modal', module).add('Modal', () => /*#__PURE__*/_jsxs(View, {
+  style: {
+    height: '100%',
+    margin: 0,
+    padding: 0
+  },
+  children: [/*#__PURE__*/_jsx(Text, {
+    customStyle: {
+      position: 'absolute',
+      top: 10,
+      textAlign: 'center',
+      left: 0,
+      right: 0
+    },
+    children: "Modal - V1.0.0"
+  }), /*#__PURE__*/_jsx(Provider, {
+    children: /*#__PURE__*/_jsxs(Modal, {
+      shouldShowCloseIcon: false,
+      rightClose: false,
+      modalVisible: true,
+      isEditMode: true,
+      height: 350,
+      duration: 20,
+      marginHorizontal: 30,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'column',
+          justifyContent: 'center',
+          alignItems: 'center'
+        },
+        children: [/*#__PURE__*/_jsx(Image, {
+          customStyle: {
+            width: 111,
+            height: 111,
+            alignSelf: 'center'
+          },
+          source: {
+            uri: 'https://campaigns.aia.co.th/vitality/assets/media/howto/aiavitality_getstarted.png',
+            isStatic: true
+          },
+          resizeMode: "contain"
+        }), /*#__PURE__*/_jsx(Text, {
+          customStyle: {
+            fontSize: 20
+          },
+          children: "Are you sure?"
+        }), /*#__PURE__*/_jsx(Text, {
+          customStyle: {
+            fontSize: 14,
+            color: '#333d47',
+            textAlign: 'center',
+            marginTop: 5
+          },
+          children: "Are you sure you want to delete it? It is an irresversible action."
+        })]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'column',
+          justifyContent: 'space-between',
+          marginTop: 30,
+          paddingHorizontal: 20
+        },
+        children: [/*#__PURE__*/_jsx(Button, {
+          variation: "contained",
+          children: /*#__PURE__*/_jsx(Text, {
+            customStyle: {
+              color: '#fff'
+            },
+            children: "Confirm"
+          })
+        }), /*#__PURE__*/_jsx(Button, {
+          variation: "outlined",
+          style: {
+            marginTop: 16
+          },
+          children: /*#__PURE__*/_jsx(Text, {
+            customStyle: {
+              color: '#d31145'
+            },
+            children: "Not Now"
+          })
+        })]
+      })]
+    })
+  })]
+}));
+//# sourceMappingURL=Modal.stories1.js.map

package/lib/module/component/AIA/molecules/Modal/Modal.stories1.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","storiesOf","Provider","Image","Button","Text","Modal","jsx","_jsx","jsxs","_jsxs","module","add","style","height","margin","padding","children","customStyle","position","top","textAlign","left","right","shouldShowCloseIcon","rightClose","modalVisible","isEditMode","duration","marginHorizontal","flexDirection","justifyContent","alignItems","width","alignSelf","source","uri","isStatic","resizeMode","fontSize","color","marginTop","paddingHorizontal","variation"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/Modal/Modal.stories1.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,QAAO,cAAc;AACjC,SAAQC,SAAS,QAAO,yBAAyB;AACjD,SAAQC,QAAQ,QAAO,oBAAoB;AAE3C,OAAOC,KAAK;AACZ,OAAOC,MAAM;AACb,OAAOC,IAAI;AACX,OAAOC,KAAK;AAAe,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3BT,SAAS,CAAC,mBAAmB,EAAEU,MAAM,CAAC,CAACC,GAAG,CAAC,OAAO,EAAE,mBACnDF,KAAA,CAACV,IAAI;EAACa,KAAK,EAAE;IAACC,MAAM,EAAE,MAAM;IAAEC,MAAM,EAAE,CAAC;IAAEC,OAAO,EAAE;EAAC,CAAE;EAAAC,QAAA,gBACpDT,IAAA,CAACH,IAAI;IAACa,WAAW,EAAE;MAACC,QAAQ,EAAE,UAAU;MAAEC,GAAG,EAAE,EAAE;MAAEC,SAAS,EAAE,QAAQ;MAAEC,IAAI,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAC,CAAE;IAAAN,QAAA,EAAC;EAE5F,CAAM,CAAC,eACPT,IAAA,CAACN,QAAQ;IAAAe,QAAA,eACRP,KAAA,CAACJ,KAAK;MACLkB,mBAAmB,EAAE,KAAM;MAC3BC,UAAU,EAAE,KAAM;MAClBC,YAAY;MACZC,UAAU;MACVb,MAAM,EAAE,GAAI;MACZc,QAAQ,EAAE,EAAG;MACbC,gBAAgB,EAAE,EAAG;MAAAZ,QAAA,gBAErBP,KAAA,CAACV,IAAI;QAACa,KAAK,EAAE;UAACiB,aAAa,EAAE,QAAQ;UAAEC,cAAc,EAAE,QAAQ;UAAEC,UAAU,EAAE;QAAQ,CAAE;QAAAf,QAAA,gBACtFT,IAAA,CAACL,KAAK;UACLe,WAAW,EAAE;YAACe,KAAK,EAAE,GAAG;YAAEnB,MAAM,EAAE,GAAG;YAAEoB,SAAS,EAAE;UAAQ,CAAE;UAC5DC,MAAM,EAAE;YACPC,GAAG,EAAE,oFAAoF;YACzFC,QAAQ,EAAE;UACX,CAAE;UACFC,UAAU,EAAC;QAAS,CACpB,CAAC,eACF9B,IAAA,CAACH,IAAI;UAACa,WAAW,EAAE;YAACqB,QAAQ,EAAE;UAAE,CAAE;UAAAtB,QAAA,EAAC;QAAa,CAAM,CAAC,eACvDT,IAAA,CAACH,IAAI;UAACa,WAAW,EAAE;YAACqB,QAAQ,EAAE,EAAE;YAAEC,KAAK,EAAE,SAAS;YAAEnB,SAAS,EAAE,QAAQ;YAAEoB,SAAS,EAAE;UAAC,CAAE;UAAAxB,QAAA,EAAC;QAExF,CAAM,CAAC;MAAA,CACF,CAAC,eAEPP,KAAA,CAACV,IAAI;QACJa,KAAK,EAAE;UACNiB,aAAa,EAAE,QAAQ;UACvBC,cAAc,EAAE,eAAe;UAC/BU,SAAS,EAAE,EAAE;UACbC,iBAAiB,EAAE;QACpB,CAAE;QAAAzB,QAAA,gBAEFT,IAAA,CAACJ,MAAM;UAACuC,SAAS,EAAC,WAAW;UAAA1B,QAAA,eAC5BT,IAAA,CAACH,IAAI;YAACa,WAAW,EAAE;cAACsB,KAAK,EAAE;YAAM,CAAE;YAAAvB,QAAA,EAAC;UAAO,CAAM;QAAC,CAC3C,CAAC,eACTT,IAAA,CAACJ,MAAM;UAACuC,SAAS,EAAC,UAAU;UAAC9B,KAAK,EAAE;YAAC4B,SAAS,EAAE;UAAE,CAAE;UAAAxB,QAAA,eACnDT,IAAA,CAACH,IAAI;YAACa,WAAW,EAAE;cAACsB,KAAK,EAAE;YAAS,CAAE;YAAAvB,QAAA,EAAC;UAAO,CAAM;QAAC,CAC9C,CAAC;MAAA,CACJ,CAAC;IAAA,CACD;EAAC,CACC,CAAC;AAAA,CACN,CACN,CAAC","ignoreList":[]}

package/lib/module/component/AIA/molecules/Modal/Readme.md

@@ -0,0 +1,35 @@
+## Modal Container component
+This is a wrapper for a modal screen, it contains a close icon in the upper left corder.
+If there is an implementation of closing the modal, the content may not need to be wrapped.
+Pass the global navigation object down for proper navigation handling.
+
+## Using the modal wrapper in a Screen component
+```js
+import React from 'react';
+import {Text} from 'react-native';
+import Modal from '../../Modal';
+
+import type {PropsType} from '../types';
+
+const SedentaryScreen = (props: PropsType) => {
+  const {navigation} = props;
+  return (
+    <Modal navigation={navigation}>
+      <Text style={{fontSize: 20}}>Place your content here</Text>
+    </Modal>
+  );
+};
+
+const SCREENS: {}[] = [
+  {
+    name: 'Sedentary',
+    screen: SedentaryScreen,
+  },
+];
+
+export {SCREENS as default};
+```
+
+Key         | Type           | Required  | Description                       |
+----------- | -------------- | --------- | --------------------------------- |
+navigation  | `object`       | `True`    | The react navigation object.      |

package/lib/module/component/AIA/molecules/Modal/config/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+export const CLOSE_BUTTON_SIZE = 40;
+export const PADDING = 16;
+export const BLACK_50 = '#00000080';
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/Modal/config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CLOSE_BUTTON_SIZE","PADDING","BLACK_50"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/Modal/config/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,iBAAiB,GAAG,EAAE;AACnC,OAAO,MAAMC,OAAO,GAAG,EAAE;AACzB,OAAO,MAAMC,QAAQ,GAAG,WAAW","ignoreList":[]}

package/lib/module/component/AIA/molecules/Modal/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default } from "./Modal.js";
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/Modal/index.ts"],"mappings":";;AAAA,SAAQA,OAAO","ignoreList":[]}