@wavemaker/react-runtime 11.14.1-15.6409

package/components/navigation/menu/props.js

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

package/components/navigation/popover/index.js

@@ -0,0 +1,209 @@
+"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 _clsx = _interopRequireDefault(require("clsx"));
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+var _Popover = _interopRequireDefault(require("@mui/material/Popover"));
+var _withBaseWrapper = _interopRequireDefault(require("@wavemaker/react-runtime/higherOrder/withBaseWrapper"));
+var _anchor = require("@wavemaker/react-runtime/components/basic/anchor");
+var _props = require("./props");
+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 WmPopover = function WmPopover(Props) {
+  var props = _objectSpread(_objectSpread({}, _props.DEFAULT_PROPS), Props);
+  var _useState = (0, _react.useState)(null),
+    anchorEl = _useState[0],
+    setAnchorEl = _useState[1];
+  var _useState2 = (0, _react.useState)(props.popoverplacement || "bottom"),
+    placement = _useState2[0],
+    setPlacement = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    isDialogOpen = _useState3[0],
+    setIsDialogOpen = _useState3[1];
+  var anchorRef = (0, _react.useRef)(null);
+  var loadedRef = (0, _react.useRef)(false);
+  var _useState4 = (0, _react.useState)(false),
+    open = _useState4[0],
+    setOpen = _useState4[1];
+  var isOpen = Boolean(anchorEl);
+  function handleLoad() {
+    if (props.onLoad && !loadedRef.current) {
+      loadedRef.current = true;
+      var widgetInstance = _objectSpread({
+        isOpen: isOpen
+      }, props);
+      props.onLoad(widgetInstance);
+    }
+  }
+  (0, _react.useEffect)(function () {
+    handleLoad();
+  }, [!loadedRef.current]);
+  var calculatePlacement = function calculatePlacement() {
+    if (!anchorRef.current) return;
+    var rect = anchorRef.current.getBoundingClientRect();
+    var viewHeight = window.innerHeight;
+    var viewWidth = window.innerWidth;
+    var height = parseInt(props.popoverheight);
+    var width = parseInt(props.popoverwidth);
+    if (props.popoverplacement === "top" && rect.top < height) setPlacement("bottom");else if (props.popoverplacement === "bottom" && viewHeight - rect.bottom < height) setPlacement("top");else if (props.popoverplacement === "left" && rect.left < width) setPlacement("right");else if (props.popoverplacement === "right" && viewWidth - rect.right < width) setPlacement("left");else setPlacement(props.popoverplacement || "bottom");
+  };
+  var handleKeyDown = function handleKeyDown(event) {
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      setAnchorEl(anchorRef.current);
+    } else if (event.key === "Escape") {
+      setAnchorEl(null);
+    }
+  };
+  var handleClick = function handleClick(event) {
+    if (anchorEl) {
+      if (isDialogOpen) {
+        var _props$onHide;
+        setIsDialogOpen(false);
+        setAnchorEl(null);
+        props === null || props === void 0 || (_props$onHide = props.onHide) === null || _props$onHide === void 0 || _props$onHide.call(props, event.nativeEvent, props);
+        return;
+      }
+      (0, _debounce["default"])(function () {
+        var _props$onHide2;
+        setAnchorEl(null);
+        props === null || props === void 0 || (_props$onHide2 = props.onHide) === null || _props$onHide2 === void 0 || _props$onHide2.call(props, event.nativeEvent, props);
+      }, 500);
+    } else {
+      var _props$onShow;
+      if (open) {
+        setOpen(false);
+        return;
+      }
+      calculatePlacement();
+      setAnchorEl(event.currentTarget);
+      props === null || props === void 0 || (_props$onShow = props.onShow) === null || _props$onShow === void 0 || _props$onShow.call(props, event.nativeEvent, props);
+      setIsDialogOpen(true);
+    }
+  };
+  var anchorOrigin = {
+    vertical: placement === "top" ? "top" : placement === "bottom" ? "bottom" : "center",
+    horizontal: placement === "left" ? "left" : placement === "right" ? "right" : "center"
+  };
+  var transformOrigin = {
+    vertical: placement === "top" ? "bottom" : placement === "bottom" ? "top" : "center",
+    horizontal: placement === "left" ? "right" : placement === "right" ? "left" : "center"
+  };
+  function handleClose(event, reason) {
+    var _props$onHide5;
+    if (props.autoclose === "disabled") {
+      return;
+    }
+    // Always: close when user clicks anywhere on the page
+    else if (props.autoclose === "always") {
+      var _props$onHide3;
+      setAnchorEl(null);
+      props === null || props === void 0 || (_props$onHide3 = props.onHide) === null || _props$onHide3 === void 0 || _props$onHide3.call(props, event.nativeEvent, props);
+      return;
+    }
+
+    // Outside Click: close when user clicks outside the popover content
+    else if (props.autoclose === "outsideClick") {
+      if (reason === "backdropClick") {
+        var _props$onHide4;
+        setAnchorEl(null);
+        props === null || props === void 0 || (_props$onHide4 = props.onHide) === null || _props$onHide4 === void 0 || _props$onHide4.call(props, event.nativeEvent, props);
+      }
+      return;
+    }
+
+    // Default behavior for any other autoclose value
+    setAnchorEl(null);
+    props === null || props === void 0 || (_props$onHide5 = props.onHide) === null || _props$onHide5 === void 0 || _props$onHide5.call(props, event.nativeEvent, props);
+  }
+  var arrowStyles = (0, _react.useMemo)(function () {
+    if (!anchorRef.current) return {};
+    return _objectSpread(_objectSpread(_objectSpread({}, placement === "top" && {
+      left: "calc(50% - 10px)"
+    }), placement === "bottom" && {
+      left: "calc(50% - 10px)"
+    }), (placement === "left" || placement === "right") && {
+      top: anchorRef.current ? "".concat(anchorRef.current.getBoundingClientRect().top + anchorRef.current.getBoundingClientRect().height / 2 - 10, "px") : "calc(50% - 10px)"
+    });
+  }, [placement, props.popoverplacement, calculatePlacement]);
+  var popoverHeight = props.popoverheight.includes("px") ? props.popoverheight : "".concat(props.popoverheight, "px");
+  var popoverWidth = props.popoverwidth.includes("px") ? props.popoverwidth : "".concat(props.popoverwidth, "px");
+  return __jsx(_react["default"].Fragment, null, __jsx("div", {
+    className: (0, _clsx["default"])({
+      "disable-popover": props.disabled,
+      "app-popover-wrapper": true
+    }),
+    style: props.styles,
+    name: props.name
+  }, __jsx(_anchor.WmAnchor, {
+    hint: props.hint || props.name,
+    ref: anchorRef,
+    tabIndex: props.tabindex,
+    className: (0, _clsx["default"])(props.className, {
+      "disable-popover": props.disabled
+    }),
+    styles: props.styles,
+    onClick: handleClick,
+    onMouseEnter: function onMouseEnter(event) {
+      if (props.interaction === "hover") {
+        handleClick(event);
+      }
+    },
+    onKeyDown: handleKeyDown,
+    "aria-expanded": isOpen,
+    "aria-haspopup": "true",
+    arialabel: props.arialabel,
+    caption: props.caption,
+    iconclass: props.iconclass,
+    iconheight: props.iconheight,
+    iconmargin: props.iconmargin,
+    iconposition: props.iconposition,
+    iconurl: props.iconurl,
+    iconwidth: props.iconwidth,
+    badgevalue: props.badgevalue,
+    encodeurl: props.encodeurl,
+    shortcutkey: props.shortcutkey
+  })), __jsx(_Popover["default"], {
+    open: isOpen,
+    anchorEl: anchorEl,
+    onClose: handleClose,
+    anchorOrigin: anchorOrigin,
+    transformOrigin: transformOrigin,
+    transitionDuration: {
+      enter: 0,
+      exit: 0
+    },
+    disableScrollLock: true,
+    slotProps: {
+      paper: {
+        style: {
+          height: popoverHeight,
+          width: popoverWidth
+        },
+        className: (0, _clsx["default"])(placement, "app-popover in popover", props.contentanimation && "animated ".concat(props.contentanimation), "popover-".concat(placement), "bs-popover-".concat(placement))
+      }
+    },
+    style: {
+      pointerEvents: props.autoclose === "disabled" ? "none" : "auto",
+      height: popoverHeight,
+      width: popoverWidth
+    }
+  }, __jsx("div", {
+    className: (0, _clsx["default"])("popover-arrow arrow", props.popoverarrow === false && "hidden"),
+    style: arrowStyles
+  }), props.title && __jsx("div", {
+    className: "popover-title popover-header"
+  }, props.title), __jsx("div", {
+    className: "popover-content popover-body"
+  }, props.render && props.content ? props.render(props, handleLoad) : props.children)));
+};
+var _default = exports["default"] = (0, _withBaseWrapper["default"])(WmPopover);

