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

package/lib/module/components/composites/FormControl/useFormControl.js

@@ -0,0 +1,99 @@
+import React from 'react';
+import { useId } from '@react-native-aria/utils';
+import omit from 'lodash.omit';
+import { ariaAttr } from '../../../utils';
+import { ResponsiveQueryContext } from '../../../utils/useResponsiveQuery/ResponsiveQueryProvider';
+import uniqueId from 'lodash.uniqueid';
+export const FormControlContext = /*#__PURE__*/React.createContext({});
+export function useFormControlProvider(props) {
+  const {
+    nativeID: idProp,
+    isRequired,
+    isInvalid,
+    isDisabled,
+    isReadOnly,
+    ...htmlProps
+  } = props;
+  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
+    id = useId();
+  } // const id = '';
+  // Generate all the required ids
+
+
+  const nativeID = idProp || "field-".concat(id);
+  const labelId = "".concat(nativeID, "-label");
+  const feedbackId = "".concat(nativeID, "-feedback");
+  const helpTextId = "".concat(nativeID, "-helptext");
+  /**
+   * Track whether the `FormErrorMessage` has been rendered.
+   * We use this to append its id the the `aria-describedby` of the `input`.
+   */
+
+  const [hasFeedbackText, setHasFeedbackText] = React.useState(false);
+  /**
+   * Track whether the `FormHelperText` has been rendered.
+   * We use this to append its id the the `aria-describedby` of the `input`.
+   */
+
+  const [hasHelpText, setHasHelpText] = React.useState(false);
+  const context = {
+    isRequired: !!isRequired,
+    isInvalid: !!isInvalid,
+    isReadOnly: !!isReadOnly,
+    isDisabled: !!isDisabled,
+    hasFeedbackText,
+    setHasFeedbackText,
+    hasHelpText,
+    setHasHelpText,
+    nativeID,
+    labelId,
+    feedbackId,
+    helpTextId,
+    htmlProps
+  };
+  return context;
+}
+/**
+ * React hook that provides the props that should be spread on to
+ * input fields (`input`, `select`, `textarea`, etc.).
+ *
+ * It provides a convenient way to control a form fields, validation
+ * and helper text.
+ */
+
+export function useFormControl(props) {
+  const field = useFormControlContext();
+  const describedBy = []; // Error message must be described first in all scenarios.
+
+  if (field !== null && field !== void 0 && field.hasFeedbackText) describedBy.push(field === null || field === void 0 ? void 0 : field.feedbackId);
+  if (field !== null && field !== void 0 && field.hasHelpText) describedBy.push(field === null || field === void 0 ? void 0 : field.helpTextId);
+  const ariaDescribedBy = describedBy.join(' ');
+  const cleanProps = omit(props, ['isInvalid', 'isDisabled', 'isReadOnly', 'isRequired']);
+  let nativeID = props === null || props === void 0 ? void 0 : props.nativeID;
+
+  if (!nativeID && field !== null && field !== void 0 && field.nativeID) {
+    nativeID = "".concat(field === null || field === void 0 ? void 0 : field.nativeID, "-input");
+  }
+
+  return { ...cleanProps,
+    nativeID: nativeID,
+    disabled: props.isDisabled || (field === null || field === void 0 ? void 0 : field.isDisabled),
+    readOnly: props.isReadOnly || (field === null || field === void 0 ? void 0 : field.isReadOnly),
+    required: props.isRequired || (field === null || field === void 0 ? void 0 : field.isRequired),
+    accessibilityInvalid: ariaAttr(props.isInvalid || (field === null || field === void 0 ? void 0 : field.isInvalid)),
+    accessibilityRequired: ariaAttr(props.isRequired || (field === null || field === void 0 ? void 0 : field.isRequired)),
+    accessibilityReadOnly: ariaAttr(props.isReadOnly || (field === null || field === void 0 ? void 0 : field.isReadOnly)),
+    accessibilityDescribedBy: ariaDescribedBy || undefined
+  };
+}
+export const useFormControlContext = () => {
+  return React.useContext(FormControlContext);
+};
+//# sourceMappingURL=useFormControl.js.map

