piral-core 0.15.0-alpha.4034 → 0.15.0-alpha.4098

package/lib/setters/SetLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetLayout.js","sourceRoot":"","sources":["../../src/setters/SetLayout.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,iDAA8C;AAa9C;;GAEG;AACH,SAAgB,SAAS,CAAC,EAAE,MAAM,GAAG,EAAE,EAAkB;IACvD,OAAO,CACL,0CACG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,CACrC,oBAAC,2BAAY,IAAC,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,GAAI,CAC9D,CAAC,CACD,CACJ,CAAC;AACJ,CAAC;AARD,8BAQC"}

package/lib/setters/SetProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetProvider.js","sourceRoot":"","sources":["../../src/setters/SetProvider.tsx"],"names":[],"mappings":";;;AACA,oCAA4D;AAY5D;;GAEG;AACH,SAAgB,WAAW,CAAC,EAAE,QAAQ,EAAoB;IACxD,MAAM,EAAC,eAAe,EAAC,GAAG,IAAA,6BAAqB,GAAE,CAAC;IAClD,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC,QAAQ,IAAI,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC;IACvD,2CAA2C;IAC3C,OAAO,IAAI,CAAC;AACd,CAAC;AALD,kCAKC"}

package/lib/setters/SetRedirect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetRedirect.js","sourceRoot":"","sources":["../../src/setters/SetRedirect.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,+CAAwC;AACxC,oCAA4D;AAgB5D;;GAEG;AACH,SAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,EAAoB;IACxD,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6BAAqB,GAAE,CAAC;IAC7C,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,oBAAC,uBAAQ,IAAC,EAAE,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC;IAC5D,2CAA2C;IAC3C,OAAO,IAAI,CAAC;AACd,CAAC;AALD,kCAKC"}

package/lib/setters/SetRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetRoute.js","sourceRoot":"","sources":["../../src/setters/SetRoute.tsx"],"names":[],"mappings":";;;AAEA,oCAA4D;AAgB5D;;GAEG;AACH,SAAgB,QAAQ,CAAS,EAAE,IAAI,EAAE,SAAS,EAAoB;IACpE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6BAAqB,GAAE,CAAC;IAC7C,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IACxD,2CAA2C;IAC3C,OAAO,IAAI,CAAC;AACd,CAAC;AALD,4BAKC"}

package/lib/setters/index.d.ts

@@ -0,0 +1,7 @@
+export * from './SetComponent';
+export * from './SetError';
+export * from './SetErrors';
+export * from './SetLayout';
+export * from './SetProvider';
+export * from './SetRedirect';
+export * from './SetRoute';

package/lib/setters/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./SetComponent"), exports);
+tslib_1.__exportStar(require("./SetError"), exports);
+tslib_1.__exportStar(require("./SetErrors"), exports);
+tslib_1.__exportStar(require("./SetLayout"), exports);
+tslib_1.__exportStar(require("./SetProvider"), exports);
+tslib_1.__exportStar(require("./SetRedirect"), exports);
+tslib_1.__exportStar(require("./SetRoute"), exports);
+//# sourceMappingURL=index.js.map

package/lib/setters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/setters/index.ts"],"names":[],"mappings":";;;AAAA,yDAA+B;AAC/B,qDAA2B;AAC3B,sDAA4B;AAC5B,sDAA4B;AAC5B,wDAA8B;AAC9B,wDAA8B;AAC9B,qDAA2B"}

package/lib/state/createGlobalState.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createGlobalState = void 0;
 const react_atom_1 = require("@dbeining/react-atom");
