iguazio.dashboard-react-controls 2.2.20 → 2.2.21

package/dist/components/FormInput/InputNumberButtons/InputNumberButtons.js

@@ -11,7 +11,7 @@ var _math = require("../../../utils/math.util");
 var _rangeArrowSmall = require("../../../images/range-arrow-small.svg");
 require("./InputNumberButtons.scss");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*
 Copyright 2022 Iguazio Systems Ltd.
 Licensed under the Apache License, Version 2.0 (the "License") with

package/dist/components/FormKeyValueTable/FormKeyValueTable.js

@@ -13,7 +13,7 @@ var _elements = require("../../elements");
 var _hooks = require("../../hooks");
 var _types = require("../../types");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*
 Copyright 2022 Iguazio Systems Ltd.
 Licensed under the Apache License, Version 2.0 (the "License") with
@@ -100,7 +100,6 @@ const FormKeyValueTable = _ref => {
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalFormArrays.FieldArray, {
       name: fieldsPath,
       children: _ref3 => {
-        var _editingItem$ui;
         let {
           fields
         } = _ref3;
@@ -112,14 +111,14 @@ const FormKeyValueTable = _ref => {
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                 className: "form-table__cell form-table__cell_1",
                 children: keyOptions ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FormSelect, {
-                  name: "".concat(rowPath, ".data.key"),
+                  name: `${rowPath}.data.key`,
                   density: "normal",
                   options: keyOptions
                 }) : isKeyEditable || editingItem.ui.isNew ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FormInput, {
                   className: "input_edit",
                   placeholder: keyLabel,
                   density: "normal",
-                  name: "".concat(rowPath, ".data.key"),
+                  name: `${rowPath}.data.key`,
                   required: isKeyRequired,
                   validationRules: [...keyValidationRules, {
                     name: 'uniqueness',
@@ -133,7 +132,7 @@ const FormKeyValueTable = _ref => {
                   className: "input_edit",
                   placeholder: valueLabel,
                   density: "normal",
-                  name: "".concat(rowPath, ".data.value"),
+                  name: `${rowPath}.data.value`,
                   type: valueType,
                   required: isValueRequired,
                   validationRules: valueValidationRules
@@ -172,7 +171,7 @@ const FormKeyValueTable = _ref => {
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_elements.FormActionButton, {
             ref: bottomScrollRef,
             disabled: disabled,
-            hidden: editingItem === null || editingItem === void 0 || (_editingItem$ui = editingItem.ui) === null || _editingItem$ui === void 0 ? void 0 : _editingItem$ui.isNew,
+            hidden: editingItem?.ui?.isNew,
             fields: fields,
             id: actionButtonId,
             label: addNewItemLabel,

package/dist/components/FormOnChange/FormOnChange.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactFinalForm = require("react-final-form");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /*

package/dist/components/FormRadio/FormRadio.js

@@ -12,7 +12,7 @@ var _Tooltip = _interopRequireDefault(require("../Tooltip/Tooltip"));
 var _TextTooltipTemplate = _interopRequireDefault(require("../TooltipTemplate/TextTooltipTemplate"));
 require("./FormRadio.scss");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*
 Copyright 2022 Iguazio Systems Ltd.
 Licensed under the Apache License, Version 2.0 (the "License") with
@@ -50,11 +50,11 @@ const FormRadio = _ref => {
       } = _ref2;
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: formFieldClassNames,
-        "data-testid": name ? "".concat(name, "-").concat(inputProps.value, "-form-radio") : 'form-field-radio',
+        "data-testid": name ? `${name}-${inputProps.value}-form-radio` : 'form-field-radio',
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
           className: (0, _classnames.default)(input.checked ? 'checked' : 'unchecked'),
           type: "radio",
-          "data-testid": name ? "".concat(name, "-").concat(inputProps.value, "-radio") : 'form-radio',
+          "data-testid": name ? `${name}-${inputProps.value}-radio` : 'form-radio',
           ...input,
           ...inputProps,
           checked: input.checked,

package/dist/components/FormSelect/FormSelect.js

@@ -18,7 +18,7 @@ var _constants = require("../../constants");
 var _dropdown = require("../../images/dropdown.svg");
 require("./formSelect.scss");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /*
@@ -39,7 +39,6 @@ such restriction.
 */
 
 const FormSelect = _ref => {
-  var _selectRef$current;
   let {
     className = '',
     density = 'normal',
@@ -73,8 +72,8 @@ const FormSelect = _ref => {
   const searchRef = (0, _react.useRef)();
   const {
     width: selectWidth
-  } = (selectRef === null || selectRef === void 0 || (_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : _selectRef$current.getBoundingClientRect()) || {};
-  const selectWrapperClassNames = (0, _classnames.default)('form-field__wrapper', "form-field__wrapper-".concat(density), disabled && 'form-field__wrapper-disabled', isOpen && 'form-field__wrapper-active', isInvalid && 'form-field__wrapper-invalid', withoutBorder && 'without-border');
+  } = selectRef?.current?.getBoundingClientRect() || {};
+  const selectWrapperClassNames = (0, _classnames.default)('form-field__wrapper', `form-field__wrapper-${density}`, disabled && 'form-field__wrapper-disabled', isOpen && 'form-field__wrapper-active', isInvalid && 'form-field__wrapper-invalid', withoutBorder && 'without-border');
   const selectLabelClassName = (0, _classnames.default)('form-field__label', disabled && 'form-field__label-disabled');
   const selectValueClassName = (0, _classnames.default)('form-field__select-value', !input.value && 'form-field__select-placeholder');
   const selectedOption = options.find(option => option.id === input.value);
@@ -99,10 +98,10 @@ const FormSelect = _ref => {
   }, [input.value, getFilteredOptions, options, scrollToView]);
   const getSelectValue = () => {
     if (!input.value || !input.value.length) {
-      return "Select Option".concat(multiple ? 's' : '');
+      return `Select Option${multiple ? 's' : ''}`;
     }
     const multipleValue = multiple && input.value.includes('all') && input.value.length > 1 ? options.filter(option => option.id !== 'all').filter(option => input.value.includes(option.id)).map(option => option.label).join(', ') : options.filter(option => input.value.includes(option.id)).map(option => option.label).join(', ');
-    return !multiple ? selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label : input.value.length <= 2 ? multipleValue : "".concat(input.value.length, " items selected");
+    return !multiple ? selectedOption?.label : input.value.length <= 2 ? multipleValue : `${input.value.length} items selected`;
   };
   (0, _react.useEffect)(() => {
     setIsInvalid(meta.invalid && (meta.validating || meta.modified || meta.submitFailed && meta.touched));
@@ -140,7 +139,7 @@ const FormSelect = _ref => {
     };
   }, [clickHandler, handleScroll, isOpen]);
   const scrollOptionToView = (0, _react.useCallback)(() => {
-    const selectedOptionEl = optionsListRef.current.querySelector("[data-custom-id=\"".concat(input.value, "\"]"));
+    const selectedOptionEl = optionsListRef.current.querySelector(`[data-custom-id="${input.value}"]`);
     if (!selectedOptionEl) return;
     searchValue ? optionsListRef.current.scrollTo({
       top: 0,
@@ -207,14 +206,14 @@ const FormSelect = _ref => {
         }),
         hidden: !tooltip,
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          "data-testid": name ? "".concat(name, "-form-field-select") : 'form-field-select',
+          "data-testid": name ? `${name}-form-field-select` : 'form-field-select',
           ref: selectRef,
-          className: "form-field-select ".concat(className),
+          className: `form-field-select ${className}`,
           onClick: toggleOpen,
           children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: selectLabelClassName,
             children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
-              "data-testid": name ? "".concat(name, "-form-select-label") : 'form-select-label',
+              "data-testid": name ? `${name}-form-select-label` : 'form-select-label',
               children: [label, meta.error && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                 className: "form-field__label-mandatory",
                 children: " *"
@@ -292,8 +291,8 @@ const FormSelect = _ref => {
               autoHorizontalPosition: true
             },
             style: {
-              maxWidth: "".concat(selectWidth < 500 && !preventWidthOverflow ? 500 : selectWidth, "px"),
-              minWidth: "".concat(selectWidth, "px")
+              maxWidth: `${selectWidth < 500 && !preventWidthOverflow ? 500 : selectWidth}px`,
+              minWidth: `${selectWidth}px`
             },
             children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
               "data-testid": "select-body",

package/dist/components/FormSelect/FormSelect.test.js

@@ -4,7 +4,7 @@ var _react = _interopRequireDefault(require("react"));
 var _Select = _interopRequireDefault(require("./Select"));
 var _react2 = require("@testing-library/react");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*
 Copyright 2022 Iguazio Systems Ltd.
 Licensed under the Apache License, Version 2.0 (the "License") with
@@ -25,7 +25,7 @@ such restriction.
 jest.mock('../../images/dropdown.svg', () => ({
   ReactComponent: 'caret-icon'
 }));
-const renderComponent = props => (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
+const renderComponent = props => (0, _react2.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
   ...props
 }));
 describe('Select component', () => {
@@ -76,7 +76,7 @@ describe('Select component', () => {
       }],
       disabledOptions: ['test1']
     };
-    wrapper.rerender( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
+    wrapper.rerender(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
       ...props
     }));
     const select = wrapper.getByTestId('select');
@@ -91,7 +91,7 @@ describe('Select component', () => {
     const selectOption = wrapper.getByTestId('select-option');
     _react2.fireEvent.click(selectOption);
     expect(mockClick).toHaveBeenCalledWith('test1');
-    wrapper.rerender( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
+    wrapper.rerender(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
       options: [{
         label: 'Test1',
         id: 'test1'
@@ -105,7 +105,7 @@ describe('Select component', () => {
     expect(wrapper.getByTestId('select-label').className).toMatch('select__label_floating');
   });
   it('should not open select body if props disabled set to "true"', () => {
-    wrapper.rerender( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
+    wrapper.rerender(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
       options: [{
         label: 'Test1',
         id: 'test1'
@@ -122,7 +122,7 @@ describe('Select component', () => {
   });
   it('should call handler callback if it exists in the option', () => {
     const mockHandler = jest.fn();
-    wrapper.rerender( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
+    wrapper.rerender(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
       options: [{
         label: 'Test1',
         id: 'test1',

package/dist/components/FormTextarea/FormTextarea.js

@@ -14,7 +14,7 @@ var _Tooltip = _interopRequireDefault(require("../Tooltip/Tooltip"));
 var _exclamationMark = require("../../images/exclamation-mark.svg");
 require("./formTextarea.scss");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /*
@@ -86,7 +86,7 @@ const FormTextarea = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     input.onFocus(event);
   };
   const validateField = value => {
-    const valueToValidate = value !== null && value !== void 0 ? value : '';
+    const valueToValidate = value ?? '';
     let validationError = null;
     if (valueToValidate.startsWith(' ')) {
       validationError = {
@@ -105,7 +105,6 @@ const FormTextarea = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     validate: validateField,
     name: name,
     children: _ref2 => {
-      var _meta$error$label, _meta$error;
       let {
         input,
         meta
@@ -146,7 +145,7 @@ const FormTextarea = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
             children: [isInvalid && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
               className: "form-field__warning",
               template: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextTooltipTemplate.default, {
-                text: (_meta$error$label = (_meta$error = meta.error) === null || _meta$error === void 0 ? void 0 : _meta$error.label) !== null && _meta$error$label !== void 0 ? _meta$error$label : invalidText,
+                text: meta.error?.label ?? invalidText,
                 warning: true
               }),
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_exclamationMark.ReactComponent, {})
@@ -161,7 +160,7 @@ const FormTextarea = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
           })]
         }), maxLength && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "form-field__counter",
-          children: "".concat(maxLength - textAreaCount, " ").concat(maxLength - textAreaCount !== 1 ? 'characters' : 'character', " left")
+          children: `${maxLength - textAreaCount} ${maxLength - textAreaCount !== 1 ? 'characters' : 'character'} left`
         })]
       });
     }

package/dist/components/FormToggle/FormToggle.js

@@ -10,7 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactFinalForm = require("react-final-form");
 require("./formToggle.scss");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*
 Copyright 2022 Iguazio Systems Ltd.
 Licensed under the Apache License, Version 2.0 (the "License") with
@@ -37,7 +37,7 @@ const FormToggle = _ref => {
     onChange = () => {},
     ...inputProps
   } = _ref;
-  const toggleWrapperClassNames = (0, _classnames.default)('form-field__wrapper', density && "form-field__wrapper-".concat(density));
+  const toggleWrapperClassNames = (0, _classnames.default)('form-field__wrapper', density && `form-field__wrapper-${density}`);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
     name: name,
     value: inputProps.value,
@@ -48,12 +48,12 @@ const FormToggle = _ref => {
       } = _ref2;
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
         className: "form-field-toggle",
-        "data-testid": name ? "".concat(name, "-form-field-toggle") : 'form-field-toggle',
+        "data-testid": name ? `${name}-form-field-toggle` : 'form-field-toggle',
         children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "form-field__label",
           children: label
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-          "data-testid": name ? "".concat(name, "-form-toggle") : 'form-toggle',
+          "data-testid": name ? `${name}-form-toggle` : 'form-toggle',
           id: name,
           ...input,
           ...inputProps,

package/dist/components/Modal/Modal.js

@@ -15,7 +15,7 @@ var _types = require("../../types");
 var _close = require("../../images/close.svg");
 require("./Modal.scss");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*
 Copyright 2022 Iguazio Systems Ltd.
 Licensed under the Apache License, Version 2.0 (the "License") with
@@ -46,7 +46,7 @@ const Modal = _ref => {
     subTitle = null,
     title = ''
   } = _ref;
-  const modalClassNames = (0, _classnames.default)('modal', className, size && "modal-".concat(size));
+  const modalClassNames = (0, _classnames.default)('modal', className, size && `modal-${size}`);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Backdrop.default, {
       onClose: onClose,

package/dist/components/PopUpDialog/PopUpDialog.js

@@ -16,7 +16,7 @@ var _types = require("../../types");
 var _close = require("../../images/close.svg");
 require("./popUpDialog.scss");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /*
@@ -37,7 +37,6 @@ such restriction.
 */
 
 const PopUpDialog = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  var _ref2;
   let {
     children,
     className = '',
@@ -49,17 +48,16 @@ const PopUpDialog = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     style = {},
     tooltipText = ''
   } = _ref;
-  const [showPopUp, setShowPopUp] = (0, _react.useState)(showPopUpDialog !== null && showPopUpDialog !== void 0 ? showPopUpDialog : true);
+  const [showPopUp, setShowPopUp] = (0, _react.useState)(showPopUpDialog ?? true);
   const popUpOverlayRef = (0, _react.useRef)(null);
-  (_ref2 = ref) !== null && _ref2 !== void 0 ? _ref2 : ref = popUpOverlayRef;
+  ref ??= popUpOverlayRef;
   const popUpClassNames = (0, _classnames.default)(className, 'pop-up-dialog__overlay', customPosition.element && 'custom-position');
   const handleClosePopUp = (0, _react.useCallback)(() => {
     closePopUp && closePopUp();
     setShowPopUp(false);
   }, [closePopUp]);
   const calculateCustomPopUpPosition = (0, _react.useCallback)(() => {
-    var _customPosition$eleme, _ref3;
-    if (customPosition !== null && customPosition !== void 0 && (_customPosition$eleme = customPosition.element) !== null && _customPosition$eleme !== void 0 && _customPosition$eleme.current && (_ref3 = ref) !== null && _ref3 !== void 0 && _ref3.current) {
+    if (customPosition?.element?.current && ref?.current) {
       const elementRect = customPosition.element.current.getBoundingClientRect();
       const popUpRect = ref.current.getBoundingClientRect();
       const [verticalPosition, horizontalPosition] = customPosition.position.split('-');
@@ -102,11 +100,11 @@ const PopUpDialog = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
           }
         }
       }
-      ref.current.style.top = "".concat(topPosition, "px");
+      ref.current.style.top = `${topPosition}px`;
       if (style.left && !(customPosition.autoHorizontalPosition && isEnoughSpaceFromRight)) {
-        ref.current.style.left = "calc(".concat(leftPosition, "px + ").concat(style.left, ")");
+        ref.current.style.left = `calc(${leftPosition}px + ${style.left})`;
       } else {
-        ref.current.style.left = "".concat(leftPosition, "px");
+        ref.current.style.left = `${leftPosition}px`;
       }
     }
   }, [customPosition, style.left, ref]);
@@ -129,7 +127,7 @@ const PopUpDialog = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
       };
     }
   }, [calculateCustomPopUpPosition, ref, showPopUp]);
-  return showPopUp ? /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return showPopUp ? /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: ref,
     className: popUpClassNames,
     style: style,

package/dist/components/RoundedIcon/RoundedIcon.js

@@ -11,7 +11,7 @@ var _Tooltip = _interopRequireDefault(require("../Tooltip/Tooltip"));
 var _TextTooltipTemplate = _interopRequireDefault(require("../TooltipTemplate/TextTooltipTemplate"));
 require("./roundedIcon.scss");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*
 Copyright 2022 Iguazio Systems Ltd.
 Licensed under the Apache License, Version 2.0 (the "License") with

package/dist/components/Tip/Tip.js

@@ -13,7 +13,7 @@ var _questionMark = require("../../images/question-mark.svg");
 var _exclamationMark = require("../../images/exclamation-mark.svg");
 var _tip = _interopRequireDefault(require("./tip.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /*
@@ -58,15 +58,15 @@ const Tip = _ref => {
       const tipRect = tipBodyRef.current.getBoundingClientRect();
       const widthPosition = iconRect.left > tipRect.width - arrowOffset ? 'tip_left' : 'tip_right';
       const heightPosition = iconRect.top > tipRect.height + arrowLength ? 'tip_top' : 'tip_bottom';
-      setTipClassName("".concat(heightPosition, " ").concat(widthPosition));
+      setTipClassName(`${heightPosition} ${widthPosition}`);
       if (widthPosition === 'tip_left') {
         const computedArrowOffset = arrowOffset + (iconLength + arrowLength) / 2;
-        tipBodyRef.current.style.left = "".concat(iconRect.left - (tipRect.width - computedArrowOffset), "px");
+        tipBodyRef.current.style.left = `${iconRect.left - (tipRect.width - computedArrowOffset)}px`;
       } else {
         const computedArrowOffset = arrowOffset - (iconLength - arrowLength) / 2;
-        tipBodyRef.current.style.left = "".concat(iconRect.left - computedArrowOffset, "px");
+        tipBodyRef.current.style.left = `${iconRect.left - computedArrowOffset}px`;
       }
-      tipBodyRef.current.style.top = heightPosition === 'tip_top' ? "".concat(iconRect.top - tipRect.height - arrowLength, "px") : "".concat(iconRect.bottom + arrowLength, "px");
+      tipBodyRef.current.style.top = heightPosition === 'tip_top' ? `${iconRect.top - tipRect.height - arrowLength}px` : `${iconRect.bottom + arrowLength}px`;
     }
   }, [isShow]);
   const handleMouseLeave = () => {
@@ -94,7 +94,7 @@ const Tip = _ref => {
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_questionMark.ReactComponent, {
         "data-testid": "tip-icon"
       })
-    }), /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
+    }), /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
       in: isShow,
       timeout: 200,
       classNames: "fade",

package/dist/components/Tip/Tip.test.js

@@ -4,7 +4,7 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
 var _Tip = _interopRequireDefault(require("./Tip"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*
 Copyright 2022 Iguazio Systems Ltd.
 Licensed under the Apache License, Version 2.0 (the "License") with
@@ -25,7 +25,7 @@ such restriction.
 jest.mock('../../images/question-mark.svg', () => ({
   ReactComponent: 'Question-icon'
 }));
-const renderComponent = props => (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tip.default, {
+const renderComponent = props => (0, _react2.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tip.default, {
   ...props
 }));
 describe('Tip component', () => {
@@ -53,7 +53,7 @@ describe('Tip component', () => {
     expect(tipText).toBeUndefined();
   });
   it('should add the class "tip_big" if the length of the prop text is more than 40 characters', () => {
-    wrapper.rerender( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tip.default, {
+    wrapper.rerender(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tip.default, {
       text: "Lorem Ipsum is simply dummy text of the printing and typesetting"
     }));
     const tipIcon = wrapper.getByTestId('tip-icon');

package/dist/components/Tooltip/Tooltip.js

@@ -13,7 +13,7 @@ var _lodash = require("lodash");
 var _common = require("../../utils/common.util");
 require("./tooltip.scss");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /*
@@ -60,26 +60,24 @@ const Tooltip = _ref => {
   }, [hidden]);
   const handleMouseEnter = (0, _react.useCallback)(event => {
     if (!show) {
-      var _child$childNodes, _child$childNodes2;
       const [child] = parentRef.current.childNodes;
-      let show = !hidden && (textShow ? true : !child ? false : child.nodeType !== Node.TEXT_NODE && ((_child$childNodes = child.childNodes) === null || _child$childNodes === void 0 || (_child$childNodes = _child$childNodes[0]) === null || _child$childNodes === void 0 ? void 0 : _child$childNodes.nodeType) !== Node.TEXT_NODE || (
+      let show = !hidden && (textShow ? true : !child ? false : child.nodeType !== Node.TEXT_NODE && child.childNodes?.[0]?.nodeType !== Node.TEXT_NODE || (
       /*
       If the child node is a text node and the text of the child node inside the container is greater than the width of the container, then show tooltip.
       */
-      (child.nodeType === Node.TEXT_NODE || ((_child$childNodes2 = child.childNodes) === null || _child$childNodes2 === void 0 || (_child$childNodes2 = _child$childNodes2[0]) === null || _child$childNodes2 === void 0 ? void 0 : _child$childNodes2.nodeType) === Node.TEXT_NODE) && parentRef.current.scrollWidth > parentRef.current.offsetWidth));
+      (child.nodeType === Node.TEXT_NODE || child.childNodes?.[0]?.nodeType === Node.TEXT_NODE) && parentRef.current.scrollWidth > parentRef.current.offsetWidth));
       setShow(show);
       setTimeout(() => {
         if (show) {
-          var _parentRef$current$ge, _parentRef$current, _tooltipRef$current$g, _tooltipRef$current;
           let {
             height,
             top,
             bottom
-          } = (_parentRef$current$ge = parentRef === null || parentRef === void 0 || (_parentRef$current = parentRef.current) === null || _parentRef$current === void 0 ? void 0 : _parentRef$current.getBoundingClientRect()) !== null && _parentRef$current$ge !== void 0 ? _parentRef$current$ge : {};
+          } = parentRef?.current?.getBoundingClientRect() ?? {};
           const {
             height: tooltipHeight,
             width: tooltipWidth
-          } = (_tooltipRef$current$g = (_tooltipRef$current = tooltipRef.current) === null || _tooltipRef$current === void 0 ? void 0 : _tooltipRef$current.getBoundingClientRect()) !== null && _tooltipRef$current$g !== void 0 ? _tooltipRef$current$g : {
+          } = tooltipRef.current?.getBoundingClientRect() ?? {
             height: 0,
             width: 0
           };
@@ -140,7 +138,7 @@ const Tooltip = _ref => {
   }, [clearStyles, style]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [renderChildAsHtml ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      "data-testid": id ? "".concat(id, "-tooltip-wrapper") : 'tooltip-wrapper',
+      "data-testid": id ? `${id}-tooltip-wrapper` : 'tooltip-wrapper',
       ref: parentRef,
       className: tooltipClassNames,
       dangerouslySetInnerHTML: {
@@ -148,19 +146,19 @@ const Tooltip = _ref => {
       },
       onClick: handleMouseLeave
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      "data-testid": id ? "".concat(id, "-tooltip-wrapper") : 'tooltip-wrapper',
+      "data-testid": id ? `${id}-tooltip-wrapper` : 'tooltip-wrapper',
       ref: parentRef,
       className: tooltipClassNames,
       onClick: handleMouseLeave,
       children: children
-    }), !hidden && /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
+    }), !hidden && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
       classNames: "fade",
       in: show,
       timeout: duration,
       unmountOnExit: true,
       nodeRef: tooltipRef,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        "data-testid": id ? "".concat(id, "-tooltip") : 'tooltip',
+        "data-testid": id ? `${id}-tooltip` : 'tooltip',
         ref: tooltipRef,
         style: {
           ...style

package/dist/components/TooltipTemplate/ProducerTooltipTemplate.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 require("./producerTooltipTemplate.scss");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*
 Copyright 2022 Iguazio Systems Ltd.
 Licensed under the Apache License, Version 2.0 (the "License") with

package/dist/components/TooltipTemplate/TextTooltipTemplate.js

@@ -9,7 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 require("./textTooltipTemplate.scss");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /*

package/dist/components/Wizard/Wizard.js

@@ -16,7 +16,7 @@ var _types = require("../../types");
 var _backArrow = require("../../images/back-arrow.svg");
 require("./Wizard.scss");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /*
@@ -55,7 +55,7 @@ const Wizard = _ref => {
   const [activeStepNumber, setActiveStepNumber] = (0, _react.useState)(0);
   const [firstDisabledStepIdx, setFirstDisabledStepIdx] = (0, _react.useState)(null);
   const visibleSteps = (0, _react.useMemo)(() => {
-    return (stepsConfig === null || stepsConfig === void 0 ? void 0 : stepsConfig.filter(step => !step.hidden)) || [];
+    return stepsConfig?.filter(step => !step.hidden) || [];
   }, [stepsConfig]);
   (0, _react.useLayoutEffect)(() => {
     const disabledStep = visibleSteps.find((step, stepIdx) => {
@@ -106,7 +106,7 @@ const Wizard = _ref => {
   const getDefaultActions = stepConfig => {
     const defaultActions = [];
     if (activeStepNumber !== 0) {
-      defaultActions.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+      defaultActions.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
         id: "wizard-btn-back",
         icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_backArrow.ReactComponent, {}),
         className: "wizard-form__back-button",
@@ -117,12 +117,12 @@ const Wizard = _ref => {
         variant: _constants.TERTIARY_BUTTON
       }));
     }
-    defaultActions.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+    defaultActions.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
       id: "wizard-btn-next",
       icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_backArrow.ReactComponent, {}),
       iconPosition: "right",
       className: "wizard-form__next-button",
-      disabled: (stepConfig === null || stepConfig === void 0 ? void 0 : stepConfig.nextIsDisabled) || isLastStep,
+      disabled: stepConfig?.nextIsDisabled || isLastStep,
       onClick: goToNextStep,
       label: "Next",
       type: "button",

package/dist/components/Wizard/WizardSteps/WizardSteps.js

@@ -12,7 +12,7 @@ var _Button = _interopRequireDefault(require("../../Button/Button"));
 var _types = require("../../../types");
 require("./WizardSteps.scss");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*
 Copyright 2022 Iguazio Systems Ltd.
 Licensed under the Apache License, Version 2.0 (the "License") with