@geotab/zenith 3.7.0 → 3.8.0-beta.0

package/dist/dataGrid/withFlexibleColumns/flexibleColumnsReorder.js

@@ -177,7 +177,7 @@ class FlexibleColumnReorder extends simpleEventHandler_1.SimpleEventHandler {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (e) => {
+            value: e => {
                 e.preventDefault();
                 return false;
             }
@@ -272,7 +272,7 @@ class FlexibleColumnReorder extends simpleEventHandler_1.SimpleEventHandler {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (e) => {
+            value: e => {
                 var _a, _b, _c, _d, _e;
                 if (e.button !== 0) {
                     return;
@@ -288,7 +288,7 @@ class FlexibleColumnReorder extends simpleEventHandler_1.SimpleEventHandler {
                 this.offsetLeft = th.offsetLeft;
                 this.offsetTop = th.offsetTop;
                 this.columnIndex = Math.max(th.cellIndex, 0);
-                this.pointerOffset = (e.offsetX || (th.clientWidth / 2));
+                this.pointerOffset = e.offsetX || th.clientWidth / 2;
                 (_c = zen_1.zen.document) === null || _c === void 0 ? void 0 : _c.addEventListener("pointermove", this.moveColumn);
                 (_d = zen_1.zen.document) === null || _d === void 0 ? void 0 : _d.addEventListener("pointerup", this.endColumn);
                 (_e = zen_1.zen.document) === null || _e === void 0 ? void 0 : _e.addEventListener("pointercancel", this.stopMoving);

package/dist/dataGrid/withFlexibleColumns/flexibleColumnsResizer.js

@@ -70,7 +70,7 @@ class FlexibleColumnResizer extends simpleEventHandler_1.SimpleEventHandler {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (e) => {
+            value: e => {
                 e.preventDefault();
                 return false;
             }
@@ -95,7 +95,7 @@ class FlexibleColumnResizer extends simpleEventHandler_1.SimpleEventHandler {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (e) => {
+            value: e => {
                 const shift = e.pageX - this.pageX;
                 const width = this.currentWidth + shift;
                 if (width < MIN_COLUMN_WIDTH || this.resizer === undefined) {
@@ -108,7 +108,7 @@ class FlexibleColumnResizer extends simpleEventHandler_1.SimpleEventHandler {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (e) => {
+            value: e => {
                 const shift = e.pageX - this.pageX;
                 this.currentWidth = Math.max(this.currentWidth + shift, MIN_COLUMN_WIDTH);
                 this.fire("resize", [this.columnIndex, this.currentWidth]);
@@ -119,7 +119,7 @@ class FlexibleColumnResizer extends simpleEventHandler_1.SimpleEventHandler {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (e) => {
+            value: e => {
                 var _a, _b, _c, _d;
                 if (e.button !== 0) {
                     return;

package/dist/dataGrid/withFlexibleColumns/flexibleColumnsStorage.js

@@ -69,11 +69,7 @@ const mergeColumnsSettings = (columns, savedSettings) => {
         const column = columns[i];
         if (!columnSettingsMap.has(column.name)) {
             const index = findPrevColumnIndex(columns, settings, i);
-            settings = [
-                ...settings.slice(0, index),
-                createColumnSettings(column),
-                ...settings.slice(index)
-            ];
+            settings = [...settings.slice(0, index), createColumnSettings(column), ...settings.slice(index)];
         }
     }
     return settings;

package/dist/dataGrid/withFlexibleColumns/withFlexibleColumns.js

@@ -27,20 +27,24 @@ const withFlexibleColumns = (DataGridComponent) => {
         const columnsSettings = (0, react_1.useMemo)(() => (0, flexibleColumnsStorage_1.mergeColumnsSettings)(allColumns, options.columnsSettings || settingsStore.getItem()), [allColumns, options.columnsSettings, settingsStore]);
         const visibleColumns = (0, react_1.useMemo)(() => {
             const visibleColumnsMap = new Map(allColumns.map(c => [c.name, c]));
-            return columnsSettings.map((s, index) => {
+            return columnsSettings
+                .map((s, index) => {
                 const column = visibleColumnsMap.get(s.name);
                 if (column === undefined || !s.visible) {
                     return undefined;
                 }
                 const wrappers = column.wrappers;
-                return (Object.assign(Object.assign({}, column), { meta: Object.assign(Object.assign({}, column.meta), { defaultWidth: s.width }), wrappers: wrappers.some(w => w instanceof flexibleColumnWrapper_1.FlexibleColumnWrapper) ? wrappers : [
-                        ...wrappers,
-                        new flexibleColumnWrapper_1.FlexibleColumnWrapper({
-                            draggable: !(column.columnComponent instanceof actionsColumn_1.ActionsColumn),
-                            resizable: index !== 0
-                        })
-                    ] }));
-            }).filter(c => c !== undefined);
+                return Object.assign(Object.assign({}, column), { meta: Object.assign(Object.assign({}, column.meta), { defaultWidth: s.width }), wrappers: wrappers.some(w => w instanceof flexibleColumnWrapper_1.FlexibleColumnWrapper)
+                        ? wrappers
+                        : [
+                            ...wrappers,
+                            new flexibleColumnWrapper_1.FlexibleColumnWrapper({
+                                draggable: !(column.columnComponent instanceof actionsColumn_1.ActionsColumn),
+                                resizable: index !== 0
+                            })
+                        ] });
+            })
+                .filter(c => c !== undefined);
         }, [allColumns, columnsSettings]);
         const gridRef = (0, react_1.useRef)(null);
         const resizerRef = (0, react_1.useRef)(null);
@@ -65,14 +69,14 @@ const withFlexibleColumns = (DataGridComponent) => {
             var _a;
             const firstColumn = (((_a = visibleColumns[0]) === null || _a === void 0 ? void 0 : _a.name) || "");
             const columnSettingsMap = new Map(columnsSettings.map(s => [s.name, s.visible]));
-            return (0, jsx_runtime_1.jsx)(columnSettingsList_1.ColumnSettingsList, { columns: allColumns.filter(c => c.title), settings: columnSettingsMap, firstColumn: firstColumn, onChange: async (newSettings) => {
-                    const settings = (columnsSettings.map(s => {
+            return ((0, jsx_runtime_1.jsx)(columnSettingsList_1.ColumnSettingsList, { columns: allColumns.filter(c => c.title), settings: columnSettingsMap, firstColumn: firstColumn, onChange: async (newSettings) => {
+                    const settings = columnsSettings.map(s => {
                         const visible = newSettings.get(s.name) !== false;
                         return Object.assign(Object.assign({}, s), { visible });
-                    }));
+                    });
                     await saveSettingsToTheStore(settings);
                     onChangeSettings(settings);
-                }, sortGroups: sortGroups, sortColumns: sortColumns });
+                }, sortGroups: sortGroups, sortColumns: sortColumns }));
         }, [columnsSettings, allColumns, saveSettingsToTheStore, onChangeSettings, visibleColumns, sortGroups, sortColumns]);
         const onReorderListener = (0, react_1.useCallback)(async ([from, to]) => {
             if (from === to) {
@@ -89,11 +93,7 @@ const withFlexibleColumns = (DataGridComponent) => {
             const settingsWithoutColumn = columnsSettings.filter(s => s.name !== column.name);
             const originalSettings = columnsSettings.filter(s => s.name === column.name)[0];
             const sIndex = settingsWithoutColumn.findIndex(s => s.name === where.name);
-            const newColumnSettings = [
-                ...settingsWithoutColumn.slice(0, sIndex),
-                originalSettings,
-                ...settingsWithoutColumn.slice(sIndex)
-            ];
+            const newColumnSettings = [...settingsWithoutColumn.slice(0, sIndex), originalSettings, ...settingsWithoutColumn.slice(sIndex)];
             await saveSettingsToTheStore(newColumnSettings);
             onChangeSettings(newColumnSettings);
         }, [columnsSettings, visibleColumns, onChangeSettings, saveSettingsToTheStore]);
@@ -137,17 +137,10 @@ const withFlexibleColumns = (DataGridComponent) => {
             onResetSettings();
             setIsPanelOpen(false);
         }, [onResetSettings, saveSettingsToTheStore]);
-        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [popupTriggerRef && visibleColumns.length > 0
-                    ? options.isFeed
-                        ? (0, jsx_runtime_1.jsx)(columnSettingsSidePanel_1.ColumnSettingsSidePanel, { triggerRef: popupTriggerRef, isOpen: isPanelOpen, onOpen: () => setIsPanelOpen(true), onClose: () => setIsPanelOpen(false), onReset: onResetListener, children: (0, jsx_runtime_1.jsx)(columnSettings_1.ColumnSettings, { onReset: onResetListener, showFooter: false, children: listOfColumns }) })
-                        : (0, jsx_runtime_1.jsx)(popup_1.Popup, { triggerRef: popupTriggerRef, alignment: "bottom-right", children: (0, jsx_runtime_1.jsx)(columnSettings_1.ColumnSettings, { onReset: onResetListener, children: listOfColumns }) }, "flexible-popup")
-                    : null, (0, jsx_runtime_1.jsx)(DataGridComponent, Object.assign({}, props, { columns: [...visibleColumns], ref: gridRef }), "grid")] });
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [popupTriggerRef && visibleColumns.length > 0 ? (options.isFeed ? ((0, jsx_runtime_1.jsx)(columnSettingsSidePanel_1.ColumnSettingsSidePanel, { triggerRef: popupTriggerRef, isOpen: isPanelOpen, onOpen: () => setIsPanelOpen(true), onClose: () => setIsPanelOpen(false), onReset: onResetListener, children: (0, jsx_runtime_1.jsx)(columnSettings_1.ColumnSettings, { onReset: onResetListener, showFooter: false, children: listOfColumns }) })) : ((0, jsx_runtime_1.jsx)(popup_1.Popup, { triggerRef: popupTriggerRef, alignment: "bottom-right", children: (0, jsx_runtime_1.jsx)(columnSettings_1.ColumnSettings, { onReset: onResetListener, children: listOfColumns }) }, "flexible-popup"))) : null, (0, jsx_runtime_1.jsx)(DataGridComponent, Object.assign({}, props, { columns: [...visibleColumns], ref: gridRef }), "grid")] }));
     };
     FlexibleColumnsComponent.displayName = `withFlexibleColumns(${DataGridComponent.displayName || DataGridComponent.name || "Component"})`;
     return FlexibleColumnsComponent;
 };
 exports.withFlexibleColumns = withFlexibleColumns;
-exports.withFlexibleColumns.translations = [
-    ...columnSettings_1.ColumnSettings.translations,
-    ...columnSettingsSidePanel_1.ColumnSettingsSidePanel.translations
-];
+exports.withFlexibleColumns.translations = [...columnSettings_1.ColumnSettings.translations, ...columnSettingsSidePanel_1.ColumnSettingsSidePanel.translations];

package/dist/dataGrid/withLoading/withLoading.js

@@ -18,7 +18,7 @@ const getDefaultEntitiesLoadingColumn = (columnId, originalColumnComponent) => {
         ];
     return {
         render: (entity, isNested) => entity.isLoading ? (0, jsx_runtime_1.jsx)(loadingRowCell_1.LoadingCell, { children: entity[columnId] }) : originalColumnComponent.render(entity, isNested),
-        renderHeader: (title) => originalColumnComponent.renderHeader ? originalColumnComponent.renderHeader(title) : title,
+        renderHeader: (title) => (originalColumnComponent.renderHeader ? originalColumnComponent.renderHeader(title) : title),
         renderFeed: (title, entity, isNested) => entity.isLoading
             ? [(0, jsx_runtime_1.jsx)(loadingRowCell_1.LoadingCell, { children: title }, entity.id), (0, jsx_runtime_1.jsx)(loadingRowCell_1.LoadingCell, { children: entity[columnId] }, entity.id)]
             : renderFeed(title, entity, isNested)
@@ -33,8 +33,8 @@ const withLoading = (DataGridComponent) => {
         const { entitiesPromise, loadingRows, columns, options } = props;
         const [data, setData] = (0, react_1.useState)([]);
         const state = (0, useFetch_1.useFetch)({}, entitiesPromise);
-        const sampleEntity = (0, react_1.useMemo)(() => columns.map((column) => ({ [column.id]: column.title })).reduce((acc, el) => (Object.assign(Object.assign({}, acc), el))), [columns]);
-        const generateLoadingEntities = (0, react_1.useCallback)(() => (new Array(loadingRows || exports.DEFAULT_LOADING_ROWS).fill(undefined)).map(() => (Object.assign(Object.assign({}, sampleEntity), { isLoading: true, id: (0, generateId_1.generateId)() }))), [loadingRows, sampleEntity]);
+        const sampleEntity = (0, react_1.useMemo)(() => columns.map(column => ({ [column.id]: column.title })).reduce((acc, el) => (Object.assign(Object.assign({}, acc), el))), [columns]);
+        const generateLoadingEntities = (0, react_1.useCallback)(() => new Array(loadingRows || exports.DEFAULT_LOADING_ROWS).fill(undefined).map(() => (Object.assign(Object.assign({}, sampleEntity), { isLoading: true, id: (0, generateId_1.generateId)() }))), [loadingRows, sampleEntity]);
         (0, react_1.useEffect)(() => {
             if (state.data) {
                 setData(prevData => {
@@ -49,15 +49,10 @@ const withLoading = (DataGridComponent) => {
             }
             return props.selectMode;
         }, [state.isLoading, props.selectMode]);
-        return (0, jsx_runtime_1.jsx)(DataGridComponent, Object.assign({}, props, { selectMode: selectMode, className: (0, classNames_1.classNames)([
-                props.className || "",
-                state.isLoading ? "zen-data-grid--loading" : ""
-            ]), entities: (state.isLoading)
-                ? (options === null || options === void 0 ? void 0 : options.addToEnd) ? [...data, ...generateLoadingEntities()] : generateLoadingEntities()
-                : data, columns: columns.map(column => (Object.assign(Object.assign({}, column), { meta: Object.assign({ renderPlaceholder: (entity) => (0, jsx_runtime_1.jsx)(loadingRowCell_1.LoadingCell, { children: entity[column.id] }), renderFeedPlaceholder: (entity) => [
+        return ((0, jsx_runtime_1.jsx)(DataGridComponent, Object.assign({}, props, { selectMode: selectMode, className: (0, classNames_1.classNames)([props.className || "", state.isLoading ? "zen-data-grid--loading" : ""]), entities: state.isLoading ? ((options === null || options === void 0 ? void 0 : options.addToEnd) ? [...data, ...generateLoadingEntities()] : generateLoadingEntities()) : data, columns: columns.map(column => (Object.assign(Object.assign({}, column), { meta: Object.assign({ renderPlaceholder: (entity) => (0, jsx_runtime_1.jsx)(loadingRowCell_1.LoadingCell, { children: entity[column.id] }), renderFeedPlaceholder: (entity) => [
                         (0, jsx_runtime_1.jsx)(loadingRowCell_1.LoadingCell, { children: column.title }, `${column.id}_label`),
                         (0, jsx_runtime_1.jsx)(loadingRowCell_1.LoadingCell, { children: entity[column.id] }, `${column.id}_value`)
-                    ] }, column.meta), columnComponent: state.isLoading ? getEntitiesLoadingColumn(column) : column.columnComponent || (0, defaultColumnComponent_1.defaultColumnComponent)(column.id) }))), ref: props.ref }), "grid");
+                    ] }, column.meta), columnComponent: state.isLoading ? getEntitiesLoadingColumn(column) : column.columnComponent || (0, defaultColumnComponent_1.defaultColumnComponent)(column.id) }))), ref: props.ref }), "grid"));
     };
     WithLoadingInner.displayName = `withLoading(${DataGridComponent.displayName || DataGridComponent.name})`;
     return WithLoadingInner;

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

@@ -8,9 +8,9 @@ export interface IBulkActionCommon {
     icon: FC<IIcon>;
     disabled?: boolean;
     /**
-    * @deprecated
-    * @param gridType - will be removed in the next major release
-    */
+     * @deprecated
+     * @param gridType - will be removed in the next major release
+     */
     gridType?: DeviceType;
     type?: Pick<IButton, "type">["type"];
 }

package/dist/dataGrid/withSelectableRows/components/bulkActions/bulkActionButton/bulkActionButton.js

@@ -7,6 +7,6 @@ const svgIconSize_1 = require("../../../../../svgIcon/svgIconSize");
 const useMobile_1 = require("../../../../../commonHelpers/hooks/useMobile");
 const BulkActionButton = ({ title, icon, clickHandler, onClick, disabled, type, ref }) => {
     const isMobile = (0, useMobile_1.useMobile)();
-    return (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { ref: ref, className: "zen-bulk-actions__action-button", icon: icon, iconPosition: textIconButton_1.ButtonIconPosition.Start, iconSize: svgIconSize_1.SvgIconSize.Large, type: type || (isMobile ? "tertiary-black" : "secondary"), onClick: onClick || clickHandler, disabled: disabled, "aria-label": title, title: isMobile ? title : undefined, children: !isMobile ? (0, jsx_runtime_1.jsx)("span", { className: "bulk-actions__action-button-title", children: title }) : null });
+    return ((0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { ref: ref, className: "zen-bulk-actions__action-button", icon: icon, iconPosition: textIconButton_1.ButtonIconPosition.Start, iconSize: svgIconSize_1.SvgIconSize.Large, type: type || (isMobile ? "tertiary-black" : "secondary"), onClick: onClick || clickHandler, disabled: disabled, "aria-label": title, title: isMobile ? title : undefined, children: !isMobile ? (0, jsx_runtime_1.jsx)("span", { className: "bulk-actions__action-button-title", children: title }) : null }));
 };
 exports.BulkActionButton = BulkActionButton;

package/dist/dataGrid/withSelectableRows/components/bulkActions/bulkActionLink/bulkActionLink.js

@@ -7,6 +7,6 @@ const textIconButton_1 = require("../../../../../textIconButton/textIconButton")
 const useMobile_1 = require("../../../../../commonHelpers/hooks/useMobile");
 const BulkActionLink = ({ title, icon, link, disabled, type, ref }) => {
     const isMobile = (0, useMobile_1.useMobile)();
-    return (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { ref: ref, className: "zen-bulk-actions__action-button", icon: icon, iconPosition: textIconButton_1.ButtonIconPosition.Start, iconSize: svgIconSize_1.SvgIconSize.Large, type: type || (isMobile ? "tertiary-black" : "secondary"), link: link, disabled: disabled, "aria-label": title, title: isMobile ? title : undefined, children: !isMobile ? (0, jsx_runtime_1.jsx)("span", { className: "bulk-actions__action-button-title", children: title }) : null });
+    return ((0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { ref: ref, className: "zen-bulk-actions__action-button", icon: icon, iconPosition: textIconButton_1.ButtonIconPosition.Start, iconSize: svgIconSize_1.SvgIconSize.Large, type: type || (isMobile ? "tertiary-black" : "secondary"), link: link, disabled: disabled, "aria-label": title, title: isMobile ? title : undefined, children: !isMobile ? (0, jsx_runtime_1.jsx)("span", { className: "bulk-actions__action-button-title", children: title }) : null }));
 };
 exports.BulkActionLink = BulkActionLink;

package/dist/dataGrid/withSelectableRows/components/bulkActions/bulkActions.js

@@ -34,6 +34,7 @@ injectString("tr", "{1} selected", "{1} se\xE7ildi");
 injectString("zh-Hans", "{1} selected", "\u5DF2\u9009\u4E2D {1} \u9879");
 injectString("zh-TW", "{1} selected", "\u5DF2\u9078\u53D6 {1} \u500B");
 injectString("ro-RO", "{1} selected", "{1} selectate");
+injectString("ar-SA", "{1} selected", "{1} \u0645\u062D\u062F\u062F");
 injectString("cs", "All", "V\u0161e");
 injectString("da-DK", "All", "Alle");
 injectString("de", "All", "Alle");
@@ -60,6 +61,7 @@ injectString("tr", "All", "T\xFCm\xFC");
 injectString("zh-Hans", "All", "\u5168\u90E8");
 injectString("zh-TW", "All", "\u5168\u90E8");
 injectString("ro-RO", "All", "Toate");
+injectString("ar-SA", "All", "\u0627\u0644\u0643\u0644");
 injectString("cs", "Clear selection", "Vymazat v\xFDb\u011Br");
 injectString("da-DK", "Clear selection", "Ryd markering");
 injectString("de", "Clear selection", "Auswahl l\xF6schen");
@@ -86,6 +88,7 @@ injectString("tr", "Clear selection", "Se\xE7imi temizle");
 injectString("zh-Hans", "Clear selection", "\u6E05\u9664\u9009\u62E9");
 injectString("zh-TW", "Clear selection", "\u6E05\u9664\u9078\u53D6\u9805\u76EE");
 injectString("ro-RO", "Clear selection", "\u0218terge\u021Bi selec\u021Bia");
+injectString("ar-SA", "Clear selection", "\u0645\u0633\u062D \u0627\u0644\u062A\u062D\u062F\u064A\u062F");
 injectString("cs", "Select all", "Vybrat v\u0161e");
 injectString("da-DK", "Select all", "V\xE6lg alle");
 injectString("de", "Select all", "Alle ausw\xE4hlen");
@@ -112,6 +115,7 @@ injectString("tr", "Select all", "T\xFCm\xFCn\xFC se\xE7");
 injectString("zh-Hans", "Select all", "\u5168\u9009");
 injectString("zh-TW", "Select all", "\u5168\u9078");
 injectString("ro-RO", "Select all", "Selecta\u021Bi tot");
+injectString("ar-SA", "Select all", "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
 injectString("cs", "More", "V\xEDce");
 injectString("da-DK", "More", "Mere");
 injectString("de", "More", "Mehr");
@@ -138,6 +142,7 @@ injectString("tr", "More", "Di\u011Fer");
 injectString("zh-Hans", "More", "\u66F4\u591A");
 injectString("zh-TW", "More", "\u66F4\u591A");
 injectString("ro-RO", "More", "Mai multe");
+injectString("ar-SA", "More", "\u0627\u0644\u0645\u0632\u064A\u062F");
 const textIconButton_1 = require("../../../../textIconButton/textIconButton");
 const classNames_1 = require("../../../../commonHelpers/classNames/classNames");
 const react_1 = require("react");

package/dist/dataGrid/withSelectableRows/withLimitedSelectableRows.js

@@ -15,9 +15,11 @@ const withLimitedSelectableRows = (DataGridComponent) => {
     const WithLimitedSelectableRowsInner = (props) => {
         const { selection, columns, options, onSelect, entities } = props;
         const allSelected = !!(selection === null || selection === void 0 ? void 0 : selection.allSelected);
-        const selections = (0, withSelectableRows_1.getSelections)(allSelected ?
-            { selected: entities.slice(0, options.limit).map(el => el.id), allSelected: false }
-            : (selection ? { selected: selection.selected.slice(0, options.limit), allSelected: false } : undefined));
+        const selections = (0, withSelectableRows_1.getSelections)(allSelected
+            ? { selected: entities.slice(0, options.limit).map(el => el.id), allSelected: false }
+            : selection
+                ? { selected: selection.selected.slice(0, options.limit), allSelected: false }
+                : undefined);
         const wrapper = (0, react_1.useMemo)(() => new limitedCheckboxColumnWrapper_1.LimitedCheckboxColumnWrapper(selections, { createTitle: options.createTitle, headerTitle: options.headerTitle, limit: props.options.limit }, { current: null }), [selections, options.createTitle, options.headerTitle, props.options.limit]);
         const onSelectListener = (0, react_1.useCallback)(([id, checked]) => {
             if (checked) {

package/dist/dataGrid/withSelectableRows/withSelectableRows.js

@@ -41,6 +41,7 @@ injectString("tr", "Select all", "T\xFCm\xFCn\xFC se\xE7");
 injectString("zh-Hans", "Select all", "\u5168\u9009");
 injectString("zh-TW", "Select all", "\u5168\u9078");
 injectString("ro-RO", "Select all", "Selecta\u021Bi tot");
+injectString("ar-SA", "Select all", "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
 injectString("cs", "Select current page", "Vybrat aktu\xE1ln\xED str\xE1nku");
 injectString("da-DK", "Select current page", "V\xE6lg aktuel side");
 injectString("de", "Select current page", "Aktuelle Seite ausw\xE4hlen");
@@ -67,6 +68,7 @@ injectString("tr", "Select current page", "Ge\xE7erli sayfay\u0131 se\xE7");
 injectString("zh-Hans", "Select current page", "\u9009\u62E9\u5F53\u524D\u9875\u9762");
 injectString("zh-TW", "Select current page", "\u9078\u53D6\u76EE\u524D\u9801\u9762");
 injectString("ro-RO", "Select current page", "Selecta\u021Bi pagina actual\u0103");
+injectString("ar-SA", "Select current page", "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0635\u0641\u062D\u0629 \u0627\u0644\u062D\u0627\u0644\u064A\u0629");
 injectString("cs", "Deselect all", "Zru\u0161it v\xFDb\u011Br v\u0161ech");
 injectString("da-DK", "Deselect all", "Frav\xE6lg alle");
 injectString("de", "Deselect all", "Auswahl f\xFCr alle aufheben");
@@ -93,6 +95,7 @@ injectString("tr", "Deselect all", "T\xFCm\xFCn\xFCn se\xE7imini iptal et");
 injectString("zh-Hans", "Deselect all", "\u53D6\u6D88\u5168\u9009");
 injectString("zh-TW", "Deselect all", "\u53D6\u6D88\u5168\u9078");
 injectString("ro-RO", "Deselect all", "Deselecta\u021Bi tot");
+injectString("ar-SA", "Deselect all", "\u0625\u0644\u063A\u0627\u0621 \u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
 const getSelectionOptions = translate => [{
   id: "all",
   value: checkboxColumnWrapper_1.SelectionState.All,

package/dist/dataGrid/withSortableColumns/columns/sortableColumnWrapper.d.ts

@@ -1,6 +1,6 @@
 import "./sortableColumn.less";
 import { FC, ReactNode } from "react";
-import { IListColumnWrapper } from "../../listColumn";
+import { IHeaderCellProps, IListColumnWrapper } from "../../listColumn";
 import { ISortableColumnSettings } from "../sortableColumnsStorage";
 import { ColumnSortDirection } from "./columnSortDirection";
 import { ColumnSortDirection as ColumnSortDirectionTable } from "../../../table/table";
@@ -28,6 +28,7 @@ export declare class SortableColumnWrapper<T extends IEntityWithId> implements I
     private readonly onSort;
     constructor(columnName: string, options: Partial<ISortableColumnOptions>, columnTitle: string, onSort: (newSortSettings: ISortableColumnSettings) => void);
     renderHeader(title: ReactNode): import("react/jsx-runtime").JSX.Element;
+    getHeaderProps(): IHeaderCellProps;
     render(value: ReactNode, _: T | undefined): ReactNode;
     static translations: string[];
 }

package/dist/dataGrid/withSortableColumns/columns/sortableColumnWrapper.js

@@ -34,6 +34,7 @@ injectString("tr", "Sort by {COLUMN_NAME} descending", "{COLUMN_NAME} s\xFCtunun
 injectString("zh-Hans", "Sort by {COLUMN_NAME} descending", "\u6309 {COLUMN_NAME} \u964D\u5E8F\u6392\u5E8F");
 injectString("zh-TW", "Sort by {COLUMN_NAME} descending", "\u4F9D\u300C{COLUMN_NAME}\u300D\u905E\u6E1B\u6392\u5E8F");
 injectString("ro-RO", "Sort by {COLUMN_NAME} descending", "Sorta\u021Bi descendent dup\u0103 {COLUMN_NAME}");
+injectString("ar-SA", "Sort by {COLUMN_NAME} descending", "\u062A\u0631\u062A\u064A\u0628 \u062D\u0633\u0628 {COLUMN_NAME} \u062A\u0646\u0627\u0632\u0644\u064A\u0627\u064B");
 injectString("cs", "Sort by {COLUMN_NAME} ascending", "Se\u0159adit vzestupn\u011B podle {COLUMN_NAME}");
 injectString("da-DK", "Sort by {COLUMN_NAME} ascending", "Sorter efter {COLUMN_NAME} stigende");
 injectString("de", "Sort by {COLUMN_NAME} ascending", "Aufsteigend nach {COLUMN_NAME} sortieren");
@@ -60,6 +61,7 @@ injectString("tr", "Sort by {COLUMN_NAME} ascending", "{COLUMN_NAME} s\xFCtununa
 injectString("zh-Hans", "Sort by {COLUMN_NAME} ascending", "\u6309 {COLUMN_NAME} \u5347\u5E8F\u6392\u5E8F");
 injectString("zh-TW", "Sort by {COLUMN_NAME} ascending", "\u4F9D\u300C{COLUMN_NAME}\u300D\u905E\u589E\u6392\u5E8F");
 injectString("ro-RO", "Sort by {COLUMN_NAME} ascending", "Sorta\u021Bi ascendent dup\u0103 {COLUMN_NAME}");
+injectString("ar-SA", "Sort by {COLUMN_NAME} ascending", "\u062A\u0631\u062A\u064A\u0628 \u062D\u0633\u0628 {COLUMN_NAME} \u062A\u0635\u0627\u0639\u062F\u064A\u0627\u064B");
 const react_1 = require("react");
 const classNames_1 = require("../../../commonHelpers/classNames/classNames");
 const textIconButton_1 = require("../../../textIconButton/textIconButton");
@@ -134,8 +136,6 @@ const SortableHeaderCell = ({
     onBlur: () => setIsFocused(false),
     children: (0, jsx_runtime_1.jsx)("div", {
       className: (0, classNames_1.classNames)(["zen-caption", "zen-sortable-column__button", "zen-sortable-column-button", isSortedBy ? `zen-sortable-column-button--active` : "", sortDirection === columnSortDirection_1.ColumnSortDirection.Ascending ? "zen-sortable-column-button--dir-asc" : "zen-sortable-column-button--dir-desc"]),
-      title: iconTitle,
-      "aria-label": iconTitle,
       onClick: () => {
         onSortChange({
           sortColumn: columnName,
@@ -190,6 +190,15 @@ class SortableColumnWrapper {
       initialSortDirection: this.options.initialSortDirection
     });
   }
+  getHeaderProps() {
+    const isSortedBy = this.options.isSortedBy === undefined ? false : this.options.isSortedBy;
+    if (!isSortedBy || this.options.sortDirection === undefined || this.options.sortDirection === columnSortDirection_1.ColumnSortDirection.None) {
+      return {};
+    }
+    return {
+      ariaSort: this.options.sortDirection === columnSortDirection_1.ColumnSortDirection.Ascending ? "ascending" : "descending"
+    };
+  }
   render(value, _) {
     return value;
   }

package/dist/dataGrid/withSortableColumns/withSortableColumns.js

@@ -12,7 +12,7 @@ const zen_1 = require("../../utils/zen");
 // T - type of entity
 // P - props of wrapped component
 // eslint-disable-next-line @typescript-eslint/naming-convention
-const withSortableColumns = (DataGridComponent) => (
+const withSortableColumns = (DataGridComponent) => 
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function InnerColumnsList(props) {
     var _a, _b;
@@ -46,18 +46,18 @@ function InnerColumnsList(props) {
         const wrappers = column.wrappers;
         const isSortable = column.isSortable !== false && !(column.columnComponent instanceof actionsColumn_1.ActionsColumn);
         const isSortedBy = isSortable && sortSettings.sortColumn === column.name;
-        return (Object.assign(Object.assign({}, column), { wrappers: wrappers.some(w => w instanceof sortableColumnWrapper_1.SortableColumnWrapper) || !isSortable ? wrappers : [
-                ...wrappers,
-                new sortableColumnWrapper_1.SortableColumnWrapper(column.name, {
-                    isSortedBy,
-                    sortDirection: isSortedBy ? sortSettings.sortDirection : columnSortDirection_1.ColumnSortDirection.None,
-                    initialSortDirection: column.initialSortDirection
-                }, column.title, onSort)
-            ] }));
+        return Object.assign(Object.assign({}, column), { wrappers: wrappers.some(w => w instanceof sortableColumnWrapper_1.SortableColumnWrapper) || !isSortable
+                ? wrappers
+                : [
+                    ...wrappers,
+                    new sortableColumnWrapper_1.SortableColumnWrapper(column.name, {
+                        isSortedBy,
+                        sortDirection: isSortedBy ? sortSettings.sortDirection : columnSortDirection_1.ColumnSortDirection.None,
+                        initialSortDirection: column.initialSortDirection
+                    }, column.title, onSort)
+                ] });
     }), [allColumns, sortSettings, onSort]);
     return (0, jsx_runtime_1.jsx)(DataGridComponent, Object.assign({}, props, { columns: [...sortedColumns], ref: props.ref }), "grid");
-});
+};
 exports.withSortableColumns = withSortableColumns;
-exports.withSortableColumns.translations = [
-    ...sortableColumnWrapper_1.SortableColumnWrapper.translations
-];
+exports.withSortableColumns.translations = [...sortableColumnWrapper_1.SortableColumnWrapper.translations];

package/dist/dateInput/dateInput.js

@@ -23,6 +23,4 @@ const DateInput = (_a) => {
     return (0, jsx_runtime_1.jsx)(DateInputFormField, Object.assign({}, props));
 };
 exports.DateInput = DateInput;
-exports.TRANSLATIONS = [
-    ...dateInputRaw_2.TRANSLATIONS
-];
+exports.TRANSLATIONS = [...dateInputRaw_2.TRANSLATIONS];

package/dist/dateInputInner/dateInputInner.js

@@ -8,46 +8,114 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TRANSLATIONS = exports.DateInputInner = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+injectString("cs", "Start date has been adjusted.", "Start date has been adjusted.");
 injectString("da-DK", "Start date has been adjusted.", "Startdatoen er blevet justeret.");
+injectString("de", "Start date has been adjusted.", "Start date has been adjusted.");
 injectString("en", "Start date has been adjusted.", "Start date has been adjusted.");
+injectString("es", "Start date has been adjusted.", "Start date has been adjusted.");
 injectString("fi-FI", "Start date has been adjusted.", "Aloitusp\xE4iv\xE4\xE4 on mukautettu.");
+injectString("fr", "Start date has been adjusted.", "Start date has been adjusted.");
+injectString("fr-FR", "Start date has been adjusted.", "Start date has been adjusted.");
 injectString("hu-HU", "Start date has been adjusted.", "A kezd\u0151 d\xE1tumot m\xF3dos\xEDtottuk.");
+injectString("id", "Start date has been adjusted.", "Start date has been adjusted.");
+injectString("it", "Start date has been adjusted.", "Start date has been adjusted.");
+injectString("ja", "Start date has been adjusted.", "Start date has been adjusted.");
 injectString("ko-KR", "Start date has been adjusted.", "\uC2DC\uC791 \uB0A0\uC9DC\uAC00 \uC870\uC815\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
+injectString("ms", "Start date has been adjusted.", "Start date has been adjusted.");
 injectString("nb-NO", "Start date has been adjusted.", "Startdatoen er justert.");
+injectString("nl", "Start date has been adjusted.", "Start date has been adjusted.");
+injectString("pl", "Start date has been adjusted.", "Start date has been adjusted.");
+injectString("pt-BR", "Start date has been adjusted.", "Start date has been adjusted.");
 injectString("pt-PT", "Start date has been adjusted.", "A data de in\xEDcio foi ajustada.");
 injectString("sk-SK", "Start date has been adjusted.", "D\xE1tum za\u010Diatku bol upraven\xFD.");
+injectString("sv", "Start date has been adjusted.", "Start date has been adjusted.");
+injectString("th", "Start date has been adjusted.", "Start date has been adjusted.");
+injectString("tr", "Start date has been adjusted.", "Start date has been adjusted.");
+injectString("zh-Hans", "Start date has been adjusted.", "Start date has been adjusted.");
 injectString("zh-TW", "Start date has been adjusted.", "\u5DF2\u8ABF\u6574\u958B\u59CB\u65E5\u671F\u3002");
 injectString("ro-RO", "Start date has been adjusted.", "Data de \xEEncepere a fost modificat\u0103.");
+injectString("ar-SA", "Start date has been adjusted.", "\u062A\u0645 \u062A\u0639\u062F\u064A\u0644 \u062A\u0627\u0631\u064A\u062E \u0627\u0644\u0628\u062F\u0621.");
+injectString("cs", "End date has been adjusted.", "End date has been adjusted.");
 injectString("da-DK", "End date has been adjusted.", "Slutdatoen er blevet justeret.");
+injectString("de", "End date has been adjusted.", "End date has been adjusted.");
 injectString("en", "End date has been adjusted.", "End date has been adjusted.");
+injectString("es", "End date has been adjusted.", "End date has been adjusted.");
 injectString("fi-FI", "End date has been adjusted.", "Lopetusp\xE4iv\xE4m\xE4\xE4r\xE4 on mukautettu.");
+injectString("fr", "End date has been adjusted.", "End date has been adjusted.");
+injectString("fr-FR", "End date has been adjusted.", "End date has been adjusted.");
 injectString("hu-HU", "End date has been adjusted.", "A z\xE1r\xF3 d\xE1tumot m\xF3dos\xEDtottuk.");
+injectString("id", "End date has been adjusted.", "End date has been adjusted.");
+injectString("it", "End date has been adjusted.", "End date has been adjusted.");
+injectString("ja", "End date has been adjusted.", "End date has been adjusted.");
 injectString("ko-KR", "End date has been adjusted.", "\uC885\uB8CC \uB0A0\uC9DC\uAC00 \uC870\uC815\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
+injectString("ms", "End date has been adjusted.", "End date has been adjusted.");
 injectString("nb-NO", "End date has been adjusted.", "Endedatoen er justert.");
+injectString("nl", "End date has been adjusted.", "End date has been adjusted.");
+injectString("pl", "End date has been adjusted.", "End date has been adjusted.");
+injectString("pt-BR", "End date has been adjusted.", "End date has been adjusted.");
 injectString("pt-PT", "End date has been adjusted.", "A data de t\xE9rmino foi ajustada.");
 injectString("sk-SK", "End date has been adjusted.", "D\xE1tum ukon\u010Denia bol upraven\xFD.");
+injectString("sv", "End date has been adjusted.", "End date has been adjusted.");
+injectString("th", "End date has been adjusted.", "End date has been adjusted.");
+injectString("tr", "End date has been adjusted.", "End date has been adjusted.");
+injectString("zh-Hans", "End date has been adjusted.", "End date has been adjusted.");
 injectString("zh-TW", "End date has been adjusted.", "\u5DF2\u8ABF\u6574\u7D50\u675F\u65E5\u671F\u3002");
 injectString("ro-RO", "End date has been adjusted.", "Data de \xEEncheiere a fost modificat\u0103.");
+injectString("ar-SA", "End date has been adjusted.", "\u062A\u0645 \u062A\u0639\u062F\u064A\u0644 \u062A\u0627\u0631\u064A\u062E \u0627\u0644\u0627\u0646\u062A\u0647\u0627\u0621.");
+injectString("cs", "Start time has been adjusted.", "Start time has been adjusted.");
 injectString("da-DK", "Start time has been adjusted.", "Starttidspunktet er blevet justeret.");
+injectString("de", "Start time has been adjusted.", "Start time has been adjusted.");
 injectString("en", "Start time has been adjusted.", "Start time has been adjusted.");
+injectString("es", "Start time has been adjusted.", "Start time has been adjusted.");
 injectString("fi-FI", "Start time has been adjusted.", "Aloitusaika on s\xE4\xE4detty.");
+injectString("fr", "Start time has been adjusted.", "Start time has been adjusted.");
+injectString("fr-FR", "Start time has been adjusted.", "Start time has been adjusted.");
 injectString("hu-HU", "Start time has been adjusted.", "A kezd\u0151 id\u0151pontot m\xF3dos\xEDtottuk.");
+injectString("id", "Start time has been adjusted.", "Start time has been adjusted.");
+injectString("it", "Start time has been adjusted.", "Start time has been adjusted.");
+injectString("ja", "Start time has been adjusted.", "Start time has been adjusted.");
 injectString("ko-KR", "Start time has been adjusted.", "\uC2DC\uC791 \uC2DC\uAC04\uC774 \uC870\uC815\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
+injectString("ms", "Start time has been adjusted.", "Start time has been adjusted.");
 injectString("nb-NO", "Start time has been adjusted.", "Starttiden er justert.");
+injectString("nl", "Start time has been adjusted.", "Start time has been adjusted.");
+injectString("pl", "Start time has been adjusted.", "Start time has been adjusted.");
+injectString("pt-BR", "Start time has been adjusted.", "Start time has been adjusted.");
 injectString("pt-PT", "Start time has been adjusted.", "A hora de in\xEDcio foi ajustada.");
 injectString("sk-SK", "Start time has been adjusted.", "\u010Cas za\u010Datia bol upraven\xFD.");
+injectString("sv", "Start time has been adjusted.", "Start time has been adjusted.");
+injectString("th", "Start time has been adjusted.", "Start time has been adjusted.");
+injectString("tr", "Start time has been adjusted.", "Start time has been adjusted.");
+injectString("zh-Hans", "Start time has been adjusted.", "Start time has been adjusted.");
 injectString("zh-TW", "Start time has been adjusted.", "\u5DF2\u8ABF\u6574\u958B\u59CB\u6642\u9593\u3002");
 injectString("ro-RO", "Start time has been adjusted.", "Ora de \xEEncepere a fost modificat\u0103.");
+injectString("ar-SA", "Start time has been adjusted.", "\u062A\u0645 \u062A\u0639\u062F\u064A\u0644 \u0648\u0642\u062A \u0627\u0644\u0628\u062F\u0621.");
+injectString("cs", "End time has been adjusted.", "End time has been adjusted.");
 injectString("da-DK", "End time has been adjusted.", "Sluttidspunktet er blevet justeret.");
+injectString("de", "End time has been adjusted.", "End time has been adjusted.");
 injectString("en", "End time has been adjusted.", "End time has been adjusted.");
+injectString("es", "End time has been adjusted.", "End time has been adjusted.");
 injectString("fi-FI", "End time has been adjusted.", "Loppuaika on s\xE4\xE4detty.");
+injectString("fr", "End time has been adjusted.", "End time has been adjusted.");
+injectString("fr-FR", "End time has been adjusted.", "End time has been adjusted.");
 injectString("hu-HU", "End time has been adjusted.", "A z\xE1r\xF3 id\u0151pontot m\xF3dos\xEDtottuk.");
+injectString("id", "End time has been adjusted.", "End time has been adjusted.");
+injectString("it", "End time has been adjusted.", "End time has been adjusted.");
+injectString("ja", "End time has been adjusted.", "End time has been adjusted.");
 injectString("ko-KR", "End time has been adjusted.", "\uC885\uB8CC \uC2DC\uAC04\uC774 \uC870\uC815\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
+injectString("ms", "End time has been adjusted.", "End time has been adjusted.");
 injectString("nb-NO", "End time has been adjusted.", "Endetiden er justert.");
+injectString("nl", "End time has been adjusted.", "End time has been adjusted.");
+injectString("pl", "End time has been adjusted.", "End time has been adjusted.");
+injectString("pt-BR", "End time has been adjusted.", "End time has been adjusted.");
 injectString("pt-PT", "End time has been adjusted.", "A hora de t\xE9rmino foi ajustada.");
 injectString("sk-SK", "End time has been adjusted.", "\u010Cas ukon\u010Denia bol upraven\xFD.");
+injectString("sv", "End time has been adjusted.", "End time has been adjusted.");
+injectString("th", "End time has been adjusted.", "End time has been adjusted.");
+injectString("tr", "End time has been adjusted.", "End time has been adjusted.");
+injectString("zh-Hans", "End time has been adjusted.", "End time has been adjusted.");
 injectString("zh-TW", "End time has been adjusted.", "\u5DF2\u8ABF\u6574\u7D50\u675F\u6642\u9593\u3002");
 injectString("ro-RO", "End time has been adjusted.", "Ora de \xEEncheiere a fost modificat\u0103.");
+injectString("ar-SA", "End time has been adjusted.", "\u062A\u0645 \u062A\u0639\u062F\u064A\u0644 \u0648\u0642\u062A \u0627\u0644\u0627\u0646\u062A\u0647\u0627\u0621.");
 injectString("cs", "Start date", "Datum za\u010D\xE1tku");
 injectString("da-DK", "Start date", "Startdato");
 injectString("de", "Start date", "Startdatum");
@@ -74,6 +142,7 @@ injectString("tr", "Start date", "Ba\u015Flang\u0131\xE7 tarihi");
 injectString("zh-Hans", "Start date", "\u8D77\u59CB\u65E5\u671F");
 injectString("zh-TW", "Start date", "\u958B\u59CB\u65E5\u671F");
 injectString("ro-RO", "Start date", "Dat\u0103 de \xEEncepere");
+injectString("ar-SA", "Start date", "\u062A\u0627\u0631\u064A\u062E \u0627\u0644\u0628\u062F\u0621");
 injectString("cs", "Pick a date", "Vyberte datum");
 injectString("da-DK", "Pick a date", "V\xE6lg en dato");
 injectString("de", "Pick a date", "Datum ausw\xE4hlen");
@@ -100,6 +169,7 @@ injectString("tr", "Pick a date", "Bir tarih se\xE7in");
 injectString("zh-Hans", "Pick a date", "\u9009\u62E9\u65E5\u671F");
 injectString("zh-TW", "Pick a date", "\u9078\u64C7\u65E5\u671F");
 injectString("ro-RO", "Pick a date", "Alege\u021Bi o dat\u0103");
+injectString("ar-SA", "Pick a date", "\u0627\u062E\u062A\u064A\u0627\u0631 \u062A\u0627\u0631\u064A\u062E");
 injectString("cs", "End date", "Datum konce");
 injectString("da-DK", "End date", "Slutdato");
 injectString("de", "End date", "Enddatum");
@@ -126,6 +196,7 @@ injectString("tr", "End date", "Biti\u015F tarihi");
 injectString("zh-Hans", "End date", "\u7ED3\u675F\u65E5\u671F");
 injectString("zh-TW", "End date", "\u7D50\u675F\u65E5\u671F");
 injectString("ro-RO", "End date", "Dat\u0103 de \xEEncheiere");
+injectString("ar-SA", "End date", "\u062A\u0627\u0631\u064A\u062E \u0627\u0644\u0627\u0646\u062A\u0647\u0627\u0621");
 const react_1 = require("react");
 const calendar_1 = require("../calendar/calendar");
 const dateUtils_1 = require("../calendar/dateUtils");
@@ -516,8 +587,9 @@ const DateInputInner = ({
     });
   }, [value.to, value.from, toLocalDateTime, adjustTime, toReverseOffsetDateTime, disableFutureDates, disablePastDates, disableDatesBefore, disableDatesAfter, dateRangeMode, dateFormatter, onChange, resetEndDateChanges]);
   const getCurrentActiveField = (0, react_1.useCallback)(() => state.currentActiveField, [state.currentActiveField]);
-  // eslint-disable-next-line complexity
+  /* eslint-disable complexity */
   const calendarChangeHandler = (0, react_1.useCallback)((range, currentActiveField) => {
+    /* eslint-enable complexity */
     currentSelectedFieldRef.current = dateRangeMode ? undefined : startInputRef.current || undefined;
     let currentStartDate = range.from && new Date(range.from);
     const startDateToCopyTime = value.from ? toLocalDateTime(value.from) : timePickerValueFromPrev || new Date((0, dateUtils_1.toDayStart)(toLocalDateTime(new Date()).toISOString()));
@@ -566,8 +638,9 @@ const DateInputInner = ({
       payload: e.target.value
     });
   }, []);
-  // eslint-disable-next-line complexity
+  /* eslint-disable complexity */
   const handleOnClick = (0, react_1.useCallback)(e => {
+    /* eslint-enable complexity */
     if (e.target instanceof HTMLElement && e.target.tagName === "INPUT" && e.target.getAttribute("id") === state.startDateId) {
       state.currentActiveField === "end" && dispatchState({
         type: dateInputInnerReducer_1.DateInputInnerStateActionType.ChangeActiveField,
@@ -599,8 +672,9 @@ const DateInputInner = ({
       targetEl = !targetEl || targetEl.parentNode === e.currentTarget ? undefined : targetEl.parentNode;
     }
   }, [state.currentActiveField, state.endDateId, state.startDateId]);
-  // eslint-disable-next-line complexity
+  /* eslint-disable complexity */
   const handleOnKeyDown = (0, react_1.useCallback)(e => {
+    /* eslint-enable complexity */
     if (e.key === "Enter") {
       if (e.target instanceof HTMLElement && e.target.tagName === "INPUT" && e.target.getAttribute("id") === state.startDateId) {
         state.currentActiveField === "start" && startDateChangeHandler(e, true);