@stella-source/stellasource-dsl 5.1.0 → 5.1.1

package/dist/cjs/index.js

@@ -22115,6 +22115,7 @@ const HeaderRow = styled.tr `
   background-color: ${Styles.color.grey.pale};
   min-height: 50px;
   height: 50px;
+  display: ${({ $isEmpty }) => ($isEmpty ? "none" : "table-row")};
 `;
 const CellRow = styled.tr `
   min-height: 50px;
@@ -22328,6 +22329,7 @@ const LoadingShimmer = styled.div `
 `;
 const CustomPagination = styled(Pagination) `
   border-top: ${({ $hasData }) => $hasData ? "0px" : `1px solid ${Styles.color.grey.light}`};
+  display: ${({ $isEmpty }) => ($isEmpty ? "none" : "flex")};
 `;
 const KebabAlign = styled.div `
   display: flex;
@@ -22344,12 +22346,8 @@ const EmptyTableSection = styled.section `
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  position: absolute;
   gap: 20px;
-  top: 50px;
-  left: 0;
-  right: 0;
-  margin: 80px auto 0;
+  margin: 0 auto;
 `;
 const EmptyTableHeader = styled.p `
   display: flex;
@@ -23001,7 +22999,7 @@ function Table({ columns, data, isLoading, serverSide = false, onPageChange, onS
                     }, key: index + "loading-row" }, Array.from({
                     length: 10,
                 }).map((_, i) => (a$n.createElement(LoadingShimmer, { key: `${i}-loading`, "$width": "110px", "$height": "25px" }))))))))) : (a$n.createElement(StyledTable, { id: `${id}-table`, ...htmlProps },
-                a$n.createElement("thead", null, table.getHeaderGroups().map((headerGroup) => (a$n.createElement(HeaderRow, { key: headerGroup.id }, headerGroup.headers.map((header, i) => {
+                a$n.createElement("thead", null, table.getHeaderGroups().map((headerGroup) => (a$n.createElement(HeaderRow, { key: headerGroup.id, "$isEmpty": table.getRowModel().rows.length === 0 }, headerGroup.headers.map((header, i) => {
                     return (a$n.createElement(TableHeaderCell, { key: header.id, serverSide: serverSide, header: header, filters: filters, sorting: sorting, scrollPosition: scrollState, onFilterMenuInteraction: (id, active) => {
                             setFilterMenuOpen((prev) => ({
                                 ...prev,
@@ -23067,7 +23065,7 @@ function Table({ columns, data, isLoading, serverSide = false, onPageChange, onS
                             renderExpandedRow &&
                             !!renderExpandedRow(row) && (a$n.createElement(ExpandedContentRow, null,
                             a$n.createElement(ExpandedContentCell, { colSpan: table.getVisibleLeafColumns().length }, renderExpandedRow(row))))))))))),
-            showPagination && paginationDetails?.totalRows > 0 && (a$n.createElement(CustomPagination, { "$hasData": table.getRowModel().rows.length > 0, totalRows: serverSide ? totalData : table.getFilteredRowModel().rows.length, isLoading: isLoading, rowsPerPage: paginationDetails?.rowsPerPage, startingPage: pageIndex, onPageChange: (page, pageSize) => {
+            showPagination && paginationDetails?.totalRows > 0 && (a$n.createElement(CustomPagination, { "$hasData": table.getRowModel().rows.length > 0, "$isEmpty": table.getRowModel().rows.length === 0, totalRows: serverSide ? totalData : table.getFilteredRowModel().rows.length, isLoading: isLoading, rowsPerPage: paginationDetails?.rowsPerPage, startingPage: pageIndex, onPageChange: (page, pageSize) => {
                     table.toggleAllRowsSelected(false);
                     setPageIndex(page);
                     setPagination((prev) => ({