venice-ui 2.0.7 → 2.0.9
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.
- package/dist/cjs/components/Button/Button.styles.js +1 -5
- package/dist/cjs/components/Input/Input.js +0 -2
- package/dist/cjs/components/Table/Table.js +4 -2
- package/dist/esm/components/Button/Button.styles.js +1 -5
- package/dist/esm/components/Input/Input.js +0 -2
- package/dist/esm/components/Table/Table.js +4 -2
- package/dist/types/components/Table/Table.d.ts +1 -0
- package/package.json +1 -1
|
@@ -20,6 +20,7 @@ exports.ButtonElement = styled_components_1.default.button `
|
|
|
20
20
|
overflow: hidden;
|
|
21
21
|
transition: 300ms;
|
|
22
22
|
white-space: nowrap;
|
|
23
|
+
${(p) => (0, common_1.setButtonSize)(p.size, p.loader)}
|
|
23
24
|
${(p) => p.mode === 'primary' &&
|
|
24
25
|
`background-color: ${p.theme.action};
|
|
25
26
|
border: none;
|
|
@@ -31,8 +32,6 @@ exports.ButtonElement = styled_components_1.default.button `
|
|
|
31
32
|
${p.errorVariant &&
|
|
32
33
|
`background-color:${p.theme.errorBackgroundColor};
|
|
33
34
|
border:none;`}
|
|
34
|
-
|
|
35
|
-
|
|
36
35
|
`}
|
|
37
36
|
|
|
38
37
|
${(p) => p.mode === 'secondary' &&
|
|
@@ -47,10 +46,7 @@ exports.ButtonElement = styled_components_1.default.button `
|
|
|
47
46
|
border: 1px solid ${p.theme.disabledText};
|
|
48
47
|
}
|
|
49
48
|
`}
|
|
50
|
-
|
|
51
|
-
|
|
52
49
|
|
|
53
|
-
${(p) => (0, common_1.setButtonSize)(p.size, p.loader)}
|
|
54
50
|
&:hover {
|
|
55
51
|
transition: 300ms;
|
|
56
52
|
${(p) => p.mode === 'primary' &&
|
|
@@ -104,8 +104,10 @@ 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:
|
|
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
|
|
108
108
|
? (0, date_fns_1.format)(item[header.valueSource], 'dd-MM-yyyy')
|
|
109
|
-
:
|
|
109
|
+
: header.isCount
|
|
110
|
+
? item[header.valueSource].length
|
|
111
|
+
: item[header.valueSource]))))))))))));
|
|
110
112
|
};
|
|
111
113
|
exports.Table = Table;
|
|
@@ -14,6 +14,7 @@ export const ButtonElement = styled.button `
|
|
|
14
14
|
overflow: hidden;
|
|
15
15
|
transition: 300ms;
|
|
16
16
|
white-space: nowrap;
|
|
17
|
+
${(p) => setButtonSize(p.size, p.loader)}
|
|
17
18
|
${(p) => p.mode === 'primary' &&
|
|
18
19
|
`background-color: ${p.theme.action};
|
|
19
20
|
border: none;
|
|
@@ -25,8 +26,6 @@ export const ButtonElement = styled.button `
|
|
|
25
26
|
${p.errorVariant &&
|
|
26
27
|
`background-color:${p.theme.errorBackgroundColor};
|
|
27
28
|
border:none;`}
|
|
28
|
-
|
|
29
|
-
|
|
30
29
|
`}
|
|
31
30
|
|
|
32
31
|
${(p) => p.mode === 'secondary' &&
|
|
@@ -41,10 +40,7 @@ export const ButtonElement = styled.button `
|
|
|
41
40
|
border: 1px solid ${p.theme.disabledText};
|
|
42
41
|
}
|
|
43
42
|
`}
|
|
44
|
-
|
|
45
|
-
|
|
46
43
|
|
|
47
|
-
${(p) => setButtonSize(p.size, p.loader)}
|
|
48
44
|
&:hover {
|
|
49
45
|
transition: 300ms;
|
|
50
46
|
${(p) => p.mode === 'primary' &&
|
|
@@ -78,7 +78,9 @@ 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:
|
|
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
|
|
82
82
|
? format(item[header.valueSource], 'dd-MM-yyyy')
|
|
83
|
-
:
|
|
83
|
+
: header.isCount
|
|
84
|
+
? item[header.valueSource].length
|
|
85
|
+
: item[header.valueSource]))))))))))));
|
|
84
86
|
};
|