@geotab/zenith 1.26.2 → 1.26.3

package/dist/chart/pieChart/getDefaultDatasetStyle.js

@@ -10,7 +10,7 @@ const baseColors = [
     "#D35D80"
 ];
 const getDefaultDatasetStyle = (dataSet) => {
-    const newDataSet = { ...dataSet };
+    const newDataSet = Object.assign({}, dataSet);
     if (!newDataSet.backgroundColor) {
         newDataSet.backgroundColor = newDataSet.data.map((_, index) => baseColors[index % baseColors.length]);
     }
@@ -18,4 +18,3 @@ const getDefaultDatasetStyle = (dataSet) => {
     return newDataSet;
 };
 exports.getDefaultDatasetStyle = getDefaultDatasetStyle;
-//# sourceMappingURL=getDefaultDatasetStyle.js.map

package/dist/chart/pieChart/getDefaultOptions.js

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

package/dist/chart/pieChart/getPieLegendItems.js

@@ -12,11 +12,10 @@ const getPieLegendItems = (data, options, isHidden) => {
     const legendItems = dataset.data.map((item, index) => ({
         color: colors[index] && typeof colors[index] === "string" ? colors[index] : "",
         text: labels[index] && typeof labels[index] === "string" ? labels[index] : "",
-        value: isHidden(index) ? undefined : (0, formatValue_1.formatValue)((item).toFixed(2), index, options?.unit),
+        value: isHidden(index) ? undefined : (0, formatValue_1.formatValue)((item).toFixed(2), index, options === null || options === void 0 ? void 0 : options.unit),
         index: index,
         hidden: false
     }));
     return legendItems;
 };
 exports.getPieLegendItems = getPieLegendItems;
-//# sourceMappingURL=getPieLegendItems.js.map

package/dist/chart/pieChart/getPieTooltipItems.js

@@ -23,8 +23,7 @@ const getPieTooltipItems = (data, datasetIndex, index, options) => {
     return [{
             color: colors[index] && typeof colors[index] === "string" ? colors[index] : "",
             label: labels[index] && typeof labels[index] === "string" ? labels[index] : "",
-            value: dataItem ? (0, formatValue_1.formatValue)(dataItem.toFixed(2), index, options?.unit) : undefined
+            value: dataItem ? (0, formatValue_1.formatValue)(dataItem.toFixed(2), index, options === null || options === void 0 ? void 0 : options.unit) : undefined
         }];
 };
 exports.getPieTooltipItems = getPieTooltipItems;
-//# sourceMappingURL=getPieTooltipItems.js.map

package/dist/chart/pieChart/interfaces.js

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

package/dist/chart/pieChart.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.PieChart = 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");
@@ -22,7 +32,8 @@ const tooltipPlugin_1 = require("./plugins/tooltip/tooltipPlugin");
 const chartInsight_1 = require("./chartInsight/chartInsight");
 const summary_1 = require("../summary/summary");
 auto_1.Chart.register(auto_1.PieController, auto_1.ArcElement);
-const PieChart = ({ data, options = {}, insight, summary, legend, tooltip, plugins, className, ...rest }) => {
+const PieChart = (_a) => {
+    var { data, options = {}, insight, summary, legend, tooltip, plugins, className } = _a, rest = __rest(_a, ["data", "options", "insight", "summary", "legend", "tooltip", "plugins", "className"]);
     const isDrive = (0, useDrive_1.useDrive)();
     const isMobile = (0, useMobile_1.useMobile)();
     const fontSize = (0, react_1.useMemo)(() => isDrive ? (isMobile ? 14 : 16) : 12, [isDrive, isMobile]);
@@ -40,7 +51,7 @@ const PieChart = ({ data, options = {}, insight, summary, legend, tooltip, plugi
     const chartOptions = (0, utils_1.deepMerge)(defOptions, options);
     const { isHidden, toggleHidden } = (0, useHidden_1.useHidden)();
     const chartData = (0, react_1.useMemo)(() => {
-        const chData = { ...data };
+        const chData = Object.assign({}, data);
         chData.datasets = chData.datasets.map(ds => (0, getDefaultDatasetStyle_1.getDefaultDatasetStyle)(ds));
         chData.datasets[0].data = chData.datasets[0].data.map((value, index) => isHidden(index) ? 0 : value);
         return chData;
@@ -50,10 +61,9 @@ const PieChart = ({ data, options = {}, insight, summary, legend, tooltip, plugi
     const chartPlugins = (0, react_1.useMemo)(() => [...(plugins || []), chartLegend, chartTooltip], [chartLegend, chartTooltip, plugins]);
     const intSummary = (0, useSummary_1.useSummary)(summary, chartData);
     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, { ...intSummary })
-                : null, (0, jsx_runtime_1.jsx)("div", { className: "zen-chart__chart", children: (0, jsx_runtime_1.jsx)(typedCharts_1.Pie, { options: chartOptions, data: chartData, plugins: chartPlugins, ...rest }) }), (0, jsx_runtime_1.jsx)("div", { className: "zen-chart__legend", id: legendId })] });
+                ? (0, jsx_runtime_1.jsx)(summary_1.Summary, Object.assign({}, intSummary))
+                : null, (0, jsx_runtime_1.jsx)("div", { className: "zen-chart__chart", children: (0, jsx_runtime_1.jsx)(typedCharts_1.Pie, Object.assign({ options: chartOptions, data: chartData, plugins: chartPlugins }, rest)) }), (0, jsx_runtime_1.jsx)("div", { className: "zen-chart__legend", id: legendId })] });
 };
 exports.PieChart = PieChart;
-//# sourceMappingURL=pieChart.js.map

package/dist/chart/plugins/legend/formatValue.js

@@ -16,4 +16,3 @@ const formatValue = (value, datasetIndex, unit) => {
     return value;
 };
 exports.formatValue = formatValue;
-//# sourceMappingURL=formatValue.js.map

package/dist/chart/plugins/legend/interfaces.js

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

package/dist/chart/plugins/legend/legendPlugin.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.legendPlugin = exports.LEGEND_PLUGIN_ID = void 0;
-require("./legend.less");
 const renderLegend_1 = require("./renderLegend");
 const getLineLegendItems_1 = require("../../lineChart/getLineLegendItems");
 const getBarLegendItems_1 = require("../../barChart/getBarLegendItems");
@@ -37,7 +36,7 @@ const legendPlugin = (containerId, options, isDrive, isHidden, toggleHidden) =>
                 toggleHidden(item.index);
                 chart.update();
             };
