hplx-react-elements-dev 1.0.78 → 1.0.80

package/dist/esm/checkbox/Checkbox.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { CheckboxProps } from "../types";
-declare const Checkbox: ({ size, text, secondaryText, disabled, onClick }: CheckboxProps) => JSX.Element;
+declare const Checkbox: ({ size, text, secondaryText, disabled, isMarked, onClick }: CheckboxProps) => JSX.Element;
 export default Checkbox;

package/dist/esm/index.js

@@ -3565,12 +3565,14 @@ var Checkbox = function Checkbox(_a) {
       secondaryText = _a.secondaryText,
       _c = _a.disabled,
       disabled = _c === void 0 ? false : _c,
-      _d = _a.onClick,
-      onClick = _d === void 0 ? function () {} : _d;
+      _d = _a.isMarked,
+      isMarked = _d === void 0 ? false : _d,
+      _e = _a.onClick,
+      onClick = _e === void 0 ? function () {} : _e;
 
-  var _e = useState(false),
-      isChecked = _e[0],
-      setCheck = _e[1];
+  var _f = useState(false),
+      isChecked = _f[0],
+      setCheck = _f[1];
 
   var OnButtonClick = function OnButtonClick() {
     onClick();
@@ -3579,6 +3581,9 @@ var Checkbox = function Checkbox(_a) {
     });
   };
 
+  useEffect(function () {
+    setCheck(isMarked);
+  }, [isMarked]);
   return jsxRuntime.exports.jsxs("div", __assign({
     className: "hplxt-flex"
   }, {
@@ -17811,13 +17816,11 @@ var InputTag = function InputTag(_a) {
         return allowDuplicates || !tags.includes(option.value);
       });
       setDropdownArr(filteredOptions);
-    } // Focus on the input element
+    } // Set the dropdown offset
 
 
-    inputRef.current && inputRef.current.focus(); // Set the dropdown offset
-
-    setdropdownOffset("".concat((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.offsetLeft, "px"));
-  }, [options, tags, inputRef, allowDuplicates]); // This function handles the click event of a dropdown item
+    showDropdown && setdropdownOffset("".concat((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.offsetLeft, "px"));
+  }, [options, tags, inputRef, allowDuplicates, showDropdown]); // This function handles the click event of a dropdown item
 
   var handleDropdownClick = function handleDropdownClick(selectedItem) {
     setTagInputValue(""); // Set a timeout to add the selected item to the tags after a certain time
@@ -18019,7 +18022,7 @@ var InputTag = function InputTag(_a) {
     }
 
     setdropdownOffset("".concat((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.offsetLeft, "px"));
-  }, [editIndex]);
+  }, [editIndex, dropdownArr]);
   return jsxRuntime.exports.jsxs("div", __assign({
     className: "inputTag hplxt-w-auto hplxt-h-auto hplxt-gap-1 hplxt-p-1.5 hplxt-flex hplxt-flex-wrap hplxt-border-1 hplxt-rounded-lg hplxt-border-Blue_gray-100 hover:hplxt-border-Primary-300 hover:hplxt-shadow-xs-primary ".concat(active ? "hplxt-border-Primary-300 hplxt-shadow-xs-primary" : "", " ").concat(disabled ? "hplxt-bg-Gray-50" : "", " ").concat(className)
   }, {

package/dist/esm/types.d.ts

@@ -172,6 +172,7 @@ export interface CheckboxProps {
     secondaryText?: string;
     disabled?: boolean;
     onClick?: () => void;
+    isMarked?: boolean;
 }
 type ButtonGroupOptionType = {
     value?: string;

package/package.json

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