hplx-react-elements-dev 1.0.73 → 1.0.75

package/dist/esm/index.js

@@ -4635,7 +4635,9 @@ var RadioBtn = function RadioBtn(_a) {
       id = _a.id,
       text = _a.text,
       secondaryText = _a.secondaryText,
-      className = _a.className;
+      className = _a.className,
+      value = _a.value,
+      onChange = _a.onChange;
   return jsxRuntime.exports.jsx("div", __assign({
     className: "radiobutton"
   }, {
@@ -4645,11 +4647,12 @@ var RadioBtn = function RadioBtn(_a) {
       children: [jsxRuntime.exports.jsx("input", {
         className: "hplxt-sr-only hplxt-peer hplxt-border-0 focus:hplxt-border-0",
         type: "radio",
-        value: "first",
-        name: "radioBtn",
+        value: value,
+        name: 'radioBtn',
         id: id,
         "data-testid": id,
-        disabled: disabled
+        disabled: disabled,
+        onChange: onChange
       }), jsxRuntime.exports.jsx("label", {
         className: "".concat(getPaddingClassName(size, disabled)),
         htmlFor: id
@@ -17706,7 +17709,7 @@ var InputTag = function InputTag(_a) {
       showDropdown = _k[0],
       setShowDropdown = _k[1];
 
-  var _l = useState(''),
+  var _l = useState(""),
       dropdownOffset = _l[0],
       setdropdownOffset = _l[1];
 
@@ -17752,6 +17755,8 @@ var InputTag = function InputTag(_a) {
       editInputValue = _u[0],
       setEditInputValue = _u[1];
 
+  var dropdownClickedRef = useRef(false);
+
   var handleValueChange = function handleValueChange(e) {
     var sug = [];
     setShowDropdown(true);
@@ -17767,22 +17772,22 @@ var InputTag = function InputTag(_a) {
   };
 
   var handleClickOutside = function handleClickOutside(e) {
-    setDropdownArr(options);
-
     if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
       setShowDropdown(false);
       setFocusIndex(-1);
     }
+
+    dropdownClickedRef.current = false;
   };
 
   var handleDropdownClick = function handleDropdownClick(selectedItem) {
+    setTagInputValue("");
     setTags(function (prev) {
       return __spreadArray(__spreadArray([], prev, true), [selectedItem.value], false);
     });
     setValue(function (prev) {
       return prev.trim() + ", " + selectedItem.value;
     });
-    setTagInputValue("");
     onDropdownClick && onDropdownClick(selectedItem);
     handleValChange && handleValChange(value);
     setFocusIndex(-1);
@@ -17812,15 +17817,24 @@ var InputTag = function InputTag(_a) {
   };
 
   var handleBlur = function handleBlur(event) {
-    if (tagInputValue.trim()) {
-      setTags(__spreadArray(__spreadArray([], tags, true), [tagInputValue.trim()], false));
-      setValue(tags.filter(Boolean).join(", "));
-      setTagInputValue("");
-    }
+    var sto = setTimeout(function () {
+      if (dropdownClickedRef.current) {
+        dropdownClickedRef.current = false;
+        return;
+      }
 
-    setFocusIndex(-1);
-    setActive(false);
-    onBlur && onBlur(event);
+      if (Boolean(tagInputValue) && tagInputValue.trim()) {
+        setTags(__spreadArray(__spreadArray([], tags, true), [tagInputValue.trim()], false));
+        setValue(tags.filter(Boolean).join(", "));
+        setTagInputValue("");
+      }
+
+      setFocusIndex(-1);
+      setActive(false);
+      onBlur && onBlur(event);
+      dropdownClickedRef.current = false;
+      sto && clearTimeout(sto);
+    }, 100);
   };
 
   var addEditTags = function addEditTags(e) {
@@ -18009,7 +18023,8 @@ var InputTag = function InputTag(_a) {
             className: "hplxt-text-Primary-700 ".concat(index === focusIndex ? "hplxt-bg-Blue_gray-100 hplxt-font-inter-1" : "")
           }, restOptions, {
             onSelect: function onSelect() {
-              return handleDropdownClick(restOptions);
+              dropdownClickedRef.current = true;
+              handleDropdownClick(restOptions);
             },
             ddRef: ddRef,
             setChangeLeft: setChangeLeft

package/dist/esm/radioBtn/RadioBtn.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { RadioBtnProps } from "../types";
-declare const RadioBtn: ({ size, disabled, iconfile, id, text, secondaryText, className }: RadioBtnProps) => JSX.Element;
+declare const RadioBtn: ({ size, disabled, iconfile, id, text, secondaryText, className, value, onChange }: RadioBtnProps) => JSX.Element;
 export default RadioBtn;

package/dist/esm/types.d.ts

@@ -273,7 +273,9 @@ export interface RadioBtnProps {
     text: string;
     secondaryText: string;
     id: any;
+    value: string;
     className?: any;
+    onChange: () => void;
 }
 export type ToggleSwitchThemeType = "Dark" | "Light";
 export type ToggleSwitchSizeType = "sm" | "md";

package/package.json

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