@react-native-ohos/native-base 3.4.29-rc.1

package/lib/module/components/composites/Menu/MenuOptionGroup.js

@@ -0,0 +1,58 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { forwardRef, memo } from 'react';
+import MenuGroup from './MenuGroup';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+export const MenuOptionContext = /*#__PURE__*/React.createContext({
+  values: [],
+  onChange: _val => {},
+  type: 'checkbox'
+});
+
+const MenuOptionGroup = ({
+  type,
+  defaultValue,
+  value,
+  onChange,
+  ...props
+}, ref) => {
+  const internalDefaultValue = defaultValue ? Array.isArray(defaultValue) ? defaultValue : [defaultValue] : [];
+  const [internalValues, setValues] = React.useState(internalDefaultValue);
+
+  const _onChange = newValue => {
+    if (type === 'checkbox') {
+      const newValues = [...internalValues];
+
+      if (internalValues.includes(newValue)) {
+        newValues.splice(newValues.indexOf(newValue), 1);
+        setValues(newValues);
+      } else {
+        newValues.push(newValue);
+        setValues(newValues);
+      }
+
+      onChange && onChange(newValues);
+    } else if (type === 'radio') {
+      setValues([newValue]);
+      onChange && onChange(newValue);
+    }
+  }; //TODO: refactor for responsive prop
+
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(MenuOptionContext.Provider, {
+    value: {
+      values: !value ? internalValues : Array.isArray(value) ? value : [value],
+      onChange: _onChange,
+      type
+    }
+  }, /*#__PURE__*/React.createElement(MenuGroup, _extends({}, props, {
+    ref: ref
+  })));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(MenuOptionGroup));
+//# sourceMappingURL=MenuOptionGroup.js.map

package/lib/module/components/composites/Menu/MenuOptionGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuOptionGroup.tsx"],"names":["React","forwardRef","memo","MenuGroup","useHasResponsiveProps","MenuOptionContext","createContext","values","onChange","_val","type","MenuOptionGroup","defaultValue","value","props","ref","internalDefaultValue","Array","isArray","internalValues","setValues","useState","_onChange","newValue","newValues","includes","splice","indexOf","push"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,IAA5B,QAAwC,OAAxC;AACA,OAAOC,SAAP,MAAsB,aAAtB;AAEA,SAASC,qBAAT,QAAsC,sCAAtC;AAEA,OAAO,MAAMC,iBAAiB,gBAAGL,KAAK,CAACM,aAAN,CAA6C;AAC5EC,EAAAA,MAAM,EAAE,EADoE;AAE5EC,EAAAA,QAAQ,EAAGC,IAAD,IAAU,CAAE,CAFsD;AAG5EC,EAAAA,IAAI,EAAE;AAHsE,CAA7C,CAA1B;;AAMP,MAAMC,eAAe,GAAG,CACtB;AAAED,EAAAA,IAAF;AAAQE,EAAAA,YAAR;AAAsBC,EAAAA,KAAtB;AAA6BL,EAAAA,QAA7B;AAAuC,KAAGM;AAA1C,CADsB,EAEtBC,GAFsB,KAGnB;AACH,QAAMC,oBAAoB,GAAGJ,YAAY,GACrCK,KAAK,CAACC,OAAN,CAAcN,YAAd,IACEA,YADF,GAEE,CAACA,YAAD,CAHmC,GAIrC,EAJJ;AAMA,QAAM,CAACO,cAAD,EAAiBC,SAAjB,IAA8BpB,KAAK,CAACqB,QAAN,CAClCL,oBADkC,CAApC;;AAGA,QAAMM,SAAS,GAAIC,QAAD,IAA+B;AAC/C,QAAIb,IAAI,KAAK,UAAb,EAAyB;AACvB,YAAMc,SAAS,GAAG,CAAC,GAAGL,cAAJ,CAAlB;;AACA,UAAIA,cAAc,CAACM,QAAf,CAAwBF,QAAxB,CAAJ,EAAuC;AACrCC,QAAAA,SAAS,CAACE,MAAV,CAAiBF,SAAS,CAACG,OAAV,CAAkBJ,QAAlB,CAAjB,EAA8C,CAA9C;AACAH,QAAAA,SAAS,CAACI,SAAD,CAAT;AACD,OAHD,MAGO;AACLA,QAAAA,SAAS,CAACI,IAAV,CAAeL,QAAf;AACAH,QAAAA,SAAS,CAACI,SAAD,CAAT;AACD;;AACDhB,MAAAA,QAAQ,IAAIA,QAAQ,CAACgB,SAAD,CAApB;AACD,KAVD,MAUO,IAAId,IAAI,KAAK,OAAb,EAAsB;AAC3BU,MAAAA,SAAS,CAAC,CAACG,QAAD,CAAD,CAAT;AACAf,MAAAA,QAAQ,IAAIA,QAAQ,CAACe,QAAD,CAApB;AACD;AACF,GAfD,CAVG,CA0BH;;;AACA,MAAInB,qBAAqB,CAACU,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,iBAAD,CAAmB,QAAnB;AACE,IAAA,KAAK,EAAE;AACLP,MAAAA,MAAM,EAAE,CAACM,KAAD,GACJM,cADI,GAEJF,KAAK,CAACC,OAAN,CAAcL,KAAd,IACAA,KADA,GAEA,CAACA,KAAD,CALC;AAMLL,MAAAA,QAAQ,EAAEc,SANL;AAOLZ,MAAAA;AAPK;AADT,kBAWE,oBAAC,SAAD,eAAeI,KAAf;AAAsB,IAAA,GAAG,EAAEC;AAA3B,KAXF,CADF;AAeD,CAhDD;;AAkDA,4BAAeb,IAAI,eAACD,UAAU,CAACU,eAAD,CAAX,CAAnB","sourcesContent":["import React, { forwardRef, memo } from 'react';\r\nimport MenuGroup from './MenuGroup';\r\nimport type { IMenuOptionGroupProps, IMenuOptionContextProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nexport const MenuOptionContext = React.createContext<IMenuOptionContextProps>({\r\n  values: [],\r\n  onChange: (_val) => {},\r\n  type: 'checkbox',\r\n});\r\n\r\nconst MenuOptionGroup = (\r\n  { type, defaultValue, value, onChange, ...props }: IMenuOptionGroupProps,\r\n  ref?: any\r\n) => {\r\n  const internalDefaultValue = defaultValue\r\n    ? Array.isArray(defaultValue)\r\n      ? defaultValue\r\n      : [defaultValue]\r\n    : [];\r\n\r\n  const [internalValues, setValues] = React.useState<Array<string | number>>(\r\n    internalDefaultValue\r\n  );\r\n  const _onChange = (newValue: string | number) => {\r\n    if (type === 'checkbox') {\r\n      const newValues = [...internalValues];\r\n      if (internalValues.includes(newValue)) {\r\n        newValues.splice(newValues.indexOf(newValue), 1);\r\n        setValues(newValues);\r\n      } else {\r\n        newValues.push(newValue);\r\n        setValues(newValues);\r\n      }\r\n      onChange && onChange(newValues);\r\n    } else if (type === 'radio') {\r\n      setValues([newValue]);\r\n      onChange && onChange(newValue);\r\n    }\r\n  };\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <MenuOptionContext.Provider\r\n      value={{\r\n        values: !value\r\n          ? internalValues\r\n          : Array.isArray(value)\r\n          ? value\r\n          : [value],\r\n        onChange: _onChange,\r\n        type,\r\n      }}\r\n    >\r\n      <MenuGroup {...props} ref={ref} />\r\n    </MenuOptionContext.Provider>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(MenuOptionGroup));\r\n"]}

