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

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

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

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

@@ -0,0 +1,141 @@
+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 { Popper } from '../Popper';
+import { mergeRefs } from '../../../utils';
+import { useControllableState } from '../../../hooks';
+import { PopoverContext } from './PopoverContext';
+import Box from '../../primitives/Box';
+import Backdrop from '../Backdrop';
+import { FocusScope } from '@react-native-aria/focus';
+import { PresenceTransition } from '../Transitions';
+import { StyleSheet } from 'react-native';
+import { useId } from '@react-native-aria/utils';
+import { Overlay } from '../../primitives/Overlay';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+import uniqueId from 'lodash.uniqueid';
+import { ResponsiveQueryContext } from '../../../utils/useResponsiveQuery/ResponsiveQueryProvider';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+
+const Popover = ({
+  onOpen,
+  trigger,
+  onClose,
+  isOpen: isOpenProp,
+  children,
+  defaultIsOpen,
+  initialFocusRef,
+  finalFocusRef,
+  useRNModal,
+  trapFocus = true,
+  _backdrop,
+  ...props
+}, ref) => {
+  const {
+    _overlay
+  } = usePropsResolution('Popover', props);
+  const triggerRef = React.useRef(null);
+  const mergedRef = mergeRefs([triggerRef]);
+  const [isOpen, setIsOpen] = useControllableState({
+    value: isOpenProp,
+    defaultValue: defaultIsOpen,
+    onChange: value => {
+      value ? onOpen && onOpen() : onClose && onClose();
+    }
+  });
+  const [bodyMounted, setBodyMounted] = React.useState(false);
+  const [headerMounted, setHeaderMounted] = React.useState(false);
+  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 popoverContentId = "".concat(id, "-content");
+  const headerId = "".concat(popoverContentId, "-header");
+  const bodyId = "".concat(popoverContentId, "-body");
+  const handleOpen = React.useCallback(() => {
+    setIsOpen(true);
+  }, [setIsOpen]);
+
+  const updatedTrigger = () => {
+    return trigger({
+      'ref': mergedRef,
+      'onPress': handleOpen,
+      'aria-expanded': isOpen ? true : false,
+      'aria-controls': isOpen ? popoverContentId : undefined,
+      'aria-haspopup': true
+    }, {
+      open: isOpen
+    });
+  };
+
+  const handleClose = () => {
+    setIsOpen(false);
+  }; //TODO: refactor for responsive prop
+
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Box, {
+    ref: ref
+  }, updatedTrigger(), /*#__PURE__*/React.createElement(Overlay, _extends({
+    isOpen: isOpen,
+    onRequestClose: handleClose,
+    useRNModalOnAndroid: true,
+    useRNModal: useRNModal
+  }, _overlay), /*#__PURE__*/React.createElement(PresenceTransition, {
+    initial: {
+      opacity: 0
+    },
+    animate: {
+      opacity: 1,
+      transition: {
+        duration: 150
+      }
+    },
+    exit: {
+      opacity: 0,
+      scale: 0.95,
+      transition: {
+        duration: 100
+      }
+    },
+    visible: isOpen,
+    style: StyleSheet.absoluteFill
+  }, /*#__PURE__*/React.createElement(Popper, _extends({
+    onClose: handleClose,
+    triggerRef: triggerRef
+  }, props), /*#__PURE__*/React.createElement(Backdrop, _extends({
+    onPress: handleClose,
+    bg: "transparent"
+  }, _backdrop)), /*#__PURE__*/React.createElement(PopoverContext.Provider, {
+    value: {
+      onClose: handleClose,
+      initialFocusRef,
+      finalFocusRef,
+      popoverContentId,
+      bodyId,
+      headerId,
+      headerMounted,
+      bodyMounted,
+      setBodyMounted,
+      setHeaderMounted,
+      isOpen
+    }
+  }, /*#__PURE__*/React.createElement(FocusScope, {
+    contain: trapFocus,
+    restoreFocus: true,
+    autoFocus: true
+  }, children))))));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Popover));
+//# sourceMappingURL=Popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Popover.tsx"],"names":["React","forwardRef","memo","Popper","mergeRefs","useControllableState","PopoverContext","Box","Backdrop","FocusScope","PresenceTransition","StyleSheet","useId","Overlay","useHasResponsiveProps","uniqueId","ResponsiveQueryContext","usePropsResolution","Popover","onOpen","trigger","onClose","isOpen","isOpenProp","children","defaultIsOpen","initialFocusRef","finalFocusRef","useRNModal","trapFocus","_backdrop","props","ref","_overlay","triggerRef","useRef","mergedRef","setIsOpen","value","defaultValue","onChange","bodyMounted","setBodyMounted","useState","headerMounted","setHeaderMounted","id","responsiveQueryContext","useContext","disableCSSMediaQueries","popoverContentId","headerId","bodyId","handleOpen","useCallback","updatedTrigger","undefined","open","handleClose","opacity","transition","duration","scale","absoluteFill"],"mappings":"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","sourcesContent":["import React, { forwardRef, memo } from 'react';\r\nimport { Popper } from '../Popper';\r\nimport type { IPopoverProps } from './types';\r\nimport { mergeRefs } from '../../../utils';\r\nimport { useControllableState } from '../../../hooks';\r\nimport { PopoverContext } from './PopoverContext';\r\nimport Box from '../../primitives/Box';\r\nimport Backdrop from '../Backdrop';\r\nimport { FocusScope } from '@react-native-aria/focus';\r\nimport { PresenceTransition } from '../Transitions';\r\nimport { StyleSheet } from 'react-native';\r\nimport { useId } from '@react-native-aria/utils';\r\nimport { Overlay } from '../../primitives/Overlay';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport uniqueId from 'lodash.uniqueid';\r\nimport { ResponsiveQueryContext } from '../../../utils/useResponsiveQuery/ResponsiveQueryProvider';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\n\r\nconst Popover = (\r\n  {\r\n    onOpen,\r\n    trigger,\r\n    onClose,\r\n    isOpen: isOpenProp,\r\n    children,\r\n    defaultIsOpen,\r\n    initialFocusRef,\r\n    finalFocusRef,\r\n    useRNModal,\r\n    trapFocus = true,\r\n    _backdrop,\r\n    ...props\r\n  }: IPopoverProps,\r\n  ref: any\r\n) => {\r\n  const { _overlay } = usePropsResolution('Popover', props);\r\n\r\n  const triggerRef = React.useRef(null);\r\n  const mergedRef = mergeRefs([triggerRef]);\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 [bodyMounted, setBodyMounted] = React.useState(false);\r\n  const [headerMounted, setHeaderMounted] = React.useState(false);\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 popoverContentId = `${id}-content`;\r\n  const headerId = `${popoverContentId}-header`;\r\n  const bodyId = `${popoverContentId}-body`;\r\n\r\n  const handleOpen = React.useCallback(() => {\r\n    setIsOpen(true);\r\n  }, [setIsOpen]);\r\n\r\n  const updatedTrigger = () => {\r\n    return trigger(\r\n      {\r\n        'ref': mergedRef,\r\n        'onPress': handleOpen,\r\n        'aria-expanded': isOpen ? true : false,\r\n        'aria-controls': isOpen ? popoverContentId : undefined,\r\n        'aria-haspopup': true,\r\n      },\r\n      { open: isOpen }\r\n    );\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setIsOpen(false);\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    <Box ref={ref}>\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\r\n          initial={{ opacity: 0 }}\r\n          animate={{ opacity: 1, transition: { duration: 150 } }}\r\n          exit={{ opacity: 0, scale: 0.95, transition: { duration: 100 } }}\r\n          visible={isOpen}\r\n          style={StyleSheet.absoluteFill}\r\n        >\r\n          <Popper onClose={handleClose} triggerRef={triggerRef} {...props}>\r\n            <Backdrop onPress={handleClose} bg=\"transparent\" {..._backdrop} />\r\n            <PopoverContext.Provider\r\n              value={{\r\n                onClose: handleClose,\r\n                initialFocusRef,\r\n                finalFocusRef,\r\n                popoverContentId,\r\n                bodyId,\r\n                headerId,\r\n                headerMounted,\r\n                bodyMounted,\r\n                setBodyMounted,\r\n                setHeaderMounted,\r\n                isOpen,\r\n              }}\r\n            >\r\n              <FocusScope contain={trapFocus} restoreFocus autoFocus>\r\n                {children}\r\n              </FocusScope>\r\n            </PopoverContext.Provider>\r\n          </Popper>\r\n        </PresenceTransition>\r\n      </Overlay>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Popover));\r\n"]}

