@geotab/zenith 1.26.2 → 1.26.4-beta.0

package/dist/layout/layoutFullScreenElementProvider.js

@@ -14,4 +14,3 @@ const useLayoutFullScreenElement = () => {
 exports.useLayoutFullScreenElement = useLayoutFullScreenElement;
 const LayoutFullScreenElementProvider = ({ elementId, setFullScreenElement, children }) => (0, jsx_runtime_1.jsx)(exports.layoutFullScreenElementContext.Provider, { value: { elementId: elementId, setFullScreenElement: setFullScreenElement }, children: children });
 exports.LayoutFullScreenElementProvider = LayoutFullScreenElementProvider;
-//# sourceMappingURL=layoutFullScreenElementProvider.js.map

package/dist/layout/layoutFullScreenProvider.js

@@ -15,4 +15,3 @@ const useLayoutFullScreen = () => {
 exports.useLayoutFullScreen = useLayoutFullScreen;
 const LayoutFullScreenProvider = ({ isFullScreen = () => false, setFullScreenElement = () => { }, fullScreenElement = undefined, children }) => (0, jsx_runtime_1.jsx)(exports.layoutFullScreenContext.Provider, { value: { isFullScreen: isFullScreen, setFullScreenElement: setFullScreenElement, fullScreenElement: fullScreenElement }, children: children });
 exports.LayoutFullScreenProvider = LayoutFullScreenProvider;
-//# sourceMappingURL=layoutFullScreenProvider.js.map

package/dist/layout/layoutHeader.js

@@ -5,4 +5,3 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const LayoutHeader = ({ className = "", children, isSticky = true }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-layout__header", isSticky ? "zen-layout__header--sticky" : "", className]), children: children }));
 exports.LayoutHeader = LayoutHeader;
-//# sourceMappingURL=layoutHeader.js.map

package/dist/layout/layoutSizeProvider.js

@@ -11,4 +11,3 @@ const useLayoutSize = () => {
 exports.useLayoutSize = useLayoutSize;
 const LayoutSizeProvider = ({ contentHeight, isSetHeight, outerContentHeight, children }) => ((0, jsx_runtime_1.jsx)(exports.layoutSizeContext.Provider, { value: { contentHeight: contentHeight, outerContentHeight: outerContentHeight, isSetHeight: isSetHeight }, children: children }));
 exports.LayoutSizeProvider = LayoutSizeProvider;
-//# sourceMappingURL=layoutSizeProvider.js.map

package/dist/layout/layoutSummaryTiles.js

@@ -18,4 +18,3 @@ exports.LayoutSummaryTiles = (0, react_1.forwardRef)(function LayoutSummaryTiles
     const isEachChildrenSummaryTile = childrenArray.every((child) => (0, headerHelpers_1.isNamedChildComponent)(child, summaryTile_1.SummaryTileDisplayName));
     return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, classNames_1.classNames)(["zen-layout__summary-tiles", !isEachChildrenSummaryTile ? "zen-layout__summary-tiles--custom" : "", className]), children: childrenArray.length && isEachChildrenSummaryTile ? (0, jsx_runtime_1.jsx)(summaryTileBar_1.SummaryTileBar, { children: childrenArray }) : children }));
 });
-//# sourceMappingURL=layoutSummaryTiles.js.map

package/dist/lineChart/lineChart.js

@@ -1,4 +1,15 @@
 "use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LineChart = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -62,7 +73,8 @@ const getDefaultOptions = (fontSize) => {
 /**
  * @deprecated - will be removed in the next releases.
  */
-const LineChart = ({ data, options = {}, plugins, className, ...rest }) => {
+const LineChart = (_a) => {
+    var { data, options = {}, plugins, className } = _a, rest = __rest(_a, ["data", "options", "plugins", "className"]);
     const isDrive = (0, useDrive_1.useDrive)();
     const isMobile = (0, useMobile_1.useMobile)();
     const memoizedFontSize = (0, react_1.useMemo)(() => isDrive ? (isMobile ? 14 : 16) : 12, [isDrive, isMobile]);
@@ -74,12 +86,11 @@ const LineChart = ({ data, options = {}, plugins, className, ...rest }) => {
         };
         auto_1.Chart.defaults.color = dark ? "#FFFFFF" : "#1F2833";
     }, [memoizedFontSize, dark]);
-    const adaptedData = { ...data };
+    const adaptedData = Object.assign({}, data);
     const memoizedDefaultOptions = (0, react_1.useMemo)(() => getDefaultOptions(memoizedFontSize), [memoizedFontSize]);
     const adaptedOptions = (0, utils_1.deepMerge)(memoizedDefaultOptions, options);
     adaptedData.datasets = adaptedData.datasets.map((ds, i) => (0, utils_2.getDefaultDatasetStyle)(ds, i));
