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

package/actions/navigation-action.d.ts

@@ -31,5 +31,6 @@ export declare class NavigationAction extends BaseAction<NavigationActionConfig>
      * When true, we skip router.push.
      */
     private isSamePageAsCurrent;
+    private notifyAccessDenied;
     private handleGotoPage;
 }

package/actions/navigation-action.js

@@ -20,6 +20,7 @@ import { merge } from "lodash-es";
 import { getRouterInstance } from "../store/middleware/navigationMiddleware";
 import { PREVIEW_ROUTING_BASEPATH, getActiveRoutingBasePath } from "../core/constants";
 import { store } from "../store";
+import { checkAccess } from "../store/slices/authSlice";
 import {
   setPendingAccordionExpansion,
   setPendingTabSelection
@@ -57,19 +58,19 @@ class NavigationAction extends BaseAction {
     }
     params = (params == null ? void 0 : params.data) ? merge(this.config.paramProvider(), this.dataBinding, params == null ? void 0 : params.data) : merge(this.config.paramProvider(), this.dataBinding, this.dataSet);
     this.notify(VariableEvents.BEFORE_INVOKE, [this, this.dataSet]);
-    return super.invoke(params, onSuccess, onError).then(() => {
+    return super.invoke(params, onSuccess, onError).then(async () => {
       switch (config.operation) {
         case "goToPreviousPage":
           this.handleGoToPreviousPage();
           break;
         case "gotoTab":
-          this.handleGotoTab(params || {});
+          await this.handleGotoTab(params || {});
           break;
         case "gotoAccordion":
-          this.handleGotoAccordion(params || {});
+          await this.handleGotoAccordion(params || {});
           break;
         case "gotoPage":
-          this.handleGotoPage(params || {});
+          await this.handleGotoPage(params || {});
       }
     }).then(
       () => {
@@ -108,7 +109,7 @@ class NavigationAction extends BaseAction {
       }
     }
   }
-  handleGotoTab(params) {
+  async handleGotoTab(params) {
     const tabName = params == null ? void 0 : params.tabName;
     const pageName = params == null ? void 0 : params.pageName;
     if (!tabName) {
@@ -122,7 +123,7 @@ class NavigationAction extends BaseAction {
     }
     if (pageName) {
       store.dispatch(setPendingTabSelection(tabName));
-      this.handleGotoPage(params);
+      await this.handleGotoPage(params);
       return;
     }
     console.warn(
@@ -137,7 +138,7 @@ class NavigationAction extends BaseAction {
     }
     return null;
   }
-  handleGotoAccordion(params) {
+  async handleGotoAccordion(params) {
     var _a, _b, _c, _d;
     const accordionName = params == null ? void 0 : params.accordionName;
     const pageName = params == null ? void 0 : params.pageName;
@@ -145,7 +146,7 @@ class NavigationAction extends BaseAction {
       (_d = (_c = this.config._context) == null ? void 0 : _c.Widgets[accordionName]) == null ? void 0 : _d.expand();
     } else if (pageName && accordionName) {
       store.dispatch(setPendingAccordionExpansion(accordionName));
-      this.handleGotoPage(params);
+      await this.handleGotoPage(params);
     } else {
       console.warn(`Unable to expand accordion: ${accordionName}`);
     }
@@ -253,10 +254,34 @@ class NavigationAction extends BaseAction {
     }
     return true;
   }
-  handleGotoPage(params) {
+  notifyAccessDenied() {
+    var _a, _b, _c, _d;
+    const state = store.getState();
+    const isAuthenticated = (_b = (_a = state.auth) == null ? void 0 : _a.loggedInUser) == null ? void 0 : _b.isAuthenticated;
+    if (!isAuthenticated) {
+      return;
+    }
+    const context = this.config._context;
+    const message = ((_d = (_c = context == null ? void 0 : context.appLocale) == null ? void 0 : _c.LABELS) == null ? void 0 : _d.ACCESS_DENIED) || "Access Denied";
+    const notifyApp = context == null ? void 0 : context.notifyApp;
+    notifyApp == null ? void 0 : notifyApp(message, "Error");
+  }
+  async handleGotoPage(params) {
     const router = getRouterInstance();
     const pageName = params == null ? void 0 : params.pageName;
     if (pageName) {
+      try {
+        const hasAccess = await store.dispatch(checkAccess({ name: pageName, type: "PAGE" })).unwrap();
+        if (!hasAccess) {
+          clearPageNavigationPending();
+          this.notifyAccessDenied();
+          return;
+        }
+      } catch (e) {
+        clearPageNavigationPending();
+        this.notifyAccessDenied();
+        return;
+      }
       const currentPageInfo = this.getCurrentPageInfo();
       if (currentPageInfo) {
         this.rememberPageQueryParams(currentPageInfo.pageName, currentPageInfo.queryParams);

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

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

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

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

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

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

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

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

package/components/auth/RoleAuthGuard.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+type RoleAuthGuardProps = {
+    children: React.ReactNode;
+};
+export default function RoleAuthGuard({ children }: RoleAuthGuardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/components/auth/RoleAuthGuard.js

@@ -0,0 +1,66 @@
+"use client";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { usePathname } from "next/navigation";
+import { useAppSelector } from "../../store";
+import { useAuth } from "../../hooks/useAuth";
+import { getActiveRoutingBasePath } from "../../core/constants";
+import { useAppContext } from "../../context/AppContext";
+function getPageNameFromPathname(pathname) {
+  const segments = pathname.split("/").filter(Boolean);
+  const routingBase = getActiveRoutingBasePath();
+  const baseIndex = segments.indexOf(routingBase);
+  if (baseIndex >= 0) {
+    return segments[baseIndex + 1] || "Main";
+  }
+  return segments[segments.length - 1] || "Main";
+}
+function RoleAuthGuard({ children }) {
+  const pathname = usePathname();
+  const { loggedInUser } = useAuth();
+  const isSecurityEnabled = useAppSelector(
+    (state) => {
+      var _a;
+      return (_a = state.auth.securityConfig) == null ? void 0 : _a.isSecurityEnabled;
+    }
+  );
+  const pages = useAppSelector((state) => {
+    var _a, _b;
+    return ((_b = (_a = state.info) == null ? void 0 : _a.appConfig) == null ? void 0 : _b.pages) || [];
+  });
+  const i18n = useAppSelector((state) => state.i18n);
+  const appContext = useAppContext();
+  const [hasAccess, setHasAccess] = useState(false);
+  useEffect(() => {
+    var _a, _b, _c;
+    if (isSecurityEnabled === void 0) {
+      setHasAccess(true);
+      return;
+    }
+    if (!isSecurityEnabled) {
+      setHasAccess(true);
+      return;
+    }
+    const pageName = getPageNameFromPathname(pathname || "");
+    const userRoles = (loggedInUser == null ? void 0 : loggedInUser.roles) || [];
+    const allowedRoles = ((_a = pages.find((page) => page.name === pageName)) == null ? void 0 : _a.allowedRoles) || [];
+    if (allowedRoles.length === 0) {
+      setHasAccess(true);
+      return;
+    }
+    const pageAccess = userRoles.some((role) => allowedRoles.includes(role));
+    if (!pageAccess) {
+      appContext.notifyApp(((_c = (_b = i18n == null ? void 0 : i18n.appLocale) == null ? void 0 : _b.LABELS) == null ? void 0 : _c.ACCESS_DENIED) || "Access Denied", "Error");
+      setHasAccess(false);
+      return;
+    }
+    setHasAccess(true);
+  }, [pathname, pages, isSecurityEnabled, loggedInUser == null ? void 0 : loggedInUser.roles, appContext.notifyApp]);
+  if (!hasAccess) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+export {
+  RoleAuthGuard as default
+};

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

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

package/components/basic/anchor/index.js

@@ -227,7 +227,7 @@ const WmAnchor = (props) => {
         ),
         iconclass && /* @__PURE__ */ jsx("i", { className: clsx("app-icon", "wm-anchor-icon-media", iconclass), "aria-hidden": "true" }),
         caption && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Box, { component: "span", className: "sr-only", children: `${caption} ${(_b = listener == null ? void 0 : listener.appLocale) == null ? void 0 : _b.LABEL_ICON}` }),
+          iconclass && /* @__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

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

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

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

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

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

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

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

package/components/basic/label/index.js

@@ -36,6 +36,11 @@ import DOMPurify from "dompurify";
 import Box from "@mui/material/Box";
 import { withBaseWrapper } from "../../../higherOrder/withBaseWrapper";
 import { removeInvalidAttributes } from "../../../utils/attr";
+import {
+  WmSkeleton,
+  SKELETON_REGISTRY,
+  shouldShowSkeleton
+} from "../../common/wm-skeleton";
 const DEFAULT_CLASS = "app-label";
 const containsHTML = (text) => {
   return /<[^>]*>/g.test(text);
@@ -71,7 +76,9 @@ const WmLabel = memo(
       onClick,
       listener,
       variant = "default:p",
-      viewParent
+      viewParent,
+      loading,
+      showSkeleton
     } = _a, rest = __objRest(_a, [
       "required",
       "trustAs",
@@ -85,8 +92,13 @@ const WmLabel = memo(
       "onClick",
       "listener",
       "variant",
-      "viewParent"
+      "viewParent",
+      "loading",
+      "showSkeleton"
     ]);
+    if (shouldShowSkeleton(loading, showSkeleton)) {
+      return /* @__PURE__ */ jsx(WmSkeleton, __spreadProps(__spreadValues({}, SKELETON_REGISTRY["WmLabel"]), { className, styles }));
+    }
     const hasCaptionProp = Object.prototype.hasOwnProperty.call(props, "caption");
     const safeCaption = hasCaptionProp ? caption : "Label";
     const captionString = (_c = typeof safeCaption === "string" ? safeCaption : (_b = JSON.stringify(safeCaption)) != null ? _b : "") == null ? void 0 : _c.replace(/&nbsp;|undefined|null/gi, " ");
@@ -154,7 +166,9 @@ const WmLabel = memo(
       "styles",
       "className",
       "hint",
-      "hidden"
+      "hidden",
+      "loading",
+      "showSkeleton"
     ];
     return keys.every((key) => prev[key] === current[key]);
   }

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

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

package/components/basic/picture/index.js

@@ -33,6 +33,11 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { memo, useEffect, useState } from "react";
 import clsx from "clsx";
 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 = "app-picture";
@@ -118,6 +123,14 @@ const WmPicture = memo(
     const onMouseLeaveHandler = (event) => {
       onMouseLeave && onMouseLeave(event, props);
     };
+    if (shouldShowSkeleton(props.loading, props.showSkeleton))
+      return /* @__PURE__ */ jsx(
+        WmSkeleton,
+        __spreadProps(__spreadValues({}, SKELETON_REGISTRY["WmPicture"]), {
+          className: props.className,
+          styles: props.styles
+        })
+      );
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         "img",
@@ -148,7 +161,13 @@ const WmPicture = memo(
     ] });
   },
   (prev, current) => {
-    const keysToCompare = ["picturesource", "imgSource", "show"];
+    const keysToCompare = [
+      "picturesource",
+      "imgSource",
+      "show",
+      "loading",
+      "showSkeleton"
+    ];
     return keysToCompare.every((key) => prev[key] === current[key]);
   }
 );

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

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

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

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

package/components/basic/progress-circle/index.js

@@ -65,11 +65,12 @@ const WmProgressCircle = (props) => {
     };
   }, [datavalue, minvalue, maxvalue, type, displayformat, props.strokeWidth, props.radius]);
   useEffect(() => {
+    var _a;
     if (listener && name) {
       listener.onChange(name, {
         percentagevalue: percentageValue
       });
-      onBeforerender == null ? void 0 : onBeforerender(listener, listener == null ? void 0 : listener.Widgets[name]);
+      onBeforerender == null ? void 0 : onBeforerender(listener, (_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name]);
     }
   }, [percentageValue]);
   useEffect(() => {

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

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

package/components/basic/richtexteditor/index.js

@@ -50,6 +50,7 @@ const EditorPlaceholder = ({
   }
 );
 const WmRichTextEditorBase = (props) => {
+  var _a;
   const {
     name,
     className,
@@ -88,7 +89,7 @@ const WmRichTextEditorBase = (props) => {
   const lastValueRef = useRef(actualValue || "");
   const isMountedRef = useRef(true);
   const internalValueRef = useRef(actualValue || "");
-  const widgetInstance = listener == null ? void 0 : listener.Widgets[name || ""];
+  const widgetInstance = (_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name || ""];
   const editorOptions = useMemo(
     () => ({
       toolbar: true,
@@ -165,7 +166,7 @@ const WmRichTextEditorBase = (props) => {
   }, []);
   const handleEditorChange = useCallback(
     (newContent, isFromUser = true) => {
-      var _a, _b;
+      var _a2, _b;
       if (!isMountedRef.current || isInternalChange) {
         return;
       }
@@ -184,7 +185,7 @@ const WmRichTextEditorBase = (props) => {
             value: sanitizedContent,
             name
           },
-          currentTarget: (_b = (_a = editorRef.current) == null ? void 0 : _a.editor) == null ? void 0 : _b.workplace
+          currentTarget: (_b = (_a2 = editorRef.current) == null ? void 0 : _a2.editor) == null ? void 0 : _b.workplace
         };
         onChange(syntheticEvent, widgetInstance, newContent, sanitizedContent);
       }
@@ -204,8 +205,8 @@ const WmRichTextEditorBase = (props) => {
   );
   const performEditorOperation = useCallback(
     (operation, value) => {
-      var _a;
-      if (!isEditorLoaded || !((_a = editorRef.current) == null ? void 0 : _a.editor)) {
+      var _a2;
+      if (!isEditorLoaded || !((_a2 = editorRef.current) == null ? void 0 : _a2.editor)) {
         setOperationStack((prev) => [...prev, { type: operation, value }]);
         return;
       }
@@ -270,13 +271,13 @@ const WmRichTextEditorBase = (props) => {
     [isEditorLoaded, sanitizeHtml]
   );
   useEffect(() => {
-    var _a, _b;
+    var _a2, _b;
     if (onBeforerender) {
       const syntheticEvent = {
         target: {
           value: ""
         },
-        currentTarget: (_b = (_a = editorRef.current) == null ? void 0 : _a.editor) == null ? void 0 : _b.workplace
+        currentTarget: (_b = (_a2 = editorRef.current) == null ? void 0 : _a2.editor) == null ? void 0 : _b.workplace
       };
       onBeforerender(syntheticEvent, widgetInstance);
     }
@@ -284,7 +285,7 @@ const WmRichTextEditorBase = (props) => {
   const debouncedHandleOnChange = useMemo(
     () => lodash.debounce(
       (newContent) => {
-        var _a, _b;
+        var _a2, _b;
         const sanitizedContent = sanitizeHtml(newContent);
         const tempDiv = document.createElement("div");
         tempDiv.innerHTML = newContent;
@@ -302,7 +303,7 @@ const WmRichTextEditorBase = (props) => {
                 value: new_text_content,
                 name
               },
-              currentTarget: (_b = (_a = editorRef.current) == null ? void 0 : _a.editor) == null ? void 0 : _b.workplace
+              currentTarget: (_b = (_a2 = editorRef.current) == null ? void 0 : _a2.editor) == null ? void 0 : _b.workplace
             };
             onChange(syntheticEvent, widgetInstance, new_text_content, old_text_context);
           }
@@ -325,9 +326,9 @@ const WmRichTextEditorBase = (props) => {
     };
   }, [debouncedHandleOnChange]);
   const handleEditorInit = useCallback(() => {
-    var _a;
+    var _a2;
     setIsEditorLoaded(true);
-    if ((_a = editorRef.current) == null ? void 0 : _a.editor) {
+    if ((_a2 = editorRef.current) == null ? void 0 : _a2.editor) {
       if (content !== void 0 && content !== null) {
         editorRef.current.editor.value = content == null ? void 0 : content.toString();
       }
@@ -483,8 +484,8 @@ const WmRichTextEditorBase = (props) => {
     }
   }, [datavalue]);
   useEffect(() => {
-    var _a;
-    if (((_a = editorRef.current) == null ? void 0 : _a.editor) && isEditorLoaded) {
+    var _a2;
+    if (((_a2 = editorRef.current) == null ? void 0 : _a2.editor) && isEditorLoaded) {
       if (readonly || disabled) {
         performEditorOperation("disable");
       } else {
@@ -505,9 +506,9 @@ const WmRichTextEditorBase = (props) => {
   useEffect(() => {
     isMountedRef.current = true;
     return () => {
-      var _a, _b, _c;
+      var _a2, _b, _c;
       isMountedRef.current = false;
-      if ((_a = editorRef.current) == null ? void 0 : _a.editor) {
+      if ((_a2 = editorRef.current) == null ? void 0 : _a2.editor) {
         try {
           (_c = (_b = editorRef == null ? void 0 : editorRef.current) == null ? void 0 : _b.editor) == null ? void 0 : _c.destruct();
         } catch (error) {

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

@@ -112,6 +112,8 @@ declare const WmSearchStandalone: React.ComponentType<import("../../data/form/fo
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }, "ref"> & React.RefAttributes<any> & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmSearchStandalone as WmSearch };
 /**
@@ -174,5 +176,7 @@ declare const _default: React.NamedExoticComponent<import("../../data/form/form-
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

package/components/basic/search/index.js

@@ -1075,7 +1075,8 @@ const Search = React.forwardRef((props, ref) => {
         "groupedData",
         "handleHeaderClick",
         "toggleAllHeaders",
-        "isDestroyed"
+        "isDestroyed",
+        "setTemplate"
       ];
       if (!invalidProps.includes(key)) {
         acc[key] = value2;

package/components/basic/search/providers.js

@@ -196,7 +196,7 @@ class DataProvider {
   init(component) {
     var _a, _b, _c;
     let datasource = component == null ? void 0 : component.datasource;
-    if (datasource) {
+    if (datasource && datasource.execute) {
       return datasource.execute(DataSource.Operation.IS_PAGEABLE) || ((_c = (_b = (_a = datasource == null ? void 0 : datasource.serviceInfo) == null ? void 0 : _a.parameters) == null ? void 0 : _b.length) != null ? _c : 0) > 0;
     }
     return false;
@@ -224,7 +224,7 @@ class DataProvider {
       }
       return new Promise(async (resolve, reject) => {
         try {
-          const result = await dataSource.execute(DataSource.Operation.SEARCH_RECORDS, component);
+          const result = await (dataSource == null ? void 0 : dataSource.execute(DataSource.Operation.SEARCH_RECORDS, component));
           resolve((result == null ? void 0 : result.data) || []);
         } catch (err) {
           resolve([]);

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

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

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

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

package/components/basic/tree/Components/TreeNodeComponent.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { TreeNodeComponentProps } from "../props";
-declare const TreeNodeComponent: React.MemoExoticComponent<({ node, treeicons, isCheckboxTree, isRadioTree, selectedItem, handleNodeClick, toggleNodeExpansion, toggleNodeChecked, handleRadioSelect, depth, treeName, template, listener, }: TreeNodeComponentProps) => import("react/jsx-runtime").JSX.Element>;
+declare const TreeNodeComponent: React.MemoExoticComponent<({ node, treeicons, isCheckboxTree, isRadioTree, selectedItem, handleNodeClick, toggleNodeExpansion, toggleNodeChecked, handleRadioSelect, depth, treeName, template, listener, urlExpansionOverlay, urlSelectedId, }: TreeNodeComponentProps) => import("react/jsx-runtime").JSX.Element>;
 export default TreeNodeComponent;