package/lib/module/components/composites/Menu/index.js

@@ -0,0 +1,14 @@
+import { default as MenuMain } from './Menu';
+import MenuGroup from './MenuGroup';
+import MenuItem from './MenuItem';
+import MenuItemOption from './MenuItemOption';
+import MenuOptionGroup from './MenuOptionGroup';
+let MenuTemp = MenuMain;
+MenuTemp.Item = MenuItem;
+MenuTemp.Group = MenuGroup;
+MenuTemp.ItemOption = MenuItemOption;
+MenuTemp.OptionGroup = MenuOptionGroup; // To add typings
+
+const Menu = MenuTemp;
+export { Menu };
+//# sourceMappingURL=index.js.map

package/lib/module/components/composites/Menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["default","MenuMain","MenuGroup","MenuItem","MenuItemOption","MenuOptionGroup","MenuTemp","Item","Group","ItemOption","OptionGroup","Menu"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAApB,QAAoC,QAApC;AACA,OAAOC,SAAP,MAAsB,aAAtB;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,OAAOC,cAAP,MAA2B,kBAA3B;AACA,OAAOC,eAAP,MAA4B,mBAA5B;AAGA,IAAIC,QAAa,GAAGL,QAApB;AACAK,QAAQ,CAACC,IAAT,GAAgBJ,QAAhB;AACAG,QAAQ,CAACE,KAAT,GAAiBN,SAAjB;AACAI,QAAQ,CAACG,UAAT,GAAsBL,cAAtB;AACAE,QAAQ,CAACI,WAAT,GAAuBL,eAAvB,C,CAEA;;AACA,MAAMM,IAAI,GAAGL,QAAb;AAEA,SAASK,IAAT","sourcesContent":["import { default as MenuMain } from './Menu';\r\nimport MenuGroup from './MenuGroup';\r\nimport MenuItem from './MenuItem';\r\nimport MenuItemOption from './MenuItemOption';\r\nimport MenuOptionGroup from './MenuOptionGroup';\r\nimport type { IMenuComponent } from './types';\r\n\r\nlet MenuTemp: any = MenuMain;\r\nMenuTemp.Item = MenuItem;\r\nMenuTemp.Group = MenuGroup;\r\nMenuTemp.ItemOption = MenuItemOption;\r\nMenuTemp.OptionGroup = MenuOptionGroup;\r\n\r\n// To add typings\r\nconst Menu = MenuTemp as IMenuComponent;\r\n\r\nexport { Menu };\r\nexport type {\r\n  IMenuProps,\r\n  IMenuItemProps,\r\n  IMenuItemOptionProps,\r\n  IMenuGroupProps,\r\n  IMenuOptionGroupProps,\r\n} from './types';\r\n"]}

package/lib/module/components/composites/Menu/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/lib/module/components/composites/Menu/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/lib/module/components/composites/Menu/useMenu.js

@@ -0,0 +1,127 @@
+import React from 'react';
+import { useFocusManager } from '@react-native-aria/focus';
+import { useId } from '@react-native-aria/utils';
+import { Platform } from 'react-native';
+import { ResponsiveQueryContext } from '../../../utils/useResponsiveQuery/ResponsiveQueryProvider';
+import uniqueId from 'lodash.uniqueid';
+export const useMenuTrigger = ({
+  handleOpen,
+  isOpen
+}) => {
+  let menuTriggerId = uniqueId(); // let id = uniqueId();
+
+  const responsiveQueryContext = React.useContext(ResponsiveQueryContext);
+  const disableCSSMediaQueries = responsiveQueryContext.disableCSSMediaQueries;
+
+  if (!disableCSSMediaQueries) {
+    // This if statement technically breaks the rules of hooks, but is safe
+    // because the condition never changes after mounting.
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    menuTriggerId = useId();
+  }
+
+  return {
+    'onKeyDownCapture': event => {
+      if ([' ', 'Enter', 'ArrowUp', 'ArrowDown'].includes(event.key)) {
+        event.preventDefault();
+        handleOpen();
+      }
+    },
+    'aria-haspopup': 'menu',
+    'aria-expanded': isOpen ? true : undefined,
+    'nativeID': menuTriggerId
+  };
+};
+export const useMenu = () => {
+  const focusManager = useFocusManager();
+
+  const onKeyDown = e => {
+    switch (e.key) {
+      case 'ArrowDown':
+        {
+          e.preventDefault(); //@ts-ignore
+
+          focusManager === null || focusManager === void 0 ? void 0 : focusManager.focusNext({
+            wrap: true
+          });
+          break;
+        }
+
+      case 'ArrowUp':
+        {
+          e.preventDefault(); //@ts-ignore
+
+          focusManager === null || focusManager === void 0 ? void 0 : focusManager.focusPrevious({
+            wrap: true
+          });
+          break;
+        }
+    }
+  };
+
+  return {
+    onKeyDown,
+    accessibilityRole: 'menu'
+  };
+};
+export const useMenuItem = ({
+  textValue,
+  ref
+}) => {
+  return {
+    accessibilityRole: 'menuitem',
+    dataSet: {
+      nativebaseMenuItem: textValue
+    },
+    onHoverIn: () => {
+      if (ref.current && Platform.OS === 'web') ref.current.focus();
+    }
+  };
+};
+export const useMenuOptionItem = ({
+  isChecked,
+  type
+}) => {
+  return {
+    accessibilityRole: 'menuitem' + (Platform.OS === 'web' ? type : ''),
+    accessibilityState: {
+      checked: isChecked
+    },
+    accessibilityChecked: isChecked
+  };
+};
+const ITEM_ATTR = 'data-nativebase-menu-item';
+
+const getValue = element => {
+  var _element$getAttribute;
+
+  return (_element$getAttribute = element.getAttribute(ITEM_ATTR)) !== null && _element$getAttribute !== void 0 ? _element$getAttribute : '';
+};
+
+export const useMenuTypeahead = props => {
+  return {
+    onKeyDown(event) {
+      if (props.onKeyDown) {
+        props.onKeyDown(event);
+      }
+
+      if (event.key.length === 1 && !(event.ctrlKey || event.altKey || event.metaKey)) {
+        const container = event.currentTarget;
+        const values = Array.from(container.querySelectorAll("[".concat(ITEM_ATTR, "]"))).map(getValue);
+        const searchKey = event.key;
+        const foundValue = values.find(value => value.toLowerCase().startsWith(searchKey));
+        const newItem = container.querySelector("[".concat(ITEM_ATTR, "=\"").concat(foundValue, "\"]"));
+
+        if (newItem) {
+          /**
+           * Imperative focus during keydown is risky so we prevent React's batching updates
+           * to avoid potential bugs. See: https://github.com/facebook/react/issues/20332
+           */
+          setTimeout(() => newItem.focus());
+        }
+      }
+    }
+
+  };
+};
+//# sourceMappingURL=useMenu.js.map

package/lib/module/components/composites/Menu/useMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useMenu.tsx"],"names":["React","useFocusManager","useId","Platform","ResponsiveQueryContext","uniqueId","useMenuTrigger","handleOpen","isOpen","menuTriggerId","responsiveQueryContext","useContext","disableCSSMediaQueries","event","includes","key","preventDefault","undefined","useMenu","focusManager","onKeyDown","e","focusNext","wrap","focusPrevious","accessibilityRole","useMenuItem","textValue","ref","dataSet","nativebaseMenuItem","onHoverIn","current","OS","focus","useMenuOptionItem","isChecked","type","accessibilityState","checked","accessibilityChecked","ITEM_ATTR","getValue","element","getAttribute","useMenuTypeahead","props","length","ctrlKey","altKey","metaKey","container","currentTarget","values","Array","from","querySelectorAll","map","searchKey","foundValue","find","value","toLowerCase","startsWith","newItem","querySelector","setTimeout"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { useFocusManager } from '@react-native-aria/focus';\r\nimport { useId } from '@react-native-aria/utils';\r\nimport { AccessibilityRole, Platform } from 'react-native';\r\nimport { ResponsiveQueryContext } from '../../../utils/useResponsiveQuery/ResponsiveQueryProvider';\r\nimport uniqueId from 'lodash.uniqueid';\r\n\r\ntype IMenuTriggerProps = {\r\n  handleOpen: () => void;\r\n  isOpen: boolean;\r\n};\r\n\r\nexport const useMenuTrigger = ({ handleOpen, isOpen }: IMenuTriggerProps) => {\r\n  let menuTriggerId = uniqueId();\r\n\r\n  // let id = uniqueId();\r\n  const responsiveQueryContext = React.useContext(ResponsiveQueryContext);\r\n  const disableCSSMediaQueries = responsiveQueryContext.disableCSSMediaQueries;\r\n\r\n  if (!disableCSSMediaQueries) {\r\n    // This if statement technically breaks the rules of hooks, but is safe\r\n    // because the condition never changes after mounting.\r\n    // eslint-disable-next-line react-hooks/rules-of-hooks\r\n    menuTriggerId = useId();\r\n  }\r\n  return {\r\n    'onKeyDownCapture': (event: KeyboardEvent) => {\r\n      if ([' ', 'Enter', 'ArrowUp', 'ArrowDown'].includes(event.key)) {\r\n        event.preventDefault();\r\n        handleOpen();\r\n      }\r\n    },\r\n    'aria-haspopup': 'menu',\r\n    'aria-expanded': isOpen ? true : undefined,\r\n    'nativeID': menuTriggerId,\r\n  };\r\n};\r\n\r\nexport const useMenu = () => {\r\n  const focusManager = useFocusManager();\r\n  const onKeyDown = (e: KeyboardEvent) => {\r\n    switch (e.key) {\r\n      case 'ArrowDown': {\r\n        e.preventDefault();\r\n        //@ts-ignore\r\n        focusManager?.focusNext({ wrap: true });\r\n        break;\r\n      }\r\n      case 'ArrowUp': {\r\n        e.preventDefault();\r\n        //@ts-ignore\r\n        focusManager?.focusPrevious({ wrap: true });\r\n        break;\r\n      }\r\n    }\r\n  };\r\n\r\n  return {\r\n    onKeyDown,\r\n    accessibilityRole: 'menu' as AccessibilityRole,\r\n  };\r\n};\r\n\r\nexport const useMenuItem = ({\r\n  textValue,\r\n  ref,\r\n}: {\r\n  textValue: string;\r\n  ref: any;\r\n}) => {\r\n  return {\r\n    accessibilityRole: 'menuitem' as AccessibilityRole,\r\n    dataSet: {\r\n      nativebaseMenuItem: textValue,\r\n    },\r\n    onHoverIn: () => {\r\n      if (ref.current && Platform.OS === 'web') ref.current.focus();\r\n    },\r\n  };\r\n};\r\n\r\nexport const useMenuOptionItem = ({\r\n  isChecked,\r\n  type,\r\n}: {\r\n  isChecked: boolean;\r\n  type: 'checkbox' | 'radio';\r\n}) => {\r\n  return {\r\n    accessibilityRole: ('menuitem' +\r\n      (Platform.OS === 'web' ? type : '')) as AccessibilityRole,\r\n    accessibilityState: {\r\n      checked: isChecked,\r\n    },\r\n    accessibilityChecked: isChecked,\r\n  };\r\n};\r\n\r\nconst ITEM_ATTR = 'data-nativebase-menu-item';\r\nconst getValue = (element: Element) => element.getAttribute(ITEM_ATTR) ?? '';\r\n\r\nexport const useMenuTypeahead = (props: any): any => {\r\n  return {\r\n    onKeyDown(event: KeyboardEvent) {\r\n      if (props.onKeyDown) {\r\n        props.onKeyDown(event);\r\n      }\r\n\r\n      if (\r\n        event.key.length === 1 &&\r\n        !(event.ctrlKey || event.altKey || event.metaKey)\r\n      ) {\r\n        const container = event.currentTarget as HTMLElement;\r\n        const values = Array.from(\r\n          container.querySelectorAll(`[${ITEM_ATTR}]`)\r\n        ).map(getValue);\r\n\r\n        const searchKey = event.key;\r\n\r\n        const foundValue = values.find((value) =>\r\n          value.toLowerCase().startsWith(searchKey)\r\n        );\r\n        const newItem = container.querySelector(\r\n          `[${ITEM_ATTR}=\"${foundValue}\"]`\r\n        );\r\n\r\n        if (newItem) {\r\n          /**\r\n           * Imperative focus during keydown is risky so we prevent React's batching updates\r\n           * to avoid potential bugs. See: https://github.com/facebook/react/issues/20332\r\n           */\r\n          setTimeout(() => (newItem as HTMLElement).focus());\r\n        }\r\n      }\r\n    },\r\n  };\r\n};\r\n"]}