package/lib/module/components/composites/Popover/PopoverArrow.js

@@ -0,0 +1,20 @@
+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 { usePropsResolution } from '../../../hooks';
+import { Popper } from '../Popper';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+const PopoverArrow = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const resolvedProps = usePropsResolution('PopoverArrow', props); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Popper.Arrow, _extends({}, resolvedProps, {
+    ref: ref
+  }));
+});
+PopoverArrow.displayName = 'PopperArrow';
+export default PopoverArrow;
+//# sourceMappingURL=PopoverArrow.js.map

package/lib/module/components/composites/Popover/PopoverArrow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PopoverArrow.tsx"],"names":["React","usePropsResolution","Popper","useHasResponsiveProps","PopoverArrow","forwardRef","props","ref","resolvedProps","displayName"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,kBAAT,QAAmC,gBAAnC;AACA,SAASC,MAAT,QAAuB,WAAvB;AAEA,SAASC,qBAAT,QAAsC,sCAAtC;AAEA,MAAMC,YAAY,gBAAGJ,KAAK,CAACK,UAAN,CAAiB,CAACC,KAAD,EAAmBC,GAAnB,KAAgC;AACpE,QAAMC,aAAa,GAAGP,kBAAkB,CAAC,cAAD,EAAiBK,KAAjB,CAAxC,CADoE,CAEpE;;AACA,MAAIH,qBAAqB,CAACG,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,oBAAC,MAAD,CAAQ,KAAR,eAAkBE,aAAlB;AAAiC,IAAA,GAAG,EAAED;AAAtC,KAAP;AACD,CAPoB,CAArB;AASAH,YAAY,CAACK,WAAb,GAA2B,aAA3B;AAEA,eAAeL,YAAf","sourcesContent":["import React from 'react';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { Popper } from '../Popper';\r\nimport type { IBoxProps } from '../../primitives/Box';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst PopoverArrow = React.forwardRef((props: IBoxProps, ref: any) => {\r\n  const resolvedProps = usePropsResolution('PopoverArrow', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return <Popper.Arrow {...resolvedProps} ref={ref} />;\r\n});\r\n\r\nPopoverArrow.displayName = 'PopperArrow';\r\n\r\nexport default PopoverArrow;\r\n"]}

