piral-breadcrumbs 1.0.0-pre.1960 → 1.0.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2019 - 2020 smapiot
+Copyright (c) 2019 - 2023 smapiot
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,9 +1,23 @@
-[![Piral Logo](https://github.com/smapiot/piral/raw/master/docs/assets/logo.png)](https://piral.io)
+[![Piral Logo](https://github.com/smapiot/piral/raw/main/docs/assets/logo.png)](https://piral.io)
 
-# [Piral Breadcrumbs](https://piral.io) · [![GitHub License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/smapiot/piral/blob/master/LICENSE) [![npm version](https://img.shields.io/npm/v/piral-breadcrumbs.svg?style=flat)](https://www.npmjs.com/package/piral-breadcrumbs) [![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://jestjs.io) [![Gitter Chat](https://badges.gitter.im/gitterHQ/gitter.png)](https://gitter.im/piral-io/community)
+# [Piral Breadcrumbs](https://piral.io) · [![GitHub License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/smapiot/piral/blob/main/LICENSE) [![npm version](https://img.shields.io/npm/v/piral-breadcrumbs.svg?style=flat)](https://www.npmjs.com/package/piral-breadcrumbs) [![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://jestjs.io) [![Gitter Chat](https://badges.gitter.im/gitterHQ/gitter.png)](https://gitter.im/piral-io/community)
 
 This is plugin that only has a peer dependency to `piral-core`. What `piral-breadcrumbs` brings to the table is a set of Pilet API extensions that can be used with `piral` or `piral-core`.
 
+## Why and When
+
+Many applications use breadcrumbs, which are UI indicators of the current page and its place in the page hierachy. Breadcrumbs easily allow going upwards to the root page in hierachy. The problem in a distributed system is that the relation between the pages is not centrally managed nor can it reliably be inferred.
+
+`piral-breadcrumbs` solves this problem by introducing the possibility of registering breadcrumb information stating how the breadcrumb should appear and where to place it in the hierachy. The hierachy is loosely coupled and resilient. Missing parent links are skipped to still come up with a consistent view.
+
+Alternatives: Get the registered pages and come up with a set of conventions and rules to build the breadcrumbs dynamically without requiring explicit registration.
+
+## Video
+
+We also have a video for this plugin:
+
+@[youtube](https://youtu.be/G7FJeNR-g28)
+
 ## Documentation
 
 The following functions are brought to the Pilet API.

package/esm/Breadcrumbs.d.ts

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

package/esm/Breadcrumbs.js

@@ -0,0 +1,23 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { useLocation, useRouteMatch } from 'react-router';
+import { PiralBreadcrumbsContainer, PiralBreadcrumbItem } from './components';
+import { useBreadcrumbs } from './useBreadcrumbs';
+export const Breadcrumbs = () => {
+    var _a;
+    const location = useLocation();
+    const breadcrumbs = useBreadcrumbs(location.pathname);
+    const currentIndex = breadcrumbs.length - 1;
+    const current = breadcrumbs[currentIndex];
+    const { params } = useRouteMatch((_a = current === null || current === void 0 ? void 0 : current.settings.path) !== null && _a !== void 0 ? _a : '/');
+    const children = breadcrumbs.map(({ settings }, i) => {
+        const { title, path } = settings, props = __rest(settings, ["title", "path"]);
+        const key = `bc_${i}_${settings.path}`;
+        const current = i === currentIndex;
+        const computedPath = path.replace(/:([A-Za-z0-9_]+)/g, (s, id) => { var _a; return (_a = params[id]) !== null && _a !== void 0 ? _a : s; });
+        return (React.createElement(PiralBreadcrumbItem, Object.assign({ key: key, current: current, path: computedPath }, props), title));
+    });
+    return React.createElement(PiralBreadcrumbsContainer, { children: children });
+};
+Breadcrumbs.displayName = 'Breadcrumbs';
+//# sourceMappingURL=Breadcrumbs.js.map

package/esm/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../src/Breadcrumbs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,CAAC,MAAM,WAAW,GAAa,GAAG,EAAE;;IACxC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACtD,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;IAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,IAAI,mCAAI,GAAG,CAAC,CAAC;IAEhE,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,CAAC,EAAE,EAAE;QACnD,MAAM,EAAE,KAAK,EAAE,IAAI,KAAe,QAAQ,EAAlB,KAAK,UAAK,QAAQ,EAApC,iBAAyB,CAAW,CAAC;QAC3C,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,IAAI,EAAE,CAAC;QACvC,MAAM,OAAO,GAAG,CAAC,KAAK,YAAY,CAAC;QACnC,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,WAAC,OAAA,MAAA,MAAM,CAAC,EAAE,CAAC,mCAAI,CAAC,CAAA,EAAA,CAAC,CAAC;QAEnF,OAAO,CACL,oBAAC,mBAAmB,kBAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,IAAM,KAAK,GAC3E,KAAK,CACc,CACvB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,oBAAC,yBAAyB,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC;AAC3D,CAAC,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/esm/actions.d.ts

@@ -0,0 +1,4 @@
+import type { GlobalStateContext, Dict } from 'piral-core';
+import { BreadcrumbRegistration } from './types';
+export declare function registerBreadcrumbs(ctx: GlobalStateContext, values: Dict<BreadcrumbRegistration>): void;
+export declare function unregisterBreadcrumbs(ctx: GlobalStateContext, names: Array<string>): void;

package/esm/actions.js

@@ -0,0 +1,11 @@
+import { __rest } from "tslib";
+export function registerBreadcrumbs(ctx, values) {
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { registry: Object.assign(Object.assign({}, state.registry), { breadcrumbs: Object.assign(Object.assign({}, state.registry.breadcrumbs), values) }) })));
+}
+export function unregisterBreadcrumbs(ctx, names) {
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { registry: Object.assign(Object.assign({}, state.registry), { breadcrumbs: names.reduce((prev, name) => {
+                const _a = prev, _b = name, _ = _a[_b], rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]);
+                return rest;
+            }, state.registry.breadcrumbs) }) })));
+}
+//# sourceMappingURL=actions.js.map

