ab-ui-library 1.39.0-alpha.4 → 1.39.0-alpha.6

package/components/MultiTextareaWithChips/MultiTextareaWithChips.js

@@ -2,7 +2,7 @@ import { _ as _extends } from '../../extends-d0c248d6.js';
 import { _ as _typeof } from '../../typeof-f5583e42.js';
 import { _ as _toConsumableArray } from '../../toConsumableArray-96c5590c.js';
 import { _ as _slicedToArray } from '../../slicedToArray-31c0261f.js';
-import React, { useState, useRef, useEffect, useCallback } from 'react';
+import React, { useState, useRef, useCallback, useEffect } from 'react';
 import { Chips } from '../Chips/Chips.js';
 import classNames from 'classnames';
 import { ErrorMessage } from '../../helperComponents/ErrorMessage/ErrorMessage.js';
@@ -64,7 +64,8 @@ var MultiTextareaWithChips = function MultiTextareaWithChips(_ref) {
     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;
+    formProps = _ref.formProps,
+    onFormSubmit = _ref.onFormSubmit;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     inputValue = _useState2[0],
@@ -92,11 +93,27 @@ var MultiTextareaWithChips = function MultiTextareaWithChips(_ref) {
   var inputRef = useRef(null);
   var containerRef = useRef(null);
   var _useFormProps = useFormProps(),
-    setValue = _useFormProps.setValue;
+    setValue = _useFormProps.setValue,
+    isSubmitting = _useFormProps.isSubmitting;
   var chipTexts = localChips.map(function (chip) {
     return typeof chip === 'string' ? chip : chip.text;
   });
   var isUserInteraction = useRef(false);
+
+  // Function to handle form submission - automatically create chip from remaining text
+  useCallback(function () {
+    if (inputValue.trim() && allowCustomValues) {
+      handleAddCustomValue(inputValue.trim());
+    }
+    onFormSubmit === null || onFormSubmit === void 0 || onFormSubmit();
+  }, [inputValue, allowCustomValues, onFormSubmit]);
+
+  // Watch for form submission and automatically create chip from remaining text
+  useEffect(function () {
+    if (isSubmitting && inputValue.trim() && allowCustomValues) {
+      handleAddCustomValue(inputValue.trim());
+    }
+  }, [isSubmitting, inputValue, allowCustomValues]);
   useEffect(function () {
     if (!isUserInteraction.current) {
       setLocalChips(chips);
@@ -392,6 +409,7 @@ var MultiTextareaWithChips = function MultiTextareaWithChips(_ref) {
   }), /*#__PURE__*/React.createElement("div", {
     className: "multi-textarea-chips__input-container"
   }, /*#__PURE__*/React.createElement("input", _extends({}, formProps, {
+    autoComplete: "off",
     ref: inputRef,
     type: "text",
     value: inputValue,

package/components/MultiTextareaWithChips/types.d.ts

@@ -36,6 +36,7 @@ export interface TMultiTextareaWithChipsProps extends IFormCompProps {
             shouldValidate: boolean;
         }) => void) | undefined;
     };
+    onFormSubmit?: () => void;
 }
 export type TChipItem = {
     text: string;

package/package.json

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