venice-ui 3.0.53 → 3.0.54

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.
Files changed (6) hide show
  1. package/dist/cjs/components/Table/Table.js +2 -1
  2. package/dist/cjs/components/Table/Table.styles.js +2 -2
  3. package/dist/esm/components/Table/Table.js +2 -1
  4. package/dist/esm/components/Table/Table.styles.js +2 -2
  5. package/dist/types/components/Table/Table.d.ts +2 -1
  6. package/package.json +1 -1
package/dist/cjs/components/Table/Table.js CHANGED
@@ -47,7 +47,7 @@ const Cell_1 = require("./Cell");
47
47
  const Table = ({ theme, themeVariant = 'default', headers, elements, hover = true, selectable = true, filtrable = false, pagination = false, sortable = true, sort = {
48
48
  name: '',
49
49
  order: 'none',
50
- }, pageSize = 20, moreActions = [], onRowClick, filterLabels, paginationCounters, tableHeight, tableWrapperHeight, paginationLabel, calendarLabels, calendarLocaleLabels, paginationZIndex, }) => {
50
+ }, pageSize = 20, moreActions = [], onRowClick, filterLabels, paginationCounters, tableHeight, tableWrapperHeight, paginationLabel, calendarLabels, calendarLocaleLabels, paginationZIndex, headerExtraContent, }) => {
51
51
  const resolvedThemeData = (0, config_1.resolveThemeWithComponentsConfig)({
52
52
  theme,
53
53
  themeVariant,
@@ -124,6 +124,7 @@ const Table = ({ theme, themeVariant = 'default', headers, elements, hover = tru
124
124
  react_1.default.createElement(react_1.default.Fragment, null,
125
125
  filtrable && (react_1.default.createElement(Table_styles_1.HeaderSection, null,
126
126
  react_1.default.createElement(Filters_1.Filters, { labels: filterLabels, headers: headers, elements: fullElements, fullElements: fullElements, handleSubmitFilters: handleApplyFilters, externalClearSignal: filtersClearSignal, onClear: handleClearFilters, calendarLabels: calendarLabels, calendarLocaleLabels: calendarLocaleLabels }))),
127
+ headerExtraContent && (react_1.default.createElement(Table_styles_1.HeaderSection, null, headerExtraContent)),
127
128
  pagination && (react_1.default.createElement(Table_styles_1.HeaderSection, { right: true },
128
129
  react_1.default.createElement(Pagination_1.Pagination, { currentPage: currentPage, totalPages: totalPages, pageSize: currentPageSize, onPageChange: setCurrentPage, onPageSizeChange: setCurrentPageSize, label: paginationLabel?.label, availableValues: paginationCounters, zIndex: paginationZIndex })))))),
129
130
  react_1.default.createElement(Table_styles_1.TableContentWrapper, { componentHeight: tableHeight },
package/dist/cjs/components/Table/Table.styles.js CHANGED
@@ -15,7 +15,8 @@ exports.TableHeader = styled_components_1.default.div `
15
15
  display: flex;
16
16
  align-items: center;
17
17
  flex-shrink: 0;
18
- justify-content: ${({ right }) => (right ? 'flex-end' : 'flex-start')};
18
+ // justify-content: ${({ right }) => (right ? 'flex-end' : 'flex-start')};
19
+ justify-content: space-between;
19
20
  height: ${({ theme, config }) => config.size.header.height}px;
20
21
  `;
21
22
  exports.TableContentWrapper = styled_components_1.default.div `
@@ -33,7 +34,6 @@ exports.HeaderSection = styled_components_1.default.div `
33
34
  display: flex;
34
35
  align-items: center;
35
36
  justify-content: ${({ right }) => (right ? 'flex-end' : 'flex-start')};
36
- width: 50%;
37
37
  flex-shrink: 0;
38
38
  `;
39
39
  exports.TableContent = styled_components_1.default.table `
package/dist/esm/components/Table/Table.js CHANGED
@@ -11,7 +11,7 @@ import { Cell } from './Cell';
11
11
  export const Table = ({ theme, themeVariant = 'default', headers, elements, hover = true, selectable = true, filtrable = false, pagination = false, sortable = true, sort = {
12
12
  name: '',
13
13
  order: 'none',
14
- }, pageSize = 20, moreActions = [], onRowClick, filterLabels, paginationCounters, tableHeight, tableWrapperHeight, paginationLabel, calendarLabels, calendarLocaleLabels, paginationZIndex, }) => {
14
+ }, pageSize = 20, moreActions = [], onRowClick, filterLabels, paginationCounters, tableHeight, tableWrapperHeight, paginationLabel, calendarLabels, calendarLocaleLabels, paginationZIndex, headerExtraContent, }) => {
15
15
  const resolvedThemeData = resolveThemeWithComponentsConfig({
16
16
  theme,
17
17
  themeVariant,
@@ -88,6 +88,7 @@ export const Table = ({ theme, themeVariant = 'default', headers, elements, hove
88
88
  React.createElement(React.Fragment, null,
89
89
  filtrable && (React.createElement(HeaderSection, null,
90
90
  React.createElement(Filters, { labels: filterLabels, headers: headers, elements: fullElements, fullElements: fullElements, handleSubmitFilters: handleApplyFilters, externalClearSignal: filtersClearSignal, onClear: handleClearFilters, calendarLabels: calendarLabels, calendarLocaleLabels: calendarLocaleLabels }))),
91
+ headerExtraContent && (React.createElement(HeaderSection, null, headerExtraContent)),
91
92
  pagination && (React.createElement(HeaderSection, { right: true },
92
93
  React.createElement(Pagination, { currentPage: currentPage, totalPages: totalPages, pageSize: currentPageSize, onPageChange: setCurrentPage, onPageSizeChange: setCurrentPageSize, label: paginationLabel?.label, availableValues: paginationCounters, zIndex: paginationZIndex })))))),
93
94
  React.createElement(TableContentWrapper, { componentHeight: tableHeight },
package/dist/esm/components/Table/Table.styles.js CHANGED
@@ -9,7 +9,8 @@ export const TableHeader = styled.div `
9
9
  display: flex;
10
10
  align-items: center;
11
11
  flex-shrink: 0;
12
- justify-content: ${({ right }) => (right ? 'flex-end' : 'flex-start')};
12
+ // justify-content: ${({ right }) => (right ? 'flex-end' : 'flex-start')};
13
+ justify-content: space-between;
13
14
  height: ${({ theme, config }) => config.size.header.height}px;
14
15
  `;
15
16
  export const TableContentWrapper = styled.div `
@@ -27,7 +28,6 @@ export const HeaderSection = styled.div `
27
28
  display: flex;
28
29
  align-items: center;
29
30
  justify-content: ${({ right }) => (right ? 'flex-end' : 'flex-start')};
30
- width: 50%;
31
31
  flex-shrink: 0;
32
32
  `;
33
33
  export const TableContent = styled.table `
package/dist/types/components/Table/Table.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { AppTheme, ThemeName } from '../../config';
2
- import { FC } from 'react';
2
+ import React, { FC } from 'react';
3
3
  import { FilterType, IAction, ICalendarLocaleLabels, IFilterLabels, InputSize } from 'types';
4
4
  interface ITableProps {
5
5
  theme?: AppTheme;
@@ -23,6 +23,7 @@ interface ITableProps {
23
23
  calendarLabels?: IFilterLabels;
24
24
  calendarLocaleLabels?: ICalendarLocaleLabels;
25
25
  paginationZIndex?: number;
26
+ headerExtraContent?: React.ReactNode;
26
27
  }
27
28
  export interface ITableHeaderProps {
28
29
  name: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "venice-ui",
3
- "version": "3.0.53",
3
+ "version": "3.0.54",
4
4
  "description": "Component library",
5
5
  "main": "index.js",
6
6
  "module": "./dist/esm/index.js",