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

package/dist/groupsFilterRaw/stateReducer/stateReducerHelper.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getPreparedState = exports.getAdvancedFilterNamedState = exports.isAdvancedFilterInitialState = exports.getCurrentlyDeselectedMenu = exports.getCurrentlySelectedMenu = exports.getSearchResultFromObject = exports.getGroupsTreeItem = exports.getPathToRoot = exports.getSelectedChildren = exports.getMenu = exports.getCurrentlySelectedCount = exports.getFrozenCount = exports.isStateChanged = exports.getCurrentState = void 0;
+const stateReducer_1 = require("../../dropdownRaw/stateReducer/stateReducer");
 const groupsFilterHelper_1 = require("../groupsFilterHelper");
 const groupsHelper_1 = require("../groupsHelper");
 const getCurrentState = (stateObj) => ({
@@ -41,7 +42,8 @@ const getPathToRoot = (stateObj, itemId) => {
     if (!itemId) {
         return "";
     }
-    const pathToRoot = (0, groupsFilterHelper_1.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 = (0, groupsFilterHelper_1.getParentsNameArr)(stateObj.translate, stateObj.groupsMap, itemId, stateReducer_1.ROOT_GROUP_ID);
     return pathToRoot.length > 0 ? pathToRoot.join("/") : pathToRoot[0] || "";
 };
 exports.getPathToRoot = getPathToRoot;

package/dist/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/dist/header/components/collapsedItemsControl/collapsedItemsControl.js

@@ -1,8 +1,38 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+const {
+  injectString
+} = require("../../../utils/localization/translationsDictionary");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.TRANSLATIONS = exports.PageToolbarCollapsedItemsControl = exports.HeaderCustomContentProvider = exports.HeaderCustomContent = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+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");
 const menu_1 = require("../../../menu/menu");
 const buttonType_1 = require("../../../button/buttonType");
 const svgIconSize_1 = require("../../../svgIcon/svgIconSize");
@@ -18,58 +48,83 @@ const pageHeaderButton_1 = require("../../../pageHeader/pageHeaderButton");
 const pageHeaderMenu_1 = require("../../../pageHeader/pageHeaderMenu");
 const classNames_1 = require("../../../commonHelpers/classNames/classNames");
 exports.HeaderCustomContent = (0, react_1.createContext)({
-    content: null,
-    setContent: (_1) => { }
+  content: null,
+  setContent: _1 => {}
+});
+const HeaderCustomContentProvider = ({
+  children,
+  content,
+  setContent
+}) => (0, jsx_runtime_1.jsx)(exports.HeaderCustomContent.Provider, {
+  value: {
+    content: content,
+    setContent
+  },
+  children: children
 });
-const HeaderCustomContentProvider = ({ children, content, setContent }) => (0, jsx_runtime_1.jsx)(exports.HeaderCustomContent.Provider, { value: { content: content, setContent }, children: children });
 exports.HeaderCustomContentProvider = HeaderCustomContentProvider;
-const PageToolbarCollapsedItemsControl = ({ children, className }) => {
-    const { translate } = (0, useLanguage_1.useLanguage)();
-    const isDrive = (0, useDrive_1.useDrive)();
-    const { content } = (0, react_1.useContext)(exports.HeaderCustomContent);
-    const adjustmentButton = (0, react_1.useMemo)(() => (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { "aria-label": translate("More"), className: (0, classNames_1.classNames)(["zen-header-more-button", className || ""]), type: buttonType_1.ButtonType.TertiaryBlack, iconPosition: textIconButton_1.ButtonIconPosition.End, iconSize: isDrive ? svgIconSize_1.SvgIconSize.Huge : svgIconSize_1.SvgIconSize.Large, icon: iconDotVertical_1.IconDotVertical }), [isDrive, translate, className]);
-    const items = [];
-    const clickHandler = (0, react_1.useCallback)((propsOnClick) => ((_, e) => { propsOnClick(e); }), []);
-    react_1.Children.forEach(children, (child) => {
-        if ((0, headerHelpers_1.isNamedChildComponent)(child, headerButton_1.HeaderButtonDisplayName) || (0, headerHelpers_1.isNamedChildComponent)(child, pageHeaderButton_1.PageHeaderButtonDisplayName)) {
-            const onClick = child.props.onClick;
-            const el = (0, react_1.createElement)(menu_1.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 ((0, headerHelpers_1.isNamedChildComponent)(child, headerMenu_1.HeaderMenuDisplayName) || (0, headerHelpers_1.isNamedChildComponent)(child, pageHeaderMenu_1.PageHeaderMenuDisplayName)) {
-            const el = (0, react_1.createElement)(menu_1.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 ((0, headerHelpers_1.isNamedChildComponent)(child, headerHelpers_1.HeaderCustomMenuWrapper)) {
-            (0, handleCustomMenuWrapper_1.handleCustomMenuWrapper)(child, content, items);
-        }
-    });
-    return items.length ? (0, jsx_runtime_1.jsx)(menu_1.Menu, { title: translate("More"), trigger: adjustmentButton, alignment: "bottom-right", children: items }) : null;
+const PageToolbarCollapsedItemsControl = ({
+  children,
+  className
+}) => {
+  const {
+    translate
+  } = (0, useLanguage_1.useLanguage)();
+  const isDrive = (0, useDrive_1.useDrive)();
+  const {
+    content
+  } = (0, react_1.useContext)(exports.HeaderCustomContent);
+  const adjustmentButton = (0, react_1.useMemo)(() => (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, {
+    "aria-label": translate("More"),
+    className: (0, classNames_1.classNames)(["zen-header-more-button", className || ""]),
+    type: buttonType_1.ButtonType.TertiaryBlack,
+    iconPosition: textIconButton_1.ButtonIconPosition.End,
+    iconSize: isDrive ? svgIconSize_1.SvgIconSize.Huge : svgIconSize_1.SvgIconSize.Large,
+    icon: iconDotVertical_1.IconDotVertical
+  }), [isDrive, translate, className]);
+  const items = [];
+  const clickHandler = (0, react_1.useCallback)(propsOnClick => (_, e) => {
+    propsOnClick(e);
+  }, []);
+  react_1.Children.forEach(children, child => {
+    if ((0, headerHelpers_1.isNamedChildComponent)(child, headerButton_1.HeaderButtonDisplayName) || (0, headerHelpers_1.isNamedChildComponent)(child, pageHeaderButton_1.PageHeaderButtonDisplayName)) {
+      const onClick = child.props.onClick;
+      const el = (0, react_1.createElement)(menu_1.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 ((0, headerHelpers_1.isNamedChildComponent)(child, headerMenu_1.HeaderMenuDisplayName) || (0, headerHelpers_1.isNamedChildComponent)(child, pageHeaderMenu_1.PageHeaderMenuDisplayName)) {
+      const el = (0, react_1.createElement)(menu_1.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 ((0, headerHelpers_1.isNamedChildComponent)(child, headerHelpers_1.HeaderCustomMenuWrapper)) {
+      (0, handleCustomMenuWrapper_1.handleCustomMenuWrapper)(child, content, items);
+    }
+  });
+  return items.length ? (0, jsx_runtime_1.jsx)(menu_1.Menu, {
+    title: translate("More"),
+    trigger: adjustmentButton,
+    alignment: "bottom-right",
+    children: items
+  }) : null;
 };
 exports.PageToolbarCollapsedItemsControl = PageToolbarCollapsedItemsControl;
-exports.TRANSLATIONS = [
-    "More"
-];
+exports.TRANSLATIONS = ["More"];

package/dist/header/components/mobileFilterControl/mobileFilterControl.js

@@ -1,7 +1,37 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+const {
+  injectString
+} = require("../../../utils/localization/translationsDictionary");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.TRANSLATIONS = exports.MobileFilterControl = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+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");
 const buttonType_1 = require("../../../button/buttonType");
 const svgIconSize_1 = require("../../../svgIcon/svgIconSize");
 const textIconButton_1 = require("../../../textIconButton/textIconButton");
@@ -10,13 +40,36 @@ const useLanguage_1 = require("../../../utils/localization/useLanguage");
 const iconSettings6_1 = require("../../../icons/iconSettings6");
 const useDrive_1 = require("../../../utils/theme/useDrive");
 // eslint-disable-next-line @typescript-eslint/naming-convention
-const MobileFilterControl = ({ className, onClick, count, ref }) => {
-    const { translate } = (0, useLanguage_1.useLanguage)();
-    const isDrive = (0, useDrive_1.useDrive)();
-    const filterIconButton = (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { iconPosition: textIconButton_1.ButtonIconPosition.End, icon: iconSettings6_1.IconSettings6, iconSize: isDrive ? svgIconSize_1.SvgIconSize.Huge : svgIconSize_1.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_1.ButtonType.TertiaryBlack, contentClasses: count ? "zen-mobile-filter-control__counter-wrapper" : "", onClick: onClick, ref: ref, children: count ? (0, jsx_runtime_1.jsx)("div", { className: "zen-mobile-filter-control__counter", children: count }) : null });
-    return (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-mobile-filter-control", className !== null && className !== void 0 ? className : ""]), children: filterIconButton });
+const MobileFilterControl = ({
+  className,
+  onClick,
+  count,
+  ref
+}) => {
+  const {
+    translate
+  } = (0, useLanguage_1.useLanguage)();
+  const isDrive = (0, useDrive_1.useDrive)();
+  const filterIconButton = (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, {
+    iconPosition: textIconButton_1.ButtonIconPosition.End,
+    icon: iconSettings6_1.IconSettings6,
+    iconSize: isDrive ? svgIconSize_1.SvgIconSize.Huge : svgIconSize_1.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_1.ButtonType.TertiaryBlack,
+    contentClasses: count ? "zen-mobile-filter-control__counter-wrapper" : "",
+    onClick: onClick,
+    ref: ref,
+    children: count ? (0, jsx_runtime_1.jsx)("div", {
+      className: "zen-mobile-filter-control__counter",
+      children: count
+    }) : null
+  });
+  return (0, jsx_runtime_1.jsx)("div", {
+    className: (0, classNames_1.classNames)(["zen-mobile-filter-control", className !== null && className !== void 0 ? className : ""]),
+    children: filterIconButton
+  });
 };
 exports.MobileFilterControl = MobileFilterControl;
-exports.TRANSLATIONS = [
-    "Show all filters"
-];
+exports.TRANSLATIONS = ["Show all filters"];

package/dist/header/components/mobileSearchControl/mobileSearchControl.js

@@ -1,7 +1,85 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+const {
+  injectString
+} = require("../../../utils/localization/translationsDictionary");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.TRANSLATIONS = exports.MobileSearchControl = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+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");
 const button_1 = require("../../../button/button");
 const buttonType_1 = require("../../../button/buttonType");
 const svgIconSize_1 = require("../../../svgIcon/svgIconSize");
@@ -11,18 +89,45 @@ const useLanguage_1 = require("../../../utils/localization/useLanguage");
 const iconSearch_1 = require("../../../icons/iconSearch");
 const useDrive_1 = require("../../../utils/theme/useDrive");
 const useDriveClassName_1 = require("../../../utils/theme/useDriveClassName");
-const MobileSearchControl = ({ searchInput, onClick, state, className }) => {
-    const { translate } = (0, useLanguage_1.useLanguage)();
-    const isDrive = (0, useDrive_1.useDrive)();
-    const driveClassname = (0, useDriveClassName_1.useDriveClassName)("zen-mobile-search-control");
-    const cancelSearchButton = (0, jsx_runtime_1.jsx)(button_1.Button, { className: "zen-mobile-search-control__actions zen-mobile-search-control__actions--button", title: translate("Cancel search"), type: buttonType_1.ButtonType.Tertiary, onClick: () => onClick(false), children: translate("Cancel") });
-    const searchIconButton = (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { className: "zen-mobile-search-control__actions zen-mobile-search-control__actions--button", title: translate("Show page search"), type: buttonType_1.ButtonType.TertiaryBlack, onClick: () => onClick(true), iconPosition: textIconButton_1.ButtonIconPosition.End, iconSize: isDrive ? svgIconSize_1.SvgIconSize.Huge : svgIconSize_1.SvgIconSize.Large, iconClasses: "zen-mobile-search-control__actions--icon", icon: iconSearch_1.IconSearch });
-    const mobileSearchPanel = (0, jsx_runtime_1.jsxs)("div", { className: "zen-mobile-search-control--expanded", children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-mobile-search-control__search", children: searchInput }), cancelSearchButton] });
-    return (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-mobile-search-control", driveClassname || "", className !== null && className !== void 0 ? className : ""]), children: state ? mobileSearchPanel : searchIconButton });
+const MobileSearchControl = ({
+  searchInput,
+  onClick,
+  state,
+  className
+}) => {
+  const {
+    translate
+  } = (0, useLanguage_1.useLanguage)();
+  const isDrive = (0, useDrive_1.useDrive)();
+  const driveClassname = (0, useDriveClassName_1.useDriveClassName)("zen-mobile-search-control");
+  const cancelSearchButton = (0, jsx_runtime_1.jsx)(button_1.Button, {
+    className: "zen-mobile-search-control__actions zen-mobile-search-control__actions--button",
+    title: translate("Cancel search"),
+    type: buttonType_1.ButtonType.Tertiary,
+    onClick: () => onClick(false),
+    children: translate("Cancel")
+  });
+  const searchIconButton = (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, {
+    className: "zen-mobile-search-control__actions zen-mobile-search-control__actions--button",
+    title: translate("Show page search"),
+    type: buttonType_1.ButtonType.TertiaryBlack,
+    onClick: () => onClick(true),
+    iconPosition: textIconButton_1.ButtonIconPosition.End,
+    iconSize: isDrive ? svgIconSize_1.SvgIconSize.Huge : svgIconSize_1.SvgIconSize.Large,
+    iconClasses: "zen-mobile-search-control__actions--icon",
+    icon: iconSearch_1.IconSearch
+  });
+  const mobileSearchPanel = (0, jsx_runtime_1.jsxs)("div", {
+    className: "zen-mobile-search-control--expanded",
+    children: [(0, jsx_runtime_1.jsx)("div", {
+      className: "zen-mobile-search-control__search",
+      children: searchInput
+    }), cancelSearchButton]
+  });
+  return (0, jsx_runtime_1.jsx)("div", {
+    className: (0, classNames_1.classNames)(["zen-mobile-search-control", driveClassname || "", className !== null && className !== void 0 ? className : ""]),
+    children: state ? mobileSearchPanel : searchIconButton
+  });
 };
 exports.MobileSearchControl = MobileSearchControl;
-exports.TRANSLATIONS = [
-    "Cancel",
-    "Cancel search",
-    "Show page search"
-];
+exports.TRANSLATIONS = ["Cancel", "Cancel search", "Show page search"];

package/dist/header/headerBack.js

@@ -1,32 +1,76 @@
 "use strict";
-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;
+
+const {
+  injectString
+} = require("../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;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.TRANSLATIONS = exports.HeaderBack = exports.HeaderBackDisplayName = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const textIconButton_1 = require("../textIconButton/textIconButton");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const iconChevronLeft_1 = require("../icons/iconChevronLeft");
 const useLanguage_1 = require("../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");
 exports.HeaderBackDisplayName = "HeaderBack";
-const HeaderBack = (_a) => {
-    var { id, className, link, onClick, title } = _a, restProps = __rest(_a, ["id", "className", "link", "onClick", "title"]);
-    const { translate } = (0, useLanguage_1.useLanguage)();
-    const fullClassName = (0, classNames_1.classNames)(["zen-header-back", className || ""]);
-    const props = Object.assign({}, restProps);
-    return (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, Object.assign({ id: id, icon: iconChevronLeft_1.IconChevronLeft, iconPosition: textIconButton_1.ButtonIconPosition.Start, type: "tertiary", className: fullClassName, onClick: onClick ? () => onClick(id) : undefined, link: link ? link : undefined, htmlType: "button", title: title ? title : translate("Back") }, props));
+const HeaderBack = _a => {
+  var {
+      id,
+      className,
+      link,
+      onClick,
+      title
+    } = _a,
+    restProps = __rest(_a, ["id", "className", "link", "onClick", "title"]);
+  const {
+    translate
+  } = (0, useLanguage_1.useLanguage)();
+  const fullClassName = (0, classNames_1.classNames)(["zen-header-back", className || ""]);
+  const props = Object.assign({}, restProps);
+  return (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, Object.assign({
+    id: id,
+    icon: iconChevronLeft_1.IconChevronLeft,
+    iconPosition: textIconButton_1.ButtonIconPosition.Start,
+    type: "tertiary",
+    className: fullClassName,
+    onClick: onClick ? () => onClick(id) : undefined,
+    link: link ? link : undefined,
+    htmlType: "button",
+    title: title ? title : translate("Back")
+  }, props));
 };
 exports.HeaderBack = HeaderBack;
 exports.HeaderBack.displayName = exports.HeaderBackDisplayName;
-exports.TRANSLATIONS = [
-    "Back"
-];
+exports.TRANSLATIONS = ["Back"];