package/lib/module/components/composites/Modal/Context.js

@@ -0,0 +1,13 @@
+import React from 'react';
+export const ModalContext = /*#__PURE__*/React.createContext({
+  handleClose: () => {},
+  contentSize: {},
+  initialFocusRef: {
+    current: null
+  },
+  finalFocusRef: {
+    current: null
+  },
+  visible: false
+});
+//# sourceMappingURL=Context.js.map

package/lib/module/components/composites/Modal/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Context.ts"],"names":["React","ModalContext","createContext","handleClose","contentSize","initialFocusRef","current","finalFocusRef","visible"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,MAAMC,YAAY,gBAAGD,KAAK,CAACE,aAAN,CAAoB;AAC9CC,EAAAA,WAAW,EAAG,MAAM,CAAE,CADwB;AAE9CC,EAAAA,WAAW,EAAE,EAFiC;AAG9CC,EAAAA,eAAe,EAAE;AAAEC,IAAAA,OAAO,EAAE;AAAX,GAH6B;AAI9CC,EAAAA,aAAa,EAAE;AAAED,IAAAA,OAAO,EAAE;AAAX,GAJ+B;AAK9CE,EAAAA,OAAO,EAAE;AALqC,CAApB,CAArB","sourcesContent":["import React from 'react';\r\n\r\nexport const ModalContext = React.createContext({\r\n  handleClose: (() => {}) as any,\r\n  contentSize: {} as any,\r\n  initialFocusRef: { current: null } as React.RefObject<any> | undefined,\r\n  finalFocusRef: { current: null } as React.RefObject<any> | undefined,\r\n  visible: false as boolean,\r\n});\r\n"]}

