se-design 0.0.96 → 0.0.97

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/Tooltip/index.tsx"],"sourcesContent":["import { useEffect, useState, useRef } from \"react\";\n\nexport interface TooltipProps {\n  /**\n   * Tooltip contents\n   */\n  content: string;\n  /**\n   * Tooltip position\n   */\n  position?: \"bottom-center\" | \"bottom-left\" | \"bottom-right\" | \"left\" | \"right\";\n  /**\n   * Display tooltip on Hover, Click or Always\n   */\n  displayOn?: 'hover' | 'click' | 'always-on';\n  /**\n   * Tooltip trigger contents\n   */\n  tooltipSrc?: React.ReactNode;\n}\n\nexport const Tooltip = ({ content, tooltipSrc, position = 'bottom-center', displayOn = 'hover' }: TooltipProps) => {\n  const [displayTooltip, setDisplayTooltip] = useState(displayOn === 'always-on');\n  const tooltipContentRef = useRef<HTMLDivElement>(null);;\n\n  useEffect(() => {\n    const tooltipContent = tooltipContentRef.current;\n\n    if(!tooltipContent) {\n      return\n    }\n    \n    if(position == 'bottom-center') {\n      tooltipContent.setAttribute(\"style\", `left: 50%;transform: translateX(-50%);`);\n      tooltipContent.classList.add(`before:left-[calc(50%-7px)]`);\n      tooltipContent.classList.add(`before:top-[-7px]`);\n    } else if(position == 'bottom-left') {\n      tooltipContent.classList.add(`before:left-[calc(10%-7px)]`);\n      tooltipContent.classList.add(`before:top-[-7px]`);\n    } else if(position == 'bottom-right') {\n      tooltipContent.setAttribute(\"style\", `right: 0;`);\n      tooltipContent.classList.add(`before:right-[calc(10%+7px)]`);\n      tooltipContent.classList.add(`before:top-[-7px]`);\n    } else if(position == 'left') {\n      tooltipContent.setAttribute(\"style\", `right: calc(100% + 10px);top:0;`);\n      tooltipContent.classList.add(`before:right-[-6px]`);\n      tooltipContent.classList.add(`before:top-0px`);\n    } else if(position == 'right') {\n      tooltipContent.setAttribute(\"style\", `left: calc(100% + 10px);top:0;`);\n      tooltipContent.classList.add(`before:left-[-6px]`);\n      tooltipContent.classList.add(`before:top-0px`);\n    }\n\n    if(displayOn == 'hover') {\n      tooltipContent.classList.add(`group-hover:visible`);\n    }\n  }, [content]);\n\n  useEffect(() => {\n    const tooltipContent = tooltipContentRef.current;\n\n    if(!tooltipContent) {\n      return;\n    }\n    if(displayTooltip) {\n      tooltipContent.classList.remove(`invisible`);\n    } else {\n      tooltipContent.classList.add(`invisible`);\n    }\n  }, [displayTooltip])\n\n  const onTooltipSrcClick = () => {\n    if(displayOn == 'click') {\n      setDisplayTooltip((displayTooltip) => !displayTooltip)\n    }\n  }\n\n  return (\n    <div className=\"group relative\" onClick={onTooltipSrcClick}>\n      <div className=\"cursor-pointer\" id=\"tooltip-trigger\">\n        {tooltipSrc}\n      </div>\n      <div\n        ref={tooltipContentRef}\n        id=\"tooltip-content\"\n        className=\"flex justify-center px-3 py-2 min-w-24 max-w-60\n          absolute top-[calc(100%+8px)] w-max bg-[var(--color-gray-800)] text-[var(--color-white)] text-xs rounded-[3px]\n          before:content-[' '] before:w-3.5 before:h-3.5 before:bg-[var(--color-gray-800)] before:inline-block\n          before:absolute before:rounded-tl-sm before:rotate-45\"\n      >\n        {content}\n      </div>\n    </div>\n  );\n};\n"],"names":["jsxRuntimeExports","useState","useRef","useEffect","Tooltip","content","tooltipSrc","position","displayOn","displayTooltip","setDisplayTooltip","tooltipContentRef","tooltipContent","onTooltipSrcClick","jsxs","jsx"],"mappings":"AAqBa,SAAA,KAAAA,SAAA;AAAA,SAAA,YAAAC,GAAA,UAAAC,GAAA,aAAAC,SAAA;AAAA,MAAAC,IAAU,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,IAAW,iBAAiB,WAAAC,IAAY,cAA4B;AACjH,QAAM,CAACC,GAAgBC,CAAiB,IAAIT,EAASO,MAAc,WAAW,GACxEG,IAAoBT,EAAuB,IAAI;AAErD,EAAAC,EAAU,MAAM;AACd,UAAMS,IAAiBD,EAAkB;AAEzC,IAAIC,MAIDL,KAAY,mBACEK,EAAA,aAAa,SAAS,wCAAwC,GAC9DA,EAAA,UAAU,IAAI,6BAA6B,GAC3CA,EAAA,UAAU,IAAI,mBAAmB,KACxCL,KAAY,iBACLK,EAAA,UAAU,IAAI,6BAA6B,GAC3CA,EAAA,UAAU,IAAI,mBAAmB,KACxCL,KAAY,kBACLK,EAAA,aAAa,SAAS,WAAW,GACjCA,EAAA,UAAU,IAAI,8BAA8B,GAC5CA,EAAA,UAAU,IAAI,mBAAmB,KACxCL,KAAY,UACLK,EAAA,aAAa,SAAS,iCAAiC,GACvDA,EAAA,UAAU,IAAI,qBAAqB,GACnCA,EAAA,UAAU,IAAI,gBAAgB,KACrCL,KAAY,YACLK,EAAA,aAAa,SAAS,gCAAgC,GACtDA,EAAA,UAAU,IAAI,oBAAoB,GAClCA,EAAA,UAAU,IAAI,gBAAgB,IAG5CJ,KAAa,WACCI,EAAA,UAAU,IAAI,qBAAqB;AAAA,EACpD,GACC,CAACP,CAAO,CAAC,GAEZF,EAAU,MAAM;AACd,UAAMS,IAAiBD,EAAkB;AAEzC,IAAIC,MAGDH,IACcG,EAAA,UAAU,OAAO,WAAW,IAE5BA,EAAA,UAAU,IAAI,WAAW;AAAA,EAC1C,GACC,CAACH,CAAc,CAAC;AAEnB,QAAMI,IAAoB,MAAM;AAC9B,IAAGL,KAAa,WACIE,EAAA,CAACD,MAAmB,CAACA,CAAc;AAAA,EAEzD;AAEA,SACGK,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,kBAAiB,SAASD,GACvC,UAAA;AAAA,IAAAE,gBAAAA,MAAC,OAAI,EAAA,WAAU,kBAAiB,IAAG,mBAChC,UACHT,GAAA;AAAA,IACAS,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKJ;AAAA,QACL,IAAG;AAAA,QACH,WAAU;AAAA;AAAA;AAAA;AAAA,QAKT,UAAAN;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}