package/esm/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":";AAGA,MAAM,UAAU,mBAAmB,CAAC,GAAuB,EAAE,MAAoC;IAC/F,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,QAAQ,kCACH,KAAK,CAAC,QAAQ,KACjB,WAAW,kCACN,KAAK,CAAC,QAAQ,CAAC,WAAW,GAC1B,MAAM,QAGb,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,GAAuB,EAAE,KAAoB;IACjF,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,QAAQ,kCACH,KAAK,CAAC,QAAQ,KACjB,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;gBACvC,MAA+B,KAAA,IAAI,EAA3B,KAAC,IAAK,EAAE,CAAC,SAAA,EAAK,IAAI,cAApB,uCAAsB,CAAO,CAAC;gBACpC,OAAO,IAAI,CAAC;YACd,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,OAEhC,CAAC,CAAC;AACN,CAAC"}

package/esm/components.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const PiralBreadcrumbsContainer: import("react").ComponentType<import("./types").BreadcrumbsContainerProps>;
+export declare const PiralBreadcrumbItem: import("react").ComponentType<import("./types").BreadcrumbItemProps>;

package/esm/components.js

@@ -0,0 +1,4 @@
+import { getPiralComponent } from 'piral-core';
+export const PiralBreadcrumbsContainer = getPiralComponent('BreadcrumbsContainer');
+export const PiralBreadcrumbItem = getPiralComponent('BreadcrumbItem');
+//# sourceMappingURL=components.js.map

package/esm/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE/C,MAAM,CAAC,MAAM,yBAAyB,GAAG,iBAAiB,CAAC,sBAAsB,CAAC,CAAC;AACnF,MAAM,CAAC,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAC"}

package/esm/create.d.ts

@@ -0,0 +1,16 @@
+import { PiralPlugin } from 'piral-core';
+import { PiletBreadcrumbsApi, BreadcrumbSettings } from './types';
+/**
+ * Available configuration options for the breadcrumbs plugin.
+ */
+export interface DashboardConfig {
+    /**
+     * Sets the breadcrumbs to be given by the app shell.
+     * @default []
+     */
+    breadcrumbs?: Array<BreadcrumbSettings>;
+}
+/**
+ * Creates the Pilet API extension for activating breadcrumbs support.
+ */
+export declare function createBreadcrumbsApi(config?: DashboardConfig): PiralPlugin<PiletBreadcrumbsApi>;

