iguazio.dashboard-react-controls 2.2.19 → 2.2.21

package/dist/components/FormInput/FormInput.js

@@ -22,7 +22,7 @@ var _popout = require("../../images/popout.svg");
 var _warning = require("../../images/warning.svg");
 require("./formInput.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,6 @@ const defaultProps = {
   rules: []
 };
 const FormInput = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  var _ref2;
   let {
     async = false,
     className = '',
@@ -96,14 +95,14 @@ const FormInput = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   const [validationRules, setValidationRules] = (0, _react.useState)(rules);
   const [showValidationRules, setShowValidationRules] = (0, _react.useState)(false);
   const wrapperRef = (0, _react.useRef)();
-  (_ref2 = ref) !== null && _ref2 !== void 0 ? _ref2 : ref = wrapperRef;
+  ref ??= wrapperRef;
   const inputRef = (0, _react.useRef)();
   const errorsRef = (0, _react.useRef)();
   const isRequiredRulePresentRef = (0, _react.useRef)(false);
   (0, _hooks.useDetectOutsideClick)(ref, () => setShowValidationRules(false));
   const debounceAsync = (0, _hooks.useDebounce)();
   const formFieldClassNames = (0, _classnames.default)('form-field-input', className);
-  const inputWrapperClassNames = (0, _classnames.default)('form-field__wrapper', "form-field__wrapper-".concat(density), disabled && 'form-field__wrapper-disabled', isInvalid && 'form-field__wrapper-invalid', withoutBorder && 'without-border');
+  const inputWrapperClassNames = (0, _classnames.default)('form-field__wrapper', `form-field__wrapper-${density}`, disabled && 'form-field__wrapper-disabled', isInvalid && 'form-field__wrapper-invalid', withoutBorder && 'without-border');
   const labelClassNames = (0, _classnames.default)('form-field__label', disabled && 'form-field__label-disabled');
   (0, _react.useEffect)(() => {
     setTypedValue(String(input.value)); // convert from number to string
@@ -146,12 +145,12 @@ const FormInput = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     });
   }, [rules]);
   const getValidationRules = () => {
-    return validationRules.map(_ref3 => {
+    return validationRules.map(_ref2 => {
       let {
         isValid = false,
         label,
         name
-      } = _ref3;
+      } = _ref2;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ValidationTemplate.default, {
         valid: isValid,
         validationMessage: label
@@ -162,9 +161,8 @@ const FormInput = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     return !value && !required || disabled;
   };
   const handleInputBlur = event => {
-    var _event$relatedTarget;
     input.onBlur && input.onBlur(event);
-    if (!event.relatedTarget || !((_event$relatedTarget = event.relatedTarget) !== null && _event$relatedTarget !== void 0 && _event$relatedTarget.closest('.form-field__suggestion-list'))) {
+    if (!event.relatedTarget || !event.relatedTarget?.closest('.form-field__suggestion-list')) {
       setIsFocused(false);
       onBlur && onBlur(event);
     }
@@ -217,13 +215,13 @@ const FormInput = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
         if (inputProps.max && +valueToValidate > +inputProps.max) {
           validationError = {
             name: 'maxValue',
-            label: "The maximum value must be ".concat(inputProps.max)
+            label: `The maximum value must be ${inputProps.max}`
           };
         }
         if (inputProps.min && +valueToValidate < +inputProps.min) {
           validationError = {
             name: 'minValue',
-            label: "The minimum value must be ".concat(inputProps.min)
+            label: `The minimum value must be ${inputProps.min}`
           };
         }
       }
@@ -269,19 +267,18 @@ const FormInput = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     validate: async ? validateFieldAsync : validateField,
     name: name,
     parse: parseField,
-    children: _ref4 => {
-      var _inputProps$autocompl, _errorsRef$current$la, _errorsRef$current;
+    children: _ref3 => {
       let {
         input
-      } = _ref4;
+      } = _ref3;
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         ref: ref,
         className: formFieldClassNames,
-        "data-testid": name ? "".concat(name, "-form-field-input") : 'form-field-input',
+        "data-testid": name ? `${name}-form-field-input` : 'form-field-input',
         children: [label && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: labelClassNames,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
-            "data-testid": name ? "".concat(name, "-form-label") : 'form-label',
+            "data-testid": name ? `${name}-form-label` : 'form-label',
             htmlFor: input.name,
             children: [label, (required || validationRules.find(rule => rule.name === 'required')) && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               className: "form-field__label-mandatory",
@@ -307,7 +304,7 @@ const FormInput = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "form-field__control",
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-              "data-testid": name ? "".concat(name, "-form-input") : 'form-input',
+              "data-testid": name ? `${name}-form-input` : 'form-input',
               id: input.name,
               ref: inputRef,
               required: isInvalid || required,
@@ -316,7 +313,7 @@ const FormInput = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
               type,
               ...inputProps,
               ...input,
-              autoComplete: (_inputProps$autocompl = inputProps.autocomplete) !== null && _inputProps$autocompl !== void 0 ? _inputProps$autocompl : 'off',
+              autoComplete: inputProps.autocomplete ?? 'off',
               onBlur: handleInputBlur,
               onKeyDown: handleInputKeyDown,
               onFocus: handleInputFocus
@@ -326,7 +323,7 @@ const FormInput = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
             children: [isInvalid && !Array.isArray(errorsRef.current) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, {
               className: "form-field__warning",
               template: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextTooltipTemplate, {
-                text: (_errorsRef$current$la = (_errorsRef$current = errorsRef.current) === null || _errorsRef$current === void 0 ? void 0 : _errorsRef$current.label) !== null && _errorsRef$current$la !== void 0 ? _errorsRef$current$la : invalidText,
+                text: errorsRef.current?.label ?? invalidText,
                 warning: true
               }),
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_exclamationMark.ReactComponent, {})
@@ -349,7 +346,7 @@ const FormInput = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
             ...input,
             disabled
           })]
-        }), (suggestionList === null || suggestionList === void 0 ? void 0 : suggestionList.length) > 0 && isFocused && /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+        }), suggestionList?.length > 0 && isFocused && /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
           className: "form-field__suggestion-list",
           children: suggestionList.map((item, index) => {
             return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
@@ -359,9 +356,9 @@ const FormInput = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
               },
               tabIndex: index,
               dangerouslySetInnerHTML: {
-                __html: item.replace(new RegExp(typedValue, 'gi'), match => match ? "<b>".concat(match, "</b>") : match)
+                __html: item.replace(new RegExp(typedValue, 'gi'), match => match ? `<b>${match}</b>` : match)
               }
-            }, "".concat(item).concat(index));
+            }, `${item}${index}`);
           })
         }), !(0, _lodash.isEmpty)(validationRules) && isInvalid && Array.isArray(errorsRef.current) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_OptionsMenu.default, {
           show: showValidationRules,

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');