@geotab/zenith 3.9.2 → 3.10.0-beta.1

package/dist/table/table.d.ts

@@ -41,6 +41,7 @@ export interface IListColumn<T extends IRowEntity<N>, N extends IEntityWithId =
     wrappers?: IListColumnWrapper<T, N>[];
     sortable?: boolean;
     draggable?: boolean;
+    alwaysVisible?: boolean;
     colspan?: undefined | number | ((entity: T | N) => number | undefined);
     group?: string;
     visible?: boolean;

package/dist/table/table.js

@@ -16,6 +16,7 @@ const useSortableColumns_1 = require("./sortable/useSortableColumns");
 const useFlexibleColumns_1 = require("./flexible/useFlexibleColumns");
 const useActions_1 = require("./actions/useActions");
 const useLoading_1 = require("./loading/useLoading");
+const emptySearchList_1 = require("../dataGrid/emptySearchList/emptySearchList");
 const entitiesListActions_1 = require("../dataGrid/entitiesListActions/entitiesListActions");
 const dataFeedSelectPanel_1 = require("../dataFeed/dataFeedSelectPanel/dataFeedSelectPanel");
 const columnsListButton_1 = require("../dataGrid/entitiesListActions/actions/columnsListButton");
@@ -193,7 +194,8 @@ const TableInner = ({
   } = (0, useSortableColumns_1.useSortableColumns)(selectableColumns, sortable, isMobile);
   const {
     flexibleColumns,
-    columnsPopup
+    columnsPopup,
+    allColumnsHidden
   } = (0, useFlexibleColumns_1.useFlexibleColumns)(sortableColumns, flexible, gridRef, columnsPopupRef, isMobile);
   const {
     columnsWithActions,
@@ -300,7 +302,10 @@ const TableInner = ({
         className: "zen-table__content",
         children: [(0, jsx_runtime_1.jsx)("div", {
           className: "zen-table__table",
-          children: isMobile ? (0, jsx_runtime_1.jsxs)(dataFeed_1.DataFeed, {
+          children: allColumnsHidden ? (0, jsx_runtime_1.jsx)("div", {
+            className: "zen-data-grid__empty",
+            children: (0, jsx_runtime_1.jsx)(emptySearchList_1.EmptySearchList, {})
+          }) : isMobile ? (0, jsx_runtime_1.jsxs)(dataFeed_1.DataFeed, {
             columns: loadingColumns,
             feedWrappers: [nestedFeedWrapper, selectableFeedWrapper],
             entities: loadingEntities,

package/dist/tabs/tabItem/tabItem.d.ts

@@ -9,5 +9,6 @@ export interface ITabItem extends IZenComponentProps {
     active: boolean;
     ariaControl?: string;
     handleButtonClick: (e: React.MouseEvent<HTMLElement>) => void;
+    dataAnalyticsId?: string;
 }
-export declare const TabItem: ({ tabId, tabName, icon, active, handleButtonClick, ariaControl, quantity }: ITabItem) => import("react/jsx-runtime").JSX.Element;
+export declare const TabItem: ({ tabId, tabName, icon, active, handleButtonClick, ariaControl, quantity, dataAnalyticsId }: ITabItem) => import("react/jsx-runtime").JSX.Element;

package/dist/tabs/tabItem/tabItem.js

@@ -5,9 +5,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const useDriveClassName_1 = require("../../utils/theme/useDriveClassName");
 const useMobileClassName_1 = require("../../utils/theme/useMobileClassName");
-const TabItem = ({ tabId, tabName, icon, active, handleButtonClick, ariaControl, quantity }) => {
+const toKebabCase_1 = require("../../utils/toKebabCase");
+const TabItem = ({ tabId, tabName, icon, active, handleButtonClick, ariaControl, quantity, dataAnalyticsId }) => {
     const driveClassname = (0, useDriveClassName_1.useDriveClassName)("zen-tab-item");
     const mobileClassname = (0, useMobileClassName_1.useMobileClassName)("zen-tab-item");
-    return ((0, jsx_runtime_1.jsx)("button", { id: tabId, type: "button", className: (0, classNames_1.classNames)(["zen-tab-item", driveClassname || mobileClassname || "", active ? "zen-tab-item--active" : ""]), role: "tab", "aria-controls": ariaControl, "aria-selected": active ? "true" : "false", "aria-label": tabName, title: tabName, onClick: handleButtonClick, children: (0, jsx_runtime_1.jsxs)("div", { className: "zen-tab-item__content", children: [icon && ((0, jsx_runtime_1.jsx)("span", { className: (0, classNames_1.classNames)(["zen-tab-item__content-icon", active ? "zen-tab-item__content-icon--active" : ""]), children: icon })), (0, jsx_runtime_1.jsx)("span", { className: "zen-tab-item__content-text", children: tabName }), quantity && (0, jsx_runtime_1.jsx)("div", { className: "zen-tab-item__content-quantity", children: quantity })] }) }));
+    const analyticsId = dataAnalyticsId || `tab-${(0, toKebabCase_1.toKebabCase)(tabName)}`;
+    return ((0, jsx_runtime_1.jsx)("button", { id: tabId, type: "button", className: (0, classNames_1.classNames)(["zen-tab-item", driveClassname || mobileClassname || "", active ? "zen-tab-item--active" : ""]), role: "tab", "aria-controls": ariaControl, "aria-selected": active ? "true" : "false", "aria-label": tabName, title: tabName, onClick: handleButtonClick, "data-analytics-id": analyticsId, children: (0, jsx_runtime_1.jsxs)("div", { className: "zen-tab-item__content", children: [icon && ((0, jsx_runtime_1.jsx)("span", { className: (0, classNames_1.classNames)(["zen-tab-item__content-icon", active ? "zen-tab-item__content-icon--active" : ""]), children: icon })), (0, jsx_runtime_1.jsx)("span", { className: "zen-tab-item__content-text", children: tabName }), quantity && (0, jsx_runtime_1.jsx)("div", { className: "zen-tab-item__content-quantity", children: quantity })] }) }));
 };
 exports.TabItem = TabItem;

package/dist/tabs/tabs.d.ts

@@ -8,6 +8,7 @@ export interface ITabElement {
     icon?: React.ReactElement | React.FC<IIcon>;
     id: string;
     quantity?: number;
+    dataAnalyticsId?: string;
 }
 export interface ITabs extends IZenComponentProps {
     tabs: ITabElement[];

package/dist/tabs/tabs.js

@@ -243,7 +243,8 @@ const Tabs = ({
             quantity: tab.quantity,
             active: activeTabId === tab.id,
             ariaControl: `panel-${tab.id}`,
-            handleButtonClick: handleButtonClick
+            handleButtonClick: handleButtonClick,
+            dataAnalyticsId: tab.dataAnalyticsId
           }, tab.id))
         })
       }), scrollButtonType === "end" || scrollButtonType === "both" ? (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {

package/dist/toastRaw/components/toastAnimation.js

@@ -33,7 +33,7 @@ const ToastAnimation = ({ id, children, isOpen, animation }) => {
             return;
         }
         if (animation === "left-right") {
-            ref.current.animate([{ left: "0%" }, { left: "120%" }], {
+            ref.current.animate([{ insetInlineStart: "0%" }, { insetInlineStart: "120%" }], {
                 duration: 300,
                 iterations: 1,
                 delay: 0,
@@ -43,7 +43,7 @@ const ToastAnimation = ({ id, children, isOpen, animation }) => {
             };
             return;
         }
-        ref.current.animate([{ left: "120%" }, { left: "0%" }], {
+        ref.current.animate([{ insetInlineStart: "120%" }, { insetInlineStart: "0%" }], {
             duration: 300,
             iterations: 1,
             delay: 0

package/dist/toastRaw/toastRaw.js

@@ -13,10 +13,10 @@ injectString("da-DK", "Close", "Luk");
 injectString("de", "Close", "Schlie\xDFen");
 injectString("en", "Close", "Close");
 injectString("es", "Close", "Cerrar");
-injectString("fi-FI", "Close", "Sulje");
+injectString("fi-FI", "Close", "Sulkea");
 injectString("fr", "Close", "Fermer");
 injectString("fr-FR", "Close", "Fermer");
-injectString("hu-HU", "Close", "Z\xE1rd be.");
+injectString("hu-HU", "Close", "Bez\xE1r\xE1s");
 injectString("id", "Close", "Tutup");
 injectString("it", "Close", "Chiudere");
 injectString("ja", "Close", "\u9589\u3058\u308B");
@@ -27,13 +27,13 @@ injectString("nl", "Close", "Sluiten");
 injectString("pl", "Close", "Zamknij");
 injectString("pt-BR", "Close", "Fechar");
 injectString("pt-PT", "Close", "Fechar");
-injectString("sk-SK", "Close", "Zatvor");
+injectString("sk-SK", "Close", "Zatvori\u0165");
 injectString("sv", "Close", "St\xE4ng");
 injectString("th", "Close", "\u0E1B\u0E34\u0E14");
 injectString("tr", "Close", "Kapat");
 injectString("zh-Hans", "Close", "\u5173\u95ED");
 injectString("zh-TW", "Close", "\u95DC\u9589");
-injectString("ro-RO", "Close", "\xCEnchide\u021Bi");
+injectString("ro-RO", "Close", "\xCEnchide");
 injectString("ar-SA", "Close", "\u0625\u063A\u0644\u0627\u0642");
 const toastAnimation_1 = require("./components/toastAnimation");
 const iconCheckRadio_1 = require("../icons/iconCheckRadio");

package/dist/toggleButtonRaw/toggleButtonRaw.js

@@ -39,11 +39,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ToggleButtonRaw = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-injectString("cs", "On", "Zapnout");
-injectString("da-DK", "On", "P\xE5");
+injectString("cs", "On", "Zapnuto");
+injectString("da-DK", "On", "T\xE6ndt");
 injectString("de", "On", "Ein");
 injectString("en", "On", "On");
-injectString("es", "On", "Activar");
+injectString("es", "On", "Activado");
 injectString("fi-FI", "On", "P\xE4\xE4lle");
 injectString("fr", "On", "Activ\xE9");
 injectString("fr-FR", "On", "On");
@@ -51,26 +51,26 @@ injectString("hu-HU", "On", "Bekapcsolva");
 injectString("id", "On", "Aktif");
 injectString("it", "On", "On");
 injectString("ja", "On", "\u30AA\u30F3");
-injectString("ko-KR", "On", "~\uC5D0");
+injectString("ko-KR", "On", "\uCF1C\uC9D0");
 injectString("ms", "On", "Hidup");
 injectString("nb-NO", "On", "P\xE5");
 injectString("nl", "On", "Aan");
 injectString("pl", "On", "W\u0142.");
-injectString("pt-BR", "On", "Ativado");
-injectString("pt-PT", "On", "Ativado");
+injectString("pt-BR", "On", "Ativar");
+injectString("pt-PT", "On", "Ligado");
 injectString("sk-SK", "On", "Zapnut\xE9");
 injectString("sv", "On", "P\xE5");
 injectString("th", "On", "\u0E40\u0E1B\u0E34\u0E14");
 injectString("tr", "On", "A\xE7\u0131k");
 injectString("zh-Hans", "On", "\u5F00\u542F");
 injectString("zh-TW", "On", "\u958B\u555F");
-injectString("ro-RO", "On", "Activat");
+injectString("ro-RO", "On", "Pe");
 injectString("ar-SA", "On", "\u062A\u0634\u063A\u064A\u0644");
-injectString("cs", "Off", "Vypnout");
+injectString("cs", "Off", "Vypnuto");
 injectString("da-DK", "Off", "Slukket");
 injectString("de", "Off", "Aus");
 injectString("en", "Off", "Off");
-injectString("es", "Off", "Desactivar");
+injectString("es", "Off", "Deshabilitado");
 injectString("fi-FI", "Off", "Pois");
 injectString("fr", "Off", "D\xE9sactiv\xE9");
 injectString("fr-FR", "Off", "Off");
@@ -78,20 +78,20 @@ injectString("hu-HU", "Off", "Kikapcsolva");
 injectString("id", "Off", "Nonaktif");
 injectString("it", "Off", "Off");
 injectString("ja", "Off", "\u30AA\u30D5");
-injectString("ko-KR", "Off", "\uB044\uB2E4");
+injectString("ko-KR", "Off", "\uAEBC\uC9D0");
 injectString("ms", "Off", "Mati");
 injectString("nb-NO", "Off", "Av");
 injectString("nl", "Off", "Uit");
 injectString("pl", "Off", "Wy\u0142.");
-injectString("pt-BR", "Off", "Desativado");
-injectString("pt-PT", "Off", "Desativado");
+injectString("pt-BR", "Off", "Desativar");
+injectString("pt-PT", "Off", "Desligado");
 injectString("sk-SK", "Off", "Vypnut\xE9");
 injectString("sv", "Off", "Av");
 injectString("th", "Off", "\u0E1B\u0E34\u0E14");
 injectString("tr", "Off", "Kapal\u0131");
 injectString("zh-Hans", "Off", "\u5173\u95ED");
 injectString("zh-TW", "Off", "\u95DC\u9589");
-injectString("ro-RO", "Off", "Dezactivat");
+injectString("ro-RO", "Off", "Off");
 injectString("ar-SA", "Off", "\u0625\u064A\u0642\u0627\u0641");
 const react_1 = __importStar(require("react"));
 const classNames_1 = require("../commonHelpers/classNames/classNames");

package/dist/tooltip/tooltip.js

@@ -71,10 +71,10 @@ injectString("da-DK", "Close", "Luk");
 injectString("de", "Close", "Schlie\xDFen");
 injectString("en", "Close", "Close");
 injectString("es", "Close", "Cerrar");
-injectString("fi-FI", "Close", "Sulje");
+injectString("fi-FI", "Close", "Sulkea");
 injectString("fr", "Close", "Fermer");
 injectString("fr-FR", "Close", "Fermer");
-injectString("hu-HU", "Close", "Z\xE1rd be.");
+injectString("hu-HU", "Close", "Bez\xE1r\xE1s");
 injectString("id", "Close", "Tutup");
 injectString("it", "Close", "Chiudere");
 injectString("ja", "Close", "\u9589\u3058\u308B");
@@ -85,13 +85,13 @@ injectString("nl", "Close", "Sluiten");
 injectString("pl", "Close", "Zamknij");
 injectString("pt-BR", "Close", "Fechar");
 injectString("pt-PT", "Close", "Fechar");
-injectString("sk-SK", "Close", "Zatvor");
+injectString("sk-SK", "Close", "Zatvori\u0165");
 injectString("sv", "Close", "St\xE4ng");
 injectString("th", "Close", "\u0E1B\u0E34\u0E14");
 injectString("tr", "Close", "Kapat");
 injectString("zh-Hans", "Close", "\u5173\u95ED");
 injectString("zh-TW", "Close", "\u95DC\u9589");
-injectString("ro-RO", "Close", "\xCEnchide\u021Bi");
+injectString("ro-RO", "Close", "\xCEnchide");
 injectString("ar-SA", "Close", "\u0625\u063A\u0644\u0627\u0642");
 const react_1 = __importStar(require("react"));
 const useResize_1 = require("../commonHelpers/hooks/useResize");

package/dist/utils/localization/flipAlignment.d.ts

@@ -0,0 +1,2 @@
+import { TAlignment } from "../../absolute/absolute";
+export declare const flipAlignment: (alignment: TAlignment) => TAlignment;

package/dist/utils/localization/flipAlignment.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.flipAlignment = void 0;
+const RTL_ALIGNMENT_MAP = {
+    top: "top",
+    "top-left": "top-right",
+    "top-right": "top-left",
+    left: "right",
+    "left-top": "right-top",
+    "left-bottom": "right-bottom",
+    right: "left",
+    "right-top": "left-top",
+    "right-bottom": "left-bottom",
+    bottom: "bottom",
+    "bottom-left": "bottom-right",
+    "bottom-right": "bottom-left"
+};
+const flipAlignment = (alignment) => RTL_ALIGNMENT_MAP[alignment];
+exports.flipAlignment = flipAlignment;

package/dist/utils/localization/makeLanguageWrapper.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+import { TSupportedLanguage } from "./getSupportedLanguage";
+export declare const makeLanguageWrapper: (language: TSupportedLanguage) => {
+    ({ children }: {
+        children: ReactNode;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/utils/localization/makeLanguageWrapper.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeLanguageWrapper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const languageProvider_1 = require("./languageProvider");
+const makeLanguageWrapper = (language) => {
+    const Wrapper = ({ children }) => (0, jsx_runtime_1.jsx)(languageProvider_1.LanguageProvider, { language: language, children: children });
+    Wrapper.displayName = "TestLanguageWrapper";
+    return Wrapper;
+};
+exports.makeLanguageWrapper = makeLanguageWrapper;

package/dist/utils/localization/translations/cs.json

@@ -237,8 +237,8 @@
     "Select visible columns": "Vyberte viditelné sloupce",
     "Selected": "Vybráno",
     "This field is required.": "Toto pole je povinné.",
-    "On": "Zapnout",
-    "Off": "Vypnout",
+    "On": "Zapnuto",
+    "Off": "Vypnuto",
     "Scroll left": "Přejít doleva",
     "Scroll right": "Přejít doprava",
     "Send feedback": "Odeslat zpětnou vazbu",

package/dist/utils/localization/translations/da-DK.json

@@ -235,7 +235,7 @@
     "Close filter": "Luk filter",
     "No data available": "Ingen data tilgængelige",
     "Save": "Spare",
-    "Remove": "Fjerne",
+    "Remove": "Fjern",
     "Confirm": "Bekræfte",
     "Clear all": "Ryd alt",
     "Selected": "Valgt",
@@ -254,7 +254,7 @@
     "Sat": "Lør",
     "Sun": "Sol",
     "This field is required.": "Dette felt er påkrævet.",
-    "On": "På",
+    "On": "Tændt",
     "Off": "Slukket",
     "Reload": "Genindlæs",
     "View details": "Se detaljer",

package/dist/utils/localization/translations/es.json

@@ -237,8 +237,8 @@
     "Select visible columns": "Seleccionar columnas visibles",
     "Selected": "Seleccionado",
     "This field is required.": "Este campo es obligatorio.",
-    "On": "Activar",
-    "Off": "Desactivar",
+    "On": "Activado",
+    "Off": "Deshabilitado",
     "Scroll left": "Desplazarse a la izquierda",
     "Scroll right": "Desplazarse a la derecha",
     "Send feedback": "Enviar comentarios",

package/dist/utils/localization/translations/fi-FI.json

@@ -50,7 +50,7 @@
     "Clear": "Tyhjennä",
     "Reset": "Palauta",
     "Apply": "Käytä",
-    "Close": "Sulje",
+    "Close": "Sulkea",
     "Deselect all": "Poista kaikki valinnat",
     "Back": "Takaisin",
     "No data": "Ei tietoja",

package/dist/utils/localization/translations/hu-HU.json

@@ -11,7 +11,7 @@
     "And": "És",
     "Or": "Vagy",
     "Expand": "Bővítsd ki",
-    "View all": "Mutasd az összeset.",
+    "View all": "Összes megtekintése",
     "Beta": "Beta",
     "Add page to bookmarks": "Tedd a lapot a könyvjelzőid közé.",
     "Remove page from bookmarks": "Távolítsd el az oldalt a könyvjelzőid közül.",
@@ -50,7 +50,7 @@
     "Clear": "Töröld.",
     "Reset": "Állítsd vissza.",
     "Apply": "Alkalmazd.",
-    "Close": "Zárd be.",
+    "Close": "Bezárás",
     "Deselect all": "Ne válassz ki semmit.",
     "Back": "Vissza",
     "No data": "Nincs adat",

package/dist/utils/localization/translations/ko-KR.json

@@ -233,8 +233,8 @@
     "Select visible columns": "표시되는 열 선택",
     "Selected": "선택됨",
     "This field is required.": "이 필드는 필수입니다.",
-    "On": "~에",
-    "Off": "끄다",
+    "On": "켜짐",
+    "Off": "꺼짐",
     "Previous": "이전의",
     "Next": "다음",
     "Save": "저장",

package/dist/utils/localization/translations/ms.json

@@ -252,7 +252,7 @@
     "Time": "Masa",
     "Apply filter": "Gunakan penyaring",
     "Remove filter": "Keluarkan penyaring",
-    "Results": "Keputusan",
+    "Results": "Hasil",
     "Choose end date": "Choose end date",
     "Choose start date": "Choose start date",
     "Sort Options": "Sort Options",

package/dist/utils/localization/translations/nb-NO.json

@@ -11,7 +11,7 @@
     "And": "Og",
     "Or": "Eller",
     "Expand": "Utvide",
-    "View all": "Se alle",
+    "View all": "Vis alle",
     "Beta": "Beta",
     "Add page to bookmarks": "Legg til siden i bokmerkene",
     "Remove page from bookmarks": "Fjern side fra bokmerker",

package/dist/utils/localization/translations/pt-BR.json

@@ -237,8 +237,8 @@
     "Select visible columns": "Selecionar colunas visíveis",
     "Selected": "Selecionado",
     "This field is required.": "Este campo é obrigatório.",
-    "On": "Ativado",
-    "Off": "Desativado",
+    "On": "Ativar",
+    "Off": "Desativar",
     "Scroll left": "Rolar para a esquerda",
     "Scroll right": "Rolar para a direita",
     "Send feedback": "Enviar feedback",

package/dist/utils/localization/translations/pt-PT.json

@@ -11,7 +11,7 @@
     "And": "E",
     "Or": "Ou",
     "Expand": "Expandir",
-    "View all": "Visualizar tudo",
+    "View all": "Ver tudo",
     "Beta": "Beta",
     "Add page to bookmarks": "Adicionar página aos favoritos",
     "Remove page from bookmarks": "Remover página dos favoritos",
@@ -280,8 +280,8 @@
     "Open setting conditions popup": "Abrir pop-up de condições de configuração",
     "Close setting conditions popup": "Fechar o pop-up de condições de configuração",
     "This field is required.": "Este campo é obrigatório.",
-    "On": "Ativado",
-    "Off": "Desativado",
+    "On": "Ligado",
+    "Off": "Desligado",
     "Sub-options are not active.": "Subopções não estão ativas.",
     "Reload": "Recarregar",
     "Could not load field data": "Não foi possível carregar os dados do campo",

package/dist/utils/localization/translations/ro-RO.json

@@ -11,7 +11,7 @@
     "And": "Și",
     "Or": "Sau",
     "Expand": "Extindeți",
-    "View all": "Afișați tot",
+    "View all": "Vezi tot",
     "Beta": "Beta",
     "Add page to bookmarks": "Adăugați pagina la marcaje",
     "Remove page from bookmarks": "Eliminați pagina din marcaje",
@@ -52,7 +52,7 @@
     "Clear": "Ștergeți",
     "Reset": "Resetați",
     "Apply": "Aplicați",
-    "Close": "Închideți",
+    "Close": "Închide",
     "Deselect all": "Deselectați tot",
     "Back": "Înapoi",
     "No data": "Nu există date",
@@ -250,7 +250,7 @@
     "Search page": "Căutați pagina",
     "Search by": "Căutați după",
     "Save": "Salvați",
-    "Remove": "Eliminați",
+    "Remove": "Elimină",
     "Save filters": "Salvați filtrele",
     "Remove saved {name} filter?": "Doriți să eliminați filtrul {name} salvat?",
     "Saved filters": "Filtre salvate",
@@ -280,8 +280,8 @@
     "Open setting conditions popup": "Deschideți pop-up-ul cu condiții de setare",
     "Close setting conditions popup": "Închideți pop-up-ul cu condiții de setare",
     "This field is required.": "Acest câmp este obligatoriu.",
-    "On": "Activat",
-    "Off": "Dezactivat",
+    "On": "Pe",
+    "Off": "Off",
     "Sub-options are not active.": "Nu sunt active opțiuni secundare.",
     "Reload": "Reîncărcați",
     "Could not load field data": "Nu s-au putut încărca datele din câmp",

package/dist/utils/localization/translations/sk-SK.json

@@ -50,7 +50,7 @@
     "Clear": "Vymaž",
     "Reset": "Obnov",
     "Apply": "Použi",
-    "Close": "Zatvor",
+    "Close": "Zatvoriť",
     "Deselect all": "Zruš výber všetkých.",
     "Back": "Späť",
     "No data": "Žiadne údaje",

package/dist/utils/localization/translations/zh-Hans.json

@@ -243,7 +243,7 @@
     "Scroll right": "向右滚动",
     "Send feedback": "发送反馈",
     "Save": "保存",
-    "Remove": "删除",
+    "Remove": "移除",
     "Confirm": "确认",
     "Clear all": "全部清除",
     "Reload": "重新加载",

package/dist/utils/localization/useIsRTL.d.ts

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

package/dist/utils/localization/useIsRTL.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsRTL = void 0;
+const useDirection_1 = require("./useDirection");
+const useIsRTL = () => (0, useDirection_1.useDirection)() === "rtl";
+exports.useIsRTL = useIsRTL;

package/dist/utils/localization/useRTLAlignment.d.ts

@@ -0,0 +1,2 @@
+import { TAlignment } from "../../absolute/absolute";
+export declare const useRTLAlignment: (alignment: TAlignment) => TAlignment;

package/dist/utils/localization/useRTLAlignment.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRTLAlignment = void 0;
+const useDirection_1 = require("./useDirection");
+const flipAlignment_1 = require("./flipAlignment");
+const useRTLAlignment = (alignment) => {
+    const direction = (0, useDirection_1.useDirection)();
+    return direction === "rtl" ? (0, flipAlignment_1.flipAlignment)(alignment) : alignment;
+};
+exports.useRTLAlignment = useRTLAlignment;

package/esm/absolute/absolute.d.ts

@@ -22,8 +22,14 @@ export interface IAbsolute extends IZenComponentProps {
     ariaLabelledby?: string;
     alignmentsFn?: IAlignment;
     recalculateOnScroll?: boolean;
+    /**
+     * When true, closes the popup on scroll instead of repositioning it.
+     * Mutually exclusive with `recalculateOnScroll` — setting both causes a
+     * wasted position recalculation before the popup closes.
+     */
+    closeOnScroll?: boolean;
     recalculateTrigger?: boolean;
     /** Whether to focus the first focusable element when popup opens. Default: true */
     focusOnOpen?: boolean;
 }
-export declare const Absolute: ({ isOpen, id, paddingX, paddingY, className, children, triggerRef, alignment, inline, onOpenChange, useTrapFocusWithTrigger, shouldHoldScroll, stateFullChilds, role, ariaLabel, ariaLabelledby, alignmentsFn, recalculateOnScroll, recalculateTrigger, focusOnOpen }: IAbsolute) => import("react/jsx-runtime").JSX.Element | "" | null;
+export declare const Absolute: ({ isOpen, id, paddingX, paddingY, className, children, triggerRef, alignment, inline, onOpenChange, useTrapFocusWithTrigger, shouldHoldScroll, stateFullChilds, role, ariaLabel, ariaLabelledby, alignmentsFn, recalculateOnScroll, closeOnScroll, recalculateTrigger, focusOnOpen }: IAbsolute) => import("react/jsx-runtime").JSX.Element | "" | null;

package/esm/absolute/absolute.js

@@ -16,7 +16,7 @@ import { useScroll } from "../commonHelpers/hooks/useScroll";
 import { getScrollableParent } from "../utils/getScrollableParent";
 import { useClientReady } from "../commonHelpers/hooks/useClientReady";
 import { zen } from "../utils/zen";
-export const Absolute = ({ isOpen, id, paddingX, paddingY, className, children, triggerRef, alignment, inline, onOpenChange, useTrapFocusWithTrigger = "off", shouldHoldScroll, stateFullChilds, role, ariaLabel, ariaLabelledby, alignmentsFn, recalculateOnScroll, recalculateTrigger = true, focusOnOpen = true }) => {
+export const Absolute = ({ isOpen, id, paddingX, paddingY, className, children, triggerRef, alignment, inline, onOpenChange, useTrapFocusWithTrigger = "off", shouldHoldScroll, stateFullChilds, role, ariaLabel, ariaLabelledby, alignmentsFn, recalculateOnScroll, closeOnScroll, recalculateTrigger = true, focusOnOpen = true }) => {
     const popupRef = useRef(null);
     const prevScroll = useRef(0);
     const { dark } = useContext(themeContext);
@@ -44,14 +44,18 @@ export const Absolute = ({ isOpen, id, paddingX, paddingY, className, children,
         return "";
     };
     const parent = useMemo(() => {
-        if (!isOpen || !recalculateOnScroll) {
+        if (!isOpen || (!recalculateOnScroll && !closeOnScroll)) {
             return null;
         }
         return getScrollableParent(triggerRef.current);
-    }, [triggerRef, isOpen, recalculateOnScroll]);
+    }, [triggerRef, isOpen, recalculateOnScroll, closeOnScroll]);
     const calculatePosition = useCallback(() => calculatePos(triggerRef, popupRef, paddingX, paddingY, inline, alignment, alignmentsFn, parent ? parent : undefined), [triggerRef, paddingX, paddingY, inline, alignment, alignmentsFn, popupRef, parent]);
+    const handleCloseOnScroll = useCallback(() => {
+        onOpenChange(false);
+    }, [onOpenChange]);
     useResize(calculatePosition, isOpen);
-    useScroll(calculatePosition, isOpen, parent);
+    useScroll(calculatePosition, isOpen && !!recalculateOnScroll, parent);
+    useScroll(handleCloseOnScroll, isOpen && !!closeOnScroll, parent);
     useLayoutEffect(calculatePosition, [isOpen, children, recalculateTrigger, calculatePosition]);
     function handleEscape() {
         onOpenChange(false);

package/esm/alertRaw/alertRaw.js

@@ -20,10 +20,10 @@ injectString("da-DK", "Close", "Luk");
 injectString("de", "Close", "Schlie\xDFen");
 injectString("en", "Close", "Close");
 injectString("es", "Close", "Cerrar");
-injectString("fi-FI", "Close", "Sulje");
+injectString("fi-FI", "Close", "Sulkea");
 injectString("fr", "Close", "Fermer");
 injectString("fr-FR", "Close", "Fermer");
-injectString("hu-HU", "Close", "Z\xE1rd be.");
+injectString("hu-HU", "Close", "Bez\xE1r\xE1s");
 injectString("id", "Close", "Tutup");
 injectString("it", "Close", "Chiudere");
 injectString("ja", "Close", "\u9589\u3058\u308B");
@@ -34,13 +34,13 @@ injectString("nl", "Close", "Sluiten");
 injectString("pl", "Close", "Zamknij");
 injectString("pt-BR", "Close", "Fechar");
 injectString("pt-PT", "Close", "Fechar");
-injectString("sk-SK", "Close", "Zatvor");
+injectString("sk-SK", "Close", "Zatvori\u0165");
 injectString("sv", "Close", "St\xE4ng");
 injectString("th", "Close", "\u0E1B\u0E34\u0E14");
 injectString("tr", "Close", "Kapat");
 injectString("zh-Hans", "Close", "\u5173\u95ED");
 injectString("zh-TW", "Close", "\u95DC\u9589");
-injectString("ro-RO", "Close", "\xCEnchide\u021Bi");
+injectString("ro-RO", "Close", "\xCEnchide");
 injectString("ar-SA", "Close", "\u0625\u063A\u0644\u0627\u0642");
 const typedIcons = {
   error: IconException,

package/esm/alertRaw/components/alertAnimation.js

@@ -32,7 +32,7 @@ export const AlertAnimation = ({ id, children, isOpen, animation }) => {
             return;
         }
         if (animation === "left-right") {
-            ref.current.animate([{ left: "0%" }, { left: "120%" }], {
+            ref.current.animate([{ insetInlineStart: "0%" }, { insetInlineStart: "120%" }], {
                 duration: 300,
                 iterations: 1,
                 delay: 0,
@@ -43,7 +43,7 @@ export const AlertAnimation = ({ id, children, isOpen, animation }) => {
             };
             return;
         }
-        ref.current.animate([{ left: "120%" }, { left: "0%" }], {
+        ref.current.animate([{ insetInlineStart: "120%" }, { insetInlineStart: "0%" }], {
             duration: 300,
             iterations: 1,
             delay: 0,