package/esm/create.js

@@ -0,0 +1,80 @@
+import { __rest } from "tslib";
+import * as actions from './actions';
+import { buildName, withRootExtension, withAll } from 'piral-core';
+import { DefaultBreadbrumbItem, DefaultBreadcrumbsContainer } from './default';
+import { Breadcrumbs } from './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;
+    }
+    else if (typeof settings.matcher === 'string') {
+        return ptr(settings.matcher);
+    }
+    else {
+        return ptr(settings.path);
+    }
+}
+function getBreadcrumbs(items) {
+    const breadcrumbs = {};
+    let i = 0;
+    for (const settings of items) {
+        breadcrumbs[`global-${i++}`] = {
+            pilet: undefined,
+            matcher: getMatcher(settings),
+            settings,
+        };
+    }
+    return breadcrumbs;
+}
+function withBreadcrumbs(breadcrumbs) {
+    return (state) => (Object.assign(Object.assign({}, state), { components: Object.assign({ BreadcrumbItem: DefaultBreadbrumbItem, BreadcrumbsContainer: DefaultBreadcrumbsContainer }, state.components), registry: Object.assign(Object.assign({}, state.registry), { breadcrumbs }) }));
+}
+/**
+ * Creates the Pilet API extension for activating breadcrumbs support.
+ */
+export function createBreadcrumbsApi(config = {}) {
+    const { breadcrumbs = [] } = config;
+    return (context) => {
+        context.defineActions(actions);
+        context.dispatch(withAll(withBreadcrumbs(getBreadcrumbs(breadcrumbs)), withRootExtension('piral-breadcrumbs', Breadcrumbs)));
+        return (_, target) => {
+            const pilet = target.name;
+            let next = 0;
+            return {
+                registerBreadcrumbs(values) {
+                    const bc = {};
+                    for (const value of values) {
+                        const { name = next++ } = value, settings = __rest(value, ["name"]);
+                        const id = 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++;
+                    }
+                    const id = buildName(pilet, name);
+                    context.registerBreadcrumbs({
+                        [id]: {
+                            pilet,
+                            matcher: getMatcher(settings),
+                            settings,
+                        },
+                    });
+                    return () => context.unregisterBreadcrumbs([id]);
+                },
+                unregisterBreadcrumb(name) {
+                    const id = buildName(pilet, name);
+                    context.unregisterBreadcrumbs([id]);
+                },
+            };
+        };
+    };
+}
+//# sourceMappingURL=create.js.map

package/esm/create.js.map

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

package/esm/default.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { BreadcrumbsContainerProps, BreadcrumbItemProps } from './types';
+export declare const DefaultBreadcrumbsContainer: React.FC<BreadcrumbsContainerProps>;
+export declare const DefaultBreadbrumbItem: React.FC<BreadcrumbItemProps>;

package/esm/default.js

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ExtensionSlot, defaultRender } from 'piral-core';
+export const DefaultBreadcrumbsContainer = (props) => (React.createElement(ExtensionSlot, { name: "breadcrumbs", params: props, empty: () => defaultRender(props.children, 'default_breadcrumbs') }));
+export const DefaultBreadbrumbItem = (props) => defaultRender(props.children);
+//# sourceMappingURL=default.js.map

package/esm/default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sourceRoot":"","sources":["../src/default.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG1D,MAAM,CAAC,MAAM,2BAA2B,GAAwC,CAAC,KAAK,EAAE,EAAE,CAAC,CACzF,oBAAC,aAAa,IAAC,IAAI,EAAC,aAAa,EAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,qBAAqB,CAAC,GAAI,CACvH,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAkC,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC"}

package/esm/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Breadcrumbs';
+export * from './create';
+export * from './components';
+export * from './types';
+export * from './useBreadcrumbs';

package/esm/index.js

@@ -0,0 +1,6 @@
+export * from './Breadcrumbs';
+export * from './create';
+export * from './components';
+export * from './types';
+export * from './useBreadcrumbs';
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC"}

package/esm/types.d.ts

