se-design 0.0.96 → 0.0.98

package/dist/index17.js

@@ -1,13 +1,25 @@
-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 = () => {
+import u, { useState as h } from "react";
+const g = ({
+  className: a = "",
+  automationId: c = "",
+  defaultChecked: l = !1,
+  disabled: o = !1,
+  onChange: r
+}) => {
+  const [e, n] = h(l), s = () => {
     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 });
+    n(t), r && r(t);
+  }, d = o ? "bg-[var(--color-gray-600)] text-[var(--color-gray-600)] hover:text-[var(--color-gray-600)] bg-[var(--color-gray-600)] cursor-not-allowed" : e ? "text-[var(--color-blue-500)]" : "text-[var(--color-white)]";
+  return /* @__PURE__ */ u.createElement("input", {
+    type: "checkbox",
+    className: `${a} block 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: s,
+    disabled: o
+  });
 };
 export {
-  x as Checkbox
+  g as Checkbox
 };
 //# 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/Checkbox/index.tsx"],"sourcesContent":["import React, { 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","React","createElement","type","checked"],"mappings":";AAUO,MAAMA,IAA8BA,CAAC;AAAA,EAAEC,WAAAA,IAAY;AAAA,EAAIC,cAAAA,IAAe;AAAA,EAAIC,gBAAAA,IAAiB;AAAA,EAAOC,UAAAA,IAAW;AAAA,EAAOC,UAAAA;AAAS,MAAM;AACtI,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAASL,CAAc,GAEnDM,IAAcA,MAAM;AACtB,UAAMC,IAAkB,CAACJ;AACzBC,IAAAA,EAAaG,CAAe,GACzBL,KACCA,EAASK,CAAe;AAAA,EAEhC,GACMC,IAAkBP,IAAW,6IAA6IE,IAAY,iCAAiC;AAExNM,SAAAA,gBAAAA,EAAAC,cAAA,SAAA;AAAA,IAAOC,MAAK;AAAA,IAAWb,WAAW,GAAGA,CAAS,kBAAkBU,CAAe;AAAA,IAAuH,sBAAoBT;AAAAA,IAAca,SAAST;AAAAA,IAAWD,UAAUI;AAAAA,IAAaL,UAAAA;AAAAA,EAAAA,CAAqB;AACjT;"}

package/dist/index18.js

@@ -1,9 +1,26 @@
-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 e from "react";
+import { Tag as n } from "./index7.js";
+const s = (a) => {
+  const {
+    label: o,
+    color: l,
+    onClick: r = () => {
+    },
+    tag: t
+  } = a;
+  return /* @__PURE__ */ e.createElement("div", {
+    className: "flex items-center gap-2",
+    onClick: r
+  }, l && /* @__PURE__ */ e.createElement("span", {
+    className: "w-[15px] h-[15px] rounded-[3px] inline-block",
+    style: {
+      backgroundColor: l
+    }
+  }), /* @__PURE__ */ e.createElement("div", null, o), t && /* @__PURE__ */ e.createElement(n, {
+    label: t
+  }));
+};
 export {
-  m as j
+  s as ColorCodedLabel
 };
 //# 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/ColorCodedLabel/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Tag } from 'src/components/Tag';\n\nexport type ColorCodedLabelProps = {\n  label: string;\n  tag?: string;\n  color?: string;\n  onClick?: () => void;\n};\n\nexport const ColorCodedLabel: FC<ColorCodedLabelProps> = (props) => {\n  const { label, color, onClick = () => {}, tag } = props;\n  return (\n    <div\n      className=\"flex items-center gap-2\"\n      onClick={onClick}\n    >\n      {color && <span className=\"w-[15px] h-[15px] rounded-[3px] inline-block\" style={{ backgroundColor: color }}></span>}\n      <div>{label}</div>\n      {tag && <Tag label={tag} />}\n    </div>\n  );\n};\n"],"names":["React__default","Tag","ColorCodedLabel","props","label","color","onClick","tag","React","createElement","className","style","backgroundColor"],"mappings":"AAUO,OAAAA,OAAA;AAAA,SAAA,OAAAC,SAAA;AAAA,MAAMC,IAA6CC,CAAUA,MAAA;AAC5D,QAAA;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,OAAAA;AAAAA,IAAOC,SAAAA,IAAUA,MAAM;AAAA,IAAC;AAAA,IAAGC,KAAAA;AAAAA,EAAAA,IAAQJ;AAEhDK,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEC,WAAU;AAAA,IACVJ,SAAAA;AAAAA,EAECD,GAAAA,KAASI,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMC,WAAU;AAAA,IAA+CC,OAAO;AAAA,MAAEC,iBAAiBP;AAAAA,IAAAA;AAAAA,EAAe,CAAA,GAClHG,gBAAAA,EAAAC,cAAML,OAAAA,MAAAA,CAAW,GAChBG,KAAOE,gBAAAA,EAAAA,cAACR,GAAG;AAAA,IAACG,OAAOG;AAAAA,EAAAA,CAAM,CACvB;AAET;"}

package/dist/index19.js

@@ -1,152 +1,62 @@
-import N from "./index24.js";
-import R from "./index25.js";
-import D from "./index26.js";
-import { SVGInjector as A } from "./index27.js";
-import { p as t } from "./index28.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 j = i.querySelector(":scope > title");
-          j && i.removeChild(j);
-          var C = document.createElement("title");
-          C.innerHTML = b, i.prepend(C);
-        }
-        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(R({}, 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, n = e.fallback, a = e.loading, u = e.wrapper, S = N(e, H), E = u;
-    return /* @__PURE__ */ h.createElement(E, R({}, 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"])
+var $ = Object.defineProperty, k = Object.defineProperties;
+var V = Object.getOwnPropertyDescriptors;
+var w = Object.getOwnPropertySymbols;
+var I = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
+var y = (e, t, o) => t in e ? $(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, C = (e, t) => {
+  for (var o in t || (t = {}))
+    I.call(t, o) && y(e, o, t[o]);
+  if (w)
+    for (var o of w(t))
+      O.call(t, o) && y(e, o, t[o]);
+  return e;
+}, D = (e, t) => k(e, V(t));
+import r, { useState as S, useRef as R } from "react";
+import { Popover as T } from "./index13.js";
+import { Icon as _ } from "./index4.js";
+const q = (e) => {
+  const [t, o] = S(!1), [d, g] = S(() => (e == null ? void 0 : e.defaultSelectedValue) || {}), u = R(null), {
+    selectBy: i = "",
+    optionsUniqueBy: c = "",
+    displaySelected: E = !1,
+    dropDownOptions: m,
+    defaultText: f = "Select"
+  } = e, h = (n) => {
+    var l, a;
+    g(n), (l = u.current) == null || l.togglePopup(), (a = e == null ? void 0 : e.onOptionClick) == null || a.call(e, n);
+  }, v = (n) => e != null && e.renderOptionChip ? e == null ? void 0 : e.renderOptionChip(n) : /* @__PURE__ */ r.createElement("span", {
+    className: "option-chip"
+  }, n[i] || f), x = (n) => {
+    const l = n[i], a = d[i] || f, P = c != null && c.length ? n[c] == d[c] : !0, s = E && l === a && P;
+    return /* @__PURE__ */ r.createElement("div", {
+      key: `$drop-option-${l}`,
+      className: `option px-3 py-2 hover:bg-gray-100 cursor-pointer flex items-center justify-between ${s ? "selected" : ""}`,
+      onClick: () => h(n)
+    }, v(D(C({}, n), {
+      isOptionSelected: s
+    })), s && /* @__PURE__ */ r.createElement("div", null, "✓"));
+  }, b = () => /* @__PURE__ */ r.createElement("div", {
+    className: "dropdown-content dropdown-options"
+  }, m == null ? void 0 : m.map((n) => x(n))), N = () => {
+    const l = `dropdown-src-element flex px-3 py-2 border rounded-md ${t ? "border-[var(--color-gray-900)]" : "border-[var(--color-gray-200)]"}`;
+    return /* @__PURE__ */ r.createElement("div", {
+      className: l
+    }, v(d), /* @__PURE__ */ r.createElement(_, {
+      name: "down",
+      className: `ml-auto ${t ? "rotate-180" : ""} transition-transform`
+    }));
+  };
+  return /* @__PURE__ */ r.createElement("div", {
+    className: "dropdown-container",
+    style: e == null ? void 0 : e.style
+  }, /* @__PURE__ */ r.createElement(T, {
+    ref: u,
+    renderPopoverContents: b,
+    contentWidth: "full",
+    renderPopoverSrcElement: N,
+    onPopoverToggle: (n) => o(n)
+  }));
 };
 export {
-  V as ReactSVG
+  q as Dropdown
 };
 //# sourceMappingURL=index19.js.map

package/dist/index19.js.map

@@ -1 +1 @@
-{"version":3,"file":"index19.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":["_objectWithoutPropertiesLoose","_extends","_inheritsLoose","SVGInjector","propTypesExports","React","ownerWindow","node","doc","shallowDiffers","a","b","i","_i","_excluded","svgNamespace","xlinkNamespace","ReactSVG","_React$Component","_this","_len","args","_key","reactWrapper","_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","_this$nonReactWrapper","prevProps","_this3","_this$props2","Fallback","Loading","rest","Wrapper","PropTypes.func","PropTypes.string","PropTypes.oneOf","PropTypes.oneOfType","PropTypes.object","PropTypes.bool"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index19.js","sources":["../src/components/Dropdown/index.tsx"],"sourcesContent":["import React, { FC, useState, useRef } from 'react';\n\nimport { Popover, PopoverHandle  } from 'src/components/Popover';\nimport { Icon } from 'components/Icon';\n\ntype DropdownValue = {\n  [key: string]: any;\n};\n\ntype DropdownProps = {\n  label?: string;\n  type: 'select';\n  dropDownOptions?: DropdownValue[];\n  defaultText?: string;\n  selectBy?: string;\n  optionsUniqueBy?: string;\n  displaySelected?: boolean;\n  defaultSelectedValue?: DropdownValue;\n  onOptionClick?: (selectedValue: DropdownValue) => void;\n  style?: React.CSSProperties;\n  renderOptionChip?: (option: DropdownValue) => React.ReactNode;\n};\n\nexport const Dropdown: FC<DropdownProps> = (props) => {\n  const [isDropDownOpen, setIsDropDownOpen] = useState(false);\n  const [selectedDropDownValue, setSelectedDropDownValue] = useState<DropdownValue>(() => props?.defaultSelectedValue || {});\n  const popoverRef = useRef<HTMLDivElement & PopoverHandle>(null);\n\n  const { selectBy = '', optionsUniqueBy = '', displaySelected = false, dropDownOptions, defaultText = 'Select' } = props;\n\n  const handleDropDownOptionClick = (dropDownOption: any) => {\n    setSelectedDropDownValue(dropDownOption);\n    popoverRef.current?.togglePopup();\n    props?.onOptionClick?.(dropDownOption);\n  };\n\n  const optionChip = (option: DropdownValue) => {\n    if(props?.renderOptionChip) {\n      return props?.renderOptionChip(option);\n    }\n    return <span className={`option-chip`}>{option[selectBy] || defaultText}</span>\n  }\n\n  const dropDownOptionJsx = (dropDownOption: DropdownValue) => {\n    const optionTxt = dropDownOption[selectBy];\n    const dropDownSelectedValue = selectedDropDownValue[selectBy] || defaultText;\n    const selectByUniqueId = optionsUniqueBy?.length\n      ? dropDownOption[optionsUniqueBy] == selectedDropDownValue[optionsUniqueBy]\n      : true;\n    const isOptionSelected = displaySelected && optionTxt === dropDownSelectedValue && selectByUniqueId;\n    return <div\n      key={`$drop-option-${optionTxt}`}\n      className={`option px-3 py-2 hover:bg-gray-100 cursor-pointer flex items-center justify-between ${isOptionSelected ? 'selected' : ''}`}\n      onClick={() => handleDropDownOptionClick(dropDownOption)}\n    >\n      {optionChip({...dropDownOption, isOptionSelected})}\n      {isOptionSelected && <div>&#10003;</div>}\n    </div>;\n  }\n\n  const renderDropdownContents = () => {\n    return <div className=\"dropdown-content dropdown-options\">{dropDownOptions?.map((dropDownOption) => dropDownOptionJsx(dropDownOption))}</div>;\n  };\n\n  const renderDropdownSelect = () => {\n    const borderColor = isDropDownOpen ? 'border-[var(--color-gray-900)]' : 'border-[var(--color-gray-200)]';\n    const drowDownSelectClass = `dropdown-src-element flex px-3 py-2 border rounded-md ${borderColor}`;\n\n    return <div className={drowDownSelectClass}>\n        {optionChip(selectedDropDownValue)}\n        <Icon name=\"down\" className={`ml-auto ${isDropDownOpen ? 'rotate-180' : ''} transition-transform`} />\n      </div>;\n  };\n\n  return (\n    <div className=\"dropdown-container\" style={props?.style}>\n      <Popover ref={popoverRef} renderPopoverContents={renderDropdownContents} contentWidth={'full'} renderPopoverSrcElement={renderDropdownSelect} onPopoverToggle={(value) => setIsDropDownOpen(value)} />\n    </div>\n  );\n};\n"],"names":["React__default","useState","useRef","Popover","Icon","Dropdown","props","isDropDownOpen","setIsDropDownOpen","selectedDropDownValue","setSelectedDropDownValue","defaultSelectedValue","popoverRef","selectBy","optionsUniqueBy","displaySelected","dropDownOptions","defaultText","handleDropDownOptionClick","dropDownOption","_a","_b","current","togglePopup","onOptionClick","optionChip","option","renderOptionChip","React","createElement","className","dropDownOptionJsx","optionTxt","dropDownSelectedValue","selectByUniqueId","length","isOptionSelected","key","onClick","__spreadProps","__spreadValues","renderDropdownContents","map","renderDropdownSelect","drowDownSelectClass","name","style","ref","renderPopoverContents","contentWidth","renderPopoverSrcElement","onPopoverToggle","value"],"mappings":";;;;;;;;;;;;AAuBO,OAAAA,KAAA,YAAAC,GAAA,UAAAC,SAAA;AAAA,SAAA,WAAAC,SAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,MAAMC,IAA+BC,CAAUA,MAAA;AACpD,QAAM,CAACC,GAAgBC,CAAiB,IAAIP,EAAS,EAAK,GACpD,CAACQ,GAAuBC,CAAwB,IAAIT,EAAwB,OAAMK,KAAAA,gBAAAA,EAAOK,yBAAwB,EAAE,GACnHC,IAAaV,EAAuC,IAAI,GAExD;AAAA,IAAEW,UAAAA,IAAW;AAAA,IAAIC,iBAAAA,IAAkB;AAAA,IAAIC,iBAAAA,IAAkB;AAAA,IAAOC,iBAAAA;AAAAA,IAAiBC,aAAAA,IAAc;AAAA,EAAA,IAAaX,GAE5GY,IAA4BA,CAACC,MAAwB;AAPtD,QAAAC,GAAAC;AAQHX,IAAAA,EAAyBS,CAAc,IACvCP,IAAAA,EAAWU,YAAXV,QAAAA,EAAoBW,gBACpBjB,IAAAA,KAAAA,gBAAAA,EAAOkB,kBAAPlB,QAAAA,EAAAA,KAAAA,GAAuBa;AAAAA,EACzB,GAEMM,IAAaA,CAACC,MACfpB,KAAAA,QAAAA,EAAOqB,mBACDrB,KAAAA,gBAAAA,EAAOqB,iBAAiBD,KAE1BE,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMC,WAAW;AAAA,EAAA,GAAgBJ,EAAOb,CAAQ,KAAKI,CAAkB,GAG1Ec,IAAoBA,CAACZ,MAAkC;AACrDa,UAAAA,IAAYb,EAAeN,CAAQ,GACnCoB,IAAwBxB,EAAsBI,CAAQ,KAAKI,GAC3DiB,IAAmBpB,KAAAA,QAAAA,EAAiBqB,SACtChB,EAAeL,CAAe,KAAKL,EAAsBK,CAAe,IACxE,IACEsB,IAAmBrB,KAAmBiB,MAAcC,KAAyBC;AAC5EN,WAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,MACLQ,KAAK,gBAAgBL,CAAS;AAAA,MAC9BF,WAAW,uFAAuFM,IAAmB,aAAa,EAAE;AAAA,MACpIE,SAASA,MAAMpB,EAA0BC,CAAc;AAAA,OAEtDM,EAAWc,EAAAC,EAAA,IAAIrB,IAAJ;AAAA,MAAoBiB,kBAAAA;AAAAA,IAAAA,EAAiB,GAChDA,KAAoBR,gBAAAA,EAAAC,cAAA,OAAA,MAAK,GAAa,CACpC;AAAA,EACP,GAEMY,IAAyBA,MACtBb,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GAAqCd,KAAAA,gBAAAA,EAAiB0B,IAAKvB,OAAmBY,EAAkBZ,CAAc,EAAQ,GAGxIwB,IAAuBA,MAAM;AAE3BC,UAAAA,IAAsB,yDADRrC,IAAiB,mCAAmC,gCACwB;AAEzFqB,WAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,MAAKC,WAAWc;AAAAA,OAClBnB,EAAWhB,CAAqB,GACjCmB,gBAAAA,EAAAC,cAACzB,GAAI;AAAA,MAACyC,MAAK;AAAA,MAAOf,WAAW,WAAWvB,IAAiB,eAAe,EAAE;AAAA,IAAA,CAA0B,CACjG;AAAA,EACT;AAGEqB,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,IAAqBgB,OAAOxC,KAAAA,gBAAAA,EAAOwC;AAAAA,EAAAA,GAChDjB,gBAAAA,EAAAA,cAAC1B,GAAO;AAAA,IAAC4C,KAAKnC;AAAAA,IAAYoC,uBAAuBP;AAAAA,IAAwBQ,cAAc;AAAA,IAAQC,yBAAyBP;AAAAA,IAAsBQ,iBAAkBC,CAAU5C,MAAAA,EAAkB4C,CAAK;AAAA,EAAA,CAAI,CAClM;AAET;"}

package/dist/index20.js

@@ -1,11 +1,138 @@
-const e = [
-  "pages",
-  "back",
-  "close",
-  "down",
-  "hamburger"
-];
+import e from "react";
+import { Popover as c } from "./index13.js";
+const m = ({
+  menuItems: n,
+  onMenuItemClick: o,
+  activeItem: l = "",
+  variant: a = "primary",
+  className: C = "",
+  automationId: i = ""
+}) => {
+  const s = () => {
+    switch (a) {
+      case "primary":
+        return /* @__PURE__ */ e.createElement("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "none"
+        }, /* @__PURE__ */ e.createElement("path", {
+          d: "M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z",
+          fill: "#5E6673"
+        }), /* @__PURE__ */ e.createElement("path", {
+          d: "M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z",
+          fill: "#5E6673"
+        }), /* @__PURE__ */ e.createElement("path", {
+          d: "M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z",
+          fill: "#5E6673"
+        }), /* @__PURE__ */ e.createElement("path", {
+          d: "M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z",
+          stroke: "#5E6673",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }), /* @__PURE__ */ e.createElement("path", {
+          d: "M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z",
+          stroke: "#5E6673",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }), /* @__PURE__ */ e.createElement("path", {
+          d: "M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z",
+          stroke: "#5E6673",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }));
+      case "secondary":
+        return /* @__PURE__ */ e.createElement("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "none"
+        }, /* @__PURE__ */ e.createElement("path", {
+          d: "M12 14C12.5523 14 13 13.5523 13 13C13 12.4477 12.5523 12 12 12C11.4477 12 11 12.4477 11 13C11 13.5523 11.4477 14 12 14Z",
+          fill: "#1088E7"
+        }), /* @__PURE__ */ e.createElement("path", {
+          d: "M19 14C19.5523 14 20 13.5523 20 13C20 12.4477 19.5523 12 19 12C18.4477 12 18 12.4477 18 13C18 13.5523 18.4477 14 19 14Z",
+          fill: "#1088E7"
+        }), /* @__PURE__ */ e.createElement("path", {
+          d: "M5 14C5.55228 14 6 13.5523 6 13C6 12.4477 5.55228 12 5 12C4.44772 12 4 12.4477 4 13C4 13.5523 4.44772 14 5 14Z",
+          fill: "#1088E7"
+        }), /* @__PURE__ */ e.createElement("path", {
+          d: "M12 14C12.5523 14 13 13.5523 13 13C13 12.4477 12.5523 12 12 12C11.4477 12 11 12.4477 11 13C11 13.5523 11.4477 14 12 14Z",
+          stroke: "#1088E7",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }), /* @__PURE__ */ e.createElement("path", {
+          d: "M19 14C19.5523 14 20 13.5523 20 13C20 12.4477 19.5523 12 19 12C18.4477 12 18 12.4477 18 13C18 13.5523 18.4477 14 19 14Z",
+          stroke: "#1088E7",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }), /* @__PURE__ */ e.createElement("path", {
+          d: "M5 14C5.55228 14 6 13.5523 6 13C6 12.4477 5.55228 12 5 12C4.44772 12 4 12.4477 4 13C4 13.5523 4.44772 14 5 14Z",
+          stroke: "#1088E7",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }));
+      default:
+        return /* @__PURE__ */ e.createElement("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "none"
+        }, /* @__PURE__ */ e.createElement("path", {
+          d: "M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z",
+          fill: "#5E6673"
+        }), /* @__PURE__ */ e.createElement("path", {
+          d: "M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z",
+          fill: "#5E6673"
+        }), /* @__PURE__ */ e.createElement("path", {
+          d: "M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z",
+          fill: "#5E6673"
+        }), /* @__PURE__ */ e.createElement("path", {
+          d: "M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z",
+          stroke: "#5E6673",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }), /* @__PURE__ */ e.createElement("path", {
+          d: "M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z",
+          stroke: "#5E6673",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }), /* @__PURE__ */ e.createElement("path", {
+          d: "M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z",
+          stroke: "#5E6673",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }));
+    }
+  };
+  return /* @__PURE__ */ e.createElement(c, {
+    className: C,
+    position: "bottom-left",
+    automationId: i,
+    renderPopoverSrcElement: ({
+      displayPopover: r
+    }) => /* @__PURE__ */ e.createElement("div", {
+      className: `${r ? "bg-[var(--color-blue-100)]" : ""} hover:bg-[var(--color-blue-100)] rounded-[6px] transition-all duration-300 w-max`
+    }, s()),
+    renderPopoverContents: ({
+      closePopoverCb: r
+    }) => /* @__PURE__ */ e.createElement("div", {
+      className: "min-w-[212px]"
+    }, n.map((t, d) => /* @__PURE__ */ e.createElement("div", {
+      key: d,
+      className: "w-full text-left p-2",
+      onClick: () => {
+        o && !t.isDisabled && o(t.label), !t.isDisabled && r();
+      }
+    }, /* @__PURE__ */ e.createElement("p", {
+      className: `py-2 px-1 hover:bg-[var(--color-blue-100)] rounded-[6px] ${l.toLowerCase() === t.label.toLowerCase() ? "bg-[var(--color-blue-100)]" : ""} ${t.isDisabled ? "text-[var(--color-gray-600)] hover:bg-transparent cursor-not-allowed" : ""}`
+    }, t.label))))
+  });
+};
 export {
-  e as iconNames
+  m as KebabMenu
 };
 //# sourceMappingURL=index20.js.map

package/dist/index20.js.map

@@ -1 +1 @@
-{"version":3,"file":"index20.js","sources":["../src/utils/iconNames.ts"],"sourcesContent":["export const iconNames = [\n  \"pages\",\n  \"back\",\n  \"close\",\n  \"down\",\n  \"hamburger\"\n];"],"names":["iconNames"],"mappings":"AAAO,MAAMA,IAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
+{"version":3,"file":"index20.js","sources":["../src/components/KebabMenu/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { Popover } from 'src/components/Popover';\nimport { MenuItemProps } from 'src/components/MenuItem';\n// import { Icon } from 'src/components/Icon';\n\nexport interface KebabMenuProps {\n  className?: string;\n  automationId?: string;\n  menuItems: MenuItemProps[];\n  variant?: 'primary' | 'secondary';\n  onMenuItemClick?: (label: string) => void;\n  activeItem?: string;\n}\n\nexport const KebabMenu: FC<KebabMenuProps> = ({ menuItems, onMenuItemClick, activeItem='', variant = 'primary', className = '', automationId = '' }) => {\n    const getIcon = () => {\n      // TODO: Use Icon component once SVG issue is resolved\n        switch(variant) {\n            case 'primary':\n                return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z\" fill=\"#5E6673\"/>\n                <path d=\"M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z\" fill=\"#5E6673\"/>\n                <path d=\"M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z\" fill=\"#5E6673\"/>\n                <path d=\"M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z\" stroke=\"#5E6673\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                <path d=\"M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z\" stroke=\"#5E6673\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                <path d=\"M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z\" stroke=\"#5E6673\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n              </svg>\n            case 'secondary':\n                return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M12 14C12.5523 14 13 13.5523 13 13C13 12.4477 12.5523 12 12 12C11.4477 12 11 12.4477 11 13C11 13.5523 11.4477 14 12 14Z\" fill=\"#1088E7\"/>\n                <path d=\"M19 14C19.5523 14 20 13.5523 20 13C20 12.4477 19.5523 12 19 12C18.4477 12 18 12.4477 18 13C18 13.5523 18.4477 14 19 14Z\" fill=\"#1088E7\"/>\n                <path d=\"M5 14C5.55228 14 6 13.5523 6 13C6 12.4477 5.55228 12 5 12C4.44772 12 4 12.4477 4 13C4 13.5523 4.44772 14 5 14Z\" fill=\"#1088E7\"/>\n                <path d=\"M12 14C12.5523 14 13 13.5523 13 13C13 12.4477 12.5523 12 12 12C11.4477 12 11 12.4477 11 13C11 13.5523 11.4477 14 12 14Z\" stroke=\"#1088E7\"strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                <path d=\"M19 14C19.5523 14 20 13.5523 20 13C20 12.4477 19.5523 12 19 12C18.4477 12 18 12.4477 18 13C18 13.5523 18.4477 14 19 14Z\" stroke=\"#1088E7\"strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                <path d=\"M5 14C5.55228 14 6 13.5523 6 13C6 12.4477 5.55228 12 5 12C4.44772 12 4 12.4477 4 13C4 13.5523 4.44772 14 5 14Z\" stroke=\"#1088E7\"strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n              </svg>\n              default:\n                return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z\" fill=\"#5E6673\"/>\n                <path d=\"M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z\" fill=\"#5E6673\"/>\n                <path d=\"M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z\" fill=\"#5E6673\"/>\n                <path d=\"M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z\" stroke=\"#5E6673\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                <path d=\"M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z\" stroke=\"#5E6673\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                <path d=\"M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z\" stroke=\"#5E6673\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n              </svg>\n        }\n    }\n  return <Popover\n      className={className}\n      position='bottom-left'\n      automationId={automationId}\n      renderPopoverSrcElement={({ displayPopover }) => (\n        <div className={`${displayPopover ? 'bg-[var(--color-blue-100)]' : ''} hover:bg-[var(--color-blue-100)] rounded-[6px] transition-all duration-300 w-max`}>\n            {getIcon()}\n        </div>\n      )}\n      renderPopoverContents={({ closePopoverCb }) => (\n        <div className=\"min-w-[212px]\">\n          {menuItems.map((item, index) => (\n            <div key={index} className='w-full text-left p-2' onClick={() => {\n                if(onMenuItemClick && !item.isDisabled) {\n                    onMenuItemClick(item.label);\n                  }\n                  !item.isDisabled && closePopoverCb()}}>\n                <p className={`py-2 px-1 hover:bg-[var(--color-blue-100)] rounded-[6px] ${activeItem.toLowerCase() === item.label.toLowerCase() ? 'bg-[var(--color-blue-100)]' : ''} ${item.isDisabled ? 'text-[var(--color-gray-600)] hover:bg-transparent cursor-not-allowed' : ''}`}>{item.label}</p></div>\n          ))}\n        </div>\n      )}\n    />\n};\n"],"names":["KebabMenu","menuItems","onMenuItemClick","activeItem","variant","className","automationId","getIcon","React","createElement","xmlns","width","height","viewBox","fill","d","stroke","strokeLinecap","strokeLinejoin","Popover","position","renderPopoverSrcElement","displayPopover","renderPopoverContents","closePopoverCb","map","item","index","key","onClick","isDisabled","label","toLowerCase"],"mappings":"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"}

package/dist/index21.js

@@ -1,5 +1,22 @@
-var e = { exports: {} };
+import e from "react";
+/* empty css        */
+const d = (a) => {
+  const {
+    noOfRows: n = 2,
+    noOfColumns: o = 4,
+    colSpan: r = [2, 0, 0]
+  } = a;
+  return [...Array(n)].map((m, l) => /* @__PURE__ */ e.createElement("tr", {
+    key: `tr-${l}`,
+    className: "table-content-loader"
+  }, [...Array(o)].map((c, t) => /* @__PURE__ */ e.createElement("td", {
+    colSpan: r[t],
+    key: `td-${t}`
+  }, /* @__PURE__ */ e.createElement("div", {
+    className: "loading-animation"
+  })))));
+};
 export {
-  e as __module
+  d as TableContentLoader
 };
 //# sourceMappingURL=index21.js.map

package/dist/index21.js.map

@@ -1 +1 @@
-{"version":3,"file":"index21.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index21.js","sources":["../src/components/TableContentLoader/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport './style.scss';\n\nexport interface TableContentLoaderProps {\n  noOfRows?: number;\n  noOfColumns?: number;\n  colSpan?: number[];\n}\n\nexport const TableContentLoader: FC<TableContentLoaderProps> = (props) => {\n  const { noOfRows = 2, noOfColumns = 4, colSpan = [2, 0, 0] } = props;\n\n  return [...Array(noOfRows)].map((_, index) => (\n    <tr key={`tr-${index}`} className=\"table-content-loader\">\n      {[...Array(noOfColumns)].map((_, idx) => (\n        <td colSpan={colSpan[idx]} key={`td-${idx}`}>\n          <div className=\"loading-animation\"></div>\n        </td>\n      ))}\n    </tr>\n  ));\n};\n"],"names":["React__default","TableContentLoader","props","noOfRows","noOfColumns","colSpan","Array","map","_","index","createElement","key","className","idx","React"],"mappings":"AASO,OAAAA,OAAA;AAAA,OAAA;AAAA,MAAMC,IAAmDC,CAAUA,MAAA;AAClE,QAAA;AAAA,IAAEC,UAAAA,IAAW;AAAA,IAAGC,aAAAA,IAAc;AAAA,IAAGC,SAAAA,IAAU,CAAC,GAAG,GAAG,CAAC;AAAA,EAAA,IAAMH;AAE/D,SAAO,CAAC,GAAGI,MAAMH,CAAQ,CAAC,EAAEI,IAAI,CAACC,GAAGC,MAClCC,gBAAAA,EAAAA,cAAA,MAAA;AAAA,IAAIC,KAAK,MAAMF,CAAK;AAAA,IAAIG,WAAU;AAAA,EAC/B,GAAA,CAAC,GAAGN,MAAMF,CAAW,CAAC,EAAEG,IAAI,CAACC,GAAGK,MAC/BC,gBAAAA,EAAAJ,cAAA,MAAA;AAAA,IAAIL,SAASA,EAAQQ,CAAG;AAAA,IAAGF,KAAK,MAAME,CAAG;AAAA,EAAA,GACvCH,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKE,WAAU;AAAA,EAAA,CAAyB,CACtC,CACL,CACC,CACL;AACH;"}