@ai-matrx/design-system 0.53.3 → 0.54.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## 0.54.0
+
+- **`ConfirmDialogHost` holds Confirm while the question is not ready.** A `confirm({ ready })` (kit ≥ 0.22.0) opens at once and offers Confirm only when `ready` settles — resolved or rejected, so a failed read never traps the person. Cancel is always offered. `ConfirmDialog` gains `confirmHeld` (Confirm absent, never a disabled dead button). Guard: `src/confirm-host-ready.test.tsx` (2 red before).
+
+### Consumer action
+
+- None. Needs `@ai-matrx/kit` ≥ 0.22.0 for the `ready` option's type.
+
+## 0.53.4
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.53.3..npm/design-system/v0.53.4 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
 ## 0.53.3
 
 - Placement guard, rule 1 (glass only floats): a fixed or sticky ancestor counts only when it is reached BEFORE any scroll container. The app shell's root is `position: fixed`, so every page button "floated" and glass on a page, card or table was never flagged. A sticky bar inside a scroller still floats. Guard: `tap-placement.test.tsx` ("content inside a scroller does not float").
@@ -3809,3 +3823,4 @@ 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

@@ -35015,6 +35015,7 @@ function ConfirmDialog({
   variant = "default",
   busy = false,
   confirmDisabled = false,
+  confirmHeld = false,
   portalContainer,
   onConfirm
 }) {
@@ -35031,7 +35032,7 @@ function ConfirmDialog({
         content ?? null,
         /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(AlertDialogFooter, { children: [
           cancelLabel === null ? null : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AlertDialogCancel, { className: "max-lg:min-h-11", disabled: busy, children: cancelLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+          confirmHeld ? null : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
             AlertDialogAction,
             {
               disabled: busy || confirmDisabled,
@@ -56643,32 +56644,14 @@ function MatrxDataTableCore(coreProps) {
                               ]
                             }
                           ) : null,
-                          appendQuery.pagination.loadAll?.isLoading ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-                            Button,
-                            {
-                              type: "button",
-                              variant: "outline",
-                              className: "h-8 shrink-0 px-3 text-sm",
-                              onClick: appendQuery.pagination.loadAll.stop,
-                              children: "Stop loading"
-                            }
-                          ) : scrollPagination.error ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-                            Button,
-                            {
-                              type: "button",
-                              variant: "outline",
-                              className: "h-8 shrink-0 px-3 text-sm",
-                              onClick: appendQuery.pagination.retrySource ?? (appendQuery.pagination.hasNextPage ? appendQuery.pagination.loadNextPage : appendQuery.pagination.refresh),
-                              children: appendQuery.pagination.retrySource ? "Retry source" : appendQuery.pagination.hasNextPage ? "Retry" : "Reload rows"
-                            }
-                          ) : appendQuery.pagination.hasNextPage || scrollPagination.error ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex min-w-0 max-w-full flex-wrap gap-0", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex min-w-0 max-w-full flex-wrap gap-0", children: [
                             /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                               Button,
                               {
                                 type: "button",
                                 variant: "outline",
                                 className: "h-8 px-3 text-sm",
-                                disabled: isLoading || isFetching,
+                                disabled: isLoading || isFetching || Boolean(appendQuery.pagination.loadAll?.isLoading) || Boolean(scrollPagination.error) || !appendQuery.pagination.hasNextPage,
                                 onClick: () => void scrollPagination.requestNextPage(),
                                 children: "Load more"
                               }
@@ -56679,12 +56662,31 @@ function MatrxDataTableCore(coreProps) {
                                 type: "button",
                                 variant: "ghost",
                                 className: "h-8 px-3 text-sm",
-                                disabled: isLoading || isFetching,
+                                disabled: isLoading || isFetching || Boolean(appendQuery.pagination.loadAll?.isLoading) || Boolean(scrollPagination.error) || !appendQuery.pagination.hasNextPage,
                                 onClick: appendQuery.pagination.loadAll.request,
                                 children: "Load all"
                               }
                             ) : null
-                          ] }) : !isLoading && appendQuery.pagination.totalItems !== void 0 && data.length === appendQuery.pagination.totalItems ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "min-w-0 max-w-full break-words whitespace-normal px-3 text-xs text-muted-foreground sm:text-sm", children: "All rows loaded" }) : null
+                          ] }),
+                          appendQuery.pagination.loadAll?.isLoading ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                            Button,
+                            {
+                              type: "button",
+                              variant: "outline",
+                              className: "h-8 shrink-0 px-3 text-sm",
+                              onClick: appendQuery.pagination.loadAll.stop,
+                              children: "Stop loading"
+                            }
+                          ) : scrollPagination.error ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                            Button,
+                            {
+                              type: "button",
+                              variant: "outline",
+                              className: "h-8 shrink-0 px-3 text-sm",
+                              onClick: appendQuery.pagination.retrySource ?? (appendQuery.pagination.hasNextPage ? appendQuery.pagination.loadNextPage : appendQuery.pagination.refresh),
+                              children: appendQuery.pagination.retrySource ? "Retry source" : appendQuery.pagination.hasNextPage ? "Retry" : "Reload rows"
+                            }
+                          ) : !isLoading && appendQuery.pagination.totalItems !== void 0 && data.length === appendQuery.pagination.totalItems ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "min-w-0 max-w-full break-words whitespace-normal px-3 text-xs text-muted-foreground sm:text-sm", children: "All rows loaded" }) : null
                         ]
                       }
                     ) : embedded && !hidePagination && !drillGrouped && (localProgressiveEnabled || pageCount <= 1 || remoteQuery?.mode === "controlled") ? (