@geotab/zenith 3.9.1 → 3.10.0-beta.0

package/esm/bookmark/bookmark.js

@@ -67,7 +67,8 @@ injectString("ar-SA", "Add page to bookmarks", "\u0625\u0636\u0627\u0641\u0629 \
 export const Bookmark = ({
   className,
   bookmarked,
-  onChange
+  onChange,
+  dataAnalyticsId
 }) => {
   const [isHovered, setIsHovered] = useState(false);
   const {
@@ -100,7 +101,8 @@ export const Bookmark = ({
       iconSize: isDrive ? driveIconSize("large") : "large",
       iconClasses: `zen-page-bookmark__icon zen-page-bookmark__icon${bookmarked ? "--active" : "--inactive"}`,
       "aria-label": title,
-      title: title
+      title: title,
+      dataAnalyticsId: dataAnalyticsId
     })
   });
 };

package/esm/card/components/cardButton/cardButton.d.ts

@@ -11,5 +11,6 @@ export interface ICardButton extends IZenIdComponentProps {
     link?: string;
     target?: HTMLAttributeAnchorTarget;
     dataAnalyticsId?: string;
+    ariaLabel?: string;
 }
-export declare const CardButton: ({ children, disabled, icon, name, onClick, link, className, target: linkTarget, dataAnalyticsId }: ICardButton) => import("react/jsx-runtime").JSX.Element;
+export declare const CardButton: ({ children, disabled, icon, name, onClick, link, className, target: linkTarget, dataAnalyticsId, ariaLabel }: ICardButton) => import("react/jsx-runtime").JSX.Element;

package/esm/card/components/cardButton/cardButton.js

@@ -9,7 +9,7 @@ import { Menu } from "../../../menu/menu";
 import { useDriveClassName } from "../../../utils/theme/useDriveClassName";
 import { useDrive } from "../../../utils/theme/useDrive";
 import { toKebabCase } from "../../../utils/toKebabCase";
