piral-core 1.0.0-pre.2217 → 1.0.0

package/lib/actions/define.js

@@ -6,9 +6,8 @@ function defineAction(ctx, actionName, action) {
 }
 exports.defineAction = defineAction;
 function defineActions(ctx, actions) {
-    for (var _i = 0, _a = Object.keys(actions); _i < _a.length; _i++) {
-        var actionName = _a[_i];
-        var action = actions[actionName];
+    for (const actionName of Object.keys(actions)) {
+        const action = actions[actionName];
         defineAction(ctx, actionName, action);
     }
 }

package/lib/actions/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","sourceRoot":"","sources":["../../src/actions/define.ts"],"names":[],"mappings":";;;AAEA,SAAgB,YAAY,CAAC,GAAuB,EAAE,UAAkB,EAAE,MAAW;IACnF,GAAG,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAC1C,CAAC;AAFD,oCAEC;AAED,SAAgB,aAAa,CAAC,GAAuB,EAAE,OAAY;IACjE,KAAyB,UAAoB,EAApB,KAAA,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,EAApB,cAAoB,EAApB,IAAoB,EAAE;QAA1C,IAAM,UAAU,SAAA;QACnB,IAAM,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;QACnC,YAAY,CAAC,GAAG,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;KACvC;AACH,CAAC;AALD,sCAKC"}
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../src/actions/define.ts"],"names":[],"mappings":";;;AAEA,SAAgB,YAAY,CAAC,GAAuB,EAAE,UAAkB,EAAE,MAAW;IACnF,GAAG,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAC1C,CAAC;AAFD,oCAEC;AAED,SAAgB,aAAa,CAAC,GAAuB,EAAE,OAAY;IACjE,KAAK,MAAM,UAAU,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;QAC7C,MAAM,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;QACnC,YAAY,CAAC,GAAG,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;KACvC;AACH,CAAC;AALD,sCAKC"}

package/lib/actions/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./app"), exports);
 tslib_1.__exportStar(require("./components"), exports);
 tslib_1.__exportStar(require("./data"), exports);

package/lib/actions/portal.d.ts

@@ -1,4 +1,6 @@
 import { ReactPortal } from 'react';
 import { GlobalStateContext } from '../types';
 export declare function destroyPortal(ctx: GlobalStateContext, id: string): void;
+export declare function hidePortal(ctx: GlobalStateContext, id: string, entry: ReactPortal): void;
+export declare function updatePortal(ctx: GlobalStateContext, id: string, current: ReactPortal, next: ReactPortal): void;
 export declare function showPortal(ctx: GlobalStateContext, id: string, entry: ReactPortal): void;

package/lib/actions/portal.js

@@ -1,14 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.showPortal = exports.destroyPortal = void 0;
-var tslib_1 = require("tslib");
-var utils_1 = require("../utils");
+exports.showPortal = exports.updatePortal = exports.hidePortal = exports.destroyPortal = void 0;
+const utils_1 = require("../utils");
 function destroyPortal(ctx, id) {
-    ctx.dispatch(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { portals: utils_1.withoutKey(state.portals, id) })); });
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { portals: (0, utils_1.withoutKey)(state.portals, id) })));
 }
 exports.destroyPortal = destroyPortal;
+function hidePortal(ctx, id, entry) {
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { portals: (0, utils_1.withKey)(state.portals, id, (0, utils_1.excludeItem)(state.portals[id], entry)) })));
+}
+exports.hidePortal = hidePortal;
+function updatePortal(ctx, id, current, next) {
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { portals: (0, utils_1.withKey)(state.portals, id, (0, utils_1.replaceOrAddItem)(state.portals[id], next, (m) => m === current)) })));
+}
+exports.updatePortal = updatePortal;
 function showPortal(ctx, id, entry) {
-    ctx.dispatch(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { portals: utils_1.withKey(state.portals, id, utils_1.includeItem(state.portals[id], entry)) })); });
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { portals: (0, utils_1.withKey)(state.portals, id, (0, utils_1.includeItem)(state.portals[id], entry)) })));
 }
 exports.showPortal = showPortal;
 //# sourceMappingURL=portal.js.map