-            return { ...item, onClick, hidden: isHidden(item.index) };
+            return Object.assign(Object.assign({}, item), { onClick, hidden: isHidden(item.index) });
         });
         if (items.length === 0) {
             container.classList.add("zen-legend--hidden");
@@ -48,4 +47,3 @@ const legendPlugin = (containerId, options, isDrive, isHidden, toggleHidden) =>
     }
 });
 exports.legendPlugin = legendPlugin;
-//# sourceMappingURL=legendPlugin.js.map

package/dist/chart/plugins/legend/renderLegend.js

@@ -31,4 +31,3 @@ const renderLegend = (element, isDrive, items) => {
     });
 };
 exports.renderLegend = renderLegend;
-//# sourceMappingURL=renderLegend.js.map

package/dist/chart/plugins/linePlugin/drawLine.js

@@ -18,4 +18,3 @@ const drawLine = (ctx, x, topY, bottomY) => {
     ctx.restore();
 };
 exports.drawLine = drawLine;
-//# sourceMappingURL=drawLine.js.map

package/dist/chart/plugins/linePlugin/getInterpolatedValue.js

@@ -44,4 +44,3 @@ function getInterpolatedValue(xScale, data, datasetIndex, xPixel) {
     return interpolatedY;
 }
 exports.getInterpolatedValue = getInterpolatedValue;
-//# sourceMappingURL=getInterpolatedValue.js.map

package/dist/chart/plugins/linePlugin/interfaces.js

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

package/dist/chart/plugins/linePlugin/linePlugin.js

