@geotab/zenith 3.10.0 → 3.11.0-beta.0

package/dist/controlledPopup/controlledPopup.js

@@ -6,10 +6,12 @@ const react_1 = require("react");
 const absolute_1 = require("../absolute/absolute");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const useClientReady_1 = require("../commonHelpers/hooks/useClientReady");
+const useRTLAlignment_1 = require("../utils/localization/useRTLAlignment");
 const ControlledPopup = ({ isOpen, id, paddingX, paddingY, triggerRef, className, children, alignment, inline, onOpenChange, useTrapFocusWithTrigger, shouldHoldScroll, ariaLabel, ariaLabelledby, recalculateOnScroll, closeOnScroll, preventAttributesAutoSet, focusOnOpen, role = "dialog" }) => {
     const autoId = (0, react_1.useId)();
     const popupId = id || autoId;
     const isClientReady = (0, useClientReady_1.useClientReady)();
+    const rtlAlignment = (0, useRTLAlignment_1.useRTLAlignment)(alignment !== null && alignment !== void 0 ? alignment : "bottom-left");
     (0, react_1.useEffect)(() => {
         if (!triggerRef.current || !isClientReady) {
             return;
@@ -24,6 +26,6 @@ const ControlledPopup = ({ isOpen, id, paddingX, paddingY, triggerRef, className
         triggerRef.current.setAttribute("aria-expanded", isOpen ? "true" : "false");
         triggerRef.current.setAttribute("aria-controls", popupId);
     }, [triggerRef, isOpen, popupId, preventAttributesAutoSet, isClientReady]);
-    return ((0, jsx_runtime_1.jsx)(absolute_1.Absolute, Object.assign({ triggerRef: triggerRef, alignment: alignment, id: popupId, isOpen: isOpen, className: (0, classNames_1.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 })));
+    return ((0, jsx_runtime_1.jsx)(absolute_1.Absolute, Object.assign({ triggerRef: triggerRef, alignment: rtlAlignment, id: popupId, isOpen: isOpen, className: (0, classNames_1.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 })));
 };
 exports.ControlledPopup = ControlledPopup;

package/dist/dataGrid/cell/cell.d.ts

@@ -13,8 +13,9 @@ export interface IDataGridCell<T extends IEntityWithId> extends IZenComponentPro
     defaultValue: string | undefined;
     entity: T;
     width?: number;
+    maxWidth?: number;
     colspan?: number;
     onClick?: () => void;
     isActive?: boolean;
 }
-export declare const DataGridCell: <T extends IEntityWithId>({ index, limited, visibleOnHover, isVisible, width, render, renderWrappers, renderPlaceholder, defaultValue, entity, colspan, className, onClick, isActive }: IDataGridCell<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const DataGridCell: <T extends IEntityWithId>({ index, limited, visibleOnHover, isVisible, width, maxWidth, render, renderWrappers, renderPlaceholder, defaultValue, entity, colspan, className, onClick, isActive }: IDataGridCell<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/dataGrid/cell/cell.js

@@ -7,7 +7,7 @@ const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const basicColumn_1 = require("../columns/basicColumn");
 const isActiveElement_1 = require("../../list/utils/isActiveElement");
 const zen_1 = require("../../utils/zen");
-const Cell = ({ index, limited, visibleOnHover, isVisible, width, render, renderWrappers, renderPlaceholder, defaultValue, entity, colspan, className, onClick, isActive }) => {
+const Cell = ({ index, limited, visibleOnHover, isVisible, width, maxWidth, render, renderWrappers, renderPlaceholder, defaultValue, entity, colspan, className, onClick, isActive }) => {
     const [content, setContent] = (0, react_1.useState)("");
     const placeholderRenderer = (0, react_1.useCallback)(() => {
         const renderFn = renderPlaceholder || (() => "...");
@@ -72,6 +72,6 @@ const Cell = ({ index, limited, visibleOnHover, isVisible, width, render, render
             visibleOnHover ? "zen-data-grid__row-cell--visible-on-hover" : "",
             onClick ? "zen-data-grid__row-cell--clickable" : "",
             limited ? "zen-ellipsis" : ""
-        ]), style: { minWidth: width || "auto", maxWidth: width || "auto" }, role: "gridcell", children: content }));
+        ]), style: { minWidth: width || "auto", maxWidth: maxWidth ? `${Math.max(width !== null && width !== void 0 ? width : 0, maxWidth)}px` : width || "auto" }, role: "gridcell", children: content }));
 };
 exports.DataGridCell = (0, react_1.memo)(Cell);

package/dist/dataGrid/dataGrid.js

@@ -57,7 +57,7 @@ const getHeaderPropsFromWrappers = wrappers => wrappers.reduce((result, wrapper)
   const props = (_a = wrapper.getHeaderProps) === null || _a === void 0 ? void 0 : _a.call(wrapper);
   return props ? Object.assign(Object.assign({}, result), props) : result;
 }, {});
