iguazio.dashboard-react-controls 1.9.2 → 2.0.0

package/dist/elements/FormRowActions/FormRowActions.js

@@ -34,43 +34,41 @@ under the Apache 2.0 license is conditioned upon your compliance with
 such restriction.
 */
 
-var FormRowActions = function FormRowActions(_ref) {
+const FormRowActions = _ref => {
   var _editingItem$ui, _editingItem$ui2, _editingItem$ui3, _editingItem$ui4;
-  var applyChanges = _ref.applyChanges,
-    deleteButtonIsHidden = _ref.deleteButtonIsHidden,
-    deleteRow = _ref.deleteRow,
-    disabled = _ref.disabled,
-    discardOrDelete = _ref.discardOrDelete,
-    editingItem = _ref.editingItem,
-    fieldsPath = _ref.fieldsPath,
-    hidden = _ref.hidden,
-    index = _ref.index;
+  let {
+    applyChanges,
+    deleteButtonIsHidden,
+    deleteRow,
+    disabled,
+    discardOrDelete,
+    editingItem,
+    fieldsPath,
+    hidden,
+    index
+  } = _ref;
   return hidden ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "form-table__cell form-table__actions-cell"
   }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "form-table__cell form-table__actions-cell",
-    children: [(editingItem === null || editingItem === void 0 ? void 0 : (_editingItem$ui = editingItem.ui) === null || _editingItem$ui === void 0 ? void 0 : _editingItem$ui.index) === index && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(editingItem === null || editingItem === void 0 || (_editingItem$ui = editingItem.ui) === null || _editingItem$ui === void 0 ? void 0 : _editingItem$ui.index) === index && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RoundedIcon, {
         id: "apply-btn",
-        onClick: function onClick(event) {
-          return applyChanges(event, index);
-        },
+        onClick: event => applyChanges(event, index),
         tooltipText: "Apply",
         disabled: disabled,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkmark.ReactComponent, {})
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RoundedIcon, {
         id: "delete-discard-btn",
-        onClick: function onClick(event) {
-          return discardOrDelete(event, fieldsPath, index);
-        },
+        onClick: event => discardOrDelete(event, fieldsPath, index),
         tooltipText: (_editingItem$ui2 = editingItem.ui) !== null && _editingItem$ui2 !== void 0 && _editingItem$ui2.isNew ? 'Delete' : 'Discard changes',
         disabled: disabled,
         children: (_editingItem$ui3 = editingItem.ui) !== null && _editingItem$ui3 !== void 0 && _editingItem$ui3.isNew ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_delete.ReactComponent, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_close.ReactComponent, {})
       })]
