@wavemaker-ai/react-runtime 1.0.0-rc.314 → 1.0.0-rc.319

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

@@ -38,6 +38,8 @@ export interface TableGroup {
     styles?: React.CSSProperties;
 }
 export type TableStructureItem = TableGroup | WmTableColumnProps;
+/** Resolve displayName from a React element, including memo/withBaseWrapper layers */
+export declare function getChildComponentDisplayName(child: any): string;
 export declare const parseTableColumns: (children: React.ReactNode, dataset: any) => WmTableColumnProps[];
 export declare const getAggregateFunctions: (dataset: any[], binding: string) => Record<string, Function>;
 export declare const parseTableStructureWithGroups: (children: React.ReactNode) => TableStructureItem[];
@@ -94,11 +96,12 @@ export declare const INTERNAL_PROPERTIES: string[];
 export declare const cleanRowData: (data: any) => any;
 export declare const parseWidth: (width: string | number, fallbackSize?: number) => number;
 export declare const getColClass: (colClass: string, rowData: any, columnName: string) => string;
-export * from "./constants";
-export * from "./renderDisplayCell";
-export * from "./buildSelectionColumns";
-export * from "./validation";
-export * from "./selectionUtils";
-export * from "./columnBuilder";
-export * from "./columnWidthDistribution";
-export * from "./table-helpers";
+export { TABLE_CSS_CLASSES, TABLE_DATA_STATES, TABLE_MESSAGES, INTERACTIVE_CLASSES, INTERACTIVE_ROLES, INTERACTIVE_DATA_ROLES, INTERACTIVE_TAG_NAMES, DYNAMIC_COLUMNS_CONFIG, UNSUPPORTED_STATE_PERSISTENCE_TYPES, } from "./constants";
+export { renderDisplayCell } from "./renderDisplayCell";
+export { buildSelectionColumns } from "./buildSelectionColumns";
+export { validateField, resetValidationState, updateValidationErrors } from "./validation";
+export { hasInteractiveClass, hasInteractiveAttributes, isInteractiveElement, getRowIdsFromDataset, rowExistsInDataset, selectionStateHelpers, } from "./selectionUtils";
+export { createRowIndexColumn, createDataColumn, createDataColumns, createEditingActionButtons, createDefaultColumnProps, getActionColumnSize, } from "./columnBuilder";
+export { isDataColumn, hasExplicitWidth, distributeColumnWidths } from "./columnWidthDistribution";
+export type { TableSearchFilter, FilterFieldObject, FilterFieldsObject, TableSortState, TableStateData, } from "./table-helpers";
+export { saveTableState, getTableState, clearTableState, convertFilterArrayToObject, convertFilterObjectToArray, } from "./table-helpers";

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

@@ -186,6 +186,16 @@ function transformExpression(exp) {
   }
   return exp;
 }
