next-helios-fe 1.6.11 → 1.6.13

package/package.json

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

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

@@ -136,7 +136,7 @@ export const Autocomplete: React.FC<AutocompleteProps> = ({
             placeholder={placeholder}
             required={rest.required}
             disabled={rest.disabled}
-            value={tempFilter}
+            value={tempFilter || ""}
             onChange={(e) => {
               setTempFilter(e.target.value);
             }}

package/src/components/table/index.tsx

@@ -394,72 +394,70 @@ export const Table: TableComponentProps = ({
       );
     });
 
-  const dataArr = filteredData
-    ?.slice((page - 1) * maxRow, page * maxRow)
-    ?.map((item, index) => {
-      return (
-        <tr key={item.id}>
-          {checkbox && (
-            <td className="sticky left-0 w-8 px-4 py-1.5 bg-secondary-bg">
-              <Form.Checkbox
-                options={{ disableHover: true }}
-                checked={
+  const dataArr = (
+    options?.toolbar?.pagination?.show !== false
+      ? filteredData?.slice((page - 1) * maxRow, page * maxRow)
+      : filteredData
+  )?.map((item, index) => {
+    return (
+      <tr key={item.id}>
+        {checkbox && (
+          <td className="sticky left-0 w-8 px-4 py-1.5 bg-secondary-bg">
+            <Form.Checkbox
+              options={{ disableHover: true }}
+              checked={
+                selected?.find((selectedItem) => selectedItem.id === item.id)
+                  ? true
+                  : false
+              }
+              onClick={(e) => {
+                if (
                   selected?.find((selectedItem) => selectedItem.id === item.id)
-                    ? true
-                    : false
+                ) {
+                  setSelected(selected?.filter((prev) => prev.id !== item.id));
+                } else {
+                  setSelected((prev) => [...prev, item]);
                 }
-                onClick={(e) => {
-                  if (
-                    selected?.find(
-                      (selectedItem) => selectedItem.id === item.id
-                    )
-                  ) {
-                    setSelected(
-                      selected?.filter((prev) => prev.id !== item.id)
-                    );
-                  } else {
-                    setSelected((prev) => [...prev, item]);
-                  }
-                }}
-              />
-            </td>
-          )}
-          {!options?.hideNumberColumn && (
-            <td className="sticky left-0 w-8 px-4 py-1.5 bg-secondary-bg text-center">
-              {(page - 1) * maxRow + index + 1}
-            </td>
-          )}
-          {header
-            ?.filter((headerItem) => !excludedColumn?.includes(headerItem.key))
-            ?.map((headerItem) => {
-              if (headerItem?.render) {
-                return (
-                  <td
-                    key={headerItem.key}
-                    className="px-4 py-1.5 bg-secondary-bg whitespace-nowrap"
-                  >
-                    {headerItem.render(item)}
-                  </td>
-                );
-              } else {
-                return (
-                  <td
-                    key={headerItem.key}
-                    className="px-4 py-1.5 bg-secondary-bg whitespace-nowrap"
-                  >
-                    {item[headerItem.key as keyof typeof item]}
-                  </td>
-                );
-              }
-            })}
-          {actionColumn && (
-            <td className="sticky right-0 w-8 px-4 py-1.5 bg-secondary-bg text-center">
-              {actionColumn(item)}
-            </td>
-          )}
-        </tr>
-      );
-    });
+              }}
+            />
+          </td>
+        )}
+        {!options?.hideNumberColumn && (
+          <td className="sticky left-0 w-8 px-4 py-1.5 bg-secondary-bg text-center">
+            {(page - 1) * maxRow + index + 1}
+          </td>
+        )}
+        {header
+          ?.filter((headerItem) => !excludedColumn?.includes(headerItem.key))
+          ?.map((headerItem) => {
+            if (headerItem?.render) {
+              return (
+                <td
+                  key={headerItem.key}
+                  className="px-4 py-1.5 bg-secondary-bg whitespace-nowrap"
+                >
+                  {headerItem.render(item)}
+                </td>
+              );
+            } else {
+              return (
+                <td
+                  key={headerItem.key}
+                  className="px-4 py-1.5 bg-secondary-bg whitespace-nowrap"
+                >
+                  {item[headerItem.key as keyof typeof item]}
+                </td>
+              );
+            }
+          })}
+        {actionColumn && (
+          <td className="sticky right-0 w-8 px-4 py-1.5 bg-secondary-bg text-center">
+            {actionColumn(item)}
+          </td>
+        )}
+      </tr>
+    );
+  });
 
   return (
     <div className="flex flex-col gap-6 h-full">