@geotab/zenith 3.7.0 → 3.8.0-beta.1

package/dist/pillExpandable/pillExpandableAlignments.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.alignments = void 0;
 exports.alignments = {
-    "top": (triggerRect, popupRect, parentRect, _, paddingY) => ({
+    top: (triggerRect, popupRect, parentRect, _, paddingY) => ({
         top: triggerRect.top - parentRect.top - popupRect.height + paddingY,
         left: triggerRect.left - parentRect.left - (popupRect.width - triggerRect.width) / 2
     }),
@@ -14,9 +14,9 @@ exports.alignments = {
         top: triggerRect.top - parentRect.top - popupRect.height + paddingY,
         right: parentRect.right - triggerRect.right - paddingX
     }),
-    "bottom": (triggerRect, popupRect, parentRect, paddingX, paddingY) => ({
+    bottom: (triggerRect, popupRect, parentRect, paddingX, paddingY) => ({
         top: triggerRect.top - parentRect.top + triggerRect.height - paddingY,
-        left: triggerRect.left - parentRect.left - (popupRect.width - triggerRect.width) / 2 - (paddingX / 2)
+        left: triggerRect.left - parentRect.left - (popupRect.width - triggerRect.width) / 2 - paddingX / 2
     }),
     "bottom-left": (triggerRect, _1, parentRect, paddingX, paddingY) => ({
         top: triggerRect.top - parentRect.top + triggerRect.height - paddingY,
@@ -26,9 +26,9 @@ exports.alignments = {
         top: triggerRect.top - parentRect.top + triggerRect.height - paddingY,
         right: parentRect.right - triggerRect.right - paddingX
     }),
-    "left": (triggerRect, popupRect, parentRect, paddingX, _) => ({
-        right: parentRect.right - triggerRect.right + triggerRect.width - (paddingX / 2),
-        top: triggerRect.top - parentRect.top - ((popupRect.height - triggerRect.height) / 2)
+    left: (triggerRect, popupRect, parentRect, paddingX, _) => ({
+        right: parentRect.right - triggerRect.right + triggerRect.width - paddingX / 2,
+        top: triggerRect.top - parentRect.top - (popupRect.height - triggerRect.height) / 2
     }),
     "left-top": (triggerRect, _1, parentRect, paddingX, paddingY) => ({
         right: parentRect.right - triggerRect.right + triggerRect.width - paddingX,
@@ -38,16 +38,16 @@ exports.alignments = {
         right: parentRect.right - triggerRect.right + triggerRect.width - paddingX,
         top: parentRect.bottom - triggerRect.bottom - paddingY
     }),
-    "right": (triggerRect, popupRect, parentRect, paddingX, _) => ({
-        left: triggerRect.left - parentRect.left + triggerRect.width - (paddingX / 2),
+    right: (triggerRect, popupRect, parentRect, paddingX, _) => ({
+        left: triggerRect.left - parentRect.left + triggerRect.width - paddingX / 2,
         top: triggerRect.top - parentRect.top - (popupRect.height - triggerRect.height) / 2
     }),
     "right-top": (triggerRect, _1, parentRect, paddingX, paddingY) => ({
         left: triggerRect.left - parentRect.left + triggerRect.width - paddingX,
-        top: triggerRect.top - parentRect.top - (paddingY / 2)
+        top: triggerRect.top - parentRect.top - paddingY / 2
     }),
     "right-bottom": (triggerRect, _1, parentRect, paddingX, paddingY) => ({
         left: triggerRect.left - parentRect.left + triggerRect.width - paddingX,
-        bottom: parentRect.bottom - triggerRect.bottom - (paddingY / 2)
+        bottom: parentRect.bottom - triggerRect.bottom - paddingY / 2
     })
 };

package/dist/pillExpandable/pillExpandablePopoverContent.js

@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PillExpandablePopoverContent = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const pillContent_1 = require("./pillContent");
-const PillExpandablePopoverContent = ({ variant, customContent, onActionClick, descriptionText, date, count, mainAction, secondaryAction, tertiaryAction, errorHandler, descriptionId, childToDisplay }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [variant === "placeholder" && customContent, variant === "default" && ((0, jsx_runtime_1.jsx)(pillContent_1.PillContent, { onActionClick: onActionClick, descriptionText: descriptionText, date: date, count: count, mainAction: mainAction, secondaryAction: secondaryAction, tertiaryAction: tertiaryAction, errorHandler: errorHandler, descriptionId: descriptionId })), childToDisplay.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "zen-status-pill-popup__children", children: childToDisplay }))] }));
+const PillExpandablePopoverContent = ({ variant, customContent, onActionClick, descriptionText, date, count, mainAction, secondaryAction, tertiaryAction, errorHandler, descriptionId, childToDisplay }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [variant === "placeholder" && customContent, variant === "default" && ((0, jsx_runtime_1.jsx)(pillContent_1.PillContent, { onActionClick: onActionClick, descriptionText: descriptionText, date: date, count: count, mainAction: mainAction, secondaryAction: secondaryAction, tertiaryAction: tertiaryAction, errorHandler: errorHandler, descriptionId: descriptionId })), childToDisplay.length > 0 && (0, jsx_runtime_1.jsx)("div", { className: "zen-status-pill-popup__children", children: childToDisplay })] }));
 exports.PillExpandablePopoverContent = PillExpandablePopoverContent;

package/dist/pillExpandable/pillExpandableSimple.js

@@ -19,23 +19,27 @@ const PillExpandableSimple = ({ onExpand, expandAriaText, text, expanded, includ
     const iconSize = isBeta ? "big" : isLargeIcon ? "large" : "big";
     const hasText = (text || "").trim().length > 0;
     const isTextCentered = icon === false && !includeExpandIcon;
-    return (0, jsx_runtime_1.jsxs)("button", { type: "button", className: (0, classNames_1.classNames)([
-            "zen-status-pill__container", `zen-status-pill__container--${type}`, containerDriveClassName || "", className || "", "zen-ellipsis"
-        ]), ref: ref, onClick: onExpandHandler, tabIndex: !includeExpandIcon ? -1 : undefined, "aria-describedby": descriptionId, children: [icon !== false && (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)([
+    return ((0, jsx_runtime_1.jsxs)("button", { type: "button", className: (0, classNames_1.classNames)([
+            "zen-status-pill__container",
+            `zen-status-pill__container--${type}`,
+            containerDriveClassName || "",
+            className || "",
+            "zen-ellipsis"
+        ]), ref: ref, onClick: onExpandHandler, tabIndex: !includeExpandIcon ? -1 : undefined, "aria-describedby": descriptionId, children: [icon !== false && ((0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)([
                     "zen-status-pill__icon",
                     `zen-status-pill__icon--${type}`,
                     isLargeIcon ? "zen-status-pill__icon--large" : "",
                     hasText ? "" : "zen-status-pill__icon--standalone"
                 ]), children: (0, react_1.createElement)(icon, {
                     size: iconSize
-                }) }), hasText && (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)([
+                }) })), hasText && ((0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)([
                     "zen-status-pill__text",
                     `zen-status-pill__text--${type}`,
                     "zen-ellipsis",
                     isTextCentered ? "zen-status-pill__text--centered" : ""
-                ]), children: text }), includeExpandIcon && (0, jsx_runtime_1.jsx)("div", { className: `zen-status-pill__expand-button zen-status-pill__expand-button--${type}`, "aria-label": expandAriaText, children: (0, jsx_runtime_1.jsx)("div", { className: "zen-status-pill__icon", children: (0, react_1.createElement)(ChevronIcon, {
+                ]), children: text })), includeExpandIcon && ((0, jsx_runtime_1.jsx)("div", { className: `zen-status-pill__expand-button zen-status-pill__expand-button--${type}`, "aria-label": expandAriaText, children: (0, jsx_runtime_1.jsx)("div", { className: "zen-status-pill__icon", children: (0, react_1.createElement)(ChevronIcon, {
                         size: iconSize
-                    }) }) })] });
+                    }) }) }))] }));
 };
 exports.PillExpandableSimple = PillExpandableSimple;
 exports.PillExpandableSimple.displayName = "PillExpandableSimple";