-const getColumnWidth = defaultWidth => Math.floor(Math.max(defaultWidth, exports.MIN_CELL_WIDTH));
+const getColumnWidth = (defaultWidth, minWidth) => Math.floor(Math.max(defaultWidth, minWidth !== null && minWidth !== void 0 ? minWidth : exports.MIN_CELL_WIDTH));
 const EmptyList = ({
   children
 }) => (0, jsx_runtime_1.jsx)("div", {
@@ -154,12 +154,13 @@ const DataGridInner = ({
     setVisibleRows(visible);
   }, [entities]);
   const listOfDefaultWidthColumns = (0, react_1.useMemo)(() => columnsList.map(column => column.meta.defaultWidth), [columnsList]);
+  const listOfMinWidthColumns = (0, react_1.useMemo)(() => columnsList.map(column => column.meta.minWidth), [columnsList]);
   const {
     result: observerResult
   } = (0, useResizeObserver_1.useResizeObserver)({
     target: gridRef.current
   });
-  const allocatedSpace = listOfDefaultWidthColumns.reduce((acc, width) => acc + (width === undefined ? 0 : getColumnWidth(width)), 0);
+  const allocatedSpace = listOfDefaultWidthColumns.reduce((acc, width, index) => acc + (width === undefined ? 0 : getColumnWidth(width, listOfMinWidthColumns[index])), 0);
   const unallocatedSpace = observerResult && observerResult.contentRect.width - allocatedSpace || 0;
   const flexibleColumnsQty = listOfDefaultWidthColumns.filter(width => width === undefined).length;
   const flexibleColumnWidth = getColumnWidth(unallocatedSpace / flexibleColumnsQty);
@@ -182,18 +183,19 @@ const DataGridInner = ({
   }, [updateScroll, scheduleLazyRender]);
   const getCellParams = (0, react_1.useCallback)(columnIndex => {
     const defaultWidth = listOfDefaultWidthColumns[columnIndex];
+    const minWidth = listOfMinWidthColumns[columnIndex];
     const limited = !!defaultWidth && defaultWidth > 0;
     const isFirst = columnIndex === 0;
     const isLast = columnIndex === listOfDefaultWidthColumns.length - 1;
     // If the column is the last one or doesn't have a default width, it should be limited to the remaining space
-    const width = getColumnWidth(defaultWidth || flexibleColumnWidth);
+    const width = getColumnWidth(defaultWidth || flexibleColumnWidth, minWidth);
     return {
       limited,
       isFirst,
       isLast,
       width
     };
-  }, [listOfDefaultWidthColumns, flexibleColumnWidth]);
+  }, [listOfDefaultWidthColumns, listOfMinWidthColumns, flexibleColumnWidth]);
   const renderHeaderCell = (0, react_1.useCallback)((column, columnIndex) => {
     var _a;
     const {
@@ -232,6 +234,7 @@ const DataGridInner = ({
     expanded: expandedRows && expandedRows.indexOf(entity.id) > -1,
     onExpandedChange: entity.children && entity.children.length > 0 ? isExpanded => onExpandedChange && onExpandedChange(entity.id, isExpanded) : undefined,
     isActive: active === entity.id,
+    active: active,
     onClick: onClick,
     isTreeGrid: isTreeGrid,
     ariaPosinset: entityIndex + 1,

package/dist/dataGrid/listColumn.d.ts

@@ -2,6 +2,8 @@ import { ReactNode } from "react";
 import { ColumnSortDirection } from "../table/table";
 export interface IListColumnMeta<T, N = T> {
     readonly defaultWidth?: number;
+    readonly minWidth?: number;
+    readonly maxWidth?: number;
     readonly defaultValue?: string;
     readonly lazyLoad?: boolean;
     readonly visibleOnHover?: boolean;

package/dist/dataGrid/row/row.d.ts

@@ -16,7 +16,8 @@ export interface IDataGridRow<T extends IRowEntity<N>, N extends IEntityWithId>
     ariaPosinset: number;
     ariaSetsize: number;
     isActive?: boolean;
+    active?: string;
     onClick?: (id: string) => void;
 }
 export declare const MIN_CELL_WIDTH = 100;
-export declare const DataGridRow: <T extends IRowEntity<N>, N extends IEntityWithId = T>({ id, entity, columns, visibleRows, flexibleColumnWidth, isLastRow, className, expanded, onExpandedChange, isTreeGrid, ariaPosinset, ariaSetsize, onClick, isActive }: IDataGridRow<T, N>) => import("react/jsx-runtime").JSX.Element;
+export declare const DataGridRow: <T extends IRowEntity<N>, N extends IEntityWithId = T>({ id, entity, columns, visibleRows, flexibleColumnWidth, isLastRow, className, expanded, onExpandedChange, isTreeGrid, ariaPosinset, ariaSetsize, onClick, isActive, active }: IDataGridRow<T, N>) => import("react/jsx-runtime").JSX.Element;

package/dist/dataGrid/row/row.js

@@ -6,10 +6,12 @@ const react_1 = require("react");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const cell_1 = require("../cell/cell");
 exports.MIN_CELL_WIDTH = 100;
-const getColumnWidth = (defaultWidth) => Math.floor(Math.max(defaultWidth, exports.MIN_CELL_WIDTH));
-const Row = ({ id, entity, columns, visibleRows, flexibleColumnWidth, isLastRow, className, expanded, onExpandedChange, isTreeGrid, ariaPosinset, ariaSetsize, onClick, isActive }) => {
+const getColumnWidth = (defaultWidth, minWidth) => Math.floor(Math.max(defaultWidth, minWidth !== null && minWidth !== void 0 ? minWidth : exports.MIN_CELL_WIDTH));
+const Row = ({ id, entity, columns, visibleRows, flexibleColumnWidth, isLastRow, className, expanded, onExpandedChange, isTreeGrid, ariaPosinset, ariaSetsize, onClick, isActive, active }) => {
     const isVisible = visibleRows.has(entity.id);
     const listOfDefaultWidthColumns = (0, react_1.useMemo)(() => columns.map(column => column.meta.defaultWidth), [columns]);
+    const listOfMinWidthColumns = (0, react_1.useMemo)(() => columns.map(column => column.meta.minWidth), [columns]);
+    const listOfMaxWidthColumns = (0, react_1.useMemo)(() => columns.map(column => column.meta.maxWidth), [columns]);
     const getColWidth = (0, react_1.useCallback)((columnIndex, colspan) => {
         const colsp = colspan || 1;
         let columnWidth = 0;
@@ -18,26 +20,28 @@ const Row = ({ id, entity, columns, visibleRows, flexibleColumnWidth, isLastRow,
                 continue;
             }
             const defaultWidth = listOfDefaultWidthColumns[columnIndex + i];
+            const minWidth = listOfMinWidthColumns[columnIndex + i];
             // If the column is the last one or doesn't have a default width, it should be limited to the remaining space
-            const width = getColumnWidth(defaultWidth || flexibleColumnWidth);
+            const width = getColumnWidth(defaultWidth || flexibleColumnWidth, minWidth);
             columnWidth += width;
         }
         return columnWidth;
-    }, [flexibleColumnWidth, listOfDefaultWidthColumns]);
+    }, [flexibleColumnWidth, listOfDefaultWidthColumns, listOfMinWidthColumns]);
     const getCellParams = (0, react_1.useCallback)((columnIndex, colspan) => {
         const width = getColWidth(columnIndex, colspan);
         const defaultWidth = listOfDefaultWidthColumns[columnIndex];
+        const maxWidth = listOfMaxWidthColumns[columnIndex];
         const limited = !!defaultWidth && defaultWidth > 0;
         const isFirst = columnIndex === 0;
         const isLast = columnIndex === listOfDefaultWidthColumns.length - 1;
-        return { limited, isFirst, isLast, width };
-    }, [getColWidth, listOfDefaultWidthColumns]);
+        return { limited, isFirst, isLast, width, maxWidth };
+    }, [getColWidth, listOfDefaultWidthColumns, listOfMaxWidthColumns]);
     const mainRowId = (0, react_1.useId)();
     const renderCells = (0, react_1.useCallback)((rowEntity, isNested) => columns.reduce((acc, column, index) => {
         const colspanFn = column.colspan;
         let colspan = colspanFn ? (typeof colspanFn === "function" ? colspanFn(rowEntity) : colspanFn) : undefined;
         colspan = colspan && colspan > 1 ? colspan : undefined;
-        const { limited, width } = getCellParams(index, colspan);
+        const { limited, width, maxWidth } = getCellParams(index, colspan);
         if (acc.colspan > 0) {
             acc.colspan--;
             return acc;
@@ -52,9 +56,9 @@ const Row = ({ id, entity, columns, visibleRows, flexibleColumnWidth, isLastRow,
                     ? column.columnComponent.renderNested.bind(column.columnComponent)
                     : column.columnComponent.render.bind(column.columnComponent))
             : column.columnComponent.render.bind(column.columnComponent);
-        acc.cells.push((0, jsx_runtime_1.jsx)(cell_1.DataGridCell, { render: e => renderFn(e, isNested), renderPlaceholder: column.meta.renderPlaceholder, renderWrappers: renderWrappers, defaultValue: column.meta.defaultValue, entity: rowEntity, index: index, limited: limited, visibleOnHover: column.meta.visibleOnHover, width: column.meta.visibleOnHover ? 0 : width, isVisible: isVisible, colspan: colspan, onClick: !isNested && onExpandedChange ? () => onExpandedChange(!expanded) : onClick ? () => onClick(rowEntity.id) : undefined, isActive: isActive, className: isNested ? "zen-data-grid__row-cell--nested" : "" }, `${rowEntity.id}_${column.name}`));
+        acc.cells.push((0, jsx_runtime_1.jsx)(cell_1.DataGridCell, { render: e => renderFn(e, isNested), renderPlaceholder: column.meta.renderPlaceholder, renderWrappers: renderWrappers, defaultValue: column.meta.defaultValue, entity: rowEntity, index: index, limited: limited, visibleOnHover: column.meta.visibleOnHover, width: column.meta.visibleOnHover ? 0 : width, maxWidth: column.meta.visibleOnHover ? undefined : maxWidth, isVisible: isVisible, colspan: colspan, onClick: !isNested && onExpandedChange ? () => onExpandedChange(!expanded) : onClick ? () => onClick(rowEntity.id) : undefined, isActive: isNested ? active === rowEntity.id : isActive || active === rowEntity.id, className: isNested ? "zen-data-grid__row-cell--nested" : "" }, `${rowEntity.id}_${column.name}`));
         return acc;
-    }, { cells: [], colspan: 0 }).cells, [columns, expanded, getCellParams, isVisible, onExpandedChange, isActive, onClick]);
+    }, { cells: [], colspan: 0 }).cells, [columns, expanded, getCellParams, isVisible, onExpandedChange, isActive, active, onClick]);
     const cells = (0, react_1.useMemo)(() => renderCells(entity, false), [entity, renderCells]);
     const nestedCells = (0, react_1.useMemo)(() => (expanded && entity.children ? entity.children : []).map(nestedEntity => renderCells(nestedEntity, true)), [entity.children, expanded, renderCells]);
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("tr", { "data-row-id": id, id: mainRowId, role: "row", "aria-level": isTreeGrid ? 1 : undefined, "aria-posinset": isTreeGrid ? ariaPosinset : undefined, "aria-setsize": isTreeGrid ? ariaSetsize : undefined, "aria-expanded": isTreeGrid ? expanded : undefined, className: (0, classNames_1.classNames)(["zen-data-grid__row", className || "", isLastRow ? "zen-data-grid__row--last" : ""]), children: cells }, mainRowId), nestedCells.map((nestedRow, index) => ((0, jsx_runtime_1.jsx)("tr", { id: `${mainRowId}_child_${index}`, role: "row", "aria-level": 2, "aria-posinset": index + 1, "aria-setsize": nestedCells.length, className: "zen-data-grid__row zen-data-grid__row--nested", children: nestedRow }, `${mainRowId}_child_${index}`)))] }));

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

