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

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

@@ -0,0 +1,112 @@
+"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);
+    }
+    onRender === null || onRender === void 0 || onRender(widget);
+  }, [onLoad, props.listener, onRender]);
+  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, _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;
+      }
+    }
+  }, [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];
+  });
+});
+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;

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>;
+}) => 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 {};

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

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

package/components/page/props.d.ts

@@ -0,0 +1,33 @@
+import { BaseProps, Prettify } from "@wavemaker-ai/react-runtime/higherOrder/props";
+/** Event payload for page lifecycle and resize events. */
+type PageEventPayload = {
+    type: string;
+    target: Window;
+};
+/**
+ * Props specific to the WmPage component.
+ */
+export interface PageProps {
+    /** The title of the page. */
+    pagetitle?: string;
+    /** Callback when navigation height changes (used internally for layout). */
+    onNavHeightChange?: (isFull: boolean) => void;
+    /** Fired when the page is attached to the DOM. */
+    OnAttach?: (event: PageEventPayload, props: WmPageProps) => void;
+    /** Fired when the page is detached from the DOM. */
+    OnDetach?: (event: PageEventPayload, props: WmPageProps) => void;
+    /** Fired when the page is destroyed. */
+    OnDestroy?: (event: PageEventPayload, props: WmPageProps) => void;
+    /** Fired when device orientation changes. */
+    OnOrientationChange?: (event: Event, props: WmPageProps) => void;
+    /** Fired when the window is resized. */
+    OnResize?: (event: PageEventPayload, props: WmPageProps, size: {
+        width: number;
+        height: number;
+    }) => void;
+}
+/**
+ * Combined props for the WmPage component, including base WaveMaker props.
+ */
+export type WmPageProps = Prettify<PageProps & BaseProps>;
+export {};

package/components/page/props.js

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

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

@@ -0,0 +1,13 @@
+import React from "react";
+import { WmPageToastProps } from "./props";
+/**
+ * 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}
+ */
+declare const _default: React.MemoExoticComponent<({ component: Component }: WmPageToastProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

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

@@ -0,0 +1,43 @@
+"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))));
+};
+
+/**
+ * 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.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+/**
+ * Props for the WmPageToast component.
+ */
+export interface WmPageToastProps {
+    /** The toast component to render inside the container. */
+    component: React.ComponentType<any>;
+}

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

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

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

@@ -0,0 +1,12 @@
+import { WmPrefabContainerProps } from "./props";
+declare const WmPrefabContainer: (props: WmPrefabContainerProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * 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}
+ */
+export default WmPrefabContainer;

package/components/prefab/container/index.js

@@ -0,0 +1,64 @@
+"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 () {
+    if (onLoad && !loadedRef.current) {
+      timeoutId = setTimeout(function () {
+        onLoad(new Event("load"), {
+          ref: ref.current
+        });
+      }, 1000);
+      loadedRef.current = true;
+    }
+    return function () {
+      if (onDestroy) {
+        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);
+};
+
+/**
+ * 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.d.ts

@@ -0,0 +1,23 @@
+import { BaseProps, Prettify } from "@wavemaker-ai/react-runtime/higherOrder/props";
+/** Callback when the prefab container is loaded. */
+type OnLoadCallback = (event: Event, context: {
+    ref: HTMLDivElement | null;
+}) => void;
+/** Callback when the prefab container is destroyed. */
+type OnDestroyCallback = (event: Event, context: {
+    ref: HTMLDivElement | null;
+}) => void;
+/**
+ * Props specific to the WmPrefabContainer component.
+ */
+export interface PrefabContainerProps {
+    /** Callback when the container is loaded. */
+    onLoad?: OnLoadCallback;
+    /** Callback when the container is destroyed. */
+    onDestroy?: OnDestroyCallback;
+}
+/**
+ * Combined props for the WmPrefabContainer component, including base WaveMaker props.
+ */
+export type WmPrefabContainerProps = Prettify<PrefabContainerProps & BaseProps>;
+export {};

package/components/prefab/container/props.js

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

package/components/prefab/index.d.ts

