@terraware/web-components 2.3.18 → 2.3.19
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/components/Autocomplete/Autocomplete.js +12 -28
- package/components/BusySpinner/index.js +0 -5
- package/components/Button/Button.js +12 -19
- package/components/Button/button.test.js +0 -8
- package/components/Checkbox.js +1 -10
- package/components/DatePicker/DatePicker.js +7 -25
- package/components/DialogBox/DialogBox.js +11 -21
- package/components/Divisor.js +1 -5
- package/components/Dropdown.js +10 -24
- package/components/ErrorBox/ErrorBox.js +5 -14
- package/components/FormBottomBar/index.js +9 -19
- package/components/Icon/Icon.js +3 -8
- package/components/Icon/icons/index.js +0 -79
- package/components/IconTooltip/index.js +8 -23
- package/components/Message/Message.js +9 -18
- package/components/MultiSelect/MultiSelect.test.js +20 -22
- package/components/MultiSelect/index.js +18 -32
- package/components/Navbar/NavFooter.js +0 -4
- package/components/Navbar/NavItem.js +10 -26
- package/components/Navbar/NavSection.js +2 -6
- package/components/Navbar/Navbar.js +3 -13
- package/components/Navbar/SubNavbar.js +0 -4
- package/components/Note.js +0 -6
- package/components/PageForm/index.js +8 -28
- package/components/Pill/index.js +5 -12
- package/components/PillList/index.js +3 -8
- package/components/PopoverMenu/Popover.js +3 -14
- package/components/PopoverMenu/index.js +5 -22
- package/components/ProgressCircle/ProgressCircle.js +5 -10
- package/components/RadioButton.js +0 -6
- package/components/Select/Select.js +0 -6
- package/components/Select/SelectT.js +28 -68
- package/components/SummaryBox.js +6 -13
- package/components/TextTruncated/index.js +16 -41
- package/components/Textfield/Textfield.js +22 -41
- package/components/Tooltip/Tooltip.js +7 -21
- package/components/svg/BlobbyGrayIconImage.js +2 -9
- package/components/svg/BlobbyGrayIconUploadToTheCloud.js +2 -9
- package/components/svg/BlobbyIconHappy.js +2 -9
- package/components/svg/BlobbyIconHeartMonitor.js +2 -9
- package/components/svg/BlobbyIconLeaf.js +2 -9
- package/components/svg/BlobbyIconLibrary.js +2 -9
- package/components/svg/BlobbyIconNursery.js +2 -9
- package/components/svg/BlobbyIconOrganization.js +2 -9
- package/components/svg/BlobbyIconPeople.js +2 -9
- package/components/svg/BlobbyIconSeedBank.js +2 -9
- package/components/svg/BlobbyIconSite.js +2 -9
- package/components/svg/BlobbyIconWrench.js +2 -9
- package/components/svg/Bug.js +2 -9
- package/components/svg/Calendar.js +2 -9
- package/components/svg/CaretDown.js +2 -9
- package/components/svg/CaretLeft.js +2 -9
- package/components/svg/CaretUp.js +2 -9
- package/components/svg/ChevronDown.js +2 -9
- package/components/svg/ChevronUp.js +2 -9
- package/components/svg/Close.js +2 -9
- package/components/svg/Critical.js +2 -9
- package/components/svg/Edit.js +2 -9
- package/components/svg/Error.js +2 -9
- package/components/svg/Filter.js +2 -9
- package/components/svg/Folder.js +2 -9
- package/components/svg/Help.js +2 -9
- package/components/svg/Home.js +2 -9
- package/components/svg/IconAdd.js +2 -9
- package/components/svg/IconArrowRight.js +2 -9
- package/components/svg/IconBusinessNetwork.js +2 -9
- package/components/svg/IconCancel.js +2 -9
- package/components/svg/IconChargingBattery.js +2 -9
- package/components/svg/IconCheckmark.js +2 -9
- package/components/svg/IconCoinInHand.js +2 -9
- package/components/svg/IconColumns.js +2 -9
- package/components/svg/IconDashboard.js +2 -9
- package/components/svg/IconEdit.js +2 -9
- package/components/svg/IconExport.js +2 -9
- package/components/svg/IconFile.js +2 -9
- package/components/svg/IconFolder.js +2 -9
- package/components/svg/IconFutures.js +2 -9
- package/components/svg/IconGraphReport.js +2 -9
- package/components/svg/IconHeartMonitor.js +2 -9
- package/components/svg/IconImport.js +2 -9
- package/components/svg/IconLocations.js +2 -9
- package/components/svg/IconMail.js +2 -9
- package/components/svg/IconManager.js +2 -9
- package/components/svg/IconMenu.js +2 -9
- package/components/svg/IconMenuHorizontal.js +2 -9
- package/components/svg/IconMyLocation.js +2 -9
- package/components/svg/IconNursery.js +2 -9
- package/components/svg/IconOrg.js +2 -9
- package/components/svg/IconRestorationSite.js +2 -9
- package/components/svg/IconSeedBank.js +2 -9
- package/components/svg/IconSeedling.js +2 -9
- package/components/svg/IconSynced.js +2 -9
- package/components/svg/IconTrashCan.js +2 -9
- package/components/svg/IconWifi.js +2 -9
- package/components/svg/Info.js +2 -9
- package/components/svg/Key.js +2 -9
- package/components/svg/Leaf.js +2 -9
- package/components/svg/Lock.js +2 -9
- package/components/svg/Logo.js +2 -9
- package/components/svg/MenuVertical.js +2 -9
- package/components/svg/Notification.js +2 -9
- package/components/svg/Person.js +2 -9
- package/components/svg/Plus.js +2 -9
- package/components/svg/RestorationSite.js +2 -9
- package/components/svg/Search.js +2 -9
- package/components/svg/Seeds.js +2 -9
- package/components/svg/Site.js +2 -9
- package/components/svg/Sparkles.js +2 -9
- package/components/svg/Species.js +2 -9
- package/components/svg/Species2.js +2 -9
- package/components/svg/Spinner.js +2 -9
- package/components/svg/Success.js +2 -9
- package/components/svg/Touchscreen.js +2 -9
- package/components/svg/UploadCloud.js +2 -9
- package/components/svg/Warning.js +2 -9
- package/components/svg/index.js +4 -83
- package/components/table/EnhancedTableToolbar.js +2 -9
- package/components/table/TableCellRenderer.js +24 -42
- package/components/table/TableHeader.js +8 -22
- package/components/table/TableHeaderItem.js +12 -25
- package/components/table/index.js +58 -115
- package/components/table/sort.js +2 -16
- package/components/table/sort.test.js +0 -1
- package/index.js +35 -77
- package/license-report.html +1 -1
- package/package.json +2 -2
- package/theme.js +1 -8
- package/utils/date.js +8 -27
- package/utils/date.test.js +0 -3
- package/utils/date.v1.js +1 -6
- package/utils/index.js +0 -7
- package/utils/preventDefaultEvent.js +0 -2
- package/utils/text.js +0 -2
- package/utils/useDeviceInfo.js +9 -11
|
@@ -1,45 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = EnhancedTable;
|
|
9
8
|
exports.tableSort = tableSort;
|
|
10
|
-
|
|
11
9
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
|
|
12
|
-
|
|
13
10
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
14
|
-
|
|
15
11
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
16
|
-
|
|
17
12
|
var _material = require("@mui/material");
|
|
18
|
-
|
|
19
13
|
var _react = _interopRequireWildcard(require("react"));
|
|
20
|
-
|
|
21
14
|
var _EnhancedTableToolbar = _interopRequireDefault(require("./EnhancedTableToolbar"));
|
|
22
|
-
|
|
23
15
|
var _sort = require("./sort");
|
|
24
|
-
|
|
25
16
|
var _TableCellRenderer = _interopRequireDefault(require("./TableCellRenderer"));
|
|
26
|
-
|
|
27
17
|
var _TableHeader = _interopRequireDefault(require("./TableHeader"));
|
|
28
|
-
|
|
29
18
|
var _styles = require("@mui/styles");
|
|
30
|
-
|
|
31
19
|
var _core = require("@dnd-kit/core");
|
|
32
|
-
|
|
33
20
|
var _sortable = require("@dnd-kit/sortable");
|
|
34
|
-
|
|
35
21
|
var _utils = require("../../utils");
|
|
36
|
-
|
|
37
22
|
var _Checkbox = require("../Checkbox");
|
|
38
|
-
|
|
39
23
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
40
|
-
|
|
41
24
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
42
|
-
|
|
43
25
|
var tableStyles = (0, _styles.makeStyles)(function (theme) {
|
|
44
26
|
return {
|
|
45
27
|
hover: {
|
|
@@ -66,82 +48,71 @@ var tableStyles = (0, _styles.makeStyles)(function (theme) {
|
|
|
66
48
|
}
|
|
67
49
|
};
|
|
68
50
|
});
|
|
69
|
-
|
|
70
51
|
function EnhancedTable(_ref) {
|
|
71
52
|
var id = _ref.id,
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
53
|
+
columns = _ref.columns,
|
|
54
|
+
rows = _ref.rows,
|
|
55
|
+
_ref$order = _ref.order,
|
|
56
|
+
_order = _ref$order === void 0 ? 'asc' : _ref$order,
|
|
57
|
+
_orderBy = _ref.orderBy,
|
|
58
|
+
_ref$Renderer = _ref.Renderer,
|
|
59
|
+
Renderer = _ref$Renderer === void 0 ? _TableCellRenderer.default : _ref$Renderer,
|
|
60
|
+
onSelect = _ref.onSelect,
|
|
61
|
+
DetailsRenderer = _ref.DetailsRenderer,
|
|
62
|
+
_ref$sortComparator = _ref.sortComparator,
|
|
63
|
+
sortComparator = _ref$sortComparator === void 0 ? _sort.descendingComparator : _ref$sortComparator,
|
|
64
|
+
sortHandler = _ref.sortHandler,
|
|
65
|
+
isInactive = _ref.isInactive,
|
|
66
|
+
isPresorted = _ref.isPresorted,
|
|
67
|
+
onReorderEnd = _ref.onReorderEnd,
|
|
68
|
+
isClickable = _ref.isClickable,
|
|
69
|
+
emptyTableMessage = _ref.emptyTableMessage,
|
|
70
|
+
showCheckbox = _ref.showCheckbox,
|
|
71
|
+
showTopBar = _ref.showTopBar,
|
|
72
|
+
topBarButtons = _ref.topBarButtons,
|
|
73
|
+
selectedRows = _ref.selectedRows,
|
|
74
|
+
setSelectedRows = _ref.setSelectedRows,
|
|
75
|
+
controlledOnSelect = _ref.controlledOnSelect,
|
|
76
|
+
reloadData = _ref.reloadData,
|
|
77
|
+
_ref$stickyHeader = _ref.stickyHeader,
|
|
78
|
+
stickyHeader = _ref$stickyHeader === void 0 ? true : _ref$stickyHeader,
|
|
79
|
+
hideHeader = _ref.hideHeader,
|
|
80
|
+
booleanFalseText = _ref.booleanFalseText,
|
|
81
|
+
booleanTrueText = _ref.booleanTrueText,
|
|
82
|
+
editText = _ref.editText,
|
|
83
|
+
renderNumSelectedText = _ref.renderNumSelectedText,
|
|
84
|
+
renderPaginationText = _ref.renderPaginationText;
|
|
105
85
|
var classes = tableStyles();
|
|
106
86
|
var theme = (0, _material.useTheme)();
|
|
107
|
-
|
|
108
87
|
var _React$useState = _react.default.useState(_order),
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
88
|
+
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
|
|
89
|
+
order = _React$useState2[0],
|
|
90
|
+
setOrder = _React$useState2[1];
|
|
113
91
|
var _React$useState3 = _react.default.useState(_orderBy),
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
92
|
+
_React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
|
|
93
|
+
orderBy = _React$useState4[0],
|
|
94
|
+
setOrderBy = _React$useState4[1];
|
|
118
95
|
var _useState = (0, _react.useState)(100),
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
96
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 1),
|
|
97
|
+
maxItemsPerPage = _useState2[0];
|
|
122
98
|
var _useState3 = (0, _react.useState)(0),
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
99
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
100
|
+
itemsToSkip = _useState4[0],
|
|
101
|
+
setItemsToSkip = _useState4[1];
|
|
127
102
|
var _useDeviceInfo = (0, _utils.useDeviceInfo)(),
|
|
128
|
-
|
|
129
|
-
|
|
103
|
+
isMobile = _useDeviceInfo.isMobile;
|
|
130
104
|
var _useState5 = (0, _react.useState)(),
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
105
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
106
|
+
displayColumnKeyNames = _useState6[0],
|
|
107
|
+
setDisplayColumnKeyNames = _useState6[1];
|
|
135
108
|
var _useState7 = (0, _react.useState)(),
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
109
|
+
_useState8 = (0, _slicedToArray2.default)(_useState7, 2),
|
|
110
|
+
displayColumnsIndexed = _useState8[0],
|
|
111
|
+
setDisplayColumnsIndexed = _useState8[1];
|
|
140
112
|
var _useState9 = (0, _react.useState)(),
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
113
|
+
_useState10 = (0, _slicedToArray2.default)(_useState9, 2),
|
|
114
|
+
displayColumnDetails = _useState10[0],
|
|
115
|
+
setDisplayColumnDetails = _useState10[1];
|
|
145
116
|
(0, _react.useEffect)(function () {
|
|
146
117
|
var columnsKeyNames = columns.map(function (col) {
|
|
147
118
|
return col.key;
|
|
@@ -166,11 +137,9 @@ function EnhancedTable(_ref) {
|
|
|
166
137
|
if (setSelectedRows && rows.length >= 0) {
|
|
167
138
|
setSelectedRows(function (currentlySelectedRows) {
|
|
168
139
|
var emptyArray = [];
|
|
169
|
-
|
|
170
140
|
if (rows.length || currentlySelectedRows.length > rows.length) {
|
|
171
141
|
return emptyArray;
|
|
172
142
|
}
|
|
173
|
-
|
|
174
143
|
return currentlySelectedRows;
|
|
175
144
|
});
|
|
176
145
|
}
|
|
@@ -184,26 +153,21 @@ function EnhancedTable(_ref) {
|
|
|
184
153
|
handleChangePage({}, 1);
|
|
185
154
|
}
|
|
186
155
|
}, [rows]);
|
|
187
|
-
|
|
188
156
|
var handleRequestSort = function handleRequestSort(event, property) {
|
|
189
157
|
var isAsc = orderBy === property && order === 'asc';
|
|
190
158
|
var newOrder = isAsc ? 'desc' : 'asc';
|
|
191
159
|
setOrder(newOrder);
|
|
192
160
|
setOrderBy(property);
|
|
193
|
-
|
|
194
161
|
if (sortHandler) {
|
|
195
162
|
sortHandler(newOrder, property);
|
|
196
163
|
}
|
|
197
164
|
};
|
|
198
|
-
|
|
199
165
|
var hasEditColumn = columns.filter(function (c) {
|
|
200
166
|
return c.type === 'edit';
|
|
201
167
|
}).length > 0;
|
|
202
|
-
|
|
203
168
|
var isSelected = function isSelected(row) {
|
|
204
169
|
return selectedRows && selectedRows.indexOf(row) !== -1;
|
|
205
170
|
};
|
|
206
|
-
|
|
207
171
|
var handleSelectAllClick = function handleSelectAllClick(event) {
|
|
208
172
|
if (setSelectedRows) {
|
|
209
173
|
if (event.target.checked) {
|
|
@@ -214,12 +178,10 @@ function EnhancedTable(_ref) {
|
|
|
214
178
|
}
|
|
215
179
|
}
|
|
216
180
|
};
|
|
217
|
-
|
|
218
181
|
var handleClick = function handleClick(event, row) {
|
|
219
182
|
if (setSelectedRows && selectedRows) {
|
|
220
183
|
var selectedIndex = selectedRows.indexOf(row);
|
|
221
184
|
var newSelected = [];
|
|
222
|
-
|
|
223
185
|
if (selectedIndex === -1) {
|
|
224
186
|
newSelected = newSelected.concat(selectedRows, row);
|
|
225
187
|
} else if (selectedIndex === 0) {
|
|
@@ -229,15 +191,12 @@ function EnhancedTable(_ref) {
|
|
|
229
191
|
} else if (selectedIndex > 0) {
|
|
230
192
|
newSelected = newSelected.concat(selectedRows.slice(0, selectedIndex), selectedRows.slice(selectedIndex + 1));
|
|
231
193
|
}
|
|
232
|
-
|
|
233
194
|
setSelectedRows(newSelected);
|
|
234
195
|
}
|
|
235
196
|
};
|
|
236
|
-
|
|
237
197
|
var handleChangePage = function handleChangePage(event, newPage) {
|
|
238
198
|
setItemsToSkip(maxItemsPerPage * (newPage - 1));
|
|
239
199
|
};
|
|
240
|
-
|
|
241
200
|
function columnsToHeadCells(columnsR) {
|
|
242
201
|
return columnsR.map(function (c) {
|
|
243
202
|
return {
|
|
@@ -248,47 +207,37 @@ function EnhancedTable(_ref) {
|
|
|
248
207
|
};
|
|
249
208
|
});
|
|
250
209
|
}
|
|
251
|
-
|
|
252
210
|
var _React$useState5 = _react.default.useState(),
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
211
|
+
_React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
|
|
212
|
+
headCells = _React$useState6[0],
|
|
213
|
+
setHeadCells = _React$useState6[1];
|
|
257
214
|
_react.default.useEffect(function () {
|
|
258
215
|
if (displayColumnDetails) {
|
|
259
216
|
setHeadCells(columnsToHeadCells(displayColumnDetails));
|
|
260
217
|
}
|
|
261
218
|
}, [displayColumnDetails]);
|
|
262
|
-
|
|
263
219
|
var sensors = (0, _core.useSensors)((0, _core.useSensor)(_core.MouseSensor), (0, _core.useSensor)(_core.TouchSensor), (0, _core.useSensor)(_core.KeyboardSensor, {
|
|
264
220
|
coordinateGetter: _sortable.sortableKeyboardCoordinates
|
|
265
221
|
}));
|
|
266
222
|
var onReorderEndHandler = (0, _react.useCallback)(function (_ref2) {
|
|
267
223
|
var oldIndex = _ref2.oldIndex,
|
|
268
|
-
|
|
269
|
-
|
|
224
|
+
newIndex = _ref2.newIndex;
|
|
270
225
|
if (displayColumnKeyNames) {
|
|
271
226
|
if (newIndex !== 0 && oldIndex !== 0) {
|
|
272
227
|
var _newOrder = (0, _toConsumableArray2.default)(displayColumnKeyNames);
|
|
273
|
-
|
|
274
228
|
var moved = _newOrder.splice(oldIndex, 1);
|
|
275
|
-
|
|
276
229
|
_newOrder.splice(newIndex, 0, moved[0]);
|
|
277
|
-
|
|
278
230
|
setDisplayColumnKeyNames(_newOrder);
|
|
279
|
-
|
|
280
231
|
if (onReorderEnd) {
|
|
281
232
|
onReorderEnd(_newOrder);
|
|
282
233
|
}
|
|
283
234
|
}
|
|
284
235
|
}
|
|
285
236
|
}, [displayColumnKeyNames, setDisplayColumnKeyNames, onReorderEnd]);
|
|
286
|
-
|
|
287
237
|
function handleDragEnd(event) {
|
|
288
238
|
if (headCells) {
|
|
289
239
|
var active = event.active,
|
|
290
|
-
|
|
291
|
-
|
|
240
|
+
over = event.over;
|
|
292
241
|
if (active && over && active.id !== over.id && onReorderEndHandler) {
|
|
293
242
|
var oldIndex = headCells.findIndex(function (item) {
|
|
294
243
|
return item.id === active.id;
|
|
@@ -303,7 +252,6 @@ function EnhancedTable(_ref) {
|
|
|
303
252
|
}
|
|
304
253
|
}
|
|
305
254
|
}
|
|
306
|
-
|
|
307
255
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showTopBar && /*#__PURE__*/_react.default.createElement(_EnhancedTableToolbar.default, {
|
|
308
256
|
numSelected: selectedRows ? selectedRows.length : 0,
|
|
309
257
|
renderNumSelectedText: renderNumSelectedText,
|
|
@@ -338,7 +286,6 @@ function EnhancedTable(_ref) {
|
|
|
338
286
|
var _onClick = onSelect && !controlledOnSelect ? function () {
|
|
339
287
|
return onSelect(row);
|
|
340
288
|
} : undefined;
|
|
341
|
-
|
|
342
289
|
var isItemSelected = isSelected(row);
|
|
343
290
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
|
|
344
291
|
key: index
|
|
@@ -350,11 +297,9 @@ function EnhancedTable(_ref) {
|
|
|
350
297
|
hover: Boolean(onSelect) && (isClickable ? isClickable(row) : true) && !hasEditColumn,
|
|
351
298
|
onClick: function onClick(e) {
|
|
352
299
|
e.stopPropagation();
|
|
353
|
-
|
|
354
300
|
if (_onClick && !hasEditColumn && (isClickable ? isClickable(row) : true)) {
|
|
355
301
|
_onClick();
|
|
356
302
|
}
|
|
357
|
-
|
|
358
303
|
if (!_onClick && !hasEditColumn && (isClickable ? isClickable(row) : true)) {
|
|
359
304
|
handleClick(e, row);
|
|
360
305
|
}
|
|
@@ -415,11 +360,9 @@ function EnhancedTable(_ref) {
|
|
|
415
360
|
size: 'small'
|
|
416
361
|
})));
|
|
417
362
|
}
|
|
418
|
-
|
|
419
363
|
function tableSort(ignore, array, comparator) {
|
|
420
364
|
if (ignore) {
|
|
421
365
|
return array;
|
|
422
366
|
}
|
|
423
|
-
|
|
424
367
|
return (0, _sort.stableSort)(array, comparator);
|
|
425
368
|
}
|
package/components/table/sort.js
CHANGED
|
@@ -6,45 +6,34 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.descendingComparator = descendingComparator;
|
|
7
7
|
exports.getComparator = getComparator;
|
|
8
8
|
exports.stableSort = stableSort;
|
|
9
|
-
|
|
10
9
|
function descendingComparator(a, b, orderBy) {
|
|
11
10
|
var _b$orderBy, _a$orderBy;
|
|
12
|
-
|
|
13
11
|
// first attempt to parse into a numeric value and compare
|
|
14
12
|
var numCompare = descendingNumComparator(a, b, orderBy);
|
|
15
|
-
|
|
16
13
|
if (numCompare !== null) {
|
|
17
14
|
return numCompare;
|
|
18
|
-
}
|
|
19
|
-
|
|
15
|
+
}
|
|
20
16
|
|
|
17
|
+
// if non-numeric, compare using the javascript built-in compare for this type
|
|
21
18
|
var bValue = (_b$orderBy = b[orderBy]) !== null && _b$orderBy !== void 0 ? _b$orderBy : '';
|
|
22
19
|
var aValue = (_a$orderBy = a[orderBy]) !== null && _a$orderBy !== void 0 ? _a$orderBy : '';
|
|
23
|
-
|
|
24
20
|
if (bValue < aValue) {
|
|
25
21
|
return -1;
|
|
26
22
|
}
|
|
27
|
-
|
|
28
23
|
if (bValue > aValue) {
|
|
29
24
|
return 1;
|
|
30
25
|
}
|
|
31
|
-
|
|
32
26
|
return 0;
|
|
33
27
|
}
|
|
34
|
-
|
|
35
28
|
function descendingNumComparator(a, b, orderBy) {
|
|
36
29
|
var _a$orderBy2, _b$orderBy2;
|
|
37
|
-
|
|
38
30
|
var aNumValue = parseFloat((_a$orderBy2 = a[orderBy]) !== null && _a$orderBy2 !== void 0 ? _a$orderBy2 : '0.0');
|
|
39
31
|
var bNumValue = parseFloat((_b$orderBy2 = b[orderBy]) !== null && _b$orderBy2 !== void 0 ? _b$orderBy2 : '0.0');
|
|
40
|
-
|
|
41
32
|
if (!isNaN(aNumValue) && !isNaN(bNumValue)) {
|
|
42
33
|
return bNumValue - aNumValue;
|
|
43
34
|
}
|
|
44
|
-
|
|
45
35
|
return null;
|
|
46
36
|
}
|
|
47
|
-
|
|
48
37
|
function getComparator(order, orderBy, sorting) {
|
|
49
38
|
return order === 'desc' ? function (a, b) {
|
|
50
39
|
return sorting(a, b, orderBy);
|
|
@@ -52,18 +41,15 @@ function getComparator(order, orderBy, sorting) {
|
|
|
52
41
|
return -sorting(a, b, orderBy);
|
|
53
42
|
};
|
|
54
43
|
}
|
|
55
|
-
|
|
56
44
|
function stableSort(array, comparator) {
|
|
57
45
|
var stabilizedThis = array.map(function (el, index) {
|
|
58
46
|
return [el, index];
|
|
59
47
|
});
|
|
60
48
|
stabilizedThis.sort(function (a, b) {
|
|
61
49
|
var order = comparator(a[0], b[0]);
|
|
62
|
-
|
|
63
50
|
if (order !== 0) {
|
|
64
51
|
return order;
|
|
65
52
|
}
|
|
66
|
-
|
|
67
53
|
return a[1] - b[1];
|
|
68
54
|
});
|
|
69
55
|
return stabilizedThis.map(function (el) {
|
package/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -23,6 +22,18 @@ Object.defineProperty(exports, "Button", {
|
|
|
23
22
|
return _Button.default;
|
|
24
23
|
}
|
|
25
24
|
});
|
|
25
|
+
Object.defineProperty(exports, "CellDateRenderer", {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
get: function get() {
|
|
28
|
+
return _TableCellRenderer.CellDateRenderer;
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
Object.defineProperty(exports, "CellRenderer", {
|
|
32
|
+
enumerable: true,
|
|
33
|
+
get: function get() {
|
|
34
|
+
return _TableCellRenderer.default;
|
|
35
|
+
}
|
|
36
|
+
});
|
|
26
37
|
Object.defineProperty(exports, "Checkbox", {
|
|
27
38
|
enumerable: true,
|
|
28
39
|
get: function get() {
|
|
@@ -83,10 +94,10 @@ Object.defineProperty(exports, "IconTooltip", {
|
|
|
83
94
|
return _IconTooltip.default;
|
|
84
95
|
}
|
|
85
96
|
});
|
|
86
|
-
Object.defineProperty(exports, "
|
|
97
|
+
Object.defineProperty(exports, "Message", {
|
|
87
98
|
enumerable: true,
|
|
88
99
|
get: function get() {
|
|
89
|
-
return
|
|
100
|
+
return _Message.default;
|
|
90
101
|
}
|
|
91
102
|
});
|
|
92
103
|
Object.defineProperty(exports, "MultiSelect", {
|
|
@@ -95,12 +106,6 @@ Object.defineProperty(exports, "MultiSelect", {
|
|
|
95
106
|
return _MultiSelect.default;
|
|
96
107
|
}
|
|
97
108
|
});
|
|
98
|
-
Object.defineProperty(exports, "Navbar", {
|
|
99
|
-
enumerable: true,
|
|
100
|
-
get: function get() {
|
|
101
|
-
return _Navbar.default;
|
|
102
|
-
}
|
|
103
|
-
});
|
|
104
109
|
Object.defineProperty(exports, "NavFooter", {
|
|
105
110
|
enumerable: true,
|
|
106
111
|
get: function get() {
|
|
@@ -119,6 +124,12 @@ Object.defineProperty(exports, "NavSection", {
|
|
|
119
124
|
return _NavSection.default;
|
|
120
125
|
}
|
|
121
126
|
});
|
|
127
|
+
Object.defineProperty(exports, "Navbar", {
|
|
128
|
+
enumerable: true,
|
|
129
|
+
get: function get() {
|
|
130
|
+
return _Navbar.default;
|
|
131
|
+
}
|
|
132
|
+
});
|
|
122
133
|
Object.defineProperty(exports, "Note", {
|
|
123
134
|
enumerable: true,
|
|
124
135
|
get: function get() {
|
|
@@ -185,10 +196,11 @@ Object.defineProperty(exports, "SummaryBox", {
|
|
|
185
196
|
return _SummaryBox.default;
|
|
186
197
|
}
|
|
187
198
|
});
|
|
188
|
-
|
|
199
|
+
exports.Svg = void 0;
|
|
200
|
+
Object.defineProperty(exports, "Table", {
|
|
189
201
|
enumerable: true,
|
|
190
202
|
get: function get() {
|
|
191
|
-
return
|
|
203
|
+
return _table.default;
|
|
192
204
|
}
|
|
193
205
|
});
|
|
194
206
|
Object.defineProperty(exports, "TextTruncated", {
|
|
@@ -197,46 +209,40 @@ Object.defineProperty(exports, "TextTruncated", {
|
|
|
197
209
|
return _TextTruncated.default;
|
|
198
210
|
}
|
|
199
211
|
});
|
|
200
|
-
Object.defineProperty(exports, "
|
|
201
|
-
enumerable: true,
|
|
202
|
-
get: function get() {
|
|
203
|
-
return _table.default;
|
|
204
|
-
}
|
|
205
|
-
});
|
|
206
|
-
Object.defineProperty(exports, "descendingComparator", {
|
|
212
|
+
Object.defineProperty(exports, "Textfield", {
|
|
207
213
|
enumerable: true,
|
|
208
214
|
get: function get() {
|
|
209
|
-
return
|
|
215
|
+
return _Textfield.default;
|
|
210
216
|
}
|
|
211
217
|
});
|
|
212
|
-
Object.defineProperty(exports, "
|
|
218
|
+
Object.defineProperty(exports, "Tooltip", {
|
|
213
219
|
enumerable: true,
|
|
214
220
|
get: function get() {
|
|
215
|
-
return
|
|
221
|
+
return _Tooltip.default;
|
|
216
222
|
}
|
|
217
223
|
});
|
|
218
|
-
Object.defineProperty(exports, "
|
|
224
|
+
Object.defineProperty(exports, "descendingComparator", {
|
|
219
225
|
enumerable: true,
|
|
220
226
|
get: function get() {
|
|
221
|
-
return _sort.
|
|
227
|
+
return _sort.descendingComparator;
|
|
222
228
|
}
|
|
223
229
|
});
|
|
224
|
-
Object.defineProperty(exports, "
|
|
230
|
+
Object.defineProperty(exports, "getComparator", {
|
|
225
231
|
enumerable: true,
|
|
226
232
|
get: function get() {
|
|
227
|
-
return
|
|
233
|
+
return _sort.getComparator;
|
|
228
234
|
}
|
|
229
235
|
});
|
|
230
|
-
Object.defineProperty(exports, "
|
|
236
|
+
Object.defineProperty(exports, "icons", {
|
|
231
237
|
enumerable: true,
|
|
232
238
|
get: function get() {
|
|
233
|
-
return
|
|
239
|
+
return _icons.default;
|
|
234
240
|
}
|
|
235
241
|
});
|
|
236
|
-
Object.defineProperty(exports, "
|
|
242
|
+
Object.defineProperty(exports, "stableSort", {
|
|
237
243
|
enumerable: true,
|
|
238
244
|
get: function get() {
|
|
239
|
-
return
|
|
245
|
+
return _sort.stableSort;
|
|
240
246
|
}
|
|
241
247
|
});
|
|
242
248
|
Object.defineProperty(exports, "theme", {
|
|
@@ -245,92 +251,44 @@ Object.defineProperty(exports, "theme", {
|
|
|
245
251
|
return _theme.default;
|
|
246
252
|
}
|
|
247
253
|
});
|
|
248
|
-
Object.defineProperty(exports, "Tooltip", {
|
|
249
|
-
enumerable: true,
|
|
250
|
-
get: function get() {
|
|
251
|
-
return _Tooltip.default;
|
|
252
|
-
}
|
|
253
|
-
});
|
|
254
|
-
exports.Svg = void 0;
|
|
255
|
-
|
|
256
254
|
var _Autocomplete = _interopRequireDefault(require("./components/Autocomplete/Autocomplete"));
|
|
257
|
-
|
|
258
255
|
var _BusySpinner = _interopRequireDefault(require("./components/BusySpinner"));
|
|
259
|
-
|
|
260
256
|
var _Button = _interopRequireDefault(require("./components/Button/Button"));
|
|
261
|
-
|
|
262
257
|
var _Checkbox = _interopRequireDefault(require("./components/Checkbox"));
|
|
263
|
-
|
|
264
258
|
var _DatePicker = _interopRequireDefault(require("./components/DatePicker/DatePicker"));
|
|
265
|
-
|
|
266
259
|
var _DialogBox = _interopRequireDefault(require("./components/DialogBox/DialogBox"));
|
|
267
|
-
|
|
268
260
|
var _Divisor = _interopRequireDefault(require("./components/Divisor"));
|
|
269
|
-
|
|
270
261
|
var _Dropdown = _interopRequireWildcard(require("./components/Dropdown"));
|
|
271
|
-
|
|
272
262
|
var _ErrorBox = _interopRequireDefault(require("./components/ErrorBox/ErrorBox"));
|
|
273
|
-
|
|
274
263
|
var _FormBottomBar = _interopRequireDefault(require("./components/FormBottomBar"));
|
|
275
|
-
|
|
276
264
|
var _Icon = _interopRequireDefault(require("./components/Icon/Icon"));
|
|
277
|
-
|
|
278
265
|
var _IconTooltip = _interopRequireDefault(require("./components/IconTooltip"));
|
|
279
|
-
|
|
280
266
|
var _icons = _interopRequireDefault(require("./components/Icon/icons"));
|
|
281
|
-
|
|
282
267
|
var _MultiSelect = _interopRequireDefault(require("./components/MultiSelect"));
|
|
283
|
-
|
|
284
268
|
var _Navbar = _interopRequireDefault(require("./components/Navbar/Navbar"));
|
|
285
|
-
|
|
286
269
|
var _NavFooter = _interopRequireDefault(require("./components/Navbar/NavFooter"));
|
|
287
|
-
|
|
288
270
|
var _NavItem = _interopRequireDefault(require("./components/Navbar/NavItem"));
|
|
289
|
-
|
|
290
271
|
var _NavSection = _interopRequireDefault(require("./components/Navbar/NavSection"));
|
|
291
|
-
|
|
292
272
|
var _Note = _interopRequireDefault(require("./components/Note"));
|
|
293
|
-
|
|
294
273
|
var _PageForm = _interopRequireDefault(require("./components/PageForm"));
|
|
295
|
-
|
|
296
274
|
var _Pill = _interopRequireDefault(require("./components/Pill"));
|
|
297
|
-
|
|
298
275
|
var _PillList = _interopRequireDefault(require("./components/PillList"));
|
|
299
|
-
|
|
300
276
|
var _Popover = _interopRequireDefault(require("./components/PopoverMenu/Popover"));
|
|
301
|
-
|
|
302
277
|
var _PopoverMenu = _interopRequireDefault(require("./components/PopoverMenu"));
|
|
303
|
-
|
|
304
278
|
var _ProgressCircle = _interopRequireDefault(require("./components/ProgressCircle/ProgressCircle"));
|
|
305
|
-
|
|
306
279
|
var _RadioButton = _interopRequireDefault(require("./components/RadioButton"));
|
|
307
|
-
|
|
308
280
|
var _Select = _interopRequireDefault(require("./components/Select/Select"));
|
|
309
|
-
|
|
310
281
|
var _SelectT = _interopRequireDefault(require("./components/Select/SelectT"));
|
|
311
|
-
|
|
312
282
|
var _SummaryBox = _interopRequireDefault(require("./components/SummaryBox"));
|
|
313
|
-
|
|
314
283
|
var _Textfield = _interopRequireDefault(require("./components/Textfield/Textfield"));
|
|
315
|
-
|
|
316
284
|
var _TextTruncated = _interopRequireDefault(require("./components/TextTruncated"));
|
|
317
|
-
|
|
318
285
|
var _table = _interopRequireDefault(require("./components/table"));
|
|
319
|
-
|
|
320
286
|
var _sort = require("./components/table/sort");
|
|
321
|
-
|
|
322
287
|
var _TableCellRenderer = _interopRequireWildcard(require("./components/table/TableCellRenderer"));
|
|
323
|
-
|
|
324
288
|
var Svg = _interopRequireWildcard(require("./components/svg"));
|
|
325
|
-
|
|
326
289
|
exports.Svg = Svg;
|
|
327
|
-
|
|
328
290
|
var _Message = _interopRequireDefault(require("./components/Message/Message"));
|
|
329
|
-
|
|
330
291
|
var _theme = _interopRequireDefault(require("./theme"));
|
|
331
|
-
|
|
332
292
|
var _Tooltip = _interopRequireDefault(require("./components/Tooltip/Tooltip"));
|
|
333
|
-
|
|
334
293
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
335
|
-
|
|
336
294
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|