@geotab/zenith 3.7.0-beta.0 → 3.7.0

package/esm/dropdownRaw/dropdownSearchableTrigger.js

@@ -141,9 +141,10 @@ export const DropdownSearchableTrigger = _a => {
       ref,
       name,
       onBlur,
-      popupId
+      popupId,
+      handleFocusOnPopup
     } = _a,
-    otherProps = __rest(_a, ["value", "className", "onChange", "placeholder", "isOpenPopup", "inputRef", "handleClick", "width", "title", "id", "disabled", "count", "currentSelection", "isError", "fullWidth", "ref", "name", "onBlur", "popupId"])
+    otherProps = __rest(_a, ["value", "className", "onChange", "placeholder", "isOpenPopup", "inputRef", "handleClick", "width", "title", "id", "disabled", "count", "currentSelection", "isError", "fullWidth", "ref", "name", "onBlur", "popupId", "handleFocusOnPopup"])
     // eslint-disable-next-line complexity
   ;
   const {
@@ -176,6 +177,10 @@ export const DropdownSearchableTrigger = _a => {
     if (e.key === " " && !isOpenPopup) {
       handleClick(true);
     }
+    if (e.key === "ArrowDown" && isOpenPopup) {
+      e.preventDefault();
+      handleFocusOnPopup === null || handleFocusOnPopup === void 0 ? void 0 : handleFocusOnPopup();
+    }
   };
   const clickHandler = e => {
     if (e.target === inputRef.current && isOpenPopup || e.target === clearRef.current && isOpenPopup) {

package/esm/dropdownRaw/dropdownTrigger.d.ts

@@ -23,6 +23,7 @@ export interface IDropdownTrigger extends IZenComponentProps {
     name?: string;
     onBlur?: () => void;
     popupId?: string;
+    handleFocusOnPopup?: () => void;
 }
-export declare const DropdownTrigger: ({ name, onBlur, isActive, id, triggerRef, searchField, placeholder, disabled, fullWidth, currentSelection, handleClick, inputValue, className, onSearchChange, width, title, triggerAriaLabel, count, inputRef, buttonType, isError, popupId, ...otherProps }: IDropdownTrigger) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownTrigger: ({ name, onBlur, isActive, id, triggerRef, searchField, placeholder, disabled, fullWidth, currentSelection, handleClick, inputValue, className, onSearchChange, width, title, triggerAriaLabel, count, inputRef, buttonType, isError, popupId, handleFocusOnPopup, ...otherProps }: IDropdownTrigger) => import("react/jsx-runtime").JSX.Element;
 export declare const TRANSLATIONS: string[];

package/esm/dropdownRaw/dropdownTrigger.js

@@ -15,13 +15,11 @@ import { FilterButton } from "../filterButton/filterButton";
 import { useRef } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const DropdownTrigger = (_a) => {
-    var { name, onBlur, isActive, id, triggerRef, searchField, placeholder, disabled, fullWidth, currentSelection, handleClick, inputValue, className, onSearchChange = () => { }, width, title, triggerAriaLabel, count, inputRef, buttonType, isError, popupId } = _a, otherProps = __rest(_a, ["name", "onBlur", "isActive", "id", "triggerRef", "searchField", "placeholder", "disabled", "fullWidth", "currentSelection", "handleClick", "inputValue", "className", "onSearchChange", "width", "title", "triggerAriaLabel", "count", "inputRef", "buttonType", "isError", "popupId"]);
+    var { name, onBlur, isActive, id, triggerRef, searchField, placeholder, disabled, fullWidth, currentSelection, handleClick, inputValue, className, onSearchChange = () => { }, width, title, triggerAriaLabel, count, inputRef, buttonType, isError, popupId, handleFocusOnPopup } = _a, otherProps = __rest(_a, ["name", "onBlur", "isActive", "id", "triggerRef", "searchField", "placeholder", "disabled", "fullWidth", "currentSelection", "handleClick", "inputValue", "className", "onSearchChange", "width", "title", "triggerAriaLabel", "count", "inputRef", "buttonType", "isError", "popupId", "handleFocusOnPopup"]);
     const elInpRef = useRef(null);
     const handleButtonClick = () => {
         handleClick(!isActive);
     };
-    return _jsx(_Fragment, { children: searchField ? _jsx(DropdownSearchableTrigger, Object.assign({ value: inputValue || "", name: name, onChange: onSearchChange, isOpenPopup: isActive, inputRef: inputRef || elInpRef, handleClick: handleClick, ref: triggerRef, width: width, placeholder: placeholder, disabled: disabled, id: id, title: title, count: count, currentSelection: currentSelection, className: className, isError: isError, fullWidth: fullWidth, popupId: popupId }, otherProps)) : _jsx(FilterButton, Object.assign({ ref: triggerRef, id: id, name: name, onBlur: onBlur, className: classNames(["zen-dropdown__trigger-button", isError ? "zen-dropdown__trigger-button--error" : "", className || ""]), onClick: handleButtonClick, disabled: disabled, isActive: isActive, fullWidth: width ? true : fullWidth, maxWidth: width, minWidth: width, quantity: count || undefined, type: buttonType, title: title, ariaLabel: triggerAriaLabel || placeholder, "aria-expanded": isActive, "aria-haspopup": "dialog", "data-role": "dialog", "aria-controls": popupId }, otherProps, { children: currentSelection ? _jsx("span", { className: classNames(["zen-dropdown__trigger-button-text", buttonType ? `zen-dropdown__trigger-button-text--${buttonType.toString()}` : ""]), children: currentSelection }) : placeholder })) });
+    return (_jsx(_Fragment, { children: searchField ? (_jsx(DropdownSearchableTrigger, Object.assign({ value: inputValue || "", name: name, onChange: onSearchChange, isOpenPopup: isActive, inputRef: inputRef || elInpRef, handleClick: handleClick, handleFocusOnPopup: handleFocusOnPopup, ref: triggerRef, width: width, placeholder: placeholder, disabled: disabled, id: id, title: title, count: count, currentSelection: currentSelection, className: className, isError: isError, fullWidth: fullWidth, popupId: popupId }, otherProps))) : (_jsx(FilterButton, Object.assign({ ref: triggerRef, id: id, name: name, onBlur: onBlur, className: classNames(["zen-dropdown__trigger-button", isError ? "zen-dropdown__trigger-button--error" : "", className || ""]), onClick: handleButtonClick, disabled: disabled, isActive: isActive, fullWidth: width ? true : fullWidth, maxWidth: width, minWidth: width, quantity: count || undefined, type: buttonType, title: title, ariaLabel: triggerAriaLabel || placeholder, "aria-expanded": isActive, "aria-haspopup": "dialog", "data-role": "dialog", "aria-controls": popupId }, otherProps, { children: currentSelection ? (_jsx("span", { className: classNames(["zen-dropdown__trigger-button-text", buttonType ? `zen-dropdown__trigger-button-text--${buttonType.toString()}` : ""]), children: currentSelection })) : (placeholder) }))) }));
 };
-export const TRANSLATIONS = [
-    ...SearchableTriggerTranslations
-];
+export const TRANSLATIONS = [...SearchableTriggerTranslations];

package/esm/footerButtons/footerButtons.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { IZenComponentProps } from "./../commonHelpers/zenComponent";
 import { ReactElement } from "react";
 import { IButton } from "../button/button";
@@ -5,10 +6,11 @@ import "./footerButtons.less";
 export interface IFooterButtons extends IZenComponentProps {
     children: ReactElement<IButton> | (ReactElement<IButton> | null | undefined)[];
     /**
-    * @deprecated
-    * @param stacked - will be removed in the next major release
-    */
+     * @deprecated
+     * @param stacked - will be removed in the next major release
+     */
     stacked?: boolean;
     isSticky?: boolean;
+    ref?: React.Ref<HTMLDivElement>;
 }
-export declare const FooterButtons: ({ className, children, isSticky }: IFooterButtons) => import("react/jsx-runtime").JSX.Element;
+export declare const FooterButtons: ({ className, children, isSticky, ref }: IFooterButtons) => import("react/jsx-runtime").JSX.Element;

package/esm/footerButtons/footerButtons.js

@@ -9,7 +9,7 @@ const getChildren = (children) => {
     }
     return (React.Children.count(children) === 1 ? [children] : React.Children.toArray(children).filter((child) => React.isValidElement(child)));
 };
-export const FooterButtons = ({ className, children, isSticky = false }) => {
+export const FooterButtons = ({ className, children, isSticky = false, ref }) => {
     const footerButtonsId = useUniqueId();
     const driveComponentClassName = useDriveClassName("zen-footer-buttons");
     const maxLength = 3;
@@ -28,11 +28,6 @@ export const FooterButtons = ({ className, children, isSticky = false }) => {
         });
         return clonedElements;
     }, [children, footerButtonsId]);
-    const containerClassNames = classNames([
-        "zen-footer-buttons",
-        isSticky && driveComponentClassName ? "zen-footer-buttons--sticky" : "",
-        driveComponentClassName || "",
-        className || ""
-    ]);
-    return _jsx("div", { className: containerClassNames, children: childrenArray });
+    const containerClassNames = classNames(["zen-footer-buttons", isSticky && driveComponentClassName ? "zen-footer-buttons--sticky" : "", driveComponentClassName || "", className || ""]);
+    return (_jsx("div", { className: containerClassNames, ref: ref, children: childrenArray }));
 };

