iguazio.dashboard-react-controls 0.0.39 → 1.2.0

package/dist/components/FormKeyValueTable/FormKeyValueTable.js

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactFinalFormArrays = require("react-final-form-arrays");
-
 var _components = require("../../components");
-
 var _elements = require("../../elements");
-
 var _useFormTable2 = require("../../hooks/useFormTable.hook");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /*
 Copyright 2022 Iguazio Systems Ltd.
 Licensed under the Apache License, Version 2.0 (the "License") with
@@ -39,38 +29,36 @@ 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 FormKeyValueTable = function FormKeyValueTable(_ref) {
   var addNewItemLabel = _ref.addNewItemLabel,
-      className = _ref.className,
-      defaultKey = _ref.defaultKey,
-      disabled = _ref.disabled,
-      fieldsPath = _ref.fieldsPath,
-      formState = _ref.formState,
-      isKeyRequired = _ref.isKeyRequired,
-      isValueRequired = _ref.isValueRequired,
-      keyHeader = _ref.keyHeader,
-      keyLabel = _ref.keyLabel,
-      keyOptions = _ref.keyOptions,
-      valueHeader = _ref.valueHeader,
-      valueLabel = _ref.valueLabel;
+    className = _ref.className,
+    defaultKey = _ref.defaultKey,
+    disabled = _ref.disabled,
+    fieldsPath = _ref.fieldsPath,
+    formState = _ref.formState,
+    isKeyRequired = _ref.isKeyRequired,
+    isValueRequired = _ref.isValueRequired,
+    keyHeader = _ref.keyHeader,
+    keyLabel = _ref.keyLabel,
+    keyOptions = _ref.keyOptions,
+    valueHeader = _ref.valueHeader,
+    valueLabel = _ref.valueLabel;
   var tableClassNames = (0, _classnames.default)('form-table form-key-value-table', className);
-
   var _useFormTable = (0, _useFormTable2.useFormTable)(formState),
-      editingItem = _useFormTable.editingItem,
-      addNewRow = _useFormTable.addNewRow,
-      applyChanges = _useFormTable.applyChanges,
-      deleteRow = _useFormTable.deleteRow,
-      discardOrDelete = _useFormTable.discardOrDelete,
-      enterEditMode = _useFormTable.enterEditMode,
-      bottomScrollRef = _useFormTable.bottomScrollRef;
-
+    editingItem = _useFormTable.editingItem,
+    addNewRow = _useFormTable.addNewRow,
+    applyChanges = _useFormTable.applyChanges,
+    deleteRow = _useFormTable.deleteRow,
+    discardOrDelete = _useFormTable.discardOrDelete,
+    enterEditMode = _useFormTable.enterEditMode,
+    bottomScrollRef = _useFormTable.bottomScrollRef;
   var uniquenessValidator = function uniquenessValidator(fields, newValue) {
     return !fields.value.some(function (_ref2, index) {
       var key = _ref2.data.key;
       return newValue.trim() === key && index !== editingItem.ui.index;
     });
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: tableClassNames,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -88,12 +76,10 @@ var FormKeyValueTable = function FormKeyValueTable(_ref) {
       name: fieldsPath,
       children: function children(_ref3) {
         var _editingItem$ui3;
-
         var fields = _ref3.fields;
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
           children: [fields.map(function (contentItem, index) {
             var _editingItem$ui, _editingItem$ui2;
-
             var tableRowClassNames = (0, _classnames.default)('form-table__row', fieldsPath === (editingItem === null || editingItem === void 0 ? void 0 : (_editingItem$ui = editingItem.ui) === null || _editingItem$ui === void 0 ? void 0 : _editingItem$ui.fieldsPath) && (editingItem === null || editingItem === void 0 ? void 0 : (_editingItem$ui2 = editingItem.ui) === null || _editingItem$ui2 === void 0 ? void 0 : _editingItem$ui2.index) === index && 'active');
             return editingItem && index === editingItem.ui.index && !disabled ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
               className: tableRowClassNames,
@@ -101,12 +87,12 @@ var FormKeyValueTable = function FormKeyValueTable(_ref) {
                 className: "form-table__cell form-table__cell_1",
                 children: keyOptions ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FormSelect, {
                   name: "".concat(contentItem, ".data.key"),
-                  density: "dense",
+                  density: "normal",
                   options: keyOptions
                 }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FormInput, {
                   className: "input_edit",
                   placeholder: keyLabel,
-                  density: "dense",
+                  density: "normal",
                   name: "".concat(contentItem, ".data.key"),
                   required: isKeyRequired,
                   validationRules: [{
@@ -122,7 +108,7 @@ var FormKeyValueTable = function FormKeyValueTable(_ref) {
                 children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FormInput, {
                   className: "input_edit",
                   placeholder: valueLabel,
-                  density: "dense",
+                  density: "normal",
                   name: "".concat(contentItem, ".data.value"),
                   required: isValueRequired
                 })
@@ -174,7 +160,6 @@ var FormKeyValueTable = function FormKeyValueTable(_ref) {
               for (var _len = arguments.length, addRowArgs = new Array(_len), _key = 0; _key < _len; _key++) {
                 addRowArgs[_key] = arguments[_key];
               }
-
               return addNewRow.apply(void 0, addRowArgs.concat([{
                 data: {
                   key: defaultKey || '',
@@ -189,7 +174,6 @@ var FormKeyValueTable = function FormKeyValueTable(_ref) {
     })]
   });
 };
-
 FormKeyValueTable.defaultProps = {
   addNewItemLabel: 'Add new item',
   className: '',

package/dist/components/FormRadio/FormRadio.js

@@ -1,42 +1,46 @@
 "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
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactFinalForm = require("react-final-form");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 require("./FormRadio.scss");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["className", "name", "label"];
-
+/*
+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.
+*/
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var FormRadio = function FormRadio(_ref) {
   var className = _ref.className,
-      name = _ref.name,
-      label = _ref.label,
-      inputProps = _objectWithoutProperties(_ref, _excluded);
-
+    name = _ref.name,
+    label = _ref.label,
+    inputProps = _objectWithoutProperties(_ref, _excluded);
   var formFieldClassNames = (0, _classnames.default)('form-field-radio', className);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
     name: name,
@@ -56,7 +60,6 @@ var FormRadio = function FormRadio(_ref) {
     }
   });
 };