package/lib/module/components/composites/Modal/Modal.js

@@ -0,0 +1,103 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { forwardRef, memo } from 'react';
+import { StyleSheet } from 'react-native';
+import Backdrop from '../Backdrop';
+import { Slide } from '../Transitions';
+import { FocusScope } from '@react-native-aria/focus';
+import { useControllableState, usePropsResolution } from '../../../hooks';
+import { ModalContext } from './Context';
+import Box from '../../primitives/Box';
+import { Fade } from '../../composites/Transitions';
+import { useKeyboardBottomInset } from '../../../utils';
+import { Overlay } from '../../primitives/Overlay';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const Modal = ({
+  children,
+  isOpen,
+  onClose,
+  defaultIsOpen,
+  initialFocusRef,
+  finalFocusRef,
+  avoidKeyboard,
+  closeOnOverlayClick = true,
+  isKeyboardDismissable = true,
+  overlayVisible = true,
+  backdropVisible = true,
+  animationPreset,
+  ...rest
+}, ref) => {
+  const bottomInset = useKeyboardBottomInset();
+  const {
+    contentSize,
+    _backdrop,
+    _backdropFade,
+    _fade,
+    _slide,
+    _overlay,
+    useRNModal,
+    ...resolvedProps
+  } = usePropsResolution('Modal', rest);
+  const [visible, setVisible] = useControllableState({
+    value: isOpen,
+    defaultValue: defaultIsOpen,
+    onChange: val => {
+      if (!val) onClose && onClose();
+    }
+  });
+  const handleClose = React.useCallback(() => setVisible(false), [setVisible]);
+  const child = /*#__PURE__*/React.createElement(Box, _extends({
+    bottom: avoidKeyboard ? bottomInset + 'px' : undefined
+  }, resolvedProps, {
+    ref: ref,
+    pointerEvents: "box-none"
+  }), children);
+  const contextValue = React.useMemo(() => {
+    return {
+      handleClose,
+      contentSize,
+      initialFocusRef,
+      finalFocusRef,
+      visible
+    };
+  }, [handleClose, contentSize, initialFocusRef, finalFocusRef, visible]); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(rest)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Overlay, _extends({
+    isOpen: visible,
+    onRequestClose: handleClose,
+    isKeyboardDismissable: isKeyboardDismissable,
+    animationPreset: animationPreset,
+    useRNModalOnAndroid: true,
+    useRNModal: useRNModal
+  }, _overlay), /*#__PURE__*/React.createElement(ModalContext.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/React.createElement(Fade, _extends({
+    in: visible,
+    style: StyleSheet.absoluteFill
+  }, _backdropFade), overlayVisible && backdropVisible && /*#__PURE__*/React.createElement(Backdrop, _extends({
+    onPress: () => {
+      closeOnOverlayClick && handleClose();
+    }
+  }, _backdrop))), animationPreset === 'slide' ? /*#__PURE__*/React.createElement(Slide, _extends({
+    in: visible
+  }, _slide), /*#__PURE__*/React.createElement(FocusScope, {
+    contain: visible,
+    autoFocus: visible && !initialFocusRef,
+    restoreFocus: visible && !finalFocusRef
+  }, child)) : /*#__PURE__*/React.createElement(Fade, _extends({
+    in: visible,
+    style: StyleSheet.absoluteFill
+  }, _fade), /*#__PURE__*/React.createElement(FocusScope, {
+    contain: visible,
+    autoFocus: visible && !initialFocusRef,
+    restoreFocus: visible && !finalFocusRef
+  }, child))));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Modal));
+//# sourceMappingURL=Modal.js.map

