@jobber/components 6.90.2 → 6.90.3
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.
|
@@ -42,11 +42,11 @@ function SortIcon({ direction }) {
|
|
|
42
42
|
var styles = {"container":"_1-DPmbxOkZ8-","tableElement":"kJeYcsgg700-","header":"_5d2OcsTVgzU-","headerCell":"LTx0tCU3F2I-","sortableButton":"WTQCrd2d8nw-","focusArea":"RipbH3rRU-E-","row":"sJQbtw-NEHU-","cell":"_1UpLYTK64uY-","footer":"qe-6UrAFLTo-","actions":"_2fZsLSaNPnI-","rowActions":"pElxuwpGmCI-","pagination":"thJ-CSoe0ps-","spinning":"EBpmC7cZzCs-"};
|
|
43
43
|
|
|
44
44
|
function DataTableActions(props) {
|
|
45
|
-
return (React.createElement("div", Object.assign({ className: classnames(styles.actions, props.className) }
|
|
45
|
+
return (React.createElement("div", Object.assign({}, props, { className: classnames(styles.actions, props.className) }), props.children));
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
function DataTableBody(props) {
|
|
49
|
-
return (React.createElement("tbody", Object.assign({ className: classnames(props.className) }
|
|
49
|
+
return (React.createElement("tbody", Object.assign({}, props, { className: classnames(props.className) }), props.children));
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
const DataTableCell = React.forwardRef((props, ref) => {
|
|
@@ -55,18 +55,18 @@ const DataTableCell = React.forwardRef((props, ref) => {
|
|
|
55
55
|
DataTableCell.displayName = "DataTableCell";
|
|
56
56
|
|
|
57
57
|
function DataTableContainer(props) {
|
|
58
|
-
return (React.createElement("div", Object.assign({ className: classnames(styles.container, props.className) }
|
|
58
|
+
return (React.createElement("div", Object.assign({}, props, { className: classnames(styles.container, props.className) }), props.children));
|
|
59
59
|
}
|
|
60
60
|
|
|
61
61
|
function DataTableFooter(_a) {
|
|
62
62
|
var { children, className, colSpan } = _a, props = tslib_es6.__rest(_a, ["children", "className", "colSpan"]);
|
|
63
|
-
return (React.createElement("tfoot", Object.assign({ className: classnames(styles.footer, className) }
|
|
63
|
+
return (React.createElement("tfoot", Object.assign({}, props, { className: classnames(styles.footer, className) }),
|
|
64
64
|
React.createElement("tr", null,
|
|
65
65
|
React.createElement("td", { colSpan: colSpan }, children))));
|
|
66
66
|
}
|
|
67
67
|
|
|
68
68
|
function DataTableHeader(props) {
|
|
69
|
-
return (React.createElement("thead", Object.assign({ className: classnames(styles.header, props.className) }
|
|
69
|
+
return (React.createElement("thead", Object.assign({}, props, { className: classnames(styles.header, props.className) }),
|
|
70
70
|
React.createElement("tr", null, props.children)));
|
|
71
71
|
}
|
|
72
72
|
|
|
@@ -77,7 +77,7 @@ DataTableHeaderCell.displayName = "DataTableHeaderCell";
|
|
|
77
77
|
|
|
78
78
|
function DataTablePagination(_a) {
|
|
79
79
|
var { children, className } = _a, props = tslib_es6.__rest(_a, ["children", "className"]);
|
|
80
|
-
return (React.createElement("div", Object.assign({ className: classnames(styles.pagination, className) }
|
|
80
|
+
return (React.createElement("div", Object.assign({}, props, { className: classnames(styles.pagination, className) }), children));
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
function DataTablePaginationButton({ direction, onClick, disabled = false, ariaLabel, }) {
|
|
@@ -86,7 +86,7 @@ function DataTablePaginationButton({ direction, onClick, disabled = false, ariaL
|
|
|
86
86
|
}
|
|
87
87
|
|
|
88
88
|
const DataTableRow = React.forwardRef((props, ref) => {
|
|
89
|
-
return (React.createElement("tr", Object.assign({ className: classnames(styles.row, props.className), ref: ref }
|
|
89
|
+
return (React.createElement("tr", Object.assign({}, props, { className: classnames(styles.row, props.className), ref: ref }), props.children));
|
|
90
90
|
});
|
|
91
91
|
DataTableRow.displayName = "DataTableRow";
|
|
92
92
|
|
|
@@ -108,7 +108,7 @@ function DataTableSortableHeader(props) {
|
|
|
108
108
|
}
|
|
109
109
|
|
|
110
110
|
function DataTableTable(props) {
|
|
111
|
-
return (React.createElement("table", Object.assign({ className: classnames(styles.tableElement, props.className) }
|
|
111
|
+
return (React.createElement("table", Object.assign({}, props, { className: classnames(styles.tableElement, props.className) }), props.children));
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
exports.DataTableActions = DataTableActions;
|
|
@@ -40,11 +40,11 @@ function SortIcon({ direction }) {
|
|
|
40
40
|
var styles = {"container":"_1-DPmbxOkZ8-","tableElement":"kJeYcsgg700-","header":"_5d2OcsTVgzU-","headerCell":"LTx0tCU3F2I-","sortableButton":"WTQCrd2d8nw-","focusArea":"RipbH3rRU-E-","row":"sJQbtw-NEHU-","cell":"_1UpLYTK64uY-","footer":"qe-6UrAFLTo-","actions":"_2fZsLSaNPnI-","rowActions":"pElxuwpGmCI-","pagination":"thJ-CSoe0ps-","spinning":"EBpmC7cZzCs-"};
|
|
41
41
|
|
|
42
42
|
function DataTableActions(props) {
|
|
43
|
-
return (React__default.createElement("div", Object.assign({ className: classnames(styles.actions, props.className) }
|
|
43
|
+
return (React__default.createElement("div", Object.assign({}, props, { className: classnames(styles.actions, props.className) }), props.children));
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
function DataTableBody(props) {
|
|
47
|
-
return (React__default.createElement("tbody", Object.assign({ className: classnames(props.className) }
|
|
47
|
+
return (React__default.createElement("tbody", Object.assign({}, props, { className: classnames(props.className) }), props.children));
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
const DataTableCell = forwardRef((props, ref) => {
|
|
@@ -53,18 +53,18 @@ const DataTableCell = forwardRef((props, ref) => {
|
|
|
53
53
|
DataTableCell.displayName = "DataTableCell";
|
|
54
54
|
|
|
55
55
|
function DataTableContainer(props) {
|
|
56
|
-
return (React__default.createElement("div", Object.assign({ className: classnames(styles.container, props.className) }
|
|
56
|
+
return (React__default.createElement("div", Object.assign({}, props, { className: classnames(styles.container, props.className) }), props.children));
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
function DataTableFooter(_a) {
|
|
60
60
|
var { children, className, colSpan } = _a, props = __rest(_a, ["children", "className", "colSpan"]);
|
|
61
|
-
return (React__default.createElement("tfoot", Object.assign({ className: classnames(styles.footer, className) }
|
|
61
|
+
return (React__default.createElement("tfoot", Object.assign({}, props, { className: classnames(styles.footer, className) }),
|
|
62
62
|
React__default.createElement("tr", null,
|
|
63
63
|
React__default.createElement("td", { colSpan: colSpan }, children))));
|
|
64
64
|
}
|
|
65
65
|
|
|
66
66
|
function DataTableHeader(props) {
|
|
67
|
-
return (React__default.createElement("thead", Object.assign({ className: classnames(styles.header, props.className) }
|
|
67
|
+
return (React__default.createElement("thead", Object.assign({}, props, { className: classnames(styles.header, props.className) }),
|
|
68
68
|
React__default.createElement("tr", null, props.children)));
|
|
69
69
|
}
|
|
70
70
|
|
|
@@ -75,7 +75,7 @@ DataTableHeaderCell.displayName = "DataTableHeaderCell";
|
|
|
75
75
|
|
|
76
76
|
function DataTablePagination(_a) {
|
|
77
77
|
var { children, className } = _a, props = __rest(_a, ["children", "className"]);
|
|
78
|
-
return (React__default.createElement("div", Object.assign({ className: classnames(styles.pagination, className) }
|
|
78
|
+
return (React__default.createElement("div", Object.assign({}, props, { className: classnames(styles.pagination, className) }), children));
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
function DataTablePaginationButton({ direction, onClick, disabled = false, ariaLabel, }) {
|
|
@@ -84,7 +84,7 @@ function DataTablePaginationButton({ direction, onClick, disabled = false, ariaL
|
|
|
84
84
|
}
|
|
85
85
|
|
|
86
86
|
const DataTableRow = forwardRef((props, ref) => {
|
|
87
|
-
return (React__default.createElement("tr", Object.assign({ className: classnames(styles.row, props.className), ref: ref }
|
|
87
|
+
return (React__default.createElement("tr", Object.assign({}, props, { className: classnames(styles.row, props.className), ref: ref }), props.children));
|
|
88
88
|
});
|
|
89
89
|
DataTableRow.displayName = "DataTableRow";
|
|
90
90
|
|
|
@@ -106,7 +106,7 @@ function DataTableSortableHeader(props) {
|
|
|
106
106
|
}
|
|
107
107
|
|
|
108
108
|
function DataTableTable(props) {
|
|
109
|
-
return (React__default.createElement("table", Object.assign({ className: classnames(styles.tableElement, props.className) }
|
|
109
|
+
return (React__default.createElement("table", Object.assign({}, props, { className: classnames(styles.tableElement, props.className) }), props.children));
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
export { DataTableActions as D, SortIcon as S, SortDirection as a, DataTableBody as b, DataTableCell as c, DataTableContainer as d, DataTableFooter as e, DataTableHeader as f, DataTableHeaderCell as g, DataTablePagination as h, DataTablePaginationButton as i, DataTableRow as j, DataTableRowActions as k, DataTableSortableHeader as l, DataTableTable as m };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/components",
|
|
3
|
-
"version": "6.90.
|
|
3
|
+
"version": "6.90.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.cjs",
|
|
@@ -541,5 +541,5 @@
|
|
|
541
541
|
"> 1%",
|
|
542
542
|
"IE 10"
|
|
543
543
|
],
|
|
544
|
-
"gitHead": "
|
|
544
|
+
"gitHead": "e93994a2cb7cb82cc0e2b1e67ef2e09c98bebb1f"
|
|
545
545
|
}
|