@geotab/zenith 3.7.0 → 3.8.0-beta.0

package/dist/menu/components/menuErrorItem.js

@@ -11,12 +11,60 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const textIconButton_1 = require("../../textIconButton/textIconButton");
 const iconWarning_1 = require("../../icons/iconWarning");
 const useLanguage_1 = require("../../utils/localization/useLanguage");
+injectString("cs", "Error with loading", "Error with loading");
+injectString("da-DK", "Error with loading", "Error with loading");
+injectString("de", "Error with loading", "Error with loading");
 injectString("en", "Error with loading", "Error with loading");
+injectString("es", "Error with loading", "Error with loading");
+injectString("fi-FI", "Error with loading", "Error with loading");
+injectString("fr", "Error with loading", "Error with loading");
+injectString("fr-FR", "Error with loading", "Error with loading");
+injectString("hu-HU", "Error with loading", "Error with loading");
+injectString("id", "Error with loading", "Error with loading");
+injectString("it", "Error with loading", "Error with loading");
+injectString("ja", "Error with loading", "Error with loading");
+injectString("ko-KR", "Error with loading", "Error with loading");
+injectString("ms", "Error with loading", "Error with loading");
+injectString("nb-NO", "Error with loading", "Error with loading");
+injectString("nl", "Error with loading", "Error with loading");
+injectString("pl", "Error with loading", "Error with loading");
+injectString("pt-BR", "Error with loading", "Error with loading");
 injectString("pt-PT", "Error with loading", "Erro ao carregar");
+injectString("sk-SK", "Error with loading", "Error with loading");
+injectString("sv", "Error with loading", "Error with loading");
+injectString("th", "Error with loading", "Error with loading");
+injectString("tr", "Error with loading", "Error with loading");
+injectString("zh-Hans", "Error with loading", "Error with loading");
+injectString("zh-TW", "Error with loading", "Error with loading");
 injectString("ro-RO", "Error with loading", "Eroare la \xEEnc\u0103rcare");
+injectString("ar-SA", "Error with loading", "\u062E\u0637\u0623 \u0641\u064A \u0627\u0644\u062A\u062D\u0645\u064A\u0644");
+injectString("cs", "Click to refresh", "Click to refresh");
+injectString("da-DK", "Click to refresh", "Click to refresh");
+injectString("de", "Click to refresh", "Click to refresh");
 injectString("en", "Click to refresh", "Click to refresh");
+injectString("es", "Click to refresh", "Click to refresh");
+injectString("fi-FI", "Click to refresh", "Click to refresh");
+injectString("fr", "Click to refresh", "Click to refresh");
+injectString("fr-FR", "Click to refresh", "Click to refresh");
+injectString("hu-HU", "Click to refresh", "Click to refresh");
+injectString("id", "Click to refresh", "Click to refresh");
+injectString("it", "Click to refresh", "Click to refresh");
+injectString("ja", "Click to refresh", "Click to refresh");
+injectString("ko-KR", "Click to refresh", "Click to refresh");
+injectString("ms", "Click to refresh", "Click to refresh");
+injectString("nb-NO", "Click to refresh", "Click to refresh");
+injectString("nl", "Click to refresh", "Click to refresh");
+injectString("pl", "Click to refresh", "Click to refresh");
+injectString("pt-BR", "Click to refresh", "Click to refresh");
 injectString("pt-PT", "Click to refresh", "Clique para atualizar");
+injectString("sk-SK", "Click to refresh", "Click to refresh");
+injectString("sv", "Click to refresh", "Click to refresh");
+injectString("th", "Click to refresh", "Click to refresh");
+injectString("tr", "Click to refresh", "Click to refresh");
+injectString("zh-Hans", "Click to refresh", "Click to refresh");
+injectString("zh-TW", "Click to refresh", "Click to refresh");
 injectString("ro-RO", "Click to refresh", "Face\u021Bi clic pentru a re\xEEnc\u0103rca");
