ab-ui-library 1.41.1 → 1.42.0

package/components/More/More.js

@@ -1,16 +1,16 @@
-import { _ as _extends } from '../../extends-f01f857f.js';
-import { _ as _slicedToArray } from '../../slicedToArray-396ddcf6.js';
+import { _ as _extends } from '../../extends-cc60c71c.js';
+import { _ as _slicedToArray } from '../../slicedToArray-093df980.js';
 import React, { useState } from 'react';
 import { Text } from '../Text/Text.js';
 import { Button } from '../Button/Button.js';
 import 'classnames';
 import '../../utils/helpers.js';
 import 'dayjs';
-import '../../defineProperty-14863472.js';
-import '../../typeof-e762ff49.js';
-import '../../objectWithoutProperties-0d729c01.js';
+import '../../defineProperty-109927cc.js';
+import '../../typeof-e9310111.js';
+import '../../objectWithoutProperties-b19cccde.js';
 import '../../helperComponents/Loader/Loader.js';
-import '../../RadioGroup-814fbdff.js';
+import '../../RadioGroup-d0af378e.js';
 import '../Radio/Radio.js';
 import '../../helperComponents/Label/Label.js';
 import '../Popover/Popover.js';

package/components/More/index.js

@@ -1,17 +1,17 @@
 export { More } from './More.js';
-import '../../extends-f01f857f.js';
-import '../../slicedToArray-396ddcf6.js';
+import '../../extends-cc60c71c.js';
+import '../../slicedToArray-093df980.js';
 import 'react';
 import '../Text/Text.js';
 import 'classnames';
 import '../../utils/helpers.js';
 import 'dayjs';
 import '../Button/Button.js';
-import '../../defineProperty-14863472.js';
-import '../../typeof-e762ff49.js';
-import '../../objectWithoutProperties-0d729c01.js';
+import '../../defineProperty-109927cc.js';
+import '../../typeof-e9310111.js';
+import '../../objectWithoutProperties-b19cccde.js';
 import '../../helperComponents/Loader/Loader.js';
-import '../../RadioGroup-814fbdff.js';
+import '../../RadioGroup-d0af378e.js';
 import '../Radio/Radio.js';
 import '../../helperComponents/Label/Label.js';
 import '../Popover/Popover.js';

package/components/MultiTextareaWithChips/MultiTextareaWithChips.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { TMultiTextareaWithChipsProps } from './types';
-export declare const MultiTextareaWithChips: React.FC<TMultiTextareaWithChipsProps>;
+export declare const MultiTextareaWithChips: React.NamedExoticComponent<TMultiTextareaWithChipsProps>;

package/components/MultiTextareaWithChips/MultiTextareaWithChips.js

@@ -1,23 +1,26 @@
-import { _ as _extends } from '../../extends-f01f857f.js';
-import { _ as _toConsumableArray } from '../../toConsumableArray-291d6bc0.js';
-import { _ as _slicedToArray } from '../../slicedToArray-396ddcf6.js';
-import React, { useState, useRef, useMemo, useEffect } from 'react';
+import { _ as _extends } from '../../extends-cc60c71c.js';
+import { _ as _typeof } from '../../typeof-e9310111.js';
+import { _ as _slicedToArray } from '../../slicedToArray-093df980.js';
+import React, { memo, useState, useRef, useMemo } from 'react';
 import { Chips } from '../Chips/Chips.js';
 import classNames from 'classnames';
 import { ErrorMessage } from '../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../../RadioGroup-814fbdff.js';
+import '../../RadioGroup-d0af378e.js';
 import 'dayjs';
 import { useFormProps } from '../../hooks/useFormProps.js';
 import '../../hooks/useScreenSize.js';
 import 'react-hook-form';
 import '../Radio/Radio.js';
 import 'react-syntax-highlighter';
+import { useChipManagement } from './hooks/useChipManagement.js';
+import { useChipValidation } from './hooks/useChipValidation.js';
+import { useDropdownLogic } from './hooks/useDropdownLogic.js';
+import { useKeyboardNavigation } from './hooks/useKeyboardNavigation.js';
 import '../Text/Text.js';
 import '../../utils/helpers.js';
 import '../Chips/types.js';
 import '../SVGIcons/IconDismissCircleFilled.js';
-import '../../defineProperty-14863472.js';
-import '../../typeof-e762ff49.js';
+import '../../defineProperty-109927cc.js';
 import '../Chips/consts.js';
 import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
 import '../../helperComponents/IconDynamicComponent/constants.js';
