iguazio.dashboard-react-controls 2.2.25 → 3.0.1

package/dist/components/FormChipCell/FormChipCell.js

@@ -1,339 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _lodash = _interopRequireWildcard(require("lodash"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _FormChipCellView = _interopRequireDefault(require("./FormChipCellView"));
-var _types = require("../../types");
-var _constants = require("../../constants");
-var _common = require("../../utils/common.util");
-var _validation = require("../../utils/validation.util");
-var _generateChipsList = require("../../utils/generateChipsList.util");
-var _formChipCell = require("./formChipCell.util");
-var _hooks = require("../../hooks");
-require("./formChipCell.scss");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/*
-Copyright 2022 Iguazio Systems Ltd.
-Licensed under the Apache License, Version 2.0 (the "License") with
-an addition restriction as set forth herein. You may not use this
-file except in compliance with the License. You may obtain a copy of
-the License at http://www.apache.org/licenses/LICENSE-2.0.
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-implied. See the License for the specific language governing
-permissions and limitations under the License.
-In addition, you may not use the software for any purposes that are
-illegal under applicable law, and the grant of the foregoing license
-under the Apache 2.0 license is conditioned upon your compliance with
-such restriction.
-*/
-
-const FormChipCell = _ref => {
-  let {
-    chipOptions = {
-      background: 'purple',
-      boldValue: false,
-      borderRadius: 'primary',
-      borderColor: 'transparent',
-      density: 'dense',
-      font: 'purple'
-    },
-    className = '',
-    delimiter = null,
-    formState,
-    initialValues,
-    isEditable = false,
-    label = null,
-    name,
-    onClick = () => {},
-    shortChips = false,
-    validationRules = {},
-    validator = null,
-    onExitEditModeCallback,
-    visibleChipsMaxLength = null
-  } = _ref;
-  const chipsClassName = (0, _classnames.default)('chips', className);
-  const {
-    chipsCellRef,
-    chipsWrapperRef,
-    handleShowElements,
-    hiddenChipsCounterRef,
-    hiddenChipsPopUpRef,
-    setChipsSizes,
-    setShowHiddenChips,
-    showChips,
-    showHiddenChips,
-    visibleChipsCount
-  } = (0, _hooks.useChipCell)(isEditable, visibleChipsMaxLength);
-  const [editConfig, setEditConfig] = (0, _react.useState)({
-    chipIndex: null,
-    isEdit: false,
-    isKeyFocused: false,
-    isValueFocused: false,
-    isNewChip: false
-  });
-  let chips = (0, _react.useMemo)(() => {
-    return isEditable || visibleChipsMaxLength === 'all' ? {
-      visibleChips: (0, _lodash.get)(formState.values, name),
-      hiddenChips: []
-    } : (0, _generateChipsList.generateChipsList)((0, _lodash.get)(formState.values, name), visibleChipsMaxLength ? visibleChipsMaxLength : visibleChipsCount);
-  }, [visibleChipsMaxLength, isEditable, visibleChipsCount, formState.values, name]);
-  const checkChipsList = (0, _react.useCallback)(currentChipsList => {
-    if ((0, _common.areArraysEqual)((0, _lodash.get)(initialValues, name), currentChipsList, ['id'])) {
-      (0, _lodash.set)(formState.initialValues, name, currentChipsList);
-    }
-    formState.form.mutators.setFieldState(name, {
-      modified: true
-    });
-    formState.form.mutators.setFieldState(name, {
-      touched: true
-    });
-  }, [initialValues, name, formState]);
-  const handleAddNewChip = (0, _react.useCallback)((event, fields) => {
-    const fieldsLength = fields.value?.length || 0;
-    if (!editConfig.isEdit && !editConfig.chipIndex) {
-      formState.form.mutators.push(name, {
-        id: fieldsLength + new Date(),
-        key: '',
-        value: '',
-        delimiter: delimiter
-      });
-    }
-    if (showHiddenChips) {
-      setShowHiddenChips(false);
-    }
-    setEditConfig({
-      chipIndex: fieldsLength,
-      isEdit: true,
-      isKeyFocused: true,
-      isValueFocused: false,
-      isNewChip: true
-    });
-    event && event.preventDefault();
-  }, [editConfig.isEdit, editConfig.chipIndex, showHiddenChips, formState.form.mutators, name, delimiter, setShowHiddenChips]);
-  const handleRemoveChip = (0, _react.useCallback)(function (event, fields, chipIndex) {
-    let isOutsideClick = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-    checkChipsList(_lodash.default.chain(formState).get(['values', name]).filter((_, index) => index !== chipIndex).value());
-    fields.remove(chipIndex);
-    onExitEditModeCallback && onExitEditModeCallback();
-    event && !isOutsideClick && event.stopPropagation();
-  }, [checkChipsList, formState, name, onExitEditModeCallback]);
-  const handleEditChip = (0, _react.useCallback)((event, fields, nameEvent, isOutsideClick) => {
-    const {
-      key,
-      value
-    } = fields.value[editConfig.chipIndex];
-    const isChipNotEmpty = !!(key?.trim() && value?.trim());
-    if (nameEvent === _constants.CLICK) {
-      if (!isChipNotEmpty) {
-        handleRemoveChip(event, fields, editConfig.chipIndex, isOutsideClick);
-      }
-      setEditConfig({
-        chipIndex: null,
-        isEdit: false,
-        isKeyFocused: false,
-        isValueFocused: false,
-        isNewChip: false
-      });
-      isChipNotEmpty && onExitEditModeCallback && onExitEditModeCallback();
-    } else if (nameEvent === _constants.TAB) {
-      if (!isChipNotEmpty) {
-        handleRemoveChip(event, fields, editConfig.chipIndex);
-      }
-      setEditConfig(prevState => {
-        const lastChipSelected = prevState.chipIndex + 1 > fields.value.length - 1;
-        isChipNotEmpty && lastChipSelected && onExitEditModeCallback && onExitEditModeCallback();
-        return {
-          chipIndex: lastChipSelected ? null : prevState.chipIndex + 1,
-          isEdit: !lastChipSelected,
-          isKeyFocused: !lastChipSelected,
-          isValueFocused: false,
-          isNewChip: false
-        };
-      });
-    } else if (nameEvent === _constants.TAB_SHIFT) {
-      if (!isChipNotEmpty) {
-        handleRemoveChip(event, fields, editConfig.chipIndex);
-      }
-      setEditConfig(prevState => {
-        const firstChipIsSelected = prevState.chipIndex === 0;
-        isChipNotEmpty && firstChipIsSelected && onExitEditModeCallback && onExitEditModeCallback();
-        return {
-          chipIndex: firstChipIsSelected ? null : prevState.chipIndex - 1,
-          isEdit: !firstChipIsSelected,
-          isKeyFocused: false,
-          isValueFocused: !firstChipIsSelected,
-          isNewChip: false
-        };
-      });
-    }
-    checkChipsList((0, _lodash.get)(formState.values, name));
-    if (editConfig.chipIndex > 0 && editConfig.chipIndex < fields.value.length - 1 || fields.value.length > 1 && editConfig.chipIndex === 0 && nameEvent !== _constants.TAB_SHIFT || fields.value.length > 1 && editConfig.chipIndex === fields.value.length - 1 && nameEvent !== _constants.TAB) {
-      event && event.preventDefault();
-    }
-  }, [editConfig.chipIndex, checkChipsList, formState.values, name, onExitEditModeCallback, handleRemoveChip]);
-  const handleToEditMode = (0, _react.useCallback)((event, chipIndex, keyName) => {
-    if (isEditable) {
-      const {
-        clientX: pointerCoordinateX,
-        clientY: pointerCoordinateY
-      } = event;
-      let isKeyClicked = false;
-      const isClickedInsideInputElement = (pointerCoordinateX, pointerCoordinateY, inputElement) => {
-        if (inputElement) {
-          const {
-            top: topPosition,
-            left: leftPosition,
-            right: rightPosition,
-            bottom: bottomPosition
-          } = inputElement.getBoundingClientRect();
-          if (pointerCoordinateX > rightPosition || pointerCoordinateX < leftPosition) return false;
-          if (pointerCoordinateY > bottomPosition || pointerCoordinateY < topPosition) return false;
-          return true;
-        }
-      };
-      event.stopPropagation();
-      if (event.target.nodeName !== 'INPUT') {
-        if (event.target.firstElementChild) {
-          isKeyClicked = isClickedInsideInputElement(pointerCoordinateX, pointerCoordinateY, event.target.firstElementChild);
-        }
-      } else {
-        isKeyClicked = event.target.name === keyName;
-      }
-      setEditConfig(preState => ({
-        ...preState,
-        chipIndex,
-        isEdit: true,
-        isKeyFocused: isKeyClicked,
-        isValueFocused: !isKeyClicked
-      }));
-    }
-    onClick && onClick();
-  }, [isEditable, onClick]);
-  const validateFields = fieldsArray => {
-    if (!fieldsArray) return null;
-    let errorData = [];
-    const uniquenessValidator = (newValue, idx) => {
-      return !fieldsArray.some((_ref2, index) => {
-        let {
-          key
-        } = _ref2;
-        return newValue === key && index !== idx;
-      });
-    };
-    if (!(0, _lodash.isEmpty)(validationRules)) {
-      errorData = fieldsArray.map(chip => {
-        const [keyValidation, valueValidation] = validateChip(chip);
-        if (keyValidation && valueValidation) return {
-          key: keyValidation,
-          value: valueValidation
-        };
-        if (keyValidation) return {
-          key: keyValidation
-        };
-        if (valueValidation) return {
-          value: valueValidation
-        };
-        return null;
-      });
-    }
-
-    // uniqueness
-    fieldsArray.forEach((chip, index) => {
-      const isUnique = uniquenessValidator(chip.key, index);
-      if (!isUnique) {
-        if ((0, _lodash.get)(errorData, [index, 'key'], false)) {
-          errorData.at(index).key.push(_formChipCell.uniquenessError);
-        } else {
-          (0, _lodash.set)(errorData, [index, 'key'], [_formChipCell.uniquenessError]);
-        }
-      }
-    });
-    if ((0, _lodash.isEmpty)(errorData) && validator) {
-      errorData = validator(fieldsArray);
-    }
-    if (errorData.every(label => (0, _lodash.isNil)(label))) {
-      return null;
-    }
-    return errorData;
-  };
-  const validateChip = _ref3 => {
-    let {
-      key,
-      value,
-      disabled
-    } = _ref3;
-    const validateField = (value, field) => {
-      const [newRules, isValidField] = (0, _validation.checkPatternsValidity)(validationRules[field].filter(rule => rule.pattern), value);
-      if (isValidField) return null;
-      const invalidRules = newRules.filter(rule => !rule.isValid);
-      return invalidRules.map(rule => ({
-        name: rule.name,
-        label: rule.label
-      }));
-    };
-    return disabled ? [null, null] : [validateField(key, 'key'), validateField(value, 'value')];
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: chipsClassName,
-    "data-testid": `${name}-chips`,
-    children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "chips__label",
-      children: label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: label ? 'chips__wrapper' : '',
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormChipCellView.default, {
-        chipOptions: chipOptions,
-        chips: chips,
-        editConfig: editConfig,
-        formState: formState,
-        handleAddNewChip: handleAddNewChip,
-        handleEditChip: handleEditChip,
-        handleRemoveChip: handleRemoveChip,
-        handleShowElements: handleShowElements,
-        handleToEditMode: handleToEditMode,
-        isEditable: isEditable,
-        name: name,
-        ref: {
-          chipsCellRef,
-          chipsWrapperRef,
-          hiddenChipsCounterRef,
-          hiddenChipsPopUpRef
-        },
-        setChipsSizes: setChipsSizes,
-        setEditConfig: setEditConfig,
-        shortChips: shortChips,
-        showChips: showChips,
-        showHiddenChips: showHiddenChips,
-        validateFields: validateFields,
-        validationRules: validationRules
-      })
-    })]
-  });
-};
-FormChipCell.propTypes = {
-  chipOptions: _types.CHIP_OPTIONS,
-  className: _propTypes.default.string,
-  delimiter: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.element]),
-  formState: _propTypes.default.shape({}).isRequired,
-  initialValues: _propTypes.default.object.isRequired,
-  isEditable: _propTypes.default.bool,
-  label: _propTypes.default.string,
-  name: _propTypes.default.string.isRequired,
-  onClick: _propTypes.default.func,
-  shortChips: _propTypes.default.bool,
-  validationRules: _propTypes.default.object,
-  validator: _propTypes.default.func,
-  visibleChipsMaxLength: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])
-};
-var _default = exports.default = /*#__PURE__*/_react.default.memo(FormChipCell);

