@wavemaker-ai/react-runtime 1.0.0-rc.309 → 1.0.0-rc.647469

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

@@ -89,7 +89,6 @@ declare const WmTableStandalone: React.ComponentType<{
     binddataset?: string;
     onSuccess?: (operation: string, data: any) => void;
     onError?: (event: any, widget: any, data: any, operation: string) => void;
-    customExpressionColumns?: Record<string, (rowData: any) => React.ReactNode>;
     standalone?: boolean;
     ref?: React.RefObject<HTMLElement> | React.RefObject<null>;
     animation?: string;
@@ -116,7 +115,6 @@ declare const WmTableStandalone: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;
@@ -226,7 +224,6 @@ declare const WmTable: React.ComponentType<{
     binddataset?: string;
     onSuccess?: (operation: string, data: any) => void;
     onError?: (event: any, widget: any, data: any, operation: string) => void;
-    customExpressionColumns?: Record<string, (rowData: any) => React.ReactNode>;
     standalone?: boolean;
     ref?: React.RefObject<HTMLElement> | React.RefObject<null>;
     animation?: string;
@@ -253,7 +250,6 @@ declare const WmTable: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

package/components/data/table/index.js

@@ -1,5 +1,4 @@
 "use strict";
-"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof3 = require("@babel/runtime/helpers/typeof");
@@ -33,7 +32,7 @@ var _types = require("@wavemaker-ai/react-runtime/components/data/types");
 var _useEditedRows = require("./hooks/use-edited-rows");
 var _scriptPageSizeBroadcast = require("./utils/script-page-size-broadcast");
 var _withStandalone = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/withStandalone"));
-var _excluded = ["name", "dataset", "navigation", "children", "listener", "pagesize", "navigationalign", "showrecordcount", "maxsize", "boundarylinks", "allowpagesizechange", "pagesizeoptions", "formposition", "editmode", "spacing", "title", "subheading", "iconclass", "exportOptions", "shownavigation", "onDemandLoad", "showrowindex", "showheader", "enablesort", "enablecolumnselection", "onColumnselect", "onColumndeselect", "radioselect", "radioselecttitle", "radioselectarialabel", "multiselect", "multiselecttitle", "multiselectarialabel", "gridfirstrowselect", "isrowselectable", "rowClass", "deleteoktext", "deletecanceltext", "confirmdelete", "errormessage", "nodatamessage", "loadingdatamsg", "insertmessage", "updatemessage", "deletemessage", "ondemandmessage", "viewlessmessage", "showviewlessbutton", "onRowDelete", "onRowUpdate", "datasource", "binddataset", "onSuccess", "onError", "onRowinsert", "onRowupdate", "onRowdelete", "onRowclick", "onSort", "onBeforerowdelete", "onBeforefilter", "onHeaderclick", "onRowselect", "onRowdeselect", "onSetrecord", "statehandler", "formName", "parentForm", "filtermode", "filteronkeypress", "searchlabel", "onBeforedatarender", "onDatarender", "className", "exportformat", "exportdatasize", "onBeforeexport", "onAfterexport", "styles"];
+var _excluded = ["name", "dataset", "navigation", "children", "listener", "pagesize", "navigationalign", "showrecordcount", "maxsize", "boundarylinks", "allowpagesizechange", "pagesizeoptions", "formposition", "editmode", "spacing", "title", "subheading", "iconclass", "exportOptions", "shownavigation", "onDemandLoad", "showrowindex", "showheader", "enablesort", "enablecolumnselection", "onColumnselect", "onColumndeselect", "radioselect", "radioselecttitle", "radioselectarialabel", "multiselect", "multiselecttitle", "multiselectarialabel", "gridfirstrowselect", "isrowselectable", "rowClass", "deleteoktext", "deletecanceltext", "confirmdelete", "errormessage", "nodatamessage", "loadingdatamsg", "insertmessage", "updatemessage", "deletemessage", "ondemandmessage", "viewlessmessage", "showviewlessbutton", "onRowDelete", "onRowUpdate", "datasource", "binddataset", "onSuccess", "onError", "onRowinsert", "onRowupdate", "onRowdelete", "onRowclick", "onSort", "onBeforerowdelete", "onBeforefilter", "onHeaderclick", "onRowselect", "onRowdeselect", "onSetrecord", "statehandler", "formName", "parentForm", "filtermode", "filteronkeypress", "searchlabel", "onBeforedatarender", "onDatarender", "className", "exportformat", "exportdatasize", "onBeforeexport", "onAfterexport"];
 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" != _typeof3(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;
 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; }
@@ -160,15 +159,12 @@ var WmTableComponent = exports.WmTableComponent = /*#__PURE__*/(0, _react.memo)(
     exportdatasize = props.exportdatasize,
     onBeforeexport = props.onBeforeexport,
     onAfterexport = props.onAfterexport,
-    styles = props.styles,
     rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
   // When same partial is used multiple times (e.g. in tabs), use unique storage key to prevent state collision
   var effectiveStorageKey = (0, _react.useMemo)(function () {
     return name + (listener !== null && listener !== void 0 && listener.partialName ? "__".concat(listener === null || listener === void 0 ? void 0 : listener.partialName) : "");
   }, [name, listener === null || listener === void 0 ? void 0 : listener.partialName]);
   var widgetRegistrationKey = props["item-id"] || name;
-  var listenerRef = (0, _react.useRef)(listener);
-  listenerRef.current = listener;
   var loading = (datasource === null || datasource === void 0 ? void 0 : datasource.loading) || false;
   var prevDatasetRef = (0, _react.useRef)(dataset);
   var prevSelectedRow = (0, _react.useRef)(null);
@@ -264,15 +260,6 @@ var WmTableComponent = exports.WmTableComponent = /*#__PURE__*/(0, _react.memo)(
   // Use the table name as unique ID to prevent collisions between multiple tables
   var cellState = (0, _hooks.useCellState)(name);
 
-  // Ref holding the "sync selectedItems" implementation, assigned each render after
-  // tableApis is defined.  A stable wrapper is passed to useRowSelection so it can
-  // call the latest version without being in its dependency array.
-  var syncSelectedItemsImplRef = (0, _react.useRef)(null);
-  var onSyncSelectedItems = (0, _react.useCallback)(function (ids) {
-    var _syncSelectedItemsImp;
-    return (_syncSelectedItemsImp = syncSelectedItemsImplRef.current) === null || _syncSelectedItemsImp === void 0 ? void 0 : _syncSelectedItemsImp.call(syncSelectedItemsImplRef, ids);
-  }, []);
-
   // ==================== STATE PERSISTENCE ====================
   // Restore persisted state before initializing table
   var _useMemo = (0, _react.useMemo)(function () {
@@ -397,8 +384,7 @@ var WmTableComponent = exports.WmTableComponent = /*#__PURE__*/(0, _react.memo)(
       onRowselect: onRowselect,
       onRowdeselect: onRowdeselect,
       listener: listener,
-      navigation: navigation,
-      onSyncSelectedItems: onSyncSelectedItems
+      navigation: navigation
     }),
     selectedRowIds = _useRowSelection.selectedRowIds,
     useMultiSelect = _useRowSelection.useMultiSelect,
@@ -766,14 +752,6 @@ var WmTableComponent = exports.WmTableComponent = /*#__PURE__*/(0, _react.memo)(
   var columnsProxy = (0, _react.useMemo)(function () {
     return (0, _columnProxy.createColumnsProxy)(wmTableColumns, applyOverride, setColumnsVersion, setSummaryRowDef);
   }, [wmTableColumns, applyOverride, setColumnsVersion, setSummaryRowDef]);
-  var _useCustomExpressionC = (0, _hooks.useCustomExpressionColumns)({
-      columnSource: columnsProxy,
-      listenerRef: listenerRef
-    }),
-    customColumns = _useCustomExpressionC.customColumns,
-    customColumnsRevision = _useCustomExpressionC.customColumnsRevision,
-    customExpressionSignature = _useCustomExpressionC.customExpressionSignature,
-    mergeParsedCustomColumns = _useCustomExpressionC.mergeParsedCustomColumns;
   columnsStateRef.current = columns;
   var columnsForTable = (0, _react.useMemo)(function () {
     var base = columnsStateRef.current || [];
@@ -1177,12 +1155,6 @@ var WmTableComponent = exports.WmTableComponent = /*#__PURE__*/(0, _react.memo)(
           // data
           columnsProxy // columns (including dynamic ones)
           );
-          var customExprKeys = Object.keys(columnsProxy).filter(function (key) {
-            return columnsProxy[key].customExpression;
-          });
-          if (customExprKeys.length > 0) {
-            void mergeParsedCustomColumns()["finally"](function () {});
-          }
           var nextRows = internalDataset.map(function (r) {
             return (0, _typeof2["default"])(r) === "object" && r !== null ? _objectSpread({}, r) : r;
           });
@@ -1208,14 +1180,7 @@ var WmTableComponent = exports.WmTableComponent = /*#__PURE__*/(0, _react.memo)(
         });
       }
     }
-  }, [internalDataset, wmTableColumns, onBeforedatarender, onDatarender, name, isDynamicTable, table.getState().pagination.pageIndex, setInternalDataset, columnsProxy, mergeParsedCustomColumns]);
-
-  // Re-parse when custom-expression markup signature changes, or when rows appear after empty dataset.
-  (0, _react.useEffect)(function () {
-    if (!onBeforedatarender) return;
-    if (internalDataset.length === 0) return;
-    void mergeParsedCustomColumns();
-  }, [customExpressionSignature, mergeParsedCustomColumns, onBeforedatarender, internalDataset.length]);
+  }, [internalDataset, wmTableColumns, onBeforedatarender, onDatarender, name, isDynamicTable, table.getState().pagination.pageIndex, setInternalDataset]);
   // Use table initialization hook
   (0, _hooks.useTableInitialization)({
     internalDataset: internalDataset,
@@ -1491,33 +1456,6 @@ var WmTableComponent = exports.WmTableComponent = /*#__PURE__*/(0, _react.memo)(
     rowDefInstances: rowDefInstances
   };
 
-  // Keep the sync-selected-items implementation up-to-date every render so that
-  // the stable onSyncSelectedItems callback (passed to useRowSelection) always has
-  // access to the latest tableApis / internalDataset / listener values.
-  syncSelectedItemsImplRef.current = function (newSelectedIds) {
-    if (!(listener !== null && listener !== void 0 && listener.onChange)) return;
-    var getRowId = function getRowId(row) {
-      return row._wmTableRowId || String(row.id);
-    };
-    var selectedRows = internalDataset.filter(function (row) {
-      return newSelectedIds.includes(getRowId(row));
-    });
-    var selectedItems = (0, _utils.cleanRowData)(selectedRows);
-    if (!(0, _lodashEs.isEqual)(prevSelectedRow.current, selectedItems)) {
-      prevSelectedRow.current = selectedItems;
-      if (tableApisRegistered.current) {
-        listener.onChange(widgetRegistrationKey, {
-          selectedItems: selectedItems
-        });
-      } else {
-        tableApisRegistered.current = true;
-        listener.onChange(widgetRegistrationKey, _objectSpread(_objectSpread({}, tableApis), {}, {
-          selectedItems: selectedItems
-        }));
-      }
-    }
-  };
-
   // Register table with parent form's formWidgets when parentForm is present
   (0, _react.useEffect)(function () {
     var _listener$Widgets8;
@@ -1566,21 +1504,21 @@ var WmTableComponent = exports.WmTableComponent = /*#__PURE__*/(0, _react.memo)(
     // Clean and format selecteditem - always return as array
     var cleanedRows = (0, _utils.cleanRowData)(selectedRows);
 
-    // Always return selectedItems as an array (empty array if nothing selected)
-    var selectedItems = cleanedRows.length > 0 ? cleanedRows : [];
+    // Always return selecteditem as an array (empty array if nothing selected)
+    var selecteditem = cleanedRows.length > 0 ? cleanedRows : [];
 
     // Update only if changed
-    if (!(0, _lodashEs.isEqual)(prevSelectedRow.current, selectedItems)) {
-      prevSelectedRow.current = selectedItems;
+    if (!(0, _lodashEs.isEqual)(prevSelectedRow.current, selecteditem)) {
+      prevSelectedRow.current = selecteditem;
       if (tableApisRegistered.current) {
         listener.onChange(widgetRegistrationKey, {
-          selectedItems: selectedItems
+          selecteditem: selecteditem
         });
         return;
       }
       tableApisRegistered.current = true;
       listener.onChange(widgetRegistrationKey, _objectSpread(_objectSpread({}, tableApis), {}, {
-        selectedItems: selectedItems
+        selecteditem: selecteditem
       }));
     }
   };
@@ -1655,11 +1593,11 @@ var WmTableComponent = exports.WmTableComponent = /*#__PURE__*/(0, _react.memo)(
     className: "app-grid-header"
   }, __jsx(_material.Box, {
     className: "app-grid-header-inner",
-    style: _objectSpread({
+    style: {
       height: "100%",
       overflow: "auto",
       position: "relative"
-    }, styles)
+    }
   }, loading && navigation !== "On-Demand" && __jsx(_LoadingComponent["default"], {
     message: loadingdatamsg
   }), __jsx(_material.Table, {
@@ -1724,10 +1662,7 @@ var WmTableComponent = exports.WmTableComponent = /*#__PURE__*/(0, _react.memo)(
     editingRowId: editingRowId,
     activeRowIds: activeRowIds,
     selectedRowIds: selectedRowIds,
-    isAddingNewRow: isAddingNewRow,
-    customExpressionColumns: customColumns,
-    customColumnsRevision: customColumnsRevision,
-    columnsVersion: columnsVersion
+    isAddingNewRow: isAddingNewRow
   }), summaryRowEnabled && summaryRowDefs.length > 0 && __jsx(_components.SummaryRowFooter, {
     summaryRowDefs: summaryRowDefs,
     summaryRowDefObjects: summaryRowDefObjects,

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

@@ -52,7 +52,6 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

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

@@ -350,7 +350,6 @@ export interface TableProps {
      * Callback fired on operation error.
      */
     onError?: (event: any, widget: any, data: any, operation: string) => void;
-    customExpressionColumns?: Record<string, (rowData: any) => ReactNode>;
 }
 /**
  * Combined props for the WmTable component, including base WaveMaker props.
@@ -787,11 +786,6 @@ export interface TableBodyProps {
     selectedRowIds?: string[];
     isAddingNewRow?: boolean;
     registerRowDefInstance?: (rowId: string, instance: any, rowData?: any) => void;
-    customExpressionColumns?: Record<string, (rowData: any) => ReactNode>;
-    /** Bumps when custom-expression components are re-parsed (forces body cells to refresh). */
-    customColumnsRevision?: number;
-    /** Column proxy / table column definition generation counter. */
-    columnsVersion?: number;
 }
 export interface TableHeaderProps {
     table: Table<any>;
@@ -1090,7 +1084,6 @@ export interface UseRowSelectionProps {
     onRowdeselect?: (event: any, widget: any, row: any) => void;
     listener?: any;
     navigation?: string;
-    onSyncSelectedItems?: (selectedIds: string[]) => void;
 }
 export interface UseRowSelectionReturn {
     selectedRowIds: string[];

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

@@ -38,7 +38,6 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

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

@@ -38,7 +38,6 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

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

@@ -38,7 +38,6 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

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

@@ -46,7 +46,6 @@ export declare const WmTableRowAction: React.FC<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

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

@@ -106,9 +106,6 @@ var buildSelectionColumns = exports.buildSelectionColumns = function buildSelect
           size: "small",
           inputProps: {
             "aria-label": "Select all rows"
-          },
-          sx: {
-            padding: 0
           }
         })));
       },
@@ -139,10 +136,7 @@ var buildSelectionColumns = exports.buildSelectionColumns = function buildSelect
             role: "checkbox",
             "aria-live": "assertive"
           },
-          size: "small",
-          sx: {
-            padding: 0
-          }
+          size: "small"
         }))), isSelected ? __jsx("span", {
           className: "sr-only",
           "aria-live": "assertive"

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

@@ -70,7 +70,7 @@ var createDataColumn = exports.createDataColumn = function createDataColumn(wmCo
     columnSize = (0, _.parseWidth)(wmColumn.styles.width);
   }
   return _objectSpread(_objectSpread({
-    accessorKey: wmColumn.field || wmColumn.name,
+    accessorKey: wmColumn.field,
     // Use sortby field for sorting if provided, otherwise use the display field
     // Supports nested properties like "department.store.employee"
     accessorFn: wmColumn.sortby ? function (row) {

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

@@ -319,7 +319,7 @@ function transformExpression(exp) {
 var parseTableColumns = exports.parseTableColumns = function parseTableColumns(children, dataset) {
   var columns = [];
   _react["default"].Children.forEach(children, function (child) {
-    if (child && child.props && child.props.name && (child.props.name.includes("wm_table_column") || child.props.name.includes("col_"))) {
+    if (child && child.props && child.props.name && child.props.name.includes("wm_table_column")) {
       var props = (0, _lodashEs.get)(child, "props", {});
       var binding = (0, _lodashEs.get)(props, "binding");
       var aggregate = getAggregateFunctions(dataset, binding);
@@ -400,7 +400,7 @@ var _parseTableStructureWithGroups = exports.parseTableStructureWithGroups = fun
       structure.push(group);
     }
     // Handle WmTableColumn
-    else if (childName.includes("wm_table_column") || childName.includes("col_")) {
+    else if (childName.includes("wm_table_column")) {
       var _props = (0, _lodashEs.get)(child, "props", {});
       var column = _objectSpread({
         field: (0, _lodashEs.get)(_props, "binding"),

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

@@ -170,7 +170,7 @@ var widgetRenderers = {
  */
 var renderDisplayCell = exports.renderDisplayCell = function renderDisplayCell(column, rowData, listener, cellState) {
   var widgetType = (0, _lodashEs.get)(column, "widgetType", "label");
-  var mappedWidgetType = column.field ? (0, _index2.getWidgetMappingForType)(widgetType) : "dynamic-text";
+  var mappedWidgetType = (0, _index2.getWidgetMappingForType)(widgetType);
 
   // Get the appropriate renderer, defaulting to WmLabel
   var renderer = (0, _lodashEs.get)(widgetRenderers, mappedWidgetType) || widgetRenderers.WmLabel;

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

@@ -46,7 +46,6 @@ declare const WmAlertDialogStandalone: {
         eventCallback?: (eventName: string, data: any) => void;
         forwardedRef?: React.ForwardedRef<any>;
         viewParent?: any;
-        destroy?: ((names: string[]) => void) | ((formName?: string) => void);
         hint?: string;
         arialabel?: string;
         tabindex?: number;
@@ -129,7 +128,6 @@ declare const _default: {
         eventCallback?: (eventName: string, data: any) => void;
         forwardedRef?: React.ForwardedRef<any>;
         viewParent?: any;
-        destroy?: ((names: string[]) => void) | ((formName?: string) => void);
         hint?: string;
         arialabel?: string;
         tabindex?: number;

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

@@ -47,7 +47,6 @@ declare const WmConfirmDialogStandalone: {
         eventCallback?: (eventName: string, data: any) => void;
         forwardedRef?: React.ForwardedRef<any>;
         viewParent?: any;
-        destroy?: ((names: string[]) => void) | ((formName?: string) => void);
         hint?: string;
         arialabel?: string;
         tabindex?: number;
@@ -131,7 +130,6 @@ declare const _default: {
         eventCallback?: (eventName: string, data: any) => void;
         forwardedRef?: React.ForwardedRef<any>;
         viewParent?: any;
-        destroy?: ((names: string[]) => void) | ((formName?: string) => void);
         hint?: string;
         arialabel?: string;
         tabindex?: number;

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

@@ -51,7 +51,6 @@ declare const WmDialogStandalone: {
         eventCallback?: (eventName: string, data: any) => void;
         forwardedRef?: React.ForwardedRef<any>;
         viewParent?: any;
-        destroy?: ((names: string[]) => void) | ((formName?: string) => void);
         hint?: string;
         arialabel?: string;
         tabindex?: number;
@@ -141,7 +140,6 @@ declare const _default: {
         eventCallback?: (eventName: string, data: any) => void;
         forwardedRef?: React.ForwardedRef<any>;
         viewParent?: any;
-        destroy?: ((names: string[]) => void) | ((formName?: string) => void);
         hint?: string;
         arialabel?: string;
         tabindex?: number;

package/components/dialogs/dialog/index.js

@@ -38,7 +38,7 @@ var WmDialog = /*#__PURE__*/(0, _react.memo)(function (props) {
     open: props.isopen,
     onClose: handleClose,
     className: (0, _clsx["default"])("app-dialog modal-dialog  dialog-view", props.className)
-  }), __jsx(_dialogContent.WmDialogContent, props, showheader !== false && __jsx(_dialogHeader.WmDialogHeader, {
+  }), __jsx(_dialogContent.WmDialogContent, props, showheader !== false ? __jsx(_dialogHeader.WmDialogHeader, {
     name: "",
     listener: {},
     titleid: "design-dialog-".concat(props.title),
@@ -51,7 +51,9 @@ var WmDialog = /*#__PURE__*/(0, _react.memo)(function (props) {
     iconmargin: props.iconmargin,
     iconstyle: props.iconstyle,
     closable: props.closable
-  }), props.children));
+  }) : __jsx("h4", {
+    className: "sr-only"
+  }, props.title), props.children));
 }, function (prevProps, nextProps) {
   var keys = ["isopen", "sheetposition", "sheet", "styles", "dialogtype", "showheader", "title", "onClose", "close", "children", "modal", "closable"];
   return keys.every(function (key) {

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

@@ -41,7 +41,6 @@ declare const _default: import("react").ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

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

@@ -40,7 +40,6 @@ declare const _default: import("react").ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

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

@@ -43,7 +43,6 @@ declare const _default: import("react").ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

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

@@ -57,7 +57,6 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

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

@@ -56,7 +56,6 @@ declare const WmIframeDialogStandalone: {
         eventCallback?: (eventName: string, data: any) => void;
         forwardedRef?: React.ForwardedRef<any>;
         viewParent?: any;
-        destroy?: ((names: string[]) => void) | ((formName?: string) => void);
         hint?: string;
         arialabel?: string;
         tabindex?: number;
@@ -149,7 +148,6 @@ declare const _default: {
         eventCallback?: (eventName: string, data: any) => void;
         forwardedRef?: React.ForwardedRef<any>;
         viewParent?: any;
-        destroy?: ((names: string[]) => void) | ((formName?: string) => void);
         hint?: string;
         arialabel?: string;
         tabindex?: number;

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

@@ -54,7 +54,6 @@ declare const WmLoginDialogStandalone: {
         eventCallback?: (eventName: string, data: any) => void;
         forwardedRef?: React.ForwardedRef<any>;
         viewParent?: any;
-        destroy?: ((names: string[]) => void) | ((formName?: string) => void);
         hint?: string;
         arialabel?: string;
         tabindex?: number;
@@ -135,7 +134,6 @@ declare const _default: {
         eventCallback?: (eventName: string, data: any) => void;
         forwardedRef?: React.ForwardedRef<any>;
         viewParent?: any;
-        destroy?: ((names: string[]) => void) | ((formName?: string) => void);
         hint?: string;
         arialabel?: string;
         tabindex?: number;

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

@@ -49,7 +49,6 @@ declare const WmPageDialogStandalone: {
         eventCallback?: (eventName: string, data: any) => void;
         forwardedRef?: React.ForwardedRef<any>;
         viewParent?: any;
-        destroy?: ((names: string[]) => void) | ((formName?: string) => void);
         hint?: string;
         arialabel?: string;
         tabindex?: number;
@@ -134,7 +133,6 @@ declare const _default: {
         eventCallback?: (eventName: string, data: any) => void;
         forwardedRef?: React.ForwardedRef<any>;
         viewParent?: any;
-        destroy?: ((names: string[]) => void) | ((formName?: string) => void);
         hint?: string;
         arialabel?: string;
         tabindex?: number;

package/components/form/button/index.d.ts

@@ -51,7 +51,6 @@ declare const _default: import("react").ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

package/components/form/button/index.js

@@ -17,7 +17,6 @@ var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _Badge = _interopRequireDefault(require("@mui/material/Badge"));
 var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
 var _resourceUrl = require("@wavemaker-ai/react-runtime/utils/resource-url");
-var _attr = require("@wavemaker-ai/react-runtime/utils/attr");
 var _excluded = ["iconurl", "iconclass", "iconwidth", "iconheight", "iconmargin", "iconposition", "caption", "badgevalue", "children", "styles", "className", "onClick", "onDoubleClick", "onMouseEnter", "onMouseLeave", "onFocus", "onBlur", "onKeydown", "onKeypress", "onKeyup", "listener", "name", "disabled", "type", "shortcutkey", "arialabel", "show"];
 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;
@@ -80,7 +79,7 @@ var WmButton = exports.WmButton = /*#__PURE__*/(0, _react.memo)(function (props)
     if (!props.stopPropagation) {
       event.stopPropagation();
     }
-    onClick === null || onClick === void 0 || onClick(event, (listener === null || listener === void 0 || (_listener$Widgets = listener.Widgets) === null || _listener$Widgets === void 0 ? void 0 : _listener$Widgets[(props === null || props === void 0 ? void 0 : props.name) || ""]) || props);
+    onClick === null || onClick === void 0 || onClick(event, listener === null || listener === void 0 || (_listener$Widgets = listener.Widgets) === null || _listener$Widgets === void 0 ? void 0 : _listener$Widgets[(props === null || props === void 0 ? void 0 : props.name) || ""]);
   }
   function handleOnBlur(event) {
     event.preventDefault();
@@ -176,7 +175,7 @@ var WmButton = exports.WmButton = /*#__PURE__*/(0, _react.memo)(function (props)
     "aria-label": safeCaption,
     title: props.hint,
     show: show === null || show === void 0 ? void 0 : show.toString()
-  }, (0, _attr.removeInvalidAttributes)(restProps), EVENTS), iconurl && __jsx(_image["default"], {
+  }, restProps, EVENTS), iconurl && __jsx(_image["default"], {
     "data-identifier": "img",
     alt: "button image",
     src: (0, _resourceUrl.prefixPrefabResourceUrl)(iconurl, props.prefabName),
@@ -184,7 +183,7 @@ var WmButton = exports.WmButton = /*#__PURE__*/(0, _react.memo)(function (props)
     width: parseInt(iconwidth || "24", 10),
     height: parseInt(iconheight || "24", 10),
     style: {
-      width: iconwidth,
+      width: iconwidth || "auto",
       height: iconheight || "auto",
       margin: iconmargin || "0 4"
     }

package/components/form/button-group/index.d.ts

@@ -43,7 +43,6 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

package/components/form/button-group/index.js

@@ -12,7 +12,6 @@ var _react = _interopRequireDefault(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _styles = require("@mui/material/styles");
 var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
-var _attr = require("@wavemaker-ai/react-runtime/utils/attr");
 var _excluded = ["name", "vertical", "show", "horizontalalign", "children", "styles", "className"],
   _excluded2 = ["ref", "showindevice", "iswidget"];
 var __jsx = _react["default"].createElement;
@@ -58,7 +57,7 @@ var WmButtonGroup = exports.WmButtonGroup = function WmButtonGroup(props) {
     title: name,
     id: name,
     name: name
-  }, (0, _attr.removeInvalidAttributes)(restWithoutRef)), children);
+  }, restWithoutRef), children);
 };
 WmButtonGroup.displayName = "WmButtonGroup";
 

package/components/input/calendar/index.d.ts

@@ -46,7 +46,6 @@ export declare const WmCalendar: React.ForwardRefExoticComponent<Omit<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     styles?: React.CSSProperties;
@@ -103,7 +102,6 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

package/components/input/chips/index.d.ts

@@ -79,7 +79,6 @@ declare const WmChipsStandalone: React.ComponentType<import("../../data/form/for
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;
@@ -201,7 +200,6 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     arialabel?: string;
     tabindex?: number;
     styles?: React.CSSProperties;

package/components/input/color-picker/index.d.ts

@@ -41,7 +41,6 @@ declare const WmColorPickerStandalone: React.ComponentType<import("../../data/fo
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;
@@ -127,7 +126,6 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     arialabel?: string;
     tabindex?: number;
     styles?: React.CSSProperties;