@@ -0,0 +1,112 @@
+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 {
+    }
+    interface PiralCustomState {
+    }
+    interface PiralCustomActions {
+        /**
+         * Registers a new breadcrumb.
+         * @param values The breadcrumbs to register.
+         */
+        registerBreadcrumbs(values: Dict<BreadcrumbRegistration>): void;
+        /**
+         * Unregisters an existing breadcrumb.
+         * @param name The name of the breadcrumb to be removed.
+         */
+        unregisterBreadcrumbs(names: Array<string>): void;
+    }
+    interface PiralCustomRegistryState {
+        /**
+         * The registered breadcrumbs.
+         */
+        breadcrumbs: Dict<BreadcrumbRegistration>;
+    }
+    interface PiralCustomComponentsState {
+        /**
+         * The breadcrumbs container component.
+         */
+        BreadcrumbsContainer: ComponentType<BreadcrumbsContainerProps>;
+        /**
+         * The breadcrumb item component.
+         */
+        BreadcrumbItem: ComponentType<BreadcrumbItemProps>;
+    }
+}
+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 {
+}
+export interface BreadcrumbSettings extends PiralCustomBreadcrumbSettings {
+    /**
+     * Gets the path of breadcrumb for navigation purposes.
+     */
+    path: string;
+    /**
+     * Gets a custom matching function to know if the breadcrumb should be selected.
+     *
+     * In case of a missing matcher it uses the path to regexp result of the given path.
+     *
+     * In case of a string it uses the path to regexp result of the given matcher.
+     */
+    matcher?: string | RegExp;
+    /**
+     * The breadcrumb's parent breadcrumb. Supply the path of the breadcrumb here, e.g.,
+     * if we are currently in "/foo/bar", you could provide "/foo" to get the breadcrumb
+     * associated with the path "/foo".
+     *
+     * If a path is missing for some reason, the closest matching one will be taken as
+     * parent.
+     */
+    parent?: string;
+    /**
+     * The title of the breadcrumb.
+     */
+    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.
+     */
+    registerBreadcrumb(settings: BreadcrumbSettings): RegistrationDisposer;
+    /**
+     * Registers a named breadcrumb with the provided settings.
+     * The name has to be unique within the current pilet.
+     * @param name The name of the breadcrumb.
+     * @param settings The settings for configuring the breadcrumb.
+     */
+    registerBreadcrumb(name: string, settings: BreadcrumbSettings): RegistrationDisposer;
+    /**
+     * Unregisters a breadcrumb known by the given name.
+     * Only previously registered tiles can be unregistered.
+     * @param name The name of the breadcrumb to unregister.
+     */
+    unregisterBreadcrumb(name: string): void;
+}

package/esm/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/esm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/esm/useBreadcrumbs.d.ts

@@ -0,0 +1,2 @@
+import { BreadcrumbRegistration } from './types';
+export declare function useBreadcrumbs(path: string): BreadcrumbRegistration[];

package/esm/useBreadcrumbs.js

@@ -0,0 +1,41 @@
+import { useGlobalState } from 'piral-core';
+function getExact(breadcrumbs, path) {
+    const [bc] = breadcrumbs.filter((m) => m.matcher.test(path));
+    return bc;
+}
+function getClosest(breadcrumbs, path) {
+    const segments = path.split('/');
+    while (segments.length > 1) {
+        segments.pop();
+        const newPath = segments.join('/');
+        const next = getNext(breadcrumbs, newPath);
+        if (next) {
+            return next;
+        }
+    }
+    return undefined;
+}
+function getNext(breadcrumbs, path) {
+    if (path) {
+        return getExact(breadcrumbs, path) || getClosest(breadcrumbs, path);
+    }
+    return undefined;
+}
+export function useBreadcrumbs(path) {
+    const breadcrumbs = useGlobalState((s) => s.registry.breadcrumbs);
+    const list = Object.keys(breadcrumbs).map((id) => breadcrumbs[id]);
+    if (list.length > 0) {
+        const current = getNext(list, path);
+        if (current) {
+            const links = [current];
+            let previous = getNext(list, current.settings.parent);
+            while (previous !== undefined) {
+                links.push(previous);
+                previous = getNext(list, previous.settings.parent);
+            }
+            return links.reverse();
+        }
+    }
+    return [];
+}
+//# sourceMappingURL=useBreadcrumbs.js.map