-    const memoizedPlagins = (0, react_1.useMemo)(() => plugins?.map(el => (el.id === htmlLegend_1.LEGEND_PLUGIN_ID ? { ...el, isDrive: isDrive } : el)), [isDrive, plugins]);
-    return (0, jsx_runtime_1.jsx)(typedCharts_1.Line, { options: adaptedOptions, data: adaptedData, plugins: memoizedPlagins, className: className, ...rest });
+    const memoizedPlagins = (0, react_1.useMemo)(() => plugins === null || plugins === void 0 ? void 0 : plugins.map(el => (el.id === htmlLegend_1.LEGEND_PLUGIN_ID ? Object.assign(Object.assign({}, el), { isDrive: isDrive }) : el)), [isDrive, plugins]);
+    return (0, jsx_runtime_1.jsx)(typedCharts_1.Line, Object.assign({ options: adaptedOptions, data: adaptedData, plugins: memoizedPlagins, className: className }, rest));
 };
 exports.LineChart = LineChart;
-//# sourceMappingURL=lineChart.js.map

package/dist/lineChart/plugins/htmlLegend.js

@@ -1,21 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.htmlLegendPlugin = exports.LEGEND_PLUGIN_ID = void 0;
-require("./htmlLegend.less");
 const getOrCreateLegendList = (id, isDrive) => {
     const legendContainer = document.getElementById(id);
-    let listContainer = legendContainer?.querySelector("ul");
+    let listContainer = legendContainer === null || legendContainer === void 0 ? void 0 : legendContainer.querySelector("ul");
     if (!listContainer) {
         listContainer = document.createElement("ul");
         listContainer.classList.add("zen-legend-list", "zen-legend-list--flexible");
         isDrive ? listContainer.classList.add("zen-legend-list--drive") : listContainer.classList.remove("zen-legend-list--drive");
-        legendContainer?.appendChild(listContainer);
+        legendContainer === null || legendContainer === void 0 ? void 0 : legendContainer.appendChild(listContainer);
     }
     return listContainer;
 };
 const clearList = (containerId) => {
     const legendContainer = document.getElementById(containerId);
-    const ul = legendContainer?.querySelector("ul");
+    const ul = legendContainer === null || legendContainer === void 0 ? void 0 : legendContainer.querySelector("ul");
     if (!ul) {
         return;
     }
@@ -29,6 +28,7 @@ const htmlLegendPlugin = () => ({
     id: exports.LEGEND_PLUGIN_ID,
     isDrive: false,
     afterUpdate(chart, _args, options) {
+        var _a, _b, _c;
         const uls = {
             "default": getOrCreateLegendList(options.containerID, this.isDrive)
         };
@@ -46,7 +46,7 @@ const htmlLegendPlugin = () => ({
         (options.containers || []).forEach(container => clearList(container.containerID));
         let items = [];
         // Reuse the built-in legendItems generator
-        const generateLabelsFn = chart.options.plugins?.legend?.labels?.generateLabels;
+        const generateLabelsFn = (_c = (_b = (_a = chart.options.plugins) === null || _a === void 0 ? void 0 : _a.legend) === null || _b === void 0 ? void 0 : _b.labels) === null || _c === void 0 ? void 0 : _c.generateLabels;
         if (generateLabelsFn) {
             items = generateLabelsFn(chart);
         }
@@ -79,4 +79,3 @@ const htmlLegendPlugin = () => ({
     }
 });
 exports.htmlLegendPlugin = htmlLegendPlugin;
-//# sourceMappingURL=htmlLegend.js.map

package/dist/lineChart/utils.d.ts

@@ -15,15 +15,15 @@ export declare const getDefaultDatasetStyle: (dataSet: ChartDataset<"line", (num
         [key: string]: string;
     }> | undefined;
     normalized?: boolean | undefined;
-    pointBackgroundColor?: string | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js/auto").Color | undefined) | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | readonly (string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | undefined)[] | undefined;
-    pointBorderColor?: string | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js/auto").Color | undefined) | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | readonly (string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | undefined)[] | undefined;
+    pointBackgroundColor?: string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js/auto").Color | undefined) | readonly (string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | undefined)[] | undefined;
+    pointBorderColor?: string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js/auto").Color | undefined) | readonly (string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | undefined)[] | undefined;
     pointBorderWidth?: number | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => number | undefined) | readonly (number | undefined)[] | undefined;
     pointHitRadius?: number | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => number | undefined) | readonly (number | undefined)[] | undefined;
     pointRadius?: number | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => number | undefined) | readonly (number | undefined)[] | undefined;
     pointRotation?: number | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => number | undefined) | readonly (number | undefined)[] | undefined;
-    pointStyle?: false | "circle" | "line" | "rect" | "triangle" | "cross" | "crossRot" | "dash" | "rectRounded" | "rectRot" | "star" | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js/auto").PointStyle | undefined) | import("chart.js/dist/types/utils")._DeepPartialObject<HTMLCanvasElement> | import("chart.js/dist/types/utils")._DeepPartialObject<HTMLImageElement> | readonly (false | "circle" | "line" | "rect" | "triangle" | "cross" | "crossRot" | "dash" | "rectRounded" | "rectRot" | "star" | import("chart.js/dist/types/utils")._DeepPartialObject<HTMLCanvasElement> | import("chart.js/dist/types/utils")._DeepPartialObject<HTMLImageElement> | undefined)[] | undefined;
-    pointHoverBackgroundColor?: string | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js/auto").Color | undefined) | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | readonly (string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | undefined)[] | undefined;
-    pointHoverBorderColor?: string | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js/auto").Color | undefined) | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | readonly (string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | undefined)[] | undefined;
+    pointStyle?: false | "circle" | "line" | "rect" | "triangle" | "cross" | "crossRot" | "dash" | "rectRounded" | "rectRot" | "star" | import("chart.js/dist/types/utils")._DeepPartialObject<HTMLCanvasElement> | import("chart.js/dist/types/utils")._DeepPartialObject<HTMLImageElement> | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js/auto").PointStyle | undefined) | readonly (false | "circle" | "line" | "rect" | "triangle" | "cross" | "crossRot" | "dash" | "rectRounded" | "rectRot" | "star" | import("chart.js/dist/types/utils")._DeepPartialObject<HTMLCanvasElement> | import("chart.js/dist/types/utils")._DeepPartialObject<HTMLImageElement> | undefined)[] | undefined;
+    pointHoverBackgroundColor?: string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js/auto").Color | undefined) | readonly (string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | undefined)[] | undefined;
+    pointHoverBorderColor?: string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js/auto").Color | undefined) | readonly (string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | undefined)[] | undefined;
     pointHoverBorderWidth?: number | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => number | undefined) | readonly (number | undefined)[] | undefined;
     pointHoverRadius?: number | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => number | undefined) | readonly (number | undefined)[] | undefined;
     fill?: string | number | boolean | (((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js/auto").FillTarget | import("chart.js/auto").ComplexFillTarget | undefined) & string) | (((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js/auto").FillTarget | import("chart.js/auto").ComplexFillTarget | undefined) & number) | (((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js/auto").FillTarget | import("chart.js/auto").ComplexFillTarget | undefined) & false) | (((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js/auto").FillTarget | import("chart.js/auto").ComplexFillTarget | undefined) & true) | (((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js/auto").FillTarget | import("chart.js/auto").ComplexFillTarget | undefined) & {
@@ -77,15 +77,15 @@ export declare const getDefaultDatasetStyle: (dataSet: ChartDataset<"line", (num
         borderWidth: import("chart.js/auto").Scriptable<number | undefined, import("chart.js/auto").ScriptableLineSegmentContext>;
     }> | undefined;
     borderWidth?: number | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => number | undefined) | readonly (number | undefined)[] | undefined;
-    borderColor?: string | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js/auto").Color | undefined) | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | readonly (string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | undefined)[] | undefined;
-    backgroundColor?: string | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js/auto").Color | undefined) | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | readonly (string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | undefined)[] | undefined;
+    borderColor?: string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js/auto").Color | undefined) | readonly (string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | undefined)[] | undefined;
+    backgroundColor?: string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js/auto").Color | undefined) | readonly (string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | undefined)[] | undefined;
     hoverBorderCapStyle?: "round" | "butt" | "square" | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => CanvasLineCap | undefined) | undefined;
     hoverBorderDash?: ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => number[] | undefined) | import("chart.js/dist/types/utils")._DeepPartialArray<number> | undefined;
     hoverBorderDashOffset?: number | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => number | undefined) | undefined;
     hoverBorderJoinStyle?: "round" | "bevel" | "miter" | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => CanvasLineJoin | undefined) | undefined;
     hoverBorderWidth?: number | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => number | undefined) | readonly (number | undefined)[] | undefined;
