@digigov/ui 2.0.0-113e6661 → 2.0.0-2177f152

package/cjs/navigation/Breadcrumbs/BreadcrumbsListItem/index.js

@@ -0,0 +1,61 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var BreadcrumbsListItem_exports = {};
+__export(BreadcrumbsListItem_exports, {
+  BreadcrumbsListItem: () => BreadcrumbsListItem,
+  default: () => BreadcrumbsListItem_default
+});
+module.exports = __toCommonJS(BreadcrumbsListItem_exports);
+var import_react = __toESM(require("react"));
+var import_clsx = __toESM(require("clsx"));
+var import_BreadcrumbsListItem = __toESM(require("@digigov/react-core/BreadcrumbsListItem"));
+var import_Link = __toESM(require("@digigov/ui/navigation/Link"));
+const BreadcrumbsListItem = ({
+  href,
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_BreadcrumbsListItem.default, { ...props }, /* @__PURE__ */ import_react.default.createElement(
+    import_Link.default,
+    {
+      href,
+      defaultStyle: false,
+      className: (0, import_clsx.default)({
+        "ds-breadcrumbs__link": true,
+        "ds-breadcrumbs__link--inactive": href === void 0
+      })
+    },
+    children
+  ));
+};
+var BreadcrumbsListItem_default = BreadcrumbsListItem;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BreadcrumbsListItem
+});
+//# sourceMappingURL=BreadcrumbsListItem.js.map

package/cjs/navigation/Breadcrumbs/BreadcrumbsListItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/navigation/Breadcrumbs/BreadcrumbsListItem.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport BreadcrumbsListItemBase, {\n  BreadcrumbsListItemBaseProps,\n} from '@digigov/react-core/BreadcrumbsListItem';\nimport Link from '@digigov/ui/navigation/Link';\n\nexport interface BreadcrumbsListItemProps extends BreadcrumbsListItemBaseProps {\n  href?: string;\n}\n\nconst BreadcrumbsListItem: React.FC<BreadcrumbsListItemProps> = ({\n  href,\n  children,\n  ...props\n}) => {\n  return (\n    <BreadcrumbsListItemBase {...props}>\n      <Link\n        href={href}\n        defaultStyle={false}\n        className={clsx({\n          'ds-breadcrumbs__link': true,\n          'ds-breadcrumbs__link--inactive': href === undefined,\n        })}\n      >\n        {children}\n      </Link>\n    </BreadcrumbsListItemBase>\n  );\n};\n\nexport { BreadcrumbsListItem };\nexport default BreadcrumbsListItem;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,iCAEO;AACP,kBAAiB;AAMjB,MAAM,sBAA0D,CAAC;AAAA,EAC/D;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE,6BAAAA,QAAA,cAAC,2BAAAC,SAAA,EAAyB,GAAG,SAC3B,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC;AAAA,MACA,cAAc;AAAA,MACd,eAAW,YAAAC,SAAK;AAAA,QACd,wBAAwB;AAAA,QACxB,kCAAkC,SAAS;AAAA,MAC7C,CAAC;AAAA;AAAA,IAEA;AAAA,EACH,CACF;AAEJ;AAGA,IAAO,8BAAQ;",
+  "names": ["React", "BreadcrumbsListItemBase", "Link", "clsx"]
+}

package/cjs/navigation/Breadcrumbs/__stories__/Auto/index.js

@@ -33,10 +33,9 @@ __export(Auto_exports, {
 module.exports = __toCommonJS(Auto_exports);
 var import_react = __toESM(require("react"));
 var import_List = require("@digigov/ui/content/List");
+var import_Button = require("@digigov/ui/form/Button/");
 var import_auto = require("@digigov/ui/navigation/Breadcrumbs/auto");
 var import_typography = require("@digigov/ui/typography");
-var import_slug = require("@digigov/ui/navigation/Breadcrumbs/slug");
-var import_Button = require("@digigov/ui/form/Button/");
 const items = [
   {
     title: "\u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2",
@@ -166,18 +165,34 @@ const items = [
   }
 ];
 const getListChild = (item, setActive) => {
-  return item.children ? /* @__PURE__ */ import_react.default.createElement(import_List.List, { listStyle: "number" }, /* @__PURE__ */ import_react.default.createElement(import_List.ListItem, null, /* @__PURE__ */ import_react.default.createElement(import_typography.Heading, { size: "md" }, item.title), item.children?.map((subMenu, key) => /* @__PURE__ */ import_react.default.createElement(import_List.ListItem, { key }, getListChild(subMenu, setActive))))) : /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { variant: "link", role: "menuitem", id: item.title, onClick: (e) => {
-    e.preventDefault(), setActive(item);
-  } }, item.title);
+  return item.children ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_typography.Heading, { size: "sm", mb: 0 }, item.title), /* @__PURE__ */ import_react.default.createElement(import_List.List, { listStyle: "number" }, item.children?.map((subMenu, key) => /* @__PURE__ */ import_react.default.createElement(import_List.ListItem, { key }, getListChild(subMenu, setActive))))) : /* @__PURE__ */ import_react.default.createElement(
+    import_Button.Button,
+    {
+      variant: "link",
+      role: "menuitem",
+      id: item.title,
+      onClick: (e) => {
+        e.preventDefault();
+        setActive(item);
+      }
+    },
+    item.title
+  );
 };
 const Auto = () => {
-  return /* @__PURE__ */ import_react.default.createElement(import_auto.BreadcrumbsAuto, { items, hrefGenerator: (item) => {
-    return item.href ? item.href : (0, import_slug.slug)(item.title, 100);
-  } }, /* @__PURE__ */ import_react.default.createElement(import_auto.BreadcrumbsListAuto, null), /* @__PURE__ */ import_react.default.createElement(ContentRoutes, null));
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_auto.BreadcrumbsAuto,
+    {
+      items,
+      initialUrlRoute: "/nomothesia-pyroprostasias/odigies-epi-protypon-pyroprostasias"
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_auto.BreadcrumbsListAuto, { mb: 8 }),
+    /* @__PURE__ */ import_react.default.createElement(ContentRoutes, null)
+  );
 };
 const ContentRoutes = () => {
-  const { active, setActive } = (0, import_auto.useBreadcrumbsContext)();
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_typography.Heading, { size: "xl" }, active?.title), items.map((item) => getListChild(item, setActive)));
+  const { breadcrumbs, setActiveItem } = (0, import_auto.useBreadcrumbsContext)();
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, breadcrumbs.length > 0 && /* @__PURE__ */ import_react.default.createElement(import_typography.Heading, { size: "xl" }, breadcrumbs[breadcrumbs.length - 1]?.title), items.map((item) => getListChild(item, setActiveItem)));
 };
 var Auto_default = Auto;
 // Annotate the CommonJS export names for ESM import in node:

