@factorearth/component-library 3.7.16-alpha.0 → 3.7.17-alpha.0
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.
|
@@ -25,14 +25,14 @@ const paginate = ({ items, pageIndex, pageSize, }) => {
|
|
|
25
25
|
}
|
|
26
26
|
const start = (pageIndex - 1) * pageSize;
|
|
27
27
|
const end = start + pageSize;
|
|
28
|
-
|
|
28
|
+
const pageItems = items.slice(start, end);
|
|
29
|
+
return pageItems;
|
|
29
30
|
};
|
|
30
31
|
export const Table = (props) => {
|
|
31
32
|
const { colorPalette, tableData, columnConfig, pageSize, ...tableHtmlProps } = props;
|
|
32
33
|
const [currentPage, setCurrentPage] = useState(1);
|
|
33
|
-
const [paginatedTableData, setPaginatedTableData] = useState(
|
|
34
|
+
const [paginatedTableData, setPaginatedTableData] = useState(paginate({ items: tableData, pageIndex: currentPage, pageSize }));
|
|
34
35
|
useEffect(() => {
|
|
35
|
-
console.log("tableData", tableData, currentPage, pageSize);
|
|
36
36
|
setPaginatedTableData(paginate({ items: tableData, pageIndex: currentPage, pageSize }));
|
|
37
37
|
}, [pageSize, tableData, currentPage]);
|
|
38
38
|
const columns = columnConfig.map((column) => ({
|
|
@@ -47,7 +47,7 @@ export const Table = (props) => {
|
|
|
47
47
|
React.createElement(StyledTable, { ...tableHtmlProps },
|
|
48
48
|
React.createElement(StyledTableHead, { colorPalette: colorPalette },
|
|
49
49
|
React.createElement(TableHeader, { colorPalette: colorPalette, columns: columns })),
|
|
50
|
-
React.createElement("tbody", null,
|
|
50
|
+
React.createElement("tbody", null, paginatedTableData.map((paginatedData, i) => (React.createElement(TableRow, { rowData: paginatedData, index: i, colorPalette: colorPalette, columnConfig: config, key: `row-${i}` }))))),
|
|
51
51
|
React.createElement(Pagination, { style: { padding: "24px 0" }, totalPages: Math.ceil(tableData.length / pageSize), colorPalette: colorPalette, currentPage: currentPage, setCurrentPage: setCurrentPage })));
|
|
52
52
|
};
|
|
53
53
|
//# sourceMappingURL=Table.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../lib/Organisms/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAE7D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAE/D,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;;;;CAI/B,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAA0B;;;;;;iBAM7C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,SAAS;;;;CAInE,CAAC;AAQF,MAAM,QAAQ,GAAG,CAAC,EACjB,KAAK,EACL,SAAS,EACT,QAAQ,GACO,EAAyB,EAAE;IAC1C,IAAI,SAAS,KAAK,CAAC,EAAE,CAAC;QACrB,MAAM,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAAC;IAC1C,CAAC;IAED,MAAM,KAAK,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC;IACzC,MAAM,GAAG,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC7B,
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../lib/Organisms/Table/Table.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@factorearth/component-library",
|
|
3
|
-
"version": "3.7.
|
|
3
|
+
"version": "3.7.17-alpha.0",
|
|
4
4
|
"description": " A storybook component library for FactorEarth",
|
|
5
5
|
"author": "madtrx <marlin.makori@gmail.com>",
|
|
6
6
|
"homepage": "https://github.com/FactorEarth/RecordMiddleware#readme",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"access": "public",
|
|
47
47
|
"registry": "https://registry.npmjs.org/"
|
|
48
48
|
},
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "27381ba75f53948998a7de9dae1d65e6d36e5d5b",
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@emotion/react": "^11.13.0",
|
|
52
52
|
"@emotion/styled": "^11.13.0",
|