package/esm/useBreadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreadcrumbs.js","sourceRoot":"","sources":["../src/useBreadcrumbs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;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,MAAM,UAAU,cAAc,CAAC,IAAY;IACzC,MAAM,WAAW,GAAG,cAAc,CAAC,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"}

package/lib/Breadcrumbs.js

@@ -1,25 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Breadcrumbs = void 0;
-var tslib_1 = require("tslib");
-var React = require("react");
-var react_router_1 = require("react-router");
-var components_1 = require("./components");
-var useBreadcrumbs_1 = require("./useBreadcrumbs");
-exports.Breadcrumbs = function () {
-    var location = react_router_1.useLocation();
-    var params = react_router_1.useParams();
-    var breadcrumbs = useBreadcrumbs_1.useBreadcrumbs(location.pathname);
-    var currentIndex = breadcrumbs.length - 1;
-    var children = breadcrumbs.map(function (_a, i) {
-        var settings = _a.settings;
-        var title = settings.title, path = settings.path, props = tslib_1.__rest(settings, ["title", "path"]);
-        var key = "bc_" + i + "_" + settings.path;
-        var current = i === currentIndex;
-        var computedPath = path.replace(/:([A-Za-z0-9_]+)/g, function (s, id) { var _a; return (_a = params[id]) !== null && _a !== void 0 ? _a : s; });
-        return (React.createElement(components_1.PiralBreadcrumbItem, tslib_1.__assign({ key: key, current: current, path: computedPath }, props), title));
+const tslib_1 = require("tslib");
+const React = require("react");
+const react_router_1 = require("react-router");
+const components_1 = require("./components");
+const useBreadcrumbs_1 = require("./useBreadcrumbs");
+const Breadcrumbs = () => {
+    var _a;
+    const location = (0, react_router_1.useLocation)();
+    const breadcrumbs = (0, useBreadcrumbs_1.useBreadcrumbs)(location.pathname);
+    const currentIndex = breadcrumbs.length - 1;
+    const current = breadcrumbs[currentIndex];
+    const { params } = (0, react_router_1.useRouteMatch)((_a = current === null || current === void 0 ? void 0 : current.settings.path) !== null && _a !== void 0 ? _a : '/');
+    const children = breadcrumbs.map(({ settings }, i) => {
+        const { title, path } = settings, props = tslib_1.__rest(settings, ["title", "path"]);
+        const key = `bc_${i}_${settings.path}`;
+        const current = i === currentIndex;
+        const computedPath = path.replace(/:([A-Za-z0-9_]+)/g, (s, id) => { var _a; return (_a = params[id]) !== null && _a !== void 0 ? _a : s; });
+        return (React.createElement(components_1.PiralBreadcrumbItem, Object.assign({ key: key, current: current, path: computedPath }, props), title));
     });
     return React.createElement(components_1.PiralBreadcrumbsContainer, { children: children });
 };
+exports.Breadcrumbs = Breadcrumbs;
 exports.Breadcrumbs.displayName = 'Breadcrumbs';
 //# sourceMappingURL=Breadcrumbs.js.map

package/lib/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../src/Breadcrumbs.tsx"],"names":[],"mappings":";;;;AAAA,6BAA+B;AAC/B,6CAAsD;AACtD,2CAA8E;AAC9E,mDAAkD;AAErC,QAAA,WAAW,GAAa;IACnC,IAAM,QAAQ,GAAG,0BAAW,EAAE,CAAC;IAC/B,IAAM,MAAM,GAAG,wBAAS,EAAE,CAAC;IAC3B,IAAM,WAAW,GAAG,+BAAc,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACtD,IAAM,YAAY,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;IAE5C,IAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,UAAC,EAAY,EAAE,CAAC;YAAb,QAAQ,cAAA;QAClC,IAAA,KAAK,GAAqB,QAAQ,MAA7B,EAAE,IAAI,GAAe,QAAQ,KAAvB,EAAK,KAAK,kBAAK,QAAQ,EAApC,iBAAyB,CAAF,CAAc;QAC3C,IAAM,GAAG,GAAG,QAAM,CAAC,SAAI,QAAQ,CAAC,IAAM,CAAC;QACvC,IAAM,OAAO,GAAG,CAAC,KAAK,YAAY,CAAC;QACnC,IAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,mBAAmB,EAAE,UAAC,CAAC,EAAE,EAAE,yBAAK,MAAM,CAAC,EAAE,CAAC,mCAAI,CAAC,GAAA,CAAC,CAAC;QAEnF,OAAO,CACL,oBAAC,gCAAmB,qBAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,IAAM,KAAK,GAC3E,KAAK,CACc,CACvB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,oBAAC,sCAAyB,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC;AAC3D,CAAC,CAAC;AACF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
+{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../src/Breadcrumbs.tsx"],"names":[],"mappings":";;;;AAAA,+BAA+B;AAC/B,+CAA0D;AAC1D,6CAA8E;AAC9E,qDAAkD;AAE3C,MAAM,WAAW,GAAa,GAAG,EAAE;;IACxC,MAAM,QAAQ,GAAG,IAAA,0BAAW,GAAE,CAAC;IAC/B,MAAM,WAAW,GAAG,IAAA,+BAAc,EAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACtD,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;IAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,4BAAa,EAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,IAAI,mCAAI,GAAG,CAAC,CAAC;IAEhE,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,CAAC,EAAE,EAAE;QACnD,MAAM,EAAE,KAAK,EAAE,IAAI,KAAe,QAAQ,EAAlB,KAAK,kBAAK,QAAQ,EAApC,iBAAyB,CAAW,CAAC;QAC3C,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,IAAI,EAAE,CAAC;QACvC,MAAM,OAAO,GAAG,CAAC,KAAK,YAAY,CAAC;QACnC,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,WAAC,OAAA,MAAA,MAAM,CAAC,EAAE,CAAC,mCAAI,CAAC,CAAA,EAAA,CAAC,CAAC;QAEnF,OAAO,CACL,oBAAC,gCAAmB,kBAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,IAAM,KAAK,GAC3E,KAAK,CACc,CACvB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,oBAAC,sCAAyB,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC;AAC3D,CAAC,CAAC;AArBW,QAAA,WAAW,eAqBtB;AACF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/lib/actions.d.ts

@@ -1,4 +1,4 @@
-import { GlobalStateContext } from 'piral-core';
+import type { GlobalStateContext, Dict } from 'piral-core';
 import { BreadcrumbRegistration } from './types';
-export declare function registerBreadcrumb(ctx: GlobalStateContext, name: string, value: BreadcrumbRegistration): void;
-export declare function unregisterBreadcrumb(ctx: GlobalStateContext, name: string): void;
+export declare function registerBreadcrumbs(ctx: GlobalStateContext, values: Dict<BreadcrumbRegistration>): void;
+export declare function unregisterBreadcrumbs(ctx: GlobalStateContext, names: Array<string>): void;

package/lib/actions.js

@@ -1,14 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.unregisterBreadcrumb = exports.registerBreadcrumb = void 0;
-var tslib_1 = require("tslib");
-var piral_core_1 = require("piral-core");
-function registerBreadcrumb(ctx, name, value) {
-    ctx.dispatch(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { registry: tslib_1.__assign(tslib_1.__assign({}, state.registry), { breadcrumbs: piral_core_1.withKey(state.registry.breadcrumbs, name, value) }) })); });
+exports.unregisterBreadcrumbs = exports.registerBreadcrumbs = void 0;
+const tslib_1 = require("tslib");
+function registerBreadcrumbs(ctx, values) {
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { registry: Object.assign(Object.assign({}, state.registry), { breadcrumbs: Object.assign(Object.assign({}, state.registry.breadcrumbs), values) }) })));
 }