@@ -21,6 +21,7 @@ const SubColumnsList = ({ title, columns, settings, disabledColumns, onChange, s
         showCheckbox: true,
         children: c.title
     })), [columns, disabledColumns, sortColumnsInt]);
+    const allDisabled = (0, react_1.useMemo)(() => items.every(item => item.disabled), [items]);
     const state = columns.reduce((res, c) => {
         res.set(c.id, settings.get(c.name) !== false ? checkboxState_1.CheckboxState.On : checkboxState_1.CheckboxState.Off);
         return res;
@@ -33,7 +34,7 @@ const SubColumnsList = ({ title, columns, settings, disabledColumns, onChange, s
         });
         onChange && onChange(newSettings);
     }, [columns, settings, onChange]);
-    const list = (0, react_1.useMemo)(() => (0, jsx_runtime_1.jsx)(selectList_1.SelectList, { id: id, items: items, value: state, title: title || "", multiselect: true, showCheckbox: true, onChange: onChangeItem }), [id, items, state, title, onChangeItem]);
+    const list = (0, react_1.useMemo)(() => ((0, jsx_runtime_1.jsx)(selectList_1.SelectList, { id: id, items: items, value: state, title: title || "", multiselect: true, showCheckbox: true, onChange: onChangeItem, disabled: allDisabled })), [id, items, state, title, onChangeItem, allDisabled]);
     if (!title) {
         return list;
     }

