se-design 0.0.95 → 0.0.97

package/dist/index11.js

@@ -1,7 +1,34 @@
-import { j as r } from "./index12.js";
-import { MenuItem as s } from "./index10.js";
-const d = ({ items: e }) => /* @__PURE__ */ r.jsx("div", { className: "border border-gray-200 rounded shadow-md", children: e.map((o) => /* @__PURE__ */ r.jsx(s, { ...o })) });
+import { j as r } from "./index24.js";
+import { useState as p, useRef as d, useEffect as a } from "react";
+const u = ({ content: l, tooltipSrc: c, position: t = "bottom-center", displayOn: o = "hover" }) => {
+  const [i, f] = p(o === "always-on"), s = d(null);
+  a(() => {
+    const e = s.current;
+    e && (t == "bottom-center" ? (e.setAttribute("style", "left: 50%;transform: translateX(-50%);"), e.classList.add("before:left-[calc(50%-7px)]"), e.classList.add("before:top-[-7px]")) : t == "bottom-left" ? (e.classList.add("before:left-[calc(10%-7px)]"), e.classList.add("before:top-[-7px]")) : t == "bottom-right" ? (e.setAttribute("style", "right: 0;"), e.classList.add("before:right-[calc(10%+7px)]"), e.classList.add("before:top-[-7px]")) : t == "left" ? (e.setAttribute("style", "right: calc(100% + 10px);top:0;"), e.classList.add("before:right-[-6px]"), e.classList.add("before:top-0px")) : t == "right" && (e.setAttribute("style", "left: calc(100% + 10px);top:0;"), e.classList.add("before:left-[-6px]"), e.classList.add("before:top-0px")), o == "hover" && e.classList.add("group-hover:visible"));
+  }, [l]), a(() => {
+    const e = s.current;
+    e && (i ? e.classList.remove("invisible") : e.classList.add("invisible"));
+  }, [i]);
+  const n = () => {
+    o == "click" && f((e) => !e);
+  };
+  return /* @__PURE__ */ r.jsxs("div", { className: "group relative", onClick: n, children: [
+    /* @__PURE__ */ r.jsx("div", { className: "cursor-pointer", id: "tooltip-trigger", children: c }),
+    /* @__PURE__ */ r.jsx(
+      "div",
+      {
+        ref: s,
+        id: "tooltip-content",
+        className: `flex justify-center px-3 py-2 min-w-24 max-w-60
+          absolute top-[calc(100%+8px)] w-max bg-[var(--color-gray-800)] text-[var(--color-white)] text-xs rounded-[3px]
+          before:content-[' '] before:w-3.5 before:h-3.5 before:bg-[var(--color-gray-800)] before:inline-block
+          before:absolute before:rounded-tl-sm before:rotate-45`,
+        children: l
+      }
+    )
+  ] });
+};
 export {
-  d as MenuList
+  u as Tooltip
 };
 //# sourceMappingURL=index11.js.map

package/dist/index11.js.map

