hplx-react-elements-dev 1.1.21 → 1.1.23

package/dist/esm/index.js

@@ -4804,13 +4804,13 @@ var getSizeClassName$2 = function getSizeClassName(size) {
 var getPaddingClassName = function getPaddingClassName(size, disabled) {
   switch (size) {
     case "sm":
-      return disabled ? "hplxt-flex  hplxt-w-4 hplxt-h-4 hplxt-bg-white hplxt-border hplxt-border-Gray-300 hplxt-border-Gray-300 hplxt-rounded-full hplxt-cursor-pointer focus:hplxt-outline-none hplxt-bg-Gray-200 hplxt-p-2 " : "hplxt-flex  hplxt-w-4 hplxt-h-4 hplxt-bg-white hplxt-border hplxt-border-Gray-300 hover:hplxt-border-Primary-600 peer-checked:hplxt-border-Primary-600 hplxt-rounded-full hplxt-cursor-pointer focus:hplxt-outline-none hover:hplxt-bg-Primary-50 peer-checked:hplxt-bg-Primary-600 hplxt-p-2 peer-checked:hplxt-ring-2 hplxt-ring-Primary-300 peer-checked:hplxt-border-transparent ";
+      return disabled ? "hplxt-flex  hplxt-w-[16px] hplxt-h-[16px] hplxt-bg-white hplxt-border hplxt-border-Gray-300 hplxt-border-Gray-300 hplxt-rounded-full hplxt-cursor-pointer focus:hplxt-outline-none hplxt-bg-Gray-200 hplxt-p-2 " : "hplxt-flex  hplxt-w-[16px] hplxt-h-[16px] hplxt-bg-white hplxt-border hplxt-border-Gray-300 hover:hplxt-border-Primary-600 peer-checked:hplxt-border-Primary-600 hplxt-rounded-full hplxt-cursor-pointer focus:hplxt-outline-none hover:hplxt-bg-Primary-50 peer-checked:hplxt-bg-Primary-600 hplxt-p-2 peer-checked:hplxt-ring-2 hplxt-ring-Primary-300 peer-checked:hplxt-border-transparent ";
 
     case "md":
-      return disabled ? "hplxt-flex hplxt-w-5 hplxt-h-5 hplxt-bg-white hplxt-border hplxt-border-Gray-300 hplxt-border-Gray-300 hplxt-rounded-full hplxt-cursor-pointer focus:hplxt-outline-none hplxt-bg-Gray-200 hplxt-p-2 " : "hplxt-flex hplxt-w-5 hplxt-h-5 hplxt-bg-white hplxt-border hplxt-border-Gray-300 hover:hplxt-border-Primary-600 peer-checked:hplxt-border-Primary-600  hplxt-rounded-full hplxt-cursor-pointer focus:hplxt-outline-none hover:hplxt-bg-Primary-50 peer-checked:hplxt-bg-Primary-600 hplxt-p-2 peer-checked:hplxt-ring-2  peer-checked:hplxt-border-transparent ";
+      return disabled ? "hplxt-flex hplxt-w-[20px] hplxt-h-[20px] hplxt-bg-white hplxt-border hplxt-border-Gray-300 hplxt-border-Gray-300 hplxt-rounded-full hplxt-cursor-pointer focus:hplxt-outline-none hplxt-bg-Gray-200 hplxt-p-2 " : "hplxt-flex hplxt-w-[20px] hplxt-h-[20px] hplxt-bg-white hplxt-border hplxt-border-Gray-300 hover:hplxt-border-Primary-600 peer-checked:hplxt-border-Primary-600  hplxt-rounded-full hplxt-cursor-pointer focus:hplxt-outline-none hover:hplxt-bg-Primary-50 peer-checked:hplxt-bg-Primary-600 hplxt-p-2 peer-checked:hplxt-ring-2  peer-checked:hplxt-border-transparent ";
 
     default:
-      return "hplxt-flex hplxt-w-4 hplxt-h-4 hplxt-bg-white hplxt-border hplxt-border-Gray-300 hover:hplxt-border-Primary-600 peer-checked:hplxt-border-Primary-600 hplxt-rounded-full hplxt-cursor-pointer focus:hplxt-outline-none hover:hplxt-bg-Primary-50 peer-checked:hplxt-bg-Primary-600 hplxt-p-2 peer-checked:hplxt-ring-2 hplxt-ring-Primary-300 peer-checked:hplxt-border-transparent ";
+      return "hplxt-flex hplxt-w-[16px] hplxt-h-[16px] hplxt-bg-white hplxt-border hplxt-border-Gray-300 hover:hplxt-border-Primary-600 peer-checked:hplxt-border-Primary-600 hplxt-rounded-full hplxt-cursor-pointer focus:hplxt-outline-none hover:hplxt-bg-Primary-50 peer-checked:hplxt-bg-Primary-600 hplxt-p-2 peer-checked:hplxt-ring-2 hplxt-ring-Primary-300 peer-checked:hplxt-border-transparent ";
   }
 };
 
@@ -4821,13 +4821,13 @@ var getLabelStyle$1 = function getLabelStyle(disabled) {
 var getIconTypeClassName = function getIconTypeClassName(iconfile, size, disabled) {
   switch (iconfile) {
     case "dot":
-      return size === "sm" ? disabled ? "hplxt-ring-4 hplxt-p-1 hplxt-ring-Gray-50 hplxt-bg-Gray-300 -hplxt-ml-[13px] hplxt-mt-[4.95px] hplxt-w-2 hplxt-h-2 hplxt-rounded-full peer-checked:hplxt-block" : "hplxt-hidden hplxt-ring-4 hplxt-p-1 hplxt-ring-Primary-50 -hplxt-ml-[13px] hplxt-mt-[4.95px] hplxt-w-2 hplxt-h-2 hplxt-rounded-full peer-checked:hplxt-block" : disabled ? "hplxt-ring-4 hplxt-p-1 hplxt-ring-Gray-50 hplxt-bg-Gray-300 -hplxt-ml-[14px] hplxt-mt-[6px] hplxt-w-2 hplxt-h-2 hplxt-rounded-full peer-checked:hplxt-block" : "hplxt-hidden hplxt-ring-4 hplxt-p-1 hplxt-ring-Primary-50 -hplxt-ml-[14px] hplxt-mt-[6px] hplxt-w-2 hplxt-h-2 hplxt-rounded-full peer-checked:hplxt-block";
+      return size === "sm" ? disabled ? "hplxt-ring-4 hplxt-p-1 hplxt-ring-Gray-50 hplxt-bg-Gray-300 -hplxt-ml-[13px] hplxt-mt-[4.95px] hplxt-w-[8px] hplxt-h-[8px] hplxt-rounded-full peer-checked:hplxt-block" : "hplxt-hidden hplxt-ring-4 hplxt-p-1 hplxt-ring-Primary-50 -hplxt-ml-[13px] hplxt-mt-[4.95px] hplxt-w-[8px] hplxt-h-[8px] hplxt-rounded-full peer-checked:hplxt-block" : disabled ? "hplxt-ring-4 hplxt-p-1 hplxt-ring-Gray-50 hplxt-bg-Gray-300 -hplxt-ml-[14px] hplxt-mt-[6px] hplxt-w-[8px] hplxt-h-[8px] hplxt-rounded-full peer-checked:hplxt-block" : "hplxt-hidden hplxt-ring-4 hplxt-p-1 hplxt-ring-Primary-50 -hplxt-ml-[14px] hplxt-mt-[6px] hplxt-w-[8px] hplxt-h-[8px] hplxt-rounded-full peer-checked:hplxt-block";
 
     case "checkmark":
       return size === "sm" ? disabled ? "hx_checkmark hplxt-text-[12px] -hplxt-ml-[17px] hplxt-mt-[3px] hplxt-text-White peer-checked:hplxt-block " : "hplxt-hidden hx_checkmark hplxt-text-[12px] -hplxt-ml-[17px] hplxt-mt-[3px] hplxt-text-White peer-checked:hplxt-block" : disabled ? "hx_checkmark -hplxt-ml-[21px] hplxt-mt-[2px] hplxt-text-White peer-checked:hplxt-block " : "hplxt-hidden hx_checkmark -hplxt-ml-[21px] hplxt-mt-[2px] hplxt-text-White peer-checked:hplxt-block";
 
     default:
-      return size === "sm" ? "hplxt-hidden hplxt-ring-4 hplxt-p-1 hplxt-ring-Primary-50 -hplxt-ml-[13px] hplxt-mt-[4.95px] hplxt-w-2 hplxt-h-2 hplxt-rounded-full peer-checked:hplxt-block" : "hplxt-hidden hplxt-ring-4 hplxt-p-1 hplxt-ring-Primary-50 -hplxt-ml-[14px] hplxt-mt-[6px] hplxt-w-2 hplxt-h-2 hplxt-rounded-full peer-checked:hplxt-block";
+      return size === "sm" ? "hplxt-hidden hplxt-ring-4 hplxt-p-1 hplxt-ring-Primary-50 -hplxt-ml-[13px] hplxt-mt-[4.95px] hplxt-w-[8px] hplxt-h-[8px] hplxt-rounded-full peer-checked:hplxt-block" : "hplxt-hidden hplxt-ring-4 hplxt-p-1 hplxt-ring-Primary-50 -hplxt-ml-[14px] hplxt-mt-[6px] hplxt-w-[8px] hplxt-h-[8px] hplxt-rounded-full peer-checked:hplxt-block";
   }
 };
 
@@ -5731,7 +5731,7 @@ var AddSuggestion = function AddSuggestion(_a) {
 
 
   var handleSuggestionClick = function handleSuggestionClick(selectedItem, index) {
-    var val = selectedItem.value + ", ";
+    var val = selectedItem.value;
     var result = "";
 
     if (suggestionValue === null || suggestionValue === void 0 ? void 0 : suggestionValue.length) {
@@ -5744,7 +5744,7 @@ var AddSuggestion = function AddSuggestion(_a) {
       //   result = debris.join(", ");
       // suggestionText(suggestionValue[0])
       result = suggestionText(suggestionValue)[0].trim();
-      val = result + " " + selectedItem.value + ", ";
+      val = result + "\n" + selectedItem.value + "\n";
     }
 
     handleSuggestionValChange && handleSuggestionValChange(val, "dropdown");
@@ -5761,6 +5761,8 @@ var AddSuggestion = function AddSuggestion(_a) {
     }
 
     if (e.keyCode === 40) {
+      if (focusIndex >= 0) e.preventDefault();
+
       if (focusIndex < suggestionArr.length - 1) {
         var focusI = focusIndex + 1;
 
@@ -5774,6 +5776,8 @@ var AddSuggestion = function AddSuggestion(_a) {
 
 
     if (e.keyCode === 38) {
+      if (focusIndex >= 0) e.preventDefault();
+
       if (focusIndex > 0) {
         var focusI = focusIndex - 1;
 
@@ -5786,7 +5790,7 @@ var AddSuggestion = function AddSuggestion(_a) {
     }
 
     if (e.keyCode === 13 || e.keyCode === 9) {
-      e.preventDefault();
+      if (focusIndex >= 0) e.preventDefault();
 
       if (focusIndex >= 0) {
         // const res = [suggestionArr[focusIndex].value.trim()];

package/package.json

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