@wavemaker/react-runtime 11.15.2-rc.64737 → 11.15.4-rc.250

package/components/data/list/utils/widget-instance-utils.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setWidgetPageIndex = exports.setWidgetItem = exports.setWidgetIndexWithContext = exports.setWidgetIndex = void 0;
+var _lodashEs = require("lodash-es");
+/**
+ * Sets the $index property on widget instance based on item position in items array
+ *
+ * @param widgetInstance - The widget instance (proxy object from useWidgetProxy)
+ * @param items - Array of list items
+ * @param item - The current item to find index for
+ */
+var setWidgetIndex = exports.setWidgetIndex = function setWidgetIndex(widgetInstance, items, item) {
+  if (!widgetInstance || !item) {
+    return;
+  }
+  var instance = widgetInstance;
+  var itemIndex = (0, _lodashEs.findIndex)(items, function (i) {
+    return i === item;
+  });
+  instance.$index = itemIndex;
+};
+
+/**
+ * Sets the $index property for pagination-based callbacks (page number converted to 0-based index)
+ *
+ * @param widgetInstance - The widget instance
+ * @param page - The page number (1-based)
+ */
+var setWidgetPageIndex = exports.setWidgetPageIndex = function setWidgetPageIndex(widgetInstance, page) {
+  if (!widgetInstance) {
+    return;
+  }
+  var instance = widgetInstance;
+  var pageIndex = page - 1; // Page index is 1-based, convert to 0-based
+  instance.$index = pageIndex;
+};
+
+/**
+ * Sets both $index and context on widget instance (used for selection operations)
+ *
+ * @param widgetInstance - The widget instance
+ * @param items - Array of list items
+ * @param selectedItem - The selected item
+ */
+var setWidgetIndexWithContext = exports.setWidgetIndexWithContext = function setWidgetIndexWithContext(widgetInstance, items, selectedItem) {
+  if (!widgetInstance || !selectedItem) {
+    return;
+  }
+  var instance = widgetInstance;
+  var itemIndex = items.findIndex(function (item) {
+    return item === selectedItem;
+  });
+  instance.$index = itemIndex;
+  instance.context = {
+    $index: itemIndex,
+    $count: items.length,
+    $implicit: selectedItem
+  };
+};
+
+/**
+ * Sets item property on widget instance along with $index
+ * Used in click handlers where we need to store the current item
+ *
+ * @param widgetInstance - The widget instance
+ * @param items - Array of list items
+ * @param item - The current item
+ */
+var setWidgetItem = exports.setWidgetItem = function setWidgetItem(widgetInstance, items, item) {
+  if (!widgetInstance || !item) {
+    return;
+  }
+  var instance = widgetInstance;
+  delete instance._wmListItemId;
+  instance.item = item;
+  instance.$index = (0, _lodashEs.findIndex)(items, function (i) {
+    return i === item;
+  });
+};

package/components/data/pagination/components/BasicPagination.js