-exports.registerBreadcrumb = registerBreadcrumb;
-function unregisterBreadcrumb(ctx, name) {
-    ctx.dispatch(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { registry: tslib_1.__assign(tslib_1.__assign({}, state.registry), { breadcrumbs: piral_core_1.withoutKey(state.registry.breadcrumbs, name) }) })); });
+exports.registerBreadcrumbs = registerBreadcrumbs;
+function unregisterBreadcrumbs(ctx, names) {
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { registry: Object.assign(Object.assign({}, state.registry), { breadcrumbs: names.reduce((prev, name) => {
+                const _a = prev, _b = name, _ = _a[_b], rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + ""]);
+                return rest;
+            }, state.registry.breadcrumbs) }) })));
 }
-exports.unregisterBreadcrumb = unregisterBreadcrumb;
+exports.unregisterBreadcrumbs = unregisterBreadcrumbs;
 //# sourceMappingURL=actions.js.map

package/lib/actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":";;;;AAAA,yCAAqE;AAGrE,SAAgB,kBAAkB,CAAC,GAAuB,EAAE,IAAY,EAAE,KAA6B;IACrG,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uCACnB,KAAK,KACR,QAAQ,wCACH,KAAK,CAAC,QAAQ,KACjB,WAAW,EAAE,oBAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAE,IAAI,EAAE,KAAK,CAAC,OAE/D,EANsB,CAMtB,CAAC,CAAC;AACN,CAAC;AARD,gDAQC;AAED,SAAgB,oBAAoB,CAAC,GAAuB,EAAE,IAAY;IACxE,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uCACnB,KAAK,KACR,QAAQ,wCACH,KAAK,CAAC,QAAQ,KACjB,WAAW,EAAE,uBAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,OAE3D,EANsB,CAMtB,CAAC,CAAC;AACN,CAAC;AARD,oDAQC"}
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":";;;;AAGA,SAAgB,mBAAmB,CAAC,GAAuB,EAAE,MAAoC;IAC/F,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,QAAQ,kCACH,KAAK,CAAC,QAAQ,KACjB,WAAW,kCACN,KAAK,CAAC,QAAQ,CAAC,WAAW,GAC1B,MAAM,QAGb,CAAC,CAAC;AACN,CAAC;AAXD,kDAWC;AAED,SAAgB,qBAAqB,CAAC,GAAuB,EAAE,KAAoB;IACjF,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,QAAQ,kCACH,KAAK,CAAC,QAAQ,KACjB,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;gBACvC,MAA+B,KAAA,IAAI,EAA3B,KAAC,IAAK,EAAE,CAAC,SAAA,EAAK,IAAI,sBAApB,uCAAsB,CAAO,CAAC;gBACpC,OAAO,IAAI,CAAC;YACd,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,OAEhC,CAAC,CAAC;AACN,CAAC;AAXD,sDAWC"}

