@geotab/zenith 3.16.0 → 3.17.0-beta.1

package/dist/utils/localization/translations/fr-FR.json

@@ -115,6 +115,7 @@
     "GroupFuelCellElectricVehicleId": "Véhicule électrique à pile combustible",
     "{1} selected": "{1} sélectionné(s)",
     "and {0} more": "et {0} de plus",
+    "+{0} more": "+{0} autres",
     "Clear selection": "Effacer la sélection",
     "Select current page": "Sélectionner toute la page",
     "OperatorOr": "OU",

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

@@ -115,6 +115,7 @@
     "GroupFuelCellElectricVehicleId": "Véhicule électrique à pile à combustible",
     "{1} selected": "{1} sélectionné(s)",
     "and {0} more": "et {0} de plus",
+    "+{0} more": "+{0} autres",
     "Clear selection": "Effacer la sélection",
     "Select current page": "Sélectionner la page actuelle",
     "OperatorOr": "OU",

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

@@ -125,6 +125,7 @@
     "GroupManuallyClassifiedPowertrainId": "Kézi besorolású hajtáslánc",
     "GroupFuelCellElectricVehicleId": "Üzemanyagcellás elektromos jármű",
     "and {0} more": "és még {0}",
+    "+{0} more": "+{0} több",
     "Clear selection": "Töröld a kijelölést.",
     "Select current page": "Válaszd ki az aktuális oldalt.",
     "OperatorOr": "VAGY",

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

@@ -115,6 +115,7 @@
     "GroupFuelCellElectricVehicleId": "Kendaraan Listrik Sel Bahan Bakar",
     "{1} selected": "{1} dipilih",
     "and {0} more": "dan {0} lainnya",
+    "+{0} more": "+{0} lebih",
     "Clear selection": "Hapus pilihan",
     "Select current page": "Pilih halaman saat ini",
     "OperatorOr": "ATAU",

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

@@ -115,6 +115,7 @@
     "GroupFuelCellElectricVehicleId": "Veicolo elettrico a celle a combustibile",
     "{1} selected": "Elementi selezionati: {1}",
     "and {0} more": "e altri {0}",
+    "+{0} more": "+{0} in più",
     "Clear selection": "Cancellare selezione",
     "Select current page": "Selezionare pagina corrente",
     "OperatorOr": "O",

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

@@ -115,6 +115,7 @@
     "GroupFuelCellElectricVehicleId": "燃料電池電気自動車",
     "{1} selected": "{1} つ選択",
     "and {0} more": "{0} 以上",
+    "+{0} more": "さらに {0} 個",
     "Clear selection": "選択をクリアします",
     "Select current page": "現在のページを選択",
     "OperatorOr": "または",

package/dist/utils/localization/translations/ka-GE.json

@@ -129,6 +129,7 @@
     "GroupManuallyClassifiedPowertrainId": "ხელით კლასიფიცირებული ძრავის სისტემა",
     "GroupFuelCellElectricVehicleId": "საწვავის ელემენტის ელექტრო მანქანა",
     "and {0} more": "და კიდევ {0}",
+    "+{0} more": "+{0} მეტი",
     "Clear selection": "მონიშვნის გასუფთავება",
     "Select current page": "მიმდინარე გვერდის არჩევა",
     "OperatorOr": "ან",

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

@@ -125,6 +125,7 @@
     "GroupManuallyClassifiedPowertrainId": "수동 분류 파워트레인",
     "GroupFuelCellElectricVehicleId": "연료 전지 전기 자동차",
     "and {0} more": "및 {0}개 더",
+    "+{0} more": "+{0} 더보기",
     "Clear selection": "선택 지우기",
     "Select current page": "현재 페이지 선택",
     "OperatorOr": "OperatorOr",

package/dist/utils/localization/translations/lt-LT.json

@@ -129,6 +129,7 @@
     "GroupManuallyClassifiedPowertrainId": "Rankiniu būdu klasifikuota pavara",
     "GroupFuelCellElectricVehicleId": "Kuro elementų elektrinis automobilis",
     "and {0} more": "ir dar {0}",
+    "+{0} more": "+{0} daugiau",
     "Clear selection": "Išvalyti pasirinkimą",
     "Select current page": "Pasirinkti dabartinį puslapį",
     "OperatorOr": "ARBA",

package/dist/utils/localization/translations/lv-LV.json

@@ -129,6 +129,7 @@
     "GroupManuallyClassifiedPowertrainId": "Manuāli klasificēta piedziņas sistēma",
     "GroupFuelCellElectricVehicleId": "Degvielas elementu elektriskais transportlīdzeklis",
     "and {0} more": "un vēl {0}",
+    "+{0} more": "+{0} vēl",
     "Clear selection": "Notīrīt atlasi",
     "Select current page": "Atlasīt pašreizējo lapu",
     "OperatorOr": "VAI",

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

@@ -115,6 +115,7 @@
     "{1} selected": "{1} dipilih",
     "GroupElectricHybridPluginId": "Pasang Masuk Elektrik atau Hibrid",
     "and {0} more": "dan {0} lagi",