@@ -22,9 +22,9 @@ const LinePlugin = (containerId, options, isDark) => ({
                 const x = event.clientX - rect.left;
                 const y = event.clientY - rect.top;
                 // eslint-disable-next-line no-underscore-dangle, @typescript-eslint/no-explicit-any
-                const activeElements = options?.tooltipOnPoints ? chart._active : [];
-                if (x >= chart.chartArea.left && x <= chart.chartArea.right && (!options?.tooltipOnPoints || activeElements.length > 0)) {
-                    const sortedPoints = activeElements.sort((a, b) => Math.abs((a.element?.x || 0) - x) - Math.abs((b.element?.x || 0) - x));
+                const activeElements = (options === null || options === void 0 ? void 0 : options.tooltipOnPoints) ? chart._active : [];
+                if (x >= chart.chartArea.left && x <= chart.chartArea.right && (!(options === null || options === void 0 ? void 0 : options.tooltipOnPoints) || activeElements.length > 0)) {
+                    const sortedPoints = activeElements.sort((a, b) => { var _a, _b; return Math.abs((((_a = a.element) === null || _a === void 0 ? void 0 : _a.x) || 0) - x) - Math.abs((((_b = b.element) === null || _b === void 0 ? void 0 : _b.x) || 0) - x); });
                     chart.verticalLine.x = sortedPoints.length > 0 ? sortedPoints[0].element.x : x;
                     chart.verticalLine.y = y;
                     chart.verticalLine.enabled = true;
@@ -79,7 +79,7 @@ const LinePlugin = (containerId, options, isDark) => ({
                     const color = dataset.borderColor;
                     const item = {
                         label: label,
-                        value: (0, formatValue_1.formatValue)(value.toFixed(2), dsIndex, options?.unit),
+                        value: (0, formatValue_1.formatValue)(value.toFixed(2), dsIndex, options === null || options === void 0 ? void 0 : options.unit),
                         color: typeof color === "string" ? color : ""
                     };
                     return item;
@@ -99,22 +99,22 @@ const LinePlugin = (containerId, options, isDark) => ({
             const xValue = chart.scales.x.getValueForPixel(x);
             const xLabel = xValue ? chart.scales.x.getLabelForValue(xValue) : undefined;
             // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-            (0, renderTooltip_1.renderTooltip)(containerId, left + scrollLeft, top + scrollTop, "top", items, options?.title, options && options.subtitle !== undefined ? options.subtitle : xLabel, options?.note || undefined, isDark);
+            (0, renderTooltip_1.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);
         }
         else {
             (0, renderTooltip_1.hideTooltip)(containerId);
         }
     },
     beforeDestroy: (chart) => {
+        var _a, _b;
         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
         if (chart.canvas !== null) {
             // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-            chart.verticalLine?.mouseMove && chart.canvas.removeEventListener("mousemove", chart.verticalLine.mouseMove);
+            ((_a = chart.verticalLine) === null || _a === void 0 ? void 0 : _a.mouseMove) && chart.canvas.removeEventListener("mousemove", chart.verticalLine.mouseMove);
             // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-            chart.verticalLine?.mouseOut && chart.canvas.removeEventListener("mouseout", chart.verticalLine.mouseOut);
+            ((_b = chart.verticalLine) === null || _b === void 0 ? void 0 : _b.mouseOut) && chart.canvas.removeEventListener("mouseout", chart.verticalLine.mouseOut);
         }
         (0, renderTooltip_1.destroyTooltip)(containerId);
     }
 });
 exports.LinePlugin = LinePlugin;
-//# sourceMappingURL=linePlugin.js.map

package/dist/chart/plugins/tooltip/calculatePositions.js

@@ -42,4 +42,3 @@ exports.calculatePositions = {
         }
     }
 };
-//# sourceMappingURL=calculatePositions.js.map

package/dist/chart/plugins/tooltip/interfaces.js

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

package/dist/chart/plugins/tooltip/isOutOfViewport.js

@@ -17,4 +17,3 @@ const isOutOfViewport = (left, top, tooltipRect, bodyRect) => {
     return false;
 };
 exports.isOutOfViewport = isOutOfViewport;
-//# sourceMappingURL=isOutOfViewport.js.map

package/dist/chart/plugins/tooltip/renderTooltip.js

@@ -4,7 +4,6 @@ exports.destroyTooltip = exports.hideTooltip = exports.renderTooltip = void 0;
 const escapeHtml_1 = require("../../../utils/escapeHtml");
 const calculatePositions_1 = require("./calculatePositions");
 const isOutOfViewport_1 = require("./isOutOfViewport");
-require("./tooltip.less");
 const getOrCreateTooltip = (id, isDark) => {
     let tooltipEl = document.body.querySelector(`#${id}`);
     if (!tooltipEl) {
@@ -77,4 +76,3 @@ const destroyTooltip = (tooltipId) => {
     }
 };
 exports.destroyTooltip = destroyTooltip;
-//# sourceMappingURL=renderTooltip.js.map

package/dist/chart/plugins/tooltip/tooltipPlugin.js

@@ -104,7 +104,7 @@ const TooltipPlugin = (containerId, options, alignment = "top", isHidden, isDark
             const top = chartRect.top + y + scrollTop;
             const left = chartRect.left + x + scrollLeft;
             if (values.length > 0) {
-                (0, renderTooltip_1.renderTooltip)(containerId, left, top, alignment, values, options?.title || title, options?.subtitle || subtitle, options?.note || undefined, isDark);
+                (0, renderTooltip_1.renderTooltip)(containerId, left, top, alignment, values, (options === null || options === void 0 ? void 0 : options.title) || title, (options === null || options === void 0 ? void 0 : options.subtitle) || subtitle, (options === null || options === void 0 ? void 0 : options.note) || undefined, isDark);
             }
             else {
                 (0, renderTooltip_1.hideTooltip)(containerId);
@@ -115,15 +115,15 @@ const TooltipPlugin = (containerId, options, alignment = "top", isHidden, isDark
         }
     },
     beforeDestroy: (chart) => {
+        var _a, _b;
         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
         if (chart.canvas !== null) {
             // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-            chart.zenithTooltip?.mouseMove && chart.canvas.removeEventListener("mousemove", chart.zenithTooltip.mouseMove);
+            ((_a = chart.zenithTooltip) === null || _a === void 0 ? void 0 : _a.mouseMove) && chart.canvas.removeEventListener("mousemove", chart.zenithTooltip.mouseMove);
             // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-            chart.zenithTooltip?.mouseOut && chart.canvas.removeEventListener("mouseout", chart.zenithTooltip.mouseOut);
+            ((_b = chart.zenithTooltip) === null || _b === void 0 ? void 0 : _b.mouseOut) && chart.canvas.removeEventListener("mouseout", chart.zenithTooltip.mouseOut);
         }
         (0, renderTooltip_1.destroyTooltip)(containerId);
     }
 });
 exports.TooltipPlugin = TooltipPlugin;
-//# sourceMappingURL=tooltipPlugin.js.map

package/dist/chart/utils/convertDates.js

@@ -8,10 +8,7 @@ const convertDates = (data, toLocalDateTime) => {
         for (let j = 0; j < ds.length; j++) {
             const point = ds[j];
             if (typeof point === "object" && typeof point.x === "string" && (0, isDateString_1.isDateString)(point.x)) {
-                ds[j] = {
-                    ...point,
-                    x: toLocalDateTime(point.x)
-                };
+                ds[j] = Object.assign(Object.assign({}, point), { x: toLocalDateTime(point.x) });
                 continue;
             }
         }
@@ -19,4 +16,3 @@ const convertDates = (data, toLocalDateTime) => {
     return data;
 };
 exports.convertDates = convertDates;
-//# sourceMappingURL=convertDates.js.map

package/dist/chart/utils/getMinMax.js

@@ -26,4 +26,3 @@ const getMinMax = (data) => {
     return { min, max };
 };
 exports.getMinMax = getMinMax;
-//# sourceMappingURL=getMinMax.js.map

package/dist/chart/utils/getRange.js

@@ -16,4 +16,3 @@ const getRange = (data) => {
     };
 };
 exports.getRange = getRange;
-//# sourceMappingURL=getRange.js.map

package/dist/chart/utils/getXAxisMeta.js

@@ -31,4 +31,3 @@ const getXAxisMeta = (data, isTimedData) => {
     return { minDate: minDate.toISOString(), maxDate: maxDate.toISOString() };
 };
 exports.getXAxisMeta = getXAxisMeta;
-//# sourceMappingURL=getXAxisMeta.js.map

package/dist/chart/utils/getYAxisMeta.js

@@ -6,10 +6,7 @@ const mergeRanges_1 = require("./mergeRanges");
 const normalizeRange_1 = require("./normalizeRange");
 const getYAxisMeta = (data) => {
     if (data.datasets.length === 0) {
-        return [{
-                name: "y",
-                ...(0, getRange_1.getRange)({ data: [] })
-            }];
+        return [Object.assign({ name: "y" }, (0, getRange_1.getRange)({ data: [] }))];
     }
     const axisMap = data.datasets.reduce((acc, ds) => {
         const name = ds.yAxisID ? ds.yAxisID : "y";
@@ -17,13 +14,9 @@ const getYAxisMeta = (data) => {
         const prevAxis = acc[name];
         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
         const totalRange = prevAxis ? (0, mergeRanges_1.mergeRanges)(prevAxis, range) : range;
-        acc[name] = {
-            name: name,
-            ...totalRange
-        };
+        acc[name] = Object.assign({ name: name }, totalRange);
         return acc;
     }, {});
-    return Object.values(axisMap).map(el => ({ ...el, ...(0, normalizeRange_1.normalizeRange)(el) }));
+    return Object.values(axisMap).map(el => (Object.assign(Object.assign({}, el), (0, normalizeRange_1.normalizeRange)(el))));
 };
 exports.getYAxisMeta = getYAxisMeta;
-//# sourceMappingURL=getYAxisMeta.js.map

package/dist/chart/utils/isDateRange.js

@@ -17,4 +17,3 @@ const isDateRange = (data, defaultValue) => {
     return defaultValue;
 };
 exports.isDateRange = isDateRange;
-//# sourceMappingURL=isDateRange.js.map

package/dist/chart/utils/isDateString.js

@@ -4,4 +4,3 @@ exports.isDateString = void 0;
 const datePattern = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3}Z$/;
 const isDateString = (value) => datePattern.test(value);
 exports.isDateString = isDateString;
-//# sourceMappingURL=isDateString.js.map

package/dist/chart/utils/mergeRanges.js

@@ -7,4 +7,3 @@ const mergeRanges = (range1, range2) => {
     return { min, max };
 };
 exports.mergeRanges = mergeRanges;
-//# sourceMappingURL=mergeRanges.js.map

package/dist/chart/utils/normalizeRange.js

@@ -17,4 +17,3 @@ const normalizeRange = (range) => {
     return { min: min, max: max };
 };
 exports.normalizeRange = normalizeRange;
-//# sourceMappingURL=normalizeRange.js.map

package/dist/chart/utils/useHidden.js

@@ -18,4 +18,3 @@ const useHidden = () => {
     return { isHidden, toggleHidden };
 };
 exports.useHidden = useHidden;
-//# sourceMappingURL=useHidden.js.map

package/dist/checkbox/checkbox.js

@@ -22,25 +22,36 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+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.Checkbox = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const triStateCheckbox_1 = require("../triStateCheckbox/triStateCheckbox");
-require("./checkbox.less");
 const checkboxState_1 = require("./checkboxState");
 const checkboxUtils_1 = require("./checkboxUtils");
 const useDriveClassName_1 = require("../utils/theme/useDriveClassName");
 const checkboxIconCheckmark_1 = require("./checkboxIconCheckmark");
 const checkboxIconMinus_1 = require("./checkboxIconMinus");
-const Checkbox = ({ reverse, fullWidth, id, checked, indeterminate, title, className = "", children, disabled, wrapped, ...rest }) => {
+const Checkbox = (_a) => {
+    var { reverse, fullWidth, id, checked, indeterminate, title, className = "", children, disabled, wrapped } = _a, rest = __rest(_a, ["reverse", "fullWidth", "id", "checked", "indeterminate", "title", "className", "children", "disabled", "wrapped"]);
     const state = (0, checkboxUtils_1.getCheckboxState)(checked, indeterminate);
     const generatedId = react_1.default.useId();
     const intId = id || generatedId;
     const driveClasses = (0, useDriveClassName_1.useDriveClassName)("zen-checkbox");
     const checkboxIconClasses = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-checkbox__icon", disabled ? "zen-checkbox__icon--disabled" : ""]), [disabled]);
-    const checkbox = (0, jsx_runtime_1.jsx)(triStateCheckbox_1.TriStateCheckbox, { className: "zen-checkbox__input", id: intId, checked: checked, indeterminate: indeterminate, disabled: disabled, ...rest });
+    const checkbox = (0, jsx_runtime_1.jsx)(triStateCheckbox_1.TriStateCheckbox, Object.assign({ className: "zen-checkbox__input", id: intId, checked: checked, indeterminate: indeterminate, disabled: disabled }, rest));
     const iconAndLabel = (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-checkbox__box", children: state === checkboxState_1.CheckboxState.Indeterminate ? (0, jsx_runtime_1.jsx)(checkboxIconMinus_1.CheckboxIconMinus, { className: checkboxIconClasses, size: driveClasses ? "bigger" : "medium" }) :
                     state === checkboxState_1.CheckboxState.On ? (0, jsx_runtime_1.jsx)(checkboxIconCheckmark_1.CheckboxIconCheckmark, { className: checkboxIconClasses, size: driveClasses ? "bigger" : "medium" }) : null }), children
                 ? (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-checkbox__label-text", fullWidth ? "zen-checkbox__label-text--full-width" : ""]), children: children })
@@ -51,4 +62,3 @@ const Checkbox = ({ reverse, fullWidth, id, checked, indeterminate, title, class
     return (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-checkbox", driveClasses || "", className]), children: [checkbox, (0, jsx_runtime_1.jsx)("label", { className: (0, classNames_1.classNames)(["zen-checkbox__label", reverse ? "zen-checkbox__label--reverse" : ""]), htmlFor: intId, title: title, "aria-label": title, children: iconAndLabel })] });
 };
 exports.Checkbox = Checkbox;
-//# sourceMappingURL=checkbox.js.map

package/dist/checkbox/checkboxIconCheckmark.js

@@ -4,14 +4,12 @@ exports.CheckboxIconCheckmark = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
-require("../icons/icon.less");
 const CheckboxIconCheckmark = ({ className, size }) => {
     const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
         "zen-icon",
         (size ? `zen-icon--${size}` : ""),
-        className ?? ""
+        className !== null && className !== void 0 ? className : ""
     ]), [size, className]);
     return (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 14", focusable: "false", tabIndex: -1, "aria-hidden": "true", className: classes, "data-name": "CheckboxIconCheckmark", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 1a1.25 1.25 0 01.25 1.75l-7.5 10a1.25 1.25 0 01-1.842.174l-5-4.553a1.25 1.25 0 011.684-1.849l3.983 3.628 6.675-8.9A1.25 1.25 0 0115 1z" }) });
 };
 exports.CheckboxIconCheckmark = CheckboxIconCheckmark;
