@geotab/zenith 3.14.0 → 3.15.0-beta.0

package/dist/miniTabs/miniTabsHelper.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getChildrenForRender = exports.convertChild = exports.getChildren = void 0;
 const react_1 = __importStar(require("react"));

package/dist/mobileSheet/components/mobileSheetTitle.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IZenComponentProps } from "../../commonHelpers/zenComponent";
 export interface IMobileSheetTitle extends IZenComponentProps {
 }

package/dist/mobileSheet/mobileSheet.js

@@ -44,6 +44,12 @@ injectString("zh-Hans", "Back", "\u8FD4\u56DE");
 injectString("zh-TW", "Back", "\u8FD4\u56DE");
 injectString("ro-RO", "Back", "\xCEnapoi");
 injectString("ar", "Back", "\u0631\u062C\u0648\u0639");
+injectString("lt-LT", "Back", "Atgal");
+injectString("lv-LV", "Back", "Atpaka\u013C");
+injectString("ka-GE", "Back", "\u10E3\u10D9\u10D0\u10DC");
+injectString("el-GR", "Back", "\u03A0\u03AF\u03C3\u03C9");
+injectString("et-EE", "Back", "Tagasi");
+injectString("bg-BG", "Back", "\u041D\u0430\u0437\u0430\u0434");
 injectString("cs", "Close", "Zav\u0159\xEDt");
 injectString("da-DK", "Close", "Luk");
 injectString("de", "Close", "Schlie\xDFen");
@@ -71,6 +77,12 @@ injectString("zh-Hans", "Close", "\u5173\u95ED");
 injectString("zh-TW", "Close", "\u95DC\u9589");
 injectString("ro-RO", "Close", "\xCEnchide");
 injectString("ar", "Close", "\u0625\u063A\u0644\u0627\u0642");
+injectString("lt-LT", "Close", "U\u017Edaryti");
+injectString("lv-LV", "Close", "Aizv\u0113rt");
+injectString("ka-GE", "Close", "\u10D3\u10D0\u10EE\u10E3\u10E0\u10D5\u10D0");
+injectString("el-GR", "Close", "\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF");
+injectString("et-EE", "Close", "Sulge");
+injectString("bg-BG", "Close", "\u0417\u0430\u0442\u0432\u0430\u0440\u044F\u043D\u0435");
 const iconBackArrow_1 = require("../icons/deprecated/iconBackArrow");
 const iconClose_1 = require("../icons/iconClose");
 const focusableSelector_1 = require("../utils/focusableSelector");

package/dist/modal/modal.js

@@ -27,13 +27,23 @@ var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? fun
 } : function (o, v) {
   o["default"] = v;
 });
-var __importStar = this && this.__importStar || function (mod) {
-  if (mod && mod.__esModule) return mod;
-  var result = {};
-  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-  __setModuleDefault(result, mod);
-  return result;
-};
+var __importStar = this && this.__importStar || function () {
+  var ownKeys = function (o) {
+    ownKeys = Object.getOwnPropertyNames || function (o) {
+      var ar = [];
+      for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+      return ar;
+    };
+    return ownKeys(o);
+  };
+  return function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+    __setModuleDefault(result, mod);
+    return result;
+  };
+}();
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -67,6 +77,12 @@ injectString("zh-Hans", "Close", "\u5173\u95ED");
 injectString("zh-TW", "Close", "\u95DC\u9589");
 injectString("ro-RO", "Close", "\xCEnchide");
 injectString("ar", "Close", "\u0625\u063A\u0644\u0627\u0642");
+injectString("lt-LT", "Close", "U\u017Edaryti");
+injectString("lv-LV", "Close", "Aizv\u0113rt");
+injectString("ka-GE", "Close", "\u10D3\u10D0\u10EE\u10E3\u10E0\u10D5\u10D0");
+injectString("el-GR", "Close", "\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF");
+injectString("et-EE", "Close", "Sulge");
+injectString("bg-BG", "Close", "\u0417\u0430\u0442\u0432\u0430\u0440\u044F\u043D\u0435");
 const react_1 = __importStar(require("react"));
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const button_1 = require("../button/button");

