piral-core 1.0.0-pre.2217 → 1.0.0

package/esm/components/ExtensionSlot.js

@@ -1,22 +1,45 @@
-import { __assign } from "tslib";
 import * as React from 'react';
 import { isfunc } from 'piral-base';
-import { useGlobalState } from '../hooks';
-import { defaultRender } from '../utils';
+import { wrapComponent } from './wrapComponent';
+import { useGlobalState, useGlobalStateContext } from '../hooks';
+import { defaultRender, none } from '../utils';
+const wrapper = ({ children }) => defaultRender(children);
+const renderExtensions = [
+    {
+        component: (props) => {
+            const context = useGlobalStateContext();
+            const converters = context.converters;
+            const piral = context.apis._;
+            const { component, props: args } = props.params;
+            const Component = React.useMemo(() => 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.
  */
 export function ExtensionSlot(props) {
-    var name = props.name, _a = props.render, render = _a === void 0 ? defaultRender : _a, empty = props.empty, params = props.params;
-    var extensions = useGlobalState(function (s) { return s.registry.extensions[name] || []; });
-    return render(extensions.length === 0 && isfunc(empty)
+    const { name, render = defaultRender, empty, params, children, emptySkipsRender = false, order = defaultOrder, } = props;
+    const extensions = useGlobalState((s) => (name ? s.registry.extensions[name] || none : renderExtensions));
+    const isEmpty = extensions.length === 0 && isfunc(empty);
+    const content = isEmpty
         ? [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: __assign(__assign({}, defaults), (params || {})) }));
-        }));
+        : 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);
 }
-ExtensionSlot.displayName = "ExtensionSlot";
+ExtensionSlot.displayName = `ExtensionSlot`;
 //# sourceMappingURL=ExtensionSlot.js.map

package/esm/components/ExtensionSlot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionSlot.js","sourceRoot":"","sources":["../../src/components/ExtensionSlot.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAGzC;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAmB,KAA4B;IAClE,IAAA,IAAI,GAA4C,KAAK,KAAjD,EAAE,KAA0C,KAAK,OAAzB,EAAtB,MAAM,mBAAG,aAAa,KAAA,EAAE,KAAK,GAAa,KAAK,MAAlB,EAAE,MAAM,GAAK,KAAK,OAAV,CAAW;IAC9D,IAAM,UAAU,GAAG,cAAc,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,MAAM,CAAC,KAAK,CAAC;QACtC,CAAC,CAAC,CAAC,aAAa,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,wBACD,QAAQ,GACR,CAAC,MAAM,IAAI,EAAE,CAAC,IAEnB,CACH;QARyE,CAQzE,CAAC,CACP,CAAC;AACJ,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
+{"version":3,"file":"ExtensionSlot.js","sourceRoot":"","sources":["../../src/components/ExtensionSlot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAG/C,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;AAE1D,MAAM,gBAAgB,GAA4B;IAChD;QACE,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,MAAM,OAAO,GAAG,qBAAqB,EAAE,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,aAAa,CAAC,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,MAAM,UAAU,aAAa,CAAmB,KAA4B;IAC1E,MAAM,EACJ,IAAI,EACJ,MAAM,GAAG,aAAa,EACtB,KAAK,EACL,MAAM,EACN,QAAQ,EACR,gBAAgB,GAAG,KAAK,EACxB,KAAK,GAAG,YAAY,GACrB,GAAG,KAAK,CAAC;IACV,MAAM,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC1G,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,OAAO;QACrB,CAAC,CAAC,CAAC,aAAa,CAAC,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;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/esm/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/esm/components/ForeignComponentContainer.js

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import { isfunc } from 'piral-base';
+export 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 && 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 (isfunc(update)) {
+            update(current, innerProps, $context, this.locals);
+        }
+    }
+    componentWillUnmount() {
+        const { previous } = this;
+        const { $component } = this.props;
+        const { unmount } = $component;
+        if (previous && isfunc(unmount)) {
+            unmount(previous, this.locals);
+        }
+        this.previous = undefined;
+    }
+    render() {
+        const { $portalId } = this.props;
+        return React.createElement("piral-portal", { pid: $portalId, ref: this.setNode });
+    }
+}
+//# sourceMappingURL=ForeignComponentContainer.js.map