+injectString("ar-SA", "Click to refresh", "\u0627\u0646\u0642\u0631 \u0644\u0644\u062A\u062D\u062F\u064A\u062B");
 const MenuErrorItem = ({
   id,
   onClick

package/dist/menu/components/menuItem.js

@@ -98,10 +98,10 @@ const MenuItem = ({ id, children, name, icon, disabled, onClick, link, target, r
     wasOpenRef.current = isOpen;
     const openedViaKeyboard = localOpenedViaKeyboardRef.current;
     if (content.length === 0) {
-        return (0, jsx_runtime_1.jsx)(menuButton_1.MenuButton, { id: id, name: name, icon: icon, disabled: disabled, link: link, target: target, rel: rel, onClick: memoizedDesktopActionOnClick, className: className, active: active, hasChildren: false }, id);
+        return ((0, jsx_runtime_1.jsx)(menuButton_1.MenuButton, { id: id, name: name, icon: icon, disabled: disabled, link: link, target: target, rel: rel, onClick: memoizedDesktopActionOnClick, className: className, active: active, hasChildren: false }, id));
     }
     if (isMobile) {
-        return (0, jsx_runtime_1.jsx)(menuButton_1.MenuButton, { id: id, name: name, icon: icon, disabled: disabled, link: link, target: target, rel: rel, onClick: memoizedMobileActionOnClick, active: active, hasChildren: true }, id);
+        return ((0, jsx_runtime_1.jsx)(menuButton_1.MenuButton, { id: id, name: name, icon: icon, disabled: disabled, link: link, target: target, rel: rel, onClick: memoizedMobileActionOnClick, active: active, hasChildren: true }, id));
     }
     let popupTrigger;
     if (trigger) {
@@ -111,9 +111,9 @@ const MenuItem = ({ id, children, name, icon, disabled, onClick, link, target, r
         });
     }
     else {
-        popupTrigger = (0, jsx_runtime_1.jsx)(menuButton_1.MenuButton, { id: id, ref: ref, name: name, icon: icon, disabled: disabled, hasChildren: true, onClick: memoizedTriggerOnClick, active: active }, id);
+        popupTrigger = ((0, jsx_runtime_1.jsx)(menuButton_1.MenuButton, { id: id, ref: ref, name: name, icon: icon, disabled: disabled, hasChildren: true, onClick: memoizedTriggerOnClick, active: active }, id));
     }
-    return (0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [popupTrigger, (0, jsx_runtime_1.jsx)(controlledPopup_1.ControlledPopup, { className: (0, classNames_1.classNames)([`zen-controlled-menu-submenu--${path.length}`]), useTrapFocusWithTrigger: openedViaKeyboard ? "on" : "withTrigger", alignment: contentAlignment, triggerRef: ref, isOpen: isOpen, onOpenChange: memoizedOnOpenChange, ariaLabel: popupTrigger.props.name, recalculateOnScroll: true, children: (0, jsx_runtime_1.jsx)("ul", { role: "menu", className: "zen-menu-item", children: content }) })] }, id);
+    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [popupTrigger, (0, jsx_runtime_1.jsx)(controlledPopup_1.ControlledPopup, { className: (0, classNames_1.classNames)([`zen-controlled-menu-submenu--${path.length}`]), useTrapFocusWithTrigger: openedViaKeyboard ? "on" : "withTrigger", alignment: contentAlignment, triggerRef: ref, isOpen: isOpen, onOpenChange: memoizedOnOpenChange, ariaLabel: popupTrigger.props.name, recalculateOnScroll: true, children: (0, jsx_runtime_1.jsx)("ul", { role: "menu", className: "zen-menu-item", children: content }) })] }, id));
 };
 exports.MenuItem = MenuItem;
 exports.MenuItem.displayName = "MenuItem";

package/dist/menu/controlledMenu.js

