next-helios-fe 1.4.9 → 1.4.11

package/package.json

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

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

@@ -128,7 +128,11 @@ export const Autocomplete: React.FC<AutocompleteProps> = ({
             className={`w-full px-4 border-default border rounded-md bg-secondary-bg placeholder:duration-300 placeholder:translate-x-0 focus:placeholder:translate-x-1 placeholder:text-slate-300 focus:outline-none focus:ring-1 focus:ring-primary focus:shadow focus:shadow-primary focus:border-primary-dark disabled:bg-secondary-light disabled:text-slate-400 ${height}`}
             placeholder={placeholder}
             disabled={rest.disabled}
-            value={tempValue}
+            value={
+              menus.find((item) => item.value === tempValue)
+                ? menus.find((item) => item.value === tempValue)?.label
+                : tempValue
+            }
             onChange={(e) => {
               setTempValue(e.target.value);
             }}
@@ -169,8 +173,7 @@ export const Autocomplete: React.FC<AutocompleteProps> = ({
                       key={index}
                       type="button"
                       className="min-w-40 w-full my-0.5 px-4 py-2 rounded-md text-sm text-left text-default hover:bg-secondary-light disabled:bg-primary-transparent"
-                      disabled={(menus.find((item) => item.value === rest.value)
-                        ?.value || tempValue) === item.value}
+                      disabled={tempValue === item.value}
                       onMouseDown={() => {
                         setTempValue(item.value);
                         setOpenDropdown(false);

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

@@ -128,7 +128,7 @@ export const Select: React.FC<SelectProps> = ({
             className={`w-full px-4 border-default border rounded-md bg-secondary-bg cursor-pointer caret-transparent placeholder:duration-300 placeholder:translate-x-0 focus:placeholder:translate-x-1 placeholder:text-slate-300 focus:outline-none focus:ring-1 focus:ring-primary focus:shadow focus:shadow-primary focus:border-primary-dark disabled:bg-secondary-light disabled:text-slate-400 disabled:cursor-default ${height}`}
             placeholder={placeholder}
             disabled={rest.disabled}
-            value={tempValue}
+            value={menus.find((item) => item.value === tempValue)?.label}
             onClick={() => setOpenDropdown(true)}
           />
           <div className="absolute right-4 text-xl text-slate-400 pointer-events-none">
@@ -157,12 +157,7 @@ export const Select: React.FC<SelectProps> = ({
                     key={index}
                     type="button"
                     className="min-w-40 w-full my-0.5 px-4 py-2 rounded-md text-sm text-left text-default hover:bg-secondary-light disabled:bg-primary-transparent"
-                    disabled={
-                      (menus.find((item) => item.value === rest.value)?.value ||
-                        tempValue) === item.value
-                        ? true
-                        : false
-                    }
+                    disabled={tempValue === item.value}
                     onMouseDown={() => {
                       setTempValue(item.value);
                       setOpenDropdown(false);

package/src/components/table/index.tsx

@@ -140,8 +140,8 @@ export const Table: TableComponentProps = ({
           header.some((headerItem) => {
             return item[headerItem.key as keyof typeof item]
               ?.toString()
-              .toLowerCase()
-              .includes(search.toLowerCase());
+              ?.toLowerCase()
+              ?.includes(search.toLowerCase());
           })
         ) {
           return item;
@@ -150,9 +150,9 @@ export const Table: TableComponentProps = ({
       ?.filter((item) => {
         return filter.every((filterItem) => {
           return item[filterItem.key as keyof typeof item]
-            .toString()
-            .toLowerCase()
-            .includes(filterItem.value.toLowerCase());
+            ?.toString()
+            ?.toLowerCase()
+            ?.includes(filterItem.value.toLowerCase());
         });
       })
       .filter((item) => {
@@ -578,7 +578,7 @@ export const Table: TableComponentProps = ({
                 { label: "50", value: "50" },
                 { label: "100", value: "100" },
               ]}
-              value={maxRow.toString()}
+              value={maxRow?.toString()}
               onChange={(e) => {
                 setMaxRow(Number(e.target.value));
               }}