package/lib/module/components/composites/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Modal.tsx"],"names":["React","forwardRef","memo","StyleSheet","Backdrop","Slide","FocusScope","useControllableState","usePropsResolution","ModalContext","Box","Fade","useKeyboardBottomInset","Overlay","useHasResponsiveProps","Modal","children","isOpen","onClose","defaultIsOpen","initialFocusRef","finalFocusRef","avoidKeyboard","closeOnOverlayClick","isKeyboardDismissable","overlayVisible","backdropVisible","animationPreset","rest","ref","bottomInset","contentSize","_backdrop","_backdropFade","_fade","_slide","_overlay","useRNModal","resolvedProps","visible","setVisible","value","defaultValue","onChange","val","handleClose","useCallback","child","undefined","contextValue","useMemo","absoluteFill"],"mappings":"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","sourcesContent":["import React, { forwardRef, memo } from 'react';\r\nimport { StyleSheet } from 'react-native';\r\nimport Backdrop from '../Backdrop';\r\nimport { Slide } from '../Transitions';\r\nimport { FocusScope } from '@react-native-aria/focus';\r\nimport { useControllableState, usePropsResolution } from '../../../hooks';\r\nimport { ModalContext } from './Context';\r\nimport Box from '../../primitives/Box';\r\nimport type { IModalProps } from './types';\r\nimport { Fade } from '../../composites/Transitions';\r\nimport { useKeyboardBottomInset } from '../../../utils';\r\nimport { Overlay } from '../../primitives/Overlay';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Modal = (\r\n  {\r\n    children,\r\n    isOpen,\r\n    onClose,\r\n    defaultIsOpen,\r\n    initialFocusRef,\r\n    finalFocusRef,\r\n    avoidKeyboard,\r\n    closeOnOverlayClick = true,\r\n    isKeyboardDismissable = true,\r\n    overlayVisible = true,\r\n    backdropVisible = true,\r\n    animationPreset,\r\n    ...rest\r\n  }: IModalProps,\r\n  ref: any\r\n) => {\r\n  const bottomInset = useKeyboardBottomInset();\r\n  const {\r\n    contentSize,\r\n    _backdrop,\r\n    _backdropFade,\r\n    _fade,\r\n    _slide,\r\n    _overlay,\r\n    useRNModal,\r\n    ...resolvedProps\r\n  } = usePropsResolution('Modal', rest);\r\n\r\n  const [visible, setVisible] = useControllableState({\r\n    value: isOpen,\r\n    defaultValue: defaultIsOpen,\r\n    onChange: (val) => {\r\n      if (!val) onClose && onClose();\r\n    },\r\n  });\r\n\r\n  const handleClose = React.useCallback(() => setVisible(false), [setVisible]);\r\n\r\n  const child = (\r\n    <Box\r\n      bottom={avoidKeyboard ? bottomInset + 'px' : undefined}\r\n      {...resolvedProps}\r\n      ref={ref}\r\n      pointerEvents=\"box-none\"\r\n    >\r\n      {children}\r\n    </Box>\r\n  );\r\n\r\n  const contextValue = React.useMemo(() => {\r\n    return {\r\n      handleClose,\r\n      contentSize,\r\n      initialFocusRef,\r\n      finalFocusRef,\r\n      visible,\r\n    };\r\n  }, [handleClose, contentSize, initialFocusRef, finalFocusRef, visible]);\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(rest)) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Overlay\r\n      isOpen={visible}\r\n      onRequestClose={handleClose}\r\n      isKeyboardDismissable={isKeyboardDismissable}\r\n      animationPreset={animationPreset}\r\n      useRNModalOnAndroid\r\n      useRNModal={useRNModal}\r\n      {..._overlay}\r\n    >\r\n      <ModalContext.Provider value={contextValue}>\r\n        <Fade in={visible} style={StyleSheet.absoluteFill} {..._backdropFade}>\r\n          {overlayVisible && backdropVisible && (\r\n            <Backdrop\r\n              onPress={() => {\r\n                closeOnOverlayClick && handleClose();\r\n              }}\r\n              {..._backdrop}\r\n            />\r\n          )}\r\n        </Fade>\r\n        {animationPreset === 'slide' ? (\r\n          <Slide in={visible} {..._slide}>\r\n            <FocusScope\r\n              contain={visible}\r\n              autoFocus={visible && !initialFocusRef}\r\n              restoreFocus={visible && !finalFocusRef}\r\n            >\r\n              {child}\r\n            </FocusScope>\r\n          </Slide>\r\n        ) : (\r\n          <Fade in={visible} style={StyleSheet.absoluteFill} {..._fade}>\r\n            <FocusScope\r\n              contain={visible}\r\n              autoFocus={visible && !initialFocusRef}\r\n              restoreFocus={visible && !finalFocusRef}\r\n            >\r\n              {child}\r\n            </FocusScope>\r\n          </Fade>\r\n        )}\r\n      </ModalContext.Provider>\r\n    </Overlay>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Modal));\r\n"]}

package/lib/module/components/composites/Modal/ModalBody.js

@@ -0,0 +1,28 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { memo, forwardRef } from 'react';
+import Box from '../../primitives/Box';
+import { usePropsResolution } from '../../../hooks';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+import { ScrollView } from '../../basic/ScrollView';
+
+const ModalBody = ({
+  children,
+  ...props
+}, ref) => {
+  const {
+    _scrollview,
+    ...resolvedProps
+  } = usePropsResolution('ModalBody', props); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(ScrollView, _scrollview, /*#__PURE__*/React.createElement(Box, _extends({}, resolvedProps, {
+    ref: ref
+  }), children));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(ModalBody));
+//# sourceMappingURL=ModalBody.js.map

package/lib/module/components/composites/Modal/ModalBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ModalBody.tsx"],"names":["React","memo","forwardRef","Box","usePropsResolution","useHasResponsiveProps","ScrollView","ModalBody","children","props","ref","_scrollview","resolvedProps"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,OAAOC,GAAP,MAA+B,sBAA/B;AACA,SAASC,kBAAT,QAAmC,gBAAnC;AACA,SAASC,qBAAT,QAAsC,sCAAtC;AACA,SAASC,UAAT,QAA6C,wBAA7C;;AAEA,MAAMC,SAAS,GAAG,CAChB;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CADgB,EAEhBC,GAFgB,KAGb;AACH,QAAM;AAAEC,IAAAA,WAAF;AAAe,OAAGC;AAAlB,MAAoCR,kBAAkB,CAC1D,WAD0D,EAE1DK,KAF0D,CAA5D,CADG,CAKH;;AACA,MAAIJ,qBAAqB,CAACI,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,UAAD,EAAgBE,WAAhB,eACE,oBAAC,GAAD,eAASC,aAAT;AAAwB,IAAA,GAAG,EAAEF;AAA7B,MACGF,QADH,CADF,CADF;AAOD,CAnBD;;AAqBA,4BAAeP,IAAI,eAACC,UAAU,CAACK,SAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport Box, { IBoxProps } from '../../primitives/Box';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { ScrollView, IScrollViewProps } from '../../basic/ScrollView';\r\n\r\nconst ModalBody = (\r\n  { children, ...props }: IBoxProps & { _scrollview?: IScrollViewProps },\r\n  ref?: any\r\n) => {\r\n  const { _scrollview, ...resolvedProps } = usePropsResolution(\r\n    'ModalBody',\r\n    props\r\n  );\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <ScrollView {..._scrollview}>\r\n      <Box {...resolvedProps} ref={ref}>\r\n        {children}\r\n      </Box>\r\n    </ScrollView>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(ModalBody));\r\n"]}

