hplx-react-elements-dev 1.0.80 → 1.0.82

package/dist/esm/index.js

@@ -17701,28 +17701,32 @@ var InputTag = function InputTag(_a) {
       _g = _a.onDropdownClick,
       onDropdownClick = _g === void 0 ? function (_) {} : _g,
       _h = _a.allowDuplicates,
-      allowDuplicates = _h === void 0 ? false : _h;
-
-  var _j = inputProps || {},
-      disabled = _j.disabled,
-      onFocus = _j.onFocus,
-      onBlur = _j.onBlur;
+      allowDuplicates = _h === void 0 ? false : _h,
+      _j = _a.getInputValue,
+      getInputValue = _j === void 0 ? function (input) {
+    return input;
+  } : _j;
 
-  var _k = useState(false),
-      active = _k[0],
-      setActive = _k[1];
+  var _k = inputProps || {},
+      disabled = _k.disabled,
+      onFocus = _k.onFocus,
+      onBlur = _k.onBlur;
 
   var _l = useState(false),
-      showDropdown = _l[0],
-      setShowDropdown = _l[1];
+      active = _l[0],
+      setActive = _l[1];
 
-  var _m = useState(""),
-      dropdownOffset = _m[0],
-      setdropdownOffset = _m[1];
+  var _m = useState(false),
+      showDropdown = _m[0],
+      setShowDropdown = _m[1];
 
   var _o = useState(""),
-      value = _o[0],
-      setValue = _o[1]; //  tag string
+      dropdownOffset = _o[0],
+      setdropdownOffset = _o[1];
+
+  var _p = useState(""),
+      value = _p[0],
+      setValue = _p[1]; //  tag string
 
 
   var wrapperRef = useRef(null);
@@ -17731,47 +17735,47 @@ var InputTag = function InputTag(_a) {
   var editRef = useRef(null);
   var spanRef = useRef(null);
 
-  var _p = useState([]),
-      dropdownArr = _p[0],
-      setDropdownArr = _p[1];
+  var _q = useState([]),
+      dropdownArr = _q[0],
+      setDropdownArr = _q[1];
 
-  var _q = useState(""),
-      tagInputValue = _q[0],
-      setTagInputValue = _q[1]; // input field state
+  var _r = useState(""),
+      tagInputValue = _r[0],
+      setTagInputValue = _r[1]; // input field state
 
 
-  var _r = useState(__spreadArray(__spreadArray([], tagList.filter(Boolean), true), tagString.split(",").filter(Boolean).map(function (item) {
+  var _s = useState(__spreadArray(__spreadArray([], tagList.filter(Boolean), true), tagString.split(",").filter(Boolean).map(function (item) {
     return item.trim();
   }), true)),
-      tags = _r[0],
-      setTags = _r[1]; // tag array
+      tags = _s[0],
+      setTags = _s[1]; // tag array
 
 
-  var _s = useState(-1),
-      focusIndex = _s[0],
-      setFocusIndex = _s[1];
+  var _t = useState(-1),
+      focusIndex = _t[0],
+      setFocusIndex = _t[1];
 
-  var _t = useState(true),
-      changeLeft = _t[0],
-      setChangeLeft = _t[1];
+  var _u = useState(true),
+      changeLeft = _u[0],
+      setChangeLeft = _u[1];
 
-  var _u = useState(-1),
-      editIndex = _u[0],
-      setEditIndex = _u[1];
+  var _v = useState(-1),
+      editIndex = _v[0],
+      setEditIndex = _v[1];
 
-  var _v = useState(""),
-      editInputValue = _v[0],
-      setEditInputValue = _v[1];
+  var _w = useState(""),
+      editInputValue = _w[0],
+      setEditInputValue = _w[1];
 
   var dropdownClickedRef = useRef(false);
 
-  var _w = useState(""),
-      content = _w[0],
-      setContent = _w[1];
+  var _x = useState(""),
+      content = _x[0],
+      setContent = _x[1];
 
-  var _x = useState(0),
-      width = _x[0],
-      setWidth = _x[1]; // Handle the change event of the input element
+  var _y = useState(0),
+      width = _y[0],
+      setWidth = _y[1]; // Handle the change event of the input element
 
 
   var handleValueChange = function handleValueChange(e) {
@@ -17940,8 +17944,9 @@ var InputTag = function InputTag(_a) {
   var addTags = function addTags(e) {
     var ITEM_HEIGHT = 40;
 
-    if (e.keyCode === 13 && tagInputValue.trim() && tagInputValue.trim().length > 1 && (allowDuplicates || !tags.includes(tagInputValue.trim())) // check if allowDuplicates flag is true or tagInputValue is not already in tags
+    if ((e.keyCode === 9 || e.keyCode === 13) && tagInputValue.trim() && tagInputValue.trim().length > 1 && (allowDuplicates || !tags.includes(tagInputValue.trim())) // check if allowDuplicates flag is true or tagInputValue is not already in tags
     ) {
+      e.preventDefault();
       setTags(__spreadArray(__spreadArray([], tags, true), [tagInputValue.trim()], false));
       setValue(tags.filter(Boolean).join(", "));
       setTagInputValue("");
@@ -18092,6 +18097,7 @@ var InputTag = function InputTag(_a) {
       className: "hplxt-flex-1 placeholder:hplxt-text-Gray-500 focus-visible:hplxt-outline-0 hplxt-border-0 focus:hplxt-border-0",
       placeholder: "Enter Text",
       onChange: function onChange(e) {
+        getInputValue(e.target.value);
         setTagInputValue(e.target.value);
         handleValueChange(e);
       },

package/dist/esm/inputTag/InputTag.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { InputTagProps } from "../types";
-declare const InputTag: ({ inputProps, className, dropdownClassName, options, tagList, tagString, handleValChange, onDropdownClick, allowDuplicates, }: InputTagProps) => JSX.Element;
+declare const InputTag: ({ inputProps, className, dropdownClassName, options, tagList, tagString, handleValChange, onDropdownClick, allowDuplicates, getInputValue, }: InputTagProps) => JSX.Element;
 export default InputTag;

package/dist/esm/types.d.ts

@@ -438,5 +438,6 @@ export interface InputTagProps {
     inputProps?: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
     handleValChange?: (value: any) => void;
     allowDuplicates?: boolean;
+    getInputValue?: (value: string) => void;
 }
 export {};

package/package.json

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