-export const CardButton = ({ children, disabled = false, icon, name, onClick, link, className, target: linkTarget, dataAnalyticsId }) => {
+export const CardButton = ({ children, disabled = false, icon, name, onClick, link, className, target: linkTarget, dataAnalyticsId, ariaLabel }) => {
     const [isOpen, setIsOpen] = useState(false);
     const triggerRef = useRef(null);
     const content = [];
@@ -29,9 +29,9 @@ export const CardButton = ({ children, disabled = false, icon, name, onClick, li
         }
         onClick === null || onClick === void 0 ? void 0 : onClick(...args);
     };
-    const renderLink = () => (_jsxs(Button, { disabled: disabled, type: "tertiary", link: link, target: linkTarget, title: name, dataAnalyticsId: analyticsId, className: classNames([className || "", "zen-card-button", "zen-caption", cardButtonDriveClasses || ""]), children: [icon && createElement(icon, { size: isDrive ? "huge" : "large", className: "zen-caption__pre-content" }), _jsx("span", { className: "zen-caption__content", children: name })] }));
+    const renderLink = () => (_jsxs(Button, { disabled: disabled, type: "tertiary", link: link, target: linkTarget, title: name, ariaLabel: ariaLabel, dataAnalyticsId: analyticsId, className: classNames([className || "", "zen-card-button", "zen-caption", cardButtonDriveClasses || ""]), children: [icon && createElement(icon, { size: isDrive ? "huge" : "large", className: "zen-caption__pre-content" }), _jsx("span", { className: "zen-caption__content", children: name })] }));
     const renderButton = () => {
-        const trigger = (_jsxs(Button, { htmlType: "button", ref: triggerRef, disabled: disabled, type: "tertiary", onClick: onButtonClickHandler, title: name, dataAnalyticsId: analyticsId, className: classNames([className || "", "zen-card-button", "zen-caption", cardButtonDriveClasses || ""]), children: [icon && createElement(icon, { size: isDrive ? "huge" : "large", className: "zen-caption__pre-content" }), _jsx("span", { className: "zen-caption__content", children: name }), !!content.length &&
+        const trigger = (_jsxs(Button, { htmlType: "button", ref: triggerRef, disabled: disabled, type: "tertiary", onClick: onButtonClickHandler, title: name, ariaLabel: ariaLabel, dataAnalyticsId: analyticsId, className: classNames([className || "", "zen-card-button", "zen-caption", cardButtonDriveClasses || ""]), children: [icon && createElement(icon, { size: isDrive ? "huge" : "large", className: "zen-caption__pre-content" }), _jsx("span", { className: "zen-caption__content", children: name }), !!content.length &&
                     (isOpen ? (_jsx(IconChevronTopSmall, { size: isDrive ? "huge" : "large", className: "zen-caption__post-content" })) : (_jsx(IconChevronDownSmall, { size: isDrive ? "huge" : "large", className: "zen-caption__post-content" })))] }));
         return content.length ? (_jsxs(_Fragment, { children: [trigger, _jsx(ControlledMenu, { title: name, isOpen: isOpen, setIsOpen: setIsOpen, triggerRef: triggerRef, children: content })] })) : (trigger);
     };

package/esm/dataFeed/hooks/useVisibleColumns.js

@@ -7,7 +7,7 @@ export const useVisibleColumns = (columnsList, expanded, options) => {
         secondaryColumns = expanded ? columnsList.slice(visibleColumns) : [];
         return { mainColumns, secondaryColumns };
     }
-    mainColumns = columnsList.slice(0, columnsList.length - collapsedColumnsQty);
+    mainColumns = columnsList.slice(0, Math.max(1, columnsList.length - collapsedColumnsQty));
     secondaryColumns = expanded ? columnsList.slice(mainColumns.length) : [];
     return { mainColumns, secondaryColumns };
 };

package/esm/dataGrid/extensions/toBasicColumn.js

@@ -6,7 +6,8 @@ const DEFAULT_META = {
     visibleOnHover: false
 };
 export const toBasicColumn = (column) => {
+    var _a;
     const defaultColumn = defaultColumnComponent(column.id);
     const columnComponent = column.columnComponent || defaultColumn;
-    return Object.assign(Object.assign({}, column), { name: column.name || column.id || "", meta: Object.assign(Object.assign({}, DEFAULT_META), (column.meta || {})), columnComponent: columnComponent, wrappers: column.wrappers || [], colspan: column.colspan || 1 });
+    return Object.assign(Object.assign({}, column), { name: column.name || column.id || "", meta: Object.assign(Object.assign({}, DEFAULT_META), (column.meta || {})), columnComponent: columnComponent, wrappers: column.wrappers || [], alwaysVisible: (_a = column.alwaysVisible) !== null && _a !== void 0 ? _a : false, colspan: column.colspan || 1 });
 };

package/esm/dataGrid/listColumn.d.ts

@@ -17,6 +17,7 @@ export interface IListColumn<T, N = T> {
     meta?: IListColumnMeta<T, N>;
     columnComponent?: IColumnComponent<T, N>;
     wrappers?: IListColumnWrapper<T, N>[];
+    alwaysVisible?: boolean;
     colspan?: undefined | number | ((entity: T | N) => number | undefined);
 }
 export type TRenderResult = ReactNode | PromiseLike<ReactNode | undefined> | undefined;

package/esm/dataGrid/withFlexibleColumns/components/columnSettingsList.d.ts

@@ -6,10 +6,10 @@ import { IRowEntity } from "../../row/row";
 interface IColumnSettingsList<T extends IRowEntity<T>> extends IZenComponentProps {
     columns: IListFlexibleColumnStrict<T, T>[];
     settings: Map<string, boolean>;
-    firstColumn: string;
+    disabledColumns?: string[];
     onChange?: (newState: Map<string, boolean>) => void;
     sortGroups?: (a: string, b: string) => number;
     sortColumns?: (a: string, b: string) => number;
 }
-export declare function ColumnSettingsList<T extends IRowEntity<T> & IColumnsGroup>({ columns, settings, firstColumn, onChange, sortGroups, sortColumns }: IColumnSettingsList<T>): import("react/jsx-runtime").JSX.Element[];
+export declare function ColumnSettingsList<T extends IRowEntity<T> & IColumnsGroup>({ columns, settings, disabledColumns, onChange, sortGroups, sortColumns }: IColumnSettingsList<T>): import("react/jsx-runtime").JSX.Element[];
 export {};

package/esm/dataGrid/withFlexibleColumns/components/columnSettingsList.js

@@ -3,7 +3,7 @@ import { useCallback, useId, useMemo } from "react";
 import { groupColumns } from "../../extensions/groupColumns";
 import { SelectList } from "../../../selectList/selectList";
 import { CheckboxState } from "../../../checkbox/checkboxState";
-const SubColumnsList = ({ title, columns, settings, firstColumn, onChange, sortColumns }) => {
+const SubColumnsList = ({ title, columns, settings, disabledColumns, onChange, sortColumns }) => {
     const id = useId();
     const sortColumnsInt = useCallback((a, b) => {
         if (sortColumns) {
@@ -14,10 +14,10 @@ const SubColumnsList = ({ title, columns, settings, firstColumn, onChange, sortC
     const items = useMemo(() => columns.sort(sortColumnsInt).map(c => ({
         id: c.id,
         title: c.title,
-        disabled: c.name === firstColumn,
+        disabled: (disabledColumns === null || disabledColumns === void 0 ? void 0 : disabledColumns.includes(c.name)) || false,
         showCheckbox: true,
         children: c.title
-    })), [columns, firstColumn, sortColumnsInt]);
+    })), [columns, disabledColumns, sortColumnsInt]);
     const state = columns.reduce((res, c) => {
         res.set(c.id, settings.get(c.name) !== false ? CheckboxState.On : CheckboxState.Off);
         return res;
@@ -36,7 +36,7 @@ const SubColumnsList = ({ title, columns, settings, firstColumn, onChange, sortC
     }
     return (_jsxs("div", { className: "zen-columns-list__sub-section", children: [_jsx("div", { className: "zen-columns-list__title zen-ellipsis", children: title }), list] }));
 };
-export function ColumnSettingsList({ columns, settings, firstColumn, onChange, sortGroups, sortColumns }) {
+export function ColumnSettingsList({ columns, settings, disabledColumns, onChange, sortGroups, sortColumns }) {
     const groupped = groupColumns(columns);
     const sortGroupsInt = useCallback((a, b) => {
         if (sortGroups) {
@@ -46,5 +46,5 @@ export function ColumnSettingsList({ columns, settings, firstColumn, onChange, s
     }, [sortGroups]);
     return Array.from(groupped.entries())
         .sort(sortGroupsInt)
-        .map(([title, cs]) => (_jsx(SubColumnsList, { title: title, columns: cs, settings: settings, firstColumn: firstColumn, onChange: onChange, sortColumns: sortColumns }, cs.map(c => c.id).join("-"))));
+        .map(([title, cs]) => (_jsx(SubColumnsList, { title: title, columns: cs, settings: settings, disabledColumns: disabledColumns, onChange: onChange, sortColumns: sortColumns }, cs.map(c => c.id).join("-"))));
 }

package/esm/dataGrid/withFlexibleColumns/withFlexibleColumns.js

@@ -10,6 +10,7 @@ import { FlexibleColumnWrapper } from "./columns/flexibleColumnWrapper";
 import { ColumnSettings } from "./components/columnSettings";
 import { ColumnSettingsList } from "./components/columnSettingsList";
 import { ColumnSettingsSidePanel } from "./components/columnSettingsSidePanel";
+import { EmptySearchList } from "../emptySearchList/emptySearchList";
 import { zen } from "../../utils/zen";
 // T - type of entity
 // P - props of wrapped component
@@ -22,6 +23,7 @@ export const withFlexibleColumns = (DataGridComponent) => {
         const [isPanelOpen, setIsPanelOpen] = useState(false);
         const allColumns = useMemo(() => columns.map(column => (Object.assign(Object.assign({}, toBasicColumn(Object.assign({}, column))), { visible: column.visible !== false, group: column.group || "" }))), [columns]);
         const columnsSettings = useMemo(() => mergeColumnsSettings(allColumns, options.columnsSettings || settingsStore.getItem()), [allColumns, options.columnsSettings, settingsStore]);
+        const hasConfigurableColumns = useMemo(() => allColumns.filter(c => c.title).some(c => !c.alwaysVisible), [allColumns]);
         const visibleColumns = useMemo(() => {
             const visibleColumnsMap = new Map(allColumns.map(c => [c.name, c]));
             return columnsSettings
@@ -63,10 +65,12 @@ export const withFlexibleColumns = (DataGridComponent) => {
             }, 0);
         }), [settingsStore]);
         const listOfColumns = useMemo(() => {
-            var _a;
-            const firstColumn = (((_a = visibleColumns[0]) === null || _a === void 0 ? void 0 : _a.name) || "");
+            const configurableColumnNames = new Set(allColumns.filter(c => c.title).map(c => c.name));
+            const visibleConfigurableSettings = columnsSettings.filter(s => s.visible && configurableColumnNames.has(s.name));
+            const lastVisibleColumn = visibleConfigurableSettings.length === 1 ? [visibleConfigurableSettings[0].name] : [];
+            const disabledColumns = [...allColumns.filter(c => c.alwaysVisible).map(c => c.name), ...lastVisibleColumn];
             const columnSettingsMap = new Map(columnsSettings.map(s => [s.name, s.visible]));
-            return (_jsx(ColumnSettingsList, { columns: allColumns.filter(c => c.title), settings: columnSettingsMap, firstColumn: firstColumn, onChange: async (newSettings) => {
+            return (_jsx(ColumnSettingsList, { columns: allColumns.filter(c => c.title), settings: columnSettingsMap, disabledColumns: disabledColumns, onChange: async (newSettings) => {
                     const settings = columnsSettings.map(s => {
                         const visible = newSettings.get(s.name) !== false;
                         return Object.assign(Object.assign({}, s), { visible });
@@ -74,7 +78,7 @@ export const withFlexibleColumns = (DataGridComponent) => {
                     await saveSettingsToTheStore(settings);
                     onChangeSettings(settings);
                 }, sortGroups: sortGroups, sortColumns: sortColumns }));
-        }, [columnsSettings, allColumns, saveSettingsToTheStore, onChangeSettings, visibleColumns, sortGroups, sortColumns]);
+        }, [columnsSettings, allColumns, saveSettingsToTheStore, onChangeSettings, sortGroups, sortColumns]);
         const onReorderListener = useCallback(async ([from, to]) => {
             if (from === to) {
                 return;
@@ -134,9 +138,14 @@ export const withFlexibleColumns = (DataGridComponent) => {
             onResetSettings();
             setIsPanelOpen(false);
         }, [onResetSettings, saveSettingsToTheStore]);
-        return (_jsxs(_Fragment, { children: [popupTriggerRef && visibleColumns.length > 0 ? (options.isFeed ? (_jsx(ColumnSettingsSidePanel, { triggerRef: popupTriggerRef, isOpen: isPanelOpen, onOpen: () => setIsPanelOpen(true), onClose: () => setIsPanelOpen(false), onReset: onResetListener, children: _jsx(ColumnSettings, { onReset: onResetListener, showFooter: false, children: listOfColumns }) })) : (_jsx(Popup, { triggerRef: popupTriggerRef, alignment: "bottom-right", children: _jsx(ColumnSettings, { onReset: onResetListener, children: listOfColumns }) }, "flexible-popup"))) : null, _jsx(DataGridComponent, Object.assign({}, props, { columns: [...visibleColumns], ref: gridRef }), "grid")] }));
+        useEffect(() => {
+            if (popupTriggerRef === null || popupTriggerRef === void 0 ? void 0 : popupTriggerRef.current) {
+                popupTriggerRef.current.style.display = hasConfigurableColumns ? "" : "none";
+            }
+        }, [popupTriggerRef, hasConfigurableColumns]);
+        return (_jsxs(_Fragment, { children: [popupTriggerRef && hasConfigurableColumns ? (options.isFeed ? (_jsx(ColumnSettingsSidePanel, { triggerRef: popupTriggerRef, isOpen: isPanelOpen, onOpen: () => setIsPanelOpen(true), onClose: () => setIsPanelOpen(false), onReset: onResetListener, children: _jsx(ColumnSettings, { onReset: onResetListener, showFooter: false, children: listOfColumns }) })) : (_jsx(Popup, { triggerRef: popupTriggerRef, alignment: "bottom-right", children: _jsx(ColumnSettings, { onReset: onResetListener, children: listOfColumns }) }, "flexible-popup"))) : null, visibleColumns.length === 0 && hasConfigurableColumns ? (_jsx("div", { className: "zen-data-grid__empty", children: _jsx(EmptySearchList, {}) })) : (_jsx(DataGridComponent, Object.assign({}, props, { columns: [...visibleColumns], ref: gridRef }), "grid"))] }));
     };
     FlexibleColumnsComponent.displayName = `withFlexibleColumns(${DataGridComponent.displayName || DataGridComponent.name || "Component"})`;
     return FlexibleColumnsComponent;
 };
-withFlexibleColumns.translations = [...ColumnSettings.translations, ...ColumnSettingsSidePanel.translations];
+withFlexibleColumns.translations = [...ColumnSettings.translations, ...ColumnSettingsSidePanel.translations, ...EmptySearchList.translations];

package/esm/dialog/dialogContent.js

@@ -19,10 +19,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");
@@ -33,13 +33,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");
 export const DialogContent = ({
   onClose,

package/esm/dropdownRaw/dropdownHelper.d.ts

@@ -31,7 +31,7 @@ export declare const checkIsDataProblem: (selectedIds: string[], groupsMap: IDro
 export declare const getStringFromSelected: (selectedIds: string[], groupsMapSelected: IDropdownState["groupsMapSelected"], translate: (s: string) => string, rootId: string) => string;
 export declare const getStringFromAllSelected: (groupsMap: IDropdownState["groupsMap"], translate: (s: string) => string, rootId: string) => string;
 export declare const getSelectedCount: (selectedIds: string[]) => number;
-export declare const getAllyTriggerProps: (allyPattern: "selectOnlyCombobox" | "comboboxWithDialog" | "buttonWithDialog") => {
+export declare const getAllyTriggerProps: (allyPattern: "selectOnlyCombobox" | "comboboxWithDialog" | "buttonWithDialog" | "buttonWithMenu") => {
     readonly role: "combobox";
     readonly "aria-haspopup": "listbox";
 } | {
@@ -40,4 +40,7 @@ export declare const getAllyTriggerProps: (allyPattern: "selectOnlyCombobox" | "
 } | {
     readonly role: "button";
     readonly "aria-haspopup": "dialog";
+} | {
+    readonly role: "button";
+    readonly "aria-haspopup": "menu";
 };

package/esm/dropdownRaw/dropdownHelper.js

@@ -146,6 +146,7 @@ export const getSelectedCount = (selectedIds) => selectedIds.length;
 const ALLY_TRIGGER_PROPS = {
     selectOnlyCombobox: { role: "combobox", "aria-haspopup": "listbox" },
     comboboxWithDialog: { role: "combobox", "aria-haspopup": "dialog" },
-    buttonWithDialog: { role: "button", "aria-haspopup": "dialog" }
+    buttonWithDialog: { role: "button", "aria-haspopup": "dialog" },
+    buttonWithMenu: { role: "button", "aria-haspopup": "menu" }
 };
 export const getAllyTriggerProps = (allyPattern) => ALLY_TRIGGER_PROPS[allyPattern];

package/esm/dropdownRaw/dropdownRaw.js

@@ -902,7 +902,7 @@ export const DropdownRaw = props => {
     if (searchField) {
       return "comboboxWithDialog";
     }
-    return "buttonWithDialog";
+    return "buttonWithMenu";
   }, [searchField, multiselect]);
   if (isReadOnly) {
     // TODO: how many items should we show?
@@ -982,7 +982,7 @@ export const DropdownRaw = props => {
       isSearchInPopup: chip,
       mobileSheetStackingClassName: mobileSheetStackingClassName,
       handleFocusOnSentinelItem: handleFocusOnSentinelItem,
-      role: memoizedAllyPattern === "selectOnlyCombobox" ? false : "dialog",
+      role: memoizedAllyPattern === "selectOnlyCombobox" || memoizedAllyPattern === "buttonWithMenu" ? false : "dialog",
       children: getPopupContent
     })]
   });

package/esm/dropdownRaw/dropdownTrigger.d.ts

@@ -24,7 +24,7 @@ export interface IDropdownTrigger extends IZenComponentProps {
     onBlur?: () => void;
     popupId?: string;
     handleFocusOnPopup?: () => void;
-    allyPattern?: "selectOnlyCombobox" | "comboboxWithDialog" | "buttonWithDialog";
+    allyPattern?: "selectOnlyCombobox" | "comboboxWithDialog" | "buttonWithDialog" | "buttonWithMenu";
 }
 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, allyPattern, ...otherProps }: IDropdownTrigger) => import("react/jsx-runtime").JSX.Element;
 export declare const TRANSLATIONS: string[];

package/esm/dropdownRaw/dropdownTrigger.js

@@ -22,7 +22,7 @@ export const DropdownTrigger = (_a) => {
         handleClick(!isActive);
     };
     const allyTriggerProps = useMemo(() => getAllyTriggerProps(allyPattern), [allyPattern]);
-    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-controls": popupId }, allyTriggerProps, otherProps, { children: currentSelection ? (_jsx("span", { className: classNames([
+    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 || currentSelection || placeholder, "aria-expanded": isActive, "aria-controls": popupId }, allyTriggerProps, otherProps, { children: currentSelection ? (_jsx("span", { className: classNames([
                     "zen-dropdown__trigger-button-text",
                     buttonType ? `zen-dropdown__trigger-button-text--${buttonType.toString()}` : ""
                 ]), children: currentSelection })) : (placeholder) }))) }));

package/esm/fileUpload/components/uploadedFilesSection.js

@@ -38,7 +38,7 @@ injectString("zh-TW", "Uploaded", "Uploaded");
 injectString("ro-RO", "Uploaded", "Uploaded");
 injectString("ar-SA", "Uploaded", "\u062A\u0645 \u0627\u0644\u0631\u0641\u0639");
 injectString("cs", "Remove", "Odebrat");
-injectString("da-DK", "Remove", "Fjerne");
+injectString("da-DK", "Remove", "Fjern");
 injectString("de", "Remove", "Entfernen");
 injectString("en", "Remove", "Remove");
 injectString("es", "Remove", "Eliminar");
@@ -60,9 +60,9 @@ injectString("sk-SK", "Remove", "Odstr\xE1ni\u0165");
 injectString("sv", "Remove", "Ta bort");
 injectString("th", "Remove", "\u0E25\u0E1A");
 injectString("tr", "Remove", "Kald\u0131r");
-injectString("zh-Hans", "Remove", "\u5220\u9664");
+injectString("zh-Hans", "Remove", "\u79FB\u9664");
 injectString("zh-TW", "Remove", "\u79FB\u9664");
-injectString("ro-RO", "Remove", "Elimina\u021Bi");
+injectString("ro-RO", "Remove", "Elimin\u0103");
 injectString("ar-SA", "Remove", "\u0625\u0632\u0627\u0644\u0629");
 const getFileIcon = file => {
   var _a;

package/esm/filters/components/filtersSavedChipComponent.js

@@ -152,7 +152,7 @@ injectString("zh-TW", "This filter is currently applied.", "This filter is curre
 injectString("ro-RO", "This filter is currently applied.", "This filter is currently applied.");
 injectString("ar-SA", "This filter is currently applied.", "\u0647\u0630\u0647 \u0627\u0644\u062A\u0635\u0641\u064A\u0629 \u0645\u0637\u0628\u0642\u0629 \u062D\u0627\u0644\u064A\u0627\u064B.");
 injectString("cs", "Remove", "Odebrat");
-injectString("da-DK", "Remove", "Fjerne");
+injectString("da-DK", "Remove", "Fjern");
 injectString("de", "Remove", "Entfernen");
 injectString("en", "Remove", "Remove");
 injectString("es", "Remove", "Eliminar");
@@ -174,9 +174,9 @@ injectString("sk-SK", "Remove", "Odstr\xE1ni\u0165");
 injectString("sv", "Remove", "Ta bort");
 injectString("th", "Remove", "\u0E25\u0E1A");
 injectString("tr", "Remove", "Kald\u0131r");
-injectString("zh-Hans", "Remove", "\u5220\u9664");
+injectString("zh-Hans", "Remove", "\u79FB\u9664");
 injectString("zh-TW", "Remove", "\u79FB\u9664");
-injectString("ro-RO", "Remove", "Elimina\u021Bi");
+injectString("ro-RO", "Remove", "Elimin\u0103");
 injectString("ar-SA", "Remove", "\u0625\u0632\u0627\u0644\u0629");
 injectString("cs", "Remove filter", "Odebrat filtr");
 injectString("da-DK", "Remove filter", "Fjern filter");

package/esm/filters/components/filtersSearchItemData.js

@@ -6,7 +6,7 @@ import { Button } from "../../button/button";
 import { classNames } from "../../commonHelpers/classNames/classNames";
 import { IconClose } from "../../icons/iconClose";
 injectString("cs", "Remove", "Odebrat");
-injectString("da-DK", "Remove", "Fjerne");
+injectString("da-DK", "Remove", "Fjern");
 injectString("de", "Remove", "Entfernen");
 injectString("en", "Remove", "Remove");
 injectString("es", "Remove", "Eliminar");
@@ -28,9 +28,9 @@ injectString("sk-SK", "Remove", "Odstr\xE1ni\u0165");
 injectString("sv", "Remove", "Ta bort");
 injectString("th", "Remove", "\u0E25\u0E1A");
 injectString("tr", "Remove", "Kald\u0131r");
-injectString("zh-Hans", "Remove", "\u5220\u9664");
+injectString("zh-Hans", "Remove", "\u79FB\u9664");
 injectString("zh-TW", "Remove", "\u79FB\u9664");
-injectString("ro-RO", "Remove", "Elimina\u021Bi");
+injectString("ro-RO", "Remove", "Elimin\u0103");
 injectString("ar-SA", "Remove", "\u0625\u0632\u0627\u0644\u0629");
 const SearchItemContent = ({
   icon,

package/esm/filters/components/filtersSidePanel.js

@@ -222,10 +222,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");
@@ -236,13 +236,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 SELECTED_TAB_ID = "Selected";
 const getSelectedOption = translate => ({

package/esm/filtersBar/filtersBarSidePanel/filtersBarSidePanel.js

@@ -136,10 +136,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");
@@ -150,13 +150,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 getChangeHandlers = children => {
   const handlers = {};

package/esm/formGroup/components/reviewListToggle/reviewListToggle.js

@@ -5,11 +5,11 @@ import { IconCheckRadio } from "../../../icons/iconCheckRadio";
 import { IconCloseCircle } from "../../../icons/iconCloseCircle";
 import { Pill } from "../../../pill/pill";
 import { useLanguage } from "../../../utils/localization/useLanguage";
-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");
@@ -17,26 +17,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");
@@ -44,20 +44,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");
 export const ReviewListToggle = ({
   value,

package/esm/groupsFilterRaw/groupsFilterInitialState.js

@@ -210,7 +210,7 @@ injectString("id", "Results", "Hasil");
 injectString("it", "Results", "Risultati");
 injectString("ja", "Results", "\u7D50\u679C");
 injectString("ko-KR", "Results", "\uACB0\uACFC");
-injectString("ms", "Results", "Keputusan");
+injectString("ms", "Results", "Hasil");
 injectString("nb-NO", "Results", "Resultater");
 injectString("nl", "Results", "Resultaten");
 injectString("pl", "Results", "Wyniki");

package/esm/icons/iconAlignLeft.js

@@ -1,8 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useId } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
+import { useIsRTL } from "../utils/localization/useIsRTL";
 export const IconAlignLeft = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    const isRTL = useIsRTL();
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", isRTL ? "zen-icon--rtl" : "", className !== null && className !== void 0 ? className : ""]), [size, isRTL, className]);
     return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconAlignLeft", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h16a1 1 0 011 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1v-16zm2 1v14h14v-14H5zm3 2a1 1 0 011 1v8a1 1 0 11-2 0v-8a1 1 0 011-1z" })] }));
 };

package/esm/icons/iconAlignmentLeft.js

@@ -1,8 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useId } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
+import { useIsRTL } from "../utils/localization/useIsRTL";
 export const IconAlignmentLeft = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    const isRTL = useIsRTL();
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", isRTL ? "zen-icon--rtl" : "", className !== null && className !== void 0 ? className : ""]), [size, isRTL, className]);
     return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconAlignmentLeft", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 5.87a1 1 0 011-1h16a1 1 0 110 2H4a1 1 0 01-1-1zm0 7a1 1 0 011-1h8a1 1 0 110 2H4a1 1 0 01-1-1zm0 7a1 1 0 011-1h16a1 1 0 110 2H4a1 1 0 01-1-1z" })] }));
 };

package/esm/icons/iconAlignmentRight.js

@@ -1,8 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
+import { useIsRTL } from "../utils/localization/useIsRTL";
 export const IconAlignmentRight = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    const isRTL = useIsRTL();
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", isRTL ? "zen-icon--rtl" : "", className !== null && className !== void 0 ? className : ""]), [size, isRTL, className]);
     return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconAlignmentRight", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 5.87a1 1 0 011-1h16a1 1 0 110 2H4a1 1 0 01-1-1zm8 7a1 1 0 011-1h8a1 1 0 110 2h-8a1 1 0 01-1-1zm-8 7a1 1 0 011-1h16a1 1 0 110 2H4a1 1 0 01-1-1z" })] }));
 };

