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

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

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _primitives = require("../../primitives");
+
+var _hooks = require("../../../hooks");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const Kbd = ({
+  children,
+  ...props
+}, ref) => {
+  const newProps = (0, _hooks.useThemeProps)('Kbd', props); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, _extends({}, newProps, {
+    ref: ref
+  }), children);
+};
+
+var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(Kbd));
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["Kbd","children","props","ref","newProps","React","memo","forwardRef"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;AAEA,MAAMA,GAAG,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,EAAoCC,GAApC,KAAkD;AAC5D,QAAMC,QAAQ,GAAG,0BAAc,KAAd,EAAqBF,KAArB,CAAjB,CAD4D,CAE5D;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,6BAAC,eAAD,eAASE,QAAT;AAAmB,IAAA,GAAG,EAAED;AAAxB,MACGF,QADH,CADF;AAKD,CAXD;;4BAaeI,eAAMC,IAAN,eAAWD,eAAME,UAAN,CAAiBP,GAAjB,CAAX,C","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/commonjs/components/composites/KBD/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

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

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

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

@@ -0,0 +1,147 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+var _Popper = require("../Popper");
+
+var _reactNative = require("react-native");
+
+var _hooks = require("../../../hooks");
+
+var _useMenu = require("./useMenu");
+
+var _Backdrop = _interopRequireDefault(require("../Backdrop"));
+
+var _Transitions = require("../Transitions");
+
+var _focus = require("@react-native-aria/focus");
+
+var _MenuContext = require("./MenuContext");
+
+var _Overlay = require("../../primitives/Overlay");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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); }
+
+const Menu = ({
+  trigger,
+  closeOnSelect = true,
+  children,
+  onOpen,
+  onClose,
+  isOpen: isOpenProp,
+  defaultIsOpen,
+  placement = 'bottom left',
+  ...props
+}, ref) => {
+  const triggerRef = _react.default.useRef(null);
+
+  const [isOpen, setIsOpen] = (0, _hooks.useControllableState)({
+    value: isOpenProp,
+    defaultValue: defaultIsOpen,
+    onChange: value => {
+      value ? onOpen && onOpen() : onClose && onClose();
+    }
+  });
+  const {
+    _overlay,
+    _presenceTransition,
+    _backdrop,
+    useRNModal,
+    ...resolvedProps
+  } = (0, _useThemeProps.usePropsResolution)('Menu', props);
+
+  const handleOpen = _react.default.useCallback(() => {
+    setIsOpen(true);
+  }, [setIsOpen]);
+
+  const handleClose = _react.default.useCallback(() => {
+    setIsOpen(false);
+  }, [setIsOpen]);
+
+  const triggerProps = (0, _useMenu.useMenuTrigger)({
+    handleOpen,
+    isOpen
+  });
+
+  const updatedTrigger = () => {
+    return trigger({ ...triggerProps,
+      ref: triggerRef,
+      onPress: handleOpen
+    }, {
+      open: isOpen
+    });
+  };
+
+  _react.default.useEffect(() => {
+    if (isOpen) {
+      _reactNative.AccessibilityInfo.announceForAccessibility('Popup window');
+    }
+  }, [isOpen]); //TODO: refactor for responsive prop
+
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(resolvedProps)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, updatedTrigger(), /*#__PURE__*/_react.default.createElement(_Overlay.Overlay, _extends({
+    isOpen: isOpen,
+    onRequestClose: handleClose,
+    useRNModalOnAndroid: true,
+    useRNModal: useRNModal
+  }, _overlay), /*#__PURE__*/_react.default.createElement(_Transitions.PresenceTransition, _extends({
+    visible: isOpen
+  }, _presenceTransition), /*#__PURE__*/_react.default.createElement(_Popper.Popper, _extends({
+    triggerRef: triggerRef,
+    onClose: handleClose,
+    placement: placement
+  }, resolvedProps), /*#__PURE__*/_react.default.createElement(_Backdrop.default, _extends({
+    onPress: handleClose
+  }, _backdrop)), /*#__PURE__*/_react.default.createElement(_Popper.Popper.Content, {
+    isOpen: isOpen
+  }, /*#__PURE__*/_react.default.createElement(_MenuContext.MenuContext.Provider, {
+    value: {
+      closeOnSelect,
+      onClose: handleClose
+    }
+  }, /*#__PURE__*/_react.default.createElement(_focus.FocusScope, {
+    contain: true,
+    restoreFocus: true,
+    autoFocus: true
+  }, /*#__PURE__*/_react.default.createElement(MenuContent, _extends({
+    menuRef: ref
+  }, resolvedProps), children))))))));
+};
+
+const MenuContent = ({
+  menuRef,
+  children,
+  ...props
+}) => {
+  const menuProps = (0, _useMenu.useMenu)();
+  const typeaheadProps = (0, _useMenu.useMenuTypeahead)(menuProps);
+  return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({}, props, menuProps, typeaheadProps, {
+    ref: menuRef
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, null, children));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(Menu));
+
+exports.default = _default;
+//# sourceMappingURL=Menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Menu.tsx"],"names":["Menu","trigger","closeOnSelect","children","onOpen","onClose","isOpen","isOpenProp","defaultIsOpen","placement","props","ref","triggerRef","React","useRef","setIsOpen","value","defaultValue","onChange","_overlay","_presenceTransition","_backdrop","useRNModal","resolvedProps","handleOpen","useCallback","handleClose","triggerProps","updatedTrigger","onPress","open","useEffect","AccessibilityInfo","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/commonjs/components/composites/Menu/MenuContext.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuContext = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const MenuContext = /*#__PURE__*/_react.default.createContext({
+  closeOnSelect: true,
+  onClose: () => {}
+});
+
+exports.MenuContext = MenuContext;
+//# sourceMappingURL=MenuContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuContext.ts"],"names":["MenuContext","React","createContext","closeOnSelect","onClose"],"mappings":";;;;;;;AAAA;;;;AACO,MAAMA,WAAW,gBAAGC,eAAMC,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/commonjs/components/composites/Menu/MenuGroup.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Text = _interopRequireDefault(require("../../primitives/Text"));
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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); }
+
+const MenuGroup = ({
+  title,
+  children,
+  ...props
+}, ref) => {
+  const {
+    _title,
+    ...resolvedProps
+  } = (0, _useThemeProps.usePropsResolution)('MenuGroup', props); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)({ ...props,
+    title
+  })) {
+    return null;
+  } //TODO: Can be simplified
+
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Box.default, _extends({}, resolvedProps, {
+    ref: ref
+  }), /*#__PURE__*/_react.default.createElement(_Text.default, _title, title)), children);
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(MenuGroup));
+
+exports.default = _default;
+//# sourceMappingURL=MenuGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuGroup.tsx"],"names":["MenuGroup","title","children","props","ref","_title","resolvedProps"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;AAEA,MAAMA,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+B,uCAAmB,WAAnB,EAAgCH,KAAhC,CAArC,CADG,CAGH;;AACA,MAAI,kDAAsB,EAAE,GAAGA,KAAL;AAAYF,IAAAA;AAAZ,GAAtB,CAAJ,EAAgD;AAC9C,WAAO,IAAP;AACD,GANE,CAQH;;;AACA,sBACE,yEACE,6BAAC,YAAD,eAASK,aAAT;AAAwB,IAAA,GAAG,EAAEF;AAA7B,mBACE,6BAAC,aAAD,EAAUC,MAAV,EAAmBJ,KAAnB,CADF,CADF,EAIGC,QAJH,CADF;AAQD,CApBD;;4BAsBe,+BAAK,uBAAWF,SAAX,CAAL,C","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/commonjs/components/composites/Menu/MenuItem.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Text = _interopRequireDefault(require("../../primitives/Text"));
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+var _Pressable = require("../../primitives/Pressable");
+
+var _MenuContext = require("./MenuContext");
+
+var _useMenu = require("./useMenu");
+
+var _utils = require("../../../utils");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+var _primitives = require("../../primitives");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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); }
+
+const MenuItem = ({
+  children,
+  isDisabled,
+  onPress,
+  textValue,
+  ...props
+}, ref) => {
+  const {
+    closeOnSelect,
+    onClose
+  } = _react.default.useContext(_MenuContext.MenuContext);
+
+  const menuItemRef = _react.default.useRef(null);
+
+  const mergedRef = (0, _utils.mergeRefs)([menuItemRef, ref]);
+  const {
+    _text,
+    _stack,
+    ...resolvedProps
+  } = (0, _useThemeProps.usePropsResolution)('MenuItem', props, {
+    isDisabled
+  }, {
+    cascadePseudoProps: true
+  });
+
+  const [textContent, setTextContent] = _react.default.useState('');
+
+  _react.default.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 = (0, _useMenu.useMenuItem)({
+    textValue: textValue !== null && textValue !== void 0 ? textValue : textContent,
+    ref: menuItemRef
+  }); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Pressable.Pressable, _extends({}, menuItemProps, resolvedProps, {
+    ref: mergedRef,
+    disabled: isDisabled,
+    accessibilityState: {
+      disabled: isDisabled
+    },
+    onPress: e => {
+      if (!isDisabled) {
+        onPress && onPress(e);
+
+        if (closeOnSelect) {
+          onClose && onClose();
+        }
+      }
+    }
+  }), /*#__PURE__*/_react.default.createElement(_primitives.HStack, _stack, _react.default.Children.map(children, (child, index) => {
+    if (typeof child === 'string' || typeof child === 'number') {
+      return /*#__PURE__*/_react.default.createElement(_Text.default, _extends({
+        key: "menu-item-".concat(index)
+      }, _text), child);
+    } else {
+      return child;
+    }
+  })));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(MenuItem));
+
+exports.default = _default;
+//# sourceMappingURL=MenuItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuItem.tsx"],"names":["MenuItem","children","isDisabled","onPress","textValue","props","ref","closeOnSelect","onClose","React","useContext","MenuContext","menuItemRef","useRef","mergedRef","_text","_stack","resolvedProps","cascadePseudoProps","textContent","setTextContent","useState","useEffect","menuItem","current","trim","menuItemProps","disabled","e","Children","map","child","index"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,QAAQ,GAAG,CACf;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,UAAZ;AAAwBC,EAAAA,OAAxB;AAAiCC,EAAAA,SAAjC;AAA4C,KAAGC;AAA/C,CADe,EAEfC,GAFe,KAGZ;AACH,QAAM;AAAEC,IAAAA,aAAF;AAAiBC,IAAAA;AAAjB,MAA6BC,eAAMC,UAAN,CAAiBC,wBAAjB,CAAnC;;AACA,QAAMC,WAAW,GAAGH,eAAMI,MAAN,CAAkB,IAAlB,CAApB;;AACA,QAAMC,SAAS,GAAG,sBAAU,CAACF,WAAD,EAAcN,GAAd,CAAV,CAAlB;AACA,QAAM;AAAES,IAAAA,KAAF;AAASC,IAAAA,MAAT;AAAiB,OAAGC;AAApB,MAAsC,uCAC1C,UAD0C,EAE1CZ,KAF0C,EAG1C;AACEH,IAAAA;AADF,GAH0C,EAM1C;AACEgB,IAAAA,kBAAkB,EAAE;AADtB,GAN0C,CAA5C;;AAUA,QAAM,CAACC,WAAD,EAAcC,cAAd,IAAgCX,eAAMY,QAAN,CAAe,EAAf,CAAtC;;AACAZ,iBAAMa,SAAN,CAAgB,MAAM;AACpB,UAAMC,QAAQ,GAAGX,WAAW,CAACY,OAA7B;;AACA,QAAID,QAAJ,EAAc;AAAA;;AACZH,MAAAA,cAAc,CAAC,0BAACG,QAAQ,CAACJ,WAAV,yEAAyB,EAAzB,EAA6BM,IAA7B,EAAD,CAAd;AACD;AACF,GALD,EAKG,CAACxB,QAAD,CALH;;AAOA,QAAMyB,aAAa,GAAG,0BAAY;AAChCtB,IAAAA,SAAS,EAAEA,SAAF,aAAEA,SAAF,cAAEA,SAAF,GAAee,WADQ;AAEhCb,IAAAA,GAAG,EAAEM;AAF2B,GAAZ,CAAtB,CAtBG,CA2BH;;AACA,MAAI,kDAAsBP,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,sBACE,6BAAC,oBAAD,eACMqB,aADN,EAEMT,aAFN;AAGE,IAAA,GAAG,EAAEH,SAHP;AAIE,IAAA,QAAQ,EAAEZ,UAJZ;AAKE,IAAA,kBAAkB,EAAE;AAClByB,MAAAA,QAAQ,EAAEzB;AADQ,KALtB;AAQE,IAAA,OAAO,EAAG0B,CAAD,IAAY;AACnB,UAAI,CAAC1B,UAAL,EAAiB;AACfC,QAAAA,OAAO,IAAIA,OAAO,CAACyB,CAAD,CAAlB;;AACA,YAAIrB,aAAJ,EAAmB;AACjBC,UAAAA,OAAO,IAAIA,OAAO,EAAlB;AACD;AACF;AACF;AAfH,mBAiBE,6BAAC,kBAAD,EAAYQ,MAAZ,EACGP,eAAMoB,QAAN,CAAeC,GAAf,CAAmB7B,QAAnB,EAA6B,CAAC8B,KAAD,EAAQC,KAAR,KAAuB;AACnD,QAAI,OAAOD,KAAP,KAAiB,QAAjB,IAA6B,OAAOA,KAAP,KAAiB,QAAlD,EAA4D;AAC1D,0BACE,6BAAC,aAAD;AAAM,QAAA,GAAG,sBAAeC,KAAf;AAAT,SAAqCjB,KAArC,GACGgB,KADH,CADF;AAKD,KAND,MAMO;AACL,aAAOA,KAAP;AACD;AACF,GAVA,CADH,CAjBF,CADF;AAiCD,CApED;;4BAsEe,+BAAK,uBAAW/B,QAAX,CAAL,C","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/commonjs/components/composites/Menu/MenuItemOption.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Icons = require("../../primitives/Icon/Icons");
+
+var _Text = _interopRequireDefault(require("../../primitives/Text"));
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+var _MenuItem = _interopRequireDefault(require("./MenuItem"));
+
+var _MenuOptionGroup = require("./MenuOptionGroup");
+
+var _useMenu = require("./useMenu");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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); }
+
+const MenuItemOption = ({
+  value,
+  ...props
+}, ref) => {
+  const {
+    values,
+    onChange,
+    type
+  } = (0, _react.useContext)(_MenuOptionGroup.MenuOptionContext);
+  const isChecked = values.includes(value);
+  const menuOptionProps = (0, _useMenu.useMenuOptionItem)({
+    isChecked,
+    type
+  });
+  const {
+    children,
+    onPress,
+    _icon,
+    _text,
+    ...resolvedProps
+  } = (0, _useThemeProps.usePropsResolution)('MenuItem', props, {
+    isChecked
+  });
+
+  const modifiedOnPress = e => {
+    onChange(value);
+    onPress && onPress(e);
+  }; //TODO: refactor for responsive prop
+
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_MenuItem.default, _extends({}, resolvedProps, menuOptionProps, {
+    accessibilityRole: "button",
+    onPress: modifiedOnPress,
+    ref: ref
+  }), /*#__PURE__*/_react.default.createElement(_Icons.CheckIcon, _icon), _react.default.Children.map(children, (child, index) => {
+    if (typeof child === 'string' || typeof child === 'number') {
+      return /*#__PURE__*/_react.default.createElement(_Text.default, _extends({
+        key: "menu-item-option-".concat(index)
+      }, _text), child);
+    } else {
+      return child;
+    }
+  }));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(MenuItemOption));
+
+exports.default = _default;
+//# sourceMappingURL=MenuItemOption.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuItemOption.tsx"],"names":["MenuItemOption","value","props","ref","values","onChange","type","MenuOptionContext","isChecked","includes","menuOptionProps","children","onPress","_icon","_text","resolvedProps","modifiedOnPress","e","React","Children","map","child","index"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,cAAc,GAAG,CACrB;AAAEC,EAAAA,KAAF;AAAS,KAAGC;AAAZ,CADqB,EAErBC,GAFqB,KAGlB;AACH,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,QAAV;AAAoBC,IAAAA;AAApB,MAAsD,uBAC1DC,kCAD0D,CAA5D;AAGA,QAAMC,SAAS,GAAGJ,MAAM,CAACK,QAAP,CAAgBR,KAAhB,CAAlB;AACA,QAAMS,eAAe,GAAG,gCAAkB;AAAEF,IAAAA,SAAF;AAAaF,IAAAA;AAAb,GAAlB,CAAxB;AACA,QAAM;AACJK,IAAAA,QADI;AAEJC,IAAAA,OAFI;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,KAJI;AAKJ,OAAGC;AALC,MAMF,uCAAmB,UAAnB,EAA+Bb,KAA/B,EAAsC;AAAEM,IAAAA;AAAF,GAAtC,CANJ;;AAQA,QAAMQ,eAAe,GAAIC,CAAD,IAAY;AAClCZ,IAAAA,QAAQ,CAACJ,KAAD,CAAR;AACAW,IAAAA,OAAO,IAAIA,OAAO,CAACK,CAAD,CAAlB;AACD,GAHD,CAdG,CAmBH;;;AACA,MAAI,kDAAsBf,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,6BAAC,iBAAD,eACMa,aADN,EAEML,eAFN;AAGE,IAAA,iBAAiB,EAAC,QAHpB;AAIE,IAAA,OAAO,EAAEM,eAJX;AAKE,IAAA,GAAG,EAAEb;AALP,mBAOE,6BAAC,gBAAD,EAAeU,KAAf,CAPF,EAQGK,eAAMC,QAAN,CAAeC,GAAf,CAAmBT,QAAnB,EAA6B,CAACU,KAAD,EAAQC,KAAR,KAAuB;AACnD,QAAI,OAAOD,KAAP,KAAiB,QAAjB,IAA6B,OAAOA,KAAP,KAAiB,QAAlD,EAA4D;AAC1D,0BACE,6BAAC,aAAD;AAAM,QAAA,GAAG,6BAAsBC,KAAtB;AAAT,SAA4CR,KAA5C,GACGO,KADH,CADF;AAKD,KAND,MAMO;AACL,aAAOA,KAAP;AACD;AACF,GAVA,CARH,CADF;AAsBD,CAhDD;;4BAkDe,+BAAK,uBAAWrB,cAAX,CAAL,C","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"]}

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

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.MenuOptionContext = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _MenuGroup = _interopRequireDefault(require("./MenuGroup"));
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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); }
+
+const MenuOptionContext = /*#__PURE__*/_react.default.createContext({
+  values: [],
+  onChange: _val => {},
+  type: 'checkbox'
+});
+
+exports.MenuOptionContext = MenuOptionContext;
+
+const MenuOptionGroup = ({
+  type,
+  defaultValue,
+  value,
+  onChange,
+  ...props
+}, ref) => {
+  const internalDefaultValue = defaultValue ? Array.isArray(defaultValue) ? defaultValue : [defaultValue] : [];
+
+  const [internalValues, setValues] = _react.default.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 ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(MenuOptionContext.Provider, {
+    value: {
+      values: !value ? internalValues : Array.isArray(value) ? value : [value],
+      onChange: _onChange,
+      type
+    }
+  }, /*#__PURE__*/_react.default.createElement(_MenuGroup.default, _extends({}, props, {
+    ref: ref
+  })));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(MenuOptionGroup));
+
+exports.default = _default;
+//# sourceMappingURL=MenuOptionGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuOptionGroup.tsx"],"names":["MenuOptionContext","React","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;;AACA;;AAEA;;;;;;;;;;AAEO,MAAMA,iBAAiB,gBAAGC,eAAMC,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,IAA8Bf,eAAMgB,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,MAAI,kDAAsBT,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,6BAAC,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,6BAAC,kBAAD,eAAeI,KAAf;AAAsB,IAAA,GAAG,EAAEC;AAA3B,KAXF,CADF;AAeD,CAhDD;;4BAkDe,+BAAK,uBAAWJ,eAAX,CAAL,C","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/commonjs/components/composites/Menu/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Menu = void 0;
+
+var _Menu = _interopRequireDefault(require("./Menu"));
+
+var _MenuGroup = _interopRequireDefault(require("./MenuGroup"));
+
+var _MenuItem = _interopRequireDefault(require("./MenuItem"));
+
+var _MenuItemOption = _interopRequireDefault(require("./MenuItemOption"));
+
+var _MenuOptionGroup = _interopRequireDefault(require("./MenuOptionGroup"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+let MenuTemp = _Menu.default;
+MenuTemp.Item = _MenuItem.default;
+MenuTemp.Group = _MenuGroup.default;
+MenuTemp.ItemOption = _MenuItemOption.default;
+MenuTemp.OptionGroup = _MenuOptionGroup.default; // To add typings
+
+const Menu = MenuTemp;
+exports.Menu = Menu;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["MenuTemp","MenuMain","Item","MenuItem","Group","MenuGroup","ItemOption","MenuItemOption","OptionGroup","MenuOptionGroup","Menu"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAGA,IAAIA,QAAa,GAAGC,aAApB;AACAD,QAAQ,CAACE,IAAT,GAAgBC,iBAAhB;AACAH,QAAQ,CAACI,KAAT,GAAiBC,kBAAjB;AACAL,QAAQ,CAACM,UAAT,GAAsBC,uBAAtB;AACAP,QAAQ,CAACQ,WAAT,GAAuBC,wBAAvB,C,CAEA;;AACA,MAAMC,IAAI,GAAGV,QAAb","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/commonjs/components/composites/Menu/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

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

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