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

package/components/input/chips/utils.js

@@ -185,6 +185,34 @@ function createChipItemWithStructure(itemToAdd) {
     iscustom: itemToAdd.iscustom || false
   });
 }
+function resolveItemToAdd(selectedValue, datasetItems, datafield) {
+  var _a, _b, _c, _d, _e, _f;
+  if (typeof selectedValue === "string") {
+    return selectedValue;
+  }
+  const asDataSetItem = selectedValue;
+  const dataObj = (_a = asDataSetItem.dataObject) != null ? _a : selectedValue;
+  const found = datasetItems.find((item) => isEqual(item.dataObject, dataObj));
+  if (found) {
+    return found;
+  }
+  if (datafield !== "All Fields" && isObject(dataObj)) {
+    const rec = dataObj;
+    if (Object.prototype.hasOwnProperty.call(rec, datafield)) {
+      const raw = (_c = (_b = asDataSetItem.displayValue) != null ? _b : asDataSetItem.label) != null ? _c : rec[datafield];
+      const displayText = raw != null ? String(raw) : "";
+      return {
+        key: (_d = asDataSetItem.key) != null ? _d : String(rec[datafield]),
+        value: rec[datafield],
+        label: String((_e = asDataSetItem.label) != null ? _e : displayText),
+        displayValue: displayText,
+        displayImage: (_f = asDataSetItem.displayImage) != null ? _f : null,
+        dataObject: dataObj
+      };
+    }
+  }
+  return asDataSetItem;
+}
 function validateAddItem(newItem, chipsList, maxsize, datafield) {
   var _a, _b;
   if (maxsize && chipsList.length >= maxsize) {
@@ -293,6 +321,7 @@ export {
   performAddItem,
   performRemoveItem,
   processDataset,
+  resolveItemToAdd,
   updateChipsListAndTriggerEvents,
   updateMaxSize,
   validateAddItem,

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

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

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

@@ -67,5 +67,6 @@ declare const _default: React.ComponentType<{
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 }>;
 export default _default;

package/components/input/composite/index.js

@@ -96,6 +96,7 @@ function WmComposite(props) {
       ),
       id,
       hidden: props.hidden,
+      widget: props == null ? void 0 : props.widget,
       children: childElements
     }
   );

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

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

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/radioset/index.js

@@ -404,7 +404,8 @@ const WmRadioset = memo(
       "groupby",
       "collapsible",
       "datasetItems",
-      "hidden"
+      "hidden",
+      "getDisplayExpression"
     ];
     return keys.every((key) => {
       if (key === "datasetItems") {

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;