ab-ui-library 1.60.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/components/SVGIcons/IconBag.d.ts

@@ -0,0 +1,4 @@
+import type { ISVGIconProps } from './types';
+import type { ReactElement } from 'react';
+export declare const IconBag: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconBag;

package/components/SVGIcons/IconBag.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-9000dd50.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-28108b73.js';
+
+var IconBag = function IconBag(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M7.66667 0H16.3333C16.8396 0 17.258 0.376205 17.3242 0.864306L17.3333 1V5.33333H19.6667C22.0599 5.33333 24 7.27343 24 9.66667V18.3333C24 20.7266 22.0599 22.6667 19.6667 22.6667H4.33333C1.9401 22.6667 0 20.7266 0 18.3333V9.66667C0 7.27343 1.9401 5.33333 4.33333 5.33333H6.66667V1C6.66667 0.493739 7.04287 0.0753454 7.53097 0.00912889L7.66667 0H16.3333H7.66667ZM19.6667 7.33333H4.33333C3.04467 7.33333 2 8.378 2 9.66667V18.3333C2 19.622 3.04467 20.6667 4.33333 20.6667H19.6667C20.9553 20.6667 22 19.622 22 18.3333V9.66667C22 8.378 20.9553 7.33333 19.6667 7.33333ZM15.3333 2H8.66667V5.33333H15.3333V2Z",
+    fill: "#555555"
+  }));
+};
+
+export { IconBag, IconBag as default };

package/components/SVGIcons/index.d.ts

@@ -9,6 +9,7 @@ export * from './IconAlertFilled';
 export * from './IconAm';
 export * from './IconAmd';
 export * from './IconAmdFilled';
+export * from './IconAppStore';
 export * from './IconApple';
 export * from './IconAppsList';
 export * from './IconAppsListDetail';
@@ -60,6 +61,7 @@ export * from './IconAttach';
 export * from './IconAttachFilled';
 export * from './IconBadge';
 export * from './IconBadgeFilled';
+export * from './IconBag';
 export * from './IconBeach';
 export * from './IconBeachFilled';
 export * from './IconBed';

package/components/SVGIcons/index.js

@@ -9,12 +9,12 @@ export { IconAlertFilled } from './IconAlertFilled.js';
 export { IconAm } from './IconAm.js';
 export { IconAmd } from './IconAmd.js';
 export { IconAmdFilled } from './IconAmdFilled.js';
+export { IconAppStore } from './IconAppStore.js';
 export { IconApple } from './IconApple.js';
 export { IconAppsList } from './IconAppsList.js';
 export { IconAppsListDetail } from './IconAppsListDetail.js';
 export { IconAppsListDetailFilled } from './IconAppsListDetailFilled.js';
 export { IconAppsListFilled } from './IconAppsListFilled.js';
-export { IconAppStore } from './IconAppStore.js';
 export { IconArrowCircleDown } from './IconArrowCircleDown.js';
 export { IconArrowCircleDownSplit } from './IconArrowCircleDownSplit.js';
 export { IconArrowDown } from './IconArrowDown.js';
@@ -60,6 +60,7 @@ export { IconAttach } from './IconAttach.js';
 export { IconAttachFilled } from './IconAttachFilled.js';
 export { IconBadge } from './IconBadge.js';
 export { IconBadgeFilled } from './IconBadgeFilled.js';
+export { IconBag } from './IconBag.js';
 export { IconBeach } from './IconBeach.js';
 export { IconBeachFilled } from './IconBeachFilled.js';
 export { IconBed } from './IconBed.js';

package/index.js

@@ -74,12 +74,12 @@ export { IconAlertFilled } from './components/SVGIcons/IconAlertFilled.js';
 export { IconAm } from './components/SVGIcons/IconAm.js';
 export { IconAmd } from './components/SVGIcons/IconAmd.js';
 export { IconAmdFilled } from './components/SVGIcons/IconAmdFilled.js';
+export { IconAppStore } from './components/SVGIcons/IconAppStore.js';
 export { IconApple } from './components/SVGIcons/IconApple.js';
 export { IconAppsList } from './components/SVGIcons/IconAppsList.js';
 export { IconAppsListDetail } from './components/SVGIcons/IconAppsListDetail.js';
 export { IconAppsListDetailFilled } from './components/SVGIcons/IconAppsListDetailFilled.js';
 export { IconAppsListFilled } from './components/SVGIcons/IconAppsListFilled.js';
-export { IconAppStore } from './components/SVGIcons/IconAppStore.js';
 export { IconArrowCircleDown } from './components/SVGIcons/IconArrowCircleDown.js';
 export { IconArrowCircleDownSplit } from './components/SVGIcons/IconArrowCircleDownSplit.js';
 export { IconArrowDown } from './components/SVGIcons/IconArrowDown.js';
@@ -125,6 +125,7 @@ export { IconAttach } from './components/SVGIcons/IconAttach.js';
 export { IconAttachFilled } from './components/SVGIcons/IconAttachFilled.js';
 export { IconBadge } from './components/SVGIcons/IconBadge.js';
 export { IconBadgeFilled } from './components/SVGIcons/IconBadgeFilled.js';
+export { IconBag } from './components/SVGIcons/IconBag.js';
 export { IconBeach } from './components/SVGIcons/IconBeach.js';
 export { IconBeachFilled } from './components/SVGIcons/IconBeachFilled.js';
 export { IconBed } from './components/SVGIcons/IconBed.js';

package/package.json

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