@ck-ui/component-library 0.2.0 → 1.0.0

package/dist/components/GroupedMultiSelect/_types/type.d.ts

@@ -7,7 +7,12 @@ export interface MultiSelectGroup {
         isChecked?: boolean;
     }[];
 }
-interface classNames {
+/** A lightweight selected-item shape used internally across helpers. */
+export type SelectedItem = {
+    value: string;
+    label: string;
+};
+export interface ClassNames {
     labelWrapperClass?: string;
     helperClass?: string;
     dropdownOpenerWrapperClass?: string;
@@ -38,7 +43,8 @@ export interface GroupedMultiSelectProps {
     setExclude: React.Dispatch<React.SetStateAction<boolean>>;
     onSelect?: () => void;
     onClear?: () => void;
-    classNames?: classNames;
+    classNames?: ClassNames;
+    showExcludeBtn?: boolean;
 }
 export interface TagContentProps {
     label: string;
@@ -50,6 +56,7 @@ export interface ResultProps {
     exclude: boolean;
     setExclude: React.Dispatch<React.SetStateAction<boolean>>;
     isToggleDisable: boolean;
+    showExcludeBtn?: boolean;
 }
 export interface SearchProps {
     isFocused: boolean;
@@ -59,48 +66,48 @@ export interface SearchProps {
     handleBlur: () => void;
     handleSearchChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     handleClearSearch: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    classNames: classNames;
+    classNames: ClassNames;
 }
 export interface OptionRowProps {
     value: string;
     label: string;
     checked: boolean;
     onToggle: (val: string, label: string) => void;
-    classNames: classNames;
+    classNames: ClassNames;
 }
 export interface TriggerButtonProps {
     open: boolean;
-    selected: {
-        value: string;
-        label: string;
-    }[];
+    selected: SelectedItem[];
     placeholder: string;
     showMenu: boolean;
     onToggleOpen: () => void;
     onToggleMenu: (e: React.MouseEvent) => void;
     onRemove: (val: string, label: string) => void;
-    classNames: classNames;
+    classNames: ClassNames;
 }
 export interface OptionsListProps {
     filteredGroups: MultiSelectGroup[];
-    selected: {
-        value: string;
-        label: string;
-    }[];
+    selected: SelectedItem[];
     isAllSelected: boolean;
     searchQuery: string;
     onToggle: (val: string, label: string) => void;
     onSelectAll: () => void;
     setShowMenu: React.Dispatch<React.SetStateAction<boolean>>;
-    classNames: classNames;
+    classNames: ClassNames;
 }
 export interface DropdownFooterProps {
     onClear: () => void;
     onCancel: () => void;
     onApply: () => void;
-    classNames: classNames;
+    classNames: ClassNames;
     isClearDisabled: boolean;
     isApplyDisabled: boolean;
 }
-export {};
+export interface MenuItemProps {
+    item: SelectedItem;
+}
+export interface MenuListProps {
+    selected: SelectedItem[];
+    handleChecked: (val: string, labelText: string, isMenuClick?: boolean) => void;
+}
 //# sourceMappingURL=type.d.ts.map

package/dist/components/GroupedMultiSelect/_types/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedMultiSelect/_types/type.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedMultiSelect/_types/type.ts"],"names":[],"mappings":"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"}

package/dist/components/GroupedMultiSelect/_utils/computeApplyDisabled.d.ts

@@ -0,0 +1,7 @@
+import { SelectedItem } from '../_types/type';
+/**
+ * Returns true when the current selection is identical to the last applied
+ * selection (i.e. nothing has changed, so Apply should be disabled).
+ */
+export declare function computeApplyDisabled(currentSelected: SelectedItem[], applied: SelectedItem[]): boolean;
+//# sourceMappingURL=computeApplyDisabled.d.ts.map

package/dist/components/GroupedMultiSelect/_utils/computeApplyDisabled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"computeApplyDisabled.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedMultiSelect/_utils/computeApplyDisabled.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,eAAe,EAAE,YAAY,EAAE,EAC/B,OAAO,EAAE,YAAY,EAAE,GACtB,OAAO,CAIT"}

package/dist/components/GroupedMultiSelect/_utils/computeApplyDisabled.js

@@ -0,0 +1,8 @@
+function l(t, n) {
+  if (t?.length !== n?.length) return !1;
+  const a = new Set(t?.map((e) => e?.value));
+  return n?.every((e) => a?.has(e?.value));
+}
+export {
+  l as computeApplyDisabled
+};

package/dist/components/GroupedMultiSelect/_utils/filterSeachedGroups.d.ts

@@ -1,3 +1,3 @@
-import { MultiSelectGroup } from '../index';
+import { MultiSelectGroup } from '../_types/type';
 export declare function filterSeachedGroups(groups: MultiSelectGroup[], query: string): MultiSelectGroup[];
 //# sourceMappingURL=filterSeachedGroups.d.ts.map

package/dist/components/GroupedMultiSelect/_utils/filterSeachedGroups.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filterSeachedGroups.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedMultiSelect/_utils/filterSeachedGroups.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,gBAAgB,EAAE,EAC1B,KAAK,EAAE,MAAM,GACZ,gBAAgB,EAAE,CAWpB"}
+{"version":3,"file":"filterSeachedGroups.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedMultiSelect/_utils/filterSeachedGroups.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,gBAAgB,EAAE,EAC1B,KAAK,EAAE,MAAM,GACZ,gBAAgB,EAAE,CAWpB"}

package/dist/components/GroupedMultiSelect/_utils/filterSeachedGroups.js

@@ -1,8 +1,8 @@
 function n(t, r) {
-  const o = r.trim().toLowerCase();
+  const o = r?.trim()?.toLowerCase();
   return o ? t?.map((e) => ({
     ...e,
-    options: e.options?.filter(
+    options: e?.options?.filter(
       (i) => i?.label?.toLowerCase()?.includes(o)
     )
   }))?.filter((e) => e?.options?.length > 0) : t;

package/dist/components/GroupedMultiSelect/_utils/getDefaultSelected.d.ts

@@ -1,4 +1,4 @@
-import { MultiSelectGroup } from '../index';
+import { MultiSelectGroup } from '../_types/type';
 export declare function getDefaultSelected(defaultSelected?: MultiSelectGroup[]): {
     value: string;
     label: string;

package/dist/components/GroupedMultiSelect/_utils/getDefaultSelected.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getDefaultSelected.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedMultiSelect/_utils/getDefaultSelected.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,wBAAgB,kBAAkB,CAChC,eAAe,GAAE,gBAAgB,EAAO,GACvC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,CAMpC"}
+{"version":3,"file":"getDefaultSelected.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedMultiSelect/_utils/getDefaultSelected.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,wBAAgB,kBAAkB,CAChC,eAAe,GAAE,gBAAgB,EAAO,GACvC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,CAMpC"}

package/dist/components/GroupedMultiSelect/_utils/getDefaultSelected.js

@@ -1,5 +1,5 @@
 function t(l = []) {
-  return l.flatMap(
+  return l?.flatMap(
     (a) => a?.options?.filter((e) => e?.isChecked)?.map((e) => ({ value: e?.value, label: e?.label }))
   );
 }

package/dist/components/GroupedMultiSelect/_utils/getResponsePayload.d.ts

@@ -1,4 +1,4 @@
-import { MultiSelectGroup } from '../index';
+import { MultiSelectGroup } from '../_types/type';
 export declare function getResponsePayload(groups: MultiSelectGroup[], selected: {
     value: string;
     label: string;

package/dist/components/GroupedMultiSelect/_utils/getResponsePayload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getResponsePayload.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedMultiSelect/_utils/getResponsePayload.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,gBAAgB,EAAE,EAC1B,QAAQ,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,GAC3C,gBAAgB,EAAE,CASpB"}
+{"version":3,"file":"getResponsePayload.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedMultiSelect/_utils/getResponsePayload.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,gBAAgB,EAAE,EAC1B,QAAQ,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,GAC3C,gBAAgB,EAAE,CASpB"}

package/dist/components/GroupedMultiSelect/_utils/selectAllOptions.d.ts

@@ -1,4 +1,4 @@
-import { MultiSelectGroup } from '../index';
+import { MultiSelectGroup } from '../_types/type';
 export declare function selectAllOptions(groups: MultiSelectGroup[]): {
     value: string;
     label: string;

package/dist/components/GroupedMultiSelect/_utils/selectAllOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selectAllOptions.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedMultiSelect/_utils/selectAllOptions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,gBAAgB,EAAE,GACzB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,CAIpC"}
+{"version":3,"file":"selectAllOptions.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedMultiSelect/_utils/selectAllOptions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,gBAAgB,EAAE,GACzB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,CAIpC"}

package/dist/components/GroupedMultiSelect/index.d.ts

@@ -1,4 +1,4 @@
 import { GroupedMultiSelectProps } from './_types/type';
 export type { MultiSelectGroup, GroupedMultiSelectProps } from './_types/type';
-export declare function GroupedMultiSelect({ label, helperText, required, placeholder, searchPlaceholder, groups, defaultSelected, onApply, exclude, setExclude, onSelect, onClear, classNames, }: GroupedMultiSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function GroupedMultiSelect({ label, helperText, required, placeholder, searchPlaceholder, groups, defaultSelected, onApply, exclude, setExclude, onSelect, onClear, classNames, showExcludeBtn, }: GroupedMultiSelectProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/GroupedMultiSelect/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,YAAY,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAG/E,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,UAAU,EACV,QAAQ,EACR,WAAgC,EAChC,iBAA4B,EAC5B,MAAM,EACN,eAAe,EACf,OAAO,EACP,OAAO,EACP,UAAU,EACV,QAAQ,EACR,OAAO,EACP,UAAe,GAChB,EAAE,uBAAuB,2CA2MzB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/GroupedMultiSelect/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,uBAAuB,EAAgB,MAAM,eAAe,CAAC;AAC3E,YAAY,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAI/E,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,UAAU,EACV,QAAQ,EACR,WAAgC,EAChC,iBAA4B,EAC5B,MAAM,EACN,eAAe,EACf,OAAO,EACP,OAAO,EACP,UAAU,EACV,QAAQ,EACR,OAAO,EACP,UAAe,EACf,cAAc,GACf,EAAE,uBAAuB,2CA+MzB"}

package/dist/components/GroupedMultiSelect/index.js

@@ -1,166 +1,176 @@
-import { jsxs as u, jsx as r } from "react/jsx-runtime";
-import { useState as f, useRef as le, useEffect as ne, useMemo as v, useCallback as n } from "react";
-import { s as h } from "../../styles.module-BpAF4ufQ.js";
-import { Search as se } from "../Search/index.js";
-import oe from "./_helpers/SearchResult.js";
-import re from "./_helpers/TriggerButton.js";
-import ae from "./_helpers/OptionsList.js";
-import ce from "./_helpers/DropdownFooter.js";
-import { getDefaultSelected as ie } from "./_utils/getDefaultSelected.js";
-import { selectAllOptions as de } from "./_utils/selectAllOptions.js";
+import { jsxs as h, jsx as n } from "react/jsx-runtime";
+import { useState as f, useRef as se, useEffect as ne, useMemo as b, useCallback as o } from "react";
+import { s as d } from "../../styles.module-ZyeVE7KZ.js";
+import { Search as re } from "../Search/index.js";
+import ae from "./_helpers/SearchResult.js";
+import ce from "./_helpers/TriggerButton.js";
+import ie from "./_helpers/OptionsList.js";
+import de from "./_helpers/DropdownFooter.js";
+import { getDefaultSelected as me } from "./_utils/getDefaultSelected.js";
+import { selectAllOptions as fe } from "./_utils/selectAllOptions.js";
 import { getResponsePayload as he } from "./_utils/getResponsePayload.js";
-import { filterSeachedGroups as fe } from "./_utils/filterSeachedGroups.js";
-import { S as ue } from "../../info-icon-ooYw3va_.js";
-function Oe({
-  label: $,
-  helperText: E,
-  required: G,
-  placeholder: I = "Choose parameter",
-  searchPlaceholder: L = "Search",
+import { filterSeachedGroups as pe } from "./_utils/filterSeachedGroups.js";
+import { computeApplyDisabled as ue } from "./_utils/computeApplyDisabled.js";
+import { S as ge } from "../../info-icon-ooYw3va_.js";
+import { mergeClasses as I } from "../../utils/mergeClasses.js";
+function Ge({
+  label: M,
+  helperText: L,
+  required: N,
+  placeholder: j = "Choose parameter",
+  searchPlaceholder: P = "Search",
   groups: s,
-  defaultSelected: j,
-  onApply: M,
-  exclude: w,
-  setExclude: P,
-  onSelect: O,
-  onClear: R,
-  classNames: m = {}
+  defaultSelected: Q,
+  onApply: O,
+  exclude: y,
+  setExclude: $,
+  onSelect: R,
+  onClear: T,
+  classNames: p = {},
+  showExcludeBtn: q
 }) {
-  const { labelWrapperClass: Q, helperClass: q, dividerClass: z } = m, [y, p] = f(!1), [g, T] = f(""), k = () => ie(j), [a, N] = f(k), [o, S] = f(k), [B, l] = f(!1), [F, C] = f(!1), b = le(null);
+  const { labelWrapperClass: z, helperClass: B, dividerClass: F } = p, [v, u] = f(!1), [g, k] = f(""), x = () => me(Q), [m, E] = f(x), [r, S] = f(x), [W, l] = f(!1), [H, C] = f(!1), w = se(null);
   ne(() => {
     const e = (t) => {
-      b?.current && !b?.current?.contains(t.target) && (p(!1), l(!1));
+      w?.current && !w?.current?.contains(t.target) && (u(!1), l(!1));
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
   }, []);
-  const A = v(
-    () => fe(s, g),
+  const A = b(
+    () => pe(s, g),
     [s, g]
-  ), W = v(
+  ), J = b(
     () => A?.reduce((e, t) => e + t?.options?.length, 0),
     [A]
-  ), H = n(() => {
-    T("");
-  }, []), D = v(
+  ), K = o(() => {
+    k("");
+  }, []), D = b(
     () => s?.reduce((e, t) => e + t?.options?.length, 0),
     [s]
-  ), x = n(
-    (e, t, ee, te) => {
-      ee || l(!1), te && N((c) => {
-        const i = c?.some((d) => d?.value === e) ? c?.filter((d) => d?.value !== e) : [...c, { value: e, label: t }];
-        return C(i.length === D), i.length <= 2 && l(!1), i;
-      }), S((c) => {
-        const i = c?.some((d) => d?.value === e) ? c?.filter((d) => d?.value !== e) : [...c, { value: e, label: t }];
-        return C(i?.length === D), i?.length <= 2 && l(!1), i;
-      }), O?.();
+  ), G = o(
+    (e, t, le, oe) => {
+      le || l(!1), oe && E((a) => {
+        const c = a?.some((i) => i?.value === e) ? a?.filter((i) => i?.value !== e) : [...a, { value: e, label: t }];
+        return C(c?.length === D), c?.length <= 2 && l(!1), c;
+      }), S((a) => {
+        const c = a?.some((i) => i?.value === e) ? a?.filter((i) => i?.value !== e) : [...a, { value: e, label: t }];
+        return C(c?.length === D), c?.length <= 2 && l(!1), c;
+      }), R?.();
     },
-    [O, D]
-  ), J = n(() => {
-    l(!1), C((e) => (S(() => e ? [] : de(s)), !e));
-  }, [s]), K = n(() => {
-    S([]), C(!1), R?.();
-  }, [R]), U = n(() => {
-    M(he(s, o), w), p(!1), N(o);
-  }, [s, o, w, M]), V = n(() => {
-    p((e) => !e), l(!1);
-  }, []), X = n((e) => {
+    [R, D]
+  ), U = o(() => {
+    l(!1), C((e) => (S(() => e ? [] : fe(s)), !e));
+  }, [s]), V = o(() => {
+    S([]), C(!1), T?.();
+  }, [T]), X = o(() => {
+    O(he(s, r), y), u(!1), E(r);
+  }, [s, r, y, O]), Y = o(() => {
+    u((e) => !e), l(!1);
+  }, []), Z = o((e) => {
     e.stopPropagation(), l((t) => !t);
-  }, []), Y = n(() => {
-    l(!1), S(a), p(!1);
-  }, [a]), Z = n((e) => {
-    T(e);
-  }, []), _ = v(() => {
-    if (o?.length !== a?.length) return !1;
-    const e = new Set(o?.map((t) => t?.value));
-    return a?.every((t) => e?.has(t?.value));
-  }, [o, a]);
-  return /* @__PURE__ */ u("div", { className: h["ckds-group-multi-select-wrapper"], ref: b, children: [
-    $ && /* @__PURE__ */ u(
+  }, []), _ = o(() => {
+    l(!1), S(m), u(!1);
+  }, [m]), ee = o((e) => {
+    k(e);
+  }, []), te = b(
+    () => ue(r, m),
+    [r, m]
+  );
+  return /* @__PURE__ */ h("div", { className: d["ckds-group-multi-select-wrapper"], ref: w, children: [
+    M && /* @__PURE__ */ h(
       "span",
       {
-        className: `ckds-body-xs-med ${h["label-wrapper"]} ${Q}`,
+        className: I(
+          "ckds-body-xs-med",
+          d["label-wrapper"],
+          z
+        ),
         children: [
-          $,
-          G && /* @__PURE__ */ r("span", { className: h.required, children: " *" })
+          M,
+          N && /* @__PURE__ */ n("span", { className: d.required, children: " *" })
         ]
       }
     ),
-    /* @__PURE__ */ u("div", { children: [
-      /* @__PURE__ */ r(
-        re,
+    /* @__PURE__ */ h("div", { children: [
+      /* @__PURE__ */ n(
+        ce,
         {
-          open: y,
-          selected: a,
-          placeholder: I,
-          showMenu: B,
-          onToggleOpen: V,
-          onToggleMenu: X,
-          onRemove: x,
-          classNames: m
+          open: v,
+          selected: m,
+          placeholder: j,
+          showMenu: W,
+          onToggleOpen: Y,
+          onToggleMenu: Z,
+          onRemove: G,
+          classNames: p
         }
       ),
-      /* @__PURE__ */ u(
+      /* @__PURE__ */ h(
         "div",
         {
-          className: `ckds-body-xs-reg ${h["helper-text"]} ${y ? h["helper-hide"] : ""} ${q}`,
+          className: I(
+            "ckds-body-xs-reg",
+            d["helper-text"],
+            v ? d["helper-hide"] : "",
+            B
+          ),
           children: [
-            /* @__PURE__ */ r(ue, { width: "12", height: "12" }),
+            /* @__PURE__ */ n(ge, { width: "12", height: "12" }),
             " ",
-            E
+            L
           ]
         }
       )
     ] }),
-    y && /* @__PURE__ */ u("div", { className: h.dropdown, children: [
-      /* @__PURE__ */ r(
-        se,
+    v && /* @__PURE__ */ h("div", { className: d.dropdown, children: [
+      /* @__PURE__ */ n(
+        re,
         {
           size: "medium",
           value: g,
-          placeholder: L,
-          onChange: Z,
-          onClear: H,
-          wrapperClassName: "",
-          inputClassName: ""
+          placeholder: P,
+          onChange: ee,
+          onClear: K
         }
       ),
-      /* @__PURE__ */ r(
-        oe,
+      /* @__PURE__ */ n(
+        ae,
         {
-          totalSearchResults: W,
-          exclude: w,
-          setExclude: P,
-          isToggleDisable: a?.length === 0
+          totalSearchResults: J,
+          exclude: y,
+          setExclude: $,
+          isToggleDisable: m?.length === 0,
+          showExcludeBtn: q
         }
       ),
-      /* @__PURE__ */ r("div", { className: `${h.divider} ${z}` }),
-      /* @__PURE__ */ r(
-        ae,
+      /* @__PURE__ */ n("div", { className: `${d.divider} ${F}` }),
+      /* @__PURE__ */ n(
+        ie,
         {
           filteredGroups: A,
-          selected: o,
-          isAllSelected: F,
+          selected: r,
+          isAllSelected: H,
           searchQuery: g,
-          onToggle: x,
-          onSelectAll: J,
+          onToggle: G,
+          onSelectAll: U,
           setShowMenu: l,
-          classNames: m
+          classNames: p
         }
       ),
-      /* @__PURE__ */ r(
-        ce,
+      /* @__PURE__ */ n(
+        de,
         {
-          onClear: K,
-          onCancel: Y,
-          onApply: U,
-          classNames: m,
-          isClearDisabled: o?.length === 0,
-          isApplyDisabled: _
+          onClear: V,
+          onCancel: _,
+          onApply: X,
+          classNames: p,
+          isClearDisabled: r?.length === 0,
+          isApplyDisabled: te
         }
       )
     ] })
   ] });
 }
 export {
-  Oe as GroupedMultiSelect
+  Ge as GroupedMultiSelect
 };

package/dist/components/GroupedSingleSelect/_helpers/DropdownFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFooter.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedSingleSelect/_helpers/DropdownFooter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAG1D,QAAA,MAAM,cAAc,GAAI,+EAOrB,mBAAmB,4CA6BrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"DropdownFooter.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedSingleSelect/_helpers/DropdownFooter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAI1D,QAAA,MAAM,cAAc,GAAI,+EAOrB,mBAAmB,4CAqCrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -1,46 +1,55 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { s as a } from "../../../styles.module-DGDgpLAB.js";
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import { s as e } from "../../../styles.module-DGDgpLAB.js";
 import { CKButton as o } from "../../CKButton/index.js";
-const C = ({
-  onClear: r,
-  onCancel: t,
-  onApply: n,
+import { mergeClasses as r } from "../../../utils/mergeClasses.js";
+const f = ({
+  onClear: t,
+  onCancel: n,
+  onApply: i,
   classNames: l,
   isClearDisabled: c,
-  isApplyDisabled: i
-}) => /* @__PURE__ */ s(
+  isApplyDisabled: d
+}) => /* @__PURE__ */ a(
   "div",
   {
-    className: `${a["ckds-grouped-single-select-footer"]} ${l?.footerWrapperClass ?? ""}`,
+    className: r(
+      e["ckds-grouped-single-select-footer"],
+      l?.footerWrapperClass ?? ""
+    ),
     children: [
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ s(
         "button",
         {
-          className: `ckds-body-sm-med ${a["clear-btn"]} ${c ? a.clearDisabled : ""} ${l?.clearAllBtnClass ?? ""}`,
-          onClick: r,
+          className: r(
+            "ckds-body-sm-med",
+            e["clear-btn"],
+            c ? e.clearDisabled : "",
+            l?.clearAllBtnClass ?? ""
+          ),
+          onClick: t,
           type: "button",
           children: "Clear"
         }
       ),
-      /* @__PURE__ */ s("div", { className: a["footer-actions"], children: [
-        /* @__PURE__ */ e(
+      /* @__PURE__ */ a("div", { className: e["footer-actions"], children: [
+        /* @__PURE__ */ s(
           o,
           {
             variant: "secondary",
             size: "small",
             label: "Cancel",
-            onClick: t,
+            onClick: n,
             className: l?.cancelBtnClass
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ s(
           o,
           {
             variant: "primary",
             size: "small",
             label: "Apply",
-            onClick: n,
-            disabled: !i,
+            onClick: i,
+            disabled: !d,
             className: l?.applyBtnClass
           }
         )
@@ -49,5 +58,5 @@ const C = ({
   }
 );
 export {
-  C as default
+  f as default
 };

package/dist/components/GroupedSingleSelect/_helpers/OptionRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OptionRow.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedSingleSelect/_helpers/OptionRow.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,QAAA,MAAM,SAAS,sDAuBb,CAAC;AAEH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"OptionRow.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedSingleSelect/_helpers/OptionRow.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD,QAAA,MAAM,SAAS,sDA4Bb,CAAC;AAEH,eAAe,SAAS,CAAC"}