package/lib/module/components/composites/Popover/PopoverBody.js

@@ -0,0 +1,34 @@
+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 { usePropsResolution } from '../../../hooks';
+import React, { useContext, memo, forwardRef, useEffect } from 'react';
+import { default as Box } from '../../primitives/Box';
+import { PopoverContext } from './PopoverContext';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const PopoverBody = (props, ref) => {
+  const resolvedProps = usePropsResolution('PopoverBody', props);
+  const {
+    setBodyMounted,
+    bodyId
+  } = useContext(PopoverContext);
+  useEffect(() => {
+    setBodyMounted(true);
+    return () => {
+      setBodyMounted(false);
+    };
+  }, [setBodyMounted]); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    nativeID: bodyId
+  }, resolvedProps, {
+    ref: ref
+  }));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(PopoverBody));
+//# sourceMappingURL=PopoverBody.js.map

package/lib/module/components/composites/Popover/PopoverBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PopoverBody.tsx"],"names":["usePropsResolution","React","useContext","memo","forwardRef","useEffect","default","Box","PopoverContext","useHasResponsiveProps","PopoverBody","props","ref","resolvedProps","setBodyMounted","bodyId"],"mappings":";;AAAA,SAASA,kBAAT,QAAmC,gBAAnC;AACA,OAAOC,KAAP,IAAgBC,UAAhB,EAA4BC,IAA5B,EAAkCC,UAAlC,EAA8CC,SAA9C,QAA+D,OAA/D;AACA,SAASC,OAAO,IAAIC,GAApB,QAA0C,sBAA1C;AACA,SAASC,cAAT,QAA+B,kBAA/B;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,WAAW,GAAG,CAACC,KAAD,EAAmBC,GAAnB,KAAiC;AACnD,QAAMC,aAAa,GAAGb,kBAAkB,CAAC,aAAD,EAAgBW,KAAhB,CAAxC;AACA,QAAM;AAAEG,IAAAA,cAAF;AAAkBC,IAAAA;AAAlB,MAA6Bb,UAAU,CAACM,cAAD,CAA7C;AAEAH,EAAAA,SAAS,CAAC,MAAM;AACdS,IAAAA,cAAc,CAAC,IAAD,CAAd;AACA,WAAO,MAAM;AACXA,MAAAA,cAAc,CAAC,KAAD,CAAd;AACD,KAFD;AAGD,GALQ,EAKN,CAACA,cAAD,CALM,CAAT,CAJmD,CAWnD;;AACA,MAAIL,qBAAqB,CAACE,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,oBAAC,GAAD;AAAK,IAAA,QAAQ,EAAEI;AAAf,KAA2BF,aAA3B;AAA0C,IAAA,GAAG,EAAED;AAA/C,KAAP;AACD,CAhBD;;AAkBA,4BAAeT,IAAI,eAACC,UAAU,CAACM,WAAD,CAAX,CAAnB","sourcesContent":["import { usePropsResolution } from '../../../hooks';\r\nimport React, { useContext, memo, forwardRef, useEffect } from 'react';\r\nimport { default as Box, IBoxProps } from '../../primitives/Box';\r\nimport { PopoverContext } from './PopoverContext';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst PopoverBody = (props: IBoxProps, ref?: any) => {\r\n  const resolvedProps = usePropsResolution('PopoverBody', props);\r\n  const { setBodyMounted, bodyId } = useContext(PopoverContext);\r\n\r\n  useEffect(() => {\r\n    setBodyMounted(true);\r\n    return () => {\r\n      setBodyMounted(false);\r\n    };\r\n  }, [setBodyMounted]);\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return <Box nativeID={bodyId} {...resolvedProps} ref={ref} />;\r\n};\r\n\r\nexport default memo(forwardRef(PopoverBody));\r\n"]}