package/components/navigation/popover/props.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_PROPS = void 0;
+var DEFAULT_PROPS = exports.DEFAULT_PROPS = {
+  contentsource: "partial",
+  interaction: "click",
+  popoverplacement: "bottom",
+  popoverarrow: true,
+  popoverheight: "360px",
+  popoverwidth: "240px",
+  autoclose: "outsideClick"
+};

package/components/page/content/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _material = require("@mui/material");
+var _withBaseWrapper = require("@wavemaker/react-runtime/higherOrder/withBaseWrapper");
+var __jsx = _react["default"].createElement;
+var DEFAULT_CLASS = "app-content clearfix";
+function WmContent(props) {
+  var styles = props.styles,
+    children = props.children,
+    className = props.className;
+  return __jsx(_material.Box, {
+    sx: styles,
+    className: (0, _clsx["default"])(DEFAULT_CLASS, className),
+    component: "main"
+  }, __jsx(_material.Box, {
+    component: "div",
+    className: "app-content-row"
+  }, children));
+}
+WmContent.displayName = "WmContent";
+var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmContent);

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

@@ -0,0 +1,108 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _navigation = require("next/navigation");
+var _button = require("../../form/button");
+var _label = require("../../basic/label");
+var _icon = require("../../basic/icon");
+var _picture = require("../../basic/picture");
+var _container = require("../../container");
+var _store = require("../../../store");
+var __jsx = _react["default"].createElement;
+var ErrorFallback = function ErrorFallback(_ref) {
+  var _store$getState;
+  var error = _ref.error,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "Something went wrong." : _ref$title,
+    _ref$subtitle = _ref.subtitle,
+    subtitle = _ref$subtitle === void 0 ? "Please try again." : _ref$subtitle,
+    _ref$imageSource = _ref.imageSource,
+    imageSource = _ref$imageSource === void 0 ? "/error-fallback.svg" : _ref$imageSource;
+  var router = (0, _navigation.useRouter)();
+  var homePage = (_store$getState = _store.store.getState()) === null || _store$getState === void 0 || (_store$getState = _store$getState.info) === null || _store$getState === void 0 || (_store$getState = _store$getState.appConfig) === null || _store$getState === void 0 || (_store$getState = _store$getState.appProperties) === null || _store$getState === void 0 ? void 0 : _store$getState.homePage;
+  var handleGoHome = function handleGoHome() {
+    if (homePage) {
+      router.push(homePage);
+    } else {
+      window.location.href = window.location.origin;
+    }
+  };
+  var handleGoBack = function handleGoBack() {
+    var hasHistory = typeof window !== "undefined" && window.history.length > 1;
+    if (hasHistory) {
+      router.back();
+    } else {
+      window.location.href = window.location.origin;
+    }
+  };
+  return __jsx("div", {
+    className: "error-container"
+  }, __jsx("div", {
+    className: "error-info-container"
+  }, __jsx(_container.WmContainer, {
+    name: "error-container",
+    listener: {},
+    className: "error-image-container"
+  }, __jsx(_picture.WmPicture, {
+    picturesource: imageSource || "/error-fallback.svg",
+    resizemode: "contain",
+    name: "error-picture",
+    listener: {},
+    className: "error-fallback-image",
+    width: "120px",
+    height: "120px",
+    alttext: "Error illustration"
+  })), __jsx(_label.WmLabel, {
+    caption: title || "Something went wrong.",
+    className: "error-fallback-title",
+    type: "h2",
+    name: "error-title",
+    listener: {}
+  }), __jsx(_label.WmLabel, {
+    caption: subtitle || "Please try again.",
+    className: "error-fallback-subtitle",
+    name: "error-subtitle",
+    listener: {}
+  }), error && __jsx("div", {
+    className: "error-card"
+  }, __jsx("div", {
+    className: "error-card-row"
+  }, __jsx(_icon.WmIcon, {
+    id: "error-icon",
+    iconclass: "wi wi-error",
+    className: "error-fallback-erroricon",
+    iconsize: "20px",
+    name: "error-icon",
+    listener: {}
+  }), __jsx(_label.WmLabel, {
+    caption: "Error",
+    className: "error-fallback-error-label",
+    name: "error-label",
+    listener: {}
+  })), __jsx(_label.WmLabel, {
+    caption: (error === null || error === void 0 ? void 0 : error.message) || "An unexpected error occurred",
+    className: "error-fallback-error-message",
+    name: "error-message",
+    listener: {}
+  }))), __jsx("div", {
+    className: "error-button-container"
+  }, __jsx(_button.WmButton, {
+    caption: "Go to Home",
+    onClick: handleGoHome,
+    className: "btn btn-primary",
+    name: "go-to-home",
+    listener: {}
+  }), __jsx(_button.WmButton, {
+    caption: "Go Back",
+    onClick: handleGoBack,
+    className: "btn-secondary",
+    name: "go-back",
+    listener: {}
+  })));
+};
+var _default = exports["default"] = ErrorFallback;

