iguazio.dashboard-react-controls 1.9.2 → 2.0.0

package/dist/components/FormSelect/FormSelect.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -20,183 +19,156 @@ 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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /*
-                                                                      Copyright 2022 Iguazio Systems Ltd.
-                                                                      Licensed under the Apache License, Version 2.0 (the "License") with
-                                                                      an addition restriction as set forth herein. You may not use this
-                                                                      file except in compliance with the License. You may obtain a copy of
-                                                                      the License at http://www.apache.org/licenses/LICENSE-2.0.
-                                                                      Unless required by applicable law or agreed to in writing, software
-                                                                      distributed under the License is distributed on an "AS IS" BASIS,
-                                                                      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-                                                                      implied. See the License for the specific language governing
-                                                                      permissions and limitations under the License.
-                                                                      In addition, you may not use the software for any purposes that are
-                                                                      illegal under applicable law, and the grant of the foregoing license
-                                                                      under the Apache 2.0 license is conditioned upon your compliance with
-                                                                      such restriction.
-                                                                      */
-var FormSelect = function FormSelect(_ref) {
+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; }
+/*
+Copyright 2022 Iguazio Systems Ltd.
+Licensed under the Apache License, Version 2.0 (the "License") with
+an addition restriction as set forth herein. You may not use this
+file except in compliance with the License. You may obtain a copy of
+the License at http://www.apache.org/licenses/LICENSE-2.0.
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+implied. See the License for the specific language governing
+permissions and limitations under the License.
+In addition, you may not use the software for any purposes that are
+illegal under applicable law, and the grant of the foregoing license
+under the Apache 2.0 license is conditioned upon your compliance with
+such restriction.
+*/
+
+const FormSelect = _ref => {
   var _selectRef$current;
-  var className = _ref.className,
-    density = _ref.density,
-    disabled = _ref.disabled,
-    hideSelectedOption = _ref.hideSelectedOption,
-    label = _ref.label,
-    multiple = _ref.multiple,
-    name = _ref.name,
-    onChange = _ref.onChange,
-    options = _ref.options,
-    required = _ref.required,
-    search = _ref.search,
-    selectedItemAction = _ref.selectedItemAction,
-    scrollToView = _ref.scrollToView,
-    tooltip = _ref.tooltip,
-    withoutBorder = _ref.withoutBorder,
-    withSelectedIcon = _ref.withSelectedIcon;
-  var _useField = (0, _reactFinalForm.useField)(name),
-    input = _useField.input,
-    meta = _useField.meta;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isInvalid = _useState2[0],
-    setIsInvalid = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isConfirmDialogOpen = _useState4[0],
-    setConfirmDialogOpen = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isOpen = _useState6[0],
-    setIsOpen = _useState6[1];
-  var _useState7 = (0, _react.useState)(''),
-    _useState8 = _slicedToArray(_useState7, 2),
-    searchValue = _useState8[0],
-    setSearchValue = _useState8[1];
-  var optionsListRef = (0, _react.useRef)();
-  var popUpRef = (0, _react.useRef)();
-  var selectRef = (0, _react.useRef)();
-  var searchRef = (0, _react.useRef)();
-  var _ref2 = (selectRef === null || selectRef === void 0 ? void 0 : (_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : _selectRef$current.getBoundingClientRect()) || {},
-    selectWidth = _ref2.width;
-  var 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');
-  var selectLabelClassName = (0, _classnames.default)('form-field__label', disabled && 'form-field__label-disabled');
-  var selectValueClassName = (0, _classnames.default)('form-field__select-value', !input.value && 'form-field__select-placeholder');
-  var selectedOption = options.find(function (option) {
-    return option.id === input.value;
-  });
-  var getFilteredOptions = (0, _react.useCallback)(function (options) {
-    return options.filter(function (option) {
+  let {
+    className,
+    density,
+    disabled,
+    hideSelectedOption,
+    label,
+    multiple,
+    name,
+    onChange,
+    options,
+    required,
+    search,
+    selectedItemAction,
+    scrollToView,
+    tooltip,
+    withoutBorder,
+    withSelectedIcon
+  } = _ref;
+  const {
+    input,
+    meta
+  } = (0, _reactFinalForm.useField)(name);
+  const [isInvalid, setIsInvalid] = (0, _react.useState)(false);
+  const [isConfirmDialogOpen, setConfirmDialogOpen] = (0, _react.useState)(false);
+  const [isOpen, setIsOpen] = (0, _react.useState)(false);
+  const [searchValue, setSearchValue] = (0, _react.useState)('');
+  const optionsListRef = (0, _react.useRef)();
+  const popUpRef = (0, _react.useRef)();
+  const selectRef = (0, _react.useRef)();
+  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');
+  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);
+  const getFilteredOptions = (0, _react.useCallback)(options => {
+    return options.filter(option => {
       return !search || option.label.toLowerCase().includes(searchValue.toLowerCase());
     });
   }, [search, searchValue]);
-  var sortedOptionsList = (0, _react.useMemo)(function () {
+  const sortedOptionsList = (0, _react.useMemo)(() => {
     if (scrollToView) {
       return getFilteredOptions(options);
     }
-    var optionsList = _toConsumableArray(options);
-    var selectedOption = optionsList.filter(function (option, idx, arr) {
+    const optionsList = [...options];
+    const selectedOption = optionsList.filter((option, idx, arr) => {
       if (option.id === input.value) {
         arr.splice(idx, 1);
         return true;
       }
       return false;
     });
-    return getFilteredOptions([].concat(_toConsumableArray(selectedOption), _toConsumableArray(optionsList)));
+    return getFilteredOptions([...selectedOption, ...optionsList]);
   }, [input.value, getFilteredOptions, options, scrollToView]);
-  var getSelectValue = function getSelectValue() {
+  const getSelectValue = () => {
     if (!input.value || !input.value.length) {
       return "Select Option".concat(multiple ? 's' : '');
     }
-    return !multiple ? selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label : input.value.length <= 2 ? options.filter(function (option) {
-      return input.value.includes(option.id);
-    }).map(function (option) {
-      return option.label;
-    }).join(', ') : "".concat(input.value.length, " items selected");
+    return !multiple ? selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label : input.value.length <= 2 ? options.filter(option => input.value.includes(option.id)).map(option => option.label).join(', ') : "".concat(input.value.length, " items selected");
   };
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     setIsInvalid(meta.invalid && (meta.validating || meta.modified || meta.submitFailed && meta.touched));
   }, [meta.invalid, meta.modified, meta.submitFailed, meta.touched, meta.validating]);
-  var openMenu = (0, _react.useCallback)(function () {
+  const openMenu = (0, _react.useCallback)(() => {
     if (!isOpen) {
       setIsOpen(true);
       input.onFocus(new Event('focus'));
     }
   }, [input, isOpen]);
-  var closeMenu = (0, _react.useCallback)(function () {
+  const closeMenu = (0, _react.useCallback)(() => {
     if (isOpen) {
       setIsOpen(false);
       input.onBlur(new Event('blur'));
     }
   }, [input, isOpen]);
-  var clickHandler = (0, _react.useCallback)(function (event) {
+  const clickHandler = (0, _react.useCallback)(event => {
     if (selectRef.current !== event.target.closest('.form-field-select')) {
       closeMenu();
     }
   }, [closeMenu]);
-  var handleScroll = (0, _react.useCallback)(function (event) {
+  const handleScroll = (0, _react.useCallback)(event => {
     if (!event.target.closest('.options-list__body')) {
       closeMenu();
     }
   }, [closeMenu]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (isOpen) {
       window.addEventListener('scroll', handleScroll, true);
     }
     window.addEventListener('click', clickHandler);
-    return function () {
+    return () => {
       window.removeEventListener('click', clickHandler);
       window.removeEventListener('scroll', handleScroll, true);
     };
   }, [clickHandler, handleScroll, isOpen]);
-  var scrollOptionToView = (0, _react.useCallback)(function () {
-    var selectedOptionEl = optionsListRef.current.querySelector("[data-custom-id=\"".concat(input.value, "\"]"));
+  const scrollOptionToView = (0, _react.useCallback)(() => {
+    const selectedOptionEl = optionsListRef.current.querySelector("[data-custom-id=\"".concat(input.value, "\"]"));
     if (!selectedOptionEl) return;
     searchValue ? optionsListRef.current.scrollTo({
       top: 0,
       left: 0,
       behavior: 'smooth'
-    }) : setTimeout(function () {
+    }) : setTimeout(() => {
       selectedOptionEl.scrollIntoView({
         behavior: 'smooth',
         block: 'center'
       });
     }, 0);
   }, [input.value, searchValue]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (isOpen && optionsListRef.current && scrollToView) {
       scrollOptionToView();
     }
   }, [isOpen, scrollOptionToView, scrollToView]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (isOpen && search && searchRef.current) {
       searchRef.current.focus();
     }
   }, [isOpen, search]);
-  var toggleOpen = function toggleOpen() {
+  const toggleOpen = () => {
     if (isOpen) {
       closeMenu();
     } else {
       !disabled && openMenu();
     }
   };
-  var handleCloseSelectBody = (0, _react.useCallback)(function (event) {
+  const handleCloseSelectBody = (0, _react.useCallback)(event => {
     event.stopPropagation();
     if (multiple) return;
     if (!event.target.classList.contains('disabled') && !event.target.closest('.options-list__search')) {
@@ -204,16 +176,16 @@ var FormSelect = function FormSelect(_ref) {
       setSearchValue('');
     }
   }, [closeMenu, multiple]);
-  var handleSelectOptionClick = function handleSelectOptionClick(selectedOption, option) {
+  const handleSelectOptionClick = (selectedOption, option) => {
     if (selectedOption !== input.value) {
       option.handler && option.handler();
       onChange && onChange(selectedOption);
-      setTimeout(function () {
+      setTimeout(() => {
         input.onChange(selectedOption);
       });
     }
   };
-  var validateField = function validateField(value) {
+  const validateField = value => {
     if (required) {
       return value ? undefined : 'Required';
     }
@@ -221,9 +193,11 @@ var FormSelect = function FormSelect(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
     name: name,
     validate: validateField,
-    children: function children(_ref3) {
-      var input = _ref3.input,
-        meta = _ref3.meta;
+    children: _ref2 => {
+      let {
+        input,
+        meta
+      } = _ref2;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
         className: "select-tooltip",
         template: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextTooltipTemplate.default, {
@@ -265,7 +239,7 @@ var FormSelect = function FormSelect(_ref) {
                     text: selectedItemAction.tooltip
                   }),
                   children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-                    onClick: function onClick(event) {
+                    onClick: event => {
                       if (selectedItemAction.confirm) {
                         setConfirmDialogOpen(true);
                       } else {
@@ -286,17 +260,17 @@ var FormSelect = function FormSelect(_ref) {
             })]
           }), isConfirmDialogOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConfirmDialog.default, {
             cancelButton: {
-              handler: function handler() {
+              handler: () => {
                 setConfirmDialogOpen(false);
               },
               label: 'Cancel',
               variant: _constants.TERTIARY_BUTTON
             },
-            closePopUp: function closePopUp() {
+            closePopUp: () => {
               setConfirmDialogOpen(false);
             },
             confirmButton: {
-              handler: function handler() {
+              handler: () => {
                 selectedItemAction.handler(input.value);
                 setConfirmDialogOpen(false);
               },
@@ -329,20 +303,18 @@ var FormSelect = function FormSelect(_ref) {
                   type: "text",
                   placeholder: "Search...",
                   value: searchValue,
-                  onChange: function onChange(event) {
-                    return setSearchValue(event.target.value);
-                  },
+                  onChange: event => setSearchValue(event.target.value),
                   ref: searchRef,
                   autoFocus: true
                 })
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
                 className: "options-list",
                 ref: optionsListRef,
-                children: sortedOptionsList.map(function (option) {
+                children: sortedOptionsList.map(option => {
                   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOption.default, {
                     item: option,
                     name: name,
-                    onClick: function onClick(selectedOption) {
+                    onClick: selectedOption => {
                       handleSelectOptionClick(selectedOption, option);
                     },
                     multiple: multiple,
@@ -352,9 +324,10 @@ var FormSelect = function FormSelect(_ref) {
                 })
               })]
             })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({}, input), {}, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+            ...input,
             type: "hidden"
-          }))]
+          })]
         })
       });
     }
@@ -390,5 +363,4 @@ FormSelect.propTypes = {
   withoutBorder: _propTypes.default.bool,
   withSelectedIcon: _propTypes.default.bool
 };
-var _default = /*#__PURE__*/_react.default.memo(FormSelect);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/_react.default.memo(FormSelect);

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

@@ -5,40 +5,34 @@ 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 _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /*
-                                                                                                                                                                                                                                                                                                                                                                                              Copyright 2022 Iguazio Systems Ltd.
-                                                                                                                                                                                                                                                                                                                                                                                              Licensed under the Apache License, Version 2.0 (the "License") with
-                                                                                                                                                                                                                                                                                                                                                                                              an addition restriction as set forth herein. You may not use this
-                                                                                                                                                                                                                                                                                                                                                                                              file except in compliance with the License. You may obtain a copy of
-                                                                                                                                                                                                                                                                                                                                                                                              the License at http://www.apache.org/licenses/LICENSE-2.0.
-                                                                                                                                                                                                                                                                                                                                                                                              Unless required by applicable law or agreed to in writing, software
-                                                                                                                                                                                                                                                                                                                                                                                              distributed under the License is distributed on an "AS IS" BASIS,
-                                                                                                                                                                                                                                                                                                                                                                                              WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-                                                                                                                                                                                                                                                                                                                                                                                              implied. See the License for the specific language governing
-                                                                                                                                                                                                                                                                                                                                                                                              permissions and limitations under the License.
-                                                                                                                                                                                                                                                                                                                                                                                              In addition, you may not use the software for any purposes that are
-                                                                                                                                                                                                                                                                                                                                                                                              illegal under applicable law, and the grant of the foregoing license
-                                                                                                                                                                                                                                                                                                                                                                                              under the Apache 2.0 license is conditioned upon your compliance with
-                                                                                                                                                                                                                                                                                                                                                                                              such restriction.
-                                                                                                                                                                                                                                                                                                                                                                                              */
-jest.mock('../../images/dropdown.svg', function () {
-  return {
-    ReactComponent: 'caret-icon'
-  };
-});
-var renderComponent = function renderComponent(props) {
-  return (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, _objectSpread({}, props)));
-};
-describe('Select component', function () {
-  var wrapper;
-  var mockClick = jest.fn();
-  beforeEach(function () {
-    var props = {
+/*
+Copyright 2022 Iguazio Systems Ltd.
+Licensed under the Apache License, Version 2.0 (the "License") with
+an addition restriction as set forth herein. You may not use this
+file except in compliance with the License. You may obtain a copy of
+the License at http://www.apache.org/licenses/LICENSE-2.0.
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+implied. See the License for the specific language governing
+permissions and limitations under the License.
+In addition, you may not use the software for any purposes that are
+illegal under applicable law, and the grant of the foregoing license
+under the Apache 2.0 license is conditioned upon your compliance with
+such restriction.
+*/
+
+jest.mock('../../images/dropdown.svg', () => ({
+  ReactComponent: 'caret-icon'
+}));
+const renderComponent = props => (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
+  ...props
+}));
+describe('Select component', () => {
+  let wrapper;
+  const mockClick = jest.fn();
+  beforeEach(() => {
+    const props = {
       label: 'Select',
       floatingLabel: true,
       selectedId: 'test1',
@@ -52,47 +46,49 @@ describe('Select component', function () {
     wrapper = renderComponent(props);
   });
   afterEach(_react2.cleanup);
-  it('renders without crashing', function () {
+  it('renders without crashing', () => {
     expect(wrapper.queryByTestId('select')).not.toBeNull();
   });
-  it('should show select body after click by select header', function () {
-    var select = wrapper.getByTestId('select');
+  it('should show select body after click by select header', () => {
+    const select = wrapper.getByTestId('select');
     _react2.fireEvent.click(select);
     expect(wrapper.queryByTestId('select-body')).not.toBeNull();
   });
-  it('should hide the select body when scrolling', function () {
-    var select = wrapper.getByTestId('select');
+  it('should hide the select body when scrolling', () => {
+    const select = wrapper.getByTestId('select');
     _react2.fireEvent.click(select);
     expect(wrapper.queryByTestId('select-body')).not.toBeNull();
     _react2.fireEvent.scroll(window);
     expect(wrapper.queryByTestId('select-body')).toBeNull();
   });
-  it('should call "onClick" callback with "test1"', function () {
-    var select = wrapper.getByTestId('select');
+  it('should call "onClick" callback with "test1"', () => {
+    const select = wrapper.getByTestId('select');
     _react2.fireEvent.click(select);
-    var selectOption = wrapper.getByTestId('select-option');
+    const selectOption = wrapper.getByTestId('select-option');
     _react2.fireEvent.click(selectOption);
     expect(mockClick).toHaveBeenCalledWith('test1');
   });
-  it('should not close "selectBody" if click by disabled option', function () {
-    var props = {
+  it('should not close "selectBody" if click by disabled option', () => {
+    const props = {
       options: [{
         label: 'Test1',
         id: 'test1'
       }],
       disabledOptions: ['test1']
     };
-    wrapper.rerender( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, _objectSpread({}, props)));
-    var select = wrapper.getByTestId('select');
+    wrapper.rerender( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
+      ...props
+    }));
+    const select = wrapper.getByTestId('select');
     _react2.fireEvent.click(select);
-    var selectOption = wrapper.getByTestId('select-option');
+    const selectOption = wrapper.getByTestId('select-option');
     _react2.fireEvent.click(selectOption);
     expect(wrapper.queryByTestId('select-body')).not.toBeNull();
   });
-  it('should display selected option', function () {
-    var select = wrapper.getByTestId('select');
+  it('should display selected option', () => {
+    const select = wrapper.getByTestId('select');
     _react2.fireEvent.click(select);
-    var selectOption = wrapper.getByTestId('select-option');
+    const selectOption = wrapper.getByTestId('select-option');
     _react2.fireEvent.click(selectOption);
     expect(mockClick).toHaveBeenCalledWith('test1');
     wrapper.rerender( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
@@ -102,13 +98,13 @@ describe('Select component', function () {
       }],
       selectedId: "test1"
     }));
-    var selectedOption = wrapper.getByTestId('selected-option');
+    const selectedOption = wrapper.getByTestId('selected-option');
     expect(selectedOption.textContent).toEqual('Test1');
   });
-  it('should add className "select__label_floating" to select label if props floatingLabel "true"', function () {
+  it('should add className "select__label_floating" to select label if props floatingLabel "true"', () => {
     expect(wrapper.getByTestId('select-label').className).toMatch('select__label_floating');
   });
-  it('should not open select body if props disabled set to "true"', function () {
+  it('should not open select body if props disabled set to "true"', () => {
     wrapper.rerender( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
       options: [{
         label: 'Test1',
@@ -116,16 +112,16 @@ describe('Select component', function () {
       }],
       disabled: true
     }));
-    var select = wrapper.getByTestId('select');
+    const select = wrapper.getByTestId('select');
     _react2.fireEvent.click(select);
     expect(wrapper.queryByTestId('select-body')).toBeNull();
   });
-  it('should display a "subLabel" if it exists in the option', function () {
-    var subLabel = wrapper.queryByTestId('select-subLabel');
+  it('should display a "subLabel" if it exists in the option', () => {
+    const subLabel = wrapper.queryByTestId('select-subLabel');
     expect(subLabel).not.toBeNull();
   });
-  it('should call handler callback if it exists in the option', function () {
-    var mockHandler = jest.fn();
+  it('should call handler callback if it exists in the option', () => {
+    const mockHandler = jest.fn();
     wrapper.rerender( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
       options: [{
         label: 'Test1',
@@ -133,9 +129,9 @@ describe('Select component', function () {
         handler: mockHandler
       }]
     }));
-    var select = wrapper.getByTestId('select');
+    const select = wrapper.getByTestId('select');
     _react2.fireEvent.click(select);
-    var selectOption = wrapper.getByTestId('select-option');
+    const selectOption = wrapper.getByTestId('select-option');
     _react2.fireEvent.click(selectOption);
     expect(mockHandler).toHaveBeenCalled();
   });