@geotab/zenith 1.26.2 → 1.26.3

package/dist/card/card.js

@@ -35,7 +35,6 @@ const status_1 = require("./components/status");
 const title_1 = require("./components/title");
 const actions_1 = require("./components/actions");
 const content_1 = require("./components/content");
-require("./card.less");
 const useCardSize_1 = require("./hooks/useCardSize");
 const getMaxNumberOfActions_1 = require("./helpers/getMaxNumberOfActions");
 const isAbsoluteSize_1 = require("../cardContainer/helpers/isAbsoluteSize");
@@ -91,7 +90,7 @@ const Card =
                         return;
                     }
                     if (Array.isArray(actionChildren)) {
-                        acts.push(...actionChildren.filter((child) => child?.type === exports.Card.Button));
+                        acts.push(...actionChildren.filter((child) => (child === null || child === void 0 ? void 0 : child.type) === exports.Card.Button));
                         return;
                     }
                     if (typeof actionChildren === "object" && actionChildren.type === exports.Card.Button) {
@@ -132,7 +131,7 @@ const Card =
         isScrollable ? "zen-card__content--overflow-scroll" : "zen-card__content--overflow-hidden",
         cardContentClasses
     ]), [cardContentClasses, isScrollable]);
-    const dateClassName = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-card__date", (isMobile && !isDrive) ? "zen-card__date--mobile" : "", dateDriveClasses ?? ""]), [isMobile, isDrive, dateDriveClasses]);
+    const dateClassName = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-card__date", (isMobile && !isDrive) ? "zen-card__date--mobile" : "", dateDriveClasses !== null && dateDriveClasses !== void 0 ? dateDriveClasses : ""]), [isMobile, isDrive, dateDriveClasses]);
     const favoriteButton = (0, react_1.useMemo)(() => {
         if (props.onFavoriteChange === undefined) {
             return null;
@@ -153,10 +152,7 @@ const Card =
     }, [icon, iconType, status]);
     const isHeaderPrimaryVisible = title || icon || link || !!headerActions.length || date || !!favoriteButton || !!tooltip || !!menuActions.length;
     const isHeaderVisible = isHeaderPrimaryVisible || secondary;
-    return (0, jsx_runtime_1.jsxs)(cardContainer_1.CardContainer, { isMobile: isMobile, fullWidth: isFullWidth, fullHeight: isFullHeight, autoHeight: isAutoHeight, scrollable: isScrollable, ref: containerRef, size: size || "S", className: (0, classNames_1.classNames)(["zen-card", !isHeaderVisible ? "zen-card--no-header" : "", className]), children: [isHeaderVisible ? (0, jsx_runtime_1.jsxs)("div", { className: "zen-card__header", ref: headerRef, children: [isHeaderPrimaryVisible && (0, jsx_runtime_1.jsxs)("div", { className: "zen-card__header-primary", children: [title && (0, jsx_runtime_1.jsx)(title_1.Title, { id: titleId, link: link, isMobile: isMobile, title: title, icon: titleIcon, iconType: titleIconType }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-card__header-right", children: [!!headerActions.length && headerActions, date ? (0, jsx_runtime_1.jsx)("span", { className: dateClassName, children: date }) : null, favoriteButton, tooltip && (0, jsx_runtime_1.jsx)(status_1.Status, { title: title, status: status, isMobile: isMobile, tooltip: tooltip, tooltipAlignment: tooltipAlignment, tooltipSize: tooltipSize }), !!menuActions.length && (0, jsx_runtime_1.jsx)(menu_1.Menu, { trigger: menuTrigger, title: title || translate("Actions"), children: menuActions.map(action => (0, react_1.createElement)(menu_1.Menu.Item, {
-                                            key: action.props.id,
-                                            ...action.props
-                                        })) })] })] }), secondary ? (0, jsx_runtime_1.jsx)("div", { className: "zen-card__secondary", children: secondary }) : null] }) : null, (0, jsx_runtime_1.jsx)("div", { className: cardContentClassName, children: content })] });
+    return (0, jsx_runtime_1.jsxs)(cardContainer_1.CardContainer, { isMobile: isMobile, fullWidth: isFullWidth, fullHeight: isFullHeight, autoHeight: isAutoHeight, scrollable: isScrollable, ref: containerRef, size: size || "S", className: (0, classNames_1.classNames)(["zen-card", !isHeaderVisible ? "zen-card--no-header" : "", className]), children: [isHeaderVisible ? (0, jsx_runtime_1.jsxs)("div", { className: "zen-card__header", ref: headerRef, children: [isHeaderPrimaryVisible && (0, jsx_runtime_1.jsxs)("div", { className: "zen-card__header-primary", children: [title && (0, jsx_runtime_1.jsx)(title_1.Title, { id: titleId, link: link, isMobile: isMobile, title: title, icon: titleIcon, iconType: titleIconType }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-card__header-right", children: [!!headerActions.length && headerActions, date ? (0, jsx_runtime_1.jsx)("span", { className: dateClassName, children: date }) : null, favoriteButton, tooltip && (0, jsx_runtime_1.jsx)(status_1.Status, { title: title, status: status, isMobile: isMobile, tooltip: tooltip, tooltipAlignment: tooltipAlignment, tooltipSize: tooltipSize }), !!menuActions.length && (0, jsx_runtime_1.jsx)(menu_1.Menu, { trigger: menuTrigger, title: title || translate("Actions"), children: menuActions.map(action => (0, react_1.createElement)(menu_1.Menu.Item, Object.assign({ key: action.props.id }, action.props))) })] })] }), secondary ? (0, jsx_runtime_1.jsx)("div", { className: "zen-card__secondary", children: secondary }) : null] }) : null, (0, jsx_runtime_1.jsx)("div", { className: cardContentClassName, children: content })] });
 };
 exports.Card = Card;
 exports.TRANSLATIONS = [
@@ -165,4 +161,3 @@ exports.TRANSLATIONS = [
 exports.Card.Actions = actions_1.Actions;
 exports.Card.Content = content_1.Content;
 exports.Card.Button = cardButton_1.CardButton;
-//# sourceMappingURL=card.js.map

package/dist/card/components/actions.js

@@ -4,4 +4,3 @@ exports.Actions = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Actions = ({ children }) => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
 exports.Actions = Actions;
-//# sourceMappingURL=actions.js.map

package/dist/card/components/cardButton/cardButton.js

@@ -10,7 +10,6 @@ const iconChevronDownSmall_1 = require("../../../icons/iconChevronDownSmall");
 const iconChevronTopSmall_1 = require("../../../icons/iconChevronTopSmall");
 const menu_1 = require("../../../menu/menu");
 const useDriveClassName_1 = require("../../../utils/theme/useDriveClassName");
-require("./cardButton.less");
 const useDrive_1 = require("../../../utils/theme/useDrive");
 const CardButton = ({ children, disabled = false, icon, name, onClick, link, className }) => {
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);
@@ -29,7 +28,7 @@ const CardButton = ({ children, disabled = false, icon, name, onClick, link, cla
             setIsOpen(!isOpen);
             return;
         }
-        onClick?.(...args);
+        onClick === null || onClick === void 0 ? void 0 : onClick(...args);
     };
     const renderLink = () => (0, jsx_runtime_1.jsxs)(button_1.Button, { disabled: disabled, type: "tertiary", link: link, title: name, className: (0, classNames_1.classNames)([className || "", "zen-card-button", "zen-caption", cardButtonDriveClasses || ""]), children: [icon && (0, react_1.createElement)(icon, { size: isDrive ? "huge" : "large", className: "zen-caption__pre-content" }), (0, jsx_runtime_1.jsx)("span", { className: "zen-caption__content", children: name })] });
     const renderButton = () => {
@@ -39,4 +38,3 @@ const CardButton = ({ children, disabled = false, icon, name, onClick, link, cla
     return !link && !onClick ? renderButton() : onClick ? renderButton() : renderLink();
 };
 exports.CardButton = CardButton;
-//# sourceMappingURL=cardButton.js.map

package/dist/card/components/cardFavorite.js

@@ -1,2 +1 @@
 "use strict";
-//# sourceMappingURL=cardFavorite.js.map

package/dist/card/components/content.js

@@ -3,4 +3,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Content = void 0;
 const Content = ({ children }) => children;
 exports.Content = Content;
-//# sourceMappingURL=content.js.map

package/dist/card/components/status.js

@@ -7,10 +7,6 @@ const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const svgIconSize_1 = require("../../svgIcon/svgIconSize");
 const textIconButton_1 = require("../../textIconButton/textIconButton");
 const tooltip_1 = require("../../tooltip/tooltip");
-require("./status.less");
-require("./statusIcon.less");
-require("./statusButton.less");
-require("./statusTooltipMobile.less");
 const useDrive_1 = require("../../utils/theme/useDrive");
 const iconInfoCircle_1 = require("../../icons/iconInfoCircle");
 const Status = ({ status, isMobile, tooltip, className = "", tooltipAlignment, tooltipSize, title }) => {
@@ -26,4 +22,3 @@ const Status = ({ status, isMobile, tooltip, className = "", tooltipAlignment, t
     return tooltip ? renderButton() : null;
 };
 exports.Status = Status;
-//# sourceMappingURL=status.js.map

package/dist/card/components/title.js

@@ -6,7 +6,6 @@ const react_1 = require("react");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const useDriveClassName_1 = require("../../utils/theme/useDriveClassName");
 const useDrive_1 = require("../../utils/theme/useDrive");
-require("./title.less");
 const iconChevronRightSmall_1 = require("../../icons/iconChevronRightSmall");
 const Title = ({ isMobile, link, title, id, icon, iconType, className = "" }) => {
     const driveClassNames = (0, useDriveClassName_1.useDriveClassName)("zen-card-title");
@@ -20,4 +19,3 @@ const Title = ({ isMobile, link, title, id, icon, iconType, className = "" }) =>
                 : (0, jsx_runtime_1.jsx)("span", { title: title, id: id, className: (0, classNames_1.classNames)(["zen-card-title__text", (isMobile && !isDrive) ? "zen-card-title__text--mobile" : "", className]), children: title })] });
 };
 exports.Title = Title;
-//# sourceMappingURL=title.js.map

package/dist/card/components/titleLink.js

@@ -5,7 +5,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const textIconButton_1 = require("../../textIconButton/textIconButton");
 const iconArrowRight_1 = require("../../icons/iconArrowRight");
-require("./titleLink.less");
 const useDriveClassName_1 = require("../../utils/theme/useDriveClassName");
 const useMobile_1 = require("../../commonHelpers/hooks/useMobile");
 const useDrive_1 = require("../../utils/theme/useDrive");
@@ -21,4 +20,3 @@ const TitleLink = ({ titleIconClasses, ariaLabel, children, link, id, className
     return (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { type: "tertiary", iconClasses: titleIconClasses, id: id, "aria-label": titleAriaLabel, link: link, iconPosition: textIconButton_1.ButtonIconPosition.End, icon: iconArrowRight_1.IconArrowRight, iconSize: isDrive ? "huge" : "large", className: (0, classNames_1.classNames)(["zen-title-link", "zen-title-link__icon", titleLinkClasses || "", className || ""]), children: children && (0, jsx_runtime_1.jsx)("span", { className: (0, classNames_1.classNames)(["zen-title-link__text", titleLinkTextDriveClasses || ""]), children: children }) });
 };
 exports.TitleLink = TitleLink;
-//# sourceMappingURL=titleLink.js.map

package/dist/card/helpers/getDefaultFullWidthValue.js

@@ -3,4 +3,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDefaultFullWidthValue = void 0;
 const getDefaultFullWidthValue = (isDrive) => isDrive ? true : false;
 exports.getDefaultFullWidthValue = getDefaultFullWidthValue;
-//# sourceMappingURL=getDefaultFullWidthValue.js.map

package/dist/card/helpers/getIconFromStatus.js

@@ -11,4 +11,3 @@ const iconByStatus = {
 };
 const getIconFromStatus = (status) => iconByStatus[status];
 exports.getIconFromStatus = getIconFromStatus;
-//# sourceMappingURL=getIconFromStatus.js.map

package/dist/card/helpers/getIconTypeFromStatus.js

@@ -14,4 +14,3 @@ const getIconTypeFromStatus = (status) => {
     }
 };
 exports.getIconTypeFromStatus = getIconTypeFromStatus;
-//# sourceMappingURL=getIconTypeFromStatus.js.map

package/dist/card/helpers/getMaxNumberOfActions.js

@@ -24,4 +24,3 @@ const getMaxNumberOfActions = (size) => {
     }
 };
 exports.getMaxNumberOfActions = getMaxNumberOfActions;
-//# sourceMappingURL=getMaxNumberOfActions.js.map

package/dist/card/hooks/useCardSize.js

@@ -7,11 +7,11 @@ const getContainerSize_1 = require("../../cardContainer/helpers/getContainerSize
 const useCardSize = (callback, elem, size) => {
     const [cardSize, setCardSize] = (0, react_1.useState)(size);
     (0, useResize_1.useResize)(() => {
-        setCardSize((0, getContainerSize_1.getContainerSize)(elem.current?.clientWidth || 0));
+        var _a;
+        setCardSize((0, getContainerSize_1.getContainerSize)(((_a = elem.current) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0));
     }, true);
     (0, react_1.useLayoutEffect)(() => {
         callback(cardSize);
     }, [cardSize, callback]);
 };
 exports.useCardSize = useCardSize;
-//# sourceMappingURL=useCardSize.js.map

package/dist/card/hooks/useCardSizeState.js

@@ -31,4 +31,3 @@ const useCardSizeState = (deviceType, scrollableContent, fullWidth, fullHeight,
     };
 };
 exports.useCardSizeState = useCardSizeState;
-//# sourceMappingURL=useCardSizeState.js.map

package/dist/cardContainer/cardContainer.js

@@ -7,7 +7,6 @@ const isAbsoluteSize_1 = require("./helpers/isAbsoluteSize");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const getSizeClass_1 = require("./helpers/getSizeClass");
 const useAbsoluteSize_1 = require("./hooks/useAbsoluteSize");
-require("./cardContainer.less");
 exports.CardContainer = (0, react_1.forwardRef)(
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function CardContainerInner({ size, children, fullWidth = false, className = "", isMobile = false, fullHeight = false, autoHeight = false, scrollable = true }, ref) {
@@ -26,4 +25,3 @@ function CardContainerInner({ size, children, fullWidth = false, className = "",
     const style = (0, useAbsoluteSize_1.useAbsoluteSize)(size, isMobile, autoHeight, fullWidth);
     return ((0, jsx_runtime_1.jsx)("div", { ref: ref, style: style, className: containerClassNames, children: children }));
 });
-//# sourceMappingURL=cardContainer.js.map

package/dist/cardContainer/helpers/getContainerSize.js

@@ -20,4 +20,3 @@ const getContainerSize = (width) => {
     return "XXS";
 };
 exports.getContainerSize = getContainerSize;
-//# sourceMappingURL=getContainerSize.js.map

package/dist/cardContainer/helpers/getSizeClass.js

@@ -22,4 +22,3 @@ function getSizeClass(className, size) {
     }
 }
 exports.getSizeClass = getSizeClass;
-//# sourceMappingURL=getSizeClass.js.map

package/dist/cardContainer/helpers/isAbsoluteSize.js

@@ -3,4 +3,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.isAbsoluteSize = void 0;
 const isAbsoluteSize = (size) => typeof size === "object";
 exports.isAbsoluteSize = isAbsoluteSize;
-//# sourceMappingURL=isAbsoluteSize.js.map

package/dist/cardContainer/hooks/useAbsoluteSize.js

@@ -50,4 +50,3 @@ const useAbsoluteSize = (size, isMobile, autoHeight, fullWidth) => {
     return {};
 };
 exports.useAbsoluteSize = useAbsoluteSize;
-//# sourceMappingURL=useAbsoluteSize.js.map

package/dist/cards/cards.js

@@ -3,10 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Cards = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
-require("./cards.less");
 const cardsRow_1 = require("./cardsRow");
 // eslint-disable-next-line @typescript-eslint/naming-convention, react/prop-types
 const Cards = ({ children, wrap = true, gap = 16, direction = "row", className = "", paddingX = 0, paddingY = 0, fullHeight = false }) => (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-cards", className, fullHeight ? "zen-cards--full-height" : ""]), style: { flexWrap: wrap ? "wrap" : "nowrap", flexDirection: direction, gap, padding: `${paddingY}px ${paddingX}px` }, children: children });
 exports.Cards = Cards;
 exports.Cards.Row = cardsRow_1.CardsRow;
-//# sourceMappingURL=cards.js.map

package/dist/cards/cardsRow.js

@@ -1,8 +1,21 @@
 "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.CardsRow = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const cards_1 = require("./cards");
-const CardsRow = ({ children, ...args }) => (0, jsx_runtime_1.jsx)(cards_1.Cards, { ...args, direction: "row", children: children });
+const CardsRow = (_a) => {
+    var { children } = _a, args = __rest(_a, ["children"]);
+    return (0, jsx_runtime_1.jsx)(cards_1.Cards, Object.assign({}, args, { direction: "row", children: children }));
+};
 exports.CardsRow = CardsRow;
-//# sourceMappingURL=cardsRow.js.map

package/dist/chart/barChart/getBarLegendItems.js

@@ -15,4 +15,3 @@ const getBarLegendItems = (data) => {
     return legendItems;
 };
 exports.getBarLegendItems = getBarLegendItems;
-//# sourceMappingURL=getBarLegendItems.js.map

package/dist/chart/barChart/getBarTooltipItems.js

@@ -19,7 +19,7 @@ const getBarTooltipItems = (data, datasetIndex, index, options, isHidden) => {
         const dataItem = dataset.data[index];
         const itemValue = typeof dataItem === "number" ? dataItem : dataItem.y;
         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-        const value = itemValue !== undefined ? (0, formatValue_1.formatValue)(itemValue.toFixed(2), dsIndex, options?.unit) : undefined;
+        const value = itemValue !== undefined ? (0, formatValue_1.formatValue)(itemValue.toFixed(2), dsIndex, options === null || options === void 0 ? void 0 : options.unit) : undefined;
         const label = dataset.label || "";
         const color = Array.isArray(dataset.backgroundColor) && dataset.backgroundColor[index] ? dataset.backgroundColor[index] :
             typeof dataset.borderColor === "string" ? dataset.borderColor : "";
@@ -46,4 +46,3 @@ const getBarTooltipTitle = (data, datasetIndex, index) => {
     return undefined;
 };
 exports.getBarTooltipTitle = getBarTooltipTitle;
-//# sourceMappingURL=getBarTooltipItems.js.map

package/dist/chart/barChart/getDefaultDatasetStyle.js

@@ -10,14 +10,15 @@ const baseColors = [
     "#D35D80"
 ];
 const getDefaultDatasetStyle = (dataSet, dsIndex) => {
-    const newDataSet = { ...dataSet };
+    var _a, _b;
+    const newDataSet = Object.assign({}, dataSet);
     let baseColor;
     if (Array.isArray(dataSet.backgroundColor) && dataSet.backgroundColor.length > 0) {
-        baseColor = dataSet.backgroundColor[0]?.toString();
+        baseColor = (_a = dataSet.backgroundColor[0]) === null || _a === void 0 ? void 0 : _a.toString();
         newDataSet.backgroundColor = dataSet.backgroundColor;
     }
     else {
-        baseColor = dataSet.backgroundColor?.toString() || baseColors[dsIndex % baseColors.length];
+        baseColor = ((_b = dataSet.backgroundColor) === null || _b === void 0 ? void 0 : _b.toString()) || baseColors[dsIndex % baseColors.length];
         newDataSet.backgroundColor = baseColor;
     }
     newDataSet.borderColor = baseColor;
@@ -26,4 +27,3 @@ const getDefaultDatasetStyle = (dataSet, dsIndex) => {
     return newDataSet;
 };
 exports.getDefaultDatasetStyle = getDefaultDatasetStyle;
-//# sourceMappingURL=getDefaultDatasetStyle.js.map

package/dist/chart/barChart/getDefaultOptions.js

@@ -75,4 +75,3 @@ const getDefaultOptions = (yAxis, isTimedData, isDark, translate) => {
     };
 };
 exports.getDefaultOptions = getDefaultOptions;
-//# sourceMappingURL=getDefaultOptions.js.map

package/dist/chart/barChart/interfaces.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=interfaces.js.map

package/dist/chart/barChart.js

@@ -1,9 +1,19 @@
 "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.BarChart = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-require("./chart.less");
 const typedCharts_1 = require("../react-chartjs/typedCharts");
 const auto_1 = require("chart.js/auto");
 require("../react-chartjs/dateAdapter");
@@ -29,7 +39,8 @@ const chartInsight_1 = require("./chartInsight/chartInsight");
 const userFormatContext_1 = require("../utils/userFormat/userFormatContext");
 const summary_1 = require("../summary/summary");
 auto_1.Chart.register(auto_1.BarController, auto_1.BarElement, auto_1.CategoryScale, auto_1.LinearScale);
-const BarChart = ({ data, options = {}, axis, insight, summary, legend, tooltip, plugins, className, ...rest }) => {
+const BarChart = (_a) => {
+    var { data, options = {}, axis, insight, summary, legend, tooltip, plugins, className } = _a, rest = __rest(_a, ["data", "options", "axis", "insight", "summary", "legend", "tooltip", "plugins", "className"]);
     const { translate } = (0, useLanguage_1.useLanguage)();
     const isDrive = (0, useDrive_1.useDrive)();
     const isMobile = (0, useMobile_1.useMobile)();
@@ -53,7 +64,7 @@ const BarChart = ({ data, options = {}, axis, insight, summary, legend, tooltip,
     const chartData = (0, react_1.useMemo)(() => {
         const chData = (0, convertDates_1.convertDates)(data, toLocalDateTime);
         chData.datasets = chData.datasets.map((ds, i) => (0, getDefaultDatasetStyle_1.getDefaultDatasetStyle)(ds, i));
-        chData.datasets = chData.datasets.map((ds, i) => ({ ...ds, hidden: isHidden(i) }));
+        chData.datasets = chData.datasets.map((ds, i) => (Object.assign(Object.assign({}, ds), { hidden: isHidden(i) })));
         return chData;
     }, [data, isHidden, toLocalDateTime]);
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-arguments
@@ -65,12 +76,11 @@ const BarChart = ({ data, options = {}, axis, insight, summary, legend, tooltip,
     const isMainHidden = (0, react_1.useMemo)(() => isHidden(0), [isHidden]);
     const toggleMainData = (0, react_1.useCallback)(() => toggleHidden(0), [toggleHidden]);
     return (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-chart", className || ""]), children: [insight
-                ? (0, jsx_runtime_1.jsx)(chartInsight_1.ChartInsight, { ...insight })
+                ? (0, jsx_runtime_1.jsx)(chartInsight_1.ChartInsight, Object.assign({}, insight))
                 : null, summary
-                ? (0, jsx_runtime_1.jsx)(summary_1.Summary, { onToggle: toggleMainData, isEnabled: isMainHidden, ...intSummary })
+                ? (0, jsx_runtime_1.jsx)(summary_1.Summary, Object.assign({ onToggle: toggleMainData, isEnabled: isMainHidden }, intSummary))
                 : null, xLabels || yLabels.length > 0
                 ? (0, jsx_runtime_1.jsx)(chartAxis_1.ChartAxis, { xLabel: xLabels, yLabels: yLabels })
-                : null, (0, jsx_runtime_1.jsx)("div", { className: "zen-chart__chart", children: (0, jsx_runtime_1.jsx)(typedCharts_1.Bar, { options: chartOptions, data: chartData, plugins: chartPlugins, ...rest }) }), (0, jsx_runtime_1.jsx)("div", { className: "zen-chart__legend", id: legendId })] });
+                : null, (0, jsx_runtime_1.jsx)("div", { className: "zen-chart__chart", children: (0, jsx_runtime_1.jsx)(typedCharts_1.Bar, Object.assign({ options: chartOptions, data: chartData, plugins: chartPlugins }, rest)) }), (0, jsx_runtime_1.jsx)("div", { className: "zen-chart__legend", id: legendId })] });
 };
 exports.BarChart = BarChart;
-//# sourceMappingURL=barChart.js.map

package/dist/chart/chart.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.Chart = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -7,14 +18,14 @@ const lineChart_1 = require("./lineChart");
 const barChart_1 = require("./barChart");
 const isPieChart = (type, _) => type === "pie";
 const isBarChart = (type, _) => type === "bar";
-const Chart = ({ type, ...rest }) => {
+const Chart = (_a) => {
+    var { type } = _a, rest = __rest(_a, ["type"]);
     if (isPieChart(type, rest)) {
-        return (0, jsx_runtime_1.jsx)(pieChart_1.PieChart, { ...rest });
+        return (0, jsx_runtime_1.jsx)(pieChart_1.PieChart, Object.assign({}, rest));
     }
     if (isBarChart(type, rest)) {
-        return (0, jsx_runtime_1.jsx)(barChart_1.BarChart, { ...rest });
+        return (0, jsx_runtime_1.jsx)(barChart_1.BarChart, Object.assign({}, rest));
     }
-    return (0, jsx_runtime_1.jsx)(lineChart_1.LineChart, { ...rest });
+    return (0, jsx_runtime_1.jsx)(lineChart_1.LineChart, Object.assign({}, rest));
 };
 exports.Chart = Chart;
-//# sourceMappingURL=chart.js.map

package/dist/chart/chartAxis/chartAxis.js

@@ -4,7 +4,6 @@ exports.ChartAxis = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const useLanguage_1 = require("../../utils/localization/useLanguage");
-require("./chartAxis.less");
 const ChartAxis = ({ xLabel, yLabels }) => {
     const { translate } = (0, useLanguage_1.useLanguage)();
     return (0, jsx_runtime_1.jsxs)("div", { className: "zen-chart-axis", children: [(yLabels || []).map((label, index) => ((0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-chart-axis__item", (yLabels || []).length > 1 && index === 0 ? "zen-chart-axis__item--wide" : ""]), children: [(0, jsx_runtime_1.jsx)("span", { className: "zen-chart-axis__label", children: translate("Y-axis") }), (0, jsx_runtime_1.jsx)("span", { className: "zen-chart-axis__value zen-ellipsis", children: label })] }, label))), xLabel
@@ -12,4 +11,3 @@ const ChartAxis = ({ xLabel, yLabels }) => {
                 : null] });
 };
 exports.ChartAxis = ChartAxis;
-//# sourceMappingURL=chartAxis.js.map

package/dist/chart/chartInsight/chartInsight.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChartInsight = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-require("./chartInsight.less");
 const isReactElement = (element) => (0, react_1.isValidElement)(element);
 const ChartInsight = ({ icon, text }) => {
     const sizedIcon = icon && isReactElement(icon)
@@ -15,4 +14,3 @@ const ChartInsight = ({ icon, text }) => {
     return (0, jsx_runtime_1.jsxs)("div", { className: "zen-chart-insight", children: [sizedIcon, (0, jsx_runtime_1.jsx)("div", { className: "zen-chart-insight__text", children: text })] });
 };
 exports.ChartInsight = ChartInsight;
-//# sourceMappingURL=chartInsight.js.map

package/dist/chart/interfaces.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=interfaces.js.map

package/dist/chart/lineChart/getDatasetColor.js

@@ -11,4 +11,3 @@ const baseColors = [
 ];
 const getDatasetColor = (index) => baseColors[index % baseColors.length];
 exports.getDatasetColor = getDatasetColor;
-//# sourceMappingURL=getDatasetColor.js.map

package/dist/chart/lineChart/getDefaultDatasetStyle.js

@@ -10,8 +10,9 @@ const defaultLineOptions = {
     pointHitRadius: 10
 };
 const getDefaultDatasetStyle = (dataSet, dsIndex) => {
-    const newDataSet = { ...dataSet };
-    const baseColor = dataSet.backgroundColor?.toString() || (0, getDatasetColor_1.getDatasetColor)(dsIndex);
+    var _a;
+    const newDataSet = Object.assign({}, dataSet);
+    const baseColor = ((_a = dataSet.backgroundColor) === null || _a === void 0 ? void 0 : _a.toString()) || (0, getDatasetColor_1.getDatasetColor)(dsIndex);
     const lineStyle = defaultLineOptions;
     newDataSet.borderColor = baseColor;
     newDataSet.backgroundColor = (0, colorUtils_1.hexToRGBA)(baseColor, 0.09) || "";
@@ -34,4 +35,3 @@ const getDefaultDatasetStyle = (dataSet, dsIndex) => {
     return newDataSet;
 };
 exports.getDefaultDatasetStyle = getDefaultDatasetStyle;
-//# sourceMappingURL=getDefaultDatasetStyle.js.map

package/dist/chart/lineChart/getDefaultOptions.js

@@ -117,4 +117,3 @@ const getDefaultOptions = (yAxis, xAxis, isTimedData, ticks, isDark, translate)
     };
 };
 exports.getDefaultOptions = getDefaultOptions;
-//# sourceMappingURL=getDefaultOptions.js.map

package/dist/chart/lineChart/getLineLegendItems.js

@@ -28,7 +28,7 @@ const getLineLegendItems = (data, options) => {
         return {
             color: typeof dataset.borderColor === "string" ? dataset.borderColor : "",
             text: dataset.label || "",
-            value: (0, formatValue_1.formatValue)(getLatestValue(dataset).toFixed(2), index, options?.unit),
+            value: (0, formatValue_1.formatValue)(getLatestValue(dataset).toFixed(2), index, options === null || options === void 0 ? void 0 : options.unit),
             index: index,
             hidden: false
         };
@@ -36,4 +36,3 @@ const getLineLegendItems = (data, options) => {
     return legendItems;
 };
 exports.getLineLegendItems = getLineLegendItems;
-//# sourceMappingURL=getLineLegendItems.js.map

package/dist/chart/lineChart/interfaces.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=interfaces.js.map

package/dist/chart/lineChart/useAxisLabels.js

@@ -27,4 +27,3 @@ const useAxisLabels = (axis, options) => {
     return { xLabels, yLabels };
 };
 exports.useAxisLabels = useAxisLabels;
-//# sourceMappingURL=useAxisLabels.js.map

package/dist/chart/lineChart/useChartTicks.js

@@ -43,4 +43,3 @@ const useChartTicks = () => {
     return { chartRef, ticks };
 };
 exports.useChartTicks = useChartTicks;
-//# sourceMappingURL=useChartTicks.js.map

package/dist/chart/lineChart/useSummary.js

@@ -3,8 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSummary = void 0;
 const react_1 = require("react");
 const mapChartSummaryToSummary = (chartSummary) => {
+    var _a;
     const mappedSummary = {
-        value: chartSummary.value ?? 0,
+        value: (_a = chartSummary.value) !== null && _a !== void 0 ? _a : 0,
         color: chartSummary.color,
         title: chartSummary.label,
         unit: chartSummary.unit,
@@ -16,7 +17,7 @@ const mapChartSummaryToSummary = (chartSummary) => {
     return mappedSummary;
 };
 const useSummary = (chartSummary, data) => {
-    const summary = (0, react_1.useMemo)(() => chartSummary ? { ...chartSummary, ...mapChartSummaryToSummary(chartSummary) } : false, [chartSummary]);
+    const summary = (0, react_1.useMemo)(() => chartSummary ? Object.assign(Object.assign({}, chartSummary), mapChartSummaryToSummary(chartSummary)) : false, [chartSummary]);
     const value = (0, react_1.useMemo)(() => {
         if (summary && summary.value) {
             return summary.value;
@@ -58,12 +59,8 @@ const useSummary = (chartSummary, data) => {
         }
         return data.datasets[0] ? data.datasets[0].label : undefined;
     }, [summary, data.datasets]);
-    return {
-        ...summary,
-        title,
+    return Object.assign(Object.assign({}, summary), { title,
         value,
-        color
-    };
+        color });
 };
 exports.useSummary = useSummary;
-//# sourceMappingURL=useSummary.js.map

package/dist/chart/lineChart.js

@@ -1,9 +1,19 @@
 "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");
 const react_1 = require("react");
-require("./chart.less");
 const typedCharts_1 = require("../react-chartjs/typedCharts");
 const auto_1 = require("chart.js/auto");
 require("../react-chartjs/dateAdapter");
@@ -31,7 +41,8 @@ const getXAxisMeta_1 = require("./utils/getXAxisMeta");
 const userFormatContext_1 = require("../utils/userFormat/userFormatContext");
 const summary_1 = require("../summary/summary");
 auto_1.Chart.register(auto_1.CategoryScale, auto_1.LinearScale, auto_1.PointElement, auto_1.LineElement, auto_1.Title, auto_1.Tooltip, auto_1.Legend, auto_1.Filler, auto_1.TimeScale);
-const LineChart = ({ data, options = {}, axis, insight, summary, legend, tooltip, plugins, className, ...rest }) => {
+const LineChart = (_a) => {
+    var { data, options = {}, axis, insight, summary, legend, tooltip, plugins, className } = _a, rest = __rest(_a, ["data", "options", "axis", "insight", "summary", "legend", "tooltip", "plugins", "className"]);
     const { translate } = (0, useLanguage_1.useLanguage)();
     const isDrive = (0, useDrive_1.useDrive)();
     const isMobile = (0, useMobile_1.useMobile)();
@@ -50,21 +61,16 @@ const LineChart = ({ data, options = {}, axis, insight, summary, legend, tooltip
     const { toLocalDateTime } = (0, react_1.useContext)(userFormatContext_1.userFormatContext);
     const isTimedData = (0, react_1.useMemo)(() => (0, isDateRange_1.isDateRange)(data, true), [data]);
     const chartData = (0, react_1.useMemo)(() => {
-        const chData = { ...data };
+        const chData = Object.assign({}, data);
         chData.datasets = chData.datasets.map((ds, i) => (0, getDefaultDatasetStyle_1.getDefaultDatasetStyle)(ds, i));
         chData.datasets = chData.datasets.reduce((acc, dataset, dsIndex) => {
             acc.push(dataset);
             if (dataset.trendData) {
-                acc.push({
-                    ...dataset,
-                    data: dataset.trendData,
-                    borderDash: [5, 5],
-                    parentIndex: dsIndex
-                });
+                acc.push(Object.assign(Object.assign({}, dataset), { data: dataset.trendData, borderDash: [5, 5], parentIndex: dsIndex }));
             }
             return acc;
         }, []);
-        chData.datasets = chData.datasets.map((ds, i) => isHidden(ds.parentIndex !== undefined ? ds.parentIndex : i) ? { ...ds, hidden: true } : ds);
+        chData.datasets = chData.datasets.map((ds, i) => isHidden(ds.parentIndex !== undefined ? ds.parentIndex : i) ? Object.assign(Object.assign({}, ds), { hidden: true }) : ds);
         return (0, convertDates_1.convertDates)(chData, toLocalDateTime);
     }, [data, isHidden, toLocalDateTime]);
     const yAxisMeta = (0, react_1.useMemo)(() => (0, getYAxisMeta_1.getYAxisMeta)(chartData), [chartData]);
@@ -80,12 +86,11 @@ const LineChart = ({ data, options = {}, axis, insight, summary, legend, tooltip
     const isMainHidden = (0, react_1.useMemo)(() => isHidden(0), [isHidden]);
     const toggleMainDataset = (0, react_1.useCallback)(() => toggleHidden(0), [toggleHidden]);
     return (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-chart", className || ""]), ref: chartRef, children: [insight
-                ? (0, jsx_runtime_1.jsx)(chartInsight_1.ChartInsight, { ...insight })
+                ? (0, jsx_runtime_1.jsx)(chartInsight_1.ChartInsight, Object.assign({}, insight))
                 : null, summary !== false
-                ? (0, jsx_runtime_1.jsx)(summary_1.Summary, { ...intSummary, onToggle: toggleMainDataset, isEnabled: isMainHidden })
+                ? (0, jsx_runtime_1.jsx)(summary_1.Summary, Object.assign({}, intSummary, { onToggle: toggleMainDataset, isEnabled: isMainHidden }))
                 : null, xLabels || yLabels.length > 0
                 ? (0, jsx_runtime_1.jsx)(chartAxis_1.ChartAxis, { xLabel: xLabels, yLabels: yLabels })
-                : null, (0, jsx_runtime_1.jsx)("div", { className: "zen-chart__chart", children: (0, jsx_runtime_1.jsx)(typedCharts_1.Line, { width: 100, height: 100, options: chartOptions, data: chartData, plugins: chartPlugins, ...rest }) }), (0, jsx_runtime_1.jsx)("div", { className: "zen-chart__legend", id: legendId })] });
+                : null, (0, jsx_runtime_1.jsx)("div", { className: "zen-chart__chart", children: (0, jsx_runtime_1.jsx)(typedCharts_1.Line, Object.assign({ width: 100, height: 100, options: chartOptions, data: chartData, plugins: chartPlugins }, rest)) }), (0, jsx_runtime_1.jsx)("div", { className: "zen-chart__legend", id: legendId })] });
 };
 exports.LineChart = LineChart;
-//# sourceMappingURL=lineChart.js.map