package/dist/popup/popup.js

@@ -36,7 +36,7 @@ const Popup = ({ id, trigger, triggerRef, triggerBy = "click", alignment, childr
     const autoId = (0, react_1.useId)();
     const popupId = id || autoId;
     const triggerEvents = {
-        "hover": {
+        hover: {
             onMouseOver: () => {
                 setIsOpen(true);
             },
@@ -44,7 +44,7 @@ const Popup = ({ id, trigger, triggerRef, triggerBy = "click", alignment, childr
                 setIsOpen(false);
             }
         },
-        "click": {
+        click: {
             onClick: () => {
                 setIsOpen(!isOpen);
             }
@@ -94,6 +94,6 @@ const Popup = ({ id, trigger, triggerRef, triggerBy = "click", alignment, childr
         throw new Error("Popup: either trigger or triggerRef property should be passed");
     }
     const triggerComp = renderTrigger();
-    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [triggerComp, (0, jsx_runtime_1.jsx)(controlledPopup_1.ControlledPopup, { shouldHoldScroll: shouldHoldScroll, useTrapFocusWithTrigger: "on", isOpen: isOpen, triggerRef: triggerRef || triggerElRef, id: popupId, className: className, alignment: alignment, inline: inline, paddingY: 0, paddingX: 0, onOpenChange: setIsOpen, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledBy || ((_a = triggerComp === null || triggerComp === void 0 ? void 0 : triggerComp.props) === null || _a === void 0 ? void 0 : _a.id), recalculateOnScroll: recalculateOnScroll, children: children })] });
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [triggerComp, (0, jsx_runtime_1.jsx)(controlledPopup_1.ControlledPopup, { shouldHoldScroll: shouldHoldScroll, useTrapFocusWithTrigger: "on", isOpen: isOpen, triggerRef: triggerRef || triggerElRef, id: popupId, className: className, alignment: alignment, inline: inline, paddingY: 0, paddingX: 0, onOpenChange: setIsOpen, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledBy || ((_a = triggerComp === null || triggerComp === void 0 ? void 0 : triggerComp.props) === null || _a === void 0 ? void 0 : _a.id), recalculateOnScroll: recalculateOnScroll, children: children })] }));
 };
 exports.Popup = Popup;

package/dist/primaryIcon/primaryIcon.js

@@ -15,10 +15,10 @@ const PrimaryIcon = ({ icon, className, onClick, link, target, title, disabled,
         className || ""
     ]), [onClick, link, className, disabled, style]);
     if (onClick) {
-        return (0, jsx_runtime_1.jsx)("button", { className: topClassName, onClick: onClick, disabled: disabled, title: title, "aria-label": title, children: iconNode });
+        return ((0, jsx_runtime_1.jsx)("button", { className: topClassName, onClick: onClick, disabled: disabled, title: title, "aria-label": title, children: iconNode }));
     }
     if (link) {
-        return (0, jsx_runtime_1.jsx)("a", { className: topClassName, href: disabled ? undefined : link, target: target, title: title, "aria-label": title, children: iconNode });
+        return ((0, jsx_runtime_1.jsx)("a", { className: topClassName, href: disabled ? undefined : link, target: target, title: title, "aria-label": title, children: iconNode }));
     }
     return (0, jsx_runtime_1.jsx)("div", { className: topClassName, children: iconNode });
 };

package/dist/progressBar/progressBar.d.ts

@@ -9,7 +9,7 @@ export declare const ProgreesBarSize: {
     readonly Medium: "medium";
     readonly Large: "large";
 };
