@wavemaker-ai/react-runtime 1.0.0-rc.322 → 1.0.0-rc.324

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

@@ -15,7 +15,9 @@ declare const WmCheckboxStandalone: React.ComponentType<import("../../../data/fo
     onFocus?: ((event: React.FocusEvent<HTMLElement> | React.ChangeEvent<HTMLInputElement>, widget?: Record<string, unknown>, newVal?: string | number | boolean | null, oldVal?: string | number | boolean | null) => void) & ((event: React.FocusEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void);
     displayValue?: string;
     selectedicon?: string;
+    selectediconurl?: string;
     unselectedicon?: string;
+    unselectediconurl?: string;
     fieldName?: string;
     standalone?: boolean;
     ref?: React.RefObject<HTMLElement> | React.RefObject<null>;
@@ -64,6 +66,7 @@ declare const WmCheckboxStandalone: React.ComponentType<import("../../../data/fo
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 } & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmCheckboxStandalone as WmCheckbox };
 /**
@@ -104,7 +107,9 @@ declare const _default: React.ComponentType<{
     onFocus?: ((event: React.FocusEvent<HTMLElement> | React.ChangeEvent<HTMLInputElement>, widget?: Record<string, unknown>, newVal?: string | number | boolean | null, oldVal?: string | number | boolean | null) => void) & ((event: React.FocusEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void);
     displayValue?: string;
     selectedicon?: string;
+    selectediconurl?: string;
     unselectedicon?: string;
+    unselectediconurl?: string;
     fieldName?: string;
     ref?: React.RefObject<HTMLElement> | React.RefObject<null>;
     animation?: string;
@@ -150,5 +155,6 @@ declare const _default: React.ComponentType<{
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 }>;
 export default _default;

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

@@ -29,11 +29,12 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useMemo, useRef, memo } from "react";
 import { Input } from "@base-ui-components/react/input";
 import Box from "@mui/material/Box";
 import { withBaseWrapper } from "../../../../higherOrder/withBaseWrapper";
+import { WmAppIcon } from "../../../common/WmAppIcon";
 import withFormController from "../../../data/form/form-controller/withFormController";
 import clsx from "clsx";
 import withStandalone from "../../../../higherOrder/withStandalone";
@@ -57,7 +58,9 @@ const WmCheckbox = memo(
       tabindex = 0,
       type,
       selectedicon,
+      selectediconurl,
       unselectedicon,
+      unselectediconurl,
       onChange,
       onBlur,
       className,
@@ -83,7 +86,9 @@ const WmCheckbox = memo(
       "tabindex",
       "type",
       "selectedicon",
+      "selectediconurl",
       "unselectedicon",
+      "unselectediconurl",
       "onChange",
       "onBlur",
       "className",
@@ -112,7 +117,7 @@ const WmCheckbox = memo(
         setActualValue(newValue);
         prevRefValue.current = datavalue;
       }
-    }, [datavalue]);
+    }, [datavalue, name]);
     const handleChange = useCallback(
       (event) => {
         var _a2, _b2, _c;
@@ -210,12 +215,14 @@ const WmCheckbox = memo(
     const events = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, props.onMouseEnter ? { onMouseEnter: handleMouseEnter } : {}), props.onMouseLeave ? { onMouseLeave: handleMouseLeave } : {}), props.onClick ? { onClick: handleClick } : {}), props.onFocus ? { onFocus: handleFocus } : {});
     return /* @__PURE__ */ jsxs(
       "div",
-      __spreadProps(__spreadValues(__spreadValues(__spreadValues({
+      __spreadProps(__spreadValues(__spreadProps(__spreadValues(__spreadProps(__spreadValues(__spreadValues(__spreadValues({
         hidden: (_b = props.hidden) != null ? _b : false,
         className: checkboxClasses
       }, name ? { name } : {}), caption ? { caption } : {}), type === "toggle" ? { type: "toggle" } : type === "button" ? { type: "button" } : {}), {
-        "aria-disabled": disabled,
-        style: props.styles,
+        "aria-disabled": disabled
+      }), disabled ? { disabled: "true" } : {}), {
+        style: props.styles
+      }), disabled ? { disabled: "true" } : {}), {
         children: [
           /* @__PURE__ */ jsxs(
             Box,
@@ -246,25 +253,48 @@ const WmCheckbox = memo(
                     accessKey: shortcutkey,
                     tabIndex: tabindex,
                     title: hint,
-                    className: `${disabled || readonly ? "disabled" : ""}`
+                    className: `${disabled || readonly ? "disabled" : ""}`,
+                    id: name
                   })
                 ),
-                type === "toggle" ? /* @__PURE__ */ jsx(Box, { component: "span", className: "caption fa-xs text-center", children: /* @__PURE__ */ jsx(
-                  Box,
+                type === "toggle" ? /* @__PURE__ */ jsx(Box, { component: "span", className: "caption fa-xs text-center", children: !isChecked ? /* @__PURE__ */ jsx(
+                  WmAppIcon,
                   {
-                    component: "span",
-                    className: clsx(
-                      isChecked ? "end-icon" : "start-icon",
-                      isChecked ? selectedicon : unselectedicon
-                    )
+                    iconclass: unselectedicon,
+                    iconurl: unselectediconurl,
+                    prefabName: props.prefabName,
+                    defaultIconClass: "start-icon"
                   }
-                ) }) : type === "button" ? /* @__PURE__ */ jsx(
-                  Box,
+                ) : /* @__PURE__ */ jsx(
+                  WmAppIcon,
                   {
-                    component: "span",
-                    className: clsx("toggle-icon", isChecked ? selectedicon : unselectedicon)
+                    iconclass: selectedicon,
+                    iconurl: selectediconurl,
+                    prefabName: props.prefabName,
+                    defaultIconClass: "end-icon"
                   }
-                ) : /* @__PURE__ */ jsx(
+                ) }) : type === "button" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  !isChecked && /* @__PURE__ */ jsx(
+                    WmAppIcon,
+                    {
+                      iconclass: unselectedicon,
+                      iconurl: unselectediconurl,
+                      prefabName: props.prefabName,
+                      defaultClasses: "toggle-icon",
+                      alt: "Unselected icon"
+                    }
+                  ),
+                  isChecked && /* @__PURE__ */ jsx(
+                    WmAppIcon,
+                    {
+                      iconclass: selectedicon,
+                      iconurl: selectediconurl,
+                      prefabName: props.prefabName,
+                      defaultClasses: "toggle-icon",
+                      alt: "Selected icon"
+                    }
+                  )
+                ] }) : /* @__PURE__ */ jsx(
                   Box,
                   {
                     component: "span",

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

@@ -63,10 +63,18 @@ export interface CheckboxProps {
      * CSS class for the selected state icon.
      */
     selectedicon?: string;
+    /**
+     * URL for the selected state icon.
+     */
+    selectediconurl?: string;
     /**
      * CSS class for the unselected state icon.
      */
     unselectedicon?: string;
+    /**
+     * URL for the unselected state icon.
+     */
+    unselectediconurl?: string;
     /**
      * Field name used by the form controller.
      */

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

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

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

@@ -81,6 +81,7 @@ declare const WmRadiosetStandalone: React.ComponentType<import("../../../data/fo
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 } & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmRadiosetStandalone as WmRadioset };
 /**
@@ -184,5 +185,6 @@ declare const _default: React.ComponentType<{
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 }>;
 export default _default;

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

@@ -21,7 +21,9 @@ declare const WmSwitchStandalone: React.ComponentType<import("../../../data/form
     required?: boolean;
     name: string;
     iconclass?: string;
+    iconurl?: string;
     checkediconclass?: string;
+    checkediconurl?: string;
     value?: string | string[];
     toBeProcessedValue?: string | string[];
     onChange?: (event: React.MouseEvent, widget: Record<string, unknown>, newVal: string | string[], oldVal: string | string[]) => void;
@@ -76,6 +78,7 @@ declare const WmSwitchStandalone: React.ComponentType<import("../../../data/form
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 } & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmSwitchStandalone as WmSwitch };
 /**
@@ -122,7 +125,9 @@ declare const _default: React.ComponentType<{
     multiple?: boolean;
     disabled?: boolean;
     iconclass?: string;
+    iconurl?: string;
     checkediconclass?: string;
+    checkediconurl?: string;
     value?: string | string[];
     toBeProcessedValue?: string | string[];
     onChange?: (event: React.MouseEvent, widget: Record<string, unknown>, newVal: string | string[], oldVal: string | string[]) => void;
@@ -174,5 +179,6 @@ declare const _default: React.ComponentType<{
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 }>;
 export default _default;

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

@@ -42,6 +42,7 @@ import { find, findIndex, forEach, toString } from "lodash-es";
 import {
   withBaseWrapper
 } from "../../../../higherOrder/withBaseWrapper";
+import { WmAppIcon } from "../../../common/WmAppIcon";
 import Box from "@mui/material/Box";
 import { InputBase } from "@mui/material";
 import { transformDataset } from "../../../../utils/transformedDataset-utils";
@@ -327,10 +328,13 @@ const SwitchOption = memo(
     handleOnClick,
     disabled = false,
     iconclass,
+    iconurl,
     checkediconclass,
-    displayfield
+    checkediconurl,
+    displayfield,
+    prefabName
   }) => {
-    var _a, _b;
+    var _a, _b, _c, _d;
     return /* @__PURE__ */ jsxs(
       Box,
       __spreadProps(__spreadValues({
@@ -347,15 +351,22 @@ const SwitchOption = memo(
         name: `wm-switch-${opt.key}`
       }), {
         children: [
-          iconclass && ((_a = opt.dataObject) == null ? void 0 : _a[iconclass]) && (!opt.selected || !checkediconclass) && /* @__PURE__ */ jsx(
-            Box,
+          iconclass && (((_a = opt.dataObject) == null ? void 0 : _a[iconclass]) || ((_b = opt.dataObject) == null ? void 0 : _b[iconurl]) || opt["icon"]) && (!opt.selected || !checkediconclass) && /* @__PURE__ */ jsx(
+            WmAppIcon,
             {
-              component: "i",
-              "aria-hidden": "true",
-              className: `app-icon ${((_b = opt.dataObject) == null ? void 0 : _b[iconclass]) || opt["icon"]}`
+              iconclass: ((_c = opt.dataObject) == null ? void 0 : _c[iconclass]) || opt["icon"],
+              iconurl: ((_d = opt.dataObject) == null ? void 0 : _d[iconurl]) || opt["icon"],
+              prefabName
+            }
+          ),
+          opt.selected && (checkediconclass || checkediconurl) && /* @__PURE__ */ jsx(
+            WmAppIcon,
+            {
+              iconclass: checkediconclass,
+              iconurl: checkediconurl,
+              prefabName
             }
           ),
-          opt.selected && checkediconclass && /* @__PURE__ */ jsx(Box, { component: "i", "aria-hidden": "true", className: checkediconclass }),
           /* @__PURE__ */ jsx(Box, { component: "span", className: "caption", children: displayfield && opt[displayfield] || opt.label })
         ]
       }),
@@ -375,8 +386,11 @@ const WmSwitch = memo(
       name,
       hint,
       iconclass,
+      iconurl,
       checkediconclass = defaultProps.checkediconclass,
+      checkediconurl,
       displayfield = defaultProps.displayfield,
+      prefabName,
       datafield,
       value,
       onChange,
@@ -408,8 +422,11 @@ const WmSwitch = memo(
       "name",
       "hint",
       "iconclass",
+      "iconurl",
       "checkediconclass",
+      "checkediconurl",
       "displayfield",
+      "prefabName",
       "datafield",
       "value",
       "onChange",
@@ -508,8 +525,11 @@ const WmSwitch = memo(
                   selectOpt,
                   disabled,
                   iconclass,
+                  iconurl,
                   checkediconclass,
+                  checkediconurl,
                   displayfield,
+                  prefabName,
                   handleOnMouseEnter,
                   handleOnMouseLeave,
                   handleOnClick
@@ -527,7 +547,14 @@ const WmSwitch = memo(
               "aria-hidden": "true",
               className: "btn btn-primary app-switch-overlay switch-handle",
               children: [
-                checkediconclass && /* @__PURE__ */ jsx(Box, { component: "i", className: checkediconclass }),
+                (checkediconclass || checkediconurl) && /* @__PURE__ */ jsx(
+                  WmAppIcon,
+                  {
+                    iconclass: checkediconclass,
+                    iconurl: checkediconurl,
+                    prefabName
+                  }
+                ),
                 /* @__PURE__ */ jsx(Box, { component: "span", className: "caption", children: selectedItem ? selectedItem.label : modelByKey })
               ]
             }

package/components/input/default/switch/prop.d.ts

@@ -102,10 +102,12 @@ export interface SwitchProps {
      * CSS class for the switch icon.
      */
     iconclass?: string;
+    iconurl?: string;
     /**
      * CSS class for the checked state icon.
      */
     checkediconclass?: string;
+    checkediconurl?: string;
     /**
      * The current value of the switch.
      */

package/components/input/epoch/date/index.d.ts

@@ -62,6 +62,7 @@ declare const _default: React.ComponentType<{
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
     formControlName?: string;
     required?: boolean;
     outputformat?: string;

package/components/input/epoch/datetime/index.d.ts

@@ -62,6 +62,7 @@ declare const _default: React.ComponentType<{
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
     formControlName?: string;
     required?: boolean;
     outputformat?: string;

package/components/input/epoch/time/index.d.ts

@@ -62,6 +62,7 @@ declare const _default: React.ComponentType<{
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
     formControlName?: string;
     required?: boolean;
     outputformat?: string;

package/components/input/fileupload/components/ListItems.d.ts

@@ -2,10 +2,14 @@ import React from "react";
 import { CommonFileProps, FileUploadState } from "../props";
 declare const CommonFile: React.FC<CommonFileProps>;
 export default CommonFile;
-export declare const ListItem: ({ file, index, clearSelectedFile, onBeforedelete, onFileDelete, }: {
+export declare const ListItem: ({ file, index, clearSelectedFile, onBeforedelete, onFileDelete, cleariconclass, cleariconurl, cleariconhint, prefabName, }: {
     file: FileUploadState & File;
     index: number;
     clearSelectedFile: (file: FileUploadState & File) => void;
     onBeforedelete?: (e: React.MouseEvent, file: FileUploadState & File) => void;
     onFileDelete: (e: React.MouseEvent, file: FileUploadState & File) => void;
+    cleariconclass?: string;
+    cleariconurl?: string;
+    cleariconhint?: string;
+    prefabName?: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/components/input/fileupload/components/ListItems.js

@@ -7,6 +7,7 @@ import List from "@mui/material/List";
 import FolderIcon from "@mui/icons-material/Folder";
 import ClearIcon from "@mui/icons-material/Clear";
 import { getFileIconClass } from "../../../constants";
+import { WmAppIcon } from "../../../common/WmAppIcon";
 const CommonFile = ({
   uploadedFiles,
   selectedFolders,
@@ -15,7 +16,11 @@ const CommonFile = ({
   clearSelectedFile,
   onBeforedelete,
   onFileDelete,
-  setSelectedFolders
+  setSelectedFolders,
+  cleariconclass,
+  cleariconurl,
+  cleariconhint,
+  prefabName
 }) => {
   const fileUploadComponents = [];
   if (uploadedFiles.length > 0) {
@@ -34,7 +39,11 @@ const CommonFile = ({
               index,
               clearSelectedFile,
               onBeforedelete,
-              onFileDelete
+              onFileDelete,
+              cleariconclass,
+              cleariconurl,
+              cleariconhint,
+              prefabName
             },
             file.uniqueId || `file-${index}`
           )) })
@@ -70,7 +79,11 @@ const ListItem = ({
   index,
   clearSelectedFile,
   onBeforedelete,
-  onFileDelete
+  onFileDelete,
+  cleariconclass,
+  cleariconurl,
+  cleariconhint,
+  prefabName
 }) => {
   return /* @__PURE__ */ jsx(
     "li",
@@ -103,15 +116,24 @@ const ListItem = ({
             "%"
           ] })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "media-right media-middle", children: /* @__PURE__ */ jsx(
+        (cleariconclass || cleariconurl) && file.status !== "onProgress" && /* @__PURE__ */ jsx("div", { className: "media-right media-middle", children: /* @__PURE__ */ jsx(
           "a",
           {
             type: "button",
             className: "btn btn-transparent btn-default status-icon",
+            title: cleariconhint,
             onClick: () => {
               clearSelectedFile(file);
             },
-            children: /* @__PURE__ */ jsx("i", { className: "wi wi-clear" })
+            children: /* @__PURE__ */ jsx(
+              WmAppIcon,
+              {
+                iconclass: cleariconclass,
+                iconurl: cleariconurl,
+                prefabName,
+                alt: "Clear"
+              }
+            )
           }
         ) }),
         file.status == "success" && /* @__PURE__ */ jsx("div", { className: "media-right media-middle", children: /* @__PURE__ */ jsx(

package/components/input/fileupload/components/MultiUpload.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import Box from "@mui/material/Box";
+import { WmAppIcon } from "../../../common/WmAppIcon";
 const MultipleFileUpload = ({
   fileInputRef,
   multiple,
@@ -15,6 +16,8 @@ const MultipleFileUpload = ({
   displayname,
   tabindex,
   iconclass,
+  iconurl,
+  prefabName,
   fileuploadmessage,
   highlightDropArea,
   triggerFileSelect,
@@ -36,7 +39,15 @@ const MultipleFileUpload = ({
       onDragLeave: () => setHighlightDropArea(false),
       style: styles,
       children: [
-        /* @__PURE__ */ jsx("i", { className: iconclass }),
+        /* @__PURE__ */ jsx(
+          WmAppIcon,
+          {
+            iconclass,
+            iconurl,
+            prefabName,
+            alt: "Upload"
+          }
+        ),
         /* @__PURE__ */ jsxs("div", { className: "message", children: [
           /* @__PURE__ */ jsx("label", { className: "upload-label", htmlFor: "Upload", children: caption }),
           /* @__PURE__ */ jsxs(Box, { component: "form", className: "form-horizontal", children: [

package/components/input/fileupload/components/SingleUpload.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import Box from "@mui/material/Box";
+import { WmAppIcon } from "../../../common/WmAppIcon";
 const SingleFileUpload = ({
   fileInputRef,
   caption,
@@ -14,6 +15,8 @@ const SingleFileUpload = ({
   arialabel,
   tabindex,
   iconclass,
+  iconurl,
+  prefabName,
   styles,
   triggerFileSelect,
   onFileSelect,
@@ -45,7 +48,15 @@ const SingleFileUpload = ({
         disabled,
         style: styles,
         children: [
-          /* @__PURE__ */ jsx("i", { className: iconclass }),
+          /* @__PURE__ */ jsx(
+            WmAppIcon,
+            {
+              iconclass,
+              iconurl,
+              prefabName,
+              alt: "Upload"
+            }
+          ),
           /* @__PURE__ */ jsx("span", { children: caption || displayname || "Select File" })
         ]
       }

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

@@ -19,7 +19,9 @@ declare const _default: React.ComponentType<{
     contenttype?: string;
     maxfilesize?: string | number;
     iconclass?: string;
+    iconurl?: string;
     cleariconclass?: string;
+    cleariconurl?: string;
     cleariconhint?: string;
     uploadpath?: string;
     datasource?: Record<string, unknown>;
@@ -90,5 +92,6 @@ declare const _default: React.ComponentType<{
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 }>;
 export default _default;

package/components/input/fileupload/index.js

@@ -51,6 +51,9 @@ const WmFileUpload = memo(
       disabled = !fileUploadConstants.DEFAULT_VALUES.ENABLED,
       contenttype = "",
       iconclass = fileUploadConstants.DEFAULT_VALUES.ICON_CLASS,
+      iconurl,
+      cleariconclass,
+      cleariconurl,
       extensions,
       filetype,
       readonly = false,
@@ -127,6 +130,8 @@ const WmFileUpload = memo(
               arialabel,
               tabindex,
               iconclass,
+              iconurl,
+              prefabName: props.prefabName,
               styles,
               triggerFileSelect,
               onFileSelect,
@@ -149,6 +154,8 @@ const WmFileUpload = memo(
               displayname,
               tabindex,
               iconclass,
+              iconurl,
+              prefabName: props.prefabName,
               styles,
               fileuploadmessage,
               highlightDropArea,
@@ -167,6 +174,10 @@ const WmFileUpload = memo(
               selectedFolders,
               filelistheight,
               readonly,
+              cleariconclass,
+              cleariconurl,
+              cleariconhint: props.cleariconhint,
+              prefabName: props.prefabName,
               clearSelectedFile,
               onFileDelete,
               setSelectedFolders,

package/components/input/fileupload/props.d.ts

@@ -56,10 +56,12 @@ export interface FileUploadProps {
      * CSS class for the upload button icon.
      */
     iconclass?: string;
+    iconurl?: string;
     /**
      * CSS class for the clear icon.
      */
     cleariconclass?: string;
+    cleariconurl?: string;
     /**
      * Tooltip for the clear icon.
      */
@@ -169,6 +171,10 @@ export interface CommonFileProps {
     onFileDelete: (e: React.MouseEvent, file: FileUploadState & File) => void;
     /** Setter for the selected folders state. */
     setSelectedFolders: React.Dispatch<React.SetStateAction<File[]>>;
+    cleariconclass?: string;
+    cleariconurl?: string;
+    cleariconhint?: string;
+    prefabName?: string;
 }
 /**
  * Props for the SingleFileUpload sub-component.
@@ -200,6 +206,7 @@ export interface SingleFileUploadProps {
     tabindex?: number;
     /** CSS class for the icon. */
     iconclass?: string;
+    iconurl?: string;
     /** Inline styles. */
     styles?: React.CSSProperties;
     /** Triggers the native file select dialog. */
@@ -208,6 +215,7 @@ export interface SingleFileUploadProps {
     onFileSelect: (e: React.ChangeEvent<HTMLInputElement>) => void;
     /** Handler invoked before file selection. Can be called with (e) from button or (e, widget, files) from file select. */
     onBeforeselect?: (e: React.MouseEvent | React.ChangeEvent<HTMLInputElement>, widget?: Record<string, unknown>, selectedFiles?: File[]) => void;
+    prefabName?: string;
 }
 /**
  * Props for the MultipleFileUpload sub-component.
@@ -241,6 +249,7 @@ export interface MultipleFileUploadProps {
     tabindex?: number;
     /** CSS class for the icon. */
     iconclass?: string;
+    iconurl?: string;
     /** Message displayed in the drop area. */
     fileuploadmessage?: string;
     /** Whether the drop area is highlighted. */
@@ -259,6 +268,7 @@ export interface MultipleFileUploadProps {
     onBeforeselect?: (e: React.MouseEvent | React.ChangeEvent<HTMLInputElement>, widget?: Record<string, unknown>, selectedFiles?: File[]) => void;
     /** Inline styles. */
     styles?: React.CSSProperties;
+    prefabName?: string;
 }
 /**
  * Configuration for the upload variable/service.

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

@@ -71,6 +71,7 @@ declare const WmNumberStandalone: React.ComponentType<import("../../data/form/fo
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 } & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmNumberStandalone as WmNumber };
 /**
@@ -164,5 +165,6 @@ declare const _default: React.ComponentType<{
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 }>;
 export default _default;