@ck-ui/component-library 1.0.1 → 1.0.3

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

@@ -1,82 +1,103 @@
-import { jsxs as t, jsx as l, Fragment as C } from "react/jsx-runtime";
-import { s as r } from "../../../styles.module-DakCndIP.js";
-import { CKTag as N } from "../../CKTag/index.js";
-import { S as k } from "../../../chevron-down-Cm9R64Fe.js";
-import w from "./TagContent.js";
-import y from "./OverflowMenu.js";
-import { mergeClasses as o } from "../../../utils/mergeClasses.js";
-const D = ({
-  open: c,
-  selected: e,
-  placeholder: m,
-  showMenu: d,
-  isAllSelected: g,
-  selectAllLabel: p,
-  requireSelection: n,
-  onToggleOpen: h,
-  onToggleMenu: f,
-  onRemove: u,
-  classNames: i,
-  maxChips: a = 2
-}) => /* @__PURE__ */ t(
-  "button",
-  {
-    className: o(
-      r.trigger,
-      c ? r["trigger-open"] : "",
-      i?.dropdownOpenerWrapperClass ?? ""
-    ),
-    onClick: h,
-    type: "button",
-    children: [
-      e?.length > 0 ? /* @__PURE__ */ l("div", { className: r["selected-tags-container"], children: g ? /* @__PURE__ */ l("span", { className: o("ckds-body-sm-reg", r["select-all-label"]), children: p }) : /* @__PURE__ */ t(C, { children: [
-        e.map((s, v) => {
-          if (v >= a) return null;
-          const b = !!(n && e.length === 1);
-          return /* @__PURE__ */ l(N, { variation: "INFO", size: "small", fill: "soft", children: /* @__PURE__ */ l(
-            w,
+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-yIHBMSTk.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
+}) => {
+  const h = O(null), [w, C] = T(!1);
+  return y(() => {
+    const e = h.current;
+    if (!e) return;
+    const l = () => {
+      C(e.scrollWidth > e.clientWidth);
+    };
+    l();
+    const a = new ResizeObserver(l);
+    return a.observe(e), () => a.disconnect();
+  }, [c, p]), /* @__PURE__ */ m(
+    "button",
+    {
+      className: n(
+        r.trigger,
+        d ? r["trigger-open"] : "",
+        f?.dropdownOpenerWrapperClass ?? ""
+      ),
+      onClick: v,
+      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,
+              {
+                label: e?.label,
+                value: e?.value,
+                onRemove: k,
+                hideCross: a
+              }
+            ) }, e.value);
+          }),
+          o?.length > s && /* @__PURE__ */ m(
+            "span",
             {
-              label: s?.label,
-              value: s?.value,
-              onRemove: u,
-              hideCross: b
+              className: n("ckds-cap-med", r["overflow-count"]),
+              onClick: b,
+              children: [
+                "...+",
+                o?.length - s
+              ]
             }
-          ) }, s.value);
-        }),
-        e?.length > a && /* @__PURE__ */ t(
+          ),
+          g && /* @__PURE__ */ t(j, { selected: o, maxChips: s })
+        ] }) }) : /* @__PURE__ */ t(
           "span",
           {
-            className: o("ckds-cap-med", r["overflow-count"]),
-            onClick: f,
-            children: [
-              "...+",
-              e?.length - a
-            ]
+            className: n(
+              "ckds-body-sm-reg",
+              i ? r["placeholder-required"] : r.placeholder,
+              f?.placeholderClass ?? ""
+            ),
+            children: i ? "Select Atleast One" : u
           }
         ),