-export type TProgressBarSize = typeof ProgreesBarSize[keyof typeof ProgreesBarSize];
+export type TProgressBarSize = (typeof ProgreesBarSize)[keyof typeof ProgreesBarSize];
 interface IProgressBar {
     min?: number;
     max?: number;

package/dist/progressBar/progressBarUtils.js

@@ -9,7 +9,7 @@ const getProgressBarValue = (min, max, now) => {
     if (!(0, exports.isValidProggressBar)(min, max, now)) {
         return null;
     }
-    const result = (now - min) / (max - min) * 100;
+    const result = ((now - min) / (max - min)) * 100;
     return (result > 0 ? result : 0).toFixed(PROGRESS_BAR_PRECISION);
 };
 exports.getProgressBarValue = getProgressBarValue;

package/dist/radio/radio.d.ts

@@ -3,9 +3,9 @@ import "./radio.less";
 import { IZenComponentProps } from "../commonHelpers/zenComponent";
 export interface IRadio extends IZenComponentProps {
     /**
-    * @deprecated
-    * @param id - will be removed in the next major release
-    */
+     * @deprecated
+     * @param id - will be removed in the next major release
+     */
     id?: string;
     name?: string;
     value?: string;
@@ -17,6 +17,7 @@ export interface IRadio extends IZenComponentProps {
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     tabIndex?: number;
     wrappedInLabel?: boolean;
+    role?: string;
     ref?: RefObject<HTMLInputElement | null>;
 }
-export declare const Radio: ({ fullWidth, id, reverse, checked, title, className, name, value, children, wrappedInLabel, disabled, ref, ...rest }: IRadio) => import("react/jsx-runtime").JSX.Element;
+export declare const Radio: ({ fullWidth, id, reverse, checked, title, className, name, value, children, wrappedInLabel, disabled, role, ref, ...rest }: IRadio) => import("react/jsx-runtime").JSX.Element;

package/dist/radio/radio.js

@@ -21,11 +21,20 @@ const classNames_1 = require("../commonHelpers/classNames/classNames");
 const useDriveClassName_1 = require("../utils/theme/useDriveClassName");
 const useMobile_1 = require("../commonHelpers/hooks/useMobile");
 const Radio = (_a) => {
-    var { fullWidth, id, reverse, checked, title, className = "", name, value, children, wrappedInLabel, disabled, ref } = _a, rest = __rest(_a, ["fullWidth", "id", "reverse", "checked", "title", "className", "name", "value", "children", "wrappedInLabel", "disabled", "ref"]);
+    var { fullWidth, id, reverse, checked, title, className = "", name, value, children, wrappedInLabel, disabled, role, ref } = _a, rest = __rest(_a, ["fullWidth", "id", "reverse", "checked", "title", "className", "name", "value", "children", "wrappedInLabel", "disabled", "role", "ref"]);
     const generatedId = react_1.default.useId();
     const intId = generatedId;
     const isMobile = (0, useMobile_1.useMobile)();
     const driveClassess = (0, useDriveClassName_1.useDriveClassName)("zen-radio");
-    return (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-radio", className, disabled ? "zen-radio--disabled" : ""]), children: (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-radio__wrapper", isMobile && !driveClassess ? "zen-radio__wrapper--mobile" : "", driveClassess || "", reverse ? "zen-radio__wrapper--reversed" : ""]), children: [wrappedInLabel ? null : (0, jsx_runtime_1.jsx)("input", Object.assign({ type: "radio", className: "zen-radio__input", id: intId, name: name, value: value, checked: checked, disabled: disabled || false, ref: ref }, rest)), (0, jsx_runtime_1.jsxs)("label", { className: (0, classNames_1.classNames)(["zen-radio__label", fullWidth ? "zen-radio__label--full-width" : "", wrappedInLabel ? "zen-radio__label--input-wrapper" : ""]), htmlFor: intId, title: title, "aria-label": title, children: [wrappedInLabel ? (0, jsx_runtime_1.jsx)("input", Object.assign({ type: "radio", className: "zen-radio__input", id: intId, name: name, value: value, checked: checked, disabled: disabled || false, ref: ref }, rest)) : null, children ? (0, jsx_runtime_1.jsx)("div", { className: "zen-radio__label-text", children: children }) : null] })] }) });
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-radio", className, disabled ? "zen-radio--disabled" : ""]), children: (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)([
+                "zen-radio__wrapper",
+                isMobile && !driveClassess ? "zen-radio__wrapper--mobile" : "",
+                driveClassess || "",
+                reverse ? "zen-radio__wrapper--reversed" : ""
+            ]), children: [wrappedInLabel ? null : ((0, jsx_runtime_1.jsx)("input", Object.assign({ type: "radio", className: "zen-radio__input", id: intId, name: name, value: value, checked: checked, disabled: disabled || false, ref: ref, role: role || "radio" }, rest))), (0, jsx_runtime_1.jsxs)("label", { className: (0, classNames_1.classNames)([
+                        "zen-radio__label",
+                        fullWidth ? "zen-radio__label--full-width" : "",
+                        wrappedInLabel ? "zen-radio__label--input-wrapper" : ""
+                    ]), htmlFor: intId, title: title, "aria-label": title, children: [wrappedInLabel ? ((0, jsx_runtime_1.jsx)("input", Object.assign({ type: "radio", className: "zen-radio__input", id: intId, name: name, value: value, checked: checked, disabled: disabled || false, ref: ref, role: role || "radio" }, rest))) : null, children ? (0, jsx_runtime_1.jsx)("div", { className: "zen-radio__label-text", children: children }) : null] })] }) }));
 };
 exports.Radio = Radio;

package/dist/radioGroupRaw/radioGroupRaw.js