-
 FormRadio.defaultProps = {
   className: '',
   label: ''
@@ -66,7 +69,5 @@ FormRadio.propTypes = {
   name: _propTypes.default.string.isRequired,
   label: _propTypes.default.string.isRequired
 };
-
 var _default = /*#__PURE__*/_react.default.memo(FormRadio);
-
 exports.default = _default;

package/dist/components/FormSelect/FormSelect.js

@@ -1,138 +1,114 @@
 "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
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactFinalForm = require("react-final-form");
-
 var _ConfirmDialog = _interopRequireDefault(require("../ConfirmDialog/ConfirmDialog"));
-
 var _PopUpDialog = _interopRequireDefault(require("../PopUpDialog/PopUpDialog"));
-
 var _SelectOption = _interopRequireDefault(require("../../elements/SelectOption/SelectOption"));
-
 var _TextTooltipTemplate = _interopRequireDefault(require("../TooltipTemplate/TextTooltipTemplate"));
-
 var _Tooltip = _interopRequireDefault(require("../Tooltip/Tooltip"));
-
 var _types = require("../../types");
-
 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 _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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
+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) {
   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,
-      tooltip = _ref.tooltip,
-      withoutBorder = _ref.withoutBorder,
-      withSelectedIcon = _ref.withSelectedIcon;
-
+    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,
+    tooltip = _ref.tooltip,
+    withoutBorder = _ref.withoutBorder,
+    withSelectedIcon = _ref.withSelectedIcon;
   var _useField = (0, _reactFinalForm.useField)(name),
-      input = _useField.input,
-      meta = _useField.meta;
-
+    input = _useField.input,
+    meta = _useField.meta;
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isInvalid = _useState2[0],
-      setIsInvalid = _useState2[1];
-
+    _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];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    isConfirmDialogOpen = _useState4[0],
+    setConfirmDialogOpen = _useState4[1];
   var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      isOpen = _useState6[0],
-      setOpen = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    isOpen = _useState6[0],
+    setOpen = _useState6[1];
   var _useState7 = (0, _react.useState)('bottom-right'),
-      _useState8 = _slicedToArray(_useState7, 2),
-      position = _useState8[0],
-      setPosition = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    position = _useState8[0],
+    setPosition = _useState8[1];
   var _useState9 = (0, _react.useState)(''),
-      _useState10 = _slicedToArray(_useState9, 2),
-      searchValue = _useState10[0],
-      setSearchValue = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    searchValue = _useState10[0],
+    setSearchValue = _useState10[1];
   var selectRef = (0, _react.useRef)();
   var popUpRef = (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,
-      selectLeft = _ref2.left;
-
+    selectWidth = _ref2.width,
+    selectLeft = _ref2.left;
   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 getSelectValue = function 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");
   };