package/esm/groupsFilterRaw/groupsFilterInitialState.js

@@ -190,14 +190,30 @@ injectString("tr", "Select Filters:", "Se\xE7ili Filtreler:");
 injectString("zh-Hans", "Select Filters:", "\u9009\u4E2D\u7684\u7B5B\u9009\u5668\uFF1A");
 injectString("zh-TW", "Select Filters:", "\u9078\u64C7\u7BE9\u9078\u689D\u4EF6\uFF1A");
 injectString("ro-RO", "Select Filters:", "Selecta\u021Bi filtrele:");
+injectString("cs", "Results", "V\xFDsledky");
 injectString("da-DK", "Results", "Resultater");
+injectString("de", "Results", "Ergebnisse");
 injectString("en", "Results", "Results");
+injectString("es", "Results", "Resultados");
 injectString("fi-FI", "Results", "Tulokset");
+injectString("fr", "Results", "R\xE9sultats");
+injectString("fr-FR", "Results", "R\xE9sultats");
 injectString("hu-HU", "Results", "Eredm\xE9nyek");
+injectString("id", "Results", "Hasil");
+injectString("it", "Results", "Risultati");
+injectString("ja", "Results", "\u7D50\u679C");
 injectString("ko-KR", "Results", "\uACB0\uACFC");
