se-design 0.0.112 → 0.0.114

package/dist/index156.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index156.js","sources":["../node_modules/prop-types/checkPropTypes.js"],"sourcesContent":["/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar printWarning = function() {};\n\nif (process.env.NODE_ENV !== 'production') {\n  var ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');\n  var loggedTypeFailures = {};\n  var has = require('./lib/has');\n\n  printWarning = function(text) {\n    var message = 'Warning: ' + text;\n    if (typeof console !== 'undefined') {\n      console.error(message);\n    }\n    try {\n      // --- Welcome to debugging React ---\n      // This error was thrown as a convenience so that you can use this stack\n      // to find the callsite that caused this warning to fire.\n      throw new Error(message);\n    } catch (x) { /**/ }\n  };\n}\n\n/**\n * Assert that the values match with the type specs.\n * Error messages are memorized and will only be shown once.\n *\n * @param {object} typeSpecs Map of name to a ReactPropType\n * @param {object} values Runtime values that need to be type-checked\n * @param {string} location e.g. \"prop\", \"context\", \"child context\"\n * @param {string} componentName Name of the component for error messages.\n * @param {?Function} getStack Returns the component stack.\n * @private\n */\nfunction checkPropTypes(typeSpecs, values, location, componentName, getStack) {\n  if (process.env.NODE_ENV !== 'production') {\n    for (var typeSpecName in typeSpecs) {\n      if (has(typeSpecs, typeSpecName)) {\n        var error;\n        // Prop type validation may throw. In case they do, we don't want to\n        // fail the render phase where it didn't fail before. So we log it.\n        // After these have been cleaned up, we'll let them throw.\n        try {\n          // This is intentionally an invariant that gets caught. It's the same\n          // behavior as without this statement except with a better message.\n          if (typeof typeSpecs[typeSpecName] !== 'function') {\n            var err = Error(\n              (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +\n              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' +\n              'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.'\n            );\n            err.name = 'Invariant Violation';\n            throw err;\n          }\n          error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);\n        } catch (ex) {\n          error = ex;\n        }\n        if (error && !(error instanceof Error)) {\n          printWarning(\n            (componentName || 'React class') + ': type specification of ' +\n            location + ' `' + typeSpecName + '` is invalid; the type checker ' +\n            'function must return `null` or an `Error` but returned a ' + typeof error + '. ' +\n            'You may have forgotten to pass an argument to the type checker ' +\n            'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' +\n            'shape all require an argument).'\n          );\n        }\n        if (error instanceof Error && !(error.message in loggedTypeFailures)) {\n          // Only monitor this failure once because there tends to be a lot of the\n          // same error.\n          loggedTypeFailures[error.message] = true;\n\n          var stack = getStack ? getStack() : '';\n\n          printWarning(\n            'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '')\n          );\n        }\n      }\n    }\n  }\n}\n\n/**\n * Resets warning cache when testing.\n *\n * @private\n */\ncheckPropTypes.resetWarningCache = function() {\n  if (process.env.NODE_ENV !== 'production') {\n    loggedTypeFailures = {};\n  }\n}\n\nmodule.exports = checkPropTypes;\n"],"names":["printWarning","ReactPropTypesSecret","require$$0","loggedTypeFailures","has","require$$1","text","message","x","checkPropTypes","typeSpecs","values","location","componentName","getStack","typeSpecName","error","err","ex","stack","checkPropTypes_1"],"mappings":";;;;;;AASA,MAAIA,IAAe,WAAW;AAAA,EAAE;AAEhC,MAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,QAAIC,IAAuBC,EAAqC,GAC5DC,IAAqB,CAAE,GACvBC,IAAMC,EAAoB;AAE9B,IAAAL,IAAe,SAASM,GAAM;AAC5B,UAAIC,IAAU,cAAcD;AAC5B,MAAI,OAAO,WAAY,eACrB,QAAQ,MAAMC,CAAO;AAEvB,UAAI;AAIF,cAAM,IAAI,MAAMA,CAAO;AAAA,MACxB,SAAQC,GAAG;AAAA,MAAA;AAAA,IACb;AAAA;AAcH,WAASC,EAAeC,GAAWC,GAAQC,GAAUC,GAAeC,GAAU;AAC5E,QAAI,QAAQ,IAAI,aAAa;AAC3B,eAASC,KAAgBL;AACvB,YAAIN,EAAIM,GAAWK,CAAY,GAAG;AAChC,cAAIC;AAIJ,cAAI;AAGF,gBAAI,OAAON,EAAUK,CAAY,KAAM,YAAY;AACjD,kBAAIE,IAAM;AAAA,iBACPJ,KAAiB,iBAAiB,OAAOD,IAAW,YAAYG,IAAe,+FACC,OAAOL,EAAUK,CAAY,IAAI;AAAA,cAEnH;AACD,oBAAAE,EAAI,OAAO,uBACLA;AAAA;AAER,YAAAD,IAAQN,EAAUK,CAAY,EAAEJ,GAAQI,GAAcF,GAAeD,GAAU,MAAMX,CAAoB;AAAA,UAC1G,SAAQiB,GAAI;AACX,YAAAF,IAAQE;AAAA;AAYV,cAVIF,KAAS,EAAEA,aAAiB,UAC9BhB;AAAA,aACGa,KAAiB,iBAAiB,6BACnCD,IAAW,OAAOG,IAAe,6FAC6B,OAAOC,IAAQ;AAAA,UAI9E,GAECA,aAAiB,SAAS,EAAEA,EAAM,WAAWb,IAAqB;AAGpE,YAAAA,EAAmBa,EAAM,OAAO,IAAI;AAEpC,gBAAIG,IAAQL,IAAWA,EAAQ,IAAK;AAEpC,YAAAd;AAAA,cACE,YAAYY,IAAW,YAAYI,EAAM,WAAWG,KAAS,OAAOA,IAAQ;AAAA,YAC7E;AAAA;;;;AAYX,SAAAV,EAAe,oBAAoB,WAAW;AAC5C,IAAI,QAAQ,IAAI,aAAa,iBAC3BN,IAAqB,CAAE;AAAA,KAI3BiB,IAAiBX;;","x_google_ignoreList":[0]}

package/dist/index157.js

@@ -0,0 +1,5 @@
+var r = {};
+export {
+  r as __exports
+};
+//# sourceMappingURL=index157.js.map

package/dist/index157.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index157.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index158.js

@@ -0,0 +1,5 @@
+var e = {};
+export {
+  e as __exports
+};
+//# sourceMappingURL=index158.js.map

package/dist/index158.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index158.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index16.js

@@ -1,129 +1,22 @@
-var I = Object.defineProperty;
-var i = Object.getOwnPropertySymbols;
-var w = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
-var h = (e, o, t) => o in e ? I(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, C = (e, o) => {
-  for (var t in o || (o = {}))
-    w.call(o, t) && h(e, t, o[t]);
-  if (i)
-    for (var t of i(o))
-      y.call(o, t) && h(e, t, o[t]);
-  return e;
-};
-var P = (e, o) => {
-  var t = {};
-  for (var r in e)
-    w.call(e, r) && o.indexOf(r) < 0 && (t[r] = e[r]);
-  if (e != null && i)
-    for (var r of i(e))
-      o.indexOf(r) < 0 && y.call(e, r) && (t[r] = e[r]);
-  return t;
-};
-import k, { forwardRef as N, useState as E, useRef as x, useEffect as R, useImperativeHandle as q } from "react";
-function u() {
-  return u = 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]);
+import o from "react";
+import { MenuItem as s } from "./index15.js";
+function a() {
+  return a = Object.assign ? Object.assign.bind() : function(n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var r = arguments[e];
+      for (var t in r) ({}).hasOwnProperty.call(r, t) && (n[t] = r[t]);
     }
-    return e;
-  }, u.apply(null, arguments);
+    return n;
+  }, a.apply(null, arguments);
 }