package/dist/index12.js

@@ -1,7 +1,25 @@
-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 { j as r } from "./index24.js";
+import { Tag as l } from "./index8.js";
+import { Icon as m } from "./index5.js";
+const j = (i) => {
+  const { label: s = "", icon: e, tag: o = "", iconPosition: t = "right", onClick: n } = i, c = (a) => /* @__PURE__ */ r.jsx(m, { name: a });
+  return /* @__PURE__ */ r.jsxs(
+    "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: s, tag: o, icon: e, iconPosition: t }),
+      children: [
+        /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-1", children: [
+          t === "left" && e && c(e),
+          /* @__PURE__ */ r.jsx("span", { className: "text-[var(--color-gray-900)]", children: s }),
+          t === "right" && e && c(e)
+        ] }),
+        o && /* @__PURE__ */ r.jsx(l, { label: o })
+      ]
+    }
+  );
+};
 export {
-  d as MenuList
+  j as MenuItem
 };
 //# 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/MenuItem/index.tsx"],"sourcesContent":["import { 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":["jsxRuntimeExports","Tag","Icon","MenuItem","props","label","icon","tag","iconPosition","onClick","getIconJsx","jsx","jsxs"],"mappings":"AAca,SAAA,KAAAA,SAAA;AAAA,SAAA,OAAAC,SAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,MAAAC,IAA8B,CAACC,MAAU;AAC9C,QAAA,EAAE,OAAAC,IAAQ,IAAI,MAAAC,GAAM,KAAAC,IAAM,IAAI,cAAAC,IAAe,SAAS,SAAAC,EAAA,IAAYL,GAElEM,IAAa,CAACJ,MACXK,gBAAAA,EAAA,IAACT,GAAK,EAAA,MAAMI,EAAM,CAAA;AAIzB,SAAAM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,SAAS,MAAMH,KAAWA,EAAQ,EAAC,OAAAJ,GAAO,KAAAE,GAAK,MAAAD,GAAM,cAAAE,GAAa;AAAA,MAElE,UAAA;AAAA,QAACI,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,UAAiBJ,MAAA,UAAUF,KAAQI,EAAWJ,CAAI;AAAA,UAClDK,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,gCAAgC,UAAMN,GAAA;AAAA,UACrDG,MAAiB,WAAWF,KAAQI,EAAWJ,CAAI;AAAA,QAAA,GACtD;AAAA,QACCC,KAAOI,gBAAAA,EAAAA,IAACV,GAAI,EAAA,OAAOM,EAAK,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC3B;AAEJ;"}

