@ck-ui/component-library 0.1.4 → 0.2.0

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

@@ -0,0 +1,106 @@
+import { default as React } from 'react';
+export interface MultiSelectGroup {
+    groupLabel: string;
+    options: {
+        value: string;
+        label: string;
+        isChecked?: boolean;
+    }[];
+}
+interface classNames {
+    labelWrapperClass?: string;
+    helperClass?: string;
+    dropdownOpenerWrapperClass?: string;
+    placeholderClass?: string;
+    searchWrapperClass?: string;
+    searchInputClass?: string;
+    dividerClass?: string;
+    optionsListWrapperClass?: string;
+    optionRowWrapperClass?: string;
+    optionRowClass?: string;
+    groupWrapperClass?: string;
+    groupLabelClass?: string;
+    footerWrapperClass?: string;
+    clearAllBtnClass?: string;
+    applyBtnClass?: string;
+    cancelBtnClass?: string;
+}
+export interface GroupedMultiSelectProps {
+    label?: string;
+    helperText?: React.ReactNode;
+    required?: boolean;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    groups: MultiSelectGroup[];
+    defaultSelected?: MultiSelectGroup[];
+    onApply: (selected: MultiSelectGroup[], exclude: boolean) => void;
+    exclude: boolean;
+    setExclude: React.Dispatch<React.SetStateAction<boolean>>;
+    onSelect?: () => void;
+    onClear?: () => void;
+    classNames?: classNames;
+}
+export interface TagContentProps {
+    label: string;
+    value: string;
+    onRemove: (val: string, label: string, isMenuClick?: boolean, isChip?: boolean) => void;
+}
+export interface ResultProps {
+    totalSearchResults: number;
+    exclude: boolean;
+    setExclude: React.Dispatch<React.SetStateAction<boolean>>;
+    isToggleDisable: boolean;
+}
+export interface SearchProps {
+    isFocused: boolean;
+    searchPlaceholder: string;
+    searchQuery: string;
+    handleFocus: () => void;
+    handleBlur: () => void;
+    handleSearchChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleClearSearch: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    classNames: classNames;
+}
+export interface OptionRowProps {
+    value: string;
+    label: string;
+    checked: boolean;
+    onToggle: (val: string, label: string) => void;
+    classNames: classNames;
+}
+export interface TriggerButtonProps {
+    open: boolean;
+    selected: {
+        value: string;
+        label: string;
+    }[];
+    placeholder: string;
+    showMenu: boolean;
+    onToggleOpen: () => void;
+    onToggleMenu: (e: React.MouseEvent) => void;
+    onRemove: (val: string, label: string) => void;
+    classNames: classNames;
+}
+export interface OptionsListProps {
+    filteredGroups: MultiSelectGroup[];
+    selected: {
+        value: string;
+        label: string;
+    }[];
+    isAllSelected: boolean;
+    searchQuery: string;
+    onToggle: (val: string, label: string) => void;
+    onSelectAll: () => void;
+    setShowMenu: React.Dispatch<React.SetStateAction<boolean>>;
+    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/GroupedMultiSelect/_types/type.d.ts.map

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

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

@@ -0,0 +1 @@
+

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

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

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

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

package/dist/components/GroupedMultiSelect/_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
+};

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

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

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

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

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

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

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

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

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,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"}

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 '../index';
+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,UAAU,CAAC;AAEjD,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, }: 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":"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"}

package/dist/components/GroupedMultiSelect/index.js