package/lib/module/components/composites/Popover/PopoverCloseButton.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 from 'react';
+import { usePropsResolution } from '../../../hooks';
+import { Pressable } from '../../primitives/Pressable';
+import { CloseIcon } from '../../primitives/Icon/Icons';
+import { PopoverContext } from './PopoverContext';
+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 PopoverCloseButton = (props, ref) => {
+  const {
+    onClose
+  } = React.useContext(PopoverContext);
+  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('PopoverCloseButton', props, {
+    isHovered,
+    isPressed,
+    isFocused,
+    isFocusVisible
+  }); //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: onClose
+  }, resolvedProps), /*#__PURE__*/React.createElement(CloseIcon, _icon));
+};
+
+export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(PopoverCloseButton));
+//# sourceMappingURL=PopoverCloseButton.js.map

package/lib/module/components/composites/Popover/PopoverCloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PopoverCloseButton.tsx"],"names":["React","usePropsResolution","Pressable","CloseIcon","PopoverContext","useHasResponsiveProps","useHover","useFocus","useIsPressed","composeEventHandlers","useFocusRing","PopoverCloseButton","props","ref","onClose","useContext","hoverProps","isHovered","pressableProps","isPressed","focusProps","isFocused","isFocusVisible","focusRingProps","_icon","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","resolvedProps","memo","forwardRef"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,kBAAT,QAAmC,gBAAnC;AACA,SAASC,SAAT,QAA0B,4BAA1B;AACA,SAASC,SAAT,QAA0B,6BAA1B;AACA,SAASC,cAAT,QAA+B,kBAA/B;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,kBAAkB,GAAG,CAACC,KAAD,EAAsBC,GAAtB,KAAmC;AAC5D,QAAM;AAAEC,IAAAA;AAAF,MAAmBd,KAAK,CAACe,UAAN,CAAiBX,cAAjB,CAAzB;AACA,QAAM;AAAEY,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA4BX,QAAQ,EAA1C;AACA,QAAM;AAAEY,IAAAA,cAAF;AAAkBC,IAAAA;AAAlB,MAAgCX,YAAY,EAAlD;AACA,QAAM;AAAEY,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA4Bd,QAAQ,EAA1C;AACA,QAAM;AAAEe,IAAAA,cAAF;AAAkBF,IAAAA,UAAU,EAAEG;AAA9B,MAAsDb,YAAY,EAAxE;AAEA,QAAM;AACJc,IAAAA,KADI;AAEJC,IAAAA,SAFI;AAGJC,IAAAA,UAHI;AAIJC,IAAAA,SAJI;AAKJC,IAAAA,UALI;AAMJC,IAAAA,OANI;AAOJC,IAAAA,MAPI;AAQJ,OAAGC;AARC,MASF9B,kBAAkB,CAAC,oBAAD,EAAuBW,KAAvB,EAA8B;AAClDK,IAAAA,SADkD;AAElDE,IAAAA,SAFkD;AAGlDE,IAAAA,SAHkD;AAIlDC,IAAAA;AAJkD,GAA9B,CATtB,CAP4D,CAsB5D;;AACA,MAAIjB,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,CAACgB,SAAD,EAAYP,cAAc,CAACO,SAA3B,CAHjC;AAIE,IAAA,UAAU,EAAEhB,oBAAoB,CAACiB,UAAD,EAAaR,cAAc,CAACQ,UAA5B,CAJlC,CAKE;AALF;AAME,IAAA,SAAS,EAAEjB,oBAAoB,CAACkB,SAAD,EAAYX,UAAU,CAACW,SAAvB,CANjC,CAOE;AAPF;AAQE,IAAA,UAAU,EAAElB,oBAAoB,CAACmB,UAAD,EAAaZ,UAAU,CAACY,UAAxB,CARlC,CASE;AATF;AAUE,IAAA,OAAO,EAAEnB,oBAAoB,CAC3BA,oBAAoB,CAACoB,OAAD,EAAUT,UAAU,CAACS,OAArB,CADO,EAE3BN,cAAc,CAACM,OAFY,CAV/B,CAcE;AAdF;AAeE,IAAA,MAAM,EAAEpB,oBAAoB,CAC1BA,oBAAoB,CAACqB,MAAD,EAASV,UAAU,CAACU,MAApB,CADM,EAE1BP,cAAc,CAACO,MAFW,CAf9B;AAmBE,IAAA,OAAO,EAAEhB;AAnBX,KAoBMiB,aApBN,gBAsBE,oBAAC,SAAD,EAAeP,KAAf,CAtBF,CADF;AA0BD,CApDD;;AAsDA,4BAAexB,KAAK,CAACgC,IAAN,eAAWhC,KAAK,CAACiC,UAAN,CAAiBtB,kBAAjB,CAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { Pressable } from '../../primitives/Pressable';\r\nimport { CloseIcon } from '../../primitives/Icon/Icons';\r\nimport { PopoverContext } from './PopoverContext';\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 PopoverCloseButton = (props: IButtonProps, ref: any) => {\r\n  const { onClose }: any = React.useContext(PopoverContext);\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('PopoverCloseButton', props, {\r\n    isHovered,\r\n    isPressed,\r\n    isFocused,\r\n    isFocusVisible,\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    <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={onClose}\r\n      {...resolvedProps}\r\n    >\r\n      <CloseIcon {..._icon} />\r\n    </Pressable>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(PopoverCloseButton));\r\n"]}

