@open-mercato/ui 0.10.1-develop.7699.1.5236fabda0 → 0.10.1-develop.7702.1.f991ecf392

package/dist/backend/DataTable.js

@@ -2578,14 +2578,14 @@ function DataTableImpl({
   const tableScrollWrapperClassName = embedded ? "isolate" : "isolate overflow-auto";
   const virtualScrollRef = React.useRef(null);
   const [tableScrollEl, setTableScrollEl] = React.useState(null);
-  const [emptyStateViewportWidth, setEmptyStateViewportWidth] = React.useState(null);
+  const [scrollViewportWidth, setScrollViewportWidth] = React.useState(null);
   const setTableScrollWrapperRef = React.useCallback((node) => {
     setTableScrollEl(node);
     virtualScrollRef.current = node;
   }, []);
   React.useEffect(() => {
     if (!tableScrollEl || typeof ResizeObserver === "undefined") return;
-    const update = () => setEmptyStateViewportWidth(tableScrollEl.clientWidth);
+    const update = () => setScrollViewportWidth(tableScrollEl.clientWidth);
     update();
     const observer = new ResizeObserver(update);
     observer.observe(tableScrollEl);
@@ -2769,7 +2769,14 @@ function DataTableImpl({
           /* @__PURE__ */ jsx(TableBody, { children: isLoading ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: mergedColumns.length + (rowActions || injectedRowActions.length > 0 ? 1 : 0) + (hasInjectedBulkActions ? 1 : 0), className: "h-24 text-center", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2", children: [
             /* @__PURE__ */ jsx(Spinner, { size: "md" }),
             /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("ui.dataTable.loading", "Loading data...") })
-          ] }) }) }) : error ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: mergedColumns.length + (rowActions || injectedRowActions.length > 0 ? 1 : 0) + (hasInjectedBulkActions ? 1 : 0), className: "h-24 text-center text-destructive", children: error }) }) : allRows.length ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          ] }) }) }) : error ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: mergedColumns.length + (rowActions || injectedRowActions.length > 0 ? 1 : 0) + (hasInjectedBulkActions ? 1 : 0), className: "p-0", children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn("sticky left-0 flex min-h-24 items-center justify-center px-4 text-center text-destructive", scrollViewportWidth ? "" : "w-fit"),
+              style: scrollViewportWidth ? { width: scrollViewportWidth } : void 0,
+              children: error
+            }
+          ) }) }) : allRows.length ? /* @__PURE__ */ jsxs(Fragment, { children: [
             virtualized && rowVirtualizer ? /* @__PURE__ */ jsx(Fragment, { children: rowVirtualizer.getVirtualItems()[0]?.start > 0 ? /* @__PURE__ */ jsx("tr", { style: { height: `${rowVirtualizer.getVirtualItems()[0].start}px` } }) : null }) : null,
             (virtualized && rowVirtualizer ? rowVirtualizer.getVirtualItems().map((vi) => allRows[vi.index]) : allRows).map((row) => {
               const rowActionsElement = resolvedRowActions(row.original);
@@ -2898,8 +2905,8 @@ function DataTableImpl({
           ] }) : /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: mergedColumns.length + (rowActions || injectedRowActions.length > 0 ? 1 : 0) + (hasInjectedBulkActions ? 1 : 0), className: "p-0", children: /* @__PURE__ */ jsx(
             "div",
             {
-              className: cn("sticky left-0 flex justify-center py-6", emptyStateViewportWidth ? "" : "w-fit"),
-              style: emptyStateViewportWidth ? { width: emptyStateViewportWidth } : void 0,
+              className: cn("sticky left-0 flex justify-center py-6", scrollViewportWidth ? "" : "w-fit"),
+              style: scrollViewportWidth ? { width: scrollViewportWidth } : void 0,
               children: filterAwareEmptyState?.active ? /* @__PURE__ */ jsx(
                 FilteredEmptyResults,
                 {