package/lib/module/components/composites/FormControl/useFormControl.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useFormControl.tsx"],"names":["React","useId","omit","ariaAttr","ResponsiveQueryContext","uniqueId","FormControlContext","createContext","useFormControlProvider","props","nativeID","idProp","isRequired","isInvalid","isDisabled","isReadOnly","htmlProps","id","responsiveQueryContext","useContext","disableCSSMediaQueries","labelId","feedbackId","helpTextId","hasFeedbackText","setHasFeedbackText","useState","hasHelpText","setHasHelpText","context","useFormControl","field","useFormControlContext","describedBy","push","ariaDescribedBy","join","cleanProps","disabled","readOnly","required","accessibilityInvalid","accessibilityRequired","accessibilityReadOnly","accessibilityDescribedBy","undefined"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { useId } from '@react-native-aria/utils';\r\nimport omit from 'lodash.omit';\r\nimport type { IFormControlProps } from './types';\r\nimport { ariaAttr } from '../../../utils';\r\nimport { ResponsiveQueryContext } from '../../../utils/useResponsiveQuery/ResponsiveQueryProvider';\r\nimport uniqueId from 'lodash.uniqueid';\r\n\r\nexport type IFormControlContext = Omit<\r\n  ReturnType<typeof useFormControlProvider>,\r\n  'htmlProps'\r\n>;\r\n\r\nexport const FormControlContext = React.createContext({});\r\n\r\nexport function useFormControlProvider(props: IFormControlProps) {\r\n  const {\r\n    nativeID: idProp,\r\n    isRequired,\r\n    isInvalid,\r\n    isDisabled,\r\n    isReadOnly,\r\n    ...htmlProps\r\n  } = props;\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    id = useId();\r\n  }\r\n\r\n  // const id = '';\r\n  // Generate all the required ids\r\n  const nativeID = idProp || `field-${id}`;\r\n\r\n  const labelId = `${nativeID}-label`;\r\n  const feedbackId = `${nativeID}-feedback`;\r\n  const helpTextId = `${nativeID}-helptext`;\r\n\r\n  /**\r\n   * Track whether the `FormErrorMessage` has been rendered.\r\n   * We use this to append its id the the `aria-describedby` of the `input`.\r\n   */\r\n  const [hasFeedbackText, setHasFeedbackText] = React.useState(false);\r\n\r\n  /**\r\n   * Track whether the `FormHelperText` has been rendered.\r\n   * We use this to append its id the the `aria-describedby` of the `input`.\r\n   */\r\n  const [hasHelpText, setHasHelpText] = React.useState(false);\r\n\r\n  const context = {\r\n    isRequired: !!isRequired,\r\n    isInvalid: !!isInvalid,\r\n    isReadOnly: !!isReadOnly,\r\n    isDisabled: !!isDisabled,\r\n    hasFeedbackText,\r\n    setHasFeedbackText,\r\n    hasHelpText,\r\n    setHasHelpText,\r\n    nativeID,\r\n    labelId,\r\n    feedbackId,\r\n    helpTextId,\r\n    htmlProps,\r\n  };\r\n\r\n  return context;\r\n}\r\n\r\n/**\r\n * React hook that provides the props that should be spread on to\r\n * input fields (`input`, `select`, `textarea`, etc.).\r\n *\r\n * It provides a convenient way to control a form fields, validation\r\n * and helper text.\r\n */\r\nexport function useFormControl(props: IFormControlProps) {\r\n  const field = useFormControlContext();\r\n  const describedBy: any[] = [];\r\n\r\n  // Error message must be described first in all scenarios.\r\n  if (field?.hasFeedbackText) describedBy.push(field?.feedbackId);\r\n  if (field?.hasHelpText) describedBy.push(field?.helpTextId);\r\n  const ariaDescribedBy = describedBy.join(' ');\r\n\r\n  const cleanProps = omit(props, [\r\n    'isInvalid',\r\n    'isDisabled',\r\n    'isReadOnly',\r\n    'isRequired',\r\n  ]);\r\n\r\n  let nativeID = props?.nativeID;\r\n\r\n  if (!nativeID && field?.nativeID) {\r\n    nativeID = `${field?.nativeID}-input`;\r\n  }\r\n\r\n  return {\r\n    ...cleanProps,\r\n    nativeID: nativeID,\r\n    disabled: props.isDisabled || field?.isDisabled,\r\n    readOnly: props.isReadOnly || field?.isReadOnly,\r\n    required: props.isRequired || field?.isRequired,\r\n    accessibilityInvalid: ariaAttr(props.isInvalid || field?.isInvalid),\r\n    accessibilityRequired: ariaAttr(props.isRequired || field?.isRequired),\r\n    accessibilityReadOnly: ariaAttr(props.isReadOnly || field?.isReadOnly),\r\n    accessibilityDescribedBy: ariaDescribedBy || undefined,\r\n  };\r\n}\r\n\r\nexport const useFormControlContext = () => {\r\n  return (React.useContext(\r\n    FormControlContext\r\n  ) as unknown) as IFormControlContext;\r\n};\r\n"]}

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

