venice-ui 3.0.58 → 3.0.59

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

@@ -184,10 +184,11 @@ const Table = ({ theme, themeVariant = 'default', headers, elements, hover = tru
                     react_1.default.createElement(Table_styles_1.TableContent, { theme: resolvedTheme, config: tableConfig, cellPadding: "0", cellSpacing: "0", isEmpty: visibleElements.length === 0 },
                         react_1.default.createElement(Table_styles_1.TableHead, null,
                             react_1.default.createElement(Table_styles_1.TableHeaderRow, { theme: resolvedTheme, config: tableConfig }, tableHeaders.map((header) => (react_1.default.createElement(HeaderCell_1.HeaderCell, { key: `header_${header.name}`, header: header, sortable: sortable, handleSort: handleHeaderCellClick, sort: tableSort, size: header.size || 'md' }))))),
-                        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 }))) : (react_1.default.createElement(Table_styles_1.TableBody, null, visibleElements.map((item) => (react_1.default.createElement(Table_styles_1.TableRow, { theme: resolvedTheme, config: tableConfig, key: `table_row_${item.id}`, hover: hover, isDisabled: item.disabled, active: selectedRow === item.id, selectable: selectable, onClick: !item.disabled
+                        react_1.default.createElement(Table_styles_1.TableBody, null, visibleElements.map((item) => (react_1.default.createElement(Table_styles_1.TableRow, { theme: resolvedTheme, config: tableConfig, key: `table_row_${item.id}`, hover: hover, isDisabled: item.disabled, active: selectedRow === item.id, selectable: selectable, onClick: !item.disabled
                                 ? () => 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 })))))))))),
-                noResultsMessage && (react_1.default.createElement(Table_styles_1.TableEmptyState, { theme: resolvedTheme, config: tableConfig }, noResultsMessage))))));
+                                : 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)))))));
 };
 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

@@ -148,9 +148,10 @@ export const Table = ({ theme, themeVariant = 'default', headers, elements, hove
                     React.createElement(TableContent, { theme: resolvedTheme, config: tableConfig, cellPadding: "0", cellSpacing: "0", isEmpty: visibleElements.length === 0 },
                         React.createElement(TableHead, null,
                             React.createElement(TableHeaderRow, { theme: resolvedTheme, config: tableConfig }, tableHeaders.map((header) => (React.createElement(HeaderCell, { key: `header_${header.name}`, header: header, sortable: sortable, handleSort: handleHeaderCellClick, sort: tableSort, size: header.size || 'md' }))))),
-                        pagination && totalPages > 1 && visibleElements.length > 0 ? (React.createElement(TableFooter, null,
-                            React.createElement(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: setCurrentPage }))) : (React.createElement(TableBody, null, visibleElements.map((item) => (React.createElement(TableRow, { theme: resolvedTheme, config: tableConfig, key: `table_row_${item.id}`, hover: hover, isDisabled: item.disabled, active: selectedRow === item.id, selectable: selectable, onClick: !item.disabled
+                        React.createElement(TableBody, null, visibleElements.map((item) => (React.createElement(TableRow, { theme: resolvedTheme, config: tableConfig, key: `table_row_${item.id}`, hover: hover, isDisabled: item.disabled, active: selectedRow === item.id, selectable: selectable, onClick: !item.disabled
                                 ? () => 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 })))))))))),
-                noResultsMessage && (React.createElement(TableEmptyState, { theme: resolvedTheme, config: tableConfig }, noResultsMessage))))));
+                                : 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)))))));
 };

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.58",
+  "version": "3.0.59",
   "description": "Component library",
   "main": "index.js",
   "module": "./dist/esm/index.js",