impact-nova 2.5.0 → 2.5.2

package/dist/components/data/nested-list/components/SortableItem.js

@@ -1,25 +1,26 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import R, { useMemo as j } from "react";
-import { useSortable as _ } from "@dnd-kit/sortable";
-import { useDroppable as H } from "@dnd-kit/core";
-import { Checkbox as D } from "../../../forms/checkbox/checkbox.js";
-import { ChevronRight as $, Drag as E } from "impact-nova-icons";
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import C, { useMemo as R } from "react";
+import { useSortable as j } from "@dnd-kit/sortable";
+import { useDroppable as _ } from "@dnd-kit/core";
+import { Checkbox as H } from "../../../forms/checkbox/checkbox.js";
+import { ChevronRight as D, Drag as $ } from "impact-nova-icons";
 import { cn as d } from "../../../../lib/utils.js";
-import { useImpactNovaI18n as k } from "../../../../i18n/use-impact-nova-i18n.js";
+import { useImpactNovaI18n as v } from "../../../../i18n/use-impact-nova-i18n.js";
+import { isNestedListSubtreeIndeterminate as E } from "../nested-list-tree-utils.js";
 const z = "flex shrink-0 items-center h-5 gap-0.5", A = "flex h-5 w-4 shrink-0 items-center justify-center", O = "flex h-5 w-5 shrink-0 cursor-grab active:cursor-grabbing items-center justify-center rounded-sm text-content-icon transition-colors hover:bg-canvas-muted hover:text-content", P = (e, r) => {
   const s = "group flex items-start gap-2 py-1 pr-2 rounded transition-colors duration-150 min-w-0";
   return e ? d(s, "opacity-40 bg-canvas-muted") : r ? d(s, "bg-feedback-error-surface border border-destructive animate-pulse") : d(s, "hover:bg-canvas-muted");
 }, G = ({ item: e, isAnyDragging: r, renderActions: s }) => {
-  const { t: n } = k(), a = !e.children || e.children.length === 0, {
+  const { t: n } = v(), a = !e.children || e.children.length === 0, {
     setNodeRef: l,
     isOver: o
-  } = H({
+  } = _({
     id: `droppable-${e.id}`,
     data: { sectionId: e.id },
     disabled: !a
   });
-  return /* @__PURE__ */ i("div", { ref: a ? l : void 0, children: [
-    /* @__PURE__ */ i(
+  return /* @__PURE__ */ c("div", { ref: a ? l : void 0, children: [
+    /* @__PURE__ */ c(
       "div",
       {
         className: d(
@@ -28,7 +29,7 @@ const z = "flex shrink-0 items-center h-5 gap-0.5", A = "flex h-5 w-4 shrink-0 i
           o && r && a && "bg-canvas-tint rounded"
         ),
         children: [
-          /* @__PURE__ */ i("div", { className: "flex items-center", children: [
+          /* @__PURE__ */ c("div", { className: "flex items-center", children: [
             e.label,
             o && r && a && /* @__PURE__ */ t("span", { className: "ml-2 text-brand text-[11px]", children: n("nestedList.dropHere") })
           ] }),
@@ -57,56 +58,56 @@ const z = "flex shrink-0 items-center h-5 gap-0.5", A = "flex h-5 w-4 shrink-0 i
   isAnyDragging: o = !1,
   enableDragDrop: N = !0,
   enableCollapse: g = !0,
-  shouldBlink: y = !1,
-  isDragDisabled: f = !1,
-  renderLabelExtras: m,
-  renderActions: x
+  shouldBlink: k = !1,
+  isDragDisabled: u = !1,
+  renderLabelExtras: f,
+  renderActions: m
 }) => {
-  const { t: h } = k(), v = e.category === "structure", p = e.children && e.children.length > 0, b = !p && e.category !== "structure", C = j(() => !e.children || e.children.length === 0 || e.children.every((u) => u.checked) ? !1 : e.children.some((u) => u.checked), [e.children]), {
-    attributes: L,
-    listeners: w,
-    setNodeRef: S,
+  const { t: h } = v(), x = e.category === "structure", p = e.children && e.children.length > 0, b = !p && e.category !== "structure", L = R(() => !e.children || e.children.length === 0 ? !1 : E(e.children), [e.children]), {
+    attributes: y,
+    listeners: S,
+    setNodeRef: w,
     isDragging: I
-  } = _({
+  } = j({
     id: e.id,
     data: {
       level: r,
       hasChildren: p,
       isExpanded: !n
     },
-    disabled: v || e.disabled || f
+    disabled: x || e.disabled || u
   });
-  return v ? /* @__PURE__ */ t(G, { item: e, isAnyDragging: o, renderActions: x }) : /* @__PURE__ */ t(
+  return x ? /* @__PURE__ */ t(G, { item: e, isAnyDragging: o, renderActions: m }) : /* @__PURE__ */ t(
     "div",
     {
-      ref: S,
+      ref: w,
       className: "relative",
       "data-item-id": e.id,
       "data-level": r,
       "data-checked": e.checked,
       "data-disabled": e.disabled,
       "data-collapsed": n,
-      children: /* @__PURE__ */ i(
+      children: /* @__PURE__ */ c(
         "div",
         {
-          className: P(I, y),
+          className: P(I, k),
           style: {
             paddingLeft: `${8 + s * 20}px`
           },
           children: [
-            /* @__PURE__ */ i("div", { className: z, children: [
+            /* @__PURE__ */ c("div", { className: z, children: [
               /* @__PURE__ */ t("div", { className: A, children: g && p && /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
-                  onClick: (c) => {
-                    c.stopPropagation(), l(e.id);
+                  onClick: (i) => {
+                    i.stopPropagation(), l(e.id);
                   },
-                  onMouseDown: (c) => c.stopPropagation(),
+                  onMouseDown: (i) => i.stopPropagation(),
                   className: "flex h-4 w-4 items-center justify-center rounded-full p-0 hover:bg-canvas-muted transition-colors text-content-icon hover:text-brand",
                   "aria-label": h(n ? "nestedList.expand" : "nestedList.collapse"),
                   children: /* @__PURE__ */ t(
-                    $,
+                    D,
                     {
                       size: "16px",
                       className: d("transition-transform", !n && "rotate-90")
@@ -115,21 +116,21 @@ const z = "flex shrink-0 items-center h-5 gap-0.5", A = "flex h-5 w-4 shrink-0 i
                 }
               ) }),
               /* @__PURE__ */ t("div", { className: "flex h-5 w-4 shrink-0 items-center justify-center", children: /* @__PURE__ */ t(
-                D,
+                H,
                 {
                   id: `checkbox-${e.id}`,
-                  checked: C ? "indeterminate" : e.checked,
+                  checked: L ? "indeterminate" : e.checked,
                   onCheckedChange: () => a(e.id),
                   disabled: e.disabled,
                   className: "mr-0",
                   "aria-label": e.label
                 }
               ) }),
-              N && !f ? /* @__PURE__ */ t(
+              N && !u ? /* @__PURE__ */ t(
                 "div",
                 {
-                  ...L,
-                  ...w,
+                  ...y,
+                  ...S,
                   "aria-label": `${h("aria.dragHandle")}: ${e.label}`,
                   className: O,
                   style: {
@@ -138,10 +139,10 @@ const z = "flex shrink-0 items-center h-5 gap-0.5", A = "flex h-5 w-4 shrink-0 i
                     zIndex: 30,
                     touchAction: "none"
                   },
-                  onPointerDown: (c) => {
-                    c.stopPropagation();
+                  onPointerDown: (i) => {
+                    i.stopPropagation();
                   },
-                  children: /* @__PURE__ */ t(E, { size: "14px" })
+                  children: /* @__PURE__ */ t($, { size: "14px" })
                 }
               ) : /* @__PURE__ */ t("div", { className: "w-5 shrink-0", "aria-hidden": !0 })
             ] }),
@@ -153,14 +154,14 @@ const z = "flex shrink-0 items-center h-5 gap-0.5", A = "flex h-5 w-4 shrink-0 i
                 children: /* @__PURE__ */ t("span", { className: "break-words", children: e.label })
               }
             ),
-            m?.(e, { isLeaf: b, level: r }) ? /* @__PURE__ */ t("div", { className: "shrink-0 self-center flex items-center", children: m(e, { isLeaf: b, level: r }) }) : null,
-            /* @__PURE__ */ t("div", { className: "shrink-0 self-center flex items-center", children: x?.(e, { isLeaf: b, level: r }) })
+            f?.(e, { isLeaf: b, level: r }) ? /* @__PURE__ */ t("div", { className: "shrink-0 self-center flex items-center", children: f(e, { isLeaf: b, level: r }) }) : null,
+            /* @__PURE__ */ t("div", { className: "shrink-0 self-center flex items-center", children: m?.(e, { isLeaf: b, level: r }) })
           ]
         }
       )
     }
   );
-}, W = R.memo(M);
+}, W = C.memo(M);
 export {
   O as DRAG_HANDLE_CLASS,
   z as LEADING_RAIL_CLASS,

package/dist/components/data/nested-list/nested-list-tree-utils.d.ts

@@ -1,3 +1,11 @@
 import { NestedListItem } from './nested-list.types';
+export interface NestedListSubtreeLeafSelection {
+    totalLeafCount: number;
+    checkedLeafCount: number;
+}
+/** Counts selectable leaves under a subtree (skips structure section nodes). */
+export declare function computeNestedListSubtreeLeafSelection(items: NestedListItem[]): NestedListSubtreeLeafSelection;
+/** True when some but not all selectable leaves in the subtree are checked. */
+export declare function isNestedListSubtreeIndeterminate(items: NestedListItem[]): boolean;
 export declare function countNestedListLeaves(items: NestedListItem[]): number;
 export declare function buildCollapsedStateForAllGroups(items: NestedListItem[]): Record<string, boolean>;

package/dist/components/data/nested-list/nested-list-tree-utils.js

@@ -1,24 +1,50 @@
-function r(l) {
-  let t = 0;
-  const n = (o) => {
+function i(n) {
+  return !!(n.category === "group" || n.children && n.children.length > 0);
+}
+function l(n) {
+  let c = 0, t = 0;
+  const o = (e) => {
+    for (const r of e) {
+      if (r.category === "structure") {
+        r.children && r.children.length > 0 && o(r.children);
+        continue;
+      }
+      if (i(r) && r.children) {
+        o(r.children);
+        continue;
+      }
+      c += 1, r.checked && (t += 1);
+    }
+  };
+  return o(n), { totalLeafCount: c, checkedLeafCount: t };
+}
+function u(n) {
+  const { totalLeafCount: c, checkedLeafCount: t } = l(n);
+  return c === 0 ? !1 : t > 0 && t < c;
+}
+function d(n) {
+  let c = 0;
+  const t = (o) => {
     for (const e of o)
-      e.children && e.children.length > 0 ? n(e.children) : t += 1;
+      e.children && e.children.length > 0 ? t(e.children) : c += 1;
   };
-  return n(l), t;
+  return t(n), c;
 }
-function c(l) {
-  const t = {}, n = (o) => {
+function s(n) {
+  const c = {}, t = (o) => {
     for (const e of o) {
       if (e.category === "structure") {
-        e.children && e.children.length > 0 && n(e.children);
+        e.children && e.children.length > 0 && t(e.children);
         continue;
       }
-      e.children && e.children.length > 0 && (t[e.id] = !0, n(e.children));
+      e.children && e.children.length > 0 && (c[e.id] = !0, t(e.children));
     }
   };
-  return n(l), t;
+  return t(n), c;
 }
 export {
-  c as buildCollapsedStateForAllGroups,
-  r as countNestedListLeaves
+  s as buildCollapsedStateForAllGroups,
+  l as computeNestedListSubtreeLeafSelection,
+  d as countNestedListLeaves,
+  u as isNestedListSubtreeIndeterminate
 };