@ai-matrx/design-system 0.50.9 → 0.50.12

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## 0.50.12
+
+- Preserve declared select-filter choices and their human labels instead of replacing them with automatic loaded-row suggestions.
+- Keep unopened facet state stable so cell edits and realtime patches do not redraw every column header.
+
+### Consumer action
+
+- Update to latest. Existing column filter options remain authoritative; no API changes are required.
+
+## 0.50.11
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.50.9..npm/design-system/v0.50.11 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
+## 0.50.10
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.50.9..npm/design-system/v0.50.10 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
 ## 0.50.9
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see
@@ -3708,4 +3729,3 @@ New dependencies: `@radix-ui/react-dialog`, `@radix-ui/react-popover`,
 - Added Button, Badge, Label, Separator, and `cn` as the first shared semantic UI foundation.
 - Added strict TypeScript, SSR-focused tests, package linting, declaration analysis, and isolated tarball import verification.
 
-

package/dist/data-table/index.cjs

@@ -53796,7 +53796,7 @@ function MatrxDataTableCore(coreProps) {
     });
   }, []);
   (0, import_react28.useEffect)(() => {
-    setFacetState({});
+    setFacetState((current) => Object.keys(current).length === 0 ? current : {});
     for (const [colId, ticket] of facetRequestRef.current) {
       facetRequestRef.current.set(colId, ticket + 1);
     }
@@ -54882,8 +54882,11 @@ function MatrxDataTableCore(coreProps) {
     hasSummaryTotals ? summaryUsesSource : null,
     ...summaryTotals.flatMap((total) => [total.id, total.value, total.unavailable])
   ]);
+  const locallyFilteredSourcePage = remoteQuery?.mode === "controlled" && processed.length !== data.length;
   const paginationEpoch = useRenderEpoch([
     totalItems,
+    locallyFilteredSourcePage,
+    locallyFilteredSourcePage ? processed.length : null,
     sourceTotal,
     paginationLabelFormat,
     sourceTotal === void 0 ? null : data.length,
@@ -56128,7 +56131,7 @@ function MatrxDataTableCore(coreProps) {
                                                     label: col.header,
                                                     ...embedded ? { plainLabel: true } : {},
                                                     labelText: headerLabel,
-                                                    ...facetsEnabled || meta?.kind !== void 0 && meta.kind !== null && coreSuggestionsEnabled ? {
+                                                    ...facetsEnabled || meta?.kind !== void 0 && meta.kind !== null && coreSuggestionsEnabled && !col.filterOptions?.length ? {
                                                       facets: facetState[id]?.data ?? null,
                                                       facetsLoading: facetState[id]?.loading ?? false,
                                                       ...facetState[id]?.error === void 0 ? {} : { facetsError: facetState[id]?.error },
@@ -56645,7 +56648,7 @@ function MatrxDataTableCore(coreProps) {
                         {
                           totalItems,
                           ...readView.failure ? { countUnavailable: "failed" } : read?.status === "loading" && data.length === 0 ? { countUnavailable: "loading" } : {},
-                          ...paginationLabelFormat ? { labelFormat: paginationLabelFormat } : sourceTotal === void 0 ? {} : { labelFormat: (start, end, total) => `${(0, import_format14.formatCount)(start)}\u2013${(0, import_format14.formatCount)(end)} of ${(0, import_format14.formatCount)(total)} matching \xB7 ${(0, import_format14.formatCount)(data.length)} / ${(0, import_format14.formatCount)(sourceTotal)} loaded` },
+                          ...locallyFilteredSourcePage ? { labelFormat: (start, end, total) => `${(0, import_format14.formatCount)(processed.length)} matching on this source page \xB7 source ${paginationLabelFormat ? paginationLabelFormat(start, end, total) : `${(0, import_format14.formatCount)(start)}\u2013${(0, import_format14.formatCount)(end)} of ${(0, import_format14.formatCount)(total)}`}` } : paginationLabelFormat ? { labelFormat: paginationLabelFormat } : sourceTotal === void 0 ? {} : { labelFormat: (start, end, total) => `${(0, import_format14.formatCount)(start)}\u2013${(0, import_format14.formatCount)(end)} of ${(0, import_format14.formatCount)(total)} matching \xB7 ${(0, import_format14.formatCount)(data.length)} / ${(0, import_format14.formatCount)(sourceTotal)} loaded` },
                           ...localProgressiveEnabled ? { progressive: {
                             shownCount: progressiveRows.shownCount,
                             loadedCount: data.length,
@@ -56699,7 +56702,7 @@ function MatrxDataTableCore(coreProps) {
                               ]
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "ml-auto flex flex-wrap items-center gap-1.5", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-1 flex-wrap items-center justify-end gap-0", children: [
                             effectiveCopy && selectedRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                               CopyButtons,
                               {