-//# sourceMappingURL=checkboxIconCheckmark.js.map

package/dist/checkbox/checkboxIconMinus.js

@@ -4,14 +4,12 @@ exports.CheckboxIconMinus = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
-require("../icons/icon.less");
 const CheckboxIconMinus = ({ className, size }) => {
     const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
         "zen-icon",
         (size ? `zen-icon--${size}` : ""),
-        className ?? ""
+        className !== null && className !== void 0 ? className : ""
     ]), [size, className]);
     return (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 10 2", focusable: "false", tabIndex: -1, "aria-hidden": "true", className: classes, "data-name": "CheckboxIconMinus", children: (0, jsx_runtime_1.jsx)("line", { x1: "1", y1: "1", x2: "9", y2: "1", strokeWidth: "2", strokeLinecap: "round" }) });
 };
 exports.CheckboxIconMinus = CheckboxIconMinus;
-//# sourceMappingURL=checkboxIconMinus.js.map

package/dist/checkbox/checkboxState.js

@@ -7,4 +7,3 @@ var CheckboxState;
     CheckboxState["Off"] = "Off";
     CheckboxState["Indeterminate"] = "Indeterminate";
 })(CheckboxState || (exports.CheckboxState = CheckboxState = {}));
-//# sourceMappingURL=checkboxState.js.map