-const K = /* @__PURE__ */ N((A, D) => {
-  var m = A, {
-    className: e = "",
-    automationId: o = "",
-    position: t = "bottom-center",
-    popoverContentAutomationId: r = "",
-    contentWidth: S = "max",
-    renderPopoverContents: H,
-    renderPopoverSrcElement: L,
-    onPopoverToggle: d,
-    isPopoverOpen: a,
-    disabled: _ = !1
-  } = m, j = P(m, [
-    "className",
-    "automationId",
-    "position",
-    "popoverContentAutomationId",
-    "contentWidth",
-    "renderPopoverContents",
-    "renderPopoverSrcElement",
-    "onPopoverToggle",
-    "isPopoverOpen",
-    "disabled"
-  ]);
-  const [l, c] = E(!1), [X, g] = E(t), p = x(null), f = x(null);
-  R(() => {
-    if (d && d(l), l)
-      return document.body.addEventListener("click", b), $(), () => document.body.removeEventListener("click", b);
-  }, [l]), R(() => {
-    c(a != null ? a : !1);
-  }, [a]);
-  const $ = () => {
-    if (!f.current) return;
-    const n = f.current.getBoundingClientRect(), s = window.innerHeight;
-    (n == null ? void 0 : n.bottom) > s ? g(t.includes("left") ? "top-left" : t.includes("right") ? "top-right" : "top-center") : (n == null ? void 0 : n.top) < 0 && g(t.includes("left") ? "bottom-left" : t.includes("right") ? "bottom-right" : "bottom-center");
-  }, b = (n) => {
-    const s = p.current;
-    if (!s) return;
-    const B = n.target;
-    s.contains(B) || c(!1);
-  }, v = () => {
-    c((n) => !n);
-  };
-  q(D, () => ({
-    togglePopover: v
-  }), []);
-  const z = {
-    "bottom-left": {
-      left: "0",
-      top: "100%"
-    },
-    "bottom-right": {
-      right: "0",
-      top: "100%"
-    },
-    "bottom-center": {
-      left: "50%",
-      transform: "translateX(-50%)",
-      top: "100%"
-    },
-    "top-left": {
-      left: "0",
-      bottom: "100%"
-    },
-    "top-right": {
-      right: "0",
-      bottom: "100%"
-    },
-    "top-center": {
-      left: "50%",
-      transform: "translateX(-50%)",
-      bottom: "100%"
-    }
-  };
-  return /* @__PURE__ */ k.createElement("div", u({
-    className: "se-design-popover-wrapper cursor-pointer relative" + (e.length > 0 ? ` ${e}` : "") + (l ? " open" : "") + (_ ? " opacity-50 cursor-not-allowed pointer-events-none" : ""),
-    ref: p,
-    onClick: v,
-    "data-automation-id": o
-  }, j), L({
-    displayPopover: l
-  }), l && /* @__PURE__ */ k.createElement("div", {
-    className: `popover-content absolute shadow-md border rounded-md z-[1000] ${S == "full" ? "w-full" : "w-max"}`,
-    style: C({
-      borderColor: "var(--color-gray-200)",
-      color: "var(--color-gray-900)",
-      backgroundColor: "var(--color-white)"
-    }, z[X]),
-    onClick: (n) => n.stopPropagation(),
-    ref: f,
-    "data-automation-id": r
-  }, H({
-    closePopoverCb: () => c(!1)
-  })));
-});
+const i = ({
+  items: n
+}) => /* @__PURE__ */ o.createElement("div", {
+  className: "se-design-menu-list border border-[var(--color-gray-200)] rounded shadow-md px-1 py-2"
+}, n.map((e, r) => /* @__PURE__ */ o.createElement(s, a({}, e, {
+  key: `item-${r}`
+}))));
 export {
-  K as Popover
+  i as MenuList
 };
 //# sourceMappingURL=index16.js.map

