venice-ui 3.0.9 → 3.0.11

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 (7) hide show
  1. package/dist/cjs/components/Table/Table.js +3 -3
  2. package/dist/cjs/components/Table/Table.styles.js +4 -4
  3. package/dist/esm/components/Table/Table.js +3 -3
  4. package/dist/esm/components/Table/Table.styles.js +4 -4
  5. package/dist/types/components/Table/Table.d.ts +1 -0
  6. package/dist/types/components/Table/Table.styles.d.ts +5 -2
  7. 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, labels, paginationCounters, tableHeight }) => {
50
+ }, pageSize = 20, moreActions = [], onRowClick, labels, paginationCounters, tableHeight, tableWrapperHeight, }) => {
51
51
  const resolvedThemeData = (0, config_1.resolveThemeWithComponentsConfig)({
52
52
  theme,
53
53
  themeVariant,
@@ -148,7 +148,7 @@ const Table = ({ theme, themeVariant = 'default', headers, elements, hover = tru
148
148
  return tableProps.elements;
149
149
  }, [pagination, paginatedElements, tableProps.elements]);
150
150
  return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: resolvedTheme },
151
- react_1.default.createElement(Table_styles_1.TableRoot, { theme: resolvedTheme, config: tableConfig, height: tableHeight },
151
+ react_1.default.createElement(Table_styles_1.TableRoot, { theme: resolvedTheme, config: tableConfig, componentHeight: tableWrapperHeight },
152
152
  react_1.default.createElement(react_1.default.Fragment, null,
153
153
  (filtrable || pagination) && (react_1.default.createElement(Table_styles_1.TableHeader, { theme: resolvedTheme, config: tableConfig, right: pagination && !filtrable },
154
154
  react_1.default.createElement(react_1.default.Fragment, null,
@@ -162,7 +162,7 @@ const Table = ({ theme, themeVariant = 'default', headers, elements, hover = tru
162
162
  : elements, handleSubmitFilters: handleApplyFilters, externalClearSignal: filtersClearSignal, onClear: handleClearFilters }))),
163
163
  pagination && (react_1.default.createElement(Table_styles_1.HeaderSection, { right: true },
164
164
  react_1.default.createElement(Pagination_1.Pagination, { currentPage: currentPage, totalPages: totalPages, pageSize: currentPageSize, onPageChange: setCurrentPage, onPageSizeChange: setCurrentPageSize, label: labels?.pagination, availableValues: paginationCounters })))))),
165
- react_1.default.createElement(Table_styles_1.TableContentWrapper, null,
165
+ react_1.default.createElement(Table_styles_1.TableContentWrapper, { componentHeight: tableWrapperHeight },
166
166
  react_1.default.createElement(Table_styles_1.TableContent, { theme: resolvedTheme, config: tableConfig, cellPadding: "0", cellSpacing: "0" },
167
167
  react_1.default.createElement(Table_styles_1.TableHead, null,
168
168
  react_1.default.createElement(Table_styles_1.TableHeaderRow, { theme: resolvedTheme, config: tableConfig }, tableProps.headers.map((header) => (react_1.default.createElement(HeaderCell_1.HeaderCell, { key: `header_${header.name}`, header: header, sortable: sortable, handleSort: handleHeaderCellClick, sort: tableProps.sort, size: header.size || 'md' }))))),
package/dist/cjs/components/Table/Table.styles.js CHANGED
@@ -9,7 +9,7 @@ exports.TableRoot = styled_components_1.default.div `
9
9
  display: flex;
10
10
  width: 100%;
11
11
  flex-direction: column;
12
- ${({ height }) => height && `height: ${height};`}
12
+ ${({ componentHeight }) => componentHeight && `height: ${componentHeight};`}
13
13
  `;
14
14
  exports.TableHeader = styled_components_1.default.div `
15
15
  display: flex;
@@ -25,7 +25,7 @@ exports.TableContentWrapper = styled_components_1.default.div `
25
25
  max-width: 100vw;
26
26
  overflow-y: hidden;
27
27
  overflow-x: auto;
28
- height: 100%;
28
+ height: ${({ componentHeight }) => componentHeight || '100%'};
29
29
  flex-shrink: 0;
30
30
  `;
31
31
  exports.HeaderSection = styled_components_1.default.div `
@@ -59,8 +59,8 @@ exports.TableHead = styled_components_1.default.thead `
59
59
  position: sticky;
60
60
  top: 0;
61
61
  z-index: 2;
62
- }
63
- flex-shrink: 0;
62
+ };
63
+ flex-shrink: 0;
64
64
  `;
65
65
  exports.TableBody = styled_components_1.default.tbody `
66
66
  box-sizing: border-box;
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, labels, paginationCounters, tableHeight }) => {
14
+ }, pageSize = 20, moreActions = [], onRowClick, labels, paginationCounters, tableHeight, tableWrapperHeight, }) => {
15
15
  const resolvedThemeData = resolveThemeWithComponentsConfig({
16
16
  theme,
17
17
  themeVariant,
@@ -112,7 +112,7 @@ export const Table = ({ theme, themeVariant = 'default', headers, elements, hove
112
112
  return tableProps.elements;
113
113
  }, [pagination, paginatedElements, tableProps.elements]);
114
114
  return (React.createElement(ThemeProvider, { theme: resolvedTheme },
115
- React.createElement(TableRoot, { theme: resolvedTheme, config: tableConfig, height: tableHeight },
115
+ React.createElement(TableRoot, { theme: resolvedTheme, config: tableConfig, componentHeight: tableWrapperHeight },
116
116
  React.createElement(React.Fragment, null,
117
117
  (filtrable || pagination) && (React.createElement(TableHeader, { theme: resolvedTheme, config: tableConfig, right: pagination && !filtrable },
118
118
  React.createElement(React.Fragment, null,
@@ -126,7 +126,7 @@ export const Table = ({ theme, themeVariant = 'default', headers, elements, hove
126
126
  : elements, handleSubmitFilters: handleApplyFilters, externalClearSignal: filtersClearSignal, onClear: handleClearFilters }))),
127
127
  pagination && (React.createElement(HeaderSection, { right: true },
128
128
  React.createElement(Pagination, { currentPage: currentPage, totalPages: totalPages, pageSize: currentPageSize, onPageChange: setCurrentPage, onPageSizeChange: setCurrentPageSize, label: labels?.pagination, availableValues: paginationCounters })))))),
129
- React.createElement(TableContentWrapper, null,
129
+ React.createElement(TableContentWrapper, { componentHeight: tableWrapperHeight },
130
130
  React.createElement(TableContent, { theme: resolvedTheme, config: tableConfig, cellPadding: "0", cellSpacing: "0" },
131
131
  React.createElement(TableHead, null,
132
132
  React.createElement(TableHeaderRow, { theme: resolvedTheme, config: tableConfig }, tableProps.headers.map((header) => (React.createElement(HeaderCell, { key: `header_${header.name}`, header: header, sortable: sortable, handleSort: handleHeaderCellClick, sort: tableProps.sort, size: header.size || 'md' }))))),
package/dist/esm/components/Table/Table.styles.js CHANGED
@@ -3,7 +3,7 @@ export const TableRoot = styled.div `
3
3
  display: flex;
4
4
  width: 100%;
5
5
  flex-direction: column;
6
- ${({ height }) => height && `height: ${height};`}
6
+ ${({ componentHeight }) => componentHeight && `height: ${componentHeight};`}
7
7
  `;
8
8
  export const TableHeader = styled.div `
9
9
  display: flex;
@@ -19,7 +19,7 @@ export const TableContentWrapper = styled.div `
19
19
  max-width: 100vw;
20
20
  overflow-y: hidden;
21
21
  overflow-x: auto;
22
- height: 100%;
22
+ height: ${({ componentHeight }) => componentHeight || '100%'};
23
23
  flex-shrink: 0;
24
24
  `;
25
25
  export const HeaderSection = styled.div `
@@ -53,8 +53,8 @@ export const TableHead = styled.thead `
53
53
  position: sticky;
54
54
  top: 0;
55
55
  z-index: 2;
56
- }
57
- flex-shrink: 0;
56
+ };
57
+ flex-shrink: 0;
58
58
  `;
59
59
  export const TableBody = styled.tbody `
60
60
  box-sizing: border-box;
package/dist/types/components/Table/Table.d.ts CHANGED
@@ -18,6 +18,7 @@ interface ITableProps {
18
18
  labels?: IFilterLabels;
19
19
  paginationCounters?: number[];
20
20
  tableHeight?: string;
21
+ tableWrapperHeight?: string;
21
22
  }
22
23
  export interface ITableHeaderProps {
23
24
  name: string;
package/dist/types/components/Table/Table.styles.d.ts CHANGED
@@ -3,7 +3,7 @@ import { InputSize } from 'types';
3
3
  interface ITableRoot {
4
4
  theme: AppTheme;
5
5
  config: any;
6
- height?: string;
6
+ componentHeight?: string;
7
7
  }
8
8
  export declare const TableRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ITableRoot, never>;
9
9
  interface ITableHeaderProps {
@@ -12,7 +12,10 @@ interface ITableHeaderProps {
12
12
  right: boolean;
13
13
  }
14
14
  export declare const TableHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ITableHeaderProps, never>;
15
- export declare const TableContentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
15
+ interface ITableContentWrapperProps {
16
+ componentHeight?: string;
17
+ }
18
+ export declare const TableContentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ITableContentWrapperProps, never>;
16
19
  interface IHeaderSectionProps {
17
20
  right?: boolean;
18
21
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "venice-ui",
3
- "version": "3.0.9",
3
+ "version": "3.0.11",
4
4
  "description": "Component library",
5
5
  "main": "index.js",
6
6
  "module": "./dist/esm/index.js",