package/dist/index13.js

@@ -1,59 +1,8 @@
-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;
-    }
-  }, [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 /* @__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) })
-          }
-        )
-      ]
-    }
-  );
-};
+import { j as m } from "./index24.js";
+import { createElement as t } from "react";
+import { MenuItem as s } from "./index12.js";
+const n = ({ items: r }) => /* @__PURE__ */ m.jsx("div", { className: "border border-[var(--color-gray-200)] rounded shadow-md px-1 py-2", children: r.map((e, o) => /* @__PURE__ */ t(s, { ...e, key: `item-${o}` })) });
 export {
-  x as Popup
+  n as MenuList
 };
 //# 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/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 px-1 py-2\">\n      {items.map((item, i) => (\n        <MenuItem {...item} key={`item-${i}`} />\n      ))}\n    </div>\n  );\n};\n"],"names":["jsxRuntimeExports","createElement","MenuItem","MenuList","items","item","i"],"mappings":"AAOO,SAAA,KAAAA,SAAA;AAAA,SAAA,iBAAAC,SAAA;AAAA,SAAA,YAAAC,SAAA;AAAA,MAAMC,IAA8B,CAAC,EAAE,OAAAC,8BAEzC,OAAI,EAAA,WAAU,qEACZ,UAAMA,EAAA,IAAI,CAACC,GAAMC,MACf,gBAAAL,EAAAC,GAAA,EAAU,GAAGG,GAAM,KAAK,QAAQC,CAAC,IAAI,CACvC,GACH;"}

package/dist/index14.js

@@ -1,15 +1,66 @@
-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 })
-] });
+import { j as i } from "./index24.js";
+import { forwardRef as P, useState as k, useRef as p, useEffect as w, useImperativeHandle as R } from "react";
+const L = P(({
+  className: r = "",
+  automationId: f = "",
+  position: u = "bottom-center",
+  popoverContentAutomationId: d = "",
+  contentWidth: m = "max",
+  renderPopoverContents: v,
+  renderPopoverSrcElement: b,
+  onPopoverToggle: n,
+  ...g
+}, y) => {
+  const [o, t] = k(!1), s = p(null), h = p(null);
+  w(() => {
+    if (n && n(o), o)
+      return document.body.addEventListener("click", a), () => document.body.removeEventListener("click", a);
+  }, [o]);
+  const a = (e) => {
+    const c = s.current;
+    if (!c) return;
+    const C = e.target;
+    c.contains(C) || t(!1);
+  }, l = () => {
+    t((e) => !e);
+  };
+  R(y, () => ({ togglePopup: l }), []);
+  const x = {
+    "bottom-left": { left: "0" },
+    "bottom-right": { right: "0" },
+    "bottom-center": { left: "50%", transform: "translateX(-50%)" }
+  };
+  return /* @__PURE__ */ i.jsxs(
+    "div",
+    {
+      className: "popover-wrapper cursor-pointer relative" + (r.length > 0 ? ` ${r}` : "") + (o ? " open" : ""),
+      ref: s,
+      onClick: l,
+      "data-automation-id": f,
+      ...g,
+      children: [
+        b({ displayPopover: o }),
+        o && /* @__PURE__ */ i.jsx(
+          "div",
+          {
+            className: `popover-content absolute shadow-md top-full border rounded-md z-[1000] ${m == "full" ? "w-full" : "w-max"}`,
+            style: {
+              borderColor: "var(--color-gray-200)",
+              color: "var(--color-gray-900)",
+              backgroundColor: "var(--color-white)",
+              ...x[u]
+            },
+            onClick: (e) => e.stopPropagation(),
+            ref: h,
+            "data-automation-id": d,
+            children: v({ closePopoverCb: () => t(!1) })
+          }
+        )
+      ]
+    }
+  );
+});
 export {
-  i as Header
+  L as Popover
 };
 //# 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/Popover/index.tsx"],"sourcesContent":["import { 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":["jsxRuntimeExports","forwardRef","useState","useRef","useEffect","useImperativeHandle","Popover","className","automationId","position","popoverContentAutomationId","contentWidth","renderPopoverContents","renderPopoverSrcElement","onPopoverToggle","props","ref","displayPopover","setDisplayPopover","srcElementRef","popoverContentRef","clickListener","event","currentDropRef","target","togglePopup","popoverContentStyle","jsxs","jsx"],"mappings":"AAkBa,SAAA,KAAAA,SAAA;AAAA,SAAA,cAAAC,GAAA,YAAAC,GAAA,UAAAC,GAAA,aAAAC,GAAA,uBAAAC,SAAA;AAAA,MAAAC,IAAUL,EAAwC,CAAC;AAAA,EAC9D,WAAAM,IAAY;AAAA,EACZ,cAAAC,IAAe;AAAA,EACf,UAAAC,IAAW;AAAA,EACX,4BAAAC,IAA6B;AAAA,EAC7B,cAAAC,IAAe;AAAA,EACf,uBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,GAAGC,MAAqC;AACtC,QAAM,CAACC,GAAgBC,CAAiB,IAAIhB,EAAS,EAAK,GACpDiB,IAAgBhB,EAAuB,IAAI,GAC3CiB,IAAoBjB,EAAuB,IAAI;AAErD,EAAAC,EAAU,MAAM;AAId,QAHGU,KACDA,EAAgBG,CAAc,GAE5BA;AACO,sBAAA,KAAK,iBAAiB,SAASI,CAAa,GAC9C,MAAM,SAAS,KAAK,oBAAoB,SAASA,CAAa;AAAA,EACvE,GACC,CAACJ,CAAc,CAAC;AAEb,QAAAI,IAAgB,CAACC,MAAsB;AAC3C,UAAMC,IAAiBJ,EAAc;AACrC,QAAI,CAACI,EAAgB;AAErB,UAAMC,IAASF,EAAM;AAGrB,IAFwBC,EAAe,SAASC,CAAM,KAGpDN,EAAkB,EAAK;AAAA,EAE3B,GAEMO,IAAc,MAAM;AACN,IAAAP,EAAA,CAACD,MAAmB,CAACA,CAAc;AAAA,EACvD;AAEA,EAAAZ,EAAoBW,GAAK,OAAO,EAAE,aAAAS,EAAY,IAAI,CAAA,CAAE;AAEpD,QAAMC,IAAuB;AAAA,IAC3B,eAAe,EAAC,MAAM,IAAG;AAAA,IACzB,gBAAgB,EAAC,OAAO,IAAG;AAAA,IAC3B,iBAAiB,EAAC,MAAM,OAAO,WAAW,mBAAkB;AAAA,EAC9D;AAGE,SAAAC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,6CAA6CpB,EAAU,SAAS,IAAI,IAAIA,CAAS,KAAK,OAAOU,IAAiB,UAAU;AAAA,MACnI,KAAKE;AAAA,MACL,SAASM;AAAA,MACT,sBAAoBjB;AAAA,MACnB,GAAGO;AAAA,MAEH,UAAA;AAAA,QAAwBF,EAAA,EAAE,gBAAAI,GAAgB;AAAA,QAC1CA,KACCW,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,0EAA0EjB,KAAgB,SAAS,WAAW,OAAO;AAAA,YAChI,OAAO;AAAA,cACL,aAAa;AAAA,cACb,OAAO;AAAA,cACP,iBAAiB;AAAA,cACjB,GAAGe,EAAoBjB,CAAQ;AAAA,YACjC;AAAA,YACA,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,YAClC,KAAKW;AAAA,YACL,sBAAoBV;AAAA,YAEnB,YAAsB,EAAE,gBAAgB,MAAMQ,EAAkB,EAAK,EAAG,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAC3E;AAAA,IAAA;AAAA,EAEJ;AAEJ,CAAC;"}

