iguazio.dashboard-react-controls 2.2.24 → 3.0.0

package/dist/elements/index.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "FormActionButton", {
-  enumerable: true,
-  get: function () {
-    return _FormActionButton.default;
-  }
-});
-Object.defineProperty(exports, "FormRowActions", {
-  enumerable: true,
-  get: function () {
-    return _FormRowActions.default;
-  }
-});
-Object.defineProperty(exports, "OptionsMenu", {
-  enumerable: true,
-  get: function () {
-    return _OptionsMenu.default;
-  }
-});
-Object.defineProperty(exports, "SelectOption", {
-  enumerable: true,
-  get: function () {
-    return _SelectOption.default;
-  }
-});
-Object.defineProperty(exports, "ValidationTemplate", {
-  enumerable: true,
-  get: function () {
-    return _ValidationTemplate.default;
-  }
-});
-var _FormActionButton = _interopRequireDefault(require("./FormActionButton/FormActionButton"));
-var _FormRowActions = _interopRequireDefault(require("./FormRowActions/FormRowActions"));
-var _OptionsMenu = _interopRequireDefault(require("./OptionsMenu/OptionsMenu"));
-var _SelectOption = _interopRequireDefault(require("./SelectOption/SelectOption"));
-var _ValidationTemplate = _interopRequireDefault(require("./ValidationTemplate/ValidationTemplate"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/hooks/index.js

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "useChipCell", {
-  enumerable: true,
-  get: function () {
-    return _useChipCell.useChipCell;
-  }
-});
-Object.defineProperty(exports, "useDebounce", {
-  enumerable: true,
-  get: function () {
-    return _useDebounce.useDebounce;
-  }
-});
-Object.defineProperty(exports, "useDetectOutsideClick", {
-  enumerable: true,
-  get: function () {
-    return _useDetectOutsideClick.useDetectOutsideClick;
-  }
-});
-Object.defineProperty(exports, "useFormTable", {
-  enumerable: true,
-  get: function () {
-    return _useFormTable.useFormTable;
-  }
-});
-Object.defineProperty(exports, "useHiddenChipsBlock", {
-  enumerable: true,
-  get: function () {
-    return _useHiddenChipsBlock.useHiddenChipsBlock;
-  }
-});
-var _useChipCell = require("./useChipCell.hook");
-var _useDebounce = require("./useDebounce.hook");
-var _useDetectOutsideClick = require("./useDetectOutsideClick.hook");
-var _useFormTable = require("./useFormTable.hook");
-var _useHiddenChipsBlock = require("./useHiddenChipsBlock.hook");

package/dist/hooks/useChipCell.hook.js

@@ -1,129 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useChipCell = void 0;
-var _react = require("react");
-var _lodash = require("lodash");
-var _common = require("../utils/common.util");
-var _getFirstScrollableParent = require("../utils/getFirstScrollableParent.util");
-/*
-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) {
-      if (hiddenChipsCounterRef.current?.contains(event.target) && !showHiddenChips) {
-        setShowHiddenChips(true);
-      } else {
-        setShowHiddenChips(false);
-      }
-    }
-    event && hiddenChipsCounterRef.current?.contains(event.target) && event.stopPropagation();
-  }, [isEditMode, showHiddenChips, visibleChipsMaxLength]);
-  (0, _react.useEffect)(() => {
-    if (showHiddenChips) {
-      window.addEventListener('click', handleShowElements, true);
-    }
-    return () => window.removeEventListener('click', handleShowElements, true);
-  }, [showHiddenChips, handleShowElements]);
-  const handleScroll = (0, _react.useCallback)(event => {
-    if (event.target.parentElement !== hiddenChipsPopUpRef?.current) {
-      setShowHiddenChips(false);
-    }
-  }, [hiddenChipsPopUpRef]);
-  (0, _react.useEffect)(() => {
-    if (showHiddenChips) {
-      window.addEventListener('scroll', handleScroll, true);
-    }
-    return () => window.removeEventListener('scroll', handleScroll, true);
-  }, [handleScroll, showHiddenChips]);
-  const resizeChipCell = (0, _react.useCallback)(() => {
-    if (hiddenChipsPopUpRef?.current) {
-      const scrollableParent = (0, _getFirstScrollableParent.getFirstScrollableParent)(hiddenChipsCounterRef.current.offsetParent);
-      const scrollableParentRect = scrollableParent.getBoundingClientRect();
-      const hiddenChipsCounterRect = hiddenChipsCounterRef.current?.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) {
-        setShowHiddenChips(false);
-      }
-    }
-    if (!isEditMode && !(0, _common.isEveryObjectValueEmpty)(chipsSizes)) {
-      const parentSize = 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) {
-          chipIndex = index;
-          return false;
-        } else {
-          maxLength += chipSize;
-          if (index === Object.values(chipsSizes).length - 1) {
-            chipIndex = 8;
-          }
-          return true;
-        }
-      });
-      setVisibleChipsCount(chipIndex);
-      setShowChips(true);
-    }
-  }, [chipsSizes, isEditMode]);
-  (0, _react.useLayoutEffect)(() => {
-    resizeChipCell();
-  }, [resizeChipCell]);
-  (0, _react.useEffect)(() => {
-    const resizeChipCellDebounced = (0, _lodash.throttle)(resizeChipCell, 500);
-    if (!isEditMode) {
-      window.addEventListener('resize', resizeChipCellDebounced);
-      window.addEventListener(transitionEndEventName, resizeChipCellDebounced);
-      return () => {
-        window.removeEventListener('resize', resizeChipCellDebounced);
-        window.removeEventListener(transitionEndEventName, resizeChipCellDebounced);
-      };
-    }
-  }, [resizeChipCell, isEditMode, transitionEndEventName]);
-  return {
-    chipsCellRef,
-    chipsWrapperRef,
-    handleShowElements,
-    hiddenChipsCounterRef,
-    hiddenChipsPopUpRef,
-    setChipsSizes,
-    setShowHiddenChips,
-    showChips,
-    showHiddenChips,
-    visibleChipsCount
-  };
-};
-exports.useChipCell = useChipCell;

package/dist/hooks/useDebounce.hook.js

@@ -1,52 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDebounce = void 0;
-var _react = require("react");
-/*
-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 useDebounce = () => {
-  const timeout = (0, _react.useRef)(null);
-  const lastValue = (0, _react.useRef)(null);
-  const lastResult = (0, _react.useRef)(null);
-  return (0, _react.useCallback)((validate, time) => {
-    return value => {
-      return new Promise(resolve => {
-        if (timeout.current) {
-          timeout.current();
-        }
-        if (value !== lastValue.current) {
-          const timerId = setTimeout(() => {
-            lastValue.current = value;
-            lastResult.current = validate(value);
-            resolve(lastResult.current);
-          }, time);
-          timeout.current = () => {
-            clearTimeout(timerId);
-            resolve(true);
-          };
-        } else {
-          resolve(lastResult.current);
-        }
-      });
-    };
-  }, []);
-};
-exports.useDebounce = useDebounce;

package/dist/hooks/useDetectOutsideClick.hook.js

@@ -1,47 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDetectOutsideClick = void 0;
-var _react = require("react");
-/*
-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.
-*/
-
-/**
- * Hook for handling closing when clicking outside an element
- * @function useDetectOutsideClick
- * @param {React.node} ref
- * @param {function} handler A callback function to use on outside click
- */
-const useDetectOutsideClick = (ref, handler) => {
-  (0, _react.useEffect)(() => {
-    const onClick = e => {
-      e.stopPropagation();
-      // If the active element exists and is clicked outside of
-      if (ref.current !== null && !ref.current.contains(e.target)) {
-        handler(e);
-      }
-    };
-    // If the item is active (ie open) then listen for clicks outside
-    window.addEventListener('click', onClick);
-    return () => {
-      window.removeEventListener('click', onClick);
-    };
-  }, [ref, handler]);
-};
-exports.useDetectOutsideClick = useDetectOutsideClick;

package/dist/hooks/useFormTable.hook.js

@@ -1,224 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useFormTable = void 0;
-var _react = require("react");
-var _lodash = require("lodash");
-var _finalForm = require("final-form");
-/*
-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 useFormTable = (formState, exitEditModeTriggerItem, onExitEditModeCallback) => {
-  // `editingItem` should contain the `data` object with all fields that are used in the `formState`.
-  // Properties that aren't used in the `formState` should be placed directly in the `editingItem` object
-  // `editingItem` also has an `ui` property which is used internally in this hook
-  //
-  // e.g.
-  // editingItem = {
-  //   data: {
-  //     <fieldName>: <fieldValue>,
-  //     <fieldName2>: <fieldValue2>
-  //   },
-  //   <anotherProperty>: <anotherPropertyValue>
-  //   ui: {
-  //     isNew: <true|false>, // `true` if we are creating a new row, if we are editing it's `false`
-  //     fieldsPath: <"the.path">, // the path where table data is placed in the `formState`
-  //     index: <0|1|...> // index of the editing row
-  //   }
-  // }
-  const [editingItem, setEditingItem] = (0, _react.useState)(null);
-  const editingItemRef = (0, _react.useRef)(null);
-  const editingItemErrorsRef = (0, _react.useRef)(null);
-  const formStateRef = (0, _react.useRef)(null);
-  const bottomScrollRef = (0, _react.useRef)(null);
-  const onExitEditModeCallbackRef = (0, _react.useRef)(onExitEditModeCallback);
-  (0, _react.useLayoutEffect)(() => {
-    const tableErrors = (0, _lodash.get)(formState?.errors, editingItem?.ui.fieldsPath, []);
-    editingItemErrorsRef.current = (0, _lodash.get)(tableErrors, editingItem?.ui.index, null);
-  }, [editingItem?.ui.fieldsPath, editingItem?.ui.index, formState?.errors]);
-  (0, _react.useLayoutEffect)(() => {
-    formStateRef.current = formState;
-  }, [formState]);
-  (0, _react.useLayoutEffect)(() => {
-    onExitEditModeCallbackRef.current = onExitEditModeCallback;
-  }, [onExitEditModeCallback]);
-  const exitEditMode = () => {
-    if (editingItemRef.current?.data) {
-      Object.entries(editingItemRef.current?.data).forEach(_ref => {
-        let [fieldName] = _ref;
-        formStateRef.current?.form.mutators.setFieldState(`${editingItemRef.current?.ui.fieldsPath}[${editingItemRef.current?.ui.index}].data.${fieldName}`, {
-          modified: false
-        });
-      });
-    }
-    editingItemRef.current = null;
-    setEditingItem(null);
-    onExitEditModeCallbackRef?.current && onExitEditModeCallbackRef.current();
-  };
-  (0, _react.useEffect)(() => {
-    const applyOrDiscardOrDeleteInEffect = () => {
-      if (editingItemRef?.current) {
-        if (!editingItemErrorsRef.current) {
-          exitEditMode();
-        } else {
-          if (editingItemRef.current?.ui?.isNew) {
-            const values = (0, _lodash.get)(formStateRef.current.values, editingItemRef.current?.ui.fieldsPath);
-            if (values?.length > 1) {
-              formStateRef.current.form.mutators.remove(editingItemRef.current?.ui.fieldsPath, editingItemRef.current?.ui.index);
-            } else {
-              formStateRef.current.form.change(editingItemRef.current?.ui.fieldsPath, []);
-            }
-          } else {
-            formStateRef.current.form.mutators.update(editingItemRef.current?.ui.fieldsPath, editingItemRef.current?.ui.index, (0, _lodash.omit)(editingItemRef.current, ['ui']));
-          }
-          exitEditMode();
-        }
-      }
-    };
-    return () => {
-      applyOrDiscardOrDeleteInEffect();
-    };
-  }, [exitEditModeTriggerItem]);
-  const addNewRow = (event, fields, fieldsPath, newItem) => {
-    applyOrDiscardOrDelete(event);
-    formStateRef.current.form.mutators.push(fieldsPath, newItem);
-    setEditingItem(() => {
-      const newEditingItem = {
-        ...newItem,
-        ui: {
-          isNew: true,
-          fieldsPath,
-          index: fields.value?.length || 0
-        }
-      };
-      editingItemRef.current = newEditingItem;
-      return newEditingItem;
-    });
-    scrollIntoView();
-  };
-  const applyChanges = (event, index) => {
-    if (editingItemRef.current) {
-      if (!editingItemErrorsRef.current) {
-        if (editingItemRef.current?.ui.isNew) {
-          scrollIntoView();
-        }
-        exitEditMode();
-      } else {
-        // Mark all empty fields as `modified` in order to highlight the error if the field is invalid
-        Object.entries(editingItemErrorsRef.current?.data).forEach(_ref2 => {
-          let [fieldName] = _ref2;
-          formStateRef.current?.form.mutators.setFieldState(`${editingItemRef.current?.ui.fieldsPath}[${index}].data.${fieldName}`, {
-            modified: true
-          });
-        });
-      }
-    }
-  };
-  const deleteRow = (event, fieldsPath, index) => {
-    if (editingItemRef.current && index !== editingItemRef.current.ui.index) {
-      applyOrDiscardOrDelete(event);
-    }
-    const values = (0, _lodash.get)(formStateRef.current.values, fieldsPath);
-    if (values?.length > 1) {
-      formStateRef.current.form.mutators.remove(fieldsPath, index);
-    } else {
-      formStateRef.current.form.change(fieldsPath, []);
-    }
-    exitEditMode();
-    event && event.stopPropagation();
-  };
-  const discardChanges = (event, fieldsPath, index) => {
-    formStateRef.current.form.mutators.update(fieldsPath, index, (0, _lodash.omit)(editingItemRef.current, ['ui']));
-    exitEditMode();
-    event && event.stopPropagation();
-  };
-  const discardOrDelete = (event, fieldsPath, index) => {
-    if (!editingItemRef.current || editingItemRef.current?.ui?.isNew) {
-      deleteRow(event, fieldsPath, index);
-    } else {
-      discardChanges(event, fieldsPath, index);
-    }
-  };
-  const applyOrDiscardOrDelete = function () {
-    let event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-    if (editingItemRef?.current) {
-      if (!editingItemErrorsRef.current) {
-        applyChanges(event, editingItemRef.current?.ui.index);
-      } else {
-        discardOrDelete(event, editingItemRef.current?.ui.fieldsPath, editingItemRef.current?.ui.index);
-      }
-    }
-  };
-  const enterEditMode = (event, fields, fieldsPath, index) => {
-    applyOrDiscardOrDelete(event);
-    setTimeout(() => {
-      const editItem = fields.value[index];
-      setEditingItem(() => {
-        const newEditingItem = {
-          ...editItem,
-          ui: {
-            fieldsPath,
-            index
-          }
-        };
-        editingItemRef.current = newEditingItem;
-        return newEditingItem;
-      });
-    });
-  };
-  const scrollIntoView = () => {
-    if (bottomScrollRef.current) {
-      setTimeout(() => {
-        bottomScrollRef.current.scrollIntoView({
-          behavior: 'smooth',
-          block: 'nearest'
-        });
-      });
-    }
-  };
-  const isCurrentRowEditing = rowPath => {
-    return editingItemRef?.current && `${editingItemRef.current.ui.fieldsPath}[${editingItemRef.current.ui.index}]` === rowPath;
-  };
-  const getTableArrayErrors = fieldsPath => {
-    if (formState.submitFailed && formState.invalid) {
-      return (0, _lodash.get)(formState, `errors.${fieldsPath}.${_finalForm.ARRAY_ERROR}`, []);
-    } else {
-      return [];
-    }
-  };
-  return {
-    addNewRow,
-    applyChanges,
-    applyOrDiscardOrDelete,
-    bottomScrollRef,
-    deleteRow,
-    discardChanges,
-    discardOrDelete,
-    editingItem,
-    editingItemRef,
-    enterEditMode,
-    exitEditMode,
-    getTableArrayErrors,
-    isCurrentRowEditing
-  };
-};
-exports.useFormTable = useFormTable;

package/dist/hooks/useHiddenChipsBlock.hook.js

@@ -1,102 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useHiddenChipsBlock = void 0;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _common = require("../utils/common.util");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*
-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 useHiddenChipsBlock = (hiddenChipsCounterRef, hiddenChipsPopUpRef) => {
-  const [isTop, setIsTop] = (0, _react.useState)(false);
-  const [isLeft, setIsLeft] = (0, _react.useState)(false);
-  const [isVisible, setIsVisible] = (0, _react.useState)(false);
-  const transitionEndEventName = (0, _react.useMemo)(() => (0, _common.getTransitionEndEventName)(), []);
-  const hiddenChipsBlockClassNames = (0, _classnames.default)('chip-block-hidden', isTop ? 'chip-block-hidden_top' : 'chip-block-hidden_bottom', isLeft ? 'chip-block-hidden_left' : 'chip-block-hidden_right', isVisible && 'chip-block-hidden_visible');
-  const resizePopUp = (0, _react.useCallback)(() => {
-    if (hiddenChipsPopUpRef?.current && hiddenChipsCounterRef?.current) {
-      const offset = 10;
-      const offsetMargin = 20;
-      const elementRect = hiddenChipsCounterRef.current.getBoundingClientRect();
-
-      // Calculate the distance from the right edge of the window to the element's right edge
-      const elementRectRight = Math.floor(window.innerWidth - elementRect.left - elementRect.width);
-
-      // Calculate the distance from the bottom edge of the window to the element's bottom edge
-      const elementRectBottom = Math.floor(window.innerHeight - elementRect.top - elementRect.height);
-      let isLeftPosition = false;
-      let isTopPosition = false;
-      hiddenChipsPopUpRef.current.style.maxWidth = '100%';
-      hiddenChipsPopUpRef.current.style.maxHeight = '100%';
-
-      // Determine if the left position is preferred based on the element's position and available width
-      if (elementRect.left > hiddenChipsPopUpRef.current.clientWidth) {
-        isLeftPosition = true;
-      } else if (elementRectRight > hiddenChipsPopUpRef.current.clientWidth) {
-        isLeftPosition = false;
-      } else {
-        // Compare elementRect.left and elementRectRight to choose the larger value as the max width
-        isLeftPosition = elementRect.left > elementRectRight;
-        const popUpMaxWidth = Math.max(elementRect.left, elementRectRight);
-        hiddenChipsPopUpRef.current.style.maxWidth = `${popUpMaxWidth}px`;
-      }
-      hiddenChipsPopUpRef.current.style.right = isLeftPosition ? `${elementRectRight}px` : 'unset';
-      hiddenChipsPopUpRef.current.style.left = isLeftPosition ? 'unset' : `${elementRect.left}px`;
-
-      // Determine if the top position is preferred based on the element's position and available height
-      if (elementRect.top > hiddenChipsPopUpRef.current.clientHeight + offset + offsetMargin) {
-        isTopPosition = true;
-      } else if (elementRectBottom > hiddenChipsPopUpRef.current.clientHeight + offset + offsetMargin) {
-        isTopPosition = false;
-      } else {
-        // Compare elementRect.top and elementRectBottom to choose the larger value as the max height
-        isTopPosition = elementRect.top > elementRectBottom + offset;
-        const popUpMaxHeight = Math.max(elementRect.top, elementRectBottom) - offset - offsetMargin;
-        hiddenChipsPopUpRef.current.style.maxHeight = `${popUpMaxHeight}px`;
-      }
-      hiddenChipsPopUpRef.current.style.bottom = isTopPosition ? `${elementRectBottom + elementRect.height + offset}px` : 'unset';
-      hiddenChipsPopUpRef.current.style.top = isTopPosition ? 'unset' : `${elementRect.bottom + offset}px`;
-      setIsTop(isTopPosition);
-      setIsLeft(isLeftPosition);
-      setIsVisible(true);
-    }
-  }, [hiddenChipsCounterRef, hiddenChipsPopUpRef]);
-  (0, _react.useEffect)(() => {
-    if (hiddenChipsPopUpRef?.current && hiddenChipsCounterRef?.current) {
-      window.addEventListener('resize', resizePopUp);
-      window.addEventListener(transitionEndEventName, resizePopUp);
-      return () => {
-        window.removeEventListener('resize', resizePopUp);
-        window.removeEventListener(transitionEndEventName, resizePopUp);
-      };
-    }
-  }, [hiddenChipsPopUpRef, hiddenChipsCounterRef, resizePopUp, transitionEndEventName]);
-  (0, _react.useEffect)(() => {
-    resizePopUp();
-  }, [resizePopUp]);
-  return {
-    hiddenChipsBlockClassNames
-  };
-};
-exports.useHiddenChipsBlock = useHiddenChipsBlock;

package/dist/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.types = exports.hooks = exports.elements = exports.constants = exports.components = void 0;
-var components = _interopRequireWildcard(require("./components"));
-exports.components = components;
-var constants = _interopRequireWildcard(require("./constants"));
-exports.constants = constants;
-var elements = _interopRequireWildcard(require("./elements"));
-exports.elements = elements;
-var hooks = _interopRequireWildcard(require("./hooks"));
-exports.hooks = hooks;
-var types = _interopRequireWildcard(require("./types"));
-exports.types = types;
-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; }