@@ -0,0 +1,88 @@
+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 { Pressable } from '../../primitives/Pressable';
+import { Icon } from '../../primitives/Icon';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+import { composeEventHandlers } from '../../../utils';
+import { useHover, useFocus, useIsPressed } from '../../primitives/Pressable/Pressable';
+import { useFocusRing } from '@react-native-aria/focus';
+import merge from 'lodash.merge';
+
+const IconButton = ({
+  icon,
+  _icon: pseudoIconProp,
+  children,
+  isHovered: isHoveredProp,
+  isPressed: isPressedProp,
+  isFocused: isFocusedProp,
+  isFocusVisible: isFocusVisibleProp,
+  isDisabled,
+  ...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('IconButton', { ...props,
+    _icon: merge({}, pseudoIconProp, icon === null || icon === void 0 ? void 0 : icon.props)
+  }, {
+    isHovered: isHoveredProp || isHovered,
+    isPressed: isPressedProp || isPressed,
+    isFocused: isFocusedProp || isFocused,
+    isFocusVisible: isFocusVisibleProp || isFocusVisible,
+    isDisabled
+  });
+  let clonedIcon;
+
+  if (icon) {
+    clonedIcon = /*#__PURE__*/React.cloneElement(icon, { ..._icon
+    });
+  } //TODO: refactor for responsive prop
+
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Pressable, _extends({
+    disabled: isDisabled,
+    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)
+  }, resolvedProps), clonedIcon || /*#__PURE__*/React.createElement(Icon, _icon, children));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(IconButton));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["React","memo","forwardRef","Pressable","Icon","usePropsResolution","useHasResponsiveProps","composeEventHandlers","useHover","useFocus","useIsPressed","useFocusRing","merge","IconButton","icon","_icon","pseudoIconProp","children","isHovered","isHoveredProp","isPressed","isPressedProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","props","ref","hoverProps","pressableProps","focusProps","focusRingProps","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","resolvedProps","clonedIcon","cloneElement"],"mappings":"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","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Pressable } from '../../primitives/Pressable';\r\nimport { Icon } from '../../primitives/Icon';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { composeEventHandlers } from '../../../utils';\r\nimport type { IIconButtonProps } from './types';\r\nimport {\r\n  useHover,\r\n  useFocus,\r\n  useIsPressed,\r\n} from '../../primitives/Pressable/Pressable';\r\nimport { useFocusRing } from '@react-native-aria/focus';\r\nimport merge from 'lodash.merge';\r\n\r\nconst IconButton = (\r\n  {\r\n    icon,\r\n    _icon: pseudoIconProp,\r\n    children,\r\n    isHovered: isHoveredProp,\r\n    isPressed: isPressedProp,\r\n    isFocused: isFocusedProp,\r\n    isFocusVisible: isFocusVisibleProp,\r\n    isDisabled,\r\n    ...props\r\n  }: IIconButtonProps,\r\n  ref: any\r\n) => {\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(\r\n    'IconButton',\r\n    { ...props, _icon: merge({}, pseudoIconProp, icon?.props) },\r\n    {\r\n      isHovered: isHoveredProp || isHovered,\r\n      isPressed: isPressedProp || isPressed,\r\n      isFocused: isFocusedProp || isFocused,\r\n      isFocusVisible: isFocusVisibleProp || isFocusVisible,\r\n      isDisabled,\r\n    }\r\n  );\r\n\r\n  let clonedIcon;\r\n  if (icon) {\r\n    clonedIcon = React.cloneElement(icon, {\r\n      ..._icon,\r\n    });\r\n  }\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Pressable\r\n      disabled={isDisabled}\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      {...resolvedProps}\r\n    >\r\n      {clonedIcon || <Icon {..._icon}>{children}</Icon>}\r\n    </Pressable>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(IconButton));\r\nexport type { IIconButtonProps };\r\n"]}

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

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

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

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

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

