hplx-react-elements-dev 1.0.50 → 1.0.52

package/dist/esm/index.js

@@ -4320,11 +4320,17 @@ var CollapsibleCard = function CollapsibleCard(props) {
       _k = _a.disabled,
       disabled = _k === void 0 ? false : _k,
       handleCollapsibleDisplay = _a.handleCollapsibleDisplay,
-      headerRightChildren = _a.headerRightChildren;
+      headerRightChildren = _a.headerRightChildren,
+      _l = _a.expanded,
+      expanded = _l === void 0 ? false : _l;
 
-  var _l = useState(false),
-      active = _l[0],
-      setActive = _l[1];
+  useEffect(function () {
+    setActive(expanded);
+  }, [expanded]);
+
+  var _m = useState(false),
+      active = _m[0],
+      setActive = _m[1];
 
   var OnButtonClick = function OnButtonClick() {
     setActive(function (prevValue) {
@@ -5360,7 +5366,7 @@ var AddSuggestion = function AddSuggestion(_a) {
     setShowDropdown(true);
 
     if (options && options.length > 0) {
-      sug = options.filter(function (options) {
+      sug = options === null || options === void 0 ? void 0 : options.filter(function (options) {
         return options.label.toLowerCase().includes(e.target.value.split(",").pop().toLowerCase());
       } // last keyboad input after ,
       );
@@ -5374,6 +5380,17 @@ var AddSuggestion = function AddSuggestion(_a) {
     }
   };
 
+  useEffect(function () {
+    var sug = [];
+
+    if (options && options.length > 0) {
+      sug = options.filter(function (options) {
+        return options.label.toLowerCase();
+      });
+      setSuggestionArr(sug);
+    }
+  }, []);
+
   var handleClickOutside = function handleClickOutside(e) {
     if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
       setShowDropdown(false);
@@ -5449,7 +5466,10 @@ var AddSuggestion = function AddSuggestion(_a) {
       suffixClassName: suffixClassName,
       inputProps: __assign(__assign({}, inputFieldInputProps), {
         onChange: changeHandler,
-        value: sugVal
+        value: sugVal,
+        onFocus: function onFocus() {
+          return setShowDropdown(true);
+        }
       })
     }) : jsxRuntime.exports.jsx(TextAreaField, {
       label: label,

package/dist/esm/types.d.ts

@@ -256,6 +256,7 @@ export interface CollapsibleCardProps {
     disabled?: boolean;
     handleCollapsibleDisplay?: Function;
     headerRightChildren?: ReactNode;
+    expanded?: boolean;
 }
 export type RadioBtnSizeType = "sm" | "md";
 export type RadioBtnType = "checkmark" | "dot";

package/package.json

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