package/lib/module/components/composites/Modal/ModalCloseButton.js

@@ -0,0 +1,71 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { memo, forwardRef } from 'react';
+import { ModalContext } from './Context';
+import { usePropsResolution } from '../../../hooks';
+import { Pressable } from '../../primitives/Pressable';
+import { CloseIcon } from '../../primitives/Icon/Icons';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+import { useHover, useFocus, useIsPressed } from '../../primitives/Pressable/Pressable';
+import { composeEventHandlers } from '../../../utils';
+import { useFocusRing } from '@react-native-aria/focus';
+
+const ModalCloseButton = (props, ref) => {
+  const {
+    hoverProps,
+    isHovered
+  } = useHover();
+  const {
+    pressableProps,
+    isPressed
+  } = useIsPressed();
+  const {
+    focusProps,
+    isFocused
+  } = useFocus();
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = useFocusRing();
+  const {
+    _icon,
+    onPressIn,
+    onPressOut,
+    onHoverIn,
+    onHoverOut,
+    onFocus,
+    onBlur,
+    ...resolvedProps
+  } = usePropsResolution('ModalCloseButton', props, {
+    isHovered,
+    isPressed,
+    isFocused,
+    isFocusVisible
+  });
+  const {
+    handleClose
+  } = React.useContext(ModalContext); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Pressable, _extends({
+    accessibilityRole: "button",
+    ref: ref,
+    onPressIn: composeEventHandlers(onPressIn, pressableProps.onPressIn),
+    onPressOut: composeEventHandlers(onPressOut, pressableProps.onPressOut) // @ts-ignore - web only
+    ,
+    onHoverIn: composeEventHandlers(onHoverIn, hoverProps.onHoverIn) // @ts-ignore - web only
+    ,
+    onHoverOut: composeEventHandlers(onHoverOut, hoverProps.onHoverOut) // @ts-ignore - web only
+    ,
+    onFocus: composeEventHandlers(composeEventHandlers(onFocus, focusProps.onFocus), focusRingProps.onFocus) // @ts-ignore - web only
+    ,
+    onBlur: composeEventHandlers(composeEventHandlers(onBlur, focusProps.onBlur), focusRingProps.onBlur),
+    onPress: handleClose
+  }, resolvedProps), /*#__PURE__*/React.createElement(CloseIcon, _icon));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(ModalCloseButton));
+//# sourceMappingURL=ModalCloseButton.js.map