@@ -0,0 +1,24 @@
+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 from 'react';
+import { Box } from '../../primitives';
+import { useThemeProps } from '../../../hooks';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const Kbd = ({
+  children,
+  ...props
+}, ref) => {
+  const newProps = useThemeProps('Kbd', props); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Box, _extends({}, newProps, {
+    ref: ref
+  }), children);
+};
+
+export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Kbd));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["React","Box","useThemeProps","useHasResponsiveProps","Kbd","children","props","ref","newProps","memo","forwardRef"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,QAAoB,kBAApB;AACA,SAASC,aAAT,QAA8B,gBAA9B;AAEA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,GAAG,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,EAAoCC,GAApC,KAAkD;AAC5D,QAAMC,QAAQ,GAAGN,aAAa,CAAC,KAAD,EAAQI,KAAR,CAA9B,CAD4D,CAE5D;;AACA,MAAIH,qBAAqB,CAACG,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,GAAD,eAASE,QAAT;AAAmB,IAAA,GAAG,EAAED;AAAxB,MACGF,QADH,CADF;AAKD,CAXD;;AAaA,4BAAeL,KAAK,CAACS,IAAN,eAAWT,KAAK,CAACU,UAAN,CAAiBN,GAAjB,CAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport { Box } from '../../primitives';\r\nimport { useThemeProps } from '../../../hooks';\r\nimport type { IKbdProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Kbd = ({ children, ...props }: IKbdProps, ref?: any) => {\r\n  const newProps = useThemeProps('Kbd', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <Box {...newProps} ref={ref}>\r\n      {children}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(Kbd));\r\nexport type { IKbdProps };\r\n"]}

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

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

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

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

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

@@ -0,0 +1,115 @@
+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/useThemeProps';
+import { Popper } from '../Popper';
+import { AccessibilityInfo, ScrollView } from 'react-native';
+import { useControllableState } from '../../../hooks';
+import { useMenuTrigger, useMenu, useMenuTypeahead } from './useMenu';
+import Backdrop from '../Backdrop';
+import { PresenceTransition } from '../Transitions';
+import { FocusScope } from '@react-native-aria/focus';
+import { MenuContext } from './MenuContext';
+import { Overlay } from '../../primitives/Overlay';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const Menu = ({
+  trigger,
+  closeOnSelect = true,
+  children,
+  onOpen,
+  onClose,
+  isOpen: isOpenProp,
+  defaultIsOpen,
+  placement = 'bottom left',
+  ...props
+}, ref) => {
+  const triggerRef = React.useRef(null);
+  const [isOpen, setIsOpen] = useControllableState({
+    value: isOpenProp,
+    defaultValue: defaultIsOpen,
+    onChange: value => {
+      value ? onOpen && onOpen() : onClose && onClose();
+    }
+  });
+  const {
+    _overlay,
+    _presenceTransition,
+    _backdrop,
+    useRNModal,
+    ...resolvedProps
+  } = usePropsResolution('Menu', props);
+  const handleOpen = React.useCallback(() => {
+    setIsOpen(true);
+  }, [setIsOpen]);
+  const handleClose = React.useCallback(() => {
+    setIsOpen(false);
+  }, [setIsOpen]);
+  const triggerProps = useMenuTrigger({
+    handleOpen,
+    isOpen
+  });
+
+  const updatedTrigger = () => {
+    return trigger({ ...triggerProps,
+      ref: triggerRef,
+      onPress: handleOpen
+    }, {
+      open: isOpen
+    });
+  };
+
+  React.useEffect(() => {
+    if (isOpen) {
+      AccessibilityInfo.announceForAccessibility('Popup window');
+    }
+  }, [isOpen]); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(resolvedProps)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, updatedTrigger(), /*#__PURE__*/React.createElement(Overlay, _extends({
+    isOpen: isOpen,
+    onRequestClose: handleClose,
+    useRNModalOnAndroid: true,
+    useRNModal: useRNModal
+  }, _overlay), /*#__PURE__*/React.createElement(PresenceTransition, _extends({
+    visible: isOpen
+  }, _presenceTransition), /*#__PURE__*/React.createElement(Popper, _extends({
+    triggerRef: triggerRef,
+    onClose: handleClose,
+    placement: placement
+  }, resolvedProps), /*#__PURE__*/React.createElement(Backdrop, _extends({
+    onPress: handleClose
+  }, _backdrop)), /*#__PURE__*/React.createElement(Popper.Content, {
+    isOpen: isOpen
+  }, /*#__PURE__*/React.createElement(MenuContext.Provider, {
+    value: {
+      closeOnSelect,
+      onClose: handleClose
+    }
+  }, /*#__PURE__*/React.createElement(FocusScope, {
+    contain: true,
+    restoreFocus: true,
+    autoFocus: true
+  }, /*#__PURE__*/React.createElement(MenuContent, _extends({
+    menuRef: ref
+  }, resolvedProps), children))))))));
+};
+
+const MenuContent = ({
+  menuRef,
+  children,
+  ...props
+}) => {
+  const menuProps = useMenu();
+  const typeaheadProps = useMenuTypeahead(menuProps);
+  return /*#__PURE__*/React.createElement(Box, _extends({}, props, menuProps, typeaheadProps, {
+    ref: menuRef
+  }), /*#__PURE__*/React.createElement(ScrollView, null, children));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Menu));
+//# sourceMappingURL=Menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Menu.tsx"],"names":["React","memo","forwardRef","Box","usePropsResolution","Popper","AccessibilityInfo","ScrollView","useControllableState","useMenuTrigger","useMenu","useMenuTypeahead","Backdrop","PresenceTransition","FocusScope","MenuContext","Overlay","useHasResponsiveProps","Menu","trigger","closeOnSelect","children","onOpen","onClose","isOpen","isOpenProp","defaultIsOpen","placement","props","ref","triggerRef","useRef","setIsOpen","value","defaultValue","onChange","_overlay","_presenceTransition","_backdrop","useRNModal","resolvedProps","handleOpen","useCallback","handleClose","triggerProps","updatedTrigger","onPress","open","useEffect","announceForAccessibility","MenuContent","menuRef","menuProps","typeaheadProps"],"mappings":"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","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport type { IMenuProps } from './types';\r\nimport Box from '../../primitives/Box';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { Popper } from '../Popper';\r\nimport { AccessibilityInfo, ScrollView } from 'react-native';\r\nimport { useControllableState } from '../../../hooks';\r\nimport { useMenuTrigger, useMenu, useMenuTypeahead } from './useMenu';\r\nimport Backdrop from '../Backdrop';\r\nimport { PresenceTransition } from '../Transitions';\r\nimport { FocusScope } from '@react-native-aria/focus';\r\nimport { MenuContext } from './MenuContext';\r\nimport { Overlay } from '../../primitives/Overlay';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Menu = (\r\n  {\r\n    trigger,\r\n    closeOnSelect = true,\r\n    children,\r\n    onOpen,\r\n    onClose,\r\n    isOpen: isOpenProp,\r\n    defaultIsOpen,\r\n    placement = 'bottom left',\r\n    ...props\r\n  }: IMenuProps,\r\n  ref?: any\r\n) => {\r\n  const triggerRef = React.useRef(null);\r\n  const [isOpen, setIsOpen] = useControllableState({\r\n    value: isOpenProp,\r\n    defaultValue: defaultIsOpen,\r\n    onChange: (value) => {\r\n      value ? onOpen && onOpen() : onClose && onClose();\r\n    },\r\n  });\r\n\r\n  const {\r\n    _overlay,\r\n    _presenceTransition,\r\n    _backdrop,\r\n    useRNModal,\r\n    ...resolvedProps\r\n  } = usePropsResolution('Menu', props);\r\n  const handleOpen = React.useCallback(() => {\r\n    setIsOpen(true);\r\n  }, [setIsOpen]);\r\n\r\n  const handleClose = React.useCallback(() => {\r\n    setIsOpen(false);\r\n  }, [setIsOpen]);\r\n\r\n  const triggerProps = useMenuTrigger({\r\n    handleOpen,\r\n    isOpen,\r\n  });\r\n\r\n  const updatedTrigger = () => {\r\n    return trigger(\r\n      {\r\n        ...triggerProps,\r\n        ref: triggerRef,\r\n        onPress: handleOpen,\r\n      },\r\n      { open: isOpen }\r\n    );\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    if (isOpen) {\r\n      AccessibilityInfo.announceForAccessibility('Popup window');\r\n    }\r\n  }, [isOpen]);\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(resolvedProps)) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <>\r\n      {updatedTrigger()}\r\n      <Overlay\r\n        isOpen={isOpen}\r\n        onRequestClose={handleClose}\r\n        useRNModalOnAndroid\r\n        useRNModal={useRNModal}\r\n        {..._overlay}\r\n      >\r\n        <PresenceTransition visible={isOpen} {..._presenceTransition}>\r\n          <Popper\r\n            triggerRef={triggerRef}\r\n            onClose={handleClose}\r\n            placement={placement}\r\n            {...resolvedProps}\r\n          >\r\n            <Backdrop onPress={handleClose} {..._backdrop} />\r\n            <Popper.Content isOpen={isOpen}>\r\n              <MenuContext.Provider\r\n                value={{ closeOnSelect, onClose: handleClose }}\r\n              >\r\n                <FocusScope contain restoreFocus autoFocus>\r\n                  <MenuContent menuRef={ref} {...resolvedProps}>\r\n                    {children}\r\n                  </MenuContent>\r\n                </FocusScope>\r\n              </MenuContext.Provider>\r\n            </Popper.Content>\r\n          </Popper>\r\n        </PresenceTransition>\r\n      </Overlay>\r\n    </>\r\n  );\r\n};\r\n\r\nconst MenuContent = ({\r\n  menuRef,\r\n  children,\r\n  ...props\r\n}: Omit<IMenuProps, 'trigger'> & { menuRef: any }) => {\r\n  const menuProps = useMenu();\r\n  const typeaheadProps = useMenuTypeahead(menuProps);\r\n\r\n  return (\r\n    <Box {...props} {...menuProps} {...typeaheadProps} ref={menuRef}>\r\n      <ScrollView>{children}</ScrollView>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Menu));\r\n"]}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export const MenuContext = /*#__PURE__*/React.createContext({
+  closeOnSelect: true,
+  onClose: () => {}
+});
+//# sourceMappingURL=MenuContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuContext.ts"],"names":["React","MenuContext","createContext","closeOnSelect","onClose"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAO,MAAMC,WAAW,gBAAGD,KAAK,CAACE,aAAN,CAAoB;AAC7CC,EAAAA,aAAa,EAAE,IAD8B;AAE7CC,EAAAA,OAAO,EAAE,MAAM,CAAE;AAF4B,CAApB,CAApB","sourcesContent":["import React from 'react';\r\nexport const MenuContext = React.createContext({\r\n  closeOnSelect: true,\r\n  onClose: () => {},\r\n});\r\n"]}

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