-    }), (!editingItem || (editingItem === null || editingItem === void 0 ? void 0 : (_editingItem$ui4 = editingItem.ui) === null || _editingItem$ui4 === void 0 ? void 0 : _editingItem$ui4.index) !== index) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    }), (!editingItem || (editingItem === null || editingItem === void 0 || (_editingItem$ui4 = editingItem.ui) === null || _editingItem$ui4 === void 0 ? void 0 : _editingItem$ui4.index) !== index) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RoundedIcon, {
         id: "edit-btn",
-        onClick: function onClick(event) {
+        onClick: event => {
           event.preventDefault();
         },
         tooltipText: "Edit",
@@ -78,7 +76,7 @@ var FormRowActions = function FormRowActions(_ref) {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_edit.ReactComponent, {})
       }), !deleteButtonIsHidden && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RoundedIcon, {
         id: "delete-btn",
-        onClick: function onClick(event) {
+        onClick: event => {
           deleteRow(event, fieldsPath, index);
         },
         tooltipText: "Delete",
@@ -105,5 +103,4 @@ FormRowActions.propTypes = {
   hidden: _propTypes.default.bool,
   index: _propTypes.default.number.isRequired
 };
-var _default = FormRowActions;
-exports.default = _default;
+var _default = exports.default = FormRowActions;

package/dist/elements/OptionsMenu/OptionsMenu.js

@@ -28,12 +28,15 @@ under the Apache 2.0 license is conditioned upon your compliance with
 such restriction.
 */
 
-var OptionsMenu = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    show = _ref.show,
-    timeout = _ref.timeout;
-  var _ref2 = ref.current ? ref.current.getBoundingClientRect() : {},
-    dropdownWidth = _ref2.width;
+const OptionsMenu = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    children,
+    show,
+    timeout
+  } = _ref;
+  const {
+    width: dropdownWidth
+  } = ref.current ? ref.current.getBoundingClientRect() : {};
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
     in: show,
     timeout: timeout,
@@ -68,5 +71,4 @@ OptionsMenu.propTypes = {
   show: _propTypes.default.bool.isRequired,
   timeout: _propTypes.default.number
 };
-var _default = OptionsMenu;
-exports.default = _default;
+var _default = exports.default = OptionsMenu;

package/dist/elements/SelectOption/SelectOption.js

@@ -30,15 +30,17 @@ under the Apache 2.0 license is conditioned upon your compliance with
 such restriction.
 */
 
-var SelectOption = function SelectOption(_ref) {
+const SelectOption = _ref => {
   var _item$labelHtml;
-  var item = _ref.item,
-    name = _ref.name,
-    _onClick = _ref.onClick,
-    multiple = _ref.multiple,
-    selectedId = _ref.selectedId,
-    withSelectedIcon = _ref.withSelectedIcon;
-  var selectClassName = (0, _classnames.default)('select__item', multiple && 'multiple', item.hidden && 'hidden', item.disabled && 'disabled');
+  let {
+    item,
+    name,
+    onClick,
+    multiple,
+    selectedId,
+    withSelectedIcon
+  } = _ref;
+  const selectClassName = (0, _classnames.default)('select__item', multiple && 'multiple', item.hidden && 'hidden', item.disabled && 'disabled');
   if (multiple) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       "data-testid": "select-checkbox",
@@ -56,8 +58,8 @@ var SelectOption = function SelectOption(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
     "data-testid": "select-option",
     className: selectClassName,
-    onClick: function onClick() {
-      !item.disabled && _onClick(item.id);
+    onClick: () => {
+      !item.disabled && onClick(item.id);
     },
     "data-custom-id": item.id,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -95,7 +97,7 @@ var SelectOption = function SelectOption(_ref) {
   });
 };
 SelectOption.defaultProps = {
-  onClick: function onClick() {},
+  onClick: () => {},
   multiple: false,
   withSelectedIcon: true
 };
@@ -107,5 +109,4 @@ SelectOption.propTypes = {
   selectedId: _propTypes.default.string,
   withSelectedIcon: _propTypes.default.bool
 };
-var _default = SelectOption;
-exports.default = _default;
+var _default = exports.default = SelectOption;

package/dist/elements/SelectOption/SelectOption.test.js

@@ -5,44 +5,36 @@ var _react2 = require("@testing-library/react");
 var _SelectOption = _interopRequireDefault(require("./SelectOption"));
 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.
-                                                                                                                                                                                                                                                                                                                                                                                              */
-var renderComponent = function renderComponent(props) {
-  return (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOption.default, _objectSpread({}, props)));
-};
-jest.mock('../../images/checkbox-unchecked.svg', function () {
-  return {
-    ReactComponent: 'unchecked-icon'
-  };
-});
-jest.mock('../../images/checkbox-checked.svg', function () {
-  return {
-    ReactComponent: 'unchecked-icon'
-  };
-});
-describe('SelectOption component', function () {
-  var wrapper;
-  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.
+*/
+
+const renderComponent = props => (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOption.default, {
+  ...props
+}));
+jest.mock('../../images/checkbox-unchecked.svg', () => ({
+  ReactComponent: 'unchecked-icon'
+}));
+jest.mock('../../images/checkbox-checked.svg', () => ({
+  ReactComponent: 'unchecked-icon'
+}));
+describe('SelectOption component', () => {
+  let wrapper;
+  beforeEach(() => {
+    const props = {
       item: {
         label: 'Test1',
         id: 'test1',
@@ -56,10 +48,10 @@ describe('SelectOption component', function () {
     wrapper = renderComponent(props);
   });
   afterEach(_react2.cleanup);
-  it('renders without crashing', function () {
+  it('renders without crashing', () => {
     expect(wrapper.queryByTestId('select-option')).not.toBeNull();
   });
-  it('should display checkbox inside option if props selectType is "checkbox"', function () {
+  it('should display checkbox inside option if props selectType is "checkbox"', () => {
     wrapper.rerender( /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOption.default, {
       item: {
         label: 'Test1',
@@ -70,11 +62,11 @@ describe('SelectOption component', function () {
     }));
     expect(wrapper.queryByTestId('select-checkbox')).not.toBeNull();
   });
-  it('should display select icon if it exists in the props "item"', function () {
+  it('should display select icon if it exists in the props "item"', () => {
     expect(wrapper.getByTestId('select-icon')).not.toBeNull();
   });
-  it('should won\'t call onClick callback if props disable set to "true"', function () {
-    var mockCLick = jest.fn();
+  it('should won\'t call onClick callback if props disable set to "true"', () => {
+    const mockCLick = jest.fn();
     wrapper.rerender( /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOption.default, {
       item: {
         label: 'Test1',
@@ -84,14 +76,14 @@ describe('SelectOption component', function () {
       selectType: "test1",
       disabled: true
     }));
-    var selectOption = wrapper.getByTestId('select-option');
+    const selectOption = wrapper.getByTestId('select-option');
     _react2.fireEvent.click(selectOption);
     expect(mockCLick).toHaveBeenCalledTimes(0);
   });
-  it('should display subLabel if it exists in props item', function () {
+  it('should display subLabel if it exists in props item', () => {
     expect(wrapper.queryByTestId('tooltip-wrapper')).not.toBeNull();
   });
-  it('should add class "disabled" to SelectOption if props disabled set to "true"', function () {
+  it('should add class "disabled" to SelectOption if props disabled set to "true"', () => {
     wrapper.rerender( /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOption.default, {
       item: {
         label: 'Test1',
@@ -100,7 +92,7 @@ describe('SelectOption component', function () {
       selectType: "test1",
       disabled: true
     }));
-    var selectOption = wrapper.getByTestId('select-option');
+    const selectOption = wrapper.getByTestId('select-option');
     expect(selectOption.className).toMatch('disabled');
   });
 });

package/dist/elements/ValidationTemplate/ValidationTemplate.js

@@ -29,10 +29,12 @@ under the Apache 2.0 license is conditioned upon your compliance with
 such restriction.
 */
 
-var ValidationTemplate = function ValidationTemplate(_ref) {
-  var valid = _ref.valid,
-    validationMessage = _ref.validationMessage;
-  var validationClasses = (0, _classnames.default)('validation-option', valid && 'text-muted');
+const ValidationTemplate = _ref => {
+  let {
+    valid,
+    validationMessage
+  } = _ref;
+  const validationClasses = (0, _classnames.default)('validation-option', valid && 'text-muted');
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
     className: validationClasses,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
@@ -51,5 +53,4 @@ ValidationTemplate.propTypes = {
   valid: _propTypes.default.bool.isRequired,
   validationMessage: _propTypes.default.string.isRequired
 };
-var _default = ValidationTemplate;
-exports.default = _default;
+var _default = exports.default = ValidationTemplate;

package/dist/elements/index.js

@@ -5,31 +5,31 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "FormActionButton", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FormActionButton.default;
   }
 });
 Object.defineProperty(exports, "FormRowActions", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FormRowActions.default;
   }
 });
 Object.defineProperty(exports, "OptionsMenu", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _OptionsMenu.default;
   }
 });
 Object.defineProperty(exports, "SelectOption", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SelectOption.default;
   }
 });
 Object.defineProperty(exports, "ValidationTemplate", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ValidationTemplate.default;
   }
 });

package/dist/hooks/index.js

@@ -5,31 +5,31 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useChipCell", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useChipCell.useChipCell;
   }
 });
 Object.defineProperty(exports, "useDebounce", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useDebounce.useDebounce;
   }
 });
 Object.defineProperty(exports, "useDetectOutsideClick", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useDetectOutsideClick.useDetectOutsideClick;
   }
 });
 Object.defineProperty(exports, "useFormTable", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useFormTable.useFormTable;
   }
 });
 Object.defineProperty(exports, "useHiddenChipsBlock", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useHiddenChipsBlock.useHiddenChipsBlock;
   }
 });

package/dist/hooks/useChipCell.hook.js

@@ -8,88 +8,69 @@ var _react = require("react");
 var _lodash = require("lodash");
 var _common = require("../utils/common.util");
 var _getFirstScrollableParent = require("../utils/getFirstScrollableParent.util");
-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 2019 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 useChipCell = function useChipCell(isEditMode, visibleChipsMaxLength) {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    showHiddenChips = _useState2[0],
-    setShowHiddenChips = _useState2[1];
-  var _useState3 = (0, _react.useState)({}),
-    _useState4 = _slicedToArray(_useState3, 2),
-    chipsSizes = _useState4[0],
-    setChipsSizes = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    showChips = _useState6[0],
-    setShowChips = _useState6[1];
-  var _useState7 = (0, _react.useState)(8),
-    _useState8 = _slicedToArray(_useState7, 2),
-    visibleChipsCount = _useState8[0],
-    setVisibleChipsCount = _useState8[1];
-  var transitionEndEventName = (0, _react.useMemo)(function () {
-    return (0, _common.getTransitionEndEventName)();
-  }, []);
-  var chipsCellRef = (0, _react.useRef)();
-  var chipsWrapperRef = (0, _react.useRef)();
-  var hiddenChipsCounterRef = (0, _react.useRef)();
-  var hiddenChipsPopUpRef = (0, _react.useRef)();
-  var handleShowElements = (0, _react.useCallback)(function () {
+/*
+Copyright 2019 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 useChipCell = (isEditMode, visibleChipsMaxLength) => {
+  const [showHiddenChips, setShowHiddenChips] = (0, _react.useState)(false);
+  const [chipsSizes, setChipsSizes] = (0, _react.useState)({});
+  const [showChips, setShowChips] = (0, _react.useState)(false);
+  const [visibleChipsCount, setVisibleChipsCount] = (0, _react.useState)(8);
+  const transitionEndEventName = (0, _react.useMemo)(() => (0, _common.getTransitionEndEventName)(), []);
+  const chipsCellRef = (0, _react.useRef)();
+  const chipsWrapperRef = (0, _react.useRef)();
+  const hiddenChipsCounterRef = (0, _react.useRef)();
+  const hiddenChipsPopUpRef = (0, _react.useRef)();
+  const handleShowElements = (0, _react.useCallback)(event => {
     if (!isEditMode || isEditMode && visibleChipsMaxLength) {
-      setShowHiddenChips(function (state) {
-        return !state;
-      });
+      var _hiddenChipsCounterRe;
+      if (!((_hiddenChipsCounterRe = hiddenChipsCounterRef.current) !== null && _hiddenChipsCounterRe !== void 0 && _hiddenChipsCounterRe.contains(event.target))) {
+        setShowHiddenChips(false);
+      } else {
+        setShowHiddenChips(true);
+      }
     }
   }, [isEditMode, visibleChipsMaxLength]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (showHiddenChips) {
       window.addEventListener('click', handleShowElements);
-      return function () {
-        return window.removeEventListener('click', handleShowElements);
-      };
+      return () => window.removeEventListener('click', handleShowElements);
     }
   }, [showHiddenChips, handleShowElements]);
-  var handleScroll = (0, _react.useCallback)(function (event) {
+  const handleScroll = (0, _react.useCallback)(event => {
     if (event.target.parentElement !== (hiddenChipsPopUpRef === null || hiddenChipsPopUpRef === void 0 ? void 0 : hiddenChipsPopUpRef.current)) {
       setShowHiddenChips(false);
     }
   }, [hiddenChipsPopUpRef]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (showHiddenChips) {
       window.addEventListener('scroll', handleScroll, true);
     }
-    return function () {
-      return window.removeEventListener('scroll', handleScroll, true);
-    };
+    return () => window.removeEventListener('scroll', handleScroll, true);
   }, [handleScroll, showHiddenChips]);
-  var resizeChipCell = (0, _react.useCallback)(function () {
+  const resizeChipCell = (0, _react.useCallback)(() => {
     if (hiddenChipsPopUpRef !== null && hiddenChipsPopUpRef !== void 0 && hiddenChipsPopUpRef.current) {
-      var _hiddenChipsCounterRe;
-      var scrollableParent = (0, _getFirstScrollableParent.getFirstScrollableParent)(hiddenChipsCounterRef.current.offsetParent);
-      var scrollableParentRect = scrollableParent.getBoundingClientRect();
-      var hiddenChipsCounterRect = (_hiddenChipsCounterRe = hiddenChipsCounterRef.current) === null || _hiddenChipsCounterRe === void 0 ? void 0 : _hiddenChipsCounterRe.getBoundingClientRect();
+      var _hiddenChipsCounterRe2;
+      const scrollableParent = (0, _getFirstScrollableParent.getFirstScrollableParent)(hiddenChipsCounterRef.current.offsetParent);
+      const scrollableParentRect = scrollableParent.getBoundingClientRect();
+      const hiddenChipsCounterRect = (_hiddenChipsCounterRe2 = hiddenChipsCounterRef.current) === null || _hiddenChipsCounterRe2 === void 0 ? void 0 : _hiddenChipsCounterRe2.getBoundingClientRect();
 
       // Check if the hiddenChipsCounterRect is outside the boundaries of the scrollableParentRect or the window
       if (hiddenChipsCounterRect.left < scrollableParentRect.left || hiddenChipsCounterRect.top < scrollableParentRect.top || hiddenChipsCounterRect.right > scrollableParentRect.right || hiddenChipsCounterRect.bottom > scrollableParentRect.bottom || hiddenChipsCounterRect.right > window.innerWidth || hiddenChipsCounterRect.bottom > window.innerHeight) {
@@ -98,11 +79,11 @@ var useChipCell = function useChipCell(isEditMode, visibleChipsMaxLength) {
     }
     if (!isEditMode && !(0, _common.isEveryObjectValueEmpty)(chipsSizes)) {
       var _chipsCellRef$current;
-      var parentSize = (_chipsCellRef$current = chipsCellRef.current) === null || _chipsCellRef$current === void 0 ? void 0 : _chipsCellRef$current.getBoundingClientRect().width;
-      var maxLength = 0;
-      var chipIndex = 0;
-      var padding = 65;
-      Object.values(chipsSizes).every(function (chipSize, index) {
+      const parentSize = (_chipsCellRef$current = chipsCellRef.current) === null || _chipsCellRef$current === void 0 ? void 0 : _chipsCellRef$current.getBoundingClientRect().width;
+      let maxLength = 0;
+      let chipIndex = 0;
+      const padding = 65;
+      Object.values(chipsSizes).every((chipSize, index) => {
         // Check if adding chipSize to maxLength exceeds parentSize
         // or if adding chipSize and padding exceeds parentSize when there are multiple chips
         if (maxLength + chipSize > parentSize || Object.values(chipsSizes).length > 1 && maxLength + chipSize + padding > parentSize) {
@@ -120,31 +101,31 @@ var useChipCell = function useChipCell(isEditMode, visibleChipsMaxLength) {
       setShowChips(true);
     }
   }, [chipsSizes, isEditMode]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     resizeChipCell();
   }, [resizeChipCell]);
-  (0, _react.useEffect)(function () {
-    var resizeChipCellDebounced = (0, _lodash.throttle)(resizeChipCell, 500);
+  (0, _react.useEffect)(() => {
+    const resizeChipCellDebounced = (0, _lodash.throttle)(resizeChipCell, 500);
     if (!isEditMode) {
       window.addEventListener('resize', resizeChipCellDebounced);
       window.addEventListener(transitionEndEventName, resizeChipCellDebounced);
-      return function () {
+      return () => {
         window.removeEventListener('resize', resizeChipCellDebounced);
         window.removeEventListener(transitionEndEventName, resizeChipCellDebounced);
       };
     }
   }, [resizeChipCell, isEditMode, transitionEndEventName]);
   return {
-    chipsCellRef: chipsCellRef,
-    chipsWrapperRef: chipsWrapperRef,
-    handleShowElements: handleShowElements,
-    hiddenChipsCounterRef: hiddenChipsCounterRef,
-    hiddenChipsPopUpRef: hiddenChipsPopUpRef,
-    setChipsSizes: setChipsSizes,
-    setShowHiddenChips: setShowHiddenChips,
-    showChips: showChips,
-    showHiddenChips: showHiddenChips,
-    visibleChipsCount: visibleChipsCount
+    chipsCellRef,
+    chipsWrapperRef,
+    handleShowElements,
+    hiddenChipsCounterRef,
+    hiddenChipsPopUpRef,
+    setChipsSizes,
+    setShowHiddenChips,
+    showChips,
+    showHiddenChips,
+    visibleChipsCount
   };
 };
 exports.useChipCell = useChipCell;