@pibit.ai/cure-design-system 0.6.57 → 0.6.59

package/dist/primitives/hierarchical-select/HierarchicalSelect.js

@@ -1,145 +1,145 @@
-import { jsxs as T, jsx as l } from "react/jsx-runtime";
-import { useState as P, useMemo as a, useEffect as R, useCallback as S } from "react";
+import { jsxs as T, jsx as i } from "react/jsx-runtime";
+import { useState as L, useMemo as a, useEffect as P, useCallback as S } from "react";
 import { HierarchicalItem as U } from "./components/HierarchicalItem.js";
-import { getAllParentIds as W, toggleSelection as X, getVisibleLeafIds as Y, getSelectAllState as Z, toggleSelectAll as z, getSelectionState as K } from "./utils/selection.js";
-import { searchTree as ee } from "./utils/search.js";
-import { cx as b } from "../../utils/cn.js";
-import te from "../select/SearchInput.js";
+import { HierarchicalSearchInput as W } from "./components/HierarchicalSearchInput.js";
+import { getAllParentIds as X, toggleSelection as Y, getVisibleLeafIds as Z, getSelectAllState as z, toggleSelectAll as K, getSelectionState as ee } from "./utils/selection.js";
+import { searchTree as te } from "./utils/search.js";
+import { cx as f } from "../../utils/cn.js";
 import { Icon as se } from "../icon/icon.js";
-import { Checkbox as re } from "../checkbox/checkbox.js";
+import { Checkbox as le } from "../checkbox/checkbox.js";
 const y = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-md",
   lg: "text-lg"
 };