-const components_1 = require("../components");
+const defaults_1 = require("../defaults");
 function extend(defaultState, customState) {
     for (const key of Object.keys(customState)) {
         if (key === '__proto__' || key === 'constructor') {
@@ -20,15 +20,14 @@ function createGlobalState(customState = {}) {
         app: {
             error: undefined,
             loading: typeof window !== 'undefined',
-            layout: 'desktop',
             publicPath: process.env.PIRAL_PUBLIC_PATH || '/',
         },
         components: {
-            ErrorInfo: components_1.DefaultErrorInfo,
-            LoadingIndicator: components_1.DefaultLoadingIndicator,
-            Router: components_1.DefaultRouter,
-            RouteSwitch: components_1.DefaultRouteSwitch,
-            Layout: components_1.DefaultLayout,
+            ErrorInfo: defaults_1.DefaultErrorInfo,
+            LoadingIndicator: defaults_1.DefaultLoadingIndicator,
+            Router: defaults_1.DefaultRouter,
+            RouteSwitch: defaults_1.DefaultRouteSwitch,
+            Layout: defaults_1.DefaultLayout,
         },
         errorComponents: {},
         registry: {

package/lib/state/createGlobalState.js.map

@@ -1 +1 @@
-{"version":3,"file":"createGlobalState.js","sourceRoot":"","sources":["../../src/state/createGlobalState.ts"],"names":[],"mappings":";;;AAAA,qDAA4C;AAC5C,8CAMuB;AAGvB,SAAS,MAAM,CAAI,YAAe,EAAE,WAA6B;IAC/D,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE;QAC1C,IAAI,GAAG,KAAK,WAAW,IAAI,GAAG,KAAK,aAAa,EAAE;YAChD,SAAS;SACV;QAED,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;QAC/B,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;QACnC,MAAM,MAAM,GAAG,OAAO,QAAQ,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC;QACzE,YAAY,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;KAC9D;IAED,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,SAAgB,iBAAiB,CAAC,cAA0C,EAAE;IAC5E,MAAM,YAAY,GAAgB;QAChC,GAAG,EAAE;YACH,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,OAAO,MAAM,KAAK,WAAW;YACtC,MAAM,EAAE,SAAS;YACjB,UAAU,EAAE,OAAO,CAAC,GAAG,CAAC,iBAAiB,IAAI,GAAG;SACjD;QACD,UAAU,EAAE;YACV,SAAS,EAAE,6BAAgB;YAC3B,gBAAgB,EAAE,oCAAuB;YACzC,MAAM,EAAE,0BAAa;YACrB,WAAW,EAAE,+BAAkB;YAC/B,MAAM,EAAE,0BAAa;SACtB;QACD,eAAe,EAAE,EAAE;QACnB,QAAQ,EAAE;YACR,UAAU,EAAE,EAAE;YACd,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,EAAE;SACb;QACD,MAAM,EAAE,EAAE;QACV,IAAI,EAAE,EAAE;QACR,OAAO,EAAE,EAAE;QACX,OAAO,EAAE,EAAE;KACZ,CAAC;IAEF,OAAO,iBAAI,CAAC,EAAE,CAAC,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;AACpD,CAAC;AA5BD,8CA4BC"}
+{"version":3,"file":"createGlobalState.js","sourceRoot":"","sources":["../../src/state/createGlobalState.ts"],"names":[],"mappings":";;;AAAA,qDAA4C;AAE5C,0CAMqB;AAErB,SAAS,MAAM,CAAI,YAAe,EAAE,WAA6B;IAC/D,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE;QAC1C,IAAI,GAAG,KAAK,WAAW,IAAI,GAAG,KAAK,aAAa,EAAE;YAChD,SAAS;SACV;QAED,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;QAC/B,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;QACnC,MAAM,MAAM,GAAG,OAAO,QAAQ,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC;QACzE,YAAY,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;KAC9D;IAED,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,SAAgB,iBAAiB,CAAC,cAA0C,EAAE;IAC5E,MAAM,YAAY,GAAgB;QAChC,GAAG,EAAE;YACH,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,OAAO,MAAM,KAAK,WAAW;YACtC,UAAU,EAAE,OAAO,CAAC,GAAG,CAAC,iBAAiB,IAAI,GAAG;SACjD;QACD,UAAU,EAAE;YACV,SAAS,EAAE,2BAAgB;YAC3B,gBAAgB,EAAE,kCAAuB;YACzC,MAAM,EAAE,wBAAa;YACrB,WAAW,EAAE,6BAAkB;YAC/B,MAAM,EAAE,wBAAa;SACtB;QACD,eAAe,EAAE,EAAE;QACnB,QAAQ,EAAE;YACR,UAAU,EAAE,EAAE;YACd,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,EAAE;SACb;QACD,MAAM,EAAE,EAAE;QACV,IAAI,EAAE,EAAE;QACR,OAAO,EAAE,EAAE;QACX,OAAO,EAAE,EAAE;KACZ,CAAC;IAEF,OAAO,iBAAI,CAAC,EAAE,CAAC,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;AACpD,CAAC;AA3BD,8CA2BC"}

package/lib/state/index.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-(0, tslib_1.__exportStar)(require("./createActions"), exports);
-(0, tslib_1.__exportStar)(require("./createGlobalState"), exports);
-(0, tslib_1.__exportStar)(require("./stateContext"), exports);
-(0, tslib_1.__exportStar)(require("./withApi"), exports);
+tslib_1.__exportStar(require("./createActions"), exports);
+tslib_1.__exportStar(require("./createGlobalState"), exports);
+tslib_1.__exportStar(require("./stateContext"), exports);
+tslib_1.__exportStar(require("./withApi"), exports);
 //# sourceMappingURL=index.js.map

package/lib/state/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/state/index.ts"],"names":[],"mappings":";;;AAAA,+DAAgC;AAChC,mEAAoC;AACpC,8DAA+B;AAC/B,yDAA0B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/state/index.ts"],"names":[],"mappings":";;;AAAA,0DAAgC;AAChC,8DAAoC;AACpC,yDAA+B;AAC/B,oDAA0B"}

package/lib/state/withApi.js.map

@@ -1 +1 @@
-{"version":3,"file":"withApi.js","sourceRoot":"","sources":["../../src/state/withApi.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAE/B,8CAA6D;AAC7D,oCAAyC;AAGzC,MAAM,cAAc,GAAa,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,qBAAa,EAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AAE1E,SAAS,UAAU,CAAC,QAAkD,EAAE,WAAmB;IACzF,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC9B,MAAM,QAAQ,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAEvC,IAAI,OAAO,IAAI,QAAQ,EAAE;QACvB,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAChB,oBAAC,OAAO,oBAAK,KAAK;YAChB,oBAAC,QAAQ,oBAAK,KAAK,EAAI,CACf,CACX,CAAC;KACH;IAED,OAAO,QAAQ,IAAI,OAAO,IAAI,cAAc,CAAC;AAC/C,CAAC;AAED,SAAS,WAAW,CAClB,OAA2B,EAC3B,UAAe,EACf,WAAmB,EACnB,SAAuB;IAEvB,MAAM,YAAY,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5F,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAChB,oBAAC,YAAY,oBAAK,UAAU,EAAM,KAAK;QACrC,oBAAC,0BAAa,oBAAK,UAAU,EAAM,KAAK,IAAE,SAAS,EAAE,SAAS,KAC3D,KAAK,CAAC,QAAQ,CACD,CACH,CAChB,CAAC;AACJ,CAAC;AAED,SAAgB,OAAO,CACrB,OAA2B,EAC3B,SAAoD,EACpD,KAAe,EACf,SAAuB,EACvB,cAAsB,SAAS,EAC/B,QAAQ,GAAG,EAAE;IAEb,MAAM,UAAU,mCAAQ,QAAQ,KAAE,KAAK,GAAE,CAAC;IAC1C,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;IACtC,MAAM,OAAO,GAAG,WAAW,CAAS,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC;IACjF,OAAO,IAAA,0BAAa,EAAC,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;AACnE,CAAC;AAZD,0BAYC"}
+{"version":3,"file":"withApi.js","sourceRoot":"","sources":["../../src/state/withApi.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAE/B,8CAA6D;AAC7D,oCAAyC;AAGzC,MAAM,cAAc,GAA0C,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,qBAAa,EAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AAEvG,SAAS,UAAU,CAAC,QAAkD,EAAE,WAAmB;IACzF,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC9B,MAAM,QAAQ,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAEvC,IAAI,OAAO,IAAI,QAAQ,EAAE;QACvB,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAChB,oBAAC,OAAO,oBAAK,KAAK;YAChB,oBAAC,QAAQ,oBAAK,KAAK,EAAI,CACf,CACX,CAAC;KACH;IAED,OAAO,QAAQ,IAAI,OAAO,IAAI,cAAc,CAAC;AAC/C,CAAC;AAED,SAAS,WAAW,CAClB,OAA2B,EAC3B,UAAe,EACf,WAAmB,EACnB,SAAuB;IAEvB,MAAM,YAAY,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5F,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAChB,oBAAC,YAAY,oBAAK,UAAU,EAAM,KAAK;QACrC,oBAAC,0BAAa,oBAAK,UAAU,EAAM,KAAK,IAAE,SAAS,EAAE,SAAS,KAC3D,KAAK,CAAC,QAAQ,CACD,CACH,CAChB,CAAC;AACJ,CAAC;AAED,SAAgB,OAAO,CACrB,OAA2B,EAC3B,SAAoD,EACpD,KAAe,EACf,SAAuB,EACvB,cAAsB,SAAS,EAC/B,QAAQ,GAAG,EAAE;IAEb,MAAM,UAAU,mCAAQ,QAAQ,KAAE,KAAK,GAAE,CAAC;IAC1C,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;IACtC,MAAM,OAAO,GAAG,WAAW,CAAS,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC;IACjF,OAAO,IAAA,0BAAa,EAAC,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;AACnE,CAAC;AAZD,0BAYC"}

package/lib/types/components.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentType } from 'react';
+import type { ComponentType, ReactNode } from 'react';
 import type { RouteComponentProps, SwitchProps } from 'react-router';
 import type { FirstParametersOf, UnionOf } from './common';
 import type { PiralCustomErrors, PiralCustomComponentConverters } from './custom';
@@ -178,11 +178,19 @@ export interface LayoutProps {
      * The currently selected layout type.
      */
     currentLayout: LayoutType;
+    /**
+     * The page's content.
+     */
+    children: ReactNode;
 }
 /**
  * The props of a Router component.
  */
 export interface RouterProps {
+    /**
+     * The content to be rendered inside the router.
+     */
+    children?: ReactNode;
 }
 /**
  * The props of the RouteSwitch component.

package/lib/types/index.js

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-(0, tslib_1.__exportStar)(require("./api"), exports);
-(0, tslib_1.__exportStar)(require("./common"), exports);
-(0, tslib_1.__exportStar)(require("./components"), exports);
-(0, tslib_1.__exportStar)(require("./config"), exports);
-(0, tslib_1.__exportStar)(require("./custom"), exports);
-(0, tslib_1.__exportStar)(require("./data"), exports);
-(0, tslib_1.__exportStar)(require("./extension"), exports);
-(0, tslib_1.__exportStar)(require("./instance"), exports);
-(0, tslib_1.__exportStar)(require("./layout"), exports);
-(0, tslib_1.__exportStar)(require("./plugin"), exports);
-(0, tslib_1.__exportStar)(require("./state"), exports);
-(0, tslib_1.__exportStar)(require("./utils"), exports);
+tslib_1.__exportStar(require("./api"), exports);
+tslib_1.__exportStar(require("./common"), exports);
+tslib_1.__exportStar(require("./components"), exports);
+tslib_1.__exportStar(require("./config"), exports);
+tslib_1.__exportStar(require("./custom"), exports);
+tslib_1.__exportStar(require("./data"), exports);
+tslib_1.__exportStar(require("./extension"), exports);
+tslib_1.__exportStar(require("./instance"), exports);
+tslib_1.__exportStar(require("./layout"), exports);
+tslib_1.__exportStar(require("./plugin"), exports);
+tslib_1.__exportStar(require("./state"), exports);
+tslib_1.__exportStar(require("./utils"), exports);
 //# sourceMappingURL=index.js.map

package/lib/types/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":";;;AAAA,qDAAsB;AACtB,wDAAyB;AACzB,4DAA6B;AAC7B,wDAAyB;AACzB,wDAAyB;AACzB,sDAAuB;AACvB,2DAA4B;AAC5B,0DAA2B;AAC3B,wDAAyB;AACzB,wDAAyB;AACzB,uDAAwB;AACxB,uDAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":";;;AAAA,gDAAsB;AACtB,mDAAyB;AACzB,uDAA6B;AAC7B,mDAAyB;AACzB,mDAAyB;AACzB,iDAAuB;AACvB,sDAA4B;AAC5B,qDAA2B;AAC3B,mDAAyB;AACzB,mDAAyB;AACzB,kDAAwB;AACxB,kDAAwB"}

package/lib/types/instance.d.ts

@@ -1,15 +1,22 @@
+import type { ReactNode } from 'react';
 import type { PiletApi, PiletApiCreator, LoadPiletsOptions, EventEmitter } from 'piral-base';
 import type { GlobalStateContext } from './state';
 import type { LayoutBreakpoints } from './layout';
-import { PiralConfiguration } from './config';
+import type { PiralConfiguration } from './config';
 /**
- * The props of the Piral component.
+ * The props of the Piral context.
  */
-export interface PiralProps {
+export interface PiralContextProps {
     /**
      * The specific Piral instance to be used.
      */
     instance?: PiralInstance;
+    children?: ReactNode;
+}
+/**
+ * The props of the Piral component.
+ */
+export interface PiralProps extends PiralContextProps {
     /**
      * The custom breakpoints for the different layout modi.
      */

package/lib/types/state.d.ts

@@ -1,9 +1,8 @@
-import type { ComponentType, ReactPortal } from 'react';
+import type { ComponentType, ReactPortal, PropsWithChildren } from 'react';
 import type { RouteComponentProps } from 'react-router';
 import type { Atom } from '@dbeining/react-atom';
 import type { LoadPiletsOptions } from 'piral-base';
 import type { Dict, Without } from './common';
-import type { LayoutType } from './layout';
 import type { SharedDataItem, DataStoreTarget } from './data';
 import type { PiralCustomActions, PiralCustomState, PiralCustomRegistryState, PiralCustomComponentsState } from './custom';
 import type { EventEmitter, Pilet, BaseComponentProps, PageComponentProps, ExtensionComponentProps, PiletsBag, PiralPageMeta, PiletEntry } from './api';
@@ -17,7 +16,7 @@ declare module './components' {
         readState: PiralActions['readState'];
     }
 }
-export declare type WrappedComponent<TProps> = ComponentType<Without<TProps, keyof BaseComponentProps>>;
+export declare type WrappedComponent<TProps> = ComponentType<PropsWithChildren<Without<TProps, keyof BaseComponentProps>>>;
 /**
  * The base type for pilet component registration in the global state context.
  */
@@ -72,10 +71,6 @@ export interface ComponentsState extends PiralCustomComponentsState {
  * The Piral global app sub-state container for app information.
  */
 export interface AppState {
-    /**
-     * Information for the layout computation.
-     */
-    layout: LayoutType;
     /**
      * Gets if the application is currently performing a background loading
      * activity, e.g., for loading modules asynchronously or fetching
@@ -220,11 +215,6 @@ export interface PiralActions extends PiralCustomActions {
      * @param expiration The time for when to dispose the shared item.
      */
     tryWriteDataItem(name: string, value: any, owner: string, target: DataStoreTarget, expiration: number): boolean;
-    /**
-     * Performs a layout change.
-     * @param current The layout to take.
-     */
-    changeLayout(current: LayoutType): void;
     /**
      * Registers a new route to be resolved.
      * @param route The route to register.

package/lib/utils/compare.d.ts

@@ -1 +1 @@
-export declare function compare<T>(a: T, b: T): boolean;
+export declare function isSame<T>(a: T, b: T): boolean;

package/lib/utils/compare.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.compare = void 0;
+exports.isSame = void 0;
 function compareObjects(a, b) {
     for (const i in a) {
         if (!(i in b)) {
@@ -8,22 +8,39 @@ function compareObjects(a, b) {
         }
     }
     for (const i in b) {
-        if (!compare(a[i], b[i])) {
+        if (!isSame(a[i], b[i])) {
             return false;
         }
     }
     return true;
 }
-function compare(a, b) {
+function compareArrays(a, b) {
+    const l = a.length;
+    if (l === b.length) {
+        for (let i = 0; i < l; i++) {
+            if (!isSame(a[i], b[i])) {
+                return false;
+            }
+        }
+        return true;
+    }
+    return false;
+}
+function isSame(a, b) {
     if (a !== b) {
         const ta = typeof a;
         const tb = typeof b;
         if (ta === tb && ta === 'object' && a && b) {
-            return compareObjects(a, b);
+            if (Array.isArray(a) && Array.isArray(b)) {
+                return compareArrays(a, b);
+            }
+            else {
+                return compareObjects(a, b);
+            }
         }
         return false;
     }
     return true;
 }
-exports.compare = compare;
+exports.isSame = isSame;
 //# sourceMappingURL=compare.js.map

package/lib/utils/compare.js.map

@@ -1 +1 @@
-{"version":3,"file":"compare.js","sourceRoot":"","sources":["../../src/utils/compare.ts"],"names":[],"mappings":";;;AAAA,SAAS,cAAc,CAAC,CAAM,EAAE,CAAM;IACpC,KAAK,MAAM,CAAC,IAAI,CAAC,EAAE;QACjB,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE;YACb,OAAO,KAAK,CAAC;SACd;KACF;IAED,KAAK,MAAM,CAAC,IAAI,CAAC,EAAE;QACjB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACxB,OAAO,KAAK,CAAC;SACd;KACF;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAgB,OAAO,CAAI,CAAI,EAAE,CAAI;IACnC,IAAI,CAAC,KAAK,CAAC,EAAE;QACX,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC;QACpB,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC;QAEpB,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,EAAE;YAC1C,OAAO,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SAC7B;QAED,OAAO,KAAK,CAAC;KACd;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAbD,0BAaC"}
+{"version":3,"file":"compare.js","sourceRoot":"","sources":["../../src/utils/compare.ts"],"names":[],"mappings":";;;AAAA,SAAS,cAAc,CAAC,CAAM,EAAE,CAAM;IACpC,KAAK,MAAM,CAAC,IAAI,CAAC,EAAE;QACjB,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE;YACb,OAAO,KAAK,CAAC;SACd;KACF;IAED,KAAK,MAAM,CAAC,IAAI,CAAC,EAAE;QACjB,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACvB,OAAO,KAAK,CAAC;SACd;KACF;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,aAAa,CAAC,CAAa,EAAE,CAAa;IACjD,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC;IAEnB,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE;QAClB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;YAC1B,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;gBACvB,OAAO,KAAK,CAAC;aACd;SACF;QAED,OAAO,IAAI,CAAC;KACb;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAgB,MAAM,CAAI,CAAI,EAAE,CAAI;IAClC,IAAI,CAAC,KAAK,CAAC,EAAE;QACX,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC;QACpB,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC;QAEpB,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,EAAE;YAC1C,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;gBACxC,OAAO,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;aAC5B;iBAAM;gBACL,OAAO,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;aAC7B;SACF;QAED,OAAO,KAAK,CAAC;KACd;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAjBD,wBAiBC"}

package/lib/utils/helpers.js

@@ -75,7 +75,7 @@ function withKey(obj, key, value) {
 }
 exports.withKey = withKey;
 function withoutKey(obj, key) {
-    const _a = obj || {}, _b = key, _ = _a[_b], newObj = (0, tslib_1.__rest)(_a, [typeof _b === "symbol" ? _b : _b + ""]);
+    const _a = obj || {}, _b = key, _ = _a[_b], newObj = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + ""]);
     return newObj;
 }
 exports.withoutKey = withoutKey;

package/lib/utils/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/utils/helpers.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/utils/helpers.ts"],"names":[],"mappings":";;;;AAAA,2BAA2B;AACd,QAAA,eAAe,GAAG,IAAI,CAAC;AAEpC,6CAA6C;AAChC,QAAA,IAAI,GAAG,EAAE,CAAC;AAEvB,gDAAgD;AACzC,MAAM,IAAI,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;AAAhB,QAAA,IAAI,QAAY;AAE7B,SAAgB,WAAW,CAAI,KAAe,EAAE,IAAO;IACrD,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,KAAK,IAAI,YAAI,CAAC,CAAC,CAAC;AACpC,CAAC;AAFD,kCAEC;AAED,SAAgB,UAAU,CAAI,KAAe,EAAE,IAAO;IACpD,OAAO,CAAC,GAAG,CAAC,KAAK,IAAI,YAAI,CAAC,EAAE,IAAI,CAAC,CAAC;AACpC,CAAC;AAFD,gCAEC;AAED,SAAgB,YAAY,CAAI,KAAe,EAAE,QAAkB;IACjE,OAAO,CAAC,GAAG,QAAQ,EAAE,GAAG,CAAC,KAAK,IAAI,YAAI,CAAC,CAAC,CAAC;AAC3C,CAAC;AAFD,oCAEC;AAED,SAAgB,WAAW,CAAI,KAAe,EAAE,QAAkB;IAChE,OAAO,CAAC,GAAG,CAAC,KAAK,IAAI,YAAI,CAAC,EAAE,GAAG,QAAQ,CAAC,CAAC;AAC3C,CAAC;AAFD,kCAEC;AAED,SAAgB,WAAW,CAAI,KAAe,EAAE,IAAO;IACrD,OAAO,CAAC,KAAK,IAAI,YAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC;AACnD,CAAC;AAFD,kCAEC;AAED,SAAgB,WAAW,CAAI,KAAe,EAAE,IAAO;IACrD,OAAO,UAAU,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;AACpD,CAAC;AAFD,kCAEC;AAED,SAAgB,gBAAgB,CAAI,KAAe,EAAE,IAAO,EAAE,SAA+B;IAC3F,MAAM,QAAQ,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,YAAI,CAAC,CAAC,CAAC;IAEtC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACxC,IAAI,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;YAC1B,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;YACnB,OAAO,QAAQ,CAAC;SACjB;KACF;IAED,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACpB,OAAO,QAAQ,CAAC;AAClB,CAAC;AAZD,4CAYC;AAED,SAAgB,YAAY,CAAa,GAAM,EAAE,SAA+B;IAC9E,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE;QAC9C,MAAM,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;QACtB,OAAO,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;YACnD,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;YAExB,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACxB,GAAG,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;aACxC;iBAAM,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;gBACtC,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;aAClB;YAED,OAAO,GAAG,CAAC;QACb,CAAC,EAAE,EAAS,CAAC,CAAC;QAEd,OAAO,OAAO,CAAC;IACjB,CAAC,EAAE,EAAO,CAAC,CAAC;AACd,CAAC;AAjBD,oCAiBC;AAED,SAAgB,SAAS,CAAI,KAAe,EAAE,SAA+B;IAC3E,OAAO,CAAC,KAAK,IAAI,YAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AACtD,CAAC;AAFD,8BAEC;AAED,SAAgB,SAAS,CAA0B,GAAM,EAAE,GAAS,EAAE,KAAc;IAClF,OAAO,KAAK,KAAK,uBAAe,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AACrF,CAAC;AAFD,8BAEC;AAED,SAAgB,OAAO,CAA0B,GAAM,EAAE,GAAS,EAAE,KAAc;IAChF,uCACK,GAAG,KACN,CAAC,GAAG,CAAC,EAAE,KAAK,IACZ;AACJ,CAAC;AALD,0BAKC;AAED,SAAgB,UAAU,CAA0B,GAAM,EAAE,GAAS;IACnE,MAAgC,KAAA,GAAG,IAAI,EAAE,EAAjC,KAAC,GAAI,EAAE,CAAC,SAAA,EAAK,MAAM,sBAArB,uCAAuB,CAAY,CAAC;IAC1C,OAAO,MAAa,CAAC;AACvB,CAAC;AAHD,gCAGC;AAED,SAAgB,YAAY,CAAC,OAAe;IAC1C,IAAI;QACF,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;KAC5B;IAAC,WAAM;QACN,OAAO,EAAE,CAAC;KACX;AACH,CAAC;AAND,oCAMC"}

package/lib/utils/index.js

@@ -5,14 +5,14 @@ const tslib_1 = require("tslib");
 var piral_base_1 = require("piral-base");
 Object.defineProperty(exports, "isfunc", { enumerable: true, get: function () { return piral_base_1.isfunc; } });
 Object.defineProperty(exports, "requireModule", { enumerable: true, get: function () { return piral_base_1.requireModule; } });
-(0, tslib_1.__exportStar)(require("./compare"), exports);
-(0, tslib_1.__exportStar)(require("./data"), exports);
-(0, tslib_1.__exportStar)(require("./extension"), exports);
-(0, tslib_1.__exportStar)(require("./foreign"), exports);
-(0, tslib_1.__exportStar)(require("./guid"), exports);
-(0, tslib_1.__exportStar)(require("./helpers"), exports);
-(0, tslib_1.__exportStar)(require("./media"), exports);
-(0, tslib_1.__exportStar)(require("./react"), exports);
-(0, tslib_1.__exportStar)(require("./state"), exports);
-(0, tslib_1.__exportStar)(require("./storage"), exports);
+tslib_1.__exportStar(require("./compare"), exports);
+tslib_1.__exportStar(require("./data"), exports);
+tslib_1.__exportStar(require("./extension"), exports);
+tslib_1.__exportStar(require("./foreign"), exports);
+tslib_1.__exportStar(require("./guid"), exports);
+tslib_1.__exportStar(require("./helpers"), exports);
+tslib_1.__exportStar(require("./media"), exports);
+tslib_1.__exportStar(require("./react"), exports);
+tslib_1.__exportStar(require("./state"), exports);
+tslib_1.__exportStar(require("./storage"), exports);
 //# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;AAAA,yCAAmD;AAA1C,oGAAA,MAAM,OAAA;AAAE,2GAAA,aAAa,OAAA;AAE9B,yDAA0B;AAC1B,sDAAuB;AACvB,2DAA4B;AAC5B,yDAA0B;AAC1B,sDAAuB;AACvB,yDAA0B;AAC1B,uDAAwB;AACxB,uDAAwB;AACxB,uDAAwB;AACxB,yDAA0B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;AAAA,yCAAmD;AAA1C,oGAAA,MAAM,OAAA;AAAE,2GAAA,aAAa,OAAA;AAE9B,oDAA0B;AAC1B,iDAAuB;AACvB,sDAA4B;AAC5B,oDAA0B;AAC1B,iDAAuB;AACvB,oDAA0B;AAC1B,kDAAwB;AACxB,kDAAwB;AACxB,kDAAwB;AACxB,oDAA0B"}

package/lib/utils/media.js

@@ -7,7 +7,7 @@ exports.defaultBreakpoints = ['(min-width: 991px)', '(min-width: 481px)', '(max-
 const mm = typeof window === 'undefined' || !(0, piral_base_1.isfunc)(window.matchMedia)
     ? () => ({ matches: undefined })
     : (q) => window.matchMedia(q);
-function getCurrentLayout(breakpoints, layouts, defaultLayout) {
+function getCurrentLayout(breakpoints = exports.defaultBreakpoints, layouts, defaultLayout) {
     const query = breakpoints.findIndex((q) => mm(q).matches);
     const layout = layouts[query];
     return layout !== undefined ? layout : defaultLayout;

package/lib/utils/media.js.map

@@ -1 +1 @@
-{"version":3,"file":"media.js","sourceRoot":"","sources":["../../src/utils/media.ts"],"names":[],"mappings":";;;AAAA,2CAAoC;AAGvB,QAAA,cAAc,GAAgB,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAE9D,QAAA,kBAAkB,GAAsB,CAAC,oBAAoB,EAAE,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;AAExH,MAAM,EAAE,GACN,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,IAAA,mBAAM,EAAC,MAAM,CAAC,UAAU,CAAC;IACzD,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AAE1C,SAAgB,gBAAgB,CAAI,WAA0B,EAAE,OAAiB,EAAE,aAAgB;IACjG,MAAM,KAAK,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC1D,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAC9B,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;AACvD,CAAC;AAJD,4CAIC"}
+{"version":3,"file":"media.js","sourceRoot":"","sources":["../../src/utils/media.ts"],"names":[],"mappings":";;;AAAA,2CAAoC;AAGvB,QAAA,cAAc,GAAgB,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAE9D,QAAA,kBAAkB,GAAsB,CAAC,oBAAoB,EAAE,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;AAExH,MAAM,EAAE,GACN,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,IAAA,mBAAM,EAAC,MAAM,CAAC,UAAU,CAAC;IACzD,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AAE1C,SAAgB,gBAAgB,CAAI,cAA6B,0BAAkB,EAAE,OAAiB,EAAE,aAAgB;IACtH,MAAM,KAAK,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC1D,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAC9B,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;AACvD,CAAC;AAJD,4CAIC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-core",
-  "version": "0.15.0-alpha.4034",
+  "version": "0.15.0-alpha.4098",
   "description": "The core library for creating a Piral instance.",
   "keywords": [
     "portal",
@@ -11,6 +11,18 @@
     "core",
     "functional"
   ],
+  "importmap": {
+    "imports": {
+      "react": "react",
+      "react-dom": "react-dom",
+      "react-router": "react-router",
+      "react-router-dom": "react-router-dom",
+      "history": "history",
+      "path-to-regexp": "path-to-regexp",
+      "@libre/atom": "@libre/atom",
+      "@dbeining/react-atom": "@dbeining/react-atom"
+    }
+  },
   "author": "smapiot",
   "homepage": "https://piral.io",
   "license": "MIT",
@@ -48,8 +60,8 @@
   },
   "dependencies": {
     "@dbeining/react-atom": "^4.0.0",
-    "piral-base": "0.15.0-alpha.4034",
-    "piral-debug-utils": "0.15.0-alpha.4034"
+    "piral-base": "0.15.0-alpha.4098",
+    "piral-debug-utils": "0.15.0-alpha.4098"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -59,12 +71,12 @@
   },
   "devDependencies": {
     "@types/history": "^4.7.8",
-    "@types/react": "^17.0.0",
-    "@types/react-dom": "^17.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
     "@types/react-router": "^5.1.8",
     "@types/react-router-dom": "^5.1.6",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "react-router": "^5.2.0",
     "react-router-dom": "^5.2.0"
   },
@@ -79,5 +91,5 @@
     "@libre/atom",
     "@dbeining/react-atom"
   ],
-  "gitHead": "7f9158d7fd10d640ba9c092564275e4cc426dff9"
+  "gitHead": "02ef35574b29cc5dd93c515bfdf27dd523893b28"
 }

package/src/Piral.test.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { act } from 'react-dom/test-utils';
 import { mount, ReactWrapper } from 'enzyme';
 import { Piral } from './Piral';
-import { PiralRouter } from './components';
+import { RegisteredRouter } from './components';
 import { createInstance } from './createInstance';
 
 async function waitForComponentToPaint<P = {}>(wrapper: ReactWrapper<P>, amount = 0) {
@@ -16,13 +16,13 @@ describe('Piral Component', () => {
   it('renders the Piral instance with default settings', async () => {
     const node = mount(<Piral />);
     await waitForComponentToPaint(node);
-    expect(node.find(PiralRouter).length).toBe(1);
+    expect(node.find(RegisteredRouter).length).toBe(1);
   });
 
   it('renders the Piral instance with custom settings', async () => {
     const instance = createInstance();
     const node = mount(<Piral instance={instance} />);
     await waitForComponentToPaint(node);
-    expect(node.find(PiralRouter).length).toBe(1);
+    expect(node.find(RegisteredRouter).length).toBe(1);
   });
 });

package/src/Piral.tsx

@@ -1,15 +1,23 @@
 import * as React from 'react';
-import { StateContext } from './state';
+import { StaticRouter } from 'react-router';
 import { createInstance } from './createInstance';
-import { PiralView, Mediator, ResponsiveLayout, PortalRenderer } from './components';
-import { RootListener } from './RootListener';
+import { PiralView, RegisteredRouter } from './components';
+import { useGlobalState } from './hooks';
+import { PiralContext } from './PiralContext';
 import type { PiralProps } from './types';
 
+const FallbackRouter: React.FC = (props) => {
+  const publicPath = useGlobalState((s) => s.app.publicPath);
+  return <StaticRouter location="/" {...props} basename={publicPath} />;
+};
+
+const Router = typeof window === 'undefined' ? FallbackRouter : RegisteredRouter;
+
 /**
  * Represents the Piral app shell frame. Use this component together
  * with an existing instance to render the app shell.
- * Includes layout and routing handling. Wires the state container
- * to the generated views.
+ * Includes layout and routing handling. Connects the Piral context
+ * and the React router to the generated views.
  *
  * @example
 ```jsx
@@ -21,14 +29,10 @@ const app = (
 ```
  */
 export const Piral: React.FC<PiralProps> = ({ instance = createInstance(), breakpoints, children }) => (
-  <StateContext.Provider value={instance.context}>
-    <ResponsiveLayout breakpoints={breakpoints} />
-    <Mediator options={instance.options} key={instance.id} />
-    <RootListener />
-    <PiralView>
-      <PortalRenderer id="root" />
-      {children}
-    </PiralView>
-  </StateContext.Provider>
+  <PiralContext instance={instance}>
+    <Router>
+      <PiralView breakpoints={breakpoints}>{children}</PiralView>
+    </Router>
+  </PiralContext>
 );
 Piral.displayName = 'Piral';

package/src/PiralContext.tsx

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { StateContext } from './state';
+import { createInstance } from './createInstance';
+import { Mediator } from './components';
+import { useGlobalState } from './hooks';
+import { RootListener } from './RootListener';
+import type { PiralContextProps } from './types';
+
+interface PiralProviderProps {
+  children: React.ReactNode;
+}
+
+const PiralProvider: React.FC<PiralProviderProps> = ({ children }) => {
+  const Provider = useGlobalState((m) => m.provider || React.Fragment);
+  return <Provider>{children}</Provider>;
+};
+
+/**
+ * Represents the Piral app shell frame. Use this component together
+ * with an existing instance to render components from micro frontends
+ * in your app.
+ * Wires the state container together with the global providers.
+ *
+ * @example
+```jsx
+const app = (
+  <MyRouter>
+    <PiralContext instance={yourPiralInstance}>
+      <PiralGlobals />
+      <MyAppContent />
+    </PiralContext>
+  </MyRouter>
+);
+```
+ */
+export const PiralContext: React.FC<PiralContextProps> = ({ instance = createInstance(), children }) => (
+  <StateContext.Provider value={instance.context}>
+    <Mediator options={instance.options} key={instance.id} />
+    <RootListener />
+    <PiralProvider>{children}</PiralProvider>
+  </StateContext.Provider>
+);
+PiralContext.displayName = 'PiralContext';

package/src/actions/app.test.ts

@@ -2,7 +2,6 @@ import { createElement } from 'react';
 import { Atom, deref } from '@dbeining/react-atom';
 import { createListener, Pilet } from 'piral-base';
 import {
-  changeLayout,
   includeProvider,
   initialize,
   injectPilet,
@@ -23,23 +22,6 @@ const pilet: Pilet = {
 };
 
 describe('App Actions Module', () => {
-  it('changeLayout changes the current layout', () => {
-    const state = Atom.of({
-      foo: 5,
-      app: {
-        layout: 'tablet',
-      },
-    });
-    const ctx = createActions(state, createListener({}));
-    changeLayout(ctx, 'mobile');
-    expect(deref(state)).toEqual({
-      foo: 5,
-      app: {
-        layout: 'mobile',
-      },
-    });
-  });
-
   it('initialize initializes state data', () => {
     const state = Atom.of({
       app: {},

package/src/actions/app.ts

@@ -3,7 +3,6 @@ import { RouteComponentProps } from 'react-router';
 import { runPilet } from 'piral-base';
 import { withKey, replaceOrAddItem, removeNested, withProvider, withRoute, noop } from '../utils';
 import {
-  LayoutType,
   ComponentsState,
   ErrorComponentsState,
   BaseRegistration,
@@ -13,13 +12,6 @@ import {
   PiletEntry,
 } from '../types';
 
-export function changeLayout(ctx: GlobalStateContext, current: LayoutType) {
-  ctx.dispatch((state) => ({
-    ...state,
-    app: withKey(state.app, 'layout', current),
-  }));
-}
-
 export function initialize(ctx: GlobalStateContext, loading: boolean, error: Error | undefined, modules: Array<Pilet>) {
   ctx.dispatch((state) => ({
     ...state,