@geotab/zenith 3.14.0 → 3.15.0-beta.0

package/esm/chart/plugins/linePlugin/linePlugin.js

@@ -52,9 +52,32 @@ export const LinePlugin = (containerId, options, isDark) => ({
             const y = chart.verticalLine.y;
             const topY = chart.chartArea.top;
             const bottomY = chart.chartArea.bottom;
-            drawLine(ctx, x, topY, bottomY);
             const datasets = chart.data.datasets;
             let lowestValueY = Infinity;
+            const xScale = chart.scales.x;
+            let snappedX = x;
+            let closestDist = Infinity;
+            datasets.forEach((dataset, dsIndex) => {
+                if (!chart.isDatasetVisible(dsIndex)) {
+                    return;
+                }
+                if (chart.getDatasetMeta(dsIndex).type !== "line") {
+                    return;
+                }
+                const dataPoints = dataset.data;
+                for (const point of dataPoints) {
+                    if (point.y === null) {
+                        continue;
+                    }
+                    const px = xScale.getPixelForValue(point.x);
+                    const dist = Math.abs(px - x);
+                    if (dist < closestDist) {
+                        closestDist = dist;
+                        snappedX = px;
+                    }
+                }
+            });
+            drawLine(ctx, snappedX, topY, bottomY);
             const items = datasets
                 .map((dataset, dsIndex) => {
                 if (!chart.isDatasetVisible(dsIndex)) {
@@ -63,8 +86,7 @@ export const LinePlugin = (containerId, options, isDark) => ({
                 if (chart.getDatasetMeta(dsIndex).type !== "line") {
                     return undefined;
                 }
-                const xScale = chart.scales.x;
-                const value = getInterpolatedValue(xScale, chart.data, dsIndex, x);
+                const value = getInterpolatedValue(xScale, chart.data, dsIndex, snappedX);
                 const yAxisID = dataset.yAxisID || "y";
                 const yScale = chart.scales[yAxisID];
                 // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
@@ -92,8 +114,8 @@ export const LinePlugin = (containerId, options, isDark) => ({
                 return;
             }
             const chartRect = chart.canvas.getBoundingClientRect();
-            const top = chartRect.top + (lowestValueY || y);
-            const left = chartRect.left + x;
+            const top = chartRect.top + (lowestValueY !== Infinity ? lowestValueY : y);
+            const left = chartRect.left + snappedX;
             if (zen.document === undefined) {
                 return;
             }
@@ -110,8 +132,8 @@ export const LinePlugin = (containerId, options, isDark) => ({
                 xLabel = scaleLabels[elementIdx];
             }
             else {
-                const xValue = chart.scales.x.getValueForPixel(x);
-                xLabel = xValue ? chart.scales.x.getLabelForValue(xValue) : undefined;
+                const xValue = chart.scales.x.getValueForPixel(snappedX);
+                xLabel = xValue !== undefined ? chart.scales.x.getLabelForValue(xValue) : undefined;
             }
             renderTooltip(containerId, left + scrollLeft, top + scrollTop, "top", items, options === null || options === void 0 ? void 0 : options.title, options && options.subtitle !== undefined ? options.subtitle : xLabel, (options === null || options === void 0 ? void 0 : options.note) || undefined, isDark);
         }

package/esm/chart/utils/convertDates.d.ts

@@ -1,3 +1,3 @@
 import { IBarChartData } from "../barChart/interfaces";
 import { ILineChartData } from "../lineChart/interfaces";
-export declare const convertDates: (data: ILineChartData | IBarChartData, toLocalDateTime: (date: Date | string) => Date) => IBarChartData | ILineChartData;
+export declare const convertDates: (data: ILineChartData | IBarChartData, toLocalDateTime: (date: Date | string) => Date) => typeof data;

package/esm/chart/utils/getNiceAxisRange.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Computes a Y-axis min/max pair that:
+ *  - Fully contains the original [min, max] range.
+ *  - Splits into exactly `tickCount - 1` equal, "nice" (round-number) steps, so an axis
+ *    configured with this min/max and `ticks.count = tickCount` renders exactly `tickCount`
+ *    human-friendly tick values (e.g. 0, 25, 50, 75, 100) instead of arbitrary decimals.
+ *
+ * This is what allows forcing the same `ticks.count` across multiple Y-axes (see
+ * getYAxisTickCount) without sacrificing round-number tick labels: Chart.js's own tick
+ * generator produces evenly-spaced (but not necessarily round) values whenever `ticks.count`
+ * is combined with an explicit `min`/`max`, so the min/max passed in must already be "niced".
+ *
+ * **Precondition:** `min <= max`. An inverted range (`min > max`) produces a negative
+ * `rawStep`, which causes an early return of the original pair unchanged — Chart.js does not
+ * handle inverted axes gracefully. The current call chain enforces this via `normalizeRange`,
+ * so the inverted case is unreachable in practice; direct callers must guarantee it themselves.
+ */
+export declare const getNiceAxisRange: (min: number, max: number, tickCount: number) => {
+    min: number;
+    max: number;
+};

package/esm/chart/utils/getNiceAxisRange.js

@@ -0,0 +1,72 @@
+// Classic "nice numbers" step candidates, used to pick human-friendly tick spacing
+// (e.g. 1, 2, 2.5, 5, 10, 20, 25, 50, 100...) instead of arbitrary decimals. 2.5 is included
+// alongside the more common 1-2-5 sequence because omitting it causes the axis range to
+// overshoot the data significantly more often (e.g. a range of 94 rounds up to a step of 50,
+// i.e. a span of 200, instead of a step of 25, i.e. a span of 100).
+const NICE_STEP_MULTIPLIERS = [1, 2, 2.5, 5];
+/**
+ * Returns a sorted list of "nice" step candidates at or above `minStep`, spanning a few orders
+ * of magnitude so callers can pick the smallest one that satisfies their range requirement.
+ */
+const getNiceStepCandidatesAtLeast = (minStep) => {
+    if (!Number.isFinite(minStep) || minStep <= 0) {
+        return [];
+    }
+    const exponent = Math.floor(Math.log10(minStep));
+    const candidates = [];
+    // Search a window around the raw step's magnitude; one order of magnitude below covers
+    // rounding edge cases (e.g. minStep just above a power of ten), and several above ensure
+    // we can always find a candidate whose range covers the data even for very large steps.
+    for (let e = exponent - 1; e <= exponent + 6; e++) {
+        for (const multiplier of NICE_STEP_MULTIPLIERS) {
+            candidates.push(multiplier * Math.pow(10, e));
+        }
+    }
+    return candidates.filter(candidate => candidate >= minStep * 0.999).sort((a, b) => a - b);
+};
+/**
+ * Rounds `value` to a sensible number of decimal places derived from `step`'s magnitude, to
+ * avoid floating point artifacts like 0.30000000000000004 ending up in tick labels.
+ */
+const roundToStepPrecision = (value, step) => {
+    const decimals = Math.max(0, -Math.floor(Math.log10(step)) + 2);
+    const factor = Math.pow(10, decimals);
+    return Math.round(value * factor) / factor;
+};
+/**
+ * Computes a Y-axis min/max pair that:
+ *  - Fully contains the original [min, max] range.
+ *  - Splits into exactly `tickCount - 1` equal, "nice" (round-number) steps, so an axis
+ *    configured with this min/max and `ticks.count = tickCount` renders exactly `tickCount`
+ *    human-friendly tick values (e.g. 0, 25, 50, 75, 100) instead of arbitrary decimals.
+ *
+ * This is what allows forcing the same `ticks.count` across multiple Y-axes (see
+ * getYAxisTickCount) without sacrificing round-number tick labels: Chart.js's own tick
+ * generator produces evenly-spaced (but not necessarily round) values whenever `ticks.count`
+ * is combined with an explicit `min`/`max`, so the min/max passed in must already be "niced".
+ *
+ * **Precondition:** `min <= max`. An inverted range (`min > max`) produces a negative
+ * `rawStep`, which causes an early return of the original pair unchanged — Chart.js does not
+ * handle inverted axes gracefully. The current call chain enforces this via `normalizeRange`,
+ * so the inverted case is unreachable in practice; direct callers must guarantee it themselves.
+ */
+export const getNiceAxisRange = (min, max, tickCount) => {
+    if (!Number.isFinite(min) || !Number.isFinite(max) || tickCount < 2) {
+        return { min, max };
+    }
+    const safeMax = min === max ? min + 1 : max;
+    const rawStep = (safeMax - min) / (tickCount - 1);
+    if (!(rawStep > 0)) {
+        return { min, max: safeMax };
+    }
+    const candidates = getNiceStepCandidatesAtLeast(rawStep);
+    for (const step of candidates) {
+        const niceMin = Math.floor(min / step) * step;
+        const niceMax = niceMin + step * (tickCount - 1);
+        if (niceMax >= safeMax) {
+            return { min: roundToStepPrecision(niceMin, step), max: roundToStepPrecision(niceMax, step) };
+        }
+    }
+    // Should be unreachable given the generated candidate range, but fall back safely.
+    return { min, max: safeMax };
+};

package/esm/chart/utils/getRange.js

@@ -3,12 +3,12 @@ export const getRange = (data) => {
     const { min, max } = getMinMax(data);
     let range = max - min;
     if (range === 0) {
-        range = min * 0.1;
+        range = Math.abs(min) * 0.1;
     }
     const suggestedMin = min - range * 0.1;
     const suggestedMax = max + range * 0.1;
     return {
-        min: suggestedMin,
+        min: min >= 0 && suggestedMin < 0 ? 0 : suggestedMin,
         max: suggestedMax
     };
 };

package/esm/chart/utils/getYAxisMeta.d.ts

@@ -1,7 +1,4 @@
+import { IYAxisMeta } from "../interfaces";
 import { ILineChartData } from "../lineChart/interfaces";
 import { IBarChartData } from "../barChart/interfaces";
-export declare const getYAxisMeta: (data: ILineChartData | IBarChartData, stacked?: boolean) => {
-    min: number;
-    max: number;
-    name: string;
-}[];
+export declare const getYAxisMeta: (data: ILineChartData | IBarChartData, stacked?: boolean) => IYAxisMeta[];

package/esm/chart/utils/getYAxisMeta.js

@@ -1,6 +1,19 @@
 import { getRange } from "./getRange";
 import { mergeRanges } from "./mergeRanges";
 import { normalizeRange } from "./normalizeRange";
+import { getNiceAxisRange } from "./getNiceAxisRange";
+import { getYAxisTickCount } from "./getYAxisTickCount";
+// When there is more than one Y-axis, snap every axis's min/max to a shared "nice" tick count
+// (see getYAxisTickCount/getNiceAxisRange) so the chart can render the same number of
+// round-number tick increments on each axis, keeping their horizontal grid lines aligned.
+// Single-axis charts are returned unchanged.
+const alignYAxisRanges = (axes) => {
+    const tickCount = getYAxisTickCount(axes.length);
+    if (!tickCount) {
+        return axes;
+    }
+    return axes.map(axis => (Object.assign(Object.assign({}, axis), getNiceAxisRange(axis.min, axis.max, tickCount))));
+};
 export const getYAxisMeta = (data, stacked = false) => {
     if (data.datasets.length === 0) {
         return [
@@ -31,7 +44,7 @@ export const getYAxisMeta = (data, stacked = false) => {
                 valuesByX.set(xKey, existing);
             });
         });
-        return Object.values(axisMap).map(axis => {
+        const stackedResult = Object.values(axisMap).map(axis => {
             const stackedValues = [];
             axis.valuesByX.forEach(value => {
                 // Always include 0 as the baseline for stacked charts
@@ -49,6 +62,7 @@ export const getYAxisMeta = (data, stacked = false) => {
             const normalized = normalizeRange(range);
             return Object.assign({ name: axis.name }, normalized);
         });
+        return alignYAxisRanges(stackedResult);
     }
     const axisMap = data.datasets.reduce((acc, ds) => {
         const name = ds.yAxisID ? ds.yAxisID : "y";
@@ -59,5 +73,6 @@ export const getYAxisMeta = (data, stacked = false) => {
         acc[name] = Object.assign({ name: name }, totalRange);
         return acc;
     }, {});
-    return Object.values(axisMap).map(el => (Object.assign(Object.assign({}, el), normalizeRange(el))));
+    const result = Object.values(axisMap).map(el => (Object.assign(Object.assign({}, el), normalizeRange(el))));
+    return alignYAxisRanges(result);
 };

package/esm/chart/utils/getYAxisTickCount.d.ts

@@ -0,0 +1,15 @@
+/**
+ * When a chart renders more than one Y-axis (e.g. a primary/left axis and a secondary/right
+ * axis), Chart.js computes "nice" tick values independently per axis by default. Because each
+ * axis has its own data range, this frequently produces a different number of tick increments
+ * on each axis, which causes the horizontal grid lines to misalign between axes.
+ *
+ * Forcing every Y-axis to the same explicit `ticks.count` makes Chart.js generate that exact
+ * number of evenly-spaced ticks between each axis's own min/max, so the number of increments
+ * (and therefore the grid line positions) stay consistent across all Y-axes.
+ *
+ * Single-axis charts are left untouched (returns `undefined`, so Chart.js falls back to its
+ * default "nice ticks" behavior) since there is no second axis to align against.
+ */
+export declare const DUAL_YAXIS_TICK_COUNT = 5;
+export declare const getYAxisTickCount: (yAxisCount: number) => number | undefined;

package/esm/chart/utils/getYAxisTickCount.js

@@ -0,0 +1,15 @@
+/**
+ * When a chart renders more than one Y-axis (e.g. a primary/left axis and a secondary/right
+ * axis), Chart.js computes "nice" tick values independently per axis by default. Because each
+ * axis has its own data range, this frequently produces a different number of tick increments
+ * on each axis, which causes the horizontal grid lines to misalign between axes.
+ *
+ * Forcing every Y-axis to the same explicit `ticks.count` makes Chart.js generate that exact
+ * number of evenly-spaced ticks between each axis's own min/max, so the number of increments
+ * (and therefore the grid line positions) stay consistent across all Y-axes.
+ *
+ * Single-axis charts are left untouched (returns `undefined`, so Chart.js falls back to its
+ * default "nice ticks" behavior) since there is no second axis to align against.
+ */
+export const DUAL_YAXIS_TICK_COUNT = 5;
+export const getYAxisTickCount = (yAxisCount) => (yAxisCount > 1 ? DUAL_YAXIS_TICK_COUNT : undefined);

package/esm/checkboxListWithAction/checkboxListWithAction.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./checkboxListWithAction.less";
 import { IZenComponentProps } from "../commonHelpers/zenComponent";
 import { IColor } from "../groupsFilterRaw/groupsFilterInterfaces";

package/esm/checkboxListWithAction/checkboxListWithAction.js

@@ -34,7 +34,13 @@ injectString("tr", "Number of selected child groups - {count}", "Se\xE7ilen alt
 injectString("zh-Hans", "Number of selected child groups - {count}", "\u9009\u4E2D\u7684\u5B50\u7EC4\u6570\u91CF - {count}");
 injectString("zh-TW", "Number of selected child groups - {count}", "\u6240\u9078\u5B50\u7FA4\u7D44\u7684\u6578\u76EE - {count}");
 injectString("ro-RO", "Number of selected child groups - {count}", "Num\u0103r de grupuri derivate selectate \u2013 {count}");
-injectString("ar", "Number of selected child groups - {count}", "\u0639\u062F\u062F \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0627\u062A \u0627\u0644\u0641\u0631\u0639\u064A\u0629 \u0627\u0644\u0645\u062D\u062F\u062F\u0629 - {count}");
+injectString("ar", "Number of selected child groups - {count}", "\u0639\u062F\u062F \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0627\u062A \u0627\u0644\u062A\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u062D\u062F\u062F\u0629 - {count}");
+injectString("lt-LT", "Number of selected child groups - {count}", "Pasirinkt\u0173 pogrupi\u0173 skai\u010Dius - {count}");
+injectString("lv-LV", "Number of selected child groups - {count}", "Atlas\u012Bto apak\u0161grupu skaits - {count}");
+injectString("ka-GE", "Number of selected child groups - {count}", "\u10D0\u10E0\u10E9\u10D4\u10E3\u10DA\u10D8 \u10E5\u10D5\u10D4\u10EF\u10D2\u10E3\u10E4\u10D4\u10D1\u10D8\u10E1 \u10E0\u10D0\u10DD\u10D3\u10D4\u10DC\u10DD\u10D1\u10D0 - {count}");
+injectString("el-GR", "Number of selected child groups - {count}", "\u0391\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2 \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03C9\u03BD \u03C5\u03C0\u03BF\u03BF\u03BC\u03AC\u03B4\u03C9\u03BD - {count}");
+injectString("et-EE", "Number of selected child groups - {count}", "Valitud alamgruppide arv - {count}");
+injectString("bg-BG", "Number of selected child groups - {count}", "\u0411\u0440\u043E\u0439 \u0438\u0437\u0431\u0440\u0430\u043D\u0438 \u043F\u043E\u0434\u0433\u0440\u0443\u043F\u0438 - {count}");
 injectString("cs", "View {groupName} children", "Zobrazit pod\u0159\xEDzen\xE9 pro {groupName}");
 injectString("da-DK", "View {groupName} children", "Se {groupName} b\xF8rn");
 injectString("de", "View {groupName} children", "Untergruppen von {groupName} ansehen");
@@ -61,7 +67,13 @@ injectString("tr", "View {groupName} children", "{groupName} alt \xF6\u011Feleri
 injectString("zh-Hans", "View {groupName} children", "\u67E5\u770B {groupName} \u5B50\u7EC4");
 injectString("zh-TW", "View {groupName} children", "\u6AA2\u8996\u300C{groupName}\u300D\u5B50\u7FA4\u7D44");
 injectString("ro-RO", "View {groupName} children", "Vede\u021Bi derivatele {groupName}");
-injectString("ar", "View {groupName} children", "\u0639\u0631\u0636 \u0639\u0646\u0627\u0635\u0631 {groupName} \u0627\u0644\u0641\u0631\u0639\u064A\u0629");
+injectString("ar", "View {groupName} children", "\u0639\u0631\u0636 \u062A\u0648\u0627\u0628\u0639 {groupName}");
+injectString("lt-LT", "View {groupName} children", "Per\u017Ei\u016Br\u0117ti {groupName} pogrupius");
+injectString("lv-LV", "View {groupName} children", "Skat\u012Bt {groupName} apak\u0161grupas");
+injectString("ka-GE", "View {groupName} children", "{groupName} \u10E5\u10D5\u10D4\u10EF\u10D2\u10E3\u10E4\u10D4\u10D1\u10D8\u10E1 \u10DC\u10D0\u10EE\u10D5\u10D0");
+injectString("el-GR", "View {groupName} children", "\u03A0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AE \u03C5\u03C0\u03BF\u03BF\u03BC\u03AC\u03B4\u03C9\u03BD {groupName}");
+injectString("et-EE", "View {groupName} children", "Vaata {groupName} alamgruppe");
+injectString("bg-BG", "View {groupName} children", "\u041F\u0440\u0435\u0433\u043B\u0435\u0434 \u043D\u0430 \u043F\u043E\u0434\u0433\u0440\u0443\u043F\u0438 \u043D\u0430 {groupName}");
 injectString("cs", "Toggle {groupName} filter", "P\u0159epnout filtr pro {groupName}");
 injectString("da-DK", "Toggle {groupName} filter", "Sl\xE5 {groupName} filter til og fra");
 injectString("de", "Toggle {groupName} filter", "Filter f\xFCr {groupName} ein-/ausschalten");
@@ -88,34 +100,46 @@ injectString("tr", "Toggle {groupName} filter", "{groupName} filtresini de\u011F
 injectString("zh-Hans", "Toggle {groupName} filter", "\u5207\u6362 {groupName} \u7B5B\u9009\u5668");
 injectString("zh-TW", "Toggle {groupName} filter", "\u5207\u63DB\u300C{groupName}\u300D\u7BE9\u9078\u689D\u4EF6");
 injectString("ro-RO", "Toggle {groupName} filter", "Activa\u021Bi filtrul {groupName}");
-injectString("ar", "Toggle {groupName} filter", "\u062A\u0628\u062F\u064A\u0644 \u062A\u0635\u0641\u064A\u0629 {groupName}");
+injectString("ar", "Toggle {groupName} filter", "\u062A\u0628\u062F\u064A\u0644 \u0639\u0627\u0645\u0644 \u062A\u0635\u0641\u064A\u0629 {groupName}");
+injectString("lt-LT", "Toggle {groupName} filter", "\u012Ejungti / i\u0161jungti {groupName} filtr\u0105");
+injectString("lv-LV", "Toggle {groupName} filter", "Iesl\u0113gt/izsl\u0113gt {groupName} filtru");
+injectString("ka-GE", "Toggle {groupName} filter", "{groupName} \u10E4\u10D8\u10DA\u10E2\u10E0\u10D8\u10E1 \u10D2\u10D0\u10D3\u10D0\u10E0\u10D7\u10D5\u10D0");
+injectString("el-GR", "Toggle {groupName} filter", "\u0395\u03BD\u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C6\u03AF\u03BB\u03C4\u03C1\u03BF\u03C5 {groupName}");
+injectString("et-EE", "Toggle {groupName} filter", "L\xFClita {groupName} filter");
+injectString("bg-BG", "Toggle {groupName} filter", "\u041F\u0440\u0435\u0432\u043A\u043B\u044E\u0447\u0432\u0430\u043D\u0435 \u043D\u0430 \u0444\u0438\u043B\u0442\u044A\u0440\u0430 \u0437\u0430 {groupName}");
 injectString("cs", "Has additional actions. Use right arrow to access button, left arrow to return.", "Has additional actions. Use right arrow to access button, left arrow to return.");
-injectString("da-DK", "Has additional actions. Use right arrow to access button, left arrow to return.", "Has additional actions. Use right arrow to access button, left arrow to return.");
+injectString("da-DK", "Has additional actions. Use right arrow to access button, left arrow to return.", "Har yderligere handlinger. Brug h\xF8jre pil for at \xE5bne knappen, venstre pil for at vende tilbage.");
 injectString("de", "Has additional actions. Use right arrow to access button, left arrow to return.", "Has additional actions. Use right arrow to access button, left arrow to return.");
 injectString("en", "Has additional actions. Use right arrow to access button, left arrow to return.", "Has additional actions. Use right arrow to access button, left arrow to return.");
 injectString("es", "Has additional actions. Use right arrow to access button, left arrow to return.", "Has additional actions. Use right arrow to access button, left arrow to return.");
-injectString("fi-FI", "Has additional actions. Use right arrow to access button, left arrow to return.", "Has additional actions. Use right arrow to access button, left arrow to return.");
+injectString("fi-FI", "Has additional actions. Use right arrow to access button, left arrow to return.", "Sis\xE4lt\xE4\xE4 lis\xE4toimintoja. Siirry painikkeeseen oikealla nuolella, palaa vasemmalla nuolella.");
 injectString("fr", "Has additional actions. Use right arrow to access button, left arrow to return.", "Has additional actions. Use right arrow to access button, left arrow to return.");
 injectString("fr-FR", "Has additional actions. Use right arrow to access button, left arrow to return.", "Has additional actions. Use right arrow to access button, left arrow to return.");
-injectString("hu-HU", "Has additional actions. Use right arrow to access button, left arrow to return.", "Has additional actions. Use right arrow to access button, left arrow to return.");
+injectString("hu-HU", "Has additional actions. Use right arrow to access button, left arrow to return.", "Tov\xE1bbi m\u0171veletek \xE9rhet\u0151k el. A gomb el\xE9r\xE9s\xE9hez haszn\xE1lja a jobb nyilat, a visszat\xE9r\xE9shez a bal nyilat.");
 injectString("id", "Has additional actions. Use right arrow to access button, left arrow to return.", "Has additional actions. Use right arrow to access button, left arrow to return.");
 injectString("it", "Has additional actions. Use right arrow to access button, left arrow to return.", "Has additional actions. Use right arrow to access button, left arrow to return.");
 injectString("ja", "Has additional actions. Use right arrow to access button, left arrow to return.", "Has additional actions. Use right arrow to access button, left arrow to return.");
 injectString("ko-KR", "Has additional actions. Use right arrow to access button, left arrow to return.", "Has additional actions. Use right arrow to access button, left arrow to return.");
-injectString("ms", "Has additional actions. Use right arrow to access button, left arrow to return.", "Has additional actions. Use right arrow to access button, left arrow to return.");
-injectString("nb-NO", "Has additional actions. Use right arrow to access button, left arrow to return.", "Has additional actions. Use right arrow to access button, left arrow to return.");
-injectString("nl", "Has additional actions. Use right arrow to access button, left arrow to return.", "Has additional actions. Use right arrow to access button, left arrow to return.");
+injectString("ms", "Has additional actions. Use right arrow to access button, left arrow to return.", "Mempunyai tindakan tambahan. Gunakan anak panah kanan untuk mengakses butang, anak panah kiri untuk kembali.");
+injectString("nb-NO", "Has additional actions. Use right arrow to access button, left arrow to return.", "Har flere handlinger. Bruk h\xF8yre pil for \xE5 \xE5pne knappen, venstre pil for \xE5 g\xE5 tilbake.");
+injectString("nl", "Has additional actions. Use right arrow to access button, left arrow to return.", "Heeft aanvullende acties. Gebruik de rechter pijltoets om de knop te openen, de linker pijltoets om terug te keren.");
 injectString("pl", "Has additional actions. Use right arrow to access button, left arrow to return.", "Has additional actions. Use right arrow to access button, left arrow to return.");
-injectString("pt-BR", "Has additional actions. Use right arrow to access button, left arrow to return.", "Has additional actions. Use right arrow to access button, left arrow to return.");
+injectString("pt-BR", "Has additional actions. Use right arrow to access button, left arrow to return.", "Tem a\xE7\xF5es adicionais. Use a seta direita para acessar o bot\xE3o, a seta esquerda para retornar.");
 injectString("pt-PT", "Has additional actions. Use right arrow to access button, left arrow to return.", "Has additional actions. Use right arrow to access button, left arrow to return.");
-injectString("sk-SK", "Has additional actions. Use right arrow to access button, left arrow to return.", "Has additional actions. Use right arrow to access button, left arrow to return.");
-injectString("sv", "Has additional actions. Use right arrow to access button, left arrow to return.", "Has additional actions. Use right arrow to access button, left arrow to return.");
+injectString("sk-SK", "Has additional actions. Use right arrow to access button, left arrow to return.", "M\xE1 \u010Fal\u0161ie akcie. Na pr\xEDstup k tla\u010Didlu pou\u017Eite \u0161\xEDpku vpravo, na n\xE1vrat \u0161\xEDpku v\u013Eavo.");
+injectString("sv", "Has additional actions. Use right arrow to access button, left arrow to return.", "Har ytterligare \xE5tg\xE4rder. Anv\xE4nd h\xF6ger piltangent f\xF6r att \xF6ppna knappen, v\xE4nster piltangent f\xF6r att \xE5terg\xE5.");
 injectString("th", "Has additional actions. Use right arrow to access button, left arrow to return.", "Has additional actions. Use right arrow to access button, left arrow to return.");
 injectString("tr", "Has additional actions. Use right arrow to access button, left arrow to return.", "Has additional actions. Use right arrow to access button, left arrow to return.");
 injectString("zh-Hans", "Has additional actions. Use right arrow to access button, left arrow to return.", "Has additional actions. Use right arrow to access button, left arrow to return.");
 injectString("zh-TW", "Has additional actions. Use right arrow to access button, left arrow to return.", "Has additional actions. Use right arrow to access button, left arrow to return.");
 injectString("ro-RO", "Has additional actions. Use right arrow to access button, left arrow to return.", "Has additional actions. Use right arrow to access button, left arrow to return.");
 injectString("ar", "Has additional actions. Use right arrow to access button, left arrow to return.", "\u064A\u062D\u062A\u0648\u064A \u0639\u0644\u0649 \u0625\u062C\u0631\u0627\u0621\u0627\u062A \u0625\u0636\u0627\u0641\u064A\u0629. \u0627\u0633\u062A\u062E\u062F\u0645 \u0627\u0644\u0633\u0647\u0645 \u0627\u0644\u0623\u064A\u0645\u0646 \u0644\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0632\u0631\u060C \u0648\u0627\u0644\u0633\u0647\u0645 \u0627\u0644\u0623\u064A\u0633\u0631 \u0644\u0644\u0639\u0648\u062F\u0629.");
+injectString("lt-LT", "Has additional actions. Use right arrow to access button, left arrow to return.", "Yra papildom\u0173 veiksm\u0173. De\u0161iniojo rodykl\u0117s klavi\u0161o paspauskite mygtuk\u0105, kairiojo - gr\u012F\u017Ekite.");
+injectString("lv-LV", "Has additional actions. Use right arrow to access button, left arrow to return.", "Ir papildu darb\u012Bbas. Lab\u0101 bulti\u0146a - piek\u013C\u016Bt pogai, kreis\u0101 bulti\u0146a - atgriezties.");
+injectString("ka-GE", "Has additional actions. Use right arrow to access button, left arrow to return.", "\u10D3\u10D0\u10DB\u10D0\u10E2\u10D4\u10D1\u10D8\u10D7\u10D8 \u10DB\u10DD\u10E5\u10DB\u10D4\u10D3\u10D4\u10D1\u10D4\u10D1\u10D8 \u10D0\u10E0\u10E1\u10D4\u10D1\u10DD\u10D1\u10E1. \u10DB\u10D0\u10E0\u10EF\u10D5\u10D4\u10DC\u10D0 \u10D8\u10E1\u10E0\u10D8\u10D7 \u10EC\u10D5\u10D3\u10DD\u10DB\u10D8\u10E1\u10D7\u10D5\u10D8\u10E1, \u10DB\u10D0\u10E0\u10EA\u10EE\u10D4\u10DC\u10D8\u10D7 \u10D3\u10D0\u10E1\u10D0\u10D1\u10E0\u10E3\u10DC\u10D4\u10D1\u10DA\u10D0\u10D3.");
+injectString("el-GR", "Has additional actions. Use right arrow to access button, left arrow to return.", "\u03A5\u03C0\u03AC\u03C1\u03C7\u03BF\u03C5\u03BD \u03C0\u03C1\u03CC\u03C3\u03B8\u03B5\u03C4\u03B5\u03C2 \u03B5\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2. \u0394\u03B5\u03BE\u03AF \u03B2\u03AD\u03BB\u03BF\u03C2 \u03B3\u03B9\u03B1 \u03C0\u03C1\u03CC\u03C3\u03B2\u03B1\u03C3\u03B7, \u03B1\u03C1\u03B9\u03C3\u03C4\u03B5\u03C1\u03CC \u03B2\u03AD\u03BB\u03BF\u03C2 \u03B3\u03B9\u03B1 \u03B5\u03C0\u03B9\u03C3\u03C4\u03C1\u03BF\u03C6\u03AE.");
+injectString("et-EE", "Has additional actions. Use right arrow to access button, left arrow to return.", "Sisaldab lisatoiminguid. Nupu avamiseks kasutage paremnoolt, tagasi p\xF6\xF6rdumiseks vasaknoolt.");
+injectString("bg-BG", "Has additional actions. Use right arrow to access button, left arrow to return.", "\u0418\u043C\u0430 \u0434\u043E\u043F\u044A\u043B\u043D\u0438\u0442\u0435\u043B\u043D\u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F. \u0414\u0435\u0441\u0435\u043D \u0441\u0442\u0440\u0435\u043B\u0435\u0446 \u0437\u0430 \u0434\u043E\u0441\u0442\u044A\u043F, \u043B\u044F\u0432 \u0441\u0442\u0440\u0435\u043B\u0435\u0446 \u0437\u0430 \u0432\u0440\u044A\u0449\u0430\u043D\u0435.");
 export const CheckboxListWithAction = ({
   label,
   options,

package/esm/chip/chip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./chip.less";
 import { IZenComponentProps } from "./../commonHelpers/zenComponent";
 import { IIcon } from "../icons/icon";

package/esm/chip/chip.js

@@ -39,6 +39,12 @@ 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", "Clear selection", "\u0645\u0633\u062D \u0627\u0644\u062A\u062D\u062F\u064A\u062F");
+injectString("lt-LT", "Clear selection", "I\u0161valyti pasirinkim\u0105");
+injectString("lv-LV", "Clear selection", "Not\u012Br\u012Bt atlasi");
+injectString("ka-GE", "Clear selection", "\u10DB\u10DD\u10DC\u10D8\u10E8\u10D5\u10DC\u10D8\u10E1 \u10D2\u10D0\u10E1\u10E3\u10E4\u10D7\u10D0\u10D5\u10D4\u10D1\u10D0");
+injectString("el-GR", "Clear selection", "\u0395\u03BA\u03BA\u03B1\u03B8\u03AC\u03C1\u03B9\u03C3\u03B7 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE\u03C2");
+injectString("et-EE", "Clear selection", "T\xFChjenda valik");
+injectString("bg-BG", "Clear selection", "\u0418\u0437\u0447\u0438\u0441\u0442\u0432\u0430\u043D\u0435 \u043D\u0430 \u0438\u0437\u0431\u043E\u0440\u0430");
 function isChipTrigger(props) {
   return "triggerRef" in props;
 }

package/esm/chip/utils/useChip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ITriggerModeProps {
     triggerRef: React.Ref<HTMLElement>;
     children: React.ReactNode;

package/esm/columnsSelector/columnsSelector.js

@@ -38,7 +38,13 @@ injectString("tr", "Column Settings", "S\xFCtun Ayarlar\u0131");
 injectString("zh-Hans", "Column Settings", "\u5217\u8BBE\u7F6E");
 injectString("zh-TW", "Column Settings", "\u6B04\u8A2D\u5B9A");
 injectString("ro-RO", "Column Settings", "Set\u0103ri coloane");
-injectString("ar", "Column Settings", "\u0625\u0639\u062F\u0627\u062F\u0627\u062A \u0627\u0644\u0623\u0639\u0645\u062F\u0629");
+injectString("ar", "Column Settings", "\u0625\u0639\u062F\u0627\u062F\u0627\u062A \u0627\u0644\u0639\u0645\u0648\u062F");
+injectString("lt-LT", "Column Settings", "Stulpelio nustatymai");
+injectString("lv-LV", "Column Settings", "Kolonnas iestat\u012Bjumi");
+injectString("ka-GE", "Column Settings", "\u10E1\u10D5\u10D4\u10E2\u10D8\u10E1 \u10DE\u10D0\u10E0\u10D0\u10DB\u10D4\u10E2\u10E0\u10D4\u10D1\u10D8");
+injectString("el-GR", "Column Settings", "\u03A1\u03C5\u03B8\u03BC\u03AF\u03C3\u03B5\u03B9\u03C2 \u03C3\u03C4\u03AE\u03BB\u03B7\u03C2");
+injectString("et-EE", "Column Settings", "Veeru seaded");
+injectString("bg-BG", "Column Settings", "\u041D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438 \u043D\u0430 \u043A\u043E\u043B\u043E\u043D\u0438\u0442\u0435");
 injectString("cs", "Reset to default", "Obnovit v\xFDchoz\xED");
 injectString("da-DK", "Reset to default", "Nulstil til standard");
 injectString("de", "Reset to default", "Auf Standard zur\xFCcksetzen");
@@ -66,6 +72,12 @@ injectString("zh-Hans", "Reset to default", "\u91CD\u7F6E\u4E3A\u9ED8\u8BA4\u503
 injectString("zh-TW", "Reset to default", "\u91CD\u8A2D\u70BA\u9810\u8A2D\u503C");
 injectString("ro-RO", "Reset to default", "Reseta\u021Bi la implicit");
 injectString("ar", "Reset to default", "\u0625\u0639\u0627\u062F\u0629 \u0627\u0644\u062A\u0639\u064A\u064A\u0646 \u0625\u0644\u0649 \u0627\u0644\u0627\u0641\u062A\u0631\u0627\u0636\u064A");
+injectString("lt-LT", "Reset to default", "Atkurti numatyt\u0105j\u0105 reik\u0161m\u0119");
+injectString("lv-LV", "Reset to default", "Atjaunot noklus\u0113jumu");
+injectString("ka-GE", "Reset to default", "\u10DC\u10D0\u10D2\u10E3\u10DA\u10D8\u10E1\u10EE\u10DB\u10D4\u10D5\u10D6\u10D4 \u10D2\u10D0\u10D3\u10D0\u10E7\u10D4\u10DC\u10D4\u10D1\u10D0");
+injectString("el-GR", "Reset to default", "\u0395\u03C0\u03B1\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC \u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE\u03C2");
+injectString("et-EE", "Reset to default", "L\xE4htesta vaikev\xE4\xE4rtusele");
+injectString("bg-BG", "Reset to default", "\u041D\u0443\u043B\u0438\u0440\u0430\u043D\u0435 \u043F\u043E \u043F\u043E\u0434\u0440\u0430\u0437\u0431\u0438\u0440\u0430\u043D\u0435");
 export const ColumnsSelector = ({
   id,
   columns = [],

package/esm/columnsSelector/columnsTab/columnsTab.js

@@ -30,6 +30,12 @@ injectString("zh-Hans", "Columns", "\u5217");
 injectString("zh-TW", "Columns", "\u6B04");
 injectString("ro-RO", "Columns", "Coloane");
 injectString("ar", "Columns", "\u0627\u0644\u0623\u0639\u0645\u062F\u0629");
+injectString("lt-LT", "Columns", "Stulpeliai");
+injectString("lv-LV", "Columns", "Kolonnas");
+injectString("ka-GE", "Columns", "\u10E1\u10D5\u10D4\u10E2\u10D4\u10D1\u10D8");
+injectString("el-GR", "Columns", "\u03A3\u03C4\u03AE\u03BB\u03B5\u03C2");
+injectString("et-EE", "Columns", "Veerud");
+injectString("bg-BG", "Columns", "\u041A\u043E\u043B\u043E\u043D\u0438");
 export const ColumnsTab = ({
   columns,
   onColumnToggle,

package/esm/columnsSelector/columnsTabGroup/columnsTabGroup.js

@@ -31,6 +31,12 @@ injectString("zh-Hans", "Additional Properties", "\u5176\u4ED6\u5C5E\u6027");
 injectString("zh-TW", "Additional Properties", "\u5176\u4ED6\u5C6C\u6027");
 injectString("ro-RO", "Additional Properties", "Propriet\u0103\u021Bi suplimentare");
 injectString("ar", "Additional Properties", "\u062E\u0635\u0627\u0626\u0635 \u0625\u0636\u0627\u0641\u064A\u0629");
+injectString("lt-LT", "Additional Properties", "Papildomos savyb\u0117s");
+injectString("lv-LV", "Additional Properties", "Papildu rekviz\u012Bti");
+injectString("ka-GE", "Additional Properties", "\u10D3\u10D0\u10DB\u10D0\u10E2\u10D4\u10D1\u10D8\u10D7\u10D8 \u10D7\u10D5\u10D8\u10E1\u10D4\u10D1\u10D4\u10D1\u10D8");
+injectString("el-GR", "Additional Properties", "\u03A0\u03C1\u03CC\u03C3\u03B8\u03B5\u03C4\u03B5\u03C2 \u03B9\u03B4\u03B9\u03CC\u03C4\u03B7\u03C4\u03B5\u03C2");
+injectString("et-EE", "Additional Properties", "Lisaomadused");
+injectString("bg-BG", "Additional Properties", "\u0414\u043E\u043F\u044A\u043B\u043D\u0438\u0442\u0435\u043B\u043D\u0438 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u0430");
 export const ColumnsTabGroup = ({
   columns,
   onColumnToggle

package/esm/commonHelpers/HOC/reducerLogger/reducerLogger.d.ts

@@ -1 +1 @@
-export declare const reducerLogger: <S, A extends IAction<string, unknown>>(reducer: React.Reducer<S, A>, onBeforeAction?: (state: S, action: A) => void, onAfterAction?: (state: S, action: A) => void) => (state: S, action: A) => S;
+export declare const reducerLogger: <S, A extends IAction<string>>(reducer: React.Reducer<S, A>, onBeforeAction?: (state: S, action: A) => void, onAfterAction?: (state: S, action: A) => void) => (state: S, action: A) => S;

package/esm/commonHelpers/arrowNavigation/components/arrowButton/arrowButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TArrowsNavValue } from "../../arrowNavigationHelper";
 import "./arrowButton.less";
 export interface IArrowNavButton {

package/esm/commonHelpers/arrowNavigation/hooks/useHoldOnScroll.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const useHoldOnScroll: <E extends HTMLElement>() => {
     isScrollable: boolean;
     scrollableElementRef: import("react").RefObject<E | null>;

package/esm/commonHelpers/hooks/breakpoints.d.ts

@@ -0,0 +1,4 @@
+export declare const Breakpoints: {
+    readonly MobileMaxWidth: 640;
+    readonly TabletMaxWidth: 1024;
+};

package/esm/commonHelpers/hooks/breakpoints.js

@@ -0,0 +1,4 @@
+export const Breakpoints = {
+    MobileMaxWidth: 640,
+    TabletMaxWidth: 1024
+};

package/esm/commonHelpers/hooks/fetch.reducer.d.ts

@@ -6,5 +6,5 @@ export interface IFetchReducer<T> extends Reducer<IFetchState<T>, TFetchAction<T
 export declare function fetchReducer<T>(state: IFetchState<T>, action: TFetchAction<T>): {
     isLoading: boolean;
     data?: T | undefined;
-    error?: Error | undefined;
+    error?: Error;
 };

package/esm/commonHelpers/hooks/useDebouncedMemo.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function useDebouncedMemo<T>(factory: () => T, deps: React.DependencyList, delay: number): T;

package/esm/commonHelpers/hooks/useDeviceType.js

@@ -2,13 +2,13 @@ import { useContext, useMemo, useState } from "react";
 import { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
 import { useResize } from "./useResize";
 import { DeviceType } from "./deviceType";
+import { Breakpoints } from "./breakpoints";
 import { topWindowContext } from "../../utils/topWindow/topWindowContext";
 import { getParentWindow } from "../../utils/getParentWindow";
 import { zen } from "../../utils/zen";
 import { SSRContext } from "./ssrProvider";
-const MobileMaxWidth = 640;
 export const getDeviceType = (width) => {
-    if (width > MobileMaxWidth) {
+    if (width > Breakpoints.MobileMaxWidth) {
         return DeviceType.Desktop;
     }
     return DeviceType.Mobile;

package/esm/commonHelpers/hooks/useEscape.d.ts

@@ -1,2 +1,2 @@
 import { RefObject } from "react";
-export declare const useEscape: (containerRef: RefObject<HTMLElement | null>, callback: (e) => void, subscriptionTrigger: unknown, condition?: (t: unknown) => boolean) => void;
+export declare const useEscape: (containerRef: RefObject<HTMLElement | null>, callback: (e: any) => void, subscriptionTrigger: unknown, condition?: (t: unknown) => boolean) => void;

package/esm/commonHelpers/hooks/useGridSize.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { DeviceType } from "./deviceType";
 export declare const useGridSize: () => readonly [import("react").RefObject<HTMLDivElement | null>, boolean, DeviceType | null];

package/esm/commonHelpers/hooks/useMobileOrTablet.d.ts

@@ -0,0 +1 @@
+export declare const useMobileOrTablet: () => boolean;

package/esm/commonHelpers/hooks/useMobileOrTablet.js

@@ -0,0 +1,17 @@
+import { useCallback, useContext, useMemo, useState } from "react";
+import { topWindowContext } from "../../utils/topWindow/topWindowContext";
+import { getParentWindow } from "../../utils/getParentWindow";
+import { useResize } from "./useResize";
+import { zen } from "../../utils/zen";
+import { Breakpoints } from "./breakpoints";
+const isMobileOrTabletUtil = (width) => width <= Breakpoints.TabletMaxWidth;
+export const useMobileOrTablet = () => {
+    const { topWindow } = useContext(topWindowContext);
+    const win = useMemo(() => topWindow || getParentWindow(zen), [topWindow]);
+    const [value, setValue] = useState(isMobileOrTabletUtil(win.innerWidth));
+    const onResize = useCallback(() => {
+        setValue(isMobileOrTabletUtil(win.innerWidth));
+    }, [win]);
+    useResize(onResize, true);
+    return value;
+};

package/esm/commonHelpers/hooks/usePillSize.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IPill } from "../../pill/interfaces/pill.interface";
 import { IPillNonActionable } from "../../pill/interfaces/pillNonActionable.interface";
 interface IPillSize extends Pick<IPill, "size">, Pick<IPillNonActionable, "onClose"> {

package/esm/commonHelpers/hooks/useTablet.js

@@ -0,0 +1,17 @@
+import { useCallback, useContext, useMemo, useState } from "react";
+import { topWindowContext } from "../../utils/topWindow/topWindowContext";
+import { getParentWindow } from "../../utils/getParentWindow";
+import { useResize } from "./useResize";
+import { zen } from "../../utils/zen";
+import { Breakpoints } from "./breakpoints";
+const isTabletUtil = (width) => width > Breakpoints.MobileMaxWidth && width <= Breakpoints.TabletMaxWidth;
+export const useTablet = () => {
+    const { topWindow } = useContext(topWindowContext);
+    const win = useMemo(() => topWindow || getParentWindow(zen), [topWindow]);
+    const [isTablet, setIsTablet] = useState(isTabletUtil(win.innerWidth));
+    const onResize = useCallback(() => {
+        setIsTablet(isTabletUtil(win.innerWidth));
+    }, [win]);
+    useResize(onResize, true);
+    return isTablet;
+};

package/esm/dataFeed/dataFeed.d.ts

@@ -30,7 +30,7 @@ export interface IDataFeed<T, N = T> extends IDataGrid<T, N> {
 }
 export declare const EmptyList: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export declare const Footer: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-declare const DataFeedInner: <T extends IRowEntity<N>, N extends IEntityWithId>({ entities, columns, feedWrappers, className, expanded, options, description, children, actions, actionsAsync, primaryActions, itemsPerPage, rowClassName, expandedRows, onExpandedChange, activePage, onClick }: IDataFeed<T, N>, ref: ForwardedRef<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
+declare const DataFeedInner: <T extends IRowEntity<N>, N extends IEntityWithId>({ entities, columns, feedWrappers, className, expanded, options, description, children, actions, actionsAsync, primaryActions, itemsPerPage, rowClassName, expandedRows, onExpandedChange, activePage, onClick, isLoading }: IDataFeed<T, N>, ref: ForwardedRef<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
 export interface IDataFeedStaticProps {
     EmptyList: typeof EmptyList;
     Footer: typeof Footer;