package/lib/actions/portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"portal.js","sourceRoot":"","sources":["../../src/actions/portal.ts"],"names":[],"mappings":";;;;AACA,kCAA4D;AAG5D,SAAgB,aAAa,CAAC,GAAuB,EAAE,EAAU;IAC/D,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uCACnB,KAAK,KACR,OAAO,EAAE,kBAAU,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC,IACtC,EAHsB,CAGtB,CAAC,CAAC;AACN,CAAC;AALD,sCAKC;AAED,SAAgB,UAAU,CAAC,GAAuB,EAAE,EAAU,EAAE,KAAkB;IAChF,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uCACnB,KAAK,KACR,OAAO,EAAE,eAAO,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,mBAAW,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,IAC1E,EAHsB,CAGtB,CAAC,CAAC;AACN,CAAC;AALD,gCAKC"}
+{"version":3,"file":"portal.js","sourceRoot":"","sources":["../../src/actions/portal.ts"],"names":[],"mappings":";;;AACA,oCAA2F;AAG3F,SAAgB,aAAa,CAAC,GAAuB,EAAE,EAAU;IAC/D,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,OAAO,EAAE,IAAA,kBAAU,EAAC,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC,IACtC,CAAC,CAAC;AACN,CAAC;AALD,sCAKC;AAED,SAAgB,UAAU,CAAC,GAAuB,EAAE,EAAU,EAAE,KAAkB;IAChF,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,OAAO,EAAE,IAAA,eAAO,EAAC,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,IAAA,mBAAW,EAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,IAC1E,CAAC,CAAC;AACN,CAAC;AALD,gCAKC;AAED,SAAgB,YAAY,CAAC,GAAuB,EAAE,EAAU,EAAE,OAAoB,EAAE,IAAiB;IACvG,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,OAAO,EAAE,IAAA,eAAO,EACd,KAAK,CAAC,OAAO,EACb,EAAE,EACF,IAAA,wBAAgB,EAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,OAAO,CAAC,CAChE,IACD,CAAC,CAAC;AACN,CAAC;AATD,oCASC;AAED,SAAgB,UAAU,CAAC,GAAuB,EAAE,EAAU,EAAE,KAAkB;IAChF,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,OAAO,EAAE,IAAA,eAAO,EAAC,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,IAAA,mBAAW,EAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,IAC1E,CAAC,CAAC;AACN,CAAC;AALD,gCAKC"}

package/lib/actions/state.js

@@ -1,14 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.readState = exports.dispatch = void 0;
-var react_atom_1 = require("@dbeining/react-atom");
+const utils_1 = require("../utils");
 function dispatch(ctx, update) {
-    react_atom_1.swap(ctx.state, update);
+    const oldState = ctx.state.getState();
+    const newState = update(oldState);
+    if (!(0, utils_1.isSame)(oldState, newState)) {
+        ctx.state.setState(newState);
+    }
 }
 exports.dispatch = dispatch;
 function readState(ctx, read) {
-    var state = react_atom_1.deref(ctx.state);
-    return read(state);
+    return read(ctx.state.getState());
 }
 exports.readState = readState;
 //# sourceMappingURL=state.js.map

package/lib/actions/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../src/actions/state.ts"],"names":[],"mappings":";;;AAAA,mDAAmD;AAGnD,SAAgB,QAAQ,CAAC,GAAuB,EAAE,MAA2C;IAC3F,iBAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AAC1B,CAAC;AAFD,4BAEC;AAED,SAAgB,SAAS,CAAI,GAAuB,EAAE,IAA+B;IACnF,IAAM,KAAK,GAAG,kBAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAC/B,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC;AACrB,CAAC;AAHD,8BAGC"}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../src/actions/state.ts"],"names":[],"mappings":";;;AAAA,oCAAkC;AAGlC,SAAgB,QAAQ,CAAC,GAAuB,EAAE,MAA2C;IAC3F,MAAM,QAAQ,GAAG,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;IACtC,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAElC,IAAI,CAAC,IAAA,cAAM,EAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE;QAC/B,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;KAC9B;AACH,CAAC;AAPD,4BAOC;AAED,SAAgB,SAAS,CAAI,GAAuB,EAAE,IAA+B;IACnF,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;AACpC,CAAC;AAFD,8BAEC"}

package/lib/components/ErrorBoundary.d.ts

@@ -1,38 +1,19 @@
 import * as React from 'react';