package/lib/module/components/composites/Popover/PopoverContent.js

@@ -0,0 +1,76 @@
+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 { useKeyboardDismissable, usePropsResolution, useToken } from '../../../hooks';
+import React from 'react';
+import { Platform } from 'react-native';
+import { Popper } from '../Popper';
+import { PopoverContext } from './PopoverContext';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+export const PopoverContent = /*#__PURE__*/React.forwardRef((props, ref) => {
+  var _ref, _ref2, _props$bgColor;
+
+  const {
+    onClose,
+    initialFocusRef,
+    finalFocusRef,
+    popoverContentId,
+    headerMounted,
+    bodyMounted,
+    bodyId,
+    headerId,
+    isOpen
+  } = React.useContext(PopoverContext);
+  const resolvedProps = usePropsResolution('PopoverContent', props);
+  const arrowDefaultColor = (_ref = (_ref2 = (_props$bgColor = props.bgColor) !== null && _props$bgColor !== void 0 ? _props$bgColor : props.bg) !== null && _ref2 !== void 0 ? _ref2 : props.backgroundColor) !== null && _ref !== void 0 ? _ref : resolvedProps.backgroundColor;
+  const color = useToken('colors', arrowDefaultColor);
+  React.useEffect(() => {
+    const finalFocusRefCurrentVal = finalFocusRef === null || finalFocusRef === void 0 ? void 0 : finalFocusRef.current;
+
+    if (initialFocusRef && initialFocusRef.current) {
+      initialFocusRef.current.focus();
+    }
+
+    return () => {
+      if (finalFocusRefCurrentVal) {
+        finalFocusRefCurrentVal.focus();
+      }
+    };
+  }, [finalFocusRef, initialFocusRef]);
+  useKeyboardDismissable({
+    enabled: true,
+    callback: onClose
+  });
+  let arrowElement = null;
+  const restChildren = [];
+  React.Children.toArray(props.children).forEach(child => {
+    var _child$type;
+
+    if ((child === null || child === void 0 ? void 0 : (_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === 'PopperArrow') {
+      var _child$props$color;
+
+      arrowElement = /*#__PURE__*/React.cloneElement(child, {
+        backgroundColor: (_child$props$color = child.props.color) !== null && _child$props$color !== void 0 ? _child$props$color : color
+      });
+    } else {
+      restChildren.push(child);
+    }
+  });
+  const accessibilityProps = Platform.OS === 'web' ? {
+    'accessibilityRole': 'dialog',
+    'aria-labelledby': headerMounted ? headerId : undefined,
+    'aria-describedby': bodyMounted ? bodyId : undefined
+  } : {}; //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Popper.Content, _extends({
+    nativeID: popoverContentId
+  }, accessibilityProps, resolvedProps, {
+    ref: ref,
+    isOpen: isOpen
+  }), arrowElement, restChildren);
+});
+PopoverContent.displayName = 'PopoverContent';
+//# sourceMappingURL=PopoverContent.js.map

