venice-ui 3.0.56 → 3.0.58
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.
|
@@ -184,11 +184,10 @@ const Table = ({ theme, themeVariant = 'default', headers, elements, hover = tru
|
|
|
184
184
|
react_1.default.createElement(Table_styles_1.TableContent, { theme: resolvedTheme, config: tableConfig, cellPadding: "0", cellSpacing: "0", isEmpty: visibleElements.length === 0 },
|
|
185
185
|
react_1.default.createElement(Table_styles_1.TableHead, null,
|
|
186
186
|
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' }))))),
|
|
187
|
-
|
|
187
|
+
pagination && totalPages > 1 && visibleElements.length > 0 ? (react_1.default.createElement(Table_styles_1.TableFooter, null,
|
|
188
|
+
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
|
|
188
189
|
? () => handleRowClick(item.id)
|
|
189
|
-
: 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 })))))))),
|
|
190
|
-
pagination && totalPages > 1 && visibleElements.length > 0 && (react_1.default.createElement(Table_styles_1.TableFooter, null,
|
|
191
|
-
react_1.default.createElement(Pagination_1.Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: setCurrentPage })))),
|
|
190
|
+
: 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 })))))))))),
|
|
192
191
|
noResultsMessage && (react_1.default.createElement(Table_styles_1.TableEmptyState, { theme: resolvedTheme, config: tableConfig }, noResultsMessage))))));
|
|
193
192
|
};
|
|
194
193
|
exports.Table = Table;
|
|
@@ -218,8 +218,6 @@ exports.TableEmptyState = styled_components_1.default.div `
|
|
|
218
218
|
padding: 0 ${({ theme, config }) => config.size.cell.common.paddingX}px;
|
|
219
219
|
background-color: ${({ theme, config }) => config.color.default.common.background};
|
|
220
220
|
height: ${({ theme, config }) => config.size.header.height}px;
|
|
221
|
-
border-bottom: 1px solid
|
|
222
|
-
${({ theme, config }) => config.color.default.common.border};
|
|
223
221
|
box-sizing: border-box;
|
|
224
222
|
`;
|
|
225
223
|
exports.TableFooter = styled_components_1.default.div `
|
|
@@ -148,10 +148,9 @@ export const Table = ({ theme, themeVariant = 'default', headers, elements, hove
|
|
|
148
148
|
React.createElement(TableContent, { theme: resolvedTheme, config: tableConfig, cellPadding: "0", cellSpacing: "0", isEmpty: visibleElements.length === 0 },
|
|
149
149
|
React.createElement(TableHead, null,
|
|
150
150
|
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' }))))),
|
|
151
|
-
|
|
151
|
+
pagination && totalPages > 1 && visibleElements.length > 0 ? (React.createElement(TableFooter, null,
|
|
152
|
+
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
|
|
152
153
|
? () => handleRowClick(item.id)
|
|
153
|
-
: 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 })))))))),
|
|
154
|
-
pagination && totalPages > 1 && visibleElements.length > 0 && (React.createElement(TableFooter, null,
|
|
155
|
-
React.createElement(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: setCurrentPage })))),
|
|
154
|
+
: 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 })))))))))),
|
|
156
155
|
noResultsMessage && (React.createElement(TableEmptyState, { theme: resolvedTheme, config: tableConfig }, noResultsMessage))))));
|
|
157
156
|
};
|
|
@@ -212,8 +212,6 @@ export const TableEmptyState = styled.div `
|
|
|
212
212
|
padding: 0 ${({ theme, config }) => config.size.cell.common.paddingX}px;
|
|
213
213
|
background-color: ${({ theme, config }) => config.color.default.common.background};
|
|
214
214
|
height: ${({ theme, config }) => config.size.header.height}px;
|
|
215
|
-
border-bottom: 1px solid
|
|
216
|
-
${({ theme, config }) => config.color.default.common.border};
|
|
217
215
|
box-sizing: border-box;
|
|
218
216
|
`;
|
|
219
217
|
export const TableFooter = styled.div `
|