@ck-ui/component-library 0.1.5 → 0.3.0

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

@@ -0,0 +1 @@
+{"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/getResponsePayload.js

@@ -0,0 +1,9 @@
+function n(t, a) {
+  return t?.map((e) => ({
+    groupLabel: e?.groupLabel,
+    options: e?.options?.filter((o) => a?.some((l) => l?.value === o?.value))?.map((o) => ({ ...o, isChecked: !0 }))
+  }))?.filter((e) => e?.options?.length > 0);
+}
+export {
+  n as getResponsePayload
+};

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

@@ -0,0 +1,6 @@
+import { MultiSelectGroup } from '../_types/type';
+export declare function selectAllOptions(groups: MultiSelectGroup[]): {
+    value: string;
+    label: string;
+}[];
+//# sourceMappingURL=selectAllOptions.d.ts.map

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

@@ -0,0 +1 @@
+{"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/_utils/selectAllOptions.js

@@ -0,0 +1,8 @@
+function t(e) {
+  return e?.flatMap(
+    (a) => a?.options?.map((l) => ({ value: l?.value, label: l?.label }))
+  );
+}
+export {
+  t as selectAllOptions
+};

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

@@ -0,0 +1,16 @@
+export declare const sampleGroups: {
+    groupLabel: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+}[];
+export declare const defaultSelected: {
+    groupLabel: string;
+    options: {
+        value: string;
+        label: string;
+        isChecked: boolean;
+    }[];
+}[];
+//# sourceMappingURL=data.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../lib/components/GroupedMultiSelect/data.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;;;;GA2BxB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;GAa3B,CAAC"}

package/dist/components/GroupedMultiSelect/data.js

@@ -0,0 +1,45 @@
+const e = [
+  {
+    groupLabel: "Group A",
+    options: [
+      { value: "a0", label: "Option 0 Option 0" },
+      { value: "a2", label: "Option 2" },
+      { value: "a3", label: "Option 3" }
+    ]
+  },
+  {
+    groupLabel: "Group B",
+    options: [
+      { value: "b1", label: "Option 1" },
+      { value: "b4", label: "Option 4" },
+      { value: "b5", label: "Option 5" },
+      { value: "b6", label: "Option 6" },
+      { value: "b7", label: "Option 7" }
+    ]
+  },
+  {
+    groupLabel: "Group C",
+    options: [
+      { value: "c8", label: "Option 8" },
+      { value: "c9", label: "Option 9" },
+      { value: "c10", label: "Option 10" }
+    ]
+  }
+], l = [
+  {
+    groupLabel: "Group A",
+    options: [
+      { value: "a0", label: "Option 0 Option 0", isChecked: !0 },
+      { value: "a2", label: "Option 2", isChecked: !0 },
+      { value: "a3", label: "Option 3", isChecked: !0 }
+    ]
+  },
+  {
+    groupLabel: "Group B",
+    options: [{ value: "b5", label: "Option 5", isChecked: !0 }]
+  }
+];
+export {
+  l as defaultSelected,
+  e as sampleGroups
+};

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

@@ -0,0 +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, showExcludeBtn, }: GroupedMultiSelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,176 @@
+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 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: Q,
+  onApply: O,
+  exclude: y,
+  setExclude: $,
+  onSelect: R,
+  onClear: T,
+  classNames: p = {},
+  showExcludeBtn: q
+}) {
+  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) => {
+      w?.current && !w?.current?.contains(t.target) && (u(!1), l(!1));
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, []);
+  const A = b(
+    () => pe(s, g),
+    [s, g]
+  ), J = b(
+    () => A?.reduce((e, t) => e + t?.options?.length, 0),
+    [A]
+  ), K = o(() => {
+    k("");
+  }, []), D = b(
+    () => s?.reduce((e, t) => e + t?.options?.length, 0),
+    [s]
+  ), 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?.();
+    },
+    [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);
+  }, []), _ = 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: I(
+          "ckds-body-xs-med",
+          d["label-wrapper"],
+          z
+        ),
+        children: [
+          M,
+          N && /* @__PURE__ */ n("span", { className: d.required, children: " *" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ h("div", { children: [
+      /* @__PURE__ */ n(
+        ce,
+        {
+          open: v,
+          selected: m,
+          placeholder: j,
+          showMenu: W,
+          onToggleOpen: Y,
+          onToggleMenu: Z,
+          onRemove: G,
+          classNames: p
+        }
+      ),
+      /* @__PURE__ */ h(
+        "div",
+        {
+          className: I(
+            "ckds-body-xs-reg",
+            d["helper-text"],
+            v ? d["helper-hide"] : "",
+            B
+          ),
+          children: [
+            /* @__PURE__ */ n(ge, { width: "12", height: "12" }),
+            " ",
+            L
+          ]
+        }
+      )
+    ] }),
+    v && /* @__PURE__ */ h("div", { className: d.dropdown, children: [
+      /* @__PURE__ */ n(
+        re,
+        {
+          size: "medium",
+          value: g,
+          placeholder: P,
+          onChange: ee,
+          onClear: K
+        }
+      ),
+      /* @__PURE__ */ n(
+        ae,
+        {
+          totalSearchResults: J,
+          exclude: y,
+          setExclude: $,
+          isToggleDisable: m?.length === 0,
+          showExcludeBtn: q
+        }
+      ),
+      /* @__PURE__ */ n("div", { className: `${d.divider} ${F}` }),
+      /* @__PURE__ */ n(
+        ie,
+        {
+          filteredGroups: A,
+          selected: r,
+          isAllSelected: H,
+          searchQuery: g,
+          onToggle: G,
+          onSelectAll: U,
+          setShowMenu: l,
+          classNames: p
+        }
+      ),
+      /* @__PURE__ */ n(
+        de,
+        {
+          onClear: V,
+          onCancel: _,
+          onApply: X,
+          classNames: p,
+          isClearDisabled: r?.length === 0,
+          isApplyDisabled: te
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  Ge as GroupedMultiSelect
+};

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

@@ -0,0 +1,4 @@
+import { DropdownFooterProps } from '../_types/type';
+declare const DropdownFooter: ({ onClear, onCancel, onApply, classNames, isClearDisabled, isApplyDisabled, }: DropdownFooterProps) => import("react/jsx-runtime").JSX.Element;
+export default DropdownFooter;
+//# sourceMappingURL=DropdownFooter.d.ts.map

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

@@ -0,0 +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;AAI1D,QAAA,MAAM,cAAc,GAAI,+EAOrB,mBAAmB,4CAqCrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,62 @@
+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";
+import { mergeClasses as r } from "../../../utils/mergeClasses.js";
+const f = ({
+  onClear: t,
+  onCancel: n,
+  onApply: i,
+  classNames: l,
+  isClearDisabled: c,
+  isApplyDisabled: d
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: r(
+      e["ckds-grouped-single-select-footer"],
+      l?.footerWrapperClass ?? ""
+    ),
+    children: [
+      /* @__PURE__ */ s(
+        "button",
+        {
+          className: r(
+            "ckds-body-sm-med",
+            e["clear-btn"],
+            c ? e.clearDisabled : "",
+            l?.clearAllBtnClass ?? ""
+          ),
+          onClick: t,
+          type: "button",
+          children: "Clear"
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: e["footer-actions"], children: [
+        /* @__PURE__ */ s(
+          o,
+          {
+            variant: "secondary",
+            size: "small",
+            label: "Cancel",
+            onClick: n,
+            className: l?.cancelBtnClass
+          }
+        ),
+        /* @__PURE__ */ s(
+          o,
+          {
+            variant: "primary",
+            size: "small",
+            label: "Apply",
+            onClick: i,
+            disabled: !d,
+            className: l?.applyBtnClass
+          }
+        )
+      ] })
+    ]
+  }
+);
+export {
+  f as default
+};

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

@@ -0,0 +1,4 @@
+import { OptionRowProps } from '../_types/type';
+declare const OptionRow: import('react').NamedExoticComponent<OptionRowProps>;
+export default OptionRow;
+//# sourceMappingURL=OptionRow.d.ts.map

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

@@ -0,0 +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;AAGrD,QAAA,MAAM,SAAS,sDA4Bb,CAAC;AAEH,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,40 @@
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import { memo as l, useCallback as p } from "react";
+import { s as r } from "../../../styles.module-DGDgpLAB.js";
+import { RadioButton as d } from "../../RadioButton/index.js";
+import { mergeClasses as m } from "../../../utils/mergeClasses.js";
+const h = l(function({
+  value: s,
+  label: o,
+  checked: e,
+  onToggle: t,
+  classNames: n
+}) {
+  const a = p(
+    () => t(s, o),
+    [s, o, t]
+  );
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: m(
+        r["option-row"],
+        n?.optionRowClass ?? ""
+      ),
+      onClick: a,
+      children: [
+        /* @__PURE__ */ i(d, { selected: e, radioSize: "small" }),
+        /* @__PURE__ */ i(
+          "span",
+          {
+            className: m("ckds-body-sm-reg", r["option-label"]),
+            children: o
+          }
+        )
+      ]
+    }
+  );
+});
+export {
+  h as default
+};

package/dist/components/GroupedSingleSelect/_helpers/OptionsList.d.ts

@@ -0,0 +1,4 @@
+import { OptionsListProps } from '../_types/type';
+declare const OptionsList: ({ filteredGroups, selected, onToggle, classNames, }: OptionsListProps) => import("react/jsx-runtime").JSX.Element;
+export default OptionsList;
+//# sourceMappingURL=OptionsList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsList.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedSingleSelect/_helpers/OptionsList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvD,QAAA,MAAM,WAAW,GAAI,qDAKlB,gBAAgB,4CAuClB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,55 @@
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { s as a } from "../../../styles.module-DGDgpLAB.js";
+import c from "./OptionRow.js";
+import { mergeClasses as o } from "../../../utils/mergeClasses.js";
+const f = ({
+  filteredGroups: i,
+  selected: p,
+  onToggle: d,
+  classNames: r
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: o(
+      a["ckds-options-list"],
+      r?.optionsListWrapperClass ?? ""
+    ),
+    children: i?.map((l, t) => /* @__PURE__ */ m("div", { className: a["group-wrapper"], children: [
+      t > 0 && /* @__PURE__ */ e("div", { className: a["group-divider"] }),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: o(
+            "ckds-cap-med",
+            a["group-label"],
+            r?.groupLabelClass ?? ""
+          ),
+          children: l?.groupLabel
+        }
+      ),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: o(
+            a["option-row-wrapper"],
+            r?.optionRowWrapperClass ?? ""
+          ),
+          children: l?.options?.map((s) => /* @__PURE__ */ e(
+            c,
+            {
+              value: s?.value,
+              label: s?.label,
+              checked: p?.value === s?.value,
+              onToggle: d,
+              classNames: r
+            },
+            s?.value
+          ))
+        }
+      )
+    ] }, l?.groupLabel))
+  }
+);
+export {
+  f as default
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TriggerButton.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedSingleSelect/_helpers/TriggerButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAGzD,QAAA,MAAM,aAAa,GAAI,4DAMpB,kBAAkB,4CAoEpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,77 @@
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import { s as e } from "../../../styles.module-DGDgpLAB.js";
+import { Tooltip as f } from "../../Tooltip/index.js";
+import { S as h } from "../../../chevron-down-Cm9R64Fe.js";
+import { useRef as g, useState as u, useLayoutEffect as b } from "react";
+import { mergeClasses as l } from "../../../utils/mergeClasses.js";
+const x = ({
+  open: a,
+  selected: s,
+  placeholder: i,
+  onToggleOpen: c,
+  classNames: n
+}) => {
+  const o = g(null), [m, d] = u(!1);
+  return b(() => {
+    const t = o.current;
+    t && d(t?.scrollWidth > t?.clientWidth);
+  }, [s?.label]), /* @__PURE__ */ p(
+    "button",
+    {
+      className: l(
+        e.trigger,
+        a ? e["trigger-open"] : "",
+        n?.dropdownOpenerWrapperClass ?? ""
+      ),
+      onClick: c,
+      type: "button",
+      children: [
+        s ? m ? /* @__PURE__ */ r(f, { title: s?.label, placement: "bottom", children: /* @__PURE__ */ r(
+          "span",
+          {
+            ref: o,
+            className: l(
+              "ckds-body-sm-reg",
+              e["selected-value"]
+            ),
+            children: s?.label
+          }
+        ) }) : /* @__PURE__ */ r(
+          "span",
+          {
+            ref: o,
+            className: l(
+              "ckds-body-sm-reg",
+              e["selected-value"]
+            ),
+            children: s?.label
+          }
+        ) : /* @__PURE__ */ r(
+          "span",
+          {
+            className: l(
+              "ckds-body-sm-reg",
+              e.placeholder,
+              n?.placeholderClass ?? ""
+            ),
+            children: i
+          }
+        ),
+        /* @__PURE__ */ r("div", { className: e["trigger-icons"], children: /* @__PURE__ */ r(
+          h,
+          {
+            className: l(
+              e.chevron,
+              a ? e["chevron-up"] : ""
+            ),
+            width: "14",
+            height: "14"
+          }
+        ) })
+      ]
+    }
+  );
+};
+export {
+  x as default
+};

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

@@ -0,0 +1,77 @@
+import { default as React } from 'react';
+export interface SingleSelectGroup {
+    groupLabel: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+}
+interface ClassNames {
+    labelWrapperClass?: string;
+    helperClass?: string;
+    dropdownOpenerWrapperClass?: string;
+    placeholderClass?: string;
+    dividerClass?: string;
+    optionsListWrapperClass?: string;
+    optionRowWrapperClass?: string;
+    optionRowClass?: string;
+    groupWrapperClass?: string;
+    groupLabelClass?: string;
+    footerWrapperClass?: string;
+    clearAllBtnClass?: string;
+    cancelBtnClass?: string;
+    applyBtnClass?: string;
+}
+export interface GroupedSingleSelectProps {
+    label?: string;
+    helperText?: React.ReactNode;
+    required?: boolean;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    groups: SingleSelectGroup[];
+    defaultSelected?: string;
+    onApply: (selected: {
+        value: string;
+        label: string;
+        groupLabel: string;
+    }) => void;
+    onClear?: () => void;
+    classNames?: ClassNames;
+}
+export interface OptionRowProps {
+    value: string;
+    label: string;
+    checked: boolean;
+    onToggle: (value: string, label: string) => void;
+    classNames: ClassNames;
+}
+export interface OptionsListProps {
+    filteredGroups: SingleSelectGroup[];
+    selected: {
+        value: string;
+        label: string;
+    } | null;
+    searchQuery: string;
+    onToggle: (value: string, label: string) => void;
+    classNames: ClassNames;
+}
+export interface TriggerButtonProps {
+    open: boolean;
+    selected: {
+        value: string;
+        label: string;
+    } | null;
+    placeholder: string;
+    onToggleOpen: () => void;
+    classNames: ClassNames;
+}
+export interface DropdownFooterProps {
+    onClear: () => void;
+    onCancel: () => void;
+    onApply: () => void;
+    classNames: ClassNames;
+    isClearDisabled: boolean;
+    isApplyDisabled: boolean;
+}
+export {};
+//# sourceMappingURL=type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedSingleSelect/_types/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;CACL;AAED,UAAU,UAAU;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,CAAC,QAAQ,EAAE;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,MAAM,CAAC;KACpB,KAAK,IAAI,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,UAAU,EAAE,UAAU,CAAC;CACxB;AAED,MAAM,WAAW,gBAAgB;IAC/B,cAAc,EAAE,iBAAiB,EAAE,CAAC;IACpC,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAClD,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,UAAU,EAAE,UAAU,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAClD,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,EAAE,UAAU,CAAC;CACxB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,OAAO,CAAC;CAC1B"}

package/dist/components/GroupedSingleSelect/_types/type.js

@@ -0,0 +1 @@
+

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"filterSeachedGroups.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedSingleSelect/_utils/filterSeachedGroups.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,iBAAiB,EAAE,EAC3B,KAAK,EAAE,MAAM,GACZ,iBAAiB,EAAE,CAWrB"}

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

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