@@ -0,0 +1,32 @@
+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 Text from '../../primitives/Text';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import Box from '../../primitives/Box';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const MenuGroup = ({
+  title,
+  children,
+  ...props
+}, ref) => {
+  const {
+    _title,
+    ...resolvedProps
+  } = usePropsResolution('MenuGroup', props); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps({ ...props,
+    title
+  })) {
+    return null;
+  } //TODO: Can be simplified
+
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, _extends({}, resolvedProps, {
+    ref: ref
+  }), /*#__PURE__*/React.createElement(Text, _title, title)), children);
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(MenuGroup));
+//# sourceMappingURL=MenuGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuGroup.tsx"],"names":["React","memo","forwardRef","Text","usePropsResolution","Box","useHasResponsiveProps","MenuGroup","title","children","props","ref","_title","resolvedProps"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,OAAOC,IAAP,MAAiB,uBAAjB;AACA,SAASC,kBAAT,QAAmC,8BAAnC;AACA,OAAOC,GAAP,MAAgB,sBAAhB;AAEA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,SAAS,GAAG,CAChB;AAAEC,EAAAA,KAAF;AAASC,EAAAA,QAAT;AAAmB,KAAGC;AAAtB,CADgB,EAEhBC,GAFgB,KAGb;AACH,QAAM;AAAEC,IAAAA,MAAF;AAAU,OAAGC;AAAb,MAA+BT,kBAAkB,CAAC,WAAD,EAAcM,KAAd,CAAvD,CADG,CAGH;;AACA,MAAIJ,qBAAqB,CAAC,EAAE,GAAGI,KAAL;AAAYF,IAAAA;AAAZ,GAAD,CAAzB,EAAgD;AAC9C,WAAO,IAAP;AACD,GANE,CAQH;;;AACA,sBACE,uDACE,oBAAC,GAAD,eAASK,aAAT;AAAwB,IAAA,GAAG,EAAEF;AAA7B,mBACE,oBAAC,IAAD,EAAUC,MAAV,EAAmBJ,KAAnB,CADF,CADF,EAIGC,QAJH,CADF;AAQD,CApBD;;AAsBA,4BAAeR,IAAI,eAACC,UAAU,CAACK,SAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport Text from '../../primitives/Text';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport Box from '../../primitives/Box';\r\nimport type { IMenuGroupProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst MenuGroup = (\r\n  { title, children, ...props }: IMenuGroupProps,\r\n  ref: any\r\n) => {\r\n  const { _title, ...resolvedProps } = usePropsResolution('MenuGroup', props);\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps({ ...props, title })) {\r\n    return null;\r\n  }\r\n\r\n  //TODO: Can be simplified\r\n  return (\r\n    <>\r\n      <Box {...resolvedProps} ref={ref}>\r\n        <Text {..._title}>{title}</Text>\r\n      </Box>\r\n      {children}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(MenuGroup));\r\n"]}

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

