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

package/lib/commonjs/components/composites/Popover/PopoverCloseButton.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _hooks = require("../../../hooks");
+
+var _Pressable = require("../../primitives/Pressable");
+
+var _Icons = require("../../primitives/Icon/Icons");
+
+var _PopoverContext = require("./PopoverContext");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+var _Pressable2 = require("../../primitives/Pressable/Pressable");
+
+var _utils = require("../../../utils");
+
+var _focus = require("@react-native-aria/focus");
+
+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 PopoverCloseButton = (props, ref) => {
+  const {
+    onClose
+  } = _react.default.useContext(_PopoverContext.PopoverContext);
+
+  const {
+    hoverProps,
+    isHovered
+  } = (0, _Pressable2.useHover)();
+  const {
+    pressableProps,
+    isPressed
+  } = (0, _Pressable2.useIsPressed)();
+  const {
+    focusProps,
+    isFocused
+  } = (0, _Pressable2.useFocus)();
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = (0, _focus.useFocusRing)();
+  const {
+    _icon,
+    onPressIn,
+    onPressOut,
+    onHoverIn,
+    onHoverOut,
+    onFocus,
+    onBlur,
+    ...resolvedProps
+  } = (0, _hooks.usePropsResolution)('PopoverCloseButton', props, {
+    isHovered,
+    isPressed,
+    isFocused,
+    isFocusVisible
+  }); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Pressable.Pressable, _extends({
+    accessibilityRole: "button",
+    ref: ref,
+    onPressIn: (0, _utils.composeEventHandlers)(onPressIn, pressableProps.onPressIn),
+    onPressOut: (0, _utils.composeEventHandlers)(onPressOut, pressableProps.onPressOut) // @ts-ignore - web only
+    ,
+    onHoverIn: (0, _utils.composeEventHandlers)(onHoverIn, hoverProps.onHoverIn) // @ts-ignore - web only
+    ,
+    onHoverOut: (0, _utils.composeEventHandlers)(onHoverOut, hoverProps.onHoverOut) // @ts-ignore - web only
+    ,
+    onFocus: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(onFocus, focusProps.onFocus), focusRingProps.onFocus) // @ts-ignore - web only
+    ,
+    onBlur: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(onBlur, focusProps.onBlur), focusRingProps.onBlur),
+    onPress: onClose
+  }, resolvedProps), /*#__PURE__*/_react.default.createElement(_Icons.CloseIcon, _icon));
+};
+
+var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(PopoverCloseButton));
+
+exports.default = _default;
+//# sourceMappingURL=PopoverCloseButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["PopoverCloseButton.tsx"],"names":["PopoverCloseButton","props","ref","onClose","React","useContext","PopoverContext","hoverProps","isHovered","pressableProps","isPressed","focusProps","isFocused","isFocusVisible","focusRingProps","_icon","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","resolvedProps","memo","forwardRef"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAKA;;AACA;;;;;;AAEA,MAAMA,kBAAkB,GAAG,CAACC,KAAD,EAAsBC,GAAtB,KAAmC;AAC5D,QAAM;AAAEC,IAAAA;AAAF,MAAmBC,eAAMC,UAAN,CAAiBC,8BAAjB,CAAzB;;AACA,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA4B,2BAAlC;AACA,QAAM;AAAEC,IAAAA,cAAF;AAAkBC,IAAAA;AAAlB,MAAgC,+BAAtC;AACA,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA4B,2BAAlC;AACA,QAAM;AAAEC,IAAAA,cAAF;AAAkBF,IAAAA,UAAU,EAAEG;AAA9B,MAAsD,0BAA5D;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,MASF,+BAAmB,oBAAnB,EAAyCrB,KAAzC,EAAgD;AAClDO,IAAAA,SADkD;AAElDE,IAAAA,SAFkD;AAGlDE,IAAAA,SAHkD;AAIlDC,IAAAA;AAJkD,GAAhD,CATJ,CAP4D,CAsB5D;;AACA,MAAI,kDAAsBZ,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,6BAAC,oBAAD;AACE,IAAA,iBAAiB,EAAC,QADpB;AAEE,IAAA,GAAG,EAAEC,GAFP;AAGE,IAAA,SAAS,EAAE,iCAAqBc,SAArB,EAAgCP,cAAc,CAACO,SAA/C,CAHb;AAIE,IAAA,UAAU,EAAE,iCAAqBC,UAArB,EAAiCR,cAAc,CAACQ,UAAhD,CAJd,CAKE;AALF;AAME,IAAA,SAAS,EAAE,iCAAqBC,SAArB,EAAgCX,UAAU,CAACW,SAA3C,CANb,CAOE;AAPF;AAQE,IAAA,UAAU,EAAE,iCAAqBC,UAArB,EAAiCZ,UAAU,CAACY,UAA5C,CARd,CASE;AATF;AAUE,IAAA,OAAO,EAAE,iCACP,iCAAqBC,OAArB,EAA8BT,UAAU,CAACS,OAAzC,CADO,EAEPN,cAAc,CAACM,OAFR,CAVX,CAcE;AAdF;AAeE,IAAA,MAAM,EAAE,iCACN,iCAAqBC,MAArB,EAA6BV,UAAU,CAACU,MAAxC,CADM,EAENP,cAAc,CAACO,MAFT,CAfV;AAmBE,IAAA,OAAO,EAAElB;AAnBX,KAoBMmB,aApBN,gBAsBE,6BAAC,gBAAD,EAAeP,KAAf,CAtBF,CADF;AA0BD,CApDD;;4BAsDeX,eAAMmB,IAAN,eAAWnB,eAAMoB,UAAN,CAAiBxB,kBAAjB,CAAX,C","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/commonjs/components/composites/Popover/PopoverContent.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PopoverContent = void 0;
+
+var _hooks = require("../../../hooks");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _Popper = require("../Popper");
+
+var _PopoverContext = require("./PopoverContext");
+
+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 PopoverContent = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  var _ref, _ref2, _props$bgColor;
+
+  const {
+    onClose,
+    initialFocusRef,
+    finalFocusRef,
+    popoverContentId,
+    headerMounted,
+    bodyMounted,
+    bodyId,
+    headerId,
+    isOpen
+  } = _react.default.useContext(_PopoverContext.PopoverContext);
+
+  const resolvedProps = (0, _hooks.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 = (0, _hooks.useToken)('colors', arrowDefaultColor);
+
+  _react.default.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]);
+
+  (0, _hooks.useKeyboardDismissable)({
+    enabled: true,
+    callback: onClose
+  });
+  let arrowElement = null;
+  const restChildren = [];
+
+  _react.default.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.default.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 = _reactNative.Platform.OS === 'web' ? {
+    'accessibilityRole': 'dialog',
+    'aria-labelledby': headerMounted ? headerId : undefined,
+    'aria-describedby': bodyMounted ? bodyId : undefined
+  } : {}; //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Popper.Popper.Content, _extends({
+    nativeID: popoverContentId
+  }, accessibilityProps, resolvedProps, {
+    ref: ref,
+    isOpen: isOpen
+  }), arrowElement, restChildren);
+});
+
+exports.PopoverContent = PopoverContent;
+PopoverContent.displayName = 'PopoverContent';
+//# sourceMappingURL=PopoverContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["PopoverContent.tsx"],"names":["PopoverContent","React","forwardRef","props","ref","onClose","initialFocusRef","finalFocusRef","popoverContentId","headerMounted","bodyMounted","bodyId","headerId","isOpen","useContext","PopoverContext","resolvedProps","arrowDefaultColor","bgColor","bg","backgroundColor","color","useEffect","finalFocusRefCurrentVal","current","focus","enabled","callback","arrowElement","restChildren","Children","toArray","children","forEach","child","type","displayName","cloneElement","push","accessibilityProps","Platform","OS","undefined"],"mappings":";;;;;;;AAAA;;AAKA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAEO,MAAMA,cAAc,gBAAGC,eAAMC,UAAN,CAC5B,CAACC,KAAD,EAA8BC,GAA9B,KAA2C;AAAA;;AACzC,QAAM;AACJC,IAAAA,OADI;AAEJC,IAAAA,eAFI;AAGJC,IAAAA,aAHI;AAIJC,IAAAA,gBAJI;AAKJC,IAAAA,aALI;AAMJC,IAAAA,WANI;AAOJC,IAAAA,MAPI;AAQJC,IAAAA,QARI;AASJC,IAAAA;AATI,MAUFZ,eAAMa,UAAN,CAAiBC,8BAAjB,CAVJ;;AAWA,QAAMC,aAAa,GAAG,+BAAmB,gBAAnB,EAAqCb,KAArC,CAAtB;AAEA,QAAMc,iBAAiB,sCACrBd,KAAK,CAACe,OADe,2DAErBf,KAAK,CAACgB,EAFe,yCAGrBhB,KAAK,CAACiB,eAHe,uCAIrBJ,aAAa,CAACI,eAJhB;AAKA,QAAMC,KAAK,GAAG,qBAAS,QAAT,EAAmBJ,iBAAnB,CAAd;;AAEAhB,iBAAMqB,SAAN,CAAgB,MAAM;AACpB,UAAMC,uBAAuB,GAAGhB,aAAH,aAAGA,aAAH,uBAAGA,aAAa,CAAEiB,OAA/C;;AACA,QAAIlB,eAAe,IAAIA,eAAe,CAACkB,OAAvC,EAAgD;AAC9ClB,MAAAA,eAAe,CAACkB,OAAhB,CAAwBC,KAAxB;AACD;;AAED,WAAO,MAAM;AACX,UAAIF,uBAAJ,EAA6B;AAC3BA,QAAAA,uBAAuB,CAACE,KAAxB;AACD;AACF,KAJD;AAKD,GAXD,EAWG,CAAClB,aAAD,EAAgBD,eAAhB,CAXH;;AAaA,qCAAuB;AACrBoB,IAAAA,OAAO,EAAE,IADY;AAErBC,IAAAA,QAAQ,EAAEtB;AAFW,GAAvB;AAKA,MAAIuB,YAAY,GAAG,IAAnB;AACA,QAAMC,YAAiB,GAAG,EAA1B;;AACA5B,iBAAM6B,QAAN,CAAeC,OAAf,CAAuB5B,KAAK,CAAC6B,QAA7B,EAAuCC,OAAvC,CAAgDC,KAAD,IAAgB;AAAA;;AAC7D,QAAI,CAAAA,KAAK,SAAL,IAAAA,KAAK,WAAL,2BAAAA,KAAK,CAAEC,IAAP,4DAAaC,WAAb,MAA6B,aAAjC,EAAgD;AAAA;;AAC9CR,MAAAA,YAAY,gBAAG3B,eAAMoC,YAAN,CAAmBH,KAAnB,EAA0B;AACvCd,QAAAA,eAAe,wBAAEc,KAAK,CAAC/B,KAAN,CAAYkB,KAAd,mEAAuBA;AADC,OAA1B,CAAf;AAGD,KAJD,MAIO;AACLQ,MAAAA,YAAY,CAACS,IAAb,CAAkBJ,KAAlB;AACD;AACF,GARD;;AAUA,QAAMK,kBAAkB,GACtBC,sBAASC,EAAT,KAAgB,KAAhB,GACK;AACC,yBAAqB,QADtB;AAEC,uBAAmBhC,aAAa,GAAGG,QAAH,GAAc8B,SAF/C;AAGC,wBAAoBhC,WAAW,GAAGC,MAAH,GAAY+B;AAH5C,GADL,GAMI,EAPN,CAnDyC,CA4DzC;;AACA,MAAI,kDAAsBvC,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,sBACE,6BAAC,cAAD,CAAQ,OAAR;AACE,IAAA,QAAQ,EAAEK;AADZ,KAEM+B,kBAFN,EAGMvB,aAHN;AAIE,IAAA,GAAG,EAAEZ,GAJP;AAKE,IAAA,MAAM,EAAES;AALV,MAOGe,YAPH,EAQGC,YARH,CADF;AAYD,CA9E2B,CAAvB;;;AAiFP7B,cAAc,CAACoC,WAAf,GAA6B,gBAA7B","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/commonjs/components/composites/Popover/PopoverContext.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PopoverContext = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const PopoverContext = /*#__PURE__*/_react.default.createContext({
+  onClose: () => {},
+  initialFocusRef: {
+    current: null
+  },
+  finalFocusRef: {
+    current: null
+  },
+  popoverContentId: undefined,
+  headerId: undefined,
+  bodyId: undefined,
+  setHeaderMounted: () => {},
+  setBodyMounted: () => {},
+  headerMounted: false,
+  bodyMounted: false,
+  isOpen: false
+});
+
+exports.PopoverContext = PopoverContext;
+//# sourceMappingURL=PopoverContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["PopoverContext.ts"],"names":["PopoverContext","React","createContext","onClose","initialFocusRef","current","finalFocusRef","popoverContentId","undefined","headerId","bodyId","setHeaderMounted","setBodyMounted","headerMounted","bodyMounted","isOpen"],"mappings":";;;;;;;AAAA;;;;AAEO,MAAMA,cAAc,gBAAGC,eAAMC,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/commonjs/components/composites/Popover/PopoverFooter.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _hooks = require("../../../hooks");
+
+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 PopoverFooter = (props, ref) => {
+  const resolvedProps = (0, _hooks.usePropsResolution)('PopoverFooter', props); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({}, resolvedProps, {
+    ref: ref
+  }));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(PopoverFooter));
+
+exports.default = _default;
+//# sourceMappingURL=PopoverFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["PopoverFooter.tsx"],"names":["PopoverFooter","props","ref","resolvedProps"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,aAAa,GAAG,CAACC,KAAD,EAAmBC,GAAnB,KAAiC;AACrD,QAAMC,aAAa,GAAG,+BAAmB,eAAnB,EAAoCF,KAApC,CAAtB,CADqD,CAErD;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,6BAAC,YAAD,eAASE,aAAT;AAAwB,IAAA,GAAG,EAAED;AAA7B,KAAP;AACD,CAPD;;4BASe,+BAAK,uBAAWF,aAAX,CAAL,C","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/commonjs/components/composites/Popover/PopoverHeader.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _hooks = require("../../../hooks");
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+var _PopoverContext = require("./PopoverContext");
+
+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 PopoverHeader = (props, ref) => {
+  const resolvedProps = (0, _hooks.usePropsResolution)('PopoverHeader', props);
+  const {
+    setHeaderMounted,
+    headerId
+  } = (0, _react.useContext)(_PopoverContext.PopoverContext);
+  (0, _react.useEffect)(() => {
+    setHeaderMounted(true);
+    return () => {
+      setHeaderMounted(false);
+    };
+  }, [setHeaderMounted]); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({
+    nativeID: headerId
+  }, resolvedProps, {
+    ref: ref
+  }));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(PopoverHeader));
+
+exports.default = _default;
+//# sourceMappingURL=PopoverHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["PopoverHeader.tsx"],"names":["PopoverHeader","props","ref","resolvedProps","setHeaderMounted","headerId","PopoverContext"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,aAAa,GAAG,CAACC,KAAD,EAAmBC,GAAnB,KAAiC;AACrD,QAAMC,aAAa,GAAG,+BAAmB,eAAnB,EAAoCF,KAApC,CAAtB;AACA,QAAM;AAAEG,IAAAA,gBAAF;AAAoBC,IAAAA;AAApB,MAAiC,uBAAWC,8BAAX,CAAvC;AAEA,wBAAU,MAAM;AACdF,IAAAA,gBAAgB,CAAC,IAAD,CAAhB;AACA,WAAO,MAAM;AACXA,MAAAA,gBAAgB,CAAC,KAAD,CAAhB;AACD,KAFD;AAGD,GALD,EAKG,CAACA,gBAAD,CALH,EAJqD,CAUrD;;AACA,MAAI,kDAAsBH,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,6BAAC,YAAD;AAAK,IAAA,QAAQ,EAAEI;AAAf,KAA6BF,aAA7B;AAA4C,IAAA,GAAG,EAAED;AAAjD,KAAP;AACD,CAfD;;4BAiBe,+BAAK,uBAAWF,aAAX,CAAL,C","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/commonjs/components/composites/Popover/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Popover = void 0;
+
+var _Popover = _interopRequireDefault(require("./Popover"));
+
+var _PopoverContent = require("./PopoverContent");
+
+var _PopoverBody = _interopRequireDefault(require("./PopoverBody"));
+
+var _PopoverCloseButton = _interopRequireDefault(require("./PopoverCloseButton"));
+
+var _PopoverFooter = _interopRequireDefault(require("./PopoverFooter"));
+
+var _PopoverHeader = _interopRequireDefault(require("./PopoverHeader"));
+
+var _PopoverArrow = _interopRequireDefault(require("./PopoverArrow"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const PopoverTemp = _Popover.default;
+PopoverTemp.Content = _PopoverContent.PopoverContent;
+PopoverTemp.CloseButton = _PopoverCloseButton.default;
+PopoverTemp.Header = _PopoverHeader.default;
+PopoverTemp.Footer = _PopoverFooter.default;
+PopoverTemp.Body = _PopoverBody.default;
+PopoverTemp.Arrow = _PopoverArrow.default; // To add typings
+
+const Popover = PopoverTemp;
+exports.Popover = Popover;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["PopoverTemp","PopoverMain","Content","PopoverContent","CloseButton","PopoverCloseButton","Header","PopoverHeader","Footer","PopoverFooter","Body","PopoverBody","Arrow","PopoverArrow","Popover"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AAGA,MAAMA,WAAgB,GAAGC,gBAAzB;AACAD,WAAW,CAACE,OAAZ,GAAsBC,8BAAtB;AACAH,WAAW,CAACI,WAAZ,GAA0BC,2BAA1B;AACAL,WAAW,CAACM,MAAZ,GAAqBC,sBAArB;AACAP,WAAW,CAACQ,MAAZ,GAAqBC,sBAArB;AACAT,WAAW,CAACU,IAAZ,GAAmBC,oBAAnB;AACAX,WAAW,CAACY,KAAZ,GAAoBC,qBAApB,C,CAEA;;AACA,MAAMC,OAAO,GAAGd,WAAhB","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/commonjs/components/composites/Popover/types.js

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

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

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