package/dist/checkbox/checkboxUtils.js

@@ -4,4 +4,3 @@ exports.getCheckboxState = void 0;
 const checkboxState_1 = require("./checkboxState");
 const getCheckboxState = (checked = false, indeterminate = false) => checked ? checkboxState_1.CheckboxState.On : indeterminate ? checkboxState_1.CheckboxState.Indeterminate : checkboxState_1.CheckboxState.Off;
 exports.getCheckboxState = getCheckboxState;
-//# sourceMappingURL=checkboxUtils.js.map

package/dist/checkboxListWithAction/checkboxListWithAction.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TRANSLATIONS = exports.CheckboxListWithAction = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-require("./checkboxListWithAction.less");
 const checkbox_1 = require("../checkbox/checkbox");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const iconChevronRight_1 = require("../icons/iconChevronRight");
@@ -20,8 +19,9 @@ const CheckboxListWithAction = ({ label, options, onChange, onClick, search = []
         onChange({ id: elId, state: evtTarget.checked, partial: e.target.dataset.indeterminate === "true" });
     };
     const handleClick = (e) => {
+        var _a;
         const evtTarget = e.target;
-        const elId = evtTarget.getAttribute("data-btn") || evtTarget.parentElement?.getAttribute("data-btn") || "";
+        const elId = evtTarget.getAttribute("data-btn") || ((_a = evtTarget.parentElement) === null || _a === void 0 ? void 0 : _a.getAttribute("data-btn")) || "";
         onClick(elId);
     };
     const getLabelColorInfo = (color, withRightPadding, isHidden, extraArgs) => {
@@ -31,14 +31,14 @@ const CheckboxListWithAction = ({ label, options, onChange, onClick, search = []
         const colorAlpha = Math.round(color.a * 100 / 255) / 100;
         const opacityValue = colorAlpha < 0.1 ? 0.1 : colorAlpha;
         const colorString = `rgba(${color.r},${color.g},${color.b},${opacityValue})`;
-        return (0, jsx_runtime_1.jsx)("div", { ...extraArgs, className: (0, classNames_1.classNames)(["zen-checkbox-list-with-action__color-info", withRightPadding ? "zen-checkbox-list-with-action__color-info--right-indent" : "",
-                isHidden ? "zen-checkbox-list-with-action__color-info--hidden" : ""]), style: { backgroundColor: colorString } });
+        return (0, jsx_runtime_1.jsx)("div", Object.assign({}, extraArgs, { className: (0, classNames_1.classNames)(["zen-checkbox-list-with-action__color-info", withRightPadding ? "zen-checkbox-list-with-action__color-info--right-indent" : "",
+                isHidden ? "zen-checkbox-list-with-action__color-info--hidden" : ""]), style: { backgroundColor: colorString } }));
     };
     const getLabelCountSelectedChild = (countSelectedChild, extraArgs) => {
         if (!countSelectedChild) {
             return null;
         }
-        return (0, jsx_runtime_1.jsx)("div", { ...extraArgs, "aria-hidden": "true", className: "zen-checkbox-list-with-action__label-count", children: (0, jsx_runtime_1.jsx)("div", { className: "zen-checkbox-list-with-action__counter", children: (0, jsx_runtime_1.jsx)("span", { children: countSelectedChild }) }) });
+        return (0, jsx_runtime_1.jsx)("div", Object.assign({}, extraArgs, { "aria-hidden": "true", className: "zen-checkbox-list-with-action__label-count", children: (0, jsx_runtime_1.jsx)("div", { className: "zen-checkbox-list-with-action__counter", children: (0, jsx_runtime_1.jsx)("span", { children: countSelectedChild }) }) }));
     };
     const renderLabel = (option, lbl, ttl) => {
         const additionalTitle = option.countSelectedChild && option.isWithAction ?
@@ -48,8 +48,8 @@ const CheckboxListWithAction = ({ label, options, onChange, onClick, search = []
         const classN = (0, classNames_1.classNames)(["zen-checkbox-list-with-action__label", "zen-ellipsis",
             option.isWithAction ? "zen-checkbox-list-with-action__label--action" : ""]);
         const otherArgs = option.isWithAction ? { "data-btn": option.property } : {};
-        const childEl = (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-checkbox-list-with-action__label-text zen-ellipsis", ...otherArgs, children: [(0, jsx_runtime_1.jsx)("span", { className: "zen-ellipsis", ...otherArgs, children: lbl }), getLabelCountSelectedChild(option.countSelectedChild, otherArgs)] }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-checkbox-list-with-action__label-info", ...otherArgs, children: [getLabelColorInfo(option.color, option.isWithAction, option.partialChecked, otherArgs), option.isWithAction && (0, jsx_runtime_1.jsx)(iconChevronRight_1.IconChevronRight, { size: "large" })] })] });
-        return option.isWithAction ? (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: handleClick, title: title, className: classN, ...otherArgs, children: childEl }) : (0, jsx_runtime_1.jsx)("div", { className: classN, title: title, children: childEl });
+        const childEl = (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "zen-checkbox-list-with-action__label-text zen-ellipsis" }, otherArgs, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "zen-ellipsis" }, otherArgs, { children: lbl })), getLabelCountSelectedChild(option.countSelectedChild, otherArgs)] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "zen-checkbox-list-with-action__label-info" }, otherArgs, { children: [getLabelColorInfo(option.color, option.isWithAction, option.partialChecked, otherArgs), option.isWithAction && (0, jsx_runtime_1.jsx)(iconChevronRight_1.IconChevronRight, { size: "large" })] }))] });
+        return option.isWithAction ? (0, jsx_runtime_1.jsx)("button", Object.assign({ type: "button", onClick: handleClick, title: title, className: classN }, otherArgs, { children: childEl })) : (0, jsx_runtime_1.jsx)("div", { className: classN, title: title, children: childEl });
     };
     const build = (optionsArr) => {
         const selectSearchTerm = (wholeString) => {
@@ -79,4 +79,3 @@ exports.TRANSLATIONS = [
     "Toggle {groupName} filter",
     "Number of selected child groups - {count}"
 ];
-//# sourceMappingURL=checkboxListWithAction.js.map

package/dist/checkboxNonInteractive/checkboxNonInteractive.js

@@ -5,7 +5,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const checkboxState_1 = require("../checkbox/checkboxState");
 const checkboxUtils_1 = require("../checkbox/checkboxUtils");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
-require("./checkboxNonInteractive.less");
 const iconMinusIcon_1 = require("../icons/deprecated/iconMinusIcon");
 const iconCheckmark_1 = require("../icons/deprecated/iconCheckmark");
 const CheckboxNonInteractive = ({ checked, indeterminate, disabled, className = "", children }) => {
@@ -15,4 +14,3 @@ const CheckboxNonInteractive = ({ checked, indeterminate, disabled, className =
                         : (0, jsx_runtime_1.jsx)(iconCheckmark_1.IconCheckmark, { className: (0, classNames_1.classNames)(["zen-checkbox__icon", state === checkboxState_1.CheckboxState.Off ? "zen-checkbox__icon--hidden" : ""]) }) }), children ? (0, jsx_runtime_1.jsx)("div", { className: "zen-checkbox__label-text", children: children }) : null] }) });
 };
 exports.CheckboxNonInteractive = CheckboxNonInteractive;
