@wavemaker-ai/react-runtime 1.0.0-rc.332 → 1.0.0-rc.334

package/components/data/pagination/hooks/usePagination.js

@@ -381,7 +381,7 @@ const usePagination = ({
           const updatedMaxResults = newMaxResults || prev.currentMaxResults;
           const updatedDataSize = newDataSize !== void 0 ? newDataSize : prev.dataSize;
           const updatedCurrentPage = currentPage !== void 0 ? currentPage : prev.currentPage;
-          const newPageCount = (paginationMeta == null ? void 0 : paginationMeta.totalPages) !== void 0 && (paginationMeta == null ? void 0 : paginationMeta.totalPages) > 1 ? paginationMeta.totalPages : updatedDataSize > updatedMaxResults ? Math.ceil(updatedDataSize / updatedMaxResults) : updatedDataSize < 0 ? 0 : 1;
+          const newPageCount = (paginationMeta == null ? void 0 : paginationMeta.totalPages) !== void 0 && (isServerSidePagination || paginationMeta.totalPages > 1) ? paginationMeta.totalPages : updatedDataSize > updatedMaxResults ? Math.ceil(updatedDataSize / updatedMaxResults) : updatedDataSize < 0 ? 0 : 1;
           return __spreadProps(__spreadValues({}, prev), {
             currentPage: updatedCurrentPage,
             dataSize: updatedDataSize,
@@ -390,7 +390,7 @@ const usePagination = ({
         }
       });
     },
-    [paginationMeta]
+    [isServerSidePagination, paginationMeta]
   );
   const disableNavigation = useCallback(() => {
     setDisableStates({
@@ -551,7 +551,7 @@ const usePagination = ({
               totalElements: (paginationMeta == null ? void 0 : paginationMeta.totalElements) || dataState.fullData.length,
               totalPages: paginationState.pageCount
             };
-            onSetRecord(event || createDummyEvent("setrecord"), widgetInstance, data, pageInfo);
+            onSetRecord(createDummyEvent("setrecord"), widgetInstance, data, pageInfo);
           }
           if (setIsLoadingMore) {
             setIsLoadingMore(false);
@@ -582,7 +582,7 @@ const usePagination = ({
             totalElements: (paginationMeta == null ? void 0 : paginationMeta.totalElements) || dataState.fullData.length,
             totalPages: paginationState.pageCount
           };
-          onSetRecord(event || createDummyEvent("setrecord"), widgetInstance, data, pageInfo);
+          onSetRecord(createDummyEvent("setrecord"), widgetInstance, data, pageInfo);
         }
         if (setIsLoadingMore) {
           setIsLoadingMore(false);
@@ -679,7 +679,7 @@ const usePagination = ({
           totalElements: (paginationMeta == null ? void 0 : paginationMeta.totalElements) || fullData.length,
           totalPages: pageCount
         };
-        onSetRecord(event, widgetInstance, data, pageInfo);
+        onSetRecord(createDummyEvent("setrecord"), widgetInstance, data, pageInfo);
       }
       goToPage();
     },
@@ -737,7 +737,7 @@ const usePagination = ({
               totalElements: (paginationMeta == null ? void 0 : paginationMeta.totalElements) || dataState.fullData.length,
               totalPages: newPageCount
             };
-            onSetRecord(event || createDummyEvent("setrecord"), widgetInstance, data, pageInfo);
+            onSetRecord(createDummyEvent("setrecord"), widgetInstance, data, pageInfo);
           }
           if (setIsLoadingMore) {
             setIsLoadingMore(false);

package/components/data/table/components/RowExpansionButton.js

@@ -49,7 +49,11 @@ const RowExpansionButton = ({
     "aria-label": ariaLabel,
     "aria-expanded": isExpanded,
     "aria-live": "polite",
-    tabIndex: 0
+    tabIndex: 0,
+    styles: __spreadValues({
+      minWidth: 0,
+      padding: 0
+    }, config.styles)
   };
   if (config.listener) {
     commonProps.listener = config.listener;

package/components/data/table/components/TableBody.js

@@ -69,6 +69,8 @@ const ExpansionCell = memo(({ rowId, rowData, isExpanded, onToggle, config }) =>
       textAlign: "center",
       position: "relative",
       width: config.columnwidth || DEFAULT_EXPANSION_WIDTH,
+      minWidth: config.columnwidth || DEFAULT_EXPANSION_WIDTH,
+      maxWidth: config.columnwidth || DEFAULT_EXPANSION_WIDTH,
       padding: "4px"
     },
     children: /* @__PURE__ */ jsx(Box, { component: "span", className: "row-expansion-column", "data-identifier": "rowExpansionButtons", children: /* @__PURE__ */ jsx(

package/components/data/table/components/TableHeader.js

@@ -147,6 +147,8 @@ const ExpansionHeaderCell = memo(
         rowSpan,
         style: __spreadValues({
           width: columnwidth || "50px",
+          minWidth: columnwidth || "50px",
+          maxWidth: columnwidth || "50px",
           padding: "8px",
           userSelect: "none"
         }, rest.style)
@@ -330,7 +332,7 @@ const TableHeaderComponent = memo(
                     role: "columnheader",
                     "data-col-id": headerIndex,
                     tabIndex: 0,
-                    "data-col-field": header.column.id,
+                    "data-col-field": "row-expansion",
                     columnwidth: rowExpansionConfig == null ? void 0 : rowExpansionConfig.columnwidth
                   },
                   `expansion-header-${headerIndex}`

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

@@ -62,7 +62,7 @@ const useFormWidget = ({ listener }) => {
       const sessionSuffix = (widgetProps == null ? void 0 : widgetProps.sessionKey) ? `_${widgetProps.sessionKey}` : "";
       const uniqueName = `edit_${fieldName}${sessionSuffix}`;
       const disabled = getDisabledValue(widgetProps == null ? void 0 : widgetProps.disabled, widgetProps == null ? void 0 : widgetProps.rowData);
-      const commonProps = __spreadValues({
+      const commonProps = __spreadProps(__spreadValues({}, widgetProps == null ? void 0 : widgetProps.column), {
         key: uniqueName,
         // Add key to force component recreation
         name: uniqueName,
@@ -84,7 +84,7 @@ const useFormWidget = ({ listener }) => {
         column: widgetProps == null ? void 0 : widgetProps.column,
         updateon: "blur",
         regexp: ((_a = widgetProps == null ? void 0 : widgetProps.column) == null ? void 0 : _a.regexp) || ".*"
-      }, widgetProps == null ? void 0 : widgetProps.column);
+      });
       const wrapEventHandler = (handler) => {
         return (event) => {
           handler(event, {}, widgetProps == null ? void 0 : widgetProps.rowData);

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

@@ -39,9 +39,14 @@ const usePanelStructure = ({
       showrecordcount
     ]
   );
+  const showFooter = useMemo(
+    () => showPagination || footerActions.length > 0,
+    [showPagination, footerActions]
+  );
   return {
     showPanelHeading,
-    showPagination
+    showPagination,
+    showFooter
   };
 };
 export {

package/components/data/table/hooks/useResponsiveColumns.d.ts

@@ -52,6 +52,7 @@ export declare const useResponsiveColumns: (columns: WmTableColumnProps[]) => {
     padding?: string;
     margin?: string;
     height?: number | string;
+    class?: string;
     conditionalstyle?: import("react").CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

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

@@ -35,6 +35,7 @@ const useRowHandlers = ({
   const handleRowClick = useCallback(
     (event, rowData, rowId) => {
       const hasSelectionMode = useRadioSelect || useMultiSelect;
+      invokeRowClick(event, rowData);
       let isSelectionHandled = false;
       if (hasSelectionMode && isrowselectable) {
         isSelectionHandled = handleRowSelectionClick(event, rowId, rowData);
@@ -47,7 +48,6 @@ const useRowHandlers = ({
         return;
       }
       handleRowActiveClick(rowId, isSelectionHandled, isEditingOrAdding);
-      invokeRowClick(event, rowData);
     },
     [
       editingRowId,

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

@@ -1,6 +1,7 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import {
   isInteractiveElement,
+  isSelectionCheckboxRenamed,
   getRowIdsFromDataset,
   rowExistsInDataset,
   selectionStateHelpers,
@@ -217,10 +218,13 @@ const useRowSelection = ({
       }
       if (useMultiSelect) {
         const isCurrentlySelected = selectionStateHelpers.isRowSelected(cellState, rowId);
-        const willBeSelected = !isCurrentlySelected;
-        selectionStateHelpers.toggleSelection(cellState, rowId);
+        const isToggled = !isSelectionCheckboxRenamed(event);
+        if (isToggled) {
+          selectionStateHelpers.toggleSelection(cellState, rowId);
+        }
+        const isSelected = isToggled ? !isCurrentlySelected : isCurrentlySelected;
         commitSelectionChange();
-        triggerSelectionCallback(event, rowData, willBeSelected ? onRowselect : onRowdeselect);
+        triggerSelectionCallback(event, rowData, isSelected ? onRowselect : onRowdeselect);
         return true;
       }
       handleRadioSelection(rowId, rowData);

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

@@ -59,8 +59,13 @@ const useTableData = ({
   widgetName
 }) => {
   const rowIdCacheRef = useRef([]);
+  const rawDatasetRef = useRef(void 0);
+  const processedDatasetRef = useRef([]);
   const processedDataset = useMemo(() => {
     const extracted = extractDataArray(dataset);
+    if (isEqual(rawDatasetRef.current, extracted)) {
+      return processedDatasetRef.current;
+    }
     const cachedIds = rowIdCacheRef.current;
     const prestamped = extracted.map((item, i) => {
       if (!item || typeof item !== "object" || item._wmTableRowId || item.id || item.ID || item.Id || !cachedIds[i]) {
@@ -70,8 +75,11 @@ const useTableData = ({
     });
     const withIds = addUniqueRowIds(prestamped);
     rowIdCacheRef.current = withIds.map((r) => r == null ? void 0 : r._wmTableRowId);
-    return removeEmptyRecords(withIds);
-  }, [dataset]);
+    const result = removeEmptyRecords(withIds);
+    rawDatasetRef.current = extracted;
+    processedDatasetRef.current = result;
+    return result;
+  }, [dataset, dataset == null ? void 0 : dataset.length]);
   const [internalDataset, setInternalDataset] = useState(processedDataset);
   useEffect(() => {
     if (!isEqual(internalDataset, processedDataset)) {

package/components/data/table/index.d.ts

@@ -102,6 +102,7 @@ declare const WmTableStandalone: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];
@@ -245,6 +246,7 @@ declare const WmTable: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/data/table/index.js

@@ -638,9 +638,10 @@ const WmTableComponent = memo(
         if (onSort && newSorting.length > 0) {
           const sortData = {
             field: newSorting[0].id,
-            direction: newSorting[0].desc ? "desc" : "asc"
+            direction: newSorting[0].desc ? "desc" : "asc",
+            sortDirection: newSorting[0].desc ? "desc" : "asc"
           };
-          onSort(null, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name], sortData);
+          onSort(null, (_a2 = viewParent == null ? void 0 : viewParent.Widgets) == null ? void 0 : _a2[name], sortData);
         }
       },
       [sorting, name]
@@ -779,7 +780,7 @@ const WmTableComponent = memo(
         listener.Widgets[name].nativeElement = tableContainerRef.current;
       }
       const data = internalDataset && internalDataset.length > 0 ? internalDataset : table.getRowModel().rows.map((row) => row.original) || [];
-      onDatarender((_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name], data);
+      onDatarender((_a2 = viewParent == null ? void 0 : viewParent.Widgets) == null ? void 0 : _a2[name], data);
     }, [onDatarender, name]);
     columnsStateRef.current = columns;
     const columnsForTable = useMemo(() => {
@@ -944,7 +945,7 @@ const WmTableComponent = memo(
       listener,
       name
     });
-    const { showPanelHeading, showPagination } = usePanelStructure({
+    const { showPanelHeading, showPagination, showFooter } = usePanelStructure({
       title,
       subheading,
       iconclass,
@@ -1026,7 +1027,8 @@ const WmTableComponent = memo(
         const firstSort = sorting[0];
         return {
           field: firstSort.id,
-          direction: firstSort.desc ? "desc" : "asc"
+          direction: firstSort.desc ? "desc" : "asc",
+          sortDirection: firstSort.desc ? "desc" : "asc"
         };
       }
       return void 0;
@@ -1118,8 +1120,8 @@ const WmTableComponent = memo(
           });
           if (onBeforedatarender) {
             onBeforedatarender(
-              (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name],
-              // widget reference
+              (_a2 = viewParent == null ? void 0 : viewParent.Widgets) == null ? void 0 : _a2[name],
+              // widget reference (reactive proxy, not raw listener)
               data,
               // data
               columnsProxy
@@ -1133,10 +1135,9 @@ const WmTableComponent = memo(
             } else {
               queueOnDatarenderAfterPaint();
             }
-            const nextRows = internalDataset.map(
-              (r) => typeof r === "object" && r !== null ? __spreadValues({}, r) : r
+            setInternalDataset(
+              (prev) => prev.map((r) => typeof r === "object" && r !== null ? __spreadValues({}, r) : r)
             );
-            setInternalDataset(nextRows);
           } else if (onDatarender) {
             queueOnDatarenderAfterPaint();
           }
@@ -1275,7 +1276,7 @@ const WmTableComponent = memo(
           const rowIndex = internalDataset.findIndex(
             (r) => r._wmTableRowId === row._wmTableRowId || r.id !== void 0 && r.id === row.id
           );
-          const result = await onBeforerowdelete(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name], cleanedRow, {
+          const result = await onBeforerowdelete(event, (_a2 = viewParent == null ? void 0 : viewParent.Widgets) == null ? void 0 : _a2[name], cleanedRow, {
             rowIndex,
             data: cleanedRow
           });
@@ -1339,7 +1340,7 @@ const WmTableComponent = memo(
             showToast("Failed to refresh table data", "Error");
           }
           if (onError) {
-            onError(null, (_b2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _b2[name], error, "refresh");
+            onError(null, (_b2 = viewParent == null ? void 0 : viewParent.Widgets) == null ? void 0 : _b2[name], error, "refresh");
           }
         }
       },
@@ -1601,7 +1602,7 @@ const WmTableComponent = memo(
               }
             ) }) })
           ] }),
-          /* @__PURE__ */ jsxs(Box, { className: "panel-footer clearfix", children: [
+          showFooter && /* @__PURE__ */ jsxs(Box, { className: "panel-footer clearfix", children: [
             showPagination && /* @__PURE__ */ jsx(Box, { className: "app-datagrid-paginator", children: /* @__PURE__ */ jsx(
               WmPagination,
               {

package/components/data/table/live-table/index.d.ts

@@ -35,6 +35,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/data/table/props.d.ts

@@ -1095,6 +1095,7 @@ export interface UsePanelStructureProps {
 export interface UsePanelStructureReturn {
     showPanelHeading: boolean;
     showPagination: boolean;
+    showFooter: boolean;
 }
 export interface UseRowSelectionProps {
     radioselect?: boolean;

package/components/data/table/table-action/index.d.ts

@@ -21,6 +21,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/data/table/table-column/index.d.ts

@@ -21,6 +21,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/data/table/table-row/index.d.ts

@@ -21,6 +21,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/data/table/table-row-action/index.d.ts

@@ -29,6 +29,7 @@ export declare const WmTableRowAction: React.FC<{
     margin?: string;
     width?: number | string;
     height?: number | string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

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

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Box, Radio, FormControlLabel, Tooltip } from "@mui/material";
+import { Box, Tooltip } from "@mui/material";
 import { TABLE_MESSAGES } from "./constants";
 const getSelectionMeta = (ctx) => {
   var _a, _b, _c, _d;
@@ -10,27 +10,22 @@ function RadioSelectCell(ctx) {
   const rowId = row.id;
   const isSelected = row.getIsSelected();
   const { handleRadioSelection, radioselecttitle, radioselectarialabel, tableName } = getSelectionMeta(ctx);
-  return /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsx(Tooltip, { title: radioselecttitle != null ? radioselecttitle : "", placement: "top", children: /* @__PURE__ */ jsx(Box, { className: "radio app-radio", children: /* @__PURE__ */ jsx(
-    FormControlLabel,
-    {
-      control: /* @__PURE__ */ jsx(
-        Radio,
-        {
-          checked: isSelected,
-          onChange: (e) => handleRadioSelection == null ? void 0 : handleRadioSelection(rowId, row.original, e),
-          value: rowId,
-          name: `wmRadioselect-${tableName != null ? tableName : "table"}`,
-          inputProps: {
-            "aria-label": radioselectarialabel
-          },
-          rowselectinput: "",
-          size: "small"
-        }
-      ),
-      label: "",
-      className: "caption"
-    }
-  ) }) }) });
+  return /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsx(Tooltip, { title: radioselecttitle != null ? radioselecttitle : "", placement: "top", children: /* @__PURE__ */ jsx(Box, { className: "radio app-radio", children: /* @__PURE__ */ jsxs(Box, { component: "label", children: [
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        component: "input",
+        type: "radio",
+        checked: isSelected,
+        onChange: (e) => handleRadioSelection == null ? void 0 : handleRadioSelection(rowId, row.original, e),
+        value: rowId,
+        name: `wmRadioselect-${tableName != null ? tableName : "table"}`,
+        "aria-label": radioselectarialabel,
+        rowselectinput: ""
+      }
+    ),
+    /* @__PURE__ */ jsx(Box, { component: "span", className: "caption" })
+  ] }) }) }) });
 }
 RadioSelectCell.displayName = "RadioSelectCell";
 function MultiSelectCell(ctx) {

package/components/data/table/utils/crud-handlers.js

@@ -23,6 +23,7 @@ import findIndex from "lodash-es/findIndex";
 import slice from "lodash-es/slice";
 import forEach from "lodash-es/forEach";
 import some from "lodash-es/some";
+import { addUniqueRowIds } from "./index";
 import { DataSource } from "../../types";
 const getDatasourceInfo = async (datasource) => {
   var _a, _b;
@@ -56,7 +57,8 @@ const createCompleteRecord = (editingData, wmTableColumns, serverResponse) => {
       completeRecord[column.field] = (_b = (_a = editingData[column.field]) != null ? _a : column.defaultvalue) != null ? _b : "";
     }
   });
-  return __spreadProps(__spreadValues(__spreadValues({}, completeRecord), serverResponse), { _wmTableRowId: uniqueId("new_row_") });
+  const record = __spreadProps(__spreadValues(__spreadValues({}, completeRecord), serverResponse), { _wmTableRowId: uniqueId("new_row_") });
+  return addUniqueRowIds([record])[0];
 };
 const hasValidData = (record) => some(record, (value) => value !== void 0 && value !== null && value !== "");
 const updateDataset = (isNewRow, rowId, editingData, wmTableColumns, serverResponse, options) => {

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

@@ -47,7 +47,7 @@ function buildExpansionColSpec(columnwidth) {
   return {
     key: "row-expansion",
     width: w,
-    style: { width: w }
+    style: { width: w, minWidth: w, maxWidth: w }
   };
 }
 export {

package/components/data/table/utils/index.d.ts

@@ -51,9 +51,16 @@ export declare const parseTableActions: (children: React.ReactNode) => WmTableAc
 export declare const getRowExpansionConfig: (config: WmTableRowProps | null, rowId: string, rowData?: any) => WmTableRowProps | null;
 /**
  * Whether the expansion column should be reserved in the table layout.
- * When tableRowProps gates show per row (e.g. hierarchy children.length), hide the
- * column entirely if no current row would show an expand control — avoids empty
- * row-expansion-cell spacers for leaf-only datasets.
+ *
+ * This is a STRUCTURAL check, matching Angular's datatable: the row-expansion
+ * column is part of the table layout whenever a row-expansion config exists and
+ * is not statically disabled. Per-row `show` (e.g. a hierarchy `children.length`
+ * gate via `tableRowProps`) only controls whether the toggle *button* renders
+ * inside the cell — see RowExpansionButton — never whether the column exists.
+ *
+ * Collapsing the column when no current row happens to be expandable would
+ * desynchronise header/body/colgroup cell counts and shift every data column by
+ * one for leaf-only datasets (e.g. nested child tables in a hierarchy).
  */
 export declare const isRowExpansionVisible: (config: WmTableRowProps | null | undefined, dataset: any[] | undefined) => boolean;
 export declare const parseTableRowExpansion: (children: React.ReactNode) => WmTableRowProps | null;

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

@@ -369,12 +369,7 @@ const isRowExpansionVisible = (config, dataset) => {
   if (!config) return false;
   if (typeof config.tableRowProps === "function") {
     if (!Array.isArray(dataset) || dataset.length === 0) return false;
-    return dataset.some((row) => {
-      var _a;
-      const overrides = ((_a = config.tableRowProps) == null ? void 0 : _a.call(config, row)) || {};
-      const show = overrides.show !== void 0 ? overrides.show : config.show;
-      return show !== false;
-    });
+    return true;
   }
   return config.show !== false;
 };
@@ -504,9 +499,11 @@ const shouldShowPagination = ({
   datasource,
   showrecordcount = false
 }) => {
-  var _a;
+  var _a, _b, _c;
   if (!shownavigation) return false;
-  if (((_a = datasource == null ? void 0 : datasource.pagination) == null ? void 0 : _a.totalElements) > 0) return true;
+  const hasRecords = size(internalDataset) > 0 || ((_a = datasource == null ? void 0 : datasource.pagination) == null ? void 0 : _a.totalElements) > 0 || Boolean((_b = datasource == null ? void 0 : datasource.pagination) == null ? void 0 : _b.next);
+  if (!hasRecords) return false;
+  if (((_c = datasource == null ? void 0 : datasource.pagination) == null ? void 0 : _c.totalElements) > pagesize) return true;
   if (allowpagesizechange) return true;
   if (showrecordcount) return true;
   return onDemandLoad || size(internalDataset) > pagesize;

package/components/data/table/utils/selectionUtils.d.ts

@@ -7,6 +7,18 @@ export declare const hasInteractiveClass: (element: HTMLElement) => boolean;
  * Check if an element has interactive attributes
  */
 export declare const hasInteractiveAttributes: (element: HTMLElement) => boolean;
+/** The name datatable.js and the React table use for a row's multiselect checkbox. */
+export declare const MULTI_SELECT_INPUT_NAME = "gridMultiSelect";
+/**
+ * True when the clicked row's selection checkbox has been renamed away from
+ * `gridMultiSelect`.
+ *
+ * Mirrors the Angular datatable, whose toggleRowSelection only ever acts on
+ * `input[name="gridMultiSelect"]`, so application code that renames the input
+ * (e.g. to "gridMultiSelectDisable") opts that row out of click selection.
+ * Rows without a selection checkbox are never treated as renamed.
+ */
+export declare const isSelectionCheckboxRenamed: (event: React.MouseEvent) => boolean;
 /**
  * Check if element or its ancestors are interactive
  */

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

@@ -33,6 +33,14 @@ const hasInteractiveAttributes = (element) => {
   }
   return false;
 };
+const MULTI_SELECT_INPUT_NAME = "gridMultiSelect";
+const isSelectionCheckboxRenamed = (event) => {
+  var _a, _b;
+  const target = event == null ? void 0 : event.target;
+  const row = (_a = target == null ? void 0 : target.closest) == null ? void 0 : _a.call(target, "tr");
+  const checkbox = (_b = row == null ? void 0 : row.querySelector) == null ? void 0 : _b.call(row, 'input[type="checkbox"]');
+  return !!checkbox && checkbox.getAttribute("name") !== MULTI_SELECT_INPUT_NAME;
+};
 const isInteractiveElement = (event) => {
   const target = event.target;
   if (INTERACTIVE_TAG_NAMES.includes(target.tagName)) {
@@ -126,12 +134,14 @@ const selectionStateHelpers = {
   }
 };
 export {
+  MULTI_SELECT_INPUT_NAME,
   createSelectionEventStub,
   getRowIdsFromDataset,
   getWidgetForCallback,
   hasInteractiveAttributes,
   hasInteractiveClass,
   isInteractiveElement,
+  isSelectionCheckboxRenamed,
   rowExistsInDataset,
   selectionStateHelpers,
   toNativeEvent

package/components/dialogs/alert-dialog/index.d.ts

@@ -29,6 +29,7 @@ declare const WmAlertDialogStandalone: {
         width?: number | string;
         height?: number | string;
         className?: string;
+        class?: string;
         conditionalstyle?: React.CSSProperties;
         conditionalclass?: string;
         showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];
@@ -115,6 +116,7 @@ declare const _default: {
         width?: number | string;
         height?: number | string;
         className?: string;
+        class?: string;
         conditionalstyle?: React.CSSProperties;
         conditionalclass?: string;
         showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/dialogs/confirm-dialog/index.d.ts

@@ -30,6 +30,7 @@ declare const WmConfirmDialogStandalone: {
         width?: number | string;
         height?: number | string;
         className?: string;
+        class?: string;
         conditionalstyle?: React.CSSProperties;
         conditionalclass?: string;
         showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];
@@ -117,6 +118,7 @@ declare const _default: {
         width?: number | string;
         height?: number | string;
         className?: string;
+        class?: string;
         conditionalstyle?: React.CSSProperties;
         conditionalclass?: string;
         showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/dialogs/dialog/index.d.ts

@@ -34,6 +34,7 @@ declare const WmDialogStandalone: {
         width?: number | string;
         height?: number | string;
         className?: string;
+        class?: string;
         conditionalstyle?: import("react").CSSProperties;
         conditionalclass?: string;
         showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];
@@ -127,6 +128,7 @@ declare const _default: {
         width?: number | string;
         height?: number | string;
         className?: string;
+        class?: string;
         conditionalstyle?: import("react").CSSProperties;
         conditionalclass?: string;
         showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/dialogs/dialog-actions/index.d.ts

@@ -24,6 +24,7 @@ declare const _default: import("react").ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: import("react").CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/dialogs/dialog-body/index.d.ts

@@ -23,6 +23,7 @@ declare const _default: import("react").ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: import("react").CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/dialogs/dialog-content/index.d.ts

@@ -26,6 +26,7 @@ declare const _default: import("react").ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: import("react").CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/dialogs/dialog-header/index.d.ts

@@ -40,6 +40,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];