venice-ui 3.0.57 → 3.0.59

package/dist/cjs/components/Table/Table.js

@@ -188,7 +188,7 @@ const Table = ({ theme, themeVariant = 'default', headers, elements, hover = tru
                                 ? () => handleRowClick(item.id)
                                 : undefined }, tableHeaders.map((header, index) => (react_1.default.createElement(Cell_1.Cell, { key: `cell_${header.name}_${item.id}`, header: header, moreActions: moreActions, item: item, theme: theme, selected: item.marked && index === 0, isDisabled: item.disabled }))))))),
                         pagination && totalPages > 1 && visibleElements.length > 0 && (react_1.default.createElement(Table_styles_1.TableFooter, null,
-                            react_1.default.createElement(Pagination_1.Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: setCurrentPage }))))),
-                noResultsMessage && (react_1.default.createElement(Table_styles_1.TableEmptyState, { theme: resolvedTheme, config: tableConfig }, noResultsMessage))))));
+                            react_1.default.createElement(Pagination_1.Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: setCurrentPage })))),
+                    noResultsMessage && (react_1.default.createElement(Table_styles_1.TableEmptyState, { theme: resolvedTheme, config: tableConfig }, noResultsMessage)))))));
 };
 exports.Table = Table;

package/dist/cjs/components/Table/Table.styles.js

@@ -197,12 +197,13 @@ exports.TableSearch = styled_components_1.default.div `
   overflow: hidden;
   width: 100%;
   color: ${({ theme, config }) => config.color.default.searchInput.text};
-  border: 1px solid ${({ theme, config }) => config.color.default.searchInput.border};
+  border: 1px solid
+    ${({ theme, config }) => config.color.default.searchInput.border};
   background: ${({ theme, config }) => config.color.default.searchInput.background};
-   box-sizing: border-box;
-   :hover {
+  box-sizing: border-box;
+  :hover {
     border-color: ${({ theme, config }) => config.color.hover.searchInput.border};
-    }
+  }
   &:focus-within {
     border-color: ${({ theme, config }) => config.color.active.searchInput.border};
   }
@@ -211,6 +212,7 @@ exports.TableEmptyState = styled_components_1.default.div `
   display: flex;
   align-items: center;
   justify-content: center;
+  position: absolute;
   width: 100%;
   font-size: ${({ theme, config }) => config.size.header.fontSize}px;
   line-height: ${({ theme, config }) => config.size.header.lineHeight}px;
@@ -218,12 +220,12 @@ exports.TableEmptyState = styled_components_1.default.div `
   padding: 0 ${({ theme, config }) => config.size.cell.common.paddingX}px;
   background-color: ${({ theme, config }) => config.color.default.common.background};
   height: ${({ theme, config }) => config.size.header.height}px;
+top:45px;
   box-sizing: border-box;
 `;
 exports.TableFooter = styled_components_1.default.div `
   display: flex;
   padding: 8px 0;
-  width:100%;
+  width: 100%;
   justify-content: center;
-
 `;

package/dist/esm/components/Table/Table.js

@@ -152,6 +152,6 @@ export const Table = ({ theme, themeVariant = 'default', headers, elements, hove
                                 ? () => handleRowClick(item.id)
                                 : undefined }, tableHeaders.map((header, index) => (React.createElement(Cell, { key: `cell_${header.name}_${item.id}`, header: header, moreActions: moreActions, item: item, theme: theme, selected: item.marked && index === 0, isDisabled: item.disabled }))))))),
                         pagination && totalPages > 1 && visibleElements.length > 0 && (React.createElement(TableFooter, null,
-                            React.createElement(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: setCurrentPage }))))),
-                noResultsMessage && (React.createElement(TableEmptyState, { theme: resolvedTheme, config: tableConfig }, noResultsMessage))))));
+                            React.createElement(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: setCurrentPage })))),
+                    noResultsMessage && (React.createElement(TableEmptyState, { theme: resolvedTheme, config: tableConfig }, noResultsMessage)))))));
 };

package/dist/esm/components/Table/Table.styles.js

@@ -191,12 +191,13 @@ export const TableSearch = styled.div `
   overflow: hidden;
   width: 100%;
   color: ${({ theme, config }) => config.color.default.searchInput.text};
-  border: 1px solid ${({ theme, config }) => config.color.default.searchInput.border};
+  border: 1px solid
+    ${({ theme, config }) => config.color.default.searchInput.border};
   background: ${({ theme, config }) => config.color.default.searchInput.background};
-   box-sizing: border-box;
-   :hover {
+  box-sizing: border-box;
+  :hover {
     border-color: ${({ theme, config }) => config.color.hover.searchInput.border};
-    }
+  }
   &:focus-within {
     border-color: ${({ theme, config }) => config.color.active.searchInput.border};
   }
@@ -205,6 +206,7 @@ export const TableEmptyState = styled.div `
   display: flex;
   align-items: center;
   justify-content: center;
+  position: absolute;
   width: 100%;
   font-size: ${({ theme, config }) => config.size.header.fontSize}px;
   line-height: ${({ theme, config }) => config.size.header.lineHeight}px;
@@ -212,12 +214,12 @@ export const TableEmptyState = styled.div `
   padding: 0 ${({ theme, config }) => config.size.cell.common.paddingX}px;
   background-color: ${({ theme, config }) => config.color.default.common.background};
   height: ${({ theme, config }) => config.size.header.height}px;
+top:45px;
   box-sizing: border-box;
 `;
 export const TableFooter = styled.div `
   display: flex;
   padding: 8px 0;
-  width:100%;
+  width: 100%;
   justify-content: center;
-
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "venice-ui",
-  "version": "3.0.57",
+  "version": "3.0.59",
   "description": "Component library",
   "main": "index.js",
   "module": "./dist/esm/index.js",