-/**
- * The options to be used for determining the boundary's behavior.
- */
-export interface ErrorBoundaryOptions<T> {
+import { Errors, PiletApi } from '../types';
+export interface ErrorBoundaryProps {
     /**
-     * Callback to be used in case of an emitted error.
-     * @param error The error caught by the boundary.
+     * The type of error to indicate when caught.
      */
-    onError(error: Error): void;
+    errorType: keyof Errors;
     /**
-     * Callback to be used when an error should be rendered.
-     * @param error The error caught by the boundary.
-     * @param props The props used by the boundary.
+     * The associated pilet api for the metadata.
      */
-    renderError?(error: Error, props: T): React.ReactNode;
+    piral: PiletApi;
     /**
-     * Callback to used when no error should be rendered.
-     * @param children The standard children to render.
-     * @param props The props used by the boundary.
+     * The content to render (i.e., where to apply the boundary to).
      */
-    renderChild(children: React.ReactNode, props: T): React.ReactNode;
+    children: React.ReactNode;
 }
-/**
- * The props of the ErrorBoundary component.
- */
-export interface ErrorBoundaryProps<T> extends ErrorBoundaryOptions<T> {
-    /**
-     * The render props for the specific ErrorBoundary.
-     */
-    renderProps: T;
-}
-/**
- * The state of the ErrorBoundary component.
- */
 export interface ErrorBoundaryState {
     /**
      * The current error (if any) caught by the boundary.
@@ -40,10 +21,12 @@ export interface ErrorBoundaryState {
     error?: Error;
 }
 /**
- * The React component for catching errors and displaying error information.
+ * The component for catching errors and displaying error information.
  */
-export declare class ErrorBoundary<T> extends React.Component<ErrorBoundaryProps<T>, ErrorBoundaryState> {
-    constructor(props: ErrorBoundaryProps<T>);
+export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    state: {
+        error: any;
+    };
     componentDidCatch(error: Error): void;
-    render(): {};
+    render(): JSX.Element;
 }

package/lib/components/ErrorBoundary.js

@@ -1,42 +1,37 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorBoundary = void 0;
-var tslib_1 = require("tslib");
-var React = require("react");
-var piral_base_1 = require("piral-base");
+const tslib_1 = require("tslib");
+const React = require("react");
+const components_1 = require("./components");
 /**
- * The React component for catching errors and displaying error information.
+ * The component for catching errors and displaying error information.
  */
-var ErrorBoundary = /** @class */ (function (_super) {
-    tslib_1.__extends(ErrorBoundary, _super);
-    function ErrorBoundary(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {
+class ErrorBoundary extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
             error: undefined,
         };
-        return _this;
     }
-    ErrorBoundary.prototype.componentDidCatch = function (error) {
-        var onError = this.props.onError;
-        if (piral_base_1.isfunc(onError)) {
-            onError(error);
-        }
+    componentDidCatch(error) {
+        const { piral, errorType } = this.props;
+        const pilet = piral.meta.name;
+        console.error(`[${pilet}] Exception in component of type "${errorType}".`, error);
         this.setState({
-            error: error,
+            error,
         });
-    };
-    ErrorBoundary.prototype.render = function () {
-        var _a = this.props, children = _a.children, renderError = _a.renderError, renderChild = _a.renderChild, renderProps = _a.renderProps;
-        var error = this.state.error;
+    }
+    render() {
+        const _a = this.props, { children, piral, errorType } = _a, renderProps = tslib_1.__rest(_a, ["children", "piral", "errorType"]);
+        const { error } = this.state;
+        const rest = renderProps;
         if (error) {
-            if (piral_base_1.isfunc(renderError)) {
-                return renderError(error, renderProps);
-            }
-            return React.createElement("div", { style: { whiteSpace: 'pre-wrap' } }, error && error.message);
+            const pilet = piral.meta.name;
+            return React.createElement(components_1.RegisteredErrorInfo, Object.assign({ type: errorType, error: error, pilet: pilet }, rest));
         }
-        return piral_base_1.isfunc(renderChild) ? renderChild(children, renderProps) : children;
-    };
-    return ErrorBoundary;
-}(React.Component));
+        return React.createElement(React.Suspense, { fallback: React.createElement(components_1.RegisteredLoadingIndicator, null) }, children);
+    }
+}
 exports.ErrorBoundary = ErrorBoundary;
 //# sourceMappingURL=ErrorBoundary.js.map

package/lib/components/ErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":";;;;AAAA,6BAA+B;AAC/B,yCAAoC;AA6CpC;;GAEG;AACH;IAAsC,yCAA0D;IAC9F,uBAAY,KAA4B;QAAxC,YACE,kBAAM,KAAK,CAAC,SAIb;QAHC,KAAI,CAAC,KAAK,GAAG;YACX,KAAK,EAAE,SAAS;SACjB,CAAC;;IACJ,CAAC;IAED,yCAAiB,GAAjB,UAAkB,KAAY;QACpB,IAAA,OAAO,GAAK,IAAI,CAAC,KAAK,QAAf,CAAgB;QAE/B,IAAI,mBAAM,CAAC,OAAO,CAAC,EAAE;YACnB,OAAO,CAAC,KAAK,CAAC,CAAC;SAChB;QAED,IAAI,CAAC,QAAQ,CAAC;YACZ,KAAK,OAAA;SACN,CAAC,CAAC;IACL,CAAC;IAED,8BAAM,GAAN;QACQ,IAAA,KAAsD,IAAI,CAAC,KAAK,EAA9D,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,WAAW,iBAAA,EAAE,WAAW,iBAAe,CAAC;QAC/D,IAAA,KAAK,GAAK,IAAI,CAAC,KAAK,MAAf,CAAgB;QAE7B,IAAI,KAAK,EAAE;YACT,IAAI,mBAAM,CAAC,WAAW,CAAC,EAAE;gBACvB,OAAO,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;aACxC;YAED,OAAO,6BAAK,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,IAAG,KAAK,IAAI,KAAK,CAAC,OAAO,CAAO,CAAC;SAC/E;QAED,OAAO,mBAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC7E,CAAC;IACH,oBAAC;AAAD,CAAC,AAlCD,CAAsC,KAAK,CAAC,SAAS,GAkCpD;AAlCY,sCAAa"}
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":";;;;AAAA,+BAA+B;AAC/B,6CAA+E;AAyB/E;;GAEG;AACH,MAAa,aAAc,SAAQ,KAAK,CAAC,SAAiD;IAA1F;;QACE,UAAK,GAAG;YACN,KAAK,EAAE,SAAS;SACjB,CAAC;IAwBJ,CAAC;IAtBC,iBAAiB,CAAC,KAAY;QAC5B,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACxC,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;QAC9B,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,qCAAqC,SAAS,IAAI,EAAE,KAAK,CAAC,CAAC;QAElF,IAAI,CAAC,QAAQ,CAAC;YACZ,KAAK;SACN,CAAC,CAAC;IACL,CAAC;IAED,MAAM;QACJ,MAAM,KAAiD,IAAI,CAAC,KAAK,EAA3D,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,OAA+B,EAA1B,WAAW,sBAA5C,kCAA8C,CAAa,CAAC;QAClE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC7B,MAAM,IAAI,GAAQ,WAAW,CAAC;QAE9B,IAAI,KAAK,EAAE;YACT,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;YAC9B,OAAO,oBAAC,gCAAmB,kBAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IAAM,IAAI,EAAI,CAAC;SACvF;QAED,OAAO,oBAAC,KAAK,CAAC,QAAQ,IAAC,QAAQ,EAAE,oBAAC,uCAA0B,OAAG,IAAG,QAAQ,CAAkB,CAAC;IAC/F,CAAC;CACF;AA3BD,sCA2BC"}

package/lib/components/ExtensionSlot.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ExtensionSlotProps } from '../types';
 /**
  * The extension slot component to be used when the available

package/lib/components/ExtensionSlot.js

@@ -1,26 +1,49 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExtensionSlot = void 0;
-var tslib_1 = require("tslib");
-var React = require("react");
-var piral_base_1 = require("piral-base");
-var hooks_1 = require("../hooks");
-var utils_1 = require("../utils");
+const React = require("react");
+const piral_base_1 = require("piral-base");
+const wrapComponent_1 = require("./wrapComponent");
+const hooks_1 = require("../hooks");
+const utils_1 = require("../utils");
+const wrapper = ({ children }) => (0, utils_1.defaultRender)(children);
+const renderExtensions = [
+    {
+        component: (props) => {
+            const context = (0, hooks_1.useGlobalStateContext)();
+            const converters = context.converters;
+            const piral = context.apis._;
+            const { component, props: args } = props.params;
+            const Component = React.useMemo(() => (0, wrapComponent_1.wrapComponent)(converters, component, { piral }, wrapper), [component]);
+            return React.createElement(Component, Object.assign({}, args));
+        },
+        defaults: {},
+        pilet: '',
+        reference: {
+            displayName: 'AnyComponent',
+        },
+    },
+];
+function defaultOrder(extensions) {
+    return extensions;
+}
 /**
  * The extension slot component to be used when the available
  * extensions of a given name should be rendered at a specific
  * location.
  */
 function ExtensionSlot(props) {
-    var name = props.name, _a = props.render, render = _a === void 0 ? utils_1.defaultRender : _a, empty = props.empty, params = props.params;
-    var extensions = hooks_1.useGlobalState(function (s) { return s.registry.extensions[name] || []; });
-    return render(extensions.length === 0 && piral_base_1.isfunc(empty)
-        ? [utils_1.defaultRender(empty(), 'empty')]
-        : extensions.map(function (_a, i) {
-            var Component = _a.component, reference = _a.reference, _b = _a.defaults, defaults = _b === void 0 ? {} : _b;
-            return (React.createElement(Component, { key: "" + ((reference === null || reference === void 0 ? void 0 : reference.displayName) || '_') + i, params: tslib_1.__assign(tslib_1.__assign({}, defaults), (params || {})) }));
-        }));
+    const { name, render = utils_1.defaultRender, empty, params, children, emptySkipsRender = false, order = defaultOrder, } = props;
+    const extensions = (0, hooks_1.useGlobalState)((s) => (name ? s.registry.extensions[name] || utils_1.none : renderExtensions));
+    const isEmpty = extensions.length === 0 && (0, piral_base_1.isfunc)(empty);
+    const content = isEmpty
+        ? [(0, utils_1.defaultRender)(empty(), 'empty')]
+        : order(extensions).map(({ component: Component, reference, defaults = {} }, i) => (React.createElement(Component, { key: `${(reference === null || reference === void 0 ? void 0 : reference.displayName) || '_'}${i}`, children: children, params: Object.assign(Object.assign({}, defaults), params) })));
+    if (isEmpty && emptySkipsRender) {
+        return content[0];
+    }
+    return render(content);
 }
 exports.ExtensionSlot = ExtensionSlot;
