piral-core 1.0.0-pre.2217 → 1.0.0

package/esm/Piral.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import type { PortalProps } from './types';
+import type { PiralProps } from './types';
 /**
  * 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
@@ -15,4 +15,4 @@ const app = (
 );
 ```
  */
-export declare const Piral: React.FC<PortalProps>;
+export declare const Piral: React.FC<PiralProps>;

package/esm/Piral.js

@@ -1,12 +1,13 @@
 import * as React from 'react';
-import { StateContext } from './state';
 import { createInstance } from './createInstance';
-import { PiralView, Mediator, ResponsiveLayout } from './components';
+import { PiralView, RegisteredRouter } from './components';
+import { PiralContext } from './PiralContext';
+import { publicPath } from '../app.codegen';
 /**
  * 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
@@ -17,12 +18,8 @@ const app = (
 );
 ```
  */
-export var Piral = function (_a) {
-    var _b = _a.instance, instance = _b === void 0 ? createInstance() : _b, breakpoints = _a.breakpoints, children = _a.children;
-    return (React.createElement(StateContext.Provider, { value: instance.context },
-        React.createElement(ResponsiveLayout, { breakpoints: breakpoints }),
-        React.createElement(Mediator, { options: instance.options }),
-        React.createElement(PiralView, null, children)));
-};
+export const Piral = ({ instance = createInstance(), breakpoints, children }) => (React.createElement(PiralContext, { instance: instance },
+    React.createElement(RegisteredRouter, { publicPath: publicPath },
+        React.createElement(PiralView, { breakpoints: breakpoints }, children))));
 Piral.displayName = 'Piral';
 //# sourceMappingURL=Piral.js.map

package/esm/Piral.js.map