package/lib/module/components/composites/Popover/PopoverContent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PopoverContent.tsx"],"names":["useKeyboardDismissable","usePropsResolution","useToken","React","Platform","Popper","PopoverContext","useHasResponsiveProps","PopoverContent","forwardRef","props","ref","onClose","initialFocusRef","finalFocusRef","popoverContentId","headerMounted","bodyMounted","bodyId","headerId","isOpen","useContext","resolvedProps","arrowDefaultColor","bgColor","bg","backgroundColor","color","useEffect","finalFocusRefCurrentVal","current","focus","enabled","callback","arrowElement","restChildren","Children","toArray","children","forEach","child","type","displayName","cloneElement","push","accessibilityProps","OS","undefined"],"mappings":"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","sourcesContent":["import {\r\n  useKeyboardDismissable,\r\n  usePropsResolution,\r\n  useToken,\r\n} from '../../../hooks';\r\nimport React from 'react';\r\nimport { Platform } from 'react-native';\r\nimport type { IPopoverContentProps } from './types';\r\nimport { Popper } from '../Popper';\r\nimport { PopoverContext } from './PopoverContext';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nexport const PopoverContent = React.forwardRef(\r\n  (props: IPopoverContentProps, ref: any) => {\r\n    const {\r\n      onClose,\r\n      initialFocusRef,\r\n      finalFocusRef,\r\n      popoverContentId,\r\n      headerMounted,\r\n      bodyMounted,\r\n      bodyId,\r\n      headerId,\r\n      isOpen,\r\n    } = React.useContext(PopoverContext);\r\n    const resolvedProps = usePropsResolution('PopoverContent', props);\r\n\r\n    const arrowDefaultColor =\r\n      props.bgColor ??\r\n      props.bg ??\r\n      props.backgroundColor ??\r\n      resolvedProps.backgroundColor;\r\n    const color = useToken('colors', arrowDefaultColor);\r\n\r\n    React.useEffect(() => {\r\n      const finalFocusRefCurrentVal = finalFocusRef?.current;\r\n      if (initialFocusRef && initialFocusRef.current) {\r\n        initialFocusRef.current.focus();\r\n      }\r\n\r\n      return () => {\r\n        if (finalFocusRefCurrentVal) {\r\n          finalFocusRefCurrentVal.focus();\r\n        }\r\n      };\r\n    }, [finalFocusRef, initialFocusRef]);\r\n\r\n    useKeyboardDismissable({\r\n      enabled: true,\r\n      callback: onClose,\r\n    });\r\n\r\n    let arrowElement = null;\r\n    const restChildren: any = [];\r\n    React.Children.toArray(props.children).forEach((child: any) => {\r\n      if (child?.type?.displayName === 'PopperArrow') {\r\n        arrowElement = React.cloneElement(child, {\r\n          backgroundColor: child.props.color ?? color,\r\n        });\r\n      } else {\r\n        restChildren.push(child);\r\n      }\r\n    });\r\n\r\n    const accessibilityProps =\r\n      Platform.OS === 'web'\r\n        ? ({\r\n            'accessibilityRole': 'dialog',\r\n            'aria-labelledby': headerMounted ? headerId : undefined,\r\n            'aria-describedby': bodyMounted ? bodyId : undefined,\r\n          } as any)\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      <Popper.Content\r\n        nativeID={popoverContentId}\r\n        {...accessibilityProps}\r\n        {...resolvedProps}\r\n        ref={ref}\r\n        isOpen={isOpen}\r\n      >\r\n        {arrowElement}\r\n        {restChildren}\r\n      </Popper.Content>\r\n    );\r\n  }\r\n);\r\n\r\nPopoverContent.displayName = 'PopoverContent';\r\n"]}

package/lib/module/components/composites/Popover/PopoverContext.js

@@ -0,0 +1,19 @@
+import React from 'react';
+export const PopoverContext = /*#__PURE__*/React.createContext({
+  onClose: () => {},
+  initialFocusRef: {
+    current: null
+  },
+  finalFocusRef: {
+    current: null
+  },
+  popoverContentId: undefined,
+  headerId: undefined,
+  bodyId: undefined,
+  setHeaderMounted: () => {},
+  setBodyMounted: () => {},
+  headerMounted: false,
+  bodyMounted: false,
+  isOpen: false
+});
+//# sourceMappingURL=PopoverContext.js.map