-ExtensionSlot.displayName = "ExtensionSlot";
+ExtensionSlot.displayName = `ExtensionSlot`;
 //# sourceMappingURL=ExtensionSlot.js.map

package/lib/components/ExtensionSlot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionSlot.js","sourceRoot":"","sources":["../../src/components/ExtensionSlot.tsx"],"names":[],"mappings":";;;;AAAA,6BAA+B;AAC/B,yCAAoC;AACpC,kCAA0C;AAC1C,kCAAyC;AAGzC;;;;GAIG;AACH,SAAgB,aAAa,CAAmB,KAA4B;IAClE,IAAA,IAAI,GAA4C,KAAK,KAAjD,EAAE,KAA0C,KAAK,OAAzB,EAAtB,MAAM,mBAAG,qBAAa,KAAA,EAAE,KAAK,GAAa,KAAK,MAAlB,EAAE,MAAM,GAAK,KAAK,OAAV,CAAW;IAC9D,IAAM,UAAU,GAAG,sBAAc,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,EAAjC,CAAiC,CAAC,CAAC;IAC5E,OAAO,MAAM,CACX,UAAU,CAAC,MAAM,KAAK,CAAC,IAAI,mBAAM,CAAC,KAAK,CAAC;QACtC,CAAC,CAAC,CAAC,qBAAa,CAAC,KAAK,EAAE,EAAE,OAAO,CAAC,CAAC;QACnC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,UAAC,EAAkD,EAAE,CAAC;gBAAxC,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA;YAAU,OAAA,CACxE,oBAAC,SAAS,IACR,GAAG,EAAE,MAAG,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,KAAI,GAAG,IAAG,CAAG,EAC3C,MAAM,wCACD,QAAQ,GACR,CAAC,MAAM,IAAI,EAAE,CAAC,IAEnB,CACH;QARyE,CAQzE,CAAC,CACP,CAAC;AACJ,CAAC;AAhBD,sCAgBC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
+{"version":3,"file":"ExtensionSlot.js","sourceRoot":"","sources":["../../src/components/ExtensionSlot.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,2CAAoC;AACpC,mDAAgD;AAChD,oCAAiE;AACjE,oCAA+C;AAG/C,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,IAAA,qBAAa,EAAC,QAAQ,CAAC,CAAC;AAE1D,MAAM,gBAAgB,GAA4B;IAChD;QACE,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,MAAM,OAAO,GAAG,IAAA,6BAAqB,GAAE,CAAC;YACxC,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;YACtC,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;YAC7B,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;YAChD,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAA,6BAAa,EAAC,UAAU,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;YAC7G,OAAO,oBAAC,SAAS,oBAAK,IAAI,EAAI,CAAC;QACjC,CAAC;QACD,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,EAAE;QACT,SAAS,EAAE;YACT,WAAW,EAAE,cAAc;SAC5B;KACF;CACF,CAAC;AAEF,SAAS,YAAY,CAAC,UAAwC;IAC5D,OAAO,UAAU,CAAC;AACpB,CAAC;AAED;;;;GAIG;AACH,SAAgB,aAAa,CAAmB,KAA4B;IAC1E,MAAM,EACJ,IAAI,EACJ,MAAM,GAAG,qBAAa,EACtB,KAAK,EACL,MAAM,EACN,QAAQ,EACR,gBAAgB,GAAG,KAAK,EACxB,KAAK,GAAG,YAAY,GACrB,GAAG,KAAK,CAAC;IACV,MAAM,UAAU,GAAG,IAAA,sBAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,YAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC1G,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,KAAK,CAAC,IAAI,IAAA,mBAAM,EAAC,KAAK,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,OAAO;QACrB,CAAC,CAAC,CAAC,IAAA,qBAAa,EAAC,KAAK,EAAE,EAAE,OAAO,CAAC,CAAC;QACnC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAC/E,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,KAAI,GAAG,GAAG,CAAC,EAAE,EAC3C,QAAQ,EAAE,QAAQ,EAClB,MAAM,kCACD,QAAQ,GACR,MAAM,IAEX,CACH,CAAC,CAAC;IAEP,IAAI,OAAO,IAAI,gBAAgB,EAAE;QAC/B,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC;KACnB;IAED,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC;AACzB,CAAC;AA9BD,sCA8BC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/lib/components/ForeignComponentContainer.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import type { ForeignComponent, BaseComponentProps, ComponentContext } from '../types';
+interface ForeignComponentContainerProps<T> {
+    $portalId: string;
+    $component: ForeignComponent<T>;
+    $context: ComponentContext;
+    innerProps: T & BaseComponentProps;
+}
+export declare class ForeignComponentContainer<T> extends React.Component<ForeignComponentContainerProps<T>> {
+    private locals?;
+    private current?;
+    private previous?;
+    private setNode;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}
+export {};

package/lib/components/ForeignComponentContainer.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ForeignComponentContainer = void 0;
+const React = require("react");
+const piral_base_1 = require("piral-base");
+class ForeignComponentContainer extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.locals = {};
+        this.setNode = (node) => {
+            this.current = node;
+        };
+    }
+    componentDidMount() {
+        const { current } = this;
+        const { $component, $context, innerProps } = this.props;
+        const { mount } = $component;
+        if (current && (0, piral_base_1.isfunc)(mount)) {
+            mount(current, innerProps, $context, this.locals);
+        }
+        this.previous = current;
+    }
+    componentDidUpdate() {
+        const { current, previous } = this;
+        const { $component, $context, innerProps } = this.props;
+        const { update } = $component;
+        if (current !== previous) {
+            previous && this.componentWillUnmount();
+            current && this.componentDidMount();
+        }
+        else if ((0, piral_base_1.isfunc)(update)) {
+            update(current, innerProps, $context, this.locals);
+        }
+    }
+    componentWillUnmount() {
+        const { previous } = this;
+        const { $component } = this.props;
+        const { unmount } = $component;
+        if (previous && (0, piral_base_1.isfunc)(unmount)) {
+            unmount(previous, this.locals);
+        }
+        this.previous = undefined;
+    }
+    render() {
+        const { $portalId } = this.props;
+        return React.createElement("piral-portal", { pid: $portalId, ref: this.setNode });
+    }
+}
+exports.ForeignComponentContainer = ForeignComponentContainer;
+//# sourceMappingURL=ForeignComponentContainer.js.map