+    "+{0} more": "+{0} lagi",
     "Clear selection": "Kosongkan pilihan",
     "Select current page": "Pilih halaman semasa",
     "OperatorOr": "ATAU",

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

@@ -125,6 +125,7 @@
     "GroupManuallyClassifiedPowertrainId": "Manuelt klassifisert drivlinje",
     "GroupFuelCellElectricVehicleId": "Brenselcelle-elektrisk kjøretøy",
     "and {0} more": "og {0} flere",
+    "+{0} more": "+{0} mer",
     "Clear selection": "Fjern utvalg",
     "Select current page": "Velg nåværende side",
     "OperatorOr": "ELLER",

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

@@ -115,6 +115,7 @@
     "GroupFuelCellElectricVehicleId": "Elektrisch voertuig met brandstofcel",
     "{1} selected": "{1} geselecteerd",
     "and {0} more": "en {0} meer",
+    "+{0} more": "+{0} meer",
     "Clear selection": "Selectie wissen",
     "Select current page": "Huidige pagina selecteren",
     "OperatorOr": "OF",

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

@@ -115,6 +115,7 @@
     "GroupFuelCellElectricVehicleId": "Elektryczny pojazd z ogniwem paliwowym",
     "{1} selected": "Wybrano {1}",
     "and {0} more": "i jeszcze {0}",
+    "+{0} more": "Jeszcze {0}",
     "Clear selection": "Wyczyść wybór",
     "Select current page": "Wybierz bieżącą stronę",
     "OperatorOr": "LUB",

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

@@ -115,6 +115,7 @@
     "GroupFuelCellElectricVehicleId": "Veículo elétrico com célula de combustível",
     "{1} selected": "{1} selecionado(s)",
     "and {0} more": "e {0} mais",
+    "+{0} more": "+{0} mais",
     "Clear selection": "Limpar seleção",
     "Select current page": "Selecionar página atual",
     "OperatorOr": "OU",

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

@@ -127,6 +127,7 @@
     "GroupManuallyClassifiedPowertrainId": "Grupo motopropulsor classificado manualmente",
     "GroupFuelCellElectricVehicleId": "Veículo elétrico com célula de combustível",
     "and {0} more": "e {0} mais",
+    "+{0} more": "+{0} mais",
     "Clear selection": "Limpar seleção",
     "Select current page": "Selecionar página atual",
     "OperatorOr": "Operador Ou",

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

@@ -127,6 +127,7 @@
     "GroupManuallyClassifiedPowertrainId": "Tren motopropulsor clasificat manual",
     "GroupFuelCellElectricVehicleId": "Vehicul electric cu celulă de combustie",
     "and {0} more": "și {0} în plus",
+    "+{0} more": "Încă {0}",
     "Clear selection": "Ștergeți selecția",
     "Select current page": "Selectați pagina actuală",
     "OperatorOr": "OperatorOr",

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

@@ -125,6 +125,7 @@
     "GroupManuallyClassifiedPowertrainId": "Ručne klasifikovaný hnací systém",
     "GroupFuelCellElectricVehicleId": "Elektrické vozidlo s palivovými článkami",
     "and {0} more": "a {0} ďalších",
+    "+{0} more": "+{0} viac",
     "Clear selection": "Vymaž výber.",
     "Select current page": "Vyber aktuálnu stránku.",
     "OperatorOr": "ALEBO",

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

@@ -115,6 +115,7 @@
     "GroupFuelCellElectricVehicleId": "Elfordon med bränsleceller",
     "{1} selected": "{1} vald",
     "and {0} more": "och {0} till",
+    "+{0} more": "+{0} mer",
     "Clear selection": "Rensa val",
     "Select current page": "Välj nuvarande sida",
     "OperatorOr": "ELLER",

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

@@ -115,6 +115,7 @@
     "GroupFuelCellElectricVehicleId": "รถพลังงานไฟฟ้าเซลล์เชื้อเพลิง",
     "{1} selected": "เลือกแล้ว {1}",
     "and {0} more": "และอีก {0}",
+    "+{0} more": "+{0} รายการเพิ่มเติม",
     "Clear selection": "ล้างการเลือก",
     "Select current page": "เลือกหน้าปัจจุบัน",
     "OperatorOr": "หรือ",

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

@@ -115,6 +115,7 @@
     "GroupManuallyClassifiedPowertrainId": "Manuel Sınıflandırılmış Güç Aktarma Sistemi",
     "{1} selected": "{1} seçildi",
     "and {0} more": "ve {0} tane daha",
+    "+{0} more": "+{0} daha",
     "Clear selection": "Seçimi temizle",
     "Select current page": "Geçerli sayfayı seç",
     "OperatorOr": "VEYA",

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

@@ -115,6 +115,7 @@
     "GroupFuelCellElectricVehicleId": "燃料电池电动车",
     "{1} selected": "已选中 {1} 项",
     "and {0} more": "和另外 {0} 项",
