@ai-matrx/design-system 0.35.0 → 0.37.1

package/dist/data-table/infer-filter.d.cts

@@ -1,4 +1,4 @@
-import { M as MatrxColumnDef, f as ColumnFilterKind } from '../types-kiV-CAuZ.cjs';
+import { M as MatrxColumnDef, f as ColumnFilterKind } from '../types-BuMHbFjs.cjs';
 import '../content-transfer.cjs';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/infer-filter.d.ts

@@ -1,4 +1,4 @@
-import { M as MatrxColumnDef, f as ColumnFilterKind } from '../types-Cxm5XK0L.js';
+import { M as MatrxColumnDef, f as ColumnFilterKind } from '../types-B8vwElPz.js';
 import '../content-transfer.js';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/layered-filters.d.cts

@@ -1,4 +1,4 @@
-export { as as LAYERED_FILTER_OPERATORS, at as LAYERED_FILTER_OPERATOR_LABELS, au as LayeredFilterField, av as LayeredFilterOperator, L as LayeredFilterRule, aw as columnFiltersToLayeredRules, ax as completeLayeredFilterRules, ay as decodeLayeredFilterRules, az as encodeLayeredFilterRules, aA as isCompleteLayeredFilterRule, aB as isLayeredFilterOperator, aC as layeredFilterMatchesValue, aD as layeredFilterNeedsValue, aE as layeredFilterRuleSummary, aF as operatorsForLayeredField } from '../types-kiV-CAuZ.cjs';
+export { as as LAYERED_FILTER_OPERATORS, at as LAYERED_FILTER_OPERATOR_LABELS, au as LayeredFilterField, av as LayeredFilterOperator, L as LayeredFilterRule, aw as columnFiltersToLayeredRules, ax as completeLayeredFilterRules, ay as decodeLayeredFilterRules, az as encodeLayeredFilterRules, aA as isCompleteLayeredFilterRule, aB as isLayeredFilterOperator, aC as layeredFilterMatchesValue, aD as layeredFilterNeedsValue, aE as layeredFilterRuleSummary, aF as operatorsForLayeredField } from '../types-BuMHbFjs.cjs';
 import '../content-transfer.cjs';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/layered-filters.d.ts

@@ -1,4 +1,4 @@
-export { as as LAYERED_FILTER_OPERATORS, at as LAYERED_FILTER_OPERATOR_LABELS, au as LayeredFilterField, av as LayeredFilterOperator, L as LayeredFilterRule, aw as columnFiltersToLayeredRules, ax as completeLayeredFilterRules, ay as decodeLayeredFilterRules, az as encodeLayeredFilterRules, aA as isCompleteLayeredFilterRule, aB as isLayeredFilterOperator, aC as layeredFilterMatchesValue, aD as layeredFilterNeedsValue, aE as layeredFilterRuleSummary, aF as operatorsForLayeredField } from '../types-Cxm5XK0L.js';
+export { as as LAYERED_FILTER_OPERATORS, at as LAYERED_FILTER_OPERATOR_LABELS, au as LayeredFilterField, av as LayeredFilterOperator, L as LayeredFilterRule, aw as columnFiltersToLayeredRules, ax as completeLayeredFilterRules, ay as decodeLayeredFilterRules, az as encodeLayeredFilterRules, aA as isCompleteLayeredFilterRule, aB as isLayeredFilterOperator, aC as layeredFilterMatchesValue, aD as layeredFilterNeedsValue, aE as layeredFilterRuleSummary, aF as operatorsForLayeredField } from '../types-B8vwElPz.js';
 import '../content-transfer.js';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/query-control.d.cts

@@ -1,5 +1,5 @@
 import { ResolvedFilterKind } from './infer-filter.cjs';
-import { e as MatrxDataTableQueryState, M as MatrxColumnDef } from '../types-kiV-CAuZ.cjs';
+import { e as MatrxDataTableQueryState, M as MatrxColumnDef } from '../types-BuMHbFjs.cjs';
 import '../content-transfer.cjs';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/query-control.d.ts

@@ -1,5 +1,5 @@
 import { ResolvedFilterKind } from './infer-filter.js';
-import { e as MatrxDataTableQueryState, M as MatrxColumnDef } from '../types-Cxm5XK0L.js';
+import { e as MatrxDataTableQueryState, M as MatrxColumnDef } from '../types-B8vwElPz.js';
 import '../content-transfer.js';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/spreadsheet.cjs

@@ -634,6 +634,19 @@ function targetsAnEditor(target) {
   if (!element) return false;
   return element.closest("input, textarea, select, [contenteditable='true']") !== null;
 }
+function camePastAPortal(target, host) {
+  if (typeof Element === "undefined") return false;
+  const element = target instanceof Element ? target : null;
+  const owner = host instanceof Element ? host : null;
+  if (!element || !owner) return false;
+  return !owner.contains(element);
+}
+function camePastAPortalIntoTheContainer(target) {
+  if (typeof Element === "undefined") return false;
+  const element = target instanceof Element ? target : null;
+  if (!element) return false;
+  return element.closest('[data-matrx-table-spreadsheet="true"]') === null;
+}
 var NOTHING = [];
 function useSpreadsheetGrid(options) {
   const [range, setRange] = (0, import_react.useState)(null);
@@ -806,6 +819,7 @@ function useSpreadsheetGrid(options) {
       const current = optionsRef.current;
       if (!current) return;
       if (targetsAnEditor(event.target)) return;
+      if (camePastAPortalIntoTheContainer(event.target)) return;
       const accel = event.metaKey || event.ctrlKey;
       if (accel && (event.key === "z" || event.key === "Z")) {
         event.preventDefault();
@@ -892,6 +906,7 @@ function useSpreadsheetGrid(options) {
   const onCopy = (0, import_react.useCallback)(
     (event) => {
       if (!optionsRef.current || !range || targetsAnEditor(event.target)) return;
+      if (camePastAPortalIntoTheContainer(event.target)) return;
       const text = selectionAsTsv();
       if (!text) return;
       event.preventDefault();
@@ -902,6 +917,7 @@ function useSpreadsheetGrid(options) {
   const onCut = (0, import_react.useCallback)(
     (event) => {
       if (!optionsRef.current || !range || targetsAnEditor(event.target)) return;
+      if (camePastAPortalIntoTheContainer(event.target)) return;
       const text = selectionAsTsv();
       if (!text) return;
       event.preventDefault();
@@ -914,6 +930,7 @@ function useSpreadsheetGrid(options) {
     (event) => {
       const current = optionsRef.current;
       if (!current || current.paste === false || !range || targetsAnEditor(event.target)) return;
+      if (camePastAPortalIntoTheContainer(event.target)) return;
       const text = event.clipboardData?.getData("text/plain") ?? "";
       if (!text) return;
       event.preventDefault();
@@ -997,6 +1014,7 @@ function useSpreadsheetGrid(options) {
         ...inFillPreview ? { "data-matrx-cell-fill-preview": "true" } : {},
         onMouseDown: (event) => {
           if (event.button !== 0) return;
+          if (camePastAPortal(event.target ?? null, event.currentTarget)) return;
           event.preventDefault();
           const origin = event.currentTarget;
           if (typeof HTMLElement !== "undefined" && origin instanceof HTMLElement) {