ab-ui-library 1.61.0 → 1.62.0

package/components/MultiTextareaWithChips/MultiTextareaWithChips.js

@@ -56,6 +56,8 @@ var MultiTextareaWithChipsComponent = function MultiTextareaWithChipsComponent(_
     availableOptions = _ref$availableOptions === void 0 ? [] : _ref$availableOptions,
     _ref$allowCustomValue = _ref.allowCustomValues,
     allowCustomValues = _ref$allowCustomValue === void 0 ? true : _ref$allowCustomValue,
+    _ref$allowDuplicates = _ref.allowDuplicates,
+    allowDuplicates = _ref$allowDuplicates === void 0 ? false : _ref$allowDuplicates,
     searchPlaceholder = _ref.searchPlaceholder,
     chipValidationSchema = _ref.chipValidationSchema,
     chipValidationErrorMessage = _ref.chipValidationErrorMessage,
@@ -108,7 +110,7 @@ var MultiTextareaWithChipsComponent = function MultiTextareaWithChipsComponent(_
     containerRef: containerRef
   });
   var handleSelectOption = function handleSelectOption(option) {
-    if (chipManagement.getChipTexts().includes(option)) return;
+    if (!allowDuplicates && chipManagement.getChipTexts().includes(option)) return;
     try {
       var valueToValidate = transformToUppercase ? option.toUpperCase() : option;
       var validatedChip = chipValidation.createValidatedChip(valueToValidate);
@@ -123,7 +125,7 @@ var MultiTextareaWithChipsComponent = function MultiTextareaWithChipsComponent(_
     }
   };
   var handleAddCustomValue = useCallback(function (value) {
-    if (chipManagement.getChipTexts().includes(value)) return;
+    if (!allowDuplicates && chipManagement.getChipTexts().includes(value)) return;
     try {
       var valueToValidate = transformToUppercase ? value.toUpperCase() : value;
       var validatedChip = chipValidation.createValidatedChip(valueToValidate);
@@ -135,7 +137,7 @@ var MultiTextareaWithChipsComponent = function MultiTextareaWithChipsComponent(_
         setChipError(error instanceof Error ? error.message : 'Invalid value');
       }
     }
-  }, [chipManagement, chipValidation, allowInvalidChips, transformToUppercase]);
+  }, [chipManagement, chipValidation, allowInvalidChips, transformToUppercase, allowDuplicates]);
   var onBlurLogic = useOnBlurLogic({
     inputValue: inputValue,
     disabled: disabled,
@@ -149,10 +151,9 @@ var MultiTextareaWithChipsComponent = function MultiTextareaWithChipsComponent(_
     allowInvalidChips: allowInvalidChips
   });
   var handleRemoveLastChip = function handleRemoveLastChip() {
-    var lastChip = chipManagement.chips[chipManagement.chips.length - 1];
-    if (lastChip) {
-      var chipText = typeof lastChip === 'string' ? lastChip : lastChip.text;
-      chipManagement.removeChip(chipText);
+    var lastChipIndex = chipManagement.chips.length - 1;
+    if (lastChipIndex >= 0) {
+      chipManagement.removeChip(lastChipIndex);
     }
   };
   var handleInputChange = function handleInputChange(e) {
@@ -225,7 +226,8 @@ var MultiTextareaWithChipsComponent = function MultiTextareaWithChipsComponent(_
       text: text,
       withAction: !disabled,
       onClick: function onClick() {
-        chipManagement.removeChip(text);
+        // Pass index instead of text to remove specific chip
+        chipManagement.removeChip(index);
         setTimeout(function () {
           var _inputRef$current;
           (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();

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

@@ -8,12 +8,13 @@ interface UseChipManagementProps {
     };
     setValue?: (fieldName: string, value: TFormValue) => void;
     onAddChip?: (chip: string) => void;
-    onRemoveChip?: (chip: string) => void;
+    onRemoveChip?: (chip: string, index: number) => void;
 }
 export declare const useChipManagement: ({ initialChips, fieldName, formProps, setValue, onAddChip, onRemoveChip }: UseChipManagementProps) => {
     chips: ChipValue[];
     addChip: (chip: ChipValue) => void;
-    removeChip: (chipText: string) => void;
+    removeChip: (index: number) => void;
+    removeChipByText: (chipText: string) => void;
     getChipTexts: () => string[];
     hasErrorChips: boolean;
     getErrorMessage: () => string;

package/components/MultiTextareaWithChips/hooks/useChipManagement.js

@@ -41,15 +41,31 @@ var useChipManagement = function useChipManagement(_ref) {
       onAddChip === null || onAddChip === void 0 || onAddChip(chip.text);
     }
   }, [chips, updateFormValue, onAddChip]);
-  var removeChip = useCallback(function (chipText) {
+  var removeChip = useCallback(function (index) {
     isUserInteraction.current = true;
-    var newChips = chips.filter(function (chip) {
-      var text = typeof chip === 'string' ? chip : chip.text;
-      return text !== chipText;
+    var chipToRemove = chips[index];
+    var chipText = typeof chipToRemove === 'string' ? chipToRemove : chipToRemove.text;
+    var newChips = chips.filter(function (_, i) {
+      return i !== index;
     });
     setChips(newChips);
     updateFormValue(newChips);
-    onRemoveChip === null || onRemoveChip === void 0 || onRemoveChip(chipText);
+    onRemoveChip === null || onRemoveChip === void 0 || onRemoveChip(chipText, index);
+  }, [chips, updateFormValue, onRemoveChip]);
+  var removeChipByText = useCallback(function (chipText) {
+    isUserInteraction.current = true;
+    var index = chips.findIndex(function (chip) {
+      var text = typeof chip === 'string' ? chip : chip.text;
+      return text === chipText;
+    });
+    if (index !== -1) {
+      var newChips = chips.filter(function (_, i) {
+        return i !== index;
+      });
+      setChips(newChips);
+      updateFormValue(newChips);
+      onRemoveChip === null || onRemoveChip === void 0 || onRemoveChip(chipText, index);
+    }
   }, [chips, updateFormValue, onRemoveChip]);
   var getChipTexts = useCallback(function () {
     return chips.map(function (chip) {
@@ -72,6 +88,7 @@ var useChipManagement = function useChipManagement(_ref) {
     chips: chips,
     addChip: addChip,
     removeChip: removeChip,
+    removeChipByText: removeChipByText,
     getChipTexts: getChipTexts,
     hasErrorChips: hasErrorChips,
     getErrorMessage: getErrorMessage

package/components/MultiTextareaWithChips/types.d.ts

@@ -18,11 +18,12 @@ export interface TMultiTextareaWithChipsProps extends IFormCompProps {
     helperText?: string;
     chips?: ChipValue[];
     onAddChip?: (chip: string) => void;
-    onRemoveChip?: (chip: string) => void;
+    onRemoveChip?: (chipText: string, index: number) => void;
     className?: string;
     disabled?: boolean;
     availableOptions?: string[];
     allowCustomValues?: boolean;
+    allowDuplicates?: boolean;
     searchPlaceholder?: string;
     chipValidationSchema?: AnySchema;
     chipValidationErrorMessage?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ab-ui-library",
-  "version": "1.61.0",
+  "version": "1.62.0",
   "description": "UI library for AM",
   "main": "./index.js",
   "module": "./index.js",