-function le({
+function re({
   size: d = "md",
   data: h,
   selectionKey: m,
   transformData: E,
   reconstructData: v,
   onChange: I,
-  searchPlaceholder: $ = "Search objects or fields",
+  searchPlaceholder: R = "Search objects or fields",
   maxHeight: N = 400,
-  className: D,
-  showSelectAll: H = !0,
+  className: $,
+  showSelectAll: D = !0,
   childCountLabel: Q
 }) {
-  const [u, V] = P(""), [C, w] = P(() => /* @__PURE__ */ new Set()), t = a(() => E(h, m), [h, m, E]), f = a(() => W(t), [t]), q = a(() => Array.from(f).sort().join("\0"), [f]);
-  R(() => {
-    w(new Set(f));
+  const [u, V] = L(""), [C, w] = L(() => /* @__PURE__ */ new Set()), t = a(() => E(h, m), [h, m, E]), g = a(() => X(t), [t]), q = a(() => Array.from(g).sort().join("\0"), [g]);
+  P(() => {
+    w(new Set(g));
   }, [q]);
-  const n = a(() => ee(t, u), [t, u]), i = !!u.trim();
-  R(() => {
-    i && w((e) => {
+  const r = a(() => te(t, u), [t, u]), n = !!u.trim();
+  P(() => {
+    n && w((e) => {
       const s = new Set(e);
-      return n.visibleIds.forEach((r) => {
-        let o = t.parentMap.get(r);
+      return r.visibleIds.forEach((l) => {
+        let o = t.parentMap.get(l);
         for (; o; )
           s.add(o), o = t.parentMap.get(o) ?? null;
       }), s;
     });
-  }, [i, n.visibleIds, t]);
+  }, [n, r.visibleIds, t]);
   const B = S(
     (e) => {
-      const r = u.trim().length > 0 && e.trim().length === 0;
-      V(e), r && w(new Set(f));
+      const l = u.trim().length > 0 && e.trim().length === 0;
+      V(e), l && w(new Set(g));
     },
-    [u, f]
-  ), p = a(() => i ? n.visibleIds : void 0, [i, n.visibleIds]), _ = S(
+    [u, g]
+  ), p = a(() => n ? r.visibleIds : void 0, [n, r.visibleIds]), _ = S(
     (e) => {
-      const s = i ? n.visibleIds : void 0, r = X(e, t, s), o = v(r, h, m);
+      const s = n ? r.visibleIds : void 0, l = Y(e, t, s), o = v(l, h, m);
       I(o);
     },
-    [t, i, n.visibleIds, v, h, m, I]
-  ), F = a(() => Y(t, p).length, [t, p]), j = a(() => Z(t, p), [t, p]), g = F === 0, M = S(() => {
-    if (g) return;
-    const e = z(t, p), s = v(e, h, m);
+    [t, n, r.visibleIds, v, h, m, I]
+  ), F = a(() => Z(t, p).length, [t, p]), j = a(() => z(t, p), [t, p]), b = F === 0, M = S(() => {
+    if (b) return;
+    const e = K(t, p), s = v(e, h, m);
     I(s);
-  }, [g, t, p, v, h, m, I]), G = S((e) => {
+  }, [b, t, p, v, h, m, I]), G = S((e) => {
     w((s) => {
-      const r = new Set(s);
-      return r.has(e) ? r.delete(e) : r.add(e), r;
+      const l = new Set(s);
+      return l.has(e) ? l.delete(e) : l.add(e), l;
     });
   }, []), A = a(() => {
-    const e = [], s = (r) => {
-      (r === null ? t.rootIds : t.childrenMap.get(r) || []).forEach((c) => {
-        if (i && !n.visibleIds.has(c))
+    const e = [], s = (l) => {
+      (l === null ? t.rootIds : t.childrenMap.get(l) || []).forEach((c) => {
+        if (n && !r.visibleIds.has(c))
           return;
         const x = t.items.get(c);
         x && (e.push({
           id: c,
           item: x,
-          isMatched: n.matchedIds.has(c)
+          isMatched: r.matchedIds.has(c)
         }), x.hasChildren && C.has(c) && s(c));
       });
     };
     return s(null), e;
-  }, [t, i, n.visibleIds, n.matchedIds, C]), J = S(
+  }, [t, n, r.visibleIds, r.matchedIds, C]), J = S(
     (e) => {
-      if (!i) return null;
-      const s = n.resultCounts.get(e);
+      if (!n) return null;
+      const s = r.resultCounts.get(e);
       return s === void 0 ? null : `${s} ${s === 1 ? "result" : "results"}`;
     },
-    [i, n.resultCounts]
-  ), k = t.items.size > 0, O = H && k && (!i || A.length > 0), L = i ? "Select all results" : "Select All";
-  return /* @__PURE__ */ T("div", { className: b("flex flex-col border border-primary rounded-lg bg-primary overflow-hidden", D), children: [
-    /* @__PURE__ */ l("div", { className: "border-b border-secondary p-2", children: /* @__PURE__ */ l(
-      te,
+    [n, r.resultCounts]
+  ), k = t.items.size > 0, O = D && k && (!n || A.length > 0), H = n ? "Select all results" : "Select All";
+  return /* @__PURE__ */ T("div", { className: f("flex flex-col border border-primary rounded-lg bg-primary overflow-hidden", $), children: [
+    /* @__PURE__ */ i(
+      W,
       {
         size: d == "xs" ? "sm" : d,
         value: u,
         onChange: B,
-        placeholder: $
+        placeholder: R
       }
-    ) }),
+    ),
     O && /* @__PURE__ */ T(
       "div",
       {
-        className: b(
+        className: f(
           "flex shrink-0 items-center gap-2 border-b border-secondary px-3 py-2.5",
-          g ? "cursor-not-allowed opacity-50" : "cursor-pointer hover:bg-secondary_subtle transition-colors"
+          b ? "cursor-not-allowed opacity-50" : "cursor-pointer hover:bg-secondary_subtle transition-colors"
         ),
         onClick: M,
-        "aria-disabled": g,
+        "aria-disabled": b,
         children: [
-          j === "indeterminate" ? /* @__PURE__ */ l(se, { name: "MinusSquare", className: "size-4 text-utility-brand-600" }) : /* @__PURE__ */ l(
+          j === "indeterminate" ? /* @__PURE__ */ i(se, { name: "MinusSquare", className: "size-4 text-utility-brand-600" }) : /* @__PURE__ */ i(
             "span",
             {
               onClick: (e) => e.stopPropagation(),
-              children: /* @__PURE__ */ l(
-                re,
+              children: /* @__PURE__ */ i(
+                le,
                 {
                   isSelected: j === "selected",
-                  isDisabled: g,
+                  isDisabled: b,
                   onChange: M,
-                  "aria-label": L
+                  "aria-label": H
                 }
               )
             }
           ),
-          /* @__PURE__ */ l("span", { className: b("font-medium text-primary", y[d]), children: L })
+          /* @__PURE__ */ i("span", { className: f("font-medium text-primary", y[d]), children: H })
         ]
       }
     ),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ i(
       "div",
       {
         className: "overflow-y-auto",
         style: { maxHeight: typeof N == "number" ? `${N}px` : N },
         role: "listbox",
         "aria-multiselectable": "true",
-        children: k ? A.length === 0 ? /* @__PURE__ */ l("div", { className: b("flex items-center justify-center py-8 text-tertiary", y[d]), children: "No results found" }) : A.map(({ id: e, item: s, isMatched: r }) => {
-          const o = s.depth === 0 ? J(e) : null, c = K(e, t), x = s.disabled === !0;
-          return /* @__PURE__ */ l("div", { children: /* @__PURE__ */ T("div", { className: "flex items-center", children: [
-            /* @__PURE__ */ l("div", { className: "flex-1", children: /* @__PURE__ */ l(
+        children: k ? A.length === 0 ? /* @__PURE__ */ i("div", { className: f("flex items-center justify-center py-8 text-tertiary", y[d]), children: "No results found" }) : A.map(({ id: e, item: s, isMatched: l }) => {
+          const o = s.depth === 0 ? J(e) : null, c = ee(e, t), x = s.disabled === !0;
+          return /* @__PURE__ */ i("div", { children: /* @__PURE__ */ T("div", { className: "flex items-center", children: [
+            /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
               U,
               {
                 size: d,
                 item: s,
                 selectionState: c,
-                isMatched: r,
+                isMatched: l,
                 searchQuery: u,
                 onToggle: _,
                 isExpandable: s.hasChildren,
@@ -149,14 +149,14 @@ function le({
                 childCountLabel: Q
               }
             ) }),
-            o && /* @__PURE__ */ l("span", { className: b("text-tertiary pr-3 whitespace-nowrap", y[d]), children: o })
+            o && /* @__PURE__ */ i("span", { className: f("text-tertiary pr-3 whitespace-nowrap", y[d]), children: o })
           ] }) }, e);
-        }) : /* @__PURE__ */ l("div", { className: b("flex items-center justify-center py-8 text-tertiary", y[d]), children: "No items available" })
+        }) : /* @__PURE__ */ i("div", { className: f("flex items-center justify-center py-8 text-tertiary", y[d]), children: "No items available" })
       }
     )
   ] });
 }
-le.displayName = "HierarchicalSelect";
+re.displayName = "HierarchicalSelect";
 export {
-  le as HierarchicalSelect
+  re as HierarchicalSelect
 };

package/dist/primitives/hierarchical-select/components/HierarchicalSearchInput.d.ts

@@ -0,0 +1,19 @@
+/**
+ * HierarchicalSearchInput
+ * The tree's header search: a borderless input on the panel's top edge, with a clear button.
+ * Frozen to platform-ui's base/hierarchical-select SearchInput; the Select SearchInput is a
+ * bordered field and renders a taller row with smaller text.
+ */
+interface HierarchicalSearchInputProps {
+    size?: "xs" | "sm" | "md" | "lg";
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    className?: string;
+}
+export declare const HierarchicalSearchInput: {
+    ({ value, onChange, placeholder, className, size, }: HierarchicalSearchInputProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=HierarchicalSearchInput.d.ts.map

package/dist/primitives/hierarchical-select/components/HierarchicalSearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchicalSearchInput.d.ts","sourceRoot":"","sources":["../../../../src/primitives/hierarchical-select/components/HierarchicalSearchInput.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH,UAAU,4BAA4B;IAClC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAgBD,eAAO,MAAM,uBAAuB;yDAMjC,4BAA4B;;CAqC9B,CAAC"}

package/dist/primitives/hierarchical-select/components/HierarchicalSearchInput.js

@@ -0,0 +1,60 @@
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { useCallback as s } from "react";
+import { SearchMd as x, XClose as h } from "@untitledui/icons";
+import { cx as c } from "../../../utils/cn.js";
+const l = {
+  xs: 12,
+  sm: 14,
+  md: 16,
+  lg: 18
+}, u = {
+  xs: "text-xs",
+  sm: "text-sm",
+  md: "text-md",
+  lg: "text-lg"
+}, b = ({
+  value: a,
+  onChange: e,
+  placeholder: o = "Search...",
+  className: n,
+  size: r = "md"
+}) => {
+  const i = s(
+    (p) => {
+      e(p.target.value);
+    },
+    [e]
+  ), m = s(() => {
+    e("");
+  }, [e]);
+  return /* @__PURE__ */ d("div", { className: c("flex items-center gap-2 px-3 py-2 border-b border-secondary", n), children: [
+    /* @__PURE__ */ t(x, { size: l[r], className: "text-tertiary shrink-0" }),
+    /* @__PURE__ */ t(
+      "input",
+      {
+        type: "text",
+        value: a,
+        onChange: i,
+        placeholder: o,
+        className: c(
+          "flex-1 bg-transparent outline-none placeholder:text-placeholder text-primary",
+          u[r]
+        )
+      }
+    ),
+    a && /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        onClick: m,
+        className: "p-0.5 rounded hover:bg-secondary_subtle transition-colors",
+        "aria-label": "Clear search",
+        children: /* @__PURE__ */ t(h, { size: l[r], className: "text-tertiary" })
+      }
+    )
+  ] });
+};
+b.displayName = "HierarchicalSearchInput";
+export {
+  b as HierarchicalSearchInput
+};