ab-ui-library 1.39.0-alpha.2 → 1.39.0-alpha.3

package/components/MultiTextareaWithChips/MultiTextareaWithChips.js

@@ -62,6 +62,8 @@ var MultiTextareaWithChips = function MultiTextareaWithChips(_ref) {
     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,
+    _ref$fieldName = _ref.fieldName,
+    fieldName = _ref$fieldName === void 0 ? 'skills' : _ref$fieldName,
     formProps = _ref.formProps;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
@@ -101,9 +103,9 @@ var MultiTextareaWithChips = function MultiTextareaWithChips(_ref) {
   }, [chips]);
   useEffect(function () {
     if (isUserInteraction.current && formProps !== null && formProps !== void 0 && formProps.setFieldValue) {
-      formProps.setFieldValue('skills', localChips);
+      formProps.setFieldValue(fieldName, localChips);
     }
-  }, [localChips]);
+  }, [localChips, fieldName]);
   var handleKeyDown = function handleKeyDown(e) {
     if (disabled) return;
     if (e.key === 'Enter') {
@@ -171,7 +173,7 @@ var MultiTextareaWithChips = function MultiTextareaWithChips(_ref) {
       var validChips = newChips.filter(function (chip) {
         return typeof chip === 'string';
       });
-      setValue('skills', validChips);
+      setValue(fieldName, validChips);
     }
     setChipError('');
   };
@@ -195,7 +197,7 @@ var MultiTextareaWithChips = function MultiTextareaWithChips(_ref) {
               var validChips = _newChips.filter(function (chip) {
                 return typeof chip === 'string';
               });
-              setValue('skills', validChips);
+              setValue(fieldName, validChips);
             }
             setInputValue('');
             setShowDropdown(false);
@@ -214,7 +216,7 @@ var MultiTextareaWithChips = function MultiTextareaWithChips(_ref) {
         var _validChips = newChips.filter(function (chip) {
           return typeof chip === 'string';
         });
-        setValue('skills', _validChips);
+        setValue(fieldName, _validChips);
       }
       setInputValue('');
       setShowDropdown(false);
@@ -239,13 +241,13 @@ var MultiTextareaWithChips = function MultiTextareaWithChips(_ref) {
           var newChips = [].concat(_toConsumableArray(localChips), [item]);
           setLocalChips(newChips);
           if (formProps !== null && formProps !== void 0 && formProps.setFieldValue) {
-            formProps.setFieldValue('skills', newChips);
+            formProps.setFieldValue(fieldName, newChips);
           }
           if (setValue) {
             var validChips = newChips.filter(function (chip) {
               return !chip.hasError;
             });
-            setValue('skills', validChips);
+            setValue(fieldName, validChips);
           }
         } catch (e) {
           var message = chipValidationErrorMessage || e.message || 'Invalid value';
@@ -258,13 +260,13 @@ var MultiTextareaWithChips = function MultiTextareaWithChips(_ref) {
             var _newChips2 = [].concat(_toConsumableArray(localChips), [_item]);
             setLocalChips(_newChips2);
             if (formProps !== null && formProps !== void 0 && formProps.setFieldValue) {
-              formProps === null || formProps === void 0 || formProps.setFieldValue('skills', _newChips2);
+              formProps === null || formProps === void 0 || formProps.setFieldValue(fieldName, _newChips2);
             }
             if (setValue) {
               var _validChips2 = _newChips2.filter(function (chip) {
                 return !chip.hasError;
               });
-              setValue('skills', _validChips2);
+              setValue(fieldName, _validChips2);
             }
           } else {
             setChipError(message);
@@ -275,7 +277,7 @@ var MultiTextareaWithChips = function MultiTextareaWithChips(_ref) {
         var _newChips3 = [].concat(_toConsumableArray(localChips), [value]);
         setLocalChips(_newChips3);
         if (setValue) {
-          setValue('skills', _newChips3);
+          setValue(fieldName, _newChips3);
         }
       }
       setInputValue('');

package/components/MultiTextareaWithChips/types.d.ts

@@ -27,6 +27,7 @@ export interface TMultiTextareaWithChipsProps extends IFormCompProps {
     typeAndEnterPlaceholderText?: string;
     noOptionsPlaceholderText?: string;
     autoFormIntegration?: boolean;
+    fieldName?: string;
     formProps?: {
         setFieldValue?: (fieldName: string, value: TFormValue, shouldValidate?: {
             shouldValidate: boolean;

package/package.json

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