iguazio.dashboard-react-controls 1.9.2 → 2.0.0

package/dist/components/FormCombobox/FormCombobox.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
 });
@@ -24,132 +23,89 @@ var _exclamationMark = require("../../images/exclamation-mark.svg");
 require("./formCombobox.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 _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 FormCombobox = function FormCombobox(_ref) {
-  var comboboxClassName = _ref.comboboxClassName,
-    density = _ref.density,
-    disabled = _ref.disabled,
-    hideSearchInput = _ref.hideSearchInput,
-    inputDefaultValue = _ref.inputDefaultValue,
-    inputPlaceholder = _ref.inputPlaceholder,
-    invalidText = _ref.invalidText,
-    label = _ref.label,
-    maxSuggestedMatches = _ref.maxSuggestedMatches,
-    name = _ref.name,
-    onBlur = _ref.onBlur,
-    onChange = _ref.onChange,
-    onFocus = _ref.onFocus,
-    required = _ref.required,
-    rules = _ref.rules,
-    selectDefaultValue = _ref.selectDefaultValue,
-    selectOptions = _ref.selectOptions,
-    selectPlaceholder = _ref.selectPlaceholder,
-    suggestionList = _ref.suggestionList,
-    validator = _ref.validator,
-    withoutBorder = _ref.withoutBorder;
-  var _useField = (0, _reactFinalForm.useField)(name),
-    input = _useField.input,
-    meta = _useField.meta;
-  var _useState = (0, _react.useState)(inputDefaultValue),
-    _useState2 = _slicedToArray(_useState, 2),
-    inputValue = _useState2[0],
-    setInputValue = _useState2[1];
-  var _useState3 = (0, _react.useState)(selectDefaultValue),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectValue = _useState4[0],
-    setSelectValue = _useState4[1];
-  var _useState5 = (0, _react.useState)({
-      left: '0px'
-    }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    dropdownStyle = _useState6[0],
-    setDropdownStyle = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    showSelectDropdown = _useState8[0],
-    setShowSelectDropdown = _useState8[1];
-  var _useState9 = (0, _react.useState)(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    showSuggestionList = _useState10[0],
-    setShowSuggestionList = _useState10[1];
-  var _useState11 = (0, _react.useState)(suggestionList),
-    _useState12 = _slicedToArray(_useState11, 2),
-    dropdownList = _useState12[0],
-    setDropdownList = _useState12[1];
-  var _useState13 = (0, _react.useState)(false),
-    _useState14 = _slicedToArray(_useState13, 2),
-    searchIsFocused = _useState14[0],
-    setSearchIsFocused = _useState14[1];
-  var _useState15 = (0, _react.useState)(false),
-    _useState16 = _slicedToArray(_useState15, 2),
-    isInvalid = _useState16[0],
-    setIsInvalid = _useState16[1];
-  var _useState17 = (0, _react.useState)(rules),
-    _useState18 = _slicedToArray(_useState17, 2),
-    validationRules = _useState18[0],
-    setValidationRules = _useState18[1];
-  var _useState19 = (0, _react.useState)(false),
-    _useState20 = _slicedToArray(_useState19, 2),
-    showValidationRules = _useState20[0],
-    setShowValidationRules = _useState20[1];
-  var comboboxRef = (0, _react.useRef)();
-  var selectRef = (0, _react.useRef)();
-  var inputRef = (0, _react.useRef)();
-  var suggestionListRef = (0, _react.useRef)();
-  (0, _hooks.useDetectOutsideClick)(comboboxRef, function () {
-    return setShowValidationRules(false);
+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 FormCombobox = _ref => {
+  let {
+    comboboxClassName,
+    density,
+    disabled,
+    hideSearchInput,
+    inputDefaultValue,
+    inputPlaceholder,
+    invalidText,
+    label,
+    maxSuggestedMatches,
+    name,
+    onBlur,
+    onChange,
+    onFocus,
+    required,
+    rules,
+    selectDefaultValue,
+    selectOptions,
+    selectPlaceholder,
+    suggestionList,
+    validator,
+    withoutBorder
+  } = _ref;
+  const {
+    input,
+    meta
+  } = (0, _reactFinalForm.useField)(name);
+  const [inputValue, setInputValue] = (0, _react.useState)(inputDefaultValue);
+  const [selectValue, setSelectValue] = (0, _react.useState)(selectDefaultValue);
+  const [dropdownStyle, setDropdownStyle] = (0, _react.useState)({
+    left: '0px'
   });
-  var labelClassNames = (0, _classnames.default)('form-field__label', disabled && 'form-field__label-disabled');
-  var inputClassNames = (0, _classnames.default)('form-field-combobox__input', selectValue.id.length === 0 && 'form-field-combobox__input_hidden');
-  (0, _react.useEffect)(function () {
-    setValidationRules(function (prevState) {
-      return prevState.map(function (rule) {
-        return _objectSpread(_objectSpread({}, rule), {}, {
-          isValid: !meta.error || !Array.isArray(meta.error) ? true : !meta.error.some(function (err) {
-            return err.name === rule.name;
-          })
-        });
-      });
-    });
+  const [showSelectDropdown, setShowSelectDropdown] = (0, _react.useState)(false);
+  const [showSuggestionList, setShowSuggestionList] = (0, _react.useState)(false);
+  const [dropdownList, setDropdownList] = (0, _react.useState)(suggestionList);
+  const [searchIsFocused, setSearchIsFocused] = (0, _react.useState)(false);
+  const [isInvalid, setIsInvalid] = (0, _react.useState)(false);
+  const [validationRules, setValidationRules] = (0, _react.useState)(rules);
+  const [showValidationRules, setShowValidationRules] = (0, _react.useState)(false);
+  const comboboxRef = (0, _react.useRef)();
+  const selectRef = (0, _react.useRef)();
+  const inputRef = (0, _react.useRef)();
+  const suggestionListRef = (0, _react.useRef)();
+  (0, _hooks.useDetectOutsideClick)(comboboxRef, () => setShowValidationRules(false));
+  const labelClassNames = (0, _classnames.default)('form-field__label', disabled && 'form-field__label-disabled');
+  const inputClassNames = (0, _classnames.default)('form-field-combobox__input', selectValue.id.length === 0 && 'form-field-combobox__input_hidden');
+  (0, _react.useEffect)(() => {
+    setValidationRules(prevState => prevState.map(rule => ({
+      ...rule,
+      isValid: !meta.error || !Array.isArray(meta.error) ? true : !meta.error.some(err => err.name === rule.name)
+    })));
   }, [meta.error]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (!searchIsFocused) {
       if (JSON.stringify(dropdownList) !== JSON.stringify(suggestionList)) {
         setDropdownList(suggestionList);
       }
     }
   }, [dropdownList, suggestionList, searchIsFocused]);
-  (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 handleOutsideClick = (0, _react.useCallback)(function (event) {
+  const handleOutsideClick = (0, _react.useCallback)(event => {
     if (comboboxRef.current && !comboboxRef.current.contains(event.target) && suggestionListRef.current && !suggestionListRef.current.contains(event.target)) {
       setSearchIsFocused(false);
       setShowSelectDropdown(false);
@@ -158,7 +114,7 @@ var FormCombobox = function FormCombobox(_ref) {
       onBlur && onBlur(input.value);
     }
   }, [input, onBlur]);
-  var handleScroll = function handleScroll(event) {
+  const handleScroll = event => {
     if (comboboxRef.current && comboboxRef.current.contains(event.target)) return;
     if (!event.target.closest('.pop-up-dialog') && !event.target.classList.contains('form-field-combobox')) {
       setShowValidationRules(false);
@@ -167,34 +123,35 @@ var FormCombobox = function FormCombobox(_ref) {
       inputRef.current.blur();
     }
   };
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     window.addEventListener('click', handleOutsideClick);
-    return function () {
+    return () => {
       window.removeEventListener('click', handleOutsideClick);
     };
   }, [handleOutsideClick]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (showValidationRules || showSelectDropdown || showSuggestionList) {
       window.addEventListener('scroll', handleScroll, true);
     }
-    return function () {
+    return () => {
       window.removeEventListener('scroll', handleScroll, true);
     };
   }, [showSelectDropdown, showSuggestionList, showValidationRules]);
-  var getValidationRules = function getValidationRules() {
-    return validationRules.map(function (_ref2) {
-      var _ref2$isValid = _ref2.isValid,
-        isValid = _ref2$isValid === void 0 ? false : _ref2$isValid,
-        label = _ref2.label,
-        name = _ref2.name;
+  const getValidationRules = () => {
+    return validationRules.map(_ref2 => {
+      let {
+        isValid = false,
+        label,
+        name
+      } = _ref2;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_elements.ValidationTemplate, {
         valid: isValid,
         validationMessage: label
       }, name);
     });
   };
-  var handleInputChange = function handleInputChange(event) {
-    var target = event.target;
+  const handleInputChange = event => {
+    const target = event.target;
     setDropdownStyle({
       left: "".concat(target.selectionStart < 30 ? target.selectionStart : 30, "ch")
     });
@@ -208,7 +165,7 @@ var FormCombobox = function FormCombobox(_ref) {
       setShowSuggestionList(true);
     }
   };
-  var handleSelectOptionClick = function handleSelectOptionClick(selectedOption, option) {
+  const handleSelectOptionClick = (selectedOption, option) => {
     if (selectedOption.id !== selectValue.id) {
       setSelectValue(selectedOption);
       input.onChange(selectedOption.id);
@@ -219,10 +176,10 @@ var FormCombobox = function FormCombobox(_ref) {
       inputRef.current.focus();
     }
   };
-  var handleSuggestionListOptionClick = function handleSuggestionListOptionClick(option) {
-    var inputValueItems = inputValue.split('/');
-    var valueIndex = inputValueItems.length - 1;
-    var formattedValue = option.customDelimiter ? inputValueItems[valueIndex].replace(new RegExp("".concat(option.customDelimiter, ".*")), '') + option.id : option.id;
+  const handleSuggestionListOptionClick = option => {
+    const inputValueItems = inputValue.split('/');
+    const valueIndex = inputValueItems.length - 1;
+    let formattedValue = option.customDelimiter ? inputValueItems[valueIndex].replace(new RegExp("".concat(option.customDelimiter, ".*")), '') + option.id : option.id;
     if (inputValueItems.length <= maxSuggestedMatches - 1) formattedValue += '/';
     inputValueItems[valueIndex] = formattedValue;
     if (searchIsFocused) {
@@ -239,7 +196,7 @@ var FormCombobox = function FormCombobox(_ref) {
       left: "".concat(inputRef.current.selectionStart < 30 ? inputRef.current.selectionStart : 30, "ch")
     });
   };
-  var inputOnFocus = function inputOnFocus() {
+  const inputOnFocus = () => {
     onFocus && onFocus();
     input.onFocus(new Event('focus'));
     if (showSelectDropdown) {
@@ -247,15 +204,13 @@ var FormCombobox = function FormCombobox(_ref) {
     }
     setShowSuggestionList(true);
   };
-  var suggestionListSearchChange = function suggestionListSearchChange(event) {
+  const suggestionListSearchChange = event => {
     event.persist();
-    setDropdownList(function () {
-      return suggestionList.filter(function (option) {
-        return option.id.startsWith(event.target.value);
-      });
-    });
+    setDropdownList(() => suggestionList.filter(option => {
+      return option.id.startsWith(event.target.value);
+    }));
   };
-  var toggleSelect = (0, _react.useCallback)(function () {
+  const toggleSelect = (0, _react.useCallback)(() => {
     if (showSelectDropdown) {
       setShowSelectDropdown(false);
       input.onBlur(new Event('blur'));
@@ -271,26 +226,19 @@ var FormCombobox = function FormCombobox(_ref) {
       onFocus && onFocus(input.value);
     }
   }, [input, onBlur, onFocus, showSelectDropdown]);
-  var validateField = function validateField() {
-    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-    var allValues = arguments.length > 1 ? arguments[1] : undefined;
-    var valueToValidate = value.startsWith(selectValue.id) ? value.substring(selectValue.id.length) : value !== null && value !== void 0 ? value : '';
-    var validationError = null;
+  const validateField = function () {
+    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    let allValues = arguments.length > 1 ? arguments[1] : undefined;
+    const valueToValidate = value.startsWith(selectValue.id) ? value.substring(selectValue.id.length) : value !== null && value !== void 0 ? value : '';
+    let validationError = null;
     if (!(0, _lodash.isEmpty)(validationRules)) {
-      var _checkPatternsValidit = (0, _validation.checkPatternsValidity)(rules, valueToValidate),
-        _checkPatternsValidit2 = _slicedToArray(_checkPatternsValidit, 2),
-        newRules = _checkPatternsValidit2[0],
-        isValidField = _checkPatternsValidit2[1];
-      var invalidRules = newRules.filter(function (rule) {
-        return !rule.isValid;
-      });
+      const [newRules, isValidField] = (0, _validation.checkPatternsValidity)(rules, valueToValidate);
+      const invalidRules = newRules.filter(rule => !rule.isValid);
       if (!isValidField) {
-        validationError = invalidRules.map(function (rule) {
-          return {
-            name: rule.name,
-            label: rule.label
-          };
-        });
+        validationError = invalidRules.map(rule => ({
+          name: rule.name,
+          label: rule.label
+        }));
       }
     }
     if ((0, _lodash.isEmpty)(validationError)) {
@@ -311,23 +259,23 @@ var FormCombobox = function FormCombobox(_ref) {
     }
     return validationError;
   };
-  var warningIconClick = function warningIconClick() {
-    setShowValidationRules(function (state) {
-      return !state;
-    });
+  const warningIconClick = () => {
+    setShowValidationRules(state => !state);
     setShowSelectDropdown(false);
   };
-  var comboboxClassNames = (0, _classnames.default)(comboboxClassName, 'form-field-combobox', 'form-field', isInvalid && 'form-field-combobox_invalid');
-  var iconClassNames = (0, _classnames.default)(showSelectDropdown && 'form-field-combobox__icon_open', 'form-field-combobox__icon');
-  var selectValueClassNames = (0, _classnames.default)(selectValue.className);
-  var wrapperClassNames = (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 comboboxClassNames = (0, _classnames.default)(comboboxClassName, 'form-field-combobox', 'form-field', isInvalid && 'form-field-combobox_invalid');
+  const iconClassNames = (0, _classnames.default)(showSelectDropdown && 'form-field-combobox__icon_open', 'form-field-combobox__icon');
+  const selectValueClassNames = (0, _classnames.default)(selectValue.className);
+  const wrapperClassNames = (0, _classnames.default)('form-field__wrapper', "form-field__wrapper-".concat(density), disabled && 'form-field__wrapper-disabled', isInvalid && 'form-field__wrapper-invalid', withoutBorder && 'without-border');
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
     name: name,
     validate: validateField,
-    children: function children(_ref3) {
+    children: _ref3 => {
       var _meta$error$label, _meta$error;
-      var input = _ref3.input,
-        meta = _ref3.meta;
+      let {
+        input,
+        meta
+      } = _ref3;
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: comboboxClassNames,
         ref: comboboxRef,
@@ -337,9 +285,7 @@ var FormCombobox = function FormCombobox(_ref) {
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
             "data-testid": "label",
             htmlFor: input.name,
-            children: [label, (required || validationRules.find(function (rule) {
-              return rule.name === 'required';
-            })) && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: [label, (required || validationRules.find(rule => rule.name === 'required')) && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               className: "form-field__label-mandatory",
               children: " *"
             })]
@@ -376,14 +322,12 @@ var FormCombobox = function FormCombobox(_ref) {
               className: "form-field-combobox__dropdown form-field-combobox__dropdown-select",
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
                 className: "form-field-combobox__dropdown-list",
-                children: selectOptions.map(function (option) {
+                children: selectOptions.map(option => {
                   if (!option.hidden) {
-                    var selectOptionClassNames = (0, _classnames.default)('form-field-combobox__dropdown-list-option', option.className);
+                    const selectOptionClassNames = (0, _classnames.default)('form-field-combobox__dropdown-list-option', option.className);
                     return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
                       className: selectOptionClassNames,
-                      onClick: function onClick() {
-                        return handleSelectOptionClick(option);
-                      },
+                      onClick: () => handleSelectOptionClick(option),
                       children: option.label
                     }, option.id);
                   }
@@ -408,7 +352,9 @@ var FormCombobox = function FormCombobox(_ref) {
               position: 'bottom-right'
             },
             className: "form-field-combobox__dropdown form-field-combobox__dropdown-suggestions",
-            style: _objectSpread({}, dropdownStyle),
+            style: {
+              ...dropdownStyle
+            },
             children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
               ref: suggestionListRef,
               children: [!hideSearchInput && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -417,9 +363,7 @@ var FormCombobox = function FormCombobox(_ref) {
                   "data-testid": name ? "".concat(name, "-form-combobox-search") : 'form-combobox-search',
                   className: "form-field-combobox__search form-field__control",
                   onChange: suggestionListSearchChange,
-                  onFocus: function onFocus() {
-                    return setSearchIsFocused(true);
-                  },
+                  onFocus: () => setSearchIsFocused(true),
                   placeholder: "Type to search",
                   type: "text"
                 }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_search.ReactComponent, {})]
@@ -428,15 +372,11 @@ var FormCombobox = function FormCombobox(_ref) {
                 children: searchIsFocused && dropdownList.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
                   className: "form-field-combobox__dropdown-list-option",
                   children: "No data"
-                }, "no data") : dropdownList.map(function (value) {
-                  return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-                    className: "form-field-combobox__dropdown-list-option",
-                    onClick: function onClick() {
-                      return handleSuggestionListOptionClick(value);
-                    },
-                    children: value.label
-                  }, value.id);
-                })
+                }, "no data") : dropdownList.map(value => /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+                  className: "form-field-combobox__dropdown-list-option",
+                  onClick: () => handleSuggestionListOptionClick(value),
+                  children: value.label
+                }, value.id))
               })]
             })
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -510,5 +450,4 @@ FormCombobox.propTypes = {
   validator: _propTypes.default.func,
   withoutBorder: _propTypes.default.bool
 };
-var _default = FormCombobox;
-exports.default = _default;
+var _default = exports.default = FormCombobox;