se-design 0.0.96 → 0.0.98

package/dist/index11.js

@@ -1,18 +1,33 @@
-import { j as r } from "./index18.js";
-import { Tag as s } from "./index8.js";
-const l = ({ label: t, tag: e, onClick: o = () => {
-} }) => /* @__PURE__ */ r.jsxs(
-  "div",
-  {
-    className: "flex items-center justify-between px-4 py-3 text-[var(--color-gray-900)] hover:bg-[var(--color-blue-100)] cursor-pointer first:rounded-t last:rounded-b gap-2",
-    onClick: o,
-    children: [
-      /* @__PURE__ */ r.jsx("div", { children: t }),
-      e && /* @__PURE__ */ r.jsx(s, { label: e })
-    ]
-  }
-);
+import t from "react";
+import { Tag as i } from "./index7.js";
+import { Icon as s } from "./index4.js";
+const u = (l) => {
+  const {
+    label: a = "",
+    icon: e,
+    tag: r = "",
+    iconPosition: o = "right",
+    onClick: n
+  } = l, c = (m) => /* @__PURE__ */ t.createElement(s, {
+    name: m
+  });
+  return /* @__PURE__ */ t.createElement("div", {
+    className: "flex items-center justify-between p-2 text-[var(--color-gray-900)] hover:bg-[var(--color-blue-100)] cursor-pointer rounded-[6px] gap-2",
+    onClick: () => n && n({
+      label: a,
+      tag: r,
+      icon: e,
+      iconPosition: o
+    })
+  }, /* @__PURE__ */ t.createElement("div", {
+    className: "flex items-center gap-1"
+  }, o === "left" && e && c(e), /* @__PURE__ */ t.createElement("span", {
+    className: "text-[var(--color-gray-900)]"
+  }, a), o === "right" && e && c(e)), r && /* @__PURE__ */ t.createElement(i, {
+    label: r
+  }));
+};
 export {
-  l as MenuItem
+  u as MenuItem
 };
 //# sourceMappingURL=index11.js.map

package/dist/index11.js.map

@@ -1 +1 @@
-{"version":3,"file":"index11.js","sources":["../src/components/MenuItem/index.tsx"],"sourcesContent":["import { FC } from 'react';\nimport { Tag } from 'src/components/Tag';\n\nexport type MenuItemProps = {\n  label: string;\n  tag?: string;\n  onClick?: () => void;\n};\n\nexport const MenuItem: FC<MenuItemProps> = ({ label, tag, onClick = () => {} }) => {\n  return (\n    <div\n      className=\"flex items-center justify-between px-4 py-3 text-[var(--color-gray-900)] hover:bg-[var(--color-blue-100)] cursor-pointer first:rounded-t last:rounded-b gap-2\"\n      onClick={onClick}\n    >\n      <div>{label}</div>\n      {tag && <Tag label={tag} />}\n    </div>\n  );\n};\n"],"names":["MenuItem","label","tag","onClick","jsxs","jsx","Tag"],"mappings":";;AASO,MAAMA,IAA8B,CAAC,EAAE,OAAAC,GAAO,KAAAC,GAAK,SAAAC,IAAU,MAAM;AAAC,QAEvEC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,SAAAD;AAAA,IAEA,UAAA;AAAA,MAAAE,gBAAAA,EAAAA,IAAC,SAAK,UAAMJ,EAAA,CAAA;AAAA,MACXC,KAAOG,gBAAAA,EAAAA,IAACC,GAAI,EAAA,OAAOJ,EAAK,CAAA;AAAA,IAAA;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index11.js","sources":["../src/components/MenuItem/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Tag } from 'components/Tag';\nimport { Icon } from 'components/Icon';\n\nexport type MenuItemProps = {\n  label: string;\n  tag?: string;\n  isDisabled?: boolean;\n  activeItem?: string;\n  icon?: string;\n  iconPosition?: 'left' | 'right';\n  onClick?: (item: MenuItemProps) => void;\n};\n\nexport const MenuItem: FC<MenuItemProps> = (props) => {\n  const { label = '', icon, tag = '', iconPosition = \"right\", onClick } = props;\n\n  const getIconJsx = (icon: string) => {\n    return <Icon name={icon} />\n  }\n\n  return (\n    <div\n      className=\"flex items-center justify-between p-2 text-[var(--color-gray-900)] hover:bg-[var(--color-blue-100)] cursor-pointer rounded-[6px] gap-2\"\n      onClick={() => onClick && onClick({label, tag, icon, iconPosition})}\n    >\n      <div className='flex items-center gap-1'>\n        {iconPosition === 'left' && icon && getIconJsx(icon)}\n        <span className=\"text-[var(--color-gray-900)]\">{label}</span>\n        {iconPosition === 'right' && icon && getIconJsx(icon)}\n      </div>\n      {tag && <Tag label={tag} />}\n    </div>\n  );\n};\n"],"names":["React__default","Tag","Icon","MenuItem","props","label","icon","tag","iconPosition","onClick","getIconJsx","React","createElement","name","className"],"mappings":"AAcO,OAAAA,OAAA;AAAA,SAAA,OAAAC,SAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,MAAMC,IAA+BC,CAAUA,MAAA;AAC9C,QAAA;AAAA,IAAEC,OAAAA,IAAQ;AAAA,IAAIC,MAAAA;AAAAA,IAAMC,KAAAA,IAAM;AAAA,IAAIC,cAAAA,IAAe;AAAA,IAASC,SAAAA;AAAAA,EAAAA,IAAYL,GAElEM,IAAaA,CAACJ,MACXK,gBAAAA,EAAAC,cAACV,GAAI;AAAA,IAACW,MAAMP;AAAAA,EAAAA,CAAO;AAI1BK,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEE,WAAU;AAAA,IACVL,SAASA,MAAMA,KAAWA,EAAQ;AAAA,MAACJ,OAAAA;AAAAA,MAAOE,KAAAA;AAAAA,MAAKD,MAAAA;AAAAA,MAAME,cAAAA;AAAAA,IAAa,CAAA;AAAA,EAAA,GAElEI,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKE,WAAU;AAAA,EAAA,GACZN,MAAiB,UAAUF,KAAQI,EAAWJ,CAAI,GACnDM,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAME,WAAU;AAAA,EAAgCT,GAAAA,CAAY,GAC3DG,MAAiB,WAAWF,KAAQI,EAAWJ,CAAI,CACjD,GACJC,KAAOI,gBAAAA,EAAAC,cAACX,GAAG;AAAA,IAACI,OAAOE;AAAAA,EAAAA,CAAM,CACvB;AAET;"}

package/dist/index12.js

@@ -1,7 +1,22 @@
-import { j as r } from "./index18.js";
-import { MenuItem as s } from "./index11.js";
-const d = ({ items: o }) => /* @__PURE__ */ r.jsx("div", { className: "border border-[var(--color-gray-200)] rounded shadow-md", children: o.map((e) => /* @__PURE__ */ r.jsx(s, { ...e })) });
+import o from "react";
+import { MenuItem as m } from "./index11.js";
+function a() {
+  return a = Object.assign ? Object.assign.bind() : function(t) {
+    for (var e = 1; e < arguments.length; e++) {
+      var r = arguments[e];
+      for (var n in r) ({}).hasOwnProperty.call(r, n) && (t[n] = r[n]);
+    }
+    return t;
+  }, a.apply(null, arguments);
+}
+const c = ({
+  items: t
+}) => /* @__PURE__ */ o.createElement("div", {
+  className: "border border-[var(--color-gray-200)] rounded shadow-md px-1 py-2"
+}, t.map((e, r) => /* @__PURE__ */ o.createElement(m, a({}, e, {
+  key: `item-${r}`
+}))));
 export {
-  d as MenuList
+  c as MenuList
 };
 //# sourceMappingURL=index12.js.map

