@reykjavik/hanna-react 0.10.97 → 0.10.98

package/BreadCrumbs.d.ts

@@ -1,10 +1,15 @@
+import { DefaultTexts } from '@reykjavik/hanna-utils/i18n';
 export type BreadCrumb = {
     href?: string;
     label: string;
 };
 export type BreadCrumbTrail = Array<BreadCrumb>;
-export type BreadCrumbsProps = {
+export declare const defaultBreadCrumbsTexts: DefaultTexts<{
     title: string;
+}>;
+export type BreadCrumbsProps = {
+    title?: string;
+    lang?: string;
     trail: BreadCrumbTrail;
 };
 export declare const BreadCrumbs: (props: BreadCrumbsProps) => JSX.Element | null;

package/BreadCrumbs.js

@@ -1,23 +1,30 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BreadCrumbs = void 0;
+exports.BreadCrumbs = exports.defaultBreadCrumbsTexts = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
+const i18n_1 = require("@reykjavik/hanna-utils/i18n");
 const _Link_js_1 = require("./_abstract/_Link.js");
+exports.defaultBreadCrumbsTexts = {
+    is: { title: 'Þú ert hér' },
+    en: { title: 'You are here' },
+    pl: { title: 'Jesteś tutaj' },
+};
 const BreadCrumbs__item = (props) => {
     const { link, current } = props;
     return link.href != null ? (react_1.default.createElement(_Link_js_1.Link, { className: "BreadCrumbs__item", href: link.href, "aria-current": current || undefined }, link.label)) : (react_1.default.createElement("span", { className: "BreadCrumbs__item", "aria-current": current || undefined }, link.label));
 };
 const BreadCrumbs = (props) => {
-    const { title, trail } = props;
+    const { trail, title, lang } = props;
+    const texts = (0, i18n_1.getTexts)({ texts: title ? { title } : undefined, lang }, exports.defaultBreadCrumbsTexts);
     if (trail.length === 0) {
         return null;
     }
     const ancestors = trail.slice(0, -1);
     const current = trail[trail.length - 1];
-    return (react_1.default.createElement("nav", { className: "BreadCrumbs", "aria-label": title },
+    return (react_1.default.createElement("nav", { className: "BreadCrumbs", "aria-label": texts.title },
         react_1.default.createElement("span", { className: "BreadCrumbs__title" },
-            title,
+            texts.title,
             ":"),
         ' ',
         ancestors.map((link, i) => {

package/CHANGELOG.md

@@ -4,7 +4,7 @@
 
 - ... <!-- Add new lines here. -->
 
-## 0.10.97
+## 0.10.98
 
 _2023-08-22_
 
@@ -14,6 +14,8 @@ _2023-08-22_
   `MainMenu__item` children
 - feat: Add default Polish translation for `Layout`
 - feat: Make prop `title` optional for `MainMenu`
+- feat: Make prop `title` optional for `BreadCrumbs`
+- feat: Add prop `lang` to `BreadCrumbs`
 
 ## 0.10.96
 

package/esm/BreadCrumbs.d.ts

@@ -1,10 +1,15 @@
+import { DefaultTexts } from '@reykjavik/hanna-utils/i18n';
 export type BreadCrumb = {
     href?: string;
     label: string;
 };
 export type BreadCrumbTrail = Array<BreadCrumb>;
-export type BreadCrumbsProps = {
+export declare const defaultBreadCrumbsTexts: DefaultTexts<{
     title: string;
+}>;
+export type BreadCrumbsProps = {
+    title?: string;
+    lang?: string;
     trail: BreadCrumbTrail;
 };
 export declare const BreadCrumbs: (props: BreadCrumbsProps) => JSX.Element | null;

package/esm/BreadCrumbs.js

@@ -1,19 +1,26 @@
 import React from 'react';
+import { getTexts } from '@reykjavik/hanna-utils/i18n';
 import { Link } from './_abstract/_Link.js';
+export const defaultBreadCrumbsTexts = {
+    is: { title: 'Þú ert hér' },
+    en: { title: 'You are here' },
+    pl: { title: 'Jesteś tutaj' },
+};
 const BreadCrumbs__item = (props) => {
     const { link, current } = props;
     return link.href != null ? (React.createElement(Link, { className: "BreadCrumbs__item", href: link.href, "aria-current": current || undefined }, link.label)) : (React.createElement("span", { className: "BreadCrumbs__item", "aria-current": current || undefined }, link.label));
 };
 export const BreadCrumbs = (props) => {
-    const { title, trail } = props;
+    const { trail, title, lang } = props;
+    const texts = getTexts({ texts: title ? { title } : undefined, lang }, defaultBreadCrumbsTexts);
     if (trail.length === 0) {
         return null;
     }
     const ancestors = trail.slice(0, -1);
     const current = trail[trail.length - 1];
-    return (React.createElement("nav", { className: "BreadCrumbs", "aria-label": title },
+    return (React.createElement("nav", { className: "BreadCrumbs", "aria-label": texts.title },
         React.createElement("span", { className: "BreadCrumbs__title" },
-            title,
+            texts.title,
             ":"),
         ' ',
         ancestors.map((link, i) => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@reykjavik/hanna-react",
-	"version": "0.10.97",
+	"version": "0.10.98",
 	"author": "Reykjavík (http://www.reykjavik.is)",
 	"contributors": [
 		"Hugsmiðjan ehf (http://www.hugsmidjan.is)",