package/dist/index15.js

@@ -1,37 +1,15 @@
-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,
-    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
-    )) })
-  }
-);
+import { j as e } from "./index24.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 })
+] });
 export {
-  u as HamburgerMenu
+  i as Header
 };
 //# 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/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;AAAA,GACvC;"}

package/dist/index16.js

@@ -1,36 +1,41 @@
-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
+import { j as e } from "./index24.js";
+import { createElement as m } from "react";
+import { Popover as h } from "./index14.js";
+import { MenuItem as l } from "./index12.js";
+const j = ({
+  menuItems: n,
+  className: i = "",
+  automationId: s = "",
+  popoverContentAutomationId: d = "",
+  onMenuItemClick: t
 }) => {
-  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",
+  const a = (o, r) => {
+    t && t(o), r();
+  };
+  return /* @__PURE__ */ e.jsx(
+    h,
     {
-      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 }) })
-      ]
+      className: i,
+      position: "bottom-left",
+      automationId: s,
+      popoverContentAutomationId: d,
+      renderPopoverSrcElement: ({ displayPopover: o }) => /* @__PURE__ */ e.jsx("div", { className: `${o ? "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" })
+      ] }) }),
+      renderPopoverContents: ({ closePopoverCb: o }) => /* @__PURE__ */ e.jsx("div", { className: "min-w-[212px]", children: n.map((r, p) => /* @__PURE__ */ m(
+        l,
+        {
+          ...r,
+          key: `item-${p}`,
+          onClick: () => a(r, o)
+        }
+      )) })
     }
-  ) });
+  );
 };
 export {
-  m as TableLayout
+  j as HamburgerMenu
 };
 //# 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/HamburgerMenu/index.tsx"],"sourcesContent":["import { 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","jsx","Popover","displayPopover","jsxs","index","createElement","MenuItem"],"mappings":";;;;AAaO,MAAMA,IAAwC,CAAC;AAAA,EACpD,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,cAAAC,IAAe;AAAA,EACf,4BAAAC,IAA6B;AAAA,EAC7B,iBAAAC;AACF,MAAM;AACE,QAAAC,IAAsB,CAACC,GAAqBC,MAA+B;AAC/E,IAAGH,KACDA,EAAgBE,CAAI,GAEPC,EAAA;AAAA,EACjB;AAEE,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAR;AAAA,MACA,UAAS;AAAA,MACT,cAAAC;AAAA,MACA,4BAAAC;AAAA,MACA,yBAAyB,CAAC,EAAE,gBAAAO,8BACzB,OAAI,EAAA,WAAW,GAAGA,IAAiB,0BAA0B,EAAE,0EAC5D,UAACC,gBAAAA,EAAA,KAAA,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAC9D,UAAA;AAAA,QAACH,gBAAAA,EAAAA,IAAA,QAAA,EAAK,GAAE,cAAa,QAAO,SAAQ,aAAY,OAAM,eAAc,SAAQ,gBAAe,QAAO,CAAA;AAAA,QAClGA,gBAAAA,EAAAA,IAAC,QAAK,EAAA,GAAE,YAAW,QAAO,SAAQ,aAAY,OAAM,eAAc,SAAQ,gBAAe,QAAO,CAAA;AAAA,QAChGA,gBAAAA,EAAAA,IAAC,QAAK,EAAA,GAAE,eAAc,QAAO,SAAQ,aAAY,OAAM,eAAc,SAAQ,gBAAe,QAAO,CAAA;AAAA,MAAA,EAAA,CACvG,EACJ,CAAA;AAAA,MAEF,uBAAuB,CAAC,EAAE,gBAAAD,EACxB,MAAAC,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,iBACZ,UAAAR,EAAU,IAAI,CAACM,GAAMM,MACpB,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UAAU,GAAGR;AAAA,UAAM,KAAK,QAAQM,CAAK;AAAA,UACpC,SAAS,MAAMP,EAAoBC,GAAMC,CAAc;AAAA,QAAA;AAAA,MAAA,CAE1D,EACH,CAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index17.js

@@ -1,13 +1,37 @@
-import { j as i } from "./index18.js";
-import { useState as l } from "react";
-const x = ({ className: r = "", automationId: c = "", defaultChecked: a = !1, onChange: o }) => {
-  const [e, s] = l(a), n = () => {
-    const t = !e;
-    s(t), o && o(t);
-  }, d = e ? "text-[var(--color-blue-500)]" : "text-[var(--color-white)]";
-  return /* @__PURE__ */ i.jsx("input", { type: "checkbox", className: `${r} w-4 h-4 ${d} hover:text-[var(--color-blue-600)] border-[var(--color-gray-500)] rounded-md focus:ring-transparent cursor-pointer`, "data-automation-id": c, checked: e, onChange: n });
+import { j as e } from "./index24.js";
+import { useRef as d, useEffect as p } from "react";
+import { TableContentLoader as j } from "./index22.js";
+const w = ({
+  className: t = "",
+  automationId: n = "",
+  loading: l,
+  headerColSpan: i = [],
+  headerData: o,
+  tableData: s,
+  renderTableContentLoader: m,
+  getTableHeaders: b,
+  getTableBody: c,
+  onSortUiUpdate: f,
+  onRowClick: u,
+  ...x
+}) => {
+  const r = d(null);
+  return p(() => {
+    r.current && console.log("Table initialized!");
+  }, []), /* @__PURE__ */ e.jsx("div", { className: "table-layout-wrapper" + (t.length > 0 ? ` ${t}` : ""), ...x, children: /* @__PURE__ */ e.jsxs(
+    "table",
+    {
+      className: "se-table w-full bg-[var(--color-white)] border-collapse table-fixed" + (t ? ` ${t}` : ""),
+      ref: r,
+      "data-automation-id": n,
+      children: [
+        /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsx("tr", { children: b({ headerData: o, sortData: {}, onSortUiUpdate: f, loading: l }) }) }),
+        /* @__PURE__ */ e.jsx("tbody", { children: l ? /* @__PURE__ */ e.jsx(j, { noOfColumns: o == null ? void 0 : o.length, colSpan: i }) : c({ tableData: s, onRowClick: u, loading: l }) })
+      ]
+    }
+  ) });
 };
 export {
-  x as Checkbox
+  w as TableLayout
 };
 //# sourceMappingURL=index17.js.map

package/dist/index17.js.map

@@ -1 +1 @@
-{"version":3,"file":"index17.js","sources":["../src/components/Checkbox/index.tsx"],"sourcesContent":["import { FC, useState } from 'react';\n\nexport interface CheckboxProps {\n  className?: string;\n  automationId?: string;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n}\n\nexport const Checkbox: FC<CheckboxProps> = ({ className = '', automationId = '', defaultChecked = false, onChange }) => {\n    const [isChecked, setIsChecked] = useState(defaultChecked);\n\n    const handleClick = () => {\n        const newCheckedState = !isChecked;\n        setIsChecked(newCheckedState);\n        if(onChange) {\n            onChange(newCheckedState);\n        }\n    }\n    const backgroundColor = isChecked ? 'text-[var(--color-blue-500)]' : 'text-[var(--color-white)]';\n    \n  return <input type=\"checkbox\" className={`${className} w-4 h-4 ${backgroundColor} hover:text-[var(--color-blue-600)] border-[var(--color-gray-500)] rounded-md focus:ring-transparent cursor-pointer`} data-automation-id={automationId} checked={isChecked} onChange={handleClick} />;\n};\n"],"names":["jsxRuntimeExports","useState","Checkbox","className","automationId","defaultChecked","onChange","isChecked","setIsChecked","handleClick","newCheckedState","backgroundColor","jsx"],"mappings":"AASa,SAAA,KAAAA,SAAA;AAAA,SAAA,YAAAC,SAAA;AAAA,MAAAC,IAA8B,CAAC,EAAE,WAAAC,IAAY,IAAI,cAAAC,IAAe,IAAI,gBAAAC,IAAiB,IAAO,UAAAC,QAAe;AACpH,QAAM,CAACC,GAAWC,CAAY,IAAIP,EAASI,CAAc,GAEnDI,IAAc,MAAM;AACtB,UAAMC,IAAkB,CAACH;AACzB,IAAAC,EAAaE,CAAe,GACzBJ,KACCA,EAASI,CAAe;AAAA,EAC5B,GAEEC,IAAkBJ,IAAY,iCAAiC;AAEvE,SAAQK,gBAAAA,EAAA,IAAA,SAAA,EAAM,MAAK,YAAW,WAAW,GAAGT,CAAS,YAAYQ,CAAe,uHAAuH,sBAAoBP,GAAc,SAASG,GAAW,UAAUE,EAAa,CAAA;AACtR;"}
+{"version":3,"file":"index17.js","sources":["../src/components/TableLayout/index.tsx"],"sourcesContent":["import { 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","className","automationId","loading","headerColSpan","headerData","tableData","renderTableContentLoader","getTableHeaders","getTableBody","onSortUiUpdate","onRowClick","props","tableRef","useRef","useEffect","jsx","jsxs","TableContentLoader"],"mappings":";;;AAiBO,MAAMA,IAAoC,CAAC;AAAA,EAChD,WAAAC,IAAY;AAAA,EACZ,cAAAC,IAAe;AAAA,EACf,SAAAC;AAAA,EACA,eAAAC,IAAgB,CAAC;AAAA,EACjB,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,EAAE,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,IAAI,gBAAAK,GAAgB,SAAAP,EAAS,CAAA,EACxE,CAAA,GACF;AAAA,8BACC,SACE,EAAA,UAAAA,IACEa,gBAAAA,EAAAA,IAAAE,GAAA,EAAmB,aAAab,KAAA,gBAAAA,EAAY,QAAQ,SAASD,EAAe,CAAA,IAE7EK,EAAa,EAAE,WAAAH,GAAW,YAAAK,GAAY,SAAAR,EAAA,CAAS,EAEnD,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index18.js

@@ -1,9 +1,13 @@
-import { __module as e } from "./index21.js";
-import { __require as r } from "./index22.js";
-import { __require as o } from "./index23.js";
-process.env.NODE_ENV === "production" ? e.exports = r() : e.exports = o();
-var m = e.exports;
+import { j as d } from "./index24.js";
+import { useState as h } from "react";
+const v = ({ className: a = "", automationId: c = "", defaultChecked: s = !1, disabled: r = !1, onChange: e }) => {
+  const [o, l] = h(s), n = () => {
+    const t = !o;
+    l(t), e && e(t);
+  }, u = r ? "bg-[var(--color-gray-600)] text-[var(--color-gray-600)] hover:text-[var(--color-gray-600)] bg-[var(--color-gray-600)] cursor-not-allowed" : o ? "text-[var(--color-blue-500)]" : "text-[var(--color-white)]";
+  return /* @__PURE__ */ d.jsx("input", { type: "checkbox", className: `${a} block w-4 h-4 ${u} hover:text-[var(--color-blue-600)] border-[var(--color-gray-500)] rounded-md focus:ring-transparent cursor-pointer`, "data-automation-id": c, checked: o, onChange: n, disabled: r });
+};
 export {
-  m as j
+  v as Checkbox
 };
 //# sourceMappingURL=index18.js.map

package/dist/index18.js.map

@@ -1 +1 @@
-{"version":3,"file":"index18.js","sources":["../node_modules/react/jsx-runtime.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.min.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n"],"names":["jsxRuntime","requireReactJsxRuntime_production_min","requireReactJsxRuntime_development","jsxRuntimeModule","require$$0","require$$1"],"mappings":"AAEA,SAAA,YAAAA,SAAA;AAAA,SAAA,aAAAC,SAAA;AAAA,SAAA,aAAAC,SAAA;AAAI,QAAQ,IAAI,aAAa,eAC3BC,EAAA,UAAiBC,MAEjBD,EAAA,UAAiBE;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index18.js","sources":["../src/components/Checkbox/index.tsx"],"sourcesContent":["import { FC, useState } from 'react';\n\nexport interface CheckboxProps {\n  className?: string;\n  automationId?: string;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n}\n\nexport const Checkbox: FC<CheckboxProps> = ({ className = '', automationId = '', defaultChecked = false, disabled = false, onChange }) => {\n    const [isChecked, setIsChecked] = useState(defaultChecked);\n\n    const handleClick = () => {\n        const newCheckedState = !isChecked;\n        setIsChecked(newCheckedState);\n        if(onChange) {\n            onChange(newCheckedState);\n        }\n    }\n    const backgroundColor = disabled ? 'bg-[var(--color-gray-600)] text-[var(--color-gray-600)] hover:text-[var(--color-gray-600)] bg-[var(--color-gray-600)] cursor-not-allowed' : isChecked ? 'text-[var(--color-blue-500)]' : 'text-[var(--color-white)]';\n    \n  return <input type=\"checkbox\" className={`${className} block w-4 h-4 ${backgroundColor} hover:text-[var(--color-blue-600)] border-[var(--color-gray-500)] rounded-md focus:ring-transparent cursor-pointer`} data-automation-id={automationId} checked={isChecked} onChange={handleClick} disabled={disabled} />;\n};\n"],"names":["Checkbox","className","automationId","defaultChecked","disabled","onChange","isChecked","setIsChecked","useState","handleClick","newCheckedState","backgroundColor"],"mappings":";;AAUO,MAAMA,IAA8B,CAAC,EAAE,WAAAC,IAAY,IAAI,cAAAC,IAAe,IAAI,gBAAAC,IAAiB,IAAO,UAAAC,IAAW,IAAO,UAAAC,EAAA,MAAe;AACtI,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAASL,CAAc,GAEnDM,IAAc,MAAM;AACtB,UAAMC,IAAkB,CAACJ;AACzB,IAAAC,EAAaG,CAAe,GACzBL,KACCA,EAASK,CAAe;AAAA,EAEhC,GACMC,IAAkBP,IAAW,6IAA6IE,IAAY,iCAAiC;AAE/N,+BAAQ,SAAM,EAAA,MAAK,YAAW,WAAW,GAAGL,CAAS,kBAAkBU,CAAe,uHAAuH,sBAAoBT,GAAc,SAASI,GAAW,UAAUG,GAAa,UAAAL,GAAoB;AAChT;"}