@geotab/zenith 3.9.2 → 3.10.0-beta.1

package/esm/banner/bannerMultipLine.js

@@ -15,10 +15,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");
@@ -29,13 +29,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 BannerMultiline = ({
   children,

package/esm/banner/bannerSingleLine.js

@@ -16,10 +16,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");
@@ -30,13 +30,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 BannerSingleLine = ({
   children,

package/esm/betaPill/betaPill.d.ts

@@ -6,26 +6,21 @@ export interface IBetaPillActions {
     link?: string;
     linkOptions?: ILinkOptions;
 }
-/**
- * @internal - temporary escape hatch
- * @deprecated
- */
-export interface IBetaPillBaseInternal {
-    name?: string;
-    description?: string;
-}
 interface IBetaPillBase {
     className?: string;
+    name?: string;
 }
 interface IBetaPillWithActions extends IBetaPillBase {
     feedbackAction?: IBetaPillActions;
     betaOptionAction?: IBetaPillActions;
+    description?: string;
 }
 interface IBetaPillWithoutActions extends IBetaPillBase {
     feedbackAction?: never;
     betaOptionAction?: never;
+    description?: never;
 }
 export type IBetaPill = IBetaPillWithActions | IBetaPillWithoutActions;
-export declare const BetaPill: (props: IBetaPill) => import("react/jsx-runtime").JSX.Element;
+export declare const BetaPill: ({ className, feedbackAction, betaOptionAction, name, description }: IBetaPill) => import("react/jsx-runtime").JSX.Element;
 export declare const TRANSLATIONS: string[];
 export {};

package/esm/betaPill/betaPill.js

@@ -116,14 +116,13 @@ injectString("zh-Hans", "Beta", "\u6D4B\u8BD5\u7248");
 injectString("zh-TW", "Beta", "\u6E2C\u8A66\u7248");
 injectString("ro-RO", "Beta", "Beta");
 injectString("ar-SA", "Beta", "\u062A\u062C\u0631\u064A\u0628\u064A");
-export const BetaPill = props => {
-  const {
-    className,
-    feedbackAction,
-    betaOptionAction,
-    name,
-    description
-  } = props;
+export const BetaPill = ({
+  className,
+  feedbackAction,
+  betaOptionAction,
+  name,
+  description
+}) => {
   const {
     translate
   } = useLanguage();

package/esm/bookmark/bookmark.d.ts

@@ -3,6 +3,7 @@ import { IZenComponentProps } from "../commonHelpers/zenComponent";
 export interface IBookmark extends IZenComponentProps {
     bookmarked: boolean;
     onChange: (bookmarkState: boolean) => void;
+    dataAnalyticsId?: string;
 }
-export declare const Bookmark: ({ className, bookmarked, onChange }: IBookmark) => import("react/jsx-runtime").JSX.Element;
+export declare const Bookmark: ({ className, bookmarked, onChange, dataAnalyticsId }: IBookmark) => import("react/jsx-runtime").JSX.Element;
 export declare const TRANSLATIONS: string[];

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/checkbox/checkbox.js

@@ -28,9 +28,9 @@ export const Checkbox = (_a) => {
     const isMobile = useMobile();
     const checkboxIconClasses = useMemo(() => classNames(["zen-checkbox__icon", disabled ? "zen-checkbox__icon--disabled" : ""]), [disabled]);
     const checkbox = (_jsx(TriStateCheckbox, Object.assign({ className: "zen-checkbox__input", id: intId, checked: checked, indeterminate: indeterminate, disabled: disabled, "aria-label": title, "aria-describedby": describedBy }, rest)));
-    const iconAndLabel = (_jsxs(_Fragment, { children: [_jsx("div", { className: "zen-checkbox__box", children: state === CheckboxState.Indeterminate ? (_jsx(CheckboxIconMinus, { className: checkboxIconClasses, size: driveClasses ? "bigger" : "medium" })) : state === CheckboxState.On ? (_jsx(CheckboxIconCheckmark, { className: checkboxIconClasses, size: driveClasses ? "bigger" : "medium" })) : null }), children ? (_jsx("div", { className: classNames(["zen-checkbox__label-text", fullWidth ? "zen-checkbox__label-text--full-width" : ""]), children: children })) : null] }));
+    const iconAndLabel = (_jsxs(_Fragment, { children: [_jsx("div", { className: "zen-checkbox__box", "aria-hidden": true, children: state === CheckboxState.Indeterminate ? (_jsx(CheckboxIconMinus, { className: checkboxIconClasses, size: driveClasses ? "bigger" : "medium" })) : state === CheckboxState.On ? (_jsx(CheckboxIconCheckmark, { className: checkboxIconClasses, size: driveClasses ? "bigger" : "medium" })) : null }), children ? (_jsx("div", { className: classNames(["zen-checkbox__label-text", fullWidth ? "zen-checkbox__label-text--full-width" : ""]), children: children })) : null] }));
     if (wrapped) {
         return (_jsxs("label", { className: classNames(["zen-checkbox", driveClasses || "", className]), title: title, children: [checkbox, _jsx("div", { className: classNames(["zen-checkbox__label", reverse ? "zen-checkbox__label--reverse" : ""]), children: iconAndLabel })] }));
     }
-    return (_jsxs("div", { className: classNames(["zen-checkbox", isMobile && !driveClasses ? "zen-checkbox--mobile" : "", driveClasses || "", className]), children: [checkbox, _jsx("label", { className: classNames(["zen-checkbox__label", reverse ? "zen-checkbox__label--reverse" : ""]), htmlFor: intId, title: title, children: iconAndLabel })] }));
+    return (_jsx("div", { className: classNames(["zen-checkbox", isMobile && !driveClasses ? "zen-checkbox--mobile" : "", driveClasses || "", className]), children: _jsxs("label", { className: classNames(["zen-checkbox__label", reverse ? "zen-checkbox__label--reverse" : ""]), title: title, children: [checkbox, iconAndLabel] }) }));
 };

package/esm/controlledPopup/controlledPopup.d.ts

@@ -23,8 +23,9 @@ export interface IControlledPopup extends IZenComponentProps {
     ariaLabel?: string;
     ariaLabelledby?: string;
     recalculateOnScroll?: boolean;
+    closeOnScroll?: boolean;
     preventAttributesAutoSet?: boolean;
     /** Whether to focus the first focusable element when popup opens. Default: true */
     focusOnOpen?: boolean;
 }
-export declare const ControlledPopup: ({ isOpen, id, paddingX, paddingY, triggerRef, className, children, alignment, inline, onOpenChange, useTrapFocusWithTrigger, shouldHoldScroll, ariaLabel, ariaLabelledby, recalculateOnScroll, preventAttributesAutoSet, focusOnOpen, role }: IControlledPopup) => import("react/jsx-runtime").JSX.Element;
+export declare const ControlledPopup: ({ isOpen, id, paddingX, paddingY, triggerRef, className, children, alignment, inline, onOpenChange, useTrapFocusWithTrigger, shouldHoldScroll, ariaLabel, ariaLabelledby, recalculateOnScroll, closeOnScroll, preventAttributesAutoSet, focusOnOpen, role }: IControlledPopup) => import("react/jsx-runtime").JSX.Element;

package/esm/controlledPopup/controlledPopup.js

@@ -3,7 +3,7 @@ import { useEffect, useId } from "react";
 import { Absolute } from "../absolute/absolute";
 import { classNames } from "../commonHelpers/classNames/classNames";
 import { useClientReady } from "../commonHelpers/hooks/useClientReady";
-export const ControlledPopup = ({ isOpen, id, paddingX, paddingY, triggerRef, className, children, alignment, inline, onOpenChange, useTrapFocusWithTrigger, shouldHoldScroll, ariaLabel, ariaLabelledby, recalculateOnScroll, preventAttributesAutoSet, focusOnOpen, role = "dialog" }) => {
+export const ControlledPopup = ({ isOpen, id, paddingX, paddingY, triggerRef, className, children, alignment, inline, onOpenChange, useTrapFocusWithTrigger, shouldHoldScroll, ariaLabel, ariaLabelledby, recalculateOnScroll, closeOnScroll, preventAttributesAutoSet, focusOnOpen, role = "dialog" }) => {
     const autoId = useId();
     const popupId = id || autoId;
     const isClientReady = useClientReady();
@@ -21,5 +21,5 @@ export const ControlledPopup = ({ isOpen, id, paddingX, paddingY, triggerRef, cl
         triggerRef.current.setAttribute("aria-expanded", isOpen ? "true" : "false");
         triggerRef.current.setAttribute("aria-controls", popupId);
     }, [triggerRef, isOpen, popupId, preventAttributesAutoSet, isClientReady]);
-    return (_jsx(Absolute, Object.assign({ triggerRef: triggerRef, alignment: alignment, id: popupId, isOpen: isOpen, className: classNames(["zen-popup", className ? className : ""]), paddingX: paddingX, paddingY: paddingY, inline: inline, onOpenChange: onOpenChange, useTrapFocusWithTrigger: useTrapFocusWithTrigger, shouldHoldScroll: shouldHoldScroll }, (role !== false && typeof role === "string" ? { role } : {}), (role !== false && ariaLabel ? { ariaLabel } : {}), (role !== false && ariaLabelledby ? { ariaLabelledby } : {}), { recalculateOnScroll: recalculateOnScroll, focusOnOpen: focusOnOpen, children: children })));
+    return (_jsx(Absolute, Object.assign({ triggerRef: triggerRef, alignment: alignment, id: popupId, isOpen: isOpen, className: classNames(["zen-popup", className ? className : ""]), paddingX: paddingX, paddingY: paddingY, inline: inline, onOpenChange: onOpenChange, useTrapFocusWithTrigger: useTrapFocusWithTrigger, shouldHoldScroll: shouldHoldScroll }, (role !== false && typeof role === "string" ? { role } : {}), (role !== false && ariaLabel ? { ariaLabel } : {}), (role !== false && ariaLabelledby ? { ariaLabelledby } : {}), { recalculateOnScroll: recalculateOnScroll, closeOnScroll: closeOnScroll, focusOnOpen: focusOnOpen, children: children })));
 };

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 = {};