package/dist/components/FormChipCell/FormChipCellView.js

@@ -1,190 +0,0 @@
-"use strict";
-
-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 _lodash = require("lodash");
-var _FormChip = _interopRequireDefault(require("./FormChip/FormChip"));
-var _HiddenChipsBlock = _interopRequireDefault(require("./HiddenChipsBlock/HiddenChipsBlock"));
-var _TextTooltipTemplate = _interopRequireDefault(require("../TooltipTemplate/TextTooltipTemplate"));
-var _Tooltip = _interopRequireDefault(require("../Tooltip/Tooltip"));
-var _types = require("../../types");
-var _common = require("../../utils/common.util");
-var _formChipCell = require("./formChipCell.util");
-var _add = require("../../images/add.svg");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*
-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 FormChipCellView = /*#__PURE__*/_react.default.forwardRef((_ref, _ref2) => {
-  let {
-    chipOptions = {
-      background: 'purple',
-      boldValue: false,
-      borderRadius: 'primary',
-      borderColor: 'transparent',
-      density: 'dense',
-      font: 'purple'
-    },
-    chips,
-    editConfig,
-    formState,
-    handleAddNewChip,
-    handleEditChip,
-    handleRemoveChip,
-    handleShowElements,
-    handleToEditMode,
-    isEditable = false,
-    name,
-    setChipsSizes,
-    setEditConfig,
-    shortChips = false,
-    showChips,
-    showHiddenChips,
-    validateFields,
-    validationRules = {}
-  } = _ref;
-  let {
-    chipsCellRef,
-    chipsWrapperRef,
-    hiddenChipsCounterRef,
-    hiddenChipsPopUpRef
-  } = _ref2;
-  const buttonAddClassNames = (0, _classnames.default)('button-add', chipOptions.background && `button-add-background_${chipOptions.background}`, chipOptions.borderColor && `button-add-border_${chipOptions.borderColor}`, chipOptions.font && `button-add-font_${chipOptions.font}`, chipOptions.density && `button-add-density_${chipOptions.density}`);
-  const wrapperClassNames = (0, _classnames.default)('chips-wrapper', isEditable && 'fixed-max-width');
-  const chipClassNames = (0, _classnames.default)('chip', 'chip__content', isEditable && 'data-ellipsis', shortChips && 'chip_short', chips.hiddenChips && 'chip_hidden', chipOptions.density && `chip-density_${chipOptions.density}`, chipOptions.borderRadius && `chip-border_${chipOptions.borderRadius}`, chipOptions.background && `chip-background_${chipOptions.background}`, chipOptions.borderColor && `chip-border_${chipOptions.borderColor}`, chipOptions.font && `chip-font_${chipOptions.font}`, isEditable && 'editable', (showChips || isEditable) && 'chip_visible');
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalFormArrays.FieldArray, {
-    name: name,
-    validate: validateFields,
-    children: _ref3 => {
-      let {
-        fields,
-        meta
-      } = _ref3;
-      let newValidationRules = {
-        ...validationRules
-      };
-      if (!(0, _lodash.isEmpty)(validationRules) && validationRules.key.every(rule => rule.name !== _formChipCell.uniquenessError.name)) {
-        newValidationRules = {
-          ...validationRules,
-          key: [...validationRules.key, _formChipCell.uniquenessError]
-        };
-      }
-      return (isEditable || !(0, _common.isEveryObjectValueEmpty)(fields)) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "chips-cell",
-        ref: chipsCellRef,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: wrapperClassNames,
-          ref: chipsWrapperRef,
-          children: [fields.map((contentItem, index) => {
-            const chipData = fields.value[index];
-            return index < chips.visibleChips?.length && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: "chip-block",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
-                hidden: editConfig.isEdit && !chipData.tooltip,
-                template: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextTooltipTemplate.default, {
-                  text: chipData.tooltip || /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-                    className: "chip__content",
-                    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                      className: "chip__content-item",
-                      children: chipData.key
-                    }), !chipData.isKeyOnly && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-                      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                        className: "chip__delimiter",
-                        children: chipData.delimiter ? chipData.delimiter : ':'
-                      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                        className: "chip__content-item",
-                        children: chipData.value
-                      })]
-                    })]
-                  })
-                }),
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormChip.default, {
-                  chip: chipData,
-                  chipIndex: index,
-                  chipOptions: chipOptions,
-                  editConfig: editConfig,
-                  handleEditChip: (event, nameEvent, isOutsideClick) => handleEditChip(event, fields, nameEvent, isOutsideClick),
-                  handleRemoveChip: (event, index) => handleRemoveChip(event, fields, index),
-                  handleToEditMode: handleToEditMode,
-                  isEditable: isEditable,
-                  keyName: `${contentItem}.key`,
-                  meta: meta,
-                  ref: chipsCellRef,
-                  setChipsSizes: setChipsSizes,
-                  setEditConfig: setEditConfig,
-                  validationRules: newValidationRules,
-                  valueName: `${contentItem}.value`
-                })
-              }, chipData.id)
-            }, chipData.id);
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: "chip-block",
-            children: [chips.hiddenChips.length > 0 && showHiddenChips && /*#__PURE__*/(0, _jsxRuntime.jsx)(_HiddenChipsBlock.default, {
-              chipClassNames: chipClassNames,
-              chipOptions: chipOptions,
-              chips: chips.hiddenChips,
-              handleShowElements: handleShowElements,
-              ref: {
-                hiddenChipsCounterRef,
-                hiddenChipsPopUpRef
-              },
-              textOverflowEllipsis: true
-            }), chips.hiddenChipsNumber && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-              ref: hiddenChipsCounterRef,
-              className: `${chipClassNames} chips_button`,
-              onClick: handleShowElements,
-              children: chips.hiddenChipsNumber
-            })]
-          }), isEditable && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-            "data-testid": `${name}-add-chip`,
-            className: buttonAddClassNames,
-            onClick: e => handleAddNewChip(e, fields),
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_add.ReactComponent, {})
-          })]
-        })
-      });
-    }
-  });
-});
-FormChipCellView.propTypes = {
-  chipOptions: _types.CHIP_OPTIONS,
-  chips: _propTypes.default.object.isRequired,
-  editConfig: _propTypes.default.object.isRequired,
-  formState: _propTypes.default.object.isRequired,
-  handleAddNewChip: _propTypes.default.func.isRequired,
-  handleEditChip: _propTypes.default.func.isRequired,
-  handleRemoveChip: _propTypes.default.func.isRequired,
-  handleShowElements: _propTypes.default.func.isRequired,
-  handleToEditMode: _propTypes.default.func.isRequired,
-  isEditable: _propTypes.default.bool,
-  name: _propTypes.default.string.isRequired,
-  setChipsSizes: _propTypes.default.func.isRequired,
-  setEditConfig: _propTypes.default.func.isRequired,
-  shortChips: _propTypes.default.bool,
-  showChips: _propTypes.default.bool.isRequired,
-  showHiddenChips: _propTypes.default.bool.isRequired,
-  validateFields: _propTypes.default.func.isRequired,
-  validationRules: _propTypes.default.object
-};
-var _default = exports.default = FormChipCellView;