package/components/page/index.js

@@ -0,0 +1,137 @@
+"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 _clsx = _interopRequireDefault(require("clsx"));
+var _Container = _interopRequireDefault(require("@mui/material/Container"));
+var _withBaseWrapper = _interopRequireDefault(require("@wavemaker/react-runtime/higherOrder/withBaseWrapper"));
+var _excluded = ["className", "styles", "children"];
+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 DEFAULT_CLASS = "app-page container";
+function WmPage(props) {
+  var propsRef = (0, _react.useRef)(props);
+  propsRef.current = props;
+  var _useState = (0, _react.useState)(function () {
+      return {
+        width: window.innerWidth,
+        height: window.innerHeight
+      };
+    }),
+    windowSize = _useState[0],
+    setWindowSize = _useState[1];
+  var _useState2 = (0, _react.useState)(false),
+    hasFullNavHeight = _useState2[0],
+    setHasFullNavHeight = _useState2[1];
+  var handleNavHeightChange = (0, _react.useCallback)(function (isFull) {
+    setHasFullNavHeight(isFull);
+  }, []);
+  var handleResize = (0, _react.useCallback)(function () {
+    var newSize = {
+      width: window.innerWidth,
+      height: window.innerHeight
+    };
+    setWindowSize(function (prevSize) {
+      // Only update if size actually changed
+      if (prevSize.width !== newSize.width || prevSize.height !== newSize.height) {
+        var currentProps = propsRef.current;
+        if (currentProps.OnResize) {
+          currentProps.OnResize({
+            type: "resize",
+            target: window
+          }, currentProps, newSize);
+        }
+        return newSize;
+      }
+      return prevSize;
+    });
+  }, []);
+
+  // Memoized orientation change handler
+  var handleOrientationChange = (0, _react.useCallback)(function (event) {
+    var currentProps = propsRef.current;
+    if (currentProps.OnOrientationChange) {
+      currentProps.OnOrientationChange(event, currentProps);
+    }
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (props.OnAttach) {
+      props.OnAttach({
+        type: "attach",
+        target: window
+      }, props);
+    }
+    return function () {
+      var currentProps = propsRef.current;
+      if (currentProps.OnDetach) {
+        currentProps.OnDetach({
+          type: "detach",
+          target: window
+        }, currentProps);
+      }
+      if (currentProps.OnDestroy) {
+        currentProps.OnDestroy({
+          type: "destroy",
+          target: window
+        }, currentProps);
+      }
+    };
+  }, []); // Empty dependency array - only run once
+
+  // Handle resize events
+  (0, _react.useEffect)(function () {
+    window.addEventListener("resize", handleResize);
+
+    // Call once initially if OnResize exists
+    if (props.OnResize) {
+      props.OnResize({
+        type: "resize",
+        target: window
+      }, props, windowSize);
+    }
+    return function () {
+      window.removeEventListener("resize", handleResize);
+    };
+  }, [handleResize]);
+  (0, _react.useEffect)(function () {
+    if (!props.OnOrientationChange) return;
+    window.addEventListener("orientationchange", handleOrientationChange);
+    return function () {
+      window.removeEventListener("orientationchange", handleOrientationChange);
+    };
+  }, [handleOrientationChange, props.OnOrientationChange]);
+
+  // Extract the props we're setting explicitly to avoid overrides
+  var className = props.className,
+    styles = props.styles,
+    children = props.children,
+    restProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var childrenWithCallback = (0, _react.useMemo)(function () {
+    return _react["default"].Children.map(children, function (child) {
+      if (/*#__PURE__*/_react["default"].isValidElement(child)) {
+        return /*#__PURE__*/_react["default"].cloneElement(child, _objectSpread({
+          onNavHeightChange: handleNavHeightChange
+        }, child.props));
+      }
+      return child;
+    });
+  }, [children, handleNavHeightChange]);
+  return __jsx(_Container["default"], (0, _extends2["default"])({}, restProps, {
+    className: (0, _clsx["default"])(DEFAULT_CLASS, {
+      "app-nav-full": hasFullNavHeight
+    }, className),
+    sx: _objectSpread({}, styles)
+  }), childrenWithCallback);
+}
+WmPage.displayName = "WmPage";
+var _default = exports["default"] = (0, _withBaseWrapper["default"])(WmPage);

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

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _withBaseWrapper = require("@wavemaker/react-runtime/higherOrder/withBaseWrapper");
+var __jsx = _react["default"].createElement;
+var DEFAULT_CLASS = "app-page-content app-content-column";
+function WmPageContent(props) {
+  var className = props.className,
+    columnwidth = props.columnwidth,
+    styles = props.styles;
+  return __jsx("div", {
+    style: styles,
+    className: (0, _clsx["default"])(DEFAULT_CLASS, className, "col-sm-".concat(columnwidth, " col-md-").concat(columnwidth))
+  }, props.children);
+}
+WmPageContent.displayName = "WmPageContent";
+var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmPageContent);