package/dist/index12.js.map

@@ -1 +1 @@
-{"version":3,"file":"index12.js","sources":["../src/components/MenuList/index.tsx"],"sourcesContent":["import { FC } from 'react';\nimport { MenuItem, MenuItemProps } from 'src/components/MenuItem';\n\nexport type MenuListProps = {\n  items: MenuItemProps[];\n};\n\nexport const MenuList: FC<MenuListProps> = ({ items }) => {\n  return (\n    <div className=\"border border-[var(--color-gray-200)] rounded shadow-md\">\n      {items.map((item) => (\n        <MenuItem {...item} />\n      ))}\n    </div>\n  );\n};\n"],"names":["jsxRuntimeExports","MenuItem","MenuList","items","jsx","item"],"mappings":"AAOO,SAAA,KAAAA,SAAA;AAAA,SAAA,YAAAC,SAAA;AAAA,MAAMC,IAA8B,CAAC,EAAE,OAAAC,QAEzCC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,2DACZ,UAAMD,EAAA,IAAI,CAACE,MACTD,gBAAAA,EAAA,IAAAH,GAAA,EAAU,GAAGI,EAAM,CAAA,CACrB,EACH,CAAA;"}
+{"version":3,"file":"index12.js","sources":["../src/components/MenuList/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { MenuItem, MenuItemProps } from 'src/components/MenuItem';\n\nexport type MenuListProps = {\n  items: MenuItemProps[];\n};\n\nexport const MenuList: FC<MenuListProps> = ({ items }) => {\n  return (\n    <div className=\"border border-[var(--color-gray-200)] rounded shadow-md px-1 py-2\">\n      {items.map((item, i) => (\n        <MenuItem {...item} key={`item-${i}`} />\n      ))}\n    </div>\n  );\n};\n"],"names":["MenuList","items","React","createElement","className","map","item","i","MenuItem","_extends","key"],"mappings":";;;;;;;;;;;AAOO,MAAMA,IAA8BA,CAAC;AAAA,EAAEC,OAAAA;AAAM,MAEhDC,gBAAAA,EAAAC,cAAA,OAAA;AAAA,EAAKC,WAAU;AACZH,GAAAA,EAAMI,IAAI,CAACC,GAAMC,MAChBJ,gBAAAA,EAAAA,cAACK,GAAQC,MAAKH,GAAI;AAAA,EAAEI,KAAK,QAAQH,CAAC;AAAK,CAAA,CAAA,CACxC,CACE;"}

package/dist/index13.js