-
   (0, _react.useEffect)(function () {
     setIsInvalid(meta.invalid && (meta.validating || meta.modified || meta.submitFailed && meta.touched));
   }, [meta.invalid, meta.modified, meta.submitFailed, meta.touched, meta.validating]);
@@ -161,8 +137,7 @@ var FormSelect = function FormSelect(_ref) {
   (0, _react.useLayoutEffect)(function () {
     if (popUpRef !== null && popUpRef !== void 0 && popUpRef.current) {
       var _popUpRef$current$get = popUpRef.current.getBoundingClientRect(),
-          width = _popUpRef$current$get.width;
-
+        width = _popUpRef$current$get.width;
       selectLeft + width > window.innerWidth ? setPosition('bottom-left') : setPosition('bottom-right');
     }
   }, [isOpen, selectLeft]);
@@ -170,14 +145,12 @@ var FormSelect = function FormSelect(_ref) {
     if (isOpen) {
       window.addEventListener('scroll', handleScroll, true);
     }
-
     window.addEventListener('click', clickHandler);
     return function () {
       window.removeEventListener('click', clickHandler);
       window.removeEventListener('scroll', handleScroll, true);
     };
   }, [clickHandler, handleScroll, isOpen]);
-
   var toggleOpen = function toggleOpen() {
     if (isOpen) {
       closeMenu();
@@ -185,17 +158,14 @@ var FormSelect = function FormSelect(_ref) {
       !disabled && openMenu();
     }
   };
-
   var handleCloseSelectBody = (0, _react.useCallback)(function (event) {
     event.stopPropagation();
     if (multiple) return;
-
     if (!event.target.classList.contains('disabled') && !event.target.closest('.options-list__search')) {
       closeMenu();
       setSearchValue('');
     }
   }, [closeMenu, multiple]);
-
   var handleSelectOptionClick = function handleSelectOptionClick(selectedOption, option) {
     if (selectedOption !== input.value) {
       option.handler && option.handler();
@@ -205,19 +175,17 @@ var FormSelect = function FormSelect(_ref) {
       });
     }
   };
-
   var validateField = function validateField(value) {
     if (required) {
       return value ? undefined : 'Required';
     }
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
     name: name,
     validate: validateField,
     children: function children(_ref3) {
       var input = _ref3.input,
-          meta = _ref3.meta;
+        meta = _ref3.meta;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
         className: "select-tooltip",
         template: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextTooltipTemplate.default, {
@@ -265,7 +233,6 @@ var FormSelect = function FormSelect(_ref) {
                       } else {
                         selectedItemAction.handler(input.value);
                       }
-
                       event.stopPropagation();
                     },
                     children: selectedItemAction.icon
@@ -350,7 +317,6 @@ var FormSelect = function FormSelect(_ref) {
     }
   });
 };
-
 FormSelect.defaultProps = {
   className: '',
   density: 'normal',
@@ -379,7 +345,5 @@ FormSelect.propTypes = {
   withoutBorder: _propTypes.default.bool,
   withSelectedIcon: _propTypes.default.bool
 };
-
 var _default = /*#__PURE__*/_react.default.memo(FormSelect);
-
 exports.default = _default;

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

@@ -1,31 +1,39 @@
 "use strict";
 
 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 _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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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();
@@ -49,31 +57,21 @@ describe('Select component', function () {
   });
   it('should show select body after click by select header', function () {
     var 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');
-
     _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');
-
     _react2.fireEvent.click(select);
-
     var selectOption = wrapper.getByTestId('select-option');
-
     _react2.fireEvent.click(selectOption);
-
     expect(mockClick).toHaveBeenCalledWith('test1');
   });
   it('should not close "selectBody" if click by disabled option', function () {
@@ -86,24 +84,16 @@ describe('Select component', function () {
     };
     wrapper.rerender( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, _objectSpread({}, props)));
     var select = wrapper.getByTestId('select');
-
     _react2.fireEvent.click(select);
-
     var 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');
-
     _react2.fireEvent.click(select);
-
     var selectOption = wrapper.getByTestId('select-option');
-
     _react2.fireEvent.click(selectOption);
-
     expect(mockClick).toHaveBeenCalledWith('test1');
     wrapper.rerender( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
       options: [{
@@ -127,9 +117,7 @@ describe('Select component', function () {
       disabled: true
     }));
     var 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 () {
@@ -146,13 +134,9 @@ describe('Select component', function () {
       }]
     }));
     var select = wrapper.getByTestId('select');
-
     _react2.fireEvent.click(select);
-
     var selectOption = wrapper.getByTestId('select-option');
-
     _react2.fireEvent.click(selectOption);
-
     expect(mockHandler).toHaveBeenCalled();
   });
 });