package/lib/module/components/composites/Modal/ModalCloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ModalCloseButton.tsx"],"names":["React","memo","forwardRef","ModalContext","usePropsResolution","Pressable","CloseIcon","useHasResponsiveProps","useHover","useFocus","useIsPressed","composeEventHandlers","useFocusRing","ModalCloseButton","props","ref","hoverProps","isHovered","pressableProps","isPressed","focusProps","isFocused","isFocusVisible","focusRingProps","_icon","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","resolvedProps","handleClose","useContext"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,SAASC,YAAT,QAA6B,WAA7B;AACA,SAASC,kBAAT,QAAmC,gBAAnC;AACA,SAASC,SAAT,QAA0B,4BAA1B;AACA,SAASC,SAAT,QAA0B,6BAA1B;AAEA,SAASC,qBAAT,QAAsC,sCAAtC;AACA,SACEC,QADF,EAEEC,QAFF,EAGEC,YAHF,QAIO,sCAJP;AAKA,SAASC,oBAAT,QAAqC,gBAArC;AACA,SAASC,YAAT,QAA6B,0BAA7B;;AAEA,MAAMC,gBAAgB,GAAG,CAACC,KAAD,EAAsBC,GAAtB,KAAoC;AAC3D,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA4BT,QAAQ,EAA1C;AACA,QAAM;AAAEU,IAAAA,cAAF;AAAkBC,IAAAA;AAAlB,MAAgCT,YAAY,EAAlD;AACA,QAAM;AAAEU,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA4BZ,QAAQ,EAA1C;AACA,QAAM;AAAEa,IAAAA,cAAF;AAAkBF,IAAAA,UAAU,EAAEG;AAA9B,MAAsDX,YAAY,EAAxE;AAEA,QAAM;AACJY,IAAAA,KADI;AAEJC,IAAAA,SAFI;AAGJC,IAAAA,UAHI;AAIJC,IAAAA,SAJI;AAKJC,IAAAA,UALI;AAMJC,IAAAA,OANI;AAOJC,IAAAA,MAPI;AAQJ,OAAGC;AARC,MASF3B,kBAAkB,CAAC,kBAAD,EAAqBU,KAArB,EAA4B;AAChDG,IAAAA,SADgD;AAEhDE,IAAAA,SAFgD;AAGhDE,IAAAA,SAHgD;AAIhDC,IAAAA;AAJgD,GAA5B,CATtB;AAeA,QAAM;AAAEU,IAAAA;AAAF,MAAkBhC,KAAK,CAACiC,UAAN,CAAiB9B,YAAjB,CAAxB,CArB2D,CAsB3D;;AACA,MAAII,qBAAqB,CAACO,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,SAAD;AACE,IAAA,iBAAiB,EAAC,QADpB;AAEE,IAAA,GAAG,EAAEC,GAFP;AAGE,IAAA,SAAS,EAAEJ,oBAAoB,CAACc,SAAD,EAAYP,cAAc,CAACO,SAA3B,CAHjC;AAIE,IAAA,UAAU,EAAEd,oBAAoB,CAACe,UAAD,EAAaR,cAAc,CAACQ,UAA5B,CAJlC,CAKE;AALF;AAME,IAAA,SAAS,EAAEf,oBAAoB,CAACgB,SAAD,EAAYX,UAAU,CAACW,SAAvB,CANjC,CAOE;AAPF;AAQE,IAAA,UAAU,EAAEhB,oBAAoB,CAACiB,UAAD,EAAaZ,UAAU,CAACY,UAAxB,CARlC,CASE;AATF;AAUE,IAAA,OAAO,EAAEjB,oBAAoB,CAC3BA,oBAAoB,CAACkB,OAAD,EAAUT,UAAU,CAACS,OAArB,CADO,EAE3BN,cAAc,CAACM,OAFY,CAV/B,CAcE;AAdF;AAeE,IAAA,MAAM,EAAElB,oBAAoB,CAC1BA,oBAAoB,CAACmB,MAAD,EAASV,UAAU,CAACU,MAApB,CADM,EAE1BP,cAAc,CAACO,MAFW,CAf9B;AAmBE,IAAA,OAAO,EAAEE;AAnBX,KAoBMD,aApBN,gBAsBE,oBAAC,SAAD,EAAeP,KAAf,CAtBF,CADF;AA0BD,CApDD;;AAsDA,4BAAevB,IAAI,eAACC,UAAU,CAACW,gBAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { ModalContext } from './Context';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { Pressable } from '../../primitives/Pressable';\r\nimport { CloseIcon } from '../../primitives/Icon/Icons';\r\nimport type { IButtonProps } from '../../primitives/Button';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport {\r\n  useHover,\r\n  useFocus,\r\n  useIsPressed,\r\n} from '../../primitives/Pressable/Pressable';\r\nimport { composeEventHandlers } from '../../../utils';\r\nimport { useFocusRing } from '@react-native-aria/focus';\r\n\r\nconst ModalCloseButton = (props: IButtonProps, ref?: any) => {\r\n  const { hoverProps, isHovered } = useHover();\r\n  const { pressableProps, isPressed } = useIsPressed();\r\n  const { focusProps, isFocused } = useFocus();\r\n  const { isFocusVisible, focusProps: focusRingProps }: any = useFocusRing();\r\n\r\n  const {\r\n    _icon,\r\n    onPressIn,\r\n    onPressOut,\r\n    onHoverIn,\r\n    onHoverOut,\r\n    onFocus,\r\n    onBlur,\r\n    ...resolvedProps\r\n  } = usePropsResolution('ModalCloseButton', props, {\r\n    isHovered,\r\n    isPressed,\r\n    isFocused,\r\n    isFocusVisible,\r\n  });\r\n  const { handleClose } = React.useContext(ModalContext);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <Pressable\r\n      accessibilityRole=\"button\"\r\n      ref={ref}\r\n      onPressIn={composeEventHandlers(onPressIn, pressableProps.onPressIn)}\r\n      onPressOut={composeEventHandlers(onPressOut, pressableProps.onPressOut)}\r\n      // @ts-ignore - web only\r\n      onHoverIn={composeEventHandlers(onHoverIn, hoverProps.onHoverIn)}\r\n      // @ts-ignore - web only\r\n      onHoverOut={composeEventHandlers(onHoverOut, hoverProps.onHoverOut)}\r\n      // @ts-ignore - web only\r\n      onFocus={composeEventHandlers(\r\n        composeEventHandlers(onFocus, focusProps.onFocus),\r\n        focusRingProps.onFocus\r\n      )}\r\n      // @ts-ignore - web only\r\n      onBlur={composeEventHandlers(\r\n        composeEventHandlers(onBlur, focusProps.onBlur),\r\n        focusRingProps.onBlur\r\n      )}\r\n      onPress={handleClose}\r\n      {...resolvedProps}\r\n    >\r\n      <CloseIcon {..._icon} />\r\n    </Pressable>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(ModalCloseButton));\r\n"]}

package/lib/module/components/composites/Modal/ModalContent.js

@@ -0,0 +1,54 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { memo, forwardRef } from 'react';
+import Box from '../../primitives/Box';
+import { usePropsResolution } from '../../../hooks';
+import { ModalContext } from './Context';
+import { Platform } from 'react-native';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const ModalContent = (props, ref) => {
+  const resolvedProps = usePropsResolution('ModalContent', props);
+  const {
+    contentSize,
+    initialFocusRef,
+    finalFocusRef,
+    handleClose,
+    visible
+  } = React.useContext(ModalContext);
+  React.useEffect(() => {
+    const finalRefVal = finalFocusRef ? finalFocusRef.current : null;
+
+    if (visible) {
+      if (initialFocusRef && initialFocusRef.current) {
+        //@ts-ignore
+        initialFocusRef.current.focus();
+      }
+    } else {
+      if (finalRefVal) {
+        //@ts-ignore
+        finalRefVal.focus();
+      }
+    }
+  }, [initialFocusRef, finalFocusRef, visible]); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Box, _extends({}, contentSize, resolvedProps, {
+    ref: ref,
+    onAccessibilityEscape: handleClose //@ts-ignore - web only
+    ,
+    "aria-modal": "true" //@ts-ignore - web only
+    ,
+    accessibilityRole: Platform.OS === 'web' ? 'dialog' : undefined,
+    accessibilityViewIsModal: true,
+    _web: {
+      focusable: false
+    }
+  }));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(ModalContent));
+//# sourceMappingURL=ModalContent.js.map

