@moving-walls/design-system 1.0.19 → 1.0.20

package/dist/components/ui/Dialog.d.ts

@@ -26,7 +26,7 @@ export interface DialogTriggerProps extends React.HTMLAttributes<HTMLElement> {
 }
 export declare function Dialog({ open, onOpenChange, children }: DialogProps): import("react/jsx-runtime").JSX.Element;
 export declare function DialogTrigger({ children, asChild, onClick, ...props }: DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
-export declare function DialogContent({ children, className, showCloseButton, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function DialogContent({ children, className, showCloseButton, ...props }: DialogContentProps): React.ReactPortal | null;
 export declare function DialogHeader({ children, className, ...props }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
 export declare function DialogFooter({ children, className, ...props }: DialogFooterProps): import("react/jsx-runtime").JSX.Element;
 export declare function DialogTitle({ children, className, ...props }: DialogTitleProps): import("react/jsx-runtime").JSX.Element;

package/dist/index.esm.js

@@ -45637,13 +45637,15 @@ function DialogContent(_a) {
     };
   }, [context === null || context === void 0 ? void 0 : context.open]);
   if (!(context === null || context === void 0 ? void 0 : context.open)) return null;
-  return jsxs("div", {
+  var portalTarget = typeof document !== 'undefined' ? document.body : null;
+  if (!portalTarget) return null;
+  return /*#__PURE__*/ReactDOM__default.createPortal(jsxs("div", {
     className: "fixed inset-0 flex items-center justify-center",
     style: {
       zIndex: 999999
     },
     children: [jsx("div", {
-      className: "fixed inset-0 bg-black/50 backdrop-blur-sm",
+      className: "fixed inset-0 bg-black/50",
       style: {
         zIndex: 999998
       },
@@ -45651,7 +45653,7 @@ function DialogContent(_a) {
         return context.onOpenChange(false);
       }
     }), jsxs("div", Object.assign({
-      className: clsx('relative w-full max-w-lg mx-4 max-h-[90vh] overflow-y-auto', 'bg-white dark:bg-mw-neutral-800 rounded-lg shadow-lg border border-mw-neutral-200 dark:border-mw-neutral-700', 'animate-in fade-in-0 zoom-in-95 duration-200', className),
+      className: clsx('relative w-full max-w-lg max-h-[90vh] overflow-y-auto', 'bg-white dark:bg-mw-neutral-800 rounded-lg shadow-lg border border-mw-neutral-200 dark:border-mw-neutral-700', 'animate-in fade-in-0 zoom-in-95 duration-200', className),
       style: {
         zIndex: 999999
       }
@@ -45666,7 +45668,7 @@ function DialogContent(_a) {
         })
       }), children]
     }))]
-  });
+  }), portalTarget);
 }
 function DialogHeader(_a) {
   var children = _a.children,
@@ -49568,10 +49570,23 @@ function AgGridTableInner(props) {
   // When serverSidePagination is true, disable AG Grid's built-in pagination.
   // We render our own bar below with proper React click handlers.
   var useGridPagination = !serverSidePagination && pagination;
-  return jsxs(Fragment, {
+  // When server-side pagination is active, wrap in a flex column so the grid
+  // shrinks and the pagination bar is always visible (never clipped by overflow-hidden).
+  var outerStyle = serverSidePagination ? {
+    display: 'flex',
+    flexDirection: 'column',
+    height: '100%',
+    width: '100%'
+  } : {};
+  return jsxs("div", {
+    style: outerStyle,
     children: [jsx("div", {
       className: "".concat(AG_GRID_THEME_CLASS, " ag-grid-table-wrapper ").concat(className),
-      style: containerStyle !== null && containerStyle !== void 0 ? containerStyle : {
+      style: serverSidePagination ? {
+        flex: '1 1 0%',
+        minHeight: 0,
+        width: '100%'
+      } : containerStyle !== null && containerStyle !== void 0 ? containerStyle : {
         height: "100%",
         width: "100%"
       },