next-helios-fe 1.8.11 → 1.8.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-helios-fe",
-  "version": "1.8.11",
+  "version": "1.8.12",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/form/other/multipleSelect.tsx

@@ -76,12 +76,14 @@ export const MultipleSelect: React.FC<MultipleSelectProps> = ({
   }, [value]);
 
   useEffect(() => {
-    if (tempValue.length === 0) {
-      inputRef.current?.setCustomValidity(
-        "Please select some items in the list."
-      );
-    } else {
-      inputRef.current?.setCustomValidity("");
+    if (required) {
+      if (tempValue.length === 0) {
+        inputRef.current?.setCustomValidity(
+          "Please select some items in the list."
+        );
+      } else {
+        inputRef.current?.setCustomValidity("");
+      }
     }
   }, [tempValue]);
 

package/src/components/form/other/phoneNumber.tsx

@@ -1605,6 +1605,8 @@ export const PhoneNumber: React.FC<PhoneNumberProps> = ({
             type="number"
             className={`w-full ps-16 pe-4 border-default border rounded-md bg-secondary-bg [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none placeholder:duration-300 placeholder:translate-x-0 focus:placeholder:translate-x-1 placeholder:text-silent focus:outline-none focus:ring-1 focus:ring-primary focus:shadow focus:shadow-primary focus:border-primary-dark disabled:bg-secondary-light disabled:text-disabled ${height}`}
             value={tempValue[1]}
+            required={rest.required}
+            disabled={rest.disabled}
             onChange={(e) => {
               setTempValue((prev) => [prev[0], e.target.value]);
             }}

package/src/components/form/other/select.tsx

@@ -62,10 +62,14 @@ export const Select: React.FC<SelectProps> = ({
   }, [rest.value, rest.defaultValue]);
 
   useEffect(() => {
-    if (!tempValue) {
-      inputRef.current?.setCustomValidity("Please select an item in the list.");
-    } else {
-      inputRef.current?.setCustomValidity("");
+    if (rest.required) {
+      if (!tempValue) {
+        inputRef.current?.setCustomValidity(
+          "Please select an item in the list."
+        );
+      } else {
+        inputRef.current?.setCustomValidity("");
+      }
     }
   }, [tempValue]);