+injectString("ms", "Results", "Keputusan");
 injectString("nb-NO", "Results", "Resultater");
+injectString("nl", "Results", "Resultaten");
+injectString("pl", "Results", "Wyniki");
+injectString("pt-BR", "Results", "Resultados");
 injectString("pt-PT", "Results", "Resultados");
 injectString("sk-SK", "Results", "V\xFDsledky");
+injectString("sv", "Results", "Resultat");
+injectString("th", "Results", "\u0E1C\u0E25\u0E25\u0E31\u0E1E\u0E18\u0E4C");
+injectString("tr", "Results", "Sonu\xE7lar");
+injectString("zh-Hans", "Results", "\u7ED3\u679C");
 injectString("zh-TW", "Results", "\u7D50\u679C");
 injectString("ro-RO", "Results", "Rezultate");
 export const GroupsFilterInitialState = ({

package/esm/groupsFilterRaw/groupsFilterTrigger.js

@@ -104,6 +104,10 @@ export const GroupsFilterTrigger = _a => {
       e.nativeEvent.stopImmediatePropagation();
       handleClick();
     }
+    if (e.key === "Tab" && isOpenPopup) {
+      e.preventDefault();
+      handleFocusOnPopup === null || handleFocusOnPopup === void 0 ? void 0 : handleFocusOnPopup();
+    }
   };
   const clickHandler = e => {
     if (e.target === inputRef.current && isOpenPopup) {

package/esm/nav/navItem/navItem.d.ts

@@ -27,6 +27,7 @@ export interface ILinkNavItem extends INavItemCommon {
 export interface IButtonNavItem extends INavItemCommon {
     onClick?: () => void;
     menuAlignment?: TAlignment;
+    onDropdownStateChange?: (isOpen: boolean) => void;
 }
 interface INavItemContext {
     parentLevel?: number;

package/esm/nav/navItem/navItem.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { classNames } from "../../commonHelpers/classNames/classNames";
-import { useRef, useState, Children, cloneElement, createContext, useContext } from "react";
+import { useRef, useState, useEffect, Children, cloneElement, createContext, useContext } from "react";
 import { IconBeta } from "../../icons/iconBeta";
 import { IconChevronRight } from "../../icons/iconChevronRight";
 import { IconOpen2 } from "../../icons/iconOpen2";
@@ -70,9 +70,12 @@ const LinkNavItem = (_a) => {
 };
 LinkNavItem.displayName = "LinkNavItem";
 const ButtonNavItem = (_a) => {
-    var { className, title, onClick, collapsed, active, children, tabIndex, menuAlignment = "right-top", isMenuItem = true, tooltipAlignment = defaultTooltipAlignment, actionIcon, actionIconTitle, onActionIconClick } = _a, rest = __rest(_a, ["className", "title", "onClick", "collapsed", "active", "children", "tabIndex", "menuAlignment", "isMenuItem", "tooltipAlignment", "actionIcon", "actionIconTitle", "onActionIconClick"]);
+    var { className, title, onClick, collapsed, active, children, tabIndex, menuAlignment = "right-top", isMenuItem = true, tooltipAlignment = defaultTooltipAlignment, actionIcon, actionIconTitle, onActionIconClick, onDropdownStateChange } = _a, rest = __rest(_a, ["className", "title", "onClick", "collapsed", "active", "children", "tabIndex", "menuAlignment", "isMenuItem", "tooltipAlignment", "actionIcon", "actionIconTitle", "onActionIconClick", "onDropdownStateChange"]);
     const [menuOpen, setMenuOpen] = useState(false);
     const { parentLevel = 0, closeParentMenu } = useContext(NavItemContext);
+    useEffect(() => {
+        onDropdownStateChange === null || onDropdownStateChange === void 0 ? void 0 : onDropdownStateChange(menuOpen);
+    }, [menuOpen, onDropdownStateChange]);
     const triggerRef = useRef(null);
     const currentLevel = parentLevel + 1;
     const validChildren = Children.toArray(children).filter(child => {

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

@@ -252,5 +252,6 @@
     "Year to date": "Od začátku roku",
     "Time": "Čas",
     "Apply filter": "Použít filtr",
-    "Remove filter": "Odebrat filtr"
+    "Remove filter": "Odebrat filtr",
+    "Results": "Výsledky"
 }

package/esm/utils/localization/translations/de.json

@@ -252,5 +252,6 @@
     "Year to date": "Seit Jahresbeginn",
     "Time": "Zeit",
     "Apply filter": "Filter anwenden",
-    "Remove filter": "Filter entfernen"
+    "Remove filter": "Filter entfernen",
+    "Results": "Ergebnisse"
 }

package/esm/utils/localization/translations/en.json

@@ -316,5 +316,6 @@
     "This filter is currently applied.": "This filter is currently applied.",
     "Remove filter": "Remove filter",
     "Exit full screen table view": "Exit full screen table view",
-    "Close search": "Close search"
+    "Close search": "Close search",
+    "Has additional actions. Use right arrow to access button, left arrow to return.": "Has additional actions. Use right arrow to access button, left arrow to return."
 }

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

@@ -252,5 +252,6 @@
     "Year to date": "Año a la fecha",
     "Time": "Hora",
     "Apply filter": "Aplicar filtro",
-    "Remove filter": "Eliminar filtro"
+    "Remove filter": "Eliminar filtro",
+    "Results": "Resultados"
 }

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

@@ -252,5 +252,6 @@
     "Year to date": "L’année passée",
     "Time": "Heure",
     "Apply filter": "Appliquer filtre",
-    "Remove filter": "Supprimer filtre"
+    "Remove filter": "Supprimer filtre",
+    "Results": "Résultats"
 }

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

@@ -252,5 +252,6 @@
     "Year to date": "Cumul jusqu’à ce jour",
     "Time": "Heure",
     "Apply filter": "Appliquer les filtres",
-    "Remove filter": "Supprimer le filtre"
+    "Remove filter": "Supprimer le filtre",
+    "Results": "Résultats"
 }

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

@@ -252,5 +252,6 @@
     "Year to date": "Tahun hingga saat ini",
     "Time": "Waktu",
     "Apply filter": "Terapkan filter",
-    "Remove filter": "Hapus filter"
+    "Remove filter": "Hapus filter",
+    "Results": "Hasil"
 }

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

@@ -252,5 +252,6 @@
     "Year to date": "Dall'inizio dell'anno",
     "Time": "Tempo",
     "Apply filter": "Applicare filtro",
-    "Remove filter": "Rimuovere filtro"
+    "Remove filter": "Rimuovere filtro",
+    "Results": "Risultati"
 }

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

