@wavemaker-ai/react-runtime 1.0.0-rc.332 → 1.0.0-rc.334

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

@@ -30,6 +30,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

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

@@ -29,6 +29,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

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

@@ -33,6 +33,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

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

@@ -25,6 +25,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

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

@@ -40,6 +40,7 @@ declare const _default: import("react").ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: import("react").CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/basic/anchor/index.js

@@ -107,7 +107,7 @@ const WmAnchor = (props) => {
   }, [onClick, path]);
   const processedHyperlink = useMemo(() => {
     if (!hyperlink) return "#";
-    let processedLink = hyperlink;
+    let processedLink = String(hyperlink);
     if (encodeurl === "true") {
       processedLink = encodeURIComponent(processedLink);
     }
@@ -118,7 +118,7 @@ const WmAnchor = (props) => {
   }, [hyperlink, encodeurl]);
   const doesHyperlinkMatchCurrentPath = useMemo(() => {
     if (!hyperlink) return false;
-    let processedLink = hyperlink;
+    let processedLink = String(hyperlink);
     if (processedLink.startsWith("www.")) {
       processedLink = `//${processedLink}`;
     }
@@ -200,9 +200,7 @@ const WmAnchor = (props) => {
       className: clsx(DEFAULT_CLASS, "wm-anchor-link", {
         [className || ""]: Boolean(className),
         active: isActive,
-        "wm-anchor-icon-left": iconposition === "left",
-        "wm-anchor-icon-top": iconposition === "top",
-        "wm-anchor-icon-right": iconposition === "right"
+        "wm-anchor-icon-top": iconposition === "top"
       }),
       onContextMenu: handleContextMenu,
       accessKey: shortcutkey,

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

@@ -30,6 +30,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

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

@@ -26,6 +26,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

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

@@ -27,6 +27,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

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

@@ -23,6 +23,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

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

@@ -29,6 +29,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

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

@@ -33,6 +33,7 @@ declare const _default: React.ComponentType<{
     padding?: string;
     margin?: string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

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

@@ -30,6 +30,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

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

@@ -35,6 +35,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

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

@@ -18,6 +18,7 @@ declare const WmRichTextEditorStandalone: React.ComponentType<import("../../data
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];
@@ -107,6 +108,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

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

@@ -32,6 +32,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

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

@@ -25,6 +25,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

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

@@ -40,6 +40,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

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

@@ -37,6 +37,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/chart/index.d.ts

@@ -90,6 +90,7 @@ declare const _default: React.ComponentType<{
     padding?: string;
     margin?: string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/container/accordion/accordion-pane/index.d.ts

@@ -40,6 +40,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/container/accordion/index.d.ts

@@ -35,6 +35,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/container/index.d.ts

@@ -1,5 +1,8 @@
 import React from "react";
 import { WmContainerProps } from "./props";
+export declare const WmContainerContext: React.Context<{
+    registerPartial: (partialName: string, widget: any) => void;
+}>;
 export declare const WmContainer: {
     (props: WmContainerProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
@@ -31,6 +34,7 @@ declare const _default: React.ComponentType<{
     layoutClassName?: string;
     layoutWidth?: string;
     layoutHeight?: string;
+    class?: string;
     standalone?: boolean;
     ref?: React.RefObject<HTMLElement> | React.RefObject<null>;
     animation?: string;

package/components/container/index.js

@@ -35,14 +35,17 @@ import {
   useRef,
   useMemo,
   useCallback,
-  useState
+  useState,
+  createContext
 } from "react";
 import { clsx } from "clsx";
 import { withBaseWrapper } from "../../higherOrder/withBaseWrapper";
 import { useLayoutSize } from "../../hooks/useLayoutSize";
 import { removeInvalidAttributes } from "../../utils/attr";
 import { normalizeBackgroundImage } from "../../utils/style-utils";
+import { publishPartialNamespaces, toHostWidgetProps } from "../../utils/partial-host-util";
 const DEFAULT_CLASS = "app-container";
+const WmContainerContext = createContext(void 0);
 const WmContainer = (props) => {
   var _c, _d, _e;
   const _a = props, { listener } = _a, restPartialProps = __objRest(_a, ["listener"]);
@@ -97,7 +100,8 @@ const WmContainer = (props) => {
     content,
     overflow,
     display,
-    layoutClassName
+    layoutClassName,
+    class: classOverride
   } = _b, rest = __objRest(_b, [
     "className",
     "styles",
@@ -149,7 +153,8 @@ const WmContainer = (props) => {
     "content",
     "overflow",
     "display",
-    "layoutClassName"
+    "layoutClassName",
+    "class"
   ]);
   const isLoaded = useRef(false);
   const widget_instance = (_c = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _c[name];
@@ -157,6 +162,7 @@ const WmContainer = (props) => {
   const [partialHostKey, setPartialHostKey] = useState(void 0);
   const hostWidgetState = partialHostKey ? (_d = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _d[partialHostKey] : void 0;
   const hostShouldHide = ((_e = hostWidgetState == null ? void 0 : hostWidgetState.show) == null ? void 0 : _e.toString()) === "false";
+  const registeredPartialRef = useRef(false);
   const containerStyles = useMemo(() => {
     if (!(styles == null ? void 0 : styles.backgroundImage)) {
       return styles;
@@ -206,7 +212,15 @@ const WmContainer = (props) => {
   const handleOnLoad = useCallback(
     (widget, partialName) => {
       if (viewParent && viewParent.Widgets && !isLoaded.current) {
-        viewParent.Widgets[props.name || partialName] = widget || props;
+        const hostKey = props.name || partialName;
+        if (!widget || prefab) {
+          viewParent.Widgets[hostKey] = widget || props;
+        } else {
+          if (!props.name) {
+            viewParent.Widgets[hostKey] = toHostWidgetProps(props);
+          }
+          publishPartialNamespaces(viewParent.Widgets[hostKey], widget);
+        }
         isLoaded.current = true;
         onLoad == null ? void 0 : onLoad(widget || props);
         if (!props.name && partialName) {
@@ -214,20 +228,29 @@ const WmContainer = (props) => {
         }
       }
     },
-    [onLoad, props.name]
+    [onLoad, props.name, prefab]
   );
   useEffect(() => {
     if (!content && onLoad && !isLoaded.current) {
       handleOnLoad(widget_instance || props);
     }
   }, []);
-  const classNames = (className == null ? void 0 : className.split(" ")) || [];
-  return /* @__PURE__ */ jsx(
+  const classNames = classOverride || (className == null ? void 0 : className.split(" ")) || [];
+  const handleRegisterPartial = useCallback(
+    (partialName, widget) => {
+      if (viewParent && viewParent.Widgets && !registeredPartialRef.current) {
+        viewParent.Widgets[partialName] = widget || props;
+        registeredPartialRef.current = true;
+      }
+    },
+    [viewParent]
+  );
+  return /* @__PURE__ */ jsx(WmContainerContext.Provider, { value: { registerPartial: handleRegisterPartial }, children: /* @__PURE__ */ jsx(
     "div",
     __spreadProps(__spreadValues(__spreadProps(__spreadValues(__spreadValues(__spreadValues({
       className: clsx(
         {
-          [className || ""]: Boolean(className),
+          [classOverride || className || ""]: Boolean(className),
           [DEFAULT_CLASS]: !["form-elements", "dynamic-form-container"].some(
             (cls) => classNames == null ? void 0 : classNames.includes(cls)
           )
@@ -243,11 +266,12 @@ const WmContainer = (props) => {
     }), direction ? { direction } : {}), {
       children: renderPartial ? renderPartial(restPartialProps, handleOnLoad) : children
     })
-  );
+  ) });
 };
 WmContainer.displayName = "WmContainer";
 var container_default = withBaseWrapper(WmContainer);
 export {
   WmContainer,
+  WmContainerContext,
   container_default as default
 };

package/components/container/layout-grid/grid-column/index.d.ts

@@ -26,6 +26,7 @@ declare const _default: import("react").ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: import("react").CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/container/layout-grid/grid-row/index.d.ts

@@ -22,6 +22,7 @@ declare const _default: import("react").ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: import("react").CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/container/layout-grid/index.d.ts

@@ -24,6 +24,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/container/layout-grid/index.js

@@ -41,7 +41,7 @@ const WmLayoutgrid = (props) => {
     Container,
     __spreadProps(__spreadValues({
       style: styles,
-      className: clsx(DEFAULT_CLASS, "wm-layout-grid-root", className)
+      className: clsx(DEFAULT_CLASS, className)
     }, removeInvalidAttributes(restProps)), {
       maxWidth: false,
       children

package/components/container/linear-layout/index.d.ts

@@ -23,6 +23,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/container/linear-layout/linear-layout-item/index.d.ts

@@ -20,6 +20,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/container/panel/index.d.ts

@@ -74,6 +74,7 @@ declare const _default: React.ComponentType<{
     margin?: string;
     width?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/container/props.d.ts

@@ -64,6 +64,7 @@ export interface ContainerPropsBase {
     layoutClassName?: string;
     layoutWidth?: string;
     layoutHeight?: string;
+    class?: string;
 }
 /**
  * Combined props for the WmContainer component, including base WaveMaker props.

package/components/container/repeat-template/index.d.ts

@@ -18,6 +18,7 @@ declare const _default: import("react").ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: import("react").CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/container/repeat-template/index.js

@@ -41,7 +41,7 @@ const WmRepeatTemplate = memo(
       "div",
       __spreadProps(__spreadValues({
         className: "app-repeat-item",
-        hidden: !show
+        hidden: show === false || show === "false"
       }, removeInvalidAttributes(restProps)), {
         children
       })

package/components/container/tabs/index.d.ts

@@ -43,6 +43,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/container/tabs/index.js

@@ -165,7 +165,7 @@ const WmTabs = memo(
           return newSet;
         });
       }
-    }, [selectedIndex, type, dataset]);
+    }, [selectedIndex, type, dataset, dataset == null ? void 0 : dataset.length]);
     const changeTab = (newIndex) => {
       if (newIndex >= 0 && newIndex < panesCount.current && newIndex !== currentSelectedIndex.current) {
         prevSelectedIndex.current = currentSelectedIndex.current;
@@ -304,7 +304,7 @@ const WmTabs = memo(
           item.onHeaderclick(e, Widgets == null ? void 0 : Widgets[name], index);
         }
       },
-      [Widgets, name]
+      [name]
     );
     const renderTabHeader = React.useCallback(
       (item, index) => /* @__PURE__ */ createElement(
@@ -370,7 +370,7 @@ const WmTabs = memo(
       const headers = [];
       let tabIndex = 0;
       const addTabHeader = (itemProps) => {
-        const paneName = itemProps == null ? void 0 : itemProps.name;
+        const paneName = itemProps["item-id"] || itemProps.name;
         const latestWidgetState = paneName ? (Widgets == null ? void 0 : Widgets[paneName]) || {} : {};
         const headerOverrides = paneName ? paneHeaderOverrides[paneName] || {} : {};
         const resolvedItemProps = __spreadValues(__spreadValues(__spreadValues({}, itemProps), latestWidgetState), headerOverrides);
@@ -395,7 +395,7 @@ const WmTabs = memo(
       });
       panesCount.current = tabIndex;
       return headers;
-    }, [dataset, render, renderTabHeader, Widgets, paneHeaderOverrides]);
+    }, [dataset, paneHeaderOverrides]);
     const renderStaticTabs = React.useCallback(() => {
       const visibleChildren = filterVisibleChildren(children, hiddenTabNames);
       panesCount.current = visibleChildren.length;
@@ -468,7 +468,10 @@ const WmTabs = memo(
           setSelectedIndex(newIndex);
           saveStateToStorage(newIndex);
           updateListener(newIndex);
-          onChange == null ? void 0 : onChange(null, getLatestTabsWidget(newIndex), newIndex, oldIndex);
+          setTimeout(
+            () => onChange == null ? void 0 : onChange(null, getLatestTabsWidget(newIndex), newIndex, oldIndex),
+            0
+          );
         },
         orientation,
         className: clsx("app-tabs clearfix", className, {
@@ -542,7 +545,6 @@ const WmTabs = memo(
       "transition",
       "type",
       "iconposition",
-      "render",
       "selectedindex",
       "children",
       "loading",

package/components/container/tabs/tab-pane/index.d.ts

@@ -49,6 +49,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/container/tabs/tab-pane/index.js

@@ -47,7 +47,7 @@ const WmTabpane = (props) => {
       listener.onChange(tabsContainerName, { activeTab: widgetInstance });
     }
     if (isActive) {
-      if (!loadedRef.current) {
+      if (!loadedRef.current && !renderPartial) {
         (_c = props == null ? void 0 : props.onLoad) == null ? void 0 : _c.call(props, null, widgetInstance);
         loadedRef.current = true;
       }
@@ -95,7 +95,7 @@ const WmTabpane = (props) => {
       return;
     }
     updatePaneHeader(name, headerProps);
-  }, [name, headerProps, updatePaneHeader]);
+  }, [name, updatePaneHeader]);
   return /* @__PURE__ */ jsx(
     Tabs.Panel,
     __spreadProps(__spreadValues(__spreadValues({

package/components/container/wizard/index.d.ts

@@ -38,6 +38,7 @@ declare const WmWizardStandalone: React.ComponentType<{
     padding?: string;
     margin?: string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];
@@ -130,6 +131,7 @@ declare const _default: React.ComponentType<{
     padding?: string;
     margin?: string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];