@@ -82,7 +82,7 @@ const ControlledMenu = ({ children, isOpen, setIsOpen, triggerRef, ariaLabel, ar
             return;
         }
         if (path.includes(branchId)) {
-            setPath((v) => {
+            setPath(v => {
                 const newPath = [...v];
                 newPath.pop();
                 return newPath;
@@ -90,7 +90,7 @@ const ControlledMenu = ({ children, isOpen, setIsOpen, triggerRef, ariaLabel, ar
         }
     }, [setPath, path]);
     const closeBranch = (0, react_1.useCallback)(() => {
-        setPath((v) => {
+        setPath(v => {
             const newPath = [...v];
             newPath.pop();
             return newPath;
@@ -168,7 +168,7 @@ const ControlledMenu = ({ children, isOpen, setIsOpen, triggerRef, ariaLabel, ar
     const onMouseDown = () => {
         keyboardActiveRef.current = false;
     };
-    const onKeyDown = (e) => {
+    const onKeyDown = e => {
         var _a, _b, _c, _d;
         keyboardActiveRef.current = true;
         const target = e.target;
@@ -202,24 +202,26 @@ const ControlledMenu = ({ children, isOpen, setIsOpen, triggerRef, ariaLabel, ar
             (_d = (0, findLastFocusable_1.findLastFocusable)(target)) === null || _d === void 0 ? void 0 : _d.focus();
             return;
         }
-        if ((0, isButton_1.isButton)(target) && (e.key === "ArrowRight" || e.key === "Enter" || e.key === " ") && target.classList.contains("zen-menu-button__action--has-children")) {
+        if ((0, isButton_1.isButton)(target) &&
+            (e.key === "ArrowRight" || e.key === "Enter" || e.key === " ") &&
+            target.classList.contains("zen-menu-button__action--has-children")) {
             e.preventDefault();
             navigatedViaKeyboardRef.current = true;
             target.click();
         }
     };
-    const renderMenuList = () => (0, jsx_runtime_1.jsx)("div", { ref: menuListRef, tabIndex: -1, onKeyDown: onKeyDown, onMouseDown: onMouseDown, className: (0, classNames_1.classNames)(["zen-action-list", className]), children: (0, jsx_runtime_1.jsxs)("ul", { role: "menu", className: (0, classNames_1.classNames)(["zen-menu-item", className, listClassName]), children: [parent ? (0, jsx_runtime_1.jsx)(menuButton_1.MenuButton, { id: "root", name: parent.props.name || "", icon: iconArrowLeft_1.IconArrowLeft, onClick: closeBranch, hasChildren: false, disabled: false }, "root") : null, content] }) });
+    const renderMenuList = () => ((0, jsx_runtime_1.jsx)("div", { ref: menuListRef, tabIndex: -1, onKeyDown: onKeyDown, onMouseDown: onMouseDown, className: (0, classNames_1.classNames)(["zen-action-list", className]), children: (0, jsx_runtime_1.jsxs)("ul", { role: "menu", className: (0, classNames_1.classNames)(["zen-menu-item", className, listClassName]), children: [parent ? ((0, jsx_runtime_1.jsx)(menuButton_1.MenuButton, { id: "root", name: parent.props.name || "", icon: iconArrowLeft_1.IconArrowLeft, onClick: closeBranch, hasChildren: false, disabled: false }, "root")) : null, content] }) }));
     const hideMenu = (0, react_1.useCallback)(() => {
         closeBranch();
         setIsOpen(false);
     }, [closeBranch, setIsOpen]);
     if (isMobile) {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(pathProvider_1.PathProvider, { path: path, onOpenBranch: onOpenBranch, closeBranch: closeBranch, navigatedViaKeyboardRef: navigatedViaKeyboardRef, keyboardActiveRef: keyboardActiveRef, children: (0, jsx_runtime_1.jsxs)(mobileSheet_1.MobileSheet, { label: title, isOpen: isOpen, triggerRef: triggerRef, onHidePanel: hideMenu, onCloseClick: hideMenu, children: [(0, jsx_runtime_1.jsx)(mobileSheet_1.MobileSheet.Title, { children: title }), (0, jsx_runtime_1.jsx)(mobileSheet_1.MobileSheet.Content, { children: renderMenuList() })] }) }) });
+        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(pathProvider_1.PathProvider, { path: path, onOpenBranch: onOpenBranch, closeBranch: closeBranch, navigatedViaKeyboardRef: navigatedViaKeyboardRef, keyboardActiveRef: keyboardActiveRef, children: (0, jsx_runtime_1.jsxs)(mobileSheet_1.MobileSheet, { label: title, isOpen: isOpen, triggerRef: triggerRef, onHidePanel: hideMenu, onCloseClick: hideMenu, children: [(0, jsx_runtime_1.jsx)(mobileSheet_1.MobileSheet.Title, { children: title }), (0, jsx_runtime_1.jsx)(mobileSheet_1.MobileSheet.Content, { children: renderMenuList() })] }) }) }));
     }
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(pathProvider_1.PathProvider, { path: path, onOpenBranch: onOpenBranch, closeBranch: closeBranch, navigatedViaKeyboardRef: navigatedViaKeyboardRef, keyboardActiveRef: keyboardActiveRef, children: (0, jsx_runtime_1.jsx)(controlledPopup_1.ControlledPopup, { id: id, useTrapFocusWithTrigger: "on", className: (0, classNames_1.classNames)(["zen-controlled-menu", className]), onOpenChange: memoizedOnChange, isOpen: isOpen, triggerRef: triggerRef, paddingX: paddingX, paddingY: paddingY, alignment: alignment, ariaLabelledby: ariaLabelledby, ariaLabel: ariaLabel || title, recalculateOnScroll: true, 
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(pathProvider_1.PathProvider, { path: path, onOpenBranch: onOpenBranch, closeBranch: closeBranch, navigatedViaKeyboardRef: navigatedViaKeyboardRef, keyboardActiveRef: keyboardActiveRef, children: (0, jsx_runtime_1.jsx)(controlledPopup_1.ControlledPopup, { id: id, useTrapFocusWithTrigger: "on", className: (0, classNames_1.classNames)(["zen-controlled-menu", className]), onOpenChange: memoizedOnChange, isOpen: isOpen, triggerRef: triggerRef, paddingX: paddingX, paddingY: paddingY, alignment: alignment, ariaLabelledby: ariaLabelledby, ariaLabel: ariaLabel || title, recalculateOnScroll: true, 
                 // focusOnOpen is false - ControlledMenu handles focus based on input method
                 // (keyboard vs mouse) in its own useEffect
-                focusOnOpen: false, children: renderMenuList() }) }) });
+                focusOnOpen: false, children: renderMenuList() }) }) }));
 };
 exports.ControlledMenu = ControlledMenu;
 exports.ControlledMenu.Item = menuItem_1.MenuItem;

package/dist/menu/menu.js

@@ -14,7 +14,7 @@ const Menu = ({ children, title, trigger, triggerRef, ariaLabel, ariaLabelledBy,
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);
     const innerRef = (0, react_1.useRef)(null);
     const shouldRenderTrigger = !!trigger;
-    const ref = (shouldRenderTrigger || !triggerRef) ? innerRef : triggerRef;
+    const ref = shouldRenderTrigger || !triggerRef ? innerRef : triggerRef;
     const abortEventsControllerRef = (0, react_1.useRef)(null);
     const renderTrigger = () => (0, react_1.cloneElement)(trigger, {
         ref,
@@ -31,7 +31,7 @@ const Menu = ({ children, title, trigger, triggerRef, ariaLabel, ariaLabelledBy,
         }
     }, [triggerRef, isOpen, shouldRenderTrigger]);
     const triggerComp = shouldRenderTrigger ? renderTrigger() : null;
-    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [triggerComp, (0, jsx_runtime_1.jsx)(controlledMenu_1.ControlledMenu, { alignment: alignment, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledBy || ((_a = triggerComp === null || triggerComp === void 0 ? void 0 : triggerComp.props) === null || _a === void 0 ? void 0 : _a.id), isOpen: isOpen, setIsOpen: setIsOpen, triggerRef: ref, title: title, className: (0, classNames_1.classNames)(["zen-menu", className || ""]), children: children })] });
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [triggerComp, (0, jsx_runtime_1.jsx)(controlledMenu_1.ControlledMenu, { alignment: alignment, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledBy || ((_a = triggerComp === null || triggerComp === void 0 ? void 0 : triggerComp.props) === null || _a === void 0 ? void 0 : _a.id), isOpen: isOpen, setIsOpen: setIsOpen, triggerRef: ref, title: title, className: (0, classNames_1.classNames)(["zen-menu", className || ""]), children: children })] }));
 };
 exports.Menu = Menu;
 exports.Menu.Item = menuItem_1.MenuItem;

package/dist/miniTabs/miniTabs.js

@@ -36,6 +36,6 @@ const MiniTabs = ({ activeTabId, onTabChange, children, size = MiniTabsSize.Medi
         var _a;
         (_a = activeButtonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }, [activeTabId]);
-    return (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-mini-tabs", `zen-mini-tabs--${size}`, className ? className : ""]), children: tabs.length ? (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-mini-tabs__header", role: "tablist", onKeyDown: keyDownHandler, ref: tabsRef, children: tabs.map(tab => ((0, jsx_runtime_1.jsx)(miniTabsHeaderItem_1.MiniTabsHeaderItem, { id: tab.id, isActive: activeTabId === tab.id, handleClick: handleTabItemClick, buttonRef: tab.id === activeTabId ? activeButtonRef : undefined, children: tab.name }, tab.id))) }), (0, jsx_runtime_1.jsx)("div", { className: "zen-mini-tabs__content", children: tabs.map((props) => ((0, react_1.createElement)(miniTabsItem_1.MiniTabsItem, Object.assign({}, props, { key: props.id, activeId: activeTabId })))) })] }) : null });
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-mini-tabs", `zen-mini-tabs--${size}`, className ? className : ""]), children: tabs.length ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-mini-tabs__header", role: "tablist", onKeyDown: keyDownHandler, ref: tabsRef, children: tabs.map(tab => ((0, jsx_runtime_1.jsx)(miniTabsHeaderItem_1.MiniTabsHeaderItem, { id: tab.id, isActive: activeTabId === tab.id, handleClick: handleTabItemClick, buttonRef: tab.id === activeTabId ? activeButtonRef : undefined, children: tab.name }, tab.id))) }), (0, jsx_runtime_1.jsx)("div", { className: "zen-mini-tabs__content", children: tabs.map((props) => ((0, react_1.createElement)(miniTabsItem_1.MiniTabsItem, Object.assign({}, props, { key: props.id, activeId: activeTabId })))) })] })) : null }));
 };
 exports.MiniTabs = MiniTabs;

