@bigbinary/neetoui 8.3.30 → 8.3.32
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/Accordion.js +94 -76
- package/dist/Accordion.js.map +1 -1
- package/dist/ActionDropdown.js +29 -32
- package/dist/ActionDropdown.js.map +1 -1
- package/dist/Alert.js +44 -38
- package/dist/Alert.js.map +1 -1
- package/dist/Avatar.js +28 -22
- package/dist/Avatar.js.map +1 -1
- package/dist/Button.js +45 -43
- package/dist/Button.js.map +1 -1
- package/dist/Callout.js +12 -7
- package/dist/Callout.js.map +1 -1
- package/dist/Checkbox.js +35 -28
- package/dist/Checkbox.js.map +1 -1
- package/dist/ColorPicker.js +134 -117
- package/dist/ColorPicker.js.map +1 -1
- package/dist/DatePicker.js +25 -9
- package/dist/DatePicker.js.map +1 -1
- package/dist/Dropdown.js +75 -83
- package/dist/Dropdown.js.map +1 -1
- package/dist/Input.js +82 -70
- package/dist/Input.js.map +1 -1
- package/dist/Kbd.js +13 -7
- package/dist/Kbd.js.map +1 -1
- package/dist/Label.js +59 -40
- package/dist/Label.js.map +1 -1
- package/dist/Modal.js +76 -65
- package/dist/Modal.js.map +1 -1
- package/dist/MultiEmailInput.js +118 -99
- package/dist/MultiEmailInput.js.map +1 -1
- package/dist/NoData.js +55 -39
- package/dist/NoData.js.map +1 -1
- package/dist/Pagination.js +64 -52
- package/dist/Pagination.js.map +1 -1
- package/dist/Pane.js +66 -56
- package/dist/Pane.js.map +1 -1
- package/dist/Popover.js +10 -7
- package/dist/Popover.js.map +1 -1
- package/dist/ProgressBar.js +20 -17
- package/dist/ProgressBar.js.map +1 -1
- package/dist/Radio.js +50 -40
- package/dist/Radio.js.map +1 -1
- package/dist/Select.js +111 -90
- package/dist/Select.js.map +1 -1
- package/dist/Sidebar.js +265 -216
- package/dist/Sidebar.js.map +1 -1
- package/dist/Slider.js +45 -38
- package/dist/Slider.js.map +1 -1
- package/dist/Spinner.js +3 -2
- package/dist/Spinner.js.map +1 -1
- package/dist/Stepper.js +33 -26
- package/dist/Stepper.js.map +1 -1
- package/dist/Switch.js +56 -46
- package/dist/Switch.js.map +1 -1
- package/dist/Tab.js +17 -11
- package/dist/Tab.js.map +1 -1
- package/dist/Table.js +221 -182
- package/dist/Table.js.map +1 -1
- package/dist/Tag.js +31 -24
- package/dist/Tag.js.map +1 -1
- package/dist/{Textarea-DlEGZFfG.js → Textarea-D1gsiIxm.js} +66 -56
- package/dist/{Textarea-DlEGZFfG.js.map → Textarea-D1gsiIxm.js.map} +1 -1
- package/dist/Textarea.js +4 -4
- package/dist/TimePicker.js +25 -9
- package/dist/TimePicker.js.map +1 -1
- package/dist/Toastr.js +46 -37
- package/dist/Toastr.js.map +1 -1
- package/dist/Tooltip.js +10 -6
- package/dist/Tooltip.js.map +1 -1
- package/dist/TranslationProvider.js +6 -4
- package/dist/TranslationProvider.js.map +1 -1
- package/dist/Tree.js +17 -15
- package/dist/Tree.js.map +1 -1
- package/dist/TreeSelect.js +65 -58
- package/dist/TreeSelect.js.map +1 -1
- package/dist/Typography.js +7 -3
- package/dist/Typography.js.map +1 -1
- package/dist/cjs/Accordion.js +94 -76
- package/dist/cjs/Accordion.js.map +1 -1
- package/dist/cjs/ActionDropdown.js +29 -32
- package/dist/cjs/ActionDropdown.js.map +1 -1
- package/dist/cjs/Alert.js +43 -37
- package/dist/cjs/Alert.js.map +1 -1
- package/dist/cjs/Avatar.js +27 -21
- package/dist/cjs/Avatar.js.map +1 -1
- package/dist/cjs/Button.js +45 -43
- package/dist/cjs/Button.js.map +1 -1
- package/dist/cjs/Callout.js +11 -6
- package/dist/cjs/Callout.js.map +1 -1
- package/dist/cjs/Checkbox.js +34 -27
- package/dist/cjs/Checkbox.js.map +1 -1
- package/dist/cjs/ColorPicker.js +132 -115
- package/dist/cjs/ColorPicker.js.map +1 -1
- package/dist/cjs/DatePicker.js +25 -9
- package/dist/cjs/DatePicker.js.map +1 -1
- package/dist/cjs/Dropdown.js +74 -82
- package/dist/cjs/Dropdown.js.map +1 -1
- package/dist/cjs/Input.js +81 -69
- package/dist/cjs/Input.js.map +1 -1
- package/dist/cjs/Kbd.js +13 -7
- package/dist/cjs/Kbd.js.map +1 -1
- package/dist/cjs/Label.js +59 -40
- package/dist/cjs/Label.js.map +1 -1
- package/dist/cjs/Modal.js +76 -65
- package/dist/cjs/Modal.js.map +1 -1
- package/dist/cjs/MultiEmailInput.js +117 -98
- package/dist/cjs/MultiEmailInput.js.map +1 -1
- package/dist/cjs/NoData.js +55 -39
- package/dist/cjs/NoData.js.map +1 -1
- package/dist/cjs/Pagination.js +63 -51
- package/dist/cjs/Pagination.js.map +1 -1
- package/dist/cjs/Pane.js +65 -55
- package/dist/cjs/Pane.js.map +1 -1
- package/dist/cjs/Popover.js +10 -7
- package/dist/cjs/Popover.js.map +1 -1
- package/dist/cjs/ProgressBar.js +20 -17
- package/dist/cjs/ProgressBar.js.map +1 -1
- package/dist/cjs/Radio.js +49 -39
- package/dist/cjs/Radio.js.map +1 -1
- package/dist/cjs/Select.js +110 -89
- package/dist/cjs/Select.js.map +1 -1
- package/dist/cjs/Sidebar.js +268 -219
- package/dist/cjs/Sidebar.js.map +1 -1
- package/dist/cjs/Slider.js +45 -38
- package/dist/cjs/Slider.js.map +1 -1
- package/dist/cjs/Spinner.js +3 -2
- package/dist/cjs/Spinner.js.map +1 -1
- package/dist/cjs/Stepper.js +33 -26
- package/dist/cjs/Stepper.js.map +1 -1
- package/dist/cjs/Switch.js +55 -45
- package/dist/cjs/Switch.js.map +1 -1
- package/dist/cjs/Tab.js +17 -11
- package/dist/cjs/Tab.js.map +1 -1
- package/dist/cjs/Table.js +224 -185
- package/dist/cjs/Table.js.map +1 -1
- package/dist/cjs/Tag.js +30 -23
- package/dist/cjs/Tag.js.map +1 -1
- package/dist/cjs/{Textarea-CiUKmQHr.js → Textarea-BzBZbgdT.js} +65 -55
- package/dist/cjs/{Textarea-CiUKmQHr.js.map → Textarea-BzBZbgdT.js.map} +1 -1
- package/dist/cjs/Textarea.js +4 -4
- package/dist/cjs/TimePicker.js +25 -9
- package/dist/cjs/TimePicker.js.map +1 -1
- package/dist/cjs/Toastr.js +45 -36
- package/dist/cjs/Toastr.js.map +1 -1
- package/dist/cjs/Tooltip.js +10 -6
- package/dist/cjs/Tooltip.js.map +1 -1
- package/dist/cjs/TranslationProvider.js +5 -3
- package/dist/cjs/TranslationProvider.js.map +1 -1
- package/dist/cjs/Tree.js +17 -15
- package/dist/cjs/Tree.js.map +1 -1
- package/dist/cjs/TreeSelect.js +66 -59
- package/dist/cjs/TreeSelect.js.map +1 -1
- package/dist/cjs/Typography.js +7 -3
- package/dist/cjs/Typography.js.map +1 -1
- package/dist/cjs/constants.js.map +1 -1
- package/dist/cjs/formik/ActionBlock.js +16 -9
- package/dist/cjs/formik/ActionBlock.js.map +1 -1
- package/dist/cjs/formik/BlockNavigation.js +40 -30
- package/dist/cjs/formik/BlockNavigation.js.map +1 -1
- package/dist/cjs/formik/Button.js +5 -3
- package/dist/cjs/formik/Button.js.map +1 -1
- package/dist/cjs/formik/Checkbox.js +29 -28
- package/dist/cjs/formik/Checkbox.js.map +1 -1
- package/dist/cjs/formik/Form.js +53 -47
- package/dist/cjs/formik/Form.js.map +1 -1
- package/dist/cjs/formik/Input.js +27 -26
- package/dist/cjs/formik/Input.js.map +1 -1
- package/dist/cjs/formik/MultiEmailInput.js +10 -6
- package/dist/cjs/formik/MultiEmailInput.js.map +1 -1
- package/dist/cjs/formik/Radio.js +7 -7
- package/dist/cjs/formik/Radio.js.map +1 -1
- package/dist/cjs/formik/Select.js +15 -10
- package/dist/cjs/formik/Select.js.map +1 -1
- package/dist/cjs/formik/Slider.js +7 -7
- package/dist/cjs/formik/Slider.js.map +1 -1
- package/dist/cjs/formik/Switch.js +31 -28
- package/dist/cjs/formik/Switch.js.map +1 -1
- package/dist/cjs/formik/Textarea.js +28 -27
- package/dist/cjs/formik/Textarea.js.map +1 -1
- package/dist/cjs/formik/TreeSelect.js +8 -5
- package/dist/cjs/formik/TreeSelect.js.map +1 -1
- package/dist/cjs/formik/index.js +11 -7
- package/dist/cjs/formik/index.js.map +1 -1
- package/dist/cjs/{index-eifA8CnA.js → index-Dv40T5Ly.js} +195 -169
- package/dist/cjs/{index-eifA8CnA.js.map → index-Dv40T5Ly.js.map} +1 -1
- package/dist/cjs/{index--BeRLo6L.js → index-h3QcOeWw.js} +12 -14
- package/dist/cjs/{index--BeRLo6L.js.map → index-h3QcOeWw.js.map} +1 -1
- package/dist/cjs/index.css +1 -2
- package/dist/cjs/index.js +26 -10
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/layouts.js +8 -3
- package/dist/cjs/layouts.js.map +1 -1
- package/dist/cjs/overlayManager.js +1 -2
- package/dist/cjs/overlayManager.js.map +1 -1
- package/dist/cjs/{react-select-creatable.esm-Bdv9YAMt.js → react-select-creatable.esm-lcdODVBz.js} +449 -243
- package/dist/cjs/react-select-creatable.esm-lcdODVBz.js.map +1 -0
- package/dist/cjs/useId-DXHUzdxd.js.map +1 -1
- package/dist/cjs/{useOverlayManager-CxBh9gVG.js → useOverlayManager-Bj58uLfc.js} +14 -9
- package/dist/cjs/{useOverlayManager-CxBh9gVG.js.map → useOverlayManager-Bj58uLfc.js.map} +1 -1
- package/dist/cjs/useQueryParams-BrrbBvY_.js +18 -0
- package/dist/cjs/{useQueryParams-l5fJJYCR.js.map → useQueryParams-BrrbBvY_.js.map} +1 -1
- package/dist/cjs/useRecentlyUsedColors-BcOkiB-v.js +1239 -0
- package/dist/cjs/useRecentlyUsedColors-BcOkiB-v.js.map +1 -0
- package/dist/cjs/useRestoreScrollPosition-DP8SUs19.js +236 -0
- package/dist/cjs/useRestoreScrollPosition-DP8SUs19.js.map +1 -0
- package/dist/constants.js.map +1 -1
- package/dist/formik/ActionBlock.js +16 -9
- package/dist/formik/ActionBlock.js.map +1 -1
- package/dist/formik/BlockNavigation.js +41 -31
- package/dist/formik/BlockNavigation.js.map +1 -1
- package/dist/formik/Button.js +6 -4
- package/dist/formik/Button.js.map +1 -1
- package/dist/formik/Checkbox.js +30 -29
- package/dist/formik/Checkbox.js.map +1 -1
- package/dist/formik/Form.js +54 -48
- package/dist/formik/Form.js.map +1 -1
- package/dist/formik/Input.js +28 -27
- package/dist/formik/Input.js.map +1 -1
- package/dist/formik/MultiEmailInput.js +11 -7
- package/dist/formik/MultiEmailInput.js.map +1 -1
- package/dist/formik/Radio.js +7 -7
- package/dist/formik/Radio.js.map +1 -1
- package/dist/formik/Select.js +17 -12
- package/dist/formik/Select.js.map +1 -1
- package/dist/formik/Slider.js +8 -8
- package/dist/formik/Slider.js.map +1 -1
- package/dist/formik/Switch.js +31 -28
- package/dist/formik/Switch.js.map +1 -1
- package/dist/formik/Textarea.js +29 -28
- package/dist/formik/Textarea.js.map +1 -1
- package/dist/formik/TreeSelect.js +9 -6
- package/dist/formik/TreeSelect.js.map +1 -1
- package/dist/formik/index.js +11 -7
- package/dist/formik/index.js.map +1 -1
- package/dist/{index-Dxaw6gl9.js → index-D6vmwyYl.js} +14 -16
- package/dist/index-D6vmwyYl.js.map +1 -0
- package/dist/{index-ITIifSw4.js → index-D6yXgUQN.js} +196 -170
- package/dist/{index-ITIifSw4.js.map → index-D6yXgUQN.js.map} +1 -1
- package/dist/index.css +1 -2
- package/dist/index.js +26 -10
- package/dist/index.js.map +1 -1
- package/dist/layouts.js +8 -3
- package/dist/layouts.js.map +1 -1
- package/dist/overlayManager.js +1 -2
- package/dist/overlayManager.js.map +1 -1
- package/dist/{react-select-creatable.esm-Dx_vEnyD.js → react-select-creatable.esm-opiJTCqo.js} +450 -244
- package/dist/react-select-creatable.esm-opiJTCqo.js.map +1 -0
- package/dist/useId-Jj9hXm-g.js.map +1 -1
- package/dist/{useOverlayManager-AZIGhUYS.js → useOverlayManager-BzuBvhPZ.js} +14 -9
- package/dist/{useOverlayManager-AZIGhUYS.js.map → useOverlayManager-BzuBvhPZ.js.map} +1 -1
- package/dist/useQueryParams-BKsf4FPY.js +16 -0
- package/dist/{useQueryParams-b60CHFUx.js.map → useQueryParams-BKsf4FPY.js.map} +1 -1
- package/dist/useRecentlyUsedColors-CtvdF-KQ.js +1236 -0
- package/dist/useRecentlyUsedColors-CtvdF-KQ.js.map +1 -0
- package/dist/useRestoreScrollPosition-BVX-mT5c.js +225 -0
- package/dist/useRestoreScrollPosition-BVX-mT5c.js.map +1 -0
- package/package.json +42 -48
- package/dist/cjs/react-select-creatable.esm-Bdv9YAMt.js.map +0 -1
- package/dist/cjs/useQueryParams-l5fJJYCR.js +0 -18
- package/dist/cjs/useRecentlyUsedColors-3cKx-eDH.js +0 -1270
- package/dist/cjs/useRecentlyUsedColors-3cKx-eDH.js.map +0 -1
- package/dist/cjs/useRestoreScrollPosition-PsoENtiB.js +0 -218
- package/dist/cjs/useRestoreScrollPosition-PsoENtiB.js.map +0 -1
- package/dist/index-Dxaw6gl9.js.map +0 -1
- package/dist/react-select-creatable.esm-Dx_vEnyD.js.map +0 -1
- package/dist/useQueryParams-b60CHFUx.js +0 -16
- package/dist/useRecentlyUsedColors-CqUfqfck.js +0 -1267
- package/dist/useRecentlyUsedColors-CqUfqfck.js.map +0 -1
- package/dist/useRestoreScrollPosition-C1NSANQW.js +0 -207
- package/dist/useRestoreScrollPosition-C1NSANQW.js.map +0 -1
- package/src/translations/ar.json +0 -41
- package/src/translations/bg.json +0 -41
- package/src/translations/ca.json +0 -41
- package/src/translations/cs.json +0 -41
- package/src/translations/da.json +0 -41
- package/src/translations/de.json +0 -41
- package/src/translations/en.json +0 -41
- package/src/translations/es-MX.json +0 -41
- package/src/translations/es.json +0 -41
- package/src/translations/et.json +0 -41
- package/src/translations/fi.json +0 -41
- package/src/translations/fil.json +0 -41
- package/src/translations/fr.json +0 -41
- package/src/translations/hi.json +0 -41
- package/src/translations/hr.json +0 -41
- package/src/translations/id.json +0 -41
- package/src/translations/index.js +0 -18
- package/src/translations/it.json +0 -41
- package/src/translations/ja.json +0 -41
- package/src/translations/ko.json +0 -41
- package/src/translations/nl.json +0 -41
- package/src/translations/pl.json +0 -41
- package/src/translations/pt-BR.json +0 -41
- package/src/translations/pt.json +0 -41
- package/src/translations/ro.json +0 -41
- package/src/translations/ru.json +0 -41
- package/src/translations/sk.json +0 -41
- package/src/translations/sl.json +0 -41
- package/src/translations/sv.json +0 -41
- package/src/translations/th.json +0 -41
- package/src/translations/tr.json +0 -41
- package/src/translations/uk.json +0 -41
- package/src/translations/vi.json +0 -41
- package/src/translations/zh-CN.json +0 -41
- package/src/translations/zh-TW.json +0 -41
package/dist/cjs/Table.js
CHANGED
|
@@ -2,14 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
var _ConfigProvider = require('antd/lib/config-provider');
|
|
4
4
|
var _Table = require('antd/lib/table');
|
|
5
|
-
var _extends = require('@babel/runtime/helpers/extends');
|
|
6
5
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
7
6
|
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
8
7
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
9
8
|
var React = require('react');
|
|
10
9
|
var classnames = require('classnames');
|
|
11
10
|
var neetoCist = require('@bigbinary/neeto-cist');
|
|
12
|
-
var
|
|
11
|
+
var Left = require('@bigbinary/neeto-icons/Left');
|
|
12
|
+
var Right = require('@bigbinary/neeto-icons/Right');
|
|
13
|
+
var MenuHorizontal = require('@bigbinary/neeto-icons/MenuHorizontal');
|
|
13
14
|
var ramda = require('ramda');
|
|
14
15
|
var ReactDragListView = require('react-drag-listview');
|
|
15
16
|
var reactI18next = require('react-i18next');
|
|
@@ -17,13 +18,17 @@ var reactRouterDom = require('react-router-dom');
|
|
|
17
18
|
var constants = require('./constants.js');
|
|
18
19
|
require('@bigbinary/neeto-hotkeys');
|
|
19
20
|
require('./overlayManager.js');
|
|
20
|
-
var index = require('./index
|
|
21
|
-
var useQueryParams = require('./useQueryParams-
|
|
21
|
+
var index = require('./index-h3QcOeWw.js');
|
|
22
|
+
var useQueryParams = require('./useQueryParams-BrrbBvY_.js');
|
|
22
23
|
var Button = require('./Button.js');
|
|
23
24
|
var Callout = require('./Callout.js');
|
|
24
25
|
var Typography = require('./Typography.js');
|
|
25
|
-
var
|
|
26
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
27
|
+
var useRestoreScrollPosition = require('./useRestoreScrollPosition-DP8SUs19.js');
|
|
26
28
|
var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
|
|
29
|
+
var DownArrow = require('@bigbinary/neeto-icons/DownArrow');
|
|
30
|
+
var UpArrow = require('@bigbinary/neeto-icons/UpArrow');
|
|
31
|
+
var InfoRound = require('@bigbinary/neeto-icons/InfoRound');
|
|
27
32
|
var Popover = require('./Popover.js');
|
|
28
33
|
var reactResizable = require('react-resizable');
|
|
29
34
|
var Spinner = require('./Spinner.js');
|
|
@@ -46,7 +51,9 @@ require('dayjs/plugin/weekOfYear');
|
|
|
46
51
|
require('./Tooltip.js');
|
|
47
52
|
require('@tippyjs/react');
|
|
48
53
|
require('tippy.js');
|
|
54
|
+
require('@bigbinary/neeto-icons/Check');
|
|
49
55
|
require('./Dropdown.js');
|
|
56
|
+
require('@bigbinary/neeto-icons/Down');
|
|
50
57
|
require('zustand');
|
|
51
58
|
|
|
52
59
|
var useTimeout = function useTimeout(callback, delay) {
|
|
@@ -64,7 +71,8 @@ var useTimeout = function useTimeout(callback, delay) {
|
|
|
64
71
|
}, [delay]);
|
|
65
72
|
};
|
|
66
73
|
|
|
67
|
-
|
|
74
|
+
function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
75
|
+
function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
68
76
|
var AllRowsSelectedCallout = function AllRowsSelectedCallout(_ref) {
|
|
69
77
|
var calloutProps = _ref.calloutProps,
|
|
70
78
|
onClearSelection = _ref.onClearSelection,
|
|
@@ -73,41 +81,49 @@ var AllRowsSelectedCallout = function AllRowsSelectedCallout(_ref) {
|
|
|
73
81
|
var _useTranslation = reactI18next.useTranslation(),
|
|
74
82
|
t = _useTranslation.t,
|
|
75
83
|
i18n = _useTranslation.i18n;
|
|
76
|
-
return /*#__PURE__*/
|
|
84
|
+
return /*#__PURE__*/jsxRuntime.jsx(Callout, _objectSpread$8(_objectSpread$8({
|
|
77
85
|
className: "my-2"
|
|
78
|
-
}, calloutProps, {
|
|
79
|
-
"data-testid": "clear-selections-callout"
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
86
|
+
}, calloutProps), {}, {
|
|
87
|
+
"data-testid": "clear-selections-callout",
|
|
88
|
+
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
89
|
+
className: "neeto-ui-flex neeto-ui-gap-3",
|
|
90
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
91
|
+
style: "body2",
|
|
92
|
+
children: allRowsSelectedMessage || index.getLocale(i18n, t, "neetoui.table.allRowsSelected")
|
|
93
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
94
|
+
"data-testid": "clear-selections-button",
|
|
95
|
+
style: "link",
|
|
96
|
+
label: clearSelectionButtonLabel || index.getLocale(i18n, t, "neetoui.table.clearSelection"),
|
|
97
|
+
onClick: onClearSelection
|
|
98
|
+
})]
|
|
99
|
+
})
|
|
100
|
+
}));
|
|
90
101
|
};
|
|
91
102
|
|
|
103
|
+
function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
104
|
+
function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
92
105
|
var SelectAllRowsCallout = function SelectAllRowsCallout(_ref) {
|
|
93
106
|
var calloutProps = _ref.calloutProps,
|
|
94
107
|
onBulkSelectAllRows = _ref.onBulkSelectAllRows,
|
|
95
108
|
selectAllRowButtonLabel = _ref.selectAllRowButtonLabel,
|
|
96
109
|
selectAllRowMessage = _ref.selectAllRowMessage;
|
|
97
|
-
return /*#__PURE__*/
|
|
110
|
+
return /*#__PURE__*/jsxRuntime.jsx(Callout, _objectSpread$7(_objectSpread$7({
|
|
98
111
|
className: "my-2"
|
|
99
|
-
}, calloutProps, {
|
|
100
|
-
"data-testid": "select-all-rows-callout"
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
112
|
+
}, calloutProps), {}, {
|
|
113
|
+
"data-testid": "select-all-rows-callout",
|
|
114
|
+
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
115
|
+
className: "neeto-ui-flex neeto-ui-gap-3",
|
|
116
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
117
|
+
style: "body2",
|
|
118
|
+
children: selectAllRowMessage
|
|
119
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
120
|
+
"data-testid": "select-all-rows-button",
|
|
121
|
+
label: selectAllRowButtonLabel,
|
|
122
|
+
style: "link",
|
|
123
|
+
onClick: onBulkSelectAllRows
|
|
124
|
+
})]
|
|
125
|
+
})
|
|
126
|
+
}));
|
|
111
127
|
};
|
|
112
128
|
|
|
113
129
|
var useLocalStorage = function useLocalStorage(key, defaultValue) {
|
|
@@ -171,12 +187,12 @@ var useReorderColumns = function useReorderColumns(_ref) {
|
|
|
171
187
|
var SortIcon = function SortIcon(_ref) {
|
|
172
188
|
var sortOrder = _ref.sortOrder;
|
|
173
189
|
if (sortOrder === useRestoreScrollPosition.TABLE_SORT_ORDERS.asc || sortOrder === useRestoreScrollPosition.URL_SORT_ORDERS.ascend) {
|
|
174
|
-
return /*#__PURE__*/
|
|
190
|
+
return /*#__PURE__*/jsxRuntime.jsx(UpArrow, {
|
|
175
191
|
size: 14
|
|
176
192
|
});
|
|
177
193
|
}
|
|
178
194
|
if (sortOrder === useRestoreScrollPosition.TABLE_SORT_ORDERS.desc || sortOrder === useRestoreScrollPosition.URL_SORT_ORDERS.descend) {
|
|
179
|
-
return /*#__PURE__*/
|
|
195
|
+
return /*#__PURE__*/jsxRuntime.jsx(DownArrow, {
|
|
180
196
|
size: 14
|
|
181
197
|
});
|
|
182
198
|
}
|
|
@@ -189,28 +205,36 @@ var TitleWithInfoIcon = function TitleWithInfoIcon(_ref) {
|
|
|
189
205
|
description = _ref.description,
|
|
190
206
|
rest = _objectWithoutProperties(_ref, _excluded$5);
|
|
191
207
|
var popoverRef = React.useRef();
|
|
192
|
-
return /*#__PURE__*/
|
|
193
|
-
className: "relative pr-5"
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
208
|
+
return /*#__PURE__*/jsxRuntime.jsxs("span", {
|
|
209
|
+
className: "relative pr-5",
|
|
210
|
+
children: [typeof title === "function" ? title(rest) : title, description && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
211
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("span", {
|
|
212
|
+
className: "neeto-ui-table__column-title-info-icon",
|
|
213
|
+
ref: popoverRef,
|
|
214
|
+
children: /*#__PURE__*/jsxRuntime.jsx(InfoRound, {
|
|
215
|
+
color: "currentColor",
|
|
216
|
+
size: 14
|
|
217
|
+
})
|
|
218
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Popover, {
|
|
219
|
+
appendTo: function appendTo() {
|
|
220
|
+
return document.body;
|
|
221
|
+
},
|
|
222
|
+
position: "bottom",
|
|
223
|
+
reference: popoverRef,
|
|
224
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
225
|
+
lineHeight: "normal",
|
|
226
|
+
style: "body2",
|
|
227
|
+
children: description
|
|
228
|
+
})
|
|
229
|
+
})]
|
|
230
|
+
})]
|
|
231
|
+
});
|
|
210
232
|
};
|
|
211
233
|
var TitleWithInfoIcon$1 = /*#__PURE__*/React.memo(TitleWithInfoIcon);
|
|
212
234
|
|
|
213
235
|
var _excluded$4 = ["children", "isSortable", "isAddEnabled", "sortedInfo", "onSort", "isHidable", "isDeletable", "isFixedColumn", "isColumnFreezeEnabled", "onColumnHide", "onAddColumn", "onColumnDelete", "onColumnFreeze", "onMoreActionClick", "column", "moreActions"];
|
|
236
|
+
function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
237
|
+
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
214
238
|
var CellContent = function CellContent(_ref) {
|
|
215
239
|
var children = _ref.children,
|
|
216
240
|
isSortable = _ref.isSortable,
|
|
@@ -236,36 +260,41 @@ var CellContent = function CellContent(_ref) {
|
|
|
236
260
|
var isColumnDeletable = isDeletable && neetoCist.isPresent(onColumnDelete);
|
|
237
261
|
var hasMoreActions = !ramda.isEmpty(moreActions) && neetoCist.isPresent(onMoreActionClick);
|
|
238
262
|
var hasMoreMenu = isSortable || isColumnHidable || isAddEnabled || hasMoreActions || neetoCist.isPresent(column) && isColumnFreezeEnabled;
|
|
239
|
-
return /*#__PURE__*/
|
|
263
|
+
return /*#__PURE__*/jsxRuntime.jsx("th", _objectSpread$6(_objectSpread$6({}, headerProps), {}, {
|
|
240
264
|
title: "",
|
|
241
|
-
onClick: isSortable ? neetoCist.noop : headerProps.onClick
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
+
onClick: isSortable ? neetoCist.noop : headerProps.onClick,
|
|
266
|
+
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
267
|
+
className: "neeto-ui-flex neeto-ui-items-center neeto-ui-justify-between",
|
|
268
|
+
"data-cy": "".concat(index.hyphenize(headerProps.title), "-header-title"),
|
|
269
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
270
|
+
className: "neeto-ui-min-w-0 neeto-ui-flex-grow neeto-ui-truncate neeto-ui-table__column-title-content",
|
|
271
|
+
children: children
|
|
272
|
+
}), hasMoreMenu && /*#__PURE__*/jsxRuntime.jsx(useRestoreScrollPosition.HeaderCellMenu, {
|
|
273
|
+
column: column,
|
|
274
|
+
hasMoreActions: hasMoreActions,
|
|
275
|
+
isAddEnabled: isAddEnabled,
|
|
276
|
+
isColumnDeletable: isColumnDeletable,
|
|
277
|
+
isColumnFreezeEnabled: isColumnFreezeEnabled,
|
|
278
|
+
isFixedColumn: isFixedColumn,
|
|
279
|
+
isSortable: isSortable,
|
|
280
|
+
moreActions: moreActions,
|
|
281
|
+
onAddColumn: onAddColumn,
|
|
282
|
+
onColumnDelete: onColumnDelete,
|
|
283
|
+
onColumnFreeze: onColumnFreeze,
|
|
284
|
+
onColumnHide: onColumnHide,
|
|
285
|
+
onMoreActionClick: onMoreActionClick,
|
|
286
|
+
onSort: onSort,
|
|
287
|
+
sortedInfo: sortedInfo,
|
|
288
|
+
isHidable: isColumnHidable
|
|
289
|
+
})]
|
|
290
|
+
})
|
|
291
|
+
}));
|
|
265
292
|
};
|
|
266
293
|
var CellContent$1 = /*#__PURE__*/React.memo(CellContent);
|
|
267
294
|
|
|
268
295
|
var _excluded$3 = ["onResize", "width", "onResizeStop", "className"];
|
|
296
|
+
function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
297
|
+
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
269
298
|
var HeaderCell = function HeaderCell(props) {
|
|
270
299
|
var onResize = props.onResize,
|
|
271
300
|
width = props.width,
|
|
@@ -273,11 +302,11 @@ var HeaderCell = function HeaderCell(props) {
|
|
|
273
302
|
className = props.className,
|
|
274
303
|
restProps = _objectWithoutProperties(props, _excluded$3);
|
|
275
304
|
if (!width) {
|
|
276
|
-
return /*#__PURE__*/
|
|
305
|
+
return /*#__PURE__*/jsxRuntime.jsx(CellContent$1, _objectSpread$5(_objectSpread$5({}, restProps), {}, {
|
|
277
306
|
className: classnames(className, "drag-handler")
|
|
278
307
|
}));
|
|
279
308
|
}
|
|
280
|
-
return /*#__PURE__*/
|
|
309
|
+
return /*#__PURE__*/jsxRuntime.jsx(reactResizable.Resizable, {
|
|
281
310
|
onResize: onResize,
|
|
282
311
|
onResizeStop: onResizeStop,
|
|
283
312
|
width: width,
|
|
@@ -285,7 +314,7 @@ var HeaderCell = function HeaderCell(props) {
|
|
|
285
314
|
enableUserSelectHack: false
|
|
286
315
|
},
|
|
287
316
|
height: 0,
|
|
288
|
-
handle: /*#__PURE__*/
|
|
317
|
+
handle: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
289
318
|
className: "react-resizable-handle",
|
|
290
319
|
onClick: function onClick(e) {
|
|
291
320
|
return e.stopPropagation();
|
|
@@ -293,14 +322,17 @@ var HeaderCell = function HeaderCell(props) {
|
|
|
293
322
|
}),
|
|
294
323
|
onResizeStart: function onResizeStart(e) {
|
|
295
324
|
e.preventDefault();
|
|
296
|
-
}
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
325
|
+
},
|
|
326
|
+
children: /*#__PURE__*/jsxRuntime.jsx(CellContent$1, _objectSpread$5(_objectSpread$5({}, restProps), {}, {
|
|
327
|
+
className: classnames(className, "drag-handler")
|
|
328
|
+
}))
|
|
329
|
+
});
|
|
300
330
|
};
|
|
301
331
|
var HeaderCell$1 = /*#__PURE__*/React.memo(HeaderCell);
|
|
302
332
|
|
|
303
333
|
var _excluded$2 = ["onResize", "width", "onResizeStop", "onResizeStart"];
|
|
334
|
+
function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
335
|
+
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
304
336
|
var ResizableHeaderCell = function ResizableHeaderCell(props) {
|
|
305
337
|
var onResize = props.onResize,
|
|
306
338
|
width = props.width,
|
|
@@ -312,9 +344,9 @@ var ResizableHeaderCell = function ResizableHeaderCell(props) {
|
|
|
312
344
|
isResizing = _useState2[0],
|
|
313
345
|
setIsResizing = _useState2[1];
|
|
314
346
|
if (!width) {
|
|
315
|
-
return /*#__PURE__*/
|
|
347
|
+
return /*#__PURE__*/jsxRuntime.jsx(CellContent$1, _objectSpread$4({}, restProps));
|
|
316
348
|
}
|
|
317
|
-
return /*#__PURE__*/
|
|
349
|
+
return /*#__PURE__*/jsxRuntime.jsx(reactResizable.Resizable, _defineProperty(_defineProperty({
|
|
318
350
|
onResize: onResize,
|
|
319
351
|
onResizeStop: _onResizeStop,
|
|
320
352
|
width: width,
|
|
@@ -322,33 +354,36 @@ var ResizableHeaderCell = function ResizableHeaderCell(props) {
|
|
|
322
354
|
enableUserSelectHack: false
|
|
323
355
|
},
|
|
324
356
|
height: 0,
|
|
325
|
-
handle: /*#__PURE__*/
|
|
357
|
+
handle: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
326
358
|
className: classnames("react-resizable-handle", {
|
|
327
359
|
"react-resizable-handle--resizing": isResizing
|
|
328
360
|
}),
|
|
329
361
|
onClick: function onClick(e) {
|
|
330
362
|
return e.stopPropagation();
|
|
331
|
-
}
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
363
|
+
},
|
|
364
|
+
children: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
365
|
+
className: "neeto-ui-table-react-resizable-handle__inner"
|
|
366
|
+
})
|
|
367
|
+
}),
|
|
335
368
|
onResizeStart: function onResizeStart(e, data) {
|
|
336
369
|
e.preventDefault();
|
|
337
370
|
setIsResizing(true);
|
|
338
|
-
_onResizeStart === null || _onResizeStart === void 0
|
|
371
|
+
_onResizeStart === null || _onResizeStart === void 0 ? void 0 : _onResizeStart(e, data);
|
|
339
372
|
}
|
|
340
373
|
}, "onResizeStop", function onResizeStop(e, data) {
|
|
341
374
|
setIsResizing(false);
|
|
342
|
-
_onResizeStop === null || _onResizeStop === void 0
|
|
343
|
-
}), /*#__PURE__*/
|
|
375
|
+
_onResizeStop === null || _onResizeStop === void 0 ? void 0 : _onResizeStop(e, data);
|
|
376
|
+
}), "children", /*#__PURE__*/jsxRuntime.jsx(CellContent$1, _objectSpread$4({}, restProps))));
|
|
344
377
|
};
|
|
345
378
|
var ResizableHeaderCell$1 = /*#__PURE__*/React.memo(ResizableHeaderCell);
|
|
346
379
|
|
|
347
380
|
var _excluded$1 = ["className"];
|
|
381
|
+
function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
382
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
348
383
|
var ReorderableHeaderCell = function ReorderableHeaderCell(_ref) {
|
|
349
384
|
var className = _ref.className,
|
|
350
385
|
props = _objectWithoutProperties(_ref, _excluded$1);
|
|
351
|
-
return /*#__PURE__*/
|
|
386
|
+
return /*#__PURE__*/jsxRuntime.jsx(CellContent$1, _objectSpread$3(_objectSpread$3({}, props), {}, {
|
|
352
387
|
className: classnames(className, "drag-handler")
|
|
353
388
|
}));
|
|
354
389
|
};
|
|
@@ -361,7 +396,6 @@ var convertLocationPathnameToId = function convertLocationPathnameToId() {
|
|
|
361
396
|
hash = (hash << 5) - hash + _char;
|
|
362
397
|
hash = hash & hash; // Convert to 32-bit integer
|
|
363
398
|
}
|
|
364
|
-
|
|
365
399
|
return Math.abs(hash).toString(16).toUpperCase();
|
|
366
400
|
};
|
|
367
401
|
var getHeaderCell = function getHeaderCell(_ref) {
|
|
@@ -435,8 +469,8 @@ var calculateRowsPerPage = function calculateRowsPerPage() {
|
|
|
435
469
|
return Math.ceil(rowsPerPage / 10) * 10;
|
|
436
470
|
};
|
|
437
471
|
|
|
438
|
-
function ownKeys$2(
|
|
439
|
-
function _objectSpread$2(
|
|
472
|
+
function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
473
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
440
474
|
var useResizableColumns = function useResizableColumns(_ref) {
|
|
441
475
|
var columns = _ref.columns,
|
|
442
476
|
columnData = _ref.columnData,
|
|
@@ -499,7 +533,7 @@ var useResizableColumns = function useResizableColumns(_ref) {
|
|
|
499
533
|
sortOrder: getColumnSortOrder(col, sortedInfo),
|
|
500
534
|
fixed: fixed,
|
|
501
535
|
title: col.description ? function (props) {
|
|
502
|
-
return /*#__PURE__*/
|
|
536
|
+
return /*#__PURE__*/jsxRuntime.jsx(TitleWithInfoIcon$1, _objectSpread$2(_objectSpread$2({}, props), {}, {
|
|
503
537
|
description: col.description,
|
|
504
538
|
title: col.title
|
|
505
539
|
}));
|
|
@@ -514,8 +548,8 @@ var useResizableColumns = function useResizableColumns(_ref) {
|
|
|
514
548
|
};
|
|
515
549
|
};
|
|
516
550
|
|
|
517
|
-
function ownKeys$1(
|
|
518
|
-
function _objectSpread$1(
|
|
551
|
+
function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
552
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
519
553
|
var useColumns = function useColumns(_ref) {
|
|
520
554
|
var columns = _ref.columns,
|
|
521
555
|
columnData = _ref.columnData,
|
|
@@ -571,7 +605,7 @@ var useColumns = function useColumns(_ref) {
|
|
|
571
605
|
};
|
|
572
606
|
}
|
|
573
607
|
setSortedInfo(newSortedInfo);
|
|
574
|
-
onTableChange === null || onTableChange === void 0
|
|
608
|
+
onTableChange === null || onTableChange === void 0 ? void 0 : onTableChange(((_tableOnChangeProps$c = tableOnChangeProps.current) === null || _tableOnChangeProps$c === void 0 ? void 0 : _tableOnChangeProps$c.pagination) || {}, ((_tableOnChangeProps$c2 = tableOnChangeProps.current) === null || _tableOnChangeProps$c2 === void 0 ? void 0 : _tableOnChangeProps$c2.filters) || {}, _objectSpread$1({}, newSortedInfo));
|
|
575
609
|
isDefaultPageChangeHandler && handleTableSortChange(((_tableOnChangeProps$c3 = tableOnChangeProps.current) === null || _tableOnChangeProps$c3 === void 0 ? void 0 : _tableOnChangeProps$c3.pagination) || {}, newSortedInfo);
|
|
576
610
|
};
|
|
577
611
|
var _useResizableColumns = useResizableColumns({
|
|
@@ -625,7 +659,7 @@ var useScroll = function useScroll(_ref) {
|
|
|
625
659
|
var observer = resizeObserver.current;
|
|
626
660
|
if (table !== null) {
|
|
627
661
|
var _table$parentNode;
|
|
628
|
-
var targetNode = enableColumnReorder ? table === null || table === void 0
|
|
662
|
+
var targetNode = enableColumnReorder ? table === null || table === void 0 ? void 0 : (_table$parentNode = table.parentNode) === null || _table$parentNode === void 0 ? void 0 : _table$parentNode.parentNode : table === null || table === void 0 ? void 0 : table.parentNode;
|
|
629
663
|
observer.observe(targetNode);
|
|
630
664
|
} else if (observer) {
|
|
631
665
|
observer.disconnect();
|
|
@@ -734,8 +768,8 @@ var useVirtualScroll = function useVirtualScroll(_ref) {
|
|
|
734
768
|
};
|
|
735
769
|
|
|
736
770
|
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", "virtual"];
|
|
737
|
-
function ownKeys(
|
|
738
|
-
function _objectSpread(
|
|
771
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
772
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
739
773
|
var Table = function Table(_ref) {
|
|
740
774
|
var _ref$allowRowClick = _ref.allowRowClick,
|
|
741
775
|
allowRowClick = _ref$allowRowClick === void 0 ? true : _ref$allowRowClick,
|
|
@@ -878,9 +912,10 @@ var Table = function Table(_ref) {
|
|
|
878
912
|
};
|
|
879
913
|
var sortedColumns = isDefaultPageChangeHandler ? setSortFromURL(curatedColumnsData) : curatedColumnsData;
|
|
880
914
|
var locale = {
|
|
881
|
-
emptyText: /*#__PURE__*/
|
|
882
|
-
style: "body2"
|
|
883
|
-
|
|
915
|
+
emptyText: /*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
916
|
+
style: "body2",
|
|
917
|
+
children: "No Data"
|
|
918
|
+
})
|
|
884
919
|
};
|
|
885
920
|
var selectedRowKeys = bulkSelectedAllRows ? ramda.pluck(rowKey, rowData) : initialSelectedRowKeys;
|
|
886
921
|
var showBulkSelectionCallout = React.useMemo(function () {
|
|
@@ -908,12 +943,12 @@ var Table = function Table(_ref) {
|
|
|
908
943
|
var tableWrapper = document.querySelector('[data-testid="table-wrapper"]');
|
|
909
944
|
if (selectedRowKeys.length !== defaultPageSize) {
|
|
910
945
|
setBulkSelectedAllRows(false);
|
|
911
|
-
handleSetBulkSelectedAllRows === null || handleSetBulkSelectedAllRows === void 0
|
|
912
|
-
tableWrapper === null || tableWrapper === void 0
|
|
946
|
+
handleSetBulkSelectedAllRows === null || handleSetBulkSelectedAllRows === void 0 ? void 0 : handleSetBulkSelectedAllRows(false);
|
|
947
|
+
tableWrapper === null || tableWrapper === void 0 ? void 0 : tableWrapper.classList.remove("neeto-ui-overflow-hidden");
|
|
913
948
|
} else {
|
|
914
|
-
tableWrapper === null || tableWrapper === void 0
|
|
949
|
+
tableWrapper === null || tableWrapper === void 0 ? void 0 : tableWrapper.classList.add("neeto-ui-overflow-hidden");
|
|
915
950
|
}
|
|
916
|
-
onRowSelect === null || onRowSelect === void 0
|
|
951
|
+
onRowSelect === null || onRowSelect === void 0 ? void 0 : onRowSelect(selectedRowKeys, selectedRows);
|
|
917
952
|
};
|
|
918
953
|
var rowSelectionProps = rowSelection ? _objectSpread(_objectSpread({
|
|
919
954
|
type: "checkbox",
|
|
@@ -928,7 +963,7 @@ var Table = function Table(_ref) {
|
|
|
928
963
|
var handleTableChange = function handleTableChange(pagination, filters, sorter, extras) {
|
|
929
964
|
setSortedInfo(sorter);
|
|
930
965
|
isDefaultPageChangeHandler && handleTableSortChange(pagination, sorter);
|
|
931
|
-
onChange === null || onChange === void 0
|
|
966
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(pagination, filters, sorter, extras);
|
|
932
967
|
tableOnChangeProps.current = {
|
|
933
968
|
pagination: pagination,
|
|
934
969
|
filters: filters
|
|
@@ -950,15 +985,15 @@ var Table = function Table(_ref) {
|
|
|
950
985
|
size: "small",
|
|
951
986
|
style: "text"
|
|
952
987
|
};
|
|
953
|
-
if (type === "prev") return /*#__PURE__*/
|
|
954
|
-
icon:
|
|
988
|
+
if (type === "prev") return /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread({
|
|
989
|
+
icon: Left
|
|
955
990
|
}, commonProps));
|
|
956
|
-
if (type === "next") return /*#__PURE__*/
|
|
957
|
-
icon:
|
|
991
|
+
if (type === "next") return /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread({
|
|
992
|
+
icon: Right
|
|
958
993
|
}, commonProps));
|
|
959
994
|
if (type === "jump-prev" || type === "jump-next") {
|
|
960
|
-
return /*#__PURE__*/
|
|
961
|
-
icon:
|
|
995
|
+
return /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread({
|
|
996
|
+
icon: MenuHorizontal
|
|
962
997
|
}, commonProps));
|
|
963
998
|
}
|
|
964
999
|
return originalElement;
|
|
@@ -966,7 +1001,7 @@ var Table = function Table(_ref) {
|
|
|
966
1001
|
React.useEffect(function () {
|
|
967
1002
|
if (neetoCist.isNotEmpty(initialSelectedRowKeys)) return;
|
|
968
1003
|
setBulkSelectedAllRows(false);
|
|
969
|
-
handleSetBulkSelectedAllRows === null || handleSetBulkSelectedAllRows === void 0
|
|
1004
|
+
handleSetBulkSelectedAllRows === null || handleSetBulkSelectedAllRows === void 0 ? void 0 : handleSetBulkSelectedAllRows(false);
|
|
970
1005
|
}, [handleSetBulkSelectedAllRows, initialSelectedRowKeys]);
|
|
971
1006
|
React.useEffect(function () {
|
|
972
1007
|
var shouldNavigateToLastPage = ramda.isEmpty(rowData) && !loading && currentPageNumber !== 1;
|
|
@@ -986,7 +1021,7 @@ var Table = function Table(_ref) {
|
|
|
986
1021
|
}, [columnData, columnChanges]);
|
|
987
1022
|
var neetoUIFontBold = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--neeto-ui-font-bold"), 10);
|
|
988
1023
|
var renderTable = function renderTable() {
|
|
989
|
-
return /*#__PURE__*/
|
|
1024
|
+
return /*#__PURE__*/jsxRuntime.jsxs(_ConfigProvider, {
|
|
990
1025
|
locale: constants.ANTD_LOCALE[i18n.language || "en"],
|
|
991
1026
|
theme: {
|
|
992
1027
|
token: _objectSpread({}, index.ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
|
|
@@ -1034,74 +1069,78 @@ var Table = function Table(_ref) {
|
|
|
1034
1069
|
paddingContentVerticalLG: 11
|
|
1035
1070
|
}
|
|
1036
1071
|
}
|
|
1037
|
-
}
|
|
1038
|
-
}, shouldShowSelectAllRowsCallout && /*#__PURE__*/React.createElement(SelectAllRowsCallout, _extends({}, bulkSelectAllRowsProps, {
|
|
1039
|
-
onBulkSelectAllRows: function onBulkSelectAllRows() {
|
|
1040
|
-
setBulkSelectedAllRows(true);
|
|
1041
|
-
handleSetBulkSelectedAllRows === null || handleSetBulkSelectedAllRows === void 0 || handleSetBulkSelectedAllRows(true);
|
|
1042
|
-
}
|
|
1043
|
-
})), shouldShowAllRowsSelectedCallout && /*#__PURE__*/React.createElement(AllRowsSelectedCallout, _extends({}, bulkSelectAllRowsProps, {
|
|
1044
|
-
onClearSelection: function onClearSelection() {
|
|
1045
|
-
setBulkSelectedAllRows(false);
|
|
1046
|
-
handleSetBulkSelectedAllRows === null || handleSetBulkSelectedAllRows === void 0 || handleSetBulkSelectedAllRows(false);
|
|
1047
|
-
handleRowChange([], []);
|
|
1048
|
-
}
|
|
1049
|
-
})), /*#__PURE__*/React.createElement(_Table, _extends({
|
|
1050
|
-
bordered: bordered,
|
|
1051
|
-
locale: locale,
|
|
1052
|
-
rowKey: rowKey,
|
|
1053
|
-
virtual: virtual,
|
|
1054
|
-
columns: sortedColumns,
|
|
1055
|
-
components: componentOverrides,
|
|
1056
|
-
dataSource: rowData,
|
|
1057
|
-
loading: {
|
|
1058
|
-
spinning: loading,
|
|
1059
|
-
indicator: /*#__PURE__*/React.createElement(Spinner, null)
|
|
1060
1072
|
},
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
|
|
1071
|
-
|
|
1072
|
-
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
|
|
1073
|
+
children: [shouldShowSelectAllRowsCallout && /*#__PURE__*/jsxRuntime.jsx(SelectAllRowsCallout, _objectSpread(_objectSpread({}, bulkSelectAllRowsProps), {}, {
|
|
1074
|
+
onBulkSelectAllRows: function onBulkSelectAllRows() {
|
|
1075
|
+
setBulkSelectedAllRows(true);
|
|
1076
|
+
handleSetBulkSelectedAllRows === null || handleSetBulkSelectedAllRows === void 0 ? void 0 : handleSetBulkSelectedAllRows(true);
|
|
1077
|
+
}
|
|
1078
|
+
})), shouldShowAllRowsSelectedCallout && /*#__PURE__*/jsxRuntime.jsx(AllRowsSelectedCallout, _objectSpread(_objectSpread({}, bulkSelectAllRowsProps), {}, {
|
|
1079
|
+
onClearSelection: function onClearSelection() {
|
|
1080
|
+
setBulkSelectedAllRows(false);
|
|
1081
|
+
handleSetBulkSelectedAllRows === null || handleSetBulkSelectedAllRows === void 0 ? void 0 : handleSetBulkSelectedAllRows(false);
|
|
1082
|
+
handleRowChange([], []);
|
|
1083
|
+
}
|
|
1084
|
+
})), /*#__PURE__*/jsxRuntime.jsx(_Table, _objectSpread({
|
|
1085
|
+
bordered: bordered,
|
|
1086
|
+
locale: locale,
|
|
1087
|
+
rowKey: rowKey,
|
|
1088
|
+
virtual: virtual,
|
|
1089
|
+
columns: sortedColumns,
|
|
1090
|
+
components: componentOverrides,
|
|
1091
|
+
dataSource: rowData,
|
|
1092
|
+
loading: {
|
|
1093
|
+
spinning: loading,
|
|
1094
|
+
indicator: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
|
|
1095
|
+
},
|
|
1096
|
+
ref: tableRef,
|
|
1097
|
+
rowSelection: rowSelectionProps,
|
|
1098
|
+
scroll: _objectSpread(_objectSpread({}, calculatedScroll), scroll),
|
|
1099
|
+
showSorterTooltip: false,
|
|
1100
|
+
pagination: _objectSpread(_objectSpread({
|
|
1101
|
+
hideOnSinglePage: true
|
|
1102
|
+
}, paginationProps), {}, {
|
|
1103
|
+
showSizeChanger: false,
|
|
1104
|
+
total: totalCount !== null && totalCount !== void 0 ? totalCount : 0,
|
|
1105
|
+
current: currentPageNumber,
|
|
1106
|
+
defaultPageSize: pageSize,
|
|
1107
|
+
pageSizeOptions: calculatePageSizeOptions(),
|
|
1108
|
+
onChange: handlePageChange,
|
|
1109
|
+
itemRender: itemRender
|
|
1110
|
+
}),
|
|
1111
|
+
rowClassName: classnames("neeto-ui-table--row", {
|
|
1112
|
+
"neeto-ui-table--row_hover": allowRowClick
|
|
1113
|
+
}, [className]),
|
|
1114
|
+
onChange: handleTableChange,
|
|
1115
|
+
onScroll: handleScroll,
|
|
1116
|
+
onHeaderRow: function onHeaderRow() {
|
|
1117
|
+
return {
|
|
1118
|
+
ref: headerRef,
|
|
1119
|
+
className: classnames("neeto-ui-table__header", {
|
|
1120
|
+
"neeto-ui-table-reorderable": enableColumnReorder
|
|
1121
|
+
}),
|
|
1122
|
+
id: "neeto-ui-table__header"
|
|
1123
|
+
};
|
|
1124
|
+
},
|
|
1125
|
+
onRow: function onRow(record, rowIndex) {
|
|
1126
|
+
return {
|
|
1127
|
+
onClick: function onClick(event) {
|
|
1128
|
+
return allowRowClick && onRowClick && onRowClick(event, record, rowIndex);
|
|
1129
|
+
}
|
|
1130
|
+
};
|
|
1131
|
+
}
|
|
1132
|
+
}, otherProps))]
|
|
1133
|
+
});
|
|
1098
1134
|
};
|
|
1099
1135
|
var renderTableVirtual = function renderTableVirtual() {
|
|
1100
|
-
return virtual ? /*#__PURE__*/
|
|
1101
|
-
ref: tableContainerRef
|
|
1102
|
-
|
|
1136
|
+
return virtual ? /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
1137
|
+
ref: tableContainerRef,
|
|
1138
|
+
children: renderTable()
|
|
1139
|
+
}) : renderTable();
|
|
1103
1140
|
};
|
|
1104
|
-
return enableColumnReorder ? /*#__PURE__*/
|
|
1141
|
+
return enableColumnReorder ? /*#__PURE__*/jsxRuntime.jsx(ReactDragListView.DragColumn, _objectSpread(_objectSpread({}, dragProps), {}, {
|
|
1142
|
+
children: renderTableVirtual()
|
|
1143
|
+
})) : renderTableVirtual();
|
|
1105
1144
|
};
|
|
1106
1145
|
|
|
1107
1146
|
module.exports = Table;
|