@@ -252,5 +252,6 @@
     "Year to date": "累計",
     "Time": "時間",
     "Apply filter": "フィルターを適用",
-    "Remove filter": "フィルターを削除"
+    "Remove filter": "フィルターを削除",
+    "Results": "結果"
 }

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

@@ -252,5 +252,6 @@
     "Year to date": "Tahun ini hingga tarikh ini",
     "Time": "Masa",
     "Apply filter": "Gunakan penyaring",
-    "Remove filter": "Keluarkan penyaring"
+    "Remove filter": "Keluarkan penyaring",
+    "Results": "Keputusan"
 }

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

@@ -252,5 +252,6 @@
     "Year to date": "Jaar tot heden",
     "Time": "Tijd",
     "Apply filter": "Filter toepassen",
-    "Remove filter": "Filter verwijderen"
+    "Remove filter": "Filter verwijderen",
+    "Results": "Resultaten"
 }

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

@@ -252,5 +252,6 @@
     "Year to date": "Od początku roku",
     "Time": "Czas",
     "Apply filter": "Zastosuj filtr",
-    "Remove filter": "Usuń filtr"
+    "Remove filter": "Usuń filtr",
+    "Results": "Wyniki"
 }

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

@@ -252,5 +252,6 @@
     "Year to date": "Acumulado no ano",
     "Time": "Hora",
     "Apply filter": "Aplicar filtros",
