se-design 0.0.124 → 0.0.126

package/dist/index17.js

@@ -1,7 +1,7 @@
 var I = Object.defineProperty;
 var i = Object.getOwnPropertySymbols;
 var w = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
-var h = (e, o, t) => o in e ? I(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, C = (e, o) => {
+var h = (e, o, t) => o in e ? I(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, P = (e, o) => {
   for (var t in o || (o = {}))
     w.call(o, t) && h(e, t, o[t]);
   if (i)
@@ -9,7 +9,7 @@ var h = (e, o, t) => o in e ? I(e, o, { enumerable: !0, configurable: !0, writab
       y.call(o, t) && h(e, t, o[t]);
   return e;
 };
-var P = (e, o) => {
+var C = (e, o) => {
   var t = {};
   for (var r in e)
     w.call(e, r) && o.indexOf(r) < 0 && (t[r] = e[r]);
@@ -38,9 +38,9 @@ const K = /* @__PURE__ */ N((A, D) => {
     renderPopoverContents: H,
     renderPopoverSrcElement: L,
     onPopoverToggle: d,
-    isPopoverOpen: a,
+    isPopoverOpen: l,
     disabled: _ = !1
-  } = m, j = P(m, [
+  } = m, j = C(m, [
     "className",
     "automationId",
     "position",
@@ -52,19 +52,19 @@ const K = /* @__PURE__ */ N((A, D) => {
     "isPopoverOpen",
     "disabled"
   ]);
-  const [l, c] = E(!1), [X, g] = E(t), p = x(null), f = x(null);
+  const [a, c] = E(!1), [X, p] = E(t), g = x(null), f = x(null);
   R(() => {
-    if (d && d(l), l)
+    if (d && d(a), a)
       return document.body.addEventListener("click", b), $(), () => document.body.removeEventListener("click", b);
-  }, [l]), R(() => {
-    c(a != null ? a : !1);
-  }, [a]);
+  }, [a]), R(() => {
+    c(l != null ? l : !1);
+  }, [l]);
   const $ = () => {
     if (!f.current) return;
     const n = f.current.getBoundingClientRect(), s = window.innerHeight;
-    (n == null ? void 0 : n.bottom) > s ? g(t.includes("left") ? "top-left" : t.includes("right") ? "top-right" : "top-center") : (n == null ? void 0 : n.top) < 0 && g(t.includes("left") ? "bottom-left" : t.includes("right") ? "bottom-right" : "bottom-center");
+    (n == null ? void 0 : n.bottom) > s ? p(t.includes("left") ? "top-left" : t.includes("right") ? "top-right" : "top-center") : (n == null ? void 0 : n.top) < 0 && p(t.includes("left") ? "bottom-left" : t.includes("right") ? "bottom-right" : "bottom-center");
   }, b = (n) => {
-    const s = p.current;
+    const s = g.current;
     if (!s) return;
     const B = n.target;
     s.contains(B) || c(!1);
@@ -103,15 +103,17 @@ const K = /* @__PURE__ */ N((A, D) => {
     }
   };
   return /* @__PURE__ */ k.createElement("div", u({
-    className: "se-design-popover-wrapper cursor-pointer relative" + (e.length > 0 ? ` ${e}` : "") + (l ? " open" : "") + (_ ? " opacity-50 cursor-not-allowed pointer-events-none" : ""),
-    ref: p,
-    onClick: v,
+    className: "se-design-popover-wrapper cursor-pointer relative" + (e.length > 0 ? ` ${e}` : "") + (a ? " open" : "") + (_ ? " opacity-50 cursor-not-allowed pointer-events-none" : ""),
+    ref: g,
+    onClick: (n) => {
+      n.stopPropagation(), v();
+    },
     "data-automation-id": o
   }, j), L({
-    displayPopover: l
-  }), l && /* @__PURE__ */ k.createElement("div", {
+    displayPopover: a
+  }), a && /* @__PURE__ */ k.createElement("div", {
     className: `popover-content absolute shadow-md border rounded-md z-[1000] ${S == "full" ? "w-full" : "w-max"}`,
-    style: C({
+    style: P({
       borderColor: "var(--color-gray-200)",
       color: "var(--color-gray-900)",
       backgroundColor: "var(--color-white)"

package/dist/index17.js.map

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

package/dist/index170.js

@@ -1,5 +1,55 @@
-var e = {};
+import { __require as E } from "./index168.js";
+import { __require as _ } from "./index169.js";
+var f, v;
+function P() {
+  if (v) return f;
+  v = 1;
+  var o = function() {
+  };
+  if (process.env.NODE_ENV !== "production") {
+    var y = E(), t = {}, d = _();
+    o = function(n) {
+      var a = "Warning: " + n;
+      typeof console != "undefined" && console.error(a);
+      try {
+        throw new Error(a);
+      } catch (i) {
+      }
+    };
+  }
+  function u(n, a, i, s, c) {
+    if (process.env.NODE_ENV !== "production") {
+      for (var e in n)
+        if (d(n, e)) {
+          var r;
+          try {
+            if (typeof n[e] != "function") {
+              var h = Error(
+                (s || "React class") + ": " + i + " type `" + e + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[e] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+              );
+              throw h.name = "Invariant Violation", h;
+            }
+            r = n[e](a, e, s, i, null, y);
+          } catch (l) {
+            r = l;
+          }
+          if (r && !(r instanceof Error) && o(
+            (s || "React class") + ": type specification of " + i + " `" + e + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof r + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), r instanceof Error && !(r.message in t)) {
+            t[r.message] = !0;
+            var p = c ? c() : "";
+            o(
+              "Failed " + i + " type: " + r.message + (p != null ? p : "")
+            );
+          }
+        }
+    }
+  }
+  return u.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (t = {});
+  }, f = u, f;
+}
 export {
-  e as __exports
+  P as __require
 };
 //# sourceMappingURL=index170.js.map

package/dist/index170.js.map

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

package/dist/index171.js

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

package/dist/index171.js.map

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

package/dist/index172.js

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

package/dist/index172.js.map

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

package/dist/index21.js

@@ -1,42 +1,43 @@
-import s, { useState as x, useEffect as f } from "react";
+import n, { useState as h, useEffect as d } from "react";
 /* empty css         */
-const d = ({
+const $ = ({
   className: u = "",
   automationId: a = "",
   defaultChecked: o = !1,
-  disabled: e = !1,
+  disabled: t = !1,
   onChange: i,
-  checkMarkType: c = "",
-  label: r = ""
+  checkMarkType: s = "",
+  label: m = "",
+  disabledLabel: l = ""
 }) => {
-  const [n, l] = x(o);
-  f(() => {
-    l(o);
+  const [e, r] = h(o);
+  d(() => {
+    r(o);
   }, [o]);
-  const m = () => {
-    e || (l((t) => !t), i == null || i(!n));
-  }, b = () => {
-    const t = "focus-visible:outline outline-2 outline-[var(--color-blue-400)] outline-offset-2 rounded";
-    return e && !c ? "disabled" : e && c === "tick" ? "disabled-tick" : e && c === "minus-checkbox" ? "disabled-minus-checkbox" : c === "minus-checkbox" && n ? `minus-checkbox ${t}` : n ? `checked ${t}` : `unchecked ${t}`;
-  };
-  return /* @__PURE__ */ s.createElement("div", {
+  const b = () => {
+    t || (r((c) => !c), i == null || i(!e));
+  }, x = () => {
+    const c = "focus-visible:outline outline-2 outline-[var(--color-blue-400)] outline-offset-2 rounded";
+    return t ? e && s === "tick" ? "disabled-tick" : e && s === "minus-checkbox" ? "disabled-minus-checkbox" : e && !s ? "disabled-tick" : "disabled" : s === "minus-checkbox" && e ? `minus-checkbox ${c}` : e ? `checked ${c}` : `unchecked ${c}`;
+  }, f = () => t ? "checkbox-label-disabled" : "checkbox-label", k = () => t && l ? l : m;
+  return /* @__PURE__ */ n.createElement("div", {
     className: "se-design-checkbox-ctn"
-  }, /* @__PURE__ */ s.createElement("label", {
-    className: `se-design-checkbox ${u} ${b()}`,
+  }, /* @__PURE__ */ n.createElement("label", {
+    className: `se-design-checkbox ${u} ${x()}`,
     "data-automation-id": a,
-    tabIndex: e ? -1 : 0
-  }, /* @__PURE__ */ s.createElement("input", {
+    tabIndex: t ? -1 : 0
+  }, /* @__PURE__ */ n.createElement("input", {
     type: "checkbox",
-    checked: n,
-    onChange: m,
-    disabled: e
-  }), /* @__PURE__ */ s.createElement("span", {
+    checked: e,
+    onChange: b,
+    disabled: t
+  }), /* @__PURE__ */ n.createElement("span", {
     className: "checkbox-item"
-  })), /* @__PURE__ */ s.createElement("label", {
-    className: "checkbox-label"
-  }, r));
+  })), /* @__PURE__ */ n.createElement("label", {
+    className: f()
+  }, k()));
 };
 export {
-  d as Checkbox
+  $ as Checkbox
 };
 //# sourceMappingURL=index21.js.map

package/dist/index21.js.map

@@ -1 +1 @@
-{"version":3,"file":"index21.js","sources":["../src/components/Checkbox/index.tsx"],"sourcesContent":["import React, { FC, useState, useEffect } from 'react';\nimport \"./style.scss\";\n\nexport interface CheckboxProps {\n  className?: string;\n  automationId?: string;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  checkMarkType?: \"tick\" | \"minus-checkbox\" | \"\";\n  label?: string;\n}\n\nexport const Checkbox: FC<CheckboxProps> = ({\n  className = '',\n  automationId = '',\n  defaultChecked = false,\n  disabled = false,\n  onChange,\n  checkMarkType = '',\n  label = '',\n}) => {\n  \n  const [isChecked, setIsChecked] = useState(defaultChecked);\n\n  useEffect(() => {\n    setIsChecked(defaultChecked);\n  }, [defaultChecked]);\n\n  const handleClick = () => {\n    if (disabled) return;\n    setIsChecked((prev) => (checkMarkType === \"minus-checkbox\" ? !prev : !prev));\n    onChange?.(!isChecked);\n  };\n\n  const getCheckBoxClassName = () => { \n    const focusClass = 'focus-visible:outline outline-2 outline-[var(--color-blue-400)] outline-offset-2 rounded';\n    if (disabled && !checkMarkType) return 'disabled';\n    if (disabled && checkMarkType === \"tick\") return 'disabled-tick';\n    if (disabled && checkMarkType === \"minus-checkbox\") return 'disabled-minus-checkbox';\n    if (checkMarkType === \"minus-checkbox\" && isChecked) return `minus-checkbox ${focusClass}`;\n    return isChecked ? `checked ${focusClass}` : `unchecked ${focusClass}`;\n  };\n\n  return (\n    <div className=\"se-design-checkbox-ctn\">\n      <label className={`se-design-checkbox ${className} ${getCheckBoxClassName()}`} data-automation-id={automationId} tabIndex={disabled ? -1 : 0}>\n        <input \n          type=\"checkbox\" \n          checked={isChecked} \n          onChange={handleClick} \n          disabled={disabled}\n        />\n        <span className=\"checkbox-item\"></span>\n      </label>\n      <label className=\"checkbox-label\">{label}</label>\n    </div>\n  );\n};\n"],"names":["Checkbox","className","automationId","defaultChecked","disabled","onChange","checkMarkType","label","isChecked","setIsChecked","useState","useEffect","handleClick","prev","getCheckBoxClassName","focusClass","React","createElement","tabIndex","type","checked"],"mappings":";;AAaO,MAAMA,IAA8BA,CAAC;AAAA,EAC1CC,WAAAA,IAAY;AAAA,EACZC,cAAAA,IAAe;AAAA,EACfC,gBAAAA,IAAiB;AAAA,EACjBC,UAAAA,IAAW;AAAA,EACXC,UAAAA;AAAAA,EACAC,eAAAA,IAAgB;AAAA,EAChBC,OAAAA,IAAQ;AACV,MAAM;AAEJ,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAASP,CAAc;AAEzDQ,EAAAA,EAAU,MAAM;AACdF,IAAAA,EAAaN,CAAc;AAAA,EAAA,GAC1B,CAACA,CAAc,CAAC;AAEnB,QAAMS,IAAcA,MAAM;AACxB,IAAIR,MACJK,EAAcI,OAA+C,CAACA,CAAa,GAC3ER,KAAAA,QAAAA,EAAW,CAACG;AAAAA,EACd,GAEMM,IAAuBA,MAAM;AACjC,UAAMC,IAAa;AACfX,WAAAA,KAAY,CAACE,IAAsB,aACnCF,KAAYE,MAAkB,SAAe,kBAC7CF,KAAYE,MAAkB,mBAAyB,4BACvDA,MAAkB,oBAAoBE,IAAkB,kBAAkBO,CAAU,KACjFP,IAAY,WAAWO,CAAU,KAAK,aAAaA,CAAU;AAAA,EACtE;AAGEC,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKhB,WAAU;AAAA,EAAA,GACbgB,gBAAAA,EAAAA,cAAA,SAAA;AAAA,IAAOhB,WAAW,sBAAsBA,CAAS,IAAIa,EAAsB,CAAA;AAAA,IAAI,sBAAoBZ;AAAAA,IAAcgB,UAAUd,IAAW,KAAK;AAAA,EAAA,GACzIa,gBAAAA,EAAAA,cAAA,SAAA;AAAA,IACEE,MAAK;AAAA,IACLC,SAASZ;AAAAA,IACTH,UAAUO;AAAAA,IACVR,UAAAA;AAAAA,EAAAA,CACD,GACDa,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMhB,WAAU;AAAA,EAAsB,CAAA,CACjC,GACPe,gBAAAA,EAAAC,cAAA,SAAA;AAAA,IAAOhB,WAAU;AAAA,EAAgB,GAAEM,CAAa,CAC7C;AAET;"}
+{"version":3,"file":"index21.js","sources":["../src/components/Checkbox/index.tsx"],"sourcesContent":["import React, { FC, useState, useEffect } from 'react';\nimport \"./style.scss\";\n\nexport interface CheckboxProps {\n  className?: string;\n  automationId?: string;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  checkMarkType?: \"tick\" | \"minus-checkbox\" | \"\";\n  label?: string;\n  disabledLabel?: string;\n}\n\nexport const Checkbox: FC<CheckboxProps> = ({\n  className = '',\n  automationId = '',\n  defaultChecked = false,\n  disabled = false,\n  onChange,\n  checkMarkType = '',\n  label = '',\n  disabledLabel = '',\n}) => {\n  \n  const [isChecked, setIsChecked] = useState(defaultChecked);\n\n  useEffect(() => {\n    setIsChecked(defaultChecked);\n  }, [defaultChecked]);\n\n  const handleClick = () => {\n    if (disabled) return;\n    setIsChecked((prev) => (checkMarkType === \"minus-checkbox\" ? !prev : !prev));\n    onChange?.(!isChecked);\n  };\n\n  const getCheckBoxClassName = () => { \n    const focusClass = 'focus-visible:outline outline-2 outline-[var(--color-blue-400)] outline-offset-2 rounded';\n    \n    // Handle disabled states with proper checked status\n    if (disabled) {\n      if (isChecked && checkMarkType === \"tick\") return 'disabled-tick';\n      if (isChecked && checkMarkType === \"minus-checkbox\") return 'disabled-minus-checkbox';\n      if (isChecked && !checkMarkType) return 'disabled-tick'; // Default to tick for checked disabled\n      return 'disabled'; // Unchecked disabled\n    }\n    \n    // Handle enabled states\n    if (checkMarkType === \"minus-checkbox\" && isChecked) return `minus-checkbox ${focusClass}`;\n    return isChecked ? `checked ${focusClass}` : `unchecked ${focusClass}`;\n  };\n\n  const getLabelClassName = () => {\n    return disabled ? 'checkbox-label-disabled' : 'checkbox-label';\n  };\n\n  const getLabelText = () => {\n    if (disabled && disabledLabel) {\n      return disabledLabel;\n    }\n    return label;\n  };\n\n  return (\n    <div className=\"se-design-checkbox-ctn\">\n      <label className={`se-design-checkbox ${className} ${getCheckBoxClassName()}`} data-automation-id={automationId} tabIndex={disabled ? -1 : 0}>\n        <input \n          type=\"checkbox\" \n          checked={isChecked} \n          onChange={handleClick} \n          disabled={disabled}\n        />\n        <span className=\"checkbox-item\"></span>\n      </label>\n      <label className={getLabelClassName()}>{getLabelText()}</label>\n    </div>\n  );\n};\n"],"names":["Checkbox","className","automationId","defaultChecked","disabled","onChange","checkMarkType","label","disabledLabel","isChecked","setIsChecked","useState","useEffect","handleClick","prev","getCheckBoxClassName","focusClass","getLabelClassName","getLabelText","React","createElement","tabIndex","type","checked"],"mappings":";;AAcO,MAAMA,IAA8BA,CAAC;AAAA,EAC1CC,WAAAA,IAAY;AAAA,EACZC,cAAAA,IAAe;AAAA,EACfC,gBAAAA,IAAiB;AAAA,EACjBC,UAAAA,IAAW;AAAA,EACXC,UAAAA;AAAAA,EACAC,eAAAA,IAAgB;AAAA,EAChBC,OAAAA,IAAQ;AAAA,EACRC,eAAAA,IAAgB;AAClB,MAAM;AAEJ,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAASR,CAAc;AAEzDS,EAAAA,EAAU,MAAM;AACdF,IAAAA,EAAaP,CAAc;AAAA,EAAA,GAC1B,CAACA,CAAc,CAAC;AAEnB,QAAMU,IAAcA,MAAM;AACxB,IAAIT,MACJM,EAAcI,OAA+C,CAACA,CAAa,GAC3ET,KAAAA,QAAAA,EAAW,CAACI;AAAAA,EACd,GAEMM,IAAuBA,MAAM;AACjC,UAAMC,IAAa;AAGnB,WAAIZ,IACEK,KAAaH,MAAkB,SAAe,kBAC9CG,KAAaH,MAAkB,mBAAyB,4BACxDG,KAAa,CAACH,IAAsB,kBACjC,aAILA,MAAkB,oBAAoBG,IAAkB,kBAAkBO,CAAU,KACjFP,IAAY,WAAWO,CAAU,KAAK,aAAaA,CAAU;AAAA,EACtE,GAEMC,IAAoBA,MACjBb,IAAW,4BAA4B,kBAG1Cc,IAAeA,MACfd,KAAYI,IACPA,IAEFD;AAIPY,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKnB,WAAU;AAAA,EAAA,GACbmB,gBAAAA,EAAAA,cAAA,SAAA;AAAA,IAAOnB,WAAW,sBAAsBA,CAAS,IAAIc,EAAsB,CAAA;AAAA,IAAI,sBAAoBb;AAAAA,IAAcmB,UAAUjB,IAAW,KAAK;AAAA,EAAA,GACzIgB,gBAAAA,EAAAA,cAAA,SAAA;AAAA,IACEE,MAAK;AAAA,IACLC,SAASd;AAAAA,IACTJ,UAAUQ;AAAAA,IACVT,UAAAA;AAAAA,EAAAA,CACD,GACDgB,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMnB,WAAU;AAAA,EAAsB,CAAA,CACjC,GACPkB,gBAAAA,EAAAC,cAAA,SAAA;AAAA,IAAOnB,WAAWgB,EAAkB;AAAA,EAAA,GAAIC,EAAsB,CAAA,CAC3D;AAET;"}

package/dist/index23.js

@@ -1,97 +1,97 @@
 var F = Object.defineProperty, G = Object.defineProperties;
 var H = Object.getOwnPropertyDescriptors;
-var k = Object.getOwnPropertySymbols;
+var N = Object.getOwnPropertySymbols;
 var K = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable;
-var N = (e, n, d) => n in e ? F(e, n, { enumerable: !0, configurable: !0, writable: !0, value: d }) : e[n] = d, w = (e, n) => {
-  for (var d in n || (n = {}))
-    K.call(n, d) && N(e, d, n[d]);
-  if (k)
-    for (var d of k(n))
-      L.call(n, d) && N(e, d, n[d]);
+var s = (e, c, d) => c in e ? F(e, c, { enumerable: !0, configurable: !0, writable: !0, value: d }) : e[c] = d, w = (e, c) => {
+  for (var d in c || (c = {}))
+    K.call(c, d) && s(e, d, c[d]);
+  if (N)
+    for (var d of N(c))
+      L.call(c, d) && s(e, d, c[d]);
   return e;
-}, $ = (e, n) => G(e, H(n));
-import l, { useState as P, useRef as Q, useEffect as U } from "react";
+}, V = (e, c) => G(e, H(c));
+import l, { useState as $, useRef as Q, useEffect as U } from "react";
 import { Popover as Y } from "./index17.js";
-import { Icon as V } from "./index5.js";
+import { Icon as A } from "./index5.js";
 import { Checkbox as Z } from "./index21.js";
-import { Button as j } from "./index3.js";
-const ne = (e) => {
-  const [n, d] = P(!1), [a, i] = P(() => e != null && e.defaultSelectedValue ? [e.defaultSelectedValue] : []), f = Q(null), {
-    selectBy: u = "",
+import { Button as P } from "./index3.js";
+const ce = (e) => {
+  const [c, d] = $(!1), [n, u] = $(() => e != null && e.defaultSelectedValue ? Array.isArray(e == null ? void 0 : e.defaultSelectedValue) ? e == null ? void 0 : e.defaultSelectedValue : [e.defaultSelectedValue] : []), f = Q(null), {
+    selectBy: o = "",
     optionsUniqueBy: m = "",
-    displaySelected: I = !1,
-    dropDownOptions: o,
-    defaultText: s = "Select",
+    displaySelected: j = !1,
+    dropDownOptions: i,
+    defaultText: y = "Select",
     iconColor: x = "var(--color-gray-700)",
     disabled: v = !1,
-    dropdownClassName: M = "",
+    dropdownClassName: I = "",
     hasError: h = !1,
-    errorMessage: A = ""
+    errorMessage: M = ""
   } = e;
   U(() => {
-    i(e != null && e.defaultSelectedValue ? [e.defaultSelectedValue] : []);
+    u(e != null && e.defaultSelectedValue ? Array.isArray(e == null ? void 0 : e.defaultSelectedValue) ? e == null ? void 0 : e.defaultSelectedValue : [e.defaultSelectedValue] : []);
   }, [e == null ? void 0 : e.defaultSelectedValue]);
-  const y = (e == null ? void 0 : e.type) === "multi-select", B = (t) => {
-    var c, r;
-    i([t]), (c = f.current) == null || c.togglePopover(), (r = e == null ? void 0 : e.onOptionClick) == null || r.call(e, t);
-  }, R = (t) => y ? s : (t == null ? void 0 : t[u]) || s, T = () => {
-    i([]);
-  }, S = (t) => e != null && e.renderOptionChip ? e == null ? void 0 : e.renderOptionChip(t) : /* @__PURE__ */ l.createElement("p", {
+  const b = (e == null ? void 0 : e.type) === "multi-select", B = (t) => {
+    var a, r;
+    u([t]), (a = f.current) == null || a.togglePopover(), (r = e == null ? void 0 : e.onOptionClick) == null || r.call(e, t);
+  }, R = (t) => b ? y : (t == null ? void 0 : t[o]) || y, T = () => {
+    u([]);
+  }, C = (t) => e != null && e.renderOptionChip ? e == null ? void 0 : e.renderOptionChip(t) : /* @__PURE__ */ l.createElement("p", {
     className: "option-chip flex flex-1 items-center justify-between"
-  }, R(t), " ", y && (a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ l.createElement("span", {
+  }, R(t), " ", b && (n == null ? void 0 : n.length) > 0 && /* @__PURE__ */ l.createElement("span", {
     className: "w-5 h-5 mx-1 rounded-full bg-[var(--color-gray-700)] text-[var(--color-white)] text-sm flex items-center justify-center"
-  }, a == null ? void 0 : a.length)), J = (t) => {
-    var C, E;
-    const c = t[u], r = ((C = a[0]) == null ? void 0 : C[u]) || s, b = m != null && m.length ? t[m] == ((E = a[0]) == null ? void 0 : E[m]) : !0, g = I && c === r && b;
+  }, n == null ? void 0 : n.length)), J = (t) => {
+    var E, k;
+    const a = t[o], r = ((E = n[0]) == null ? void 0 : E[o]) || y, g = m != null && m.length ? t[m] == ((k = n[0]) == null ? void 0 : k[m]) : !0, S = j && a === r && g;
     return /* @__PURE__ */ l.createElement("div", {
-      key: `$drop-option-${c}`,
-      className: `option px-3 py-2 hover:bg-gray-100 cursor-pointer flex items-center justify-between ${g ? "selected" : ""}`,
+      key: `$drop-option-${a}`,
+      className: `option px-3 py-2 hover:bg-gray-100 cursor-pointer flex items-center justify-between ${S ? "selected" : ""}`,
       onClick: () => B(t)
-    }, S($(w({}, t), {
-      isOptionSelected: g
-    })), g && /* @__PURE__ */ l.createElement(V, {
+    }, C(V(w({}, t), {
+      isOptionSelected: S
+    })), S && /* @__PURE__ */ l.createElement(A, {
       name: "checkmark",
       stroke: x
     }));
   }, _ = () => /* @__PURE__ */ l.createElement("div", {
     className: "dropdown-content dropdown-options"
-  }, o == null ? void 0 : o.map((t) => J(t))), W = (t, c) => {
+  }, i == null ? void 0 : i.map((t) => J(t))), W = (t, a) => {
     let r = [];
-    t ? r = [...a, c] : r = a == null ? void 0 : a.filter((b) => b[m] !== c[m]), i(r);
+    t ? r = [...n, a] : r = n == null ? void 0 : n.filter((g) => g[m] !== a[m]), u(r);
   }, X = () => {
-    var t, c;
-    (t = f.current) == null || t.togglePopover(), (c = e == null ? void 0 : e.onApply) == null || c.call(e, a);
+    var t, a;
+    (t = f.current) == null || t.togglePopover(), (a = e == null ? void 0 : e.onApply) == null || a.call(e, n);
   }, q = (t) => {
-    const c = a.some((r) => r[m] === t[m]);
+    const a = n.some((r) => r[m] === t[m]);
     return /* @__PURE__ */ l.createElement("div", {
-      key: `$drop-option-${t[u]}`,
+      key: `$drop-option-${t[o]}`,
       className: "option px-3 py-2 hover:bg-gray-100 cursor-pointer flex items-center justify-between"
     }, /* @__PURE__ */ l.createElement(Z, {
       automationId: "checkbox",
       className: "checkbox",
-      defaultChecked: c,
+      defaultChecked: a,
       onChange: (r) => W(r, t),
       label: t == null ? void 0 : t.label
     }));
   }, z = () => /* @__PURE__ */ l.createElement("div", {
     className: "dropdown-content dropdown-options"
-  }, o == null ? void 0 : o.map((t) => q(t)), /* @__PURE__ */ l.createElement("div", {
+  }, i == null ? void 0 : i.map((t) => q(t)), /* @__PURE__ */ l.createElement("div", {
     className: "flex items-center justify-end gap-4 p-3 border-t border-[var(--color-gray-200)]"
-  }, /* @__PURE__ */ l.createElement(j, {
+  }, /* @__PURE__ */ l.createElement(P, {
     label: "Clear",
     type: "link",
     onClick: T
-  }), /* @__PURE__ */ l.createElement(j, {
+  }), /* @__PURE__ */ l.createElement(P, {
     label: "Apply",
     type: "primary",
     onClick: X
   }))), D = () => {
-    const t = n ? "border-[var(--color-blue-500)]" : v ? "border-[var(--color-gray-300)]" : "border-[var(--color-gray-600)]", c = h ? "border-[var(--color-red-500)]" : "", r = `dropdown-src-element bg-[var(--color-white)] flex px-3 py-2 border rounded-md ${c || t} flex items-center ${M}`;
+    const t = c ? "border-[var(--color-blue-500)]" : v ? "border-[var(--color-gray-300)]" : "border-[var(--color-gray-600)]", a = h ? "border-[var(--color-red-500)]" : "", r = `dropdown-src-element bg-[var(--color-white)] flex px-3 py-2 border rounded-md ${a || t} flex items-center ${I}`;
     return /* @__PURE__ */ l.createElement("div", {
       className: r
-    }, S(a[0]), /* @__PURE__ */ l.createElement(V, {
+    }, C(n[0]), /* @__PURE__ */ l.createElement(A, {
       name: "chevron",
-      rotation: n ? "180" : "0",
+      rotation: c ? "180" : "0",
       className: "ml-auto transition-transform",
       stroke: x
     }));
@@ -106,16 +106,16 @@ const ne = (e) => {
     className: `${v ? "bg-[var(--color-gray-50)] rounded-md cursor-not-allowed" : ""}`
   }, /* @__PURE__ */ l.createElement(Y, {
     ref: f,
-    renderPopoverContents: y ? z : _,
+    renderPopoverContents: b ? z : _,
     contentWidth: "full",
     renderPopoverSrcElement: D,
     onPopoverToggle: (t) => d(t),
     disabled: v
   })), h && /* @__PURE__ */ l.createElement("div", {
     className: "text-[var(--color-red-500)] text-sm"
-  }, A));
+  }, M));
 };
 export {
-  ne as Dropdown
+  ce as Dropdown
 };
 //# sourceMappingURL=index23.js.map

package/dist/index23.js.map

@@ -1 +1 @@
-{"version":3,"file":"index23.js","sources":["../src/components/Dropdown/index.tsx"],"sourcesContent":["import React, { FC, useState, useRef, useEffect } from 'react';\n\nimport { Popover, PopoverHandle } from 'src/components/Popover';\nimport { Icon } from 'components/Icon';\nimport { Checkbox } from '../Checkbox';\nimport { Button } from '../Button';\n\ntype DropdownValue = {\n  [key: string]: any;\n};\n\ntype DropdownProps = {\n  label?: string;\n  type: 'select' | 'multi-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  className?: string;\n  iconColor?: string;\n  disabled?: boolean;\n  dropdownClassName?: string;\n  hasError?: boolean;\n  errorMessage?: string;\n  onApply?: (selectedValue: DropdownValue[]) => void;\n};\n\nexport const Dropdown: FC<DropdownProps> = (props) => {\n  const [isDropDownOpen, setIsDropDownOpen] = useState(false);\n  const [selectedDropDownValues, setSelectedDropDownValues] = useState<DropdownValue[]>(() =>\n    props?.defaultSelectedValue ? [props.defaultSelectedValue] : []\n  );\n  const popoverRef = useRef<HTMLDivElement & PopoverHandle>(null);\n\n  const {\n    selectBy = '',\n    optionsUniqueBy = '',\n    displaySelected = false,\n    dropDownOptions,\n    defaultText = 'Select',\n    iconColor = 'var(--color-gray-700)',\n    disabled = false,\n    dropdownClassName = '',\n    hasError = false,\n    errorMessage = ''\n  } = props;\n\n  useEffect(() => {\n    setSelectedDropDownValues(props?.defaultSelectedValue ? [props.defaultSelectedValue] : []);\n  }, [props?.defaultSelectedValue]);\n\n  const isMultiSelect = props?.type === 'multi-select';\n\n  const handleDropDownOptionClick = (dropDownOption: any) => {\n    setSelectedDropDownValues([dropDownOption]);\n    popoverRef.current?.togglePopover();\n    props?.onOptionClick?.(dropDownOption);\n  };\n\n  const getSelectedDropDownValue = (option: DropdownValue) => {\n    if (isMultiSelect) {\n      return defaultText;\n    }\n    return option?.[selectBy] || defaultText;\n  };\n\n  const clearSelectedDropDownValues = () => {\n    setSelectedDropDownValues([]);\n  };\n\n  const optionChip = (option: DropdownValue) => {\n    if (props?.renderOptionChip) {\n      return props?.renderOptionChip(option);\n    }\n    return (\n      <p className={`option-chip flex flex-1 items-center justify-between`}>\n        {getSelectedDropDownValue(option)}{' '}\n        {isMultiSelect && selectedDropDownValues?.length > 0 && (\n          <span className=\"w-5 h-5 mx-1 rounded-full bg-[var(--color-gray-700)] text-[var(--color-white)] text-sm flex items-center justify-center\">\n            {selectedDropDownValues?.length}\n          </span>\n        )}\n      </p>\n    );\n  };\n\n  const dropDownOptionJsx = (dropDownOption: DropdownValue) => {\n    const optionTxt = dropDownOption[selectBy];\n    const dropDownSelectedValue = selectedDropDownValues[0]?.[selectBy] || defaultText;\n    const selectByUniqueId = optionsUniqueBy?.length\n      ? dropDownOption[optionsUniqueBy] == selectedDropDownValues[0]?.[optionsUniqueBy]\n      : true;\n    const isOptionSelected = displaySelected && optionTxt === dropDownSelectedValue && selectByUniqueId;\n    return (\n      <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 && <Icon name=\"checkmark\" stroke={iconColor} />}\n      </div>\n    );\n  };\n\n  const renderDropdownContents = () => {\n    return (\n      <div className=\"dropdown-content dropdown-options\">\n        {dropDownOptions?.map((dropDownOption) => dropDownOptionJsx(dropDownOption))}\n      </div>\n    );\n  };\n\n  const handleMultiSelectDropdownOptionClick = (isSelected: boolean, dropDownOption: DropdownValue) => {\n    let newSelectedDropDownValue: DropdownValue[] = [];\n    if (isSelected) {\n      newSelectedDropDownValue = [...selectedDropDownValues, dropDownOption];\n    } else {\n      newSelectedDropDownValue = selectedDropDownValues?.filter(\n        (option) => option[optionsUniqueBy] !== dropDownOption[optionsUniqueBy]\n      );\n    }\n    setSelectedDropDownValues(newSelectedDropDownValue);\n  };\n\n  const handleApplySelectedDropDownValues = () => {\n    popoverRef.current?.togglePopover();\n    props?.onApply?.(selectedDropDownValues);\n  };\n\n  const multiSelectDropdownOptionJSX = (dropDownOption: DropdownValue) => {\n    const isOptionSelected = selectedDropDownValues.some(\n      (option) => option[optionsUniqueBy] === dropDownOption[optionsUniqueBy]\n    );\n    return (\n      <div\n        key={`$drop-option-${dropDownOption[selectBy]}`}\n        className=\"option px-3 py-2 hover:bg-gray-100 cursor-pointer flex items-center justify-between\"\n      >\n        <Checkbox\n          automationId=\"checkbox\"\n          className=\"checkbox\"\n          defaultChecked={isOptionSelected}\n          onChange={(value) => handleMultiSelectDropdownOptionClick(value, dropDownOption)}\n          label={dropDownOption?.label}\n        />\n      </div>\n    );\n  };\n\n  const renderMultiSelectDropdownContents = () => {\n    return (\n      <div className=\"dropdown-content dropdown-options\">\n        {dropDownOptions?.map((dropDownOption) => multiSelectDropdownOptionJSX(dropDownOption))}\n        <div className=\"flex items-center justify-end gap-4 p-3 border-t border-[var(--color-gray-200)]\">\n          <Button label=\"Clear\" type=\"link\" onClick={clearSelectedDropDownValues} />\n          <Button label=\"Apply\" type=\"primary\" onClick={handleApplySelectedDropDownValues} />\n        </div>\n      </div>\n    );\n  };\n\n  const renderDropdownSelect = () => {\n    const borderColor = isDropDownOpen ? 'border-[var(--color-blue-500)]' : disabled ? 'border-[var(--color-gray-300)]' : 'border-[var(--color-gray-600)]';\n    const errorBorderColor = hasError ? 'border-[var(--color-red-500)]' : '';\n    const dropDownSelectClass = `dropdown-src-element bg-[var(--color-white)] flex px-3 py-2 border rounded-md ${errorBorderColor ? errorBorderColor : borderColor} flex items-center ${dropdownClassName}`;\n\n    return (\n      <div className={dropDownSelectClass}>\n        {optionChip(selectedDropDownValues[0])}\n        <Icon\n          name={'chevron'}\n          rotation={isDropDownOpen ? '180' : '0'}\n          className={`ml-auto transition-transform`}\n          stroke={iconColor}\n        />\n      </div>\n    );\n  };\n\n  return (\n    <div\n      className={`se-design-dropdown-container${props?.className ? ` ${props?.className}` : ''}`}\n      style={props?.style}\n    >\n      {props?.label && (\n        <div className=\"se-design-dropdown-label mb-[3px] text-[var(--color-gray-700)] text-sm\">{props?.label}</div>\n      )}\n      <div\n        style={props?.style}\n        className={`${disabled ? 'bg-[var(--color-gray-50)] rounded-md cursor-not-allowed' : ''}`}\n      >\n        <Popover\n          ref={popoverRef}\n          renderPopoverContents={isMultiSelect ? renderMultiSelectDropdownContents : renderDropdownContents}\n          contentWidth={'full'}\n          renderPopoverSrcElement={renderDropdownSelect}\n          onPopoverToggle={(value) => setIsDropDownOpen(value)}\n          disabled={disabled}\n        />\n      </div>\n      {hasError && <div className=\"text-[var(--color-red-500)] text-sm\">{errorMessage}</div>}\n    </div>\n  );\n};\n"],"names":["React__default","useState","useRef","useEffect","Popover","Icon","Checkbox","Button","Dropdown","props","isDropDownOpen","setIsDropDownOpen","selectedDropDownValues","setSelectedDropDownValues","defaultSelectedValue","popoverRef","selectBy","optionsUniqueBy","displaySelected","dropDownOptions","defaultText","iconColor","disabled","dropdownClassName","hasError","errorMessage","isMultiSelect","type","handleDropDownOptionClick","dropDownOption","_a","_b","current","togglePopover","onOptionClick","getSelectedDropDownValue","option","clearSelectedDropDownValues","optionChip","renderOptionChip","React","createElement","className","length","dropDownOptionJsx","optionTxt","dropDownSelectedValue","selectByUniqueId","isOptionSelected","key","onClick","__spreadProps","__spreadValues","name","stroke","renderDropdownContents","map","handleMultiSelectDropdownOptionClick","isSelected","newSelectedDropDownValue","filter","handleApplySelectedDropDownValues","onApply","multiSelectDropdownOptionJSX","some","automationId","defaultChecked","onChange","value","label","renderMultiSelectDropdownContents","renderDropdownSelect","borderColor","errorBorderColor","dropDownSelectClass","rotation","style","ref","renderPopoverContents","contentWidth","renderPopoverSrcElement","onPopoverToggle"],"mappings":"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"}
+{"version":3,"file":"index23.js","sources":["../src/components/Dropdown/index.tsx"],"sourcesContent":["import React, { FC, useState, useRef, useEffect } from 'react';\n\nimport { Popover, PopoverHandle } from 'src/components/Popover';\nimport { Icon } from 'components/Icon';\nimport { Checkbox } from '../Checkbox';\nimport { Button } from '../Button';\n\ntype DropdownValue = {\n  [key: string]: any;\n};\n\ntype DropdownProps = {\n  label?: string;\n  type: 'select' | 'multi-select';\n  dropDownOptions?: DropdownValue[];\n  defaultText?: string;\n  selectBy?: string;\n  optionsUniqueBy?: string;\n  displaySelected?: boolean;\n  defaultSelectedValue?: DropdownValue | DropdownValue[];\n  onOptionClick?: (selectedValue: DropdownValue) => void;\n  style?: React.CSSProperties;\n  renderOptionChip?: (option: DropdownValue) => React.ReactNode;\n  className?: string;\n  iconColor?: string;\n  disabled?: boolean;\n  dropdownClassName?: string;\n  hasError?: boolean;\n  errorMessage?: string;\n  onApply?: (selectedValue: DropdownValue[]) => void;\n};\n\nexport const Dropdown: FC<DropdownProps> = (props) => {\n  const [isDropDownOpen, setIsDropDownOpen] = useState(false);\n  const [selectedDropDownValues, setSelectedDropDownValues] = useState<DropdownValue[]>(() =>\n    props?.defaultSelectedValue\n      ? Array.isArray(props?.defaultSelectedValue)\n        ? props?.defaultSelectedValue\n        : [props.defaultSelectedValue]\n      : []\n  );\n  const popoverRef = useRef<HTMLDivElement & PopoverHandle>(null);\n\n  const {\n    selectBy = '',\n    optionsUniqueBy = '',\n    displaySelected = false,\n    dropDownOptions,\n    defaultText = 'Select',\n    iconColor = 'var(--color-gray-700)',\n    disabled = false,\n    dropdownClassName = '',\n    hasError = false,\n    errorMessage = ''\n  } = props;\n\n  useEffect(() => {\n    setSelectedDropDownValues(\n      props?.defaultSelectedValue\n        ? Array.isArray(props?.defaultSelectedValue)\n          ? props?.defaultSelectedValue\n          : [props.defaultSelectedValue]\n        : []\n    );\n  }, [props?.defaultSelectedValue]);\n\n  const isMultiSelect = props?.type === 'multi-select';\n\n  const handleDropDownOptionClick = (dropDownOption: any) => {\n    setSelectedDropDownValues([dropDownOption]);\n    popoverRef.current?.togglePopover();\n    props?.onOptionClick?.(dropDownOption);\n  };\n\n  const getSelectedDropDownValue = (option: DropdownValue) => {\n    if (isMultiSelect) {\n      return defaultText;\n    }\n    return option?.[selectBy] || defaultText;\n  };\n\n  const clearSelectedDropDownValues = () => {\n    setSelectedDropDownValues([]);\n  };\n\n  const optionChip = (option: DropdownValue) => {\n    if (props?.renderOptionChip) {\n      return props?.renderOptionChip(option);\n    }\n    return (\n      <p className={`option-chip flex flex-1 items-center justify-between`}>\n        {getSelectedDropDownValue(option)}{' '}\n        {isMultiSelect && selectedDropDownValues?.length > 0 && (\n          <span className=\"w-5 h-5 mx-1 rounded-full bg-[var(--color-gray-700)] text-[var(--color-white)] text-sm flex items-center justify-center\">\n            {selectedDropDownValues?.length}\n          </span>\n        )}\n      </p>\n    );\n  };\n\n  const dropDownOptionJsx = (dropDownOption: DropdownValue) => {\n    const optionTxt = dropDownOption[selectBy];\n    const dropDownSelectedValue = selectedDropDownValues[0]?.[selectBy] || defaultText;\n    const selectByUniqueId = optionsUniqueBy?.length\n      ? dropDownOption[optionsUniqueBy] == selectedDropDownValues[0]?.[optionsUniqueBy]\n      : true;\n    const isOptionSelected = displaySelected && optionTxt === dropDownSelectedValue && selectByUniqueId;\n    return (\n      <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 && <Icon name=\"checkmark\" stroke={iconColor} />}\n      </div>\n    );\n  };\n\n  const renderDropdownContents = () => {\n    return (\n      <div className=\"dropdown-content dropdown-options\">\n        {dropDownOptions?.map((dropDownOption) => dropDownOptionJsx(dropDownOption))}\n      </div>\n    );\n  };\n\n  const handleMultiSelectDropdownOptionClick = (isSelected: boolean, dropDownOption: DropdownValue) => {\n    let newSelectedDropDownValue: DropdownValue[] = [];\n    if (isSelected) {\n      newSelectedDropDownValue = [...selectedDropDownValues, dropDownOption];\n    } else {\n      newSelectedDropDownValue = selectedDropDownValues?.filter(\n        (option) => option[optionsUniqueBy] !== dropDownOption[optionsUniqueBy]\n      );\n    }\n    setSelectedDropDownValues(newSelectedDropDownValue);\n  };\n\n  const handleApplySelectedDropDownValues = () => {\n    popoverRef.current?.togglePopover();\n    props?.onApply?.(selectedDropDownValues);\n  };\n\n  const multiSelectDropdownOptionJSX = (dropDownOption: DropdownValue) => {\n    const isOptionSelected = selectedDropDownValues.some(\n      (option) => option[optionsUniqueBy] === dropDownOption[optionsUniqueBy]\n    );\n    return (\n      <div\n        key={`$drop-option-${dropDownOption[selectBy]}`}\n        className=\"option px-3 py-2 hover:bg-gray-100 cursor-pointer flex items-center justify-between\"\n      >\n        <Checkbox\n          automationId=\"checkbox\"\n          className=\"checkbox\"\n          defaultChecked={isOptionSelected}\n          onChange={(value) => handleMultiSelectDropdownOptionClick(value, dropDownOption)}\n          label={dropDownOption?.label}\n        />\n      </div>\n    );\n  };\n\n  const renderMultiSelectDropdownContents = () => {\n    return (\n      <div className=\"dropdown-content dropdown-options\">\n        {dropDownOptions?.map((dropDownOption) => multiSelectDropdownOptionJSX(dropDownOption))}\n        <div className=\"flex items-center justify-end gap-4 p-3 border-t border-[var(--color-gray-200)]\">\n          <Button label=\"Clear\" type=\"link\" onClick={clearSelectedDropDownValues} />\n          <Button label=\"Apply\" type=\"primary\" onClick={handleApplySelectedDropDownValues} />\n        </div>\n      </div>\n    );\n  };\n\n  const renderDropdownSelect = () => {\n    const borderColor = isDropDownOpen\n      ? 'border-[var(--color-blue-500)]'\n      : disabled\n        ? 'border-[var(--color-gray-300)]'\n        : 'border-[var(--color-gray-600)]';\n    const errorBorderColor = hasError ? 'border-[var(--color-red-500)]' : '';\n    const dropDownSelectClass = `dropdown-src-element bg-[var(--color-white)] flex px-3 py-2 border rounded-md ${errorBorderColor ? errorBorderColor : borderColor} flex items-center ${dropdownClassName}`;\n\n    return (\n      <div className={dropDownSelectClass}>\n        {optionChip(selectedDropDownValues[0])}\n        <Icon\n          name={'chevron'}\n          rotation={isDropDownOpen ? '180' : '0'}\n          className={`ml-auto transition-transform`}\n          stroke={iconColor}\n        />\n      </div>\n    );\n  };\n\n  return (\n    <div\n      className={`se-design-dropdown-container${props?.className ? ` ${props?.className}` : ''}`}\n      style={props?.style}\n    >\n      {props?.label && (\n        <div className=\"se-design-dropdown-label mb-[3px] text-[var(--color-gray-700)] text-sm\">{props?.label}</div>\n      )}\n      <div\n        style={props?.style}\n        className={`${disabled ? 'bg-[var(--color-gray-50)] rounded-md cursor-not-allowed' : ''}`}\n      >\n        <Popover\n          ref={popoverRef}\n          renderPopoverContents={isMultiSelect ? renderMultiSelectDropdownContents : renderDropdownContents}\n          contentWidth={'full'}\n          renderPopoverSrcElement={renderDropdownSelect}\n          onPopoverToggle={(value) => setIsDropDownOpen(value)}\n          disabled={disabled}\n        />\n      </div>\n      {hasError && <div className=\"text-[var(--color-red-500)] text-sm\">{errorMessage}</div>}\n    </div>\n  );\n};\n"],"names":["React__default","useState","useRef","useEffect","Popover","Icon","Checkbox","Button","Dropdown","props","isDropDownOpen","setIsDropDownOpen","selectedDropDownValues","setSelectedDropDownValues","defaultSelectedValue","Array","isArray","popoverRef","selectBy","optionsUniqueBy","displaySelected","dropDownOptions","defaultText","iconColor","disabled","dropdownClassName","hasError","errorMessage","isMultiSelect","type","handleDropDownOptionClick","dropDownOption","_a","_b","current","togglePopover","onOptionClick","getSelectedDropDownValue","option","clearSelectedDropDownValues","optionChip","renderOptionChip","React","createElement","className","length","dropDownOptionJsx","optionTxt","dropDownSelectedValue","selectByUniqueId","isOptionSelected","key","onClick","__spreadProps","__spreadValues","name","stroke","renderDropdownContents","map","handleMultiSelectDropdownOptionClick","isSelected","newSelectedDropDownValue","filter","handleApplySelectedDropDownValues","onApply","multiSelectDropdownOptionJSX","some","automationId","defaultChecked","onChange","value","label","renderMultiSelectDropdownContents","renderDropdownSelect","borderColor","errorBorderColor","dropDownSelectClass","rotation","style","ref","renderPopoverContents","contentWidth","renderPopoverSrcElement","onPopoverToggle"],"mappings":"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"}