@moving-walls/design-system 1.0.22 → 1.0.24

package/dist/components/ui/AgGridTable/types.d.ts

@@ -39,4 +39,6 @@ export interface AgGridTableProps<T = unknown> {
     cacheBlockSize?: number;
     footerData?: any[];
     pagination?: boolean;
+    /** Fired when the user scrolls to the bottom of the grid body. Useful for infinite scroll. */
+    onBodyScrollEnd?: () => void;
 }

package/dist/index.esm.js

@@ -36362,9 +36362,10 @@ function CalendarMonth(_ref) {
   }
   // Next month's leading days
   var totalCells = Math.ceil(days.length / 7) * 7;
-  for (var _i = days.length; _i < totalCells; _i++) {
-    var _date2 = new Date(lastDayOfMonth);
-    _date2.setDate(_date2.getDate() + (_i - days.length + 1));
+  var nextMonthStart = days.length;
+  for (var _i = nextMonthStart; _i < totalCells; _i++) {
+    var nextDay = _i - nextMonthStart + 1;
+    var _date2 = new Date(currentMonth.getFullYear(), currentMonth.getMonth() + 1, nextDay);
     days.push({
       date: _date2,
       isCurrentMonth: false
@@ -41317,8 +41318,8 @@ function Tooltip(_ref2) {
     _useState6 = _slicedToArray(_useState5, 2),
     resolvedPosition = _useState6[0],
     setResolvedPosition = _useState6[1];
-  useLayoutEffect(function () {
-    if (!isVisible || !triggerRef.current || !tooltipRef.current) return;
+  var recalculate = useCallback(function () {
+    if (!triggerRef.current || !tooltipRef.current) return;
     var triggerRect = triggerRef.current.getBoundingClientRect();
     var tooltipRect = tooltipRef.current.getBoundingClientRect();
     var vw = window.innerWidth;
@@ -41326,7 +41327,6 @@ function Tooltip(_ref2) {
     var top = 0;
     var left = 0;
     var resolved = position;
-    // Calculate preferred position
     var calc = function calc(pos) {
       switch (pos) {
         case 'top':
@@ -41348,7 +41348,6 @@ function Tooltip(_ref2) {
       }
     };
     calc(position);
-    // Flip if overflowing viewport
     if (position === 'top' && top < PADDING) {
       resolved = 'bottom';
       calc('bottom');
@@ -41362,10 +41361,8 @@ function Tooltip(_ref2) {
       resolved = 'left';
       calc('left');
     }
-    // Clamp horizontal to stay within viewport
     if (left < PADDING) left = PADDING;
     if (left + tooltipRect.width > vw - PADDING) left = vw - PADDING - tooltipRect.width;
-    // Clamp vertical
     if (top < PADDING) top = PADDING;
     if (top + tooltipRect.height > vh - PADDING) top = vh - PADDING - tooltipRect.height;
     setCoords({
@@ -41373,10 +41370,20 @@ function Tooltip(_ref2) {
       left: left
     });
     setResolvedPosition(resolved);
-  }, [isVisible, position]);
+  }, [position]);
+  // Recalculate on visibility change
+  useLayoutEffect(function () {
+    if (!isVisible) return;
+    recalculate();
+  }, [isVisible, recalculate]);
+  // Use callback ref to recalculate once the portal element is mounted in the DOM
+  var tooltipCallbackRef = useCallback(function (node) {
+    tooltipRef.current = node;
+    if (node && isVisible) recalculate();
+  }, [isVisible, recalculate]);
   var show = useCallback(function () {
-    return setIsVisible(true);
-  }, []);
+    if (content != null && content !== '') setIsVisible(true);
+  }, [content]);
   var hide = useCallback(function () {
     setIsVisible(false);
     setCoords(null);
@@ -41412,16 +41419,18 @@ function Tooltip(_ref2) {
       onFocus: show,
       onBlur: hide,
       children: children
-    }), isVisible && /*#__PURE__*/createPortal(jsxs("div", {
-      ref: tooltipRef,
+    }), isVisible && content != null && content !== '' && /*#__PURE__*/createPortal(jsxs("div", {
+      ref: tooltipCallbackRef,
       style: coords ? {
         top: coords.top,
-        left: coords.left
+        left: coords.left,
+        zIndex: 999999
       } : {
         top: -9999,
-        left: -9999
+        left: -9999,
+        zIndex: 999999
       },
-      className: clsx('fixed z-[9999] px-2 py-1 text-sm text-mw-neutral-500 bg-white border border-mw-neutral-100 rounded-md shadow-sm max-w-xs whitespace-normal', className),
+      className: clsx('fixed px-2 py-1 text-sm text-mw-neutral-500 bg-white border border-mw-neutral-100 rounded-md shadow-sm max-w-sm whitespace-normal', className),
       children: [content, jsx("div", {
         className: clsx('w-0 h-0 border-4', arrowClasses[resolvedPosition]),
         style: arrowStyle()
@@ -49543,7 +49552,8 @@ function AgGridTableInner(props) {
     cacheBlockSize = props.cacheBlockSize,
     footerData = props.footerData,
     _props$pagination = props.pagination,
-    pagination = _props$pagination === void 0 ? true : _props$pagination;
+    pagination = _props$pagination === void 0 ? true : _props$pagination,
+    onBodyScrollEnd = props.onBodyScrollEnd;
   var gridRef = useRef(null);
   var apiRef = useRef(null);
   var isSortFromExternalRef = useRef(false);
@@ -49711,6 +49721,9 @@ function AgGridTableInner(props) {
         paginationPageSize: useGridPagination ? (_a = serverSideConfig === null || serverSideConfig === void 0 ? void 0 : serverSideConfig.pageSize) !== null && _a !== void 0 ? _a : 10 : undefined,
         paginationPageSizeSelector: useGridPagination ? (_b = serverSideConfig === null || serverSideConfig === void 0 ? void 0 : serverSideConfig.pageSizeSelector) !== null && _b !== void 0 ? _b : DEFAULT_PAGE_SIZE_SELECTOR : undefined,
         cacheBlockSize: cacheBlockSize,
+        onBodyScrollEnd: onBodyScrollEnd ? function () {
+          return onBodyScrollEnd();
+        } : undefined,
         pinnedBottomRowData: footerData === null || footerData === void 0 ? void 0 : footerData.map(function (row, i) {
           return _typeof(row) === "object" && row !== null && !("id" in row) ? Object.assign(Object.assign({}, row), {
             id: "pinned-bottom-".concat(i)