package/dist/index16.js.map

@@ -1 +1 @@
-{"version":3,"file":"index16.js","sources":["../src/components/Popover/index.tsx"],"sourcesContent":["import React, { useState, useRef, ReactNode, useEffect, forwardRef, ForwardedRef, useImperativeHandle } from 'react';\n\nexport interface PopoverHandle {\n  togglePopover: () => 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' | 'top-center' | 'top-left' | 'top-right';\n  onPopoverToggle?: (displayPopover: boolean) => void;\n  contentWidth?: 'full' | 'max';\n  isPopoverOpen?: boolean;\n  disabled?: boolean;\n}\n\nexport const Popover = forwardRef<PopoverHandle, PopoverProps>(\n  (\n    {\n      className = '',\n      automationId = '',\n      position = 'bottom-center',\n      popoverContentAutomationId = '',\n      contentWidth = 'max',\n      renderPopoverContents,\n      renderPopoverSrcElement,\n      onPopoverToggle,\n      isPopoverOpen,\n      disabled = false,\n      ...props\n    },\n    ref: ForwardedRef<PopoverHandle>\n  ) => {\n    const [displayPopover, setDisplayPopover] = useState(false);\n    const [popoverPosition, setPopoverPosition] = useState(position);\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        checkPopoverPosition();\n        return () => document.body.removeEventListener('click', clickListener);\n      }\n    }, [displayPopover]);\n\n    useEffect(() => {\n      setDisplayPopover(isPopoverOpen ?? false);\n    }, [isPopoverOpen]);\n\n    //Function to check popover position\n    const checkPopoverPosition = () => {\n      if (!popoverContentRef.current) return;\n\n      const popoverRect = popoverContentRef.current.getBoundingClientRect();\n      const viewportHeight = window.innerHeight;\n\n      if (popoverRect?.bottom > viewportHeight) {\n        setPopoverPosition(\n          position.includes('left') ? 'top-left' : position.includes('right') ? 'top-right' : 'top-center'\n        );\n      } else if (popoverRect?.top < 0) {\n        // If popover extends beyond top of viewport, switch to bottom position\n        setPopoverPosition(\n          position.includes('left') ? 'bottom-left' : position.includes('right') ? 'bottom-right' : 'bottom-center'\n        );\n      }\n    };\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 togglePopover = () => {\n      setDisplayPopover((displayPopover) => !displayPopover);\n    };\n\n    useImperativeHandle(ref, () => ({ togglePopover }), []);\n\n    const popoverContentStyle = {\n      'bottom-left': { left: '0', top: '100%' },\n      'bottom-right': { right: '0', top: '100%' },\n      'bottom-center': { left: '50%', transform: 'translateX(-50%)', top: '100%' },\n      'top-left': { left: '0', bottom: '100%' },\n      'top-right': { right: '0', bottom: '100%' },\n      'top-center': { left: '50%', transform: 'translateX(-50%)', bottom: '100%' }\n    };\n\n    return (\n      <div\n        className={\n          'se-design-popover-wrapper cursor-pointer relative' +\n          (className.length > 0 ? ` ${className}` : '') +\n          (displayPopover ? ' open' : '') +\n          (disabled ? ' opacity-50 cursor-not-allowed pointer-events-none' : '')\n        }\n        ref={srcElementRef}\n        onClick={togglePopover}\n        data-automation-id={automationId}\n        {...props}\n      >\n        {renderPopoverSrcElement({ displayPopover })}\n\n        {displayPopover && (\n          <div\n            className={`popover-content absolute shadow-md 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[popoverPosition]\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);\n"],"names":["Popover","_a","ref","_b","className","automationId","position","popoverContentAutomationId","contentWidth","renderPopoverContents","renderPopoverSrcElement","onPopoverToggle","isPopoverOpen","disabled","props","displayPopover","setDisplayPopover","useState","popoverPosition","setPopoverPosition","srcElementRef","useRef","popoverContentRef","useEffect","body","addEventListener","clickListener","checkPopoverPosition","document","removeEventListener","current","popoverRect","getBoundingClientRect","viewportHeight","window","innerHeight","bottom","includes","top","event","currentDropRef","target","contains","togglePopover","useImperativeHandle","popoverContentStyle","left","right","transform","React","createElement","_extends","length","onClick","style","__spreadValues","borderColor","color","backgroundColor","e","stopPropagation","closePopoverCb"],"mappings":"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"}
+{"version":3,"file":"index16.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=\"se-design-menu-list 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/index17.js

@@ -1,32 +1,129 @@
-var c = Object.getOwnPropertySymbols;
-var f = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable;
-var d = (t, m) => {
-  var a = {};
-  for (var e in t)
-    f.call(t, e) && m.indexOf(e) < 0 && (a[e] = t[e]);
-  if (t != null && c)
-    for (var e of c(t))
-      m.indexOf(e) < 0 && u.call(t, e) && (a[e] = t[e]);
-  return a;
+var I = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var w = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
+var h = (e, o, t) => o in e ? I(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, C = (e, o) => {
+  for (var t in o || (o = {}))
+    w.call(o, t) && h(e, t, o[t]);
+  if (i)
+    for (var t of i(o))
+      y.call(o, t) && h(e, t, o[t]);
+  return e;
 };
-import l from "react";
-const s = (g) => {
-  var n = g, {
-    leftContainer: t,
-    centerContainer: m,
-    rightContainer: a,
-    className: e
-  } = n, r = d(n, [
-    "leftContainer",
-    "centerContainer",
-    "rightContainer",
-    "className"
-  ]);
-  return /* @__PURE__ */ l.createElement("header", {
-    className: `se-design-header ${e} sticky top-0 h-[40px] w-full z-[1000] bg-gradient-to-r from-[#3A91DA] to-[#2A5092] flex justify-between items-center ${(r == null ? void 0 : r.type) === "fixed" ? "fixed left-0 right-0 top-0" : ""}`
-  }, t && /* @__PURE__ */ l.createElement(l.Fragment, null, t), m && /* @__PURE__ */ l.createElement(l.Fragment, null, m), a && /* @__PURE__ */ l.createElement(l.Fragment, null, a));
+var P = (e, o) => {
+  var t = {};
+  for (var r in e)
+    w.call(e, r) && o.indexOf(r) < 0 && (t[r] = e[r]);
+  if (e != null && i)
+    for (var r of i(e))
+      o.indexOf(r) < 0 && y.call(e, r) && (t[r] = e[r]);
+  return t;
 };
+import k, { forwardRef as N, useState as E, useRef as x, useEffect as R, useImperativeHandle as q } from "react";
+function u() {
+  return u = 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]);
+    }
+    return e;
+  }, u.apply(null, arguments);
+}
+const K = /* @__PURE__ */ N((A, D) => {
+  var m = A, {
+    className: e = "",
+    automationId: o = "",
+    position: t = "bottom-center",
+    popoverContentAutomationId: r = "",
+    contentWidth: S = "max",
+    renderPopoverContents: H,
+    renderPopoverSrcElement: L,
+    onPopoverToggle: d,
+    isPopoverOpen: a,
+    disabled: _ = !1
+  } = m, j = P(m, [
+    "className",
+    "automationId",
+    "position",
+    "popoverContentAutomationId",
+    "contentWidth",
+    "renderPopoverContents",
+    "renderPopoverSrcElement",
+    "onPopoverToggle",
+    "isPopoverOpen",
+    "disabled"
+  ]);
+  const [l, c] = E(!1), [X, g] = E(t), p = x(null), f = x(null);
+  R(() => {
+    if (d && d(l), l)
+      return document.body.addEventListener("click", b), $(), () => document.body.removeEventListener("click", b);
+  }, [l]), R(() => {
+    c(a != null ? a : !1);
+  }, [a]);
+  const $ = () => {
+    if (!f.current) return;
+    const n = f.current.getBoundingClientRect(), s = window.innerHeight;
+    (n == null ? void 0 : n.bottom) > s ? g(t.includes("left") ? "top-left" : t.includes("right") ? "top-right" : "top-center") : (n == null ? void 0 : n.top) < 0 && g(t.includes("left") ? "bottom-left" : t.includes("right") ? "bottom-right" : "bottom-center");
+  }, b = (n) => {
+    const s = p.current;
+    if (!s) return;
+    const B = n.target;
+    s.contains(B) || c(!1);
+  }, v = () => {
+    c((n) => !n);
+  };
+  q(D, () => ({
+    togglePopover: v
+  }), []);
+  const z = {
+    "bottom-left": {
+      left: "0",
+      top: "100%"
+    },
+    "bottom-right": {
+      right: "0",
+      top: "100%"
+    },
+    "bottom-center": {
+      left: "50%",
+      transform: "translateX(-50%)",
+      top: "100%"
+    },
+    "top-left": {
+      left: "0",
+      bottom: "100%"
+    },
+    "top-right": {
+      right: "0",
+      bottom: "100%"
+    },
+    "top-center": {
+      left: "50%",
+      transform: "translateX(-50%)",
+      bottom: "100%"
+    }
+  };
+  return /* @__PURE__ */ k.createElement("div", u({
+    className: "se-design-popover-wrapper cursor-pointer relative" + (e.length > 0 ? ` ${e}` : "") + (l ? " open" : "") + (_ ? " opacity-50 cursor-not-allowed pointer-events-none" : ""),
+    ref: p,
+    onClick: v,
+    "data-automation-id": o
+  }, j), L({
+    displayPopover: l
+  }), l && /* @__PURE__ */ k.createElement("div", {
+    className: `popover-content absolute shadow-md border rounded-md z-[1000] ${S == "full" ? "w-full" : "w-max"}`,
+    style: C({
+      borderColor: "var(--color-gray-200)",
+      color: "var(--color-gray-900)",
+      backgroundColor: "var(--color-white)"
+    }, z[X]),
+    onClick: (n) => n.stopPropagation(),
+    ref: f,
+    "data-automation-id": r
+  }, H({
+    closePopoverCb: () => c(!1)
+  })));
+});
 export {
-  s as Header
+  K as Popover
 };
 //# sourceMappingURL=index17.js.map