@@ -1,59 +1,103 @@
-import { j as a } from "./index18.js";
-import { useState as b, useRef as i, useEffect as P } from "react";
-const x = ({
-  className: r = "",
-  automationId: u = "",
-  position: n = "",
-  popupContentAutomationId: f = "",
-  renderPopupContents: d,
-  renderPopupSrcElement: m,
-  ...g
-}) => {
-  const [e, t] = b(!1), s = i(null), l = i(null);
-  P(() => {
-    if (e) {
-      const o = l.current;
-      return o ? (n == "bottom-left" ? o.style.left = "0" : n == "bottom-right" ? o.style.right = "0" : (o.style.left = "50%", o.style.transform = "translateX(-50%)"), document.body.addEventListener("click", c), () => document.body.removeEventListener("click", c)) : void 0;
+var _ = Object.defineProperty;
+var l = Object.getOwnPropertySymbols;
+var g = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var v = (e, o, t) => o in e ? _(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, y = (e, o) => {
+  for (var t in o || (o = {}))
+    g.call(o, t) && v(e, t, o[t]);
+  if (l)
+    for (var t of l(o))
+      b.call(o, t) && v(e, t, o[t]);
+  return e;
+};
+var P = (e, o) => {
+  var t = {};
+  for (var r in e)
+    g.call(e, r) && o.indexOf(r) < 0 && (t[r] = e[r]);
+  if (e != null && l)
+    for (var r of l(e))
+      o.indexOf(r) < 0 && b.call(e, r) && (t[r] = e[r]);
+  return t;
+};
+import h, { forwardRef as j, useState as D, useRef as w, useEffect as $, useImperativeHandle as z } from "react";
+function s() {
+  return s = Object.assign ? Object.assign.bind() : function(e) {
+    for (var o = 1; o < arguments.length; o++) {
+      var t = arguments[o];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (e[r] = t[r]);
     }
-  }, [e]);
-  const c = (o) => {
-    const p = s.current;
-    if (!p) return;
-    const y = o.target;
-    p.contains(y) || t(!1);
-  }, v = () => {
-    t((o) => !o);
+    return e;
+  }, s.apply(null, arguments);
+}
+const q = /* @__PURE__ */ j((H, x) => {
+  var u = H, {
+    className: e = "",
+    automationId: o = "",
+    position: t = "bottom-center",
+    popoverContentAutomationId: r = "",
+    contentWidth: C = "max",
+    renderPopoverContents: k,
+    renderPopoverSrcElement: E,
+    onPopoverToggle: i
+  } = u, R = P(u, [
+    "className",
+    "automationId",
+    "position",
+    "popoverContentAutomationId",
+    "contentWidth",
+    "renderPopoverContents",
+    "renderPopoverSrcElement",
+    "onPopoverToggle"
+  ]);
+  const [n, c] = D(!1), p = w(null), S = w(null);
+  $(() => {
+    if (i && i(n), n)
+      return document.body.addEventListener("click", f), () => document.body.removeEventListener("click", f);
+  }, [n]);
+  const f = (a) => {
+    const m = p.current;
+    if (!m) return;
+    const O = a.target;
+    m.contains(O) || c(!1);
+  }, d = () => {
+    c((a) => !a);
   };
-  return /* @__PURE__ */ a.jsxs(
-    "div",
-    {
-      className: "popup-wrapper cursor-pointer relative" + (r.length > 0 ? ` ${r}` : "") + (e ? " open" : ""),
-      ref: s,
-      onClick: v,
-      "data-automation-id": u,
-      ...g,
-      children: [
-        m({ displayPopup: e }),
-        e && /* @__PURE__ */ a.jsx(
-          "div",
-          {
-            className: "popup-content absolute p-2 shadow-md top-full border rounded-md w-max",
-            style: {
-              borderColor: "var(--color-gray-200)",
-              color: "var(--color-gray-900)",
-              backgroundColor: "var(--color-white)"
-            },
-            onClick: (o) => o.stopPropagation(),
-            ref: l,
-            "data-automation-id": f,
-            children: d({ closePopupCb: () => t(!1) })
-          }
-        )
-      ]
+  z(x, () => ({
+    togglePopup: d
+  }), []);
+  const L = {
+    "bottom-left": {
+      left: "0"
+    },
+    "bottom-right": {
+      right: "0"
+    },
+    "bottom-center": {
+      left: "50%",
+      transform: "translateX(-50%)"
     }
-  );
-};
+  };
+  return /* @__PURE__ */ h.createElement("div", s({
+    className: "popover-wrapper cursor-pointer relative" + (e.length > 0 ? ` ${e}` : "") + (n ? " open" : ""),
+    ref: p,
+    onClick: d,
+    "data-automation-id": o
+  }, R), E({
+    displayPopover: n
+  }), n && /* @__PURE__ */ h.createElement("div", {
+    className: `popover-content absolute shadow-md top-full border rounded-md z-[1000] ${C == "full" ? "w-full" : "w-max"}`,
+    style: y({
+      borderColor: "var(--color-gray-200)",
+      color: "var(--color-gray-900)",
+      backgroundColor: "var(--color-white)"
+    }, L[t]),
+    onClick: (a) => a.stopPropagation(),
+    ref: S,
+    "data-automation-id": r
+  }, k({
+    closePopoverCb: () => c(!1)
+  })));
+});
 export {
-  x as Popup
+  q as Popover
 };
 //# sourceMappingURL=index13.js.map

package/dist/index13.js.map

@@ -1 +1 @@
-{"version":3,"file":"index13.js","sources":["../src/components/Popup/index.tsx"],"sourcesContent":["import { FC, useState, useRef, ReactNode, useEffect } from 'react';\n\nexport interface PopupProps {\n  className?: string;\n  automationId?: string;\n  popupContentAutomationId?: string;\n  renderPopupContents: (props: { closePopupCb: () => void }) => ReactNode;\n  renderPopupSrcElement: (props: { displayPopup: boolean }) => ReactNode;\n  position?: \"bottom-center\" | \"bottom-left\" | \"bottom-right\";\n}\n\nexport const Popup: FC<PopupProps> = ({\n  className = '',\n  automationId = '',\n  position = '',\n  popupContentAutomationId = '',\n  renderPopupContents,\n  renderPopupSrcElement,\n  ...props\n}) => {\n  const [displayPopup, setDisplayPopup] = useState(false);\n  const srcElementRef = useRef<HTMLDivElement>(null);\n  const popupContentRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (displayPopup) {\n      const popupContent = popupContentRef.current;\n\n      if(!popupContent) {\n        return\n      }\n      if(position == 'bottom-left') {\n        popupContent.style.left = '0';\n      } else if(position == 'bottom-right') {\n        popupContent.style.right = '0';\n      } else {\n        popupContent.style.left = '50%';\n        popupContent.style.transform = 'translateX(-50%)';\n      }\n\n      document.body.addEventListener('click', clickListener);\n      return () => document.body.removeEventListener('click', clickListener);\n    }\n  }, [displayPopup]);\n  \n  const clickListener = (event: MouseEvent) => {\n    const currentDropRef = srcElementRef.current;\n    if (!currentDropRef) return;\n\n    const target = event.target as Node;\n    const isSourcePopover = currentDropRef.contains(target);\n    // if clicked source is parent or the popover-content, do not toggle dropdown.\n    if (!isSourcePopover) {\n      setDisplayPopup(false);\n    }\n  };\n\n  const togglePopup = () => {\n    setDisplayPopup((displayPopup) => !displayPopup);\n  };\n\n  return (\n    <div\n      className={'popup-wrapper cursor-pointer relative' + (className.length > 0 ? ` ${className}` : '') + (displayPopup ? ' open' : '')}\n      ref={srcElementRef}\n      onClick={togglePopup}\n      data-automation-id={automationId}\n      {...props}\n    >\n      {renderPopupSrcElement({ displayPopup })}\n      {displayPopup && (\n        <div\n          className={`popup-content absolute p-2 shadow-md top-full border rounded-md w-max`}\n          style={{\n            borderColor: 'var(--color-gray-200)',\n            color: 'var(--color-gray-900)',\n            backgroundColor: 'var(--color-white)'\n          }}\n          onClick={(e) => e.stopPropagation()}\n          ref={popupContentRef}\n          data-automation-id={popupContentAutomationId}\n        >\n          {renderPopupContents({ closePopupCb: () => setDisplayPopup(false) })}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["Popup","className","automationId","position","popupContentAutomationId","renderPopupContents","renderPopupSrcElement","props","displayPopup","setDisplayPopup","useState","srcElementRef","useRef","popupContentRef","useEffect","popupContent","clickListener","event","currentDropRef","target","togglePopup","jsxs","jsx","e"],"mappings":";;AAWO,MAAMA,IAAwB,CAAC;AAAA,EACpC,WAAAC,IAAY;AAAA,EACZ,cAAAC,IAAe;AAAA,EACf,UAAAC,IAAW;AAAA,EACX,0BAAAC,IAA2B;AAAA,EAC3B,qBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAChDC,IAAgBC,EAAuB,IAAI,GAC3CC,IAAkBD,EAAuB,IAAI;AAEnD,EAAAE,EAAU,MAAM;AACd,QAAIN,GAAc;AAChB,YAAMO,IAAeF,EAAgB;AAErC,aAAIE,KAGDZ,KAAY,gBACbY,EAAa,MAAM,OAAO,MAClBZ,KAAY,iBACpBY,EAAa,MAAM,QAAQ,OAE3BA,EAAa,MAAM,OAAO,OAC1BA,EAAa,MAAM,YAAY,qBAGxB,SAAA,KAAK,iBAAiB,SAASC,CAAa,GAC9C,MAAM,SAAS,KAAK,oBAAoB,SAASA,CAAa,KAZnE;AAAA,IAaJ;AAAA,EAAA,GACC,CAACR,CAAY,CAAC;AAEX,QAAAQ,IAAgB,CAACC,MAAsB;AAC3C,UAAMC,IAAiBP,EAAc;AACrC,QAAI,CAACO,EAAgB;AAErB,UAAMC,IAASF,EAAM;AAGrB,IAFwBC,EAAe,SAASC,CAAM,KAGpDV,EAAgB,EAAK;AAAA,EACvB,GAGIW,IAAc,MAAM;AACR,IAAAX,EAAA,CAACD,MAAiB,CAACA,CAAY;AAAA,EAAA;AAI/C,SAAAa,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,2CAA2CpB,EAAU,SAAS,IAAI,IAAIA,CAAS,KAAK,OAAOO,IAAe,UAAU;AAAA,MAC/H,KAAKG;AAAA,MACL,SAASS;AAAA,MACT,sBAAoBlB;AAAA,MACnB,GAAGK;AAAA,MAEH,UAAA;AAAA,QAAsBD,EAAA,EAAE,cAAAE,GAAc;AAAA,QACtCA,KACCc,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO;AAAA,cACL,aAAa;AAAA,cACb,OAAO;AAAA,cACP,iBAAiB;AAAA,YACnB;AAAA,YACA,SAAS,CAACC,MAAMA,EAAE,gBAAgB;AAAA,YAClC,KAAKV;AAAA,YACL,sBAAoBT;AAAA,YAEnB,YAAoB,EAAE,cAAc,MAAMK,EAAgB,EAAK,GAAG;AAAA,UAAA;AAAA,QACrE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"index13.js","sources":["../src/components/Popover/index.tsx"],"sourcesContent":["import React, { useState, useRef, ReactNode, useEffect, forwardRef, ForwardedRef, useImperativeHandle } from 'react';\n\n\nexport interface PopoverHandle {\n  togglePopup: () => void;\n}\n\nexport interface PopoverProps {\n  className?: string;\n  automationId?: string;\n  popoverContentAutomationId?: string;\n  renderPopoverContents: (props: { closePopoverCb: () => void }) => ReactNode;\n  renderPopoverSrcElement: (props: { displayPopover: boolean }) => ReactNode;\n  position?: \"bottom-center\" | \"bottom-left\" | \"bottom-right\";\n  onPopoverToggle?: (displayPopover: boolean) => void;\n  contentWidth?: 'full' | 'max';\n}\n\nexport const Popover = forwardRef<PopoverHandle, PopoverProps>(({ \n  className = '',\n  automationId = '',\n  position = 'bottom-center',\n  popoverContentAutomationId = '',\n  contentWidth = 'max',\n  renderPopoverContents,\n  renderPopoverSrcElement,\n  onPopoverToggle,\n  ...props\n}, ref: ForwardedRef<PopoverHandle>) => {\n  const [displayPopover, setDisplayPopover] = useState(false);\n  const srcElementRef = useRef<HTMLDivElement>(null);\n  const popoverContentRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if(onPopoverToggle) {\n      onPopoverToggle(displayPopover);\n    }\n    if (displayPopover) {\n      document.body.addEventListener('click', clickListener);\n      return () => document.body.removeEventListener('click', clickListener);\n    }\n  }, [displayPopover]);\n  \n  const clickListener = (event: MouseEvent) => {\n    const currentDropRef = srcElementRef.current;\n    if (!currentDropRef) return;\n\n    const target = event.target as Node;\n    const isSourcePopover = currentDropRef.contains(target);\n    // if clicked source is parent or the popover-content, do not toggle dropdown.\n    if (!isSourcePopover) {\n      setDisplayPopover(false);\n    }\n  };\n\n  const togglePopup = () => {\n    setDisplayPopover((displayPopover) => !displayPopover);\n  };\n\n  useImperativeHandle(ref, () => ({ togglePopup }), []);\n\n  const popoverContentStyle =  {\n    'bottom-left': {left: '0'},\n    'bottom-right': {right: '0'},\n    'bottom-center': {left: '50%', transform: 'translateX(-50%)'}  \n  }\n\n  return (\n    <div\n      className={'popover-wrapper cursor-pointer relative' + (className.length > 0 ? ` ${className}` : '') + (displayPopover ? ' open' : '')}\n      ref={srcElementRef}\n      onClick={togglePopup}\n      data-automation-id={automationId}\n      {...props}\n    >\n      {renderPopoverSrcElement({ displayPopover })}\n      {displayPopover && (\n        <div\n          className={`popover-content absolute shadow-md top-full border rounded-md z-[1000] ${contentWidth == 'full' ? 'w-full' : 'w-max'}`}\n          style={{\n            borderColor: 'var(--color-gray-200)',\n            color: 'var(--color-gray-900)',\n            backgroundColor: 'var(--color-white)',\n            ...popoverContentStyle[position]\n          }}\n          onClick={(e) => e.stopPropagation()}\n          ref={popoverContentRef}\n          data-automation-id={popoverContentAutomationId}\n        >\n          {renderPopoverContents({ closePopoverCb: () => setDisplayPopover(false) })}\n        </div>\n      )}\n    </div>\n  );\n});\n"],"names":["Popover","_a","ref","_b","className","automationId","position","popoverContentAutomationId","contentWidth","renderPopoverContents","renderPopoverSrcElement","onPopoverToggle","props","displayPopover","setDisplayPopover","useState","srcElementRef","useRef","popoverContentRef","useEffect","body","addEventListener","clickListener","document","removeEventListener","event","currentDropRef","current","target","contains","togglePopup","useImperativeHandle","popoverContentStyle","left","right","transform","React","createElement","_extends","length","onClick","style","__spreadValues","borderColor","color","backgroundColor","e","stopPropagation","closePopoverCb"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBaA,MAAAA,sBAAkD,CAACC,GAU7DC,MAAqC;AAVwB,MAAAC,IAAAF,GAC9DG;AAAAA,eAAAA,IAAY;AAAA,IACZC,cAAAA,IAAe;AAAA,IACfC,UAAAA,IAAW;AAAA,IACXC,4BAAAA,IAA6B;AAAA,IAC7BC,cAAAA,IAAe;AAAA,IACfC,uBAAAA;AAAAA,IACAC,yBAAAA;AAAAA,IACAC,iBAAAA;AAAAA,MAR8DR,GAS3DS,IAAAA,EAT2DT,GAS3DS;AAAAA,IARHR;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA;AAGA,QAAM,CAACE,GAAgBC,CAAiB,IAAIC,EAAS,EAAK,GACpDC,IAAgBC,EAAuB,IAAI,GAC3CC,IAAoBD,EAAuB,IAAI;AAErDE,EAAAA,EAAU,MAAM;AAId,QAHGR,KACDA,EAAgBE,CAAc,GAE5BA;AACOO,sBAAAA,KAAKC,iBAAiB,SAASC,CAAa,GAC9C,MAAMC,SAASH,KAAKI,oBAAoB,SAASF,CAAa;AAAA,EACvE,GACC,CAACT,CAAc,CAAC;AAEbS,QAAAA,IAAgBA,CAACG,MAAsB;AAC3C,UAAMC,IAAiBV,EAAcW;AACrC,QAAI,CAACD,EAAgB;AAErB,UAAME,IAASH,EAAMG;AAGrB,IAFwBF,EAAeG,SAASD,CAAM,KAGpDd,EAAkB,EAAK;AAAA,EAE3B,GAEMgB,IAAcA,MAAM;AACLjB,IAAAA,EAAAA,CAAAA,MAAmB,CAACA,CAAc;AAAA,EACvD;AAEAkB,EAAAA,EAAoB7B,GAAK,OAAO;AAAA,IAAE4B,aAAAA;AAAAA,EAAY,IAAI,CAAA,CAAE;AAEpD,QAAME,IAAuB;AAAA,IAC3B,eAAe;AAAA,MAACC,MAAM;AAAA,IAAG;AAAA,IACzB,gBAAgB;AAAA,MAACC,OAAO;AAAA,IAAG;AAAA,IAC3B,iBAAiB;AAAA,MAACD,MAAM;AAAA,MAAOE,WAAW;AAAA,IAAA;AAAA,EAC5C;AAGEC,SAAAA,gBAAAA,EAAAC,cAAA,OAAAC,EAAA;AAAA,IACElC,WAAW,6CAA6CA,EAAUmC,SAAS,IAAI,IAAInC,CAAS,KAAK,OAAOS,IAAiB,UAAU;AAAA,IACnIX,KAAKc;AAAAA,IACLwB,SAASV;AAAAA,IACT,sBAAoBzB;AAAAA,EAAAA,GAChBO,CAAK,GAERF,EAAwB;AAAA,IAAEG,gBAAAA;AAAAA,EAAgB,CAAA,GAC1CA,KACCuB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEjC,WAAW,0EAA0EI,KAAgB,SAAS,WAAW,OAAO;AAAA,IAChIiC,OAAOC,EAAA;AAAA,MACLC,aAAa;AAAA,MACbC,OAAO;AAAA,MACPC,iBAAiB;AAAA,OACdb,EAAoB1B,CAAQ;AAAA,IAEjCkC,SAAUM,CAAMA,MAAAA,EAAEC,gBAAgB;AAAA,IAClC7C,KAAKgB;AAAAA,IACL,sBAAoBX;AAAAA,KAEnBE,EAAsB;AAAA,IAAEuC,gBAAgBA,MAAMlC,EAAkB,EAAK;AAAA,EAAG,CAAA,CACtE,CAEJ;AAET,CAAC;"}

package/dist/index14.js

@@ -1,15 +1,30 @@
-import { j as e } from "./index18.js";
-const i = ({
-  leftContainer: r,
-  centerContainer: x,
-  rightContainer: s,
-  ...t
-}) => /* @__PURE__ */ e.jsxs("header", { className: `sticky top-0 h-[35px] w-full z-[1000] bg-gradient-to-r from-[#48AFF1] to-[#5F79AC] flex justify-between items-center ${(t == null ? void 0 : t.type) === "fixed" ? "fixed left-0 right-0 top-0" : ""}`, children: [
-  r && /* @__PURE__ */ e.jsx(e.Fragment, { children: r }),
-  x && /* @__PURE__ */ e.jsx(e.Fragment, { children: x }),
-  s && /* @__PURE__ */ e.jsx(e.Fragment, { children: s })
-] });
+var c = Object.getOwnPropertySymbols;
+var n = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable;
+var f = (t, a) => {
+  var m = {};
+  for (var e in t)
+    n.call(t, e) && a.indexOf(e) < 0 && (m[e] = t[e]);
+  if (t != null && c)
+    for (var e of c(t))
+      a.indexOf(e) < 0 && u.call(t, e) && (m[e] = t[e]);
+  return m;
+};
+import l from "react";
+const x = (d) => {
+  var r = d, {
+    leftContainer: t,
+    centerContainer: a,
+    rightContainer: m
+  } = r, e = f(r, [
+    "leftContainer",
+    "centerContainer",
+    "rightContainer"
+  ]);
+  return /* @__PURE__ */ l.createElement("header", {
+    className: `sticky top-0 h-[35px] w-full z-[1000] bg-gradient-to-r from-[#48AFF1] to-[#5F79AC] flex justify-between items-center ${(e == null ? void 0 : e.type) === "fixed" ? "fixed left-0 right-0 top-0" : ""}`
+  }, t && /* @__PURE__ */ l.createElement(l.Fragment, null, t), a && /* @__PURE__ */ l.createElement(l.Fragment, null, a), m && /* @__PURE__ */ l.createElement(l.Fragment, null, m));
+};
 export {
-  i as Header
+  x as Header
 };
 //# sourceMappingURL=index14.js.map

package/dist/index14.js.map

@@ -1 +1 @@
-{"version":3,"file":"index14.js","sources":["../src/components/Header/index.tsx"],"sourcesContent":["import { FC } from 'react';\n\nexport interface HeaderProps {\n  leftContainer?: React.ReactNode;\n  centerContainer?: React.ReactNode;\n  rightContainer?: React.ReactNode;\n  type?: string;\n}\n\nexport const Header: FC<HeaderProps> = ({\n  leftContainer,\n  centerContainer,\n  rightContainer,\n  ...props\n}) => {\n  return (\n    <header className={`sticky top-0 h-[35px] w-full z-[1000] bg-gradient-to-r from-[#48AFF1] to-[#5F79AC] flex justify-between items-center ${\n      props?.type === 'fixed' ? 'fixed left-0 right-0 top-0' : ''\n    }`}>\n      {leftContainer && <>{leftContainer}</>}\n      {centerContainer && <>{centerContainer}</>}\n      {rightContainer && <>{rightContainer}</>}\n    </header>\n  );\n};\n"],"names":["Header","leftContainer","centerContainer","rightContainer","props","jsxs"],"mappings":";AASO,MAAMA,IAA0B,CAAC;AAAA,EACtC,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAA,KAAC,YAAO,WAAW,yHACjBD,KAAA,gBAAAA,EAAO,UAAS,UAAU,+BAA+B,EAC3D,IACG,UAAA;AAAA,EAAAH,yCAAoB,UAAcA,EAAA,CAAA;AAAA,EAClCC,yCAAsB,UAAgBA,EAAA,CAAA;AAAA,EACtCC,yCAAqB,UAAeA,EAAA,CAAA;AACvC,EAAA,CAAA;"}
+{"version":3,"file":"index14.js","sources":["../src/components/Header/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nexport interface HeaderProps {\n  leftContainer?: React.ReactNode;\n  centerContainer?: React.ReactNode;\n  rightContainer?: React.ReactNode;\n  type?: string;\n}\n\nexport const Header: FC<HeaderProps> = ({\n  leftContainer,\n  centerContainer,\n  rightContainer,\n  ...props\n}) => {\n  return (\n    <header className={`sticky top-0 h-[35px] w-full z-[1000] bg-gradient-to-r from-[#48AFF1] to-[#5F79AC] flex justify-between items-center ${\n      props?.type === 'fixed' ? 'fixed left-0 right-0 top-0' : ''\n    }`}>\n      {leftContainer && <>{leftContainer}</>}\n      {centerContainer && <>{centerContainer}</>}\n      {rightContainer && <>{rightContainer}</>}\n    </header>\n  );\n};\n"],"names":["Header","_a","_b","leftContainer","centerContainer","rightContainer","props","React","createElement","className","type","Fragment"],"mappings":";;;;;;;;;;;;AASO,MAAMA,IAA0BA,CAACC,MAKlC;AALkC,MAAAC,IAAAD,GACtCE;AAAAA,mBAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,MAHsCH,GAInCI,IAAAA,EAJmCJ,GAInCI;AAAAA,IAHHH;AAAAA,IACAC;AAAAA,IACAC;AAAAA;AAIEE,SAAAA,gBAAAA,EAAAC,cAAA,UAAA;AAAA,IAAQC,WAAW,yHACjBH,KAAAA,gBAAAA,EAAOI,UAAS,UAAU,+BAA+B,EAAE;AAAA,EAC1D,GACAP,KAAiBI,gBAAAA,EAAAC,cAAAD,EAAAI,UAAA,MAAGR,CAAgB,GACpCC,KAAmBI,gBAAAA,EAAAA,cAAAD,EAAAI,UAAGP,MAAAA,CAAkB,GACxCC,KAAkBE,gBAAAA,EAAAC,cAAAD,EAAAI,UAAGN,MAAAA,CAAiB,CACjC;AAEZ;"}

package/dist/index15.js

@@ -1,37 +1,70 @@
-import { j as e } from "./index18.js";
-import { Popup as l } from "./index13.js";
-const u = ({
-  menuItems: n,
-  className: s = "",
-  automationId: i = "",
-  popupContentAutomationId: d = "",
-  onMenuItemClick: o
-}) => /* @__PURE__ */ e.jsx(
-  l,
-  {
-    className: s,
+import e from "react";
+import { Popover as c } from "./index13.js";
+import { MenuItem as p } from "./index11.js";
+function s() {
+  return s = Object.assign ? Object.assign.bind() : function(a) {
+    for (var t = 1; t < arguments.length; t++) {
+      var r = arguments[t];
+      for (var n in r) ({}).hasOwnProperty.call(r, n) && (a[n] = r[n]);
+    }
+    return a;
+  }, s.apply(null, arguments);
+}
+const k = ({
+  menuItems: a,
+  className: t = "",
+  automationId: r = "",
+  popoverContentAutomationId: n = "",
+  onMenuItemClick: l
+}) => {
+  const m = (o, i) => {
+    l && l(o), i();
+  };
+  return /* @__PURE__ */ e.createElement(c, {
+    className: t,
     position: "bottom-left",
-    automationId: i,
-    popupContentAutomationId: d,
-    renderPopupSrcElement: ({ displayPopup: r }) => /* @__PURE__ */ e.jsx("div", { className: `${r ? "bg-[rgba(0,0,0,0.20)]" : ""} hover:bg-[rgba(0,0,0,0.20)] rounded-[6px] transition-all duration-300`, children: /* @__PURE__ */ e.jsxs("svg", { width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ e.jsx("path", { d: "M6 8.25H22", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
-      /* @__PURE__ */ e.jsx("path", { d: "M6 14H22", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
-      /* @__PURE__ */ e.jsx("path", { d: "M6 19.75H22", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
-    ] }) }),
-    renderPopupContents: ({ closePopupCb: r }) => /* @__PURE__ */ e.jsx("div", { className: "min-w-[212px]", children: n.map((t, a) => /* @__PURE__ */ e.jsx(
-      "div",
-      {
-        className: "w-full text-left p-2 hover:bg-[var(--color-blue-100)] rounded-[6px]",
-        onClick: () => {
-          o && o(t.label), r();
-        },
-        children: t.label
-      },
-      a
-    )) })
-  }
-);
+    automationId: r,
+    popoverContentAutomationId: n,
+    renderPopoverSrcElement: ({
+      displayPopover: o
+    }) => /* @__PURE__ */ e.createElement("div", {
+      className: `${o ? "bg-[rgba(0,0,0,0.20)]" : ""} hover:bg-[rgba(0,0,0,0.20)] rounded-[6px] transition-all duration-300`
+    }, /* @__PURE__ */ e.createElement("svg", {
+      width: "28",
+      height: "28",
+      viewBox: "0 0 28 28",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /* @__PURE__ */ e.createElement("path", {
+      d: "M6 8.25H22",
+      stroke: "white",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /* @__PURE__ */ e.createElement("path", {
+      d: "M6 14H22",
+      stroke: "white",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /* @__PURE__ */ e.createElement("path", {
+      d: "M6 19.75H22",
+      stroke: "white",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }))),
+    renderPopoverContents: ({
+      closePopoverCb: o
+    }) => /* @__PURE__ */ e.createElement("div", {
+      className: "min-w-[212px]"
+    }, a.map((i, d) => /* @__PURE__ */ e.createElement(p, s({}, i, {
+      key: `item-${d}`,
+      onClick: () => m(i, o)
+    }))))
+  });
+};
 export {
-  u as HamburgerMenu
+  k as HamburgerMenu
 };
 //# sourceMappingURL=index15.js.map

package/dist/index15.js.map

@@ -1 +1 @@
-{"version":3,"file":"index15.js","sources":["../src/components/HamburgerMenu/index.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { Popup } from 'src/components/Popup';\nimport { MenuItemProps } from 'src/components/MenuItem';\n\n\nexport interface HamburgerMenuProps {\n  menuItems: MenuItemProps[];\n  className?: string;\n  automationId?: string;\n  popupContentAutomationId?: string;\n  onMenuItemClick?: (label: string) => void;\n}\n\nexport const HamburgerMenu: FC<HamburgerMenuProps> = ({\n  menuItems,\n  className = '',\n  automationId = '',\n  popupContentAutomationId = '',\n  onMenuItemClick\n}) => {\n  return (\n    <Popup\n      className={className}\n      position='bottom-left'\n      automationId={automationId}\n      popupContentAutomationId={popupContentAutomationId}\n      renderPopupSrcElement={({ displayPopup }) => (\n        <div className={`${displayPopup ? 'bg-[rgba(0,0,0,0.20)]' : ''} hover:bg-[rgba(0,0,0,0.20)] rounded-[6px] transition-all duration-300`}>\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path d=\"M6 8.25H22\" stroke=\"white\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                <path d=\"M6 14H22\" stroke=\"white\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                <path d=\"M6 19.75H22\" stroke=\"white\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n            </svg>\n        </div>\n      )}\n      renderPopupContents={({ closePopupCb }) => (\n        <div className=\"min-w-[212px]\">\n          {menuItems.map((item, index) => (\n            <div\n              key={index}\n              className=\"w-full text-left p-2 hover:bg-[var(--color-blue-100)] rounded-[6px]\"\n              onClick={() => {\n                if(onMenuItemClick) {\n                  onMenuItemClick(item.label);\n                }\n                closePopupCb(); // Close the menu after clicking an item\n              }} \n            >\n              {item.label}\n            </div>\n          ))}\n        </div>\n      )}\n    />\n  );\n};\n"],"names":["HamburgerMenu","menuItems","className","automationId","popupContentAutomationId","onMenuItemClick","jsx","Popup","displayPopup","jsxs","closePopupCb","item","index"],"mappings":";;AAcO,MAAMA,IAAwC,CAAC;AAAA,EACpD,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,cAAAC,IAAe;AAAA,EACf,0BAAAC,IAA2B;AAAA,EAC3B,iBAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAAL;AAAA,IACA,UAAS;AAAA,IACT,cAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,uBAAuB,CAAC,EAAE,cAAAI,8BACvB,OAAI,EAAA,WAAW,GAAGA,IAAe,0BAA0B,EAAE,0EAC1D,UAACC,gBAAAA,EAAA,KAAA,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAC9D,UAAA;AAAA,MAACH,gBAAAA,EAAAA,IAAA,QAAA,EAAK,GAAE,cAAa,QAAO,SAAQ,aAAY,OAAM,eAAc,SAAQ,gBAAe,QAAO,CAAA;AAAA,MAClGA,gBAAAA,EAAAA,IAAC,QAAK,EAAA,GAAE,YAAW,QAAO,SAAQ,aAAY,OAAM,eAAc,SAAQ,gBAAe,QAAO,CAAA;AAAA,MAChGA,gBAAAA,EAAAA,IAAC,QAAK,EAAA,GAAE,eAAc,QAAO,SAAQ,aAAY,OAAM,eAAc,SAAQ,gBAAe,QAAO,CAAA;AAAA,IAAA,EAAA,CACvG,EACJ,CAAA;AAAA,IAEF,qBAAqB,CAAC,EAAE,cAAAI,EACtB,MAAAJ,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,iBACZ,UAAAL,EAAU,IAAI,CAACU,GAAMC,MACpBN,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QACV,SAAS,MAAM;AACb,UAAGD,KACDA,EAAgBM,EAAK,KAAK,GAEfD;QACf;AAAA,QAEC,UAAKC,EAAA;AAAA,MAAA;AAAA,MATDC;AAAA,IAWR,CAAA,GACH;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index15.js","sources":["../src/components/HamburgerMenu/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { Popover } from 'src/components/Popover';\nimport { MenuItem, MenuItemProps } from 'src/components/MenuItem';\n\nexport interface HamburgerMenuProps {\n  menuItems: MenuItemProps[];\n  className?: string;\n  automationId?: string;\n  popoverContentAutomationId?: string;\n  onMenuItemClick?: (item: MenuItemProps) => void;\n}\n\nexport const HamburgerMenu: FC<HamburgerMenuProps> = ({\n  menuItems,\n  className = '',\n  automationId = '',\n  popoverContentAutomationId = '',\n  onMenuItemClick\n}) => {\n  const handleMenuItemClick = (item: MenuItemProps, closePopoverCb: () => void) => {\n    if(onMenuItemClick) {\n      onMenuItemClick(item);\n    }\n    closePopoverCb();\n  }\n  return (\n    <Popover\n      className={className}\n      position='bottom-left'\n      automationId={automationId}\n      popoverContentAutomationId={popoverContentAutomationId}\n      renderPopoverSrcElement={({ displayPopover }) => (\n        <div className={`${displayPopover ? 'bg-[rgba(0,0,0,0.20)]' : ''} hover:bg-[rgba(0,0,0,0.20)] rounded-[6px] transition-all duration-300`}>\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path d=\"M6 8.25H22\" stroke=\"white\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                <path d=\"M6 14H22\" stroke=\"white\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                <path d=\"M6 19.75H22\" stroke=\"white\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n            </svg>\n        </div>\n      )}\n      renderPopoverContents={({ closePopoverCb }) => (\n        <div className=\"min-w-[212px]\">\n          {menuItems.map((item, index) => (\n            <MenuItem {...item} key={`item-${index}`}\n              onClick={() => handleMenuItemClick(item, closePopoverCb)}\n            />\n          ))}\n        </div>\n      )}\n    />\n  );\n};\n"],"names":["HamburgerMenu","menuItems","className","automationId","popoverContentAutomationId","onMenuItemClick","handleMenuItemClick","item","closePopoverCb","React","createElement","Popover","position","renderPopoverSrcElement","displayPopover","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","renderPopoverContents","map","index","MenuItem","_extends","key","onClick"],"mappings":";;;;;;;;;;;;AAaO,MAAMA,IAAwCA,CAAC;AAAA,EACpDC,WAAAA;AAAAA,EACAC,WAAAA,IAAY;AAAA,EACZC,cAAAA,IAAe;AAAA,EACfC,4BAAAA,IAA6B;AAAA,EAC7BC,iBAAAA;AACF,MAAM;AACEC,QAAAA,IAAsBA,CAACC,GAAqBC,MAA+B;AAC/E,IAAGH,KACDA,EAAgBE,CAAI,GAEPC,EAAA;AAAA,EACjB;AAEEC,SAAAA,gBAAAA,EAAAC,cAACC,GAAO;AAAA,IACNT,WAAAA;AAAAA,IACAU,UAAS;AAAA,IACTT,cAAAA;AAAAA,IACAC,4BAAAA;AAAAA,IACAS,yBAAyBA,CAAC;AAAA,MAAEC,gBAAAA;AAAAA,IAAAA,MAC1BJ,gBAAAA,EAAAA,cAAA,OAAA;AAAA,MAAKR,WAAW,GAAGY,IAAiB,0BAA0B,EAAE;AAAA,IAAA,GAC5DJ,gBAAAA,EAAAA,cAAA,OAAA;AAAA,MAAKK,OAAM;AAAA,MAAKC,QAAO;AAAA,MAAKC,SAAQ;AAAA,MAAYC,MAAK;AAAA,MAAOC,OAAM;AAAA,IAAA,GAC9DT,gBAAAA,EAAAA,cAAA,QAAA;AAAA,MAAMU,GAAE;AAAA,MAAaC,QAAO;AAAA,MAAQC,aAAY;AAAA,MAAMC,eAAc;AAAA,MAAQC,gBAAe;AAAA,IAAA,CAAQ,GACnGd,gBAAAA,EAAAA,cAAA,QAAA;AAAA,MAAMU,GAAE;AAAA,MAAWC,QAAO;AAAA,MAAQC,aAAY;AAAA,MAAMC,eAAc;AAAA,MAAQC,gBAAe;AAAA,IAAA,CAAQ,GACjGd,gBAAAA,EAAAA,cAAA,QAAA;AAAA,MAAMU,GAAE;AAAA,MAAcC,QAAO;AAAA,MAAQC,aAAY;AAAA,MAAMC,eAAc;AAAA,MAAQC,gBAAe;AAAA,IAAQ,CAAA,CACnG,CACJ;AAAA,IAEPC,uBAAuBA,CAAC;AAAA,MAAEjB,gBAAAA;AAAAA,IAAAA,MACxBE,gBAAAA,EAAAA,cAAA,OAAA;AAAA,MAAKR,WAAU;AAAA,IACZD,GAAAA,EAAUyB,IAAI,CAACnB,GAAMoB,MACpBjB,gBAAAA,EAAAA,cAACkB,GAAQC,MAAKtB,GAAI;AAAA,MAAEuB,KAAK,QAAQH,CAAK;AAAA,MACpCI,SAASA,MAAMzB,EAAoBC,GAAMC,CAAc;AAAA,IAAE,CAAA,CAC1D,CACF,CACE;AAAA,EAAA,CAER;AAEL;"}

package/dist/index16.js

@@ -1,36 +1,75 @@
-import { j as e } from "./index18.js";
-import { useRef as u, useEffect as x } from "react";
-const m = ({
-  className: t = "",
-  automationId: a = "",
-  loading: l,
-  headerColSpan: b = 0,
-  headerData: r,
-  tableData: s,
-  renderTableContentLoader: i,
-  getTableHeaders: n,
-  getTableBody: d,
-  onSortUiUpdate: c,
-  onRowClick: f,
-  ...h
-}) => {
-  const o = u(null);
-  return x(() => {
-    o.current && console.log("Table initialized!");
-  }, []), /* @__PURE__ */ e.jsx("div", { className: "table-layout-wrapper" + (t.length > 0 ? ` ${t}` : ""), ...h, children: /* @__PURE__ */ e.jsxs(
-    "table",
-    {
-      className: "se-table w-full bg-[var(--color-white)] border-collapse table-fixed" + (t ? ` ${t}` : ""),
-      ref: o,
-      "data-automation-id": a,
-      children: [
-        /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsx("tr", { children: n({ headerData: r, sortData: {}, onSortUiUpdate: c }) }) }),
-        /* @__PURE__ */ e.jsx("tbody", { children: l ? i ? i(r.length) : /* @__PURE__ */ e.jsx("div", { children: "Loading..." }) : d({ tableData: s, onRowClick: f, loading: l }) })
-      ]
+var f = Object.getOwnPropertySymbols;
+var E = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable;
+var i = (e, l) => {
+  var n = {};
+  for (var t in e)
+    E.call(e, t) && l.indexOf(t) < 0 && (n[t] = e[t]);
+  if (e != null && f)
+    for (var t of f(e))
+      l.indexOf(t) < 0 && v.call(e, t) && (n[t] = e[t]);
+  return n;
+};
+import r, { useRef as y, useEffect as w } from "react";
+import { TableContentLoader as O } from "./index21.js";
+function a() {
+  return a = Object.assign ? Object.assign.bind() : function(e) {
+    for (var l = 1; l < arguments.length; l++) {
+      var n = arguments[l];
+      for (var t in n) ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
     }
-  ) });
+    return e;
+  }, a.apply(null, arguments);
+}
+const _ = (x) => {
+  var u = x, {
+    className: e = "",
+    automationId: l = "",
+    loading: n,
+    headerColSpan: t = [],
+    headerData: o,
+    tableData: s,
+    renderTableContentLoader: T,
+    getTableHeaders: b,
+    getTableBody: m,
+    onSortUiUpdate: p,
+    onRowClick: g
+  } = u, d = i(u, [
+    "className",
+    "automationId",
+    "loading",
+    "headerColSpan",
+    "headerData",
+    "tableData",
+    "renderTableContentLoader",
+    "getTableHeaders",
+    "getTableBody",
+    "onSortUiUpdate",
+    "onRowClick"
+  ]);
+  const c = y(null);
+  return w(() => {
+    c.current && console.log("Table initialized!");
+  }, []), /* @__PURE__ */ r.createElement("div", a({
+    className: "table-layout-wrapper" + (e.length > 0 ? ` ${e}` : "")
+  }, d), /* @__PURE__ */ r.createElement("table", {
+    className: "se-table w-full bg-[var(--color-white)] border-collapse table-fixed" + (e ? ` ${e}` : ""),
+    ref: c,
+    "data-automation-id": l
+  }, /* @__PURE__ */ r.createElement("thead", null, /* @__PURE__ */ r.createElement("tr", null, b({
+    headerData: o,
+    sortData: {},
+    onSortUiUpdate: p,
+    loading: n
+  }))), /* @__PURE__ */ r.createElement("tbody", null, n ? /* @__PURE__ */ r.createElement(O, {
+    noOfColumns: o == null ? void 0 : o.length,
+    colSpan: t
+  }) : m({
+    tableData: s,
+    onRowClick: g,
+    loading: n
+  }))));
 };
 export {
-  m as TableLayout
+  _ as TableLayout
 };
 //# sourceMappingURL=index16.js.map

package/dist/index16.js.map

@@ -1 +1 @@
-{"version":3,"file":"index16.js","sources":["../src/components/TableLayout/index.tsx"],"sourcesContent":["import { FC, ReactNode, useEffect, useRef } from 'react';\n\nexport interface TableLayoutProps {\n  className?: string;\n  automationId?: string;\n  loading: boolean;\n  headerData: any[];\n  tableData: any[];\n  headerColSpan?: number;\n  renderTableContentLoader?: (noOfColumns: number) => ReactNode;\n  getTableHeaders: (props: { headerData: any[], sortData: any, onSortUiUpdate: any }) => ReactNode;\n  getTableBody: (props: { tableData: any[], onRowClick: any, loading: boolean }) => ReactNode;\n  onSortUiUpdate: (newSortData: any) => void;\n  onRowClick: (rowData: any) => void;\n}\n\nexport const TableLayout: FC<TableLayoutProps> = ({\n  className = '',\n  automationId = '',\n  loading,\n  headerColSpan = 0,\n  headerData,\n  tableData,\n  renderTableContentLoader,\n  getTableHeaders,\n  getTableBody,\n  onSortUiUpdate,\n  onRowClick,\n  ...props\n}) => {\n  const tableRef = useRef<HTMLTableElement>(null);\n\n  useEffect(() => {\n    if (tableRef.current) {\n      console.log('Table initialized!');\n    }\n  }, []);\n\n  return (\n    <div className={'table-layout-wrapper' + (className.length > 0 ? ` ${className}` : '')} {...props}>\n      <table\n        className={'se-table w-full bg-[var(--color-white)] border-collapse table-fixed' + (className ? ` ${className}` : '')}\n        ref={tableRef}\n        data-automation-id={automationId}\n      >\n        <thead>\n          <tr>\n            {getTableHeaders({ headerData, sortData: {}, onSortUiUpdate })}\n          </tr>\n        </thead>\n        <tbody>\n          {loading ? (\n            renderTableContentLoader ? (\n              renderTableContentLoader(headerData.length)\n            ) : (\n              <div>Loading...</div>\n            )\n          ) : (\n            getTableBody({ tableData, onRowClick, loading })\n          )}\n        </tbody>\n      </table>\n    </div>\n  );\n};\n"],"names":["TableLayout","className","automationId","loading","headerColSpan","headerData","tableData","renderTableContentLoader","getTableHeaders","getTableBody","onSortUiUpdate","onRowClick","props","tableRef","useRef","useEffect","jsx","jsxs"],"mappings":";;AAgBO,MAAMA,IAAoC,CAAC;AAAA,EAChD,WAAAC,IAAY;AAAA,EACZ,cAAAC,IAAe;AAAA,EACf,SAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAAC,IAAWC,EAAyB,IAAI;AAE9C,SAAAC,EAAU,MAAM;AACd,IAAIF,EAAS,WACX,QAAQ,IAAI,oBAAoB;AAAA,EAEpC,GAAG,CAAE,CAAA,GAGFG,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAW,0BAA0Bf,EAAU,SAAS,IAAI,IAAIA,CAAS,KAAK,KAAM,GAAGW,GAC1F,UAAAK,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,yEAAyEhB,IAAY,IAAIA,CAAS,KAAK;AAAA,MAClH,KAAKY;AAAA,MACL,sBAAoBX;AAAA,MAEpB,UAAA;AAAA,QAAAc,gBAAAA,EAAA,IAAC,SACC,EAAA,UAAAA,gBAAAA,EAAAA,IAAC,MACE,EAAA,UAAAR,EAAgB,EAAE,YAAAH,GAAY,UAAU,CAAA,GAAI,gBAAAK,EAAgB,CAAA,EAC/D,CAAA,GACF;AAAA,8BACC,SACE,EAAA,UAAAP,IACCI,IACEA,EAAyBF,EAAW,MAAM,IAE1CW,gBAAAA,EAAA,IAAC,OAAI,EAAA,UAAA,aAAU,CAAA,IAGjBP,EAAa,EAAE,WAAAH,GAAW,YAAAK,GAAY,SAAAR,EAAS,CAAA,GAEnD;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"index16.js","sources":["../src/components/TableLayout/index.tsx"],"sourcesContent":["import React, { FC, ReactNode, useEffect, useRef } from 'react';\nimport { TableContentLoader } from 'components/TableContentLoader';\n\nexport interface TableLayoutProps {\n  className?: string;\n  automationId?: string;\n  loading: boolean;\n  headerData: any[];\n  tableData: any[];\n  headerColSpan?: number[];\n  renderTableContentLoader?: (noOfColumns: number) => ReactNode;\n  getTableHeaders: (props: { headerData: any[], sortData: any, onSortUiUpdate: any, loading: boolean }) => ReactNode;\n  getTableBody: (props: { tableData: any[], onRowClick: any, loading: boolean }) => ReactNode;\n  onSortUiUpdate: (newSortData: any) => void;\n  onRowClick: (rowData: any) => void;\n}\n\nexport const TableLayout: FC<TableLayoutProps> = ({\n  className = '',\n  automationId = '',\n  loading,\n  headerColSpan = [],\n  headerData,\n  tableData,\n  renderTableContentLoader,\n  getTableHeaders,\n  getTableBody,\n  onSortUiUpdate,\n  onRowClick,\n  ...props\n}) => {\n  const tableRef = useRef<HTMLTableElement>(null);\n\n  useEffect(() => {\n    if (tableRef.current) {\n      console.log('Table initialized!');\n    }\n  }, []);\n\n  return (\n    <div className={'table-layout-wrapper' + (className.length > 0 ? ` ${className}` : '')} {...props}>\n      <table\n        className={'se-table w-full bg-[var(--color-white)] border-collapse table-fixed' + (className ? ` ${className}` : '')}\n        ref={tableRef}\n        data-automation-id={automationId}\n      >\n        <thead>\n          <tr>\n            {getTableHeaders({ headerData, sortData: {}, onSortUiUpdate, loading })}\n          </tr>\n        </thead>\n        <tbody>\n          {loading ? (\n            <TableContentLoader noOfColumns={headerData?.length} colSpan={headerColSpan} />\n          ) : (\n            getTableBody({ tableData, onRowClick, loading })\n          )}\n        </tbody>\n      </table>\n    </div>\n  );\n};\n"],"names":["TableLayout","_a","_b","className","automationId","loading","headerColSpan","headerData","tableData","renderTableContentLoader","getTableHeaders","getTableBody","onSortUiUpdate","onRowClick","props","tableRef","useRef","useEffect","current","console","log","React","createElement","_extends","length","ref","sortData","TableContentLoader","noOfColumns","colSpan"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAiBO,MAAMA,IAAoCA,CAACC,MAa5C;AAb4C,MAAAC,IAAAD,GAChDE;AAAAA,eAAAA,IAAY;AAAA,IACZC,cAAAA,IAAe;AAAA,IACfC,SAAAA;AAAAA,IACAC,eAAAA,IAAgB,CAAE;AAAA,IAClBC,YAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,0BAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,YAAAA;AAAAA,MAXgDX,GAY7CY,IAAAA,EAZ6CZ,GAY7CY;AAAAA,IAXHX;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA;AAGME,QAAAA,IAAWC,EAAyB,IAAI;AAE9CC,SAAAA,EAAU,MAAM;AACd,IAAIF,EAASG,WACXC,QAAQC,IAAI,oBAAoB;AAAA,EAEpC,GAAG,EAAE,GAGHC,gBAAAA,EAAAC,cAAA,OAAAC,EAAA;AAAA,IAAKpB,WAAW,0BAA0BA,EAAUqB,SAAS,IAAI,IAAIrB,CAAS,KAAK;AAAA,EAASW,GAAAA,CAAK,GAC/FO,gBAAAA,EAAAC,cAAA,SAAA;AAAA,IACEnB,WAAW,yEAAyEA,IAAY,IAAIA,CAAS,KAAK;AAAA,IAClHsB,KAAKV;AAAAA,IACL,sBAAoBX;AAAAA,EAAAA,qBAEpBkB,cAAA,SAAA,MACEA,gBAAAA,EAAAA,cACGZ,MAAAA,MAAAA,EAAgB;AAAA,IAAEH,YAAAA;AAAAA,IAAYmB,UAAU,CAAC;AAAA,IAAGd,gBAAAA;AAAAA,IAAgBP,SAAAA;AAAAA,EAAAA,CAAS,CACpE,CACC,GACPgB,gBAAAA,EAAAC,cACGjB,SAAAA,MAAAA,IACCiB,gBAAAA,EAAAA,cAACK,GAAkB;AAAA,IAACC,aAAarB,KAAAA,gBAAAA,EAAYiB;AAAAA,IAAQK,SAASvB;AAAAA,EAAgB,CAAA,IAE9EK,EAAa;AAAA,IAAEH,WAAAA;AAAAA,IAAWK,YAAAA;AAAAA,IAAYR,SAAAA;AAAAA,EAAS,CAAA,CAE5C,CACF,CACJ;AAET;"}