piral-breadcrumbs 1.0.0-pre.2077 → 1.0.1-beta.5640

package/lib/create.js

@@ -1,11 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createBreadcrumbsApi = void 0;
-var tslib_1 = require("tslib");
-var ptr = require("path-to-regexp");
-var actions = require("./actions");
-var piral_core_1 = require("piral-core");
-var default_1 = require("./default");
+const tslib_1 = require("tslib");
+const actions = require("./actions");
+const piral_core_1 = require("piral-core");
+const default_1 = require("./default");
+const Breadcrumbs_1 = require("./Breadcrumbs");
+// Unfortunately `require`d:
+// * exports are otherwise potentially converted by, e.g., Parcel (see #385)
+const ptr = require('path-to-regexp');
 function getMatcher(settings) {
     if (settings.matcher instanceof RegExp) {
         return settings.matcher;
@@ -18,47 +21,60 @@ function getMatcher(settings) {
     }
 }
 function getBreadcrumbs(items) {
-    var breadcrumbs = {};
-    var i = 0;
-    for (var _i = 0, items_1 = items; _i < items_1.length; _i++) {
-        var settings = items_1[_i];
-        breadcrumbs["global-" + i++] = {
+    const breadcrumbs = {};
+    let i = 0;
+    for (const settings of items) {
+        breadcrumbs[`global-${i++}`] = {
             pilet: undefined,
             matcher: getMatcher(settings),
-            settings: settings,
+            settings,
         };
     }
     return breadcrumbs;
 }
+function withBreadcrumbs(breadcrumbs) {
+    return (state) => (Object.assign(Object.assign({}, state), { components: Object.assign({ BreadcrumbItem: default_1.DefaultBreadbrumbItem, BreadcrumbsContainer: default_1.DefaultBreadcrumbsContainer }, state.components), registry: Object.assign(Object.assign({}, state.registry), { breadcrumbs }) }));
+}
 /**
  * Creates the Pilet API extension for activating breadcrumbs support.
  */
-function createBreadcrumbsApi(config) {
-    if (config === void 0) { config = {}; }
-    var _a = config.breadcrumbs, breadcrumbs = _a === void 0 ? [] : _a;
-    return function (context) {
+function createBreadcrumbsApi(config = {}) {
+    const { breadcrumbs = [] } = config;
+    return (context) => {
         context.defineActions(actions);
-        context.dispatch(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { components: tslib_1.__assign({ BreadcrumbItem: default_1.DefaultBreadbrumbItem, BreadcrumbsContainer: default_1.DefaultBreadcrumbsContainer }, state.components), registry: tslib_1.__assign(tslib_1.__assign({}, state.registry), { breadcrumbs: getBreadcrumbs(breadcrumbs) }) })); });
-        return function (api, target) {
-            var pilet = target.name;
-            var next = 0;
+        context.dispatch((0, piral_core_1.withAll)(withBreadcrumbs(getBreadcrumbs(breadcrumbs)), (0, piral_core_1.withRootExtension)('piral-breadcrumbs', Breadcrumbs_1.Breadcrumbs)));
+        return (_, target) => {
+            const pilet = target.name;
+            let next = 0;
             return {
-                registerBreadcrumb: function (name, settings) {
+                registerBreadcrumbs(values) {
+                    const bc = {};
+                    for (const value of values) {
+                        const { name = next++ } = value, settings = tslib_1.__rest(value, ["name"]);
+                        const id = (0, piral_core_1.buildName)(pilet, name);
+                        bc[id] = settings;
+                    }
+                    context.registerBreadcrumbs(bc);
+                    return () => context.unregisterBreadcrumbs(Object.keys(bc));
+                },
+                registerBreadcrumb(name, settings) {
                     if (typeof name !== 'string') {
                         settings = name;
                         name = next++;
                     }
-                    var id = piral_core_1.buildName(pilet, name);
-                    context.registerBreadcrumb(id, {
-                        pilet: pilet,
-                        matcher: getMatcher(settings),
-                        settings: settings,
+                    const id = (0, piral_core_1.buildName)(pilet, name);
+                    context.registerBreadcrumbs({
+                        [id]: {
+                            pilet,
+                            matcher: getMatcher(settings),
+                            settings,
+                        },
                     });
-                    return function () { return api.unregisterBreadcrumb(name); };
+                    return () => context.unregisterBreadcrumbs([id]);
                 },
-                unregisterBreadcrumb: function (name) {
-                    var id = piral_core_1.buildName(pilet, name);
-                    context.unregisterBreadcrumb(id);
+                unregisterBreadcrumb(name) {
+                    const id = (0, piral_core_1.buildName)(pilet, name);
+                    context.unregisterBreadcrumbs([id]);
                 },
             };
         };

package/lib/create.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":";;;;AAAA,oCAAsC;AACtC,mCAAqC;AACrC,yCAA0D;AAC1D,qCAA+E;AAc/E,SAAS,UAAU,CAAC,QAA4B;IAC9C,IAAI,QAAQ,CAAC,OAAO,YAAY,MAAM,EAAE;QACtC,OAAO,QAAQ,CAAC,OAAO,CAAC;KACzB;SAAM,IAAI,OAAO,QAAQ,CAAC,OAAO,KAAK,QAAQ,EAAE;QAC/C,OAAO,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;KAC9B;SAAM;QACL,OAAO,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;KAC3B;AACH,CAAC;AAED,SAAS,cAAc,CAAC,KAAgC;IACtD,IAAM,WAAW,GAAiC,EAAE,CAAC;IACrD,IAAI,CAAC,GAAG,CAAC,CAAC;IAEV,KAAuB,UAAK,EAAL,eAAK,EAAL,mBAAK,EAAL,IAAK,EAAE;QAAzB,IAAM,QAAQ,cAAA;QACjB,WAAW,CAAC,YAAU,CAAC,EAAI,CAAC,GAAG;YAC7B,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,UAAU,CAAC,QAAQ,CAAC;YAC7B,QAAQ,UAAA;SACT,CAAC;KACH;IAED,OAAO,WAAW,CAAC;AACrB,CAAC;AAED;;GAEG;AACH,SAAgB,oBAAoB,CAAC,MAA4B;IAA5B,uBAAA,EAAA,WAA4B;IACvD,IAAA,KAAqB,MAAM,YAAX,EAAhB,WAAW,mBAAG,EAAE,KAAA,CAAY;IAEpC,OAAO,UAAC,OAAO;QACb,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAE/B,OAAO,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uCACvB,KAAK,KACR,UAAU,qBACR,cAAc,EAAE,+BAAqB,EACrC,oBAAoB,EAAE,qCAA2B,IAC9C,KAAK,CAAC,UAAU,GAErB,QAAQ,wCACH,KAAK,CAAC,QAAQ,KACjB,WAAW,EAAE,cAAc,CAAC,WAAW,CAAC,OAE1C,EAX0B,CAW1B,CAAC,CAAC;QAEJ,OAAO,UAAC,GAAG,EAAE,MAAM;YACjB,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC;YAC1B,IAAI,IAAI,GAAG,CAAC,CAAC;YAEb,OAAO;gBACL,kBAAkB,EAAlB,UAAmB,IAAI,EAAE,QAAS;oBAChC,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;wBAC5B,QAAQ,GAAG,IAAI,CAAC;wBAChB,IAAI,GAAG,IAAI,EAAE,CAAC;qBACf;oBAED,IAAM,EAAE,GAAG,sBAAS,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;oBAClC,OAAO,CAAC,kBAAkB,CAAC,EAAE,EAAE;wBAC7B,KAAK,OAAA;wBACL,OAAO,EAAE,UAAU,CAAC,QAAQ,CAAC;wBAC7B,QAAQ,UAAA;qBACT,CAAC,CAAC;oBACH,OAAO,cAAM,OAAA,GAAG,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAA9B,CAA8B,CAAC;gBAC9C,CAAC;gBACD,oBAAoB,YAAC,IAAI;oBACvB,IAAM,EAAE,GAAG,sBAAS,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;oBAClC,OAAO,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC;gBACnC,CAAC;aACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AA7CD,oDA6CC"}
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":"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"}

package/lib/default.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DefaultBreadbrumbItem = exports.DefaultBreadcrumbsContainer = void 0;
-var React = require("react");
-var piral_core_1 = require("piral-core");
-exports.DefaultBreadcrumbsContainer = function (props) { return (React.createElement(piral_core_1.ExtensionSlot, { name: "breadcrumbs", params: props, empty: function () { return piral_core_1.defaultRender(props.children, 'default_breadcrumbs'); } })); };
-exports.DefaultBreadbrumbItem = function (props) { return piral_core_1.defaultRender(props.children); };
+const React = require("react");
+const piral_core_1 = require("piral-core");
+const DefaultBreadcrumbsContainer = (props) => (React.createElement(piral_core_1.ExtensionSlot, { name: "breadcrumbs", params: props, empty: () => (0, piral_core_1.defaultRender)(props.children, 'default_breadcrumbs') }));
+exports.DefaultBreadcrumbsContainer = DefaultBreadcrumbsContainer;
+const DefaultBreadbrumbItem = (props) => (0, piral_core_1.defaultRender)(props.children);
+exports.DefaultBreadbrumbItem = DefaultBreadbrumbItem;
 //# sourceMappingURL=default.js.map

package/lib/default.js.map

@@ -1 +1 @@
-{"version":3,"file":"default.js","sourceRoot":"","sources":["../src/default.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,yCAA0D;AAG7C,QAAA,2BAA2B,GAAwC,UAAC,KAAK,IAAK,OAAA,CACzF,oBAAC,0BAAa,IAAC,IAAI,EAAC,aAAa,EAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,cAAM,OAAA,0BAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,qBAAqB,CAAC,EAApD,CAAoD,GAAI,CACvH,EAF0F,CAE1F,CAAC;AAEW,QAAA,qBAAqB,GAAkC,UAAC,KAAK,IAAK,OAAA,0BAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,EAA7B,CAA6B,CAAC"}
+{"version":3,"file":"default.js","sourceRoot":"","sources":["../src/default.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,2CAA0D;AAGnD,MAAM,2BAA2B,GAAwC,CAAC,KAAK,EAAE,EAAE,CAAC,CACzF,oBAAC,0BAAa,IAAC,IAAI,EAAC,aAAa,EAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,IAAA,0BAAa,EAAC,KAAK,CAAC,QAAQ,EAAE,qBAAqB,CAAC,GAAI,CACvH,CAAC;AAFW,QAAA,2BAA2B,+BAEtC;AAEK,MAAM,qBAAqB,GAAkC,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,0BAAa,EAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AAAhG,QAAA,qBAAqB,yBAA2E"}

package/lib/index.js

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

package/lib/types.d.ts

@@ -1,5 +1,5 @@
-import { ComponentType, ReactChild } from 'react';
-import { Dict, BaseRegistration, RegistrationDisposer } from 'piral-core';
+import type { ComponentType, ReactNode } from 'react';
+import type { Dict, BaseRegistration, RegistrationDisposer } from 'piral-core';
 declare module 'piral-core/lib/types/custom' {
     interface PiletCustomApi extends PiletBreadcrumbsApi {
     }
@@ -8,15 +8,14 @@ declare module 'piral-core/lib/types/custom' {
     interface PiralCustomActions {
         /**
          * Registers a new breadcrumb.
-         * @param name The name of the breadcrumb.
-         * @param value The breadcrumb registration.
+         * @param values The breadcrumbs to register.
          */
-        registerBreadcrumb(name: string, value: BreadcrumbRegistration): void;
+        registerBreadcrumbs(values: Dict<BreadcrumbRegistration>): void;
         /**
          * Unregisters an existing breadcrumb.
          * @param name The name of the breadcrumb to be removed.
          */
-        unregisterBreadcrumb(name: string): void;
+        unregisterBreadcrumbs(names: Array<string>): void;
     }
     interface PiralCustomRegistryState {
         /**
@@ -36,12 +35,20 @@ declare module 'piral-core/lib/types/custom' {
     }
 }
 export interface BreadcrumbsContainerProps {
+    /**
+     * The breadcrumbs to display.
+     */
+    children?: ReactNode;
 }
 export interface BreadcrumbItemProps extends Omit<BreadcrumbSettings, 'title'> {
     /**
      * Determins if the breadcrumb is the current page.
      */
     current: boolean;
+    /**
+     * The title of the breadcrumb to display.
+     */
+    children?: ReactNode;
 }
 export interface PiralCustomBreadcrumbSettings {
 }
@@ -70,13 +77,20 @@ export interface BreadcrumbSettings extends PiralCustomBreadcrumbSettings {
     /**
      * The title of the breadcrumb.
      */
-    title: ReactChild;
+    title: ReactNode;
 }
 export interface BreadcrumbRegistration extends BaseRegistration {
     matcher: RegExp;
     settings: BreadcrumbSettings;
 }
 export interface PiletBreadcrumbsApi {
+    /**
+     * Registers a set of breadcrumbs.
+     * @param values The different breadcrumb settings.
+     */
+    registerBreadcrumbs(values: Array<{
+        name?: string;
+    } & BreadcrumbSettings>): RegistrationDisposer;
     /**
      * Registers a breadcrumb with the provided settings.
      * @param settings The settings for configuring the breadcrumb.

package/lib/useBreadcrumbs.js

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBreadcrumbs = void 0;
-var piral_core_1 = require("piral-core");
+const piral_core_1 = require("piral-core");
 function getExact(breadcrumbs, path) {
-    var bc = breadcrumbs.filter(function (m) { return m.matcher.test(path); })[0];
+    const [bc] = breadcrumbs.filter((m) => m.matcher.test(path));
     return bc;
 }
 function getClosest(breadcrumbs, path) {
-    var segments = path.split('/');
+    const segments = path.split('/');
     while (segments.length > 1) {
         segments.pop();
-        var newPath = segments.join('/');
-        var next = getNext(breadcrumbs, newPath);
+        const newPath = segments.join('/');
+        const next = getNext(breadcrumbs, newPath);
         if (next) {
             return next;
         }
@@ -25,13 +25,13 @@ function getNext(breadcrumbs, path) {
     return undefined;
 }
 function useBreadcrumbs(path) {
-    var breadcrumbs = piral_core_1.useGlobalState(function (s) { return s.registry.breadcrumbs; });
-    var list = Object.keys(breadcrumbs).map(function (id) { return breadcrumbs[id]; });
+    const breadcrumbs = (0, piral_core_1.useGlobalState)((s) => s.registry.breadcrumbs);
+    const list = Object.keys(breadcrumbs).map((id) => breadcrumbs[id]);
     if (list.length > 0) {
-        var current = getNext(list, path);
+        const current = getNext(list, path);
         if (current) {
-            var links = [current];
-            var previous = getNext(list, current.settings.parent);
+            const links = [current];
+            let previous = getNext(list, current.settings.parent);
             while (previous !== undefined) {
                 links.push(previous);
                 previous = getNext(list, previous.settings.parent);

package/lib/useBreadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBreadcrumbs.js","sourceRoot":"","sources":["../src/useBreadcrumbs.ts"],"names":[],"mappings":";;;AAAA,yCAA4C;AAG5C,SAAS,QAAQ,CAAC,WAA0C,EAAE,IAAY;IACjE,IAAA,EAAE,GAAI,WAAW,CAAC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAApB,CAAoB,CAAC,GAAnD,CAAoD;IAC7D,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,SAAS,UAAU,CAAC,WAA0C,EAAE,IAAY;IAC1E,IAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEjC,OAAO,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;QAC1B,QAAQ,CAAC,GAAG,EAAE,CAAC;QACf,IAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACnC,IAAM,IAAI,GAAG,OAAO,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;QAE3C,IAAI,IAAI,EAAE;YACR,OAAO,IAAI,CAAC;SACb;KACF;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,OAAO,CAAC,WAA0C,EAAE,IAAY;IACvE,IAAI,IAAI,EAAE;QACR,OAAO,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,UAAU,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;KACrE;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAgB,cAAc,CAAC,IAAY;IACzC,IAAM,WAAW,GAAG,2BAAc,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,QAAQ,CAAC,WAAW,EAAtB,CAAsB,CAAC,CAAC;IAClE,IAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,UAAC,EAAE,IAAK,OAAA,WAAW,CAAC,EAAE,CAAC,EAAf,CAAe,CAAC,CAAC;IAEnE,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;QACnB,IAAM,OAAO,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAEpC,IAAI,OAAO,EAAE;YACX,IAAM,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;YACxB,IAAI,QAAQ,GAAG,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;YAEtD,OAAO,QAAQ,KAAK,SAAS,EAAE;gBAC7B,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;gBACrB,QAAQ,GAAG,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;aACpD;YAED,OAAO,KAAK,CAAC,OAAO,EAAE,CAAC;SACxB;KACF;IAED,OAAO,EAAE,CAAC;AACZ,CAAC;AArBD,wCAqBC"}
+{"version":3,"file":"useBreadcrumbs.js","sourceRoot":"","sources":["../src/useBreadcrumbs.ts"],"names":[],"mappings":";;;AAAA,2CAA4C;AAG5C,SAAS,QAAQ,CAAC,WAA0C,EAAE,IAAY;IACxE,MAAM,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7D,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,SAAS,UAAU,CAAC,WAA0C,EAAE,IAAY;IAC1E,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEjC,OAAO,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;QAC1B,QAAQ,CAAC,GAAG,EAAE,CAAC;QACf,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACnC,MAAM,IAAI,GAAG,OAAO,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;QAE3C,IAAI,IAAI,EAAE;YACR,OAAO,IAAI,CAAC;SACb;KACF;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,OAAO,CAAC,WAA0C,EAAE,IAAY;IACvE,IAAI,IAAI,EAAE;QACR,OAAO,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,UAAU,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;KACrE;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAgB,cAAc,CAAC,IAAY;IACzC,MAAM,WAAW,GAAG,IAAA,2BAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAClE,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC;IAEnE,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;QACnB,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAEpC,IAAI,OAAO,EAAE;YACX,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;YACxB,IAAI,QAAQ,GAAG,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;YAEtD,OAAO,QAAQ,KAAK,SAAS,EAAE;gBAC7B,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;gBACrB,QAAQ,GAAG,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;aACpD;YAED,OAAO,KAAK,CAAC,OAAO,EAAE,CAAC;SACxB;KACF;IAED,OAAO,EAAE,CAAC;AACZ,CAAC;AArBD,wCAqBC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-breadcrumbs",
-  "version": "1.0.0-pre.2077",
+  "version": "1.0.1-beta.5640",
   "description": "Plugin for creating a breadcrumb manager in Piral.",
   "keywords": [
     "piral",
@@ -17,12 +17,32 @@
   "author": "smapiot",
   "homepage": "https://piral.io",
   "license": "MIT",
+  "module": "esm/index.js",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./lib/index.js"
+    },
+    "./esm/*": {
+      "import": "./esm/*"
+    },
+    "./lib/*": {
+      "require": "./lib/*"
+    },
+    "./_/*": {
+      "import": "./esm/*.js",
+      "require": "./lib/*.js"
+    },
+    "./package.json": "./package.json"
+  },
   "sideEffects": false,
   "files": [
+    "esm",
     "lib",
-    "src"
+    "src",
+    "piral-breadcrumbs.min.js"
   ],
   "repository": {
     "type": "git",
@@ -32,18 +52,23 @@
     "url": "https://github.com/smapiot/piral/issues"
   },
   "scripts": {
-    "build": "tsc",
+    "cleanup": "rimraf esm lib piral-breadcrumbs.min.js",
+    "build": "yarn build:bundle && yarn build:commonjs && yarn build:esnext",
+    "build:bundle": "esbuild src/index.ts --outfile=piral-breadcrumbs.min.js --bundle --external:piral-core --external:react --external:react-router --minify",
+    "build:commonjs": "tsc --project tsconfig.json --outDir lib --module commonjs",
+    "build:esnext": "tsc --project tsconfig.json --outDir esm --module esnext",
     "typedoc": "typedoc --json ../../../docs/types/piral-breadcrumbs.json src --exclude \"src/**/*.test.*\"",
     "test": "echo \"Error: run tests from root\" && exit 1"
   },
-  "devDependencies": {
-    "piral-core": "^1.0.0-pre.2077"
-  },
   "dependencies": {
     "path-to-regexp": "^1.8.0"
   },
-  "peerDependencies": {
-    "piral-core": "1.x"
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "@types/react-router": "^5.1.8",
+    "piral-core": "1.0.1-beta.5640",
+    "react": "^18.0.0",
+    "react-router": "^5.2.0"
   },
-  "gitHead": "fbd8be6a3bd530738fb342d5f347d25116e61561"
+  "gitHead": "fa0a72b28fd0a20afec7ef491ec19e93c090fc72"
 }

package/piral-breadcrumbs.min.js

@@ -0,0 +1 @@
+(()=>{var pr=Object.create;var C=Object.defineProperty,lr=Object.defineProperties,dr=Object.getOwnPropertyDescriptor,fr=Object.getOwnPropertyDescriptors,br=Object.getOwnPropertyNames,S=Object.getOwnPropertySymbols,gr=Object.getPrototypeOf,G=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var H=(r,e,t)=>e in r?C(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,f=(r,e)=>{for(var t in e||(e={}))G.call(e,t)&&H(r,t,e[t]);if(S)for(var t of S(e))z.call(e,t)&&H(r,t,e[t]);return r},g=(r,e)=>lr(r,fr(e)),K=r=>C(r,"__esModule",{value:!0});var B=(r=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(r,{get:(e,t)=>(typeof require!="undefined"?require:e)[t]}):r)(function(r){if(typeof require!="undefined")return require.apply(this,arguments);throw new Error('Dynamic require of "'+r+'" is not supported')}),L=r=>typeof r=="symbol"?r:r+"",y=(r,e)=>{var t={};for(var a in r)G.call(r,a)&&e.indexOf(a)<0&&(t[a]=r[a]);if(r!=null&&S)for(var a of S(r))e.indexOf(a)<0&&z.call(r,a)&&(t[a]=r[a]);return t};var W=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports),hr=(r,e)=>{K(r);for(var t in e)C(r,t,{get:e[t],enumerable:!0})},Br=(r,e,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of br(e))!G.call(r,a)&&a!=="default"&&C(r,a,{get:()=>e[a],enumerable:!(t=dr(e,a))||t.enumerable});return r},x=r=>Br(K(C(r!=null?pr(gr(r)):{},"default",r&&r.__esModule&&"default"in r?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r);var tr=W((qr,er)=>{er.exports=Array.isArray||function(r){return Object.prototype.toString.call(r)=="[object Array]"}});var cr=W((Jr,R)=>{var D=tr();R.exports=ir;R.exports.parse=N;R.exports.compile=Er;R.exports.tokensToFunction=ar;R.exports.tokensToRegExp=nr;var Cr=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function N(r,e){for(var t=[],a=0,o=0,i="",m=e&&e.delimiter||"/",n;(n=Cr.exec(r))!=null;){var s=n[0],u=n[1],p=n.index;if(i+=r.slice(o,p),o=p+s.length,u){i+=u[1];continue}var c=r[o],l=n[2],d=n[3],b=n[4],w=n[5],v=n[6],P=n[7];i&&(t.push(i),i="");var A=l!=null&&c!=null&&c!==l,sr=v==="+"||v==="*",mr=v==="?"||v==="*",J=n[2]||m,M=b||w;t.push({name:d||a++,prefix:l||"",delimiter:J,optional:mr,repeat:sr,partial:A,asterisk:!!P,pattern:M?Ar(M):P?".*":"[^"+$(J)+"]+?"})}return o<r.length&&(i+=r.substr(o)),i&&t.push(i),t}function Er(r,e){return ar(N(r,e),e)}function wr(r){return encodeURI(r).replace(/[\/?#]/g,function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})}function Pr(r){return encodeURI(r).replace(/[?#]/g,function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})}function ar(r,e){for(var t=new Array(r.length),a=0;a<r.length;a++)typeof r[a]=="object"&&(t[a]=new RegExp("^(?:"+r[a].pattern+")$",q(e)));return function(o,i){for(var m="",n=o||{},s=i||{},u=s.pretty?wr:encodeURIComponent,p=0;p<r.length;p++){var c=r[p];if(typeof c=="string"){m+=c;continue}var l=n[c.name],d;if(l==null)if(c.optional){c.partial&&(m+=c.prefix);continue}else throw new TypeError('Expected "'+c.name+'" to be defined');if(D(l)){if(!c.repeat)throw new TypeError('Expected "'+c.name+'" to not repeat, but received `'+JSON.stringify(l)+"`");if(l.length===0){if(c.optional)continue;throw new TypeError('Expected "'+c.name+'" to not be empty')}for(var b=0;b<l.length;b++){if(d=u(l[b]),!t[p].test(d))throw new TypeError('Expected all "'+c.name+'" to match "'+c.pattern+'", but received `'+JSON.stringify(d)+"`");m+=(b===0?c.prefix:c.delimiter)+d}continue}if(d=c.asterisk?Pr(l):u(l),!t[p].test(d))throw new TypeError('Expected "'+c.name+'" to match "'+c.pattern+'", but received "'+d+'"');m+=c.prefix+d}return m}}function $(r){return r.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function Ar(r){return r.replace(/([=!:$\/()])/g,"\\$1")}function O(r,e){return r.keys=e,r}function q(r){return r&&r.sensitive?"":"i"}function Sr(r,e){var t=r.source.match(/\((?!\?)/g);if(t)for(var a=0;a<t.length;a++)e.push({name:a,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return O(r,e)}function Ir(r,e,t){for(var a=[],o=0;o<r.length;o++)a.push(ir(r[o],e,t).source);var i=new RegExp("(?:"+a.join("|")+")",q(t));return O(i,e)}function Tr(r,e,t){return nr(N(r,t),e,t)}function nr(r,e,t){D(e)||(t=e||t,e=[]),t=t||{};for(var a=t.strict,o=t.end!==!1,i="",m=0;m<r.length;m++){var n=r[m];if(typeof n=="string")i+=$(n);else{var s=$(n.prefix),u="(?:"+n.pattern+")";e.push(n),n.repeat&&(u+="(?:"+s+u+")*"),n.optional?n.partial?u=s+"("+u+")?":u="(?:"+s+"("+u+"))?":u=s+"("+u+")",i+=u}}var p=$(t.delimiter||"/"),c=i.slice(-p.length)===p;return a||(i=(c?i.slice(0,-p.length):i)+"(?:"+p+"(?=$))?"),o?i+="$":i+=a&&c?"":"(?="+p+"|$)",O(new RegExp("^"+i,q(t)),e)}function ir(r,e,t){return D(e)||(t=e||t,e=[]),t=t||{},r instanceof RegExp?Sr(r,e):D(r)?Ir(r,e,t):Tr(r,e,t)}});var U=x(B("react")),T=x(B("react-router"));var _=x(B("piral-core")),X=(0,_.getPiralComponent)("BreadcrumbsContainer"),Z=(0,_.getPiralComponent)("BreadcrumbItem");var Q=x(B("piral-core"));function xr(r,e){let[t]=r.filter(a=>a.matcher.test(e));return t}function vr(r,e){let t=e.split("/");for(;t.length>1;){t.pop();let a=t.join("/"),o=I(r,a);if(o)return o}}function I(r,e){if(e)return xr(r,e)||vr(r,e)}function V(r){let e=(0,Q.useGlobalState)(a=>a.registry.breadcrumbs),t=Object.keys(e).map(a=>e[a]);if(t.length>0){let a=I(t,r);if(a){let o=[a],i=I(t,a.settings.parent);for(;i!==void 0;)o.push(i),i=I(t,i.settings.parent);return o.reverse()}}return[]}var j=()=>{var m;let r=(0,T.useLocation)(),e=V(r.pathname),t=e.length-1,a=e[t],{params:o}=(0,T.useRouteMatch)((m=a==null?void 0:a.settings.path)!=null?m:"/"),i=e.map(({settings:n},s)=>{let w=n,{title:u,path:p}=w,c=y(w,["title","path"]),l=`bc_${s}_${n.path}`,d=s===t,b=p.replace(/:([A-Za-z0-9_]+)/g,(v,P)=>{var A;return(A=o[P])!=null?A:v});return U.createElement(Z,f({key:l,current:d,path:b},c),u)});return U.createElement(X,{children:i})};j.displayName="Breadcrumbs";var F={};hr(F,{registerBreadcrumbs:()=>yr,unregisterBreadcrumbs:()=>Rr});function yr(r,e){r.dispatch(t=>g(f({},t),{registry:g(f({},t.registry),{breadcrumbs:f(f({},t.registry.breadcrumbs),e)})}))}function Rr(r,e){r.dispatch(t=>g(f({},t),{registry:g(f({},t.registry),{breadcrumbs:e.reduce((a,o)=>{let n=a,{[o]:i}=n;return y(n,[L(o)])},t.registry.breadcrumbs)})}))}var h=x(B("piral-core"));var Y=x(B("react")),E=x(B("piral-core")),k=r=>Y.createElement(E.ExtensionSlot,{name:"breadcrumbs",params:r,empty:()=>(0,E.defaultRender)(r.children,"default_breadcrumbs")}),rr=r=>(0,E.defaultRender)(r.children);var or=cr();function ur(r){return r.matcher instanceof RegExp?r.matcher:typeof r.matcher=="string"?or(r.matcher):or(r.path)}function Dr(r){let e={},t=0;for(let a of r)e[`global-${t++}`]={pilet:void 0,matcher:ur(a),settings:a};return e}function $r(r){return e=>g(f({},e),{components:f({BreadcrumbItem:rr,BreadcrumbsContainer:k},e.components),registry:g(f({},e.registry),{breadcrumbs:r})})}function Wr(r={}){let{breadcrumbs:e=[]}=r;return t=>(t.defineActions(F),t.dispatch((0,h.withAll)($r(Dr(e)),(0,h.withRootExtension)("piral-breadcrumbs",j))),(a,o)=>{let i=o.name,m=0;return{registerBreadcrumbs(n){let s={};for(let p of n){let u=p,{name:c=m++}=u,l=y(u,["name"]),d=(0,h.buildName)(i,c);s[d]=l}return t.registerBreadcrumbs(s),()=>t.unregisterBreadcrumbs(Object.keys(s))},registerBreadcrumb(n,s){typeof n!="string"&&(s=n,n=m++);let u=(0,h.buildName)(i,n);return t.registerBreadcrumbs({[u]:{pilet:i,matcher:ur(s),settings:s}}),()=>t.unregisterBreadcrumbs([u])},unregisterBreadcrumb(n){let s=(0,h.buildName)(i,n);t.unregisterBreadcrumbs([s])}}})}})();

package/src/Breadcrumbs.test.tsx

@@ -1,13 +1,13 @@
 import * as React from 'react';
-import { mount } from 'enzyme';
+import create from 'zustand';
+import { render } from '@testing-library/react';
 import { StateContext } from 'piral-core';
-import { Atom, swap, deref } from '@dbeining/react-atom';
 import { Breadcrumbs } from './Breadcrumbs';
 
-const MockBcContainer: React.FC = ({ children }) => <div>{children}</div>;
+const MockBcContainer: React.FC<any> = ({ children }) => <div role="container">{children}</div>;
 MockBcContainer.displayName = 'MockBcContainer';
 
-const MockBcItem: React.FC = ({ children }) => <div>{children}</div>;
+const MockBcItem: React.FC<any> = ({ children }) => <div role="dialog">{children}</div>;
 MockBcItem.displayName = 'MockBcTile';
 
 jest.mock('react-router', () => ({
@@ -22,7 +22,7 @@ jest.mock('react-router', () => ({
 }));
 
 function createMockContainer(breadcrumbs = {}) {
-  const state = Atom.of({
+  const state = create(() => ({
     components: {
       BreadcrumbsContainer: MockBcContainer,
       BreadcrumbItem: MockBcItem,
@@ -30,7 +30,7 @@ function createMockContainer(breadcrumbs = {}) {
     registry: {
       breadcrumbs,
     },
-  });
+  }));
   return {
     context: {
       on: jest.fn(),
@@ -39,10 +39,10 @@ function createMockContainer(breadcrumbs = {}) {
       defineActions() {},
       state,
       readState(read) {
-        return read(deref(state));
+        return read(state.getState());
       },
       dispatch(update) {
-        swap(state, update);
+        state.setState(update(state.getState()));
       },
     } as any,
     api: {} as any,
@@ -52,13 +52,13 @@ function createMockContainer(breadcrumbs = {}) {
 describe('Piral-Breadcrumb Container component', () => {
   it('uses container for a breadcrumbs', () => {
     const { context } = createMockContainer();
-    const node = mount(
+    const node = render(
       <StateContext.Provider value={context}>
         <Breadcrumbs />
       </StateContext.Provider>,
     );
-    expect(node.find(MockBcContainer).length).toBe(1);
-    expect(node.find(MockBcItem).length).toBe(0);
+    expect(node.getAllByRole("container").length).toBe(1);
+    expect(node.queryByRole("dialog")).toBe(null);
   });
 
   it('uses container and item for each breadcrumb', () => {
@@ -87,12 +87,12 @@ describe('Piral-Breadcrumb Container component', () => {
         },
       },
     });
-    const node = mount(
+    const node = render(
       <StateContext.Provider value={context}>
         <Breadcrumbs />
       </StateContext.Provider>,
     );
-    expect(node.find(MockBcContainer).length).toBe(1);
-    expect(node.find(MockBcItem).length).toBe(2);
+    expect(node.getAllByRole("container").length).toBe(1);
+    expect(node.getAllByRole("dialog").length).toBe(2);
   });
 });

package/src/actions.test.ts

@@ -1,19 +1,22 @@
-import { Atom, deref } from '@dbeining/react-atom';
-import { registerBreadcrumb, unregisterBreadcrumb } from './actions';
-import { createActions, createListener } from 'piral-core';
+import create from 'zustand';
+import { createListener } from 'piral-base';
+import { createActions } from 'piral-core';
+import { registerBreadcrumbs, unregisterBreadcrumbs } from './actions';
 
 describe('Breadcrumbs Actions Module', () => {
   it('registerBreadcrumb and unregisterBreadcrumb', () => {
-    const state = Atom.of({
+    const state: any = create(() => ({
       foo: 5,
       registry: {
         foo: 5,
         breadcrumbs: {},
       },
-    });
+    }));
     const ctx = createActions(state, createListener({}));
-    registerBreadcrumb(ctx, 'foo', 10);
-    expect(deref(state)).toEqual({
+    registerBreadcrumbs(ctx, {
+      foo: 10 as any,
+    });
+    expect((state.getState())).toEqual({
       foo: 5,
       registry: {
         foo: 5,
@@ -22,8 +25,8 @@ describe('Breadcrumbs Actions Module', () => {
         },
       },
     });
-    unregisterBreadcrumb(ctx, 'foo');
-    expect(deref(state)).toEqual({
+    unregisterBreadcrumbs(ctx, ['foo']);
+    expect((state.getState())).toEqual({
       foo: 5,
       registry: {
         foo: 5,

package/src/actions.ts

@@ -1,22 +1,28 @@
-import { withKey, withoutKey, GlobalStateContext } from 'piral-core';
+import type { GlobalStateContext, Dict } from 'piral-core';
 import { BreadcrumbRegistration } from './types';
 
-export function registerBreadcrumb(ctx: GlobalStateContext, name: string, value: BreadcrumbRegistration) {
+export function registerBreadcrumbs(ctx: GlobalStateContext, values: Dict<BreadcrumbRegistration>) {
   ctx.dispatch((state) => ({
     ...state,
     registry: {
       ...state.registry,
-      breadcrumbs: withKey(state.registry.breadcrumbs, name, value),
+      breadcrumbs: {
+        ...state.registry.breadcrumbs,
+        ...values,
+      },
     },
   }));
 }
 
-export function unregisterBreadcrumb(ctx: GlobalStateContext, name: string) {
+export function unregisterBreadcrumbs(ctx: GlobalStateContext, names: Array<string>) {
   ctx.dispatch((state) => ({
     ...state,
     registry: {
       ...state.registry,
-      breadcrumbs: withoutKey(state.registry.breadcrumbs, name),
+      breadcrumbs: names.reduce((prev, name) => {
+        const { [name]: _, ...rest } = prev;
+        return rest;
+      }, state.registry.breadcrumbs),
     },
   }));
 }

package/src/components.tsx

@@ -1,8 +1,4 @@
-import * as React from 'react';
 import { getPiralComponent } from 'piral-core';
-import { BreadcrumbsContainerProps, BreadcrumbItemProps } from './types';
 
-export const PiralBreadcrumbsContainer: React.ComponentType<BreadcrumbsContainerProps> = getPiralComponent(
-  'BreadcrumbsContainer',
-);
-export const PiralBreadcrumbItem: React.ComponentType<BreadcrumbItemProps> = getPiralComponent('BreadcrumbItem');
+export const PiralBreadcrumbsContainer = getPiralComponent('BreadcrumbsContainer');
+export const PiralBreadcrumbItem = getPiralComponent('BreadcrumbItem');

package/src/create.test.ts

@@ -1,8 +1,12 @@
-import { Atom, swap } from '@dbeining/react-atom';
+import create from 'zustand';
 import { createBreadcrumbsApi } from './create';
 
 function createMockContainer() {
-  const state = Atom.of({});
+  const state = create(() => ({
+    registry: {
+      extensions: {},
+    },
+  }));
   return {
     context: {
       on: jest.fn(),
@@ -11,7 +15,7 @@ function createMockContainer() {
       defineActions() {},
       state,
       dispatch(update) {
-        swap(state, update);
+        state.setState(update(state.getState()));
       },
     } as any,
     api: {} as any,
@@ -34,55 +38,52 @@ const moduleMetadata = {
 describe('Create Breadcrumb API Extensions', () => {
   it('createBreadcrumbsApi can register and unregister a breadcrumb', () => {
     const container = createMockContainer();
-    container.context.registerBreadcrumb = jest.fn();
-    container.context.unregisterBreadcrumb = jest.fn();
+    container.context.registerBreadcrumbs = jest.fn();
+    container.context.unregisterBreadcrumbs = jest.fn();
     const api = createApi(container);
     api.registerBreadcrumb('my-bc', {
       title: 'My breadcrumb',
       path: '/example',
     });
-    expect(container.context.registerBreadcrumb).toHaveBeenCalledTimes(1);
-    expect(container.context.unregisterBreadcrumb).toHaveBeenCalledTimes(0);
+    expect(container.context.registerBreadcrumbs).toHaveBeenCalledTimes(1);
+    expect(container.context.unregisterBreadcrumbs).toHaveBeenCalledTimes(0);
     api.unregisterBreadcrumb('my-bc');
-    expect(container.context.unregisterBreadcrumb).toHaveBeenCalledTimes(1);
-    expect(container.context.unregisterBreadcrumb.mock.calls[0][0]).toBe(
-      container.context.registerBreadcrumb.mock.calls[0][0],
-    );
+    expect(container.context.unregisterBreadcrumbs).toHaveBeenCalledTimes(1);
+    const ids = Object.keys(container.context.registerBreadcrumbs.mock.calls[0][0]);
+    expect(container.context.unregisterBreadcrumbs.mock.calls[0][0]).toEqual(ids);
   });
 
   it('createBreadcrumbsApi can dispose a registered breadcrumb', () => {
     const container = createMockContainer();
-    container.context.registerBreadcrumb = jest.fn();
-    container.context.unregisterBreadcrumb = jest.fn();
+    container.context.registerBreadcrumbs = jest.fn();
+    container.context.unregisterBreadcrumbs = jest.fn();
     const api = createApi(container);
     const dispose = api.registerBreadcrumb('my-bc', {
       title: 'My breadcrumb',
       path: '/example',
     });
-    expect(container.context.registerBreadcrumb).toHaveBeenCalledTimes(1);
-    expect(container.context.unregisterBreadcrumb).toHaveBeenCalledTimes(0);
+    expect(container.context.registerBreadcrumbs).toHaveBeenCalledTimes(1);
+    expect(container.context.unregisterBreadcrumbs).toHaveBeenCalledTimes(0);
     dispose();
-    expect(container.context.unregisterBreadcrumb).toHaveBeenCalledTimes(1);
-    expect(container.context.unregisterBreadcrumb.mock.calls[0][0]).toBe(
-      container.context.registerBreadcrumb.mock.calls[0][0],
-    );
+    expect(container.context.unregisterBreadcrumbs).toHaveBeenCalledTimes(1);
+    const ids = Object.keys(container.context.registerBreadcrumbs.mock.calls[0][0]);
+    expect(container.context.unregisterBreadcrumbs.mock.calls[0][0]).toEqual(ids);
   });
 
   it('createBreadcrumbsApi can dispose a registered anonymous breadcrumb', () => {
     const container = createMockContainer();
-    container.context.registerBreadcrumb = jest.fn();
-    container.context.unregisterBreadcrumb = jest.fn();
+    container.context.registerBreadcrumbs = jest.fn();
+    container.context.unregisterBreadcrumbs = jest.fn();
     const api = createApi(container);
     const dispose = api.registerBreadcrumb({
       title: 'My breadcrumb',
       path: '/example',
     });
-    expect(container.context.registerBreadcrumb).toHaveBeenCalledTimes(1);
-    expect(container.context.unregisterBreadcrumb).toHaveBeenCalledTimes(0);
+    expect(container.context.registerBreadcrumbs).toHaveBeenCalledTimes(1);
+    expect(container.context.unregisterBreadcrumbs).toHaveBeenCalledTimes(0);
     dispose();
-    expect(container.context.unregisterBreadcrumb).toHaveBeenCalledTimes(1);
-    expect(container.context.unregisterBreadcrumb.mock.calls[0][0]).toBe(
-      container.context.registerBreadcrumb.mock.calls[0][0],
-    );
+    expect(container.context.unregisterBreadcrumbs).toHaveBeenCalledTimes(1);
+    const ids = Object.keys(container.context.registerBreadcrumbs.mock.calls[0][0]);
+    expect(container.context.unregisterBreadcrumbs.mock.calls[0][0]).toEqual(ids);
   });
 });