@ck-ui/component-library 1.0.6 → 1.0.8

package/dist/components/MultiSelect/SimpleMultiSelect.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as r, Fragment as ae } from "react/jsx-runtime";
 import { useState as v, useRef as ce, useEffect as de, useMemo as ie, useCallback as u } from "react";
-import { s as t } from "../../styles.module-DlIBNC4w.js";
+import { s as t } from "../../styles.module-DSbSTQeV.js";
 import { Search as ue } from "../Search/index.js";
 import { S as me } from "../../info-icon-ooYw3va_.js";
 import { CKCheckbox as he } from "../CKCheckbox/index.js";
@@ -14,14 +14,14 @@ import { useDropdownDirection as we } from "./_utils/useDropdownDirection.js";
 import { mergeClasses as m } from "../../utils/mergeClasses.js";
 function je({
   label: T,
-  helperText: b,
+  helperText: k,
   required: q,
   placeholder: x = "Choose parameter",
   searchPlaceholder: B = "Search",
   selectAllLabel: j = "Select all",
   options: s,
   defaultSelected: F = [],
-  onApply: k,
+  onApply: N,
   exclude: C,
   setExclude: K,
   onSelect: I,
@@ -29,37 +29,37 @@ function je({
   classNames: h = {},
   showExcludeBtn: P,
   width: $ = "",
-  maxChips: N = 1
+  maxChips: y = 1
 }) {
-  const { labelWrapperClass: G, helperClass: H } = h, [y, O] = v(!1), [R, D] = v(""), [n, L] = v(
+  const { labelWrapperClass: G, helperClass: H } = h, [O, R] = v(!1), [D, w] = v(""), [n, L] = v(
     () => W(F)
   ), [o, g] = v(
     () => W(F)
-  ), [U, f] = v(!1), [V, c] = v(!1), M = ce(null), { vertical: z, horizontal: X } = we(M, y);
+  ), [U, f] = v(!1), [V, c] = v(!1), M = ce(null), { vertical: z, horizontal: X } = we(M, O);
   de(() => {
     const e = (l) => {
-      M.current && !M.current.contains(l.target) && (g(n), f(n?.length === s?.length), O(!1), c(!1), D(""));
+      M.current && !M.current.contains(l.target) && (g(n), f(n?.length === s?.length), R(!1), c(!1), w(""));
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
   }, [n, s.length]);
   const A = ie(
-    () => Ce(s, R),
-    [s, R]
+    () => Ce(s, D),
+    [s, D]
   ), Q = u(
     (e, l, p, ne) => {
       p || c(!1);
       const oe = (E) => {
-        const a = E?.some((w) => w?.value === e) ? E?.filter((w) => w?.value !== e) : [...E, { value: e, label: l }];
-        return f(a?.length === s?.length), a?.length <= N && c(!1), a;
+        const a = E?.some((S) => S?.value === e) ? E?.filter((S) => S?.value !== e) : [...E, { value: e, label: l }];
+        return f(a?.length === s?.length), a?.length <= y && c(!1), a;
       };
       if (ne) {
-        const a = ((d) => d?.some((S) => S?.value === e) ? d?.filter((S) => S?.value !== e) : [...d, { value: e, label: l }])(n), w = s?.filter((d) => a?.some((S) => S?.value === d?.value))?.map((d) => ({ ...d, isChecked: !0 }));
-        f(a?.length === s?.length), a?.length <= N && c(!1), L(a), g(a), k(w, C), I?.();
+        const a = ((d) => d?.some((b) => b?.value === e) ? d?.filter((b) => b?.value !== e) : [...d, { value: e, label: l }])(n), S = s?.filter((d) => a?.some((b) => b?.value === d?.value))?.map((d) => ({ ...d, isChecked: !0 }));
+        f(a?.length === s?.length), a?.length <= y && c(!1), L(a), g(a), N(S, C), I?.();
         return;
       }
       g(oe), I?.();
     },
-    [s, I, k, C, n, N]
+    [s, I, N, C, n, y]
   ), Y = u(() => {
     c(!1), f((e) => {
       const l = !e;
@@ -71,14 +71,14 @@ function je({
     g([]), f(!1), J?.();
   }, [J]), _ = u(() => {
     const e = s?.filter((l) => o?.some((p) => p?.value === l?.value))?.map((l) => ({ ...l, isChecked: !0 }));
-    k(e, C), L(o), O(!1);
-  }, [s, o, C, k]), ee = u(() => {
-    g(n), f(n?.length === s?.length), c(!1), O(!1), D("");
+    N(e, C), L(o), R(!1), w("");
+  }, [s, o, C, N]), ee = u(() => {
+    g(n), f(n?.length === s?.length), c(!1), R(!1), w("");
   }, [n, s.length]), le = u(() => {
-    O((e) => !e), c(!1);
+    R((e) => !e), c(!1);
   }, []), te = u((e) => {
     e.stopPropagation(), c((l) => !l);
-  }, []), se = JSON.stringify(o) === JSON.stringify(n), re = y ? o : n;
+  }, []), se = JSON.stringify(o) === JSON.stringify(n), re = O ? o : n;
   return /* @__PURE__ */ i("div", { className: t["ckds-wrapper"], style: { width: $ }, children: [
     T && /* @__PURE__ */ i(
       "span",
@@ -98,7 +98,7 @@ function je({
       /* @__PURE__ */ r(
         ge,
         {
-          open: y,
+          open: O,
           selected: re,
           placeholder: x,
           showMenu: V,
@@ -108,10 +108,10 @@ function je({
           onToggleMenu: te,
           onRemove: Q,
           classNames: h,
-          maxChips: N
+          maxChips: y
         }
       ),
-      b && /* @__PURE__ */ r(
+      k && /* @__PURE__ */ r(
         "div",
         {
           className: m(
@@ -122,25 +122,25 @@ function je({
           children: /* @__PURE__ */ i(ae, { children: [
             /* @__PURE__ */ r(me, { width: "12", height: "12" }),
             " ",
-            b
+            k
           ] })
         }
       ),
-      y && /* @__PURE__ */ i("div", { className: m(
+      O && /* @__PURE__ */ i("div", { className: m(
         t.dropdown,
         t[`dropdown-align-${X}`],
         z === "up" ? t["dropdown-up"] : "",
-        b && z === "down" ? t["dropdown-helper"] : "",
-        b && z === "up" ? t["dropdown-helper-up"] : ""
+        k && z === "down" ? t["dropdown-helper"] : "",
+        k && z === "up" ? t["dropdown-helper-up"] : ""
       ), children: [
         /* @__PURE__ */ r(
           ue,
           {
             size: "medium",
-            value: R,
+            value: D,
             placeholder: B,
-            onChange: D,
-            onClear: () => D(""),
+            onChange: w,
+            onClear: () => w(""),
             wrapperClassName: "",
             inputClassName: ""
           }
@@ -166,7 +166,7 @@ function je({
               h?.optionsListWrapperClass ?? ""
             ),
             children: [
-              R.length === 0 && /* @__PURE__ */ i(
+              D.length === 0 && /* @__PURE__ */ i(
                 "div",
                 {
                   className: m(

package/dist/components/MultiSelect/_helpers/DropdownFooter.js

@@ -1,5 +1,5 @@
 import { jsxs as t, jsx as s } from "react/jsx-runtime";
-import { s as l } from "../../../styles.module-DlIBNC4w.js";
+import { s as l } from "../../../styles.module-DSbSTQeV.js";
 import { CKButton as r } from "../../CKButton/index.js";
 import { mergeClasses as e } from "../../../utils/mergeClasses.js";
 const y = ({

package/dist/components/MultiSelect/_helpers/OptionRow.js

@@ -1,6 +1,6 @@
 import { jsxs as p, jsx as i } from "react/jsx-runtime";
 import { memo as a, useCallback as l } from "react";
-import { s as m } from "../../../styles.module-DlIBNC4w.js";
+import { s as m } from "../../../styles.module-DSbSTQeV.js";
 import { CKCheckbox as d } from "../../CKCheckbox/index.js";
 import { mergeClasses as t } from "../../../utils/mergeClasses.js";
 const u = a(function({

package/dist/components/MultiSelect/_helpers/OverflowMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowMenu.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_helpers/OverflowMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxD,QAAA,MAAM,YAAY,GAAI,wBAA4B,iBAAiB,4CAwDlE,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"OverflowMenu.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_helpers/OverflowMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,QAAA,MAAM,YAAY,GAAI,wBAA4B,iBAAiB,4CASlE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/MultiSelect/_helpers/OverflowMenu.js

@@ -1,35 +1,7 @@
-import { jsx as c } from "react/jsx-runtime";
-import { useRef as v, useState as g, useCallback as E, useLayoutEffect as z, useEffect as L } from "react";
-import { s as o } from "../../../styles.module-DlIBNC4w.js";
-import R from "./OverflowMenuItem.js";
-import { mergeClasses as b } from "../../../utils/mergeClasses.js";
-const B = ({ selected: u, maxChips: a = 2 }) => {
-  const r = v(null), [i, m] = g({
-    vertical: "down",
-    horizontal: "left"
-  }), e = E(() => {
-    const t = r.current;
-    if (!t) return;
-    const n = t.getBoundingClientRect(), s = window.innerHeight - n.top, f = n.bottom, d = window.innerWidth - n.left, w = t.scrollHeight, l = t.offsetWidth, h = s < w && f > s ? "up" : "down", p = d < l && n.left > l ? "right" : "left";
-    m({ vertical: h, horizontal: p });
-  }, []);
-  return z(() => {
-    e();
-  }, [e]), L(() => (window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
-    window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
-  }), [e]), /* @__PURE__ */ c(
-    "div",
-    {
-      ref: r,
-      className: b(
-        o["menu-list"],
-        i.vertical === "up" ? o["menu-list-up"] : "",
-        i.horizontal === "right" ? o["menu-list-right"] : ""
-      ),
-      children: u?.map((t, n) => n < a ? null : /* @__PURE__ */ c(R, { item: t }, t?.value))
-    }
-  );
-};
+import { jsx as r } from "react/jsx-runtime";
+import { s } from "../../../styles.module-DSbSTQeV.js";
+import n from "./OverflowMenuItem.js";
+const a = ({ selected: t, maxChips: m = 2 }) => /* @__PURE__ */ r("div", { className: s["menu-list"], children: t?.map((e, l) => l < m ? null : /* @__PURE__ */ r(n, { item: e }, e?.value)) });
 export {
-  B as default
+  a as default
 };

package/dist/components/MultiSelect/_helpers/OverflowMenuItem.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { s as i } from "../../../styles.module-DlIBNC4w.js";
+import { s as i } from "../../../styles.module-DSbSTQeV.js";
 import { Tooltip as f } from "../../Tooltip/index.js";
 import { useRef as a, useState as d, useLayoutEffect as u } from "react";
 import { mergeClasses as p } from "../../../utils/mergeClasses.js";

package/dist/components/MultiSelect/_helpers/SearchResult.js

@@ -1,5 +1,5 @@
 import { jsxs as s, Fragment as t, jsx as a } from "react/jsx-runtime";
-import { s as e } from "../../../styles.module-DlIBNC4w.js";
+import { s as e } from "../../../styles.module-DSbSTQeV.js";
 import { Toggle as o } from "../../Toggle/index.js";
 import { mergeClasses as r } from "../../../utils/mergeClasses.js";
 const f = ({

package/dist/components/MultiSelect/_helpers/TagContent.js

@@ -1,7 +1,7 @@
 import { jsxs as h, jsx as o } from "react/jsx-runtime";
 import v, { useRef as g, useState as w, useLayoutEffect as C, useCallback as l } from "react";
 import { S as O } from "../../../cancel-BAgTEOGD.js";
-import { s } from "../../../styles.module-DlIBNC4w.js";
+import { s } from "../../../styles.module-DSbSTQeV.js";
 import { Tooltip as R } from "../../Tooltip/index.js";
 const j = v.memo(function({
   label: t,

package/dist/components/MultiSelect/_helpers/TriggerButton.d.ts

@@ -1,4 +1,4 @@
 import { TriggerButtonProps } from '../_types/type';
-declare const TriggerButton: ({ open, selected, placeholder, showMenu, isAllSelected, selectAllLabel, requireSelection, onToggleOpen, onToggleMenu, onRemove, classNames, maxChips, }: TriggerButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const TriggerButton: ({ open, selected, placeholder, showMenu, isAllSelected, selectAllLabel, requireSelection, onToggleOpen, onRemove, classNames, maxChips, }: TriggerButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default TriggerButton;
 //# sourceMappingURL=TriggerButton.d.ts.map

package/dist/components/MultiSelect/_helpers/TriggerButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TriggerButton.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_helpers/TriggerButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAKzD,QAAA,MAAM,aAAa,GAAI,yJAapB,kBAAkB,4CAuFpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"TriggerButton.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_helpers/TriggerButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAOzD,QAAA,MAAM,aAAa,GAAI,2IAYpB,kBAAkB,4CA2IpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/MultiSelect/_helpers/TriggerButton.js

@@ -1,95 +1,121 @@
-import { jsxs as m, jsx as t, Fragment as N } from "react/jsx-runtime";
-import { useRef as O, useState as T, useEffect as y } from "react";
-import { s as r } from "../../../styles.module-DlIBNC4w.js";
-import { CKTag as z } from "../../CKTag/index.js";
-import { S as R } from "../../../chevron-down-Cm9R64Fe.js";
-import W from "./TagContent.js";
-import j from "./OverflowMenu.js";
-import { mergeClasses as n } from "../../../utils/mergeClasses.js";
-import { Tooltip as F } from "../../Tooltip/index.js";
-const H = ({
-  open: d,
-  selected: o,
-  placeholder: u,
-  showMenu: g,
-  isAllSelected: p,
-  selectAllLabel: c,
-  requireSelection: i,
-  onToggleOpen: v,
-  onToggleMenu: b,
-  onRemove: k,
-  classNames: f,
-  maxChips: s = 2
+import { jsxs as u, jsx as o, Fragment as N } from "react/jsx-runtime";
+import { useRef as h, useState as g, useEffect as D, useCallback as R, useLayoutEffect as F } from "react";
+import { s as r } from "../../../styles.module-DSbSTQeV.js";
+import { CKTag as I } from "../../CKTag/index.js";
+import { S as P } from "../../../chevron-down-Cm9R64Fe.js";
+import U from "./TagContent.js";
+import V from "./OverflowMenu.js";
+import { mergeClasses as s } from "../../../utils/mergeClasses.js";
+import { Tooltip as _ } from "../../Tooltip/index.js";
+const K = 150, q = ({
+  open: v,
+  selected: n,
+  placeholder: k,
+  showMenu: y,
+  isAllSelected: i,
+  selectAllLabel: f,
+  requireSelection: p,
+  onToggleOpen: B,
+  onRemove: L,
+  classNames: w,
+  maxChips: a = 2
 }) => {
-  const h = O(null), [w, C] = T(!1);
-  return y(() => {
-    const e = h.current;
+  const b = h(null), m = h(null), [z, H] = g(!1), [W, M] = g(!1), [j, O] = g(!1), c = h(null);
+  D(() => {
+    const e = b.current;
     if (!e) return;
-    const l = () => {
-      C(e.scrollWidth > e.clientWidth);
+    const t = () => {
+      H(e.scrollWidth > e.clientWidth);
     };
-    l();
-    const a = new ResizeObserver(l);
-    return a.observe(e), () => a.disconnect();
-  }, [c, p]), /* @__PURE__ */ m(
+    t();
+    const l = new ResizeObserver(t);
+    return l.observe(e), () => l.disconnect();
+  }, [f, i]);
+  const T = R((e) => {
+    e.stopPropagation(), c.current && (clearTimeout(c.current), c.current = null), M(!0);
+  }, []), C = R((e) => {
+    e.stopPropagation(), c.current = setTimeout(() => {
+      M(!1);
+    }, K);
+  }, []), d = y || W, E = !i && n?.length > a;
+  return F(() => {
+    if (!d || !m.current) return;
+    const t = m.current.getBoundingClientRect();
+    window.innerHeight - t.bottom < 0 ? O(!0) : O(!1);
+  }, [d]), /* @__PURE__ */ u(
     "button",
     {
-      className: n(
+      className: s(
         r.trigger,
-        d ? r["trigger-open"] : "",
-        f?.dropdownOpenerWrapperClass ?? ""
+        v ? r["trigger-open"] : "",
+        w?.dropdownOpenerWrapperClass ?? ""
       ),
-      onClick: v,
+      onClick: B,
       type: "button",
       children: [
-        o?.length > 0 ? /* @__PURE__ */ t("div", { className: r["selected-tags-container"], children: p ? /* @__PURE__ */ t(F, { title: w ? c : "", placement: "bottom", children: /* @__PURE__ */ t(
-          "span",
-          {
-            ref: h,
-            className: n("ckds-body-sm-reg", r["select-all-label"]),
-            children: c
-          }
-        ) }) : /* @__PURE__ */ m(N, { children: [
-          o.map((e, l) => {
-            if (l >= s) return null;
-            const a = !!(i && o.length === 1);
-            return /* @__PURE__ */ t(z, { variation: "INFO", size: "small", fill: "soft", children: /* @__PURE__ */ t(
-              W,
+        n?.length > 0 ? /* @__PURE__ */ u(N, { children: [
+          /* @__PURE__ */ o("div", { className: r["selected-tags-container"], children: i ? /* @__PURE__ */ o(_, { title: z ? f : "", placement: "bottom", children: /* @__PURE__ */ o(
+            "span",
+            {
+              ref: b,
+              className: s("ckds-body-sm-reg", r["select-all-label"]),
+              children: f
+            }
+          ) }) : /* @__PURE__ */ u(N, { children: [
+            n.map((e, t) => {
+              if (t >= a) return null;
+              const l = !!(p && n.length === 1);
+              return /* @__PURE__ */ o(I, { variation: "INFO", size: "small", fill: "soft", children: /* @__PURE__ */ o(
+                U,
+                {
+                  label: e?.label,
+                  value: e?.value,
+                  onRemove: L,
+                  hideCross: l
+                }
+              ) }, e.value);
+            }),
+            E && /* @__PURE__ */ u(
+              "span",
               {
-                label: e?.label,
-                value: e?.value,
-                onRemove: k,
-                hideCross: a
+                className: s("ckds-cap-med", r["overflow-count"]),
+                onMouseEnter: T,
+                onMouseLeave: C,
+                children: [
+                  "...+",
+                  n?.length - a
+                ]
               }
-            ) }, e.value);
-          }),
-          o?.length > s && /* @__PURE__ */ m(
-            "span",
+            )
+          ] }) }),
+          E && d && /* @__PURE__ */ o(
+            "div",
             {
-              className: n("ckds-cap-med", r["overflow-count"]),
-              onClick: b,
-              children: [
-                "...+",
-                o?.length - s
-              ]
+              ref: m,
+              className: s(
+                r["overflow-menu-portal"],
+                j ? r["overflow-menu-portal-up"] : ""
+              ),
+              onMouseEnter: T,
+              onMouseLeave: C,
+              children: /* @__PURE__ */ o(V, { selected: n, maxChips: a })
             }
-          ),
-          g && /* @__PURE__ */ t(j, { selected: o, maxChips: s })
-        ] }) }) : /* @__PURE__ */ t(
+          )
+        ] }) : /* @__PURE__ */ o(
           "span",
           {
-            className: n(
+            className: s(
               "ckds-body-sm-reg",
-              i ? r["placeholder-required"] : r.placeholder,
-              f?.placeholderClass ?? ""
+              p ? r["placeholder-required"] : r.placeholder,
+              w?.placeholderClass ?? ""
             ),
-            children: i ? "Select Atleast One" : u
+            children: p ? "Select Atleast One" : k
           }
         ),
-        /* @__PURE__ */ t(
-          R,
+        /* @__PURE__ */ o(
+          P,
           {
-            className: n(r.chevron, d ? r["chevron-up"] : ""),
+            className: s(r.chevron, v ? r["chevron-up"] : ""),
             width: "14",
             height: "14"
           }
@@ -99,5 +125,5 @@ const H = ({
   );
 };
 export {
-  H as default
+  q as default
 };

package/dist/components/MultiSelect/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/MultiSelect/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,gBAAgB,EAAgB,MAAM,eAAe,CAAC;AAQpE,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEzE,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,UAAU,EACV,QAAQ,EACR,WAAgC,EAChC,iBAA4B,EAC5B,cAA6B,EAC7B,OAAO,EACP,eAAoB,EACpB,OAAO,EACP,OAAO,EACP,UAAU,EACV,QAAQ,EACR,OAAO,EACP,UAAe,EACf,cAAc,EACd,gBAAwB,EACxB,KAAU,EACV,QAAgB,EAChB,QAAQ,EAAE,YAAgB,GAC3B,EAAE,gBAAgB,2CA6SlB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/MultiSelect/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,gBAAgB,EAAgB,MAAM,eAAe,CAAC;AAQpE,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEzE,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,UAAU,EACV,QAAQ,EACR,WAAgC,EAChC,iBAA4B,EAC5B,cAA6B,EAC7B,OAAO,EACP,eAAoB,EACpB,OAAO,EACP,OAAO,EACP,UAAU,EACV,QAAQ,EACR,OAAO,EACP,UAAe,EACf,cAAc,EACd,gBAAwB,EACxB,KAAU,EACV,QAAgB,EAChB,QAAQ,EAAE,YAAgB,GAC3B,EAAE,gBAAgB,2CA8SlB"}

package/dist/components/MultiSelect/index.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as o, Fragment as fe } from "react/jsx-runtime";
 import { useState as u, useRef as Ce, useEffect as H, useMemo as T, useCallback as p } from "react";
-import { s as t } from "../../styles.module-DlIBNC4w.js";
+import { s as t } from "../../styles.module-DSbSTQeV.js";
 import { Search as ve } from "../Search/index.js";
 import { S as we } from "../../info-icon-ooYw3va_.js";
 import { CKCheckbox as be } from "../CKCheckbox/index.js";
@@ -15,14 +15,14 @@ import { useDropdownDirection as Re } from "./_utils/useDropdownDirection.js";
 import { mergeClasses as f } from "../../utils/mergeClasses.js";
 function Pe({
   label: $,
-  helperText: y,
+  helperText: N,
   required: U,
   placeholder: V = "Choose parameter",
   searchPlaceholder: X = "Search",
   selectAllLabel: j = "Select all",
   options: l,
   defaultSelected: F = [],
-  onApply: N,
+  onApply: A,
   exclude: d,
   setExclude: Y,
   onSelect: S,
@@ -34,39 +34,39 @@ function Pe({
   disabled: x = !1,
   maxChips: q = 1
 }) {
-  const { labelWrapperClass: ee, helperClass: le } = C, [A, D] = u(!1), [E, R] = u(""), [n, Q] = u(
+  const { labelWrapperClass: ee, helperClass: le } = C, [D, E] = u(!1), [R, b] = u(""), [n, Q] = u(
     () => J(F)
   ), [r, v] = u(
     () => J(F)
-  ), [W, K] = u(d), [te, g] = u(!1), [se, h] = u(!1), I = Ce(null), { vertical: z, horizontal: ne } = Re(I, A);
+  ), [W, K] = u(d), [te, g] = u(!1), [se, h] = u(!1), I = Ce(null), { vertical: z, horizontal: ne } = Re(I, D);
   H(() => {
     g(n?.length === l?.length);
   }, []), H(() => {
     const e = (s) => {
-      I.current && !I.current.contains(s.target) && (v(n), g(n?.length === l?.length), D(!1), h(!1), R(""));
+      I.current && !I.current.contains(s.target) && (v(n), g(n?.length === l?.length), E(!1), h(!1), b(""));
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
   }, [n, l.length]);
   const B = T(
-    () => De(l, E),
-    [l, E]
+    () => De(l, R),
+    [l, R]
   ), M = a ? 1 : q, P = p(
     (e, s, w, ue) => {
       w || h(!1);
       const pe = (O) => {
-        const c = O?.some((b) => b?.value === e) ? O?.filter((b) => b?.value !== e) : [...O, { value: e, label: s }];
+        const c = O?.some((k) => k?.value === e) ? O?.filter((k) => k?.value !== e) : [...O, { value: e, label: s }];
         return g(c?.length === l?.length), c?.length <= M && h(!1), c;
       };
       if (ue) {
         if (a && n?.length === 1 && n[0]?.value === e)
           return;
-        const c = ((m) => m?.some((k) => k?.value === e) ? m?.filter((k) => k?.value !== e) : [...m, { value: e, label: s }])(n), b = l?.filter((m) => c?.some((k) => k?.value === m?.value))?.map((m) => ({ ...m, isChecked: !0 }));
-        g(c?.length === l?.length), c?.length <= M && h(!1), Q(c), v(c), N(b, d), K(d), S?.();
+        const c = ((m) => m?.some((y) => y?.value === e) ? m?.filter((y) => y?.value !== e) : [...m, { value: e, label: s }])(n), k = l?.filter((m) => c?.some((y) => y?.value === m?.value))?.map((m) => ({ ...m, isChecked: !0 }));
+        g(c?.length === l?.length), c?.length <= M && h(!1), Q(c), v(c), A(k, d), K(d), S?.();
         return;
       }
       v(pe), S?.();
     },
-    [M, l, S, a, n, N, d]
+    [M, l, S, a, n, A, d]
   ), re = p(() => {
     h(!1), g((e) => {
       const s = !e;
@@ -78,17 +78,17 @@ function Pe({
     v([]), g(!1), L?.();
   }, [L]), oe = p(() => {
     const e = l?.filter((s) => r?.some((w) => w?.value === s?.value))?.map((s) => ({ ...s, isChecked: !0 }));
-    N(e, d), Q(r), K(d), D(!1);
-  }, [l, r, d, N]), de = p(() => {
-    v(n), g(n?.length === l?.length), h(!1), D(!1), R("");
+    A(e, d), Q(r), K(d), E(!1), b("");
+  }, [l, r, d, A]), de = p(() => {
+    v(n), g(n?.length === l?.length), h(!1), E(!1), b("");
   }, [n, l.length]), ce = p(() => {
-    x || (D((e) => !e), h(!1));
+    x || (E((e) => !e), h(!1));
   }, [x]), he = p((e) => {
     e.stopPropagation(), h((s) => !s);
   }, []), me = T(
     () => d !== W && r?.length > 0 ? !1 : Ee(r, n, a),
     [r, n, a, d, W]
-  ), G = A ? r : n, ge = a && G?.length === l?.length && l?.length > 0, ie = T(() => !a && r.length > 0 && r.length < l.length, [r, l.length, a]);
+  ), G = D ? r : n, ge = a && G?.length === l?.length && l?.length > 0, ie = T(() => !a && r.length > 0 && r.length < l.length, [r, l.length, a]);
   return /* @__PURE__ */ i("div", { className: `${t["ckds-wrapper"]} ${x ? t["ckds-wrapper-disabled"] : ""}`, style: { width: _ }, children: [
     $ && !a && /* @__PURE__ */ i(
       "span",
@@ -108,7 +108,7 @@ function Pe({
       /* @__PURE__ */ o(
         ke,
         {
-          open: A,
+          open: D,
           selected: G,
           placeholder: V,
           showMenu: se,
@@ -122,7 +122,7 @@ function Pe({
           maxChips: M
         }
       ),
-      y && !a && /* @__PURE__ */ o(
+      N && !a && /* @__PURE__ */ o(
         "div",
         {
           className: f(
@@ -133,25 +133,25 @@ function Pe({
           children: /* @__PURE__ */ i(fe, { children: [
             /* @__PURE__ */ o(we, { width: "12", height: "12" }),
             " ",
-            y
+            N
           ] })
         }
       ),
-      A && /* @__PURE__ */ i("div", { className: f(
+      D && /* @__PURE__ */ i("div", { className: f(
         t.dropdown,
         t[`dropdown-align-${ne}`],
         z === "up" ? t["dropdown-up"] : "",
-        y && z === "down" ? t["dropdown-helper"] : "",
-        y && z === "up" ? t["dropdown-helper-up"] : ""
+        N && z === "down" ? t["dropdown-helper"] : "",
+        N && z === "up" ? t["dropdown-helper-up"] : ""
       ), children: [
         /* @__PURE__ */ o(
           ve,
           {
             size: "medium",
-            value: E,
+            value: R,
             placeholder: X,
-            onChange: R,
-            onClear: () => R(""),
+            onChange: b,
+            onClear: () => b(""),
             wrapperClassName: "",
             inputClassName: ""
           }
@@ -177,7 +177,7 @@ function Pe({
               C?.optionsListWrapperClass ?? ""
             ),
             children: [
-              E.length === 0 && /* @__PURE__ */ i(
+              R.length === 0 && /* @__PURE__ */ i(
                 "div",
                 {
                   className: f(

package/dist/components/Pagination/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Pagination/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAMjE,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,oBAA4B,EAC5B,eAA2C,EAC3C,YAAY,EACZ,SAAS,GACV,EAAE,eAAe,kDA4KjB;yBAtLe,UAAU"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Pagination/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAQjE,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,oBAA4B,EAC5B,eAA2C,EAC3C,YAAY,EACZ,SAAS,GACV,EAAE,eAAe,kDA4KjB;yBAtLe,UAAU"}