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

package/components/page/partial/props.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

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

@@ -1,112 +1,86 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _Container = _interopRequireDefault(require("@mui/material/Container"));
-var _appstore = _interopRequireDefault(require("@wavemaker-ai/react-runtime/core/appstore"));
-var _spinner = require("../../basic/spinner");
-var _isEqual = _interopRequireDefault(require("lodash-es/isEqual"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
-var __jsx = _react["default"].createElement;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var WmPartialContainer = /*#__PURE__*/(0, _react.memo)(function (props) {
-  var prefab = props.prefab,
-    content = props.content,
-    prefabName = props.prefabName,
-    onLoad = props.onLoad,
-    listener = props.listener,
-    onRender = props.onRender;
-  var loadedRef = (0, _react.useRef)(false);
-  var params = {};
-  var handleLoad = (0, _react.useCallback)(function (widget) {
-    if (onLoad && !loadedRef.current) {
-      loadedRef.current = true;
-      widget.viewParent = props.listener;
-      onLoad(widget);
+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]);
     }
-    onRender === null || onRender === void 0 || onRender(widget);
-  }, [onLoad, props.listener, onRender]);
-  Object.keys(props).forEach(function (k) {
-    //@ts-ignore
-    params[k] = props[k];
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
+import React, { memo, useCallback } from "react";
+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) => {
+  const staticEqual = MEMO_KEYS.every((key) => {
+    if (key === "styles") return isEqual(prevProps[key], nextProps[key]);
+    return prevProps[key] === nextProps[key];
   });
-  var contentToRender = function contentToRender() {
-    if (prefab) {
-      // @ts-ignore
-      var _partials = _appstore["default"].get("".concat(prefabName, "-partials")).partials;
-      var _partial = _partials.find(function (p) {
-        return p.name === content;
-      });
-      return __jsx(_react["default"].Fragment, null, _partial ? /*#__PURE__*/_react["default"].createElement(_partial.component, _objectSpread(_objectSpread({}, params), {}, {
-        onRender: handleLoad
-      })) : null);
-    }
-
-    // @ts-ignore
-    var partials = _appstore["default"].get("AppConfig").partials;
-    var partial = partials.find(function (p) {
-      return p.name === content;
-    });
-    return __jsx(_react["default"].Fragment, null, partial ? /*#__PURE__*/_react["default"].createElement(partial.component, _objectSpread(_objectSpread({}, params), {}, {
-      onRender: handleLoad
-    })) : null);
-  };
-
-  // Memoize partialParams, recompute only when props.params or params changes
-  var partialParams = (0, _react.useMemo)(function () {
-    var _props$params;
-    var acc = {};
-    props === null || props === void 0 || (_props$params = props.params) === null || _props$params === void 0 || _props$params.forEach(function (p) {
-      acc[p] = params === null || params === void 0 ? void 0 : params[p];
-    });
-    return acc;
-  }, [props === null || props === void 0 ? void 0 : props.params, params]);
-  var prevPartialParamsRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    if (listener !== null && listener !== void 0 && listener.onChange && partialParams && props.partialName) {
-      var prev = prevPartialParamsRef.current;
-      if (!prev || !(0, _isEqual["default"])(prev, partialParams)) {
-        listener.onChange(props.partialName, {
-          partialParams: partialParams
-        });
-        prevPartialParamsRef.current = partialParams;
+  if (!staticEqual) return false;
+  const paramNames = nextProps.params || [];
+  return paramNames.every((p) => prevProps[p] === nextProps[p]);
+};
+const CodegenPartialContainer = memo((props) => {
+  const { prefab, content, prefabName, onLoad } = props;
+  const params = {};
+  const handleOnLoad = useCallback(
+    (widget) => {
+      if (onLoad) {
+        onLoad(widget, props.partialName || prefabName);
       }
-    }
-  }, [partialParams, listener, props.partialName]);
-  return __jsx(_Container["default"], {
-    className: "partial-container"
-  }, __jsx(_react.Suspense, {
-    fallback: __jsx(_spinner.WmSpinner, {
-      show: true,
-      listener: props.listener,
-      name: "partial-container-spinner"
-    })
-  }, contentToRender()));
-}, function (prevProps, nextProps) {
-  var keys = ["content", "prefab", "prefabName", "partialName", "styles", "params"];
-  return keys.every(function (key) {
-    if (key === "styles") {
-      return (0, _isEqual["default"])(prevProps[key], nextProps[key]);
-    }
-    return prevProps[key] === nextProps[key];
+    },
+    [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(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";
-
-/**
- * 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}
- */
-var _default = exports["default"] = WmPartialContainer;
+var partial_container_default = WmPartialContainer;
+export {
+  partial_container_default as default
+};

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

@@ -2,7 +2,7 @@ import { BaseProps, Prettify } from "@wavemaker-ai/react-runtime/higherOrder/pro
 /** Callback fired when the partial content is loaded. */
 type OnLoadCallback = (widget: {
     viewParent?: Record<string, unknown>;
-}) => void;
+}, partialName?: string) => void;
 /** Listener type for partial state sync. */
 interface PartialListener {
     onChange?: (partialName: string, data: {

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

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/components/page/props.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

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

@@ -1,43 +1,22 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Container = _interopRequireDefault(require("@mui/material/Container"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
-var __jsx = _react["default"].createElement;
-var WmPageToast = function WmPageToast(_ref) {
-  var Component = _ref.component;
-  return __jsx(_Container["default"], {
-    style: {
-      position: "relative",
-      scrollbarWidth: "none"
-    },
-    id: "toast-container",
-    className: " toast-container"
-  }, __jsx(_Box["default"], {
-    component: "div",
-    className: "toast",
-    sx: {
-      opacity: "1 !important"
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import Container from "@mui/material/Container";
+import Box from "@mui/material/Box";
+const WmPageToast = ({ component: Component }) => {
+  return /* @__PURE__ */ jsx(
+    Container,
+    {
+      style: {
+        position: "relative",
+        scrollbarWidth: "none"
+      },
+      id: "toast-container",
+      className: " toast-container",
+      children: /* @__PURE__ */ jsx(Box, { component: "div", className: "toast", sx: { opacity: "1 !important" }, children: /* @__PURE__ */ jsx(Container, { className: "parent-custom-toast", children: /* @__PURE__ */ jsx(Component, {}) }) })
     }
-  }, __jsx(_Container["default"], {
-    className: "parent-custom-toast"
-  }, __jsx(Component, null))));
+  );
+};
+var toast_container_default = memo(WmPageToast);
+export {
+  toast_container_default as default
 };
-
-/**
- * The WmPageToast component is a container wrapper for toast notification components.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/page-toast--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/page-toast--docs#tab-overview)
- *
- * @param props - {@link WmPageToastProps}
- */
-var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(WmPageToast);

package/components/page/toast-container/props.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/components/prefab/container/index.js

@@ -1,64 +1,71 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _attr = require("@wavemaker-ai/react-runtime/utils/attr");
-var _excluded = ["styles", "onLoad", "onDestroy", "children", "className"];
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
-var __jsx = _react["default"].createElement;
-var timeoutId = null;
-var WmPrefabContainer = function WmPrefabContainer(props) {
-  var DEFAULT_CLASS = "app-prefab-container full-height";
-  var styles = props.styles,
-    onLoad = props.onLoad,
-    onDestroy = props.onDestroy,
-    children = props.children,
-    className = props.className,
-    rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var loadedRef = (0, _react.useRef)(false);
-  var ref = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
+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 { useEffect, useRef } from "react";
+import { removeInvalidAttributes } from "../../../utils/attr";
+let timeoutId = null;
+const WmPrefabContainer = (props) => {
+  const DEFAULT_CLASS = "app-prefab-container full-height";
+  const _a = props, { styles, onLoad, onDestroy, children, className } = _a, rest = __objRest(_a, ["styles", "onLoad", "onDestroy", "children", "className"]);
+  const loadedRef = useRef(false);
+  const ref = useRef(null);
+  useEffect(() => {
     if (onLoad && !loadedRef.current) {
-      timeoutId = setTimeout(function () {
-        onLoad(new Event("load"), {
-          ref: ref.current
-        });
-      }, 1000);
+      timeoutId = setTimeout(() => {
+        onLoad(new Event("load"), { ref: ref.current });
+      }, 1e3);
       loadedRef.current = true;
     }
-    return function () {
+    return () => {
       if (onDestroy) {
-        onDestroy(new Event("destroy"), {
-          ref: ref.current
-        });
+        onDestroy(new Event("destroy"), { ref: ref.current });
       }
       if (timeoutId) {
         clearTimeout(timeoutId);
       }
     };
   }, [onLoad, onDestroy]);
-  return __jsx("div", (0, _extends2["default"])({
-    style: styles
-  }, (0, _attr.removeInvalidAttributes)(rest), {
-    ref: ref,
-    className: className || DEFAULT_CLASS
-  }), children);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      style: styles
+    }, removeInvalidAttributes(rest)), {
+      ref,
+      className: className || DEFAULT_CLASS,
+      children
+    })
+  );
+};
+var container_default = WmPrefabContainer;
+export {
+  container_default as default
 };
-
-/**
- * The WmPrefabContainer component is a wrapper for prefab content with load/destroy lifecycle callbacks.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/prefab-container--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/prefab-container--docs#tab-overview)
- *
- * @param props - {@link WmPrefabContainerProps}
- */
-var _default = exports["default"] = WmPrefabContainer;

package/components/prefab/container/props.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/components/prefab/index.js

@@ -1,69 +1,84 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _attr = require("@wavemaker-ai/react-runtime/utils/attr");
-var _excluded = ["styles", "onLoad", "onDestroy", "onRender", "children", "show", "listener", "width", "height"];
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
-var __jsx = _react["default"].createElement;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var WmPrefab = function WmPrefab(props) {
-  var styles = props.styles,
-    onLoad = props.onLoad,
-    onDestroy = props.onDestroy,
-    onRender = props.onRender,
-    children = props.children,
-    _props$show = props.show,
-    show = _props$show === void 0 ? true : _props$show,
-    listener = props.listener,
-    width = props.width,
-    height = props.height,
-    rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var loadedRef = (0, _react.useRef)(false);
-  var ref = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
+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 { useEffect, useRef } from "react";
+import { removeInvalidAttributes } from "../../utils/attr";
+const WmPrefab = (props) => {
+  const _a = props, {
+    styles,
+    onLoad,
+    onDestroy,
+    onRender,
+    children,
+    show = true,
+    listener,
+    width,
+    height
+  } = _a, rest = __objRest(_a, [
+    "styles",
+    "onLoad",
+    "onDestroy",
+    "onRender",
+    "children",
+    "show",
+    "listener",
+    "width",
+    "height"
+  ]);
+  const loadedRef = useRef(false);
+  const ref = useRef(null);
+  useEffect(() => {
     if (onLoad && !loadedRef.current) {
-      setTimeout(function () {
-        onLoad(new Event("load"), {
-          ref: ref.current
-        });
-      }, 1000);
+      setTimeout(() => {
+        onLoad(new Event("load"), { ref: ref.current });
+      }, 1e3);
       loadedRef.current = true;
     }
-    return function () {
+    return () => {
       if (onDestroy) {
-        onDestroy(new Event("destroy"), {
-          ref: ref.current
-        });
+        onDestroy(new Event("destroy"), { ref: ref.current });
       }
     };
   }, [onLoad, onDestroy]);
-  return __jsx("div", (0, _extends2["default"])({}, (0, _attr.removeInvalidAttributes)(rest, ["hidden"]), {
-    style: _objectSpread(_objectSpread(_objectSpread({}, styles), width !== undefined && {
-      width: parseFloat(width)
-    }), height !== undefined && {
-      height: parseFloat(height)
-    }),
-    ref: ref
-  }), children);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({}, removeInvalidAttributes(rest, ["hidden"])), {
+      style: __spreadValues(__spreadValues(__spreadValues({}, styles), width !== void 0 && { width: parseFloat(width) }), height !== void 0 && { height: parseFloat(height) }),
+      ref,
+      children
+    })
+  );
+};
+var prefab_default = WmPrefab;
+export {
+  prefab_default as default
 };
-
-/**
- * The WmPrefab component is a reusable widget container that loads prefab content.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/prefab--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/prefab--docs#tab-overview)
- *
- * @param props - {@link WmPrefabProps}
- */
-var _default = exports["default"] = WmPrefab;

package/components/prefab/props.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/context/AppContext.d.ts

@@ -4,6 +4,6 @@ interface AppProviderProps {
     proxy: any;
 }
 declare const AppContext: import("react").Context<AppProviderProps>;
-export declare const useAppContext: () => {};
+export declare const useAppContext: () => BaseAppProps;
 export declare const useAppProxy: () => any;
 export default AppContext;

package/context/AppContext.js

@@ -1,25 +1,24 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useAppProxy = exports.useAppContext = exports["default"] = void 0;
-var _react = require("react");
-var AppContext = /*#__PURE__*/(0, _react.createContext)(undefined);
-var useAppContext = exports.useAppContext = function useAppContext() {
-  var _useContext;
-  var context = (_useContext = (0, _react.useContext)(AppContext)) === null || _useContext === void 0 ? void 0 : _useContext.state;
-  if (context === undefined) {
+import { createContext, useContext } from "react";
+const AppContext = createContext(void 0);
+const useAppContext = () => {
+  var _a;
+  const context = (_a = useContext(AppContext)) == null ? void 0 : _a.state;
+  if (context === void 0) {
     throw new Error("useAppContext must be used within an AppProvider");
   }
-  return context || {};
+  return context;
 };
-var useAppProxy = exports.useAppProxy = function useAppProxy() {
-  var _useContext2;
-  var context = (_useContext2 = (0, _react.useContext)(AppContext)) === null || _useContext2 === void 0 ? void 0 : _useContext2.proxy;
-  if (context === undefined) {
+const useAppProxy = () => {
+  var _a;
+  const context = (_a = useContext(AppContext)) == null ? void 0 : _a.proxy;
+  if (context === void 0) {
     throw new Error("useAppProxy must be used within an AppProvider");
   }
   return context;
 };
-var _default = exports["default"] = AppContext;
+var AppContext_default = AppContext;
+export {
+  AppContext_default as default,
+  useAppContext,
+  useAppProxy
+};