package/components/page/partial/index.js

@@ -0,0 +1,36 @@
+"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _withBaseWrapper = require("@wavemaker/react-runtime/higherOrder/withBaseWrapper");
+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 DEFAULT_CLASS = "app-partial clearfix";
+var WmPartial = /*#__PURE__*/(0, _react.memo)(function (props) {
+  var styles = props.styles,
+    children = props.children,
+    className = props.className,
+    id = props.id;
+  return __jsx(_Box["default"], {
+    component: "section",
+    sx: _objectSpread(_objectSpread({}, styles), {}, {
+      height: "".concat((styles === null || styles === void 0 ? void 0 : styles.height) || "auto", " !important") // Ensure height overrides default
+    }),
+    className: (0, _clsx["default"])(DEFAULT_CLASS, className),
+    id: id
+  }, children);
+}, function (prevProps, nextProps) {
+  return prevProps.children === nextProps.children;
+});
+WmPartial.displayName = "WmPartial";
+var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmPartial);

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

@@ -0,0 +1,48 @@
+"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 _appstore = _interopRequireDefault(require("@wavemaker/react-runtime/core/appstore"));
+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 WmPartialContainer = /*#__PURE__*/(0, _react.memo)(function (props) {
+  var prefab = props.prefab,
+    content = props.content,
+    prefabName = props.prefabName;
+  var params = {};
+  Object.keys(props).forEach(function (k) {
+    //@ts-ignore
+    params[k] = props[k];
+  });
+  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, params) : 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, params) : null);
+  };
+  return __jsx(_Container["default"], null, contentToRender());
+}, function (prevProps, nextProps) {
+  var keys = ["content", "prefab", "prefabName", "partialName"];
+  return keys.every(function (key) {
+    return prevProps[key] === nextProps[key];
+  });
+});
+WmPartialContainer.displayName = "WmPartialContainer";
+var _default = exports["default"] = WmPartialContainer;

package/components/page/props.js

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

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

@@ -0,0 +1,33 @@
+"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"
+    }
+  }, __jsx(_Container["default"], {
+    className: "parent-custom-toast"
+  }, __jsx(Component, null))));
+};
+var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(WmPageToast);