@geotab/zenith 3.14.0 → 3.15.0-beta.0

package/esm/lineChartMini/lineChartMini.js

@@ -1,16 +1,14 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
+import { injectString } from "../utils/localization/translationsDictionary";
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useEffect, useMemo } from "react";
+import { useContext, useEffect, useId, useMemo } from "react";
 import { Line } from "../react-chartjs/typedCharts";
 import { Chart as ChartJS, CategoryScale, LinearScale, PointElement, LineElement, Filler } from "chart.js/auto";
 import { deepMerge } from "../commonHelpers/utils";
@@ -20,76 +18,141 @@ import { useMobile } from "../commonHelpers/hooks/useMobile";
 import { themeContext } from "../utils/theme/themeContext";
 import { useIsRTL } from "../utils/localization/useIsRTL";
 import { AccessibleChart } from "../chart/accessibleChart/accessibleChart";
+import { useLanguage } from "../utils/localization/useLanguage";
+injectString("cs", "Line chart", "Spojnicov\xFD graf");
+injectString("da-DK", "Line chart", "Linjediagram");
+injectString("de", "Line chart", "Liniendiagramm");
+injectString("en", "Line chart", "Line chart");
+injectString("es", "Line chart", "Gr\xE1fico de l\xEDneas");
+injectString("fi-FI", "Line chart", "Viivakaavio");
+injectString("fr", "Line chart", "Graphique lin\xE9aire");
+injectString("fr-FR", "Line chart", "Graphique lin\xE9aire");
+injectString("hu-HU", "Line chart", "Vonaldiagram");
+injectString("id", "Line chart", "Bagan garis");
+injectString("it", "Line chart", "Grafico a linee");
+injectString("ja", "Line chart", "\u6298\u308C\u7DDA\u30B0\u30E9\u30D5");
+injectString("ko-KR", "Line chart", "\uC120\uD615 \uCC28\uD2B8");
+injectString("ms", "Line chart", "Carta garisan");
+injectString("nb-NO", "Line chart", "Linjediagram");
+injectString("nl", "Line chart", "Lijndiagram");
+injectString("pl", "Line chart", "Wykres liniowy");
+injectString("pt-BR", "Line chart", "Gr\xE1fico de linhas");
+injectString("pt-PT", "Line chart", "Gr\xE1fico de linhas");
+injectString("sk-SK", "Line chart", "\u010Ciarov\xFD graf");
+injectString("sv", "Line chart", "Linjediagram");
+injectString("th", "Line chart", "\u0E41\u0E1C\u0E19\u0E20\u0E39\u0E21\u0E34\u0E40\u0E2A\u0E49\u0E19");
+injectString("tr", "Line chart", "\xC7izgi grafik");
+injectString("zh-Hans", "Line chart", "\u6298\u7EBF\u56FE");
+injectString("zh-TW", "Line chart", "\u6298\u7DDA\u5716");
+injectString("ro-RO", "Line chart", "Grafic liniar");
+injectString("ar", "Line chart", "\u0645\u062E\u0637\u0637 \u062E\u0637\u064A");
+injectString("lt-LT", "Line chart", "Linijin\u0117 diagrama");
+injectString("lv-LV", "Line chart", "L\u012Bniju diagramma");
+injectString("ka-GE", "Line chart", "\u10EE\u10D0\u10D6\u10DD\u10D5\u10D0\u10DC\u10D8 \u10E1\u10E5\u10D4\u10DB\u10D0");
+injectString("el-GR", "Line chart", "\u0393\u03C1\u03AC\u03C6\u03B7\u03BC\u03B1 \u03B3\u03C1\u03B1\u03BC\u03BC\u03CE\u03BD");
+injectString("et-EE", "Line chart", "Joondiagramm");
+injectString("bg-BG", "Line chart", "\u041B\u0438\u043D\u0435\u0439\u043D\u0430 \u0434\u0438\u0430\u0433\u0440\u0430\u043C\u0430");
 ChartJS.defaults.font = {
-    family: "Roboto",
-    size: 12
+  family: "Roboto",
+  size: 12
 };
 ChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Filler);
 const defaultGridStyle = {
-    display: false
+  display: false
 };
 const defaultGridBorderStyle = {
-    display: false
+  display: false
 };