-    hoverBorderColor?: string | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js/auto").Color | undefined) | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | readonly (string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | undefined)[] | undefined;
-    hoverBackgroundColor?: string | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js/auto").Color | undefined) | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | readonly (string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | undefined)[] | undefined;
+    hoverBorderColor?: string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js/auto").Color | undefined) | readonly (string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | undefined)[] | undefined;
+    hoverBackgroundColor?: string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | ((ctx: import("chart.js/auto").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js/auto").Color | undefined) | readonly (string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | undefined)[] | undefined;
     animation?: false | import("chart.js/dist/types/utils")._DeepPartialObject<import("chart.js/auto").AnimationSpec<"line"> & {
         onProgress?: ((this: import("chart.js/auto").default<keyof import("chart.js/auto").ChartTypeRegistry, (number | Point | [number, number] | import("chart.js/auto").BubbleDataPoint | null)[], unknown>, event: import("chart.js/auto").AnimationEvent) => void) | undefined;
         onComplete?: ((this: import("chart.js/auto").default<keyof import("chart.js/auto").ChartTypeRegistry, (number | Point | [number, number] | import("chart.js/auto").BubbleDataPoint | null)[], unknown>, event: import("chart.js/auto").AnimationEvent) => void) | undefined;

package/dist/lineChart/utils.js

@@ -23,8 +23,9 @@ const baseColors = [
     "#D35D80"
 ];
 const getDefaultDatasetStyle = (dataSet, dsIndex, useThinLines = false) => {
-    const newDataSet = { ...dataSet };
-    const baseColor = dataSet.backgroundColor?.toString() || baseColors[dsIndex % baseColors.length];
+    var _a;
+    const newDataSet = Object.assign({}, dataSet);
+    const baseColor = ((_a = dataSet.backgroundColor) === null || _a === void 0 ? void 0 : _a.toString()) || baseColors[dsIndex % baseColors.length];
     const lineStyle = useThinLines ? defaultThinLineOptions : defaultLineOptions;
     newDataSet.borderColor = baseColor;
     newDataSet.backgroundColor = (0, colorUtils_1.hexToRGBA)(baseColor, 0.09) || "";
@@ -50,4 +51,3 @@ const getDefaultDatasetStyle = (dataSet, dsIndex, useThinLines = false) => {
     return newDataSet;
 };
 exports.getDefaultDatasetStyle = getDefaultDatasetStyle;
-//# sourceMappingURL=utils.js.map

package/dist/lineChartMini/lineChartMini.js

@@ -1,4 +1,15 @@
 "use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LineChartMini = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -10,6 +21,7 @@ const utils_2 = require("../lineChart/utils");
 const useDrive_1 = require("../utils/theme/useDrive");
 const useMobile_1 = require("../commonHelpers/hooks/useMobile");
 const themeContext_1 = require("../utils/theme/themeContext");
+const accessibleChart_1 = require("../chart/accessibleChart/accessibleChart");
 auto_1.Chart.defaults.font = {
     family: "Roboto",
     size: 12
@@ -46,7 +58,9 @@ const defaultOptions = {
         }
     }
 };
-const LineChartMini = ({ data, options = {}, ...rest }) => {
+const LineChartMini = (_a) => {
+    var _b, _c;
+    var { data, options = {} } = _a, rest = __rest(_a, ["data", "options"]);
     const isDrive = (0, useDrive_1.useDrive)();
     const isMobile = (0, useMobile_1.useMobile)();
     const memoizedFontSize = (0, react_1.useMemo)(() => isDrive ? (isMobile ? 14 : 16) : 12, [isDrive, isMobile]);
@@ -58,17 +72,16 @@ const LineChartMini = ({ data, options = {}, ...rest }) => {
         };
         auto_1.Chart.defaults.color = dark ? "#FFFFFF" : "#1F2833";
     }, [memoizedFontSize, dark]);
-    const adaptedData = { ...data };
+    const adaptedData = Object.assign({}, data);
     const adaptedOptions = (0, utils_1.deepMerge)(defaultOptions, options);
-    if (adaptedData.labels?.length === 2) {
+    if (((_b = adaptedData.labels) === null || _b === void 0 ? void 0 : _b.length) === 2) {
         const maxLabelsCount = Math.max(...data.datasets.map(ds => ds.data.length));
         const newLabels = Array(maxLabelsCount).fill("");
-        newLabels[0] = data.labels?.[0];
+        newLabels[0] = (_c = data.labels) === null || _c === void 0 ? void 0 : _c[0];
         newLabels[newLabels.length - 1] = data.labels ? data.labels[data.labels.length - 1] : "";
         adaptedData.labels = newLabels;
     }
     adaptedData.datasets = adaptedData.datasets.map((ds, i) => (0, utils_2.getDefaultDatasetStyle)(ds, i, true));
-    return (0, jsx_runtime_1.jsx)(typedCharts_1.Line, { options: adaptedOptions, data: adaptedData, ...rest });
+    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(typedCharts_1.Line, Object.assign({ options: adaptedOptions, data: adaptedData, "aria-hidden": true }, rest)), (0, jsx_runtime_1.jsx)(accessibleChart_1.AccessibleChart, { type: "line-mini", data: adaptedData })] });
 };
 exports.LineChartMini = LineChartMini;
