@moving-walls/design-system 1.0.19 → 1.0.21

package/dist/index.js

@@ -36318,10 +36318,20 @@ var defaultPresets$1 = [{
 function formatDate(date) {
   var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'MM/dd/yyyy';
   if (!date) return '';
+  var monthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
   var month = String(date.getMonth() + 1).padStart(2, '0');
+  var monthShort = monthNames[date.getMonth()];
   var day = String(date.getDate()).padStart(2, '0');
   var year = date.getFullYear();
-  return format.replace('MM', month).replace('dd', day).replace('yyyy', String(year));
+  // Replace longer tokens first using placeholders to avoid substring conflicts
+  // (e.g. 'MMM' contains 'MM', so naive chaining can break)
+  var result = format;
+  if (result.includes('MMM')) {
+    result = result.replace('MMM', monthShort);
+  } else {
+    result = result.replace('MM', month);
+  }
+  return result.replace('dd', day).replace('yyyy', String(year));
 }
 function isSameDay(date1, date2) {
   if (!date1 || !date2) return false;
@@ -45657,13 +45667,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 require$$1.jsxs("div", {
+  var portalTarget = typeof document !== 'undefined' ? document.body : null;
+  if (!portalTarget) return null;
+  return /*#__PURE__*/ReactDOM.createPortal(require$$1.jsxs("div", {
     className: "fixed inset-0 flex items-center justify-center",
     style: {
       zIndex: 999999
     },
     children: [require$$1.jsx("div", {
-      className: "fixed inset-0 bg-black/50 backdrop-blur-sm",
+      className: "fixed inset-0 bg-black/50",
       style: {
         zIndex: 999998
       },
@@ -45671,7 +45683,7 @@ function DialogContent(_a) {
         return context.onOpenChange(false);
       }
     }), require$$1.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
       }
@@ -45686,7 +45698,7 @@ function DialogContent(_a) {
         })
       }), children]
     }))]
-  });
+  }), portalTarget);
 }
 function DialogHeader(_a) {
   var children = _a.children,
@@ -49588,10 +49600,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 require$$1.jsxs(require$$1.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 require$$1.jsxs("div", {
+    style: outerStyle,
     children: [require$$1.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%"
       },