package/dist/dataGrid/withSelectableRows/components/bulkActions/bulkActions.d.ts

@@ -7,6 +7,10 @@ import { DeviceType } from "../../../../commonHelpers/hooks/deviceType";
 type TBulkAction = IBulkActionLink | IBulkActionButton;
 export interface IBulkActionsProps extends IZenComponentProps {
     selected: number;
+    /**
+     * When `true`, displays "All selected" instead of a count, and enables action buttons
+     * even when `selected` is 0 (i.e., cross-page "select all" is active).
+     */
     allSelected?: boolean;
     onClearSelection: () => void;
     onSelectAll?: () => void;

package/dist/dateRangeInner/dateRangeInner.js

@@ -41,6 +41,8 @@ const useLanguage_1 = require("../utils/localization/useLanguage");
 const userFormatContext_1 = require("../utils/userFormat/userFormatContext");
 const formatDate_1 = require("../utils/formatDate");
 const iconChevronRight_1 = require("../icons/iconChevronRight");
+const iconChevronLeft_1 = require("../icons/iconChevronLeft");
+const useDirectionalIcon_1 = require("../utils/localization/useDirectionalIcon");
 const dateRange_1 = require("../dateRange/dateRange");
 const normalizeDates_1 = require("../filtersBar/components/filtersBarPeriodPicker/normalizeDates");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
@@ -68,6 +70,7 @@ const DateRangeInner = ({
     translate
   } = (0, useLanguage_1.useLanguage)();
   const isMobileView = !!setShowMobileCalendar;
+  const ChevronIcon = (0, useDirectionalIcon_1.useDirectionalIcon)(iconChevronRight_1.IconChevronRight, iconChevronLeft_1.IconChevronLeft);
   const {
     dateFormat,
     weekStartsOnSunday,
@@ -106,7 +109,7 @@ const DateRangeInner = ({
         }) : null]
       }), (0, jsx_runtime_1.jsx)("div", {
         className: "zen-date-range-inner__mobile-custom-icon-wrapper",
-        children: (0, jsx_runtime_1.jsx)(iconChevronRight_1.IconChevronRight, {
+        children: (0, jsx_runtime_1.jsx)(ChevronIcon, {
           size: "large"
         })
       })]
@@ -127,7 +130,7 @@ const DateRangeInner = ({
       key: option.id
     }));
     return optionsToPass;