package/esm/components/ForeignComponentContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForeignComponentContainer.js","sourceRoot":"","sources":["../../src/components/ForeignComponentContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAWpC,MAAM,OAAO,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,MAAM,CAAC,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,MAAM,CAAC,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,MAAM,CAAC,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"}

package/esm/components/Mediator.js

@@ -1,20 +1,23 @@
 import * as React from 'react';
 import { startLoadingPilets } from 'piral-base';
-import { useAction } from '../hooks';
+import { useGlobalStateContext } from '../hooks';
+import { none } from '../utils';
 /**
  * The Mediator component for interfacing with pilets loading.
  */
-export var Mediator = function (_a) {
-    var options = _a.options;
-    var initialize = useAction('initialize');
-    React.useEffect(function () {
-        var _a = 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); };
-    }, []);
+export const Mediator = ({ options }) => {
+    const { initialize, readState } = useGlobalStateContext();
+    React.useEffect(() => {
+        const shouldLoad = readState(s => s.app.loading);
+        if (shouldLoad) {
+            const { connect, disconnect } = startLoadingPilets(options);
+            const notifier = (error, pilets, loaded) => {
+                initialize(!loaded, error, pilets);
+            };
+            connect(notifier);
+            return () => disconnect(notifier);
+        }
+    }, none);
     // tslint:disable-next-line:no-null-keyword
     return null;
 };

package/esm/components/Mediator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Mediator.js","sourceRoot":"","sources":["../../src/components/Mediator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAqB,kBAAkB,EAAiB,MAAM,YAAY,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAYrC;;GAEG;AACH,MAAM,CAAC,IAAM,QAAQ,GAA4B,UAAC,EAAW;QAAT,OAAO,aAAA;IACzD,IAAM,UAAU,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;IAC3C,KAAK,CAAC,SAAS,CAAC;QACR,IAAA,KAA0B,kBAAkB,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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAqB,kBAAkB,EAAiB,MAAM,YAAY,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAYhC;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC/D,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,qBAAqB,EAAE,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,kBAAkB,CAAC,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,IAAI,CAAC,CAAC;IAET,2CAA2C;IAC3C,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

package/esm/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/esm/components/PiralGlobals.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { PortalRenderer } from './PortalRenderer';
+import { RegisteredDebug } from './components';
+/**
+ * Integrates the global portal renderer and the debug utilities
+ * (if registered).
+ */
+export const PiralGlobals = () => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(PortalRenderer, { id: "root" }),
+        React.createElement(RegisteredDebug, null)));
+};
+//# sourceMappingURL=PiralGlobals.js.map

package/esm/components/PiralGlobals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PiralGlobals.js","sourceRoot":"","sources":["../../src/components/PiralGlobals.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAa,GAAG,EAAE;IACzC,OAAO,CACL;QACE,oBAAC,cAAc,IAAC,EAAE,EAAC,MAAM,GAAG;QAC5B,oBAAC,eAAe,OAAG,CAClB,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/esm/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/esm/components/PiralRoutes.js

@@ -1,18 +1,13 @@
-import { __assign, __rest } from "tslib";
+import { __rest } from "tslib";
 import * as React from 'react';
-import { Route, Switch } from 'react-router';
-import { useGlobalState } from '../hooks';
+import { useRoutes } from '../hooks';
 /**
  * The component for defining the exclusive routes to be used.
  */