package/lib/components/ForeignComponentContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForeignComponentContainer.js","sourceRoot":"","sources":["../../src/components/ForeignComponentContainer.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,2CAAoC;AAWpC,MAAa,yBAA6B,SAAQ,KAAK,CAAC,SAA4C;IAApG;;QACU,WAAM,GAAyB,EAAE,CAAC;QAIlC,YAAO,GAAG,CAAC,IAAoB,EAAE,EAAE;YACzC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACtB,CAAC,CAAC;IA2CJ,CAAC;IAzCC,iBAAiB;QACf,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACzB,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACxD,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC;QAE7B,IAAI,OAAO,IAAI,IAAA,mBAAM,EAAC,KAAK,CAAC,EAAE;YAC5B,KAAK,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;SACnD;QAED,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;IAC1B,CAAC;IAED,kBAAkB;QAChB,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QACnC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACxD,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;QAE9B,IAAI,OAAO,KAAK,QAAQ,EAAE;YACxB,QAAQ,IAAI,IAAI,CAAC,oBAAoB,EAAE,CAAC;YACxC,OAAO,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;SACrC;aAAM,IAAI,IAAA,mBAAM,EAAC,MAAM,CAAC,EAAE;YACzB,MAAM,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;SACpD;IACH,CAAC;IAED,oBAAoB;QAClB,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QAC1B,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAClC,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC;QAE/B,IAAI,QAAQ,IAAI,IAAA,mBAAM,EAAC,OAAO,CAAC,EAAE;YAC/B,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;SAChC;QAED,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;IAC5B,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACjC,OAAO,sCAAc,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,GAAI,CAAC;IAC7D,CAAC;CACF;AAlDD,8DAkDC"}