+function getChildComponentDisplayName(child) {
+  if (!(child == null ? void 0 : child.type)) return "";
+  const type = child.type;
+  const name = type.displayName || type.name || "";
+  const inner = type.type || type.render;
+  if (inner) {
+    return inner.displayName || inner.name || name;
+  }
+  return name;
+}
 const parseTableColumns = (children, dataset) => {
   const columns = [];
   React.Children.forEach(children, (child) => {
@@ -249,6 +259,7 @@ const parseTableStructureWithGroups = (children) => {
   React.Children.forEach(children, (child) => {
     if (!child || !child.props) return;
     const childName = get(child, "props.name", "");
+    const displayName = getChildComponentDisplayName(child);
     if (childName.includes("group")) {
       const props = get(child, "props", {});
       const group = {
@@ -264,7 +275,7 @@ const parseTableStructureWithGroups = (children) => {
         // Recursive for nested groups
       };
       structure.push(group);
-    } else if (childName.includes("wm_table_column") || childName.includes("col_")) {
+    } else if (childName.includes("wm_table_column") || childName.includes("col_") || (displayName == null ? void 0 : displayName.includes("WmTableColumn"))) {
       const props = get(child, "props", {});
       const column = __spreadValues({
         field: get(props, "binding"),
@@ -303,7 +314,8 @@ const flattenTableStructure = (structure) => {
 const parseTableRowActions = (children) => {
   const actions = [];
   React.Children.forEach(children, (child) => {
-    if (child && child.props && child.props.name && child.props.name.includes("wm_table_row_action")) {
+    var _a;
+    if (child && child.props && child.props.name && (child.props.name.includes("wm_table_row_action") || ((_a = child.type) == null ? void 0 : _a.displayName) === "WmTableRowAction")) {
       const props = get(child, "props", {});
       const actionProps = assign({}, props);
       if (child.key) {
@@ -317,7 +329,8 @@ const parseTableRowActions = (children) => {
 const parseTableActions = (children) => {
   const actions = [];
   React.Children.forEach(children, (child) => {
-    if (child && child.props && child.props.name && child.props.name.includes("wm_table_action")) {
+    var _a;
+    if (child && child.props && child.props.name && (child.props.name.includes("wm_table_action") || ((_a = child.type) == null ? void 0 : _a.displayName) === "WmTableAction")) {
       const props = get(child, "props", {});
       const actionProps = assign({}, props);
       if (child.key) {
@@ -590,40 +603,105 @@ const getColClass = (colClass, rowData, columnName) => {
     return "";
   }
 };
-export * from "./constants";
-export * from "./renderDisplayCell";
-export * from "./buildSelectionColumns";
-export * from "./validation";
-export * from "./selectionUtils";
-export * from "./columnBuilder";
-export * from "./columnWidthDistribution";
-export * from "./table-helpers";
+import {
+  TABLE_CSS_CLASSES as TABLE_CSS_CLASSES2,
+  TABLE_DATA_STATES,
+  TABLE_MESSAGES,
+  INTERACTIVE_CLASSES,
+  INTERACTIVE_ROLES,
+  INTERACTIVE_DATA_ROLES,
+  INTERACTIVE_TAG_NAMES,
+  DYNAMIC_COLUMNS_CONFIG,
+  UNSUPPORTED_STATE_PERSISTENCE_TYPES
+} from "./constants";
+import { renderDisplayCell } from "./renderDisplayCell";
+import { buildSelectionColumns } from "./buildSelectionColumns";
+import { validateField, resetValidationState, updateValidationErrors } from "./validation";
+import {
+  hasInteractiveClass,
+  hasInteractiveAttributes,
+  isInteractiveElement,
+  getRowIdsFromDataset,
+  rowExistsInDataset,
+  selectionStateHelpers
+} from "./selectionUtils";
+import {
+  createRowIndexColumn,
+  createDataColumn,
+  createDataColumns,
+  createEditingActionButtons,
+  createDefaultColumnProps,
+  getActionColumnSize
+} from "./columnBuilder";
+import { isDataColumn, hasExplicitWidth, distributeColumnWidths } from "./columnWidthDistribution";
+import {
+  saveTableState,
+  getTableState,
+  clearTableState,
+  convertFilterArrayToObject,
+  convertFilterObjectToArray
+} from "./table-helpers";
 export {
+  DYNAMIC_COLUMNS_CONFIG,
+  INTERACTIVE_CLASSES,
+  INTERACTIVE_DATA_ROLES,
+  INTERACTIVE_ROLES,
+  INTERACTIVE_TAG_NAMES,
   INTERNAL_PROPERTIES,
+  TABLE_CSS_CLASSES2 as TABLE_CSS_CLASSES,
+  TABLE_DATA_STATES,
+  TABLE_MESSAGES,
+  UNSUPPORTED_STATE_PERSISTENCE_TYPES,
   addUniqueRowIds,
+  buildSelectionColumns,
   cleanRowData,
+  clearTableState,
+  convertFilterArrayToObject,
+  convertFilterObjectToArray,
+  createDataColumn,
+  createDataColumns,
+  createDefaultColumnProps,
+  createEditingActionButtons,
+  createRowIndexColumn,
+  distributeColumnWidths,
   extractDataArray,
   flattenTableStructure,
   getActionButtonClass,
+  getActionColumnSize,
   getAggregateFunctions,
   getBooleanDataset,
   getButtonClasses,
+  getChildComponentDisplayName,
   getColClass,
+  getRowIdsFromDataset,
   getSpacingClasses,
   getTableActionButtonClass,
+  getTableState,
   getWidgetMappingForType,
   handleNewRowNavigation,
+  hasExplicitWidth,
+  hasInteractiveAttributes,
+  hasInteractiveClass,
   isAddNewAction,
   isColumnVisibleForViewport,
+  isDataColumn,
   isDeleteAction,
   isEditAction,
+  isInteractiveElement,
   parseTableActions,
   parseTableColumns,
   parseTableRowActions,
   parseTableRowExpansion,
   parseTableStructureWithGroups,
   parseWidth,
+  renderDisplayCell,
+  resetValidationState,
+  rowExistsInDataset,
+  saveTableState,
+  selectionStateHelpers,
   shouldShowPagination,
   shouldShowPanelHeading,
-  validateEditingFields
+  updateValidationErrors,
+  validateEditingFields,
+  validateField
 };

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

@@ -69,6 +69,8 @@ declare const WmAlertDialogStandalone: {
         updateon?: string;
         dataset?: any;
         prefabName?: string;
+        loading?: boolean;
+        showSkeleton?: boolean;
     } & import("../withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
@@ -152,6 +154,8 @@ declare const _default: {
         updateon?: string;
         dataset?: any;
         prefabName?: string;
+        loading?: boolean;
+        showSkeleton?: boolean;
     } & import("../withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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

@@ -70,6 +70,8 @@ declare const WmConfirmDialogStandalone: {
         updateon?: string;
         dataset?: any;
         prefabName?: string;
+        loading?: boolean;
+        showSkeleton?: boolean;
     } & import("@wavemaker-ai/react-runtime/components/dialogs/withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
@@ -154,6 +156,8 @@ declare const _default: {
         updateon?: string;
         dataset?: any;
         prefabName?: string;
+        loading?: boolean;
+        showSkeleton?: boolean;
     } & import("@wavemaker-ai/react-runtime/components/dialogs/withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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

@@ -74,6 +74,8 @@ declare const WmDialogStandalone: {
         updateon?: string;
         dataset?: any;
         prefabName?: string;
+        loading?: boolean;
+        showSkeleton?: boolean;
     } & import("@wavemaker-ai/react-runtime/components/dialogs/withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
@@ -164,6 +166,8 @@ declare const _default: {
         updateon?: string;
         dataset?: any;
         prefabName?: string;
+        loading?: boolean;
+        showSkeleton?: boolean;
     } & import("@wavemaker-ai/react-runtime/components/dialogs/withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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

@@ -63,5 +63,7 @@ declare const _default: import("react").ComponentType<{
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

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

@@ -62,5 +62,7 @@ declare const _default: import("react").ComponentType<{
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

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

@@ -65,5 +65,7 @@ declare const _default: import("react").ComponentType<{
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

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

@@ -80,5 +80,7 @@ declare const _default: React.ComponentType<{
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

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

@@ -79,6 +79,8 @@ declare const WmIframeDialogStandalone: {
         updateon?: string;
         dataset?: any;
         prefabName?: string;
+        loading?: boolean;
+        showSkeleton?: boolean;
     } & import("@wavemaker-ai/react-runtime/components/dialogs/withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
@@ -172,6 +174,8 @@ declare const _default: {
         updateon?: string;
         dataset?: any;
         prefabName?: string;
+        loading?: boolean;
+        showSkeleton?: boolean;
     } & import("@wavemaker-ai/react-runtime/components/dialogs/withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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

@@ -76,6 +76,8 @@ declare const WmLoginDialogStandalone: {
         updateon?: string;
         dataset?: any;
         prefabName?: string;
+        loading?: boolean;
+        showSkeleton?: boolean;
     } & import("../withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
@@ -157,6 +159,8 @@ declare const _default: {
         updateon?: string;
         dataset?: any;
         prefabName?: string;
+        loading?: boolean;
+        showSkeleton?: boolean;
     } & import("../withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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

@@ -71,6 +71,8 @@ declare const WmPageDialogStandalone: {
         formfield?: boolean;
         updateon?: string;
         dataset?: any;
+        loading?: boolean;
+        showSkeleton?: boolean;
     } & import("@wavemaker-ai/react-runtime/components/dialogs/withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
@@ -156,6 +158,8 @@ declare const _default: {
         formfield?: boolean;
         updateon?: string;
         dataset?: any;
+        loading?: boolean;
+        showSkeleton?: boolean;
     } & import("@wavemaker-ai/react-runtime/components/dialogs/withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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

@@ -73,5 +73,7 @@ declare const _default: import("react").ComponentType<{
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

package/components/form/button/index.js

@@ -37,6 +37,11 @@ import Box from "@mui/material/Box";
 import Button from "@mui/material/Button";
 import Badge from "@mui/material/Badge";
 import { withBaseWrapper } from "../../../higherOrder/withBaseWrapper";
+import {
+  WmSkeleton,
+  SKELETON_REGISTRY,
+  shouldShowSkeleton
+} from "../../common/wm-skeleton";
 import { prefixPrefabResourceUrl } from "../../../utils/resource-url";
 import { removeInvalidAttributes } from "../../../utils/attr";
 const DEFAULT_CLASS = "btn app-button";
@@ -174,6 +179,8 @@ const WmButton = memo(
       }
     };
     const EVENTS = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, onBlur && { onBlur: handleOnBlur }), onFocus && { onFocus: handleOnFocus }), onMouseEnter && { onMouseEnter: handleMouseEnter }), onMouseLeave && { onMouseLeave: handleMouseLeave }), onDoubleClick && { onDoubleClick: handleDoubleClick }), onKeydown && { onKeyDown: handleKeyDown }), onKeyup && { onKeyUp: handleKeyUp }), onClick && { onClick: handleClick }), onKeypress && { onKeyPress: handleKeyPress }), { onMouseDown: handleMouseDown });
+    if (shouldShowSkeleton(props.loading, props.showSkeleton))
+      return /* @__PURE__ */ jsx(WmSkeleton, __spreadProps(__spreadValues({}, SKELETON_REGISTRY["WmButton"]), { className, styles }));
     return /* @__PURE__ */ jsxs(
       Button,
       __spreadProps(__spreadValues(__spreadValues(__spreadProps(__spreadValues({
@@ -293,7 +300,9 @@ const WmButton = memo(
       "onClick",
       "show",
       "styles",
-      "className"
+      "className",
+      "loading",
+      "showSkeleton"
     ];
     return keys.every((key) => prev[key] === current[key]);
   }

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

@@ -65,5 +65,7 @@ declare const _default: React.ComponentType<{
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

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

@@ -66,6 +66,8 @@ export declare const WmCalendar: React.ForwardRefExoticComponent<Omit<{
     formfield?: boolean;
     updateon?: string;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
  * The WmCalendar component provides an interactive calendar with event support, day/week/month views.
@@ -126,5 +128,7 @@ declare const _default: React.ComponentType<{
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

package/components/input/calendar/index.js

@@ -137,13 +137,14 @@ const WmCalendar = forwardRef((props, ref) => {
   }, [calendartype, controls]);
   const invokeCallback = useCallback(
     (eventName, eventData) => {
+      var _a2;
       const { $start, $end, $view, $data, $event, $newData, $oldData, $delta, $revertFunc, $ui } = eventData;
       switch (eventName) {
         case "select":
           onSelect == null ? void 0 : onSelect($start, $end, $view, $data);
           break;
         case "beforerender":
-          onBeforerender == null ? void 0 : onBeforerender(eventData, listener == null ? void 0 : listener.Widgets[name]);
+          onBeforerender == null ? void 0 : onBeforerender(eventData, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
           break;
         case "eventdrop":
           onEventdrop == null ? void 0 : onEventdrop($event, $newData, $oldData, $delta, $revertFunc, $ui, $view);

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

@@ -99,6 +99,8 @@ declare const WmChipsStandalone: React.ComponentType<import("../../data/form/for
     formfield?: boolean;
     updateon?: string;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 } & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmChipsStandalone as WmChips };
 /**
@@ -220,5 +222,7 @@ declare const _default: React.ComponentType<{
     formfield?: boolean;
     updateon?: string;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

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

@@ -62,6 +62,8 @@ declare const WmColorPickerStandalone: React.ComponentType<import("../../data/fo
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 } & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmColorPickerStandalone as WmColorPicker };
 /**
@@ -147,5 +149,7 @@ declare const _default: React.ComponentType<{
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

package/components/input/color-picker/index.js

@@ -298,6 +298,7 @@ const WmColorPicker = memo(
     );
     const handleInputChange = useCallback(
       (event) => {
+        var _a2;
         const newValue = event.target.value;
         setInputValue(newValue);
         if (newValue === "") {
@@ -311,7 +312,7 @@ const WmColorPicker = memo(
         if (onChange && name) {
           onChange(
             event,
-            listener == null ? void 0 : listener.Widgets[name],
+            (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name],
             newValue,
             colorValue
           );
@@ -321,6 +322,7 @@ const WmColorPicker = memo(
     );
     const handleInputBlur = useCallback(
       (event) => {
+        var _a2;
         if (autoclose !== AUTOCLOSE_TYPE.NEVER && !isInteractingWithPicker && pickerRef.current && !pickerRef.current.contains(event.relatedTarget)) {
           setIsOpen(false);
           handleFloatingLabel("close");
@@ -333,15 +335,16 @@ const WmColorPicker = memo(
           }
         }
         if (onBlur) {
-          onBlur(event, listener == null ? void 0 : listener.Widgets[name]);
+          onBlur(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
         }
       },
       [autoclose, isInteractingWithPicker, inputValue, validateAndSetColor, setInputValue, onBlur]
     );
     const handleInputFocus = useCallback(
       (event) => {
+        var _a2;
         if (onFocus) {
-          onFocus(event, listener == null ? void 0 : listener.Widgets[name]);
+          onFocus(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
         }
         openPicker();
         handleFloatingLabel("open");
@@ -350,10 +353,11 @@ const WmColorPicker = memo(
     );
     const handleInputClick = useCallback(
       (event) => {
+        var _a2;
         event.stopPropagation();
         if (!isReadonlyOrDisabled) {
           if (onClick && name) {
-            onClick(event, listener == null ? void 0 : listener.Widgets[name]);
+            onClick(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
           }
           openPicker();
           handleFloatingLabel("open");
@@ -372,6 +376,7 @@ const WmColorPicker = memo(
     );
     const handleColorChange = useCallback(
       (color, event) => {
+        var _a2;
         const { r, g, b, a } = color.rgb;
         const rgbaColor = { r, g, b, a };
         setColorValue(rgbaColor);
@@ -395,7 +400,7 @@ const WmColorPicker = memo(
         if (onChange) {
           onChange(
             customEvent,
-            listener == null ? void 0 : listener.Widgets[name],
+            (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name],
             newValue,
             inputValue
           );
@@ -548,8 +553,14 @@ const WmColorPicker = memo(
               onBlur: handleInputBlur,
               onFocus: handleInputFocus,
               onClick: handleInputClick,
-              onMouseEnter: (event) => onMouseEnter && onMouseEnter(event, listener == null ? void 0 : listener.Widgets[name]),
-              onMouseLeave: (event) => onMouseLeave && onMouseLeave(event, listener == null ? void 0 : listener.Widgets[name]),
+              onMouseEnter: (event) => {
+                var _a2;
+                return onMouseEnter && onMouseEnter(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
+              },
+              onMouseLeave: (event) => {
+                var _a2;
+                return onMouseLeave && onMouseLeave(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
+              },
               "aria-label": arialabel,
               "aria-readonly": readonly
             }

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

@@ -65,5 +65,7 @@ declare const _default: React.ComponentType<{
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

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

@@ -74,6 +74,8 @@ declare const WmCurrencyStandalone: React.ComponentType<import("../../data/form/
     formfield?: boolean;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 } & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmCurrencyStandalone as WmCurrency };
 /**
@@ -171,5 +173,7 @@ declare const _default: React.ComponentType<{
     formfield?: boolean;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

package/components/input/default/checkbox/index.d.ts

@@ -62,6 +62,8 @@ declare const WmCheckboxStandalone: React.ComponentType<import("../../../data/fo
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 } & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmCheckboxStandalone as WmCheckbox };
 /**
@@ -146,5 +148,7 @@ declare const _default: React.ComponentType<{
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

package/components/input/default/checkboxset/index.d.ts

@@ -84,6 +84,8 @@ declare const WmCheckboxsetStandalone: React.ComponentType<import("../../../data
     formfield?: boolean;
     updateon?: string;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 } & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmCheckboxsetStandalone as WmCheckboxset };
 /**
@@ -189,5 +191,7 @@ declare const _default: React.ComponentType<{
     formfield?: boolean;
     updateon?: string;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

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

@@ -228,7 +228,7 @@ const WmCheckboxset = memo(
     }, []);
     const handleCheckboxChange = useCallback(
       (event, key, dataObject) => {
-        var _a;
+        var _a, _b, _c;
         if (disabled || readonly) return;
         const currentSelectedKeys = Array.isArray(localSelectedKeys) ? localSelectedKeys : [];
         const isCurrentlySelected = currentSelectedKeys.some((k) => {
@@ -282,10 +282,10 @@ const WmCheckboxset = memo(
           onchange(newKeys);
         }
         if (onChange && name) {
-          onChange(event, listener == null ? void 0 : listener.Widgets[name], newKeys, currentSelectedKeys);
+          onChange(event, (_b = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _b[name], newKeys, currentSelectedKeys);
         }
         if (onClick && name) {
-          onClick(event, listener == null ? void 0 : listener.Widgets[name]);
+          onClick(event, (_c = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _c[name]);
         }
         if (listener == null ? void 0 : listener.onChange) {
           const displayValues = getCheckboxsetDisplayValues(
@@ -462,13 +462,15 @@ const WmCheckboxset = memo(
       return /* @__PURE__ */ jsx(List, { className: clsx(DEFAULT_CLASS, itemclass, listclass), sx: styles, children: /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsx(ListItemText, { primary: "No items to display" }) }) });
     }
     const handleMouseEnter = (event) => {
+      var _a;
       if (onMouseEnter) {
-        onMouseEnter(event, listener == null ? void 0 : listener.Widgets[name]);
+        onMouseEnter(event, (_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name]);
       }
     };
     const handleMouseLeave = (event) => {
+      var _a;
       if (onMouseLeave) {
-        onMouseLeave(event, listener == null ? void 0 : listener.Widgets[name]);
+        onMouseLeave(event, (_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name]);
       }
     };
     return /* @__PURE__ */ jsxs(