@@ -0,0 +1,12 @@
+import { WmPrefabProps } from "./props";
+declare const WmPrefab: (props: WmPrefabProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * 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}
+ */
+export default WmPrefab;

package/components/prefab/index.js

@@ -0,0 +1,69 @@
+"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 () {
+    if (onLoad && !loadedRef.current) {
+      setTimeout(function () {
+        onLoad(new Event("load"), {
+          ref: ref.current
+        });
+      }, 1000);
+      loadedRef.current = true;
+    }
+    return function () {
+      if (onDestroy) {
+        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);
+};
+
+/**
+ * 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.d.ts

@@ -0,0 +1,18 @@
+import { BaseProps, Prettify } from "@wavemaker-ai/react-runtime/higherOrder/props";
+/**
+ * WmPrefab has no additional props beyond BaseProps.
+ * Combined props for the WmPrefab component.
+ */
+interface PrefabProps {
+    onLoad?: (event: React.SyntheticEvent, data: any) => void;
+    onDestroy?: (event: React.SyntheticEvent, data: any) => void;
+    onRender?: (event: React.SyntheticEvent, data: any) => void;
+    children?: React.ReactNode;
+    show?: boolean;
+    listener?: any;
+    width?: number | string;
+    height?: string;
+    styles?: React.CSSProperties;
+}
+export type WmPrefabProps = Prettify<PrefabProps & BaseProps>;
+export {};

package/components/prefab/props.js

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

package/context/AppContext.d.ts

@@ -0,0 +1,9 @@
+import BaseAppProps from "@wavemaker-ai/react-runtime/higherOrder/BaseAppProps";
+interface AppProviderProps {
+    state: BaseAppProps;
+    proxy: any;
+}
+declare const AppContext: import("react").Context<AppProviderProps>;
+export declare const useAppContext: () => {};
+export declare const useAppProxy: () => any;
+export default AppContext;

package/context/AppContext.js

@@ -0,0 +1,25 @@
+"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) {
+    throw new Error("useAppContext must be used within an AppProvider");
+  }
+  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) {
+    throw new Error("useAppProxy must be used within an AppProvider");
+  }
+  return context;
+};
+var _default = exports["default"] = AppContext;

package/context/AppSpinnerProvider.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export interface DisplayOptions {
+    content?: React.ReactNode;
+    message?: string;
+    spinner?: any;
+}
+export interface SpinnerService {
+    show: (message: string) => any;
+    hide: () => any;
+}
+declare const AppSpinnerProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default AppSpinnerProvider;
+export declare const useAppSpinner: () => SpinnerService;

package/context/AppSpinnerProvider.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAppSpinner = exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _appSpinner = _interopRequireDefault(require("../components/common/app-spinner"));
+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 AppSpinnerContext = /*#__PURE__*/_react["default"].createContext(null);
+var AppSpinnerProvider = function AppSpinnerProvider(_ref) {
+  var children = _ref.children;
+  var _useState = (0, _react.useState)(false),
+    spinnerShow = _useState[0],
+    setSpinnerShow = _useState[1];
+  var _useState2 = (0, _react.useState)(""),
+    spinnerMessage = _useState2[0],
+    setSpinnerMessage = _useState2[1];
+  function show(message) {
+    setSpinnerShow(true);
+    setSpinnerMessage(message);
+  }
+  function hide() {
+    setSpinnerShow(false);
+    setSpinnerMessage("");
+  }
+  return __jsx(AppSpinnerContext.Provider, {
+    value: {
+      show: show,
+      hide: hide
+    }
+  }, __jsx(_appSpinner["default"], {
+    show: spinnerShow,
+    message: spinnerMessage
+  }), children);
+};
+var _default = exports["default"] = AppSpinnerProvider;
+var useAppSpinner = exports.useAppSpinner = function useAppSpinner() {
+  return (0, _react.useContext)(AppSpinnerContext);
+};

package/context/LayoutProvider.d.ts

@@ -0,0 +1,7 @@
+export type LayoutProxyMap = Record<string, Record<string, unknown>>;
+export declare const LayoutContext: import("react").Context<any>;
+export declare const LayoutProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useLayout: () => any;
+export default LayoutProvider;