@geotab/zenith 3.1.1-beta.6 → 3.2.0-beta.1

package/esm/groupsFilterRaw/stateReducer/stateReducerHelper.js

@@ -1,3 +1,4 @@
+import { ROOT_GROUP_ID } from "../../dropdownRaw/stateReducer/stateReducer";
 import { doesGroupExist, getChildList, getParentsNameArr, prepareMenu, prepareNameSelectedItems, prepareSelectedMenu, convertPreparedFilters } from "../groupsFilterHelper";
 import { ENTIRE_ORGANIZATION_GROUP_ID, compareFilters, getDefaultFilterState, getGroupDescription } from "../groupsHelper";
 export const getCurrentState = (stateObj) => ({
@@ -32,7 +33,8 @@ export const getPathToRoot = (stateObj, itemId) => {
     if (!itemId) {
         return "";
     }
-    const pathToRoot = getParentsNameArr(stateObj.translate, stateObj.groupsMap, itemId, "root");
+    // Since GroupCompanyId is the root in groupsFilter and has no higher-level parent, passing this ID ensures that all parent elements are collected starting from the root.
+    const pathToRoot = getParentsNameArr(stateObj.translate, stateObj.groupsMap, itemId, ROOT_GROUP_ID);
     return pathToRoot.length > 0 ? pathToRoot.join("/") : pathToRoot[0] || "";
 };
 export const getGroupsTreeItem = (stateObj, itemId) => {

package/esm/groupsFilterRaw/types.d.ts

@@ -22,6 +22,7 @@ export interface IGroupsFilterBase extends IZenComponentProps, IChipsParent {
     listLimit?: number;
     advancedDialog?: IAdvancedEntitiesNavigatorDialog;
     errorHandler: (e: Error) => void;
+    classNamePopup?: string;
 }
 export interface IGroupsFilterRawDefault extends IGroupsFilterBase {
     initialFilterState?: IGroupsFilterTotalState;

package/esm/header/components/collapsedItemsControl/collapsedItemsControl.js

@@ -1,3 +1,4 @@
+import { injectString } from "../../../utils/localization/translationsDictionary";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Children, createElement, useMemo, useContext, createContext, useCallback } from "react";
 import { Menu } from "../../../menu/menu";
@@ -14,57 +15,106 @@ import { handleCustomMenuWrapper } from "./utils/handleCustomMenuWrapper";
 import { PageHeaderButtonDisplayName } from "../../../pageHeader/pageHeaderButton";
 import { PageHeaderMenuDisplayName } from "../../../pageHeader/pageHeaderMenu";
 import { classNames } from "../../../commonHelpers/classNames/classNames";
+injectString("cs", "More", "V\xEDce");
+injectString("da-DK", "More", "Mere");
+injectString("de", "More", "Mehr");
+injectString("en", "More", "More");
+injectString("es", "More", "M\xE1s");
+injectString("fi-FI", "More", "Lis\xE4\xE4");
+injectString("fr", "More", "Plus");
+injectString("fr-FR", "More", "En savoir plus");
+injectString("hu-HU", "More", "M\xE9g t\xF6bb.");
+injectString("id", "More", "Lainnya");
+injectString("it", "More", "Altro");
+injectString("ja", "More", "\u305D\u306E\u4ED6");
+injectString("ko-KR", "More", "\uC790\uC138\uD788");
+injectString("ms", "More", "Lagi");
+injectString("nb-NO", "More", "Mer");
+injectString("nl", "More", "Meer");
+injectString("pl", "More", "Wi\u0119cej");
+injectString("pt-BR", "More", "Mais");
+injectString("sk-SK", "More", "Viac");
+injectString("sv", "More", "Mer");
+injectString("th", "More", "\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E40\u0E15\u0E34\u0E21");
+injectString("tr", "More", "Di\u011Fer");
+injectString("zh-Hans", "More", "\u66F4\u591A");
+injectString("zh-TW", "More", "\u66F4\u591A");
 export const HeaderCustomContent = createContext({
-    content: null,
-    setContent: (_1) => { }
+  content: null,
+  setContent: _1 => {}
 });
-export const HeaderCustomContentProvider = ({ children, content, setContent }) => _jsx(HeaderCustomContent.Provider, { value: { content: content, setContent }, children: children });
-export const PageToolbarCollapsedItemsControl = ({ children, className }) => {
-    const { translate } = useLanguage();
-    const isDrive = useDrive();
-    const { content } = useContext(HeaderCustomContent);
-    const adjustmentButton = useMemo(() => _jsx(TextIconButton, { "aria-label": translate("More"), className: classNames(["zen-header-more-button", className || ""]), type: ButtonType.TertiaryBlack, iconPosition: ButtonIconPosition.End, iconSize: isDrive ? SvgIconSize.Huge : SvgIconSize.Large, icon: IconDotVertical }), [isDrive, translate, className]);
-    const items = [];
-    const clickHandler = useCallback((propsOnClick) => ((_, e) => { propsOnClick(e); }), []);
-    Children.forEach(children, (child) => {
-        if (isNamedChildComponent(child, HeaderButtonDisplayName) || isNamedChildComponent(child, PageHeaderButtonDisplayName)) {
-            const onClick = child.props.onClick;
-            const el = createElement(Menu.Item, {
-                id: child.props.id,
-                key: child.props.id,
-                name: typeof child.props.children === "string"
-                    ? child.props.children
-                    : child.props.title
-                        ? child.props.title
-                        : "",
-                disabled: child.props.disabled,
-                onClick: onClick ? clickHandler((e) => onClick(child.props.id, e)) : undefined,
-                link: child.props.link,
-                target: child.props.target,
-                rel: child.props.rel,
-                icon: child.props.icon
-            });
-            items.push(el);
-        }
-        if (isNamedChildComponent(child, HeaderMenuDisplayName) || isNamedChildComponent(child, PageHeaderMenuDisplayName)) {
-            const el = createElement(Menu.Item, {
-                id: child.props.id,
-                key: child.props.id,
-                name: child.props.name,
-                disabled: child.props.disabled,
-                link: child.props.link,
-                target: child.props.target,
-                rel: child.props.rel,
-                icon: child.props.icon
-            }, child.props.children);
-            items.push(el);
-        }
-        if (isNamedChildComponent(child, HeaderCustomMenuWrapper)) {
-            handleCustomMenuWrapper(child, content, items);
-        }
-    });
-    return items.length ? _jsx(Menu, { title: translate("More"), trigger: adjustmentButton, alignment: "bottom-right", children: items }) : null;
+export const HeaderCustomContentProvider = ({
+  children,
+  content,
+  setContent
+}) => _jsx(HeaderCustomContent.Provider, {
+  value: {
+    content: content,
+    setContent
+  },
+  children: children
+});
+export const PageToolbarCollapsedItemsControl = ({
+  children,
+  className
+}) => {
+  const {
+    translate
+  } = useLanguage();
+  const isDrive = useDrive();
+  const {
+    content
+  } = useContext(HeaderCustomContent);
+  const adjustmentButton = useMemo(() => _jsx(TextIconButton, {
+    "aria-label": translate("More"),
+    className: classNames(["zen-header-more-button", className || ""]),
+    type: ButtonType.TertiaryBlack,
+    iconPosition: ButtonIconPosition.End,
+    iconSize: isDrive ? SvgIconSize.Huge : SvgIconSize.Large,
+    icon: IconDotVertical
+  }), [isDrive, translate, className]);
+  const items = [];
+  const clickHandler = useCallback(propsOnClick => (_, e) => {
+    propsOnClick(e);
+  }, []);
+  Children.forEach(children, child => {
+    if (isNamedChildComponent(child, HeaderButtonDisplayName) || isNamedChildComponent(child, PageHeaderButtonDisplayName)) {
+      const onClick = child.props.onClick;
+      const el = createElement(Menu.Item, {
+        id: child.props.id,
+        key: child.props.id,
+        name: typeof child.props.children === "string" ? child.props.children : child.props.title ? child.props.title : "",
+        disabled: child.props.disabled,
+        onClick: onClick ? clickHandler(e => onClick(child.props.id, e)) : undefined,
+        link: child.props.link,
+        target: child.props.target,
+        rel: child.props.rel,
+        icon: child.props.icon
+      });
+      items.push(el);
+    }
+    if (isNamedChildComponent(child, HeaderMenuDisplayName) || isNamedChildComponent(child, PageHeaderMenuDisplayName)) {
+      const el = createElement(Menu.Item, {
+        id: child.props.id,
+        key: child.props.id,
+        name: child.props.name,
+        disabled: child.props.disabled,
+        link: child.props.link,
+        target: child.props.target,
+        rel: child.props.rel,
+        icon: child.props.icon
+      }, child.props.children);
+      items.push(el);
+    }
+    if (isNamedChildComponent(child, HeaderCustomMenuWrapper)) {
+      handleCustomMenuWrapper(child, content, items);
+    }
+  });
+  return items.length ? _jsx(Menu, {
+    title: translate("More"),
+    trigger: adjustmentButton,
+    alignment: "bottom-right",
+    children: items
+  }) : null;
 };
-export const TRANSLATIONS = [
-    "More"
-];
+export const TRANSLATIONS = ["More"];

package/esm/header/components/mobileFilterControl/mobileFilterControl.js

@@ -1,3 +1,4 @@
+import { injectString } from "../../../utils/localization/translationsDictionary";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ButtonType } from "../../../button/buttonType";
 import { SvgIconSize } from "../../../svgIcon/svgIconSize";
@@ -7,12 +8,59 @@ import { useLanguage } from "../../../utils/localization/useLanguage";
 import { IconSettings6 } from "../../../icons/iconSettings6";
 import { useDrive } from "../../../utils/theme/useDrive";
 // eslint-disable-next-line @typescript-eslint/naming-convention
-export const MobileFilterControl = ({ className, onClick, count, ref }) => {
-    const { translate } = useLanguage();
-    const isDrive = useDrive();
-    const filterIconButton = _jsx(TextIconButton, { iconPosition: ButtonIconPosition.End, icon: IconSettings6, iconSize: isDrive ? SvgIconSize.Huge : SvgIconSize.Large, className: "zen-mobile-filter-control__actions zen-mobile-filter-control__actions--button", iconClasses: "zen-mobile-filter-control__actions--icon", title: translate("Show all filters"), type: ButtonType.TertiaryBlack, contentClasses: count ? "zen-mobile-filter-control__counter-wrapper" : "", onClick: onClick, ref: ref, children: count ? _jsx("div", { className: "zen-mobile-filter-control__counter", children: count }) : null });
-    return _jsx("div", { className: classNames(["zen-mobile-filter-control", className !== null && className !== void 0 ? className : ""]), children: filterIconButton });
+injectString("cs", "Show all filters", "Uk\xE1zat v\u0161echny filtry");
+injectString("da-DK", "Show all filters", "Vis alle filtre");
+injectString("de", "Show all filters", "Alle Filter anzeigen");
+injectString("en", "Show all filters", "Show all filters");
+injectString("es", "Show all filters", "Mostrar todos los filtros");
+injectString("fi-FI", "Show all filters", "N\xE4yt\xE4 kaikki suodattimet");
+injectString("fr", "Show all filters", "Afficher tous les filtres");
+injectString("fr-FR", "Show all filters", "Afficher tous les filtres");
+injectString("hu-HU", "Show all filters", "Mutasd az \xF6sszes sz\u0171r\u0151t.");
+injectString("id", "Show all filters", "Tampilkan semua filter");
+injectString("it", "Show all filters", "Mostrare tutti i filtri");
+injectString("ja", "Show all filters", "\u3059\u3079\u3066\u306E\u30D5\u30A3\u30EB\u30BF\u30FC\u3092\u8868\u793A");
+injectString("ko-KR", "Show all filters", "\uBAA8\uB4E0 \uD544\uD130 \uD45C\uC2DC");
+injectString("ms", "Show all filters", "Tunjukkan semua penyaring");
+injectString("nb-NO", "Show all filters", "Vis alle filtre");
+injectString("nl", "Show all filters", "Alle filters weergeven");
+injectString("pl", "Show all filters", "Poka\u017C wszystkie filtry");
+injectString("pt-BR", "Show all filters", "Mostrar todos os filtros");
+injectString("sk-SK", "Show all filters", "Zobraz v\u0161etky filtre.");
+injectString("sv", "Show all filters", "Visa alla filter");
+injectString("th", "Show all filters", "\u0E41\u0E2A\u0E14\u0E07\u0E15\u0E31\u0E27\u0E01\u0E23\u0E2D\u0E07\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14");
+injectString("tr", "Show all filters", "T\xFCm filtreleri g\xF6ster");
+injectString("zh-Hans", "Show all filters", "\u663E\u793A\u5168\u90E8\u7B5B\u9009\u6761\u4EF6");
+injectString("zh-TW", "Show all filters", "\u986F\u793A\u6240\u6709\u7BE9\u9078\u689D\u4EF6");
+export const MobileFilterControl = ({
+  className,
+  onClick,
+  count,
+  ref
+}) => {
+  const {
+    translate
+  } = useLanguage();
+  const isDrive = useDrive();
+  const filterIconButton = _jsx(TextIconButton, {
+    iconPosition: ButtonIconPosition.End,
+    icon: IconSettings6,
+    iconSize: isDrive ? SvgIconSize.Huge : SvgIconSize.Large,
+    className: "zen-mobile-filter-control__actions zen-mobile-filter-control__actions--button",
+    iconClasses: "zen-mobile-filter-control__actions--icon",
+    title: translate("Show all filters"),
+    type: ButtonType.TertiaryBlack,
+    contentClasses: count ? "zen-mobile-filter-control__counter-wrapper" : "",
+    onClick: onClick,
+    ref: ref,
+    children: count ? _jsx("div", {
+      className: "zen-mobile-filter-control__counter",
+      children: count
+    }) : null
+  });
+  return _jsx("div", {
+    className: classNames(["zen-mobile-filter-control", className !== null && className !== void 0 ? className : ""]),
+    children: filterIconButton
+  });
 };
-export const TRANSLATIONS = [
-    "Show all filters"
-];
+export const TRANSLATIONS = ["Show all filters"];

package/esm/header/components/mobileSearchControl/mobileSearchControl.js

@@ -1,3 +1,4 @@
+import { injectString } from "../../../utils/localization/translationsDictionary";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from "../../../button/button";
 import { ButtonType } from "../../../button/buttonType";
@@ -8,17 +9,116 @@ import { useLanguage } from "../../../utils/localization/useLanguage";
 import { IconSearch } from "../../../icons/iconSearch";
 import { useDrive } from "../../../utils/theme/useDrive";
 import { useDriveClassName } from "../../../utils/theme/useDriveClassName";
-export const MobileSearchControl = ({ searchInput, onClick, state, className }) => {
-    const { translate } = useLanguage();
-    const isDrive = useDrive();
-    const driveClassname = useDriveClassName("zen-mobile-search-control");
-    const cancelSearchButton = _jsx(Button, { className: "zen-mobile-search-control__actions zen-mobile-search-control__actions--button", title: translate("Cancel search"), type: ButtonType.Tertiary, onClick: () => onClick(false), children: translate("Cancel") });
-    const searchIconButton = _jsx(TextIconButton, { className: "zen-mobile-search-control__actions zen-mobile-search-control__actions--button", title: translate("Show page search"), type: ButtonType.TertiaryBlack, onClick: () => onClick(true), iconPosition: ButtonIconPosition.End, iconSize: isDrive ? SvgIconSize.Huge : SvgIconSize.Large, iconClasses: "zen-mobile-search-control__actions--icon", icon: IconSearch });
-    const mobileSearchPanel = _jsxs("div", { className: "zen-mobile-search-control--expanded", children: [_jsx("div", { className: "zen-mobile-search-control__search", children: searchInput }), cancelSearchButton] });
-    return _jsx("div", { className: classNames(["zen-mobile-search-control", driveClassname || "", className !== null && className !== void 0 ? className : ""]), children: state ? mobileSearchPanel : searchIconButton });
+injectString("cs", "Cancel search", "Zru\u0161it hled\xE1n\xED");
+injectString("da-DK", "Cancel search", "Annuller s\xF8gning");
+injectString("de", "Cancel search", "Suche abbrechen");
+injectString("en", "Cancel search", "Cancel search");
+injectString("es", "Cancel search", "Cancelar b\xFAsqueda");
+injectString("fi-FI", "Cancel search", "Peruuta haku");
+injectString("fr", "Cancel search", "Annuler la recherche");
+injectString("fr-FR", "Cancel search", "Annuler la recherche");
+injectString("hu-HU", "Cancel search", "T\xF6r\xF6ld a keres\xE9st.");
+injectString("id", "Cancel search", "Batalkan pencarian");
+injectString("it", "Cancel search", "Annulla ricerca");
+injectString("ja", "Cancel search", "\u691C\u7D22\u3092\u30AD\u30E3\u30F3\u30BB\u30EB");
+injectString("ko-KR", "Cancel search", "\uAC80\uC0C9 \uCDE8\uC18C");
+injectString("ms", "Cancel search", "Batalkan carian");
+injectString("nb-NO", "Cancel search", "Avbryt s\xF8k");
+injectString("nl", "Cancel search", "Zoeken annuleren");
+injectString("pl", "Cancel search", "Anuluj wyszukiwanie");
+injectString("pt-BR", "Cancel search", "Cancelar pesquisa");
+injectString("sk-SK", "Cancel search", "Zru\u0161 vyh\u013Ead\xE1vanie.");
+injectString("sv", "Cancel search", "Avbryt s\xF6kning");
+injectString("th", "Cancel search", "\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01\u0E01\u0E32\u0E23\u0E04\u0E49\u0E19\u0E2B\u0E32");
+injectString("tr", "Cancel search", "Aramay\u0131 iptal et");
+injectString("zh-Hans", "Cancel search", "\u53D6\u6D88\u641C\u7D22");
+injectString("zh-TW", "Cancel search", "\u53D6\u6D88\u641C\u5C0B");
+injectString("cs", "Cancel", "Zru\u0161it");
+injectString("da-DK", "Cancel", "Annuller");
+injectString("de", "Cancel", "Abbrechen");
+injectString("en", "Cancel", "Cancel");
+injectString("es", "Cancel", "Cancelar");
+injectString("fi-FI", "Cancel", "Peruuta");
+injectString("fr", "Cancel", "Annuler");
+injectString("fr-FR", "Cancel", "Annuler");
+injectString("hu-HU", "Cancel", "M\xE9gse");
+injectString("id", "Cancel", "Batalkan");
+injectString("it", "Cancel", "Annullare");
+injectString("ja", "Cancel", "\u30AD\u30E3\u30F3\u30BB\u30EB");
+injectString("ko-KR", "Cancel", "\uCDE8\uC18C");
+injectString("ms", "Cancel", "Batal");
+injectString("nb-NO", "Cancel", "Avbryt");
+injectString("nl", "Cancel", "Annuleren");
+injectString("pl", "Cancel", "Anuluj");
+injectString("pt-BR", "Cancel", "Cancelar");
+injectString("sk-SK", "Cancel", "Zru\u0161.");
+injectString("sv", "Cancel", "Avbryt");
+injectString("th", "Cancel", "\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01");
+injectString("tr", "Cancel", "\u0130ptal");
+injectString("zh-Hans", "Cancel", "\u53D6\u6D88");
+injectString("zh-TW", "Cancel", "\u53D6\u6D88");
+injectString("cs", "Show page search", "Zobrazit vyhled\xE1v\xE1n\xED str\xE1nek");
+injectString("da-DK", "Show page search", "Vis sides\xF8gning");
+injectString("de", "Show page search", "Seite \u201ESuche\u201C anzeigen");
+injectString("en", "Show page search", "Show page search");
+injectString("es", "Show page search", "Mostrar b\xFAsqueda en la p\xE1gina");
+injectString("fi-FI", "Show page search", "N\xE4yt\xE4 sivun haku");
+injectString("fr", "Show page search", "Afficher la recherche de page");
+injectString("fr-FR", "Show page search", "Afficher le champ de recherche");
+injectString("hu-HU", "Show page search", "Mutasd az oldalon t\xF6rt\xE9n\u0151 keres\xE9st.");
+injectString("id", "Show page search", "Tampilkan pencarian halaman");
+injectString("it", "Show page search", "Mostrare ricerca pagina");
+injectString("ja", "Show page search", "\u30DA\u30FC\u30B8\u691C\u7D22\u3092\u8868\u793A");
+injectString("ko-KR", "Show page search", "\uD398\uC774\uC9C0 \uAC80\uC0C9 \uD45C\uC2DC");
+injectString("ms", "Show page search", "Paparkan carian halaman");
+injectString("nb-NO", "Show page search", "Vis sides\xF8k");
+injectString("nl", "Show page search", "Pagina zoeken weergeven");
+injectString("pl", "Show page search", "Poka\u017C wyszukiwanie stron");
+injectString("pt-BR", "Show page search", "Exibir pesquisa de p\xE1gina");
+injectString("sk-SK", "Show page search", "Zobrazi\u0165 vyh\u013Ead\xE1vanie na str\xE1nke");
+injectString("sv", "Show page search", "Visa sids\xF6kning");
+injectString("th", "Show page search", "\u0E41\u0E2A\u0E14\u0E07\u0E01\u0E32\u0E23\u0E04\u0E49\u0E19\u0E2B\u0E32\u0E2B\u0E19\u0E49\u0E32");
+injectString("tr", "Show page search", "Sayfa aramay\u0131 g\xF6ster");
+injectString("zh-Hans", "Show page search", "\u663E\u793A\u9875\u9762\u641C\u7D22");
+injectString("zh-TW", "Show page search", "\u986F\u793A\u9801\u9762\u641C\u5C0B");
+export const MobileSearchControl = ({
+  searchInput,
+  onClick,
+  state,
+  className
+}) => {
+  const {
+    translate
+  } = useLanguage();
+  const isDrive = useDrive();
+  const driveClassname = useDriveClassName("zen-mobile-search-control");
+  const cancelSearchButton = _jsx(Button, {
+    className: "zen-mobile-search-control__actions zen-mobile-search-control__actions--button",
+    title: translate("Cancel search"),
+    type: ButtonType.Tertiary,
+    onClick: () => onClick(false),
+    children: translate("Cancel")
+  });
+  const searchIconButton = _jsx(TextIconButton, {
+    className: "zen-mobile-search-control__actions zen-mobile-search-control__actions--button",
+    title: translate("Show page search"),
+    type: ButtonType.TertiaryBlack,
+    onClick: () => onClick(true),
+    iconPosition: ButtonIconPosition.End,
+    iconSize: isDrive ? SvgIconSize.Huge : SvgIconSize.Large,
+    iconClasses: "zen-mobile-search-control__actions--icon",
+    icon: IconSearch
+  });
+  const mobileSearchPanel = _jsxs("div", {
+    className: "zen-mobile-search-control--expanded",
+    children: [_jsx("div", {
+      className: "zen-mobile-search-control__search",
+      children: searchInput
+    }), cancelSearchButton]
+  });
+  return _jsx("div", {
+    className: classNames(["zen-mobile-search-control", driveClassname || "", className !== null && className !== void 0 ? className : ""]),
+    children: state ? mobileSearchPanel : searchIconButton
+  });
 };
-export const TRANSLATIONS = [
-    "Cancel",
-    "Cancel search",
-    "Show page search"
-];
+export const TRANSLATIONS = ["Cancel", "Cancel search", "Show page search"];

package/esm/header/headerBack.js

@@ -1,28 +1,67 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
+import { injectString } from "../utils/localization/translationsDictionary";
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ButtonIconPosition, TextIconButton } from "../textIconButton/textIconButton";
 import { classNames } from "../commonHelpers/classNames/classNames";
 import { IconChevronLeft } from "../icons/iconChevronLeft";
 import { useLanguage } from "../utils/localization/useLanguage";
+injectString("cs", "Back", "Zp\u011Bt");
+injectString("da-DK", "Back", "Tilbage");
+injectString("de", "Back", "Zur\xFCck");
+injectString("en", "Back", "Back");
+injectString("es", "Back", "Regresar");
+injectString("fi-FI", "Back", "Takaisin");
+injectString("fr", "Back", "Retour");
+injectString("fr-FR", "Back", "Retour");
+injectString("hu-HU", "Back", "Vissza");
+injectString("id", "Back", "Kembali");
+injectString("it", "Back", "Indietro");
+injectString("ja", "Back", "\u623B\u308B");
+injectString("ko-KR", "Back", "\uB4A4\uB85C");
+injectString("ms", "Back", "Kembali");
+injectString("nb-NO", "Back", "Tilbake");
+injectString("nl", "Back", "Terug");
+injectString("pl", "Back", "Wstecz");
+injectString("pt-BR", "Back", "Voltar");
+injectString("sk-SK", "Back", "Sp\xE4\u0165");
+injectString("sv", "Back", "Tillbaka");
+injectString("th", "Back", "\u0E01\u0E25\u0E31\u0E1A");
+injectString("tr", "Back", "Geri");
+injectString("zh-Hans", "Back", "\u8FD4\u56DE");
+injectString("zh-TW", "Back", "\u8FD4\u56DE");
 export const HeaderBackDisplayName = "HeaderBack";
-export const HeaderBack = (_a) => {
-    var { id, className, link, onClick, title } = _a, restProps = __rest(_a, ["id", "className", "link", "onClick", "title"]);
-    const { translate } = useLanguage();
-    const fullClassName = classNames(["zen-header-back", className || ""]);
-    const props = Object.assign({}, restProps);
-    return _jsx(TextIconButton, Object.assign({ id: id, icon: IconChevronLeft, iconPosition: ButtonIconPosition.Start, type: "tertiary", className: fullClassName, onClick: onClick ? () => onClick(id) : undefined, link: link ? link : undefined, htmlType: "button", title: title ? title : translate("Back") }, props));
+export const HeaderBack = _a => {
+  var {
+      id,
+      className,
+      link,
+      onClick,
+      title
+    } = _a,
+    restProps = __rest(_a, ["id", "className", "link", "onClick", "title"]);
+  const {
+    translate
+  } = useLanguage();
+  const fullClassName = classNames(["zen-header-back", className || ""]);
+  const props = Object.assign({}, restProps);
+  return _jsx(TextIconButton, Object.assign({
+    id: id,
+    icon: IconChevronLeft,
+    iconPosition: ButtonIconPosition.Start,
+    type: "tertiary",
+    className: fullClassName,
+    onClick: onClick ? () => onClick(id) : undefined,
+    link: link ? link : undefined,
+    htmlType: "button",
+    title: title ? title : translate("Back")
+  }, props));
 };
 HeaderBack.displayName = HeaderBackDisplayName;
-export const TRANSLATIONS = [
-    "Back"
-];
+export const TRANSLATIONS = ["Back"];

package/esm/index.d.ts

@@ -756,6 +756,7 @@ export { type IAbortablePromiseOptions, type IAbortablePromiseConstructor, Abort
 export { HeaderButtonsProvider } from "./utils/headerButtons/headerButtonsProvider";
 export { getNewFocusableItem, getFirstFocusableItem } from "./utils/keyboardHelpers";
 export { LanguageProvider } from "./utils/localization/languageProvider";
+export { dictionaries, injectString } from "./utils/localization/translationsDictionary";
 export { useLanguage } from "./utils/localization/useLanguage";
 export { ThemeDark } from "./utils/theme/themeDark";
 export { ThemeDrive } from "./utils/theme/themeDrive";

package/esm/index.js

@@ -743,6 +743,7 @@ export { AbortablePromise } from "./utils/abortablePromise";
 export { HeaderButtonsProvider } from "./utils/headerButtons/headerButtonsProvider";
 export { getNewFocusableItem, getFirstFocusableItem } from "./utils/keyboardHelpers";
 export { LanguageProvider } from "./utils/localization/languageProvider";
+export { dictionaries, injectString } from "./utils/localization/translationsDictionary";
 export { useLanguage } from "./utils/localization/useLanguage";
 export { ThemeDark } from "./utils/theme/themeDark";
 export { ThemeDrive } from "./utils/theme/themeDrive";