@wavemaker-ai/react-runtime 1.0.0-next.27766

package/components/page/error-boundary/index.js

@@ -0,0 +1,129 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { WmButton } from "../../form/button";
+import { WmLabel } from "../../basic/label";
+import { WmIcon } from "../../basic/icon";
+import { WmPicture } from "../../basic/picture";
+import { WmContainer } from "../../container";
+import { store } from "../../../store";
+import { getRouterInstance } from "../../../store/middleware/navigationMiddleware";
+const ErrorFallback = ({
+  error,
+  title = "Something went wrong.",
+  subtitle = "Please try again.",
+  imageSource = "/error-fallback.svg"
+}) => {
+  var _a, _b, _c, _d;
+  const homePage = (_d = (_c = (_b = (_a = store.getState()) == null ? void 0 : _a.info) == null ? void 0 : _b.appConfig) == null ? void 0 : _c.appProperties) == null ? void 0 : _d.homePage;
+  const handleGoHome = () => {
+    const router = getRouterInstance();
+    if (router && homePage) {
+      router.push(homePage);
+    } else {
+      window.location.href = window.location.origin;
+    }
+  };
+  const handleGoBack = () => {
+    const router = getRouterInstance();
+    if (router && window.history.length > 1) {
+      router.back();
+    } else {
+      window.location.href = window.location.origin;
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "error-container", children: [
+    /* @__PURE__ */ jsxs("div", { className: "error-info-container", children: [
+      /* @__PURE__ */ jsx(WmContainer, { name: "error-container", listener: {}, className: "error-image-container", children: /* @__PURE__ */ jsx(
+        WmPicture,
+        {
+          picturesource: imageSource || "/error-fallback.svg",
+          resizemode: "contain",
+          name: "error-picture",
+          listener: {},
+          className: "error-fallback-image",
+          width: "120px",
+          height: "120px",
+          alttext: "Error illustration"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        WmLabel,
+        {
+          caption: title || "Something went wrong.",
+          className: "error-fallback-title",
+          type: "h2",
+          name: "error-title",
+          listener: {}
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        WmLabel,
+        {
+          caption: subtitle || "Please try again.",
+          className: "error-fallback-subtitle",
+          name: "error-subtitle",
+          listener: {}
+        }
+      ),
+      error && /* @__PURE__ */ jsxs("div", { className: "error-card", children: [
+        /* @__PURE__ */ jsxs("div", { className: "error-card-row", children: [
+          /* @__PURE__ */ jsx(
+            WmIcon,
+            {
+              id: "error-icon",
+              iconclass: "wi wi-error",
+              className: "error-fallback-erroricon",
+              iconsize: "20px",
+              name: "error-icon",
+              listener: {}
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            WmLabel,
+            {
+              caption: "Error",
+              className: "error-fallback-error-label",
+              name: "error-label",
+              listener: {}
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          WmLabel,
+          {
+            caption: (error == null ? void 0 : error.message) || "An unexpected error occurred",
+            className: "error-fallback-error-message",
+            name: "error-message",
+            listener: {}
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "error-button-container", children: [
+      /* @__PURE__ */ jsx(
+        WmButton,
+        {
+          caption: "Go to Home",
+          onClick: handleGoHome,
+          className: "btn btn-primary",
+          name: "go-to-home",
+          listener: {}
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        WmButton,
+        {
+          caption: "Go Back",
+          onClick: handleGoBack,
+          className: "btn-secondary",
+          name: "go-back",
+          listener: {}
+        }
+      )
+    ] })
+  ] });
+};
+var error_boundary_default = ErrorFallback;
+export {
+  error_boundary_default as default
+};

package/components/page/error-boundary/props.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Error object passed to the error fallback.
+ */
+export interface ErrorFallbackError {
+    message: string;
+    stack?: string;
+}
+/**
+ * Error info object with component stack.
+ */
+export interface ErrorFallbackErrorInfo {
+    componentStack?: string;
+}
+/**
+ * Props for the ErrorFallback component.
+ */
+export interface ErrorFallbackProps {
+    /** The error that was caught. */
+    error?: ErrorFallbackError;
+    /** Additional error info including component stack. */
+    errorInfo?: ErrorFallbackErrorInfo;
+    /** Title displayed in the fallback UI. */
+    title?: string;
+    /** Subtitle/description displayed in the fallback UI. */
+    subtitle?: string;
+    /** Image source for the error illustration. */
+    imageSource?: string;
+    /** Callback when error is displayed (for logging/analytics). */
+    onError?: (error: ErrorFallbackError, errorInfo: ErrorFallbackErrorInfo) => void;
+}

package/components/page/index.d.ts

@@ -0,0 +1,15 @@
+import { WmPageProps } from "./props";
+declare function WmPage(props: WmPageProps): import("react/jsx-runtime").JSX.Element;
+declare namespace WmPage {
+    var displayName: string;
+}
+/**
+ * The WmPage component is the root container for a WaveMaker page layout.
+ *
+ * - [Playground](https://react-components.wavemaker.ai/?path=/story/page--showcase)
+ *
+ * - [Docs](https://react-components.wavemaker.ai/?path=/story/page--docs#tab-overview)
+ *
+ * @param props - {@link WmPageProps}
+ */
+export default WmPage;

package/components/page/index.js

@@ -0,0 +1,149 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState, useMemo } from "react";
+import clsx from "clsx";
+import Container from "@mui/material/Container";
+import React from "react";
+import { removeInvalidAttributes } from "../../utils/attr";
+import { PageLayoutContext } from "./page-context";
+import { getCurrentPath } from "../../core/util/utils";
+const getDefaultClass = (pageName) => clsx("app-page", "container");
+function WmPage(props) {
+  const pathname = getCurrentPath();
+  const pageName = pathname.split("/").pop();
+  const propsRef = useRef(props);
+  propsRef.current = props;
+  const [windowSize, setWindowSize] = useState(() => ({
+    width: window.innerWidth,
+    height: window.innerHeight
+  }));
+  const [hasFullNavHeight, setHasFullNavHeight] = useState(false);
+  const [leftPanelPageClasses, setLeftPanelPageClasses] = useState();
+  const handleNavHeightChange = useCallback((isFull) => {
+    setHasFullNavHeight(isFull);
+  }, []);
+  const handleLeftPanelPageClassesChange = useCallback((pageClasses) => {
+    setLeftPanelPageClasses(pageClasses);
+  }, []);
+  const handleResize = useCallback(() => {
+    const newSize = {
+      width: window.innerWidth,
+      height: window.innerHeight
+    };
+    setWindowSize((prevSize) => {
+      if (prevSize.width !== newSize.width || prevSize.height !== newSize.height) {
+        const currentProps = propsRef.current;
+        if (currentProps.OnResize) {
+          currentProps.OnResize({ type: "resize", target: window }, currentProps, newSize);
+        }
+        return newSize;
+      }
+      return prevSize;
+    });
+  }, []);
+  const handleOrientationChange = useCallback((event) => {
+    const currentProps = propsRef.current;
+    if (currentProps.OnOrientationChange) {
+      currentProps.OnOrientationChange(event, currentProps);
+    }
+  }, []);
+  useEffect(() => {
+    if (props.OnAttach) {
+      props.OnAttach({ type: "attach", target: window }, props);
+    }
+    return () => {
+      const currentProps = propsRef.current;
+      if (currentProps.OnDetach) {
+        currentProps.OnDetach({ type: "detach", target: window }, currentProps);
+      }
+      if (currentProps.OnDestroy) {
+        currentProps.OnDestroy({ type: "destroy", target: window }, currentProps);
+      }
+    };
+  }, []);
+  useEffect(() => {
+    window.addEventListener("resize", handleResize);
+    if (props.OnResize) {
+      props.OnResize({ type: "resize", target: window }, props, windowSize);
+    }
+    return () => {
+      window.removeEventListener("resize", handleResize);
+    };
+  }, [handleResize]);
+  useEffect(() => {
+    if (!props.OnOrientationChange) return;
+    window.addEventListener("orientationchange", handleOrientationChange);
+    return () => {
+      window.removeEventListener("orientationchange", handleOrientationChange);
+    };
+  }, [handleOrientationChange, props.OnOrientationChange]);
+  const _a = props, { className, styles, children } = _a, restProps = __objRest(_a, ["className", "styles", "children"]);
+  const childrenWithCallback = useMemo(() => {
+    return React.Children.map(children, (child) => {
+      if (React.isValidElement(child)) {
+        if (typeof child.type === "string") {
+          return child;
+        }
+        return React.cloneElement(child, __spreadValues({
+          onNavHeightChange: handleNavHeightChange
+        }, child.props));
+      }
+      return child;
+    });
+  }, [children, handleNavHeightChange]);
+  return /* @__PURE__ */ jsx(
+    PageLayoutContext.Provider,
+    {
+      value: { onLeftPanelPageClassesChange: handleLeftPanelPageClassesChange },
+      children: /* @__PURE__ */ jsx(
+        Container,
+        __spreadProps(__spreadValues({}, removeInvalidAttributes(restProps)), {
+          className: clsx(
+            getDefaultClass(pageName),
+            { "app-nav-full": hasFullNavHeight },
+            leftPanelPageClasses,
+            className
+          ),
+          sx: __spreadValues({}, styles),
+          children: childrenWithCallback
+        })
+      )
+    }
+  );
+}
+WmPage.displayName = "WmPage";
+var page_default = WmPage;
+export {
+  page_default as default
+};

package/components/page/page-content/index.d.ts

@@ -0,0 +1,15 @@
+import { WmPageContentProps } from "./props";
+declare function WmPageContent(props: WmPageContentProps): import("react/jsx-runtime").JSX.Element;
+declare namespace WmPageContent {
+    var displayName: string;
+}
+/**
+ * The WmPageContent component renders a column within the page content layout.
+ *
+ * - [Playground](https://react-components.wavemaker.ai/?path=/story/page-content--showcase)
+ *
+ * - [Docs](https://react-components.wavemaker.ai/?path=/story/page-content--docs#tab-overview)
+ *
+ * @param props - {@link WmPageContentProps}
+ */
+export default WmPageContent;

package/components/page/page-content/index.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useAppState } from "../../../context/WidgetProvider";
+import { getCurrentPath } from "../../../core/util/utils";
+const DEFAULT_CLASS = "app-page-content app-content-column";
+function WmPageContent(props) {
+  const { className, columnwidth, styles, layoutClassName } = props;
+  const appState = useAppState();
+  const pageName = ((appState == null ? void 0 : appState.componentName) || (appState == null ? void 0 : appState.name) || getCurrentPath().split("/").pop() || "").toLowerCase();
+  return /* @__PURE__ */ jsx("div", { className: "app-content-column-wrapper", children: /* @__PURE__ */ jsx("div", { className: clsx(pageName && `app-page-${pageName}`), style: { display: "inline" }, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: styles,
+      className: clsx(
+        DEFAULT_CLASS,
+        className,
+        `col-sm-${columnwidth} col-md-${columnwidth}`,
+        layoutClassName
+      ),
+      children: props.children
+    }
+  ) }) });
+}
+WmPageContent.displayName = "WmPageContent";
+var page_content_default = WmPageContent;
+export {
+  page_content_default as default
+};

package/components/page/page-content/props.d.ts

@@ -0,0 +1,16 @@
+import { BaseProps, Prettify } from "@wavemaker-ai/react-runtime/higherOrder/props";
+/**
+ * Props specific to the WmPageContent component.
+ */
+export interface PageContentProps {
+    /** Column width for the content (used with Bootstrap grid classes). */
+    columnwidth?: number;
+    /**
+     * Utility layout classes from Studio Auto Layout (merged on the page-content root).
+     */
+    layoutClassName?: string;
+}
+/**
+ * Combined props for the WmPageContent component, including base WaveMaker props.
+ */
+export type WmPageContentProps = Prettify<PageContentProps & BaseProps>;

package/components/page/page-context.d.ts

@@ -0,0 +1,4 @@
+export interface PageLayoutContextValue {
+    onLeftPanelPageClassesChange?: (pageClasses?: string) => void;
+}
+export declare const PageLayoutContext: import("react").Context<PageLayoutContextValue>;

package/components/page/page-context.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+const PageLayoutContext = createContext({});
+export {
+  PageLayoutContext
+};

package/components/page/partial/index.d.ts

@@ -0,0 +1,64 @@
+/**
+ * The WmPartial component renders a section container for partial content.
+ *
+ * - [Playground](https://react-components.wavemaker.ai/?path=/story/page-partial--showcase)
+ *
+ * - [Docs](https://react-components.wavemaker.ai/?path=/story/page-partial--docs#tab-overview)
+ *
+ * @param props - {@link WmPartialProps}
+ */
+declare const _default: import("react").ComponentType<{
+    standalone?: boolean;
+    ref?: React.RefObject<HTMLElement> | React.RefObject<null>;
+    animation?: string;
+    show?: boolean | string;
+    padding?: string;
+    margin?: string;
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+    conditionalstyle?: import("react").CSSProperties;
+    conditionalclass?: string;
+    showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];
+    onClick?: (event?: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onDoubleClick?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseEnter?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseLeave?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseOver?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseOut?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onFocus?: (event: React.FocusEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onBlur?: (event: React.FocusEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onKeydown?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onKeyup?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onKeypress?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    eventCallback?: (eventName: string, data: any) => void;
+    forwardedRef?: React.ForwardedRef<any>;
+    viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
+    hint?: string;
+    arialabel?: string;
+    tabindex?: number;
+    styles?: import("react").CSSProperties;
+    children?: React.ReactNode;
+    hidden?: boolean;
+    id?: string;
+    name?: string;
+    listener?: Record<string, any>;
+    "data-widget-id"?: string;
+    iswidget?: boolean | string;
+    deferload?: boolean | string;
+    "item-id"?: string;
+    datavalue?: any;
+    prefab?: boolean;
+    inbound?: Record<string, any>;
+    outbound?: Record<string, any>;
+    key?: string;
+    formfield?: boolean;
+    updateon?: string;
+    dataset?: any;
+    prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
+    widget?: string;
+}>;
+export default _default;

package/components/page/partial/index.js

@@ -0,0 +1,51 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
+import Box from "@mui/material/Box";
+import clsx from "clsx";
+import { withBaseWrapper } from "../../../higherOrder/withBaseWrapper";
+import { memo } from "react";
+const DEFAULT_CLASS = "app-partial clearfix";
+const WmPartial = memo(
+  (props) => {
+    const { styles, children, className, id } = props;
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        component: "section",
+        sx: __spreadProps(__spreadValues({}, styles), {
+          height: `${(styles == null ? void 0 : styles.height) || "auto"}`
+          // Ensure height overrides default
+        }),
+        className: clsx(DEFAULT_CLASS, className),
+        id,
+        children
+      }
+    );
+  },
+  (prevProps, nextProps) => {
+    return prevProps.children === nextProps.children;
+  }
+);
+WmPartial.displayName = "WmPartial";
+var partial_default = withBaseWrapper(WmPartial);
+export {
+  partial_default as default
+};

package/components/page/partial/props.d.ts

@@ -0,0 +1,6 @@
+import { BaseProps, Prettify } from "@wavemaker-ai/react-runtime/higherOrder/props";
+/**
+ * WmPartial has no additional props beyond BaseProps.
+ * Combined props for the WmPartial component.
+ */
+export type WmPartialProps = Prettify<BaseProps>;

package/components/page/partial-container/index.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { WmPartialContainerProps } from "./props";
+declare const WmPartialContainer: React.MemoExoticComponent<(props: WmPartialContainerProps) => import("react/jsx-runtime").JSX.Element>;
+/**
+ * The WmPartialContainer component dynamically loads and renders partial content.
+ *
+ * - [Playground](https://react-components.wavemaker.ai/?path=/story/page-partial-container--showcase)
+ *
+ * - [Docs](https://react-components.wavemaker.ai/?path=/story/page-partial-container--docs#tab-overview)
+ *
+ * @param props - {@link WmPartialContainerProps}
+ */
+export default WmPartialContainer;

package/components/page/partial-container/index.js

@@ -0,0 +1,84 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
+import React, { memo, useCallback } from "react";
+import clsx from "clsx";
+import Container from "@mui/material/Container";
+import appstore from "../../../core/appstore";
+import isEqual from "lodash-es/isEqual";
+import { getComponent } from "../../../runtime-dynamic/registry/store";
+import {
+  getActiveRoutingBasePath,
+  PREVIEW_ROUTING_BASEPATH
+} from "../../../core/constants";
+let _preview;
+const getPreviewComponent = () => {
+  var _a;
+  if (_preview === void 0 && getActiveRoutingBasePath() === PREVIEW_ROUTING_BASEPATH) {
+    _preview = (_a = getComponent("WmPartialContent")) != null ? _a : null;
+  }
+  return _preview;
+};
+const MEMO_KEYS = [
+  "content",
+  "prefab",
+  "prefabName",
+  "partialName",
+  "styles",
+  "params"
+];
+const arePropsEqual = (prevProps, nextProps) => {
+  return MEMO_KEYS.every((key) => {
+    if (key === "styles") return isEqual(prevProps[key], nextProps[key]);
+    return prevProps[key] === nextProps[key];
+  });
+};
+const CodegenPartialContainer = memo((props) => {
+  const { prefab, content, prefabName, onLoad } = props;
+  const params = {};
+  const handleOnLoad = useCallback(
+    (widget) => {
+      if (onLoad) {
+        onLoad(widget, props.partialName || prefabName);
+      }
+    },
+    [onLoad, props.partialName, prefabName]
+  );
+  Object.keys(props).forEach((k) => {
+    params[k] = props[k];
+  });
+  const contentToRender = () => {
+    const storeKey = prefab ? `${prefabName}-partials` : "AppConfig";
+    const partials = appstore.get(storeKey).partials;
+    const partial = partials.find((p) => p.name === content);
+    return partial ? React.createElement(partial.component, __spreadProps(__spreadValues({}, params), { onLoad: handleOnLoad })) : null;
+  };
+  return /* @__PURE__ */ jsx("div", { className: clsx(content && `app-partial-${content.toLowerCase()}`), children: /* @__PURE__ */ jsx(Container, { className: "partial-container", children: contentToRender() }) });
+}, arePropsEqual);
+CodegenPartialContainer.displayName = "WmPartialContainer";
+const WmPartialContainer = memo((props) => {
+  const Preview = getPreviewComponent();
+  return Preview ? /* @__PURE__ */ jsx(Preview, __spreadValues({}, props)) : /* @__PURE__ */ jsx(CodegenPartialContainer, __spreadValues({}, props));
+}, arePropsEqual);
+WmPartialContainer.displayName = "WmPartialContainer";
+var partial_container_default = WmPartialContainer;
+export {
+  partial_container_default as default
+};

package/components/page/partial-container/props.d.ts

@@ -0,0 +1,38 @@
+import { BaseProps, Prettify } from "@wavemaker-ai/react-runtime/higherOrder/props";
+/** Callback fired when the partial content is loaded. */
+type OnLoadCallback = (widget: {
+    viewParent?: Record<string, unknown>;
+}, partialName?: string) => void;
+/** Listener type for partial state sync. */
+interface PartialListener {
+    onChange?: (partialName: string, data: {
+        partialParams: Record<string, unknown>;
+    }) => void;
+}
+/**
+ * Props specific to the WmPartialContainer component.
+ * prefabName comes from BaseProps.
+ */
+export interface PartialContainerProps {
+    /** Whether this partial is from a prefab. */
+    prefab?: boolean;
+    /** Name of the partial content to render. */
+    content?: string;
+    /** Name of the partial (for listener callbacks). */
+    partialName?: string;
+    /** Array of param names to pass to the partial. */
+    params?: string[];
+    /** Callback when partial content is loaded. */
+    onLoad?: OnLoadCallback;
+    /** Listener for partial state changes. */
+    listener?: PartialListener;
+    /** Callback when partial content is rendered. */
+    onRender?: (commonComponent: any) => void;
+    /** Row/object param when `params` includes `item` (tree, list, etc.). */
+    item?: unknown;
+}
+/**
+ * Combined props for the WmPartialContainer component, including base WaveMaker props.
+ */
+export type WmPartialContainerProps = Prettify<PartialContainerProps & BaseProps>;
+export {};