@dust-tt/sparkle 0.2.194-rc → 0.2.194-rc2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Table.d.ts +3 -1
- package/dist/cjs/index.js +7 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/Table.d.ts +3 -1
- package/dist/esm/index.js +7 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/components/Table.tsx +11 -1
|
@@ -6,8 +6,10 @@ interface TableProps<TData, TValue> {
|
|
|
6
6
|
columns: ColumnDef<TData, TValue>[];
|
|
7
7
|
className?: string;
|
|
8
8
|
width?: FirstColumnWidth;
|
|
9
|
+
filter?: string;
|
|
10
|
+
filterColumn?: string;
|
|
9
11
|
}
|
|
10
|
-
export declare function Table<TData, TValue>({ data, columns, className, width, }: TableProps<TData, TValue>): React.JSX.Element;
|
|
12
|
+
export declare function Table<TData, TValue>({ data, columns, className, width, filter, filterColumn, }: TableProps<TData, TValue>): React.JSX.Element;
|
|
11
13
|
interface TableRootProps extends React.HTMLAttributes<HTMLTableElement> {
|
|
12
14
|
children: ReactNode;
|
|
13
15
|
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -125641,7 +125641,7 @@ var DataTable = React.forwardRef(function (_a, ref) {
|
|
|
125641
125641
|
});
|
|
125642
125642
|
|
|
125643
125643
|
function Table(_a) {
|
|
125644
|
-
var data = _a.data, columns = _a.columns, className = _a.className, _b = _a.width, width = _b === void 0 ? "normal" : _b;
|
|
125644
|
+
var data = _a.data, columns = _a.columns, className = _a.className, _b = _a.width, width = _b === void 0 ? "normal" : _b, filter = _a.filter, filterColumn = _a.filterColumn;
|
|
125645
125645
|
var _c = __read(React.useState([]), 2), sorting = _c[0], setSorting = _c[1];
|
|
125646
125646
|
var _d = __read(React.useState([]), 2), columnFilters = _d[0], setColumnFilters = _d[1];
|
|
125647
125647
|
var table = reactTable.useReactTable({
|
|
@@ -125657,6 +125657,12 @@ function Table(_a) {
|
|
|
125657
125657
|
sorting: sorting,
|
|
125658
125658
|
},
|
|
125659
125659
|
});
|
|
125660
|
+
React.useEffect(function () {
|
|
125661
|
+
var _a;
|
|
125662
|
+
if (filter && filterColumn) {
|
|
125663
|
+
(_a = table.getColumn(filterColumn)) === null || _a === void 0 ? void 0 : _a.setFilterValue(filter);
|
|
125664
|
+
}
|
|
125665
|
+
}, [filter, filterColumn]);
|
|
125660
125666
|
return (React.createElement(TableData, { className: className },
|
|
125661
125667
|
React.createElement(TableData.Header, null, table.getHeaderGroups().map(function (headerGroup) { return (React.createElement(TableData.Row, { key: headerGroup.id }, headerGroup.headers.map(function (header) { return (React.createElement(TableData.Head, { key: header.id, width: width, onClick: header.column.getToggleSortingHandler(), className: header.column.getCanSort() ? "s-cursor-pointer" : "" },
|
|
125662
125668
|
React.createElement("div", { className: "s-flex s-items-center s-space-x-1 s-whitespace-nowrap" },
|