package/cjs/navigation/Breadcrumbs/__stories__/Auto.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/Breadcrumbs/__stories__/Auto.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { List, ListItem } from '@digigov/ui/content/List';\nimport {\n  BreadcrumbsAuto,\n  BreadcrumbsListAuto,\n  useBreadcrumbsContext,\n} from '@digigov/ui/navigation/Breadcrumbs/auto';\nimport { Heading } from '@digigov/ui/typography';\nimport { slug } from '@digigov/ui/navigation/Breadcrumbs/slug';\nimport { Button } from '@digigov/ui/form/Button/';\nimport { ConfigData, } from '@digigov/ui/navigation/Breadcrumbs/hooks';\n\nconst items: ConfigData[] = [\n  {\n    title: '\u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2',\n    children: [\n      { title: '\u0395\u03B3\u03C7\u03B5\u03B9\u03C1\u03AF\u03B4\u03B9\u03B1 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1\u03C2 \u03A0\u03C5\u03C1\u03B1\u03C3\u03C6\u03AC\u03BB\u03B5\u03B9\u03B1\u03C2', pdf: '#' },\n      { title: '\u0394\u03B9\u03AC\u03B3\u03C1\u03B1\u03BC\u03BC\u03B1 \u0399\u03C3\u03C7\u03CD\u03BF\u03C5\u03C3\u03B1\u03C2 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1\u03C2' },\n      { title: '\u039F\u03B4\u03B7\u03B3\u03AF\u03B5\u03C2 \u0395\u03C0\u03AF \u03A0\u03C1\u03BF\u03C4\u03CD\u03C0\u03C9\u03BD \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2' },\n      { title: '\u0391\u03C0\u03BB\u03BF\u03C5\u03C3\u03C4\u03B5\u03CD\u03C3\u03B5\u03B9\u03C2 \u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03B9\u03CE\u03BD' },\n      { title: '\u03A7\u03C1\u03AE\u03C3\u03B9\u03BC\u03B1 \u0388\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1' },\n      {\n        title: '\u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1 \u03A0\u03C5\u03C1\u03B1\u03C3\u03C6\u03AC\u03BB\u03B5\u03B9\u03B1\u03C2',\n        children: [\n          {\n            title: '\u039B\u03BF\u03B9\u03C0\u03AD\u03C2 \u0394\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B5\u03C2 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2',\n          },\n          {\n            title:\n              '\u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2 \u03A0\u03B5\u03C4\u03C1\u03B5\u03BB\u03B1\u03B9\u03BF\u03B5\u03B9\u03B4\u03CE\u03BD \u03A0\u03C1\u03BF\u03CA\u03CC\u03BD\u03C4\u03C9\u03BD \u2013 \u03A5\u03B3\u03C1\u03B1\u03B5\u03C1\u03AF\u03BF\u03C5 \u2013 \u03A6\u03C5\u03C3\u03B9\u03BA\u03BF\u03CD \u0391\u03B5\u03C1\u03AF\u03BF\u03C5',\n          },\n          { title: '\u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2 \u03A0\u03C1\u03BF\u03BB\u03B7\u03C0\u03C4\u03B9\u03BA\u03AE\u03C2 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2' },\n          { title: '\u03A3\u03C5\u03BD\u03B4\u03C1\u03BF\u03BC\u03B7\u03C4\u03B9\u03BA\u03AE \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2' },\n          {\n            title:\n              '\u0394\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B5\u03C2 \u2013 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2 \u03C0\u03BF\u03C5 \u03B4\u03B5\u03BD \u03C5\u03C0\u03AC\u03B3\u03BF\u03BD\u03C4\u03B1\u03B9 \u03C3\u03B5 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C4\u03B9\u03BA\u03CC \u03A0\u03BB\u03B1\u03AF\u03C3\u03B9\u03BF',\n          },\n          {\n            title: '\u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03C3\u03BC\u03BF\u03AF \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2 \u039A\u03C4\u03B9\u03C1\u03AF\u03C9\u03BD',\n            // href: '/kanonismoi-pyroprostasias',\n            children: [\n              {\n                title: '\u039A\u03B1\u03C4\u03BF\u03B9\u03BA\u03AF\u03B5\u03C2',\n              },\n              {\n                title: '\u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2 \u039A\u03B5\u03BD\u03C4\u03C1\u03B9\u03BA\u03AE\u03C2 \u0398\u03AD\u03C1\u03BC\u03B1\u03BD\u03C3\u03B7\u03C2',\n              },\n              {\n                title: '\u03A0\u03C1\u03BF\u03C3\u03C9\u03C1\u03B9\u03BD\u03AE \u0394\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE (\u039E\u03B5\u03BD/\u03C7\u03B5\u03AF\u03B1-\u039A\u03B1\u03C4/\u03C3\u03B5\u03B9\u03C2)',\n              },\n              {\n                title: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03AE\u03C1\u03B9\u03B1',\n              },\n              {\n                title: '\u0393\u03C1\u03B1\u03C6\u03B5\u03AF\u03B1',\n              },\n              {\n                title: '\u0395\u03BC\u03C0\u03CC\u03C1\u03B9\u03BF (\u039A\u03B1\u03C4\u03B1\u03C3\u03C4\u03AE\u03BC\u03B1\u03C4\u03B1)',\n              },\n              {\n                title: '\u03A3\u03C5\u03BD\u03AC\u03B8\u03C1\u03BF\u03B9\u03C3\u03B7 \u039A\u03BF\u03B9\u03BD\u03BF\u03CD',\n              },\n              {\n                title: '\u03A5\u03B3\u03B5\u03AF\u03B1 & \u039A\u03BF\u03B9\u03BD\u03C9\u03BD\u03B9\u03BA\u03AE \u03A0\u03C1\u03CC\u03BD\u03BF\u03B9\u03B1',\n              },\n              {\n                title: '\u03A3\u03C9\u03C6\u03C1\u03BF\u03BD\u03B9\u03C3\u03BC\u03CC\u03C2',\n              },\n              {\n                title: '\u03A3\u03C4\u03AC\u03B8\u03BC\u03B5\u03C5\u03C3\u03B7 \u0391\u03C5\u03C4\u03BF\u03BA\u03B9\u03BD\u03AE\u03C4\u03C9\u03BD',\n              },\n\n              {\n                title: '\u039B\u03BF\u03B9\u03C0\u03AD\u03C2 \u0392\u03B9\u03BF\u03BC\u03B7\u03C7\u03B1\u03BD\u03B9\u03BA\u03AD\u03C2 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2',\n              },\n              {\n                title: '\u0391\u03C0\u03BF\u03B8\u03AE\u03BA\u03B5\u03C5\u03C3\u03B7',\n              },\n              {\n                title: '\u03A3\u03C5\u03BD\u03B5\u03C1\u03B3\u03B5\u03AF\u03B1, \u0399\u039A\u03C4\u03AD\u03BF, \u0395\u03BC\u03C0.\u03A3\u03C4\u03B1\u03B8\u03BC\u03BF\u03AF, \u039A\u03C4\u03B5\u03BB, \u03A0\u03BB\u03C5\u03BD\u03C4.-\u039B\u03B9\u03C0\u03B1\u03BD\u03C4.',\n              },\n              {\n                title: '\u03A0\u03C1\u03B1\u03C4\u03AE\u03C1\u03B9\u03B1 \u03A5\u03B3\u03C1\u03CE\u03BD \u039A\u03B1\u03C5\u03C3\u03AF\u03BC\u03C9\u03BD',\n              },\n              {\n                title: '\u03A0\u03C1\u03B1\u03C4\u03AE\u03C1\u03B9\u03B1 \u0391\u03B5\u03C1\u03AF\u03C9\u03BD \u039A\u03B1\u03C5\u03C3\u03AF\u03BC\u03C9\u03BD',\n              },\n              {\n                title: '\u039C\u03B5\u03C4\u03B1\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AD\u03C2 & \u03A3\u03C5\u03BD\u03B1\u03C6\u03B5\u03AF\u03C2 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2',\n                // href: '/metapoiitikes-egkatastaseis',\n                children: [\n                  {\n                    title: '\u03A0\u0394 41/2018 & \u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018',\n                  },\n                  {\n                    title: '\u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018',\n                  },\n                  {\n                    title: '\u03A0\u0394 71/1988 \u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018',\n                    children: [\n                      { title: '\u0393\u03B5\u03BD\u03B9\u03BA\u03AD\u03C2 \u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2 \u03A0\u0394 41/2018' },\n                      { title: '\u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018' },\n                      {\n                        title: '\u0393\u03B5\u03BD\u03B9\u03BA\u03AD\u03C2 \u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2 \u03A0\u0394 71/2018',\n                        children: [\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 1: \u039F\u03C1\u03B9\u03C3\u03BC\u03BF\u03AF \u2013 \u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7 \u039A\u03C4\u03B9\u03C1\u03AF\u03C9\u03BD',\n                          },\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 2: \u039F\u03B4\u03B5\u03CD\u03C3\u03B5\u03B9\u03C2 \u0394\u03B9\u03B1\u03C6\u03C5\u03B3\u03AE\u03C2',\n                          },\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 3: \u0394\u03BF\u03BC\u03B9\u03BA\u03AE \u03A0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1',\n                          },\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 4: \u0395\u03BD\u03B5\u03C1\u03B3\u03B7\u03C4\u03B9\u03BA\u03AC \u039C\u03AD\u03C4\u03C1\u03B1 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2',\n                            pdf: '#pdf',\n                          },\n                          {\n                            title:\n                              '\u0386\u03C1\u03B8\u03C1\u03BF 14: \u03A0\u03B1\u03C1\u03AC\u03C1\u03C4\u03B7\u03BC\u03B1 \u0391 - \u0394\u03B5\u03AF\u03BA\u03C4\u03B5\u03C2 \u03A0\u03C5\u03C1\u03B1\u03BD\u03C4\u03AF\u03C3\u03C4\u03B1\u03C3\u03B7\u03C2',\n                          },\n                          {\n                            title:\n                              '\u0386\u03C1\u03B8\u03C1\u03BF 14: \u03A0\u03B1\u03C1\u03AC\u03C1\u03C4\u03B7\u03BC\u03B1 \u0392 \u2013 \u0395\u03C3\u03C9\u03C4\u03B5\u03C1\u03B9\u03BA\u03AC \u03A4\u03B5\u03BB\u03B5\u03B9\u03CE\u03BC\u03B1\u03C4\u03B1',\n                          },\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 15: \u0395\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE \u03A0\u0394 71/1988',\n                          },\n                          {\n                            title:\n                              '\u0386\u03C1\u03B8\u03C1\u03BF 23-24: \u0388\u03BD\u03B1\u03C1\u03BE\u03B7 \u0395\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE\u03C2 \u2013 \u039A\u03B1\u03C4\u03B1\u03C1\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B5\u03C2 \u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2',\n                          },\n                        ],\n                      },\n                    ],\n                  },\n                ],\n              },\n            ],\n          },\n        ],\n      },\n    ],\n  },\n];\n\nconst getListChild = (item, setActive) => {\n  return item.children ? (\n    <List listStyle=\"number\">\n      <ListItem>\n        <Heading size=\"md\">{item.title}</Heading>\n        {item.children?.map((subMenu, key) => (\n          <ListItem key={key}>{getListChild(subMenu, setActive)}</ListItem>\n        ))}\n      </ListItem>\n    </List>\n  ) : (\n    <Button variant='link' role=\"menuitem\" id={item.title} onClick={(e) => { e.preventDefault(), setActive(item) }}>\n      {item.title}\n    </Button>\n  );\n};\n\nexport const Auto = () => {\n  return (\n    <BreadcrumbsAuto items={items} hrefGenerator={(item) => { return item.href ? item.href : slug(item.title, 100) }}>\n      <BreadcrumbsListAuto />\n      <ContentRoutes />\n    </BreadcrumbsAuto>\n  );\n};\n\nconst ContentRoutes = () => {\n  const { active, setActive } = useBreadcrumbsContext();\n\n  return <>\n    <Heading size=\"xl\">\n      {active?.title}\n    </Heading>\n    {items.map((item) => getListChild(item, setActive))}\n  </>;\n};\n\nexport default Auto;"],
-  "mappings": "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",
+  "sourcesContent": ["import React from 'react';\nimport { List, ListItem } from '@digigov/ui/content/List';\nimport { Button } from '@digigov/ui/form/Button/';\nimport {\n  BreadcrumbsAuto,\n  BreadcrumbsListAuto,\n  useBreadcrumbsContext,\n} from '@digigov/ui/navigation/Breadcrumbs/auto';\nimport { BreadcrumbItem } from '@digigov/ui/navigation/Breadcrumbs/hooks';\nimport { Heading } from '@digigov/ui/typography';\n\nconst items: BreadcrumbItem[] = [\n  {\n    title: '\u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2',\n    children: [\n      { title: '\u0395\u03B3\u03C7\u03B5\u03B9\u03C1\u03AF\u03B4\u03B9\u03B1 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1\u03C2 \u03A0\u03C5\u03C1\u03B1\u03C3\u03C6\u03AC\u03BB\u03B5\u03B9\u03B1\u03C2', pdf: '#' },\n      { title: '\u0394\u03B9\u03AC\u03B3\u03C1\u03B1\u03BC\u03BC\u03B1 \u0399\u03C3\u03C7\u03CD\u03BF\u03C5\u03C3\u03B1\u03C2 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1\u03C2' },\n      { title: '\u039F\u03B4\u03B7\u03B3\u03AF\u03B5\u03C2 \u0395\u03C0\u03AF \u03A0\u03C1\u03BF\u03C4\u03CD\u03C0\u03C9\u03BD \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2' },\n      { title: '\u0391\u03C0\u03BB\u03BF\u03C5\u03C3\u03C4\u03B5\u03CD\u03C3\u03B5\u03B9\u03C2 \u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03B9\u03CE\u03BD' },\n      { title: '\u03A7\u03C1\u03AE\u03C3\u03B9\u03BC\u03B1 \u0388\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1' },\n      {\n        title: '\u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1 \u03A0\u03C5\u03C1\u03B1\u03C3\u03C6\u03AC\u03BB\u03B5\u03B9\u03B1\u03C2',\n        children: [\n          {\n            title: '\u039B\u03BF\u03B9\u03C0\u03AD\u03C2 \u0394\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B5\u03C2 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2',\n          },\n          {\n            title:\n              '\u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2 \u03A0\u03B5\u03C4\u03C1\u03B5\u03BB\u03B1\u03B9\u03BF\u03B5\u03B9\u03B4\u03CE\u03BD \u03A0\u03C1\u03BF\u03CA\u03CC\u03BD\u03C4\u03C9\u03BD \u2013 \u03A5\u03B3\u03C1\u03B1\u03B5\u03C1\u03AF\u03BF\u03C5 \u2013 \u03A6\u03C5\u03C3\u03B9\u03BA\u03BF\u03CD \u0391\u03B5\u03C1\u03AF\u03BF\u03C5',\n          },\n          { title: '\u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2 \u03A0\u03C1\u03BF\u03BB\u03B7\u03C0\u03C4\u03B9\u03BA\u03AE\u03C2 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2' },\n          { title: '\u03A3\u03C5\u03BD\u03B4\u03C1\u03BF\u03BC\u03B7\u03C4\u03B9\u03BA\u03AE \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2' },\n          {\n            title:\n              '\u0394\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B5\u03C2 \u2013 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2 \u03C0\u03BF\u03C5 \u03B4\u03B5\u03BD \u03C5\u03C0\u03AC\u03B3\u03BF\u03BD\u03C4\u03B1\u03B9 \u03C3\u03B5 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C4\u03B9\u03BA\u03CC \u03A0\u03BB\u03B1\u03AF\u03C3\u03B9\u03BF',\n          },\n          {\n            title: '\u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03C3\u03BC\u03BF\u03AF \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2 \u039A\u03C4\u03B9\u03C1\u03AF\u03C9\u03BD',\n            // href: '/kanonismoi-pyroprostasias',\n            children: [\n              {\n                title: '\u039A\u03B1\u03C4\u03BF\u03B9\u03BA\u03AF\u03B5\u03C2',\n              },\n              {\n                title: '\u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2 \u039A\u03B5\u03BD\u03C4\u03C1\u03B9\u03BA\u03AE\u03C2 \u0398\u03AD\u03C1\u03BC\u03B1\u03BD\u03C3\u03B7\u03C2',\n              },\n              {\n                title: '\u03A0\u03C1\u03BF\u03C3\u03C9\u03C1\u03B9\u03BD\u03AE \u0394\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE (\u039E\u03B5\u03BD/\u03C7\u03B5\u03AF\u03B1-\u039A\u03B1\u03C4/\u03C3\u03B5\u03B9\u03C2)',\n              },\n              {\n                title: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03AE\u03C1\u03B9\u03B1',\n              },\n              {\n                title: '\u0393\u03C1\u03B1\u03C6\u03B5\u03AF\u03B1',\n              },\n              {\n                title: '\u0395\u03BC\u03C0\u03CC\u03C1\u03B9\u03BF (\u039A\u03B1\u03C4\u03B1\u03C3\u03C4\u03AE\u03BC\u03B1\u03C4\u03B1)',\n              },\n              {\n                title: '\u03A3\u03C5\u03BD\u03AC\u03B8\u03C1\u03BF\u03B9\u03C3\u03B7 \u039A\u03BF\u03B9\u03BD\u03BF\u03CD',\n              },\n              {\n                title: '\u03A5\u03B3\u03B5\u03AF\u03B1 & \u039A\u03BF\u03B9\u03BD\u03C9\u03BD\u03B9\u03BA\u03AE \u03A0\u03C1\u03CC\u03BD\u03BF\u03B9\u03B1',\n              },\n              {\n                title: '\u03A3\u03C9\u03C6\u03C1\u03BF\u03BD\u03B9\u03C3\u03BC\u03CC\u03C2',\n              },\n              {\n                title: '\u03A3\u03C4\u03AC\u03B8\u03BC\u03B5\u03C5\u03C3\u03B7 \u0391\u03C5\u03C4\u03BF\u03BA\u03B9\u03BD\u03AE\u03C4\u03C9\u03BD',\n              },\n\n              {\n                title: '\u039B\u03BF\u03B9\u03C0\u03AD\u03C2 \u0392\u03B9\u03BF\u03BC\u03B7\u03C7\u03B1\u03BD\u03B9\u03BA\u03AD\u03C2 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2',\n              },\n              {\n                title: '\u0391\u03C0\u03BF\u03B8\u03AE\u03BA\u03B5\u03C5\u03C3\u03B7',\n              },\n              {\n                title: '\u03A3\u03C5\u03BD\u03B5\u03C1\u03B3\u03B5\u03AF\u03B1, \u0399\u039A\u03C4\u03AD\u03BF, \u0395\u03BC\u03C0.\u03A3\u03C4\u03B1\u03B8\u03BC\u03BF\u03AF, \u039A\u03C4\u03B5\u03BB, \u03A0\u03BB\u03C5\u03BD\u03C4.-\u039B\u03B9\u03C0\u03B1\u03BD\u03C4.',\n              },\n              {\n                title: '\u03A0\u03C1\u03B1\u03C4\u03AE\u03C1\u03B9\u03B1 \u03A5\u03B3\u03C1\u03CE\u03BD \u039A\u03B1\u03C5\u03C3\u03AF\u03BC\u03C9\u03BD',\n              },\n              {\n                title: '\u03A0\u03C1\u03B1\u03C4\u03AE\u03C1\u03B9\u03B1 \u0391\u03B5\u03C1\u03AF\u03C9\u03BD \u039A\u03B1\u03C5\u03C3\u03AF\u03BC\u03C9\u03BD',\n              },\n              {\n                title: '\u039C\u03B5\u03C4\u03B1\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AD\u03C2 & \u03A3\u03C5\u03BD\u03B1\u03C6\u03B5\u03AF\u03C2 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2',\n                // href: '/metapoiitikes-egkatastaseis',\n                children: [\n                  {\n                    title: '\u03A0\u0394 41/2018 & \u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018',\n                  },\n                  {\n                    title: '\u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018',\n                  },\n                  {\n                    title: '\u03A0\u0394 71/1988 \u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018',\n                    children: [\n                      { title: '\u0393\u03B5\u03BD\u03B9\u03BA\u03AD\u03C2 \u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2 \u03A0\u0394 41/2018' },\n                      { title: '\u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018' },\n                      {\n                        title: '\u0393\u03B5\u03BD\u03B9\u03BA\u03AD\u03C2 \u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2 \u03A0\u0394 71/2018',\n                        children: [\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 1: \u039F\u03C1\u03B9\u03C3\u03BC\u03BF\u03AF \u2013 \u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7 \u039A\u03C4\u03B9\u03C1\u03AF\u03C9\u03BD',\n                          },\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 2: \u039F\u03B4\u03B5\u03CD\u03C3\u03B5\u03B9\u03C2 \u0394\u03B9\u03B1\u03C6\u03C5\u03B3\u03AE\u03C2',\n                          },\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 3: \u0394\u03BF\u03BC\u03B9\u03BA\u03AE \u03A0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1',\n                          },\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 4: \u0395\u03BD\u03B5\u03C1\u03B3\u03B7\u03C4\u03B9\u03BA\u03AC \u039C\u03AD\u03C4\u03C1\u03B1 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2',\n                            pdf: '#pdf',\n                          },\n                          {\n                            title:\n                              '\u0386\u03C1\u03B8\u03C1\u03BF 14: \u03A0\u03B1\u03C1\u03AC\u03C1\u03C4\u03B7\u03BC\u03B1 \u0391 - \u0394\u03B5\u03AF\u03BA\u03C4\u03B5\u03C2 \u03A0\u03C5\u03C1\u03B1\u03BD\u03C4\u03AF\u03C3\u03C4\u03B1\u03C3\u03B7\u03C2',\n                          },\n                          {\n                            title:\n                              '\u0386\u03C1\u03B8\u03C1\u03BF 14: \u03A0\u03B1\u03C1\u03AC\u03C1\u03C4\u03B7\u03BC\u03B1 \u0392 \u2013 \u0395\u03C3\u03C9\u03C4\u03B5\u03C1\u03B9\u03BA\u03AC \u03A4\u03B5\u03BB\u03B5\u03B9\u03CE\u03BC\u03B1\u03C4\u03B1',\n                          },\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 15: \u0395\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE \u03A0\u0394 71/1988',\n                          },\n                          {\n                            title:\n                              '\u0386\u03C1\u03B8\u03C1\u03BF 23-24: \u0388\u03BD\u03B1\u03C1\u03BE\u03B7 \u0395\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE\u03C2 \u2013 \u039A\u03B1\u03C4\u03B1\u03C1\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B5\u03C2 \u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2',\n                          },\n                        ],\n                      },\n                    ],\n                  },\n                ],\n              },\n            ],\n          },\n        ],\n      },\n    ],\n  },\n];\n\nconst getListChild = (item, setActive) => {\n  return item.children ? (\n    <>\n      <Heading size=\"sm\" mb={0}>\n        {item.title}\n      </Heading>\n      <List listStyle=\"number\">\n        {item.children?.map((subMenu, key) => (\n          <ListItem key={key}>{getListChild(subMenu, setActive)}</ListItem>\n        ))}\n      </List>\n    </>\n  ) : (\n    <Button\n      variant=\"link\"\n      role=\"menuitem\"\n      id={item.title}\n      onClick={(e) => {\n        e.preventDefault();\n        setActive(item);\n      }}\n    >\n      {item.title}\n    </Button>\n  );\n};\n\nexport const Auto = () => {\n  return (\n    <BreadcrumbsAuto\n      items={items}\n      initialUrlRoute=\"/nomothesia-pyroprostasias/odigies-epi-protypon-pyroprostasias\"\n    >\n      <BreadcrumbsListAuto mb={8} />\n      <ContentRoutes />\n    </BreadcrumbsAuto>\n  );\n};\n\nconst ContentRoutes = () => {\n  const { breadcrumbs, setActiveItem } = useBreadcrumbsContext();\n\n  return (\n    <>\n      {breadcrumbs.length > 0 && (\n        <Heading size=\"xl\">\n          {breadcrumbs[breadcrumbs.length - 1]?.title}\n        </Heading>\n      )}\n      {items.map((item) => getListChild(item, setActiveItem))}\n    </>\n  );\n};\n\nexport default Auto;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAA+B;AAC/B,oBAAuB;AACvB,kBAIO;AAEP,wBAAwB;AAExB,MAAM,QAA0B;AAAA,EAC9B;AAAA,IACE,OAAO;AAAA,IACP,UAAU;AAAA,MACR,EAAE,OAAO,sMAAsC,KAAK,IAAI;AAAA,MACxD,EAAE,OAAO,6KAAiC;AAAA,MAC1C,EAAE,OAAO,sMAAsC;AAAA,MAC/C,EAAE,OAAO,oJAA4B;AAAA,MACrC,EAAE,OAAO,wFAAkB;AAAA,MAC3B;AAAA,QACE,OAAO;AAAA,QACP,UAAU;AAAA,UACR;AAAA,YACE,OAAO;AAAA,UACT;AAAA,UACA;AAAA,YACE,OACE;AAAA,UACJ;AAAA,UACA,EAAE,OAAO,iNAAuC;AAAA,UAChD,EAAE,OAAO,uNAAwC;AAAA,UACjD;AAAA,YACE,OACE;AAAA,UACJ;AAAA,UACA;AAAA,YACE,OAAO;AAAA;AAAA,YAEP,UAAU;AAAA,cACR;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cAEA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA,cACT;AAAA,cACA;AAAA,gBACE,OAAO;AAAA;AAAA,gBAEP,UAAU;AAAA,kBACR;AAAA,oBACE,OAAO;AAAA,kBACT;AAAA,kBACA;AAAA,oBACE,OAAO;AAAA,kBACT;AAAA,kBACA;AAAA,oBACE,OAAO;AAAA,oBACP,UAAU;AAAA,sBACR,EAAE,OAAO,yHAA+B;AAAA,sBACxC,EAAE,OAAO,4DAA8B;AAAA,sBACvC;AAAA,wBACE,OAAO;AAAA,wBACP,UAAU;AAAA,0BACR;AAAA,4BACE,OAAO;AAAA,0BACT;AAAA,0BACA;AAAA,4BACE,OAAO;AAAA,0BACT;AAAA,0BACA;AAAA,4BACE,OAAO;AAAA,0BACT;AAAA,0BACA;AAAA,4BACE,OAAO;AAAA,4BACP,KAAK;AAAA,0BACP;AAAA,0BACA;AAAA,4BACE,OACE;AAAA,0BACJ;AAAA,0BACA;AAAA,4BACE,OACE;AAAA,0BACJ;AAAA,0BACA;AAAA,4BACE,OAAO;AAAA,0BACT;AAAA,0BACA;AAAA,4BACE,OACE;AAAA,0BACJ;AAAA,wBACF;AAAA,sBACF;AAAA,oBACF;AAAA,kBACF;AAAA,gBACF;AAAA,cACF;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,MAAM,eAAe,CAAC,MAAM,cAAc;AACxC,SAAO,KAAK,WACV,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,6BAAQ,MAAK,MAAK,IAAI,KACpB,KAAK,KACR,GACA,6BAAAA,QAAA,cAAC,oBAAK,WAAU,YACb,KAAK,UAAU,IAAI,CAAC,SAAS,QAC5B,6BAAAA,QAAA,cAAC,wBAAS,OAAW,aAAa,SAAS,SAAS,CAAE,CACvD,CACH,CACF,IAEA,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,IAAI,KAAK;AAAA,MACT,SAAS,CAAC,MAAM;AACd,UAAE,eAAe;AACjB,kBAAU,IAAI;AAAA,MAChB;AAAA;AAAA,IAEC,KAAK;AAAA,EACR;AAEJ;AAEO,MAAM,OAAO,MAAM;AACxB,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,iBAAgB;AAAA;AAAA,IAEhB,6BAAAA,QAAA,cAAC,mCAAoB,IAAI,GAAG;AAAA,IAC5B,6BAAAA,QAAA,cAAC,mBAAc;AAAA,EACjB;AAEJ;AAEA,MAAM,gBAAgB,MAAM;AAC1B,QAAM,EAAE,aAAa,cAAc,QAAI,mCAAsB;AAE7D,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACG,YAAY,SAAS,KACpB,6BAAAA,QAAA,cAAC,6BAAQ,MAAK,QACX,YAAY,YAAY,SAAS,CAAC,GAAG,KACxC,GAED,MAAM,IAAI,CAAC,SAAS,aAAa,MAAM,aAAa,CAAC,CACxD;AAEJ;AAEA,IAAO,eAAQ;",
   "names": ["React"]
 }

package/cjs/navigation/Breadcrumbs/__stories__/WithHook/index.js

@@ -33,16 +33,19 @@ __export(WithHook_exports, {
 module.exports = __toCommonJS(WithHook_exports);
 var import_react = __toESM(require("react"));
 var import_List = require("@digigov/ui/content/List");
-var import_Breadcrumbs = require("@digigov/ui/navigation/Breadcrumbs");
 var import_Button = require("@digigov/ui/form/Button");
-var import_typography = require("@digigov/ui/typography");
+var import_Breadcrumbs = require("@digigov/ui/navigation/Breadcrumbs");
 var import_hooks = require("@digigov/ui/navigation/Breadcrumbs/hooks");
-var import_slug = require("@digigov/ui/navigation/Breadcrumbs/slug");
+var import_typography = require("@digigov/ui/typography");
 const items = [
   {
     title: "\u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2",
     children: [
-      { title: "\u0395\u03B3\u03C7\u03B5\u03B9\u03C1\u03AF\u03B4\u03B9\u03B1 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1\u03C2 \u03A0\u03C5\u03C1\u03B1\u03C3\u03C6\u03AC\u03BB\u03B5\u03B9\u03B1\u03C2", pdf: "#", href: "echiridia-nomothesia-pyroprostasias" },
+      {
+        title: "\u0395\u03B3\u03C7\u03B5\u03B9\u03C1\u03AF\u03B4\u03B9\u03B1 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1\u03C2 \u03A0\u03C5\u03C1\u03B1\u03C3\u03C6\u03AC\u03BB\u03B5\u03B9\u03B1\u03C2",
+        pdf: "#",
+        href: "echiridia-nomothesia-pyroprostasias"
+      },
       { title: "\u0394\u03B9\u03AC\u03B3\u03C1\u03B1\u03BC\u03BC\u03B1 \u0399\u03C3\u03C7\u03CD\u03BF\u03C5\u03C3\u03B1\u03C2 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1\u03C2" },
       { title: "\u039F\u03B4\u03B7\u03B3\u03AF\u03B5\u03C2 \u0395\u03C0\u03AF \u03A0\u03C1\u03BF\u03C4\u03CD\u03C0\u03C9\u03BD \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2" },
       { title: "\u0391\u03C0\u03BB\u03BF\u03C5\u03C3\u03C4\u03B5\u03CD\u03C3\u03B5\u03B9\u03C2 \u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03B9\u03CE\u03BD" },
@@ -167,24 +170,35 @@ const items = [
   }
 ];
 const getListChild = (item, setActive) => {
-  return item.children ? /* @__PURE__ */ import_react.default.createElement(import_List.List, { listStyle: "number" }, /* @__PURE__ */ import_react.default.createElement(import_List.ListItem, null, /* @__PURE__ */ import_react.default.createElement(import_typography.Heading, { size: "md" }, item.title), item.children?.map((subMenu, key) => /* @__PURE__ */ import_react.default.createElement(import_List.ListItem, { key }, getListChild(subMenu, setActive))))) : /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { variant: "link", role: "menuitem", id: item.title, onClick: (e) => {
-    e.preventDefault();
-    setActive(item);
-  } }, item.title);
+  return item.children ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_typography.Heading, { size: "sm", mb: 0 }, item.title), /* @__PURE__ */ import_react.default.createElement(import_List.List, { listStyle: "number" }, item.children?.map((subMenu, key) => /* @__PURE__ */ import_react.default.createElement(import_List.ListItem, { key }, getListChild(subMenu, setActive))))) : /* @__PURE__ */ import_react.default.createElement(
+    import_Button.Button,
+    {
+      variant: "link",
+      role: "menuitem",
+      id: item.title,
+      onClick: (e) => {
+        e.preventDefault();
+        setActive(item);
+      }
+    },
+    item.title
+  );
 };
 const WithHook = () => {
-  const { breadcrumbs, setActive } = (0, import_hooks.useBreadcrumbs)(items, (item) => {
-    return item.href ? item.href : (0, import_slug.slug)(item.title, 100);
-  });
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, breadcrumbs.length > 0 && /* @__PURE__ */ import_react.default.createElement(import_Breadcrumbs.Breadcrumbs, { marginBottom: 8 }, /* @__PURE__ */ import_react.default.createElement(import_Breadcrumbs.BreadcrumbsList, null, breadcrumbs.map((breadcrumb, index) => /* @__PURE__ */ import_react.default.createElement(
+  const { breadcrumbs, setActiveItem } = (0, import_hooks.useBreadcrumbs)(
+    items,
+    "/nomothesia-pyroprostasias/odigies-epi-protypon-pyroprostasias"
+  );
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, breadcrumbs.length > 1 && /* @__PURE__ */ import_react.default.createElement(import_Breadcrumbs.Breadcrumbs, { mb: 8 }, /* @__PURE__ */ import_react.default.createElement(import_Breadcrumbs.BreadcrumbsList, null, breadcrumbs.map((breadcrumb, index) => /* @__PURE__ */ import_react.default.createElement(
     import_Breadcrumbs.BreadcrumbsListItem,
     {
       key: index,
-      href: breadcrumb.href,
-      "aria-current": breadcrumb.active ? "page" : void 0
+      href: breadcrumbs.length - 1 === index ? void 0 : "#",
+      onClick: () => setActiveItem(breadcrumb),
+      "aria-current": breadcrumbs.length - 1 === index ? "page" : void 0
     },
     breadcrumb.title
-  )))), breadcrumbs.length > 0 && /* @__PURE__ */ import_react.default.createElement(import_typography.Heading, { size: "xl" }, breadcrumbs[breadcrumbs.length - 1]?.title), items.map((item) => getListChild(item, setActive)));
+  )))), breadcrumbs.length > 0 && /* @__PURE__ */ import_react.default.createElement(import_typography.Heading, { size: "xl" }, breadcrumbs[breadcrumbs.length - 1]?.title), items.map((item) => getListChild(item, setActiveItem)));
 };
 var WithHook_default = WithHook;
 // Annotate the CommonJS export names for ESM import in node:

package/cjs/navigation/Breadcrumbs/__stories__/WithHook.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/Breadcrumbs/__stories__/WithHook.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { List, ListItem } from '@digigov/ui/content/List';\nimport {\n  Breadcrumbs,\n  BreadcrumbsList,\n  BreadcrumbsListItem,\n} from '@digigov/ui/navigation/Breadcrumbs';\nimport { Button } from '@digigov/ui/form/Button';\nimport { Heading } from '@digigov/ui/typography';\nimport { useBreadcrumbs } from '@digigov/ui/navigation/Breadcrumbs/hooks';\nimport { slug } from '@digigov/ui/navigation/Breadcrumbs/slug';\nimport { ConfigData, } from '@digigov/ui/navigation/Breadcrumbs/hooks';\n\nconst items: ConfigData[] = [\n  {\n    title: '\u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2',\n    children: [\n      { title: '\u0395\u03B3\u03C7\u03B5\u03B9\u03C1\u03AF\u03B4\u03B9\u03B1 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1\u03C2 \u03A0\u03C5\u03C1\u03B1\u03C3\u03C6\u03AC\u03BB\u03B5\u03B9\u03B1\u03C2', pdf: '#', href: \"echiridia-nomothesia-pyroprostasias\" },\n      { title: '\u0394\u03B9\u03AC\u03B3\u03C1\u03B1\u03BC\u03BC\u03B1 \u0399\u03C3\u03C7\u03CD\u03BF\u03C5\u03C3\u03B1\u03C2 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1\u03C2' },\n      { title: '\u039F\u03B4\u03B7\u03B3\u03AF\u03B5\u03C2 \u0395\u03C0\u03AF \u03A0\u03C1\u03BF\u03C4\u03CD\u03C0\u03C9\u03BD \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2' },\n      { title: '\u0391\u03C0\u03BB\u03BF\u03C5\u03C3\u03C4\u03B5\u03CD\u03C3\u03B5\u03B9\u03C2 \u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03B9\u03CE\u03BD' },\n      { title: '\u03A7\u03C1\u03AE\u03C3\u03B9\u03BC\u03B1 \u0388\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1' },\n      {\n        title: '\u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1 \u03A0\u03C5\u03C1\u03B1\u03C3\u03C6\u03AC\u03BB\u03B5\u03B9\u03B1\u03C2',\n        children: [\n          {\n            title: '\u039B\u03BF\u03B9\u03C0\u03AD\u03C2 \u0394\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B5\u03C2 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2',\n          },\n          {\n            title:\n              '\u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2 \u03A0\u03B5\u03C4\u03C1\u03B5\u03BB\u03B1\u03B9\u03BF\u03B5\u03B9\u03B4\u03CE\u03BD \u03A0\u03C1\u03BF\u03CA\u03CC\u03BD\u03C4\u03C9\u03BD \u2013 \u03A5\u03B3\u03C1\u03B1\u03B5\u03C1\u03AF\u03BF\u03C5 \u2013 \u03A6\u03C5\u03C3\u03B9\u03BA\u03BF\u03CD \u0391\u03B5\u03C1\u03AF\u03BF\u03C5',\n          },\n          { title: '\u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2 \u03A0\u03C1\u03BF\u03BB\u03B7\u03C0\u03C4\u03B9\u03BA\u03AE\u03C2 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2' },\n          { title: '\u03A3\u03C5\u03BD\u03B4\u03C1\u03BF\u03BC\u03B7\u03C4\u03B9\u03BA\u03AE \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2' },\n          {\n            title:\n              '\u0394\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B5\u03C2 \u2013 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2 \u03C0\u03BF\u03C5 \u03B4\u03B5\u03BD \u03C5\u03C0\u03AC\u03B3\u03BF\u03BD\u03C4\u03B1\u03B9 \u03C3\u03B5 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C4\u03B9\u03BA\u03CC \u03A0\u03BB\u03B1\u03AF\u03C3\u03B9\u03BF',\n          },\n          {\n            title: '\u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03C3\u03BC\u03BF\u03AF \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2 \u039A\u03C4\u03B9\u03C1\u03AF\u03C9\u03BD',\n            // href: '/kanonismoi-pyroprostasias',\n            children: [\n              {\n                title: '\u039A\u03B1\u03C4\u03BF\u03B9\u03BA\u03AF\u03B5\u03C2',\n              },\n              {\n                title: '\u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2 \u039A\u03B5\u03BD\u03C4\u03C1\u03B9\u03BA\u03AE\u03C2 \u0398\u03AD\u03C1\u03BC\u03B1\u03BD\u03C3\u03B7\u03C2',\n              },\n              {\n                title: '\u03A0\u03C1\u03BF\u03C3\u03C9\u03C1\u03B9\u03BD\u03AE \u0394\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE (\u039E\u03B5\u03BD/\u03C7\u03B5\u03AF\u03B1-\u039A\u03B1\u03C4/\u03C3\u03B5\u03B9\u03C2)',\n              },\n              {\n                title: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03AE\u03C1\u03B9\u03B1',\n              },\n              {\n                title: '\u0393\u03C1\u03B1\u03C6\u03B5\u03AF\u03B1',\n              },\n              {\n                title: '\u0395\u03BC\u03C0\u03CC\u03C1\u03B9\u03BF (\u039A\u03B1\u03C4\u03B1\u03C3\u03C4\u03AE\u03BC\u03B1\u03C4\u03B1)',\n              },\n              {\n                title: '\u03A3\u03C5\u03BD\u03AC\u03B8\u03C1\u03BF\u03B9\u03C3\u03B7 \u039A\u03BF\u03B9\u03BD\u03BF\u03CD',\n              },\n              {\n                title: '\u03A5\u03B3\u03B5\u03AF\u03B1 & \u039A\u03BF\u03B9\u03BD\u03C9\u03BD\u03B9\u03BA\u03AE \u03A0\u03C1\u03CC\u03BD\u03BF\u03B9\u03B1',\n              },\n              {\n                title: '\u03A3\u03C9\u03C6\u03C1\u03BF\u03BD\u03B9\u03C3\u03BC\u03CC\u03C2',\n              },\n              {\n                title: '\u03A3\u03C4\u03AC\u03B8\u03BC\u03B5\u03C5\u03C3\u03B7 \u0391\u03C5\u03C4\u03BF\u03BA\u03B9\u03BD\u03AE\u03C4\u03C9\u03BD',\n              },\n\n              {\n                title: '\u039B\u03BF\u03B9\u03C0\u03AD\u03C2 \u0392\u03B9\u03BF\u03BC\u03B7\u03C7\u03B1\u03BD\u03B9\u03BA\u03AD\u03C2 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2',\n              },\n              {\n                title: '\u0391\u03C0\u03BF\u03B8\u03AE\u03BA\u03B5\u03C5\u03C3\u03B7',\n              },\n              {\n                title: '\u03A3\u03C5\u03BD\u03B5\u03C1\u03B3\u03B5\u03AF\u03B1, \u0399\u039A\u03C4\u03AD\u03BF, \u0395\u03BC\u03C0.\u03A3\u03C4\u03B1\u03B8\u03BC\u03BF\u03AF, \u039A\u03C4\u03B5\u03BB, \u03A0\u03BB\u03C5\u03BD\u03C4.-\u039B\u03B9\u03C0\u03B1\u03BD\u03C4.',\n              },\n              {\n                title: '\u03A0\u03C1\u03B1\u03C4\u03AE\u03C1\u03B9\u03B1 \u03A5\u03B3\u03C1\u03CE\u03BD \u039A\u03B1\u03C5\u03C3\u03AF\u03BC\u03C9\u03BD',\n              },\n              {\n                title: '\u03A0\u03C1\u03B1\u03C4\u03AE\u03C1\u03B9\u03B1 \u0391\u03B5\u03C1\u03AF\u03C9\u03BD \u039A\u03B1\u03C5\u03C3\u03AF\u03BC\u03C9\u03BD',\n              },\n              {\n                title: '\u039C\u03B5\u03C4\u03B1\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AD\u03C2 & \u03A3\u03C5\u03BD\u03B1\u03C6\u03B5\u03AF\u03C2 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2',\n                // href: '/metapoiitikes-egkatastaseis',\n                children: [\n                  {\n                    title: '\u03A0\u0394 41/2018 & \u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018',\n                  },\n                  {\n                    title: '\u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018',\n                  },\n                  {\n                    title: '\u03A0\u0394 71/1988 \u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018',\n                    children: [\n                      { title: '\u0393\u03B5\u03BD\u03B9\u03BA\u03AD\u03C2 \u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2 \u03A0\u0394 41/2018' },\n                      { title: '\u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018' },\n                      {\n                        title: '\u0393\u03B5\u03BD\u03B9\u03BA\u03AD\u03C2 \u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2 \u03A0\u0394 71/2018',\n                        children: [\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 1: \u039F\u03C1\u03B9\u03C3\u03BC\u03BF\u03AF \u2013 \u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7 \u039A\u03C4\u03B9\u03C1\u03AF\u03C9\u03BD',\n                          },\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 2: \u039F\u03B4\u03B5\u03CD\u03C3\u03B5\u03B9\u03C2 \u0394\u03B9\u03B1\u03C6\u03C5\u03B3\u03AE\u03C2',\n                          },\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 3: \u0394\u03BF\u03BC\u03B9\u03BA\u03AE \u03A0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1',\n                          },\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 4: \u0395\u03BD\u03B5\u03C1\u03B3\u03B7\u03C4\u03B9\u03BA\u03AC \u039C\u03AD\u03C4\u03C1\u03B1 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2',\n                            pdf: '#pdf',\n                          },\n                          {\n                            title:\n                              '\u0386\u03C1\u03B8\u03C1\u03BF 14: \u03A0\u03B1\u03C1\u03AC\u03C1\u03C4\u03B7\u03BC\u03B1 \u0391 - \u0394\u03B5\u03AF\u03BA\u03C4\u03B5\u03C2 \u03A0\u03C5\u03C1\u03B1\u03BD\u03C4\u03AF\u03C3\u03C4\u03B1\u03C3\u03B7\u03C2',\n                          },\n                          {\n                            title:\n                              '\u0386\u03C1\u03B8\u03C1\u03BF 14: \u03A0\u03B1\u03C1\u03AC\u03C1\u03C4\u03B7\u03BC\u03B1 \u0392 \u2013 \u0395\u03C3\u03C9\u03C4\u03B5\u03C1\u03B9\u03BA\u03AC \u03A4\u03B5\u03BB\u03B5\u03B9\u03CE\u03BC\u03B1\u03C4\u03B1',\n                          },\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 15: \u0395\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE \u03A0\u0394 71/1988',\n                          },\n                          {\n                            title:\n                              '\u0386\u03C1\u03B8\u03C1\u03BF 23-24: \u0388\u03BD\u03B1\u03C1\u03BE\u03B7 \u0395\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE\u03C2 \u2013 \u039A\u03B1\u03C4\u03B1\u03C1\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B5\u03C2 \u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2',\n                          },\n                        ],\n                      },\n                    ],\n                  },\n                ],\n              },\n            ],\n          },\n        ],\n      },\n    ],\n  },\n];\n// creates the ol>li lists for the items data\nconst getListChild = (item, setActive) => {\n  return item.children ? (\n    <List listStyle=\"number\">\n      <ListItem>\n        <Heading size=\"md\">{item.title}</Heading>\n        {item.children?.map((subMenu, key) => (\n          <ListItem key={key}>{getListChild(subMenu, setActive)}</ListItem>\n        ))}\n      </ListItem>\n    </List>\n  ) : (\n    <Button variant=\"link\" role=\"menuitem\" id={item.title} onClick={(e) => { e.preventDefault(); setActive(item) }}>\n      {item.title}\n    </Button>\n  );\n};\n\nexport const WithHook = () => {\n  const { breadcrumbs, setActive } = useBreadcrumbs(items, (item) => { return item.href ? item.href : slug(item.title, 100) });\n  return (\n    <>\n      {breadcrumbs.length > 0 && (\n        <Breadcrumbs marginBottom={8}>\n          <BreadcrumbsList>\n            {breadcrumbs.map((breadcrumb, index) => (\n              <BreadcrumbsListItem\n                key={index}\n                href={breadcrumb.href}\n                aria-current={breadcrumb.active ? \"page\" : undefined}\n              >\n                {breadcrumb.title}\n              </BreadcrumbsListItem>\n            ))}\n          </BreadcrumbsList>\n        </Breadcrumbs>\n      )}\n      {breadcrumbs.length > 0 && (\n        <Heading size=\"xl\">\n          {breadcrumbs[breadcrumbs.length - 1]?.title}\n        </Heading>\n      )}\n      {items.map((item) => getListChild(item, setActive))}\n    </>\n  );\n};\n\nexport default WithHook;"],
-  "mappings": "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",
+  "sourcesContent": ["import React from 'react';\nimport { List, ListItem } from '@digigov/ui/content/List';\nimport { Button } from '@digigov/ui/form/Button';\nimport {\n  Breadcrumbs,\n  BreadcrumbsList,\n  BreadcrumbsListItem,\n} from '@digigov/ui/navigation/Breadcrumbs';\nimport {\n  useBreadcrumbs,\n  BreadcrumbItem,\n} from '@digigov/ui/navigation/Breadcrumbs/hooks';\nimport { Heading } from '@digigov/ui/typography';\n\nconst items: BreadcrumbItem[] = [\n  {\n    title: '\u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2',\n    children: [\n      {\n        title: '\u0395\u03B3\u03C7\u03B5\u03B9\u03C1\u03AF\u03B4\u03B9\u03B1 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1\u03C2 \u03A0\u03C5\u03C1\u03B1\u03C3\u03C6\u03AC\u03BB\u03B5\u03B9\u03B1\u03C2',\n        pdf: '#',\n        href: 'echiridia-nomothesia-pyroprostasias',\n      },\n      { title: '\u0394\u03B9\u03AC\u03B3\u03C1\u03B1\u03BC\u03BC\u03B1 \u0399\u03C3\u03C7\u03CD\u03BF\u03C5\u03C3\u03B1\u03C2 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1\u03C2' },\n      { title: '\u039F\u03B4\u03B7\u03B3\u03AF\u03B5\u03C2 \u0395\u03C0\u03AF \u03A0\u03C1\u03BF\u03C4\u03CD\u03C0\u03C9\u03BD \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2' },\n      { title: '\u0391\u03C0\u03BB\u03BF\u03C5\u03C3\u03C4\u03B5\u03CD\u03C3\u03B5\u03B9\u03C2 \u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03B9\u03CE\u03BD' },\n      { title: '\u03A7\u03C1\u03AE\u03C3\u03B9\u03BC\u03B1 \u0388\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1' },\n      {\n        title: '\u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1 \u03A0\u03C5\u03C1\u03B1\u03C3\u03C6\u03AC\u03BB\u03B5\u03B9\u03B1\u03C2',\n        children: [\n          {\n            title: '\u039B\u03BF\u03B9\u03C0\u03AD\u03C2 \u0394\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B5\u03C2 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2',\n          },\n          {\n            title:\n              '\u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2 \u03A0\u03B5\u03C4\u03C1\u03B5\u03BB\u03B1\u03B9\u03BF\u03B5\u03B9\u03B4\u03CE\u03BD \u03A0\u03C1\u03BF\u03CA\u03CC\u03BD\u03C4\u03C9\u03BD \u2013 \u03A5\u03B3\u03C1\u03B1\u03B5\u03C1\u03AF\u03BF\u03C5 \u2013 \u03A6\u03C5\u03C3\u03B9\u03BA\u03BF\u03CD \u0391\u03B5\u03C1\u03AF\u03BF\u03C5',\n          },\n          { title: '\u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2 \u03A0\u03C1\u03BF\u03BB\u03B7\u03C0\u03C4\u03B9\u03BA\u03AE\u03C2 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2' },\n          { title: '\u03A3\u03C5\u03BD\u03B4\u03C1\u03BF\u03BC\u03B7\u03C4\u03B9\u03BA\u03AE \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C3\u03AF\u03B1 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2' },\n          {\n            title:\n              '\u0394\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B5\u03C2 \u2013 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2 \u03C0\u03BF\u03C5 \u03B4\u03B5\u03BD \u03C5\u03C0\u03AC\u03B3\u03BF\u03BD\u03C4\u03B1\u03B9 \u03C3\u03B5 \u039D\u03BF\u03BC\u03BF\u03B8\u03B5\u03C4\u03B9\u03BA\u03CC \u03A0\u03BB\u03B1\u03AF\u03C3\u03B9\u03BF',\n          },\n          {\n            title: '\u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03C3\u03BC\u03BF\u03AF \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2 \u039A\u03C4\u03B9\u03C1\u03AF\u03C9\u03BD',\n            // href: '/kanonismoi-pyroprostasias',\n            children: [\n              {\n                title: '\u039A\u03B1\u03C4\u03BF\u03B9\u03BA\u03AF\u03B5\u03C2',\n              },\n              {\n                title: '\u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2 \u039A\u03B5\u03BD\u03C4\u03C1\u03B9\u03BA\u03AE\u03C2 \u0398\u03AD\u03C1\u03BC\u03B1\u03BD\u03C3\u03B7\u03C2',\n              },\n              {\n                title: '\u03A0\u03C1\u03BF\u03C3\u03C9\u03C1\u03B9\u03BD\u03AE \u0394\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE (\u039E\u03B5\u03BD/\u03C7\u03B5\u03AF\u03B1-\u039A\u03B1\u03C4/\u03C3\u03B5\u03B9\u03C2)',\n              },\n              {\n                title: '\u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03AE\u03C1\u03B9\u03B1',\n              },\n              {\n                title: '\u0393\u03C1\u03B1\u03C6\u03B5\u03AF\u03B1',\n              },\n              {\n                title: '\u0395\u03BC\u03C0\u03CC\u03C1\u03B9\u03BF (\u039A\u03B1\u03C4\u03B1\u03C3\u03C4\u03AE\u03BC\u03B1\u03C4\u03B1)',\n              },\n              {\n                title: '\u03A3\u03C5\u03BD\u03AC\u03B8\u03C1\u03BF\u03B9\u03C3\u03B7 \u039A\u03BF\u03B9\u03BD\u03BF\u03CD',\n              },\n              {\n                title: '\u03A5\u03B3\u03B5\u03AF\u03B1 & \u039A\u03BF\u03B9\u03BD\u03C9\u03BD\u03B9\u03BA\u03AE \u03A0\u03C1\u03CC\u03BD\u03BF\u03B9\u03B1',\n              },\n              {\n                title: '\u03A3\u03C9\u03C6\u03C1\u03BF\u03BD\u03B9\u03C3\u03BC\u03CC\u03C2',\n              },\n              {\n                title: '\u03A3\u03C4\u03AC\u03B8\u03BC\u03B5\u03C5\u03C3\u03B7 \u0391\u03C5\u03C4\u03BF\u03BA\u03B9\u03BD\u03AE\u03C4\u03C9\u03BD',\n              },\n\n              {\n                title: '\u039B\u03BF\u03B9\u03C0\u03AD\u03C2 \u0392\u03B9\u03BF\u03BC\u03B7\u03C7\u03B1\u03BD\u03B9\u03BA\u03AD\u03C2 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2',\n              },\n              {\n                title: '\u0391\u03C0\u03BF\u03B8\u03AE\u03BA\u03B5\u03C5\u03C3\u03B7',\n              },\n              {\n                title: '\u03A3\u03C5\u03BD\u03B5\u03C1\u03B3\u03B5\u03AF\u03B1, \u0399\u039A\u03C4\u03AD\u03BF, \u0395\u03BC\u03C0.\u03A3\u03C4\u03B1\u03B8\u03BC\u03BF\u03AF, \u039A\u03C4\u03B5\u03BB, \u03A0\u03BB\u03C5\u03BD\u03C4.-\u039B\u03B9\u03C0\u03B1\u03BD\u03C4.',\n              },\n              {\n                title: '\u03A0\u03C1\u03B1\u03C4\u03AE\u03C1\u03B9\u03B1 \u03A5\u03B3\u03C1\u03CE\u03BD \u039A\u03B1\u03C5\u03C3\u03AF\u03BC\u03C9\u03BD',\n              },\n              {\n                title: '\u03A0\u03C1\u03B1\u03C4\u03AE\u03C1\u03B9\u03B1 \u0391\u03B5\u03C1\u03AF\u03C9\u03BD \u039A\u03B1\u03C5\u03C3\u03AF\u03BC\u03C9\u03BD',\n              },\n              {\n                title: '\u039C\u03B5\u03C4\u03B1\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AD\u03C2 & \u03A3\u03C5\u03BD\u03B1\u03C6\u03B5\u03AF\u03C2 \u0395\u03B3\u03BA\u03B1\u03C4\u03B1\u03C3\u03C4\u03AC\u03C3\u03B5\u03B9\u03C2',\n                // href: '/metapoiitikes-egkatastaseis',\n                children: [\n                  {\n                    title: '\u03A0\u0394 41/2018 & \u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018',\n                  },\n                  {\n                    title: '\u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018',\n                  },\n                  {\n                    title: '\u03A0\u0394 71/1988 \u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018',\n                    children: [\n                      { title: '\u0393\u03B5\u03BD\u03B9\u03BA\u03AD\u03C2 \u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2 \u03A0\u0394 41/2018' },\n                      { title: '\u039A\u03A5\u0391 \u0391\u03A0-136860-1673-\u03A615-2018' },\n                      {\n                        title: '\u0393\u03B5\u03BD\u03B9\u03BA\u03AD\u03C2 \u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2 \u03A0\u0394 71/2018',\n                        children: [\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 1: \u039F\u03C1\u03B9\u03C3\u03BC\u03BF\u03AF \u2013 \u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7 \u039A\u03C4\u03B9\u03C1\u03AF\u03C9\u03BD',\n                          },\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 2: \u039F\u03B4\u03B5\u03CD\u03C3\u03B5\u03B9\u03C2 \u0394\u03B9\u03B1\u03C6\u03C5\u03B3\u03AE\u03C2',\n                          },\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 3: \u0394\u03BF\u03BC\u03B9\u03BA\u03AE \u03A0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1',\n                          },\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 4: \u0395\u03BD\u03B5\u03C1\u03B3\u03B7\u03C4\u03B9\u03BA\u03AC \u039C\u03AD\u03C4\u03C1\u03B1 \u03A0\u03C5\u03C1\u03BF\u03C0\u03C1\u03BF\u03C3\u03C4\u03B1\u03C3\u03AF\u03B1\u03C2',\n                            pdf: '#pdf',\n                          },\n                          {\n                            title:\n                              '\u0386\u03C1\u03B8\u03C1\u03BF 14: \u03A0\u03B1\u03C1\u03AC\u03C1\u03C4\u03B7\u03BC\u03B1 \u0391 - \u0394\u03B5\u03AF\u03BA\u03C4\u03B5\u03C2 \u03A0\u03C5\u03C1\u03B1\u03BD\u03C4\u03AF\u03C3\u03C4\u03B1\u03C3\u03B7\u03C2',\n                          },\n                          {\n                            title:\n                              '\u0386\u03C1\u03B8\u03C1\u03BF 14: \u03A0\u03B1\u03C1\u03AC\u03C1\u03C4\u03B7\u03BC\u03B1 \u0392 \u2013 \u0395\u03C3\u03C9\u03C4\u03B5\u03C1\u03B9\u03BA\u03AC \u03A4\u03B5\u03BB\u03B5\u03B9\u03CE\u03BC\u03B1\u03C4\u03B1',\n                          },\n                          {\n                            title: '\u0386\u03C1\u03B8\u03C1\u03BF 15: \u0395\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE \u03A0\u0394 71/1988',\n                          },\n                          {\n                            title:\n                              '\u0386\u03C1\u03B8\u03C1\u03BF 23-24: \u0388\u03BD\u03B1\u03C1\u03BE\u03B7 \u0395\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE\u03C2 \u2013 \u039A\u03B1\u03C4\u03B1\u03C1\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B5\u03C2 \u0394\u03B9\u03B1\u03C4\u03AC\u03BE\u03B5\u03B9\u03C2',\n                          },\n                        ],\n                      },\n                    ],\n                  },\n                ],\n              },\n            ],\n          },\n        ],\n      },\n    ],\n  },\n];\n\n// creates the ol>li lists for the items data\nconst getListChild = (item, setActive) => {\n  return item.children ? (\n    <>\n      <Heading size=\"sm\" mb={0}>\n        {item.title}\n      </Heading>\n      <List listStyle=\"number\">\n        {item.children?.map((subMenu, key) => (\n          <ListItem key={key}>{getListChild(subMenu, setActive)}</ListItem>\n        ))}\n      </List>\n    </>\n  ) : (\n    <Button\n      variant=\"link\"\n      role=\"menuitem\"\n      id={item.title}\n      onClick={(e) => {\n        e.preventDefault();\n        setActive(item);\n      }}\n    >\n      {item.title}\n    </Button>\n  );\n};\n\nexport const WithHook = () => {\n  // initialUrlRoute: '/nomothesia-pyroprostasias/odigies-epi-protypon-pyroprostasias'\n  // is to simulate that the user lands to a specific url\n  const { breadcrumbs, setActiveItem } = useBreadcrumbs(\n    items,\n    '/nomothesia-pyroprostasias/odigies-epi-protypon-pyroprostasias'\n  );\n  return (\n    <>\n      {breadcrumbs.length > 1 && (\n        <Breadcrumbs mb={8}>\n          <BreadcrumbsList>\n            {breadcrumbs.map((breadcrumb, index) => (\n              <BreadcrumbsListItem\n                key={index}\n                href={breadcrumbs.length - 1 === index ? undefined : '#'}\n                onClick={() => setActiveItem(breadcrumb)}\n                aria-current={\n                  breadcrumbs.length - 1 === index ? 'page' : undefined\n                }\n              >\n                {breadcrumb.title}\n              </BreadcrumbsListItem>\n            ))}\n          </BreadcrumbsList>\n        </Breadcrumbs>\n      )}\n      {breadcrumbs.length > 0 && (\n        <Heading size=\"xl\">\n          {breadcrumbs[breadcrumbs.length - 1]?.title}\n        </Heading>\n      )}\n      {items.map((item) => getListChild(item, setActiveItem))}\n    </>\n  );\n};\n\nexport default WithHook;\n"],
+  "mappings": "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",
   "names": ["React"]
 }

package/cjs/navigation/Breadcrumbs/__stories__/WithProvider/index.js

@@ -0,0 +1,46 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var WithProvider_exports = {};
+__export(WithProvider_exports, {
+  WithProvider: () => WithProvider,
+  default: () => WithProvider_default
+});
+module.exports = __toCommonJS(WithProvider_exports);
+var import_react = __toESM(require("react"));
+var import_Breadcrumbs = require("@digigov/ui/navigation/Breadcrumbs");
+var import_Link = require("@digigov/ui/navigation/Link");
+const CustomLink = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", null, "custom link: ", props.children);
+};
+const WithProvider = () => /* @__PURE__ */ import_react.default.createElement(import_Link.LinkProvider, { component: CustomLink }, /* @__PURE__ */ import_react.default.createElement(import_Breadcrumbs.Breadcrumbs, { role: "navigation" }, /* @__PURE__ */ import_react.default.createElement(import_Breadcrumbs.BreadcrumbsList, null, /* @__PURE__ */ import_react.default.createElement(import_Breadcrumbs.BreadcrumbsListItem, { href: "#" }, "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE"), /* @__PURE__ */ import_react.default.createElement(import_Breadcrumbs.BreadcrumbsListItem, { href: "#" }, "\u03A5\u03B3\u03B5\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03C0\u03C1\u03CC\u03BD\u03BF\u03B9\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_Breadcrumbs.BreadcrumbsListItem, { href: "#" }, "\u03A6\u03AC\u03BA\u03B5\u03BB\u03BF\u03C2 \u03C5\u03B3\u03B5\u03AF\u03B1\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_Breadcrumbs.BreadcrumbsListItem, { "aria-current": "page" }, "\u0386\u03C5\u03BB\u03B7 \u03C3\u03C5\u03BD\u03C4\u03B1\u03B3\u03BF\u03B3\u03C1\u03AC\u03C6\u03B7\u03C3\u03B7"))));
+var WithProvider_default = WithProvider;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WithProvider
+});
+//# sourceMappingURL=WithProvider.js.map

package/cjs/navigation/Breadcrumbs/__stories__/WithProvider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/navigation/Breadcrumbs/__stories__/WithProvider.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport {\n  Breadcrumbs,\n  BreadcrumbsList,\n  BreadcrumbsListItem,\n} from '@digigov/ui/navigation/Breadcrumbs';\nimport { LinkProvider } from '@digigov/ui/navigation/Link';\n\nconst CustomLink: React.FC<any> = (props) => {\n  return <div>custom link: {props.children}</div>;\n};\n\nexport const WithProvider = () => (\n  <LinkProvider component={CustomLink}>\n    <Breadcrumbs role=\"navigation\">\n      <BreadcrumbsList>\n        <BreadcrumbsListItem href=\"#\">\u0391\u03C1\u03C7\u03B9\u03BA\u03AE</BreadcrumbsListItem>\n        <BreadcrumbsListItem href=\"#\">\u03A5\u03B3\u03B5\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03C0\u03C1\u03CC\u03BD\u03BF\u03B9\u03B1</BreadcrumbsListItem>\n        <BreadcrumbsListItem href=\"#\">\u03A6\u03AC\u03BA\u03B5\u03BB\u03BF\u03C2 \u03C5\u03B3\u03B5\u03AF\u03B1\u03C2</BreadcrumbsListItem>\n        <BreadcrumbsListItem aria-current=\"page\">\n          \u0386\u03C5\u03BB\u03B7 \u03C3\u03C5\u03BD\u03C4\u03B1\u03B3\u03BF\u03B3\u03C1\u03AC\u03C6\u03B7\u03C3\u03B7\n        </BreadcrumbsListItem>\n      </BreadcrumbsList>\n    </Breadcrumbs>\n  </LinkProvider>\n);\n\nexport default WithProvider;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,yBAIO;AACP,kBAA6B;AAE7B,MAAM,aAA4B,CAAC,UAAU;AAC3C,SAAO,6BAAAA,QAAA,cAAC,aAAI,iBAAc,MAAM,QAAS;AAC3C;AAEO,MAAM,eAAe,MAC1B,6BAAAA,QAAA,cAAC,4BAAa,WAAW,cACvB,6BAAAA,QAAA,cAAC,kCAAY,MAAK,gBAChB,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,0CAAoB,MAAK,OAAI,sCAAM,GACpC,6BAAAA,QAAA,cAAC,0CAAoB,MAAK,OAAI,8FAAiB,GAC/C,6BAAAA,QAAA,cAAC,0CAAoB,MAAK,OAAI,iFAAc,GAC5C,6BAAAA,QAAA,cAAC,0CAAoB,gBAAa,UAAO,+GAEzC,CACF,CACF,CACF;AAGF,IAAO,uBAAQ;",
+  "names": ["React"]
+}

package/cjs/navigation/Breadcrumbs/auto/index.js

@@ -36,10 +36,15 @@ module.exports = __toCommonJS(auto_exports);
 var import_react = __toESM(require("react"));
 var import_Breadcrumbs = require("@digigov/ui/navigation/Breadcrumbs");
 var import_hooks = require("@digigov/ui/navigation/Breadcrumbs/hooks");
-;
-const BreadcrumbsContext = (0, import_react.createContext)(null);
-const BreadcrumbsAuto = ({ items, hrefGenerator, children }) => {
-  const breadcrumbs = (0, import_hooks.useBreadcrumbs)(items, hrefGenerator);
+const BreadcrumbsContext = (0, import_react.createContext)(
+  null
+);
+const BreadcrumbsAuto = ({
+  items,
+  initialUrlRoute,
+  children
+}) => {
+  const breadcrumbs = (0, import_hooks.useBreadcrumbs)(items, initialUrlRoute);
   return /* @__PURE__ */ import_react.default.createElement(BreadcrumbsContext.Provider, { value: breadcrumbs }, children);
 };
 const useBreadcrumbsContext = () => {
@@ -51,16 +56,17 @@ const useBreadcrumbsContext = () => {
   }
   return context;
 };
-const BreadcrumbsListAuto = import_react.default.forwardRef(function(props, ref) {
-  const { breadcrumbs } = useBreadcrumbsContext();
-  return /* @__PURE__ */ import_react.default.createElement(import_Breadcrumbs.Breadcrumbs, { ref, role: "navigation", ...props }, /* @__PURE__ */ import_react.default.createElement(import_Breadcrumbs.BreadcrumbsList, null, breadcrumbs.map((item, index) => /* @__PURE__ */ import_react.default.createElement(
+const BreadcrumbsListAuto = import_react.default.forwardRef(function BreadcrumbsListAuto2(props, ref) {
+  const { breadcrumbs, setActiveItem } = useBreadcrumbsContext();
+  return /* @__PURE__ */ import_react.default.createElement(import_Breadcrumbs.Breadcrumbs, { ref, role: "navigation", ...props }, /* @__PURE__ */ import_react.default.createElement(import_Breadcrumbs.BreadcrumbsList, null, breadcrumbs.map((breadcrumb, index) => /* @__PURE__ */ import_react.default.createElement(
     import_Breadcrumbs.BreadcrumbsListItem,
     {
       key: index,
-      href: item.href,
-      "aria-current": item.active ? "page" : void 0
+      href: breadcrumbs.length - 1 === index ? void 0 : breadcrumb.href,
+      onClick: () => setActiveItem(breadcrumb),
+      "aria-current": breadcrumbs.length - 1 === index ? "page" : void 0
     },
-    item.title
+    breadcrumb.title
   ))));
 });
 // Annotate the CommonJS export names for ESM import in node:

package/cjs/navigation/Breadcrumbs/auto.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Breadcrumbs/auto.tsx"],
-  "sourcesContent": ["import React, { createContext, useContext, ReactNode } from 'react';\nimport { Breadcrumbs, BreadcrumbsList, BreadcrumbsListItem, BreadcrumbsProps } from '@digigov/ui/navigation/Breadcrumbs';\nimport { useBreadcrumbs, UseBreadcrumbsReturn, ConfigData, ChildrenData } from '@digigov/ui/navigation/Breadcrumbs/hooks';\n\nexport interface BreadcrumbsListAutoProps extends BreadcrumbsProps { }\nexport interface BreadcrumbsAutoProps extends BreadcrumbsProps { }\nexport interface BreadcrumbsAutoProps {\n  items: ConfigData[];\n  hrefGenerator: (value: ChildrenData) => string;\n  children: ReactNode;\n};\nexport const BreadcrumbsContext = createContext<UseBreadcrumbsReturn | null>(null);\n\nexport const BreadcrumbsAuto = ({ items, hrefGenerator, children }: BreadcrumbsAutoProps) => {\n  const breadcrumbs = useBreadcrumbs(items, hrefGenerator);\n\n  return (\n    <BreadcrumbsContext.Provider value={breadcrumbs}>\n      {children}\n    </BreadcrumbsContext.Provider>\n  );\n};\n\nexport const useBreadcrumbsContext = (): UseBreadcrumbsReturn => {\n  const context = useContext(BreadcrumbsContext);\n  if (!context) {\n    throw new Error(\n      'BreadcrumbsContext must be used within an BreadcrumbsProvider'\n    );\n  }\n  return context;\n};\n\nexport const BreadcrumbsListAuto = React.forwardRef<\n  HTMLDivElement,\n  BreadcrumbsListAutoProps\n>(function (props, ref) {\n  const { breadcrumbs } = useBreadcrumbsContext();\n  return (\n    <Breadcrumbs ref={ref} role=\"navigation\" {...props}>\n      <BreadcrumbsList>\n        {breadcrumbs.map((item, index) => (\n          <BreadcrumbsListItem\n            key={index}\n            href={item.href}\n            aria-current={item.active ? \"page\" : undefined}\n          >\n            {item.title}\n          </BreadcrumbsListItem>\n        ))}\n      </BreadcrumbsList>\n\n    </Breadcrumbs>\n  );\n});"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA4D;AAC5D,yBAAoF;AACpF,mBAA+E;AAQ9E;AACM,MAAM,yBAAqB,4BAA2C,IAAI;AAE1E,MAAM,kBAAkB,CAAC,EAAE,OAAO,eAAe,SAAS,MAA4B;AAC3F,QAAM,kBAAc,6BAAe,OAAO,aAAa;AAEvD,SACE,6BAAAA,QAAA,cAAC,mBAAmB,UAAnB,EAA4B,OAAO,eACjC,QACH;AAEJ;AAEO,MAAM,wBAAwB,MAA4B;AAC/D,QAAM,cAAU,yBAAW,kBAAkB;AAC7C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,sBAAsB,aAAAA,QAAM,WAGvC,SAAU,OAAO,KAAK;AACtB,QAAM,EAAE,YAAY,IAAI,sBAAsB;AAC9C,SACE,6BAAAA,QAAA,cAAC,kCAAY,KAAU,MAAK,cAAc,GAAG,SAC3C,6BAAAA,QAAA,cAAC,0CACE,YAAY,IAAI,CAAC,MAAM,UACtB,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,MAAM,KAAK;AAAA,MACX,gBAAc,KAAK,SAAS,SAAS;AAAA;AAAA,IAEpC,KAAK;AAAA,EACR,CACD,CACH,CAEF;AAEJ,CAAC;",
-  "names": ["React"]
+  "sourcesContent": ["import React, { createContext, useContext, ReactNode } from 'react';\nimport {\n  Breadcrumbs,\n  BreadcrumbsList,\n  BreadcrumbsListItem,\n  BreadcrumbsProps,\n} from '@digigov/ui/navigation/Breadcrumbs';\nimport {\n  useBreadcrumbs,\n  UseBreadcrumbsReturn,\n  BreadcrumbItem,\n} from '@digigov/ui/navigation/Breadcrumbs/hooks';\n\nexport interface BreadcrumbsListAutoProps extends BreadcrumbsProps {}\nexport interface BreadcrumbsAutoProps extends BreadcrumbsProps {\n  items: BreadcrumbItem[];\n  initialUrlRoute?: string;\n  children: ReactNode;\n}\nexport const BreadcrumbsContext = createContext<UseBreadcrumbsReturn | null>(\n  null\n);\n\nexport const BreadcrumbsAuto = ({\n  items,\n  initialUrlRoute,\n  children,\n}: BreadcrumbsAutoProps) => {\n  const breadcrumbs = useBreadcrumbs(items, initialUrlRoute);\n\n  return (\n    <BreadcrumbsContext.Provider value={breadcrumbs}>\n      {children}\n    </BreadcrumbsContext.Provider>\n  );\n};\n\nexport const useBreadcrumbsContext = (): UseBreadcrumbsReturn => {\n  const context = useContext(BreadcrumbsContext);\n  if (!context) {\n    throw new Error(\n      'BreadcrumbsContext must be used within an BreadcrumbsProvider'\n    );\n  }\n  return context;\n};\n\nexport const BreadcrumbsListAuto = React.forwardRef<\n  HTMLDivElement,\n  BreadcrumbsListAutoProps\n>(function BreadcrumbsListAuto(props, ref) {\n  const { breadcrumbs, setActiveItem } = useBreadcrumbsContext();\n  return (\n    <Breadcrumbs ref={ref} role=\"navigation\" {...props}>\n      <BreadcrumbsList>\n        {breadcrumbs.map((breadcrumb, index) => (\n          <BreadcrumbsListItem\n            key={index}\n            href={\n              breadcrumbs.length - 1 === index ? undefined : breadcrumb.href\n            }\n            onClick={() => setActiveItem(breadcrumb)}\n            aria-current={breadcrumbs.length - 1 === index ? 'page' : undefined}\n          >\n            {breadcrumb.title}\n          </BreadcrumbsListItem>\n        ))}\n      </BreadcrumbsList>\n    </Breadcrumbs>\n  );\n});\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA4D;AAC5D,yBAKO;AACP,mBAIO;AAQA,MAAM,yBAAqB;AAAA,EAChC;AACF;AAEO,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,MAA4B;AAC1B,QAAM,kBAAc,6BAAe,OAAO,eAAe;AAEzD,SACE,6BAAAA,QAAA,cAAC,mBAAmB,UAAnB,EAA4B,OAAO,eACjC,QACH;AAEJ;AAEO,MAAM,wBAAwB,MAA4B;AAC/D,QAAM,cAAU,yBAAW,kBAAkB;AAC7C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,sBAAsB,aAAAA,QAAM,WAGvC,SAASC,qBAAoB,OAAO,KAAK;AACzC,QAAM,EAAE,aAAa,cAAc,IAAI,sBAAsB;AAC7D,SACE,6BAAAD,QAAA,cAAC,kCAAY,KAAU,MAAK,cAAc,GAAG,SAC3C,6BAAAA,QAAA,cAAC,0CACE,YAAY,IAAI,CAAC,YAAY,UAC5B,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,MACE,YAAY,SAAS,MAAM,QAAQ,SAAY,WAAW;AAAA,MAE5D,SAAS,MAAM,cAAc,UAAU;AAAA,MACvC,gBAAc,YAAY,SAAS,MAAM,QAAQ,SAAS;AAAA;AAAA,IAEzD,WAAW;AAAA,EACd,CACD,CACH,CACF;AAEJ,CAAC;",
+  "names": ["React", "BreadcrumbsListAuto"]
 }

package/cjs/navigation/Breadcrumbs/hooks/index.js

@@ -21,39 +21,50 @@ __export(hooks_exports, {
 });
 module.exports = __toCommonJS(hooks_exports);
 var import_react = require("react");
+var import_slug = require("@digigov/ui/navigation/Breadcrumbs/slug");
 var import_utils = require("@digigov/ui/navigation/Breadcrumbs/utils");
-const useBreadcrumbs = (items, hrefGenerator) => {
+const useBreadcrumbs = (items, initialUrlRoute) => {
   const routes = (0, import_react.useMemo)(() => (0, import_utils.flattenRoutes)(items, 100), [items]);
-  const [currentPath, setCurrentPath] = (0, import_react.useState)("");
-  const setActive = (0, import_react.useCallback)((item) => {
-    const itemHref = item.href ?? hrefGenerator(item);
-    setCurrentPath(() => {
-      const newRoute = Object.keys(routes).find(
-        (route) => route.endsWith(itemHref)
-      );
-      return newRoute || "/";
-    });
-  }, [routes]);
-  const getParentPath = (0, import_react.useCallback)((parent) => {
-    return Object.keys(routes).find(
-      (path) => routes[path].title === parent
-    ) || "#";
-  }, [currentPath]);
-  const active = routes[currentPath.replace(/\/$/, "")];
-  const breadcrumbs = active?.parents.map((parent) => ({
-    title: parent,
-    href: `#${getParentPath(parent)}`
-  })) || [];
-  if (active?.title) {
-    breadcrumbs.push({
-      title: active.title,
-      active: true
-    });
-  }
+  const [currentRoute, setCurrentRoute] = (0, import_react.useState)(initialUrlRoute || "");
+  const setActiveItem = (0, import_react.useCallback)(
+    (item) => {
+      const itemHref = item.href ?? (0, import_slug.slug)(item.title, 100);
+      setCurrentRoute(() => {
+        const selectedRoute = Object.keys(routes).find(
+          (route) => route.endsWith(itemHref)
+        );
+        return selectedRoute || "/";
+      });
+    },
+    [routes]
+  );
+  const constructBreadcrumbs = (0, import_react.useCallback)(
+    (routes2) => {
+      if (currentRoute) {
+        const selectedBreadcrumb = routes2[currentRoute];
+        return [
+          ...selectedBreadcrumb?.parents?.map((parent) => {
+            return {
+              title: parent,
+              href: Object.keys(routes2).find((route) => {
+                return routes2[route].title === parent;
+              })
+            };
+          }) || [],
+          {
+            title: selectedBreadcrumb?.title,
+            href: currentRoute
+          }
+        ];
+      }
+      return [];
+    },
+    [currentRoute]
+  );
   return {
-    breadcrumbs,
-    active,
-    setActive
+    breadcrumbs: constructBreadcrumbs(routes),
+    currentRoute,
+    setActiveItem
   };
 };
 // Annotate the CommonJS export names for ESM import in node: