@laerdal/life-react-components 3.4.3 → 3.5.1-dev.10

package/dist/Popover/Popover.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = exports.PopoverWrapper = exports.PopoverTopSectionContainer = exports.PopoverMiddleSectionContainer = exports.PopoverContainer = exports.PopoverBottomSectionContainer = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -18,9 +18,9 @@ var _styles = require("../styles");
 var _types = require("../types");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  //height: ", ";\n  min-width: ", ";\n  border-radius: 4px;\n  background: ", ";\n  cursor: default;\n  box-shadow: ", ";\n\n  position: absolute;  \n  visibility: hidden;\n  opacity: 0;\n  z-index: ", ";\n\n  ", "\n  ", "\n\n  ", "\n  ", "\n\n  &::after {\n    ", "\n"])), function (props) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var PopoverContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  //height: ", ";\n  min-width: ", ";\n  border-radius: 4px;\n  background: ", ";\n  cursor: default;\n  box-shadow: ", ";\n\n  position: absolute;  \n  visibility: hidden;\n  opacity: 0;\n  z-index: ", ";\n\n  ", "\n  ", "\n\n  ", "\n  ", "\n\n  &::after {\n    ", "\n"])), function (props) {
   return props.size === _types.Size.Small ? '240px' : props.size === _types.Size.Large ? '480px' : '360px';
 }, function (props) {
   return props.size === _types.Size.Small ? '320px' : props.size === _types.Size.Large ? '640px' : '480px';
@@ -35,36 +35,40 @@ var Container = _styledComponents.default.div(_templateObject || (_templateObjec
 }, function (props) {
   return props.showArrowPointer ? renderArrowStyles(props.position) : '';
 });
-var TopContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  height: ", ";\n  display: flex;\n"])), function (props) {
+exports.PopoverContainer = PopoverContainer;
+var PopoverTopSectionContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  height: ", ";\n  display: flex;\n"])), function (props) {
   return props.size === _types.Size.Small ? '56px' : props.size === _types.Size.Large ? '72px' : '64px';
 });
-var MiddleContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 8px;\n  height: ", ";\n  padding: ", ";\n  overflow-y: auto;\n  ", "\n"])), function (props) {
+exports.PopoverTopSectionContainer = PopoverTopSectionContainer;
+var PopoverMiddleSectionContainer = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  margin: 8px;\n  height: ", ";\n  padding: ", ";\n  overflow-y: auto;\n  ", "\n"])), function (props) {
   return props.size === _types.Size.Small ? '104px' : props.size === _types.Size.Large ? '304px' : '208px';
 }, function (props) {
   return props.size === _types.Size.Small ? '0 8px' : props.size === _types.Size.Large ? '0 16px' : '0 12px';
 }, (0, _styles.scrollBarStyling)(_types.Size.Small));
-var BottomContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  height: ", ";  \n  display: flex;\n\n  .bottom-flex {\n    flex: 1;\n  }\n"])), function (props) {
+exports.PopoverMiddleSectionContainer = PopoverMiddleSectionContainer;
+var PopoverBottomSectionContainer = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  height: ", ";  \n  display: flex;\n\n  .bottom-flex {\n    flex: 1;\n  }\n"])), function (props) {
   return props.size === _types.Size.Small ? '64px' : props.size === _types.Size.Large ? '88px' : '72px';
 });
-var TextContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  margin: ", ";\n  flex-grow: 1;\n"])), function (props) {
+exports.PopoverBottomSectionContainer = PopoverBottomSectionContainer;
+var TextContainer = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n  margin: ", ";\n  flex-grow: 1;\n"])), function (props) {
   return renderMargins(props.note, props.size);
 });
-var NoteContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), function (props) {
+var NoteContainer = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n"])), function (props) {
   return props.size === _types.Size.Small ? (0, _styles.ComponentXXSStyling)(_.ComponentTextStyle.Regular, _.COLORS.neutral_600) : props.size === _types.Size.Large ? (0, _styles.ComponentSStyling)(_.ComponentTextStyle.Regular, _.COLORS.neutral_600) : (0, _.ComponentXSStyling)(_.ComponentTextStyle.Regular, _.COLORS.neutral_600);
 });
-var LabelContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), function (props) {
+var LabelContainer = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n"])), function (props) {
   return props.size === _types.Size.Small ? (0, _styles.ComponentSStyling)(_.ComponentTextStyle.Bold, null) : props.size === _types.Size.Large ? (0, _styles.ComponentLStyling)(_.ComponentTextStyle.Bold, null) : (0, _styles.ComponentMStyling)(_.ComponentTextStyle.Bold, null);
 });
-var CloseButtonContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  margin: ", ";\n"])), function (props) {
+var CloseButtonContainer = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n  margin: ", ";\n"])), function (props) {
   return props.size === _types.Size.Small ? '4px 16px 4px 0' : props.size === _types.Size.Large ? '12px 24px 12px 0' : '8px 20px 8px 0';
 });
-var TextButtonContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  margin: ", ";\n"])), function (props) {
+var TextButtonContainer = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n  margin: ", ";\n"])), function (props) {
   return props.size === _types.Size.Small ? '8px 0 8px 16px' : props.size === _types.Size.Large ? '16px 0 16px 24px' : '12px 0 12px 20px';
 });
-var IconButtonContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  margin: ", ";\n  display: flex;\n"])), function (props) {
+var IconButtonContainer = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["\n  margin: ", ";\n  display: flex;\n"])), function (props) {
   return props.size === _types.Size.Small ? '8px 16px 8px 0' : props.size === _types.Size.Large ? '16px 24px 16px 0' : '12px 20px 12px 0';
 });