-//# sourceMappingURL=lineChartMini.js.map

package/dist/list/hooks/useContainerScroll.js

@@ -36,4 +36,3 @@ const useContainerScroll = () => {
     return { moveScroll, cancelMoveScroll };
 };
 exports.useContainerScroll = useContainerScroll;
-//# sourceMappingURL=useContainerScroll.js.map

package/dist/list/hooks/useDragAndDrop.js

@@ -99,6 +99,7 @@ const useDragAndDrop = (containerRef, onChangeOrder) => {
             moveEvent.preventDefault();
         };
         const onDragEnd = () => {
+            var _a;
             if (dragImageRef.current) {
                 dragImageRef.current.remove();
                 dragImageRef.current = null;
@@ -106,7 +107,7 @@ const useDragAndDrop = (containerRef, onChangeOrder) => {
             if (dragMoveRef.current) {
                 document.body.removeEventListener("pointermove", dragMoveRef.current, false);
             }
-            const placeholderElement = containerRef.current?.querySelector(".zen-list-item--placeholder");
+            const placeholderElement = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(".zen-list-item--placeholder");
             const endPosition = placeholderElement ? (0, findItemPosition_1.findItemPosition)(placeholderElement) : null;
             listItemElement.classList.remove("zen-list-item--dragging");
             if (containerRef.current) {
@@ -131,4 +132,3 @@ const useDragAndDrop = (containerRef, onChangeOrder) => {
     return { onDragStart };
 };
 exports.useDragAndDrop = useDragAndDrop;
-//# sourceMappingURL=useDragAndDrop.js.map

package/dist/list/hooks/useLazyLoading.js

@@ -12,17 +12,19 @@ const useLazyLoading = (ref, isLoading, onListEnd) => {
         return parent;
     }, [ref]);
     (0, react_1.useEffect)(() => {
+        var _a;
         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
         if (!observerRef.current && ResizeObserver) {
             observerRef.current = new ResizeObserver(updateScrollableParent);
         }
         const parent = updateScrollableParent();
         if (parent) {
-            observerRef.current?.observe(parent);
+            (_a = observerRef.current) === null || _a === void 0 ? void 0 : _a.observe(parent);
         }
         return () => {
+            var _a;
             if (parent) {
-                observerRef.current?.unobserve(parent);
+                (_a = observerRef.current) === null || _a === void 0 ? void 0 : _a.unobserve(parent);
             }
         };
     }, [ref, updateScrollableParent]);
@@ -48,4 +50,3 @@ const useLazyLoading = (ref, isLoading, onListEnd) => {
     }, [scrollableParent, onListEnd, isLoading]);
 };
 exports.useLazyLoading = useLazyLoading;
-//# sourceMappingURL=useLazyLoading.js.map

package/dist/list/hooks/useVirtualScroll.js

@@ -20,17 +20,19 @@ const useVirtualScroll = (ref, children) => {
         return parent;
     }, [ref]);
     (0, react_1.useEffect)(() => {
+        var _a;
         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
         if (isEnabled && !observerRef.current && ResizeObserver) {
             observerRef.current = new ResizeObserver(updateScrollableParent);
         }
         const parent = updateScrollableParent();
         if (parent) {
-            observerRef.current?.observe(parent);
+            (_a = observerRef.current) === null || _a === void 0 ? void 0 : _a.observe(parent);
         }
         return () => {
+            var _a;
             if (parent) {
-                observerRef.current?.unobserve(parent);
+                (_a = observerRef.current) === null || _a === void 0 ? void 0 : _a.unobserve(parent);
             }
         };
     }, [isEnabled, ref, updateScrollableParent]);