@@ -98,6 +98,7 @@ var BasicPagination = exports.BasicPagination = function BasicPagination(_ref) {
     ref: paginationRef,
     component: "nav",
     role: "navigation",
+    className: "pagination basic",
     "aria-label": "Showing Page ".concat(currentPage, " of ").concat(pageCount, " pages"),
     sx: {
       // Hide MUI SVG icons for navigation buttons since CSS ::before will provide the icons

package/components/data/pagination/components/PageSizeSelector.js

@@ -13,6 +13,7 @@ var _Select = _interopRequireDefault(require("@mui/material/Select"));
 var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
 var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
 var _constants = require("../../list/utils/constants");
+var _store = require("@wavemaker/react-runtime/store");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 var __jsx = _react["default"].createElement;
 var PageSizeSelectorComponent = function PageSizeSelectorComponent(_ref) {
@@ -26,6 +27,12 @@ var PageSizeSelectorComponent = function PageSizeSelectorComponent(_ref) {
     dataSize = _ref$dataSize === void 0 ? 0 : _ref$dataSize,
     paginationMeta = _ref.paginationMeta,
     onPageSizeChange = _ref.onPageSizeChange;
+  // Get localized strings from store with fallback to APP_LOCALE constant
+  var appLocale = (0, _store.useAppSelector)(function (state) {
+    return state.i18n.appLocale;
+  });
+  var itemsPerPageLabel = (appLocale === null || appLocale === void 0 ? void 0 : appLocale.LABEL_ITEMS_PER_PAGE) || _constants.APP_LOCALE.LABEL_ITEMS_PER_PAGE;
+
   // Parse page size options and include paginationMeta.size if available
   var options = (0, _react.useMemo)(function () {
     var parsedOptions = pagesizeoptions.split(",").map(function (opt) {
@@ -89,8 +96,8 @@ var PageSizeSelectorComponent = function PageSizeSelectorComponent(_ref) {
       color: "text.primary",
       whiteSpace: "nowrap"
     },
-    title: _constants.APP_LOCALE.LABEL_ITEMS_PER_PAGE
-  }, _constants.APP_LOCALE.LABEL_ITEMS_PER_PAGE, " :"), __jsx(_FormControl["default"], {
+    title: itemsPerPageLabel
+  }, itemsPerPageLabel, " :"), __jsx(_FormControl["default"], {
     size: "small",
     sx: {
       minWidth: 70,
@@ -156,7 +163,8 @@ var PageSizeSelectorComponent = function PageSizeSelectorComponent(_ref) {
       display: "flex",
       alignItems: "center",
       gap: 0.5
-    }
+    },
+    className: "item-range"
   }, __jsx(_Typography["default"], {
     sx: {
       fontSize: "14px",

package/components/data/pagination/index.js

@@ -11,7 +11,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _withBaseWrapper = require("@wavemaker/react-runtime/higherOrder/withBaseWrapper");
 var _hooks = require("./hooks");
 var _components = require("./components");
 var _constants = require("../list/utils/constants");
@@ -437,4 +436,4 @@ var WmPagination = /*#__PURE__*/(0, _react.memo)(function (props) {
   }, renderPaginationContent());
 });
 WmPagination.displayName = "WmPagination";
-var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmPagination);
+var _default = exports["default"] = WmPagination;

package/components/data/table/hooks/useServerSideSorting.js

@@ -25,7 +25,6 @@ var useServerSideSorting = exports.useServerSideSorting = function useServerSide
     onBeforefilter = _ref.onBeforefilter,
     filterFields = _ref.filterFields,
     logicalOp = _ref.logicalOp,
-    setLoading = _ref.setLoading,
     listener = _ref.listener,
     name = _ref.name;
   var prevSortingRef = (0, _react.useRef)(sorting);
@@ -61,18 +60,17 @@ var useServerSideSorting = exports.useServerSideSorting = function useServerSide
             }
             return _context.abrupt("return");
           case 2:
-            setLoading(true);
-            _context.prev = 3;
+            _context.prev = 2;
             orderBy = convertSortingToOrderBy(sorting); // Use forcePage if provided (for sorting changes), otherwise use current page
             currentPage = forcePage !== undefined ? forcePage : pageIndex + 1; // Convert 0-based to 1-based
-            _context.next = 8;
+            _context.next = 7;
             return (0, _crudHandlers.refreshDataSource)(datasource, {
               orderBy: orderBy,
               page: currentPage || 1,
               filterFields: filterFields || {},
               condition: logicalOp || ""
             });
-          case 8:
+          case 7:
             response = _context.sent;
             // Handle response data - always update dataset even if empty
             responseData = []; // Handle different response formats
@@ -83,11 +81,11 @@ var useServerSideSorting = exports.useServerSideSorting = function useServerSide
             // Add unique row IDs to the server response data
             dataWithIds = (0, _utils.addUniqueRowIds)(responseData);
             setInternalDataset(dataWithIds);
-            _context.next = 20;
+            _context.next = 19;
             break;
-          case 15:
-            _context.prev = 15;
-            _context.t0 = _context["catch"](3);
+          case 14:
+            _context.prev = 14;
+            _context.t0 = _context["catch"](2);
             console.error("Error fetching sorted data:", _context.t0);
             if (showToast) {
               showToast("Failed to sort data", "Error");
@@ -96,20 +94,16 @@ var useServerSideSorting = exports.useServerSideSorting = function useServerSide
               widget = name ? listener === null || listener === void 0 || (_listener$Widgets = listener.Widgets) === null || _listener$Widgets === void 0 ? void 0 : _listener$Widgets[name] : undefined;
               onError(null, widget, _context.t0, "sort");
             }
-          case 20:
-            _context.prev = 20;
-            setLoading(false);
-            return _context.finish(20);
-          case 23:
+          case 19:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[3, 15, 20, 23]]);
+      }, _callee, null, [[2, 14]]);
     }));
     return function (_x) {
       return _ref2.apply(this, arguments);
     };
