next-helios-fe 1.10.19 → 1.10.21

package/package.json

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

package/src/components/form/input/checkbox.tsx

@@ -46,7 +46,7 @@ export const Checkbox: React.FC<CheckboxProps> = ({
         <input
           ref={inputRef}
           type="checkbox"
-          className={`border-default border rounded bg-secondary-bg cursor-pointer indeterminate:bg-primary indeterminate:hover:bg-primary indeterminate:disabled:bg-secondary-dark checked:bg-primary focus:outline-none focus:ring-1 focus:ring-primary focus:ring-offset-0 focus:shadow focus:shadow-primary focus:border-primary-dark disabled:bg-secondary-light disabled:checked:bg-secondary-dark disabled:cursor-default ${
+          className={`border-default border rounded bg-secondary-bg cursor-pointer indeterminate:bg-primary indeterminate:hover:bg-primary indeterminate:focus:bg-primary indeterminate:disabled:bg-secondary-dark checked:bg-primary focus:outline-none focus:ring-1 focus:ring-primary focus:ring-offset-0 focus:shadow focus:shadow-primary focus:border-primary-dark disabled:bg-secondary-light disabled:checked:bg-secondary-dark disabled:cursor-default ${
             theme && "border-0"
           }`}
           style={{ backgroundColor: theme }}

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

@@ -1,6 +1,6 @@
 "use client";
 import React, { useState, useEffect, useRef } from "react";
-import { Modal, Form, Button } from "../../../components";
+import { Modal, Form } from "../../../components";
 import { Icon } from "@iconify/react";
 import { useDebouncedCallback } from "use-debounce";
 
@@ -175,7 +175,7 @@ export const ModalSelect: React.FC<ModalSelectProps> = ({
             disabled={disabled}
             required={required}
             value={tempValue || ""}
-            readOnly
+            onChange={(e) => {}}
           />
         ) : (
           <Form.MultipleSelect
@@ -199,7 +199,7 @@ export const ModalSelect: React.FC<ModalSelectProps> = ({
             disabled={disabled}
             required={required}
             value={tempValue || []}
-            readOnly
+            onChange={(e) => {}}
           />
         )}
       </div>
@@ -321,7 +321,9 @@ export const ModalSelect: React.FC<ModalSelectProps> = ({
                       type === "select" && tempValue === optionItem.value
                         ? true
                         : type === "multipleSelect" &&
-                          !tempValue?.includes(optionItem.value) &&
+                          !(
+                            Array.isArray(tempValue) ? tempValue : []
+                          )?.includes(optionItem.value) &&
                           max &&
                           tempValue?.length === max
                         ? true
@@ -404,7 +406,10 @@ export const ModalSelect: React.FC<ModalSelectProps> = ({
                         <Form.Checkbox
                           options={{ disableHover: true }}
                           checked={
-                            tempValue?.includes(optionItem.value) ?? false
+                            (Array.isArray(tempValue)
+                              ? tempValue
+                              : []
+                            )?.includes(optionItem.value) ?? false
                           }
                           readOnly
                         />