+    "+{0} more": "+{0}更多",
     "Clear selection": "清除选择",
     "Select current page": "选择当前页面",
     "OperatorOr": "或",

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

@@ -125,6 +125,7 @@
     "GroupManuallyClassifiedPowertrainId": "人工分類動力裝置",
     "GroupFuelCellElectricVehicleId": "燃料電池電動車",
     "and {0} more": "還有 {0} 個",
+    "+{0} more": "還有 +{0} 個",
     "Clear selection": "清除選取項目",
     "Select current page": "選取目前頁面",
     "OperatorOr": "OperatorOr",

package/dist/waiting/waiting.js

@@ -5,12 +5,49 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const useDriveClassName_1 = require("../utils/theme/useDriveClassName");
+const useResizeObserver_1 = require("../commonHelpers/hooks/useResizeObserver");
 const zen_1 = require("../utils/zen");
 const Waiting = ({ isLoading = false, delay = 400, hideOverlay = false, className = "", description, label }) => {
     const [visible, setVisible] = (0, react_1.useState)(false);
     const [statusText, setStatusText] = (0, react_1.useState)("");
+    const [coverageHeight, setCoverageHeight] = (0, react_1.useState)(undefined);
+    const waitingRef = (0, react_1.useRef)(null);
+    const statusRef = (0, react_1.useRef)(null);
+    const mutationFrameRef = (0, react_1.useRef)(undefined);
     const spinnerDriveClassName = (0, useDriveClassName_1.useDriveClassName)("zen-waiting__spinner");
     const showWaiting = isLoading && (delay <= 0 || visible);
+    // The full-area coverage/re-measure machinery only makes sense for the default overlay variant,
+    // which is meant to span its parent. The `--inline` variant is a fixed 40x24px spinner — stretching
+    // its coverage layer to the parent's scrollHeight would incorrectly block clicks below the spinner
+    // and grow the parent's own scrollHeight on every re-measure (a feedback loop).
+    const isInline = className.split(/\s+/).includes("zen-waiting--inline");
+    // Callers using hideOverlay intentionally keep the surrounding controls interactive (for
+    // example, the MiniMap address textarea while its preview is loading).
+    const canMeasureCoverage = showWaiting && !isInline && !hideOverlay;
+    const measureCoverage = (0, react_1.useCallback)(() => {
+        var _a;
+        const parent = (_a = waitingRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+        if (!parent || isInline) {
+            setCoverageHeight(undefined);
+            return;
+        }
+        // The coverage layer defaults to 100% of this element's own box (see .zen-waiting__coverage),
+        // which only spans the parent's visible (clientHeight) box. When the parent's real content is
+        // taller (e.g. a scrollable page), stretch it to the full scrollHeight instead so it keeps
+        // covering content the user can scroll to while loading. The DOM guarantees
+        // scrollHeight >= clientHeight, so no Math.max is needed here.
+        setCoverageHeight(parent.scrollHeight > parent.clientHeight ? parent.scrollHeight : undefined);
+    }, [isInline]);
+    // The target is only non-null once the overlay is actually mounted (`waitingRef.current` is null
+    // until `showWaiting` flips true). Gating it on `showWaiting` (and skipping it for the `--inline`
+    // variant) — rather than passing a permanently stable getter — ensures the identity change (null ->
+    // getter) re-triggers useResizeObserver's setup effect once the ref is attached; a permanently
+    // stable getter would only ever run that effect once, against a still-null ref, and never attach
+    // when the overlay later appears (e.g. with the default delay).
+    const getResizeTarget = (0, react_1.useCallback)(() => { var _a, _b; return (_b = (_a = waitingRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) !== null && _b !== void 0 ? _b : null; }, []);
+    // Re-measures when the containing element's own box resizes (e.g. viewport resize, layout reflow
+    // changing the parent's height).
+    const { result: containerResize } = (0, useResizeObserver_1.useResizeObserver)({ target: canMeasureCoverage ? getResizeTarget : null });
     (0, react_1.useEffect)(() => {
         var _a;
         let timer;
@@ -40,6 +77,65 @@ const Waiting = ({ isLoading = false, delay = 400, hideOverlay = false, classNam
             timer && ((_a = zen_1.zen.clearTimeout) === null || _a === void 0 ? void 0 : _a.call(zen_1.zen, timer));
         };
     }, [isLoading, showWaiting, description, label]);
-    return isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { role: "status", className: "zen-waiting__status", children: statusText ? (0, jsx_runtime_1.jsx)("span", { className: "zen-visually-hidden", children: statusText }) : null }), showWaiting ? ((0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-waiting", className]), children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-waiting__overlay", hideOverlay ? "zen-waiting__overlay--hidden" : ""]) }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-waiting__spinner-container", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-waiting__spinner", spinnerDriveClassName || ""]), children: (0, jsx_runtime_1.jsxs)("svg", { viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("linearGradient", { id: "spinnerGradient", x1: "0", y1: "0", x2: "1", y2: "0", gradientUnits: "objectBoundingBox", children: [(0, jsx_runtime_1.jsx)("stop", { offset: "0%", stopColor: "var(--borders-form-field--active)", stopOpacity: "1" }), (0, jsx_runtime_1.jsx)("stop", { offset: "33.33%", stopColor: "var(--borders-form-field--active)", stopOpacity: "0.8" }), (0, jsx_runtime_1.jsx)("stop", { offset: "50%", stopColor: "var(--borders-form-field--active)", stopOpacity: "0.5" }), (0, jsx_runtime_1.jsx)("stop", { offset: "66.67%", stopColor: "var(--borders-form-field--active)", stopOpacity: "0.2" }), (0, jsx_runtime_1.jsx)("stop", { offset: "100%", stopColor: "var(--borders-form-field--active)", stopOpacity: "0" })] }) }), (0, jsx_runtime_1.jsx)("path", { className: "zen-waiting__spinner-animation", stroke: "url(#spinnerGradient)", strokeWidth: "6", strokeLinecap: "round", d: "M 32 4 A 28 28 0 1 1 32 60 A 28 28 0 1 1 32 4 Z" })] }) }), description && (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-waiting__spinner-text"]), children: description })] })] })) : null] })) : null;
+    (0, react_1.useLayoutEffect)(() => {
+        if (!canMeasureCoverage) {
+            setCoverageHeight(undefined);
+            return;
+        }
+        measureCoverage();
+    }, [canMeasureCoverage, containerResize, measureCoverage]);
+    // A fixed-height scrollable parent can gain content without its own box ever resizing — that's
+    // the exact shape of the original bug, and ResizeObserver alone won't catch it. Watch for DOM
+    // mutations on the parent instead and re-measure, coalescing bursts of mutations (e.g. many rows
+    // streaming in) into a single measurement per animation frame.
+    (0, react_1.useEffect)(() => {
+        var _a;
+        const parent = (_a = waitingRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+        const MutationObserverCtor = zen_1.zen.MutationObserver;
+        if (!canMeasureCoverage || !parent || !MutationObserverCtor) {
+            return undefined;
+        }
+        const scheduleMeasure = () => {
+            var _a, _b;
+            mutationFrameRef.current && ((_a = zen_1.zen.cancelAnimationFrame) === null || _a === void 0 ? void 0 : _a.call(zen_1.zen, mutationFrameRef.current));
+            mutationFrameRef.current = (_b = zen_1.zen.requestAnimationFrame) === null || _b === void 0 ? void 0 : _b.call(zen_1.zen, measureCoverage);
+        };
+        const observer = new MutationObserverCtor(scheduleMeasure);
+        observer.observe(parent, { childList: true, subtree: true, characterData: true });
+        return () => {
+            var _a;
+            mutationFrameRef.current && ((_a = zen_1.zen.cancelAnimationFrame) === null || _a === void 0 ? void 0 : _a.call(zen_1.zen, mutationFrameRef.current));
+            observer.disconnect();
+        };
+    }, [canMeasureCoverage, measureCoverage]);
+    // Content behind the overlay is only unclickable for mouse/pointer users (the coverage layer's
+    // pointer-events block that). Keyboard users could still Tab into it, so make every other direct
+    // child of the parent `inert` while loading — removing it from the tab order and from hit-testing
+    // — and restore only the children we changed once loading stops. Skipped for the `--inline`
+    // variant, which doesn't cover/block its surroundings.
+    (0, react_1.useEffect)(() => {
+        var _a;
+        const parent = (_a = waitingRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+        if (!canMeasureCoverage || !parent) {
+            return undefined;
+        }
+        const ownElements = new Set([waitingRef.current, statusRef.current]);
+        const inertedSiblings = [];
+        // `setAttribute`/`hasAttribute` (rather than the `.inert` IDL property) so this correctly
+        // detects and restores elements marked inert via the HTML attribute or a JSX `inert` prop too
+        // — not just ones previously set via the property.
+        Array.from(parent.children).forEach(child => {
+            if (child instanceof HTMLElement && !ownElements.has(child) && !child.hasAttribute("inert")) {
+                child.setAttribute("inert", "");
+                inertedSiblings.push(child);
+            }
+        });
+        return () => {
+            inertedSiblings.forEach(child => {
+                child.removeAttribute("inert");
+            });
+        };
+    }, [canMeasureCoverage]);
+    return isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { ref: statusRef, role: "status", className: "zen-waiting__status", children: statusText ? (0, jsx_runtime_1.jsx)("span", { className: "zen-visually-hidden", children: statusText }) : null }), showWaiting ? ((0, jsx_runtime_1.jsx)("div", { ref: waitingRef, className: (0, classNames_1.classNames)(["zen-waiting", className]), children: (0, jsx_runtime_1.jsxs)("div", { className: "zen-waiting__coverage", style: coverageHeight ? { height: `${coverageHeight}px` } : undefined, children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-waiting__overlay", hideOverlay ? "zen-waiting__overlay--hidden" : ""]) }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-waiting__spinner-container", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-waiting__spinner", spinnerDriveClassName || ""]), children: (0, jsx_runtime_1.jsxs)("svg", { viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("linearGradient", { id: "spinnerGradient", x1: "0", y1: "0", x2: "1", y2: "0", gradientUnits: "objectBoundingBox", children: [(0, jsx_runtime_1.jsx)("stop", { offset: "0%", stopColor: "var(--borders-form-field--active)", stopOpacity: "1" }), (0, jsx_runtime_1.jsx)("stop", { offset: "33.33%", stopColor: "var(--borders-form-field--active)", stopOpacity: "0.8" }), (0, jsx_runtime_1.jsx)("stop", { offset: "50%", stopColor: "var(--borders-form-field--active)", stopOpacity: "0.5" }), (0, jsx_runtime_1.jsx)("stop", { offset: "66.67%", stopColor: "var(--borders-form-field--active)", stopOpacity: "0.2" }), (0, jsx_runtime_1.jsx)("stop", { offset: "100%", stopColor: "var(--borders-form-field--active)", stopOpacity: "0" })] }) }), (0, jsx_runtime_1.jsx)("path", { className: "zen-waiting__spinner-animation", stroke: "url(#spinnerGradient)", strokeWidth: "6", strokeLinecap: "round", d: "M 32 4 A 28 28 0 1 1 32 60 A 28 28 0 1 1 32 4 Z" })] }) }), description && (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-waiting__spinner-text"]), children: description })] })] }) })) : null] })) : null;
 };
 exports.Waiting = Waiting;

package/esm/absolute/absolute.js

@@ -17,6 +17,7 @@ import { getScrollableParent } from "../utils/getScrollableParent";
 import { useClientReady } from "../commonHelpers/hooks/useClientReady";
 import { zen } from "../utils/zen";
 import { useDirection } from "../utils/localization/useDirection";
+const CLOSE_ON_SCROLL_EVENTS = ["wheel", "touchmove"];
 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);
@@ -64,7 +65,10 @@ export const Absolute = ({ isOpen, id, paddingX, paddingY, className, children,
     }, [onOpenChange]);
     useResize(calculatePosition, isOpen);
     useScroll(calculatePosition, isOpen && !!recalculateOnScroll, parent);
-    useScroll(handleCloseOnScroll, isOpen && !!closeOnScroll, parent);
+    // Only "wheel"/"touchmove" are genuine user scroll gestures. The plain "scroll" event also fires for
+    // browser scroll-anchoring adjustments (e.g. a layout shift above the viewport pushing content down),
+    // which would otherwise close the popup the instant it opens.
+    useScroll(handleCloseOnScroll, isOpen && !!closeOnScroll, parent, CLOSE_ON_SCROLL_EVENTS);
     useLayoutEffect(calculatePosition, [isOpen, children, recalculateTrigger, calculatePosition]);
     const returnFocusToTrigger = useCallback(() => {
         if (!triggerRef.current) {

package/esm/button/button.d.ts

@@ -9,6 +9,7 @@ export interface IButton extends IZenComponentProps, IZenGridItem {
     title?: string;
     type?: TButton;
     disabled?: boolean;
+    focusableWhenDisabled?: boolean;
     onClick?: React.MouseEventHandler;
     onBlur?: React.FocusEventHandler;
     onMouseOver?: (e: React.MouseEvent<HTMLElement>) => void;
@@ -27,6 +28,6 @@ export interface IButton extends IZenComponentProps, IZenGridItem {
     dataAnalyticsId?: string;
 }
 export declare const Button: {
-    ({ className, type, disabled, id, title, onClick, onMouseOver, onMouseOut, onMouseDown, onMouseUp, onKeyDown, onKeyUp, children, link, target, htmlType, rel, ref, name, onBlur, role, ariaLabel, dataAnalyticsId, ...other }: IButton): import("react/jsx-runtime").JSX.Element;
+    ({ className, type, disabled, focusableWhenDisabled, id, title, onClick, onMouseOver, onMouseOut, onMouseDown, onMouseUp, onKeyDown, onKeyUp, children, link, target, htmlType, rel, ref, name, onBlur, role, ariaLabel, dataAnalyticsId, ...other }: IButton): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/esm/button/button.js

@@ -15,18 +15,35 @@ import { classNames } from "../commonHelpers/classNames/classNames";
 import { useDriveClassName } from "../utils/theme/useDriveClassName";
 import { filterGridProps } from "../gridLayout/utils/filterGridProps";
 import { useMobileClassName } from "../utils/theme/useMobileClassName";
-export const Button = (_a) => {
-    var { className, type, disabled, id, title, onClick, onMouseOver, onMouseOut, onMouseDown, onMouseUp, onKeyDown, onKeyUp, children, link, target, htmlType, rel, ref, name, onBlur, role, ariaLabel, dataAnalyticsId } = _a, other = __rest(_a, ["className", "type", "disabled", "id", "title", "onClick", "onMouseOver", "onMouseOut", "onMouseDown", "onMouseUp", "onKeyDown", "onKeyUp", "children", "link", "target", "htmlType", "rel", "ref", "name", "onBlur", "role", "ariaLabel", "dataAnalyticsId"]);
+const blockActivation = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+};
+// Guards on `disabled` alone, not just `focusableWhenDisabled`, so clicks are blocked in JS regardless of
+// CSS. `onKeyDown`/`onKeyUp` stay unguarded — Tooltip needs them.
+const getDisabledGuardedHandlers = (disabled, isFocusableWhenDisabled, onClick, onMouseDown, onMouseUp) => ({
+    onClick: disabled ? blockActivation : onClick,
+    onMouseDown: isFocusableWhenDisabled ? blockActivation : onMouseDown,
+    onMouseUp: isFocusableWhenDisabled ? blockActivation : onMouseUp
+});
+const getButtonClassName = (type, disabled, isFocusableWhenDisabled, mobileOrDriveClasses, className) => {
     const modifierClassName = type && type !== ButtonType.Secondary ? `zen-button--${type}` : "";
     const disabledClassName = disabled ? "zen-button--disabled" : "";
+    const disabledFocusableClassName = isFocusableWhenDisabled ? "zen-button--disabled-focusable" : "";
+    return classNames(["zen-button", mobileOrDriveClasses, modifierClassName, disabledClassName, disabledFocusableClassName, className !== null && className !== void 0 ? className : ""]);
+};
+export const Button = (_a) => {
+    var { className, type, disabled, focusableWhenDisabled, id, title, onClick, onMouseOver, onMouseOut, onMouseDown, onMouseUp, onKeyDown, onKeyUp, children, link, target, htmlType, rel, ref, name, onBlur, role, ariaLabel, dataAnalyticsId } = _a, other = __rest(_a, ["className", "type", "disabled", "focusableWhenDisabled", "id", "title", "onClick", "onMouseOver", "onMouseOut", "onMouseDown", "onMouseUp", "onKeyDown", "onKeyUp", "children", "link", "target", "htmlType", "rel", "ref", "name", "onBlur", "role", "ariaLabel", "dataAnalyticsId"]);
+    const isFocusableWhenDisabled = Boolean(disabled) && Boolean(focusableWhenDisabled);
     const driveClasses = useDriveClassName("zen-button");
     const ariaLabelValue = ariaLabel || title;
     const mobileClasses = useMobileClassName("zen-button");
     const commonArgs = Object.assign(Object.assign(Object.assign({ id,
-        title }, (ariaLabelValue ? { "aria-label": ariaLabelValue } : {})), (dataAnalyticsId ? { "data-analytics-id": dataAnalyticsId } : {})), { className: classNames(["zen-button", mobileClasses || driveClasses || "", modifierClassName, disabledClassName, className !== null && className !== void 0 ? className : ""]) });
+        title }, (ariaLabelValue ? { "aria-label": ariaLabelValue } : {})), (dataAnalyticsId ? { "data-analytics-id": dataAnalyticsId } : {})), { className: getButtonClassName(type, disabled, isFocusableWhenDisabled, mobileClasses || driveClasses || "", className) });
+    const { onClick: onClickWithDisabledGuard, onMouseDown: onMouseDownWithDisabledGuard, onMouseUp: onMouseUpWithDisabledGuard } = getDisabledGuardedHandlers(disabled, isFocusableWhenDisabled, onClick, onMouseDown, onMouseUp);
     if (link) {
-        return (_jsx("a", Object.assign({ role: "link", rel: rel, target: target, href: disabled ? undefined : link, "aria-disabled": disabled, onKeyDown: onKeyDown, onKeyUp: onKeyUp, onMouseOver: onMouseOver, onMouseOut: onMouseOut, onClick: onClick }, commonArgs, filterGridProps(other), { children: children })));
+        return (_jsx("a", Object.assign({ role: "link", rel: rel, target: target, href: disabled ? undefined : link, tabIndex: isFocusableWhenDisabled ? 0 : undefined, "aria-disabled": disabled ? true : undefined, onKeyDown: onKeyDown, onKeyUp: onKeyUp, onMouseOver: onMouseOver, onMouseOut: onMouseOut, onClick: onClickWithDisabledGuard }, commonArgs, filterGridProps(other), { children: children })));
     }
-    return (_jsx("button", Object.assign({ name: name, onBlur: onBlur, onClick: onClick, onMouseOver: onMouseOver, onMouseOut: onMouseOut, onMouseDown: onMouseDown, onMouseUp: onMouseUp, onKeyDown: onKeyDown, onKeyUp: onKeyUp, ref: ref, type: htmlType, disabled: disabled, role: role }, commonArgs, filterGridProps(other), { children: children })));
+    return (_jsx("button", Object.assign({ name: name, onBlur: onBlur, onClick: onClickWithDisabledGuard, onMouseOver: onMouseOver, onMouseOut: onMouseOut, onMouseDown: onMouseDownWithDisabledGuard, onMouseUp: onMouseUpWithDisabledGuard, onKeyDown: onKeyDown, onKeyUp: onKeyUp, ref: ref, type: htmlType, disabled: isFocusableWhenDisabled ? undefined : disabled, "aria-disabled": isFocusableWhenDisabled ? true : undefined, role: role }, commonArgs, filterGridProps(other), { children: children })));
 };
 Button.displayName = "Button";

package/esm/checkboxListWithAction/checkboxListWithAction.d.ts

@@ -11,6 +11,8 @@ export interface ICheckboxListWithActionOption {
     isWithAction: boolean;
     countSelectedChild?: number;
     color?: IColor;
+    /** When true, renders a 1px separator line below this item. */
+    divider?: boolean;
 }
 export interface IChangeCheckbox {
     id: string;

package/esm/checkboxListWithAction/checkboxListWithAction.js

@@ -435,7 +435,7 @@ export const CheckboxListWithAction = ({
         const labelForRender = selectSearchTerm(opt.label);
         const labelElement = renderLabel(opt, labelForRender, titleForRender, ind);
         return _jsxs("li", {
-          className: classNames(["zen-checkbox-list-with-action__action-item", opt.isWithAction ? "zen-checkbox-list-with-action__action-item--action" : ""]),
+          className: classNames(["zen-checkbox-list-with-action__action-item", opt.isWithAction ? "zen-checkbox-list-with-action__action-item--action" : "", opt.divider && ind < optionsArr.length - 1 ? "zen-checkbox-list-with-action__action-item--divider" : ""]),
           "data-item": opt.property,
           children: [_jsx(Checkbox, {
             id: `${checkboxId}${opt.property}`,

package/esm/commonHelpers/ShowMoreCell.d.ts

@@ -0,0 +1,5 @@
+import { IShowMoreRow } from "./showMoreRow";
+import "./showMoreRow.less";
+export declare const ShowMoreCell: ({ row }: {
+    row: IShowMoreRow;
+}) => import("react/jsx-runtime").JSX.Element;

package/esm/commonHelpers/ShowMoreCell.js

@@ -0,0 +1,57 @@
+import { injectString } from "../utils/localization/translationsDictionary";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLanguage } from "../utils/localization/useLanguage";
+injectString("cs", "+{0} more", "+{0} dal\u0161\xED");
+injectString("da-DK", "+{0} more", "+{0} mere");
+injectString("de", "+{0} more", "+{0} weitere");
+injectString("en", "+{0} more", "+{0} more");
+injectString("es", "+{0} more", "+{0} m\xE1s");
+injectString("fi-FI", "+{0} more", "+{0} lis\xE4\xE4");
+injectString("fr", "+{0} more", "+{0} autres");
+injectString("fr-FR", "+{0} more", "+{0} autres");
+injectString("hu-HU", "+{0} more", "+{0} t\xF6bb");
+injectString("id", "+{0} more", "+{0} lebih");
+injectString("it", "+{0} more", "+{0} in pi\xF9");
+injectString("ja", "+{0} more", "\u3055\u3089\u306B {0} \u500B");
+injectString("ko-KR", "+{0} more", "+{0} \uB354\uBCF4\uAE30");
+injectString("ms", "+{0} more", "+{0} lagi");
+injectString("nb-NO", "+{0} more", "+{0} mer");
+injectString("nl", "+{0} more", "+{0} meer");
+injectString("pl", "+{0} more", "Jeszcze {0}");
+injectString("pt-BR", "+{0} more", "+{0} mais");
+injectString("pt-PT", "+{0} more", "+{0} mais");
+injectString("sk-SK", "+{0} more", "+{0} viac");
+injectString("sv", "+{0} more", "+{0} mer");
+injectString("th", "+{0} more", "+{0} \u0E23\u0E32\u0E22\u0E01\u0E32\u0E23\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E40\u0E15\u0E34\u0E21");
+injectString("tr", "+{0} more", "+{0} daha");
+injectString("zh-Hans", "+{0} more", "+{0}\u66F4\u591A");
+injectString("zh-TW", "+{0} more", "\u9084\u6709 +{0} \u500B");
+injectString("ro-RO", "+{0} more", "\xCEnc\u0103 {0}");
+injectString("ar-001", "+{0} more", "+{0} \u0623\u062E\u0631\u0649");
+injectString("lt-LT", "+{0} more", "+{0} daugiau");
+injectString("lv-LV", "+{0} more", "+{0} v\u0113l");
+injectString("ka-GE", "+{0} more", "+{0} \u10DB\u10D4\u10E2\u10D8");
+injectString("el-GR", "+{0} more", "+{0} \u03B1\u03BA\u03CC\u03BC\u03B1");
+injectString("et-EE", "+{0} more", "+{0} veel");
+injectString("bg-BG", "+{0} more", "+ \u043E\u0449\u0435 {0}");
+export const ShowMoreCell = ({
+  row
+}) => {
+  const {
+    translate
+  } = useLanguage();
+  const content = row.label ? row.label(row.remaining) : translate("+{0} more").replace("{0}", String(row.remaining));
+  if (row.href) {
+    return _jsx("a", {
+      className: "zen-show-more__link",
+      href: row.href,
+      children: content
+    });
+  }
+  return _jsx("button", {
+    type: "button",
+    className: "zen-show-more__link",
+    onClick: row.onActivate,
+    children: content
+  });
+};

package/esm/commonHelpers/getAriaAttributes.js

@@ -1,3 +1,4 @@
+import { isAriaProp } from "./isAriaProp";
 const camelToKebab = (str) => str.replace(/[A-Z]/g, letter => `-${letter.toLowerCase()}`);
 export const getAriaAttributes = (props) => {
     if (!props) {
@@ -5,16 +6,12 @@ export const getAriaAttributes = (props) => {
     }
     const ariaAttributes = {};
     for (const [key, value] of Object.entries(props)) {
-        // Handle hyphenated aria attributes (aria-*)
-        if (key.startsWith("aria-")) {
-            ariaAttributes[key] = value;
-        }
-        // Handle camelCase aria attributes (ariaDescribedby, ariaLabel, etc.)
-        // Convert to hyphenated format (aria-describedby, aria-label, etc.)
-        else if (key.startsWith("aria") && key.length > 4 && key[4] === key[4].toUpperCase()) {
-            const hyphenated = camelToKebab(key);
-            ariaAttributes[hyphenated] = value;
+        if (!isAriaProp(key)) {
+            continue;
         }
+        // Hyphenated keys (aria-*) pass through; camelCase keys (ariaDescribedby, ariaLabel, etc.)
+        // are converted to the hyphenated form the DOM expects.
+        ariaAttributes[key.startsWith("aria-") ? key : camelToKebab(key)] = value;
     }
     return ariaAttributes;
 };

package/esm/commonHelpers/getNonAriaProps.d.ts

@@ -0,0 +1,11 @@
+/**
+ * The complement of `getAriaAttributes`: every prop that is *not* an aria attribute, returned
+ * under its original key and value.
+ *
+ * Use the two together when a component has to send its aria attributes to a different element
+ * than the rest of its props. Both sides test membership with `isAriaProp`, so no prop can fall
+ * between them and be dropped by both.
+ */
+export declare const getNonAriaProps: (props?: object) => {
+    [k: string]: any;
+};

package/esm/commonHelpers/getNonAriaProps.js

@@ -0,0 +1,15 @@
+import { isAriaProp } from "./isAriaProp";
+/**
+ * The complement of `getAriaAttributes`: every prop that is *not* an aria attribute, returned
+ * under its original key and value.
+ *
+ * Use the two together when a component has to send its aria attributes to a different element
+ * than the rest of its props. Both sides test membership with `isAriaProp`, so no prop can fall
+ * between them and be dropped by both.
+ */
+export const getNonAriaProps = (props) => {
+    if (!props) {
+        return {};
+    }
+    return Object.fromEntries(Object.entries(props).filter(([key]) => !isAriaProp(key)));
+};

package/esm/commonHelpers/hooks/useScroll.d.ts

@@ -1 +1 @@
-export declare const useScroll: (callback: () => void, active: boolean, triggerRef?: Element | null) => void;
+export declare const useScroll: (callback: () => void, active: boolean, triggerRef?: Element | null, events?: readonly string[]) => void;

package/esm/commonHelpers/hooks/useScroll.js

@@ -1,18 +1,18 @@
 import { useEffect } from "react";
 import { zen } from "../../utils/zen";
-export const useScroll = (callback, active, triggerRef) => {
+const DEFAULT_EVENTS = ["scroll", "wheel"];
+export const useScroll = (callback, active, triggerRef, events) => {
     var _a;
     if (triggerRef === void 0) { triggerRef = (_a = zen.document) === null || _a === void 0 ? void 0 : _a.body; }
+    if (events === void 0) { events = DEFAULT_EVENTS; }
     useEffect(() => {
         if (!active || triggerRef === null) {
             return;
         }
-        triggerRef.addEventListener("scroll", callback);
-        triggerRef.addEventListener("wheel", callback);
+        events.forEach(event => triggerRef.addEventListener(event, callback));
         // eslint-disable-next-line consistent-return
         return () => {
-            triggerRef.removeEventListener("scroll", callback);
-            triggerRef.removeEventListener("wheel", callback);
+            events.forEach(event => triggerRef.removeEventListener(event, callback));
         };
-    }, [callback, active, triggerRef]);
+    }, [callback, active, triggerRef, events]);
 };

package/esm/commonHelpers/isAriaProp.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Whether a prop key is an aria attribute, in either the hyphenated (`aria-label`) or the
+ * camelCase (`ariaLabel`) spelling.
+ *
+ * Pair it with `getAriaAttributes` when a component has to split a rest-props object: the helper
+ * collects the aria half, this predicate identifies the half it leaves behind. Sharing one rule
+ * keeps the two halves from disagreeing and silently dropping a prop.
+ */
+export declare const isAriaProp: (key: string) => boolean;