@ai-matrx/design-system 0.43.0 → 0.44.1

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

@@ -1,4 +1,4 @@
-import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-CqU57qk8.cjs';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-cvgKRetM.cjs';
 import '../content-transfer.cjs';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

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

@@ -1,4 +1,4 @@
-import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-CUR8Hbt5.js';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-Bzzzed5d.js';
 import '../content-transfer.js';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/host.d.cts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ComponentType, ReactNode, MouseEventHandler } from 'react';
 import { CopyControlProps } from './copy-types.cjs';
 export { AgentPayloadInput, AiCustomSource, AiVariant, CopyExportConfig } from './copy-types.cjs';
-import { b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../types-CqU57qk8.cjs';
+import { b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../types-cvgKRetM.cjs';
 import { MatrxTableMenuTarget, MatrxTableMenuPayload, MatrxTableMenuSectionsResolver, MatrxTableMenuIconName } from './menu-targets.cjs';
 export { MatrxTableMenuItem, MatrxTableMenuSection } from './menu-targets.cjs';
 import '../content-transfer.cjs';

package/dist/data-table/host.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ComponentType, ReactNode, MouseEventHandler } from 'react';
 import { CopyControlProps } from './copy-types.js';
 export { AgentPayloadInput, AiCustomSource, AiVariant, CopyExportConfig } from './copy-types.js';
-import { b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../types-CUR8Hbt5.js';
+import { b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../types-Bzzzed5d.js';
 import { MatrxTableMenuTarget, MatrxTableMenuPayload, MatrxTableMenuSectionsResolver, MatrxTableMenuIconName } from './menu-targets.js';
 export { MatrxTableMenuItem, MatrxTableMenuSection } from './menu-targets.js';
 import '../content-transfer.js';

package/dist/data-table/index.cjs

@@ -1658,6 +1658,15 @@ function useIsMobile() {
   return isMobile;
 }
 
+// src/layer-front.ts
+var LAYER_FRONT_EVENT = "matrx:layer-front";
+function announceLayerFront(element) {
+  if (typeof document === "undefined") return;
+  document.dispatchEvent(
+    new CustomEvent(LAYER_FRONT_EVENT, { detail: { element } })
+  );
+}
+
 // src/dialog.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
 var DialogWindowedByDefaultContext = React11.createContext(false);
@@ -1728,6 +1737,8 @@ var DialogContent = React11.forwardRef(
     dismissOnOutsideClick = false,
     onInteractOutside,
     onEscapeKeyDown,
+    onPointerDownCapture,
+    onFocusCapture,
     style,
     ...props
   }, ref) => {
@@ -1740,6 +1751,24 @@ var DialogContent = React11.forwardRef(
     const [containerEl, setContainerEl] = React11.useState(
       null
     );
+    const stacks = windowed && windowedByDefault;
+    const [behind, setBehind] = React11.useState(false);
+    React11.useEffect(() => {
+      if (!stacks || !containerEl) return;
+      const onFront = (event) => {
+        const element = event.detail?.element ?? null;
+        if (element && (element === containerEl || containerEl.contains(element))) return;
+        setBehind(true);
+      };
+      document.addEventListener(LAYER_FRONT_EVENT, onFront);
+      announceLayerFront(containerEl);
+      return () => document.removeEventListener(LAYER_FRONT_EVENT, onFront);
+    }, [stacks, containerEl]);
+    const bringToFront = () => {
+      if (!stacks || !containerEl) return;
+      setBehind(false);
+      announceLayerFront(containerEl);
+    };
     const [offset, setOffset] = React11.useState({ x: 0, y: 0 });
     const dragRef = React11.useRef(null);
     const handle = React11.useMemo(() => {
@@ -1798,10 +1827,20 @@ var DialogContent = React11.forwardRef(
             // z=1000); staying below that boundary makes a newly focused window
             // usable without coupling the two systems.
             !isModal && !windowedByDefault && "z-[900]",
+            // Another layer came to the front after this window (layer-front.ts).
+            stacks && behind && "z-[999]",
             // Without an overlay the card needs its own separation from the page.
             windowed && "shadow-2xl ring-1 ring-border/60"
           ),
           style: windowed && (offset.x !== 0 || offset.y !== 0) ? { ...style, translate: `${offset.x}px ${offset.y}px` } : style,
+          onPointerDownCapture: (event) => {
+            onPointerDownCapture?.(event);
+            if (behind) bringToFront();
+          },
+          onFocusCapture: (event) => {
+            onFocusCapture?.(event);
+            if (behind) bringToFront();
+          },
           onInteractOutside: (event) => {
             onInteractOutside?.(event);
             if (windowed && !dismissOnOutsideClick) event.preventDefault();
@@ -13845,6 +13884,26 @@ function MatrxDataTableCore({
   );
   const sheetRef = (0, import_react21.useRef)(sheet);
   sheetRef.current = sheet;
+  const onSheetSelectionRef = (0, import_react21.useRef)(spreadsheet?.onSelectionChange);
+  onSheetSelectionRef.current = spreadsheet?.onSelectionChange;
+  const sheetSelectionKey = sheet.range ? `${sheet.range.anchor.rowId}\0${sheet.range.anchor.fieldName}\0${sheet.range.focus.rowId}\0${sheet.range.focus.fieldName}\0${sheet.bounds ? `${sheet.bounds.r0}:${sheet.bounds.r1}:${sheet.bounds.c0}:${sheet.bounds.c1}` : ""}` : "";
+  (0, import_react21.useEffect)(() => {
+    const tell = onSheetSelectionRef.current;
+    if (!tell) return;
+    const current = sheetRef.current;
+    if (!current.range) {
+      tell(null);
+      return;
+    }
+    const { rowIds, columnIds: columnIds2 } = current.selectionAddresses();
+    tell({
+      active: { rowId: current.range.focus.rowId, columnId: current.range.focus.fieldName },
+      rowIds,
+      columnIds: columnIds2,
+      cellCount: rowIds.length * columnIds2.length,
+      tsv: current.selectionTsv()
+    });
+  }, [sheetSelectionKey]);
   const searchValueRef = (0, import_react21.useRef)(searchValue);
   searchValueRef.current = searchValue;
   const facetsEnabled = Boolean(facets && facets.enabled !== false);