package/lib/components/Mediator.js

@@ -1,24 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Mediator = void 0;
-var React = require("react");
-var piral_base_1 = require("piral-base");
-var hooks_1 = require("../hooks");
+const React = require("react");
+const piral_base_1 = require("piral-base");
+const hooks_1 = require("../hooks");
+const utils_1 = require("../utils");
 /**
  * The Mediator component for interfacing with pilets loading.
  */
-exports.Mediator = function (_a) {
-    var options = _a.options;
-    var initialize = hooks_1.useAction('initialize');
-    React.useEffect(function () {
-        var _a = piral_base_1.startLoadingPilets(options), connect = _a.connect, disconnect = _a.disconnect;
-        var notifier = function (error, pilets, loaded) {
-            initialize(!loaded, error, pilets);
-        };
-        connect(notifier);
-        return function () { return disconnect(notifier); };
-    }, []);
+const Mediator = ({ options }) => {
+    const { initialize, readState } = (0, hooks_1.useGlobalStateContext)();
+    React.useEffect(() => {
+        const shouldLoad = readState(s => s.app.loading);
+        if (shouldLoad) {
+            const { connect, disconnect } = (0, piral_base_1.startLoadingPilets)(options);
+            const notifier = (error, pilets, loaded) => {
+                initialize(!loaded, error, pilets);
+            };
+            connect(notifier);
+            return () => disconnect(notifier);
+        }
+    }, utils_1.none);
     // tslint:disable-next-line:no-null-keyword
     return null;
 };
+exports.Mediator = Mediator;
 //# sourceMappingURL=Mediator.js.map

package/lib/components/Mediator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Mediator.js","sourceRoot":"","sources":["../../src/components/Mediator.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,yCAAkF;AAClF,kCAAqC;AAYrC;;GAEG;AACU,QAAA,QAAQ,GAA4B,UAAC,EAAW;QAAT,OAAO,aAAA;IACzD,IAAM,UAAU,GAAG,iBAAS,CAAC,YAAY,CAAC,CAAC;IAC3C,KAAK,CAAC,SAAS,CAAC;QACR,IAAA,KAA0B,+BAAkB,CAAC,OAAO,CAAC,EAAnD,OAAO,aAAA,EAAE,UAAU,gBAAgC,CAAC;QAC5D,IAAM,QAAQ,GAAkB,UAAC,KAAK,EAAE,MAAM,EAAE,MAAM;YACpD,UAAU,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QACrC,CAAC,CAAC;QACF,OAAO,CAAC,QAAQ,CAAC,CAAC;QAClB,OAAO,cAAM,OAAA,UAAU,CAAC,QAAQ,CAAC,EAApB,CAAoB,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,2CAA2C;IAC3C,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}
+{"version":3,"file":"Mediator.js","sourceRoot":"","sources":["../../src/components/Mediator.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,2CAAkF;AAClF,oCAAiD;AACjD,oCAAgC;AAYhC;;GAEG;AACI,MAAM,QAAQ,GAA4B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC/D,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAA,6BAAqB,GAAE,CAAC;IAE1D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAEjD,IAAI,UAAU,EAAE;YACd,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,IAAA,+BAAkB,EAAC,OAAO,CAAC,CAAC;YAC5D,MAAM,QAAQ,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE;gBACxD,UAAU,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;YACrC,CAAC,CAAC;YACF,OAAO,CAAC,QAAQ,CAAC,CAAC;YAClB,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;SACnC;IAEH,CAAC,EAAE,YAAI,CAAC,CAAC;IAET,2CAA2C;IAC3C,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAnBW,QAAA,QAAQ,YAmBnB"}

package/lib/components/PiralGlobals.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+/**
+ * Integrates the global portal renderer and the debug utilities
+ * (if registered).
+ */
+export declare const PiralGlobals: React.FC;

package/lib/components/PiralGlobals.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PiralGlobals = void 0;
+const React = require("react");
+const PortalRenderer_1 = require("./PortalRenderer");
+const components_1 = require("./components");
+/**
+ * Integrates the global portal renderer and the debug utilities
+ * (if registered).
+ */
+const PiralGlobals = () => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(PortalRenderer_1.PortalRenderer, { id: "root" }),
+        React.createElement(components_1.RegisteredDebug, null)));
+};
+exports.PiralGlobals = PiralGlobals;
+//# sourceMappingURL=PiralGlobals.js.map