package/dist/index17.js.map

@@ -1 +1 @@
-{"version":3,"file":"index17.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  className?: string;\n}\n\nexport const Header: FC<HeaderProps> = ({\n  leftContainer,\n  centerContainer,\n  rightContainer,\n  className,\n  ...props\n}) => {\n  return (\n    <header className={`se-design-header ${className} sticky top-0 h-[40px] w-full z-[1000] bg-gradient-to-r from-[#3A91DA] to-[#2A5092] 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","className","props","React","createElement","type","Fragment"],"mappings":";;;;;;;;;;;;AAUO,MAAMA,IAA0BA,CAACC,MAMlC;AANkC,MAAAC,IAAAD,GACtCE;AAAAA,mBAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,WAAAA;AAAAA,MAJsCJ,GAKnCK,IAAAA,EALmCL,GAKnCK;AAAAA,IAJHJ;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA;AAIEE,SAAAA,gBAAAA,EAAAC,cAAA,UAAA;AAAA,IAAQH,WAAW,oBAAoBA,CAAS,0HAC9CC,KAAAA,gBAAAA,EAAOG,UAAS,UAAU,+BAA+B,EAAE;AAAA,EAC1D,GACAP,KAAiBK,gBAAAA,EAAAC,cAAAD,EAAAG,UAAA,MAAGR,CAAgB,GACpCC,KAAmBK,gBAAAA,EAAAA,cAAAD,EAAAG,UAAGP,MAAAA,CAAkB,GACxCC,KAAkBG,gBAAAA,EAAAC,cAAAD,EAAAG,UAAGN,MAAAA,CAAiB,CACjC;AAEZ;"}
+{"version":3,"file":"index17.js","sources":["../src/components/Popover/index.tsx"],"sourcesContent":["import React, { useState, useRef, ReactNode, useEffect, forwardRef, ForwardedRef, useImperativeHandle } from 'react';\n\nexport interface PopoverHandle {\n  togglePopover: () => 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' | 'top-center' | 'top-left' | 'top-right';\n  onPopoverToggle?: (displayPopover: boolean) => void;\n  contentWidth?: 'full' | 'max';\n  isPopoverOpen?: boolean;\n  disabled?: boolean;\n}\n\nexport const Popover = forwardRef<PopoverHandle, PopoverProps>(\n  (\n    {\n      className = '',\n      automationId = '',\n      position = 'bottom-center',\n      popoverContentAutomationId = '',\n      contentWidth = 'max',\n      renderPopoverContents,\n      renderPopoverSrcElement,\n      onPopoverToggle,\n      isPopoverOpen,\n      disabled = false,\n      ...props\n    },\n    ref: ForwardedRef<PopoverHandle>\n  ) => {\n    const [displayPopover, setDisplayPopover] = useState(false);\n    const [popoverPosition, setPopoverPosition] = useState(position);\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        checkPopoverPosition();\n        return () => document.body.removeEventListener('click', clickListener);\n      }\n    }, [displayPopover]);\n\n    useEffect(() => {\n      setDisplayPopover(isPopoverOpen ?? false);\n    }, [isPopoverOpen]);\n\n    //Function to check popover position\n    const checkPopoverPosition = () => {\n      if (!popoverContentRef.current) return;\n\n      const popoverRect = popoverContentRef.current.getBoundingClientRect();\n      const viewportHeight = window.innerHeight;\n\n      if (popoverRect?.bottom > viewportHeight) {\n        setPopoverPosition(\n          position.includes('left') ? 'top-left' : position.includes('right') ? 'top-right' : 'top-center'\n        );\n      } else if (popoverRect?.top < 0) {\n        // If popover extends beyond top of viewport, switch to bottom position\n        setPopoverPosition(\n          position.includes('left') ? 'bottom-left' : position.includes('right') ? 'bottom-right' : 'bottom-center'\n        );\n      }\n    };\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 togglePopover = () => {\n      setDisplayPopover((displayPopover) => !displayPopover);\n    };\n\n    useImperativeHandle(ref, () => ({ togglePopover }), []);\n\n    const popoverContentStyle = {\n      'bottom-left': { left: '0', top: '100%' },\n      'bottom-right': { right: '0', top: '100%' },\n      'bottom-center': { left: '50%', transform: 'translateX(-50%)', top: '100%' },\n      'top-left': { left: '0', bottom: '100%' },\n      'top-right': { right: '0', bottom: '100%' },\n      'top-center': { left: '50%', transform: 'translateX(-50%)', bottom: '100%' }\n    };\n\n    return (\n      <div\n        className={\n          'se-design-popover-wrapper cursor-pointer relative' +\n          (className.length > 0 ? ` ${className}` : '') +\n          (displayPopover ? ' open' : '') +\n          (disabled ? ' opacity-50 cursor-not-allowed pointer-events-none' : '')\n        }\n        ref={srcElementRef}\n        onClick={togglePopover}\n        data-automation-id={automationId}\n        {...props}\n      >\n        {renderPopoverSrcElement({ displayPopover })}\n\n        {displayPopover && (\n          <div\n            className={`popover-content absolute shadow-md 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[popoverPosition]\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);\n"],"names":["Popover","_a","ref","_b","className","automationId","position","popoverContentAutomationId","contentWidth","renderPopoverContents","renderPopoverSrcElement","onPopoverToggle","isPopoverOpen","disabled","props","displayPopover","setDisplayPopover","useState","popoverPosition","setPopoverPosition","srcElementRef","useRef","popoverContentRef","useEffect","body","addEventListener","clickListener","checkPopoverPosition","document","removeEventListener","current","popoverRect","getBoundingClientRect","viewportHeight","window","innerHeight","bottom","includes","top","event","currentDropRef","target","contains","togglePopover","useImperativeHandle","popoverContentStyle","left","right","transform","React","createElement","_extends","length","onClick","style","__spreadValues","borderColor","color","backgroundColor","e","stopPropagation","closePopoverCb"],"mappings":"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"}