-    "Remove filter": "Remover filtro"
+    "Remove filter": "Remover filtro",
+    "Results": "Resultados"
 }

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

@@ -252,5 +252,6 @@
     "Year to date": "År till dagens datum",
     "Time": "Tid",
     "Apply filter": "Tillämpa filter",
-    "Remove filter": "Ta bort filter"
+    "Remove filter": "Ta bort filter",
+    "Results": "Resultat"
 }

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

@@ -252,5 +252,6 @@
     "Year to date": "ต้นปีถึงปัจจุบัน",
     "Time": "เวลา",
     "Apply filter": "ใช้ตัวกรอง",
-    "Remove filter": "ลบตัวกรอง"
+    "Remove filter": "ลบตัวกรอง",
+    "Results": "ผลลัพธ์"
 }

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

@@ -252,5 +252,6 @@
     "Year to date": "Yılbaşından bugüne kadar",
     "Time": "Zaman",
     "Apply filter": "Filtreyi uygula",
-    "Remove filter": "Filtreyi kaldır"
+    "Remove filter": "Filtreyi kaldır",
+    "Results": "Sonuçlar"
 }

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

@@ -252,5 +252,6 @@
     "Year to date": "年初至今",
     "Time": "时间",
     "Apply filter": "应用筛选器",
-    "Remove filter": "删除筛选器"
+    "Remove filter": "删除筛选器",
+    "Results": "结果"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@geotab/zenith",
-    "version": "3.7.0-beta.0",
+    "version": "3.7.0",
     "description": "Zenith components library on React",
     "main": "dist/index.js",
     "types": "esm/index.d.ts",
@@ -98,9 +98,6 @@
         "react": "^19.2.0",
         "react-dom": "^19.2.0"
     },
-    "overrides": {
-        "serialize-javascript": "^7.0.3"
-    },
     "files": [
         "./dist/",
         "./esm"