package/lib/module/components/composites/Popover/PopoverContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PopoverContext.ts"],"names":["React","PopoverContext","createContext","onClose","initialFocusRef","current","finalFocusRef","popoverContentId","undefined","headerId","bodyId","setHeaderMounted","setBodyMounted","headerMounted","bodyMounted","isOpen"],"mappings":"AAAA,OAAOA,KAAP,MAAiC,OAAjC;AAEA,OAAO,MAAMC,cAAc,gBAAGD,KAAK,CAACE,aAAN,CAAoB;AAChDC,EAAAA,OAAO,EAAE,MAAM,CAAE,CAD+B;AAEhDC,EAAAA,eAAe,EAAE;AAAEC,IAAAA,OAAO,EAAE;AAAX,GAF+B;AAGhDC,EAAAA,aAAa,EAAE;AAAED,IAAAA,OAAO,EAAE;AAAX,GAHiC;AAIhDE,EAAAA,gBAAgB,EAAEC,SAJ8B;AAKhDC,EAAAA,QAAQ,EAAED,SALsC;AAMhDE,EAAAA,MAAM,EAAEF,SANwC;AAOhDG,EAAAA,gBAAgB,EAAG,MAAM,CAAE,CAPqB;AAQhDC,EAAAA,cAAc,EAAG,MAAM,CAAE,CARuB;AAShDC,EAAAA,aAAa,EAAE,KATiC;AAUhDC,EAAAA,WAAW,EAAE,KAVmC;AAWhDC,EAAAA,MAAM,EAAE;AAXwC,CAApB,CAAvB","sourcesContent":["import React, { RefObject } from 'react';\r\n\r\nexport const PopoverContext = React.createContext({\r\n  onClose: () => {},\r\n  initialFocusRef: { current: null } as RefObject<any> | undefined,\r\n  finalFocusRef: { current: null } as RefObject<any> | undefined,\r\n  popoverContentId: undefined as string | undefined,\r\n  headerId: undefined as string | undefined,\r\n  bodyId: undefined as string | undefined,\r\n  setHeaderMounted: (() => {}) as any,\r\n  setBodyMounted: (() => {}) as any,\r\n  headerMounted: false,\r\n  bodyMounted: false,\r\n  isOpen: false,\r\n});\r\n"]}

package/lib/module/components/composites/Popover/PopoverFooter.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 { usePropsResolution } from '../../../hooks';
+import { default as Box } from '../../primitives/Box';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const PopoverFooter = (props, ref) => {
+  const resolvedProps = usePropsResolution('PopoverFooter', 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(PopoverFooter));
+//# sourceMappingURL=PopoverFooter.js.map

package/lib/module/components/composites/Popover/PopoverFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PopoverFooter.tsx"],"names":["React","memo","forwardRef","usePropsResolution","default","Box","useHasResponsiveProps","PopoverFooter","props","ref","resolvedProps"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,SAASC,kBAAT,QAAmC,gBAAnC;AACA,SAASC,OAAO,IAAIC,GAApB,QAA0C,sBAA1C;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,aAAa,GAAG,CAACC,KAAD,EAAmBC,GAAnB,KAAiC;AACrD,QAAMC,aAAa,GAAGP,kBAAkB,CAAC,eAAD,EAAkBK,KAAlB,CAAxC,CADqD,CAErD;;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,4BAAeR,IAAI,eAACC,UAAU,CAACK,aAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { default as Box, IBoxProps } from '../../primitives/Box';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst PopoverFooter = (props: IBoxProps, ref?: any) => {\r\n  const resolvedProps = usePropsResolution('PopoverFooter', 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(PopoverFooter));\r\n"]}

package/lib/module/components/composites/Popover/PopoverHeader.js

@@ -0,0 +1,34 @@
+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, useEffect, useContext } from 'react';
+import { usePropsResolution } from '../../../hooks';
+import { default as Box } from '../../primitives/Box';
+import { PopoverContext } from './PopoverContext';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const PopoverHeader = (props, ref) => {
+  const resolvedProps = usePropsResolution('PopoverHeader', props);
+  const {
+    setHeaderMounted,
+    headerId
+  } = useContext(PopoverContext);
+  useEffect(() => {
+    setHeaderMounted(true);
+    return () => {
+      setHeaderMounted(false);
+    };
+  }, [setHeaderMounted]); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    nativeID: headerId
+  }, resolvedProps, {
+    ref: ref
+  }));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(PopoverHeader));
+//# sourceMappingURL=PopoverHeader.js.map