-var Wrapper = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n\n  .pointer-space {\n    height: ", ";\n    width: ", ";\n    position: absolute;\n\n    ", ";\n    ", ";\n\n    ", ";\n    ", ";\n  }\n\n  ", "\n"])), function (props) {
+var PopoverWrapper = _styledComponents["default"].div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n\n  .pointer-space {\n    height: ", ";\n    width: ", ";\n    position: absolute;\n\n    ", ";\n    ", ";\n\n    ", ";\n    ", ";\n  }\n\n  ", "\n"])), function (props) {
   return props.position === _types.Position.Top || props.position === _types.Position.Bottom ? '16px' : '100%';
 }, function (props) {
   return props.position === _types.Position.Left || props.position === _types.Position.Right ? '16px' : '100%';
@@ -77,8 +81,9 @@ var Wrapper = _styledComponents.default.div(_templateObject11 || (_templateObjec
 }, function (props) {
   return props.position === _types.Position.Bottom ? 'top: 100%' : '';
 }, function (props) {
-  return props.showOnClick ? "".concat(Container, " {\n        visibility: ").concat(props.showPopover ? 'visible' : 'hidden', ";\n        opacity: ").concat(props.showPopover ? '1' : '0', ";\n    }\n    cursor: pointer;") : "&:hover {\n      ".concat(Container, " {\n        visibility: visible;\n        opacity: 1;\n      }\n    }");
+  return props.showOnClick ? "".concat(PopoverContainer, " {\n        visibility: ").concat(props.showPopover ? 'visible' : 'hidden', ";\n        opacity: ").concat(props.showPopover ? '1' : '0', ";\n    }\n    cursor: pointer;") : "&:hover {\n      ".concat(PopoverContainer, " {\n        visibility: visible;\n        opacity: 1;\n      }\n    }");
 });
+exports.PopoverWrapper = PopoverWrapper;
 var renderMargins = function renderMargins(isNotePresent, size) {
   if (isNotePresent) {
     return size === _types.Size.Small ? '10px 16px' : size === _types.Size.Large ? '14px 24px' : '12px 20px';
@@ -100,6 +105,10 @@ var renderArrowStyles = function renderArrowStyles(position) {
     return "height: 0px;\n            width: 0px;\n            border-top: 12px solid transparent;\n            border-right: 16px solid rgb(255,255,255);\n            border-bottom: 12px solid transparent;\n            border-left: 16px solid transparent;\n            content: \"\";\n            position: absolute;\n            right: calc(100% - 1px);\n            bottom: calc(50% - 12px);";
   }
 };
+;
+;
+;
+;
 var Popover = function Popover(_ref) {
   var _bottomSectionProps$t, _bottomSectionProps$i;
   var _ref$size = _ref.size,
@@ -114,7 +123,7 @@ var Popover = function Popover(_ref) {
     _ref$showArrowPointer = _ref.showArrowPointer,
     showArrowPointer = _ref$showArrowPointer === void 0 ? false : _ref$showArrowPointer;
   var _React$useState = React.useState(false),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
     showPopover = _React$useState2[0],
     setShowPopover = _React$useState2[1];
   var popoverRef = React.useRef();
@@ -129,16 +138,16 @@ var Popover = function Popover(_ref) {
       document.removeEventListener('mousedown', checkIfClickedOutside);
     };
   }, [showPopover]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(PopoverWrapper, {
     position: position,
     showOnClick: showOnClick,
     showPopover: showPopover,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(PopoverContainer, {
       size: size,
       position: position,
       ref: popoverRef,
       showArrowPointer: showArrowPointer,
-      children: [!!topSectionProps && /*#__PURE__*/(0, _jsxRuntime.jsxs)(TopContainer, {
+      children: [!!topSectionProps && /*#__PURE__*/(0, _jsxRuntime.jsxs)(PopoverTopSectionContainer, {
         size: size,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(TextContainer, {
           note: !!(topSectionProps !== null && topSectionProps !== void 0 && topSectionProps.note),
@@ -164,10 +173,10 @@ var Popover = function Popover(_ref) {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.Close, {})
           })
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(MiddleContainer, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PopoverMiddleSectionContainer, {
         size: size,
         children: mainContent
-      }), !!bottomSectionProps && /*#__PURE__*/(0, _jsxRuntime.jsxs)(BottomContainer, {
+      }), !!bottomSectionProps && /*#__PURE__*/(0, _jsxRuntime.jsxs)(PopoverBottomSectionContainer, {
         size: size,
         children: [!!(bottomSectionProps !== null && bottomSectionProps !== void 0 && (_bottomSectionProps$t = bottomSectionProps.textButton) !== null && _bottomSectionProps$t !== void 0 && _bottomSectionProps$t.icon) && /*#__PURE__*/(0, _jsxRuntime.jsx)(TextButtonContainer, {
           size: size,
@@ -206,27 +215,27 @@ var Popover = function Popover(_ref) {
   });
 };
 Popover.propTypes = {
-  topSectionProps: _propTypes.default.shape({
-    text: _propTypes.default.string.isRequired,
-    note: _propTypes.default.string
+  topSectionProps: _propTypes["default"].shape({
+    text: _propTypes["default"].string.isRequired,
+    note: _propTypes["default"].string
   }),
-  bottomSectionProps: _propTypes.default.shape({
-    iconButtons: _propTypes.default.arrayOf(_propTypes.default.shape({
-      icon: _propTypes.default.node.isRequired,
-      action: _propTypes.default.func.isRequired,
-      label: _propTypes.default.string
+  bottomSectionProps: _propTypes["default"].shape({
+    iconButtons: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+      icon: _propTypes["default"].node.isRequired,
+      action: _propTypes["default"].func.isRequired,
+      label: _propTypes["default"].string
     })),
-    textButton: _propTypes.default.shape({
-      icon: _propTypes.default.node.isRequired,
-      action: _propTypes.default.func.isRequired,
-      label: _propTypes.default.string
+    textButton: _propTypes["default"].shape({
+      icon: _propTypes["default"].node.isRequired,
+      action: _propTypes["default"].func.isRequired,
+      label: _propTypes["default"].string
     })
   }),
-  mainContent: _propTypes.default.node.isRequired,
-  children: _propTypes.default.node.isRequired,
-  showOnClick: _propTypes.default.bool.isRequired,
-  showArrowPointer: _propTypes.default.bool
+  mainContent: _propTypes["default"].node.isRequired,
+  children: _propTypes["default"].node.isRequired,
+  showOnClick: _propTypes["default"].bool.isRequired,
+  showArrowPointer: _propTypes["default"].bool
 };
 var _default = Popover;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=Popover.cjs.map

package/dist/Popover/Popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.cjs","names":["Container","styled","div","props","size","Size","Small","Large","COLORS","white","BOXSHADOWS","BOXSHADOW_CENTERED","Z_INDEXES","popover","position","Position","Bottom","Top","Left","Right","showArrowPointer","renderArrowStyles","TopContainer","MiddleContainer","scrollBarStyling","BottomContainer","TextContainer","renderMargins","note","NoteContainer","ComponentXXSStyling","ComponentTextStyle","Regular","neutral_600","ComponentSStyling","ComponentXSStyling","LabelContainer","Bold","ComponentLStyling","ComponentMStyling","CloseButtonContainer","TextButtonContainer","IconButtonContainer","Wrapper","showOnClick","showPopover","isNotePresent","Popover","Medium","topSectionProps","bottomSectionProps","mainContent","children","React","useState","setShowPopover","popoverRef","useRef","useEffect","checkIfClickedOutside","e","current","contains","target","document","addEventListener","removeEventListener","text","textButton","icon","action","label","iconButtons","map","iconButton"],"sources":["../../src/Popover/Popover.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';\nimport { Button, IconButton } from '../Button';\nimport { SystemIcons } from '../icons';\nimport { BOXSHADOWS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXXSStyling, scrollBarStyling, Z_INDEXES } from '../styles';\nimport { Position, Size } from '../types';\n\nconst Container = styled.div<{ size: Size; position: Position; showArrowPointer: boolean }>`\n  //height: ${(props) => (props.size === Size.Small ? '240px' : props.size === Size.Large ? '480px' : '360px')};\n  min-width: ${(props) => (props.size === Size.Small ? '320px' : props.size === Size.Large ? '640px' : '480px')};\n  border-radius: 4px;\n  background: ${COLORS.white};\n  cursor: default;\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\n\n  position: absolute;  \n  visibility: hidden;\n  opacity: 0;\n  z-index: ${Z_INDEXES.popover};\n\n  ${(props) => (props.position == Position.Bottom ? 'right: 50%; top: calc(100% + 16px); transform: translateX(50%);' : '')}\n  ${(props) => (props.position == Position.Top ? 'right: 50%; bottom: calc(100% + 16px); transform: translateX(50%);' : '')}\n\n  ${(props) => (props.position == Position.Left ? 'bottom: 50%; right: calc(100% + 16px); transform: translateY(50%);' : '')}\n  ${(props) => (props.position == Position.Right ? 'bottom: 50%; left: calc(100% + 16px); transform: translateY(50%);' : '')}\n\n  &::after {\n    ${(props) => (props.showArrowPointer ? renderArrowStyles(props.position) : '')}\n`;\n\nconst TopContainer = styled.div<{ size: Size }>`\n  height: ${(props) => (props.size === Size.Small ? '56px' : props.size === Size.Large ? '72px' : '64px')};\n  display: flex;\n`;\n\nconst MiddleContainer = styled.div<{ size: Size }>`\n  margin: 8px;\n  height: ${(props) => (props.size === Size.Small ? '104px' : props.size === Size.Large ? '304px' : '208px')};\n  padding: ${(props) => (props.size === Size.Small ? '0 8px' : props.size === Size.Large ? '0 16px' : '0 12px')};\n  overflow-y: auto;\n  ${scrollBarStyling(Size.Small)}\n`;\n\nconst BottomContainer = styled.div<{ size: Size }>`\n  height: ${(props) => (props.size === Size.Small ? '64px' : props.size === Size.Large ? '88px' : '72px')};  \n  display: flex;\n\n  .bottom-flex {\n    flex: 1;\n  }\n`;\n\nconst TextContainer = styled.div<{ note: boolean; size: Size }>`\n  display: flex;\n  flex-direction: column;\n  margin: ${(props) => renderMargins(props.note, props.size)};\n  flex-grow: 1;\n`;\n\nconst NoteContainer = styled.div<{ size: Size }>`\n  ${(props) =>\n    props.size === Size.Small\n      ? ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)\n      : props.size === Size.Large\n      ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)\n      : ComponentXSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n`;\n\nconst LabelContainer = styled.div<{ size: Size }>`\n  ${(props) =>\n    props.size === Size.Small\n      ? ComponentSStyling(ComponentTextStyle.Bold, null)\n      : props.size === Size.Large\n      ? ComponentLStyling(ComponentTextStyle.Bold, null)\n      : ComponentMStyling(ComponentTextStyle.Bold, null)}\n`;\n\nconst CloseButtonContainer = styled.div<{ size: Size }>`\n  margin: ${(props) => (props.size === Size.Small ? '4px 16px 4px 0' : props.size === Size.Large ? '12px 24px 12px 0' : '8px 20px 8px 0')};\n`;\n\nconst TextButtonContainer = styled.div<{ size: Size }>`\n  margin: ${(props) => (props.size === Size.Small ? '8px 0 8px 16px' : props.size === Size.Large ? '16px 0 16px 24px' : '12px 0 12px 20px')};\n`;\n\nconst IconButtonContainer = styled.div<{ size: Size }>`\n  margin: ${(props) => (props.size === Size.Small ? '8px 16px 8px 0' : props.size === Size.Large ? '16px 24px 16px 0' : '12px 20px 12px 0')};\n  display: flex;\n`;\n\nconst Wrapper = styled.div<{ position: Position; showOnClick: boolean; showPopover: boolean }>`\n  position: relative;\n\n  .pointer-space {\n    height: ${(props) => (props.position === Position.Top || props.position === Position.Bottom ? '16px' : '100%')};\n    width: ${(props) => (props.position === Position.Left || props.position === Position.Right ? '16px' : '100%')};\n    position: absolute;\n\n    ${(props) => (props.position === Position.Left ? 'right:100%; bottom: 0%' : '')};\n    ${(props) => (props.position === Position.Right ? 'left:100%; bottom: 0%' : '')};\n\n    ${(props) => (props.position === Position.Top ? 'bottom: 100%' : '')};\n    ${(props) => (props.position === Position.Bottom ? 'top: 100%' : '')};\n  }\n\n  ${(props) =>\n    props.showOnClick\n      ? `${Container} {\n        visibility: ${props.showPopover ? 'visible' : 'hidden'};\n        opacity: ${props.showPopover ? '1' : '0'};\n    }\n    cursor: pointer;`\n      : `&:hover {\n      ${Container} {\n        visibility: visible;\n        opacity: 1;\n      }\n    }`}\n`;\n\nconst renderMargins = (isNotePresent: boolean, size: Size): string => {\n  if (isNotePresent) {\n    return size === Size.Small ? '10px 16px' : size === Size.Large ? '14px 24px' : '12px 20px';\n  } else {\n    return size === Size.Small ? '18px 16px' : size === Size.Large ? '24px' : '20px';\n  }\n};\n\nconst renderArrowStyles = (position: Position) => {\n  if (position === Position.Bottom) {\n    return `height: 0px;\n            width: 0px;\n            border-top: 16px solid transparent;\n            border-right: 12px solid transparent;\n            border-bottom: 16px solid rgb(255,255,255);\n            border-left: 12px solid transparent;\n            content: \"\";\n            position: absolute;\n            right: calc(50% - 12px);\n            bottom: calc(100% - 1px);`;\n  }\n\n  if (position === Position.Top) {\n    return `height: 0px;\n            width: 0px;\n            border-top: 16px solid rgb(255,255,255);\n            border-right: 12px solid transparent;\n            border-bottom: 16px solid transparent;\n            border-left: 12px solid transparent;\n            content: \"\";\n            position: absolute;\n            right: calc(50% - 12px);\n            top: calc(100% - 1px);`;\n  }\n\n  if (position === Position.Left) {\n    return `height: 0px;\n            width: 0px;\n            border-top: 12px solid transparent;\n            border-right: 16px solid transparent;\n            border-bottom: 12px solid transparent;\n            border-left: 16px solid rgb(255,255,255);\n            content: \"\";\n            position: absolute;\n            left: calc(100% - 1px);\n            bottom: calc(50% - 12px);`;\n  }\n\n  if (position === Position.Right) {\n    return `height: 0px;\n            width: 0px;\n            border-top: 12px solid transparent;\n            border-right: 16px solid rgb(255,255,255);\n            border-bottom: 12px solid transparent;\n            border-left: 16px solid transparent;\n            content: \"\";\n            position: absolute;\n            right: calc(100% - 1px);\n            bottom: calc(50% - 12px);`;\n  }\n};\n\ntype topSectionProps = {\n  text: string;\n  note?: string;\n};\n\ntype actionButtonProps = {\n  icon: React.ReactNode;\n  action: () => void;\n  label?: string;\n};\n\ntype bottomSectionProps = {\n  iconButtons?: actionButtonProps[];\n  textButton?: actionButtonProps;\n};\n\ntype PopoverProps = {\n  size?: Size.Small | Size.Medium | Size.Large;\n  topSectionProps?: topSectionProps;\n  bottomSectionProps?: bottomSectionProps;\n  mainContent: React.ReactNode;\n  children: React.ReactNode;\n  position: Position.Top | Position.Bottom | Position.Right | Position.Left;\n  showOnClick: boolean;\n  showArrowPointer?: boolean;\n};\n\nconst Popover: React.FunctionComponent<PopoverProps> = ({\n  size = Size.Medium,\n  topSectionProps,\n  bottomSectionProps,\n  mainContent,\n  children,\n  position,\n  showOnClick = false,\n  showArrowPointer = false,\n}) => {\n  const [showPopover, setShowPopover] = React.useState(false);\n  const popoverRef = React.useRef<any>();\n\n  React.useEffect(() => {\n    const checkIfClickedOutside = (e: { target: any }) => {\n      if (showPopover && popoverRef.current && !popoverRef.current.contains(e.target)) {\n        setShowPopover(false);\n      }\n    };\n\n    document.addEventListener('mousedown', checkIfClickedOutside);\n\n    return () => {\n      document.removeEventListener('mousedown', checkIfClickedOutside);\n    };\n  }, [showPopover]);\n\n  return (\n    <Wrapper position={position} showOnClick={showOnClick} showPopover={showPopover}>\n      <Container size={size} position={position} ref={popoverRef} showArrowPointer={showArrowPointer}>\n        {!!topSectionProps && (\n          <TopContainer size={size}>\n            <TextContainer note={!!topSectionProps?.note} size={size}>\n              {topSectionProps?.note && <NoteContainer size={size}>{topSectionProps.note}</NoteContainer>}\n              <LabelContainer size={size}>{topSectionProps?.text}</LabelContainer>\n            </TextContainer>\n\n            {showOnClick && (\n              <CloseButtonContainer size={size} data-testid={'closeBtn'}>\n                <IconButton action={() => setShowPopover(false)} useTransparentBackground iconColor={COLORS.neutral_600} variant=\"secondary\" shape=\"circular\">\n                  <SystemIcons.Close />\n                </IconButton>\n              </CloseButtonContainer>\n            )}\n          </TopContainer>\n        )}\n\n        <MiddleContainer size={size}>{mainContent}</MiddleContainer>\n\n        {!!bottomSectionProps && (\n          <BottomContainer size={size}>\n            {!!bottomSectionProps?.textButton?.icon && (\n              <TextButtonContainer size={size} data-testid={'textBtn'}>\n                <Button size={size} variant=\"secondary\" icon={bottomSectionProps.textButton.icon} onClick={bottomSectionProps.textButton.action}>\n                  {bottomSectionProps.textButton.label}\n                </Button>\n              </TextButtonContainer>\n            )}\n\n            <div className=\"bottom-flex\" />\n\n            <IconButtonContainer size={size} data-testid={'iconBtn'}>\n              {bottomSectionProps?.iconButtons?.map((iconButton) => (\n                <IconButton action={iconButton.action} variant=\"secondary\" shape=\"circular\" useTransparentBackground>\n                  {iconButton.icon}\n                </IconButton>\n              ))}\n            </IconButtonContainer>\n          </BottomContainer>\n        )}\n      </Container>\n\n      <div onClick={() => showOnClick && setShowPopover(!showPopover)}>\n        {children}\n\n        <div className=\"pointer-space\" />\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default Popover;\n"],"mappings":"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"}
+{"version":3,"file":"Popover.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_","_Button","_icons","_styles","_types","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PopoverContainer","styled","div","_taggedTemplateLiteral2","props","size","Size","Small","Large","COLORS","white","BOXSHADOWS","BOXSHADOW_CENTERED","Z_INDEXES","popover","position","Position","Bottom","Top","Left","Right","showArrowPointer","renderArrowStyles","exports","PopoverTopSectionContainer","PopoverMiddleSectionContainer","scrollBarStyling","PopoverBottomSectionContainer","TextContainer","renderMargins","note","NoteContainer","ComponentXXSStyling","ComponentTextStyle","Regular","neutral_600","ComponentSStyling","ComponentXSStyling","LabelContainer","Bold","ComponentLStyling","ComponentMStyling","CloseButtonContainer","TextButtonContainer","IconButtonContainer","PopoverWrapper","showOnClick","concat","showPopover","isNotePresent","Popover","_ref","_bottomSectionProps$t","_bottomSectionProps$i","_ref$size","Medium","topSectionProps","bottomSectionProps","mainContent","children","_ref$showOnClick","_ref$showArrowPointer","_React$useState","useState","_React$useState2","_slicedToArray2","setShowPopover","popoverRef","useRef","useEffect","checkIfClickedOutside","current","contains","target","document","addEventListener","removeEventListener","jsxs","ref","jsx","text","IconButton","action","useTransparentBackground","iconColor","variant","shape","SystemIcons","Close","textButton","icon","Button","onClick","label","className","iconButtons","map","iconButton","propTypes","_propTypes","string","isRequired","arrayOf","node","func","bool","_default"],"sources":["../../src/Popover/Popover.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';\r\nimport { Button, IconButton } from '../Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { BOXSHADOWS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXXSStyling, scrollBarStyling, Z_INDEXES } from '../styles';\r\nimport { Position, Size } from '../types';\r\n\r\nexport const PopoverContainer = styled.div<{ size: Size; position: Position; showArrowPointer: boolean }>`\r\n  //height: ${(props) => (props.size === Size.Small ? '240px' : props.size === Size.Large ? '480px' : '360px')};\r\n  min-width: ${(props) => (props.size === Size.Small ? '320px' : props.size === Size.Large ? '640px' : '480px')};\r\n  border-radius: 4px;\r\n  background: ${COLORS.white};\r\n  cursor: default;\r\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\r\n\r\n  position: absolute;  \r\n  visibility: hidden;\r\n  opacity: 0;\r\n  z-index: ${Z_INDEXES.popover};\r\n\r\n  ${(props) => (props.position == Position.Bottom ? 'right: 50%; top: calc(100% + 16px); transform: translateX(50%);' : '')}\r\n  ${(props) => (props.position == Position.Top ? 'right: 50%; bottom: calc(100% + 16px); transform: translateX(50%);' : '')}\r\n\r\n  ${(props) => (props.position == Position.Left ? 'bottom: 50%; right: calc(100% + 16px); transform: translateY(50%);' : '')}\r\n  ${(props) => (props.position == Position.Right ? 'bottom: 50%; left: calc(100% + 16px); transform: translateY(50%);' : '')}\r\n\r\n  &::after {\r\n    ${(props) => (props.showArrowPointer ? renderArrowStyles(props.position) : '')}\r\n`;\r\n\r\nexport const PopoverTopSectionContainer = styled.div<{ size: Size }>`\r\n  height: ${(props) => (props.size === Size.Small ? '56px' : props.size === Size.Large ? '72px' : '64px')};\r\n  display: flex;\r\n`;\r\n\r\nexport const PopoverMiddleSectionContainer = styled.div<{ size: Size }>`\r\n  margin: 8px;\r\n  height: ${(props) => (props.size === Size.Small ? '104px' : props.size === Size.Large ? '304px' : '208px')};\r\n  padding: ${(props) => (props.size === Size.Small ? '0 8px' : props.size === Size.Large ? '0 16px' : '0 12px')};\r\n  overflow-y: auto;\r\n  ${scrollBarStyling(Size.Small)}\r\n`;\r\n\r\nexport const PopoverBottomSectionContainer = styled.div<{ size: Size }>`\r\n  height: ${(props) => (props.size === Size.Small ? '64px' : props.size === Size.Large ? '88px' : '72px')};  \r\n  display: flex;\r\n\r\n  .bottom-flex {\r\n    flex: 1;\r\n  }\r\n`;\r\n\r\nconst TextContainer = styled.div<{ note: boolean; size: Size }>`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: ${(props) => renderMargins(props.note, props.size)};\r\n  flex-grow: 1;\r\n`;\r\n\r\nconst NoteContainer = styled.div<{ size: Size }>`\r\n  ${(props) =>\r\n    props.size === Size.Small\r\n      ? ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)\r\n      : props.size === Size.Large\r\n      ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)\r\n      : ComponentXSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n`;\r\n\r\nconst LabelContainer = styled.div<{ size: Size }>`\r\n  ${(props) =>\r\n    props.size === Size.Small\r\n      ? ComponentSStyling(ComponentTextStyle.Bold, null)\r\n      : props.size === Size.Large\r\n      ? ComponentLStyling(ComponentTextStyle.Bold, null)\r\n      : ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n`;\r\n\r\nconst CloseButtonContainer = styled.div<{ size: Size }>`\r\n  margin: ${(props) => (props.size === Size.Small ? '4px 16px 4px 0' : props.size === Size.Large ? '12px 24px 12px 0' : '8px 20px 8px 0')};\r\n`;\r\n\r\nconst TextButtonContainer = styled.div<{ size: Size }>`\r\n  margin: ${(props) => (props.size === Size.Small ? '8px 0 8px 16px' : props.size === Size.Large ? '16px 0 16px 24px' : '12px 0 12px 20px')};\r\n`;\r\n\r\nconst IconButtonContainer = styled.div<{ size: Size }>`\r\n  margin: ${(props) => (props.size === Size.Small ? '8px 16px 8px 0' : props.size === Size.Large ? '16px 24px 16px 0' : '12px 20px 12px 0')};\r\n  display: flex;\r\n`;\r\n\r\nexport const PopoverWrapper = styled.div<{ position: Position; showOnClick: boolean; showPopover: boolean }>`\r\n  position: relative;\r\n\r\n  .pointer-space {\r\n    height: ${(props) => (props.position === Position.Top || props.position === Position.Bottom ? '16px' : '100%')};\r\n    width: ${(props) => (props.position === Position.Left || props.position === Position.Right ? '16px' : '100%')};\r\n    position: absolute;\r\n\r\n    ${(props) => (props.position === Position.Left ? 'right:100%; bottom: 0%' : '')};\r\n    ${(props) => (props.position === Position.Right ? 'left:100%; bottom: 0%' : '')};\r\n\r\n    ${(props) => (props.position === Position.Top ? 'bottom: 100%' : '')};\r\n    ${(props) => (props.position === Position.Bottom ? 'top: 100%' : '')};\r\n  }\r\n\r\n  ${(props) =>\r\n    props.showOnClick\r\n      ? `${PopoverContainer} {\r\n        visibility: ${props.showPopover ? 'visible' : 'hidden'};\r\n        opacity: ${props.showPopover ? '1' : '0'};\r\n    }\r\n    cursor: pointer;`\r\n      : `&:hover {\r\n      ${PopoverContainer} {\r\n        visibility: visible;\r\n        opacity: 1;\r\n      }\r\n    }`}\r\n`;\r\n\r\nconst renderMargins = (isNotePresent: boolean, size: Size): string => {\r\n  if (isNotePresent) {\r\n    return size === Size.Small ? '10px 16px' : size === Size.Large ? '14px 24px' : '12px 20px';\r\n  } else {\r\n    return size === Size.Small ? '18px 16px' : size === Size.Large ? '24px' : '20px';\r\n  }\r\n};\r\n\r\nconst renderArrowStyles = (position: Position) => {\r\n  if (position === Position.Bottom) {\r\n    return `height: 0px;\r\n            width: 0px;\r\n            border-top: 16px solid transparent;\r\n            border-right: 12px solid transparent;\r\n            border-bottom: 16px solid rgb(255,255,255);\r\n            border-left: 12px solid transparent;\r\n            content: \"\";\r\n            position: absolute;\r\n            right: calc(50% - 12px);\r\n            bottom: calc(100% - 1px);`;\r\n  }\r\n\r\n  if (position === Position.Top) {\r\n    return `height: 0px;\r\n            width: 0px;\r\n            border-top: 16px solid rgb(255,255,255);\r\n            border-right: 12px solid transparent;\r\n            border-bottom: 16px solid transparent;\r\n            border-left: 12px solid transparent;\r\n            content: \"\";\r\n            position: absolute;\r\n            right: calc(50% - 12px);\r\n            top: calc(100% - 1px);`;\r\n  }\r\n\r\n  if (position === Position.Left) {\r\n    return `height: 0px;\r\n            width: 0px;\r\n            border-top: 12px solid transparent;\r\n            border-right: 16px solid transparent;\r\n            border-bottom: 12px solid transparent;\r\n            border-left: 16px solid rgb(255,255,255);\r\n            content: \"\";\r\n            position: absolute;\r\n            left: calc(100% - 1px);\r\n            bottom: calc(50% - 12px);`;\r\n  }\r\n\r\n  if (position === Position.Right) {\r\n    return `height: 0px;\r\n            width: 0px;\r\n            border-top: 12px solid transparent;\r\n            border-right: 16px solid rgb(255,255,255);\r\n            border-bottom: 12px solid transparent;\r\n            border-left: 16px solid transparent;\r\n            content: \"\";\r\n            position: absolute;\r\n            right: calc(100% - 1px);\r\n            bottom: calc(50% - 12px);`;\r\n  }\r\n};\r\n\r\nexport interface PopoverTopSectionProps {\r\n  /**\r\n   * Required. The main text to be displayed in the top section of the popover.\r\n   */\r\n  text: string;\r\n\r\n  /**\r\n   * Optional. A note to be displayed below the main text in the top section of the popover.\r\n   */\r\n  note?: string;\r\n};\r\n\r\nexport interface PopoverActionButtonProps {\r\n  /**\r\n   * Required. The icon to be displayed on the button.\r\n   */\r\n  icon: React.ReactNode;\r\n\r\n  /**\r\n   * Required. The handler function to be called when the button is clicked.\r\n   */\r\n  action: () => void;\r\n\r\n  /**\r\n   * Optional. The label for the button. If provided, the button will display this text.\r\n   */\r\n  label?: string;\r\n};\r\n\r\nexport interface PopoverBottomSectionProps {\r\n  /**\r\n   * Optional. An array of PopoverActionButtonProps objects.\r\n   * Each object represents an icon button to be displayed in the bottom section of the popover.\r\n   */\r\n  iconButtons?: PopoverActionButtonProps[];\r\n\r\n  /**\r\n   * Optional. A PopoverActionButtonProps object representing a text button to be displayed in the bottom section of the popover.\r\n   */\r\n  textButton?: PopoverActionButtonProps;\r\n};\r\n\r\nexport interface PopoverProps {\r\n  /**\r\n   * Optional. The size of the popover. It can be 'Small', 'Medium', or 'Large'.\r\n   * Defaults to 'Medium' if not specified.\r\n   */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n\r\n  /**\r\n   * Optional. Properties for the top section of the popover.\r\n   */\r\n  topSectionProps?: PopoverTopSectionProps;\r\n\r\n  /**\r\n   * Optional. Properties for the bottom section of the popover.\r\n   */\r\n  bottomSectionProps?: PopoverBottomSectionProps;\r\n\r\n  /**\r\n   * Required. The main content to be displayed in the popover.\r\n   */\r\n  mainContent: React.ReactNode;\r\n\r\n  /**\r\n   * Required. The children to be rendered inside the popover.\r\n   */\r\n  children: React.ReactNode;\r\n\r\n  /**\r\n   * Required. The position of the popover relative to the target element.\r\n   * It can be 'Top', 'Bottom', 'Right', or 'Left'.\r\n   */\r\n  position: Position.Top | Position.Bottom | Position.Right | Position.Left;\r\n\r\n  /**\r\n   * Required. A boolean indicating whether the popover should be shown when the target element is clicked. Defaults to 'false', meaning that popover will be shown on mouse hover.\r\n   */\r\n  showOnClick: boolean;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether an arrow pointer should be shown on the popover.\r\n   * Defaults to 'false' if not specified.\r\n   */\r\n  showArrowPointer?: boolean;\r\n};\r\n\r\nconst Popover: React.FunctionComponent<PopoverProps> = ({\r\n  size = Size.Medium,\r\n  topSectionProps,\r\n  bottomSectionProps,\r\n  mainContent,\r\n  children,\r\n  position,\r\n  showOnClick = false,\r\n  showArrowPointer = false,\r\n}) => {\r\n  const [showPopover, setShowPopover] = React.useState(false);\r\n  const popoverRef = React.useRef<any>();\r\n\r\n  React.useEffect(() => {\r\n    const checkIfClickedOutside = (e: { target: any }) => {\r\n      if (showPopover && popoverRef.current && !popoverRef.current.contains(e.target)) {\r\n        setShowPopover(false);\r\n      }\r\n    };\r\n\r\n    document.addEventListener('mousedown', checkIfClickedOutside);\r\n\r\n    return () => {\r\n      document.removeEventListener('mousedown', checkIfClickedOutside);\r\n    };\r\n  }, [showPopover]);\r\n\r\n  return (\r\n    <PopoverWrapper position={position} showOnClick={showOnClick} showPopover={showPopover}>\r\n      <PopoverContainer size={size} position={position} ref={popoverRef} showArrowPointer={showArrowPointer}>\r\n        {!!topSectionProps && (\r\n          <PopoverTopSectionContainer size={size}>\r\n            <TextContainer note={!!topSectionProps?.note} size={size}>\r\n              {topSectionProps?.note && <NoteContainer size={size}>{topSectionProps.note}</NoteContainer>}\r\n              <LabelContainer size={size}>{topSectionProps?.text}</LabelContainer>\r\n            </TextContainer>\r\n\r\n            {showOnClick && (\r\n              <CloseButtonContainer size={size} data-testid={'closeBtn'}>\r\n                <IconButton action={() => setShowPopover(false)} useTransparentBackground iconColor={COLORS.neutral_600} variant=\"secondary\" shape=\"circular\">\r\n                  <SystemIcons.Close />\r\n                </IconButton>\r\n              </CloseButtonContainer>\r\n            )}\r\n          </PopoverTopSectionContainer>\r\n        )}\r\n\r\n        <PopoverMiddleSectionContainer size={size}>{mainContent}</PopoverMiddleSectionContainer>\r\n\r\n        {!!bottomSectionProps && (\r\n          <PopoverBottomSectionContainer size={size}>\r\n            {!!bottomSectionProps?.textButton?.icon && (\r\n              <TextButtonContainer size={size} data-testid={'textBtn'}>\r\n                <Button size={size} variant=\"secondary\" icon={bottomSectionProps.textButton.icon} onClick={bottomSectionProps.textButton.action}>\r\n                  {bottomSectionProps.textButton.label}\r\n                </Button>\r\n              </TextButtonContainer>\r\n            )}\r\n\r\n            <div className=\"bottom-flex\" />\r\n\r\n            <IconButtonContainer size={size} data-testid={'iconBtn'}>\r\n              {bottomSectionProps?.iconButtons?.map((iconButton) => (\r\n                <IconButton action={iconButton.action} variant=\"secondary\" shape=\"circular\" useTransparentBackground>\r\n                  {iconButton.icon}\r\n                </IconButton>\r\n              ))}\r\n            </IconButtonContainer>\r\n          </PopoverBottomSectionContainer>\r\n        )}\r\n      </PopoverContainer>\r\n\r\n      <div onClick={() => showOnClick && setShowPopover(!showPopover)}>\r\n        {children}\r\n\r\n        <div className=\"pointer-space\" />\r\n      </div>\r\n    </PopoverWrapper>\r\n  );\r\n};\r\n\r\nexport default Popover;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Popover/Popover.d.ts

@@ -1,27 +1,27 @@
-import * as React from 'react';
-import { Position, Size } from '../types';
-type topSectionProps = {
-    text: string;
-    note?: string;
-};
-type actionButtonProps = {
-    icon: React.ReactNode;
-    action: () => void;
-    label?: string;
-};
-type bottomSectionProps = {
-    iconButtons?: actionButtonProps[];
-    textButton?: actionButtonProps;
-};
-type PopoverProps = {
-    size?: Size.Small | Size.Medium | Size.Large;
-    topSectionProps?: topSectionProps;
-    bottomSectionProps?: bottomSectionProps;
-    mainContent: React.ReactNode;
-    children: React.ReactNode;
-    position: Position.Top | Position.Bottom | Position.Right | Position.Left;
-    showOnClick: boolean;
-    showArrowPointer?: boolean;
-};
-declare const Popover: React.FunctionComponent<PopoverProps>;
-export default Popover;
+import * as React from 'react';
+import { Position, Size } from '../types';
+type topSectionProps = {
+    text: string;
+    note?: string;
+};
+type actionButtonProps = {
+    icon: React.ReactNode;
+    action: () => void;
+    label?: string;
+};
+type bottomSectionProps = {
+    iconButtons?: actionButtonProps[];
+    textButton?: actionButtonProps;
+};
+type PopoverProps = {
+    size?: Size.Small | Size.Medium | Size.Large;
+    topSectionProps?: topSectionProps;
+    bottomSectionProps?: bottomSectionProps;
+    mainContent: React.ReactNode;
+    children: React.ReactNode;
+    position: Position.Top | Position.Bottom | Position.Right | Position.Left;
+    showOnClick: boolean;
+    showArrowPointer?: boolean;
+};
+declare const Popover: React.FunctionComponent<PopoverProps>;
+export default Popover;

package/dist/Popover/Popover.js

@@ -11,7 +11,7 @@ import { BOXSHADOWS, ComponentLStyling, ComponentMStyling, ComponentSStyling, Co
 import { Position, Size } from '../types';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var Container = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  //height: ", ";\n  min-width: ", ";\n  border-radius: 4px;\n  background: ", ";\n  cursor: default;\n  box-shadow: ", ";\n\n  position: absolute;  \n  visibility: hidden;\n  opacity: 0;\n  z-index: ", ";\n\n  ", "\n  ", "\n\n  ", "\n  ", "\n\n  &::after {\n    ", "\n"])), function (props) {
+export var PopoverContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  //height: ", ";\n  min-width: ", ";\n  border-radius: 4px;\n  background: ", ";\n  cursor: default;\n  box-shadow: ", ";\n\n  position: absolute;  \n  visibility: hidden;\n  opacity: 0;\n  z-index: ", ";\n\n  ", "\n  ", "\n\n  ", "\n  ", "\n\n  &::after {\n    ", "\n"])), function (props) {
   return props.size === Size.Small ? '240px' : props.size === Size.Large ? '480px' : '360px';
 }, function (props) {
   return props.size === Size.Small ? '320px' : props.size === Size.Large ? '640px' : '480px';
@@ -26,15 +26,15 @@ var Container = styled.div(_templateObject || (_templateObject = _taggedTemplate
 }, function (props) {
   return props.showArrowPointer ? renderArrowStyles(props.position) : '';
 });
-var TopContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: ", ";\n  display: flex;\n"])), function (props) {
+export var PopoverTopSectionContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: ", ";\n  display: flex;\n"])), function (props) {
   return props.size === Size.Small ? '56px' : props.size === Size.Large ? '72px' : '64px';
 });
-var MiddleContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin: 8px;\n  height: ", ";\n  padding: ", ";\n  overflow-y: auto;\n  ", "\n"])), function (props) {
+export var PopoverMiddleSectionContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin: 8px;\n  height: ", ";\n  padding: ", ";\n  overflow-y: auto;\n  ", "\n"])), function (props) {
   return props.size === Size.Small ? '104px' : props.size === Size.Large ? '304px' : '208px';
 }, function (props) {
   return props.size === Size.Small ? '0 8px' : props.size === Size.Large ? '0 16px' : '0 12px';
 }, scrollBarStyling(Size.Small));
-var BottomContainer = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  height: ", ";  \n  display: flex;\n\n  .bottom-flex {\n    flex: 1;\n  }\n"])), function (props) {
+export var PopoverBottomSectionContainer = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  height: ", ";  \n  display: flex;\n\n  .bottom-flex {\n    flex: 1;\n  }\n"])), function (props) {
   return props.size === Size.Small ? '64px' : props.size === Size.Large ? '88px' : '72px';
 });
 var TextContainer = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin: ", ";\n  flex-grow: 1;\n"])), function (props) {
@@ -55,7 +55,7 @@ var TextButtonContainer = styled.div(_templateObject9 || (_templateObject9 = _ta
 var IconButtonContainer = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  margin: ", ";\n  display: flex;\n"])), function (props) {
   return props.size === Size.Small ? '8px 16px 8px 0' : props.size === Size.Large ? '16px 24px 16px 0' : '12px 20px 12px 0';
 });
-var Wrapper = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  position: relative;\n\n  .pointer-space {\n    height: ", ";\n    width: ", ";\n    position: absolute;\n\n    ", ";\n    ", ";\n\n    ", ";\n    ", ";\n  }\n\n  ", "\n"])), function (props) {
+export var PopoverWrapper = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  position: relative;\n\n  .pointer-space {\n    height: ", ";\n    width: ", ";\n    position: absolute;\n\n    ", ";\n    ", ";\n\n    ", ";\n    ", ";\n  }\n\n  ", "\n"])), function (props) {
   return props.position === Position.Top || props.position === Position.Bottom ? '16px' : '100%';
 }, function (props) {
   return props.position === Position.Left || props.position === Position.Right ? '16px' : '100%';
@@ -68,7 +68,7 @@ var Wrapper = styled.div(_templateObject11 || (_templateObject11 = _taggedTempla
 }, function (props) {
   return props.position === Position.Bottom ? 'top: 100%' : '';
 }, function (props) {
-  return props.showOnClick ? "".concat(Container, " {\n        visibility: ").concat(props.showPopover ? 'visible' : 'hidden', ";\n        opacity: ").concat(props.showPopover ? '1' : '0', ";\n    }\n    cursor: pointer;") : "&:hover {\n      ".concat(Container, " {\n        visibility: visible;\n        opacity: 1;\n      }\n    }");
+  return props.showOnClick ? "".concat(PopoverContainer, " {\n        visibility: ").concat(props.showPopover ? 'visible' : 'hidden', ";\n        opacity: ").concat(props.showPopover ? '1' : '0', ";\n    }\n    cursor: pointer;") : "&:hover {\n      ".concat(PopoverContainer, " {\n        visibility: visible;\n        opacity: 1;\n      }\n    }");
 });
 var renderMargins = function renderMargins(isNotePresent, size) {
   if (isNotePresent) {
@@ -91,6 +91,10 @@ var renderArrowStyles = function renderArrowStyles(position) {
     return "height: 0px;\n            width: 0px;\n            border-top: 12px solid transparent;\n            border-right: 16px solid rgb(255,255,255);\n            border-bottom: 12px solid transparent;\n            border-left: 16px solid transparent;\n            content: \"\";\n            position: absolute;\n            right: calc(100% - 1px);\n            bottom: calc(50% - 12px);";
   }
 };
+;
+;
+;
+;
 var Popover = function Popover(_ref) {
   var _bottomSectionProps$t, _bottomSectionProps$i;
   var _ref$size = _ref.size,
@@ -120,16 +124,16 @@ var Popover = function Popover(_ref) {
       document.removeEventListener('mousedown', checkIfClickedOutside);
     };
   }, [showPopover]);
-  return /*#__PURE__*/_jsxs(Wrapper, {
+  return /*#__PURE__*/_jsxs(PopoverWrapper, {
     position: position,
     showOnClick: showOnClick,
     showPopover: showPopover,
-    children: [/*#__PURE__*/_jsxs(Container, {
+    children: [/*#__PURE__*/_jsxs(PopoverContainer, {
       size: size,
       position: position,
       ref: popoverRef,
       showArrowPointer: showArrowPointer,
-      children: [!!topSectionProps && /*#__PURE__*/_jsxs(TopContainer, {
+      children: [!!topSectionProps && /*#__PURE__*/_jsxs(PopoverTopSectionContainer, {
         size: size,
         children: [/*#__PURE__*/_jsxs(TextContainer, {
           note: !!(topSectionProps !== null && topSectionProps !== void 0 && topSectionProps.note),
@@ -155,10 +159,10 @@ var Popover = function Popover(_ref) {
             children: /*#__PURE__*/_jsx(SystemIcons.Close, {})
           })
         })]
-      }), /*#__PURE__*/_jsx(MiddleContainer, {
+      }), /*#__PURE__*/_jsx(PopoverMiddleSectionContainer, {
         size: size,
         children: mainContent
-      }), !!bottomSectionProps && /*#__PURE__*/_jsxs(BottomContainer, {
+      }), !!bottomSectionProps && /*#__PURE__*/_jsxs(PopoverBottomSectionContainer, {
         size: size,
         children: [!!(bottomSectionProps !== null && bottomSectionProps !== void 0 && (_bottomSectionProps$t = bottomSectionProps.textButton) !== null && _bottomSectionProps$t !== void 0 && _bottomSectionProps$t.icon) && /*#__PURE__*/_jsx(TextButtonContainer, {
           size: size,

package/dist/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentXSStyling","Button","IconButton","SystemIcons","BOXSHADOWS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentXXSStyling","scrollBarStyling","Z_INDEXES","Position","Size","Container","div","props","size","Small","Large","white","BOXSHADOW_CENTERED","popover","position","Bottom","Top","Left","Right","showArrowPointer","renderArrowStyles","TopContainer","MiddleContainer","BottomContainer","TextContainer","renderMargins","note","NoteContainer","Regular","neutral_600","LabelContainer","Bold","CloseButtonContainer","TextButtonContainer","IconButtonContainer","Wrapper","showOnClick","showPopover","isNotePresent","Popover","Medium","topSectionProps","bottomSectionProps","mainContent","children","useState","setShowPopover","popoverRef","useRef","useEffect","checkIfClickedOutside","e","current","contains","target","document","addEventListener","removeEventListener","text","textButton","icon","action","label","iconButtons","map","iconButton"],"sources":["../../src/Popover/Popover.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';\nimport { Button, IconButton } from '../Button';\nimport { SystemIcons } from '../icons';\nimport { BOXSHADOWS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXXSStyling, scrollBarStyling, Z_INDEXES } from '../styles';\nimport { Position, Size } from '../types';\n\nconst Container = styled.div<{ size: Size; position: Position; showArrowPointer: boolean }>`\n  //height: ${(props) => (props.size === Size.Small ? '240px' : props.size === Size.Large ? '480px' : '360px')};\n  min-width: ${(props) => (props.size === Size.Small ? '320px' : props.size === Size.Large ? '640px' : '480px')};\n  border-radius: 4px;\n  background: ${COLORS.white};\n  cursor: default;\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\n\n  position: absolute;  \n  visibility: hidden;\n  opacity: 0;\n  z-index: ${Z_INDEXES.popover};\n\n  ${(props) => (props.position == Position.Bottom ? 'right: 50%; top: calc(100% + 16px); transform: translateX(50%);' : '')}\n  ${(props) => (props.position == Position.Top ? 'right: 50%; bottom: calc(100% + 16px); transform: translateX(50%);' : '')}\n\n  ${(props) => (props.position == Position.Left ? 'bottom: 50%; right: calc(100% + 16px); transform: translateY(50%);' : '')}\n  ${(props) => (props.position == Position.Right ? 'bottom: 50%; left: calc(100% + 16px); transform: translateY(50%);' : '')}\n\n  &::after {\n    ${(props) => (props.showArrowPointer ? renderArrowStyles(props.position) : '')}\n`;\n\nconst TopContainer = styled.div<{ size: Size }>`\n  height: ${(props) => (props.size === Size.Small ? '56px' : props.size === Size.Large ? '72px' : '64px')};\n  display: flex;\n`;\n\nconst MiddleContainer = styled.div<{ size: Size }>`\n  margin: 8px;\n  height: ${(props) => (props.size === Size.Small ? '104px' : props.size === Size.Large ? '304px' : '208px')};\n  padding: ${(props) => (props.size === Size.Small ? '0 8px' : props.size === Size.Large ? '0 16px' : '0 12px')};\n  overflow-y: auto;\n  ${scrollBarStyling(Size.Small)}\n`;\n\nconst BottomContainer = styled.div<{ size: Size }>`\n  height: ${(props) => (props.size === Size.Small ? '64px' : props.size === Size.Large ? '88px' : '72px')};  \n  display: flex;\n\n  .bottom-flex {\n    flex: 1;\n  }\n`;\n\nconst TextContainer = styled.div<{ note: boolean; size: Size }>`\n  display: flex;\n  flex-direction: column;\n  margin: ${(props) => renderMargins(props.note, props.size)};\n  flex-grow: 1;\n`;\n\nconst NoteContainer = styled.div<{ size: Size }>`\n  ${(props) =>\n    props.size === Size.Small\n      ? ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)\n      : props.size === Size.Large\n      ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)\n      : ComponentXSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n`;\n\nconst LabelContainer = styled.div<{ size: Size }>`\n  ${(props) =>\n    props.size === Size.Small\n      ? ComponentSStyling(ComponentTextStyle.Bold, null)\n      : props.size === Size.Large\n      ? ComponentLStyling(ComponentTextStyle.Bold, null)\n      : ComponentMStyling(ComponentTextStyle.Bold, null)}\n`;\n\nconst CloseButtonContainer = styled.div<{ size: Size }>`\n  margin: ${(props) => (props.size === Size.Small ? '4px 16px 4px 0' : props.size === Size.Large ? '12px 24px 12px 0' : '8px 20px 8px 0')};\n`;\n\nconst TextButtonContainer = styled.div<{ size: Size }>`\n  margin: ${(props) => (props.size === Size.Small ? '8px 0 8px 16px' : props.size === Size.Large ? '16px 0 16px 24px' : '12px 0 12px 20px')};\n`;\n\nconst IconButtonContainer = styled.div<{ size: Size }>`\n  margin: ${(props) => (props.size === Size.Small ? '8px 16px 8px 0' : props.size === Size.Large ? '16px 24px 16px 0' : '12px 20px 12px 0')};\n  display: flex;\n`;\n\nconst Wrapper = styled.div<{ position: Position; showOnClick: boolean; showPopover: boolean }>`\n  position: relative;\n\n  .pointer-space {\n    height: ${(props) => (props.position === Position.Top || props.position === Position.Bottom ? '16px' : '100%')};\n    width: ${(props) => (props.position === Position.Left || props.position === Position.Right ? '16px' : '100%')};\n    position: absolute;\n\n    ${(props) => (props.position === Position.Left ? 'right:100%; bottom: 0%' : '')};\n    ${(props) => (props.position === Position.Right ? 'left:100%; bottom: 0%' : '')};\n\n    ${(props) => (props.position === Position.Top ? 'bottom: 100%' : '')};\n    ${(props) => (props.position === Position.Bottom ? 'top: 100%' : '')};\n  }\n\n  ${(props) =>\n    props.showOnClick\n      ? `${Container} {\n        visibility: ${props.showPopover ? 'visible' : 'hidden'};\n        opacity: ${props.showPopover ? '1' : '0'};\n    }\n    cursor: pointer;`\n      : `&:hover {\n      ${Container} {\n        visibility: visible;\n        opacity: 1;\n      }\n    }`}\n`;\n\nconst renderMargins = (isNotePresent: boolean, size: Size): string => {\n  if (isNotePresent) {\n    return size === Size.Small ? '10px 16px' : size === Size.Large ? '14px 24px' : '12px 20px';\n  } else {\n    return size === Size.Small ? '18px 16px' : size === Size.Large ? '24px' : '20px';\n  }\n};\n\nconst renderArrowStyles = (position: Position) => {\n  if (position === Position.Bottom) {\n    return `height: 0px;\n            width: 0px;\n            border-top: 16px solid transparent;\n            border-right: 12px solid transparent;\n            border-bottom: 16px solid rgb(255,255,255);\n            border-left: 12px solid transparent;\n            content: \"\";\n            position: absolute;\n            right: calc(50% - 12px);\n            bottom: calc(100% - 1px);`;\n  }\n\n  if (position === Position.Top) {\n    return `height: 0px;\n            width: 0px;\n            border-top: 16px solid rgb(255,255,255);\n            border-right: 12px solid transparent;\n            border-bottom: 16px solid transparent;\n            border-left: 12px solid transparent;\n            content: \"\";\n            position: absolute;\n            right: calc(50% - 12px);\n            top: calc(100% - 1px);`;\n  }\n\n  if (position === Position.Left) {\n    return `height: 0px;\n            width: 0px;\n            border-top: 12px solid transparent;\n            border-right: 16px solid transparent;\n            border-bottom: 12px solid transparent;\n            border-left: 16px solid rgb(255,255,255);\n            content: \"\";\n            position: absolute;\n            left: calc(100% - 1px);\n            bottom: calc(50% - 12px);`;\n  }\n\n  if (position === Position.Right) {\n    return `height: 0px;\n            width: 0px;\n            border-top: 12px solid transparent;\n            border-right: 16px solid rgb(255,255,255);\n            border-bottom: 12px solid transparent;\n            border-left: 16px solid transparent;\n            content: \"\";\n            position: absolute;\n            right: calc(100% - 1px);\n            bottom: calc(50% - 12px);`;\n  }\n};\n\ntype topSectionProps = {\n  text: string;\n  note?: string;\n};\n\ntype actionButtonProps = {\n  icon: React.ReactNode;\n  action: () => void;\n  label?: string;\n};\n\ntype bottomSectionProps = {\n  iconButtons?: actionButtonProps[];\n  textButton?: actionButtonProps;\n};\n\ntype PopoverProps = {\n  size?: Size.Small | Size.Medium | Size.Large;\n  topSectionProps?: topSectionProps;\n  bottomSectionProps?: bottomSectionProps;\n  mainContent: React.ReactNode;\n  children: React.ReactNode;\n  position: Position.Top | Position.Bottom | Position.Right | Position.Left;\n  showOnClick: boolean;\n  showArrowPointer?: boolean;\n};\n\nconst Popover: React.FunctionComponent<PopoverProps> = ({\n  size = Size.Medium,\n  topSectionProps,\n  bottomSectionProps,\n  mainContent,\n  children,\n  position,\n  showOnClick = false,\n  showArrowPointer = false,\n}) => {\n  const [showPopover, setShowPopover] = React.useState(false);\n  const popoverRef = React.useRef<any>();\n\n  React.useEffect(() => {\n    const checkIfClickedOutside = (e: { target: any }) => {\n      if (showPopover && popoverRef.current && !popoverRef.current.contains(e.target)) {\n        setShowPopover(false);\n      }\n    };\n\n    document.addEventListener('mousedown', checkIfClickedOutside);\n\n    return () => {\n      document.removeEventListener('mousedown', checkIfClickedOutside);\n    };\n  }, [showPopover]);\n\n  return (\n    <Wrapper position={position} showOnClick={showOnClick} showPopover={showPopover}>\n      <Container size={size} position={position} ref={popoverRef} showArrowPointer={showArrowPointer}>\n        {!!topSectionProps && (\n          <TopContainer size={size}>\n            <TextContainer note={!!topSectionProps?.note} size={size}>\n              {topSectionProps?.note && <NoteContainer size={size}>{topSectionProps.note}</NoteContainer>}\n              <LabelContainer size={size}>{topSectionProps?.text}</LabelContainer>\n            </TextContainer>\n\n            {showOnClick && (\n              <CloseButtonContainer size={size} data-testid={'closeBtn'}>\n                <IconButton action={() => setShowPopover(false)} useTransparentBackground iconColor={COLORS.neutral_600} variant=\"secondary\" shape=\"circular\">\n                  <SystemIcons.Close />\n                </IconButton>\n              </CloseButtonContainer>\n            )}\n          </TopContainer>\n        )}\n\n        <MiddleContainer size={size}>{mainContent}</MiddleContainer>\n\n        {!!bottomSectionProps && (\n          <BottomContainer size={size}>\n            {!!bottomSectionProps?.textButton?.icon && (\n              <TextButtonContainer size={size} data-testid={'textBtn'}>\n                <Button size={size} variant=\"secondary\" icon={bottomSectionProps.textButton.icon} onClick={bottomSectionProps.textButton.action}>\n                  {bottomSectionProps.textButton.label}\n                </Button>\n              </TextButtonContainer>\n            )}\n\n            <div className=\"bottom-flex\" />\n\n            <IconButtonContainer size={size} data-testid={'iconBtn'}>\n              {bottomSectionProps?.iconButtons?.map((iconButton) => (\n                <IconButton action={iconButton.action} variant=\"secondary\" shape=\"circular\" useTransparentBackground>\n                  {iconButton.icon}\n                </IconButton>\n              ))}\n            </IconButtonContainer>\n          </BottomContainer>\n        )}\n      </Container>\n\n      <div onClick={() => showOnClick && setShowPopover(!showPopover)}>\n        {children}\n\n        <div className=\"pointer-space\" />\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default Popover;\n"],"mappings":"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"}
+{"version":3,"file":"Popover.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentXSStyling","Button","IconButton","SystemIcons","BOXSHADOWS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentXXSStyling","scrollBarStyling","Z_INDEXES","Position","Size","jsx","_jsx","jsxs","_jsxs","PopoverContainer","div","_templateObject","_taggedTemplateLiteral","props","size","Small","Large","white","BOXSHADOW_CENTERED","popover","position","Bottom","Top","Left","Right","showArrowPointer","renderArrowStyles","PopoverTopSectionContainer","_templateObject2","PopoverMiddleSectionContainer","_templateObject3","PopoverBottomSectionContainer","_templateObject4","TextContainer","_templateObject5","renderMargins","note","NoteContainer","_templateObject6","Regular","neutral_600","LabelContainer","_templateObject7","Bold","CloseButtonContainer","_templateObject8","TextButtonContainer","_templateObject9","IconButtonContainer","_templateObject10","PopoverWrapper","_templateObject11","showOnClick","concat","showPopover","isNotePresent","Popover","_ref","_bottomSectionProps$t","_bottomSectionProps$i","_ref$size","Medium","topSectionProps","bottomSectionProps","mainContent","children","_ref$showOnClick","_ref$showArrowPointer","_React$useState","useState","_React$useState2","_slicedToArray","setShowPopover","popoverRef","useRef","useEffect","checkIfClickedOutside","e","current","contains","target","document","addEventListener","removeEventListener","ref","text","action","useTransparentBackground","iconColor","variant","shape","Close","textButton","icon","onClick","label","className","iconButtons","map","iconButton","propTypes","_pt","string","isRequired","arrayOf","node","func","bool"],"sources":["../../src/Popover/Popover.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';\r\nimport { Button, IconButton } from '../Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { BOXSHADOWS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXXSStyling, scrollBarStyling, Z_INDEXES } from '../styles';\r\nimport { Position, Size } from '../types';\r\n\r\nexport const PopoverContainer = styled.div<{ size: Size; position: Position; showArrowPointer: boolean }>`\r\n  //height: ${(props) => (props.size === Size.Small ? '240px' : props.size === Size.Large ? '480px' : '360px')};\r\n  min-width: ${(props) => (props.size === Size.Small ? '320px' : props.size === Size.Large ? '640px' : '480px')};\r\n  border-radius: 4px;\r\n  background: ${COLORS.white};\r\n  cursor: default;\r\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\r\n\r\n  position: absolute;  \r\n  visibility: hidden;\r\n  opacity: 0;\r\n  z-index: ${Z_INDEXES.popover};\r\n\r\n  ${(props) => (props.position == Position.Bottom ? 'right: 50%; top: calc(100% + 16px); transform: translateX(50%);' : '')}\r\n  ${(props) => (props.position == Position.Top ? 'right: 50%; bottom: calc(100% + 16px); transform: translateX(50%);' : '')}\r\n\r\n  ${(props) => (props.position == Position.Left ? 'bottom: 50%; right: calc(100% + 16px); transform: translateY(50%);' : '')}\r\n  ${(props) => (props.position == Position.Right ? 'bottom: 50%; left: calc(100% + 16px); transform: translateY(50%);' : '')}\r\n\r\n  &::after {\r\n    ${(props) => (props.showArrowPointer ? renderArrowStyles(props.position) : '')}\r\n`;\r\n\r\nexport const PopoverTopSectionContainer = styled.div<{ size: Size }>`\r\n  height: ${(props) => (props.size === Size.Small ? '56px' : props.size === Size.Large ? '72px' : '64px')};\r\n  display: flex;\r\n`;\r\n\r\nexport const PopoverMiddleSectionContainer = styled.div<{ size: Size }>`\r\n  margin: 8px;\r\n  height: ${(props) => (props.size === Size.Small ? '104px' : props.size === Size.Large ? '304px' : '208px')};\r\n  padding: ${(props) => (props.size === Size.Small ? '0 8px' : props.size === Size.Large ? '0 16px' : '0 12px')};\r\n  overflow-y: auto;\r\n  ${scrollBarStyling(Size.Small)}\r\n`;\r\n\r\nexport const PopoverBottomSectionContainer = styled.div<{ size: Size }>`\r\n  height: ${(props) => (props.size === Size.Small ? '64px' : props.size === Size.Large ? '88px' : '72px')};  \r\n  display: flex;\r\n\r\n  .bottom-flex {\r\n    flex: 1;\r\n  }\r\n`;\r\n\r\nconst TextContainer = styled.div<{ note: boolean; size: Size }>`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: ${(props) => renderMargins(props.note, props.size)};\r\n  flex-grow: 1;\r\n`;\r\n\r\nconst NoteContainer = styled.div<{ size: Size }>`\r\n  ${(props) =>\r\n    props.size === Size.Small\r\n      ? ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)\r\n      : props.size === Size.Large\r\n      ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)\r\n      : ComponentXSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n`;\r\n\r\nconst LabelContainer = styled.div<{ size: Size }>`\r\n  ${(props) =>\r\n    props.size === Size.Small\r\n      ? ComponentSStyling(ComponentTextStyle.Bold, null)\r\n      : props.size === Size.Large\r\n      ? ComponentLStyling(ComponentTextStyle.Bold, null)\r\n      : ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n`;\r\n\r\nconst CloseButtonContainer = styled.div<{ size: Size }>`\r\n  margin: ${(props) => (props.size === Size.Small ? '4px 16px 4px 0' : props.size === Size.Large ? '12px 24px 12px 0' : '8px 20px 8px 0')};\r\n`;\r\n\r\nconst TextButtonContainer = styled.div<{ size: Size }>`\r\n  margin: ${(props) => (props.size === Size.Small ? '8px 0 8px 16px' : props.size === Size.Large ? '16px 0 16px 24px' : '12px 0 12px 20px')};\r\n`;\r\n\r\nconst IconButtonContainer = styled.div<{ size: Size }>`\r\n  margin: ${(props) => (props.size === Size.Small ? '8px 16px 8px 0' : props.size === Size.Large ? '16px 24px 16px 0' : '12px 20px 12px 0')};\r\n  display: flex;\r\n`;\r\n\r\nexport const PopoverWrapper = styled.div<{ position: Position; showOnClick: boolean; showPopover: boolean }>`\r\n  position: relative;\r\n\r\n  .pointer-space {\r\n    height: ${(props) => (props.position === Position.Top || props.position === Position.Bottom ? '16px' : '100%')};\r\n    width: ${(props) => (props.position === Position.Left || props.position === Position.Right ? '16px' : '100%')};\r\n    position: absolute;\r\n\r\n    ${(props) => (props.position === Position.Left ? 'right:100%; bottom: 0%' : '')};\r\n    ${(props) => (props.position === Position.Right ? 'left:100%; bottom: 0%' : '')};\r\n\r\n    ${(props) => (props.position === Position.Top ? 'bottom: 100%' : '')};\r\n    ${(props) => (props.position === Position.Bottom ? 'top: 100%' : '')};\r\n  }\r\n\r\n  ${(props) =>\r\n    props.showOnClick\r\n      ? `${PopoverContainer} {\r\n        visibility: ${props.showPopover ? 'visible' : 'hidden'};\r\n        opacity: ${props.showPopover ? '1' : '0'};\r\n    }\r\n    cursor: pointer;`\r\n      : `&:hover {\r\n      ${PopoverContainer} {\r\n        visibility: visible;\r\n        opacity: 1;\r\n      }\r\n    }`}\r\n`;\r\n\r\nconst renderMargins = (isNotePresent: boolean, size: Size): string => {\r\n  if (isNotePresent) {\r\n    return size === Size.Small ? '10px 16px' : size === Size.Large ? '14px 24px' : '12px 20px';\r\n  } else {\r\n    return size === Size.Small ? '18px 16px' : size === Size.Large ? '24px' : '20px';\r\n  }\r\n};\r\n\r\nconst renderArrowStyles = (position: Position) => {\r\n  if (position === Position.Bottom) {\r\n    return `height: 0px;\r\n            width: 0px;\r\n            border-top: 16px solid transparent;\r\n            border-right: 12px solid transparent;\r\n            border-bottom: 16px solid rgb(255,255,255);\r\n            border-left: 12px solid transparent;\r\n            content: \"\";\r\n            position: absolute;\r\n            right: calc(50% - 12px);\r\n            bottom: calc(100% - 1px);`;\r\n  }\r\n\r\n  if (position === Position.Top) {\r\n    return `height: 0px;\r\n            width: 0px;\r\n            border-top: 16px solid rgb(255,255,255);\r\n            border-right: 12px solid transparent;\r\n            border-bottom: 16px solid transparent;\r\n            border-left: 12px solid transparent;\r\n            content: \"\";\r\n            position: absolute;\r\n            right: calc(50% - 12px);\r\n            top: calc(100% - 1px);`;\r\n  }\r\n\r\n  if (position === Position.Left) {\r\n    return `height: 0px;\r\n            width: 0px;\r\n            border-top: 12px solid transparent;\r\n            border-right: 16px solid transparent;\r\n            border-bottom: 12px solid transparent;\r\n            border-left: 16px solid rgb(255,255,255);\r\n            content: \"\";\r\n            position: absolute;\r\n            left: calc(100% - 1px);\r\n            bottom: calc(50% - 12px);`;\r\n  }\r\n\r\n  if (position === Position.Right) {\r\n    return `height: 0px;\r\n            width: 0px;\r\n            border-top: 12px solid transparent;\r\n            border-right: 16px solid rgb(255,255,255);\r\n            border-bottom: 12px solid transparent;\r\n            border-left: 16px solid transparent;\r\n            content: \"\";\r\n            position: absolute;\r\n            right: calc(100% - 1px);\r\n            bottom: calc(50% - 12px);`;\r\n  }\r\n};\r\n\r\nexport interface PopoverTopSectionProps {\r\n  /**\r\n   * Required. The main text to be displayed in the top section of the popover.\r\n   */\r\n  text: string;\r\n\r\n  /**\r\n   * Optional. A note to be displayed below the main text in the top section of the popover.\r\n   */\r\n  note?: string;\r\n};\r\n\r\nexport interface PopoverActionButtonProps {\r\n  /**\r\n   * Required. The icon to be displayed on the button.\r\n   */\r\n  icon: React.ReactNode;\r\n\r\n  /**\r\n   * Required. The handler function to be called when the button is clicked.\r\n   */\r\n  action: () => void;\r\n\r\n  /**\r\n   * Optional. The label for the button. If provided, the button will display this text.\r\n   */\r\n  label?: string;\r\n};\r\n\r\nexport interface PopoverBottomSectionProps {\r\n  /**\r\n   * Optional. An array of PopoverActionButtonProps objects.\r\n   * Each object represents an icon button to be displayed in the bottom section of the popover.\r\n   */\r\n  iconButtons?: PopoverActionButtonProps[];\r\n\r\n  /**\r\n   * Optional. A PopoverActionButtonProps object representing a text button to be displayed in the bottom section of the popover.\r\n   */\r\n  textButton?: PopoverActionButtonProps;\r\n};\r\n\r\nexport interface PopoverProps {\r\n  /**\r\n   * Optional. The size of the popover. It can be 'Small', 'Medium', or 'Large'.\r\n   * Defaults to 'Medium' if not specified.\r\n   */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n\r\n  /**\r\n   * Optional. Properties for the top section of the popover.\r\n   */\r\n  topSectionProps?: PopoverTopSectionProps;\r\n\r\n  /**\r\n   * Optional. Properties for the bottom section of the popover.\r\n   */\r\n  bottomSectionProps?: PopoverBottomSectionProps;\r\n\r\n  /**\r\n   * Required. The main content to be displayed in the popover.\r\n   */\r\n  mainContent: React.ReactNode;\r\n\r\n  /**\r\n   * Required. The children to be rendered inside the popover.\r\n   */\r\n  children: React.ReactNode;\r\n\r\n  /**\r\n   * Required. The position of the popover relative to the target element.\r\n   * It can be 'Top', 'Bottom', 'Right', or 'Left'.\r\n   */\r\n  position: Position.Top | Position.Bottom | Position.Right | Position.Left;\r\n\r\n  /**\r\n   * Required. A boolean indicating whether the popover should be shown when the target element is clicked. Defaults to 'false', meaning that popover will be shown on mouse hover.\r\n   */\r\n  showOnClick: boolean;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether an arrow pointer should be shown on the popover.\r\n   * Defaults to 'false' if not specified.\r\n   */\r\n  showArrowPointer?: boolean;\r\n};\r\n\r\nconst Popover: React.FunctionComponent<PopoverProps> = ({\r\n  size = Size.Medium,\r\n  topSectionProps,\r\n  bottomSectionProps,\r\n  mainContent,\r\n  children,\r\n  position,\r\n  showOnClick = false,\r\n  showArrowPointer = false,\r\n}) => {\r\n  const [showPopover, setShowPopover] = React.useState(false);\r\n  const popoverRef = React.useRef<any>();\r\n\r\n  React.useEffect(() => {\r\n    const checkIfClickedOutside = (e: { target: any }) => {\r\n      if (showPopover && popoverRef.current && !popoverRef.current.contains(e.target)) {\r\n        setShowPopover(false);\r\n      }\r\n    };\r\n\r\n    document.addEventListener('mousedown', checkIfClickedOutside);\r\n\r\n    return () => {\r\n      document.removeEventListener('mousedown', checkIfClickedOutside);\r\n    };\r\n  }, [showPopover]);\r\n\r\n  return (\r\n    <PopoverWrapper position={position} showOnClick={showOnClick} showPopover={showPopover}>\r\n      <PopoverContainer size={size} position={position} ref={popoverRef} showArrowPointer={showArrowPointer}>\r\n        {!!topSectionProps && (\r\n          <PopoverTopSectionContainer size={size}>\r\n            <TextContainer note={!!topSectionProps?.note} size={size}>\r\n              {topSectionProps?.note && <NoteContainer size={size}>{topSectionProps.note}</NoteContainer>}\r\n              <LabelContainer size={size}>{topSectionProps?.text}</LabelContainer>\r\n            </TextContainer>\r\n\r\n            {showOnClick && (\r\n              <CloseButtonContainer size={size} data-testid={'closeBtn'}>\r\n                <IconButton action={() => setShowPopover(false)} useTransparentBackground iconColor={COLORS.neutral_600} variant=\"secondary\" shape=\"circular\">\r\n                  <SystemIcons.Close />\r\n                </IconButton>\r\n              </CloseButtonContainer>\r\n            )}\r\n          </PopoverTopSectionContainer>\r\n        )}\r\n\r\n        <PopoverMiddleSectionContainer size={size}>{mainContent}</PopoverMiddleSectionContainer>\r\n\r\n        {!!bottomSectionProps && (\r\n          <PopoverBottomSectionContainer size={size}>\r\n            {!!bottomSectionProps?.textButton?.icon && (\r\n              <TextButtonContainer size={size} data-testid={'textBtn'}>\r\n                <Button size={size} variant=\"secondary\" icon={bottomSectionProps.textButton.icon} onClick={bottomSectionProps.textButton.action}>\r\n                  {bottomSectionProps.textButton.label}\r\n                </Button>\r\n              </TextButtonContainer>\r\n            )}\r\n\r\n            <div className=\"bottom-flex\" />\r\n\r\n            <IconButtonContainer size={size} data-testid={'iconBtn'}>\r\n              {bottomSectionProps?.iconButtons?.map((iconButton) => (\r\n                <IconButton action={iconButton.action} variant=\"secondary\" shape=\"circular\" useTransparentBackground>\r\n                  {iconButton.icon}\r\n                </IconButton>\r\n              ))}\r\n            </IconButtonContainer>\r\n          </PopoverBottomSectionContainer>\r\n        )}\r\n      </PopoverContainer>\r\n\r\n      <div onClick={() => showOnClick && setShowPopover(!showPopover)}>\r\n        {children}\r\n\r\n        <div className=\"pointer-space\" />\r\n      </div>\r\n    </PopoverWrapper>\r\n  );\r\n};\r\n\r\nexport default Popover;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Popover/index.cjs

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "Popover", {
   enumerable: true,
   get: function get() {
-    return _Popover.default;
+    return _Popover["default"];
   }
 });
 var _Popover = _interopRequireDefault(require("./Popover"));

package/dist/Popover/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/Popover/index.ts"],"sourcesContent":["export { default as Popover } from './Popover';"],"mappings":";;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.cjs","names":["_Popover","_interopRequireDefault","require"],"sources":["../../src/Popover/index.ts"],"sourcesContent":["export { default as Popover } from './Popover';"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/dist/Popover/index.d.ts

@@ -1 +1 @@
-export { default as Popover } from './Popover';
+export { default as Popover } from './Popover';