@@ -42,6 +44,9 @@ const useVirtualScroll = (ref, children) => {
     }, [children]);
     const [visibleRows, setVisibleRows] = (0, react_1.useState)(new Set(initialVisibleRows));
     const isInViewport = (0, react_1.useCallback)((id) => visibleRows.has(id), [visibleRows]);
+    (0, react_1.useEffect)(() => {
+        setVisibleRows(new Set(initialVisibleRows));
+    }, [initialVisibleRows]);
     const getVisibleRows = (0, react_1.useCallback)(() => {
         if (!ref.current) {
             return [];
@@ -100,4 +105,3 @@ const useVirtualScroll = (ref, children) => {
     return { isInViewport };
 };
 exports.useVirtualScroll = useVirtualScroll;
-//# sourceMappingURL=useVirtualScroll.js.map

package/dist/list/interfaces.js

@@ -3,4 +3,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.isButtonAction = void 0;
 const isButtonAction = (action) => action.hasOwnProperty("onClick");
 exports.isButtonAction = isButtonAction;
-//# sourceMappingURL=interfaces.js.map

package/dist/list/itemCompact/itemCompact.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ItemCompact = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-require("./itemCompact.less");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const useDriveClassName_1 = require("../../utils/theme/useDriveClassName");
 const useIconSize_1 = require("../../utils/theme/useIconSize");
@@ -23,4 +22,3 @@ const ItemCompact = ({ className, iconLeft, iconLeftType, name, link, iconRight,
     return (0, jsx_runtime_1.jsxs)("li", { className: (0, classNames_1.classNames)(["zen-list-item-compact", listClassName || "", className || ""]), children: [iconLeft ? (0, jsx_runtime_1.jsx)("div", { className: "zen-list-item-compact__left-icon", children: renderIcon(iconLeft, iconLeftType) }) : null, name ? (0, jsx_runtime_1.jsx)("div", { className: "zen-list-item-compact__name", children: link ? (0, jsx_runtime_1.jsx)("a", { href: link, className: "zen-link zen-link--light zen-link--inline", children: name }) : name }) : null, iconRight ? (0, jsx_runtime_1.jsx)("div", { className: "zen-list-item-compact__right-icon", children: renderIcon(iconRight, iconRightType) }) : null, status ? (0, jsx_runtime_1.jsx)("div", { className: "zen-list-item-compact__status", children: status }) : null, data ? (0, jsx_runtime_1.jsx)("div", { className: "zen-list-item-compact__data", children: data }) : null] });
 };
 exports.ItemCompact = ItemCompact;
-//# sourceMappingURL=itemCompact.js.map

package/dist/list/itemCompact/itemCompactWaiting.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ItemCompactWaiting = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("./itemCompact.less");
 const skeleton_1 = require("../../skeleton/skeleton");
 const react_1 = require("react");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
@@ -13,4 +12,3 @@ const ItemCompactWaiting = ({ isDrive, isMobile }) => {
     return (0, jsx_runtime_1.jsx)("li", { className: (0, classNames_1.classNames)(["zen-list-item-compact", driveClassName]), children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "zen-list-item-compact__waiting" }) });
 };
 exports.ItemCompactWaiting = ItemCompactWaiting;
-//# sourceMappingURL=itemCompactWaiting.js.map

package/dist/list/itemData/itemData.js

@@ -1,15 +1,25 @@
 "use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ItemData = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-require("./itemData.less");
 const viewportContext_1 = require("../viewportProvider/viewportContext");
 const itemDataInternal_1 = require("./itemDataInternal");
-const ItemDataInner = ({ id, ...rest }) => {
+const ItemDataInner = (_a) => {
+    var { id } = _a, rest = __rest(_a, ["id"]);
     const { isInViewport } = (0, react_1.useContext)(viewportContext_1.viewportContext);
     const visible = (0, react_1.useMemo)(() => isInViewport(id), [id, isInViewport]);
-    return (0, jsx_runtime_1.jsx)(itemDataInternal_1.ItemDataInternal, { id: id, visible: visible, ...rest }, id);
+    return (0, jsx_runtime_1.jsx)(itemDataInternal_1.ItemDataInternal, Object.assign({ id: id, visible: visible }, rest), id);
 };
 exports.ItemData = (0, react_1.memo)(ItemDataInner);
-//# sourceMappingURL=itemData.js.map

package/dist/list/itemData/itemDataInternal.js

@@ -64,4 +64,3 @@ const ItemDataInternalInner = ({ id, visible, icon, iconClassName, name, link, s
                 : null] }, id);
 };
 exports.ItemDataInternal = (0, react_1.memo)(ItemDataInternalInner);
-//# sourceMappingURL=itemDataInternal.js.map

package/dist/list/itemData/itemDataWaiting.js

@@ -2,9 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ItemDataWaiting = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("./itemData.less");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const skeleton_1 = require("../../skeleton/skeleton");
 const ItemDataWaiting = ({ id }) => (0, jsx_runtime_1.jsxs)("li", { className: (0, classNames_1.classNames)(["zen-item-data"]), "data-list-item-id": id, children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "zen-item-data__waiting" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "zen-item-data__waiting" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "zen-item-data__waiting" })] }, id);
 exports.ItemDataWaiting = ItemDataWaiting;