-//# sourceMappingURL=checkboxNonInteractive.js.map

package/dist/columnsSelector/columnsSelector.js

@@ -5,7 +5,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const popup_1 = require("../popup/popup");
 const columnsTab_1 = require("./columnsTab/columnsTab");
 const columnsTabGroup_1 = require("./columnsTabGroup/columnsTabGroup");
-require("./columnsSelector.less");
 const svgIconSize_1 = require("../svgIcon/svgIconSize");
 const textIconButton_1 = require("../textIconButton/textIconButton");
 const iconRefresh_1 = require("../icons/deprecated/iconRefresh");
@@ -28,4 +27,3 @@ exports.TRANSLATIONS = [
     "Columns",
     "Reset to default"
 ];
-//# sourceMappingURL=columnsSelector.js.map

package/dist/columnsSelector/columnsTab/columnsTab.js

@@ -15,10 +15,9 @@ const ColumnsTab = ({ columns, onColumnToggle, id }) => {
             children: col.label
         };
     });
-    return (0, jsx_runtime_1.jsx)(selectList_1.SelectList, { title: translate("Columns selector"), multiselect: true, showCheckbox: true, id: `columns-list-${id}`, value: new Map(columns.map(col => [col.id, col.isChecked ? checkboxState_1.CheckboxState.On : checkboxState_1.CheckboxState.Off])), onChange: state => onColumnToggle(columns.map(col => ({ ...col, isChecked: state.get(col.id) === checkboxState_1.CheckboxState.On }))), items: listItems });
+    return (0, jsx_runtime_1.jsx)(selectList_1.SelectList, { title: translate("Columns selector"), multiselect: true, showCheckbox: true, id: `columns-list-${id}`, value: new Map(columns.map(col => [col.id, col.isChecked ? checkboxState_1.CheckboxState.On : checkboxState_1.CheckboxState.Off])), onChange: state => onColumnToggle(columns.map(col => (Object.assign(Object.assign({}, col), { isChecked: state.get(col.id) === checkboxState_1.CheckboxState.On })))), items: listItems });
 };
 exports.ColumnsTab = ColumnsTab;
 exports.TRANSLATIONS = [
     "Columns selector"
 ];