package/lib/components/PiralGlobals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PiralGlobals.js","sourceRoot":"","sources":["../../src/components/PiralGlobals.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,qDAAkD;AAClD,6CAA+C;AAE/C;;;GAGG;AACI,MAAM,YAAY,GAAa,GAAG,EAAE;IACzC,OAAO,CACL;QACE,oBAAC,+BAAc,IAAC,EAAE,EAAC,MAAM,GAAG;QAC5B,oBAAC,4BAAe,OAAG,CAClB,CACJ,CAAC;AACJ,CAAC,CAAC;AAPW,QAAA,YAAY,gBAOvB"}

package/lib/components/PiralRoutes.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { RouteComponentProps, SwitchProps } from 'react-router';
+import { RouteSwitchProps } from '../types';
 /**
  * The props used by the PiralRoutes component.
  */
@@ -8,6 +9,10 @@ export interface RoutesProps extends SwitchProps {
      * Sets the component for showing the not found page.
      */
     NotFound: React.ComponentType<RouteComponentProps>;
+    /**
+     * Sets the component for actually switching the routes.
+     */
+    RouteSwitch: React.ComponentType<RouteSwitchProps>;
 }
 /**
  * The component for defining the exclusive routes to be used.

package/lib/components/PiralRoutes.js

@@ -1,21 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PiralRoutes = void 0;
-var tslib_1 = require("tslib");
-var React = require("react");
-var react_router_1 = require("react-router");
-var hooks_1 = require("../hooks");
+const tslib_1 = require("tslib");
+const React = require("react");
+const hooks_1 = require("../hooks");
 /**
  * The component for defining the exclusive routes to be used.
  */