-export var PiralRoutes = function (_a) {
-    var NotFound = _a.NotFound, props = __rest(_a, ["NotFound"]);
-    var routes = useGlobalState(function (s) { return s.routes; });
-    var pages = useGlobalState(function (s) { return s.registry.pages; });
-    return (React.createElement(Switch, __assign({}, props),
-        Object.keys(routes).map(function (url) { return (React.createElement(Route, { exact: true, key: url, path: url, component: routes[url] })); }),
-        Object.keys(pages).map(function (url) { return (React.createElement(Route, { exact: true, key: url, path: url, component: pages[url].component })); }),
-        React.createElement(Route, { component: NotFound })));
+export const PiralRoutes = (_a) => {
+    var { NotFound, RouteSwitch } = _a, props = __rest(_a, ["NotFound", "RouteSwitch"]);
+    const paths = useRoutes();
+    return React.createElement(RouteSwitch, Object.assign({ NotFound: NotFound, paths: paths }, props));
 };
 PiralRoutes.displayName = 'Routes';
 //# sourceMappingURL=PiralRoutes.js.map

package/esm/components/PiralRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"PiralRoutes.js","sourceRoot":"","sources":["../../src/components/PiralRoutes.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,EAAoC,MAAM,cAAc,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAY1C;;GAEG;AACH,MAAM,CAAC,IAAM,WAAW,GAA0B,UAAC,EAAsB;IAApB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACrE,IAAM,MAAM,GAAG,cAAc,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,MAAM,EAAR,CAAQ,CAAC,CAAC;IAC/C,IAAM,KAAK,GAAG,cAAc,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,QAAQ,CAAC,KAAK,EAAhB,CAAgB,CAAC,CAAC;IAEtD,OAAO,CACL,oBAAC,MAAM,eAAK,KAAK;QACd,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CAChC,oBAAC,KAAK,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,KAAK,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,KAAK,IAAC,SAAS,EAAE,QAAQ,GAAI,CACvB,CACV,CAAC;AACJ,CAAC,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"PiralRoutes.js","sourceRoot":"","sources":["../../src/components/PiralRoutes.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAiBrC;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAA0B,CAAC,EAAmC,EAAE,EAAE;QAAvC,EAAE,QAAQ,EAAE,WAAW,OAAY,EAAP,KAAK,cAAjC,2BAAmC,CAAF;IAClF,MAAM,KAAK,GAAG,SAAS,EAAE,CAAC;IAC1B,OAAO,oBAAC,WAAW,kBAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,IAAM,KAAK,EAAI,CAAC;AACtE,CAAC,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/esm/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/esm/components/PiralSuspense.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { RegisteredErrorInfo, RegisteredLoadingIndicator } from './components';
+import { useGlobalState } from '../hooks';
+export const PiralSuspense = ({ children }) => {
+    const { error, loading } = useGlobalState((m) => m.app);
+    return error ? (React.createElement(RegisteredErrorInfo, { type: "loading", error: error })) : loading ? (React.createElement(RegisteredLoadingIndicator, null)) : (React.createElement(React.Fragment, null, children));
+};
+//# sourceMappingURL=PiralSuspense.js.map

package/esm/components/PiralSuspense.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PiralSuspense.js","sourceRoot":"","sources":["../../src/components/PiralSuspense.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAM1C,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC1E,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAExD,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,oBAAC,mBAAmB,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,GAAI,CACrD,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACZ,oBAAC,0BAA0B,OAAG,CAC/B,CAAC,CAAC,CAAC,CACF,0CAAG,QAAQ,CAAI,CAChB,CAAC;AACJ,CAAC,CAAC"}

package/esm/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>;

package/esm/components/PiralView.js

@@ -1,32 +1,19 @@
-import { __assign } from "tslib";
 import * as React from 'react';
-import { StaticRouter } from 'react-router';
-import { PiralError, PiralRouter, PiralLoadingIndicator, PiralLayout, PiralDebug } from './components';
+import { PiralGlobals } from './PiralGlobals';
 import { PiralRoutes } from './PiralRoutes';
-import { useGlobalState } from '../hooks';
-var NotFound = function (props) { return React.createElement(PiralError, __assign({ type: "not_found" }, props)); };
-var PiralContent = function () {
-    var _a = useGlobalState(function (m) { return m.app; }), error = _a.error, loading = _a.loading, layout = _a.layout;
-    return error ? (React.createElement(PiralError, { type: "loading", error: error })) : loading ? (React.createElement(PiralLoadingIndicator, null)) : (React.createElement(PiralLayout, { currentLayout: layout },
-        React.createElement(PiralRoutes, { NotFound: NotFound })));
-};
-var Router = typeof window === 'undefined' ? function (props) { return React.createElement(StaticRouter, __assign({ location: "/" }, props)); } : PiralRouter;
-var PiralProvider = function (_a) {
-    var children = _a.children;
-    var provider = useGlobalState(function (m) { return m.provider; }) || React.Fragment;
-    return React.createElement(provider, undefined, children);
-};
+import { PiralSuspense } from './PiralSuspense';
+import { ResponsiveLayout } from './ResponsiveLayout';
+import { RegisteredErrorInfo, RegisteredRouteSwitch, RegisteredLayout } from './components';
+const NotFound = (props) => React.createElement(RegisteredErrorInfo, Object.assign({ type: "not_found" }, props));
 /**
  * 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 var PiralView = function (_a) {
-    var children = _a.children;
-    return (React.createElement(PiralProvider, null,
-        React.createElement(Router, null,
-            React.createElement(PiralContent, null),
-            children,
-            React.createElement(PiralDebug, null))));
-};
+export const PiralView = ({ breakpoints, children }) => (React.createElement(React.Fragment, null,
+    React.createElement(PiralGlobals, null),
+    React.createElement(PiralSuspense, null,
+        React.createElement(ResponsiveLayout, { breakpoints: breakpoints, Layout: RegisteredLayout },
+            React.createElement(PiralRoutes, { NotFound: NotFound, RouteSwitch: RegisteredRouteSwitch }))),
+    children));
 PiralView.displayName = 'PiralView';
 //# sourceMappingURL=PiralView.js.map

package/esm/components/PiralView.js.map

@@ -1 +1 @@
-{"version":3,"file":"PiralView.js","sourceRoot":"","sources":["../../src/components/PiralView.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAuB,YAAY,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,qBAAqB,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACvG,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,IAAM,QAAQ,GAAkC,UAAC,KAAK,IAAK,OAAA,oBAAC,UAAU,aAAC,IAAI,EAAC,WAAW,IAAK,KAAK,EAAI,EAA1C,CAA0C,CAAC;AAEtG,IAAM,YAAY,GAAa;IACvB,IAAA,KAA6B,cAAc,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,GAAG,EAAL,CAAK,CAAC,EAAvD,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAiC,CAAC;IAEhE,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,oBAAC,UAAU,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,GAAI,CAC5C,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACZ,oBAAC,qBAAqB,OAAG,CAC1B,CAAC,CAAC,CAAC,CACF,oBAAC,WAAW,IAAC,aAAa,EAAE,MAAM;QAChC,oBAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,GAAI,CACvB,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,MAAM,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,UAAC,KAAK,IAAK,OAAA,oBAAC,YAAY,aAAC,QAAQ,EAAC,GAAG,IAAK,KAAK,EAAI,EAAxC,CAAwC,CAAC,CAAC,CAAC,WAAW,CAAC;AAEjH,IAAM,aAAa,GAAa,UAAC,EAAY;QAAV,QAAQ,cAAA;IACzC,IAAM,QAAQ,GAAG,cAAc,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,QAAQ,EAAV,CAAU,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC;IACrE,OAAO,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;AAC5D,CAAC,CAAC;AAOF;;;GAGG;AACH,MAAM,CAAC,IAAM,SAAS,GAA6B,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,CACnE,oBAAC,aAAa;QACZ,oBAAC,MAAM;YACL,oBAAC,YAAY,OAAG;YACf,QAAQ;YACT,oBAAC,UAAU,OAAG,CACP,CACK,CACjB;AARoE,CAQpE,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
+{"version":3,"file":"PiralView.js","sourceRoot":"","sources":["../../src/components/PiralView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAG5F,MAAM,QAAQ,GAAkC,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,mBAAmB,kBAAC,IAAI,EAAC,WAAW,IAAK,KAAK,EAAI,CAAC;AAgB/G;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAChF;IACE,oBAAC,YAAY,OAAG;IAChB,oBAAC,aAAa;QACZ,oBAAC,gBAAgB,IAAC,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,gBAAgB;YAClE,oBAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,qBAAqB,GAAI,CACtD,CACL;IACf,QAAQ,CACR,CACJ,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/esm/components/PortalRenderer.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface PortalRendererProps {
+    id: string;
+}
+export declare const PortalRenderer: React.FC<PortalRendererProps>;

package/esm/components/PortalRenderer.js

@@ -0,0 +1,7 @@
+import { useGlobalState } from '../hooks';
+import { defaultRender, none } from '../utils';
+export const PortalRenderer = ({ id }) => {
+    const children = useGlobalState((m) => m.portals[id]) || none;
+    return defaultRender(children);
+};
+//# sourceMappingURL=PortalRenderer.js.map

package/esm/components/PortalRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalRenderer.js","sourceRoot":"","sources":["../../src/components/PortalRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAM/C,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;IACtE,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC;IAC9D,OAAO,aAAa,CAAC,QAAQ,CAAC,CAAC;AACjC,CAAC,CAAC"}

package/esm/components/ResponsiveLayout.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { LayoutBreakpoints } from '../types';
+import { LayoutBreakpoints, LayoutProps } from '../types';
 /**
  * The props for the ResponsiveLayout component.
  */
@@ -8,6 +8,14 @@ export interface ResponsiveLayoutProps {
      * The individual breakpoints to be used for the different layouts.
      */
     breakpoints?: LayoutBreakpoints;
+    /**
+     * The actual layout component to render to transport.
+     */
+    Layout: React.ComponentType<LayoutProps>;
+    /**
+     * The content to display.
+     */
+    children: React.ReactNode;
 }
 /**
  * The component capable of identifying and switching the currently used layout.

package/esm/components/ResponsiveLayout.js

@@ -1,20 +1,12 @@
 import * as React from 'react';
-import { useMedia, useGlobalState, useAction } from '../hooks';
-import { defaultLayouts, defaultRender, defaultBreakpoints } from '../utils';
+import { useMedia } from '../hooks';
+import { defaultLayouts, defaultBreakpoints } from '../utils';
 /**
  * The component capable of identifying and switching the currently used layout.
  */
-export var ResponsiveLayout = function (_a) {
-    var _b = _a.breakpoints, breakpoints = _b === void 0 ? defaultBreakpoints : _b, children = _a.children;
-    var current = useGlobalState(function (m) { return m.app.layout; }) || 'desktop';
-    var changeTo = useAction('changeLayout');
-    var selected = useMedia(breakpoints, defaultLayouts, current);
-    React.useEffect(function () {
-        if (selected !== current) {
-            changeTo(selected);
-        }
-    }, [selected]);
-    return defaultRender(children);
+export const ResponsiveLayout = ({ breakpoints = defaultBreakpoints, Layout, children, }) => {
+    const selected = useMedia(breakpoints, defaultLayouts, 'desktop');
+    return React.createElement(Layout, { currentLayout: selected }, children);
 };
 ResponsiveLayout.displayName = 'ResponsiveLayout';
 //# sourceMappingURL=ResponsiveLayout.js.map

package/esm/components/ResponsiveLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveLayout.js","sourceRoot":"","sources":["../../src/components/ResponsiveLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAa7E;;GAEG;AACH,MAAM,CAAC,IAAM,gBAAgB,GAAoC,UAAC,EAA8C;QAA5C,mBAAgC,EAAhC,WAAW,mBAAG,kBAAkB,KAAA,EAAE,QAAQ,cAAA;IAC5G,IAAM,OAAO,GAAG,cAAc,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,GAAG,CAAC,MAAM,EAAZ,CAAY,CAAC,IAAI,SAAS,CAAC;IACjE,IAAM,QAAQ,GAAG,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,IAAM,QAAQ,GAAG,QAAQ,CAAC,WAAW,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAEhE,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,QAAQ,KAAK,OAAO,EAAE;YACxB,QAAQ,CAAC,QAAQ,CAAC,CAAC;SACpB;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,aAAa,CAAC,QAAQ,CAAC,CAAC;AACjC,CAAC,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}
+{"version":3,"file":"ResponsiveLayout.js","sourceRoot":"","sources":["../../src/components/ResponsiveLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAqB9D;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,WAAW,GAAG,kBAAkB,EAChC,MAAM,EACN,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,QAAQ,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC;IAClE,OAAO,oBAAC,MAAM,IAAC,aAAa,EAAE,QAAQ,IAAG,QAAQ,CAAU,CAAC;AAC9D,CAAC,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

package/esm/components/SwitchErrorInfo.js

@@ -1,21 +1,23 @@
-import { __assign } from "tslib";
 import * as React from 'react';
 import { useGlobalState } from '../hooks';
-import { defaultRender } from '../utils';
+import { defaultRender, none } from '../utils';
 function renderComponent(components, props) {
-    var name = props.type;
-    var Component = components[name];
+    const name = props.type;
+    const Component = components[name];
+    if (process.env.NODE_ENV === 'development') {
+        React.useEffect(() => console.error('[dev-info] An error occurred in the Piral instance.', props), none);
+    }
     if (!Component) {
-        var Unknown = components.unknown;
+        const Unknown = components.unknown;
         if (Unknown) {
-            return React.createElement(Unknown, __assign({}, props, { type: "unknown" }));
+            return React.createElement(Unknown, Object.assign({}, props, { type: "unknown" }));
         }
-        return defaultRender("Error: " + props.type);
+        return defaultRender(`Error: ${props.type}`);
     }
-    return React.createElement(Component, __assign({}, props));
+    return React.createElement(Component, Object.assign({}, props));
 }
-export var SwitchErrorInfo = function (props) {
-    var components = useGlobalState(function (m) { return m.errorComponents; });
+export const SwitchErrorInfo = (props) => {
+    const components = useGlobalState((m) => m.errorComponents);
     return renderComponent(components, props);
 };
 //# sourceMappingURL=SwitchErrorInfo.js.map

package/esm/components/SwitchErrorInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchErrorInfo.js","sourceRoot":"","sources":["../../src/components/SwitchErrorInfo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAGzC,SAAS,eAAe,CACtB,UAAgC,EAChC,KAAmB;IAEnB,IAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IACxB,IAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAEnC,IAAI,CAAC,SAAS,EAAE;QACd,IAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QAEnC,IAAI,OAAO,EAAE;YACX,OAAO,oBAAC,OAAO,eAAM,KAAa,IAAE,IAAI,EAAC,SAAS,IAAG,CAAC;SACvD;QAED,OAAO,aAAa,CAAC,YAAU,KAAK,CAAC,IAAM,CAAC,CAAC;KAC9C;IAED,OAAO,oBAAC,SAAS,eAAM,KAAa,EAAI,CAAC;AAC3C,CAAC;AAED,MAAM,CAAC,IAAM,eAAe,GAA6B,UAAC,KAAK;IAC7D,IAAM,UAAU,GAAG,cAAc,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,eAAe,EAAjB,CAAiB,CAAC,CAAC;IAC5D,OAAO,eAAe,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;AAC5C,CAAC,CAAC"}
+{"version":3,"file":"SwitchErrorInfo.js","sourceRoot":"","sources":["../../src/components/SwitchErrorInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAG/C,SAAS,eAAe,CACtB,UAAgC,EAChC,KAAmB;IAEnB,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IACxB,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAEnC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE;QAC1C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,qDAAqD,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;KAC1G;IAED,IAAI,CAAC,SAAS,EAAE;QACd,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QAEnC,IAAI,OAAO,EAAE;YACX,OAAO,oBAAC,OAAO,oBAAM,KAAa,IAAE,IAAI,EAAC,SAAS,IAAG,CAAC;SACvD;QAED,OAAO,aAAa,CAAC,UAAU,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;KAC9C;IAED,OAAO,oBAAC,SAAS,oBAAM,KAAa,EAAI,CAAC;AAC3C,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,KAAK,EAAE,EAAE;IACjE,MAAM,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAC5D,OAAO,eAAe,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;AAC5C,CAAC,CAAC"}

package/esm/components/components.d.ts

@@ -1,28 +1,40 @@
 import * as React from 'react';
-import { ComponentsState, ErrorInfoProps, LoadingIndicatorProps, RouterProps, LayoutProps } from '../types';
+import { ComponentsState } from '../types';
+/**
+ * Gets a registered layout component by its name.
+ * This will always return a valid component. If nothing is found
+ * then the returned component will just return null.
+ * @param name The name of the registered layout component.
+ * @returns The registered layout component or an empty stub component.
+ */
 export declare function getPiralComponent<TKey extends keyof ComponentsState>(name: TKey): ComponentsState[TKey];
 /**
  * Gets the currently registered ErrorInfo component.
  * By default the DefaultErrorInfo component is used.
  */
-export declare const PiralError: React.ComponentType<ErrorInfoProps>;
+export declare const RegisteredErrorInfo: React.ComponentType<import("../types").ErrorInfoProps>;
 /**
  * Gets the currently registered LoadingIndicator component.
  * By default only Loading is rendered.
  */
-export declare const PiralLoadingIndicator: React.ComponentType<LoadingIndicatorProps>;
+export declare const RegisteredLoadingIndicator: React.ComponentType<import("../types").LoadingIndicatorProps>;
 /**
  * Gets the currently registered Router component.
  * By default the BrowserRouter is used.
  */
-export declare const PiralRouter: React.ComponentType<RouterProps>;
+export declare const RegisteredRouter: React.ComponentType<import("../types").RouterProps>;
+/**
+ * Gets the currently registered Route Switch component.
+ * By default the DefaultRouteSwitch component is used.
+ */
+export declare const RegisteredRouteSwitch: React.ComponentType<import("../types").RouteSwitchProps>;
 /**
  * Gets the currently registered Layout component.
  * By default the children are rendered.
  */
-export declare const PiralLayout: React.ComponentType<LayoutProps>;
+export declare const RegisteredLayout: React.ComponentType<import("../types").LayoutProps>;
 /**
  * Gets the currently registered Debug component.
  * By default nothing is used.
  */
-export declare const PiralDebug: React.ComponentType;
+export declare const RegisteredDebug: React.ComponentType;

package/esm/components/components.js

@@ -1,35 +1,47 @@
-import { __assign } from "tslib";
 import * as React from 'react';
 import { useGlobalState } from '../hooks';
+/**
+ * Gets a registered layout component by its name.
+ * This will always return a valid component. If nothing is found
+ * then the returned component will just return null.
+ * @param name The name of the registered layout component.
+ * @returns The registered layout component or an empty stub component.
+ */
 export function getPiralComponent(name) {
-    return function (props) {
-        var Component = useGlobalState(function (s) { return s.components[name]; });
-        return Component ? React.createElement(Component, __assign({}, props)) : null;
+    return (props) => {
+        const Component = useGlobalState((s) => s.components[name]);
+        // tslint:disable-next-line:no-null-keyword
+        return Component ? React.createElement(Component, Object.assign({}, props)) : null;
     };
 }
 /**
  * Gets the currently registered ErrorInfo component.
  * By default the DefaultErrorInfo component is used.
  */
-export var PiralError = getPiralComponent('ErrorInfo');
+export const RegisteredErrorInfo = getPiralComponent('ErrorInfo');
 /**
  * Gets the currently registered LoadingIndicator component.
  * By default only Loading is rendered.
  */
-export var PiralLoadingIndicator = getPiralComponent('LoadingIndicator');
+export const RegisteredLoadingIndicator = getPiralComponent('LoadingIndicator');
 /**
  * Gets the currently registered Router component.
  * By default the BrowserRouter is used.
  */
-export var PiralRouter = getPiralComponent('Router');
+export const RegisteredRouter = getPiralComponent('Router');
+/**
+ * Gets the currently registered Route Switch component.
+ * By default the DefaultRouteSwitch component is used.
+ */
+export const RegisteredRouteSwitch = getPiralComponent('RouteSwitch');
 /**
  * Gets the currently registered Layout component.
  * By default the children are rendered.
  */
-export var PiralLayout = getPiralComponent('Layout');
+export const RegisteredLayout = getPiralComponent('Layout');
 /**
  * Gets the currently registered Debug component.
  * By default nothing is used.
  */
-export var PiralDebug = getPiralComponent('Debug');
+export const RegisteredDebug = getPiralComponent('Debug');
 //# sourceMappingURL=components.js.map

package/esm/components/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/components/components.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG1C,MAAM,UAAU,iBAAiB,CAAqC,IAAU;IAC9E,OAAO,UAAC,KAAK;QACX,IAAM,SAAS,GAAG,cAAc,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,EAAlB,CAAkB,CAAC,CAAC;QAC5D,OAAO,SAAS,CAAC,CAAC,CAAC,oBAAC,SAAS,eAAK,KAAK,EAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACrD,CAAC,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,IAAM,UAAU,GAAwC,iBAAiB,CAAC,WAAW,CAAC,CAAC;AAE9F;;;GAGG;AACH,MAAM,CAAC,IAAM,qBAAqB,GAA+C,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;AAEvH;;;GAGG;AACH,MAAM,CAAC,IAAM,WAAW,GAAqC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AAEzF;;;GAGG;AACH,MAAM,CAAC,IAAM,WAAW,GAAqC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AAEzF;;;GAGG;AACH,MAAM,CAAC,IAAM,UAAU,GAAwB,iBAAiB,CAAC,OAAO,CAAC,CAAC"}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/components/components.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG1C;;;;;;GAMG;AACH,MAAM,UAAU,iBAAiB,CAAqC,IAAU;IAC9E,OAAO,CAAC,KAAK,EAAE,EAAE;QACf,MAAM,SAAS,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5D,2CAA2C;QAC3C,OAAO,SAAS,CAAC,CAAC,CAAC,oBAAC,SAAS,oBAAK,KAAK,EAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACrD,CAAC,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC;AAElE;;;GAGG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;AAEhF;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AAE5D;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAC;AAEtE;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AAE5D;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC"}