-  }(), [datasource, isServerSideSorting, sorting, pageIndex, convertSortingToOrderBy, setInternalDataset, showToast, onError, filterFields, logicalOp, setLoading, listener, name]);
+  }(), [datasource, isServerSideSorting, sorting, pageIndex, convertSortingToOrderBy, setInternalDataset, showToast, onError, filterFields, logicalOp, listener, name]);
 
   // Debounced version to handle rapid successive calls
   var fetchSortedData = (0, _useDebounce.useDebounceCallback)(fetchSortedDataImpl, 100);

package/components/data/table/index.js

@@ -35,7 +35,7 @@ var __jsx = _react["default"].createElement;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var WmTableComponent = exports.WmTableComponent = /*#__PURE__*/(0, _react.memo)(function (props) {
-  var _listener$Widgets, _datasource$paginatio2, _datasource$paginatio4;
+  var _listener$App, _listener$Widgets, _datasource$paginatio2, _datasource$paginatio4;
   var name = props.name,
     _props$dataset = props.dataset,
     dataset = _props$dataset === void 0 ? [] : _props$dataset,
@@ -157,23 +157,15 @@ var WmTableComponent = exports.WmTableComponent = /*#__PURE__*/(0, _react.memo)(
     onBeforeexport = props.onBeforeexport,
     onAfterexport = props.onAfterexport,
     rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var _useState = (0, _react.useState)((datasource === null || datasource === void 0 ? void 0 : datasource.loading) || false),
-    loading = _useState[0],
-    setLoading = _useState[1];
+  var loading = (datasource === null || datasource === void 0 ? void 0 : datasource.loading) || false;
   var prevDatasetRef = (0, _react.useRef)(dataset);
   var prevSelectedRow = (0, _react.useRef)(null);
   var tableApisRegistered = (0, _react.useRef)(false);
-  (0, _react.useEffect)(function () {
-    // Sync local loading state with datasource loading
-    if ((datasource === null || datasource === void 0 ? void 0 : datasource.loading) !== undefined) {
-      setLoading(datasource.loading);
-    }
-  }, [datasource === null || datasource === void 0 ? void 0 : datasource.loading]);
 
   // State for accumulated data in Scroll and On-Demand navigation modes
-  var _useState2 = (0, _react.useState)([]),
-    accumulatedData = _useState2[0],
-    setAccumulatedData = _useState2[1];
+  var _useState = (0, _react.useState)([]),
+    accumulatedData = _useState[0],
+    setAccumulatedData = _useState[1];
 
   // Callback to receive accumulated data from pagination (for Scroll and On-Demand)
   var handleAccumulatedDataUpdate = (0, _react.useCallback)(function (data) {
@@ -194,13 +186,14 @@ var WmTableComponent = exports.WmTableComponent = /*#__PURE__*/(0, _react.memo)(
       setAccumulatedData([]);
     }
   }, [navigation]);
+  var notifyApp = listener === null || listener === void 0 || (_listener$App = listener.App) === null || _listener$App === void 0 ? void 0 : _listener$App.notifyApp;
 
   // Create a centralized toast notification function
   var showToast = (0, _react.useCallback)(function (message, type) {
-    if (listener && listener.App && typeof listener.App.notifyApp === "function") {
-      listener.App.notifyApp(message, type);
+    if (notifyApp) {
+      notifyApp(message, type);
     }
-  }, [listener]);
+  }, [notifyApp]);
 
   // Determine if we're using server-side pagination
   // Check if datasource is API-aware (server-side) rather than checking runtime pagination data
@@ -276,7 +269,7 @@ var WmTableComponent = exports.WmTableComponent = /*#__PURE__*/(0, _react.memo)(
       var persisted = (0, _utils.getTableState)(name, effectiveStateHandler);
 
       // Determine the actual page size (original datasource page size)
-      var actualPageSize = 0;
+      var actualPageSize;
       if ((persisted === null || persisted === void 0 ? void 0 : persisted.actualpagesize) !== undefined) {
         // If we have a persisted actualPageSize, use it (it should never change)
         actualPageSize = persisted.actualpagesize;
@@ -312,7 +305,7 @@ var WmTableComponent = exports.WmTableComponent = /*#__PURE__*/(0, _react.memo)(
       }
       return {
         initialPage: 1,
-        initialPageSize: actualPageSize,
+        initialPageSize: actualPageSize || pagesize,
         initialActualPageSize: pagesize,
         initialSearchState: undefined,
         initialSortState: undefined
@@ -327,6 +320,9 @@ var WmTableComponent = exports.WmTableComponent = /*#__PURE__*/(0, _react.memo)(
   // Create a ref to hold the table instance
   var tableRef = _react["default"].useRef(null);
 
+  // Create a ref to hold the table container DOM element
+  var tableContainerRef = _react["default"].useRef(null);
+
   // Track previous page index to detect actual page changes
   var prevPageIndexRef = (0, _react.useRef)(-1);
 
@@ -537,7 +533,7 @@ var WmTableComponent = exports.WmTableComponent = /*#__PURE__*/(0, _react.memo)(
   }, [paginationState.pageIndex, isAddingNewRow, cancelEditing]);
 
   // Track sorting and column sizing states
-  var _useState3 = (0, _react.useState)(function () {
+  var _useState2 = (0, _react.useState)(function () {
       // Convert initialSortState to TanStack Table sorting format
       if (initialSortState) {
         return [{
@@ -547,14 +543,14 @@ var WmTableComponent = exports.WmTableComponent = /*#__PURE__*/(0, _react.memo)(
       }
       return [];
     }),
-    sorting = _useState3[0],
-    setSorting = _useState3[1];
-  var _useState4 = (0, _react.useState)({}),
-    columnSizing = _useState4[0],
-    setColumnSizing = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
-    isResizing = _useState5[0],
-    setIsResizing = _useState5[1];
+    sorting = _useState2[0],
+    setSorting = _useState2[1];
+  var _useState3 = (0, _react.useState)({}),
+    columnSizing = _useState3[0],
+    setColumnSizing = _useState3[1];
+  var _useState4 = (0, _react.useState)(false),
+    isResizing = _useState4[0],
+    setIsResizing = _useState4[1];
 
   // Column selection handlers - just call the external callbacks
   // The class toggling is handled directly in TableHeaderComponent
@@ -672,31 +668,31 @@ var WmTableComponent = exports.WmTableComponent = /*#__PURE__*/(0, _react.memo)(
 
   //column proxy changes
   var columnsStateRef = (0, _react.useRef)(columns);
-  var _useState6 = (0, _react.useState)(0),
-    columnsVersion = _useState6[0],
-    setColumnsVersion = _useState6[1];
+  var _useState5 = (0, _react.useState)(0),
+    columnsVersion = _useState5[0],
+    setColumnsVersion = _useState5[1];
   var parentFormColumns = (listener === null || listener === void 0 || (_listener$Widgets = listener.Widgets) === null || _listener$Widgets === void 0 || (_listener$Widgets = _listener$Widgets[parentForm]) === null || _listener$Widgets === void 0 ? void 0 : _listener$Widgets.dataoutput) || {};
-  var _useState7 = (0, _react.useState)({}),
-    columnOverrides = _useState7[0],
-    setColumnOverrides = _useState7[1];
+  var _useState6 = (0, _react.useState)({}),
+    columnOverrides = _useState6[0],
+    setColumnOverrides = _useState6[1];
   var applyOverride = (0, _react.useCallback)(function (index, key, value) {
     setColumnOverrides(function (prev) {
       return _objectSpread(_objectSpread({}, prev), {}, (0, _defineProperty2["default"])({}, index, _objectSpread(_objectSpread({}, prev[index] || {}), {}, (0, _defineProperty2["default"])({}, key, value))));
     });
   }, []);
-  var _useState8 = (0, _react.useState)([]),
-    summaryRowDefs = _useState8[0],
-    setSummaryRowDefs = _useState8[1];
-  var _useState9 = (0, _react.useState)(false),
-    summaryRowEnabled = _useState9[0],
-    setSummaryRowEnabled = _useState9[1];
-  var _useState0 = (0, _react.useState)([]),
-    summaryRowDefObjects = _useState0[0],
-    setSummaryRowDefObjects = _useState0[1];
+  var _useState7 = (0, _react.useState)([]),
+    summaryRowDefs = _useState7[0],
+    setSummaryRowDefs = _useState7[1];
+  var _useState8 = (0, _react.useState)(false),
+    summaryRowEnabled = _useState8[0],
+    setSummaryRowEnabled = _useState8[1];
+  var _useState9 = (0, _react.useState)([]),
+    summaryRowDefObjects = _useState9[0],
+    setSummaryRowDefObjects = _useState9[1];
   // Store column show property for summary rows: [rowIndex][columnKey] => show boolean
-  var _useState1 = (0, _react.useState)({}),
-    summaryRowColumnShow = _useState1[0],
-    setSummaryRowColumnShow = _useState1[1];
+  var _useState0 = (0, _react.useState)({}),
+    summaryRowColumnShow = _useState0[0],
+    setSummaryRowColumnShow = _useState0[1];
   var setSummaryRowDef = (0, _react.useCallback)(function (columnKey, data, rowIndex, refresh, show) {
     setSummaryRowDefs(function (prev) {
       var newDefs = (0, _toConsumableArray2["default"])(prev);
@@ -901,7 +897,6 @@ var WmTableComponent = exports.WmTableComponent = /*#__PURE__*/(0, _react.memo)(
     pageIndex: table.getState().pagination.pageIndex,
     onError: onError,
     onBeforefilter: onBeforefilter,
-    setLoading: setLoading,
     filterFields: memoizedFilterFields,
     logicalOp: memoizedLogicalOp,
     listener: listener,
@@ -1113,6 +1108,10 @@ var WmTableComponent = exports.WmTableComponent = /*#__PURE__*/(0, _react.memo)(
         // Use requestAnimationFrame to ensure DOM is fully painted
         requestAnimationFrame(function () {
           if (onDatarender) {
+            // Set nativeElement to the table container DOM element
+            if (listener.Widgets[name] && tableContainerRef.current) {
+              listener.Widgets[name].nativeElement = tableContainerRef.current;
+            }
             onDatarender(listener === null || listener === void 0 ? void 0 : listener.Widgets[name],
             // widget reference to match Angular format
             {
@@ -1386,7 +1385,7 @@ var WmTableComponent = exports.WmTableComponent = /*#__PURE__*/(0, _react.memo)(
           return _context2.stop();
       }
     }, _callee2, null, [[4, 23]]);
-  })), [datasource, isServerSidePagination(), setInternalDataset, showToast, onError, listener, name]); // Removed 'table' from dependencies to prevent recreation
+  })), [datasource, isServerSidePagination(), setInternalDataset, showToast, onError, name]); // Removed 'table' from dependencies to prevent recreation
 
   var tableApis = {
     columns: columnsProxy,
@@ -1399,14 +1398,6 @@ var WmTableComponent = exports.WmTableComponent = /*#__PURE__*/(0, _react.memo)(
     selectPageSize: selectPageSize
   };
 
-  // Expose table API through listener
-  (0, _react.useEffect)(function () {
-    if (listener && listener.onChange && !tableApisRegistered.current) {
-      listener.onChange(name, tableApis);
-      tableApisRegistered.current = true;
-    }
-  }, []);
-
   // Register table with parent form's formWidgets when parentForm is present
   (0, _react.useEffect)(function () {
     var _listener$Widgets5;
@@ -1461,6 +1452,13 @@ var WmTableComponent = exports.WmTableComponent = /*#__PURE__*/(0, _react.memo)(
     // Update only if changed
     if (!(0, _lodashEs.isEqual)(prevSelectedRow.current, selecteditem)) {
       prevSelectedRow.current = selecteditem;
+      if (tableApisRegistered.current) {
+        listener.onChange(name, {
+          selecteditem: selecteditem
+        });
+        return;
+      }
+      tableApisRegistered.current = true;
       listener.onChange(name, _objectSpread(_objectSpread({}, tableApis), {}, {
         selecteditem: selecteditem
       }));
@@ -1477,6 +1475,7 @@ var WmTableComponent = exports.WmTableComponent = /*#__PURE__*/(0, _react.memo)(
     className: "app-livegrid",
     name: name
   }, __jsx(_material.Box, {
+    ref: tableContainerRef,
     className: "app-grid app-panel panel app-datagrid ".concat(className).trim(),
     name: name,
     editmode: editmode,
@@ -1660,15 +1659,14 @@ var WmTableComponent = exports.WmTableComponent = /*#__PURE__*/(0, _react.memo)(
   // If all checks pass, consider components equal (skip re-render)
   return true;
 });
-WmTableComponent.displayName = "WmTableComponent";
 
 // Wrapper component that provides EditedRowsContext to WmTableComponent
 var WmTableWithProvider = function WmTableWithProvider(props) {
   return __jsx(_useEditedRows.EditedRowsProvider, null, __jsx(WmTableComponent, props));
 };
+WmTableWithProvider.displayName = "WmTable";
 
 // @ts-ignore
 var WmTable = (0, _withBaseWrapper["default"])(WmTableWithProvider);
-// Override the displayName set by withBaseWrapper
 WmTable.displayName = "WmTable";
 var _default = exports["default"] = WmTable;

package/components/data/table/utils/buildSelectionColumns.js

@@ -89,7 +89,6 @@ var buildSelectionColumns = exports.buildSelectionColumns = function buildSelect
         // Use selectedRowIds and internalDataset directly for reliable state
         var selectedCount = selectedRowIds.length;
         var isAllSelected = selectedCount > 0 && selectedCount === internalDataset.length;
-        var isIndeterminate = selectedCount > 0 && selectedCount < internalDataset.length;
         return __jsx(_material.Box, {
           sx: {
             display: "flex",
@@ -98,20 +97,16 @@ var buildSelectionColumns = exports.buildSelectionColumns = function buildSelect
           }
         }, __jsx(_material.Box, {
           className: "app-checkbox checkbox"
-        }, __jsx(_material.FormControlLabel, {
-          control: __jsx(_material.Checkbox, {
-            checked: isAllSelected,
-            indeterminate: isIndeterminate,
-            onChange: function onChange(e) {
-              return handleSelectAll(e.target.checked);
-            },
-            size: "small",
-            inputProps: {
-              "aria-label": "Select all rows"
-            }
-          }),
-          label: "",
-          className: "caption"
+        }, __jsx(_material.Checkbox, {
+          checked: isAllSelected,
+          indeterminate: false,
+          onChange: function onChange(e) {
+            return handleSelectAll(e.target.checked);
+          },
+          size: "small",
+          inputProps: {
+            "aria-label": "Select all rows"
+          }
         })));
       },
       cell: function cell(_ref3) {
@@ -129,23 +124,19 @@ var buildSelectionColumns = exports.buildSelectionColumns = function buildSelect
           placement: "top"
         }, __jsx(_material.Box, {
           className: "app-checkbox checkbox"
-        }, __jsx(_material.FormControlLabel, {
-          control: __jsx(_material.Checkbox, {
-            checked: isSelected,
-            onChange: function onChange(e) {
-              return handleMultiSelection(rowId, row.original, e.target.checked);
-            },
-            value: rowId,
-            name: "gridMultiSelect",
-            inputProps: {
-              "aria-label": multiselectarialabel,
-              role: "checkbox",
-              "aria-live": "assertive"
-            },
-            size: "small"
-          }),
-          label: "",
-          className: "caption"
+        }, __jsx(_material.Checkbox, {
+          checked: isSelected,
+          onChange: function onChange(e) {
+            return handleMultiSelection(rowId, row.original, e.target.checked);
+          },
+          value: rowId,
+          name: "gridMultiSelect",
+          inputProps: {
+            "aria-label": multiselectarialabel,
+            role: "checkbox",
+            "aria-live": "assertive"
+          },
+          size: "small"
         }))), isSelected ? __jsx("span", {
           className: "sr-only",
           "aria-live": "assertive"

package/components/data/table/utils/index.js

@@ -703,8 +703,13 @@ var INTERNAL_PROPERTIES = exports.INTERNAL_PROPERTIES = ["_wmTableRowId",
 // Helper function to get property values
 "rowOperations",
 // Internal column for row action buttons
-"rowActions" // Internal row actions property
-];
+"rowActions",
+// Internal row actions property
+"_wmListItemId",
+// Internal list item identifier
+"selected",
+// Internal selected property
+"_wm"];
 
 /**
  * Cleans row data by removing internal properties

package/components/dialogs/index.js

@@ -105,6 +105,12 @@ var WmDialog = exports.WmDialog = /*#__PURE__*/(0, _react.memo)(function (props)
     disableEscapeKeyDown: modal && props.closable === false,
     fullWidth: true,
     keepMounted: true,
+    hideBackdrop: false,
+    BackdropProps: {
+      sx: {
+        pointerEvents: "auto"
+      }
+    },
     sx: {
       "& .MuiDialog-scrollPaper": _objectSpread({}, props.sheet && {
         borderRadius: 0

package/components/input/default/checkbox/index.js

@@ -100,8 +100,11 @@ var WmCheckbox = exports.WmCheckbox = /*#__PURE__*/(0, _react.memo)(function (pr
       });
     }
     if (onChange) {
-      // Pass the actual value in the onChange callback
-      onChange(event, listener === null || listener === void 0 ? void 0 : listener.Widgets[name], newValue, actualValue !== null && actualValue !== void 0 ? actualValue : uncheckedvalue);
+      var _window;
+      (_window = window) === null || _window === void 0 || _window.queueMicrotask(function () {
+        // Pass the actual value in the onChange callback
+        onChange(event, listener === null || listener === void 0 ? void 0 : listener.Widgets[name], newValue, actualValue !== null && actualValue !== void 0 ? actualValue : uncheckedvalue);
+      });
     }
   }, [checkedvalue, uncheckedvalue, onChange, listener, name, actualValue]);
   var handleBlur = (0, _react.useCallback)(function (event) {

package/components/input/epoch/date/components/DatePickerPopover.js

@@ -72,11 +72,23 @@ var DatePickerPopover = function DatePickerPopover(_ref) {
   var renderCalendarView = function renderCalendarView() {
     var minDateMoment = restProps.mindate ? (0, _momentTimezone["default"])(getDateObj(restProps.mindate)) : undefined;
     var maxDateMoment = restProps.maxdate ? (0, _momentTimezone["default"])(getDateObj(restProps.maxdate)) : undefined;
+
+    // Disable prev/next arrows when at min/max month
+    var isAtMinMonth = (minDateMoment === null || minDateMoment === void 0 ? void 0 : minDateMoment.isValid()) && calendarDate.isValid() && calendarDate.clone().startOf("month").isSameOrBefore(minDateMoment.clone().startOf("month"));
+    var isAtMaxMonth = (maxDateMoment === null || maxDateMoment === void 0 ? void 0 : maxDateMoment.isValid()) && calendarDate.isValid() && calendarDate.clone().startOf("month").isSameOrAfter(maxDateMoment.clone().startOf("month"));
     var commonProps = {
       minDate: minDateMoment,
       maxDate: maxDateMoment,
       disabled: isNavigationDisabled
     };
+    var dateCalendarSlotProps = {
+      previousIconButton: {
+        disabled: isAtMinMonth
+      },
+      nextIconButton: {
+        disabled: isAtMaxMonth
+      }
+    };
     switch (viewmode) {
       case "year":
         return __jsx(_styled.StyledYearCalendar, (0, _extends2["default"])({
@@ -107,7 +119,8 @@ var DatePickerPopover = function DatePickerPopover(_ref) {
               },
               dayOfWeekFormatter: function dayOfWeekFormatter(date) {
                 return date.locale(currentLocale).format("ddd");
-              }
+              },
+              slotProps: dateCalendarSlotProps
             }, commonProps));
         }
       default:
@@ -131,7 +144,8 @@ var DatePickerPopover = function DatePickerPopover(_ref) {
               },
               dayOfWeekFormatter: function dayOfWeekFormatter(date) {
                 return date.locale(currentLocale).format("ddd");
-              }
+              },
+              slotProps: dateCalendarSlotProps
             }, commonProps));
           default:
             return __jsx(_styled.StyledDateCalendar, (0, _extends2["default"])({
@@ -141,6 +155,7 @@ var DatePickerPopover = function DatePickerPopover(_ref) {
               displayWeekNumber: showweeks,
               views: ["day", "year", "month"],
               view: calendarViewMode,
+              slotProps: dateCalendarSlotProps,
               onViewChange: function onViewChange(newView) {
                 if (!isNavigationDisabled && newView) {
                   setCalendarViewMode(newView);