hplx-react-elements-dev 1.0.33 → 1.0.35

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, end_icon, prefix, suffixButton, suffix, suffixDropdown, isSuffixEditable, suffixPlaceholder, handleSuggestionValChange, handleSuffixValChange, handleSuffixClick, char_count, onSuggestionClick, height, hint_text_icon, hint_text, errorMsg, inputProps, inputFieldInputProps, options, suggestionValue, isborderRequired, }: AddSuggestionProps) => JSX.Element;
+declare const AddSuggestion: ({ isInputField, label, labelColor, labelSize, start_icon, end_icon, prefix, suffixButton, suffix, suffixDropdown, isSuffixEditable, suffixInputProps, suffixPlaceholder, handleSuggestionValChange, handleSuffixValChange, handleSuffixClick, char_count, onSuggestionClick, height, hint_text_icon, hint_text, errorMsg, inputProps, inputFieldInputProps, options, suggestionValue, isborderRequired, }: AddSuggestionProps) => JSX.Element;
 export default AddSuggestion;

package/dist/esm/index.js

@@ -2119,6 +2119,7 @@ var InputField = function InputField(_a) {
       _e = _a.errorMsg,
       errorMsg = _e === void 0 ? "" : _e,
       inputProps = _a.inputProps,
+      suffixInputProps = _a.suffixInputProps,
       _f = _a.isborderRequired,
       isborderRequired = _f === void 0 ? true : _f,
       suffixDropdown = _a.suffixDropdown,
@@ -2126,9 +2127,8 @@ var InputField = function InputField(_a) {
       isSuffixEditable = _g === void 0 ? false : _g,
       suffixPlaceholder = _a.suffixPlaceholder,
       _h = _a.handleSuffixClick,
-      handleSuffixClick = _h === void 0 ? function (_) {} : _h,
-      _j = _a.handleSuffixValChange,
-      handleSuffixValChange = _j === void 0 ? function (_) {} : _j;
+      handleSuffixClick = _h === void 0 ? function (_) {} : _h;
+      _a.handleSuffixValChange;
 
   var _k = inputProps || {},
       disabled = _k.disabled,
@@ -2178,13 +2178,13 @@ var InputField = function InputField(_a) {
       setSuffixFilterList(sug);
     }
 
-    setSuffixValue && setSuffixValue(e.target.value);
-    handleSuffixValChange(e.target.value);
+    setSuffixValue && setSuffixValue(e.target.value); // handleSuffixValChange(e.target.value);
   };
 
   var handleClickOutside = function handleClickOutside(e) {
     if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
       setShowSuffixDropdown(false);
+      setSuffixValue("");
     }
   };
 
@@ -2272,7 +2272,7 @@ var InputField = function InputField(_a) {
           }, {
             children: suffix
           }))
-        })), Boolean(suffix) && isSuffixEditable && jsxRuntime.exports.jsxs("div", {
+        })), isSuffixEditable && jsxRuntime.exports.jsxs("div", {
           children: [jsxRuntime.exports.jsx("div", __assign({
             "data-testid": "input-suffix",
             className: "bg-Gray-50 border-l-1 border-l-Gray-300 text-Gray-500 flex items-center pr-3 pl-[14px]",
@@ -2280,17 +2280,17 @@ var InputField = function InputField(_a) {
               return setShowSuffixDropdown(true);
             }
           }, {
-            children: isSuffixEditable && jsxRuntime.exports.jsx("input", {
+            children: isSuffixEditable && jsxRuntime.exports.jsx("input", __assign({
               type: "text",
               className: "flex-1 pl-[4px] w-36 pr-[1px] bg-Gray-50 py-2 focus-visible:outline-0 border-0 focus:border-0",
               "data-testid": "text-input",
-              placeholder: suffixPlaceholder,
-              // {...inputProps}
+              placeholder: suffixPlaceholder
+            }, suffixInputProps, {
               value: suffixValue,
               onChange: function onChange(e) {
                 return handleSuffixValueChange(e);
               }
-            })
+            }))
           })), showSuffixDropdown && jsxRuntime.exports.jsx("div", __assign({
             ref: wrapperRef,
             className: "absolute mt-1 min-w-max rounded-lg bg-White overflow-y-auto shadow-md z-10 max-h-80 "
@@ -5189,6 +5189,7 @@ var AddSuggestion = function AddSuggestion(_a) {
       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,
@@ -5303,6 +5304,7 @@ var AddSuggestion = function AddSuggestion(_a) {
       suffixPlaceholder: suffixPlaceholder,
       isborderRequired: isborderRequired,
       isSuffixEditable: isSuffixEditable,
+      suffixInputProps: suffixInputProps,
       inputProps: __assign(__assign({}, inputFieldInputProps), {
         onChange: changeHandler,
         value: suggestionValue

package/dist/esm/inputField/InputField.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { InputFieldProps } from "../types";
-declare const InputField: ({ label, labelColor, labelSize, height, start_icon, end_icon, hint_text_icon, prefix, suffixButton, suffix, hint_text, char_count, errorMsg, inputProps, isborderRequired, suffixDropdown, isSuffixEditable, suffixPlaceholder, handleSuffixClick, handleSuffixValChange, }: InputFieldProps) => JSX.Element;
+declare const InputField: ({ label, labelColor, labelSize, height, start_icon, end_icon, hint_text_icon, prefix, suffixButton, suffix, hint_text, char_count, errorMsg, inputProps, suffixInputProps, isborderRequired, suffixDropdown, isSuffixEditable, suffixPlaceholder, handleSuffixClick, handleSuffixValChange, }: InputFieldProps) => JSX.Element;
 export default InputField;

package/dist/esm/types.d.ts

@@ -15,6 +15,7 @@ export interface InputFieldProps {
     errorMsg?: string;
     isborderRequired?: boolean;
     inputProps: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+    suffixInputProps?: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
     suffixPlaceholder?: string;
     suffixDropdown?: any;
     handleSuffixClick?: (value: any) => void;
@@ -316,6 +317,7 @@ export interface AddSuggestionProps {
     errorMsg?: string;
     inputProps?: React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>;
     inputFieldInputProps?: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+    suffixInputProps?: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
     onSuggestionClick?: (selectedValue: any) => void;
     options?: Array<DropdownItemsProps>;
     suggestionValue?: string;

package/package.json

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