-//# sourceMappingURL=itemDataWaiting.js.map

package/dist/list/list.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.List = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-require("./list.less");
 const useDragAndDrop_1 = require("./hooks/useDragAndDrop");
 const isDataListitem_1 = require("./utils/isDataListitem");
 const useDrive_1 = require("../utils/theme/useDrive");
@@ -53,4 +52,3 @@ const List = ({ type, children, onChangeOrder, checked, onCheck, onListEnd, isLo
     return (0, jsx_runtime_1.jsx)(viewportProvider_1.ViewportProvider, { isInViewport: isInViewport, children: (0, jsx_runtime_1.jsxs)("ul", { className: "zen-list", ref: listRef, children: [childrenArray, loadingChildren] }) });
 };
 exports.List = List;
-//# sourceMappingURL=list.js.map

package/dist/list/listItem/listItem.js

@@ -4,7 +4,6 @@ exports.ListItem = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const iconGrab_1 = require("../../icons/iconGrab");
-require("./listItem.less");
 const button_1 = require("../../button/button");
 const useMobile_1 = require("../../commonHelpers/hooks/useMobile");
 const menu_1 = require("../../menu/menu");
@@ -63,7 +62,7 @@ const ListItem = ({ id, className, image, name, secondary, status, actions, onCl
         }
         if (itemRef.current) {
             const linkEl = itemRef.current.querySelector(".zen-list-item__click");
-            linkEl?.click();
+            linkEl === null || linkEl === void 0 ? void 0 : linkEl.click();
         }
     }, [isDndElement, link, onClick]);
     const clickableClassName = (0, react_1.useMemo)(() => onClick || link ? "zen-list-item--clickable" : "", [link, onClick]);