-const getDefaultOptions = (isRtl) => ({
-    responsive: true,
-    maintainAspectRatio: false,
-    layout: {
-        padding: {
-            left: isRtl ? 16 : 0,
-            right: isRtl ? 0 : 16
-        }
+const getDefaultOptions = isRtl => ({
+  responsive: true,
+  maintainAspectRatio: false,
+  layout: {
+    padding: {
+      left: isRtl ? 16 : 0,
+      right: isRtl ? 0 : 16
+    }
+  },
+  scales: {
+    x: {
+      grid: defaultGridStyle,
+      border: defaultGridBorderStyle,
+      reverse: isRtl,
+      offset: false
     },
-    scales: {
-        x: {
-            grid: defaultGridStyle,
-            border: defaultGridBorderStyle,
-            reverse: isRtl,
-            offset: false
-        },
-        y: {
-            grid: defaultGridStyle,
-            border: defaultGridBorderStyle,
-            position: isRtl ? "right" : "left",
-            ticks: {
-                display: false
-            }
-        }
+    y: {
+      grid: defaultGridStyle,
+      border: defaultGridBorderStyle,
+      position: isRtl ? "right" : "left",
+      ticks: {
+        display: false
+      }
+    }
+  },
+  plugins: {
+    legend: {
+      display: false
     },
-    plugins: {
-        legend: {
-            display: false
-        },
-        tooltip: {
-            enabled: false
-        }
+    tooltip: {
+      enabled: false
     }
+  }
 });
-export const LineChartMini = (_a) => {
-    var _b, _c;
-    var { data, options = {} } = _a, rest = __rest(_a, ["data", "options"]);
-    const isDrive = useDrive();
-    const isMobile = useMobile();
-    const memoizedFontSize = useMemo(() => (isDrive ? (isMobile ? 14 : 16) : 12), [isDrive, isMobile]);
-    const { dark } = useContext(themeContext);
-    const isRtl = useIsRTL();
-    useEffect(() => {
-        ChartJS.defaults.font = {
-            family: "Roboto",
-            size: memoizedFontSize
-        };
-        ChartJS.defaults.color = dark ? "#FFFFFF" : "#1F2833";
-    }, [memoizedFontSize, dark]);
-    const adaptedData = Object.assign({}, data);
-    const defaultOptions = useMemo(() => getDefaultOptions(isRtl), [isRtl]);
-    const adaptedOptions = deepMerge(defaultOptions, options);
-    if (((_b = adaptedData.labels) === null || _b === void 0 ? void 0 : _b.length) === 2) {
-        const maxLabelsCount = Math.max(...data.datasets.map(ds => ds.data.length));
-        const newLabels = Array(maxLabelsCount).fill("");
-        newLabels[0] = (_c = data.labels) === null || _c === void 0 ? void 0 : _c[0];
-        newLabels[newLabels.length - 1] = data.labels ? data.labels[data.labels.length - 1] : "";
-        adaptedData.labels = newLabels;
-    }
-    adaptedData.datasets = adaptedData.datasets.map((ds, i) => getDefaultDatasetStyle(ds, i, true));
-    return (_jsxs(_Fragment, { children: [_jsx(Line, Object.assign({ options: adaptedOptions, data: adaptedData, "aria-hidden": true }, rest)), _jsx(AccessibleChart, { type: "line-mini", data: adaptedData })] }));
-};
+export const LineChartMini = _a => {
+  var _b, _c;
+  var {
+      data,
+      options = {}
+    } = _a,
+    rest = __rest(_a, ["data", "options"]);
+  const {
+    translate
+  } = useLanguage();
+  const narrativeId = useId();
+  const isDrive = useDrive();
+  const isMobile = useMobile();
+  const memoizedFontSize = useMemo(() => isDrive ? isMobile ? 14 : 16 : 12, [isDrive, isMobile]);
+  const {
+    dark
+  } = useContext(themeContext);
+  const isRtl = useIsRTL();
+  useEffect(() => {
+    ChartJS.defaults.font = {
+      family: "Roboto",
+      size: memoizedFontSize
+    };
+    ChartJS.defaults.color = dark ? "#FFFFFF" : "#1F2833";
+  }, [memoizedFontSize, dark]);
+  const adaptedData = Object.assign({}, data);
+  const defaultOptions = useMemo(() => getDefaultOptions(isRtl), [isRtl]);
+  const adaptedOptions = deepMerge(defaultOptions, options);
+  if (((_b = adaptedData.labels) === null || _b === void 0 ? void 0 : _b.length) === 2) {
+    const maxLabelsCount = Math.max(...data.datasets.map(ds => ds.data.length));
+    const newLabels = Array(maxLabelsCount).fill("");
+    newLabels[0] = (_c = data.labels) === null || _c === void 0 ? void 0 : _c[0];
+    newLabels[newLabels.length - 1] = data.labels ? data.labels[data.labels.length - 1] : "";
+    adaptedData.labels = newLabels;
+  }
+  adaptedData.datasets = adaptedData.datasets.map((ds, i) => getDefaultDatasetStyle(ds, i, true));
+  return _jsxs(_Fragment, {
+    children: [_jsx("div", {
+      className: "zen-line-chart-mini",
+      tabIndex: 0,
+      style: {
+        width: "100%",
+        height: "100%"
+      },
+      role: "figure",
+      "aria-label": translate("Line chart"),
+      "aria-describedby": narrativeId,
+      children: _jsx(Line, Object.assign({
+        options: adaptedOptions,
+        data: adaptedData,
+        "aria-hidden": true
+      }, rest))
+    }), _jsx(AccessibleChart, {
+      type: "line-mini",
+      data: adaptedData,
+      narrativeId: narrativeId
+    })]
+  });
+};

package/esm/list/itemData/itemData.d.ts

@@ -28,5 +28,6 @@ export interface IItemData {
     isTall?: boolean;
     target?: React.HTMLAttributeAnchorTarget;
 }
-export declare const ItemData: ({ id, ...rest }: IItemData) => import("react/jsx-runtime").JSX.Element;
+declare const ItemDataInner: ({ id, ...rest }: IItemData) => import("react/jsx-runtime").JSX.Element;
+export declare const ItemData: typeof ItemDataInner;
 export {};

package/esm/list/itemData/itemDataInternal.d.ts

@@ -27,5 +27,6 @@ export interface IItemData {
     isTall?: boolean;
     target?: React.HTMLAttributeAnchorTarget;
 }
-export declare const ItemDataInternal: ({ id, visible, icon, iconClassName, name, link, secondary, status, actions, data, onClick, checked, onCheck, isDrive, isMobile, isTall, target }: IItemData) => import("react/jsx-runtime").JSX.Element;
+declare const ItemDataInternalInner: ({ id, visible, icon, iconClassName, name, link, secondary, status, actions, data, onClick, checked, onCheck, isDrive, isMobile, isTall, target }: IItemData) => import("react/jsx-runtime").JSX.Element;
+export declare const ItemDataInternal: typeof ItemDataInternalInner;
 export {};

package/esm/list/itemData/itemDataInternal.js

@@ -40,6 +40,12 @@ injectString("zh-Hans", "More", "\u66F4\u591A");
 injectString("zh-TW", "More", "\u66F4\u591A");
 injectString("ro-RO", "More", "Mai multe");
 injectString("ar", "More", "\u0627\u0644\u0645\u0632\u064A\u062F");
+injectString("lt-LT", "More", "Daugiau");
+injectString("lv-LV", "More", "Vair\u0101k");
+injectString("ka-GE", "More", "\u10DB\u10D4\u10E2\u10D8");
+injectString("el-GR", "More", "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B1");
+injectString("et-EE", "More", "Rohkem");
+injectString("bg-BG", "More", "\u041F\u043E\u0432\u0435\u0447\u0435");
 injectString("cs", "Open", "Otev\u0159\xEDt");
 injectString("da-DK", "Open", "\xC5bn");
 injectString("de", "Open", "Offen");
@@ -67,6 +73,12 @@ injectString("zh-Hans", "Open", "\u6253\u5F00");
 injectString("zh-TW", "Open", "\u958B\u555F");
 injectString("ro-RO", "Open", "Deschis");
 injectString("ar", "Open", "\u0641\u062A\u062D");
+injectString("lt-LT", "Open", "Atidaryti");
+injectString("lv-LV", "Open", "Atv\u0113rt");
+injectString("ka-GE", "Open", "\u10D2\u10D0\u10EE\u10E1\u10DC\u10D0");
+injectString("el-GR", "Open", "\u0386\u03BD\u03BF\u03B9\u03B3\u03BC\u03B1");
+injectString("et-EE", "Open", "Ava");
+injectString("bg-BG", "Open", "\u041E\u0442\u0432\u0430\u0440\u044F\u043D\u0435");
 const ItemDataInternalInner = ({
   id,
   visible,

package/esm/list/list.d.ts

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

package/esm/list/listItem/listItem.js

@@ -43,6 +43,12 @@ injectString("zh-Hans", "More", "\u66F4\u591A");
 injectString("zh-TW", "More", "\u66F4\u591A");
 injectString("ro-RO", "More", "Mai multe");
 injectString("ar", "More", "\u0627\u0644\u0645\u0632\u064A\u062F");
+injectString("lt-LT", "More", "Daugiau");
+injectString("lv-LV", "More", "Vair\u0101k");
+injectString("ka-GE", "More", "\u10DB\u10D4\u10E2\u10D8");
+injectString("el-GR", "More", "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B1");
+injectString("et-EE", "More", "Rohkem");
+injectString("bg-BG", "More", "\u041F\u043E\u0432\u0435\u0447\u0435");
 injectString("cs", "View details", "Zobrazit podrobnosti");
 injectString("da-DK", "View details", "Se detaljer");
 injectString("de", "View details", "Details anzeigen");
@@ -70,6 +76,12 @@ injectString("zh-Hans", "View details", "\u67E5\u770B\u8BE6\u7EC6\u4FE1\u606F");
 injectString("zh-TW", "View details", "\u6AA2\u8996\u8A73\u7D30\u8CC7\u8A0A");
 injectString("ro-RO", "View details", "Afi\u0219a\u021Bi detaliile");
 injectString("ar", "View details", "\u0639\u0631\u0636 \u0627\u0644\u062A\u0641\u0627\u0635\u064A\u0644");
+injectString("lt-LT", "View details", "Per\u017Ei\u016Br\u0117ti detales");
+injectString("lv-LV", "View details", "Skat\u012Bt deta\u013Cas");
+injectString("ka-GE", "View details", "\u10D3\u10D4\u10E2\u10D0\u10DA\u10D4\u10D1\u10D8\u10E1 \u10DC\u10D0\u10EE\u10D5\u10D0");
+injectString("el-GR", "View details", "\u03A0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AE \u03BB\u03B5\u03C0\u03C4\u03BF\u03BC\u03B5\u03C1\u03B5\u03B9\u03CE\u03BD");
+injectString("et-EE", "View details", "Vaata \xFCksikasju");
+injectString("bg-BG", "View details", "\u041F\u0440\u0435\u0433\u043B\u0435\u0434 \u043D\u0430 \u043F\u043E\u0434\u0440\u043E\u0431\u043D\u043E\u0441\u0442\u0438\u0442\u0435");
 export const ListItem = ({
   id,
   className,

package/esm/list/utils/isDataListitem.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement, ReactNode } from "react";
 import { IItemData } from "../itemData/itemData";
-export declare const isDataListItem: (item: ReactNode) => item is ReactElement<IItemData, string | import("react").JSXElementConstructor<any>>;
+export declare const isDataListItem: (item: ReactNode) => item is ReactElement<IItemData>;

package/esm/list/viewportProvider/viewportContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IViewportContext {
     isInViewport: (id: string) => boolean;
 }

package/esm/menu/components/controlledMenuList/controlledMenuList.d.ts

@@ -1,4 +1,4 @@
-import { FC, ForwardRefExoticComponent, RefAttributes, ReactNode } from "react";
+import { FC, ForwardRefExoticComponent, RefAttributes, PropsWithChildren } from "react";
 import { IMenuControlledItem } from "../menuItem";
 import { IZenComponentProps } from "../../../commonHelpers/zenComponent";
 import { IMenuSeparator } from "../menuSeparator";
@@ -19,9 +19,7 @@ export interface IControlledMenuListInternal extends IControlledMenuList {
     isOpen?: boolean;
     setIsOpen?: (v: boolean) => void;
 }
-export declare const ControlledMenuList: ForwardRefExoticComponent<IControlledMenuList & {
-    children?: ReactNode;
-} & RefAttributes<HTMLDivElement>> & {
+export declare const ControlledMenuList: ForwardRefExoticComponent<PropsWithChildren<IControlledMenuList> & RefAttributes<HTMLDivElement>> & {
     Item: FC<IMenuControlledItem>;
     Separator: FC<IMenuSeparator>;
 };

package/esm/menu/components/controlledMenuList/controlledMenuList.js

@@ -8,6 +8,7 @@ import { getItemLabel } from "../../utils/getItemLabel";
 import { normalizeSeparators } from "../../utils/normalizeSeparators";
 import { useMenuPath } from "../../utils/useMenuPath";
 import { useLastValidSheet } from "../../utils/useLastValidSheet";
+import { useDisplayContent } from "../../utils/useDisplayContent";
 import { useMenuListKeyboardNav } from "../../utils/useMenuListKeyboardNav";
 import { MenuButton } from "../menuButton";
 import { IconArrowLeft } from "../../../icons/iconArrowLeft";
@@ -95,6 +96,7 @@ const ControlledMenuListBase = forwardRef(({ children, setIsOpen, isOpen, classN
         }
         return [buildListItems(children), null];
     }, [children, isMobile, path, isEmbedded, buildListItems]);
+    const { displayContent, displayParent } = useDisplayContent(isOpen, content, parent);
     // Standalone mobile only: compute nested content for the inline MobileSheet.
     const [nestedContent, nestedParent] = useMemo(() => {
         if (isEmbedded || !isMobile || path.length === 0) {
@@ -115,7 +117,7 @@ const ControlledMenuListBase = forwardRef(({ children, setIsOpen, isOpen, classN
                 applyDirection && direction === "horizontal" ? "zen-menu-item--horizontal" : ""
             ]), children: [backParent ? (_jsx(MenuButton, { id: "root", name: getItemLabel(backParent), icon: BackArrowIcon, onClick: closeBranch, hasChildren: false, disabled: false }, "root")) : null, listContent] }) }));
     const { sheetContent, sheetParent, sheetPathLength, sheetParentName } = useLastValidSheet(nestedContent, nestedParent, path, children);
-    return (_jsxs(PathProvider, { path: path, onOpenBranch: onOpenBranch, closeBranch: closeBranch, navigatedViaKeyboardRef: navigatedViaKeyboardRef, keyboardActiveRef: keyboardActiveRef, children: [renderList(content, parent, divRefCallback), !isEmbedded && isMobile && (_jsxs(MobileSheet, { label: sheetParentName, isOpen: path.length > 0, triggerRef: internalRef, onHidePanel: closeAll, onCloseClick: closeAll, children: [_jsx(MobileSheet.Title, { children: sheetParentName }), _jsx(MobileSheet.Content, { children: renderList(sheetContent, sheetPathLength > 1 ? sheetParent : null, undefined, false, onKeyDownVertical) })] }))] }));
+    return (_jsxs(PathProvider, { path: path, onOpenBranch: onOpenBranch, closeBranch: closeBranch, navigatedViaKeyboardRef: navigatedViaKeyboardRef, keyboardActiveRef: keyboardActiveRef, children: [renderList(displayContent, displayParent, divRefCallback), !isEmbedded && isMobile && (_jsxs(MobileSheet, { label: sheetParentName, isOpen: path.length > 0, triggerRef: internalRef, onHidePanel: closeAll, onCloseClick: closeAll, children: [_jsx(MobileSheet.Title, { children: sheetParentName }), _jsx(MobileSheet.Content, { children: renderList(sheetContent, sheetPathLength > 1 ? sheetParent : null, undefined, false, onKeyDownVertical) })] }))] }));
 });
 ControlledMenuListBase.displayName = "ControlledMenuList";
 export const ControlledMenuList = ControlledMenuListBase;

package/esm/menu/components/menuErrorItem.js

@@ -4,59 +4,71 @@ import { TextIconButton } from "../../textIconButton/textIconButton";
 import { IconWarning } from "../../icons/iconWarning";
 import { useLanguage } from "../../utils/localization/useLanguage";
 injectString("cs", "Error with loading", "Error with loading");
-injectString("da-DK", "Error with loading", "Error with loading");
+injectString("da-DK", "Error with loading", "Fejl ved indl\xE6sning");
 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("fi-FI", "Error with loading", "Latausvirhe");
 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("hu-HU", "Error with loading", "Bet\xF6lt\xE9si hiba");
 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("ms", "Error with loading", "Ralat semasa pemuatan");
+injectString("nb-NO", "Error with loading", "Feil ved innlasting");
+injectString("nl", "Error with loading", "Fout bij het laden");
 injectString("pl", "Error with loading", "Error with loading");
-injectString("pt-BR", "Error with loading", "Error with loading");
+injectString("pt-BR", "Error with loading", "Erro ao carregar");
 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("sk-SK", "Error with loading", "Chyba pri na\u010D\xEDtan\xED");
+injectString("sv", "Error with loading", "Fel vid inl\xE4sning");
 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", "Error with loading", "\u062E\u0637\u0623 \u0641\u064A \u0627\u0644\u062A\u062D\u0645\u064A\u0644");
+injectString("lt-LT", "Error with loading", "\u012Ek\u0117limo klaida");
+injectString("lv-LV", "Error with loading", "Iel\u0101des k\u013C\u016Bda");
+injectString("ka-GE", "Error with loading", "\u10E9\u10D0\u10E2\u10D5\u10D8\u10E0\u10D7\u10D5\u10D8\u10E1 \u10E8\u10D4\u10EA\u10D3\u10DD\u10DB\u10D0");
+injectString("el-GR", "Error with loading", "\u03A3\u03C6\u03AC\u03BB\u03BC\u03B1 \u03BA\u03B1\u03C4\u03AC \u03C4\u03B7 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7");
+injectString("et-EE", "Error with loading", "Laadimise viga");
+injectString("bg-BG", "Error with loading", "\u0413\u0440\u0435\u0448\u043A\u0430 \u043F\u0440\u0438 \u0437\u0430\u0440\u0435\u0436\u0434\u0430\u043D\u0435");
 injectString("cs", "Click to refresh", "Click to refresh");
-injectString("da-DK", "Click to refresh", "Click to refresh");
+injectString("da-DK", "Click to refresh", "Klik for at opdatere");
 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("fi-FI", "Click to refresh", "P\xE4ivit\xE4 napsauttamalla");
 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("hu-HU", "Click to refresh", "Kattintson a friss\xEDt\xE9shez");
 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("ms", "Click to refresh", "Klik untuk muat semula");
+injectString("nb-NO", "Click to refresh", "Klikk for \xE5 oppdatere");
+injectString("nl", "Click to refresh", "Klik om te vernieuwen");
 injectString("pl", "Click to refresh", "Click to refresh");
-injectString("pt-BR", "Click to refresh", "Click to refresh");
+injectString("pt-BR", "Click to refresh", "Clique para atualizar");
 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("sk-SK", "Click to refresh", "Kliknut\xEDm obnov\xEDte");
+injectString("sv", "Click to refresh", "Klicka f\xF6r att uppdatera");
 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", "Click to refresh", "\u0627\u0646\u0642\u0631 \u0644\u0644\u062A\u062D\u062F\u064A\u062B");
+injectString("lt-LT", "Click to refresh", "Spustel\u0117kite, kad atnaujintum\u0117te");
+injectString("lv-LV", "Click to refresh", "Noklik\u0161\u0137iniet, lai atsvaidzin\u0101tu");
+injectString("ka-GE", "Click to refresh", "\u10D2\u10D0\u10DC\u10D0\u10EE\u10DA\u10D4\u10D1\u10D8\u10E1\u10D7\u10D5\u10D8\u10E1 \u10D3\u10D0\u10D0\u10EC\u10D9\u10D0\u10DE\u10D4\u10D7");
+injectString("el-GR", "Click to refresh", "\u039A\u03AC\u03BD\u03C4\u03B5 \u03BA\u03BB\u03B9\u03BA \u03B3\u03B9\u03B1 \u03B1\u03BD\u03B1\u03BD\u03AD\u03C9\u03C3\u03B7");
+injectString("et-EE", "Click to refresh", "Kl\xF5psake v\xE4rskendamiseks");
+injectString("bg-BG", "Click to refresh", "\u0429\u0440\u0430\u043A\u043D\u0435\u0442\u0435 \u0437\u0430 \u043E\u043F\u0440\u0435\u0441\u043D\u044F\u0432\u0430\u043D\u0435");
 export const MenuErrorItem = ({
   id,
   onClick

package/esm/menu/utils/useDisplayContent.d.ts

@@ -0,0 +1,21 @@
+import { ReactElement } from "react";
+/**
+ * Freezes the displayed content/parent while the MobileSheet is closing so the
+ * sheet animates out over the submenu the user was in rather than flashing back
+ * to the root list.
+ *
+ * Refs are updated whenever the menu is open. When the user navigates back to
+ * root (parent === null) the frozen state is cleared, so closing from root does
+ * not freeze stale sub-level content.
+ *
+ * ⚠️ Stability contract: `content` and `parent` must be referentially stable
+ * across renders while the menu is open (e.g. produced by `useMemo`).
+ * Passing a new array or object literal on every render will cause the
+ * `useLayoutEffect` to re-run every cycle, defeating the freeze: the ref will
+ * always reflect the latest values so there is nothing to freeze when
+ * `isOpen` transitions to `false`.
+ */
+export declare const useDisplayContent: (isOpen: boolean | undefined, content: ReactElement[], parent: ReactElement | null) => {
+    displayContent: ReactElement<unknown, string | import("react").JSXElementConstructor<any>>[];
+    displayParent: ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+};

package/esm/menu/utils/useDisplayContent.js

@@ -0,0 +1,31 @@
+import { useRef, useLayoutEffect } from "react";
+/**
+ * Freezes the displayed content/parent while the MobileSheet is closing so the
+ * sheet animates out over the submenu the user was in rather than flashing back
+ * to the root list.
+ *
+ * Refs are updated whenever the menu is open. When the user navigates back to
+ * root (parent === null) the frozen state is cleared, so closing from root does
+ * not freeze stale sub-level content.
+ *
+ * ⚠️ Stability contract: `content` and `parent` must be referentially stable
+ * across renders while the menu is open (e.g. produced by `useMemo`).
+ * Passing a new array or object literal on every render will cause the
+ * `useLayoutEffect` to re-run every cycle, defeating the freeze: the ref will
+ * always reflect the latest values so there is nothing to freeze when
+ * `isOpen` transitions to `false`.
+ */
+export const useDisplayContent = (isOpen, content, parent) => {
+    const lastRef = useRef({ content: [], parent: null });
+    // content and parent are compared by reference — see stability contract above.
+    useLayoutEffect(() => {
+        if (isOpen !== false) {
+            lastRef.current = { content, parent };
+        }
+    }, [isOpen, content, parent]);
+    const isFreezing = isOpen === false && lastRef.current.parent !== null;
+    return {
+        displayContent: isFreezing ? lastRef.current.content : content,
+        displayParent: isFreezing ? lastRef.current.parent : parent
+    };
+};

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

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

package/esm/mobileSheet/mobileSheet.js

@@ -46,6 +46,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");
@@ -73,6 +79,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");
 export const MobileSheet = ({
   /* eslint-enable @typescript-eslint/naming-convention */
   triggerRef,

package/esm/modal/modal.js

@@ -49,6 +49,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");
 export const Modal = ({
   isOpen,
   children,

package/esm/nav/context/nav.context.d.ts

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

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

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

package/esm/nav/navFooter/navEditFooter/navEditFooter.js

@@ -33,6 +33,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");
@@ -60,6 +66,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");
 export const NavEditFooter = ({
   className,
   handleSaveClick,

package/esm/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>;