@iris-ui-kit/vue 0.2.7 → 0.2.9

package/dist/index.d.cts

@@ -4359,6 +4359,16 @@ declare const IrisTable: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<(row: Record<string, unknown>) => Array<Record<string, unknown>> | undefined>;
         default: undefined;
     };
+    /**
+     * Cascade multi-row selection through the complete tree supplied by
+     * `getSubRows`. Selecting a branch selects every descendant (including
+     * collapsed rows); partially selected branches render indeterminate.
+     * Ignored outside tree mode and for non-multi selection.
+     */
+    treeSelectionCascade: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     selectable: {
         type: PropType<"none" | "single" | "multi">;
         default: string;
@@ -4493,6 +4503,16 @@ declare const IrisTable: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<(row: Record<string, unknown>) => Array<Record<string, unknown>> | undefined>;
         default: undefined;
     };
+    /**
+     * Cascade multi-row selection through the complete tree supplied by
+     * `getSubRows`. Selecting a branch selects every descendant (including
+     * collapsed rows); partially selected branches render indeterminate.
+     * Ignored outside tree mode and for non-multi selection.
+     */
+    treeSelectionCascade: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     selectable: {
         type: PropType<"none" | "single" | "multi">;
         default: string;
@@ -4550,6 +4570,7 @@ declare const IrisTable: vue.DefineComponent<vue.ExtractPropTypes<{
     rowExpandable: IrisTableRowExpandable<Record<string, unknown>>;
     defaultExpandedRowKeys: (string | number)[];
     getSubRows: (row: Record<string, unknown>) => Array<Record<string, unknown>> | undefined;
+    treeSelectionCascade: boolean;
     selectable: "none" | "single" | "multi";
     selection: (string | number)[];
     defaultSelection: (string | number)[];

package/dist/index.d.ts

@@ -4359,6 +4359,16 @@ declare const IrisTable: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<(row: Record<string, unknown>) => Array<Record<string, unknown>> | undefined>;
         default: undefined;
     };
+    /**
+     * Cascade multi-row selection through the complete tree supplied by
+     * `getSubRows`. Selecting a branch selects every descendant (including
+     * collapsed rows); partially selected branches render indeterminate.
+     * Ignored outside tree mode and for non-multi selection.
+     */
+    treeSelectionCascade: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     selectable: {
         type: PropType<"none" | "single" | "multi">;
         default: string;
@@ -4493,6 +4503,16 @@ declare const IrisTable: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<(row: Record<string, unknown>) => Array<Record<string, unknown>> | undefined>;
         default: undefined;
     };
+    /**
+     * Cascade multi-row selection through the complete tree supplied by
+     * `getSubRows`. Selecting a branch selects every descendant (including
+     * collapsed rows); partially selected branches render indeterminate.
+     * Ignored outside tree mode and for non-multi selection.
+     */
+    treeSelectionCascade: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     selectable: {
         type: PropType<"none" | "single" | "multi">;
         default: string;
@@ -4550,6 +4570,7 @@ declare const IrisTable: vue.DefineComponent<vue.ExtractPropTypes<{
     rowExpandable: IrisTableRowExpandable<Record<string, unknown>>;
     defaultExpandedRowKeys: (string | number)[];
     getSubRows: (row: Record<string, unknown>) => Array<Record<string, unknown>> | undefined;
+    treeSelectionCascade: boolean;
     selectable: "none" | "single" | "multi";
     selection: (string | number)[];
     defaultSelection: (string | number)[];

package/dist/index.js

@@ -33,7 +33,7 @@ export { FormInjectionKey, IrisForm, useField, useFieldArray, useForm, useFormCo
 import { useI18n } from './chunk-TCAXRWT6.js';
 export { I18nInjectionKey, IrisI18nProvider, useI18n } from './chunk-TCAXRWT6.js';
 import { defineComponent, computed, watch, ref, useId, provide, inject, h, nextTick, Teleport, onScopeDispose, Fragment, onMounted, onBeforeUnmount, onBeforeMount, shallowRef, toValue, Comment, onUnmounted } from 'vue';
-import { createFloatingMachine, createHoverIntent, createKeyboardNav, getPageRange, createSelectionModel, flattenLeafColumns, buildHeaderMatrix, createExpansion, flattenTree, withSortedChildren, createCellRange, computeVirtualRange, aggregate, createStore, createTreeSelection, firstEnabledIndex, startOfMonth, clampDate, isSameMonth, buildMonthMatrix, getWeekdayNames, formatMonthYear, startOfDay, endOfMonth, isSameDay, isOutOfRange, formatLocalISO, hexToRgba, rgbaToHsva, hsvaToRgba, rgbToHex, addMonths, createVirtualizer, compareValues, nextGridCell, nextEnabledIndex, copyText, addDays, clamp01, createAutoDismiss, createReconnectingSource, createResilientFetcher, createDisposableScope, toCsv, downloadFile, toSpreadsheetXml, generateId } from '@iris-ui-kit/core';
+import { createFloatingMachine, createHoverIntent, createKeyboardNav, getPageRange, createSelectionModel, flattenLeafColumns, buildHeaderMatrix, createExpansion, flattenTree, withSortedChildren, createTreeSelection, createCellRange, computeVirtualRange, aggregate, createStore, firstEnabledIndex, startOfMonth, clampDate, isSameMonth, buildMonthMatrix, getWeekdayNames, formatMonthYear, startOfDay, endOfMonth, isSameDay, isOutOfRange, formatLocalISO, hexToRgba, rgbaToHsva, hsvaToRgba, rgbToHex, addMonths, createVirtualizer, compareValues, nextGridCell, nextEnabledIndex, copyText, addDays, clamp01, createAutoDismiss, createReconnectingSource, createResilientFetcher, createDisposableScope, toCsv, downloadFile, toSpreadsheetXml, generateId } from '@iris-ui-kit/core';
 export { addDays, addMonths, buildMonthMatrix, clamp01, clampDate, composeEventHandlers, createFloatingMachine, createMachine, createStore, endOfMonth, formatLocalISO, formatMonthYear, generateId, getPageRange, getWeekdayNames, hexToRgba, hsvToRgb, hsvaToRgba, isOutOfRange, isSameDay, isSameMonth, mergeProps, rgbToHex, rgbToHsv, rgbaToHsva, startOfDay, startOfMonth } from '@iris-ui-kit/core';
 import { getDirection } from '@iris-ui-kit/theme';
 export { applyTheme, createThemeStore, getCssVar, toCssVarName } from '@iris-ui-kit/theme';
@@ -5422,7 +5422,14 @@ var IrisTable = defineComponent({
     getSubRows: {
       type: Function,
       default: void 0
-    }
+    },
+    /**
+     * Cascade multi-row selection through the complete tree supplied by
+     * `getSubRows`. Selecting a branch selects every descendant (including
+     * collapsed rows); partially selected branches render indeterminate.
+     * Ignored outside tree mode and for non-multi selection.
+     */
+    treeSelectionCascade: { type: Boolean, default: false }
   },
   emits: {
     "update:selection": (_value) => true,
@@ -5508,27 +5515,97 @@ var IrisTable = defineComponent({
     const bodyData = computed(
       () => flatTree.value ? flatTree.value.map((t2) => t2.row) : sortedRows.value
     );
-    const isSelected = (id) => displaySelection.value.includes(id);
-    const allRowIds = computed(() => bodyData.value.map((r, i) => rowId(r, i)));
+    const cascadingTreeSelection = computed(
+      () => props.treeSelectionCascade && props.selectable === "multi" && treeMode.value
+    );
+    const treeSelectionNodes = computed(() => {
+      const getChildren = props.getSubRows;
+      if (!cascadingTreeSelection.value || !getChildren) return [];
+      const nodes = [];
+      const seen = /* @__PURE__ */ new Set();
+      let rowIndex = 0;
+      const walk = (rows, parentKey) => {
+        for (const row of rows) {
+          const key = rowId(row, rowIndex);
+          rowIndex += 1;
+          if (seen.has(key)) continue;
+          seen.add(key);
+          nodes.push({ key, parentKey });
+          const children = getChildren(row);
+          if (children && children.length > 0) walk(children, key);
+        }
+      };
+      walk(sortedRows.value);
+      return nodes;
+    });
+    const compactTreeSelectionSeed = (keys) => {
+      const selected = new Set(keys);
+      const parentByKey = new Map(
+        treeSelectionNodes.value.map((node) => [node.key, node.parentKey])
+      );
+      return keys.filter((key) => {
+        const visited = /* @__PURE__ */ new Set();
+        let parent = parentByKey.get(key);
+        while (parent !== void 0 && !visited.has(parent)) {
+          if (selected.has(parent)) return false;
+          visited.add(parent);
+          parent = parentByKey.get(parent);
+        }
+        return true;
+      });
+    };
+    const resolvedTreeSelection = computed(
+      () => cascadingTreeSelection.value ? createTreeSelection({
+        nodes: treeSelectionNodes.value,
+        // Canonical payloads contain fully-selected branches and their
+        // leaves. Seed only the highest selected ancestors so rebuilding a
+        // large fully-selected tree does not cascade once per descendant.
+        defaultChecked: compactTreeSelectionSeed(displaySelection.value)
+      }) : null
+    );
+    const isSelected = (id) => resolvedTreeSelection.value?.isChecked(id) ?? displaySelection.value.includes(id);
+    const isSelectionIndeterminate = (id) => resolvedTreeSelection.value?.isIndeterminate(id) ?? false;
+    const allRowIds = computed(
+      () => cascadingTreeSelection.value ? treeSelectionNodes.value.map((node) => node.key) : bodyData.value.map((row, index) => rowId(row, index))
+    );
     const allSelected = computed(() => {
-      const sel = displaySelection.value;
-      return allRowIds.value.length > 0 && allRowIds.value.every((id) => sel.includes(id));
+      return allRowIds.value.length > 0 && allRowIds.value.every((id) => isSelected(id));
     });
     const someSelected = computed(() => {
-      const sel = displaySelection.value;
-      return !allSelected.value && allRowIds.value.some((id) => sel.includes(id));
+      return !allSelected.value && allRowIds.value.some((id) => isSelected(id) || isSelectionIndeterminate(id));
     });
     const toggleRow = (id) => {
       rebaseToProp();
       if (props.selectable === "single") {
         selectionModel.set(selectionModel.isSelected(id) ? [] : [id]);
       } else if (props.selectable === "multi") {
-        selectionModel.toggle(id);
+        if (cascadingTreeSelection.value) {
+          const treeSelection = createTreeSelection({
+            nodes: treeSelectionNodes.value,
+            defaultChecked: compactTreeSelectionSeed(displaySelection.value)
+          });
+          treeSelection.toggle(id);
+          selectionModel.set(treeSelection.getChecked());
+        } else {
+          selectionModel.toggle(id);
+        }
       }
     };
     const toggleAll = () => {
       rebaseToProp();
-      selectionModel.set(allSelected.value ? [] : [...allRowIds.value]);
+      if (allSelected.value) {
+        selectionModel.set([]);
+        return;
+      }
+      if (cascadingTreeSelection.value) {
+        const treeSelection = createTreeSelection({
+          nodes: treeSelectionNodes.value,
+          defaultChecked: allRowIds.value
+        });
+        selectionModel.set(treeSelection.getChecked());
+        return;
+      }
+      selectionModel.set([...allRowIds.value]);
     };
     const editingCellId = ref(null);
     const editingDraft = ref("");
@@ -6090,7 +6167,7 @@ var IrisTable = defineComponent({
               },
               [
                 h(IrisCheckbox, {
-                  modelValue: selected,
+                  modelValue: isSelectionIndeterminate(id) ? "indeterminate" : selected,
                   size: "sm",
                   ariaLabel: t("table.selectRow", { key: id }),
                   "onUpdate:modelValue": () => toggleRow(id),