- {pages &&
- typeof pagination !== "undefined" &&
- goToPage &&
- paginationType !== "custom" && (
-
- )}
-
- );
-}
-
-const TableAction = ({
- content,
- onClick,
- data,
-}: Action & { data: Record }) => {
- return (
-
- );
-};
-
-export default Table;
diff --git a/packages/table/src/components/Table/index.ts b/packages/table/src/components/Table/index.ts
deleted file mode 100644
index 0d3d68f..0000000
--- a/packages/table/src/components/Table/index.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-/**
- * Copyright 2023 Arkemis S.r.l.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export { default as Table } from "./Table";
-export * from "./Table.types";
diff --git a/packages/table/src/components/TableHeadCell/TableHeadCell.tsx b/packages/table/src/components/TableHeadCell/TableHeadCell.tsx
index 05a71fb..7ab059d 100644
--- a/packages/table/src/components/TableHeadCell/TableHeadCell.tsx
+++ b/packages/table/src/components/TableHeadCell/TableHeadCell.tsx
@@ -14,7 +14,7 @@
* limitations under the License.
*/
-import { TableColumn } from "../../types";
+import { TableColumn, TableComponents } from "../../types";
import { ISortData } from "../../hooks";
import { useCallback, useMemo } from "react";
@@ -52,7 +52,8 @@ function TableHeadCell({
setSort,
sortType,
renderHeader,
-}: TableColumn & Partial) {
+ components,
+}: TableColumn & Partial & { components?: TableComponents }) {
const isSortingEnabled = sortable && sortType !== "custom";
const columnSort = useMemo(() => {
@@ -78,8 +79,10 @@ function TableHeadCell({
}
}, [columnSort, id, setSort, sort, isSortingEnabled]);
+ const Th = components?.TableHead ?? "th";
+
return (
-
{renderHeader?.() ?? label}
{columnSort && }
-
+
);
}
diff --git a/packages/table/src/components/index.ts b/packages/table/src/components/index.ts
index facce07..5211dd4 100644
--- a/packages/table/src/components/index.ts
+++ b/packages/table/src/components/index.ts
@@ -14,6 +14,6 @@
* limitations under the License.
*/
-export * from "./Table";
export * from "./Pagination";
export * from "./TableConfigProvider";
+export * from "./table";
diff --git a/packages/table/src/components/table.tsx b/packages/table/src/components/table.tsx
new file mode 100644
index 0000000..470497b
--- /dev/null
+++ b/packages/table/src/components/table.tsx
@@ -0,0 +1,233 @@
+/**
+ * Copyright 2023 Arkemis S.r.l.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import * as React from "react";
+import { Action, ITableProps, TableColumn } from "../types";
+import { useTableConfig } from "./TableConfigProvider/TableConfigProvider";
+import { TableHeadCell } from "./TableHeadCell";
+import { Fragment, ReactNode } from "react";
+import { Pagination } from "./Pagination";
+
+const getPagedIndex = (index: number, currentPage: number, pageSize = 0) =>
+ index + pageSize * currentPage;
+
+const TableComponent = React.forwardRef<
+ HTMLTableElement,
+ { children?: ReactNode }
+>((props, ref) =>