package/dist/index18.js

@@ -1,34 +1,32 @@
-import e from "react";
-import { Popover as c } from "./index16.js";
-import { Icon as l } from "./index4.js";
-const o = {
-  base: "se-design-hamburger-menu rounded-[6px] transition-all duration-300",
-  active: "bg-[var(--color-blue-450)]",
-  hover: "hover:bg-[var(--color-blue-450)]"
-}, u = ({
-  className: a = "",
-  automationId: n = "",
-  popoverContentAutomationId: m = "",
-  menuContent: t
-}) => /* @__PURE__ */ e.createElement(c, {
-  className: a,
-  position: "bottom-left",
-  automationId: n,
-  popoverContentAutomationId: m,
-  renderPopoverSrcElement: ({
-    displayPopover: r
-  }) => /* @__PURE__ */ e.createElement("div", {
-    className: `${o.base} ${r ? o.active : ""} ${o.hover}`
-  }, /* @__PURE__ */ e.createElement(l, {
-    name: "hamburger"
-  })),
-  renderPopoverContents: (r) => /* @__PURE__ */ e.createElement("div", {
-    className: "min-w-[212px]"
-  }, t && /* @__PURE__ */ e.createElement("div", {
-    className: "menu-content"
-  }, t(r)))
-});
+var c = Object.getOwnPropertySymbols;
+var f = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable;
+var d = (t, m) => {
+  var a = {};
+  for (var e in t)
+    f.call(t, e) && m.indexOf(e) < 0 && (a[e] = t[e]);
+  if (t != null && c)
+    for (var e of c(t))
+      m.indexOf(e) < 0 && u.call(t, e) && (a[e] = t[e]);
+  return a;
+};
+import l from "react";
+const s = (g) => {
+  var n = g, {
+    leftContainer: t,
+    centerContainer: m,
+    rightContainer: a,
+    className: e
+  } = n, r = d(n, [
+    "leftContainer",
+    "centerContainer",
+    "rightContainer",
+    "className"
+  ]);
+  return /* @__PURE__ */ l.createElement("header", {
+    className: `se-design-header ${e} sticky top-0 h-[40px] w-full z-[1000] bg-gradient-to-r from-[#3A91DA] to-[#2A5092] flex justify-between items-center ${(r == null ? void 0 : r.type) === "fixed" ? "fixed left-0 right-0 top-0" : ""}`
+  }, t && /* @__PURE__ */ l.createElement(l.Fragment, null, t), m && /* @__PURE__ */ l.createElement(l.Fragment, null, m), a && /* @__PURE__ */ l.createElement(l.Fragment, null, a));
+};
 export {
-  u as HamburgerMenu
+  s as Header
 };
 //# sourceMappingURL=index18.js.map

