@bigbinary/neetoui 8.2.23 → 8.2.25
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/README.md +1 -0
- package/dist/ActionDropdown.js +2 -2
- package/dist/Alert.js +3 -4
- package/dist/Alert.js.map +1 -1
- package/dist/Avatar.js +1 -0
- package/dist/Avatar.js.map +1 -1
- package/dist/Checkbox.js +3 -3
- package/dist/ColorPicker.js +3 -3
- package/dist/ColorPicker.js.map +1 -1
- package/dist/DatePicker.js +15 -16
- package/dist/DatePicker.js.map +1 -1
- package/dist/Dropdown.js +2 -2
- package/dist/Input.js +3 -3
- package/dist/Kbd.js +1 -0
- package/dist/Kbd.js.map +1 -1
- package/dist/Label.js +72 -55
- package/dist/Label.js.map +1 -1
- package/dist/Modal.js +3 -4
- package/dist/Modal.js.map +1 -1
- package/dist/MultiEmailInput.js +15 -15
- package/dist/Pagination.js +3 -3
- package/dist/Pane.js +3 -4
- package/dist/Pane.js.map +1 -1
- package/dist/Radio.js +3 -3
- package/dist/Select.js +4 -4
- package/dist/Select.js.map +1 -1
- package/dist/Sidebar.js +3 -2
- package/dist/Sidebar.js.map +1 -1
- package/dist/Slider.js +3 -3
- package/dist/Switch.js +3 -3
- package/dist/Table.js +4 -7
- package/dist/Table.js.map +1 -1
- package/dist/{Textarea-afac4a3e.js → Textarea-BcglKMaG.js} +3 -3
- package/dist/{Textarea-afac4a3e.js.map → Textarea-BcglKMaG.js.map} +1 -1
- package/dist/Textarea.js +4 -4
- package/dist/TimePicker.js +15 -16
- package/dist/TimePicker.js.map +1 -1
- package/dist/Toastr.js +2 -2
- package/dist/Tooltip.js +15 -10
- package/dist/Tooltip.js.map +1 -1
- package/dist/TranslationProvider.js +3 -1
- package/dist/TranslationProvider.js.map +1 -1
- package/dist/Tree.js +2 -2
- package/dist/TreeSelect.js +15 -4
- package/dist/TreeSelect.js.map +1 -1
- package/dist/cjs/Accordion.js +18 -27
- package/dist/cjs/Accordion.js.map +1 -1
- package/dist/cjs/ActionDropdown.js +8 -16
- package/dist/cjs/ActionDropdown.js.map +1 -1
- package/dist/cjs/Alert.js +9 -15
- package/dist/cjs/Alert.js.map +1 -1
- package/dist/cjs/Avatar.js +11 -19
- package/dist/cjs/Avatar.js.map +1 -1
- package/dist/cjs/Button.js +13 -21
- package/dist/cjs/Button.js.map +1 -1
- package/dist/cjs/Callout.js +5 -13
- package/dist/cjs/Callout.js.map +1 -1
- package/dist/cjs/Checkbox.js +10 -17
- package/dist/cjs/Checkbox.js.map +1 -1
- package/dist/cjs/ColorPicker.js +30 -40
- package/dist/cjs/ColorPicker.js.map +1 -1
- package/dist/cjs/DatePicker.js +15 -16
- package/dist/cjs/DatePicker.js.map +1 -1
- package/dist/cjs/Dropdown.js +30 -40
- package/dist/cjs/Dropdown.js.map +1 -1
- package/dist/cjs/Input.js +20 -29
- package/dist/cjs/Input.js.map +1 -1
- package/dist/cjs/Kbd.js +5 -11
- package/dist/cjs/Kbd.js.map +1 -1
- package/dist/cjs/Label.js +71 -62
- package/dist/cjs/Label.js.map +1 -1
- package/dist/cjs/Modal.js +22 -32
- package/dist/cjs/Modal.js.map +1 -1
- package/dist/cjs/MultiEmailInput.js +51 -62
- package/dist/cjs/MultiEmailInput.js.map +1 -1
- package/dist/cjs/NoData.js +14 -21
- package/dist/cjs/NoData.js.map +1 -1
- package/dist/cjs/Pagination.js +19 -25
- package/dist/cjs/Pagination.js.map +1 -1
- package/dist/cjs/Pane.js +19 -29
- package/dist/cjs/Pane.js.map +1 -1
- package/dist/cjs/Popover.js +5 -12
- package/dist/cjs/Popover.js.map +1 -1
- package/dist/cjs/ProgressBar.js +3 -8
- package/dist/cjs/ProgressBar.js.map +1 -1
- package/dist/cjs/Radio.js +17 -26
- package/dist/cjs/Radio.js.map +1 -1
- package/dist/cjs/Select.js +49 -62
- package/dist/cjs/Select.js.map +1 -1
- package/dist/cjs/Sidebar.js +69 -77
- package/dist/cjs/Sidebar.js.map +1 -1
- package/dist/cjs/Slider.js +12 -21
- package/dist/cjs/Slider.js.map +1 -1
- package/dist/cjs/Spinner.js +2 -7
- package/dist/cjs/Spinner.js.map +1 -1
- package/dist/cjs/Stepper.js +6 -11
- package/dist/cjs/Stepper.js.map +1 -1
- package/dist/cjs/Switch.js +16 -23
- package/dist/cjs/Switch.js.map +1 -1
- package/dist/cjs/Tab.js +10 -18
- package/dist/cjs/Tab.js.map +1 -1
- package/dist/cjs/Table.js +54 -70
- package/dist/cjs/Table.js.map +1 -1
- package/dist/cjs/Tag.js +9 -16
- package/dist/cjs/Tag.js.map +1 -1
- package/dist/cjs/{Textarea-c6496fa2.js → Textarea-XjB9bG3I.js} +19 -28
- package/dist/cjs/{Textarea-c6496fa2.js.map → Textarea-XjB9bG3I.js.map} +1 -1
- package/dist/cjs/Textarea.js +4 -4
- package/dist/cjs/TimePicker.js +15 -16
- package/dist/cjs/TimePicker.js.map +1 -1
- package/dist/cjs/Toastr.js +24 -34
- package/dist/cjs/Toastr.js.map +1 -1
- package/dist/cjs/Tooltip.js +18 -21
- package/dist/cjs/Tooltip.js.map +1 -1
- package/dist/cjs/TranslationProvider.js +6 -9
- package/dist/cjs/TranslationProvider.js.map +1 -1
- package/dist/cjs/Tree.js +8 -17
- package/dist/cjs/Tree.js.map +1 -1
- package/dist/cjs/TreeSelect.js +26 -25
- package/dist/cjs/TreeSelect.js.map +1 -1
- package/dist/cjs/Typography.js +4 -12
- package/dist/cjs/Typography.js.map +1 -1
- package/dist/cjs/constants.js +7 -19
- package/dist/cjs/constants.js.map +1 -1
- package/dist/cjs/{en-c69be2fb.js → en-1dfvTYgC.js} +1 -1
- package/dist/cjs/en-1dfvTYgC.js.map +1 -0
- package/dist/cjs/formik/ActionBlock.js +7 -13
- package/dist/cjs/formik/ActionBlock.js.map +1 -1
- package/dist/cjs/formik/BlockNavigation.js +12 -20
- package/dist/cjs/formik/BlockNavigation.js.map +1 -1
- package/dist/cjs/formik/Button.js +2 -8
- package/dist/cjs/formik/Button.js.map +1 -1
- package/dist/cjs/formik/Checkbox.js +7 -14
- package/dist/cjs/formik/Checkbox.js.map +1 -1
- package/dist/cjs/formik/Form.js +13 -24
- package/dist/cjs/formik/Form.js.map +1 -1
- package/dist/cjs/formik/Input.js +7 -14
- package/dist/cjs/formik/Input.js.map +1 -1
- package/dist/cjs/formik/MultiEmailInput.js +6 -13
- package/dist/cjs/formik/MultiEmailInput.js.map +1 -1
- package/dist/cjs/formik/Radio.js +7 -15
- package/dist/cjs/formik/Radio.js.map +1 -1
- package/dist/cjs/formik/Select.js +8 -16
- package/dist/cjs/formik/Select.js.map +1 -1
- package/dist/cjs/formik/Slider.js +7 -15
- package/dist/cjs/formik/Slider.js.map +1 -1
- package/dist/cjs/formik/Switch.js +7 -14
- package/dist/cjs/formik/Switch.js.map +1 -1
- package/dist/cjs/formik/Textarea.js +8 -15
- package/dist/cjs/formik/Textarea.js.map +1 -1
- package/dist/cjs/formik/TreeSelect.js +5 -12
- package/dist/cjs/formik/TreeSelect.js.map +1 -1
- package/dist/cjs/formik/index.js +6 -9
- package/dist/cjs/formik/index.js.map +1 -1
- package/dist/cjs/{index-3c44e0c7.js → index-CvMjRZDt.js} +19 -33
- package/dist/cjs/{index-3c44e0c7.js.map → index-CvMjRZDt.js.map} +1 -1
- package/dist/cjs/{index-87f2e2dc.js → index-E2IEf9Av.js} +53 -70
- package/dist/cjs/{index-87f2e2dc.js.map → index-E2IEf9Av.js.map} +1 -1
- package/dist/cjs/index.css +1 -1
- package/dist/cjs/index.js +22 -25
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/layouts.js +2 -4
- package/dist/cjs/layouts.js.map +1 -1
- package/dist/cjs/managers.js +0 -2
- package/dist/cjs/managers.js.map +1 -1
- package/dist/cjs/overlayManager.js +2 -9
- package/dist/cjs/overlayManager.js.map +1 -1
- package/dist/cjs/{react-select-creatable.esm-23eddf9f.js → react-select-creatable.esm-Bdv9YAMt.js} +231 -140
- package/dist/cjs/{react-select-creatable.esm-23eddf9f.js.map → react-select-creatable.esm-Bdv9YAMt.js.map} +1 -1
- package/dist/cjs/tinycolor-C4a31PPv.js +1214 -0
- package/dist/cjs/tinycolor-C4a31PPv.js.map +1 -0
- package/dist/cjs/{useId-4e3deb5c.js → useId-DXHUzdxd.js} +1 -1
- package/dist/cjs/{useId-4e3deb5c.js.map → useId-DXHUzdxd.js.map} +1 -1
- package/dist/cjs/{useOverlayManager-b8134604.js → useOverlayManager-CXLC179x.js} +19 -741
- package/dist/cjs/useOverlayManager-CXLC179x.js.map +1 -0
- package/dist/cjs/{useQueryParams-a8ee2f76.js → useQueryParams-l5fJJYCR.js} +2 -6
- package/dist/cjs/useQueryParams-l5fJJYCR.js.map +1 -0
- package/dist/cjs/{useRestoreScrollPosition-26e8d203.js → useRestoreScrollPosition-Dmq0tlvp.js} +18 -22
- package/dist/cjs/{useRestoreScrollPosition-26e8d203.js.map → useRestoreScrollPosition-Dmq0tlvp.js.map} +1 -1
- package/dist/{en-2d3f9fc1.js → en-CJac0MnO.js} +1 -1
- package/dist/en-CJac0MnO.js.map +1 -0
- package/dist/formik/ActionBlock.js +2 -2
- package/dist/formik/BlockNavigation.js +3 -4
- package/dist/formik/BlockNavigation.js.map +1 -1
- package/dist/formik/Checkbox.js +3 -3
- package/dist/formik/Input.js +3 -3
- package/dist/formik/MultiEmailInput.js +3 -3
- package/dist/formik/Radio.js +3 -3
- package/dist/formik/Select.js +4 -4
- package/dist/formik/Slider.js +3 -3
- package/dist/formik/Switch.js +3 -3
- package/dist/formik/Textarea.js +4 -4
- package/dist/formik/TreeSelect.js +2 -2
- package/dist/formik/index.js +6 -7
- package/dist/formik/index.js.map +1 -1
- package/dist/{index-6e82a862.js → index-BojMT3ps.js} +3 -3
- package/dist/{index-6e82a862.js.map → index-BojMT3ps.js.map} +1 -1
- package/dist/{index-b037e9fc.js → index-DugGi20r.js} +6 -12
- package/dist/{index-b037e9fc.js.map → index-DugGi20r.js.map} +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +22 -23
- package/dist/index.js.map +1 -1
- package/dist/layouts.js +2 -2
- package/dist/{react-select-creatable.esm-ad71b0c0.js → react-select-creatable.esm-Dx_vEnyD.js} +137 -31
- package/dist/{react-select-creatable.esm-ad71b0c0.js.map → react-select-creatable.esm-Dx_vEnyD.js.map} +1 -1
- package/dist/tinycolor-DX-kZ4bq.js +1212 -0
- package/dist/tinycolor-DX-kZ4bq.js.map +1 -0
- package/dist/{useId-c1d20bba.js → useId-Jj9hXm-g.js} +1 -1
- package/dist/{useId-c1d20bba.js.map → useId-Jj9hXm-g.js.map} +1 -1
- package/dist/{useOverlayManager-65f6d80a.js → useOverlayManager-Dyv5Y8Ug.js} +3 -713
- package/dist/useOverlayManager-Dyv5Y8Ug.js.map +1 -0
- package/dist/{useQueryParams-dcb34865.js → useQueryParams-b60CHFUx.js} +1 -1
- package/dist/{useQueryParams-dcb34865.js.map → useQueryParams-b60CHFUx.js.map} +1 -1
- package/dist/{useRestoreScrollPosition-631cf3e5.js → useRestoreScrollPosition-DnEaioaR.js} +2 -2
- package/dist/{useRestoreScrollPosition-631cf3e5.js.map → useRestoreScrollPosition-DnEaioaR.js.map} +1 -1
- package/package.json +11 -10
- package/dist/cjs/en-c69be2fb.js.map +0 -1
- package/dist/cjs/tinycolor-b1e9a7b2.js +0 -1202
- package/dist/cjs/tinycolor-b1e9a7b2.js.map +0 -1
- package/dist/cjs/useOverlayManager-b8134604.js.map +0 -1
- package/dist/cjs/useQueryParams-a8ee2f76.js.map +0 -1
- package/dist/en-2d3f9fc1.js.map +0 -1
- package/dist/tinycolor-282c618c.js +0 -1200
- package/dist/tinycolor-282c618c.js.map +0 -1
- package/dist/useOverlayManager-65f6d80a.js.map +0 -1
package/dist/cjs/Table.js
CHANGED
|
@@ -17,12 +17,12 @@ var reactRouterDom = require('react-router-dom');
|
|
|
17
17
|
var constants = require('./constants.js');
|
|
18
18
|
require('@bigbinary/neeto-hotkeys');
|
|
19
19
|
require('./overlayManager.js');
|
|
20
|
-
var index = require('./index-
|
|
21
|
-
var useQueryParams = require('./useQueryParams-
|
|
20
|
+
var index = require('./index-CvMjRZDt.js');
|
|
21
|
+
var useQueryParams = require('./useQueryParams-l5fJJYCR.js');
|
|
22
22
|
var Button = require('./Button.js');
|
|
23
23
|
var Callout = require('./Callout.js');
|
|
24
24
|
var Typography = require('./Typography.js');
|
|
25
|
-
var useRestoreScrollPosition = require('./useRestoreScrollPosition-
|
|
25
|
+
var useRestoreScrollPosition = require('./useRestoreScrollPosition-Dmq0tlvp.js');
|
|
26
26
|
var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
|
|
27
27
|
var reactResizable = require('react-resizable');
|
|
28
28
|
var Spinner = require('./Spinner.js');
|
|
@@ -42,7 +42,7 @@ require('dayjs/plugin/utc');
|
|
|
42
42
|
require('dayjs/plugin/weekday');
|
|
43
43
|
require('dayjs/plugin/weekOfYear');
|
|
44
44
|
require('qs');
|
|
45
|
-
require('./en-
|
|
45
|
+
require('./en-1dfvTYgC.js');
|
|
46
46
|
require('./Tooltip.js');
|
|
47
47
|
require('@tippyjs/react');
|
|
48
48
|
require('tippy.js');
|
|
@@ -50,28 +50,12 @@ require('./Dropdown.js');
|
|
|
50
50
|
require('./Popover.js');
|
|
51
51
|
require('zustand');
|
|
52
52
|
|
|
53
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
54
|
-
|
|
55
|
-
var _ConfigProvider__default = /*#__PURE__*/_interopDefaultLegacy(_ConfigProvider);
|
|
56
|
-
var _Table__default = /*#__PURE__*/_interopDefaultLegacy(_Table);
|
|
57
|
-
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
58
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
59
|
-
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
60
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
61
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
62
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
63
|
-
var ReactDragListView__default = /*#__PURE__*/_interopDefaultLegacy(ReactDragListView);
|
|
64
|
-
var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
|
|
65
|
-
|
|
66
53
|
var useTimeout = function useTimeout(callback, delay) {
|
|
67
54
|
var savedCallback = React.useRef(callback);
|
|
68
55
|
React.useEffect(function () {
|
|
69
56
|
savedCallback.current = callback;
|
|
70
57
|
}, [callback]);
|
|
71
58
|
React.useEffect(function () {
|
|
72
|
-
if (delay === null) {
|
|
73
|
-
return undefined;
|
|
74
|
-
}
|
|
75
59
|
var id = setTimeout(function () {
|
|
76
60
|
return savedCallback.current();
|
|
77
61
|
}, delay);
|
|
@@ -86,15 +70,15 @@ var SelectAllRowsCallout = function SelectAllRowsCallout(_ref) {
|
|
|
86
70
|
onBulkSelectAllRows = _ref.onBulkSelectAllRows,
|
|
87
71
|
selectAllRowButtonLabel = _ref.selectAllRowButtonLabel,
|
|
88
72
|
selectAllRowMessage = _ref.selectAllRowMessage;
|
|
89
|
-
return /*#__PURE__*/
|
|
73
|
+
return /*#__PURE__*/React.createElement(Callout, _extends({
|
|
90
74
|
className: "my-2"
|
|
91
75
|
}, calloutProps, {
|
|
92
76
|
"data-testid": "select-all-rows-callout"
|
|
93
|
-
}), /*#__PURE__*/
|
|
77
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
94
78
|
className: "flex space-x-3"
|
|
95
|
-
}, /*#__PURE__*/
|
|
79
|
+
}, /*#__PURE__*/React.createElement(Typography, {
|
|
96
80
|
style: "body2"
|
|
97
|
-
}, selectAllRowMessage), /*#__PURE__*/
|
|
81
|
+
}, selectAllRowMessage), /*#__PURE__*/React.createElement(Button, {
|
|
98
82
|
"data-testid": "select-all-rows-button",
|
|
99
83
|
label: selectAllRowButtonLabel,
|
|
100
84
|
style: "link",
|
|
@@ -116,7 +100,7 @@ var useLocalStorage = function useLocalStorage(key, defaultValue) {
|
|
|
116
100
|
var _useState = React.useState(function () {
|
|
117
101
|
return getStorageValue(key, defaultValue);
|
|
118
102
|
}),
|
|
119
|
-
_useState2 =
|
|
103
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
120
104
|
storedValue = _useState2[0],
|
|
121
105
|
setStoredValue = _useState2[1];
|
|
122
106
|
var setValue = function setValue(value) {
|
|
@@ -172,12 +156,12 @@ var useReorderColumns = function useReorderColumns(_ref) {
|
|
|
172
156
|
var SortIcon = function SortIcon(_ref) {
|
|
173
157
|
var sortOrder = _ref.sortOrder;
|
|
174
158
|
if (sortOrder === useRestoreScrollPosition.TABLE_SORT_ORDERS.asc || sortOrder === useRestoreScrollPosition.URL_SORT_ORDERS.ascend) {
|
|
175
|
-
return /*#__PURE__*/
|
|
159
|
+
return /*#__PURE__*/React.createElement(neetoIcons.UpArrow, {
|
|
176
160
|
size: 14
|
|
177
161
|
});
|
|
178
162
|
}
|
|
179
163
|
if (sortOrder === useRestoreScrollPosition.TABLE_SORT_ORDERS.desc || sortOrder === useRestoreScrollPosition.URL_SORT_ORDERS.descend) {
|
|
180
|
-
return /*#__PURE__*/
|
|
164
|
+
return /*#__PURE__*/React.createElement(neetoIcons.DownArrow, {
|
|
181
165
|
size: 14
|
|
182
166
|
});
|
|
183
167
|
}
|
|
@@ -205,19 +189,19 @@ var CellContent = function CellContent(_ref) {
|
|
|
205
189
|
column = _ref.column,
|
|
206
190
|
_ref$moreActions = _ref.moreActions,
|
|
207
191
|
moreActions = _ref$moreActions === void 0 ? [] : _ref$moreActions,
|
|
208
|
-
headerProps =
|
|
192
|
+
headerProps = _objectWithoutProperties(_ref, _excluded$4);
|
|
209
193
|
var isColumnHidable = isHidable && neetoCist.isPresent(onColumnHide);
|
|
210
194
|
var isColumnDeletable = isDeletable && neetoCist.isPresent(onColumnDelete);
|
|
211
195
|
var hasMoreActions = !ramda.isEmpty(moreActions) && neetoCist.isPresent(onMoreActionClick);
|
|
212
196
|
var hasMoreMenu = isSortable || neetoCist.isPresent(column === null || column === void 0 ? void 0 : column.description) || isColumnHidable || isAddEnabled || hasMoreActions || neetoCist.isPresent(column) && isColumnFreezeEnabled;
|
|
213
|
-
return /*#__PURE__*/
|
|
197
|
+
return /*#__PURE__*/React.createElement("th", _extends({}, headerProps, {
|
|
214
198
|
title: "",
|
|
215
199
|
onClick: isSortable ? neetoCist.noop : headerProps.onClick
|
|
216
|
-
}), /*#__PURE__*/
|
|
200
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
217
201
|
className: "flex items-center justify-between"
|
|
218
|
-
}, /*#__PURE__*/
|
|
202
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
219
203
|
className: "min-w-0 flex-grow"
|
|
220
|
-
}, children), hasMoreMenu && /*#__PURE__*/
|
|
204
|
+
}, children), hasMoreMenu && /*#__PURE__*/React.createElement(useRestoreScrollPosition.HeaderCellMenu, {
|
|
221
205
|
column: column,
|
|
222
206
|
hasMoreActions: hasMoreActions,
|
|
223
207
|
isAddEnabled: isAddEnabled,
|
|
@@ -244,13 +228,13 @@ var HeaderCell = function HeaderCell(props) {
|
|
|
244
228
|
width = props.width,
|
|
245
229
|
onResizeStop = props.onResizeStop,
|
|
246
230
|
className = props.className,
|
|
247
|
-
restProps =
|
|
231
|
+
restProps = _objectWithoutProperties(props, _excluded$3);
|
|
248
232
|
if (!width) {
|
|
249
|
-
return /*#__PURE__*/
|
|
250
|
-
className:
|
|
233
|
+
return /*#__PURE__*/React.createElement(CellContent, _extends({}, restProps, {
|
|
234
|
+
className: classnames(className, "drag-handler")
|
|
251
235
|
}));
|
|
252
236
|
}
|
|
253
|
-
return /*#__PURE__*/
|
|
237
|
+
return /*#__PURE__*/React.createElement(reactResizable.Resizable, {
|
|
254
238
|
onResize: onResize,
|
|
255
239
|
onResizeStop: onResizeStop,
|
|
256
240
|
width: width,
|
|
@@ -258,7 +242,7 @@ var HeaderCell = function HeaderCell(props) {
|
|
|
258
242
|
enableUserSelectHack: false
|
|
259
243
|
},
|
|
260
244
|
height: 0,
|
|
261
|
-
handle: /*#__PURE__*/
|
|
245
|
+
handle: /*#__PURE__*/React.createElement("span", {
|
|
262
246
|
className: "react-resizable-handle",
|
|
263
247
|
onClick: function onClick(e) {
|
|
264
248
|
return e.stopPropagation();
|
|
@@ -267,8 +251,8 @@ var HeaderCell = function HeaderCell(props) {
|
|
|
267
251
|
onResizeStart: function onResizeStart(e) {
|
|
268
252
|
e.preventDefault();
|
|
269
253
|
}
|
|
270
|
-
}, /*#__PURE__*/
|
|
271
|
-
className:
|
|
254
|
+
}, /*#__PURE__*/React.createElement(CellContent, _extends({}, restProps, {
|
|
255
|
+
className: classnames(className, "drag-handler")
|
|
272
256
|
})));
|
|
273
257
|
};
|
|
274
258
|
|
|
@@ -277,11 +261,11 @@ var ResizableHeaderCell = function ResizableHeaderCell(props) {
|
|
|
277
261
|
var onResize = props.onResize,
|
|
278
262
|
width = props.width,
|
|
279
263
|
onResizeStop = props.onResizeStop,
|
|
280
|
-
restProps =
|
|
264
|
+
restProps = _objectWithoutProperties(props, _excluded$2);
|
|
281
265
|
if (!width) {
|
|
282
|
-
return /*#__PURE__*/
|
|
266
|
+
return /*#__PURE__*/React.createElement(CellContent, restProps);
|
|
283
267
|
}
|
|
284
|
-
return /*#__PURE__*/
|
|
268
|
+
return /*#__PURE__*/React.createElement(reactResizable.Resizable, {
|
|
285
269
|
onResize: onResize,
|
|
286
270
|
onResizeStop: onResizeStop,
|
|
287
271
|
width: width,
|
|
@@ -289,7 +273,7 @@ var ResizableHeaderCell = function ResizableHeaderCell(props) {
|
|
|
289
273
|
enableUserSelectHack: false
|
|
290
274
|
},
|
|
291
275
|
height: 0,
|
|
292
|
-
handle: /*#__PURE__*/
|
|
276
|
+
handle: /*#__PURE__*/React.createElement("span", {
|
|
293
277
|
className: "react-resizable-handle",
|
|
294
278
|
onClick: function onClick(e) {
|
|
295
279
|
return e.stopPropagation();
|
|
@@ -298,15 +282,15 @@ var ResizableHeaderCell = function ResizableHeaderCell(props) {
|
|
|
298
282
|
onResizeStart: function onResizeStart(e) {
|
|
299
283
|
e.preventDefault();
|
|
300
284
|
}
|
|
301
|
-
}, /*#__PURE__*/
|
|
285
|
+
}, /*#__PURE__*/React.createElement(CellContent, restProps));
|
|
302
286
|
};
|
|
303
287
|
|
|
304
288
|
var _excluded$1 = ["className"];
|
|
305
289
|
var ReorderableHeaderCell = function ReorderableHeaderCell(_ref) {
|
|
306
290
|
var className = _ref.className,
|
|
307
|
-
props =
|
|
308
|
-
return /*#__PURE__*/
|
|
309
|
-
className:
|
|
291
|
+
props = _objectWithoutProperties(_ref, _excluded$1);
|
|
292
|
+
return /*#__PURE__*/React.createElement(CellContent, _extends({}, props, {
|
|
293
|
+
className: classnames(className, "drag-handler")
|
|
310
294
|
}));
|
|
311
295
|
};
|
|
312
296
|
|
|
@@ -374,7 +358,7 @@ var getFrozenColumnsLocalStorageKey = function getFrozenColumnsLocalStorageKey(l
|
|
|
374
358
|
};
|
|
375
359
|
|
|
376
360
|
function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
377
|
-
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) {
|
|
361
|
+
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
378
362
|
var useResizableColumns = function useResizableColumns(_ref) {
|
|
379
363
|
var columns = _ref.columns,
|
|
380
364
|
columnData = _ref.columnData,
|
|
@@ -395,7 +379,7 @@ var useResizableColumns = function useResizableColumns(_ref) {
|
|
|
395
379
|
var handleResize = function handleResize(index) {
|
|
396
380
|
return function (_, _ref2) {
|
|
397
381
|
var size = _ref2.size;
|
|
398
|
-
var nextColumns =
|
|
382
|
+
var nextColumns = _toConsumableArray(columns);
|
|
399
383
|
nextColumns[index] = _objectSpread$2(_objectSpread$2({}, nextColumns[index]), {}, {
|
|
400
384
|
width: size.width
|
|
401
385
|
});
|
|
@@ -446,7 +430,7 @@ var useResizableColumns = function useResizableColumns(_ref) {
|
|
|
446
430
|
};
|
|
447
431
|
|
|
448
432
|
function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
449
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) {
|
|
433
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
450
434
|
var useColumns = function useColumns(_ref) {
|
|
451
435
|
var columns = _ref.columns,
|
|
452
436
|
columnData = _ref.columnData,
|
|
@@ -470,7 +454,7 @@ var useColumns = function useColumns(_ref) {
|
|
|
470
454
|
localStorageKeyPrefix = _ref.localStorageKeyPrefix;
|
|
471
455
|
var didSetInitialFrozenColumnsRef = React.useRef(false);
|
|
472
456
|
var _useLocalStorage = useLocalStorage(getFrozenColumnsLocalStorageKey(localStorageKeyPrefix), getFixedColumns(columnData)),
|
|
473
|
-
_useLocalStorage2 =
|
|
457
|
+
_useLocalStorage2 = _slicedToArray(_useLocalStorage, 2),
|
|
474
458
|
frozenColumns = _useLocalStorage2[0],
|
|
475
459
|
setFrozenColumns = _useLocalStorage2[1];
|
|
476
460
|
var onColumnFreeze = React.useCallback(function (isFixedColumn, _ref2) {
|
|
@@ -545,7 +529,7 @@ var useTableSort = function useTableSort() {
|
|
|
545
529
|
var _useState = React.useState(function () {
|
|
546
530
|
return getSortInfoFromQueryParams(queryParams);
|
|
547
531
|
}),
|
|
548
|
-
_useState2 =
|
|
532
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
549
533
|
sortedInfo = _useState2[0],
|
|
550
534
|
setSortedInfo = _useState2[1];
|
|
551
535
|
React.useEffect(function () {
|
|
@@ -570,7 +554,7 @@ var useTableSort = function useTableSort() {
|
|
|
570
554
|
|
|
571
555
|
var _excluded = ["allowRowClick", "enableColumnResize", "enableColumnReorder", "enableColumnFreeze", "enableAddColumn", "className", "columnData", "currentPageNumber", "defaultPageSize", "handlePageChange", "loading", "onRowClick", "onRowSelect", "rowData", "totalCount", "selectedRowKeys", "fixedHeight", "paginationProps", "rowKey", "scroll", "rowSelection", "shouldDynamicallyRenderRowSize", "bordered", "onColumnUpdate", "components", "onColumnHide", "onColumnAdd", "onColumnDelete", "onChange", "onMoreActionClick", "bulkSelectAllRowsProps", "localStorageKeyPrefix"];
|
|
572
556
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
573
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
|
|
557
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
574
558
|
var TABLE_PAGINATION_HEIGHT = 64;
|
|
575
559
|
var TABLE_DEFAULT_HEADER_HEIGHT = 40;
|
|
576
560
|
var TABLE_ROW_HEIGHT = 52;
|
|
@@ -629,23 +613,23 @@ var Table = function Table(_ref) {
|
|
|
629
613
|
onMoreActionClick = _ref.onMoreActionClick,
|
|
630
614
|
bulkSelectAllRowsProps = _ref.bulkSelectAllRowsProps,
|
|
631
615
|
localStorageKeyPrefix = _ref.localStorageKeyPrefix,
|
|
632
|
-
otherProps =
|
|
616
|
+
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
633
617
|
var _useTranslation = reactI18next.useTranslation(),
|
|
634
618
|
i18n = _useTranslation.i18n;
|
|
635
619
|
var _useState = React.useState(null),
|
|
636
|
-
_useState2 =
|
|
620
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
637
621
|
containerHeight = _useState2[0],
|
|
638
622
|
setContainerHeight = _useState2[1];
|
|
639
623
|
var _useState3 = React.useState(TABLE_DEFAULT_HEADER_HEIGHT),
|
|
640
|
-
_useState4 =
|
|
624
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
641
625
|
headerHeight = _useState4[0],
|
|
642
626
|
setHeaderHeight = _useState4[1];
|
|
643
627
|
var _useState5 = React.useState(columnData),
|
|
644
|
-
_useState6 =
|
|
628
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
645
629
|
columns = _useState6[0],
|
|
646
630
|
setColumns = _useState6[1];
|
|
647
631
|
var _useState7 = React.useState(false),
|
|
648
|
-
_useState8 =
|
|
632
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
649
633
|
bulkSelectedAllRows = _useState8[0],
|
|
650
634
|
setBulkSelectedAllRows = _useState8[1];
|
|
651
635
|
var _useTableSort = useTableSort(),
|
|
@@ -659,7 +643,7 @@ var Table = function Table(_ref) {
|
|
|
659
643
|
var headerRef = React.useRef();
|
|
660
644
|
var tableOnChangeProps = React.useRef({});
|
|
661
645
|
var resizeObserver = React.useRef(new ResizeObserver(function (_ref3) {
|
|
662
|
-
var _ref4 =
|
|
646
|
+
var _ref4 = _slicedToArray(_ref3, 1),
|
|
663
647
|
entry = _ref4[0];
|
|
664
648
|
return setContainerHeight(entry.contentRect.height);
|
|
665
649
|
}));
|
|
@@ -717,7 +701,7 @@ var Table = function Table(_ref) {
|
|
|
717
701
|
};
|
|
718
702
|
var sortedColumns = isDefaultPageChangeHandler ? setSortFromURL(curatedColumnsData) : curatedColumnsData;
|
|
719
703
|
var locale = {
|
|
720
|
-
emptyText: /*#__PURE__*/
|
|
704
|
+
emptyText: /*#__PURE__*/React.createElement(Typography, {
|
|
721
705
|
style: "body2"
|
|
722
706
|
}, "No Data")
|
|
723
707
|
};
|
|
@@ -795,14 +779,14 @@ var Table = function Table(_ref) {
|
|
|
795
779
|
size: "small",
|
|
796
780
|
style: "text"
|
|
797
781
|
};
|
|
798
|
-
if (type === "prev") return /*#__PURE__*/
|
|
782
|
+
if (type === "prev") return /*#__PURE__*/React.createElement(Button, _extends({
|
|
799
783
|
icon: neetoIcons.Left
|
|
800
784
|
}, commonProps));
|
|
801
|
-
if (type === "next") return /*#__PURE__*/
|
|
785
|
+
if (type === "next") return /*#__PURE__*/React.createElement(Button, _extends({
|
|
802
786
|
icon: neetoIcons.Right
|
|
803
787
|
}, commonProps));
|
|
804
788
|
if (type === "jump-prev" || type === "jump-next") {
|
|
805
|
-
return /*#__PURE__*/
|
|
789
|
+
return /*#__PURE__*/React.createElement(Button, _extends({
|
|
806
790
|
icon: neetoIcons.MenuHorizontal
|
|
807
791
|
}, commonProps));
|
|
808
792
|
}
|
|
@@ -828,7 +812,7 @@ var Table = function Table(_ref) {
|
|
|
828
812
|
}, [columnData]);
|
|
829
813
|
var neetoUIFontBold = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--neeto-ui-font-bold"), 10);
|
|
830
814
|
var renderTable = function renderTable() {
|
|
831
|
-
return /*#__PURE__*/
|
|
815
|
+
return /*#__PURE__*/React.createElement(_ConfigProvider, {
|
|
832
816
|
locale: constants.ANTD_LOCALE[i18n.language || "en"],
|
|
833
817
|
theme: {
|
|
834
818
|
token: _objectSpread({}, index.ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
|
|
@@ -877,12 +861,12 @@ var Table = function Table(_ref) {
|
|
|
877
861
|
}
|
|
878
862
|
}
|
|
879
863
|
}
|
|
880
|
-
}, shouldShowSelectAllRowsCallout && /*#__PURE__*/
|
|
864
|
+
}, shouldShowSelectAllRowsCallout && /*#__PURE__*/React.createElement(SelectAllRowsCallout, _extends({}, bulkSelectAllRowsProps, {
|
|
881
865
|
onBulkSelectAllRows: function onBulkSelectAllRows() {
|
|
882
866
|
setBulkSelectedAllRows(true);
|
|
883
867
|
handleSetBulkSelectedAllRows === null || handleSetBulkSelectedAllRows === void 0 || handleSetBulkSelectedAllRows(true);
|
|
884
868
|
}
|
|
885
|
-
})), /*#__PURE__*/
|
|
869
|
+
})), /*#__PURE__*/React.createElement(_Table, _extends({
|
|
886
870
|
bordered: bordered,
|
|
887
871
|
locale: locale,
|
|
888
872
|
rowKey: rowKey,
|
|
@@ -891,7 +875,7 @@ var Table = function Table(_ref) {
|
|
|
891
875
|
dataSource: rowData,
|
|
892
876
|
loading: {
|
|
893
877
|
spinning: loading,
|
|
894
|
-
indicator: /*#__PURE__*/
|
|
878
|
+
indicator: /*#__PURE__*/React.createElement(Spinner, null)
|
|
895
879
|
},
|
|
896
880
|
ref: tableRef,
|
|
897
881
|
rowSelection: rowSelectionProps,
|
|
@@ -907,7 +891,7 @@ var Table = function Table(_ref) {
|
|
|
907
891
|
onChange: handlePageChange,
|
|
908
892
|
itemRender: itemRender
|
|
909
893
|
}),
|
|
910
|
-
rowClassName:
|
|
894
|
+
rowClassName: classnames("neeto-ui-table--row", {
|
|
911
895
|
"neeto-ui-table--row_hover": allowRowClick
|
|
912
896
|
}, [className]),
|
|
913
897
|
scroll: _objectSpread({
|
|
@@ -919,7 +903,7 @@ var Table = function Table(_ref) {
|
|
|
919
903
|
onHeaderRow: function onHeaderRow() {
|
|
920
904
|
return {
|
|
921
905
|
ref: headerRef,
|
|
922
|
-
className:
|
|
906
|
+
className: classnames("neeto-ui-table__header", {
|
|
923
907
|
"neeto-ui-table-reorderable": enableColumnReorder
|
|
924
908
|
}),
|
|
925
909
|
id: "neeto-ui-table__header"
|
|
@@ -934,7 +918,7 @@ var Table = function Table(_ref) {
|
|
|
934
918
|
}
|
|
935
919
|
}, otherProps)));
|
|
936
920
|
};
|
|
937
|
-
return enableColumnReorder ? /*#__PURE__*/
|
|
921
|
+
return enableColumnReorder ? /*#__PURE__*/React.createElement(ReactDragListView.DragColumn, dragProps, renderTable()) : renderTable();
|
|
938
922
|
};
|
|
939
923
|
|
|
940
924
|
module.exports = Table;
|