package/lib/components.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
-import { BreadcrumbsContainerProps, BreadcrumbItemProps } from './types';
-export declare const PiralBreadcrumbsContainer: React.ComponentType<BreadcrumbsContainerProps>;
-export declare const PiralBreadcrumbItem: React.ComponentType<BreadcrumbItemProps>;
+/// <reference types="react" />
+export declare const PiralBreadcrumbsContainer: import("react").ComponentType<import("./types").BreadcrumbsContainerProps>;
+export declare const PiralBreadcrumbItem: import("react").ComponentType<import("./types").BreadcrumbItemProps>;

package/lib/components.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PiralBreadcrumbItem = exports.PiralBreadcrumbsContainer = void 0;
-var piral_core_1 = require("piral-core");
-exports.PiralBreadcrumbsContainer = piral_core_1.getPiralComponent('BreadcrumbsContainer');
-exports.PiralBreadcrumbItem = piral_core_1.getPiralComponent('BreadcrumbItem');
+const piral_core_1 = require("piral-core");
+exports.PiralBreadcrumbsContainer = (0, piral_core_1.getPiralComponent)('BreadcrumbsContainer');
+exports.PiralBreadcrumbItem = (0, piral_core_1.getPiralComponent)('BreadcrumbItem');
 //# sourceMappingURL=components.js.map

package/lib/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":";;;AACA,yCAA+C;AAGlC,QAAA,yBAAyB,GAAmD,8BAAiB,CACxG,sBAAsB,CACvB,CAAC;AACW,QAAA,mBAAmB,GAA6C,8BAAiB,CAAC,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":";;;AAAA,2CAA+C;AAElC,QAAA,yBAAyB,GAAG,IAAA,8BAAiB,EAAC,sBAAsB,CAAC,CAAC;AACtE,QAAA,mBAAmB,GAAG,IAAA,8BAAiB,EAAC,gBAAgB,CAAC,CAAC"}