package/dist/index18.js.map

@@ -1 +1 @@
-{"version":3,"file":"index18.js","sources":["../src/components/HamburgerMenu/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { Popover } from 'src/components/Popover';\nimport { Icon } from 'src/components/Icon';\nexport interface HamburgerMenuProps {\n  className?: string;\n  automationId?: string;\n  popoverContentAutomationId?: string;\n  menuContent?: (data: any) => React.ReactNode;\n}\n\nconst menuClasses = {\n  base: 'se-design-hamburger-menu rounded-[6px] transition-all duration-300',\n  active: 'bg-[var(--color-blue-450)]',\n  hover: 'hover:bg-[var(--color-blue-450)]'\n};\n\nexport const HamburgerMenu: FC<HamburgerMenuProps> = ({\n  className = '',\n  automationId = '',\n  popoverContentAutomationId = '',\n  menuContent\n}) => {\n\n  return (\n    <Popover\n      className={className}\n      position='bottom-left'\n      automationId={automationId}\n      popoverContentAutomationId={popoverContentAutomationId}\n      renderPopoverSrcElement={({ displayPopover }) => (\n        <div className={`${menuClasses.base} ${displayPopover ? menuClasses.active : ''} ${menuClasses.hover}`}>\n          <Icon name='hamburger' />\n        </div>\n      )}\n      renderPopoverContents={(data) => (\n        <div className=\"min-w-[212px]\">\n          {menuContent && <div className='menu-content'>{menuContent(data)}</div>}\n        </div>\n      )}\n    />\n  );\n};\n"],"names":["React__default","Popover","Icon","menuClasses","base","active","hover","HamburgerMenu","className","automationId","popoverContentAutomationId","menuContent","React","createElement","position","renderPopoverSrcElement","displayPopover","name","renderPopoverContents","data"],"mappings":"AAWA,OAAAA,OAAA;AAAA,SAAA,WAAAC,SAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,MAAMC,IAAc;AAAA,EAClBC,MAAM;AAAA,EACNC,QAAQ;AAAA,EACRC,OAAO;AACT,GAEaC,IAAwCA,CAAC;AAAA,EACpDC,WAAAA,IAAY;AAAA,EACZC,cAAAA,IAAe;AAAA,EACfC,4BAAAA,IAA6B;AAAA,EAC7BC,aAAAA;AACF,MAGIC,gBAAAA,EAAAC,cAACZ,GAAO;AAAA,EACNO,WAAAA;AAAAA,EACAM,UAAS;AAAA,EACTL,cAAAA;AAAAA,EACAC,4BAAAA;AAAAA,EACAK,yBAAyBA,CAAC;AAAA,IAAEC,gBAAAA;AAAAA,EAAAA,MAC1BH,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKL,WAAW,GAAGL,EAAYC,IAAI,IAAIY,IAAiBb,EAAYE,SAAS,EAAE,IAAIF,EAAYG,KAAK;AAAA,EAAA,GAClGO,gBAAAA,EAAAA,cAACX,GAAI;AAAA,IAACe,MAAK;AAAA,EAAA,CAAa,CACrB;AAAA,EAEPC,uBAAwBC,CAAAA,MACtBN,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKL,WAAU;AAAA,EACZG,GAAAA,KAAeE,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKL,WAAU;AAAA,EAAA,GAAgBG,EAAYQ,CAAI,CAAO,CACnE;AAAA,CAER;"}
+{"version":3,"file":"index18.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  className?: string;\n}\n\nexport const Header: FC<HeaderProps> = ({\n  leftContainer,\n  centerContainer,\n  rightContainer,\n  className,\n  ...props\n}) => {\n  return (\n    <header className={`se-design-header ${className} sticky top-0 h-[40px] w-full z-[1000] bg-gradient-to-r from-[#3A91DA] to-[#2A5092] 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","className","props","React","createElement","type","Fragment"],"mappings":";;;;;;;;;;;;AAUO,MAAMA,IAA0BA,CAACC,MAMlC;AANkC,MAAAC,IAAAD,GACtCE;AAAAA,mBAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,WAAAA;AAAAA,MAJsCJ,GAKnCK,IAAAA,EALmCL,GAKnCK;AAAAA,IAJHJ;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA;AAIEE,SAAAA,gBAAAA,EAAAC,cAAA,UAAA;AAAA,IAAQH,WAAW,oBAAoBA,CAAS,0HAC9CC,KAAAA,gBAAAA,EAAOG,UAAS,UAAU,+BAA+B,EAAE;AAAA,EAC1D,GACAP,KAAiBK,gBAAAA,EAAAC,cAAAD,EAAAG,UAAA,MAAGR,CAAgB,GACpCC,KAAmBK,gBAAAA,EAAAA,cAAAD,EAAAG,UAAGP,MAAAA,CAAkB,GACxCC,KAAkBG,gBAAAA,EAAAC,cAAAD,EAAAG,UAAGN,MAAAA,CAAiB,CACjC;AAEZ;"}

