@fakeoai/ui 0.0.8 → 0.0.9

package/dist/components/table.d.ts

@@ -1,6 +1,7 @@
 import { TableProps } from "antd";
 import React from "react";
 import { UseQueryResult } from "@tanstack/react-query";
+import { ExpandableConfig } from "antd/es/table/interface";
 import { IPage } from "../types";
 export interface TableAction<T> {
     label?: string;
@@ -25,7 +26,7 @@ export declare function getTableInstance<T>({ columns, expandable, actions, butt
     columns: TableProps<T>["columns"];
     actions?: TableAction<T>[] | TableActionFunc<T>;
     buttons?: React.ReactNode;
-    expandable?: NonNullable<TableProps<T>["expandable"]>;
+    expandable?: ExpandableConfig<T>["expandedRowRender"];
     rowSelection?: TableProps<T>["rowSelection"];
     children?: React.ReactNode;
     api: (params: any) => UseQueryResult<IPage<T>, Error>;

package/dist/components/table.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Table as AntdTable } from "antd";
 import { Button, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger, } from "@heroui/react";
 import { useCallback, useEffect, useMemo, useRef, useState, } from "react";
-import { EllipsisVertical } from "lucide-react";
+import { EllipsisVertical, RotateCw } from "lucide-react";
 import { Pagination } from "./pagination";
 import { Loading } from "./loading";
 import { cn } from "..";
@@ -106,11 +106,19 @@ export function getTableInstance({ columns, expandable, actions = [], buttons, a
         columnWidth: 50,
         fixed: false,
     }, rowSelection);
-    const { data, isFetching } = api(params);
+    const { data, isFetching, refetch } = api(params);
     const onPageChange = useCallback((offset, limit) => {
         setOffset(offset);
         setLimit(limit);
     }, []);
+    const expandableProps = useMemo(() => expandable &&
+        {
+            columnWidth: 50,
+            columnTitle: (_jsx("div", { className: "flex items-center justify-center", children: _jsx(RotateCw, { className: "w-4 h-4 cursor-pointer", onClick: () => refetch() }) })),
+            fixed: "left",
+            expandRowByClick: true,
+            expandedRowRender: expandable,
+        }, [expandable]);
     const onTableChange = useCallback((_, filter, sorter) => {
         if (Object.entries(filter).some(([k, v]) => !Object.keys(filters).includes(k) || v !== filters[k])) {
             setFilters(filter);
@@ -139,7 +147,7 @@ export function getTableInstance({ columns, expandable, actions = [], buttons, a
             onChange: onPageChange,
             current: o,
             pageSize: l,
-        }, children: children, expandable: expandable, rowSelection: rowSelectionProps, actions: actions, onChange: onTableChange, rowKey: "id" })), [
+        }, children: children, expandable: expandableProps, rowSelection: rowSelectionProps, actions: actions, onChange: onTableChange, rowKey: "id" })), [
         isFetching,
         columns,
         data,
@@ -151,5 +159,6 @@ export function getTableInstance({ columns, expandable, actions = [], buttons, a
         rowSelection,
         className,
         children,
+        expandableProps,
     ]);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fakeoai/ui",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "Reusable UI components and common table logic extracted from tokens2.",
   "type": "module",
   "main": "./dist/index.js",