-//# sourceMappingURL=columnsTab.js.map

package/dist/columnsSelector/columnsTabGroup/columnsTabGroup.js

@@ -16,7 +16,7 @@ const ColumnsTabGroup = ({ columns, onColumnToggle }) => {
         const handleColumnToggle = (state) => {
             const updatedColumnsGroup = columns.map(function (col, j) {
                 if (i === j) {
-                    return { ...col, children: state };
+                    return Object.assign(Object.assign({}, col), { children: state });
                 }
                 return col;
             });
@@ -41,4 +41,3 @@ exports.ColumnsTabGroup = ColumnsTabGroup;
 exports.TRANSLATIONS = [
     "Additional Properties"
 ];
-//# sourceMappingURL=columnsTabGroup.js.map

package/dist/comboList/comboList.js

@@ -4,7 +4,6 @@ exports.ComboList = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable react/prop-types */
 const react_1 = require("react");
-require("./comboList.less");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const comboListHook_1 = require("./comboListHook");
 const iconFolderNew_1 = require("../icons/deprecated/iconFolderNew");
@@ -29,4 +28,3 @@ const ComboList = ({ className, items, onChange, listId, path, checkedItems, hov
         }) });
 };
 exports.ComboList = ComboList;
-//# sourceMappingURL=comboList.js.map

package/dist/comboList/comboListHook.js

@@ -12,4 +12,3 @@ const useAutoScroll = (hoverId, items, ref) => {
     }, [hoverId, items, ref]);
 };
 exports.useAutoScroll = useAutoScroll;
-//# sourceMappingURL=comboListHook.js.map