package/dist/components/FormChipCell/HiddenChipsBlock/HiddenChipsBlock.js

@@ -1,107 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactDom = require("react-dom");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Tooltip = _interopRequireDefault(require("../../Tooltip/Tooltip"));
-var _TextTooltipTemplate = _interopRequireDefault(require("../../TooltipTemplate/TextTooltipTemplate"));
-var _types = require("../../../types");
-var _hooks = require("../../../hooks");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/*
-Copyright 2022 Iguazio Systems Ltd.
-Licensed under the Apache License, Version 2.0 (the "License") with
-an addition restriction as set forth herein. You may not use this
-file except in compliance with the License. You may obtain a copy of
-the License at http://www.apache.org/licenses/LICENSE-2.0.
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-implied. See the License for the specific language governing
-permissions and limitations under the License.
-In addition, you may not use the software for any purposes that are
-illegal under applicable law, and the grant of the foregoing license
-under the Apache 2.0 license is conditioned upon your compliance with
-such restriction.
-*/
-
-const HiddenChipsBlock = /*#__PURE__*/_react.default.forwardRef((_ref, _ref2) => {
-  let {
-    chipClassNames,
-    chipOptions,
-    chips,
-    handleShowElements,
-    textOverflowEllipsis = false
-  } = _ref;
-  let {
-    hiddenChipsCounterRef,
-    hiddenChipsPopUpRef
-  } = _ref2;
-  const {
-    hiddenChipsBlockClassNames
-  } = (0, _hooks.useHiddenChipsBlock)(hiddenChipsCounterRef, hiddenChipsPopUpRef);
-  const chipLabelClassNames = (0, _classnames.default)('chip__label', textOverflowEllipsis && 'data-ellipsis');
-  const chipValueClassNames = (0, _classnames.default)('chip__value', textOverflowEllipsis && 'data-ellipsis', chipOptions.boldValue && 'chip-value_bold');
-  const generateChipData = chip => {
-    return chip.isKeyOnly ? chip.key : `${chip.key}${chip.delimiter ? chip.delimiter : ':'} ${chip.value}`;
-  };
-  (0, _react.useEffect)(() => {
-    if (chips.length === 0) {
-      handleShowElements();
-    }
-  });
-  return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    ref: hiddenChipsPopUpRef,
-    className: hiddenChipsBlockClassNames,
-    onClick: event => event.stopPropagation(),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "chip-block-hidden__scrollable-container",
-      children: chips?.map(element => {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
-          template: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextTooltipTemplate.default, {
-            text: element.delimiter ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-              className: "chip__content",
-              children: [element.key, !element.isKeyOnly && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                  className: "chip__delimiter",
-                  children: element.delimiter
-                }), element.value]
-              })]
-            }) : generateChipData(element)
-          }),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: chipClassNames,
-            children: [element.key && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: chipLabelClassNames,
-              children: element.key
-            }), element.value && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                className: "chip__delimiter",
-                children: element.delimiter ?? ':'
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                className: chipValueClassNames,
-                children: element.value
-              })]
-            })]
-          })
-        }, element.id);
-      })
-    })
-  }), document.getElementById('overlay_container'));
-});
-HiddenChipsBlock.propTypes = {
-  chipClassNames: _propTypes.default.string.isRequired,
-  chipOptions: _types.CHIP_OPTIONS.isRequired,
-  chips: _propTypes.default.array.isRequired,
-  handleShowElements: _propTypes.default.func.isRequired,
-  textOverflowEllipsis: _propTypes.default.bool
-};
-var _default = exports.default = HiddenChipsBlock;