@@ -33,7 +33,7 @@ const react_3 = require("react");
 const reviewTextControl_1 = require("../formGroup/components/reviewTextControl");
 const useFormFieldValues_1 = require("../commonHelpers/hooks/useFormFieldValues/useFormFieldValues");
 const RadioGroupRaw = (props) => {
-    const { fullWidth, reverse, id, items, className, type = "static", direction = "horizontal", selectItemOnFocus = true, wrappedInLabel, isReadOnly, size } = props;
+    const { fullWidth, reverse, id, items, className, type = "static", direction = "horizontal", selectItemOnFocus = true, wrappedInLabel, isReadOnly, size, wrapperRole, itemRole } = props;
     const { value, name, disabled, onChange, onBlur } = (0, useFormFieldValues_1.useFormFieldValues)(props.controller, props);
     const generatedId = react_2.default.useId();
     const intId = id || generatedId;
@@ -44,7 +44,7 @@ const RadioGroupRaw = (props) => {
         onChange === null || onChange === void 0 ? void 0 : onChange(e);
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
     };
-    const findNextEnabledIndex = (0, react_2.useCallback)((currentIndex) => {
+    const findNextEnabledIndex = (0, react_2.useCallback)(currentIndex => {
         var _a;
         let newIndex = (currentIndex + 1) % items.length;
         while ((_a = items[newIndex]) === null || _a === void 0 ? void 0 : _a.disabled) {
@@ -52,7 +52,7 @@ const RadioGroupRaw = (props) => {
         }
         return newIndex;
     }, [items]);
-    const findPrevEnabledIndex = (0, react_2.useCallback)((currentIndex) => {
+    const findPrevEnabledIndex = (0, react_2.useCallback)(currentIndex => {
         var _a;
         let newIndex = (currentIndex - 1 + items.length) % items.length;
         while ((_a = items[newIndex]) === null || _a === void 0 ? void 0 : _a.disabled) {
@@ -60,7 +60,7 @@ const RadioGroupRaw = (props) => {
         }
         return newIndex;
     }, [items]);
-    const handleKeyDown = (e) => {
+    const handleKeyDown = e => {
         var _a;
         if (e.key === "ArrowDown" || e.key === "ArrowRight") {
             e.preventDefault();
@@ -81,11 +81,15 @@ const RadioGroupRaw = (props) => {
         var _a;
         (_a = focusElementRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }, [focusedIndex]);
-    const extraProps = selectItemOnFocus ? {} : ({ role: "radiogroup", tabIndex: 0 });
+    const extraProps = selectItemOnFocus ? {} : { tabIndex: 0 };
     if (isReadOnly) {
         return (0, jsx_runtime_1.jsx)(reviewTextControl_1.ReviewTextControl, { value: value || "" });
     }
-    return (0, jsx_runtime_1.jsx)("div", { id: intId, className: (0, classNames_1.classNames)([classes, className || ""]), children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "zen-radio-group__wrapper", onKeyDown: selectItemOnFocus ? undefined : handleKeyDown }, extraProps, { children: items.map((item, ind) => (0, react_1.createElement)(radio_1.Radio, Object.assign({}, item, { className: (0, classNames_1.classNames)(["zen-radio-group__item", wrappedInLabel ? "zen-radio-group__item--no-paddings" : "", type === "interactive" ? "zen-radio--interactive" : "",
-                    size === "small" ? "zen-radio-group__item--small" : ""]), key: ind, checked: item.value === value, disabled: disabled ? disabled : item.disabled, name: name, reverse: reverse, fullWidth: fullWidth, value: item.value, onChange: onChangeInner, wrappedInLabel: wrappedInLabel, tabIndex: selectItemOnFocus || disabled || item.disabled ? undefined : (ind === focusedIndex ? 0 : -1), ref: selectItemOnFocus ? undefined : (ind === focusedIndex ? focusElementRef : undefined) }), item.children)) })) });
+    return ((0, jsx_runtime_1.jsx)("div", { id: intId, className: (0, classNames_1.classNames)([classes, className || ""]), children: (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "zen-radio-group__wrapper", onKeyDown: selectItemOnFocus ? undefined : handleKeyDown }, extraProps, { role: wrapperRole || "radiogroup", children: items.map((item, ind) => ((0, jsx_runtime_1.jsx)("li", { role: "none", children: (0, react_1.createElement)(radio_1.Radio, Object.assign({}, item, { className: (0, classNames_1.classNames)([
+                        "zen-radio-group__item",
+                        wrappedInLabel ? "zen-radio-group__item--no-paddings" : "",
+                        type === "interactive" ? "zen-radio--interactive" : "",
+                        size === "small" ? "zen-radio-group__item--small" : ""
+                    ]), key: ind, checked: item.value === value, disabled: disabled ? disabled : item.disabled, name: name, reverse: reverse, fullWidth: fullWidth, value: item.value, onChange: onChangeInner, wrappedInLabel: wrappedInLabel, tabIndex: selectItemOnFocus || disabled || item.disabled ? undefined : ind === focusedIndex ? 0 : -1, ref: selectItemOnFocus ? undefined : ind === focusedIndex ? focusElementRef : undefined, role: itemRole }), item.children) }, `${ind}-li`))) })) }));
 };
 exports.RadioGroupRaw = RadioGroupRaw;

package/dist/radioGroupRaw/types.d.ts

@@ -12,6 +12,8 @@ export interface IRadioGroupRawBase extends IZenComponentProps {
     selectItemOnFocus?: boolean;
     wrappedInLabel?: boolean;
     size?: "small";
+    wrapperRole?: string;
+    itemRole?: string;
 }
 export interface IRadioGroupRawDefault extends IRadioGroupRawBase {
     name?: string;

package/dist/rangeRaw/components/rangeField.js

@@ -14,11 +14,15 @@ const RangeField = ({ value, onChange, onBlur, id, label, unit, disabled, min, m
     const mobileLabelClass = (0, useMobileClassName_1.useMobileClassName)("zen-range-field__label");
     const mobileSenseClass = (0, useMobileClassName_1.useMobileClassName)("zen-range-field__sense");
     const mobileInputClass = (0, useMobileClassName_1.useMobileClassName)("zen-range-field__input");
-    const handleChange = (e) => {
+    const handleChange = e => {
         const newValue = e.target.value ? Number(e.target.value) : null;
         onChange(id, newValue);
     };
-    return (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-range-field", direction === "row" ? "zen-range-field--row" : "zen-range-field--column",
-            isMinField ? "zen-range-field--min" : "zen-range-field--max", className || ""]), children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-range-field__content", children: [(0, jsx_runtime_1.jsx)("label", { className: (0, classNames_1.classNames)(["zen-range-field__label", "zen-ellipsis", mobileLabelClass || ""]), id: labelId, htmlFor: inputId, children: label }), (0, jsx_runtime_1.jsx)("div", { className: "zen-range-field__input-container", children: (0, jsx_runtime_1.jsx)(textInput_1.TextInput, { inputClassName: (0, classNames_1.classNames)(["zen-range-field__input", mobileInputClass || "", errorString ? "zen-text-input--error" : ""]), value: value !== null ? value.toString() : "", placeholder: "", onChange: handleChange, onBlur: onBlur, disabled: disabled, type: "number", ref: inputRef, id: inputId, error: "", ariaLabelledby: `${labelId} ${unit ? unitId : ""}`, min: min, max: max }) }), unit ? (0, jsx_runtime_1.jsx)("div", { id: unitId, className: (0, classNames_1.classNames)(["zen-range-field__sense", "zen-ellipsis", mobileSenseClass || ""]), children: (0, jsx_runtime_1.jsx)("div", { className: "zen-range-field__sense-text zen-ellipsis", children: unit }) }) : null] }), errorString && direction !== "row" ? (0, jsx_runtime_1.jsxs)("div", { className: "zen-range-field__error", children: [(0, jsx_runtime_1.jsx)(iconException_1.IconException, { className: "zen-range-field__error-icon", size: "bigger" }), (0, jsx_runtime_1.jsx)("div", { className: "zen-range-field__error-text", children: errorString })] }) : null] });
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)([
+            "zen-range-field",
+            direction === "row" ? "zen-range-field--row" : "zen-range-field--column",
+            isMinField ? "zen-range-field--min" : "zen-range-field--max",
+            className || ""
+        ]), children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-range-field__content", children: [(0, jsx_runtime_1.jsx)("label", { className: (0, classNames_1.classNames)(["zen-range-field__label", "zen-ellipsis", mobileLabelClass || ""]), id: labelId, htmlFor: inputId, children: label }), (0, jsx_runtime_1.jsx)("div", { className: "zen-range-field__input-container", children: (0, jsx_runtime_1.jsx)(textInput_1.TextInput, { inputClassName: (0, classNames_1.classNames)(["zen-range-field__input", mobileInputClass || "", errorString ? "zen-text-input--error" : ""]), value: value !== null ? value.toString() : "", placeholder: "", onChange: handleChange, onBlur: onBlur, disabled: disabled, type: "number", ref: inputRef, id: inputId, error: "", ariaLabelledby: `${labelId} ${unit ? unitId : ""}`, min: min, max: max }) }), unit ? ((0, jsx_runtime_1.jsx)("div", { id: unitId, className: (0, classNames_1.classNames)(["zen-range-field__sense", "zen-ellipsis", mobileSenseClass || ""]), children: (0, jsx_runtime_1.jsx)("div", { className: "zen-range-field__sense-text zen-ellipsis", children: unit }) })) : null] }), errorString && direction !== "row" ? ((0, jsx_runtime_1.jsxs)("div", { className: "zen-range-field__error", children: [(0, jsx_runtime_1.jsx)(iconException_1.IconException, { className: "zen-range-field__error-icon", size: "bigger" }), (0, jsx_runtime_1.jsx)("div", { className: "zen-range-field__error-text", children: errorString })] })) : null] }));
 };
 exports.RangeField = RangeField;

package/dist/rangeRaw/rangeRaw.js

@@ -47,6 +47,7 @@ injectString("tr", "Min", "Min.");
 injectString("zh-Hans", "Min", "\u6700\u5C0F");
 injectString("zh-TW", "Min", "\u6700\u5C0F");
 injectString("ro-RO", "Min", "Min.");
+injectString("ar-SA", "Min", "\u0627\u0644\u062D\u062F \u0627\u0644\u0623\u062F\u0646\u0649");
 injectString("cs", "Max", "Max.");
 injectString("da-DK", "Max", "Maks");
 injectString("de", "Max", "Max");
@@ -73,6 +74,7 @@ injectString("tr", "Max", "Maks.");
 injectString("zh-Hans", "Max", "\u6700\u5927");
 injectString("zh-TW", "Max", "\u6700\u5927");
 injectString("ro-RO", "Max", "Max.");
+injectString("ar-SA", "Max", "\u0627\u0644\u062D\u062F \u0627\u0644\u0623\u0642\u0635\u0649");
 injectString("cs", "Range Filter popup", "Vyskakovac\xED okno Filtr rozmez\xED");
 injectString("da-DK", "Range Filter popup", "Pop op-vindue med omr\xE5defilter");
 injectString("de", "Range Filter popup", "Bereichsfilter-Popup");
@@ -99,6 +101,7 @@ injectString("tr", "Range Filter popup", "Aral\u0131k Filtresi a\xE7\u0131l\u013
 injectString("zh-Hans", "Range Filter popup", "\u201C\u8303\u56F4\u7B5B\u9009\u6761\u4EF6\u201D\u5F39\u51FA\u7A97\u53E3");
 injectString("zh-TW", "Range Filter popup", "\u7BC4\u570D\u7BE9\u9078\u5F48\u51FA\u8996\u7A97");
 injectString("ro-RO", "Range Filter popup", "Pop-up filtru interval");
+injectString("ar-SA", "Range Filter popup", "\u0646\u0627\u0641\u0630\u0629 \u062A\u0635\u0641\u064A\u0629 \u0627\u0644\u0646\u0637\u0627\u0642");
 injectString("cs", "Clear", "Vymazat");
 injectString("da-DK", "Clear", "Ryd");
 injectString("de", "Clear", "L\xF6schen");
@@ -125,6 +128,7 @@ injectString("tr", "Clear", "Temizle");
 injectString("zh-Hans", "Clear", "\u6E05\u9664");
 injectString("zh-TW", "Clear", "\u6E05\u9664");
 injectString("ro-RO", "Clear", "\u0218terge\u021Bi");
+injectString("ar-SA", "Clear", "\u0645\u0633\u062D");
 injectString("cs", "Cancel", "Zru\u0161it");
 injectString("da-DK", "Cancel", "Annuller");
 injectString("de", "Cancel", "Abbrechen");
@@ -151,6 +155,7 @@ injectString("tr", "Cancel", "\u0130ptal");
 injectString("zh-Hans", "Cancel", "\u53D6\u6D88");
 injectString("zh-TW", "Cancel", "\u53D6\u6D88");
 injectString("ro-RO", "Cancel", "Anula\u021Bi");
+injectString("ar-SA", "Cancel", "\u0625\u0644\u063A\u0627\u0621");
 injectString("cs", "Apply", "Pou\u017E\xEDt");
 injectString("da-DK", "Apply", "Anvend");
 injectString("de", "Apply", "Anwenden");
@@ -177,6 +182,7 @@ injectString("tr", "Apply", "Uygula");
 injectString("zh-Hans", "Apply", "\u5E94\u7528");
 injectString("zh-TW", "Apply", "\u5957\u7528");
 injectString("ro-RO", "Apply", "Aplica\u021Bi");
+injectString("ar-SA", "Apply", "\u062A\u0637\u0628\u064A\u0642");
 injectString("cs", "{rangeName} values {values}", "{rangeName} v hodnot\u011B {values}");
 injectString("da-DK", "{rangeName} values {values}", "{rangeName} v\xE6rdier {values}");
 injectString("de", "{rangeName} values {values}", "{rangeName}-Werte {values}");
@@ -203,6 +209,7 @@ injectString("tr", "{rangeName} values {values}", "{rangeName} de\u011Ferleri {v
 injectString("zh-Hans", "{rangeName} values {values}", "{rangeName} \u503C {values}");
 injectString("zh-TW", "{rangeName} values {values}", "{rangeName} \u7684\u503C\u70BA {values}");
 injectString("ro-RO", "{rangeName} values {values}", "Valori {rangeName} {values}");
+injectString("ar-SA", "{rangeName} values {values}", "\u0642\u064A\u0645 {rangeName} {values}");
 const chip_1 = require("../chip/chip");
 const chipStatusProvider_1 = require("../chip/chipStatusProvider");
 const useMobile_1 = require("../commonHelpers/hooks/useMobile");

package/dist/rangeRaw/utils/rangeHelper.js

@@ -29,6 +29,7 @@ injectString("tr", "Must be in range {min} - {max}", "{min} - {max} aral\u0131\u
 injectString("zh-Hans", "Must be in range {min} - {max}", "\u5FC5\u987B\u5904\u4E8E {min} \u81F3 {max} \u8303\u56F4\u5185");
 injectString("zh-TW", "Must be in range {min} - {max}", "\u5FC5\u9808\u5728 {min} - {max} \u7BC4\u570D\u5167");
 injectString("ro-RO", "Must be in range {min} - {max}", "Trebuie s\u0103 fie \xEEn intervalul {min}-{max}");
+injectString("ar-SA", "Must be in range {min} - {max}", "\u064A\u062C\u0628 \u0623\u0646 \u064A\u0643\u0648\u0646 \u0641\u064A \u0627\u0644\u0646\u0637\u0627\u0642 {min} - {max}");
 injectString("cs", "Must be more than {value}", "Mus\xED b\xFDt v\u011Bt\u0161\xED ne\u017E {value}");
 injectString("da-DK", "Must be more than {value}", "Skal v\xE6re mere end {value}");
 injectString("de", "Must be more than {value}", "Muss gr\xF6\xDFer sein als {value}");
@@ -55,6 +56,7 @@ injectString("tr", "Must be more than {value}", "{value} de\u011Ferinden fazla o
 injectString("zh-Hans", "Must be more than {value}", "\u5FC5\u987B\u5927\u4E8E {value}");
 injectString("zh-TW", "Must be more than {value}", "\u5FC5\u9808\u5927\u65BC {value}");
 injectString("ro-RO", "Must be more than {value}", "Trebuie s\u0103 fie mai mult de {value}");
+injectString("ar-SA", "Must be more than {value}", "\u064A\u062C\u0628 \u0623\u0646 \u064A\u0643\u0648\u0646 \u0623\u0643\u062B\u0631 \u0645\u0646 {value}");
 injectString("cs", "Must be less than {value}", "Mus\xED b\xFDt men\u0161\xED ne\u017E {value}");
 injectString("da-DK", "Must be less than {value}", "Skal v\xE6re mindre end {value}");
 injectString("de", "Must be less than {value}", "Muss kleiner sein als {value}");
@@ -81,6 +83,7 @@ injectString("tr", "Must be less than {value}", "{value} de\u011Ferinden az olma
 injectString("zh-Hans", "Must be less than {value}", "\u5FC5\u987B\u5C0F\u4E8E {value}");
 injectString("zh-TW", "Must be less than {value}", "\u5FC5\u9808\u5C0F\u65BC {value}");
 injectString("ro-RO", "Must be less than {value}", "Trebuie s\u0103 fie mai pu\u021Bin de {value}");
+injectString("ar-SA", "Must be less than {value}", "\u064A\u062C\u0628 \u0623\u0646 \u064A\u0643\u0648\u0646 \u0623\u0642\u0644 \u0645\u0646 {value}");
 injectString("cs", "The min value must be set", "Mus\xED b\xFDt nastavena minim\xE1ln\xED hodnota");
 injectString("da-DK", "The min value must be set", "Den mindste v\xE6rdi skal indstilles.");
 injectString("de", "The min value must be set", "Mindestwert muss angegeben werden");
@@ -107,6 +110,7 @@ injectString("tr", "The min value must be set", "Min. de\u011Fer ayarlanmal\u013
 injectString("zh-Hans", "The min value must be set", "\u5FC5\u987B\u8BBE\u7F6E\u6700\u5C0F\u503C");
 injectString("zh-TW", "The min value must be set", "\u5FC5\u9808\u8A2D\u5B9A\u6700\u5C0F\u503C");
 injectString("ro-RO", "The min value must be set", "Trebuie setat\u0103 valoarea min.");
+injectString("ar-SA", "The min value must be set", "\u064A\u062C\u0628 \u062A\u0639\u064A\u064A\u0646 \u0627\u0644\u062D\u062F \u0627\u0644\u0623\u062F\u0646\u0649");
 injectString("cs", "The max value must be set", "Mus\xED b\xFDt nastavena maxim\xE1ln\xED hodnota");
 injectString("da-DK", "The max value must be set", "Den maksimale v\xE6rdi skal indstilles");
 injectString("de", "The max value must be set", "H\xF6chstwert muss angegeben werden");
@@ -133,6 +137,7 @@ injectString("tr", "The max value must be set", "Maks. de\u011Fer ayarlanmal\u01
 injectString("zh-Hans", "The max value must be set", "\u5FC5\u987B\u8BBE\u7F6E\u6700\u5927\u503C");
 injectString("zh-TW", "The max value must be set", "\u5FC5\u9808\u8A2D\u5B9A\u6700\u5927\u503C");
 injectString("ro-RO", "The max value must be set", "Trebuie setat\u0103 valoarea max.");
+injectString("ar-SA", "The max value must be set", "\u064A\u062C\u0628 \u062A\u0639\u064A\u064A\u0646 \u0627\u0644\u062D\u062F \u0627\u0644\u0623\u0642\u0635\u0649");
 injectString("cs", "Must be less than the max", "Mus\xED b\xFDt men\u0161\xED ne\u017E max.");
 injectString("da-DK", "Must be less than the max", "Skal v\xE6re mindre end maks.");
 injectString("de", "Must be less than the max", "Muss kleiner als Max. sein");
@@ -159,6 +164,7 @@ injectString("tr", "Must be less than the max", "Maks. de\u011Ferden az olmal\u0
 injectString("zh-Hans", "Must be less than the max", "\u5FC5\u987B\u5C0F\u4E8E\u6700\u5927\u503C");
 injectString("zh-TW", "Must be less than the max", "\u5FC5\u9808\u5C0F\u65BC\u6700\u5927\u503C");
 injectString("ro-RO", "Must be less than the max", "Trebuie s\u0103 fie sub max.");
+injectString("ar-SA", "Must be less than the max", "\u064A\u062C\u0628 \u0623\u0646 \u064A\u0643\u0648\u0646 \u0623\u0642\u0644 \u0645\u0646 \u0627\u0644\u062D\u062F \u0627\u0644\u0623\u0642\u0635\u0649");
 injectString("cs", "Must be more than the min", "Mus\xED b\xFDt v\u011Bt\u0161\xED ne\u017E min.");
 injectString("da-DK", "Must be more than the min", "Skal v\xE6re mere end minimum.");
 injectString("de", "Must be more than the min", "Muss gr\xF6\xDFer als Min. sein");
@@ -185,6 +191,7 @@ injectString("tr", "Must be more than the min", "Min. de\u011Ferden fazla olmal\
 injectString("zh-Hans", "Must be more than the min", "\u5FC5\u987B\u5927\u4E8E\u6700\u5C0F\u503C");
 injectString("zh-TW", "Must be more than the min", "\u5FC5\u9808\u5927\u65BC\u6700\u5C0F\u503C");
 injectString("ro-RO", "Must be more than the min", "Trebuie s\u0103 fie peste min.");
+injectString("ar-SA", "Must be more than the min", "\u064A\u062C\u0628 \u0623\u0646 \u064A\u0643\u0648\u0646 \u0623\u0643\u062B\u0631 \u0645\u0646 \u0627\u0644\u062D\u062F \u0627\u0644\u0623\u062F\u0646\u0649");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -215,8 +222,9 @@ const getErrorString = (currentId, currentVal, translateFn, errorType, defMin, d
   return undefined;
 };
 exports.getErrorString = getErrorString;
-// eslint-disable-next-line complexity
+/* eslint-disable complexity */
 const checkErrorType = (minVal, maxVal, isFullBounded = false, allowEqualMinMax = false, defMin, defMax) => {
+  /* eslint-enable complexity */
   if (isFullBounded && (minVal === null || maxVal === null)) {
     return "bound";
   }

package/dist/react-chartjs/dateAdapter.js

@@ -23,22 +23,32 @@ const formatDate = (time, fmt) => (0, dateFns_1.format)(time, fmt);
 exports.formatDate = formatDate;
 const getDiff = () => 0;
 exports.getDiff = getDiff;
-const getStartOf = (time) => time;
+const getStartOf = time => time;
 exports.getStartOf = getStartOf;
-const getEndOf = (time) => time;
+const getEndOf = time => time;
 exports.getEndOf = getEndOf;
 const addDate = (time, amount, unit) => {
     switch (unit) {
-        case "millisecond": return (0, dateFns_1.addMilliseconds)(time, amount).valueOf();
-        case "second": return (0, dateFns_1.addSeconds)(time, amount).valueOf();
-        case "minute": return (0, dateFns_1.addMinutes)(time, amount).valueOf();
-        case "hour": return (0, dateFns_1.addHours)(time, amount).valueOf();
-        case "day": return (0, dateFns_1.addDays)(time, amount).valueOf();
-        case "week": return (0, dateFns_1.addWeeks)(time, amount).valueOf();
-        case "month": return (0, dateFns_1.addMonths)(time, amount).valueOf();
-        case "quarter": return (0, dateFns_1.addQuarters)(time, amount).valueOf();
-        case "year": return (0, dateFns_1.addYears)(time, amount).valueOf();
-        default: return new Date(time).valueOf();
+        case "millisecond":
+            return (0, dateFns_1.addMilliseconds)(time, amount).valueOf();
+        case "second":
+            return (0, dateFns_1.addSeconds)(time, amount).valueOf();
+        case "minute":
+            return (0, dateFns_1.addMinutes)(time, amount).valueOf();
+        case "hour":
+            return (0, dateFns_1.addHours)(time, amount).valueOf();
+        case "day":
+            return (0, dateFns_1.addDays)(time, amount).valueOf();
+        case "week":
+            return (0, dateFns_1.addWeeks)(time, amount).valueOf();
+        case "month":
+            return (0, dateFns_1.addMonths)(time, amount).valueOf();
+        case "quarter":
+            return (0, dateFns_1.addQuarters)(time, amount).valueOf();
+        case "year":
+            return (0, dateFns_1.addYears)(time, amount).valueOf();
+        default:
+            return new Date(time).valueOf();
     }
 };
 exports.addDate = addDate;

package/dist/react-chartjs/dateFns/dateFns.js

@@ -111,7 +111,7 @@ function addYears(date, amount) {
 exports.addYears = addYears;
 const monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
 const quarterNames = ["Q1", "Q2", "Q3", "Q4"];
-const formatHours = (date) => date.getHours() > 12 ? date.getHours() - 12 : date.getHours();
+const formatHours = (date) => (date.getHours() > 12 ? date.getHours() - 12 : date.getHours());
 function getWeekRange(date) {
     const startDate = new Date(date);
     const endDate = new Date(date);
@@ -130,23 +130,23 @@ function format(date, formatString) {
         result = new Date(date);
     }
     const options = {
-        "yyyy": result.getFullYear(),
-        "MM": String(result.getMonth() + 1).padStart(2, "0"),
-        "d": result.getDate(),
-        "h": formatHours(result),
-        "ha": formatHours(result) + " " + (result.getHours() >= 12 ? "PM" : "AM"),
-        "mm": String(result.getMinutes()).padStart(2, "0"),
-        "ss": String(result.getSeconds()).padStart(2, "0"),
-        "SSS": String(result.getMilliseconds()).padStart(3, "0"),
-        "aaaa": result.getHours() >= 12 ? "PM" : "AM",
-        "MMM": monthNames[result.getMonth()],
-        "PP": getWeekRange(result),
-        "qqq": quarterNames[Math.floor(result.getMonth() / 3)],
+        yyyy: result.getFullYear(),
+        MM: String(result.getMonth() + 1).padStart(2, "0"),
+        d: result.getDate(),
+        h: formatHours(result),
+        ha: formatHours(result) + " " + (result.getHours() >= 12 ? "PM" : "AM"),
+        mm: String(result.getMinutes()).padStart(2, "0"),
+        ss: String(result.getSeconds()).padStart(2, "0"),
+        SSS: String(result.getMilliseconds()).padStart(3, "0"),
+        aaaa: result.getHours() >= 12 ? "PM" : "AM",
+        MMM: monthNames[result.getMonth()],
+        PP: getWeekRange(result),
+        qqq: quarterNames[Math.floor(result.getMonth() / 3)],
         "qqq - yyyy": quarterNames[Math.floor(result.getMonth() / 3)] + " - " + result.getFullYear()
     };
     let formattedDate = formatString;
     const keys = Object.keys(options).sort((a, b) => b.length - a.length);
-    keys.forEach((key) => {
+    keys.forEach(key => {
         if (options.hasOwnProperty(key)) {
             formattedDate = formattedDate.replace(key, options[key]);
         }

package/dist/react-chartjs/types.d.ts

@@ -3,47 +3,47 @@ import type { Chart, ChartType, ChartData, ChartOptions, DefaultDataPoint, Plugi
 export type ForwardedRef<T> = ((instance: T | null) => void) | MutableRefObject<T | null> | null;
 export interface IChartProps<TType extends ChartType = ChartType, TData = DefaultDataPoint<TType>, TLabel = unknown> extends CanvasHTMLAttributes<HTMLCanvasElement> {
     /**
-   * Chart.js chart type
-   */
+     * Chart.js chart type
+     */
     type: TType;
     /**
-   * The data object that is passed into the Chart.js chart
-   * @see https://www.chartjs.org/docs/latest/getting-started/
-   */
+     * The data object that is passed into the Chart.js chart
+     * @see https://www.chartjs.org/docs/latest/getting-started/
+     */
     data: ChartData<TType, TData, TLabel>;
     /**
-   * The options object that is passed into the Chart.js chart
-   * @see https://www.chartjs.org/docs/latest/general/options.html
-   * @default {}
-   */
+     * The options object that is passed into the Chart.js chart
+     * @see https://www.chartjs.org/docs/latest/general/options.html
+     * @default {}
+     */
     options?: ChartOptions<TType>;
     /**
-   * The plugins array that is passed into the Chart.js chart
-   * @see https://www.chartjs.org/docs/latest/developers/plugins.html
-   * @default []
-   */
+     * The plugins array that is passed into the Chart.js chart
+     * @see https://www.chartjs.org/docs/latest/developers/plugins.html
+     * @default []
+     */
     plugins?: Plugin<TType>[];
     /**
-   * Teardown and redraw chart on every update
-   * @default false
-   */
+     * Teardown and redraw chart on every update
+     * @default false
+     */
     redraw?: boolean;
     /**
-   * Key name to identificate dataset
-   * @default 'label'
-   */
+     * Key name to identificate dataset
+     * @default 'label'
+     */
     datasetIdKey?: string;
     /**
-   * A fallback for when the canvas cannot be rendered. Can be used for accessible chart descriptions
-   * @see https://www.chartjs.org/docs/latest/general/accessibility.html
-   * @default null
-   * @todo Replace with `children` prop.
-   */
+     * A fallback for when the canvas cannot be rendered. Can be used for accessible chart descriptions
+     * @see https://www.chartjs.org/docs/latest/general/accessibility.html
+     * @default null
+     * @todo Replace with `children` prop.
+     */
     fallbackContent?: ReactNode;
     /**
-   * A mode string to indicate transition configuration should be used.
-   * @see https://www.chartjs.org/docs/latest/developers/api.html#update-mode
-   */
+     * A mode string to indicate transition configuration should be used.
+     * @see https://www.chartjs.org/docs/latest/developers/api.html#update-mode
+     */
     updateMode?: UpdateMode;
 }
 /**

package/dist/react-chartjs/utils.js

@@ -28,9 +28,7 @@ function setDatasets(currentData, nextDatasets, datasetIdKey = defaultDatasetIdK
         // given the new set, find it's current match
         const currentDataset = currentData.datasets.find((dataset) => dataset[datasetIdKey] === nextDataset[datasetIdKey]);
         // There is no original to update, so simply add new one
-        if (!currentDataset ||
-            !nextDataset.data ||
-            addedDatasets.includes(currentDataset)) {
+        if (!currentDataset || !nextDataset.data || addedDatasets.includes(currentDataset)) {
             return Object.assign({}, nextDataset);
         }
         addedDatasets.push(currentDataset);