@@ -1 +1 @@
-{"version":3,"file":"Piral.js","sourceRoot":"","sources":["../src/Piral.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGrE;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,IAAM,KAAK,GAA0B,UAAC,EAAsD;QAApD,gBAA2B,EAA3B,QAAQ,mBAAG,cAAc,EAAE,KAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA;IAAO,OAAA,CACtG,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,OAAO;QAC5C,oBAAC,gBAAgB,IAAC,WAAW,EAAE,WAAW,GAAI;QAC9C,oBAAC,QAAQ,IAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,GAAI;QACvC,oBAAC,SAAS,QAAE,QAAQ,CAAa,CACX,CACzB;AANuG,CAMvG,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
+{"version":3,"file":"Piral.js","sourceRoot":"","sources":["../src/Piral.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAAE,QAAQ,GAAG,cAAc,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACrG,oBAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ;IAC9B,oBAAC,gBAAgB,IAAC,UAAU,EAAE,UAAU;QACtC,oBAAC,SAAS,IAAC,WAAW,EAAE,WAAW,IAAG,QAAQ,CAAa,CAC1C,CACN,CAChB,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/esm/PiralContext.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import type { PiralContextProps } from './types';
+/**
+ * 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 declare const PiralContext: React.FC<PiralContextProps>;

package/esm/PiralContext.js

@@ -0,0 +1,34 @@
+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';
+const PiralProvider = ({ children }) => {
+    const Provider = useGlobalState((m) => m.provider || React.Fragment);
+    return React.createElement(Provider, null, children);
+};
+/**
+ * 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 = ({ instance = createInstance(), children }) => (React.createElement(StateContext.Provider, { value: instance.context },
+    React.createElement(Mediator, { options: instance.options, key: instance.id }),
+    React.createElement(RootListener, null),
+    React.createElement(PiralProvider, null, children)));
+PiralContext.displayName = 'PiralContext';
+//# sourceMappingURL=PiralContext.js.map

package/esm/PiralContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PiralContext.js","sourceRoot":"","sources":["../src/PiralContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAO9C,MAAM,aAAa,GAAiC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnE,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC;IACrE,OAAO,oBAAC,QAAQ,QAAE,QAAQ,CAAY,CAAC;AACzC,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAE,QAAQ,GAAG,cAAc,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACtG,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,OAAO;IAC5C,oBAAC,QAAQ,IAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,GAAI;IACzD,oBAAC,YAAY,OAAG;IAChB,oBAAC,aAAa,QAAE,QAAQ,CAAiB,CACnB,CACzB,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/esm/RootListener.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const RootListener: React.FC;

package/esm/RootListener.js

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { useGlobalStateContext } from './hooks';
+import { renderElement } from './modules';
+export const RootListener = () => {
+    const context = useGlobalStateContext();
+    React.useLayoutEffect(() => {
+        if (typeof document !== 'undefined') {
+            const handler = (ev) => {
+                ev.stopPropagation();
+                const { target, props } = ev.detail;
+                const [dispose, update] = renderElement(context, target, props);
+                target.dispose = dispose;
+                target.update = update;
+            };
+            document.body.addEventListener('render-html', handler, false);
+            return () => {
+                document.body.removeEventListener('render-html', handler, false);
+            };
+        }
+    }, [context]);
+    return null;
+};
+//# sourceMappingURL=RootListener.js.map

package/esm/RootListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RootListener.js","sourceRoot":"","sources":["../src/RootListener.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE1C,MAAM,CAAC,MAAM,YAAY,GAAa,GAAG,EAAE;IACzC,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IAExC,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACzB,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;YACnC,MAAM,OAAO,GAAG,CAAC,EAAe,EAAE,EAAE;gBAClC,EAAE,CAAC,eAAe,EAAE,CAAC;gBACrB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC;gBACpC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;gBAChE,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;gBACzB,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;YACzB,CAAC,CAAC;YACF,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;YAE9D,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;YACnE,CAAC,CAAC;SACH;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

package/esm/actions/app.d.ts

@@ -1,10 +1,13 @@
 import { ComponentType } from 'react';
 import { RouteComponentProps } from 'react-router';
-import { LayoutType, ComponentsState, ErrorComponentsState, GlobalStateContext, Pilet } from '../types';
-export declare function changeLayout(ctx: GlobalStateContext, current: LayoutType): void;
+import { ComponentsState, ErrorComponentsState, GlobalStateContext, Pilet, PiletEntry } from '../types';
 export declare function initialize(ctx: GlobalStateContext, loading: boolean, error: Error | undefined, modules: Array<Pilet>): void;
-export declare function injectPilet(ctx: GlobalStateContext, pilet: Pilet): void;
+export declare function addPilet(ctx: GlobalStateContext, meta: PiletEntry): Promise<void>;
+export declare function removePilet(ctx: GlobalStateContext, name: string): Promise<void>;
+export declare function injectPilet(ctx: GlobalStateContext, pilet: Pilet): Pilet;
 export declare function setComponent<TKey extends keyof ComponentsState>(ctx: GlobalStateContext, name: TKey, component: ComponentsState[TKey]): void;
 export declare function setErrorComponent<TKey extends keyof ErrorComponentsState>(ctx: GlobalStateContext, type: TKey, component: ErrorComponentsState[TKey]): void;
-export declare function setRoute<T = {}>(ctx: GlobalStateContext, path: string, component: ComponentType<RouteComponentProps<T>>): void;
+export declare function setRoute<T extends {
+    [K in keyof T]?: string;
+} = {}>(ctx: GlobalStateContext, path: string, component: ComponentType<RouteComponentProps<T>>): void;
 export declare function includeProvider(ctx: GlobalStateContext, provider: JSX.Element): void;

package/esm/actions/app.js

@@ -1,30 +1,40 @@
-import { __assign } from "tslib";
-import { cloneElement, createElement } from 'react';
-import { withKey, replaceOrAddItem, removeNested } from '../utils';
-export function changeLayout(ctx, current) {
-    ctx.dispatch(function (state) { return (__assign(__assign({}, state), { app: withKey(state.app, 'layout', current) })); });
-}
+import { runPilet } from 'piral-base';
+import { withKey, replaceOrAddItem, removeNested, withProvider, withRoute, noop } from '../utils';
 export function initialize(ctx, loading, error, modules) {
-    ctx.dispatch(function (state) { return (__assign(__assign({}, state), { app: __assign(__assign({}, state.app), { error: error,
-            loading: loading }), modules: modules })); });
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { app: Object.assign(Object.assign({}, state.app), { error,
+            loading }), modules })));
+}
+export function addPilet(ctx, meta) {
+    return ctx.options
+        .loadPilet(meta)
+        .then((pilet) => ctx.injectPilet(pilet))
+        .then((pilet) => runPilet(ctx.options.createApi, pilet, ctx.options.hooks))
+        .then(noop);
+}
+export function removePilet(ctx, name) {
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { modules: state.modules.filter((m) => m.name !== name), registry: removeNested(state.registry, (m) => m.pilet === name) })));
+    ctx.emit('unload-pilet', {
+        name,
+    });
+    return Promise.resolve();
 }
 export function injectPilet(ctx, pilet) {
-    ctx.dispatch(function (state) { return (__assign(__assign({}, state), { modules: replaceOrAddItem(state.modules, pilet, function (m) { return m.name === pilet.name; }), registry: removeNested(state.registry, function (m) { return m.pilet === pilet.name; }) })); });
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { modules: replaceOrAddItem(state.modules, pilet, (m) => m.name === pilet.name), registry: removeNested(state.registry, (m) => m.pilet === pilet.name) })));
     ctx.emit('unload-pilet', {
         name: pilet.name,
     });
+    return pilet;
 }
 export function setComponent(ctx, name, component) {
-    ctx.dispatch(function (state) { return (__assign(__assign({}, state), { components: withKey(state.components, name, component) })); });
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { components: withKey(state.components, name, component) })));
 }
 export function setErrorComponent(ctx, type, component) {
-    ctx.dispatch(function (state) { return (__assign(__assign({}, state), { errorComponents: withKey(state.errorComponents, type, component) })); });
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { errorComponents: withKey(state.errorComponents, type, component) })));
 }
 export function setRoute(ctx, path, component) {
-    ctx.dispatch(function (state) { return (__assign(__assign({}, state), { routes: withKey(state.routes, path, component) })); });
+    ctx.dispatch(withRoute(path, component));
 }
 export function includeProvider(ctx, provider) {
-    var wrapper = function (props) { return cloneElement(provider, props); };
-    ctx.dispatch(function (state) { return (__assign(__assign({}, state), { provider: !state.provider ? wrapper : function (props) { return createElement(state.provider, undefined, wrapper(props)); } })); });
+    ctx.dispatch(withProvider(provider));
 }
 //# sourceMappingURL=app.js.map

package/esm/actions/app.js.map

@@ -1 +1 @@
-{"version":3,"file":"app.js","sourceRoot":"","sources":["../../src/actions/app.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../src/actions/app.ts"],"names":[],"mappings":"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"}

package/esm/actions/components.js

@@ -1,15 +1,14 @@
-import { __assign } from "tslib";
-import { appendItem, excludeOn, withKey, withoutKey } from '../utils';
+import { withExtension, withoutExtension, withoutPage, withPage } from '../utils';
 export function registerPage(ctx, name, value) {
-    ctx.dispatch(function (state) { return (__assign(__assign({}, state), { registry: __assign(__assign({}, state.registry), { pages: withKey(state.registry.pages, name, value) }) })); });
+    ctx.dispatch(withPage(name, value));
 }
 export function unregisterPage(ctx, name) {
-    ctx.dispatch(function (state) { return (__assign(__assign({}, state), { registry: __assign(__assign({}, state.registry), { pages: withoutKey(state.registry.pages, name) }) })); });
+    ctx.dispatch(withoutPage(name));
 }
 export function registerExtension(ctx, name, value) {
-    ctx.dispatch(function (state) { return (__assign(__assign({}, state), { registry: __assign(__assign({}, state.registry), { extensions: withKey(state.registry.extensions, name, appendItem(state.registry.extensions[name], value)) }) })); });
+    ctx.dispatch(withExtension(name, value));
 }
 export function unregisterExtension(ctx, name, reference) {
-    ctx.dispatch(function (state) { return (__assign(__assign({}, state), { registry: __assign(__assign({}, state.registry), { extensions: withKey(state.registry.extensions, name, excludeOn(state.registry.extensions[name], function (m) { return m.reference === reference; })) }) })); });
+    ctx.dispatch(withoutExtension(name, reference));
 }
 //# sourceMappingURL=components.js.map

package/esm/actions/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/actions/components.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtE,MAAM,UAAU,YAAY,CAAC,GAAuB,EAAE,IAAY,EAAE,KAAuB;IACzF,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uBACnB,KAAK,KACR,QAAQ,wBACH,KAAK,CAAC,QAAQ,KACjB,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,OAEnD,EANsB,CAMtB,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,GAAuB,EAAE,IAAY;IAClE,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uBACnB,KAAK,KACR,QAAQ,wBACH,KAAK,CAAC,QAAQ,KACjB,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,OAE/C,EANsB,CAMtB,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,GAAuB,EAAE,IAAY,EAAE,KAA4B;IACnG,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uBACnB,KAAK,KACR,QAAQ,wBACH,KAAK,CAAC,QAAQ,KACjB,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC,OAE1G,EANsB,CAMtB,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,GAAuB,EAAE,IAAY,EAAE,SAAc;IACvF,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uBACnB,KAAK,KACR,QAAQ,wBACH,KAAK,CAAC,QAAQ,KACjB,UAAU,EAAE,OAAO,CACjB,KAAK,CAAC,QAAQ,CAAC,UAAU,EACzB,IAAI,EACJ,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,SAAS,KAAK,SAAS,EAAzB,CAAyB,CAAC,CAC7E,OAEH,EAVsB,CAUtB,CAAC,CAAC;AACN,CAAC"}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/actions/components.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGlF,MAAM,UAAU,YAAY,CAAC,GAAuB,EAAE,IAAY,EAAE,KAAuB;IACzF,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;AACtC,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,GAAuB,EAAE,IAAY;IAClE,GAAG,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;AAClC,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,GAAuB,EAAE,IAAY,EAAE,KAA4B;IACnG,GAAG,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,GAAuB,EAAE,IAAY,EAAE,SAAc;IACvF,GAAG,CAAC,QAAQ,CAAC,gBAAgB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAClD,CAAC"}

package/esm/actions/data.js

@@ -1,38 +1,37 @@
-import { __assign } from "tslib";
 import { updateKey } from '../utils';
 export function resetData(ctx) {
-    ctx.dispatch(function (state) { return (__assign(__assign({}, state), { data: {} })); });
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { data: {} })));
 }
 export function readDataItem(ctx, key) {
-    return ctx.readState(function (state) { return state.data[key]; });
+    return ctx.readState((state) => state.data[key]);
 }
 export function readDataValue(ctx, key) {
-    var item = readDataItem(ctx, key);
+    const item = readDataItem(ctx, key);
     return item && item.value;
 }
 export function writeDataItem(ctx, key, value, owner, target, expires) {
-    var isNull = !value && typeof value === 'object';
-    var data = isNull
+    const isNull = !value && typeof value === 'object';
+    const data = isNull
         ? value
         : {
-            value: value,
-            owner: owner,
-            target: target,
-            expires: expires,
+            value,
+            owner,
+            target,
+            expires,
         };
-    ctx.dispatch(function (state) { return (__assign(__assign({}, state), { data: updateKey(state.data, key, data) })); });
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { data: updateKey(state.data, key, data) })));
     ctx.emit('store-data', {
         name: key,
-        target: target,
-        value: value,
-        owner: owner,
-        expires: expires,
+        target,
+        value,
+        owner,
+        expires,
     });
 }
 export function tryWriteDataItem(ctx, key, value, owner, target, expires) {
-    var item = readDataItem(ctx, key);
+    const item = readDataItem(ctx, key);
     if (item && item.owner !== owner) {
-        console.error("Invalid data write to '" + key + "'. This item currently belongs to '" + item.owner + "' (write attempted from '" + owner + "'). The action has been ignored.");
+        console.error(`Invalid data write to '${key}'. This item currently belongs to '${item.owner}' (write attempted from '${owner}'). The action has been ignored.`);
         return false;
     }
     writeDataItem(ctx, key, value, owner, target, expires);

package/esm/actions/data.js.map

@@ -1 +1 @@
-{"version":3,"file":"data.js","sourceRoot":"","sources":["../../src/actions/data.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAGrC,MAAM,UAAU,SAAS,CAAC,GAAuB;IAC/C,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uBACnB,KAAK,KACR,IAAI,EAAE,EAAE,IACR,EAHsB,CAGtB,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,GAAuB,EAAE,GAAW;IAC/D,OAAO,GAAG,CAAC,SAAS,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAf,CAAe,CAAC,CAAC;AACnD,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,GAAuB,EAAE,GAAW;IAChE,IAAM,IAAI,GAAG,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IACpC,OAAO,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC;AAC5B,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,GAAuB,EACvB,GAAW,EACX,KAAU,EACV,KAAa,EACb,MAAuB,EACvB,OAAe;IAEf,IAAM,MAAM,GAAG,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC;IACnD,IAAM,IAAI,GAAG,MAAM;QACjB,CAAC,CAAC,KAAK;QACP,CAAC,CAAC;YACE,KAAK,OAAA;YACL,KAAK,OAAA;YACL,MAAM,QAAA;YACN,OAAO,SAAA;SACR,CAAC;IACN,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uBACnB,KAAK,KACR,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,IACtC,EAHsB,CAGtB,CAAC,CAAC;IAEJ,GAAG,CAAC,IAAI,CAAC,YAAY,EAAE;QACrB,IAAI,EAAE,GAAG;QACT,MAAM,QAAA;QACN,KAAK,OAAA;QACL,KAAK,OAAA;QACL,OAAO,SAAA;KACR,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC9B,GAAuB,EACvB,GAAW,EACX,KAAU,EACV,KAAa,EACb,MAAuB,EACvB,OAAe;IAEf,IAAM,IAAI,GAAG,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAEpC,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE;QAChC,OAAO,CAAC,KAAK,CACX,4BAA0B,GAAG,2CAAsC,IAAI,CAAC,KAAK,iCAA4B,KAAK,qCAAkC,CACjJ,CAAC;QACF,OAAO,KAAK,CAAC;KACd;IAED,aAAa,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IACvD,OAAO,IAAI,CAAC;AACd,CAAC"}
+{"version":3,"file":"data.js","sourceRoot":"","sources":["../../src/actions/data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAGrC,MAAM,UAAU,SAAS,CAAC,GAAuB;IAC/C,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,IAAI,EAAE,EAAE,IACR,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,GAAuB,EAAE,GAAW;IAC/D,OAAO,GAAG,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AACnD,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,GAAuB,EAAE,GAAW;IAChE,MAAM,IAAI,GAAG,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IACpC,OAAO,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC;AAC5B,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,GAAuB,EACvB,GAAW,EACX,KAAU,EACV,KAAa,EACb,MAAuB,EACvB,OAAe;IAEf,MAAM,MAAM,GAAG,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC;IACnD,MAAM,IAAI,GAAG,MAAM;QACjB,CAAC,CAAC,KAAK;QACP,CAAC,CAAC;YACE,KAAK;YACL,KAAK;YACL,MAAM;YACN,OAAO;SACR,CAAC;IACN,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,IACtC,CAAC,CAAC;IAEJ,GAAG,CAAC,IAAI,CAAC,YAAY,EAAE;QACrB,IAAI,EAAE,GAAG;QACT,MAAM;QACN,KAAK;QACL,KAAK;QACL,OAAO;KACR,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC9B,GAAuB,EACvB,GAAW,EACX,KAAU,EACV,KAAa,EACb,MAAuB,EACvB,OAAe;IAEf,MAAM,IAAI,GAAG,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAEpC,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE;QAChC,OAAO,CAAC,KAAK,CACX,0BAA0B,GAAG,sCAAsC,IAAI,CAAC,KAAK,4BAA4B,KAAK,kCAAkC,CACjJ,CAAC;QACF,OAAO,KAAK,CAAC;KACd;IAED,aAAa,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IACvD,OAAO,IAAI,CAAC;AACd,CAAC"}

package/esm/actions/define.js

@@ -2,9 +2,8 @@ export function defineAction(ctx, actionName, action) {
     ctx[actionName] = action.bind(ctx, ctx);
 }
 export 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/esm/actions/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","sourceRoot":"","sources":["../../src/actions/define.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,YAAY,CAAC,GAAuB,EAAE,UAAkB,EAAE,MAAW;IACnF,GAAG,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAC1C,CAAC;AAED,MAAM,UAAU,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"}
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../src/actions/define.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,YAAY,CAAC,GAAuB,EAAE,UAAkB,EAAE,MAAW;IACnF,GAAG,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAC1C,CAAC;AAED,MAAM,UAAU,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"}

package/esm/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/esm/actions/portal.js

@@ -1,9 +1,14 @@
-import { __assign } from "tslib";
-import { withoutKey, includeItem, withKey } from '../utils';
+import { withoutKey, withKey, includeItem, excludeItem, replaceOrAddItem } from '../utils';
 export function destroyPortal(ctx, id) {
-    ctx.dispatch(function (state) { return (__assign(__assign({}, state), { portals: withoutKey(state.portals, id) })); });
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { portals: withoutKey(state.portals, id) })));
+}
+export function hidePortal(ctx, id, entry) {
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { portals: withKey(state.portals, id, excludeItem(state.portals[id], entry)) })));
+}
+export function updatePortal(ctx, id, current, next) {
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { portals: withKey(state.portals, id, replaceOrAddItem(state.portals[id], next, (m) => m === current)) })));
 }
 export function showPortal(ctx, id, entry) {
-    ctx.dispatch(function (state) { return (__assign(__assign({}, state), { portals: withKey(state.portals, id, includeItem(state.portals[id], entry)) })); });
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { portals: withKey(state.portals, id, includeItem(state.portals[id], entry)) })));
 }
 //# sourceMappingURL=portal.js.map

package/esm/actions/portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"portal.js","sourceRoot":"","sources":["../../src/actions/portal.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAG5D,MAAM,UAAU,aAAa,CAAC,GAAuB,EAAE,EAAU;IAC/D,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uBACnB,KAAK,KACR,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC,IACtC,EAHsB,CAGtB,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,GAAuB,EAAE,EAAU,EAAE,KAAkB;IAChF,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uBACnB,KAAK,KACR,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,IAC1E,EAHsB,CAGtB,CAAC,CAAC;AACN,CAAC"}
+{"version":3,"file":"portal.js","sourceRoot":"","sources":["../../src/actions/portal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAG3F,MAAM,UAAU,aAAa,CAAC,GAAuB,EAAE,EAAU;IAC/D,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC,IACtC,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,GAAuB,EAAE,EAAU,EAAE,KAAkB;IAChF,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,IAC1E,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,GAAuB,EAAE,EAAU,EAAE,OAAoB,EAAE,IAAiB;IACvG,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,OAAO,EAAE,OAAO,CACd,KAAK,CAAC,OAAO,EACb,EAAE,EACF,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,OAAO,CAAC,CAChE,IACD,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,GAAuB,EAAE,EAAU,EAAE,KAAkB;IAChF,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,IAC1E,CAAC,CAAC;AACN,CAAC"}

package/esm/actions/state.js

@@ -1,9 +1,12 @@
-import { swap, deref } from '@dbeining/react-atom';
+import { isSame } from '../utils';
 export function dispatch(ctx, update) {
-    swap(ctx.state, update);
+    const oldState = ctx.state.getState();
+    const newState = update(oldState);
+    if (!isSame(oldState, newState)) {
+        ctx.state.setState(newState);
+    }
 }
 export function readState(ctx, read) {
-    var state = deref(ctx.state);
-    return read(state);
+    return read(ctx.state.getState());
 }
 //# sourceMappingURL=state.js.map

package/esm/actions/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../src/actions/state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAGnD,MAAM,UAAU,QAAQ,CAAC,GAAuB,EAAE,MAA2C;IAC3F,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,UAAU,SAAS,CAAI,GAAuB,EAAE,IAA+B;IACnF,IAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAC/B,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC;AACrB,CAAC"}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../src/actions/state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,MAAM,UAAU,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,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE;QAC/B,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;KAC9B;AACH,CAAC;AAED,MAAM,UAAU,SAAS,CAAI,GAAuB,EAAE,IAA+B;IACnF,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;AACpC,CAAC"}

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

@@ -1,39 +1,33 @@
-import { __extends } from "tslib";
+import { __rest } from "tslib";
 import * as React from 'react';
-import { isfunc } from 'piral-base';
+import { RegisteredErrorInfo, RegisteredLoadingIndicator } from './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) {
-    __extends(ErrorBoundary, _super);
-    function ErrorBoundary(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {
+export 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 (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 = __rest(_a, ["children", "piral", "errorType"]);
+        const { error } = this.state;
+        const rest = renderProps;
         if (error) {
-            if (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(RegisteredErrorInfo, Object.assign({ type: errorType, error: error, pilet: pilet }, rest));
         }
-        return isfunc(renderChild) ? renderChild(children, renderProps) : children;
-    };
-    return ErrorBoundary;
-}(React.Component));
-export { ErrorBoundary };
+        return React.createElement(React.Suspense, { fallback: React.createElement(RegisteredLoadingIndicator, null) }, children);
+    }
+}
 //# sourceMappingURL=ErrorBoundary.js.map

package/esm/components/ErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AA6CpC;;GAEG;AACH;IAAsC,iCAA0D;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,MAAM,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,MAAM,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,MAAM,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"}
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAyB/E;;GAEG;AACH,MAAM,OAAO,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,cAA5C,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,mBAAmB,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,0BAA0B,OAAG,IAAG,QAAQ,CAAkB,CAAC;IAC/F,CAAC;CACF"}

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