-exports.PiralRoutes = function (_a) {
-    var NotFound = _a.NotFound, props = tslib_1.__rest(_a, ["NotFound"]);
-    var routes = hooks_1.useGlobalState(function (s) { return s.routes; });
-    var pages = hooks_1.useGlobalState(function (s) { return s.registry.pages; });
-    return (React.createElement(react_router_1.Switch, tslib_1.__assign({}, props),
-        Object.keys(routes).map(function (url) { return (React.createElement(react_router_1.Route, { exact: true, key: url, path: url, component: routes[url] })); }),
-        Object.keys(pages).map(function (url) { return (React.createElement(react_router_1.Route, { exact: true, key: url, path: url, component: pages[url].component })); }),
-        React.createElement(react_router_1.Route, { component: NotFound })));
+const PiralRoutes = (_a) => {
+    var { NotFound, RouteSwitch } = _a, props = tslib_1.__rest(_a, ["NotFound", "RouteSwitch"]);
+    const paths = (0, hooks_1.useRoutes)();
+    return React.createElement(RouteSwitch, Object.assign({ NotFound: NotFound, paths: paths }, props));
 };
+exports.PiralRoutes = PiralRoutes;
 exports.PiralRoutes.displayName = 'Routes';
 //# sourceMappingURL=PiralRoutes.js.map

package/lib/components/PiralRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"PiralRoutes.js","sourceRoot":"","sources":["../../src/components/PiralRoutes.tsx"],"names":[],"mappings":";;;;AAAA,6BAA+B;AAC/B,6CAA+E;AAC/E,kCAA0C;AAY1C;;GAEG;AACU,QAAA,WAAW,GAA0B,UAAC,EAAsB;IAApB,IAAA,QAAQ,cAAA,EAAK,KAAK,sBAApB,YAAsB,CAAF;IACrE,IAAM,MAAM,GAAG,sBAAc,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,MAAM,EAAR,CAAQ,CAAC,CAAC;IAC/C,IAAM,KAAK,GAAG,sBAAc,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,QAAQ,CAAC,KAAK,EAAhB,CAAgB,CAAC,CAAC;IAEtD,OAAO,CACL,oBAAC,qBAAM,uBAAK,KAAK;QACd,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CAChC,oBAAC,oBAAK,IAAC,KAAK,QAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,CAAC,GAAI,CAC7D,EAFiC,CAEjC,CAAC;QACD,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CAC/B,oBAAC,oBAAK,IAAC,KAAK,QAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,SAAS,GAAI,CACtE,EAFgC,CAEhC,CAAC;QACF,oBAAC,oBAAK,IAAC,SAAS,EAAE,QAAQ,GAAI,CACvB,CACV,CAAC;AACJ,CAAC,CAAC;AACF,mBAAW,CAAC,WAAW,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"PiralRoutes.js","sourceRoot":"","sources":["../../src/components/PiralRoutes.tsx"],"names":[],"mappings":";;;;AAAA,+BAA+B;AAE/B,oCAAqC;AAiBrC;;GAEG;AACI,MAAM,WAAW,GAA0B,CAAC,EAAmC,EAAE,EAAE;QAAvC,EAAE,QAAQ,EAAE,WAAW,OAAY,EAAP,KAAK,sBAAjC,2BAAmC,CAAF;IAClF,MAAM,KAAK,GAAG,IAAA,iBAAS,GAAE,CAAC;IAC1B,OAAO,oBAAC,WAAW,kBAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,IAAM,KAAK,EAAI,CAAC;AACtE,CAAC,CAAC;AAHW,QAAA,WAAW,eAGtB;AACF,mBAAW,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/lib/components/PiralSuspense.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface PiralSuspenseProps {
+    children?: React.ReactNode;
+}
+export declare const PiralSuspense: React.FC<PiralSuspenseProps>;

package/lib/components/PiralSuspense.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PiralSuspense = void 0;
+const React = require("react");
+const components_1 = require("./components");
+const hooks_1 = require("../hooks");
+const PiralSuspense = ({ children }) => {
+    const { error, loading } = (0, hooks_1.useGlobalState)((m) => m.app);
+    return error ? (React.createElement(components_1.RegisteredErrorInfo, { type: "loading", error: error })) : loading ? (React.createElement(components_1.RegisteredLoadingIndicator, null)) : (React.createElement(React.Fragment, null, children));
+};
+exports.PiralSuspense = PiralSuspense;
+//# sourceMappingURL=PiralSuspense.js.map

package/lib/components/PiralSuspense.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PiralSuspense.js","sourceRoot":"","sources":["../../src/components/PiralSuspense.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,6CAA+E;AAC/E,oCAA0C;AAMnC,MAAM,aAAa,GAAiC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC1E,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAA,sBAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAExD,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,oBAAC,gCAAmB,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,GAAI,CACrD,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACZ,oBAAC,uCAA0B,OAAG,CAC/B,CAAC,CAAC,CAAC,CACF,0CAAG,QAAQ,CAAI,CAChB,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,aAAa,iBAUxB"}

package/lib/components/PiralView.d.ts

@@ -1,11 +1,20 @@
 import * as React from 'react';
+import { LayoutBreakpoints } from '../types';
 /**
  * The props for the PiralView component.
  */
 export interface PiralViewProps {
+    /**
+     * The custom breakpoints for the different layout modi.
+     */
+    breakpoints?: LayoutBreakpoints;
+    /**
+     * The extra content.
+     */
+    children: React.ReactNode;
 }
 /**
  * The component responsible for the generic view of the application.
- * This includes the global providers, the used Router, the current content and some convenience.
+ * This includes the used the current content and some convenience.
  */
 export declare const PiralView: React.FC<PiralViewProps>;