@@ -1 +1 @@
-{"version":3,"file":"index11.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-gray-200 rounded shadow-md\">\n      {items.map((item) => (\n        <MenuItem {...item} />\n      ))}\n    </div>\n  );\n};\n"],"names":["MenuList","items","jsx","item","MenuItem"],"mappings":";;AAOO,MAAMA,IAA8B,CAAC,EAAE,OAAAC,QAEzCC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,4CACZ,UAAMD,EAAA,IAAI,CAACE,MACTD,gBAAAA,EAAA,IAAAE,GAAA,EAAU,GAAGD,EAAM,CAAA,CACrB,EACH,CAAA;"}
+{"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,9 +1,25 @@
-import { __module as e } from "./index15.js";
-import { __require as r } from "./index16.js";
-import { __require as o } from "./index17.js";
-process.env.NODE_ENV === "production" ? e.exports = r() : e.exports = o();
-var m = e.exports;
+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 {
-  m as j
+  j as MenuItem
 };
 //# sourceMappingURL=index12.js.map

package/dist/index12.js.map

@@ -1 +1 @@
-{"version":3,"file":"index12.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":["jsxRuntimeModule","require$$0","require$$1"],"mappings":";;;AAEI,QAAQ,IAAI,aAAa,eAC3BA,EAAA,UAAiBC,MAEjBD,EAAA,UAAiBE;;","x_google_ignoreList":[0]}
+{"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,158 +1,8 @@
-import N from "./index18.js";
-import C from "./index19.js";
-import D from "./index20.js";
-import { SVGInjector as A } from "./index21.js";
-import { p as t } from "./index22.js";
-import * as h from "react";
-var O = function(s) {
-  var o = (s == null ? void 0 : s.ownerDocument) || document;
-  return o.defaultView || window;
-}, U = function(s, o) {
-  for (var r in s)
-    if (!(r in o))
-      return !0;
-  for (var e in o)
-    if (s[e] !== o[e])
-      return !0;
-  return !1;
-}, H = ["afterInjection", "beforeInjection", "desc", "evalScripts", "fallback", "httpRequestWithCredentials", "loading", "renumerateIRIElements", "src", "title", "useRequestCache", "wrapper"], v = "http://www.w3.org/2000/svg", q = "http://www.w3.org/1999/xlink", V = /* @__PURE__ */ function(c) {
-  function s() {
-    for (var r, e = arguments.length, n = new Array(e), a = 0; a < e; a++)
-      n[a] = arguments[a];
-    return r = c.call.apply(c, [this].concat(n)) || this, r.initialState = {
-      hasError: !1,
-      isLoading: !0
-    }, r.state = r.initialState, r._isMounted = !1, r.reactWrapper = void 0, r.nonReactWrapper = void 0, r.refCallback = function(u) {
-      r.reactWrapper = u;
-    }, r;
-  }
-  D(s, c);
-  var o = s.prototype;
-  return o.renderSVG = function() {
-    var e = this;
-    if (this.reactWrapper instanceof O(this.reactWrapper).Node) {
-      var n = this.props, a = n.desc, u = n.evalScripts, S = n.httpRequestWithCredentials, E = n.renumerateIRIElements, G = n.src, b = n.title, g = n.useRequestCache, w = this.props.onError, x = this.props.beforeInjection, y = this.props.afterInjection, f = this.props.wrapper, l, p;
-      f === "svg" ? (l = document.createElementNS(v, f), l.setAttribute("xmlns", v), l.setAttribute("xmlns:xlink", q), p = document.createElementNS(v, f)) : (l = document.createElement(f), p = document.createElement(f)), l.appendChild(p), p.dataset.src = G, this.nonReactWrapper = this.reactWrapper.appendChild(l);
-      var I = function(i) {
-        if (e.removeSVG(), !e._isMounted) {
-          w(i);
-          return;
-        }
-        e.setState(function() {
-          return {
-            hasError: !0,
-            isLoading: !1
-          };
-        }, function() {
-          w(i);
-        });
-      }, L = function(i, d) {
-        if (i) {
-          I(i);
-          return;
-        }
-        e._isMounted && e.setState(function() {
-          return {
-            isLoading: !1
-          };
-        }, function() {
-          try {
-            y(d);
-          } catch (m) {
-            I(m);
-          }
-        });
-      }, M = function(i) {
-        if (i.setAttribute("role", "img"), a) {
-          var d = i.querySelector(":scope > desc");
-          d && i.removeChild(d);
-          var m = document.createElement("desc");
-          m.innerHTML = a, i.prepend(m);
-        }
-        if (b) {
-          var R = i.querySelector(":scope > title");
-          R && i.removeChild(R);
-          var j = document.createElement("title");
-          j.innerHTML = b, i.prepend(j);
-        }
-        try {
-          x(i);
-        } catch (k) {
-          I(k);
-        }
-      };
-      A(p, {
-        afterEach: L,
-        beforeEach: M,
-        cacheRequests: g,
-        evalScripts: u,
-        httpRequestWithCredentials: S,
-        renumerateIRIElements: E
-      });
-    }
-  }, o.removeSVG = function() {
-    var e;
-    (e = this.nonReactWrapper) != null && e.parentNode && (this.nonReactWrapper.parentNode.removeChild(this.nonReactWrapper), this.nonReactWrapper = null);
-  }, o.componentDidMount = function() {
-    this._isMounted = !0, this.renderSVG();
-  }, o.componentDidUpdate = function(e) {
-    var n = this;
-    U(C({}, e), this.props) && this.setState(function() {
-      return n.initialState;
-    }, function() {
-      n.removeSVG(), n.renderSVG();
-    });
-  }, o.componentWillUnmount = function() {
-    this._isMounted = !1, this.removeSVG();
-  }, o.render = function() {
-    var e = this.props;
-    e.afterInjection, e.beforeInjection, e.desc, e.evalScripts;
-    var n = e.fallback;
-    e.httpRequestWithCredentials;
-    var a = e.loading;
-    e.renumerateIRIElements, e.src, e.title, e.useRequestCache;
-    var u = e.wrapper, S = N(e, H), E = u;
-    return /* @__PURE__ */ h.createElement(E, C({}, S, {
-      ref: this.refCallback
-    }, u === "svg" ? {
-      xmlns: v,
-      xmlnsXlink: q
-    } : {}), this.state.isLoading && a && /* @__PURE__ */ h.createElement(a, null), this.state.hasError && n && /* @__PURE__ */ h.createElement(n, null));
-  }, s;
-}(h.Component);
-V.defaultProps = {
-  afterInjection: function() {
-  },
-  beforeInjection: function() {
-  },
-  desc: "",
-  evalScripts: "never",
-  fallback: null,
-  httpRequestWithCredentials: !1,
-  loading: null,
-  onError: function() {
-  },
-  renumerateIRIElements: !0,
-  title: "",
-  useRequestCache: !0,
-  wrapper: "div"
-};
-V.propTypes = {
-  afterInjection: t.func,
-  beforeInjection: t.func,
-  desc: t.string,
-  evalScripts: t.oneOf(["always", "once", "never"]),
-  fallback: t.oneOfType([t.func, t.object, t.string]),
-  httpRequestWithCredentials: t.bool,
-  loading: t.oneOfType([t.func, t.object, t.string]),
-  onError: t.func,
-  renumerateIRIElements: t.bool,
-  src: t.string.isRequired,
-  title: t.string,
-  useRequestCache: t.bool,
-  wrapper: t.oneOf(["div", "span", "svg"])
-};
+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 {
-  V as ReactSVG
+  n as MenuList
 };
 //# sourceMappingURL=index13.js.map

package/dist/index13.js.map

@@ -1 +1 @@
-{"version":3,"file":"index13.js","sources":["../node_modules/react-svg/dist/react-svg.esm.js"],"sourcesContent":["import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/objectWithoutPropertiesLoose';\nimport _extends from '@babel/runtime/helpers/extends';\nimport _inheritsLoose from '@babel/runtime/helpers/inheritsLoose';\nimport { SVGInjector } from '@tanem/svg-injector';\nimport * as PropTypes from 'prop-types';\nimport * as React from 'react';\n\n// Hat-tip: https://github.com/mui/material-ui/tree/master/packages/mui-utils/src.\nvar ownerWindow = function ownerWindow(node) {\n  var doc = (node == null ? void 0 : node.ownerDocument) || document;\n  return doc.defaultView || window;\n};\n\n// Hat-tip: https://github.com/developit/preact-compat/blob/master/src/index.js#L402.\nvar shallowDiffers = function shallowDiffers(a, b) {\n  for (var i in a) {\n    if (!(i in b)) {\n      return true;\n    }\n  }\n  for (var _i in b) {\n    if (a[_i] !== b[_i]) {\n      return true;\n    }\n  }\n  return false;\n};\n\nvar _excluded = [\"afterInjection\", \"beforeInjection\", \"desc\", \"evalScripts\", \"fallback\", \"httpRequestWithCredentials\", \"loading\", \"renumerateIRIElements\", \"src\", \"title\", \"useRequestCache\", \"wrapper\"];\nvar svgNamespace = 'http://www.w3.org/2000/svg';\nvar xlinkNamespace = 'http://www.w3.org/1999/xlink';\nvar ReactSVG = /*#__PURE__*/function (_React$Component) {\n  function ReactSVG() {\n    var _this;\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n    _this.initialState = {\n      hasError: false,\n      isLoading: true\n    };\n    _this.state = _this.initialState;\n    _this._isMounted = false;\n    _this.reactWrapper = void 0;\n    _this.nonReactWrapper = void 0;\n    _this.refCallback = function (reactWrapper) {\n      _this.reactWrapper = reactWrapper;\n    };\n    return _this;\n  }\n  _inheritsLoose(ReactSVG, _React$Component);\n  var _proto = ReactSVG.prototype;\n  _proto.renderSVG = function renderSVG() {\n    var _this2 = this;\n    /* istanbul ignore else */\n    if (this.reactWrapper instanceof ownerWindow(this.reactWrapper).Node) {\n      var _this$props = this.props,\n        desc = _this$props.desc,\n        evalScripts = _this$props.evalScripts,\n        httpRequestWithCredentials = _this$props.httpRequestWithCredentials,\n        renumerateIRIElements = _this$props.renumerateIRIElements,\n        src = _this$props.src,\n        title = _this$props.title,\n        useRequestCache = _this$props.useRequestCache;\n      /* eslint-disable @typescript-eslint/no-non-null-assertion */\n      var onError = this.props.onError;\n      var beforeInjection = this.props.beforeInjection;\n      var afterInjection = this.props.afterInjection;\n      var wrapper = this.props.wrapper;\n      var nonReactWrapper;\n      var nonReactTarget;\n      if (wrapper === 'svg') {\n        nonReactWrapper = document.createElementNS(svgNamespace, wrapper);\n        nonReactWrapper.setAttribute('xmlns', svgNamespace);\n        nonReactWrapper.setAttribute('xmlns:xlink', xlinkNamespace);\n        nonReactTarget = document.createElementNS(svgNamespace, wrapper);\n      } else {\n        nonReactWrapper = document.createElement(wrapper);\n        nonReactTarget = document.createElement(wrapper);\n      }\n      nonReactWrapper.appendChild(nonReactTarget);\n      nonReactTarget.dataset.src = src;\n      this.nonReactWrapper = this.reactWrapper.appendChild(nonReactWrapper);\n      var handleError = function handleError(error) {\n        _this2.removeSVG();\n        if (!_this2._isMounted) {\n          onError(error);\n          return;\n        }\n        _this2.setState(function () {\n          return {\n            hasError: true,\n            isLoading: false\n          };\n        }, function () {\n          onError(error);\n        });\n      };\n      var afterEach = function afterEach(error, svg) {\n        if (error) {\n          handleError(error);\n          return;\n        }\n        // TODO (Tane): It'd be better to cleanly unsubscribe from SVGInjector\n        // callbacks instead of tracking a property like this.\n        if (_this2._isMounted) {\n          _this2.setState(function () {\n            return {\n              isLoading: false\n            };\n          }, function () {\n            try {\n              afterInjection(svg);\n            } catch (afterInjectionError) {\n              handleError(afterInjectionError);\n            }\n          });\n        }\n      };\n      var beforeEach = function beforeEach(svg) {\n        svg.setAttribute('role', 'img');\n        if (desc) {\n          var originalDesc = svg.querySelector(':scope > desc');\n          if (originalDesc) {\n            svg.removeChild(originalDesc);\n          }\n          var newDesc = document.createElement('desc');\n          newDesc.innerHTML = desc;\n          svg.prepend(newDesc);\n        }\n        if (title) {\n          var originalTitle = svg.querySelector(':scope > title');\n          if (originalTitle) {\n            svg.removeChild(originalTitle);\n          }\n          var newTitle = document.createElement('title');\n          newTitle.innerHTML = title;\n          svg.prepend(newTitle);\n        }\n        try {\n          beforeInjection(svg);\n        } catch (error) {\n          handleError(error);\n        }\n      };\n      SVGInjector(nonReactTarget, {\n        afterEach: afterEach,\n        beforeEach: beforeEach,\n        cacheRequests: useRequestCache,\n        evalScripts: evalScripts,\n        httpRequestWithCredentials: httpRequestWithCredentials,\n        renumerateIRIElements: renumerateIRIElements\n      });\n    }\n  };\n  _proto.removeSVG = function removeSVG() {\n    var _this$nonReactWrapper;\n    if ((_this$nonReactWrapper = this.nonReactWrapper) != null && _this$nonReactWrapper.parentNode) {\n      this.nonReactWrapper.parentNode.removeChild(this.nonReactWrapper);\n      this.nonReactWrapper = null;\n    }\n  };\n  _proto.componentDidMount = function componentDidMount() {\n    this._isMounted = true;\n    this.renderSVG();\n  };\n  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n    var _this3 = this;\n    if (shallowDiffers(_extends({}, prevProps), this.props)) {\n      this.setState(function () {\n        return _this3.initialState;\n      }, function () {\n        _this3.removeSVG();\n        _this3.renderSVG();\n      });\n    }\n  };\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    this._isMounted = false;\n    this.removeSVG();\n  };\n  _proto.render = function render() {\n    /* eslint-disable @typescript-eslint/no-unused-vars */\n    var _this$props2 = this.props;\n      _this$props2.afterInjection;\n      _this$props2.beforeInjection;\n      _this$props2.desc;\n      _this$props2.evalScripts;\n      var Fallback = _this$props2.fallback;\n      _this$props2.httpRequestWithCredentials;\n      var Loading = _this$props2.loading;\n      _this$props2.renumerateIRIElements;\n      _this$props2.src;\n      _this$props2.title;\n      _this$props2.useRequestCache;\n      var wrapper = _this$props2.wrapper,\n      rest = _objectWithoutPropertiesLoose(_this$props2, _excluded);\n    /* eslint-enable @typescript-eslint/no-unused-vars */\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    var Wrapper = wrapper;\n    return /*#__PURE__*/React.createElement(Wrapper, _extends({}, rest, {\n      ref: this.refCallback\n    }, wrapper === 'svg' ? {\n      xmlns: svgNamespace,\n      xmlnsXlink: xlinkNamespace\n    } : {}), this.state.isLoading && Loading && /*#__PURE__*/React.createElement(Loading, null), this.state.hasError && Fallback && /*#__PURE__*/React.createElement(Fallback, null));\n  };\n  return ReactSVG;\n}(React.Component);\nReactSVG.defaultProps = {\n  afterInjection: function afterInjection() {\n    return undefined;\n  },\n  beforeInjection: function beforeInjection() {\n    return undefined;\n  },\n  desc: '',\n  evalScripts: 'never',\n  fallback: null,\n  httpRequestWithCredentials: false,\n  loading: null,\n  onError: function onError() {\n    return undefined;\n  },\n  renumerateIRIElements: true,\n  title: '',\n  useRequestCache: true,\n  wrapper: 'div'\n};\nReactSVG.propTypes = {\n  afterInjection: PropTypes.func,\n  beforeInjection: PropTypes.func,\n  desc: PropTypes.string,\n  evalScripts: PropTypes.oneOf(['always', 'once', 'never']),\n  fallback: PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.string]),\n  httpRequestWithCredentials: PropTypes.bool,\n  loading: PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.string]),\n  onError: PropTypes.func,\n  renumerateIRIElements: PropTypes.bool,\n  src: PropTypes.string.isRequired,\n  title: PropTypes.string,\n  useRequestCache: PropTypes.bool,\n  wrapper: PropTypes.oneOf(['div', 'span', 'svg'])\n} ;\n\nexport { ReactSVG };\n//# sourceMappingURL=react-svg.esm.js.map\n"],"names":["ownerWindow","node","doc","shallowDiffers","a","b","i","_i","_excluded","svgNamespace","xlinkNamespace","ReactSVG","_React$Component","_this","_len","args","_key","reactWrapper","_inheritsLoose","_proto","_this2","_this$props","desc","evalScripts","httpRequestWithCredentials","renumerateIRIElements","src","title","useRequestCache","onError","beforeInjection","afterInjection","wrapper","nonReactWrapper","nonReactTarget","handleError","error","afterEach","svg","afterInjectionError","beforeEach","originalDesc","newDesc","originalTitle","newTitle","SVGInjector","_this$nonReactWrapper","prevProps","_this3","_extends","_this$props2","Fallback","Loading","rest","_objectWithoutPropertiesLoose","Wrapper","React","PropTypes.func","PropTypes.string","PropTypes.oneOf","PropTypes.oneOfType","PropTypes.object","PropTypes.bool"],"mappings":"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","x_google_ignoreList":[0]}
+{"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,10 +1,66 @@
-const o = [
-  "pages",
-  "back",
-  "close",
-  "down"
-];
+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 {
-  o as iconNames
+  L as Popover
 };
 //# sourceMappingURL=index14.js.map

package/dist/index14.js.map

@@ -1 +1 @@
-{"version":3,"file":"index14.js","sources":["../src/utils/iconNames.ts"],"sourcesContent":["export const iconNames = [\n  \"pages\",\n  \"back\",\n  \"close\",\n  \"down\",\n];"],"names":["iconNames"],"mappings":"AAAO,MAAMA,IAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
+{"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,5 +1,15 @@
-var e = { exports: {} };
+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 {
-  e as __module
+  i as Header
 };
 //# sourceMappingURL=index15.js.map

package/dist/index15.js.map

@@ -1 +1 @@
-{"version":3,"file":"index15.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"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,29 +1,41 @@
-import { __exports as t } from "./index23.js";
-import R from "react";
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var p;
-function v() {
-  if (p) return t;
-  p = 1;
-  var s = R, m = Symbol.for("react.element"), l = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, a = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function i(o, r, u) {
-    var e, n = {}, _ = null, f = null;
-    u !== void 0 && (_ = "" + u), r.key !== void 0 && (_ = "" + r.key), r.ref !== void 0 && (f = r.ref);
-    for (e in r) c.call(r, e) && !d.hasOwnProperty(e) && (n[e] = r[e]);
-    if (o && o.defaultProps) for (e in r = o.defaultProps, r) n[e] === void 0 && (n[e] = r[e]);
-    return { $$typeof: m, type: o, key: _, ref: f, props: n, _owner: a.current };
-  }
-  return t.Fragment = l, t.jsx = i, t.jsxs = i, t;
-}
+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 a = (o, r) => {
+    t && t(o), r();
+  };
+  return /* @__PURE__ */ e.jsx(
+    h,
+    {
+      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 {
-  v as __require
+  j as HamburgerMenu
 };
 //# sourceMappingURL=index16.js.map

package/dist/index16.js.map

@@ -1 +1 @@
-{"version":3,"file":"index16.js","sources":["../node_modules/react/cjs/react-jsx-runtime.production.min.js"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\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'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n"],"names":["f","require$$0","k","m","n","p","q","c","a","g","b","d","e","h","reactJsxRuntime_production_min"],"mappings":";;;;;;;;;;;;;;;AASa,MAAIA,IAAEC,GAAiBC,IAAE,OAAO,IAAI,eAAe,GAAE,IAAE,OAAO,IAAI,gBAAgB,GAAEC,IAAE,OAAO,UAAU,gBAAeC,IAAEJ,EAAE,mDAAmD,mBAAkBK,IAAE,EAAC,KAAI,IAAG,KAAI,IAAG,QAAO,IAAG,UAAS,GAAE;AAClP,WAASC,EAAEC,GAAEC,GAAEC,GAAE;AAAC,QAAIC,GAAEC,IAAE,IAAGC,IAAE,MAAKC,IAAE;AAAK,IAASJ,MAAT,WAAaG,IAAE,KAAGH,IAAYD,EAAE,QAAX,WAAiBI,IAAE,KAAGJ,EAAE,MAAcA,EAAE,QAAX,WAAiBK,IAAEL,EAAE;AAAK,SAAIE,KAAKF,EAAE,CAAAL,EAAE,KAAKK,GAAEE,CAAC,KAAG,CAACL,EAAE,eAAeK,CAAC,MAAIC,EAAED,CAAC,IAAEF,EAAEE,CAAC;AAAG,QAAGH,KAAGA,EAAE,aAAa,MAAIG,KAAKF,IAAED,EAAE,cAAaC,EAAE,CAASG,EAAED,CAAC,MAAZ,WAAgBC,EAAED,CAAC,IAAEF,EAAEE,CAAC;AAAG,WAAM,EAAC,UAASR,GAAE,MAAKK,GAAE,KAAIK,GAAE,KAAIC,GAAE,OAAMF,GAAE,QAAOP,EAAE,QAAO;AAAA,EAAC;AAAC,SAAAU,aAAiB,GAAEA,EAAW,MAACR,GAAEQ,EAAA,OAAaR;;","x_google_ignoreList":[0]}
+{"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;"}