hplx-react-elements-dev 1.0.90 → 1.0.91

package/dist/esm/addSuggestion/AddSuggestion.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { AddSuggestionProps } from "../types";
-declare const AddSuggestion: ({ isInputField, label, labelColor, labelSize, start_icon, height, width, end_icon, prefix, suffixButton, suffix, suffixDropdown, isSuffixEditable, suffixInputProps, suffixPlaceholder, handleSuggestionValChange, handleSuffixValChange, handleSuffixClick, char_count, onSuggestionClick, className, rows, hint_text_icon, hint_text, errorMsg, inputProps, inputFieldInputProps, options, suggestionValue, isborderRequired, isDynamicHeight, fieldColor, suffixClassName, }: AddSuggestionProps) => JSX.Element;
+declare const AddSuggestion: ({ label, handleSuggestionValChange, onSuggestionClick, className, rows, hint_text_icon, hint_text, errorMsg, inputProps, options, suggestionValue, isDynamicHeight, getInputValue, }: AddSuggestionProps) => JSX.Element;
 export default AddSuggestion;

package/dist/esm/index.js

@@ -5435,87 +5435,71 @@ $$4({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {
 });
 
 var AddSuggestion = function AddSuggestion(_a) {
-  var _b = _a.isInputField,
-      isInputField = _b === void 0 ? false : _b,
-      label = _a.label,
-      labelColor = _a.labelColor,
-      labelSize = _a.labelSize,
-      _c = _a.start_icon,
-      start_icon = _c === void 0 ? "" : _c,
-      height = _a.height,
-      width = _a.width,
-      _d = _a.end_icon,
-      end_icon = _d === void 0 ? "" : _d,
-      prefix = _a.prefix,
-      suffixButton = _a.suffixButton,
-      suffix = _a.suffix,
-      _e = _a.suffixDropdown,
-      suffixDropdown = _e === void 0 ? [] : _e,
-      _f = _a.isSuffixEditable,
-      isSuffixEditable = _f === void 0 ? false : _f,
-      suffixInputProps = _a.suffixInputProps,
-      _g = _a.suffixPlaceholder,
-      suffixPlaceholder = _g === void 0 ? "" : _g,
-      _h = _a.handleSuggestionValChange,
-      handleSuggestionValChange = _h === void 0 ? function (_) {} : _h,
-      _j = _a.handleSuffixValChange,
-      handleSuffixValChange = _j === void 0 ? function (_) {} : _j,
-      _k = _a.handleSuffixClick,
-      handleSuffixClick = _k === void 0 ? function (_) {} : _k,
-      char_count = _a.char_count,
-      _l = _a.onSuggestionClick,
-      onSuggestionClick = _l === void 0 ? function (_selectedValue) {} : _l,
+  var label = _a.label,
+      _b = _a.handleSuggestionValChange,
+      handleSuggestionValChange = _b === void 0 ? function (_) {} : _b,
+      _c = _a.onSuggestionClick,
+      onSuggestionClick = _c === void 0 ? function (_selectedValue) {} : _c,
       className = _a.className,
-      _m = _a.rows,
-      rows = _m === void 0 ? 2 : _m,
-      _o = _a.hint_text_icon,
-      hint_text_icon = _o === void 0 ? "" : _o,
+      _d = _a.rows,
+      rows = _d === void 0 ? 2 : _d,
+      _e = _a.hint_text_icon,
+      hint_text_icon = _e === void 0 ? "" : _e,
       hint_text = _a.hint_text,
-      _p = _a.errorMsg,
-      errorMsg = _p === void 0 ? "" : _p,
+      _f = _a.errorMsg,
+      errorMsg = _f === void 0 ? "" : _f,
       inputProps = _a.inputProps,
-      inputFieldInputProps = _a.inputFieldInputProps,
       options = _a.options,
-      _q = _a.suggestionValue,
-      suggestionValue = _q === void 0 ? "" : _q,
-      _r = _a.isborderRequired,
-      isborderRequired = _r === void 0 ? true : _r,
-      _s = _a.isDynamicHeight,
-      isDynamicHeight = _s === void 0 ? false : _s,
-      fieldColor = _a.fieldColor,
-      suffixClassName = _a.suffixClassName;
+      _g = _a.suggestionValue,
+      suggestionValue = _g === void 0 ? "" : _g,
+      _h = _a.isDynamicHeight,
+      isDynamicHeight = _h === void 0 ? false : _h,
+      getInputValue = _a.getInputValue;
 
-  var _t = useState(false),
-      showDropdown = _t[0],
-      setShowDropdown = _t[1];
+  var _j = useState(false),
+      showDropdown = _j[0],
+      setShowDropdown = _j[1];
 
   var wrapperRef = useRef(null);
 
-  var _u = useState(),
-      suggestionArr = _u[0],
-      setSuggestionArr = _u[1];
+  var _k = useState(),
+      suggestionArr = _k[0],
+      setSuggestionArr = _k[1];
 
-  var _v = useState(""),
-      sugVal = _v[0],
-      setSugVal = _v[1];
+  var _l = useState(""),
+      sugVal = _l[0],
+      setSugVal = _l[1];
+
+  var suggestionText = function suggestionText(text) {
+    // Find the last occurrence of comma, period, or newline
+    var lastCommaIndex = text.lastIndexOf(",");
+    var lastPeriodIndex = text.lastIndexOf(".");
+    var lastNewlineIndex = text.lastIndexOf("\n"); // Get the maximum index among the three
+
+    var lastIndex = Math.max(lastCommaIndex, lastPeriodIndex, lastNewlineIndex); // Split the string based on the last index
+
+    var firstPart = text.slice(0, lastIndex + 1).trim();
+    var secondPart = text.slice(lastIndex + 1).trim();
+    return [firstPart, secondPart];
+  };
 
   var changeHandler = function changeHandler(e) {
+    setSugVal(e.target.value);
     var sug = [];
     setShowDropdown(true);
 
     if (options && options.length > 0) {
       sug = options === null || options === void 0 ? void 0 : options.filter(function (options) {
-        return options.label.toLowerCase().includes(e.target.value.split(",").pop().trim().toLowerCase());
-      } // last keyboad input after ,
+        return options.label.toLowerCase().includes(suggestionText(e.target.value)[1].toLowerCase());
+      } // last keyboad input after , . or \n
       );
       setSuggestionArr(sug);
-    }
+    } // if (sug.length === 0 || e.target.value.length === 0) {
 
-    setSugVal(e.target.value);
 
-    if (sug.length === 0 || e.target.value.length === 0) {
-      handleSuggestionValChange && handleSuggestionValChange(e.target.value);
-    }
+    handleSuggestionValChange && handleSuggestionValChange(e.target.value); // }
+
+    getInputValue && getInputValue(suggestionText(e.target.value)[1].toLowerCase());
   };
 
   useEffect(function () {
@@ -5533,29 +5517,31 @@ var AddSuggestion = function AddSuggestion(_a) {
     if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
       setShowDropdown(false);
     }
-  };
-
-  var checkComma = function checkComma(val) {
-    var lastEle = val.charAt(sugVal.length - 1);
+  }; // const checkComma = (val: string) => {
+  //   const lastEle = val.trim().charAt(sugVal.length - 1);
+  //   if (lastEle === "," || lastEle === "." || lastEle === "\n") {
+  //     return " ";
+  //   } else {
+  //     return ", ";
+  //   }
+  // };
 
-    if (lastEle === ",") {
-      return " ";
-    } else {
-      return ", ";
-    }
-  };
 
   var handleSuggestionClick = function handleSuggestionClick(selectedItem) {
-    var val = selectedItem.label + ", ";
+    var val = selectedItem.value + ", ";
     var result = "";
 
     if (suggestionValue === null || suggestionValue === void 0 ? void 0 : suggestionValue.length) {
-      suggestionValue = suggestionValue.slice(0, suggestionValue.lastIndexOf(","));
-      var debris = suggestionValue.trim().split(", "); //explode string into array of strings indexed by  /, |. |\s /
-      // debris.pop(); //pop last element off the array (which we didn't want)
-
-      result = debris.join(", ");
-      val = result + checkComma(result) + selectedItem.label + ", ";
+      //   suggestionValue = suggestionValue.slice(
+      //     0,
+      //     suggestionValue.lastIndexOf(",")
+      //   );
+      //   const debris = suggestionValue.trim().split(", "); //explode string into array of strings indexed by  /, |. |\s /
+      //   // debris.pop(); //pop last element off the array (which we didn't want)
+      //   result = debris.join(", ");
+      // suggestionText(suggestionValue[0])
+      result = suggestionText(suggestionValue)[0].trim();
+      val = result + " " + selectedItem.value + ", ";
     }
 
     handleSuggestionValChange && handleSuggestionValChange(val);
@@ -5579,38 +5565,7 @@ var AddSuggestion = function AddSuggestion(_a) {
   return jsxRuntime.exports.jsxs("div", __assign({
     className: "input__wrapper hplxt-relative"
   }, {
-    children: [isInputField ? jsxRuntime.exports.jsx(InputField, {
-      label: label,
-      labelColor: labelColor,
-      labelSize: labelSize,
-      start_icon: start_icon,
-      width: width,
-      height: height,
-      end_icon: end_icon,
-      prefix: prefix,
-      suffixButton: suffixButton,
-      suffix: suffix,
-      suffixDropdown: suffixDropdown,
-      handleSuffixClick: handleSuffixClick,
-      handleSuffixValChange: handleSuffixValChange,
-      char_count: char_count,
-      hint_text: hint_text,
-      hint_text_icon: hint_text_icon,
-      errorMsg: errorMsg,
-      fieldColor: fieldColor,
-      suffixPlaceholder: suffixPlaceholder,
-      isborderRequired: isborderRequired,
-      isSuffixEditable: isSuffixEditable,
-      suffixInputProps: suffixInputProps,
-      suffixClassName: suffixClassName,
-      inputProps: __assign(__assign({}, inputFieldInputProps), {
-        onChange: changeHandler,
-        value: sugVal,
-        onFocus: function onFocus() {
-          return setShowDropdown(true);
-        }
-      })
-    }) : jsxRuntime.exports.jsx(TextAreaField, {
+    children: [jsxRuntime.exports.jsx(TextAreaField, {
       label: label,
       hint_text: hint_text,
       hint_text_icon: hint_text_icon,
@@ -5623,6 +5578,9 @@ var AddSuggestion = function AddSuggestion(_a) {
         value: sugVal,
         onFocus: function onFocus() {
           return setShowDropdown(true);
+        },
+        onKeyDown: function onKeyDown(e) {
+          if (e.code === "Enter" || e.code === "Period" || e.code === "Comma") setShowDropdown(true);
         }
       })
     }), showDropdown && jsxRuntime.exports.jsx("div", __assign({

package/dist/esm/types.d.ts

@@ -401,6 +401,7 @@ export interface AddSuggestionProps {
     handleSuggestionValChange?: (value: any) => void;
     handleSuffixValChange?: (value: any) => void;
     isborderRequired?: boolean;
+    getInputValue?: (value: string) => void;
 }
 export interface DoubleInputProps {
     label?: string;

package/package.json

@@ -9,7 +9,7 @@
     "frontend",
     "healthplix"
   ],
-  "version": "1.0.90",
+  "version": "1.0.91",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",