-        d && /* @__PURE__ */ l(y, { selected: e, maxChips: a })
-      ] }) }) : /* @__PURE__ */ l(
-        "span",
-        {
-          className: o(
-            "ckds-body-sm-reg",
-            n ? r["placeholder-required"] : r.placeholder,
-            i?.placeholderClass ?? ""
-          ),
-          children: n ? "Select Atleast One" : m
-        }
-      ),
-      /* @__PURE__ */ l(
-        k,
-        {
-          className: o(r.chevron, c ? r["chevron-up"] : ""),
-          width: "14",
-          height: "14"
-        }
-      )
-    ]
-  }
-);
+        /* @__PURE__ */ t(
+          R,
+          {
+            className: n(r.chevron, d ? r["chevron-up"] : ""),
+            width: "14",
+            height: "14"
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  D as default
+  H as default
 };

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

@@ -42,6 +42,8 @@ export interface MultiSelectProps {
     /** When true, at least one option must be selected before Apply is enabled.
      *  The "Exclude" toggle and "Clear all" button are also hidden. */
     requireSelection?: boolean;
+    /** Max number of chips to show inline before collapsing into +N. Defaults to 1. */
+    maxChips?: 1 | 2 | 3;
     width?: string | number;
     disabled?: boolean;
 }
@@ -68,7 +70,7 @@ export interface TriggerButtonProps {
     onRemove: (val: string, label: string, isMenuClick?: boolean, isChip?: boolean) => void;
     classNames?: ClassNames;
     /** Max number of chips to show inline before collapsing into +N. Defaults to 2. */
-    maxChips?: number;
+    maxChips?: 1 | 2 | 3;
 }
 export interface DropdownFooterProps {
     onClear: () => void;
@@ -95,11 +97,13 @@ export interface ResultProps {
     showExcludeBtn?: boolean;
     /** When true, hides the "Exclude" toggle entirely */
     hideExclude?: boolean;
+    /** Number of currently selected items shown adjacent to results count with a pipe */
+    selectedCount?: number;
 }
 export interface OverflowMenuProps {
     selected: SelectedItem[];
     /** Matches the maxChips value from TriggerButton. Defaults to 2. */
-    maxChips?: number;
+    maxChips?: 1 | 2 | 3;
 }
 export interface OverflowMenuItemProps {
     item: SelectedItem;

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

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

package/dist/components/MultiSelect/_utils/useDropdownDirection.d.ts

@@ -0,0 +1,18 @@
+import { RefObject } from 'react';
+export interface DropdownPosition {
+    vertical: "up" | "down";
+    horizontal: "left" | "right";
+}
+/**
+ * Measures the trigger element against the viewport and returns the best
+ * direction to open the dropdown — both vertically (up/down) and horizontally
+ * (left = align to trigger's left edge, right = align to trigger's right edge).
+ * Re-evaluates on resize and scroll.
+ *
+ * @param triggerRef      Ref attached to the trigger wrapper element
+ * @param open            Whether the dropdown is currently open
+ * @param dropdownHeight  Estimated height of the dropdown in px (default 320)
+ * @param dropdownWidth   Estimated width of the dropdown in px (default 291)
+ */
+export declare function useDropdownDirection(triggerRef: RefObject<HTMLElement | null>, open: boolean, dropdownHeight?: number, dropdownWidth?: number): DropdownPosition;
+//# sourceMappingURL=useDropdownDirection.d.ts.map

package/dist/components/MultiSelect/_utils/useDropdownDirection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropdownDirection.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_utils/useDropdownDirection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1F,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC;CAC9B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAClC,UAAU,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACzC,IAAI,EAAE,OAAO,EACb,cAAc,SAAM,EACpB,aAAa,SAAM,GAClB,gBAAgB,CA4ClB"}

package/dist/components/MultiSelect/_utils/useDropdownDirection.js

@@ -0,0 +1,23 @@
+import { useState as v, useCallback as E, useLayoutEffect as d, useEffect as m } from "react";
+function z(o, e, r = 320, i = 291) {
+  const [c, l] = v({
+    vertical: "down",
+    horizontal: "left"
+  }), t = E(() => {
+    const s = o.current;
+    if (!s) return;
+    const n = s.getBoundingClientRect(), u = window.innerHeight - n.bottom, a = window.innerWidth - n.left, w = u < r && n.top >= r ? "up" : "down", f = a < i && n.right >= i ? "right" : "left";
+    l({ vertical: w, horizontal: f });
+  }, [o, r, i]);
+  return d(() => {
+    e && t();
+  }, [e, t]), m(() => {
+    if (e)
+      return window.addEventListener("resize", t), window.addEventListener("scroll", t, !0), () => {
+        window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
+      };
+  }, [e, t]), c;
+}
+export {
+  z as useDropdownDirection
+};

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

@@ -1,4 +1,4 @@
 import { MultiSelectProps } from './_types/type';
 export type { MultiSelectOption, MultiSelectProps } from './_types/type';
-export declare function MultiSelect({ label, helperText, required, placeholder, searchPlaceholder, selectAllLabel, options, defaultSelected, onApply, exclude, setExclude, onSelect, onClear, classNames, showExcludeBtn, requireSelection, width, disabled, }: MultiSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function MultiSelect({ label, helperText, required, placeholder, searchPlaceholder, selectAllLabel, options, defaultSelected, onApply, exclude, setExclude, onSelect, onClear, classNames, showExcludeBtn, requireSelection, width, disabled, maxChips: maxChipsProp, }: MultiSelectProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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;AAMpE,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,GACjB,EAAE,gBAAgB,2CAoRlB"}
+{"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"}