@@ -0,0 +1,81 @@
+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 Text from '../../primitives/Text';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { Pressable } from '../../primitives/Pressable';
+import { MenuContext } from './MenuContext';
+import { useMenuItem } from './useMenu';
+import { mergeRefs } from '../../../utils';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+import { HStack } from '../../primitives';
+
+const MenuItem = ({
+  children,
+  isDisabled,
+  onPress,
+  textValue,
+  ...props
+}, ref) => {
+  const {
+    closeOnSelect,
+    onClose
+  } = React.useContext(MenuContext);
+  const menuItemRef = React.useRef(null);
+  const mergedRef = mergeRefs([menuItemRef, ref]);
+  const {
+    _text,
+    _stack,
+    ...resolvedProps
+  } = usePropsResolution('MenuItem', props, {
+    isDisabled
+  }, {
+    cascadePseudoProps: true
+  });
+  const [textContent, setTextContent] = React.useState('');
+  React.useEffect(() => {
+    const menuItem = menuItemRef.current;
+
+    if (menuItem) {
+      var _menuItem$textContent;
+
+      setTextContent(((_menuItem$textContent = menuItem.textContent) !== null && _menuItem$textContent !== void 0 ? _menuItem$textContent : '').trim());
+    }
+  }, [children]);
+  const menuItemProps = useMenuItem({
+    textValue: textValue !== null && textValue !== void 0 ? textValue : textContent,
+    ref: menuItemRef
+  }); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Pressable, _extends({}, menuItemProps, resolvedProps, {
+    ref: mergedRef,
+    disabled: isDisabled,
+    accessibilityState: {
+      disabled: isDisabled
+    },
+    onPress: e => {
+      if (!isDisabled) {
+        onPress && onPress(e);
+
+        if (closeOnSelect) {
+          onClose && onClose();
+        }
+      }
+    }
+  }), /*#__PURE__*/React.createElement(HStack, _stack, React.Children.map(children, (child, index) => {
+    if (typeof child === 'string' || typeof child === 'number') {
+      return /*#__PURE__*/React.createElement(Text, _extends({
+        key: "menu-item-".concat(index)
+      }, _text), child);
+    } else {
+      return child;
+    }
+  })));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(MenuItem));
+//# sourceMappingURL=MenuItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuItem.tsx"],"names":["React","forwardRef","memo","Text","usePropsResolution","Pressable","MenuContext","useMenuItem","mergeRefs","useHasResponsiveProps","HStack","MenuItem","children","isDisabled","onPress","textValue","props","ref","closeOnSelect","onClose","useContext","menuItemRef","useRef","mergedRef","_text","_stack","resolvedProps","cascadePseudoProps","textContent","setTextContent","useState","useEffect","menuItem","current","trim","menuItemProps","disabled","e","Children","map","child","index"],"mappings":"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","sourcesContent":["import React, { forwardRef, memo } from 'react';\r\nimport Text from '../../primitives/Text';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { Pressable } from '../../primitives/Pressable';\r\nimport type { IMenuItemProps } from './types';\r\nimport { MenuContext } from './MenuContext';\r\nimport { useMenuItem } from './useMenu';\r\nimport { mergeRefs } from '../../../utils';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { HStack } from '../../primitives';\r\n\r\nconst MenuItem = (\r\n  { children, isDisabled, onPress, textValue, ...props }: IMenuItemProps,\r\n  ref: any\r\n) => {\r\n  const { closeOnSelect, onClose } = React.useContext(MenuContext);\r\n  const menuItemRef = React.useRef<any>(null);\r\n  const mergedRef = mergeRefs([menuItemRef, ref]);\r\n  const { _text, _stack, ...resolvedProps } = usePropsResolution(\r\n    'MenuItem',\r\n    props,\r\n    {\r\n      isDisabled,\r\n    },\r\n    {\r\n      cascadePseudoProps: true,\r\n    }\r\n  );\r\n  const [textContent, setTextContent] = React.useState('');\r\n  React.useEffect(() => {\r\n    const menuItem = menuItemRef.current;\r\n    if (menuItem) {\r\n      setTextContent((menuItem.textContent ?? '').trim());\r\n    }\r\n  }, [children]);\r\n\r\n  const menuItemProps = useMenuItem({\r\n    textValue: textValue ?? textContent,\r\n    ref: menuItemRef,\r\n  });\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Pressable\r\n      {...menuItemProps}\r\n      {...resolvedProps}\r\n      ref={mergedRef}\r\n      disabled={isDisabled}\r\n      accessibilityState={{\r\n        disabled: isDisabled,\r\n      }}\r\n      onPress={(e: any) => {\r\n        if (!isDisabled) {\r\n          onPress && onPress(e);\r\n          if (closeOnSelect) {\r\n            onClose && onClose();\r\n          }\r\n        }\r\n      }}\r\n    >\r\n      <HStack {..._stack}>\r\n        {React.Children.map(children, (child, index: any) => {\r\n          if (typeof child === 'string' || typeof child === 'number') {\r\n            return (\r\n              <Text key={`menu-item-${index}`} {..._text}>\r\n                {child}\r\n              </Text>\r\n            );\r\n          } else {\r\n            return child;\r\n          }\r\n        })}\r\n      </HStack>\r\n    </Pressable>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(MenuItem));\r\n"]}

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