@@ -34,8 +37,9 @@ import '../../hooks/useOnOutsideClick.js';
 import '../Link/Link.js';
 import '../SVGIcons/IconInfo.js';
 import '../../context/types.js';
+import '../../toConsumableArray-d592cd83.js';
 
-var MultiTextareaWithChips = function MultiTextareaWithChips(_ref) {
+var MultiTextareaWithChipsComponent = function MultiTextareaWithChipsComponent(_ref) {
   var label = _ref.label,
     placeholder = _ref.placeholder,
     helperText = _ref.helperText,
@@ -56,321 +60,212 @@ var MultiTextareaWithChips = function MultiTextareaWithChips(_ref) {
     chipValidationErrorMessage = _ref.chipValidationErrorMessage,
     _ref$allowInvalidChip = _ref.allowInvalidChips,
     allowInvalidChips = _ref$allowInvalidChip === void 0 ? false : _ref$allowInvalidChip,
-    _ref$fieldName = _ref.fieldName,
-    fieldName = _ref$fieldName === void 0 ? 'skills' : _ref$fieldName,
     _ref$searchPlaceholde = _ref.searchPlaceholderText,
     searchPlaceholderText = _ref$searchPlaceholde === void 0 ? 'Search and select...' : _ref$searchPlaceholde,
     _ref$typeAndEnterPlac = _ref.typeAndEnterPlaceholderText,
     typeAndEnterPlaceholderText = _ref$typeAndEnterPlac === void 0 ? 'Type and press Enter...' : _ref$typeAndEnterPlac,
     _ref$noOptionsPlaceho = _ref.noOptionsPlaceholderText,
     noOptionsPlaceholderText = _ref$noOptionsPlaceho === void 0 ? 'No more options available' : _ref$noOptionsPlaceho,
-    formProps = _ref.formProps;
+    _ref$fieldName = _ref.fieldName,
+    fieldName = _ref$fieldName === void 0 ? 'skills' : _ref$fieldName,
+    formProps = _ref.formProps,
+    minChipLength = _ref.minChipLength,
+    maxChipLength = _ref.maxChipLength;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     inputValue = _useState2[0],
     setInputValue = _useState2[1];
-  var _useState3 = useState(false),
+  var _useState3 = useState(''),
     _useState4 = _slicedToArray(_useState3, 2),
-    showDropdown = _useState4[0],
-    setShowDropdown = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    filteredOptions = _useState6[0],
-    setFilteredOptions = _useState6[1];
-  var _useState7 = useState(''),
-    _useState8 = _slicedToArray(_useState7, 2),
-    selectedOption = _useState8[0],
-    setSelectedOption = _useState8[1];
-  var _useState9 = useState(''),
-    _useState0 = _slicedToArray(_useState9, 2),
-    chipError = _useState0[0],
-    setChipError = _useState0[1];
-  var _useState1 = useState(chips),
-    _useState10 = _slicedToArray(_useState1, 2),
-    localChips = _useState10[0],
-    setLocalChips = _useState10[1];
+    chipError = _useState4[0],
+    setChipError = _useState4[1];
   var inputRef = useRef(null);
-  var _useFormProps = useFormProps();
-    _useFormProps.errors;
-    var setValue = _useFormProps.setValue;
-
-  // Memoize chip texts for performance optimization
-  var chipTexts = useMemo(function () {
-    return localChips.map(function (chip) {
-      return typeof chip === 'string' ? chip : chip.text;
-    });
-  }, [localChips]);
-
-  // useEffect(() => {
-  //   if (inputValue.trim() && availableOptions.length > 0) {
-  //     // Use memoized chipTexts for O(1) lookup performance
-  //     const chipTextsSet = new Set(chipTexts)
-
-  //     const filtered = availableOptions.filter(option =>
-  //       option.toLowerCase().includes(inputValue.toLowerCase()) &&
-  //       !chipTextsSet.has(option)
-  //     )
-  //     setFilteredOptions(filtered)
-  //     setShowDropdown(filtered.length > 0)
-  //   } else {
-  //     setShowDropdown(false)
-  //     setFilteredOptions([])
-  //   }
-  // }, [inputValue, availableOptions, chipTexts])
-
-  useEffect(function () {
-    if (formProps !== null && formProps !== void 0 && formProps.setFieldValue) {
-      formProps.setFieldValue(fieldName, localChips);
-    }
-  }, [localChips, fieldName]);
-  var handleKeyDown = function handleKeyDown(e) {
-    if (disabled) return;
-    if (e.key === 'Enter') {
-      e.preventDefault();
-      if (selectedOption) {
-        handleSelectOption(selectedOption);
-      } else if (filteredOptions.length > 0) {
-        handleSelectOption(filteredOptions[0]);
-        setFilteredOptions([]);
-      } else if (allowCustomValues && inputValue.trim()) {
-        handleAddCustomValue(inputValue.trim());
-      }
-    } else if (e.key === ',' && allowCustomValues && inputValue.trim()) {
-      e.preventDefault();
-      handleAddCustomValue(inputValue.trim());
-    } else if (e.key === 'Escape') {
-      var _inputRef$current;
-      setShowDropdown(false);
-      setSelectedOption('');
-      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.blur();
-    } else if (e.key === 'ArrowDown') {
-      e.preventDefault();
-      if (filteredOptions.length > 0) {
-        var currentIndex = selectedOption ? filteredOptions.indexOf(selectedOption) : -1;
-        var nextIndex = currentIndex < filteredOptions.length - 1 ? currentIndex + 1 : 0;
-        setSelectedOption(filteredOptions[nextIndex]);
+  var containerRef = useRef(null);
+  var _useFormProps = useFormProps(),
+    setValue = _useFormProps.setValue;
+  var chipManagement = useChipManagement({
+    initialChips: chips,
+    fieldName: fieldName,
+    formProps: formProps,
+    setValue: setValue,
+    onAddChip: onAddChip,
+    onRemoveChip: onRemoveChip
+  });
+  var chipValidation = useChipValidation({
+    validationSchema: chipValidationSchema,
+    errorMessage: chipValidationErrorMessage,
+    allowInvalidChips: allowInvalidChips,
+    minChipLength: minChipLength,
+    maxChipLength: maxChipLength
+  });
+  var dropdownLogic = useDropdownLogic({
+    availableOptions: availableOptions,
+    chipTexts: chipManagement.getChipTexts(),
+    containerRef: containerRef
+  });
+  var handleSelectOption = function handleSelectOption(option) {
+    if (chipManagement.getChipTexts().includes(option)) return;
+    try {
+      var validatedChip = chipValidation.createValidatedChip(option);
+      chipManagement.addChip(validatedChip);
+      setInputValue('');
+      dropdownLogic.closeDropdown();
+      setChipError('');
+    } catch (error) {
+      if (!allowInvalidChips) {
+        setChipError(error instanceof Error ? error.message : 'Invalid value');
       }
-    } else if (e.key === 'ArrowUp') {
-      e.preventDefault();
-      if (filteredOptions.length > 0) {
-        var _currentIndex = selectedOption ? filteredOptions.indexOf(selectedOption) : -1;
-        var prevIndex = _currentIndex > 0 ? _currentIndex - 1 : filteredOptions.length - 1;
-        setSelectedOption(filteredOptions[prevIndex]);
+    }
+  };
+  var handleAddCustomValue = function handleAddCustomValue(value) {
+    if (chipManagement.getChipTexts().includes(value)) return;
+    try {
+      var validatedChip = chipValidation.createValidatedChip(value);
+      chipManagement.addChip(validatedChip);
+      setInputValue('');
+      setChipError('');
+    } catch (error) {
+      if (!allowInvalidChips) {
+        setChipError(error instanceof Error ? error.message : 'Invalid value');
       }
-    } else if (e.key === 'Backspace' && !inputValue && localChips.length > 0) {
-      e.preventDefault();
-      var lastChip = localChips[localChips.length - 1];
+    }
+  };
+  var handleRemoveLastChip = function handleRemoveLastChip() {
+    var lastChip = chipManagement.chips[chipManagement.chips.length - 1];
+    if (lastChip) {
       var chipText = typeof lastChip === 'string' ? lastChip : lastChip.text;
-      handleRemoveChip(chipText);
+      chipManagement.removeChip(chipText);
     }
   };
   var handleInputChange = function handleInputChange(e) {
     if (disabled) return;
-    setInputValue(e.target.value);
-    setSelectedOption('');
+    var value = e.target.value;
+    setInputValue(value);
+    dropdownLogic.handleInputChange(value);
   };
   var handleInputFocus = function handleInputFocus() {
-    if (availableOptions.length > 0 && inputValue.trim()) {
-      setShowDropdown(true);
-    }
+    dropdownLogic.handleInputFocus(inputValue);
   };
-  var handleRemoveChip = function handleRemoveChip(chipToRemove) {
-    if (disabled) return;
-    var newChips = localChips.filter(function (c) {
-      var chipText = typeof c === 'string' ? c : c.text;
-      return chipText !== chipToRemove;
-    });
-    setLocalChips(newChips);
-    onRemoveChip === null || onRemoveChip === void 0 || onRemoveChip(chipToRemove);
-    // Sync with form state - only valid chips (strings)
-    if (setValue) {
-      var validChips = newChips.filter(function (chip) {
-        return typeof chip === 'string';
-      });
-      setValue(fieldName, validChips);
-    }
-    setChipError('');
-  };
-  var handleSelectOption = function handleSelectOption(option) {
-    // Check if option already exists in chips using memoized chipTexts
-    if (!chipTexts.includes(option)) {
-      if (chipValidationSchema) {
-        try {
-          chipValidationSchema.validateSync(option);
-        } catch (e) {
-          var message = chipValidationErrorMessage || e.message || 'Invalid value';
-          if (allowInvalidChips) {
-            var item = {
-              text: option,
-              hasError: true,
-              errorMessage: message
-            };
-            var _newChips = [].concat(_toConsumableArray(localChips), [item]);
-            setLocalChips(_newChips);
-            // Sync with form state - only valid chips (strings)
-            if (setValue) {
-              var validChips = _newChips.filter(function (chip) {
-                return typeof chip === 'string';
-              });
-              setValue(fieldName, validChips);
-            }
-            setInputValue('');
-            setShowDropdown(false);
-            setSelectedOption('');
-            return;
-          } else {
-            setChipError(message);
-            return;
-          }
-        }
-      }
-      onAddChip === null || onAddChip === void 0 || onAddChip(option);
-      var newChips = [].concat(_toConsumableArray(localChips), [option]);
-      setLocalChips(newChips);
-      // Sync with form state - only valid chips (strings)
-      if (setValue) {
-        var _validChips = newChips.filter(function (chip) {
-          return typeof chip === 'string';
-        });
-        setValue(fieldName, _validChips);
-      }
-      setInputValue('');
-      setShowDropdown(false);
-      setSelectedOption('');
-      setChipError('');
-    }
-  };
-  var handleAddCustomValue = function handleAddCustomValue(value) {
-    // Check if value already exists in chips
-    var chipTexts = localChips.map(function (chip) {
-      return typeof chip === 'string' ? chip : chip.text;
-    });
-    if (!chipTexts.includes(value)) {
-      // validate value if schema provided
-      if (chipValidationSchema) {
-        try {
-          chipValidationSchema.validateSync(value);
-          var item = {
-            text: value,
-            hasError: false,
-            errorMessage: ''
-          };
-          var newChips = [].concat(_toConsumableArray(localChips), [item]);
-          setLocalChips(newChips);
-          if (formProps !== null && formProps !== void 0 && formProps.setFieldValue) {
-            formProps.setFieldValue(fieldName, newChips);
-          }
-          if (setValue) {
-            var validChips = newChips.filter(function (chip) {
-              return !chip.hasError;
-            });
-            setValue(fieldName, validChips);
-          }
-        } catch (e) {
-          var message = chipValidationErrorMessage || e.message || 'Invalid value';
-          if (allowInvalidChips) {
-            var _item = {
-              text: value,
-              hasError: true,
-              errorMessage: message
-            };
-            var _newChips2 = [].concat(_toConsumableArray(localChips), [_item]);
-            setLocalChips(_newChips2);
-            if (formProps !== null && formProps !== void 0 && formProps.setFieldValue) {
-              formProps === null || formProps === void 0 || formProps.setFieldValue(fieldName, _newChips2);
-            }
-            if (setValue) {
-              var _validChips2 = _newChips2.filter(function (chip) {
-                return !chip.hasError;
-              });
-              setValue(fieldName, _validChips2);
-            }
-          } else {
-            setChipError(message);
-            return;
-          }
-        }
-      } else {
-        var _newChips3 = [].concat(_toConsumableArray(localChips), [value]);
-        setLocalChips(_newChips3);
-        if (setValue) {
-          setValue(fieldName, _newChips3);
-        }
+  var keyboardNavigation = useKeyboardNavigation({
+    disabled: disabled,
+    inputValue: inputValue,
+    allowCustomValues: allowCustomValues,
+    chips: chipManagement.chips,
+    filteredOptions: dropdownLogic.filteredOptions,
+    selectedOption: dropdownLogic.selectedOption,
+    onEnter: function onEnter() {
+      // Default behavior for Enter key when no options are available
+    },
+    onAddCustomValue: handleAddCustomValue,
+    onNavigateOptions: dropdownLogic.navigateOptions,
+    onSelectOption: function onSelectOption(option) {
+      var selected = dropdownLogic.selectOption(option);
+      if (selected) {
+        handleSelectOption(selected);
       }
-      setInputValue('');
-      setChipError('');
-    }
-  };
-  var getInputPlaceholder = function getInputPlaceholder() {
-    if (localChips.length === 0) return placeholder;
+    },
+    onCloseDropdown: dropdownLogic.closeDropdown,
+    onRemoveLastChip: handleRemoveLastChip,
+    inputRef: inputRef
+  });
+  var inputPlaceholder = useMemo(function () {
+    if (chipManagement.chips.length === 0) return placeholder;
     if (availableOptions.length > 0) return searchPlaceholder || searchPlaceholderText;
     if (allowCustomValues) return typeAndEnterPlaceholderText;
     return noOptionsPlaceholderText;
-  };
+  }, [chipManagement.chips.length, placeholder, availableOptions.length, searchPlaceholder, searchPlaceholderText, allowCustomValues, typeAndEnterPlaceholderText, noOptionsPlaceholderText]);
+  var hasError = chipError || chipManagement.hasErrorChips;
+  var errorMessage = chipError || chipManagement.getErrorMessage();
+  var containerClassName = useMemo(function () {
+    return classNames('multi-textarea-chips', className, {
+      'multi-textarea-chips--disabled': disabled,
+      'multi-textarea-chips--error': hasError
+    });
+  }, [className, disabled, hasError]);
+  var inputWrapperClassName = useMemo(function () {
+    return classNames('multi-textarea-input-wrapper', {
+      'with-error-styles': hasError
+    });
+  }, [hasError]);
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames('multi-textarea-chips', className)
-  }, label && /*#__PURE__*/React.createElement("div", {
-    className: "multi-textarea-chips__label"
+    className: containerClassName,
+    ref: containerRef
+  }, label && /*#__PURE__*/React.createElement("label", {
+    className: "multi-textarea-chips__label",
+    htmlFor: "".concat(fieldName, "-input")
   }, label), /*#__PURE__*/React.createElement("div", {
-    className: classNames('multi-textarea-input-wrapper', {
-      'with-error-styles': !!chipError
-    })
+    className: inputWrapperClassName
   }, /*#__PURE__*/React.createElement("div", {
     className: "multi-textarea-chips__content"
-  }, localChips.map(function (chip, index) {
-    var isItem = typeof chip !== 'string';
+  }, chipManagement.chips.map(function (chip, index) {
+    var isItem = _typeof(chip) === 'object';
     var text = isItem ? chip.text : chip;
     var hasError = isItem ? Boolean(chip.hasError) : false;
     return /*#__PURE__*/React.createElement(Chips, {
       key: "".concat(text, "-").concat(index),
       text: text,
-      withAction: true,
+      withAction: !disabled,
       onClick: function onClick() {
-        return handleRemoveChip(text);
+        return chipManagement.removeChip(text);
       },
       size: "medium",
       color: hasError ? 'danger' : 'primary',
       type: "accent",
-      disabled: disabled
+      disabled: disabled,
+      "aria-label": "Remove ".concat(text, " chip")
     });
   }), /*#__PURE__*/React.createElement("div", {
     className: "multi-textarea-chips__input-container"
-  }, /*#__PURE__*/React.createElement("input", _extends({}, formProps, {
+  }, /*#__PURE__*/React.createElement("input", _extends({
+    id: "".concat(fieldName, "-input")
+  }, formProps, {
+    autoComplete: "off",
     ref: inputRef,
     type: "text",
     value: inputValue,
     onChange: handleInputChange,
-    onKeyDown: handleKeyDown,
+    onKeyDown: keyboardNavigation.handleKeyDown,
     onFocus: handleInputFocus,
-    placeholder: getInputPlaceholder(),
+    placeholder: inputPlaceholder,
     className: "multi-textarea-chips__input",
-    disabled: disabled
-  })), showDropdown && /*#__PURE__*/React.createElement("div", {
-    className: "multi-textarea-chips__dropdown"
-  }, filteredOptions.map(function (option) {
+    disabled: disabled,
+    "aria-describedby": hasError ? "".concat(fieldName, "-error") : helperText ? "".concat(fieldName, "-helper") : undefined,
+    "aria-invalid": hasError ? 'true' : 'false',
+    "aria-expanded": dropdownLogic.showDropdown,
+    "aria-autocomplete": "list",
+    role: "combobox"
+  })), dropdownLogic.showDropdown && /*#__PURE__*/React.createElement("div", {
+    className: "multi-textarea-chips__dropdown",
+    role: "listbox",
+    "aria-label": "Available options"
+  }, dropdownLogic.filteredOptions.map(function (option) {
     return /*#__PURE__*/React.createElement("div", {
       key: option,
       className: classNames('multi-textarea-chips__dropdown-item', {
-        'multi-textarea-chips__dropdown-item--selected': selectedOption === option
+        'multi-textarea-chips__dropdown-item--selected': dropdownLogic.selectedOption === option
       }),
       onClick: function onClick() {
         return handleSelectOption(option);
-      }
+      },
+      role: "option",
+      "aria-selected": dropdownLogic.selectedOption === option
     }, /*#__PURE__*/React.createElement("div", {
       className: "multi-textarea-chips__radio"
     }, /*#__PURE__*/React.createElement("div", {
       className: classNames('multi-textarea-chips__radio-button', {
-        'multi-textarea-chips__radio-button--selected': selectedOption === option
+        'multi-textarea-chips__radio-button--selected': dropdownLogic.selectedOption === option
       })
     })), /*#__PURE__*/React.createElement("span", {
       className: "multi-textarea-chips__option-text"
     }, option));
-  }))))), !!chipError && /*#__PURE__*/React.createElement(ErrorMessage, {
-    message: chipError
-  }), helperText && !chipError && /*#__PURE__*/React.createElement("div", {
+  }))))), hasError && /*#__PURE__*/React.createElement(ErrorMessage, {
+    message: errorMessage
+  }), helperText && !hasError && /*#__PURE__*/React.createElement("div", {
+    id: "".concat(fieldName, "-helper"),
     className: "multi-textarea-chips__helper"
   }, helperText));
 };
+var MultiTextareaWithChips = /*#__PURE__*/memo(MultiTextareaWithChipsComponent);
 MultiTextareaWithChips.displayName = 'MultiTextareaWithChips';
 
 export { MultiTextareaWithChips };

package/components/MultiTextareaWithChips/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export { useChipManagement } from './useChipManagement';
+export { useChipValidation } from './useChipValidation';
+export { useDropdownLogic } from './useDropdownLogic';
+export { useKeyboardNavigation } from './useKeyboardNavigation';

package/components/MultiTextareaWithChips/hooks/index.js

@@ -0,0 +1,8 @@
+export { useChipManagement } from './useChipManagement.js';
+export { useChipValidation } from './useChipValidation.js';
+export { useDropdownLogic } from './useDropdownLogic.js';
+export { useKeyboardNavigation } from './useKeyboardNavigation.js';
+import '../../../typeof-e9310111.js';
+import '../../../toConsumableArray-d592cd83.js';
+import '../../../slicedToArray-093df980.js';
+import 'react';

package/components/MultiTextareaWithChips/hooks/useChipManagement.d.ts

@@ -0,0 +1,21 @@
+import type { ChipValue } from '../types';
+interface UseChipManagementProps {
+    initialChips: ChipValue[];
+    fieldName: string;
+    formProps?: {
+        setFieldValue?: (fieldName: string, value: TFormValue) => void;
+        [key: string]: TFormValue | ((fieldName: string, value: TFormValue) => void) | undefined;
+    };
+    setValue?: (fieldName: string, value: TFormValue) => void;
+    onAddChip?: (chip: string) => void;
+    onRemoveChip?: (chip: string) => void;
+}
+export declare const useChipManagement: ({ initialChips, fieldName, formProps, setValue, onAddChip, onRemoveChip }: UseChipManagementProps) => {
+    chips: ChipValue[];
+    addChip: (chip: ChipValue) => void;
+    removeChip: (chipText: string) => void;
+    getChipTexts: () => string[];
+    hasErrorChips: boolean;
+    getErrorMessage: () => string;
+};
+export {};