@@ -0,0 +1,166 @@
+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 { 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",
+  groups: s,
+  defaultSelected: j,
+  onApply: M,
+  exclude: w,
+  setExclude: P,
+  onSelect: O,
+  onClear: R,
+  classNames: m = {}
+}) {
+  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);
+  ne(() => {
+    const e = (t) => {
+      b?.current && !b?.current?.contains(t.target) && (p(!1), l(!1));
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, []);
+  const A = v(
+    () => fe(s, g),
+    [s, g]
+  ), W = v(
+    () => A?.reduce((e, t) => e + t?.options?.length, 0),
+    [A]
+  ), H = n(() => {
+    T("");
+  }, []), D = v(
+    () => 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?.();
+    },
+    [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) => {
+    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(
+      "span",
+      {
+        className: `ckds-body-xs-med ${h["label-wrapper"]} ${Q}`,
+        children: [
+          $,
+          G && /* @__PURE__ */ r("span", { className: h.required, children: " *" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ u("div", { children: [
+      /* @__PURE__ */ r(
+        re,
+        {
+          open: y,
+          selected: a,
+          placeholder: I,
+          showMenu: B,
+          onToggleOpen: V,
+          onToggleMenu: X,
+          onRemove: x,
+          classNames: m
+        }
+      ),
+      /* @__PURE__ */ u(
+        "div",
+        {
+          className: `ckds-body-xs-reg ${h["helper-text"]} ${y ? h["helper-hide"] : ""} ${q}`,
+          children: [
+            /* @__PURE__ */ r(ue, { width: "12", height: "12" }),
+            " ",
+            E
+          ]
+        }
+      )
+    ] }),
+    y && /* @__PURE__ */ u("div", { className: h.dropdown, children: [
+      /* @__PURE__ */ r(
+        se,
+        {
+          size: "medium",
+          value: g,
+          placeholder: L,
+          onChange: Z,
+          onClear: H,
+          wrapperClassName: "",
+          inputClassName: ""
+        }
+      ),
+      /* @__PURE__ */ r(
+        oe,
+        {
+          totalSearchResults: W,
+          exclude: w,
+          setExclude: P,
+          isToggleDisable: a?.length === 0
+        }
+      ),
+      /* @__PURE__ */ r("div", { className: `${h.divider} ${z}` }),
+      /* @__PURE__ */ r(
+        ae,
+        {
+          filteredGroups: A,
+          selected: o,
+          isAllSelected: F,
+          searchQuery: g,
+          onToggle: x,
+          onSelectAll: J,
+          setShowMenu: l,
+          classNames: m
+        }
+      ),
+      /* @__PURE__ */ r(
+        ce,
+        {
+          onClear: K,
+          onCancel: Y,
+          onApply: U,
+          classNames: m,
+          isClearDisabled: o?.length === 0,
+          isApplyDisabled: _
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  Oe 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;AAG1D,QAAA,MAAM,cAAc,GAAI,+EAOrB,mBAAmB,4CA6BrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,53 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { s as a } from "../../../styles.module-DGDgpLAB.js";
+import { CKButton as o } from "../../CKButton/index.js";
+const C = ({
+  onClear: r,
+  onCancel: t,
+  onApply: n,
+  classNames: l,
+  isClearDisabled: c,
+  isApplyDisabled: i
+}) => /* @__PURE__ */ s(
+  "div",
+  {
+    className: `${a["ckds-grouped-single-select-footer"]} ${l?.footerWrapperClass ?? ""}`,
+    children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: `ckds-body-sm-med ${a["clear-btn"]} ${c ? a.clearDisabled : ""} ${l?.clearAllBtnClass ?? ""}`,
+          onClick: r,
+          type: "button",
+          children: "Clear"
+        }
+      ),
+      /* @__PURE__ */ s("div", { className: a["footer-actions"], children: [
+        /* @__PURE__ */ e(
+          o,
+          {
+            variant: "secondary",
+            size: "small",
+            label: "Cancel",
+            onClick: t,
+            className: l?.cancelBtnClass
+          }
+        ),
+        /* @__PURE__ */ e(
+          o,
+          {
+            variant: "primary",
+            size: "small",
+            label: "Apply",
+            onClick: n,
+            disabled: !i,
+            className: l?.applyBtnClass
+          }
+        )
+      ] })
+    ]
+  }
+);
+export {
+  C 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;AAErD,QAAA,MAAM,SAAS,sDAuBb,CAAC;AAEH,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,30 @@
+import { jsxs as e, jsx as i } from "react/jsx-runtime";
+import { memo as c, useCallback as l } from "react";
+import { s as r } from "../../../styles.module-DGDgpLAB.js";
+import { RadioButton as p } from "../../RadioButton/index.js";
+const C = c(function({
+  value: s,
+  label: o,
+  checked: n,
+  onToggle: t,
+  classNames: m
+}) {
+  const a = l(
+    () => t(s, o),
+    [s, o, t]
+  );
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: `${r["option-row"]} ${m?.optionRowClass ?? ""}`,
+      onClick: a,
+      children: [
+        /* @__PURE__ */ i(p, { selected: n, radioSize: "small" }),
+        /* @__PURE__ */ i("span", { className: `ckds-body-sm-reg ${r["option-label"]}`, children: o })
+      ]
+    }
+  );
+});
+export {
+  C 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;AAEvD,QAAA,MAAM,WAAW,GAAI,qDAKlB,gBAAgB,4CA6BlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,44 @@
+import { jsx as a, jsxs as t } from "react/jsx-runtime";
+import { s as e } from "../../../styles.module-DGDgpLAB.js";
+import c from "./OptionRow.js";
+const u = ({
+  filteredGroups: i,
+  selected: o,
+  onToggle: p,
+  classNames: l
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: `${e["ckds-options-list"]} ${l?.optionsListWrapperClass ?? ""}`,
+    children: i?.map((s, d) => /* @__PURE__ */ t("div", { className: e["group-wrapper"], children: [
+      d > 0 && /* @__PURE__ */ a("div", { className: e["group-divider"] }),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: `ckds-cap-med ${e["group-label"]} ${l?.groupLabelClass ?? ""}`,
+          children: s?.groupLabel
+        }
+      ),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: `${e["option-row-wrapper"]} ${l?.optionRowWrapperClass ?? ""}`,
+          children: s?.options?.map((r) => /* @__PURE__ */ a(
+            c,
+            {
+              value: r?.value,
+              label: r?.label,
+              checked: o?.value === r?.value,
+              onToggle: p,
+              classNames: l
+            },
+            r?.value
+          ))
+        }
+      )
+    ] }, s?.groupLabel))
+  }
+);
+export {
+  u 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;AAEzD,QAAA,MAAM,aAAa,GAAI,4DAMpB,kBAAkB,4CAmDpB,CAAC;AAEF,eAAe,aAAa,CAAC"}