@@ -0,0 +1,62 @@
+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, useContext } from 'react';
+import { CheckIcon } from '../../primitives/Icon/Icons';
+import Text from '../../primitives/Text';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import MenuItem from './MenuItem';
+import { MenuOptionContext } from './MenuOptionGroup';
+import { useMenuOptionItem } from './useMenu';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const MenuItemOption = ({
+  value,
+  ...props
+}, ref) => {
+  const {
+    values,
+    onChange,
+    type
+  } = useContext(MenuOptionContext);
+  const isChecked = values.includes(value);
+  const menuOptionProps = useMenuOptionItem({
+    isChecked,
+    type
+  });
+  const {
+    children,
+    onPress,
+    _icon,
+    _text,
+    ...resolvedProps
+  } = usePropsResolution('MenuItem', props, {
+    isChecked
+  });
+
+  const modifiedOnPress = e => {
+    onChange(value);
+    onPress && onPress(e);
+  }; //TODO: refactor for responsive prop
+
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(MenuItem, _extends({}, resolvedProps, menuOptionProps, {
+    accessibilityRole: "button",
+    onPress: modifiedOnPress,
+    ref: ref
+  }), /*#__PURE__*/React.createElement(CheckIcon, _icon), React.Children.map(children, (child, index) => {
+    if (typeof child === 'string' || typeof child === 'number') {
+      return /*#__PURE__*/React.createElement(Text, _extends({
+        key: "menu-item-option-".concat(index)
+      }, _text), child);
+    } else {
+      return child;
+    }
+  }));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(MenuItemOption));
+//# sourceMappingURL=MenuItemOption.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuItemOption.tsx"],"names":["React","forwardRef","memo","useContext","CheckIcon","Text","usePropsResolution","MenuItem","MenuOptionContext","useMenuOptionItem","useHasResponsiveProps","MenuItemOption","value","props","ref","values","onChange","type","isChecked","includes","menuOptionProps","children","onPress","_icon","_text","resolvedProps","modifiedOnPress","e","Children","map","child","index"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,IAA5B,EAAkCC,UAAlC,QAAoD,OAApD;AACA,SAASC,SAAT,QAA0B,6BAA1B;AACA,OAAOC,IAAP,MAAiB,uBAAjB;AACA,SAASC,kBAAT,QAAmC,8BAAnC;AACA,OAAOC,QAAP,MAAqB,YAArB;AAEA,SAASC,iBAAT,QAAkC,mBAAlC;AACA,SAASC,iBAAT,QAAkC,WAAlC;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,cAAc,GAAG,CACrB;AAAEC,EAAAA,KAAF;AAAS,KAAGC;AAAZ,CADqB,EAErBC,GAFqB,KAGlB;AACH,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,QAAV;AAAoBC,IAAAA;AAApB,MAAsDd,UAAU,CACpEK,iBADoE,CAAtE;AAGA,QAAMU,SAAS,GAAGH,MAAM,CAACI,QAAP,CAAgBP,KAAhB,CAAlB;AACA,QAAMQ,eAAe,GAAGX,iBAAiB,CAAC;AAAES,IAAAA,SAAF;AAAaD,IAAAA;AAAb,GAAD,CAAzC;AACA,QAAM;AACJI,IAAAA,QADI;AAEJC,IAAAA,OAFI;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,KAJI;AAKJ,OAAGC;AALC,MAMFnB,kBAAkB,CAAC,UAAD,EAAaO,KAAb,EAAoB;AAAEK,IAAAA;AAAF,GAApB,CANtB;;AAQA,QAAMQ,eAAe,GAAIC,CAAD,IAAY;AAClCX,IAAAA,QAAQ,CAACJ,KAAD,CAAR;AACAU,IAAAA,OAAO,IAAIA,OAAO,CAACK,CAAD,CAAlB;AACD,GAHD,CAdG,CAmBH;;;AACA,MAAIjB,qBAAqB,CAACG,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,QAAD,eACMY,aADN,EAEML,eAFN;AAGE,IAAA,iBAAiB,EAAC,QAHpB;AAIE,IAAA,OAAO,EAAEM,eAJX;AAKE,IAAA,GAAG,EAAEZ;AALP,mBAOE,oBAAC,SAAD,EAAeS,KAAf,CAPF,EAQGvB,KAAK,CAAC4B,QAAN,CAAeC,GAAf,CAAmBR,QAAnB,EAA6B,CAACS,KAAD,EAAQC,KAAR,KAAuB;AACnD,QAAI,OAAOD,KAAP,KAAiB,QAAjB,IAA6B,OAAOA,KAAP,KAAiB,QAAlD,EAA4D;AAC1D,0BACE,oBAAC,IAAD;AAAM,QAAA,GAAG,6BAAsBC,KAAtB;AAAT,SAA4CP,KAA5C,GACGM,KADH,CADF;AAKD,KAND,MAMO;AACL,aAAOA,KAAP;AACD;AACF,GAVA,CARH,CADF;AAsBD,CAhDD;;AAkDA,4BAAe5B,IAAI,eAACD,UAAU,CAACU,cAAD,CAAX,CAAnB","sourcesContent":["import React, { forwardRef, memo, useContext } from 'react';\r\nimport { CheckIcon } from '../../primitives/Icon/Icons';\r\nimport Text from '../../primitives/Text';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport MenuItem from './MenuItem';\r\nimport type { IMenuItemOptionProps, IMenuOptionContextProps } from './types';\r\nimport { MenuOptionContext } from './MenuOptionGroup';\r\nimport { useMenuOptionItem } from './useMenu';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst MenuItemOption = (\r\n  { value, ...props }: IMenuItemOptionProps,\r\n  ref: any\r\n) => {\r\n  const { values, onChange, type }: IMenuOptionContextProps = useContext(\r\n    MenuOptionContext\r\n  );\r\n  const isChecked = values.includes(value);\r\n  const menuOptionProps = useMenuOptionItem({ isChecked, type });\r\n  const {\r\n    children,\r\n    onPress,\r\n    _icon,\r\n    _text,\r\n    ...resolvedProps\r\n  } = usePropsResolution('MenuItem', props, { isChecked });\r\n\r\n  const modifiedOnPress = (e: any) => {\r\n    onChange(value);\r\n    onPress && onPress(e);\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    <MenuItem\r\n      {...resolvedProps}\r\n      {...menuOptionProps}\r\n      accessibilityRole=\"button\"\r\n      onPress={modifiedOnPress}\r\n      ref={ref}\r\n    >\r\n      <CheckIcon {..._icon} />\r\n      {React.Children.map(children, (child, index: any) => {\r\n        if (typeof child === 'string' || typeof child === 'number') {\r\n          return (\r\n            <Text key={`menu-item-option-${index}`} {..._text}>\r\n              {child}\r\n            </Text>\r\n          );\r\n        } else {\r\n          return child;\r\n        }\r\n      })}\r\n    </MenuItem>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(MenuItemOption));\r\n"]}