package/dist/miniTabs/miniTabsHelper.js

@@ -58,7 +58,8 @@ const convertChild = (child) => {
                 .map(el => (Object.assign({}, el.props)));
         }
         const nestedChild = fragmentProps.children;
-        return (0, react_1.isValidElement)(nestedChild) && nestedChild.type === miniTabsItem_1.MiniTabsItem ? Object.assign({}, nestedChild.props) : undefined;
+        return (0, react_1.isValidElement)(nestedChild) && nestedChild.type === miniTabsItem_1.MiniTabsItem
+            ? Object.assign({}, nestedChild.props) : undefined;
     }
     return undefined;
 };
@@ -66,7 +67,7 @@ exports.convertChild = convertChild;
 const getChildrenForRender = (children) => {
     const childrenArray = react_1.Children.toArray(children);
     const result = [];
-    childrenArray.forEach((child) => {
+    childrenArray.forEach(child => {
         const converted = (0, exports.convertChild)(child);
         if (converted) {
             if (Array.isArray(converted)) {

package/dist/miniTabs/miniTabsItem.js

@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MiniTabsItem = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
-const MiniTabsItem = ({ id, children, activeId }) => (0, jsx_runtime_1.jsx)("div", { className: "zen-mini-tabs__content", children: (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-mini-tabs__content-wrapper", activeId !== id ? "zen-mini-tabs__content-wrapper--hidden" : ""]), role: "tabpanel", "aria-labelledby": id, tabIndex: 0, id: `panel-${id}`, hidden: activeId && activeId !== id ? true : false, children: children }) });
+const MiniTabsItem = ({ id, children, activeId }) => ((0, jsx_runtime_1.jsx)("div", { className: "zen-mini-tabs__content", children: (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-mini-tabs__content-wrapper", activeId !== id ? "zen-mini-tabs__content-wrapper--hidden" : ""]), role: "tabpanel", "aria-labelledby": id, tabIndex: 0, id: `panel-${id}`, hidden: activeId && activeId !== id ? true : false, children: children }) }));
 exports.MiniTabsItem = MiniTabsItem;

package/dist/mobileSheet/components/mobileSheetContent.js

@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MobileSheetContent = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
-const MobileSheetContent = ({ className = "", children }) => (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-mobile-sheet-content", className]), children: children });
+const MobileSheetContent = ({ className = "", children }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-mobile-sheet-content", className]), children: children }));
 exports.MobileSheetContent = MobileSheetContent;

package/dist/mobileSheet/components/mobileSheetFooter.js

@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MobileSheetFooter = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
-const MobileSheetFooter = ({ className = "", children, borderless = false }) => (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-mobile-sheet-footer", borderless ? "zen-mobile-sheet-footer--borderless" : "", className]), children: children });
+const MobileSheetFooter = ({ className = "", children, borderless = false }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-mobile-sheet-footer", borderless ? "zen-mobile-sheet-footer--borderless" : "", className]), children: children }));
 exports.MobileSheetFooter = MobileSheetFooter;

package/dist/mobileSheet/mobileSheet.d.ts

@@ -16,6 +16,7 @@ export interface IMobileSheet extends IZenComponentProps, Pick<ISidePanel, "trig
     onReadyForFocus?: (currentIsOpen: boolean) => void;
     wrapperClassName?: string;
     stackingClassName?: string;
+    role?: string | false;
 }
 export declare const MobileSheet: FC<IMobileSheet> & {
     Footer: FC<IMobileSheetFooter>;

package/dist/mobileSheet/mobileSheet.js

@@ -43,6 +43,7 @@ injectString("tr", "Back", "Geri");
 injectString("zh-Hans", "Back", "\u8FD4\u56DE");
 injectString("zh-TW", "Back", "\u8FD4\u56DE");
 injectString("ro-RO", "Back", "\xCEnapoi");
+injectString("ar-SA", "Back", "\u0631\u062C\u0648\u0639");
 injectString("cs", "Close", "Zav\u0159\xEDt");
 injectString("da-DK", "Close", "Luk");
 injectString("de", "Close", "Schlie\xDFen");
@@ -69,6 +70,7 @@ injectString("tr", "Close", "Kapat");
 injectString("zh-Hans", "Close", "\u5173\u95ED");
 injectString("zh-TW", "Close", "\u95DC\u9589");
 injectString("ro-RO", "Close", "\xCEnchide\u021Bi");
+injectString("ar-SA", "Close", "\u0625\u063A\u0644\u0627\u0642");
 const iconBackArrow_1 = require("../icons/deprecated/iconBackArrow");
 const iconClose_1 = require("../icons/iconClose");
 const focusableSelector_1 = require("../utils/focusableSelector");
@@ -78,8 +80,9 @@ const useUniqueId_1 = require("../commonHelpers/useUniqueId");
 const useFadeComponent_1 = require("../utils/useFadeComponent");
 const useClientReady_1 = require("../commonHelpers/hooks/useClientReady");
 const zen_1 = require("../utils/zen");
-// eslint-disable-next-line @typescript-eslint/naming-convention
+/* eslint-disable @typescript-eslint/naming-convention */
 const MobileSheet = ({
+  /* eslint-enable @typescript-eslint/naming-convention */
   triggerRef,
   label,
   isOpen,
@@ -96,7 +99,8 @@ const MobileSheet = ({
   wrapperClassName,
   stackingClassName,
   preventFirstFocus,
-  id
+  id,
+  role
 }) => {
   var _a, _b;
   const {
@@ -186,6 +190,7 @@ const MobileSheet = ({
       onHidePanel: onHidePanelAction,
       onTransitionEnd: handleTransitionEnd,
       id: id,
+      role: role,
       children: (0, jsx_runtime_1.jsxs)("div", {
         className: (0, classNames_1.classNames)(["zen-mobile-sheet", className]),
         ref: ref,

package/dist/modal/modal.js

@@ -66,6 +66,7 @@ injectString("tr", "Close", "Kapat");
 injectString("zh-Hans", "Close", "\u5173\u95ED");
 injectString("zh-TW", "Close", "\u95DC\u9589");
 injectString("ro-RO", "Close", "\xCEnchide\u021Bi");
+injectString("ar-SA", "Close", "\u0625\u063A\u0644\u0627\u0642");
 const react_1 = __importStar(require("react"));
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const button_1 = require("../button/button");

package/dist/modal/modalHelpers.js

@@ -10,14 +10,14 @@ const getPredefinedFocusableItem = (container, focusable) => {
         tertiary: "[data-focusable='tertiary']",
         close: "[data-focusable='close']"
     };
-    if (!focusable || focusable !== "content" && !focusableSelector[focusable]) {
+    if (!focusable || (focusable !== "content" && !focusableSelector[focusable])) {
         return null;
     }
     if (focusable === "content") {
         const contentElements = container.querySelectorAll(focusableSelector_1.FOCUSABLE_SELECTOR);
-        const contentElement = Array.from(contentElements).find((el) => {
+        const contentElement = Array.from(contentElements).find(el => {
             const dataFocus = el.getAttribute("data-focusable");
-            return (dataFocus !== "primary" && dataFocus !== "secondary" && dataFocus !== "tertiary" && dataFocus !== "close") && (0, dialogHelpers_1.isFocusable)(el);
+            return dataFocus !== "primary" && dataFocus !== "secondary" && dataFocus !== "tertiary" && dataFocus !== "close" && (0, dialogHelpers_1.isFocusable)(el);
         });
         return contentElement ? contentElement : null;
     }

package/dist/modal/utils/isModalTarget.d.ts

@@ -0,0 +1 @@
+export declare const isModalTarget: (e: Event) => boolean;

package/dist/modal/utils/isModalTarget.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isModalTarget = void 0;
+const isModalTarget = (e) => {
+    if (!e.target) {
+        return false;
+    }
+    const target = e.target;
+    return !!target.closest(".zen-modal");
+};
+exports.isModalTarget = isModalTarget;

package/dist/nav/nav.js

@@ -43,13 +43,13 @@ const NavContent = ({ children }) => {
         // Initial check
         handleResize();
     }, [handleResize]);
-    return (0, jsx_runtime_1.jsx)("div", { ref: contentRef, onScroll: handleScroll, className: (0, classNames_1.classNames)([
+    return ((0, jsx_runtime_1.jsx)("div", { ref: contentRef, onScroll: handleScroll, className: (0, classNames_1.classNames)([
             "zen-nav__content",
             showTopShadow && !isEditState ? "zen-nav__content--show-top-shadow" : "",
             showBottomShadow && !isEditState ? "zen-nav__content--show-bottom-shadow" : "",
             hasScrollbar ? "zen-nav__content--has-scrollbar" : "",
             hasOverlayScrollbar ? "zen-nav__content--overlay-scrollbar" : ""
-        ]), children: (0, jsx_runtime_1.jsx)("div", { className: "zen-nav__content-inner", children: children }) });
+        ]), children: (0, jsx_runtime_1.jsx)("div", { className: "zen-nav__content-inner", children: children }) }));
 };
 /**
  * @beta This component is not fully ready yet and may change in future releases.
@@ -75,16 +75,22 @@ const Nav = ({ children, className, collapsed = false, onCollapseToggle, onMenuV
         }
     }, [isMobile, isMobileMenuOpen]);
     const childrenArray = react_1.Children.toArray(children);
-    const header = isEditState ? undefined : childrenArray.find(child => { var _a; return ((_a = child.type) === null || _a === void 0 ? void 0 : _a.displayName) === "NavHeader"; });
+    const header = isEditState
+        ? undefined
+        : childrenArray.find(child => { var _a; return ((_a = child.type) === null || _a === void 0 ? void 0 : _a.displayName) === "NavHeader"; });
     const sections = childrenArray.filter(child => { var _a; return ((_a = child.type) === null || _a === void 0 ? void 0 : _a.displayName) === "NavSection"; });
     const footer = childrenArray.find(child => { var _a; return ((_a = child.type) === null || _a === void 0 ? void 0 : _a.displayName) === "NavFooter"; });
     const editFooter = childrenArray.find(child => { var _a; return ((_a = child.type) === null || _a === void 0 ? void 0 : _a.displayName) === "NavEditFooter"; });
-    const secondarySections = sections.map(section => (0, navUtils_1.filterPrimaryNavItems)(section, true)).filter(section => !!section && react_1.Children.count(section.props.children) > 0);
-    const primarySections = sections.map(section => (0, navUtils_1.filterPrimaryNavItems)(section, false)).filter(section => !!section && react_1.Children.count(section.props.children) > 0);
+    const secondarySections = sections
+        .map(section => (0, navUtils_1.filterPrimaryNavItems)(section, true))
+        .filter(section => !!section && react_1.Children.count(section.props.children) > 0);
+    const primarySections = sections
+        .map(section => (0, navUtils_1.filterPrimaryNavItems)(section, false))
+        .filter(section => !!section && react_1.Children.count(section.props.children) > 0);
     const sectionsToRender = isMobile ? secondarySections : sections;
     const secondaryFooter = footer && (0, navUtils_1.filterPrimaryNavItems)(footer, true);
     const primaryFooter = footer && (0, navUtils_1.filterPrimaryNavItems)(footer, false);
-    const footerToRender = isEditState ? editFooter : (isMobile ? secondaryFooter : footer);
+    const footerToRender = isEditState ? editFooter : isMobile ? secondaryFooter : footer;
     const primaryItems = [...primarySections, ...(primaryFooter ? [primaryFooter] : [])].flatMap(e => (0, navUtils_1.collectNavItems)(e));
     const editListItems = childrenArray.find(child => { var _a; return ((_a = child.type) === null || _a === void 0 ? void 0 : _a.displayName) === "NavEditSection"; });
     const onSearchOpen = (0, react_1.useCallback)((isOpen) => {
@@ -129,7 +135,7 @@ const Nav = ({ children, className, collapsed = false, onCollapseToggle, onMenuV
     (0, react_1.useEffect)(() => {
         onMenuVisibilityToggle === null || onMenuVisibilityToggle === void 0 ? void 0 : onMenuVisibilityToggle(!isMobile || isMobileMenuOpen);
     }, [isMobile, isMobileMenuOpen, onMenuVisibilityToggle]);
-    return (0, jsx_runtime_1.jsxs)(nav_context_1.NavContext, { value: {
+    return ((0, jsx_runtime_1.jsxs)(nav_context_1.NavContext, { value: {
             collapsed,
             onCollapseToggle,
             searchOpen: isSearchOpen,
@@ -139,12 +145,14 @@ const Nav = ({ children, className, collapsed = false, onCollapseToggle, onMenuV
             searchTerm,
             onSearch: setSearchTerm,
             onNavigate: () => onIsMobileMenuOpenToggle && onIsMobileMenuOpenToggle(false)
-        }, children: [(!isMobile || isMobileMenuOpen)
-                ? (0, jsx_runtime_1.jsxs)("div", { ref: menuRef, className: (0, classNames_1.classNames)(["zen-nav", isMobile ? "zen-nav--mobile" : "", collapsed ? "zen-nav--collapsed" : "", className || ""]), children: [header ? (0, react_1.cloneElement)(header, Object.assign(Object.assign({}, header.props), { className: (0, classNames_1.classNames)(["zen-nav__header", header.props.className || ""]) })) : null, (0, jsx_runtime_1.jsx)(NavContent, { children: isEditState
-                                ? editListItems
-                                : sectionsToRender.map((section, index) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, react_1.cloneElement)(section, {
-                                            className: (0, classNames_1.classNames)(["zen-nav__section", section.props.className || ""])
-                                        }), isMobile || index < sectionsToRender.length - 1 ? (0, jsx_runtime_1.jsx)(navDivider_1.NavDivider, {}) : null] }, index))) }), footerToRender] })
-                : null, mobileBarContainer && isMobile && (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(navMobileBar_1.NavMobileBar, { onMenuToggle: onMobileMenuToggle, isMenuOpen: isMobileMenuOpen, children: isEditState ? editListItems : primaryItems }), mobileBarContainer)] });
+        }, children: [!isMobile || isMobileMenuOpen ? ((0, jsx_runtime_1.jsxs)("div", { ref: menuRef, className: (0, classNames_1.classNames)(["zen-nav", isMobile ? "zen-nav--mobile" : "", collapsed ? "zen-nav--collapsed" : "", className || ""]), children: [header
+                        ? (0, react_1.cloneElement)(header, Object.assign(Object.assign({}, header.props), { className: (0, classNames_1.classNames)(["zen-nav__header", header.props.className || ""]) }))
+                        : null, (0, jsx_runtime_1.jsx)(NavContent, { children: isEditState
+                            ? editListItems
+                            : sectionsToRender.map((section, index) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, react_1.cloneElement)(section, {
+                                        className: (0, classNames_1.classNames)(["zen-nav__section", section.props.className || ""])
+                                    }), isMobile || index < sectionsToRender.length - 1 ? (0, jsx_runtime_1.jsx)(navDivider_1.NavDivider, {}) : null] }, index))) }), footerToRender] })) : null, mobileBarContainer &&
+                isMobile &&
+                (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(navMobileBar_1.NavMobileBar, { onMenuToggle: onMobileMenuToggle, isMenuOpen: isMobileMenuOpen, children: isEditState ? editListItems : primaryItems }), mobileBarContainer)] }));
 };
 exports.Nav = Nav;

package/dist/nav/navAddMenu/navAddMenu.js

@@ -25,13 +25,16 @@ const NavAddMenu = ({ title, alignment, className, children }) => {
         return !!element.type && element.type.displayName === "NavItem";
     })
         .map(child => (0, react_1.cloneElement)(child, {
-        className: (0, classNames_1.classNames)([
-            "zen-nav-item--level-2",
-            child.props.className || ""
-        ]),
+        className: (0, classNames_1.classNames)(["zen-nav-item--level-2", child.props.className || ""]),
         collapsed: false
     }));
-    return (0, jsx_runtime_1.jsx)(navItem_1.NavItemContext, { value: { parentLevel: 2 }, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-nav-header__actions", className || ""]), children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { trigger: (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { id: triggerId, title: title, className: (0, classNames_1.classNames)(["zen-nav-footer__actions-icon", className || ""]), icon: isOpen && !isMobile ? iconClose_1.IconClose : iconPlus_1.IconPlus, iconSize: "large", ref: triggerRef, onClick: () => setIsOpen(!isOpen), role: !isMobile ? "menuitem" : undefined }), alignment: isMobile ? "left" : collapsed ? "right" : "top", children: title }), (0, jsx_runtime_1.jsx)(controlledMenu_1.ControlledMenu, { title: title, isOpen: isOpen, setIsOpen: setIsOpen, triggerRef: triggerRef, alignment: alignment, paddingX: 8, paddingY: 8, className: (0, classNames_1.classNames)(["zen-nav-popup zen-nav-popup--narrow zen-nav-l2-popup zen-nav-l2-popup--narrow", isMobile ? "zen-nav-popup--mobile zen-nav-l2-popup--mobile" : ""]), listClassName: (0, classNames_1.classNames)(["zen-nav-popup__list zen-nav-l2-popup__list", isMobile ? "zen-nav-popup__list--mobile zen-nav-l2-popup__list--mobile" : ""]), ariaLabelledby: triggerId, children: validChildren })] }) });
+    return ((0, jsx_runtime_1.jsx)(navItem_1.NavItemContext, { value: { parentLevel: 2 }, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-nav-header__actions", className || ""]), children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { trigger: (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { id: triggerId, title: title, className: (0, classNames_1.classNames)(["zen-nav-footer__actions-icon", className || ""]), icon: isOpen && !isMobile ? iconClose_1.IconClose : iconPlus_1.IconPlus, iconSize: "large", ref: triggerRef, onClick: () => setIsOpen(!isOpen), role: !isMobile ? "menuitem" : undefined }), alignment: isMobile ? "left" : collapsed ? "right" : "top", children: title }), (0, jsx_runtime_1.jsx)(controlledMenu_1.ControlledMenu, { title: title, isOpen: isOpen, setIsOpen: setIsOpen, triggerRef: triggerRef, alignment: alignment, paddingX: 8, paddingY: 8, className: (0, classNames_1.classNames)([
+                        "zen-nav-popup zen-nav-popup--narrow zen-nav-l2-popup zen-nav-l2-popup--narrow",
+                        isMobile ? "zen-nav-popup--mobile zen-nav-l2-popup--mobile" : ""
+                    ]), listClassName: (0, classNames_1.classNames)([
+                        "zen-nav-popup__list zen-nav-l2-popup__list",
+                        isMobile ? "zen-nav-popup__list--mobile zen-nav-l2-popup__list--mobile" : ""
+                    ]), ariaLabelledby: triggerId, children: validChildren })] }) }));
 };
 exports.NavAddMenu = NavAddMenu;
 exports.NavAddMenu.displayName = "NavAddMenu";

package/dist/nav/navDivider/navDivider.js

@@ -7,10 +7,7 @@ const classNames_1 = require("../../commonHelpers/classNames/classNames");
  * @beta This component is not fully ready yet and may change in future releases.
  */
 const NavDivider = ({ className }) => {
-    const dividerClassNames = (0, classNames_1.classNames)([
-        "zen-nav-divider",
-        className !== null && className !== void 0 ? className : ""
-    ]);
+    const dividerClassNames = (0, classNames_1.classNames)(["zen-nav-divider", className !== null && className !== void 0 ? className : ""]);
     return (0, jsx_runtime_1.jsx)("div", { className: dividerClassNames, role: "separator" });
 };
 exports.NavDivider = NavDivider;

package/dist/nav/navEditList/navEditList.js

@@ -17,7 +17,7 @@ const NavEditList = ({ children, className, onItemsChangeOrder, onBeforeItemDrag
     const appsListRef = (0, react_1.useRef)(null);
     const dragHandler = onItemsChangeOrder ? onItemsChangeOrder : () => { };
     const { onDragStart } = (0, useDragAndDrop_1.useDragAndDrop)(appsListRef, dragHandler, marksClassNames, onBeforeItemDrag, EDIT_ITEM_GAP);
-    const childrenArray = (0, react_1.useMemo)(() => onItemsChangeOrder ? react_1.Children.map(children, child => (0, navEditListUtils_1.attachDndHandler)(child, onDragStart)) : children, [children, onItemsChangeOrder, onDragStart]);
-    return (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-nav-edit-list", className || ""]), ref: appsListRef, children: childrenArray });
+    const childrenArray = (0, react_1.useMemo)(() => (onItemsChangeOrder ? react_1.Children.map(children, child => (0, navEditListUtils_1.attachDndHandler)(child, onDragStart)) : children), [children, onItemsChangeOrder, onDragStart]);
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-nav-edit-list", className || ""]), ref: appsListRef, children: childrenArray }));
 };
 exports.NavEditList = NavEditList;

package/dist/nav/navEditList/navEditListUtils.js

@@ -7,7 +7,7 @@ const navActionItem_1 = require("../navItem/navActionItem");
 const iconGrab_1 = require("../../icons/iconGrab");
 const attachDndHandler = (item, onPointerDown) => {
     if (item.type === navActionItem_1.NavActionItem) {
-        return (0, react_1.cloneElement)(item, Object.assign(Object.assign({}, item.props), { startNode: (0, jsx_runtime_1.jsx)("div", { className: "zen-nav-item__dnd", onPointerDown: onPointerDown, children: (0, jsx_runtime_1.jsx)(iconGrab_1.IconGrab, { size: "large" }) }) }));
+        return (0, react_1.cloneElement)(item, Object.assign(Object.assign({}, item.props), { startNode: ((0, jsx_runtime_1.jsx)("div", { className: "zen-nav-item__dnd", onPointerDown: onPointerDown, children: (0, jsx_runtime_1.jsx)(iconGrab_1.IconGrab, { size: "large" }) })) }));
     }
     return item;
 };

package/dist/nav/navEditSection/navEditSection.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.NavEditSection = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
-const NavEditSection = ({ children, className }) => (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-nav-edit-section", className || ""]), children: children });
+const NavEditSection = ({ children, className }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-nav-edit-section", className || ""]), children: children }));
 exports.NavEditSection = NavEditSection;
 exports.NavEditSection.displayName = "NavEditSection";

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

@@ -34,6 +34,7 @@ injectString("tr", "Save", "Kaydet");
 injectString("zh-Hans", "Save", "\u4FDD\u5B58");
 injectString("zh-TW", "Save", "\u5132\u5B58");
 injectString("ro-RO", "Save", "Salva\u021Bi");
+injectString("ar-SA", "Save", "\u062D\u0641\u0638");
 injectString("cs", "Cancel", "Zru\u0161it");
 injectString("da-DK", "Cancel", "Annuller");
 injectString("de", "Cancel", "Abbrechen");
@@ -60,6 +61,7 @@ injectString("tr", "Cancel", "\u0130ptal");
 injectString("zh-Hans", "Cancel", "\u53D6\u6D88");
 injectString("zh-TW", "Cancel", "\u53D6\u6D88");
 injectString("ro-RO", "Cancel", "Anula\u021Bi");
+injectString("ar-SA", "Cancel", "\u0625\u0644\u063A\u0627\u0621");
 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.js

@@ -8,9 +8,33 @@ 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("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("fr", "Edit Navigation", "Edit Navigation");
+injectString("fr-FR", "Edit Navigation", "Edit Navigation");
+injectString("hu-HU", "Edit Navigation", "Edit Navigation");
+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("pl", "Edit Navigation", "Edit Navigation");
+injectString("pt-BR", "Edit Navigation", "Edit Navigation");
 injectString("pt-PT", "Edit Navigation", "Editar navega\xE7\xE3o");
+injectString("sk-SK", "Edit Navigation", "Edit Navigation");
+injectString("sv", "Edit Navigation", "Edit Navigation");
+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-SA", "Edit Navigation", "\u062A\u0639\u062F\u064A\u0644 \u0627\u0644\u062A\u0646\u0642\u0644");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const react_1 = require("react");
 const navItem_1 = require("../navItem/navItem");

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

@@ -34,6 +34,7 @@ injectString("tr", "Configure", "Yap\u0131land\u0131r");
 injectString("zh-Hans", "Configure", "\u914D\u7F6E");
 injectString("zh-TW", "Configure", "\u914D\u7F6E");
 injectString("ro-RO", "Configure", "Configura\u021Bi");
+injectString("ar-SA", "Configure", "\u062A\u0643\u0648\u064A\u0646");
 const useLanguage_1 = require("../../../utils/localization/useLanguage");
 const navItem_1 = require("../../navItem/navItem");
 const iconSettings4_1 = require("../../../icons/iconSettings4");

package/dist/nav/navHeader/navHeader.js

@@ -8,12 +8,60 @@ 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("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("fr", "Expand Navigation", "Expand Navigation");
+injectString("fr-FR", "Expand Navigation", "Expand Navigation");
+injectString("hu-HU", "Expand Navigation", "Expand Navigation");
+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("pl", "Expand Navigation", "Expand Navigation");
+injectString("pt-BR", "Expand Navigation", "Expand Navigation");
 injectString("pt-PT", "Expand Navigation", "Expandir navega\xE7\xE3o");
+injectString("sk-SK", "Expand Navigation", "Expand Navigation");
+injectString("sv", "Expand Navigation", "Expand Navigation");
+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-SA", "Expand Navigation", "\u062A\u0648\u0633\u064A\u0639 \u0627\u0644\u062A\u0646\u0642\u0644");
+injectString("cs", "Collapse Navigation", "Collapse Navigation");
+injectString("da-DK", "Collapse Navigation", "Collapse 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("fr", "Collapse Navigation", "Collapse Navigation");
+injectString("fr-FR", "Collapse Navigation", "Collapse Navigation");
+injectString("hu-HU", "Collapse Navigation", "Collapse Navigation");
+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("pl", "Collapse Navigation", "Collapse Navigation");
+injectString("pt-BR", "Collapse Navigation", "Collapse Navigation");
 injectString("pt-PT", "Collapse Navigation", "Recolher navega\xE7\xE3o");
+injectString("sk-SK", "Collapse Navigation", "Collapse Navigation");
+injectString("sv", "Collapse Navigation", "Collapse Navigation");
+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-SA", "Collapse Navigation", "\u0637\u064A \u0627\u0644\u062A\u0646\u0642\u0644");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const react_1 = require("react");
 const useMobile_1 = require("../../commonHelpers/hooks/useMobile");