-  }, [calendarLabel, isMobileView, onOptionSelect, options, selection, setShowMobileCalendar]);
+  }, [ChevronIcon, calendarLabel, isMobileView, onOptionSelect, options, selection, setShowMobileCalendar]);
   const calendarId = (0, react_1.useMemo)(() => `${id}-calendar`, [id]);
   const optionSelectHandler = (0, react_1.useCallback)(e => {
     let selectedValue = e.target.value;

package/dist/dateRangeRaw/dateRangeRaw.js

@@ -247,6 +247,7 @@ const areMapsEqual_1 = require("./utils/areMapsEqual");
 const iconChevronLeftSmall_1 = require("../icons/iconChevronLeftSmall");
 const useDrive_1 = require("../utils/theme/useDrive");
 const iconChevronRightSmall_1 = require("../icons/iconChevronRightSmall");
+const useDirectionalIcon_1 = require("../utils/localization/useDirectionalIcon");
 const reviewTextControl_1 = require("../formGroup/components/reviewTextControl");
 const chip_1 = require("../chip/chip");
 const chipStatusProvider_1 = require("../chip/chipStatusProvider");
@@ -298,6 +299,8 @@ const DateRangeRaw = props => {
   } = (0, useLanguage_1.useLanguage)();
   const isMobile = (0, useMobile_1.useMobile)();
   const isDrive = (0, useDrive_1.useDrive)();
+  const PrevStepperIcon = (0, useDirectionalIcon_1.useDirectionalIcon)(iconChevronLeftSmall_1.IconChevronLeftSmall, iconChevronRightSmall_1.IconChevronRightSmall);
+  const NextStepperIcon = (0, useDirectionalIcon_1.useDirectionalIcon)(iconChevronRightSmall_1.IconChevronRightSmall, iconChevronLeftSmall_1.IconChevronLeftSmall);
   const chipStatus = (0, chipStatusProvider_1.useChipStatus)();
   const driveWrapperTriggerClassName = (0, useDriveClassName_1.useDriveClassName)("zen-date-range-wrapper");
   const mobileWrapperTriggerClassName = (0, useMobileClassName_1.useMobileClassName)("zen-date-range-wrapper");
@@ -704,7 +707,7 @@ const DateRangeRaw = props => {
         className: (0, classNames_1.classNames)(["zen-date-range__stepper", "zen-date-range__stepper--left"]),
         title: translate("Previous"),
         "aria-label": translate("Previous date period"),
-        children: (0, jsx_runtime_1.jsx)(iconChevronLeftSmall_1.IconChevronLeftSmall, {
+        children: (0, jsx_runtime_1.jsx)(PrevStepperIcon, {
           size: isDrive || isMobile ? "huge" : "large"
         })
       }), popupTriggerComponent, (0, jsx_runtime_1.jsx)("button", {
@@ -714,7 +717,7 @@ const DateRangeRaw = props => {
         className: (0, classNames_1.classNames)(["zen-date-range__stepper", "zen-date-range__stepper--right"]),
         title: translate("Next"),
         "aria-label": translate("Next date period"),
-        children: (0, jsx_runtime_1.jsx)(iconChevronRightSmall_1.IconChevronRightSmall, {
+        children: (0, jsx_runtime_1.jsx)(NextStepperIcon, {
           size: isDrive || isMobile ? "huge" : "large"
         })
       })]

package/dist/dateRangeRaw/utils/parseLabel.js

@@ -10,6 +10,6 @@ const parseLabel = (option, dateFormat, translate, toLocalFn) => {
         localeFrom.getFullYear() === localeTo.getFullYear()) {
         return (0, formatDate_1.formatDate)(localeFrom, dateFormat, translate);
     }
-    return `${(0, formatDate_1.formatDate)(localeFrom, dateFormat, translate)} - ${(0, formatDate_1.formatDate)(localeTo, dateFormat, translate)}`;
+    return `${(0, formatDate_1.formatDate)(localeFrom, dateFormat, translate)} – ${(0, formatDate_1.formatDate)(localeTo, dateFormat, translate)}`;
 };
 exports.parseLabel = parseLabel;

package/dist/dropdownRaw/dropdownRaw.js

@@ -551,12 +551,18 @@ const DropdownRaw = props => {
   }, [setChecked, setSearch]);
   const debouncedGetData = (0, useDebounce_1.useDebounce)((signal, searchValue, isChecked) => getData ? (isCheckboxMode ? getData(signal, searchValue, isChecked) : getData(signal, searchValue)).then(dta => handleData(dta, searchValue)).catch(handleError) : customGetData(searchValue).then(dta => handleData(dta, searchValue)).catch(handleError), 200);
   const controlData = (0, react_1.useCallback)((signal, searchValue, isChecked) => {
-    !isQueryMode && dispatchState({
-      type: stateActionType_1.StateActionType.ShowWaiting,
-      payload: undefined
-    });
-    isQueryMode ? handleQueryMode(searchValue, isChecked) : debouncedGetData(signal, searchValue, isChecked);
-  }, [debouncedGetData, handleQueryMode, isQueryMode]);
+    if (isQueryMode) {
+      handleQueryMode(searchValue, isChecked);
+    } else if (!getData && dataItems && !searchValue) {
+      handleData(dataItems, "");
+    } else {
+      dispatchState({
+        type: stateActionType_1.StateActionType.ShowWaiting,
+        payload: undefined
+      });
+      debouncedGetData(signal, searchValue, isChecked);
+    }
+  }, [debouncedGetData, handleData, handleQueryMode, isQueryMode, getData, dataItems]);
   (0, react_1.useEffect)(() => {
     var _a;
     const timeoutId = (_a = zen_1.zen.setTimeout) === null || _a === void 0 ? void 0 : _a.call(zen_1.zen, () => {

package/dist/fileUpload/components/dropZoneContent.js

@@ -12,113 +12,113 @@ const button_1 = require("../../button/button");
 const buttonType_1 = require("../../button/buttonType");
 const imageCloudUpload_1 = require("../../images/imageCloudUpload");
 const imageTapToUpload_1 = require("../../images/imageTapToUpload");
-injectString("cs", "Tap to add files", "Tap to add files");
-injectString("da-DK", "Tap to add files", "Tap to add files");
-injectString("de", "Tap to add files", "Tap to add files");
+injectString("cs", "Tap to add files", "Klepnut\xEDm p\u0159idejte soubory");
+injectString("da-DK", "Tap to add files", "Tryk for at tilf\xF8je filer");
+injectString("de", "Tap to add files", "Tippen, um Dateien hinzuzuf\xFCgen");
 injectString("en", "Tap to add files", "Tap to add files");
-injectString("es", "Tap to add files", "Tap to add files");
-injectString("fi-FI", "Tap to add files", "Tap to add files");
-injectString("fr", "Tap to add files", "Tap to add files");
-injectString("fr-FR", "Tap to add files", "Tap to add files");
-injectString("hu-HU", "Tap to add files", "Tap to add files");
-injectString("id", "Tap to add files", "Tap to add files");
-injectString("it", "Tap to add files", "Tap to add files");
-injectString("ja", "Tap to add files", "Tap to add files");
-injectString("ko-KR", "Tap to add files", "Tap to add files");
-injectString("ms", "Tap to add files", "Tap to add files");
-injectString("nb-NO", "Tap to add files", "Tap to add files");
-injectString("nl", "Tap to add files", "Tap to add files");
-injectString("pl", "Tap to add files", "Tap to add files");
-injectString("pt-BR", "Tap to add files", "Tap to add files");
-injectString("pt-PT", "Tap to add files", "Tap to add files");
-injectString("sk-SK", "Tap to add files", "Tap to add files");
-injectString("sv", "Tap to add files", "Tap to add files");
-injectString("th", "Tap to add files", "Tap to add files");
-injectString("tr", "Tap to add files", "Tap to add files");
-injectString("zh-Hans", "Tap to add files", "Tap to add files");
-injectString("zh-TW", "Tap to add files", "Tap to add files");
-injectString("ro-RO", "Tap to add files", "Tap to add files");
+injectString("es", "Tap to add files", "Toca para agregar archivos");
+injectString("fi-FI", "Tap to add files", "Lis\xE4\xE4 tiedostoja napauttamalla");
+injectString("fr", "Tap to add files", "Appuyez pour ajouter des fichiers");
+injectString("fr-FR", "Tap to add files", "Appuyez pour ajouter des fichiers");
+injectString("hu-HU", "Tap to add files", "F\xE1jlok hozz\xE1ad\xE1s\xE1hoz koppintson");
+injectString("id", "Tap to add files", "Ketuk untuk menambahkan file");
+injectString("it", "Tap to add files", "Tocca per aggiungere file");
+injectString("ja", "Tap to add files", "\u30BF\u30C3\u30D7\u3057\u3066\u30D5\u30A1\u30A4\u30EB\u3092\u8FFD\u52A0");
+injectString("ko-KR", "Tap to add files", "\uD0ED\uD558\uC5EC \uD30C\uC77C \uCD94\uAC00");
+injectString("ms", "Tap to add files", "Ketik untuk menambah fail");
+injectString("nb-NO", "Tap to add files", "Trykk for \xE5 legge til filer");
+injectString("nl", "Tap to add files", "Tik om bestanden toe te voegen");
+injectString("pl", "Tap to add files", "Dotknij, aby doda\u0107 pliki");
+injectString("pt-BR", "Tap to add files", "Toque para adicionar arquivos");
+injectString("pt-PT", "Tap to add files", "Toque para adicionar ficheiros");
+injectString("sk-SK", "Tap to add files", "Klepnut\xEDm pridajte s\xFAbory");
+injectString("sv", "Tap to add files", "Tryck f\xF6r att l\xE4gga till filer");
+injectString("th", "Tap to add files", "\u0E41\u0E15\u0E30\u0E40\u0E1E\u0E37\u0E48\u0E2D\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E44\u0E1F\u0E25\u0E4C");
+injectString("tr", "Tap to add files", "Dosya eklemek i\xE7in dokunun");
+injectString("zh-Hans", "Tap to add files", "\u70B9\u51FB\u6DFB\u52A0\u6587\u4EF6");
+injectString("zh-TW", "Tap to add files", "\u9EDE\u9078\u4EE5\u65B0\u589E\u6A94\u6848");
+injectString("ro-RO", "Tap to add files", "Atinge\u021Bi pentru a ad\u0103uga fi\u0219iere");
 injectString("ar-SA", "Tap to add files", "\u0627\u0646\u0642\u0631 \u0644\u0625\u0636\u0627\u0641\u0629 \u0645\u0644\u0641\u0627\u062A");
-injectString("cs", "Drag & drop files or", "Drag & drop files or");
-injectString("da-DK", "Drag & drop files or", "Drag & drop files or");
-injectString("de", "Drag & drop files or", "Drag & drop files or");
+injectString("cs", "Drag & drop files or", "P\u0159et\xE1hn\u011Bte soubory nebo");
+injectString("da-DK", "Drag & drop files or", "Tr\xE6k og slip filer eller");
+injectString("de", "Drag & drop files or", "Dateien hierher ziehen oder");
 injectString("en", "Drag & drop files or", "Drag & drop files or");
-injectString("es", "Drag & drop files or", "Drag & drop files or");
-injectString("fi-FI", "Drag & drop files or", "Drag & drop files or");
-injectString("fr", "Drag & drop files or", "Drag & drop files or");
-injectString("fr-FR", "Drag & drop files or", "Drag & drop files or");
-injectString("hu-HU", "Drag & drop files or", "Drag & drop files or");
-injectString("id", "Drag & drop files or", "Drag & drop files or");
-injectString("it", "Drag & drop files or", "Drag & drop files or");
-injectString("ja", "Drag & drop files or", "Drag & drop files or");
-injectString("ko-KR", "Drag & drop files or", "Drag & drop files or");
-injectString("ms", "Drag & drop files or", "Drag & drop files or");
-injectString("nb-NO", "Drag & drop files or", "Drag & drop files or");
-injectString("nl", "Drag & drop files or", "Drag & drop files or");
-injectString("pl", "Drag & drop files or", "Drag & drop files or");
-injectString("pt-BR", "Drag & drop files or", "Drag & drop files or");
-injectString("pt-PT", "Drag & drop files or", "Drag & drop files or");
-injectString("sk-SK", "Drag & drop files or", "Drag & drop files or");
-injectString("sv", "Drag & drop files or", "Drag & drop files or");
-injectString("th", "Drag & drop files or", "Drag & drop files or");
-injectString("tr", "Drag & drop files or", "Drag & drop files or");
-injectString("zh-Hans", "Drag & drop files or", "Drag & drop files or");
-injectString("zh-TW", "Drag & drop files or", "Drag & drop files or");
-injectString("ro-RO", "Drag & drop files or", "Drag & drop files or");
+injectString("es", "Drag & drop files or", "Arrastrar y soltar archivos o");
+injectString("fi-FI", "Drag & drop files or", "Ved\xE4 ja pudota tiedostoja tai");
+injectString("fr", "Drag & drop files or", "Glisser-d\xE9poser des fichiers ou");
+injectString("fr-FR", "Drag & drop files or", "Glisser-d\xE9poser des fichiers ou");
+injectString("hu-HU", "Drag & drop files or", "H\xFAzza ide a f\xE1jlokat, vagy");
+injectString("id", "Drag & drop files or", "Seret & lepas file atau");
+injectString("it", "Drag & drop files or", "Trascina e rilascia i file o");
+injectString("ja", "Drag & drop files or", "\u30D5\u30A1\u30A4\u30EB\u3092\u30C9\u30E9\u30C3\u30B0\uFF06\u30C9\u30ED\u30C3\u30D7\u3059\u308B\u304B\u3001");
+injectString("ko-KR", "Drag & drop files or", "\uD30C\uC77C\uC744 \uB4DC\uB798\uADF8 \uC564 \uB4DC\uB86D\uD558\uAC70\uB098");
+injectString("ms", "Drag & drop files or", "Seret & lepas fail atau");
+injectString("nb-NO", "Drag & drop files or", "Dra og slipp filer eller");
+injectString("nl", "Drag & drop files or", "Bestanden slepen en neerzetten of");
+injectString("pl", "Drag & drop files or", "Przeci\u0105gnij i upu\u015B\u0107 pliki lub");
+injectString("pt-BR", "Drag & drop files or", "Arraste e solte arquivos ou");
+injectString("pt-PT", "Drag & drop files or", "Arraste e largue ficheiros ou");
+injectString("sk-SK", "Drag & drop files or", "Presu\u0148te s\xFAbory alebo");
+injectString("sv", "Drag & drop files or", "Dra och sl\xE4pp filer eller");
+injectString("th", "Drag & drop files or", "\u0E25\u0E32\u0E01\u0E41\u0E25\u0E30\u0E27\u0E32\u0E07\u0E44\u0E1F\u0E25\u0E4C\u0E2B\u0E23\u0E37\u0E2D");
+injectString("tr", "Drag & drop files or", "Dosyalar\u0131 s\xFCr\xFCkleyip b\u0131rak\u0131n veya");
+injectString("zh-Hans", "Drag & drop files or", "\u62D6\u653E\u6587\u4EF6\u6216");
+injectString("zh-TW", "Drag & drop files or", "\u62D6\u653E\u6A94\u6848\u6216");
+injectString("ro-RO", "Drag & drop files or", "Glisa\u021Bi \u0219i fixa\u021Bi fi\u0219iere sau");
 injectString("ar-SA", "Drag & drop files or", "\u0627\u0633\u062D\u0628 \u0648\u0623\u0641\u0644\u062A \u0627\u0644\u0645\u0644\u0641\u0627\u062A \u0623\u0648");
-injectString("cs", "Browse", "Browse");
-injectString("da-DK", "Browse", "Browse");
-injectString("de", "Browse", "Browse");
+injectString("cs", "Browse", "Proch\xE1zet");
+injectString("da-DK", "Browse", "Gennemse");
+injectString("de", "Browse", "Durchsuchen");
 injectString("en", "Browse", "Browse");
-injectString("es", "Browse", "Browse");
-injectString("fi-FI", "Browse", "Browse");
-injectString("fr", "Browse", "Browse");
-injectString("fr-FR", "Browse", "Browse");
-injectString("hu-HU", "Browse", "Browse");
-injectString("id", "Browse", "Browse");
-injectString("it", "Browse", "Browse");
-injectString("ja", "Browse", "Browse");
-injectString("ko-KR", "Browse", "Browse");
-injectString("ms", "Browse", "Browse");
-injectString("nb-NO", "Browse", "Browse");
-injectString("nl", "Browse", "Browse");
-injectString("pl", "Browse", "Browse");
-injectString("pt-BR", "Browse", "Browse");
-injectString("pt-PT", "Browse", "Browse");
-injectString("sk-SK", "Browse", "Browse");
-injectString("sv", "Browse", "Browse");
-injectString("th", "Browse", "Browse");
-injectString("tr", "Browse", "Browse");
-injectString("zh-Hans", "Browse", "Browse");
-injectString("zh-TW", "Browse", "Browse");
-injectString("ro-RO", "Browse", "Browse");
+injectString("es", "Browse", "Explorar");
+injectString("fi-FI", "Browse", "Selaa");
+injectString("fr", "Browse", "Parcourir");
+injectString("fr-FR", "Browse", "Parcourir");
+injectString("hu-HU", "Browse", "Tall\xF3z\xE1s");
+injectString("id", "Browse", "Jelajahi");
+injectString("it", "Browse", "Sfoglia");
+injectString("ja", "Browse", "\u53C2\u7167");
+injectString("ko-KR", "Browse", "\uCC3E\uC544\uBCF4\uAE30");
+injectString("ms", "Browse", "Semak Imbas");
+injectString("nb-NO", "Browse", "Bla gjennom");
+injectString("nl", "Browse", "Bladeren");
+injectString("pl", "Browse", "Przegl\u0105daj");
+injectString("pt-BR", "Browse", "Procurar");
+injectString("pt-PT", "Browse", "Procurar");
+injectString("sk-SK", "Browse", "Preh\u013Ead\xE1va\u0165");
+injectString("sv", "Browse", "Bl\xE4ddra");
+injectString("th", "Browse", "\u0E40\u0E23\u0E35\u0E22\u0E01\u0E14\u0E39");
+injectString("tr", "Browse", "G\xF6zat");
+injectString("zh-Hans", "Browse", "\u6D4F\u89C8");
+injectString("zh-TW", "Browse", "\u700F\u89BD");
+injectString("ro-RO", "Browse", "R\u0103sfoire");
 injectString("ar-SA", "Browse", "\u062A\u0635\u0641\u062D");
-injectString("cs", "Supported Formats:", "Supported Formats:");
-injectString("da-DK", "Supported Formats:", "Supported Formats:");
-injectString("de", "Supported Formats:", "Supported Formats:");
+injectString("cs", "Supported Formats:", "Podporovan\xE9 form\xE1ty:");
+injectString("da-DK", "Supported Formats:", "Underst\xF8ttede formater:");
+injectString("de", "Supported Formats:", "Unterst\xFCtzte Formate:");
 injectString("en", "Supported Formats:", "Supported Formats:");
-injectString("es", "Supported Formats:", "Supported Formats:");
-injectString("fi-FI", "Supported Formats:", "Supported Formats:");
-injectString("fr", "Supported Formats:", "Supported Formats:");
-injectString("fr-FR", "Supported Formats:", "Supported Formats:");
-injectString("hu-HU", "Supported Formats:", "Supported Formats:");
-injectString("id", "Supported Formats:", "Supported Formats:");
-injectString("it", "Supported Formats:", "Supported Formats:");
-injectString("ja", "Supported Formats:", "Supported Formats:");
-injectString("ko-KR", "Supported Formats:", "Supported Formats:");
-injectString("ms", "Supported Formats:", "Supported Formats:");
-injectString("nb-NO", "Supported Formats:", "Supported Formats:");
-injectString("nl", "Supported Formats:", "Supported Formats:");
-injectString("pl", "Supported Formats:", "Supported Formats:");
-injectString("pt-BR", "Supported Formats:", "Supported Formats:");
-injectString("pt-PT", "Supported Formats:", "Supported Formats:");
-injectString("sk-SK", "Supported Formats:", "Supported Formats:");
-injectString("sv", "Supported Formats:", "Supported Formats:");
-injectString("th", "Supported Formats:", "Supported Formats:");
-injectString("tr", "Supported Formats:", "Supported Formats:");
-injectString("zh-Hans", "Supported Formats:", "Supported Formats:");
-injectString("zh-TW", "Supported Formats:", "Supported Formats:");
-injectString("ro-RO", "Supported Formats:", "Supported Formats:");
+injectString("es", "Supported Formats:", "Formatos compatibles:");
+injectString("fi-FI", "Supported Formats:", "Tuetut muodot:");
+injectString("fr", "Supported Formats:", "Formats pris en charge :");
+injectString("fr-FR", "Supported Formats:", "Formats pris en charge :");
+injectString("hu-HU", "Supported Formats:", "T\xE1mogatott form\xE1tumok:");
+injectString("id", "Supported Formats:", "Format yang Didukung:");
+injectString("it", "Supported Formats:", "Formati supportati:");
+injectString("ja", "Supported Formats:", "\u5BFE\u5FDC\u30D5\u30A9\u30FC\u30DE\u30C3\u30C8\uFF1A");
+injectString("ko-KR", "Supported Formats:", "\uC9C0\uC6D0\uB418\uB294 \uD615\uC2DD:");
+injectString("ms", "Supported Formats:", "Format yang Disokong:");
+injectString("nb-NO", "Supported Formats:", "St\xF8ttede formater:");
+injectString("nl", "Supported Formats:", "Ondersteunde indelingen:");
+injectString("pl", "Supported Formats:", "Obs\u0142ugiwane formaty:");
+injectString("pt-BR", "Supported Formats:", "Formatos suportados:");
+injectString("pt-PT", "Supported Formats:", "Formatos suportados:");
+injectString("sk-SK", "Supported Formats:", "Podporovan\xE9 form\xE1ty:");
+injectString("sv", "Supported Formats:", "Format som st\xF6ds:");
+injectString("th", "Supported Formats:", "\u0E23\u0E39\u0E1B\u0E41\u0E1A\u0E1A\u0E17\u0E35\u0E48\u0E23\u0E2D\u0E07\u0E23\u0E31\u0E1A:");
+injectString("tr", "Supported Formats:", "Desteklenen Bi\xE7imler:");
+injectString("zh-Hans", "Supported Formats:", "\u652F\u6301\u7684\u683C\u5F0F\uFF1A");
+injectString("zh-TW", "Supported Formats:", "\u652F\u63F4\u7684\u683C\u5F0F\uFF1A");
+injectString("ro-RO", "Supported Formats:", "Formate acceptate:");
 injectString("ar-SA", "Supported Formats:", "\u0627\u0644\u0635\u064A\u063A \u0627\u0644\u0645\u062F\u0639\u0648\u0645\u0629:");
 const DropZoneContent = ({
   size,