@ai-matrx/design-system 0.49.41 → 0.49.42

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## 0.49.42
+### Unreleased
+
+- **A folded single-row toolbar carries its search in the "…"** (merged-grid leftovers, 2026-09-30): when the row is too narrow for its pinned group and everything folds behind ONE "…" (`usePinnedFold`), the search had stayed on the row, scrolled out of sight under the "…". It now rides the "…" first in the list (the phone sheet's `sheetTop` rule) and returns to the row when the row unfolds. Proof: `MatrxDataTable.pinned-whole-or-folded.test.tsx`. Consumer action: none.
+
 ## 0.49.41
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/data-table/index.cjs

@@ -52919,6 +52919,7 @@ function MatrxDataTableCore(coreProps) {
   );
   const pinnedFolded = usePinnedFold(pinnedEl, pinnedRowActive);
   const toolbarEnd = { node: null };
+  const toolbarSearch = { node: null };
   const renderToolbarControls = (controls) => {
     toolbarEnd.node = null;
     const overflow = toolbar?.overflow;
@@ -52954,6 +52955,7 @@ function MatrxDataTableCore(coreProps) {
         ...folded ? { "data-matrx-table-toolbar-pinned-folded": "" } : {},
         className: "sticky right-0 z-[1] -ml-1 flex shrink-0 items-center gap-1 bg-background pl-1 before:pointer-events-none before:absolute before:inset-y-0 before:-left-6 before:w-6 before:bg-gradient-to-l before:from-background before:to-transparent",
         children: folded ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(ToolbarOverflowMenu, { children: [
+          toolbarSearch.node ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { "data-matrx-table-toolbar-folded-search": "", "data-matrx-table-tools-keep-open": "", children: toolbarSearch.node }) : null,
           controls,
           overflow?.pinned,
           overflow?.sheetExtras
@@ -54525,7 +54527,7 @@ function MatrxDataTableCore(coreProps) {
                           onApply: applyLatestSavedView
                         }
                       ) }) : void 0,
-                      search: toolbar?.customSearch ?? (showSearch ? intelligentSearchEnabled ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                      search: (toolbarSearch.node = toolbar?.customSearch ?? (showSearch ? intelligentSearchEnabled ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                         TableSearch,
                         {
                           value: searchValue,
@@ -54596,7 +54598,7 @@ function MatrxDataTableCore(coreProps) {
                             ] }) : null
                           ]
                         }
-                      ) : null),
+                      ) : null), pinnedFolded && pinnedRowActive ? void 0 : toolbarSearch.node),
                       children: [
                         toolbar?.layeredFilters ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                           LayeredFilterBuilder,