@@ -71,4 +70,3 @@ const ListItem = ({ id, className, image, name, secondary, status, actions, onCl
     return (0, jsx_runtime_1.jsxs)("li", { id: id, className: (0, classNames_1.classNames)(["zen-list-item", driveClassName || "", clickableClassName, className || ""]), onClick: handleClick, ref: itemRef, children: [onDragStart ? (0, jsx_runtime_1.jsx)("div", { className: "zen-list-item__dnd", onPointerDown: onDragStart, children: (0, jsx_runtime_1.jsx)(iconGrab_1.IconGrab, { size: "large" }) }) : null, image ? (0, jsx_runtime_1.jsx)("div", { className: "zen-list-item__image", children: image }) : null, (0, jsx_runtime_1.jsxs)("div", { className: "zen-list-item__identifier", children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-list-item__name", children: name }), (0, jsx_runtime_1.jsx)("div", { className: "zen-list-item__secondary", children: secondary })] }), status ? (0, jsx_runtime_1.jsx)("div", { className: "zen-list-item__status", children: status }) : null, renderActions(), onClick || link ? (0, jsx_runtime_1.jsx)(button_1.Button, { type: "tertiary-black", className: "zen-list-item__click", onClick: onClick, link: link, children: (0, jsx_runtime_1.jsx)(iconChevronRight_1.IconChevronRight, { size: "large", className: "zen-list-item__click-icon" }) }) : null] });
 };
 exports.ListItem = ListItem;
-//# sourceMappingURL=listItem.js.map

package/dist/list/listItem/listItemWaiting.js

@@ -4,7 +4,6 @@ exports.ListItemWaiting = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const skeleton_1 = require("../../skeleton/skeleton");
-require("./listItem.less");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const ListItemWaiting = ({ id, isDrive, isMobile }) => {
     const driveClassName = (0, react_1.useMemo)(() => isDrive
@@ -13,4 +12,3 @@ const ListItemWaiting = ({ id, isDrive, isMobile }) => {
     return (0, jsx_runtime_1.jsx)("li", { id: id, className: (0, classNames_1.classNames)(["zen-list-item", driveClassName]), children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "zen-list-item__waiting" }) });
 };
 exports.ListItemWaiting = ListItemWaiting;
-//# sourceMappingURL=listItemWaiting.js.map

package/dist/list/utils/changeOrder.js

@@ -8,4 +8,3 @@ function changeOrder(data, startPosition, endPosition) {
     return newData;
 }
 exports.changeOrder = changeOrder;
-//# sourceMappingURL=changeOrder.js.map

package/dist/list/utils/findItemPosition.js

@@ -17,4 +17,3 @@ const findItemPosition = (element) => {
     return -1;
 };
 exports.findItemPosition = findItemPosition;
-//# sourceMappingURL=findItemPosition.js.map

package/dist/list/utils/findListElement.js

@@ -11,4 +11,3 @@ const findListElement = (element) => {
     return null;
 };
 exports.findListElement = findListElement;
-//# sourceMappingURL=findListElement.js.map

package/dist/list/utils/findVisibleListItems.js

@@ -58,4 +58,3 @@ const findVisibleListItems = (rows, top, bottom) => {
     return visibleRows;
 };
 exports.findVisibleListItems = findVisibleListItems;
-//# sourceMappingURL=findVisibleListItems.js.map

package/dist/list/utils/getLoadingItems.js

@@ -16,4 +16,3 @@ const getLoadingItems = (type, count, listId, isDrive, isMobile) => Array.from({
     return (0, jsx_runtime_1.jsx)(listItemWaiting_1.ListItemWaiting, { id: id, isDrive: isDrive, isMobile: isMobile }, id);
 });
 exports.getLoadingItems = getLoadingItems;
-//# sourceMappingURL=getLoadingItems.js.map

package/dist/list/utils/isActiveElement.js

@@ -14,4 +14,3 @@ const isActiveElement = (element, level = 0) => {
     return false;
 };
 exports.isActiveElement = isActiveElement;
-//# sourceMappingURL=isActiveElement.js.map

package/dist/list/utils/isDataListitem.js

@@ -9,4 +9,3 @@ const isDataListItem = (item) => {
     return "id" in item.props && "name" in item.props;
 };
 exports.isDataListItem = isDataListItem;
-//# sourceMappingURL=isDataListitem.js.map

package/dist/list/viewportProvider/viewportContext.js

@@ -3,4 +3,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.viewportContext = void 0;
 const react_1 = require("react");
 exports.viewportContext = (0, react_1.createContext)({ isInViewport: () => true });
-//# sourceMappingURL=viewportContext.js.map

package/dist/list/viewportProvider/viewportProvider.js

@@ -5,4 +5,3 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const viewportContext_1 = require("./viewportContext");
 const ViewportProvider = ({ isInViewport, children }) => ((0, jsx_runtime_1.jsx)(viewportContext_1.viewportContext.Provider, { value: { isInViewport }, children: children }));
 exports.ViewportProvider = ViewportProvider;
-//# sourceMappingURL=viewportProvider.js.map

package/dist/menu/components/menuButton.js

@@ -4,8 +4,6 @@ exports.MenuButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
-require("../../button/button.less");
-require("./menuButton.less");
 const iconChevronRight_1 = require("../../icons/iconChevronRight");
 const useDriveClassName_1 = require("../../utils/theme/useDriveClassName");
 const useDrive_1 = require("../../utils/theme/useDrive");
@@ -34,7 +32,7 @@ function MenuButton({ id, onClick, hasChildren, disabled, icon, name, link, targ
         }
     }), []);
     const onClickHandler = (0, react_1.useCallback)((e) => {
-        onClick?.(id, e);
+        onClick === null || onClick === void 0 ? void 0 : onClick(id, e);
     }, [id, onClick]);
     const buttonTemplate = (0, jsx_runtime_1.jsxs)("button", { type: "button", "data-id": id, ref: ref, disabled: !!disabled, title: name, className: (0, classNames_1.classNames)([
             "zen-menu-button__action",
@@ -46,10 +44,9 @@ function MenuButton({ id, onClick, hasChildren, disabled, icon, name, link, targ
                 size: isDrive ? "huge" : "large",
                 className: (0, classNames_1.classNames)(["zen-caption__pre-content", "zen-menu-button__icon"])
             }), (0, jsx_runtime_1.jsx)("span", { className: "zen-menu-button__action-text", children: name }), !!hasChildren && (0, jsx_runtime_1.jsx)(iconChevronRight_1.IconChevronRight, { size: isDrive ? "huge" : "large", className: (0, classNames_1.classNames)(["zen-caption__pre-content", "zen-menu-button__more-icon"]) })] });
-    const linkTemplate = (0, jsx_runtime_1.jsxs)("a", { "data-id": id, role: "menuitem", className: (0, classNames_1.classNames)(["zen-menu-button__action", "zen-caption", disabled ? "zen-menu-button__action--disabled" : "", driveMenuButtonActionClasses || ""]), href: disabled ? undefined : link, "aria-disabled": disabled, onClick: onClickHandler, target: target, rel: rel, ...linkEvents, children: [!!icon && (0, react_1.createElement)(icon, {
+    const linkTemplate = (0, jsx_runtime_1.jsxs)("a", Object.assign({ "data-id": id, role: "menuitem", className: (0, classNames_1.classNames)(["zen-menu-button__action", "zen-caption", disabled ? "zen-menu-button__action--disabled" : "", driveMenuButtonActionClasses || ""]), href: disabled ? undefined : link, "aria-disabled": disabled, onClick: onClickHandler, target: target, rel: rel }, linkEvents, { children: [!!icon && (0, react_1.createElement)(icon, {
                 size: isDrive ? "huge" : "large",
                 className: "zen-caption__pre-content"
-            }), name] });
+            }), name] }));
     return (0, jsx_runtime_1.jsx)("li", { role: "presentation", className: (0, classNames_1.classNames)(["zen-menu-button", className]), children: link ? linkTemplate : buttonTemplate });
 });
-//# sourceMappingURL=menuButton.js.map

package/dist/menu/components/menuErrorItem.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+import "./menuErrorItem.less";
+export interface IMenuErrorItem {
+    id: string;
+    onClick: () => void;
+}
+export declare const MenuErrorItem: FC<IMenuErrorItem>;