venice-ui 2.0.16 → 2.0.17

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/ElementHeader/ElementHeader.styles.js +1 -1
  2. package/dist/cjs/components/Table/Table.js +2 -2
  3. package/dist/cjs/components/Table/Table.styles.js +2 -2
  4. package/dist/esm/components/ElementHeader/ElementHeader.styles.js +1 -1
  5. package/dist/esm/components/Table/Table.js +2 -2
  6. package/dist/esm/components/Table/Table.styles.js +2 -2
  7. package/package.json +1 -1
package/dist/cjs/components/ElementHeader/ElementHeader.styles.js CHANGED
@@ -13,6 +13,6 @@ exports.ElementHeaderWrapper = (0, styled_components_1.default)(Aligment_1.Aligm
13
13
  border-top-right-radius:${Theme_1.Theme.borderRadius.m};
14
14
  ${(p) => p.bottomDivader &&
15
15
  `
16
- border-bottom: 2px solid rgba(0, 0, 0, 0.14);
16
+ border-bottom: 1px solid rgba(0, 0, 0, 0.14);
17
17
  `}
18
18
  `;
package/dist/cjs/components/Table/Table.js CHANGED
@@ -94,7 +94,7 @@ hover = true, selectable = true, sortable = true, sort = {
94
94
  return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme },
95
95
  react_1.default.createElement(Table_styles_1.TableWrapper, { cellPadding: "0", cellSpacing: "0" },
96
96
  react_1.default.createElement(Table_styles_1.TableHead, null,
97
- react_1.default.createElement(Table_styles_1.TableRow, { hover: false, selectable: false, active: false }, tableProps.headers.map((header) => (react_1.default.createElement(react_1.default.Fragment, null, header.action ? (react_1.default.createElement(Table_styles_1.OptionTableHeaderCell, null)) : (react_1.default.createElement(Table_styles_1.TableHeaderCell, { key: header.name, sortable: sortable, onClick: () => handleHeaderCellClick(header.valueSource), isSorted: tableProps.sort.name === header.valueSource &&
97
+ react_1.default.createElement(Table_styles_1.TableRow, { hover: false, selectable: false, active: false }, tableProps.headers.map((header) => (react_1.default.createElement(react_1.default.Fragment, null, header.action ? (react_1.default.createElement(Table_styles_1.OptionTableHeaderCell, { key: `option_${header.name}` })) : (react_1.default.createElement(Table_styles_1.TableHeaderCell, { key: header.name, sortable: sortable, onClick: () => handleHeaderCellClick(header.valueSource), isSorted: tableProps.sort.name === header.valueSource &&
98
98
  tableProps.sort.order != 'none' },
99
99
  header.name,
100
100
  tableProps.sort.name === header.valueSource &&
@@ -104,7 +104,7 @@ hover = true, selectable = true, sortable = true, sort = {
104
104
  : 'arrow_drop_up', iconColor: theme.tableCellSortIcon, size: 20 })))))))))),
105
105
  react_1.default.createElement("tbody", null, tableProps.elements.map((item) => (react_1.default.createElement(Table_styles_1.TableRow, { key: item.id, hover: hover, active: selectedRow === item.id, selectable: selectable, onClick: () => handleRowClick(item.id) }, tableProps.headers.map((header) => (react_1.default.createElement(react_1.default.Fragment, null, header.action ? (react_1.default.createElement(Table_styles_1.OptionTableCell, { key: `${item.id}-${header.name}-action` },
106
106
  react_1.default.createElement(Table_styles_1.OptionTableCellWrapper, { onClick: (e) => e.stopPropagation() },
107
- react_1.default.createElement(DropdownMenu_1.DropdownMenu, { options: moreActions, targetID: item.id, iconName: "more_vert", iconColor: theme.tableMoreIconColor, iconHoverColor: theme.tableHoverMoreIconColor, iconBgHoverColor: "transparent" })))) : (react_1.default.createElement(Table_styles_1.TableCell, { key: `${item.id}-${header.name}` }, header.date
107
+ react_1.default.createElement(DropdownMenu_1.DropdownMenu, { options: moreActions, targetID: item.id, iconName: "more_vert", iconColor: theme.tableMoreIconColor, iconHoverColor: theme.tableHoverMoreIconColor, iconBgHoverColor: "transparent", position: 'right' })))) : (react_1.default.createElement(Table_styles_1.TableCell, { key: `${item.id}-${header.name}` }, header.date
108
108
  ? (0, date_fns_1.format)(item[header.valueSource], 'dd-MM-yyyy')
109
109
  : header.isCount
110
110
  ? item[header.valueSource].length
package/dist/cjs/components/Table/Table.styles.js CHANGED
@@ -24,7 +24,7 @@ exports.TableHeaderCell = styled_components_1.default.th `
24
24
  background-color: ${(p) => p.isSorted
25
25
  ? p.theme.tableHeaderActiveBackground
26
26
  : p.theme.tableHeaderBackground};
27
- border-bottom: 2px solid rgba(0, 0, 0, 0.14);
27
+ border-bottom: 1px solid rgba(0, 0, 0, 0.14);
28
28
 
29
29
  :hover {
30
30
  background-color: ${(p) => p.isSorted
@@ -45,7 +45,7 @@ exports.OptionTableHeaderCell = styled_components_1.default.th `
45
45
  transition: 300ms;
46
46
  font-size: 14px;
47
47
  background-color: ${(p) => p.theme.tableHeaderBackground};
48
- border-bottom: 2px solid rgba(0, 0, 0, 0.14);
48
+ border-bottom: 1px solid rgba(0, 0, 0, 0.14);
49
49
  `;
50
50
  exports.TableHeaderSortIcon = styled_components_1.default.div `
51
51
  width: 20px;
package/dist/esm/components/ElementHeader/ElementHeader.styles.js CHANGED
@@ -7,6 +7,6 @@ export const ElementHeaderWrapper = styled(Aligment) `
7
7
  border-top-right-radius:${Theme.borderRadius.m};
8
8
  ${(p) => p.bottomDivader &&
9
9
  `
10
- border-bottom: 2px solid rgba(0, 0, 0, 0.14);
10
+ border-bottom: 1px solid rgba(0, 0, 0, 0.14);
11
11
  `}
12
12
  `;
package/dist/esm/components/Table/Table.js CHANGED
@@ -68,7 +68,7 @@ hover = true, selectable = true, sortable = true, sort = {
68
68
  return (React.createElement(ThemeProvider, { theme: theme },
69
69
  React.createElement(TableWrapper, { cellPadding: "0", cellSpacing: "0" },
70
70
  React.createElement(TableHead, null,
71
- React.createElement(TableRow, { hover: false, selectable: false, active: false }, tableProps.headers.map((header) => (React.createElement(React.Fragment, null, header.action ? (React.createElement(OptionTableHeaderCell, null)) : (React.createElement(TableHeaderCell, { key: header.name, sortable: sortable, onClick: () => handleHeaderCellClick(header.valueSource), isSorted: tableProps.sort.name === header.valueSource &&
71
+ React.createElement(TableRow, { hover: false, selectable: false, active: false }, tableProps.headers.map((header) => (React.createElement(React.Fragment, null, header.action ? (React.createElement(OptionTableHeaderCell, { key: `option_${header.name}` })) : (React.createElement(TableHeaderCell, { key: header.name, sortable: sortable, onClick: () => handleHeaderCellClick(header.valueSource), isSorted: tableProps.sort.name === header.valueSource &&
72
72
  tableProps.sort.order != 'none' },
73
73
  header.name,
74
74
  tableProps.sort.name === header.valueSource &&
@@ -78,7 +78,7 @@ hover = true, selectable = true, sortable = true, sort = {
78
78
  : 'arrow_drop_up', iconColor: theme.tableCellSortIcon, size: 20 })))))))))),
79
79
  React.createElement("tbody", null, tableProps.elements.map((item) => (React.createElement(TableRow, { key: item.id, hover: hover, active: selectedRow === item.id, selectable: selectable, onClick: () => handleRowClick(item.id) }, tableProps.headers.map((header) => (React.createElement(React.Fragment, null, header.action ? (React.createElement(OptionTableCell, { key: `${item.id}-${header.name}-action` },
80
80
  React.createElement(OptionTableCellWrapper, { onClick: (e) => e.stopPropagation() },
81
- React.createElement(DropdownMenu, { options: moreActions, targetID: item.id, iconName: "more_vert", iconColor: theme.tableMoreIconColor, iconHoverColor: theme.tableHoverMoreIconColor, iconBgHoverColor: "transparent" })))) : (React.createElement(TableCell, { key: `${item.id}-${header.name}` }, header.date
81
+ React.createElement(DropdownMenu, { options: moreActions, targetID: item.id, iconName: "more_vert", iconColor: theme.tableMoreIconColor, iconHoverColor: theme.tableHoverMoreIconColor, iconBgHoverColor: "transparent", position: 'right' })))) : (React.createElement(TableCell, { key: `${item.id}-${header.name}` }, header.date
82
82
  ? format(item[header.valueSource], 'dd-MM-yyyy')
83
83
  : header.isCount
84
84
  ? item[header.valueSource].length
package/dist/esm/components/Table/Table.styles.js CHANGED
@@ -18,7 +18,7 @@ export const TableHeaderCell = styled.th `
18
18
  background-color: ${(p) => p.isSorted
19
19
  ? p.theme.tableHeaderActiveBackground
20
20
  : p.theme.tableHeaderBackground};
21
- border-bottom: 2px solid rgba(0, 0, 0, 0.14);
21
+ border-bottom: 1px solid rgba(0, 0, 0, 0.14);
22
22
 
23
23
  :hover {
24
24
  background-color: ${(p) => p.isSorted
@@ -39,7 +39,7 @@ export const OptionTableHeaderCell = styled.th `
39
39
  transition: 300ms;
40
40
  font-size: 14px;
41
41
  background-color: ${(p) => p.theme.tableHeaderBackground};
42
- border-bottom: 2px solid rgba(0, 0, 0, 0.14);
42
+ border-bottom: 1px solid rgba(0, 0, 0, 0.14);
43
43
  `;
44
44
  export const TableHeaderSortIcon = styled.div `
45
45
  width: 20px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "venice-ui",
3
- "version": "2.0.16",
3
+ "version": "2.0.17",
4
4
  "description": "Component library",
5
5
  "main": "index.js",
6
6
  "module": "./dist/esm/index.js",