package/esm/icons/iconArrowBottomLeft.js

@@ -1,8 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
+import { useIsRTL } from "../utils/localization/useIsRTL";
 export const IconArrowBottomLeft = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    const isRTL = useIsRTL();
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", isRTL ? "zen-icon--rtl" : "", className !== null && className !== void 0 ? className : ""]), [size, isRTL, className]);
     return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconArrowBottomLeft", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16 18.87a1 1 0 01-1 1H6a1 1 0 01-1-1v-9a1 1 0 112 0v6.585l9.793-9.792a1 1 0 111.414 1.414L8.414 17.87H15a1 1 0 011 1z" })] }));
 };

package/esm/icons/iconArrowBottomRight.js

@@ -1,8 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
+import { useIsRTL } from "../utils/localization/useIsRTL";
 export const IconArrowBottomRight = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    const isRTL = useIsRTL();
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", isRTL ? "zen-icon--rtl" : "", className !== null && className !== void 0 ? className : ""]), [size, isRTL, className]);
     return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconArrowBottomRight", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18 8.87a1 1 0 011 1v9a1 1 0 01-1 1H9a1 1 0 110-2h6.586L5.793 8.077a1 1 0 011.414-1.414L17 16.455V9.87a1 1 0 011-1z" })] }));
 };

package/esm/icons/iconArrowLeftPath.js

@@ -1,8 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
+import { useIsRTL } from "../utils/localization/useIsRTL";
 export const IconArrowLeftPath = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    const isRTL = useIsRTL();
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", isRTL ? "zen-icon--rtl" : "", className !== null && className !== void 0 ? className : ""]), [size, isRTL, className]);
     return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconArrowLeftPath", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.413 4.959a1 1 0 01.587.91v3h10a1 1 0 011 1v6a1 1 0 01-1 1H11v3a1 1 0 01-1.659.753l-8-7a1 1 0 010-1.505l8-7a1 1 0 011.072-.158zm-6.894 7.91L9 17.667V15.87a1 1 0 011-1h10v-4H10a1 1 0 01-1-1V8.073L3.519 12.87z" })] }));
 };