package/dist/nav/context/nav.context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface INavContext {
     collapsed: boolean;
     onCollapseToggle?: (isCollapsed: boolean) => void;

package/dist/nav/navFooter/navEditFooter/navEditFooter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./navEditFooter.less";
 import { IZenComponentProps } from "../../../commonHelpers/zenComponent";
 /**

package/dist/nav/navFooter/navEditFooter/navEditFooter.js

@@ -35,6 +35,12 @@ injectString("zh-Hans", "Save", "\u4FDD\u5B58");
 injectString("zh-TW", "Save", "\u5132\u5B58");
 injectString("ro-RO", "Save", "Salva\u021Bi");
 injectString("ar", "Save", "\u062D\u0641\u0638");
+injectString("lt-LT", "Save", "I\u0161saugoti");
+injectString("lv-LV", "Save", "Saglab\u0101t");
+injectString("ka-GE", "Save", "\u10E8\u10D4\u10DC\u10D0\u10EE\u10D5\u10D0");
+injectString("el-GR", "Save", "\u0391\u03C0\u03BF\u03B8\u03AE\u03BA\u03B5\u03C5\u03C3\u03B7");
+injectString("et-EE", "Save", "Salvesta");
+injectString("bg-BG", "Save", "\u0417\u0430\u043F\u0430\u0437\u0432\u0430\u043D\u0435");
 injectString("cs", "Cancel", "Zru\u0161it");
 injectString("da-DK", "Cancel", "Annuller");
 injectString("de", "Cancel", "Abbrechen");
@@ -62,6 +68,12 @@ injectString("zh-Hans", "Cancel", "\u53D6\u6D88");
 injectString("zh-TW", "Cancel", "\u53D6\u6D88");
 injectString("ro-RO", "Cancel", "Anula\u021Bi");
 injectString("ar", "Cancel", "\u0625\u0644\u063A\u0627\u0621");
+injectString("lt-LT", "Cancel", "At\u0161aukti");
+injectString("lv-LV", "Cancel", "Atcelt");
+injectString("ka-GE", "Cancel", "\u10D2\u10D0\u10E3\u10E5\u10DB\u10D4\u10D1\u10D0");
+injectString("el-GR", "Cancel", "\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7");
+injectString("et-EE", "Cancel", "T\xFChista");
+injectString("bg-BG", "Cancel", "\u041E\u0442\u043A\u0430\u0437");
 const button_1 = require("../../../button/button");
 const classNames_1 = require("../../../commonHelpers/classNames/classNames");
 const useLanguage_1 = require("../../../utils/localization/useLanguage");

package/dist/nav/navFooter/navFooter.d.ts

@@ -8,7 +8,7 @@ export interface INavFooter extends IZenComponentProps {
  */
 export declare const NavFooter: FC<INavFooter> & {
     Action: {
-        ({ children }: import("./navFooterAction/navFooterAction").INavFooterActionProps): import("react/jsx-runtime").JSX.Element | null;
+        ({ children, active }: import("./navFooterAction/navFooterAction").INavFooterActionProps): import("react/jsx-runtime").JSX.Element | null;
         displayName: string;
     };
     Bottom: FC<IZenComponentProps>;

package/dist/nav/navFooter/navFooter.js

@@ -9,32 +9,38 @@ Object.defineProperty(exports, "__esModule", {
 exports.NavFooter = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 injectString("cs", "Edit Navigation", "Edit Navigation");
-injectString("da-DK", "Edit Navigation", "Edit Navigation");
+injectString("da-DK", "Edit Navigation", "Rediger navigation");
 injectString("de", "Edit Navigation", "Edit Navigation");
 injectString("en", "Edit Navigation", "Edit Navigation");
 injectString("es", "Edit Navigation", "Edit Navigation");
-injectString("fi-FI", "Edit Navigation", "Edit Navigation");
+injectString("fi-FI", "Edit Navigation", "Muokkaa navigointia");
 injectString("fr", "Edit Navigation", "Edit Navigation");
 injectString("fr-FR", "Edit Navigation", "Edit Navigation");
-injectString("hu-HU", "Edit Navigation", "Edit Navigation");
+injectString("hu-HU", "Edit Navigation", "Navig\xE1ci\xF3 szerkeszt\xE9se");
 injectString("id", "Edit Navigation", "Edit Navigation");
 injectString("it", "Edit Navigation", "Edit Navigation");
 injectString("ja", "Edit Navigation", "Edit Navigation");
 injectString("ko-KR", "Edit Navigation", "Edit Navigation");
-injectString("ms", "Edit Navigation", "Edit Navigation");
-injectString("nb-NO", "Edit Navigation", "Edit Navigation");
-injectString("nl", "Edit Navigation", "Edit Navigation");
+injectString("ms", "Edit Navigation", "Edit Navigasi");
+injectString("nb-NO", "Edit Navigation", "Rediger navigasjon");
+injectString("nl", "Edit Navigation", "Navigatie bewerken");
 injectString("pl", "Edit Navigation", "Edit Navigation");
-injectString("pt-BR", "Edit Navigation", "Edit Navigation");
+injectString("pt-BR", "Edit Navigation", "Editar navega\xE7\xE3o");
 injectString("pt-PT", "Edit Navigation", "Editar navega\xE7\xE3o");
-injectString("sk-SK", "Edit Navigation", "Edit Navigation");
-injectString("sv", "Edit Navigation", "Edit Navigation");
+injectString("sk-SK", "Edit Navigation", "Upravi\u0165 navig\xE1ciu");
+injectString("sv", "Edit Navigation", "Redigera navigering");
 injectString("th", "Edit Navigation", "Edit Navigation");
 injectString("tr", "Edit Navigation", "Edit Navigation");
 injectString("zh-Hans", "Edit Navigation", "Edit Navigation");
 injectString("zh-TW", "Edit Navigation", "Edit Navigation");
 injectString("ro-RO", "Edit Navigation", "Edita\u021Bi navigarea");
 injectString("ar", "Edit Navigation", "\u062A\u0639\u062F\u064A\u0644 \u0627\u0644\u062A\u0646\u0642\u0644");
+injectString("lt-LT", "Edit Navigation", "Redaguoti nar\u0161ym\u0105");
+injectString("lv-LV", "Edit Navigation", "Redi\u0123\u0113t navig\u0101ciju");
+injectString("ka-GE", "Edit Navigation", "\u10DC\u10D0\u10D5\u10D8\u10D2\u10D0\u10EA\u10D8\u10D8\u10E1 \u10E0\u10D4\u10D3\u10D0\u10E5\u10E2\u10D8\u10E0\u10D4\u10D1\u10D0");
+injectString("el-GR", "Edit Navigation", "\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1 \u03C0\u03BB\u03BF\u03AE\u03B3\u03B7\u03C3\u03B7\u03C2");
+injectString("et-EE", "Edit Navigation", "Muuda navigeerimist");
+injectString("bg-BG", "Edit Navigation", "\u0420\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u0430\u043D\u0435 \u043D\u0430 \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044F\u0442\u0430");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const react_1 = require("react");
 const navItem_1 = require("../navItem/navItem");

package/dist/nav/navFooter/navFooterAction/navFooterAction.d.ts

@@ -1,11 +1,12 @@
 import "./navFooterAction.less";
 import { PropsWithChildren } from "react";
 export interface INavFooterActionProps extends PropsWithChildren {
+    active?: boolean;
 }
 /**
  * @beta This component is not fully ready yet and may change in future releases.
  */
 export declare const NavFooterAction: {
-    ({ children }: INavFooterActionProps): import("react/jsx-runtime").JSX.Element | null;
+    ({ children, active }: INavFooterActionProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };

package/dist/nav/navFooter/navFooterAction/navFooterAction.js

@@ -35,6 +35,12 @@ injectString("zh-Hans", "Configure", "\u914D\u7F6E");
 injectString("zh-TW", "Configure", "\u914D\u7F6E");
 injectString("ro-RO", "Configure", "Configura\u021Bi");
 injectString("ar", "Configure", "\u062A\u0643\u0648\u064A\u0646");
+injectString("lt-LT", "Configure", "Konfig\u016Bruoti");
+injectString("lv-LV", "Configure", "Konfigur\u0113t");
+injectString("ka-GE", "Configure", "\u10D9\u10DD\u10DC\u10E4\u10D8\u10D2\u10E3\u10E0\u10D0\u10EA\u10D8\u10D0");
+injectString("el-GR", "Configure", "\u0394\u03B9\u03B1\u03BC\u03CC\u03C1\u03C6\u03C9\u03C3\u03B7");
+injectString("et-EE", "Configure", "Seadista");
+injectString("bg-BG", "Configure", "\u041A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0438\u0440\u0430\u043D\u0435");
 const useLanguage_1 = require("../../../utils/localization/useLanguage");
 const navItem_1 = require("../../navItem/navItem");
 const iconSettings4_1 = require("../../../icons/iconSettings4");
@@ -42,7 +48,8 @@ const iconSettings4_1 = require("../../../icons/iconSettings4");
  * @beta This component is not fully ready yet and may change in future releases.
  */
 const NavFooterAction = ({
-  children
+  children,
+  active
 }) => {
   const {
     translate
@@ -60,6 +67,7 @@ const NavFooterAction = ({
     title: translate("Configure"),
     menuAlignment: "end-bottom",
     isMenuItem: false,
+    active: active,
     children: filteredItems
   });
 };

package/dist/nav/navHeader/navHeader.js

@@ -9,59 +9,71 @@ Object.defineProperty(exports, "__esModule", {
 exports.NavHeader = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 injectString("cs", "Expand Navigation", "Expand Navigation");
-injectString("da-DK", "Expand Navigation", "Expand Navigation");
+injectString("da-DK", "Expand Navigation", "Udvid navigation");
 injectString("de", "Expand Navigation", "Expand Navigation");
 injectString("en", "Expand Navigation", "Expand Navigation");
 injectString("es", "Expand Navigation", "Expand Navigation");
-injectString("fi-FI", "Expand Navigation", "Expand Navigation");
+injectString("fi-FI", "Expand Navigation", "Laajenna navigointi");
 injectString("fr", "Expand Navigation", "Expand Navigation");
 injectString("fr-FR", "Expand Navigation", "Expand Navigation");
-injectString("hu-HU", "Expand Navigation", "Expand Navigation");
+injectString("hu-HU", "Expand Navigation", "Navig\xE1ci\xF3 kibont\xE1sa");
 injectString("id", "Expand Navigation", "Expand Navigation");
 injectString("it", "Expand Navigation", "Expand Navigation");
 injectString("ja", "Expand Navigation", "Expand Navigation");
 injectString("ko-KR", "Expand Navigation", "Expand Navigation");
-injectString("ms", "Expand Navigation", "Expand Navigation");
-injectString("nb-NO", "Expand Navigation", "Expand Navigation");
-injectString("nl", "Expand Navigation", "Expand Navigation");
+injectString("ms", "Expand Navigation", "Kembangkan Navigasi");
+injectString("nb-NO", "Expand Navigation", "Utvid navigasjon");
+injectString("nl", "Expand Navigation", "Navigatie uitvouwen");
 injectString("pl", "Expand Navigation", "Expand Navigation");
-injectString("pt-BR", "Expand Navigation", "Expand Navigation");
+injectString("pt-BR", "Expand Navigation", "Expandir navega\xE7\xE3o");
 injectString("pt-PT", "Expand Navigation", "Expandir navega\xE7\xE3o");
-injectString("sk-SK", "Expand Navigation", "Expand Navigation");
-injectString("sv", "Expand Navigation", "Expand Navigation");
+injectString("sk-SK", "Expand Navigation", "Rozbali\u0165 navig\xE1ciu");
+injectString("sv", "Expand Navigation", "Expandera navigering");
 injectString("th", "Expand Navigation", "Expand Navigation");
 injectString("tr", "Expand Navigation", "Expand Navigation");
 injectString("zh-Hans", "Expand Navigation", "Expand Navigation");
 injectString("zh-TW", "Expand Navigation", "Expand Navigation");
 injectString("ro-RO", "Expand Navigation", "Extinde\u021Bi navigarea");
 injectString("ar", "Expand Navigation", "\u062A\u0648\u0633\u064A\u0639 \u0627\u0644\u062A\u0646\u0642\u0644");
+injectString("lt-LT", "Expand Navigation", "I\u0161pl\u0117sti nar\u0161ym\u0105");
+injectString("lv-LV", "Expand Navigation", "Izv\u0113rst navig\u0101ciju");
+injectString("ka-GE", "Expand Navigation", "\u10DC\u10D0\u10D5\u10D8\u10D2\u10D0\u10EA\u10D8\u10D8\u10E1 \u10D2\u10D0\u10E8\u10DA\u10D0");
+injectString("el-GR", "Expand Navigation", "\u0391\u03BD\u03AC\u03C0\u03C4\u03C5\u03BE\u03B7 \u03C0\u03BB\u03BF\u03AE\u03B3\u03B7\u03C3\u03B7\u03C2");
+injectString("et-EE", "Expand Navigation", "Laienda navigeerimist");
+injectString("bg-BG", "Expand Navigation", "\u0420\u0430\u0437\u0433\u044A\u0432\u0430\u043D\u0435 \u043D\u0430 \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044F\u0442\u0430");
 injectString("cs", "Collapse Navigation", "Collapse Navigation");
-injectString("da-DK", "Collapse Navigation", "Collapse Navigation");
+injectString("da-DK", "Collapse Navigation", "Skjul navigation");
 injectString("de", "Collapse Navigation", "Collapse Navigation");
 injectString("en", "Collapse Navigation", "Collapse Navigation");
 injectString("es", "Collapse Navigation", "Collapse Navigation");
-injectString("fi-FI", "Collapse Navigation", "Collapse Navigation");
+injectString("fi-FI", "Collapse Navigation", "Supista navigointi");
 injectString("fr", "Collapse Navigation", "Collapse Navigation");
 injectString("fr-FR", "Collapse Navigation", "Collapse Navigation");
-injectString("hu-HU", "Collapse Navigation", "Collapse Navigation");
+injectString("hu-HU", "Collapse Navigation", "Navig\xE1ci\xF3 \xF6sszecsuk\xE1sa");
 injectString("id", "Collapse Navigation", "Collapse Navigation");
 injectString("it", "Collapse Navigation", "Collapse Navigation");
 injectString("ja", "Collapse Navigation", "Collapse Navigation");
 injectString("ko-KR", "Collapse Navigation", "Collapse Navigation");
-injectString("ms", "Collapse Navigation", "Collapse Navigation");
-injectString("nb-NO", "Collapse Navigation", "Collapse Navigation");
-injectString("nl", "Collapse Navigation", "Collapse Navigation");
+injectString("ms", "Collapse Navigation", "Runtuhkan Navigasi");
+injectString("nb-NO", "Collapse Navigation", "Skjul navigasjon");
+injectString("nl", "Collapse Navigation", "Navigatie inklappen");
 injectString("pl", "Collapse Navigation", "Collapse Navigation");
-injectString("pt-BR", "Collapse Navigation", "Collapse Navigation");
+injectString("pt-BR", "Collapse Navigation", "Recolher navega\xE7\xE3o");
 injectString("pt-PT", "Collapse Navigation", "Recolher navega\xE7\xE3o");
-injectString("sk-SK", "Collapse Navigation", "Collapse Navigation");
-injectString("sv", "Collapse Navigation", "Collapse Navigation");
+injectString("sk-SK", "Collapse Navigation", "Zbali\u0165 navig\xE1ciu");
+injectString("sv", "Collapse Navigation", "Komprimera navigering");
 injectString("th", "Collapse Navigation", "Collapse Navigation");
 injectString("tr", "Collapse Navigation", "Collapse Navigation");
 injectString("zh-Hans", "Collapse Navigation", "Collapse Navigation");
 injectString("zh-TW", "Collapse Navigation", "Collapse Navigation");
 injectString("ro-RO", "Collapse Navigation", "Restr\xE2nge\u021Bi navigarea");
 injectString("ar", "Collapse Navigation", "\u0637\u064A \u0627\u0644\u062A\u0646\u0642\u0644");
+injectString("lt-LT", "Collapse Navigation", "Sutraukti nar\u0161ym\u0105");
+injectString("lv-LV", "Collapse Navigation", "Sak\u013Caut navig\u0101ciju");
+injectString("ka-GE", "Collapse Navigation", "\u10DC\u10D0\u10D5\u10D8\u10D2\u10D0\u10EA\u10D8\u10D8\u10E1 \u10E9\u10D0\u10D9\u10D4\u10EA\u10D5\u10D0");
+injectString("el-GR", "Collapse Navigation", "\u03A3\u03CD\u03BC\u03C0\u03C4\u03C5\u03BE\u03B7 \u03C0\u03BB\u03BF\u03AE\u03B3\u03B7\u03C3\u03B7\u03C2");
+injectString("et-EE", "Collapse Navigation", "Ahenda navigeerimist");
+injectString("bg-BG", "Collapse Navigation", "\u0421\u0432\u0438\u0432\u0430\u043D\u0435 \u043D\u0430 \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044F\u0442\u0430");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const react_1 = require("react");
 const useMobile_1 = require("../../commonHelpers/hooks/useMobile");

package/dist/nav/navHeader/navHeaderSearch/navHeaderSearch.js

@@ -43,33 +43,45 @@ injectString("zh-Hans", "Search", "\u641C\u7D22");
 injectString("zh-TW", "Search", "\u641C\u5C0B");
 injectString("ro-RO", "Search", "C\u0103uta\u021Bi");
 injectString("ar", "Search", "\u0628\u062D\u062B");
+injectString("lt-LT", "Search", "Ie\u0161koti");
+injectString("lv-LV", "Search", "Mekl\u0113t");
+injectString("ka-GE", "Search", "\u10EB\u10D8\u10D4\u10D1\u10D0");
+injectString("el-GR", "Search", "\u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7");
+injectString("et-EE", "Search", "Otsing");
+injectString("bg-BG", "Search", "\u0422\u044A\u0440\u0441\u0435\u043D\u0435");
 injectString("cs", "Close search", "Close search");
-injectString("da-DK", "Close search", "Close search");
+injectString("da-DK", "Close search", "Luk s\xF8gning");
 injectString("de", "Close search", "Close search");
 injectString("en", "Close search", "Close search");
 injectString("es", "Close search", "Close search");
-injectString("fi-FI", "Close search", "Close search");
+injectString("fi-FI", "Close search", "Sulje haku");
 injectString("fr", "Close search", "Close search");
 injectString("fr-FR", "Close search", "Close search");
-injectString("hu-HU", "Close search", "Close search");
+injectString("hu-HU", "Close search", "Keres\xE9s bez\xE1r\xE1sa");
 injectString("id", "Close search", "Close search");
 injectString("it", "Close search", "Close search");
 injectString("ja", "Close search", "Close search");
 injectString("ko-KR", "Close search", "Close search");
-injectString("ms", "Close search", "Close search");
-injectString("nb-NO", "Close search", "Close search");
-injectString("nl", "Close search", "Close search");
+injectString("ms", "Close search", "Tutup carian");
+injectString("nb-NO", "Close search", "Lukk s\xF8k");
+injectString("nl", "Close search", "Zoeken sluiten");
 injectString("pl", "Close search", "Close search");
-injectString("pt-BR", "Close search", "Close search");
+injectString("pt-BR", "Close search", "Fechar pesquisa");
 injectString("pt-PT", "Close search", "Close search");
-injectString("sk-SK", "Close search", "Close search");
-injectString("sv", "Close search", "Close search");
+injectString("sk-SK", "Close search", "Zatvori\u0165 vyh\u013Ead\xE1vanie");
+injectString("sv", "Close search", "St\xE4ng s\xF6kning");
 injectString("th", "Close search", "Close search");
 injectString("tr", "Close search", "Close search");
 injectString("zh-Hans", "Close search", "Close search");
 injectString("zh-TW", "Close search", "Close search");
 injectString("ro-RO", "Close search", "Close search");
 injectString("ar", "Close search", "\u0625\u063A\u0644\u0627\u0642 \u0627\u0644\u0628\u062D\u062B");
+injectString("lt-LT", "Close search", "U\u017Edaryti paie\u0161k\u0105");
+injectString("lv-LV", "Close search", "Aizv\u0113rt mekl\u0113\u0161anu");
+injectString("ka-GE", "Close search", "\u10EB\u10D8\u10D4\u10D1\u10D8\u10E1 \u10D3\u10D0\u10EE\u10E3\u10E0\u10D5\u10D0");
+injectString("el-GR", "Close search", "\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF \u03B1\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7\u03C2");
+injectString("et-EE", "Close search", "Sulge otsing");
+injectString("bg-BG", "Close search", "\u0417\u0430\u0442\u0432\u0430\u0440\u044F\u043D\u0435 \u043D\u0430 \u0442\u044A\u0440\u0441\u0435\u043D\u0435\u0442\u043E");
 const navItem_1 = require("../../navItem/navItem");
 const iconClose_1 = require("../../../icons/iconClose");
 const textIconButton_1 = require("../../../textIconButton/textIconButton");

package/dist/nav/navItem/navItem.d.ts

@@ -3,6 +3,7 @@ import { IZenComponentProps } from "../../commonHelpers/zenComponent";
 import { FC, ReactNode } from "react";
 import { IIcon } from "../../icons/icon";
 import { TAlignment } from "../../absolute/absolute";
+import { TNavItemType } from "./navItemType";
 interface INavItemCommon extends IZenComponentProps {
     title: string;
     primaryIcon?: FC<IIcon> | ReactNode;
@@ -17,6 +18,7 @@ interface INavItemCommon extends IZenComponentProps {
     isExternalLink?: boolean;
     iconClass?: string;
     isPrimary?: boolean;
+    type?: TNavItemType;
     tabIndex?: 0 | -1;
     isMenuItem?: boolean;
     tooltipAlignment?: TAlignment;

package/dist/nav/navItem/navItem.js

@@ -15,32 +15,48 @@ exports.NavItem = exports.NavItemContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const react_1 = require("react");
-const iconBeta_1 = require("../../icons/iconBeta");
-const iconChevronRight_1 = require("../../icons/iconChevronRight");
-const iconChevronLeft_1 = require("../../icons/iconChevronLeft");
-const iconOpen2_1 = require("../../icons/iconOpen2");
-const useDirectionalIcon_1 = require("../../utils/localization/useDirectionalIcon");
 const tooltip_1 = require("../../tooltip/tooltip");
 const controlledMenu_1 = require("../../menu/controlledMenu");
 const nav_context_1 = require("../context/nav.context");
 const useMobile_1 = require("../../commonHelpers/hooks/useMobile");
-const ICON_SIZE = "huge";
-const SUBMENU_ICON_SIZE = "large";
+const navItemContent_1 = require("./navItemContent");
+const createMenuItem_1 = require("../../menu/components/createMenuItem");
+const navItemType_1 = require("./navItemType");
 exports.NavItemContext = (0, react_1.createContext)({ parentLevel: 0 });
 const defaultTooltipAlignment = "end";
 const isLinkNavItem = (item) => !!item.link;
-const NavItemContent = ({ primaryIcon, secondaryIcon, isBeta, counter, collapsed, hasSubmenu, iconClass, level = 1, children }) => {
-    const primaryIconRef = (0, react_1.useRef)(null);
-    const ChevronIcon = (0, useDirectionalIcon_1.useDirectionalIcon)(iconChevronRight_1.IconChevronRight, iconChevronLeft_1.IconChevronLeft);
-    const PrimaryIconComponent = typeof primaryIcon === "function" ? primaryIcon : null;
-    const SecondaryIconComponent = secondaryIcon;
-    const iconSize = level > 1 ? SUBMENU_ICON_SIZE : ICON_SIZE;
-    const primaryIconComponent = primaryIcon ? ((0, jsx_runtime_1.jsx)("span", { ref: primaryIconRef, className: (0, classNames_1.classNames)(["zen-nav-item__icon", counter ? "zen-nav-item__icon--with-counter" : "", iconClass || ""]), children: PrimaryIconComponent ? (0, jsx_runtime_1.jsx)(PrimaryIconComponent, { size: iconSize }) : primaryIcon })) : null;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-nav-item__content-left", children: [isBeta && !collapsed ? ((0, jsx_runtime_1.jsx)("span", { className: "zen-nav-item__beta", children: (0, jsx_runtime_1.jsx)(iconBeta_1.IconBeta, { size: "big" }) })) : null, primaryIconComponent, SecondaryIconComponent && !collapsed ? ((0, jsx_runtime_1.jsx)("span", { className: "zen-nav-item__icon", children: (0, jsx_runtime_1.jsx)(SecondaryIconComponent, { size: iconSize }) })) : null, !collapsed ? (0, jsx_runtime_1.jsx)("span", { className: "zen-nav-item__title", children: children }) : null] }), !collapsed && (counter || hasSubmenu) ? ((0, jsx_runtime_1.jsxs)("div", { className: "zen-nav-item__content-right", children: [counter ? (0, jsx_runtime_1.jsx)("div", { className: "zen-nav-item__counter", children: counter }) : null, hasSubmenu ? (0, jsx_runtime_1.jsx)(ChevronIcon, { className: "zen-nav-item__title-icon", size: iconSize }) : null] })) : null] }));
-};
+const isNavItemElement = (child) => (0, react_1.isValidElement)(child) && child.type.displayName === "NavItem";
+const getWrapperClassName = ({ className, collapsed, active, isMobile, hasNested, isNested, isLink, type }) => (0, classNames_1.classNames)([
+    "zen-nav-item",
+    isLink ? "zen-nav-item--link" : "zen-nav-item--button",
+    isMobile ? "zen-nav-item--mobile" : "",
+    collapsed ? "zen-nav-item--collapsed" : "",
+    active ? "zen-nav-item--active" : "",
+    hasNested ? "zen-nav-item--has-nested" : "",
+    isNested ? "zen-nav-item--nested" : "",
+    type && type !== navItemType_1.NavItemType.Default ? `zen-nav-item--${type}` : "",
+    className || ""
+]);
+const MobileNavMenuItem = (0, createMenuItem_1.createMenuItem)((props) => {
+    const wrapperClassNames = getWrapperClassName(props);
+    return ((0, jsx_runtime_1.jsx)("div", { className: wrapperClassNames, children: (0, jsx_runtime_1.jsx)(navItemContent_1.NavItemContent, Object.assign({}, props, { hasSubmenu: props.hasChildren })) }));
+});
+// Recursively converts a NavItem subtree into a static tree of menu items for the mobile ControlledMenu.
+const buildMobileMenuItems = (children, parentId, onNavigate) => react_1.Children.toArray(children)
+    .filter(isNavItemElement)
+    .map(child => {
+    const link = isLinkNavItem(child.props) ? child.props.link : "";
+    const title = child.props.title;
+    const isExternal = child.props.isExternalLink;
+    const id = `${parentId}/${link}_${title}`;
+    const nested = buildMobileMenuItems(child.props.children, id, onNavigate);
+    const onClick = isLinkNavItem(child.props) ? onNavigate : nested.length === 0 ? child.props.onClick : undefined;
+    const wrappedOnClick = () => onClick && onClick();
+    return ((0, jsx_runtime_1.jsx)(MobileNavMenuItem, Object.assign({ id: id }, child.props, { ariaLabel: child.props.title, isLink: isLinkNavItem(child.props), target: isExternal ? "_blank" : undefined, rel: isExternal ? "noopener noreferrer" : undefined, onClick: wrappedOnClick, onOpenChange: child.props.onDropdownStateChange, children: nested.length > 0 ? nested : undefined }), id));
+});
 const NavItemAction = ({ actionIcon, actionIconTitle = "", onActionIconClick, collapsed, isMenuItem, level = 1 }) => {
     const ActionIconComponent = actionIcon;
-    const iconSize = level > 1 ? SUBMENU_ICON_SIZE : ICON_SIZE;
+    const iconSize = level > 1 ? navItemContent_1.SUBMENU_ICON_SIZE : navItemContent_1.ICON_SIZE;
     if (!ActionIconComponent || collapsed) {
         return null;
     }
@@ -50,18 +66,8 @@ const NavItemAction = ({ actionIcon, actionIconTitle = "", onActionIconClick, co
     };
     return ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "zen-nav-item__action", onClick: handleActionIconClick, "aria-label": actionIconTitle, title: actionIconTitle, role: isMenuItem ? "menuitem" : undefined, children: (0, jsx_runtime_1.jsx)(ActionIconComponent, { size: iconSize }) }));
 };
-const getWrapperClassName = ({ className, collapsed, active, isMobile, hasNested, isNested, isLink }) => (0, classNames_1.classNames)([
-    "zen-nav-item",
-    isLink ? "zen-nav-item--link" : "zen-nav-item--button",
-    isMobile ? "zen-nav-item--mobile" : "",
-    collapsed ? "zen-nav-item--collapsed" : "",
-    active ? "zen-nav-item--active" : "",
-    hasNested ? "zen-nav-item--has-nested" : "",
-    isNested ? "zen-nav-item--nested" : "",
-    className || ""
-]);
 const LinkNavItem = (_a) => {
-    var { className, title, collapsed, active, link, isExternalLink, tabIndex, isMenuItem = true, tooltipAlignment = defaultTooltipAlignment, actionIcon, actionIconTitle, onActionIconClick } = _a, rest = __rest(_a, ["className", "title", "collapsed", "active", "link", "isExternalLink", "tabIndex", "isMenuItem", "tooltipAlignment", "actionIcon", "actionIconTitle", "onActionIconClick"]);
+    var { className, title, collapsed, active, link, isExternalLink, tabIndex, isMenuItem = true, tooltipAlignment = defaultTooltipAlignment, actionIcon, actionIconTitle, onActionIconClick, type } = _a, rest = __rest(_a, ["className", "title", "collapsed", "active", "link", "isExternalLink", "tabIndex", "isMenuItem", "tooltipAlignment", "actionIcon", "actionIconTitle", "onActionIconClick", "type"]);
     const isMobile = (0, useMobile_1.useMobile)();
     const { parentLevel = 0, closeParentMenu } = (0, react_1.useContext)(exports.NavItemContext);
     const { onNavigate } = (0, nav_context_1.useNavContext)();
@@ -69,13 +75,13 @@ const LinkNavItem = (_a) => {
     const linkElement = ((0, jsx_runtime_1.jsx)("a", { href: link, "aria-label": title, title: title, target: isExternalLink ? "_blank" : undefined, rel: isExternalLink ? "noopener noreferrer" : undefined, tabIndex: tabIndex, role: isMenuItem ? "menuitem" : undefined, onClick: () => {
             closeParentMenu && closeParentMenu();
             onNavigate && onNavigate();
-        }, className: "zen-link--light zen-nav-item__main", children: (0, jsx_runtime_1.jsxs)(NavItemContent, Object.assign({ title: title, collapsed: collapsed, level: currentLevel }, rest, { children: [(0, jsx_runtime_1.jsx)("span", { className: "zen-nav-item__title-text", children: title }), isExternalLink && !collapsed ? (0, jsx_runtime_1.jsx)(iconOpen2_1.IconOpen2, { className: "zen-nav-item__title-icon", size: ICON_SIZE }) : null] })) }));
+        }, className: "zen-link--light zen-nav-item__main", children: (0, jsx_runtime_1.jsx)(navItemContent_1.NavItemContent, Object.assign({ title: title, collapsed: collapsed, level: currentLevel, isExternalLink: isExternalLink }, rest)) }));
     const item = collapsed ? ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { trigger: linkElement, alignment: tooltipAlignment, children: title })) : (linkElement);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: getWrapperClassName({ className, collapsed, active, isMobile, isLink: true }), children: [item, (0, jsx_runtime_1.jsx)(NavItemAction, { actionIcon: actionIcon, actionIconTitle: actionIconTitle, onActionIconClick: onActionIconClick, collapsed: collapsed, level: currentLevel, isMenuItem: isMenuItem })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: getWrapperClassName({ className, collapsed, active, isMobile, isLink: true, type }), children: [item, (0, jsx_runtime_1.jsx)(NavItemAction, { actionIcon: actionIcon, actionIconTitle: actionIconTitle, onActionIconClick: onActionIconClick, collapsed: collapsed, level: currentLevel, isMenuItem: isMenuItem })] }));
 };
 LinkNavItem.displayName = "LinkNavItem";
 const ButtonNavItem = (_a) => {
-    var { className, title, onClick, collapsed, active, children, tabIndex, menuAlignment = "end-top", isMenuItem = true, tooltipAlignment = defaultTooltipAlignment, actionIcon, actionIconTitle, onActionIconClick, onDropdownStateChange } = _a, rest = __rest(_a, ["className", "title", "onClick", "collapsed", "active", "children", "tabIndex", "menuAlignment", "isMenuItem", "tooltipAlignment", "actionIcon", "actionIconTitle", "onActionIconClick", "onDropdownStateChange"]);
+    var { className, title, onClick, collapsed, active, children, tabIndex, menuAlignment = "end-top", isMenuItem = true, tooltipAlignment = defaultTooltipAlignment, actionIcon, actionIconTitle, onActionIconClick, onDropdownStateChange, type } = _a, rest = __rest(_a, ["className", "title", "onClick", "collapsed", "active", "children", "tabIndex", "menuAlignment", "isMenuItem", "tooltipAlignment", "actionIcon", "actionIconTitle", "onActionIconClick", "onDropdownStateChange", "type"]);
     const [menuOpen, setMenuOpen] = (0, react_1.useState)(false);
     const { parentLevel = 0, closeParentMenu } = (0, react_1.useContext)(exports.NavItemContext);
     (0, react_1.useEffect)(() => {
@@ -96,7 +102,7 @@ const ButtonNavItem = (_a) => {
             onClick === null || onClick === void 0 ? void 0 : onClick();
         }
     };
-    const handleKeyPress = evt => {
+    const handleKeyPress = (evt) => {
         if (hasNestedItems && (evt.key === "Enter" || evt.key === " ")) {
             evt.preventDefault();
             setMenuOpen(true);
@@ -107,32 +113,35 @@ const ButtonNavItem = (_a) => {
         }
     };
     const isMobile = (0, useMobile_1.useMobile)();
+    const { onNavigate } = (0, nav_context_1.useNavContext)();
     const isActive = active || (hasNestedItems && menuOpen);
     const triggerId = (0, react_1.useId)();
-    const buttonElement = ((0, jsx_runtime_1.jsx)("button", { id: triggerId, ref: triggerRef, "aria-label": title, title: title, tabIndex: tabIndex, role: isMenuItem ? "menuitem" : undefined, "aria-haspopup": hasNestedItems ? "menu" : undefined, "aria-expanded": hasNestedItems ? menuOpen : undefined, className: "zen-nav-item__main", onClick: handleClick, onKeyDown: handleKeyPress, children: (0, jsx_runtime_1.jsx)(NavItemContent, Object.assign({ title: title, collapsed: collapsed, hasSubmenu: hasNestedItems, level: currentLevel }, rest, { children: (0, jsx_runtime_1.jsx)("span", { className: "zen-nav-item__title-text", children: title }) })) }));
+    const buttonElement = ((0, jsx_runtime_1.jsx)("button", { id: triggerId, ref: triggerRef, "aria-label": title, title: title, tabIndex: tabIndex, role: isMenuItem ? "menuitem" : undefined, "aria-haspopup": hasNestedItems ? "menu" : undefined, "aria-expanded": hasNestedItems ? menuOpen : undefined, className: "zen-nav-item__main", onClick: handleClick, onKeyDown: handleKeyPress, children: (0, jsx_runtime_1.jsx)(navItemContent_1.NavItemContent, Object.assign({ title: title, collapsed: collapsed, hasSubmenu: hasNestedItems, level: currentLevel }, rest)) }));
     const trigger = collapsed ? ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { trigger: buttonElement, alignment: tooltipAlignment, children: title })) : (buttonElement);
     if (hasNestedItems) {
-        // Process children to add appropriate level classes while allowing unlimited nesting
         const childLevel = currentLevel + 1;
+        const popupClass = `zen-nav-popup zen-nav-l${childLevel}-popup`;
+        const popupClassMobile = `zen-nav-popup--mobile zen-nav-l${childLevel}-popup--mobile`;
+        const popupListClass = `zen-nav-popup__list zen-nav-l${childLevel}-popup__list`;
+        const popupListClassMobile = `zen-nav-popup__list--mobile zen-nav-l${childLevel}-popup__list--mobile`;
+        const closeLevelMenu = () => {
+            setMenuOpen(false);
+            closeParentMenu && closeParentMenu();
+        };
+        // For mobiles convert the entire subtree into a static NavMenuItem tree
+        if (isMobile) {
+            return ((0, jsx_runtime_1.jsxs)("div", { className: getWrapperClassName({ className, collapsed, active: isActive, isMobile, hasNested: hasNestedItems, type }), children: [trigger, (0, jsx_runtime_1.jsx)(controlledMenu_1.ControlledMenu, { triggerRef: triggerRef, isOpen: menuOpen, setIsOpen: setMenuOpen, title: title, alignment: menuAlignment, className: (0, classNames_1.classNames)([popupClass, popupClassMobile]), listClassName: (0, classNames_1.classNames)([popupListClass, popupListClassMobile]), ariaLabelledby: triggerId, children: buildMobileMenuItems(children, triggerId, onNavigate) })] }));
+        }
+        // Desktop: clone children with level classes and render nested ControlledMenu popups per level.
         const processedChildren = validChildren.map(child => {
             const childElement = child;
             const levelClass = `zen-nav-item--level-${childLevel}`;
-            const levelClassMobile = `zen-nav-item--level-${childLevel}--mobile`;
             const nestedClass = childLevel > 1 ? "zen-nav-item--nested" : "";
-            return (0, react_1.cloneElement)(childElement, Object.assign(Object.assign({}, childElement.props), { className: (0, classNames_1.classNames)([levelClass, nestedClass, isMobile ? levelClassMobile : "", childElement.props.className || ""]), collapsed: false }));
+            return (0, react_1.cloneElement)(childElement, Object.assign(Object.assign({}, childElement.props), { className: (0, classNames_1.classNames)([levelClass, nestedClass, childElement.props.className || ""]), collapsed: false }));
         });
-        const popupLevel = childLevel;
-        const popupClass = `zen-nav-popup zen-nav-l${popupLevel}-popup`;
-        const popupClassMobile = `zen-nav-popup--mobile zen-nav-l${popupLevel}-popup--mobile`;
-        const popupListClass = `zen-nav-popup__list zen-nav-l${popupLevel}-popup__list`;
-        const popupListClassMobile = `zen-nav-popup__list--mobile zen-nav-l${popupLevel}-popup__list--mobile`;
-        const closeLevelMenu = () => {
-            setMenuOpen(false);
-            closeParentMenu && closeParentMenu();
-        };
-        return ((0, jsx_runtime_1.jsxs)("div", { className: getWrapperClassName({ className, collapsed, active: isActive, isMobile, hasNested: hasNestedItems }), children: [trigger, (0, jsx_runtime_1.jsx)(exports.NavItemContext, { value: { parentLevel: currentLevel, closeParentMenu: closeLevelMenu }, children: (0, jsx_runtime_1.jsx)(controlledMenu_1.ControlledMenu, { triggerRef: triggerRef, isOpen: menuOpen, setIsOpen: setMenuOpen, title: title, alignment: menuAlignment, className: (0, classNames_1.classNames)([popupClass, isMobile ? popupClassMobile : ""]), listClassName: (0, classNames_1.classNames)([popupListClass, isMobile ? popupListClassMobile : ""]), ariaLabelledby: triggerId, children: processedChildren }) })] }));
+        return ((0, jsx_runtime_1.jsxs)("div", { className: getWrapperClassName({ className, collapsed, active: isActive, isMobile, hasNested: hasNestedItems, type }), children: [trigger, (0, jsx_runtime_1.jsx)(exports.NavItemContext, { value: { parentLevel: currentLevel, closeParentMenu: closeLevelMenu }, children: (0, jsx_runtime_1.jsx)(controlledMenu_1.ControlledMenu, { triggerRef: triggerRef, isOpen: menuOpen, setIsOpen: setMenuOpen, title: title, alignment: menuAlignment, className: popupClass, listClassName: popupListClass, ariaLabelledby: triggerId, children: processedChildren }) })] }));
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: getWrapperClassName({ className, collapsed, active: isActive, isMobile, hasNested: hasNestedItems }), children: [trigger, (0, jsx_runtime_1.jsx)(NavItemAction, { actionIcon: actionIcon, actionIconTitle: actionIconTitle, onActionIconClick: onActionIconClick, collapsed: collapsed, level: currentLevel, isMenuItem: isMenuItem })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: getWrapperClassName({ className, collapsed, active: isActive, isMobile, hasNested: hasNestedItems, type }), children: [trigger, (0, jsx_runtime_1.jsx)(NavItemAction, { actionIcon: actionIcon, actionIconTitle: actionIconTitle, onActionIconClick: onActionIconClick, collapsed: collapsed, level: currentLevel, isMenuItem: isMenuItem })] }));
 };
 ButtonNavItem.displayName = "ButtonNavItem";
 /**