package/lib/module/components/composites/Popover/PopoverHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PopoverHeader.tsx"],"names":["React","memo","forwardRef","useEffect","useContext","usePropsResolution","default","Box","PopoverContext","useHasResponsiveProps","PopoverHeader","props","ref","resolvedProps","setHeaderMounted","headerId"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,EAAkCC,SAAlC,EAA6CC,UAA7C,QAA+D,OAA/D;AACA,SAASC,kBAAT,QAAmC,gBAAnC;AACA,SAASC,OAAO,IAAIC,GAApB,QAA0C,sBAA1C;AACA,SAASC,cAAT,QAA+B,kBAA/B;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,aAAa,GAAG,CAACC,KAAD,EAAmBC,GAAnB,KAAiC;AACrD,QAAMC,aAAa,GAAGR,kBAAkB,CAAC,eAAD,EAAkBM,KAAlB,CAAxC;AACA,QAAM;AAAEG,IAAAA,gBAAF;AAAoBC,IAAAA;AAApB,MAAiCX,UAAU,CAACI,cAAD,CAAjD;AAEAL,EAAAA,SAAS,CAAC,MAAM;AACdW,IAAAA,gBAAgB,CAAC,IAAD,CAAhB;AACA,WAAO,MAAM;AACXA,MAAAA,gBAAgB,CAAC,KAAD,CAAhB;AACD,KAFD;AAGD,GALQ,EAKN,CAACA,gBAAD,CALM,CAAT,CAJqD,CAUrD;;AACA,MAAIL,qBAAqB,CAACE,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,oBAAC,GAAD;AAAK,IAAA,QAAQ,EAAEI;AAAf,KAA6BF,aAA7B;AAA4C,IAAA,GAAG,EAAED;AAAjD,KAAP;AACD,CAfD;;AAiBA,4BAAeX,IAAI,eAACC,UAAU,CAACQ,aAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef, useEffect, useContext } from 'react';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { default as Box, IBoxProps } from '../../primitives/Box';\r\nimport { PopoverContext } from './PopoverContext';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst PopoverHeader = (props: IBoxProps, ref?: any) => {\r\n  const resolvedProps = usePropsResolution('PopoverHeader', props);\r\n  const { setHeaderMounted, headerId } = useContext(PopoverContext);\r\n\r\n  useEffect(() => {\r\n    setHeaderMounted(true);\r\n    return () => {\r\n      setHeaderMounted(false);\r\n    };\r\n  }, [setHeaderMounted]);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return <Box nativeID={headerId} {...resolvedProps} ref={ref} />;\r\n};\r\n\r\nexport default memo(forwardRef(PopoverHeader));\r\n"]}

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

@@ -0,0 +1,18 @@
+import { default as PopoverMain } from './Popover';
+import { PopoverContent } from './PopoverContent';
+import PopoverBody from './PopoverBody';
+import PopoverCloseButton from './PopoverCloseButton';
+import PopoverFooter from './PopoverFooter';
+import PopoverHeader from './PopoverHeader';
+import PopoverArrow from './PopoverArrow';
+const PopoverTemp = PopoverMain;
+PopoverTemp.Content = PopoverContent;
+PopoverTemp.CloseButton = PopoverCloseButton;
+PopoverTemp.Header = PopoverHeader;
+PopoverTemp.Footer = PopoverFooter;
+PopoverTemp.Body = PopoverBody;
+PopoverTemp.Arrow = PopoverArrow; // To add typings
+
+const Popover = PopoverTemp;
+export { Popover };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["default","PopoverMain","PopoverContent","PopoverBody","PopoverCloseButton","PopoverFooter","PopoverHeader","PopoverArrow","PopoverTemp","Content","CloseButton","Header","Footer","Body","Arrow","Popover"],"mappings":"AAAA,SAASA,OAAO,IAAIC,WAApB,QAAuC,WAAvC;AACA,SAASC,cAAT,QAA+B,kBAA/B;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,kBAAP,MAA+B,sBAA/B;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AAEA,OAAOC,YAAP,MAAyB,gBAAzB;AAGA,MAAMC,WAAgB,GAAGP,WAAzB;AACAO,WAAW,CAACC,OAAZ,GAAsBP,cAAtB;AACAM,WAAW,CAACE,WAAZ,GAA0BN,kBAA1B;AACAI,WAAW,CAACG,MAAZ,GAAqBL,aAArB;AACAE,WAAW,CAACI,MAAZ,GAAqBP,aAArB;AACAG,WAAW,CAACK,IAAZ,GAAmBV,WAAnB;AACAK,WAAW,CAACM,KAAZ,GAAoBP,YAApB,C,CAEA;;AACA,MAAMQ,OAAO,GAAGP,WAAhB;AACA,SAASO,OAAT","sourcesContent":["import { default as PopoverMain } from './Popover';\r\nimport { PopoverContent } from './PopoverContent';\r\nimport PopoverBody from './PopoverBody';\r\nimport PopoverCloseButton from './PopoverCloseButton';\r\nimport PopoverFooter from './PopoverFooter';\r\nimport PopoverHeader from './PopoverHeader';\r\nimport type { IPopoverComponentType } from './types';\r\nimport PopoverArrow from './PopoverArrow';\r\nexport type { IPopoverProps } from './types';\r\n\r\nconst PopoverTemp: any = PopoverMain;\r\nPopoverTemp.Content = PopoverContent;\r\nPopoverTemp.CloseButton = PopoverCloseButton;\r\nPopoverTemp.Header = PopoverHeader;\r\nPopoverTemp.Footer = PopoverFooter;\r\nPopoverTemp.Body = PopoverBody;\r\nPopoverTemp.Arrow = PopoverArrow;\r\n\r\n// To add typings\r\nconst Popover = PopoverTemp as IPopoverComponentType;\r\nexport { Popover };\r\n"]}

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

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

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

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