package/lib/module/components/composites/Modal/ModalContent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ModalContent.tsx"],"names":["React","memo","forwardRef","Box","usePropsResolution","ModalContext","Platform","useHasResponsiveProps","ModalContent","props","ref","resolvedProps","contentSize","initialFocusRef","finalFocusRef","handleClose","visible","useContext","useEffect","finalRefVal","current","focus","OS","undefined","focusable"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,OAAOC,GAAP,MAA+B,sBAA/B;AACA,SAASC,kBAAT,QAAmC,gBAAnC;AACA,SAASC,YAAT,QAA6B,WAA7B;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,YAAY,GAAG,CAACC,KAAD,EAAmBC,GAAnB,KAAiC;AACpD,QAAMC,aAAa,GAAGP,kBAAkB,CAAC,cAAD,EAAiBK,KAAjB,CAAxC;AACA,QAAM;AACJG,IAAAA,WADI;AAEJC,IAAAA,eAFI;AAGJC,IAAAA,aAHI;AAIJC,IAAAA,WAJI;AAKJC,IAAAA;AALI,MAMFhB,KAAK,CAACiB,UAAN,CAAiBZ,YAAjB,CANJ;AAOAL,EAAAA,KAAK,CAACkB,SAAN,CAAgB,MAAM;AACpB,UAAMC,WAAW,GAAGL,aAAa,GAAGA,aAAa,CAACM,OAAjB,GAA2B,IAA5D;;AACA,QAAIJ,OAAJ,EAAa;AACX,UAAIH,eAAe,IAAIA,eAAe,CAACO,OAAvC,EAAgD;AAC9C;AACAP,QAAAA,eAAe,CAACO,OAAhB,CAAwBC,KAAxB;AACD;AACF,KALD,MAKO;AACL,UAAIF,WAAJ,EAAiB;AACf;AACAA,QAAAA,WAAW,CAACE,KAAZ;AACD;AACF;AACF,GAbD,EAaG,CAACR,eAAD,EAAkBC,aAAlB,EAAiCE,OAAjC,CAbH,EAToD,CAwBpD;;AACA,MAAIT,qBAAqB,CAACE,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,GAAD,eACMG,WADN,EAEMD,aAFN;AAGE,IAAA,GAAG,EAAED,GAHP;AAIE,IAAA,qBAAqB,EAAEK,WAJzB,CAKE;AALF;AAME,kBAAW,MANb,CAOE;AAPF;AAQE,IAAA,iBAAiB,EAAET,QAAQ,CAACgB,EAAT,KAAgB,KAAhB,GAAwB,QAAxB,GAAmCC,SARxD;AASE,IAAA,wBAAwB,MAT1B;AAUE,IAAA,IAAI,EAAE;AAAEC,MAAAA,SAAS,EAAE;AAAb;AAVR,KADF;AAcD,CA1CD;;AA4CA,4BAAevB,IAAI,eAACC,UAAU,CAACM,YAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport Box, { IBoxProps } from '../../primitives/Box';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { ModalContext } from './Context';\r\nimport { Platform } from 'react-native';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst ModalContent = (props: IBoxProps, ref?: any) => {\r\n  const resolvedProps = usePropsResolution('ModalContent', props);\r\n  const {\r\n    contentSize,\r\n    initialFocusRef,\r\n    finalFocusRef,\r\n    handleClose,\r\n    visible,\r\n  } = React.useContext(ModalContext);\r\n  React.useEffect(() => {\r\n    const finalRefVal = finalFocusRef ? finalFocusRef.current : null;\r\n    if (visible) {\r\n      if (initialFocusRef && initialFocusRef.current) {\r\n        //@ts-ignore\r\n        initialFocusRef.current.focus();\r\n      }\r\n    } else {\r\n      if (finalRefVal) {\r\n        //@ts-ignore\r\n        finalRefVal.focus();\r\n      }\r\n    }\r\n  }, [initialFocusRef, finalFocusRef, visible]);\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <Box\r\n      {...contentSize}\r\n      {...resolvedProps}\r\n      ref={ref}\r\n      onAccessibilityEscape={handleClose}\r\n      //@ts-ignore - web only\r\n      aria-modal=\"true\"\r\n      //@ts-ignore - web only\r\n      accessibilityRole={Platform.OS === 'web' ? 'dialog' : undefined}\r\n      accessibilityViewIsModal\r\n      _web={{ focusable: false }}\r\n    />\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(ModalContent));\r\n"]}

package/lib/module/components/composites/Modal/ModalFooter.js

@@ -0,0 +1,21 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { memo, forwardRef } from 'react';
+import Box from '../../primitives/Box';
+import { usePropsResolution } from '../../../hooks';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const ModalFooter = (props, ref) => {
+  const resolvedProps = usePropsResolution('ModalFooter', props); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Box, _extends({}, resolvedProps, {
+    ref: ref
+  }));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(ModalFooter));
+//# sourceMappingURL=ModalFooter.js.map

package/lib/module/components/composites/Modal/ModalFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ModalFooter.tsx"],"names":["React","memo","forwardRef","Box","usePropsResolution","useHasResponsiveProps","ModalFooter","props","ref","resolvedProps"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,OAAOC,GAAP,MAA+B,sBAA/B;AACA,SAASC,kBAAT,QAAmC,gBAAnC;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,WAAW,GAAG,CAACC,KAAD,EAAmBC,GAAnB,KAAiC;AACnD,QAAMC,aAAa,GAAGL,kBAAkB,CAAC,aAAD,EAAgBG,KAAhB,CAAxC,CADmD,CAEnD;;AACA,MAAIF,qBAAqB,CAACE,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,oBAAC,GAAD,eAASE,aAAT;AAAwB,IAAA,GAAG,EAAED;AAA7B,KAAP;AACD,CAPD;;AASA,4BAAeP,IAAI,eAACC,UAAU,CAACI,WAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport Box, { IBoxProps } from '../../primitives/Box';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst ModalFooter = (props: IBoxProps, ref?: any) => {\r\n  const resolvedProps = usePropsResolution('ModalFooter', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return <Box {...resolvedProps} ref={ref} />;\r\n};\r\n\r\nexport default memo(forwardRef(ModalFooter));\r\n"]}

package/lib/module/components/composites/Modal/ModalHeader.js

@@ -0,0 +1,21 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { memo, forwardRef } from 'react';
+import Box from '../../primitives/Box';
+import { usePropsResolution } from '../../../hooks';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const ModalHeader = (props, ref) => {
+  const resolvedProps = usePropsResolution('ModalHeader', props); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Box, _extends({}, resolvedProps, {
+    ref: ref
+  }));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(ModalHeader));
+//# sourceMappingURL=ModalHeader.js.map

package/lib/module/components/composites/Modal/ModalHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ModalHeader.tsx"],"names":["React","memo","forwardRef","Box","usePropsResolution","useHasResponsiveProps","ModalHeader","props","ref","resolvedProps"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,OAAOC,GAAP,MAA+B,sBAA/B;AACA,SAASC,kBAAT,QAAmC,gBAAnC;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,WAAW,GAAG,CAACC,KAAD,EAAmBC,GAAnB,KAAiC;AACnD,QAAMC,aAAa,GAAGL,kBAAkB,CAAC,aAAD,EAAgBG,KAAhB,CAAxC,CADmD,CAEnD;;AACA,MAAIF,qBAAqB,CAACE,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,oBAAC,GAAD,eAASE,aAAT;AAAwB,IAAA,GAAG,EAAED;AAA7B,KAAP;AACD,CAPD;;AASA,4BAAeP,IAAI,eAACC,UAAU,CAACI,WAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport Box, { IBoxProps } from '../../primitives/Box';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst ModalHeader = (props: IBoxProps, ref?: any) => {\r\n  const resolvedProps = usePropsResolution('ModalHeader', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return <Box {...resolvedProps} ref={ref} />;\r\n};\r\n\r\nexport default memo(forwardRef(ModalHeader));\r\n"]}