@ai-matrx/design-system 0.25.0 → 0.26.0

package/dist/data-table/spreadsheet.js

@@ -644,6 +644,26 @@ function useSpreadsheetGrid(options) {
     for (let i = 0; i < columnIds.length; i += 1) map.set(columnIds[i], i);
     return map;
   }, [columnIds]);
+  const screenPatches = useCallback(
+    (patches) => {
+      const validate = optionsRef.current?.validateCell;
+      if (!validate) return { accepted: patches, refusals: [] };
+      const accepted = [];
+      const refusals = [];
+      for (const patch of patches) {
+        let reason;
+        try {
+          reason = validate({ rowId: patch.rowId, columnId: patch.columnId, value: patch.value });
+        } catch {
+          reason = void 0;
+        }
+        if (reason) refusals.push({ columnId: patch.columnId, reason });
+        else accepted.push(patch);
+      }
+      return { accepted, refusals };
+    },
+    []
+  );
   const applyPatches = useCallback(
     async (patches, intent, label) => {
       const current = optionsRef.current;
@@ -700,9 +720,10 @@ function useSpreadsheetGrid(options) {
       ...base,
       range: { top: bounds.r0, left: bounds.c0, bottom: bounds.r1, right: bounds.c1 }
     });
-    await applyPatches(result.patches, "fill-down", "Filled down");
-    announceSkips(result.skipped, result.summary);
-  }, [fillRequestBase, bounds, applyPatches, announceSkips]);
+    const screened = screenPatches(result.patches);
+    await applyPatches(screened.accepted, "fill-down", "Filled down");
+    announceSkips([...result.skipped, ...screened.refusals], result.summary);
+  }, [fillRequestBase, bounds, applyPatches, announceSkips, screenPatches]);
   const doClear = useCallback(async () => {
     const current = optionsRef.current;
     if (!current || !bounds) return;
@@ -723,9 +744,13 @@ function useSpreadsheetGrid(options) {
         patches.push({ rowId, columnId, value: null });
       }
     }
-    await applyPatches(patches, "clear", "Cleared");
-    announceSkips(skipped, `Cleared ${patches.length} cells.`);
-  }, [bounds, applyPatches, announceSkips]);
+    const screened = screenPatches(patches);
+    await applyPatches(screened.accepted, "clear", "Cleared");
+    announceSkips(
+      [...skipped, ...screened.refusals],
+      `Cleared ${screened.accepted.length} cells.`
+    );
+  }, [bounds, applyPatches, announceSkips, screenPatches]);
   const doUndo = useCallback(async () => {
     const taken = popUndo(stack);
     if (!taken.entry) return;
@@ -810,6 +835,14 @@ function useSpreadsheetGrid(options) {
         case "escape":
           setRange(null);
           return;
+        case "edit":
+        case "editSeeded": {
+          const focused = range?.focus;
+          if (!focused || !current.onEditRequest) return;
+          const seed = action.kind === "editSeeded" ? action.seed : null;
+          if (current.onEditRequest(focused, seed)) event.preventDefault();
+          return;
+        }
         default:
           return;
       }
@@ -824,6 +857,13 @@ function useSpreadsheetGrid(options) {
     );
     return gridToTsv(grid);
   }, [range, rowIds, columnIds]);
+  const selectionAddresses = useCallback(() => {
+    if (!range || !bounds) return { rowIds: [], columnIds: [] };
+    return {
+      rowIds: rowIds.slice(bounds.r0, bounds.r1 + 1),
+      columnIds: columnIds.slice(bounds.c0, bounds.c1 + 1)
+    };
+  }, [range, bounds, rowIds, columnIds]);
   const onCopy = useCallback(
     (event) => {
       if (!optionsRef.current || !range || targetsAnEditor(event.target)) return;
@@ -879,11 +919,12 @@ function useSpreadsheetGrid(options) {
           patches.push({ rowId, columnId, value: line[c] ?? null });
         }
       }
-      void applyPatches(patches, "paste", "Pasted");
+      const screened = screenPatches(patches);
+      void applyPatches(screened.accepted, "paste", "Pasted");
       const tail = outside > 0 ? ` ${outside} landed past the edge of the table and were ignored.` : "";
-      announceSkips(skipped, `Pasted ${patches.length} cells.${tail}`);
+      announceSkips([...skipped, ...screened.refusals], `Pasted ${screened.accepted.length} cells.${tail}`);
     },
-    [range, rowIds, columnIds, applyPatches, announceSkips]
+    [range, rowIds, columnIds, applyPatches, announceSkips, screenPatches]
   );
   const cellProps = useCallback(
     (rowId, columnId) => {
@@ -902,6 +943,10 @@ function useSpreadsheetGrid(options) {
         onMouseDown: (event) => {
           if (event.button !== 0) return;
           event.preventDefault();
+          const origin = event.currentTarget;
+          if (typeof HTMLElement !== "undefined" && origin instanceof HTMLElement) {
+            origin.closest('[data-matrx-table-spreadsheet="true"]')?.focus({ preventScroll: true });
+          }
           setRange(
             (previous) => event.shiftKey && previous ? { anchor: previous.anchor, focus: address } : { anchor: address, focus: address }
           );
@@ -963,12 +1008,13 @@ function useSpreadsheetGrid(options) {
         source: { top: source.r0, left: source.c0, bottom: source.r1, right: source.c1 },
         target
       });
-      void applyPatches(result.patches, "fill", "Filled");
-      announceSkips(result.skipped, result.summary);
+      const screened = screenPatches(result.patches);
+      void applyPatches(screened.accepted, "fill", "Filled");
+      announceSkips([...result.skipped, ...screened.refusals], result.summary);
     };
     window.addEventListener("mouseup", commit);
     return () => window.removeEventListener("mouseup", commit);
-  }, [options, fillRequestBase, applyPatches, announceSkips]);
+  }, [options, fillRequestBase, applyPatches, announceSkips, screenPatches]);
   return {
     range,
     bounds,
@@ -984,7 +1030,9 @@ function useSpreadsheetGrid(options) {
     isFillHandleCell,
     startFillDrag,
     canUndo: stack.past.length > 0,
-    canRedo: stack.future.length > 0
+    canRedo: stack.future.length > 0,
+    selectionTsv: selectionAsTsv,
+    selectionAddresses
   };
 }
 export {