@wavemaker-ai/react-runtime 1.0.0-rc.647612 → 1.0.0-rc.647655

package/actions/login-action.js

@@ -10,7 +10,7 @@ class LoginAction extends BaseAction {
   invoke(options, successcb, errorcb) {
     let params;
     if (!get(options, "formData")) {
-      params = merge(this.config.paramProvider(), this.dataBinding);
+      params = merge(options.input, this.config.paramProvider(), this.dataBinding);
     }
     this.notify(VariableEvents.BEFORE_INVOKE, [this, params]);
     return this.config.securityService().login({

package/components/advanced/carousel/index.d.ts

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

package/components/advanced/carousel/template.d.ts

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

package/components/advanced/login/index.d.ts

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

package/components/advanced/marquee/index.d.ts

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

package/components/basic/anchor/index.d.ts

@@ -81,5 +81,6 @@ declare const _default: import("react").ComponentType<{
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 }>;
 export default _default;

package/components/basic/anchor/index.js

@@ -31,13 +31,13 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { memo, useMemo, useEffect, useState, useRef } from "react";
+import { memo, useMemo, useEffect, useState } from "react";
 import clsx from "clsx";
-import Image from "next/image";
 import Box from "@mui/material/Box";
 import Link from "@mui/material/Link";
 import Badge from "@mui/material/Badge";
 import withBaseWrapper from "../../../higherOrder/withBaseWrapper";
+import { WmAppIcon } from "../../common/WmAppIcon";
 import { removeInvalidAttributes } from "../../../utils/attr";
 import { getCurrentPath, getGoToPageNameFromClickHandler } from "../../../core/util/utils";
 const DEFAULT_CLASS = "app-anchor";
@@ -48,6 +48,7 @@ const getCurrentPageName = (pathname) => {
 const WmAnchor = (props) => {
   var _b;
   const _a = props, {
+    ref,
     caption = "Link",
     iconclass,
     styles,
@@ -68,6 +69,7 @@ const WmAnchor = (props) => {
     itemLink,
     href: _ignoredHref
   } = _a, restProps = __objRest(_a, [
+    "ref",
     "caption",
     "iconclass",
     "styles",
@@ -90,7 +92,6 @@ const WmAnchor = (props) => {
   ]);
   const path = getCurrentPath();
   const [isActive, setIsActive] = useState(false);
-  const linkRef = useRef(null);
   const navigationInfo = useMemo(() => {
     if (!onClick) return { hasGoToPageExpr: false, goToPageName: null, isCurrentPage: false };
     const pageName = getGoToPageNameFromClickHandler(onClick);
@@ -190,7 +191,6 @@ const WmAnchor = (props) => {
   return /* @__PURE__ */ jsxs(
     Link,
     __spreadProps(__spreadValues(__spreadProps(__spreadValues({
-      ref: linkRef,
       href: computedHref
     }, domEvents), {
       style: __spreadValues(__spreadValues({}, anchorCssVars), styles),
@@ -213,21 +213,26 @@ const WmAnchor = (props) => {
       "data-identifier": "anchor"
     }), removeInvalidAttributes(restProps)), {
       name: props.name,
+      ref,
       children: [
-        iconurl && /* @__PURE__ */ jsx(
-          Image,
+        /* @__PURE__ */ jsx(
+          WmAppIcon,
           {
-            alt: "Image",
-            src: iconurl,
-            className: clsx("anchor-image-icon", "wm-anchor-icon-media", iconclass),
-            "aria-hidden": "true",
-            width: parseInt(iconwidth || "24", 10),
-            height: parseInt(iconheight || "24", 10)
+            iconclass,
+            iconurl,
+            prefabName: props.prefabName,
+            defaultClasses: iconurl ? "anchor-image-icon wm-anchor-icon-media" : "wm-anchor-icon-media",
+            iconStyle: {
+              width: iconwidth,
+              height: iconheight,
+              margin: iconmargin,
+              fontSize: iconwidth
+            },
+            alt: "Anchor icon"
           }
         ),
-        iconclass && /* @__PURE__ */ jsx("i", { className: clsx("app-icon", "wm-anchor-icon-media", iconclass), "aria-hidden": "true" }),
         caption && /* @__PURE__ */ jsxs(Fragment, { children: [
-          iconclass && /* @__PURE__ */ jsx(Box, { component: "span", className: "sr-only", children: `${caption} ${(_b = listener == null ? void 0 : listener.appLocale) == null ? void 0 : _b.LABEL_ICON}` }),
+          (iconclass || iconurl) && /* @__PURE__ */ jsx(Box, { component: "span", className: "sr-only", children: `${caption} ${(_b = listener == null ? void 0 : listener.appLocale) == null ? void 0 : _b.LABEL_ICON}` }),
           /* @__PURE__ */ jsx(Box, { component: "span", className: "anchor-caption", children: caption })
         ] }),
         badgevalue && /* @__PURE__ */ jsx(

package/components/basic/audio/index.d.ts

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

package/components/basic/html/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/basic/icon/index.d.ts

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

package/components/basic/icon/index.js

@@ -20,8 +20,7 @@ import clsx from "clsx";
 import Box from "@mui/material/Box";
 import { withBaseWrapper } from "../../../higherOrder/withBaseWrapper";
 import Label from "../label";
-import Image from "next/image";
-import { prefixPrefabResourceUrl } from "../../../utils/resource-url";
+import { WmAppIcon } from "../../common/WmAppIcon";
 const DEFAULT_CLASS = "app-icon-wrapper";
 const WmIcon = memo((props) => {
   const {
@@ -39,10 +38,6 @@ const WmIcon = memo((props) => {
     className,
     id
   } = props;
-  const computedIconUrl = useMemo(
-    () => prefixPrefabResourceUrl(iconurl || "", prefabName),
-    [iconurl, prefabName]
-  );
   const wrapperStyle = useMemo(() => {
     const rootStyle = __spreadValues({}, styles || {});
     if (iconsize) {
@@ -72,18 +67,20 @@ const WmIcon = memo((props) => {
           caption,
           " Icon"
         ] }),
-        computedIconUrl ? /* @__PURE__ */ jsx(
-          Image,
+        /* @__PURE__ */ jsx(
+          WmAppIcon,
           {
-            "data-identifier": "img",
-            alt: "Image",
-            src: computedIconUrl,
-            className: clsx("anchor-image-icon", "wm-icon-media", iconclass),
-            "aria-hidden": "true",
-            width: parseInt(iconsize || "24", 10),
-            height: parseInt(iconsize || "24", 10)
+            iconclass,
+            iconurl,
+            prefabName,
+            defaultClasses: iconurl ? "" : "wm-icon-media",
+            iconStyle: iconsize ? {
+              width: parseInt(iconsize || "24", 10),
+              height: parseInt(iconsize || "24", 10),
+              fontSize: iconsize
+            } : void 0
           }
-        ) : /* @__PURE__ */ jsx("i", { className: clsx("app-icon", "wm-icon-media", iconclass), "aria-hidden": "true" }),
+        ),
         caption && /* @__PURE__ */ jsx(
           Label,
           {

package/components/basic/iframe/index.d.ts

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

package/components/basic/label/index.d.ts

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

package/components/basic/label/index.js

@@ -39,7 +39,7 @@ import { removeInvalidAttributes } from "../../../utils/attr";
 import {
   WmSkeleton,
   SKELETON_REGISTRY,
-  shouldShowSkeleton
+  useShouldShowSkeleton
 } from "../../common/wm-skeleton";
 const DEFAULT_CLASS = "app-label";
 const containsHTML = (text) => {
@@ -66,7 +66,7 @@ const WmLabel = memo(
     const _a = props, {
       required = false,
       trustAs = false,
-      type = "p",
+      type = "label",
       styles,
       className,
       caption,
@@ -96,7 +96,8 @@ const WmLabel = memo(
       "loading",
       "showSkeleton"
     ]);
-    if (shouldShowSkeleton(loading, showSkeleton)) {
+    const showSkeletonState = useShouldShowSkeleton(loading, showSkeleton);
+    if (showSkeletonState) {
       return /* @__PURE__ */ jsx(WmSkeleton, __spreadProps(__spreadValues({}, SKELETON_REGISTRY["WmLabel"]), { className, styles }));
     }
     const hasCaptionProp = Object.prototype.hasOwnProperty.call(props, "caption");
@@ -147,6 +148,7 @@ const WmLabel = memo(
         hidden: (_d = props.hidden) != null ? _d : false
       }, removeInvalidAttributes(rest)), {
         onClick: handleOnClick,
+        htmlFor,
         children: parts.map(
           (part, index) => part.link ? /* @__PURE__ */ jsx("a", { href: part.link, target: "_blank", children: part.text }, index) : /* @__PURE__ */ jsx(Fragment, { children: part.text }, index)
         )

package/components/basic/label/props.d.ts

@@ -2,7 +2,7 @@ import { BaseProps, Prettify } from "@wavemaker-ai/react-runtime/higherOrder/pro
 /**
  * Valid HTML tags for the Label component.
  */
-export type ValidTagType = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p";
+export type ValidTagType = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "label";
 type TextTagType = "text:primary" | "text:secondary" | "text:tertiary" | "text:success" | "text:warning" | "text:danger" | "text:info" | "text:muted";
 type VariantType = "default:p" | "default:h1" | "default:h2" | "default:h3" | "default:h4" | "default:h5" | "default:h6";
 type LabelTagType = "label:primary" | "label:secondary" | "label:tertiary" | "label:success" | "label:warning" | "label:danger" | "label:info" | "label:muted";

package/components/basic/picture/index.d.ts

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

package/components/basic/picture/index.js

@@ -36,7 +36,7 @@ import { withBaseWrapper } from "../../../higherOrder/withBaseWrapper";
 import {
   WmSkeleton,
   SKELETON_REGISTRY,
-  shouldShowSkeleton
+  useShouldShowSkeleton
 } from "../../common/wm-skeleton";
 import { prefixPrefabResourceUrl } from "../../../utils/resource-url";
 import { removeInvalidAttributes } from "../../../utils/attr";
@@ -79,6 +79,7 @@ const WmPicture = memo(
     const [imgSource, setImgSource] = useState(sourceProp);
     const [imageWidth, setImageWidth] = useState(props.width || "auto");
     const [imageHeight, setImageHeight] = useState(props.height || "auto");
+    const showSkeleton = useShouldShowSkeleton(props.loading, props.showSkeleton);
     useEffect(() => {
       let source = sourceProp || "";
       if (props.encodeurl) {
@@ -123,7 +124,7 @@ const WmPicture = memo(
     const onMouseLeaveHandler = (event) => {
       onMouseLeave && onMouseLeave(event, props);
     };
-    if (shouldShowSkeleton(props.loading, props.showSkeleton))
+    if (showSkeleton)
       return /* @__PURE__ */ jsx(
         WmSkeleton,
         __spreadProps(__spreadValues({}, SKELETON_REGISTRY["WmPicture"]), {

package/components/basic/progress-bar/index.d.ts

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

package/components/basic/progress-circle/index.d.ts

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

package/components/basic/richtexteditor/index.d.ts

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

package/components/basic/search/index.d.ts

@@ -17,8 +17,11 @@ declare const WmSearchStandalone: React.ComponentType<import("../../data/form/fo
     datacompletemsg?: string;
     loadingdatamsg?: string;
     clearsearchiconclass?: string;
+    clearsearchiconurl?: string;
     backsearchiconclass?: string;
+    backsearchiconurl?: string;
     searchiconclass?: string;
+    searchiconurl?: string;
     navsearchbar?: boolean;
     shortcutkey?: string;
     id?: string;
@@ -66,6 +69,7 @@ declare const WmSearchStandalone: React.ComponentType<import("../../data/form/fo
     handleHeaderClick?: any;
     toggleAllHeaders?: any;
     isUpdateRequired?: boolean;
+    query?: string;
     ref?: React.RefObject<HTMLElement> | React.RefObject<null>;
     animation?: string;
     show?: boolean | string;
@@ -114,6 +118,7 @@ declare const WmSearchStandalone: React.ComponentType<import("../../data/form/fo
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 }, "ref"> & React.RefAttributes<any> & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmSearchStandalone as WmSearch };
 /**
@@ -178,5 +183,6 @@ declare const _default: React.NamedExoticComponent<import("../../data/form/form-
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 }>;
 export default _default;

package/components/basic/search/index.js

@@ -46,6 +46,7 @@ import CircularProgress from "@mui/material/CircularProgress";
 import DOMPurify from "dompurify";
 import { Box, Button } from "@mui/material";
 import withBaseWrapper from "../../../higherOrder/withBaseWrapper";
+import { WmAppIcon } from "../../common/WmAppIcon";
 import { transformDataset } from "../../../utils/transformedDataset-utils";
 import { DataProvider, LocalDataProvider } from "./providers";
 import withFormController from "../../data/form/form-controller/withFormController";
@@ -74,7 +75,7 @@ const Search = React.forwardRef((props, ref) => {
     displayfield,
     disabled = false,
     autofocus = false,
-    type = "search",
+    type: typeProp = "search",
     showsearchicon: showsearchicon = true,
     showbackbutton = false,
     imagewidth: imagewidth = "16px",
@@ -85,8 +86,11 @@ const Search = React.forwardRef((props, ref) => {
     datacompletemsg = "No more data to load",
     loadingdatamsg = "Loading items...",
     clearsearchiconclass = "wi wi-close",
+    clearsearchiconurl,
     backsearchiconclass = "wi wi-arrow-left",
+    backsearchiconurl,
     searchiconclass = "sl-search wm-sl-l",
+    searchiconurl,
     navsearchbar = false,
     className,
     shortcutkey,
@@ -122,7 +126,8 @@ const Search = React.forwardRef((props, ref) => {
     standalone = false,
     viewParent,
     destroy,
-    clearSearch
+    clearSearch,
+    query: queryProp = ""
   } = _a, restProps = __objRest(_a, [
     "showclear",
     "debouncetime",
@@ -155,8 +160,11 @@ const Search = React.forwardRef((props, ref) => {
     "datacompletemsg",
     "loadingdatamsg",
     "clearsearchiconclass",
+    "clearsearchiconurl",
     "backsearchiconclass",
+    "backsearchiconurl",
     "searchiconclass",
+    "searchiconurl",
     "navsearchbar",
     "className",
     "shortcutkey",
@@ -195,8 +203,10 @@ const Search = React.forwardRef((props, ref) => {
     "standalone",
     "viewParent",
     "destroy",
-    "clearSearch"
+    "clearSearch",
+    "query"
   ]);
+  const type = typeProp === "autocomplete" ? "autocomplete" : "search";
   const debouncedSearchRef = useRef(null);
   const debouncedSearchItemRef = useRef(null);
   const getDataSourceRef = useRef(
@@ -245,10 +255,26 @@ const Search = React.forwardRef((props, ref) => {
       props.dataPath
     ]
   );
+  const handleQueryChange = useCallback(
+    debounce((queryValue) => {
+      if (listener == null ? void 0 : listener.onChange) {
+        listener.onChange(name, {
+          query: queryValue
+        });
+      }
+    }, 100),
+    [name]
+  );
+  useEffect(() => {
+    const queryValue = queryProp != null ? queryProp : "";
+    setQuery(queryValue);
+    handleQueryChange(queryValue);
+  }, [queryProp]);
   useEffect(() => {
     var _a2;
     if (datavalue === void 0 || datavalue === null || datavalue === "") {
       setQuery("");
+      handleQueryChange("");
       setSelectedItem(null);
       setFormattedDataset([]);
       return;
@@ -260,6 +286,7 @@ const Search = React.forwardRef((props, ref) => {
         const item = (getDisplayExpression == null ? void 0 : getDisplayExpression(value2)) || value2[key];
         if (item) {
           setQuery(item);
+          handleQueryChange(item);
           handleUpdateDatavalue(value2);
         }
       }
@@ -268,12 +295,14 @@ const Search = React.forwardRef((props, ref) => {
       if (findItem) {
         let displayValue2 = (getDisplayExpression == null ? void 0 : getDisplayExpression(getSelectedItem(findItem))) || findItem.label;
         setQuery(displayValue2);
+        handleQueryChange(displayValue2);
         handleUpdateDatavalue(findItem);
       } else {
         (_a2 = debouncedSearchItemRef.current) == null ? void 0 : _a2.call(debouncedSearchItemRef, datavalue);
       }
     } else if (!isPlainObject(datavalue)) {
       setQuery(datavalue);
+      handleQueryChange(datavalue);
     }
   }, [datavalue]);
   const searchStyle = __spreadValues({
@@ -292,6 +321,7 @@ const Search = React.forwardRef((props, ref) => {
         if (findItem && Object.keys(findItem).length > 0) {
           let displayValue2 = (getDisplayExpression == null ? void 0 : getDisplayExpression(getSelectedItem(findItem))) || findItem[key];
           setQuery(displayValue2);
+          handleQueryChange(displayValue2);
         }
       }
     }, 200);
@@ -550,6 +580,7 @@ const Search = React.forwardRef((props, ref) => {
     }
     const queryValue = ((_a2 = event == null ? void 0 : event.target) == null ? void 0 : _a2.value) || "";
     setQuery(queryValue);
+    handleQueryChange(queryValue);
     if (onChange && (standalone || (listener == null ? void 0 : listener.Widgets) && name && name in listener.Widgets)) {
       onChange(
         event,
@@ -603,6 +634,7 @@ const Search = React.forwardRef((props, ref) => {
         }
         if (props.isSearchInChips) {
           setQuery("");
+          handleQueryChange("");
         }
       }
     } else if (event.key === "ArrowDown") {
@@ -632,6 +664,7 @@ const Search = React.forwardRef((props, ref) => {
   const handleClearSearch = (event) => {
     var _a2;
     setQuery("");
+    handleQueryChange("");
     setSelectedItem(null);
     if (onClear && (standalone || (listener == null ? void 0 : listener.Widgets) && name && name in listener.Widgets)) {
       onClear(
@@ -754,8 +787,10 @@ const Search = React.forwardRef((props, ref) => {
       const displayVal = (getDisplayExpression == null ? void 0 : getDisplayExpression(selectedItem2)) || item.displayValue || item.label;
       if (props.isSearchInChips) {
         setQuery("");
+        handleQueryChange("");
       } else {
         setQuery(displayVal);
+        handleQueryChange(displayVal);
       }
       setIsOpen(false);
       setMenuOpen(false);
@@ -776,7 +811,8 @@ const Search = React.forwardRef((props, ref) => {
         onSelect(
           new MouseEvent("click"),
           props,
-          selectedItem2
+          // Chips expects queryModel (DataSetItem), not the raw dataObject
+          props.isSearchInChips ? item : selectedItem2
         );
         props.onSubmit && !props.isSearchInChips && props.onSubmit(
           new MouseEvent("click"),
@@ -978,12 +1014,20 @@ const Search = React.forwardRef((props, ref) => {
     {
       type: "button",
       className: clsx("btn btn-icon form-control-feedback clear-btn", {
-        "show-btn": !!query
+        "show-btn": showclear && query !== ""
       }),
       "aria-label": "Clear",
       onClick: handleClearSearch,
       size: "small",
-      children: /* @__PURE__ */ jsx(Box, { component: "i", className: `app-icon ${clearsearchiconclass}` })
+      children: /* @__PURE__ */ jsx(
+        WmAppIcon,
+        {
+          iconclass: clearsearchiconclass,
+          iconurl: clearsearchiconurl,
+          prefabName: props.prefabName,
+          alt: "Clear"
+        }
+      )
     }
   );
   const renderSearchIcon = () => {
@@ -998,16 +1042,32 @@ const Search = React.forwardRef((props, ref) => {
           onClick: handleSearchClick,
           disabled,
           size: "small",
-          children: /* @__PURE__ */ jsx(Box, { component: "i", className: `app-icon ${searchiconclass}` })
+          children: /* @__PURE__ */ jsx(
+            WmAppIcon,
+            {
+              iconclass: searchiconclass,
+              iconurl: searchiconurl,
+              prefabName: props.prefabName,
+              alt: "Search"
+            }
+          )
         }
       );
     }
     return null;
   };
   const renderBackButton = () => {
-    if (showbackbutton && backsearchiconclass) {
+    if (showbackbutton && (backsearchiconclass || backsearchiconurl)) {
       return /* @__PURE__ */ jsxs(IconButton, { className: "back-btn", "aria-label": "Back", onClick: handleClearSearch, size: "small", children: [
-        /* @__PURE__ */ jsx(Box, { component: "span", className: `app-icon ${backsearchiconclass}` }),
+        /* @__PURE__ */ jsx(
+          WmAppIcon,
+          {
+            iconclass: backsearchiconclass,
+            iconurl: backsearchiconurl,
+            prefabName: props.prefabName,
+            alt: "Back"
+          }
+        ),
         /* @__PURE__ */ jsx(Box, { component: "span", className: "sr-only", children: "Back button" })
       ] });
     }

package/components/basic/search/props.d.ts

@@ -84,14 +84,17 @@ export interface SearchProps extends DatasetAwareFormComponentProps {
      * CSS class for the clear search icon.
      */
     clearsearchiconclass?: string;
+    clearsearchiconurl?: string;
     /**
      * CSS class for the back search icon.
      */
     backsearchiconclass?: string;
+    backsearchiconurl?: string;
     /**
      * CSS class for the search icon.
      */
     searchiconclass?: string;
+    searchiconurl?: string;
     /**
      * If true, the search bar will be integrated into the navigation bar.
      */
@@ -192,6 +195,7 @@ interface DatasetAwareFormComponentProps {
     handleHeaderClick?: any;
     toggleAllHeaders?: any;
     isUpdateRequired?: boolean;
+    query?: string;
 }
 export interface DataSetItem {
     key: any;

package/components/basic/spinner/index.d.ts

@@ -17,6 +17,7 @@ declare const _default: React.ComponentType<{
     type?: string;
     servicevariabletotrack?: string;
     iconclass?: string;
+    iconurl?: string;
     iconsize?: string;
     image?: string;
     imagewidth?: string;
@@ -72,5 +73,6 @@ declare const _default: React.ComponentType<{
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 }>;
 export default _default;