package/dist/index19.js

@@ -1,82 +1,34 @@
-var i = Object.getOwnPropertySymbols;
-var v = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
-var f = (t, n) => {
-  var l = {};
-  for (var e in t)
-    v.call(t, e) && n.indexOf(e) < 0 && (l[e] = t[e]);
-  if (t != null && i)
-    for (var e of i(t))
-      n.indexOf(e) < 0 && w.call(t, e) && (l[e] = t[e]);
-  return l;
-};
-import r, { useRef as y, useEffect as O } from "react";
-import { TableContentLoader as T } from "./index24.js";
-function a() {
-  return a = Object.assign ? Object.assign.bind() : function(t) {
-    for (var n = 1; n < arguments.length; n++) {
-      var l = arguments[n];
-      for (var e in l) ({}).hasOwnProperty.call(l, e) && (t[e] = l[e]);
-    }
-    return t;
-  }, a.apply(null, arguments);
-}
-const h = (C) => {
-  var c = C, {
-    className: t = "",
-    automationId: n = "",
-    loading: l,
-    headerColSpan: e = [],
-    headerData: o,
-    tableData: s,
-    renderTableContentLoader: x,
-    getTableHeaders: m,
-    getTableBody: b,
-    getTableFooter: g,
-    onSortUiUpdate: d,
-    onRowClick: p
-  } = c, E = f(c, [
-    "className",
-    "automationId",
-    "loading",
-    "headerColSpan",
-    "headerData",
-    "tableData",
-    "renderTableContentLoader",
-    "getTableHeaders",
-    "getTableBody",
-    "getTableFooter",
-    "onSortUiUpdate",
-    "onRowClick"
-  ]);
-  const u = y(null);
-  return O(() => {
-    u.current && console.log("Table initialized!");
-  }, []), /* @__PURE__ */ r.createElement("div", a({
-    className: "se-design-table-layout-wrapper" + (t.length > 0 ? ` ${t}` : "")
-  }, E), /* @__PURE__ */ r.createElement("table", {
-    className: "se-design-table w-full bg-[var(--color-white)] border-collapse table-fixed",
-    ref: u,
-    "data-automation-id": n
-  }, /* @__PURE__ */ r.createElement("thead", null, /* @__PURE__ */ r.createElement("tr", null, m({
-    headerData: o,
-    sortData: {},
-    onSortUiUpdate: d,
-    loading: l
-  }))), /* @__PURE__ */ r.createElement("tbody", null, l ? /* @__PURE__ */ r.createElement(T, {
-    noOfColumns: o == null ? void 0 : o.length,
-    colSpan: e
-  }) : b({
-    tableData: s,
-    onRowClick: p,
-    loading: l
-  }))), /* @__PURE__ */ r.createElement("div", {
-    className: "se-design-table-footer w-full bg-[var(--color-white)]"
-  }, g({
-    tableData: s,
-    loading: l
-  })));
-};
+import e from "react";
+import { Popover as c } from "./index17.js";
+import { Icon as l } from "./index5.js";
+const o = {
+  base: "se-design-hamburger-menu rounded-[6px] transition-all duration-300",
+  active: "bg-[var(--color-blue-450)]",
+  hover: "hover:bg-[var(--color-blue-450)]"
+}, u = ({
+  className: a = "",
+  automationId: n = "",
+  popoverContentAutomationId: m = "",
+  menuContent: t
+}) => /* @__PURE__ */ e.createElement(c, {
+  className: a,
+  position: "bottom-left",
+  automationId: n,
+  popoverContentAutomationId: m,
+  renderPopoverSrcElement: ({
+    displayPopover: r
+  }) => /* @__PURE__ */ e.createElement("div", {
+    className: `${o.base} ${r ? o.active : ""} ${o.hover}`
+  }, /* @__PURE__ */ e.createElement(l, {
+    name: "hamburger"
+  })),
+  renderPopoverContents: (r) => /* @__PURE__ */ e.createElement("div", {
+    className: "min-w-[212px]"
+  }, t && /* @__PURE__ */ e.createElement("div", {
+    className: "menu-content"
+  }, t(r)))
+});
 export {
-  h as TableLayout
+  u as HamburgerMenu
 };
 //# sourceMappingURL=index19.js.map