@elliemae/ds-shared 2.0.0-next.9 → 2.0.0-rc.12
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/cjs/Animations/BaseAnimation.js +23 -20
- package/cjs/Animations/Grow.js +29 -26
- package/cjs/Animations/GrowRight.js +29 -26
- package/cjs/CheckableGroup.js +31 -23
- package/cjs/DeferRenderAfterComputation.js +7 -6
- package/cjs/FocusGroup/FocusGrid.js +38 -31
- package/cjs/FocusGroup/FocusGroup.js +28 -11
- package/cjs/FocusGroup/FocusGroupManager.js +6 -11
- package/cjs/FocusGroup/focusGroupManagerHoc.js +7 -1
- package/cjs/FocusGroup/useFocusGroupItem.js +8 -2
- package/cjs/FocusGroup/utils/getNextCellPosition.js +10 -9
- package/cjs/GroupContext/Group.js +10 -4
- package/cjs/GroupContext/GroupItem.js +6 -3
- package/cjs/ScrollSync/ScrollSync.js +22 -21
- package/cjs/ScrollSync/ScrollSyncPane.js +13 -6
- package/cjs/ScrollSync/ScrollSyncProvider.js +12 -6
- package/cjs/createDataInstance/createInstancePlugin.js +5 -0
- package/cjs/createDataInstance/createInstanceRef.js +7 -0
- package/cjs/createDataInstance/utils.js +56 -24
- package/cjs/defer-render-hoc/index.js +9 -5
- package/cjs/toolbar/ToolbarProvider.js +30 -21
- package/cjs/useDataGrid/VolatileRowsListener.js +6 -8
- package/cjs/useDataGrid/initColumnDefinition.js +24 -17
- package/cjs/useDataGrid/useDataGrid.js +41 -34
- package/cjs/useDataList/recordIterator.js +4 -1
- package/cjs/useDataList/useDataList.js +17 -4
- package/cjs/utils.js +7 -0
- package/cjs/virtualization/AutoHeightList.js +10 -8
- package/cjs/virtualization/FluidHeightList.js +15 -7
- package/cjs/virtualization/index.js +7 -6
- package/esm/Animations/BaseAnimation.js +23 -20
- package/esm/Animations/Grow.js +29 -26
- package/esm/Animations/GrowRight.js +29 -26
- package/esm/CheckableGroup.js +28 -19
- package/esm/DeferRenderAfterComputation.js +7 -6
- package/esm/FocusGroup/FocusGrid.js +27 -19
- package/esm/FocusGroup/FocusGroup.js +25 -8
- package/esm/FocusGroup/FocusGroupManager.js +4 -8
- package/esm/FocusGroup/focusGroupManagerHoc.js +7 -1
- package/esm/FocusGroup/useFocusGroupItem.js +8 -2
- package/esm/FocusGroup/utils/getNextCellPosition.js +10 -9
- package/esm/GroupContext/Group.js +10 -4
- package/esm/GroupContext/GroupItem.js +6 -3
- package/esm/ScrollSync/ScrollSync.js +22 -20
- package/esm/ScrollSync/ScrollSyncPane.js +13 -6
- package/esm/ScrollSync/ScrollSyncProvider.js +12 -6
- package/esm/createDataInstance/createInstancePlugin.js +5 -0
- package/esm/createDataInstance/createInstanceRef.js +7 -0
- package/esm/createDataInstance/utils.js +56 -24
- package/esm/defer-render-hoc/index.js +9 -5
- package/esm/toolbar/ToolbarProvider.js +29 -20
- package/esm/useDataGrid/VolatileRowsListener.js +5 -3
- package/esm/useDataGrid/initColumnDefinition.js +10 -3
- package/esm/useDataGrid/useDataGrid.js +25 -16
- package/esm/useDataList/recordIterator.js +4 -1
- package/esm/useDataList/useDataList.js +16 -3
- package/esm/utils.js +7 -0
- package/esm/virtualization/AutoHeightList.js +6 -3
- package/esm/virtualization/FluidHeightList.js +14 -6
- package/esm/virtualization/index.js +7 -6
- package/package.json +8 -4
- package/types/toolbar/ToolbarProvider.d.ts +1 -1
- package/types/useDataGrid/initColumnDefinition.d.ts +4 -3
|
@@ -1,6 +1,13 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
1
3
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
4
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
3
|
-
import
|
|
5
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
6
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
7
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
8
|
+
import 'core-js/modules/esnext.async-iterator.map.js';
|
|
9
|
+
import 'core-js/modules/esnext.iterator.map.js';
|
|
10
|
+
import { get, isFunction } from '@elliemae/ds-utilities';
|
|
4
11
|
import hotkeys from 'hotkeys-js';
|
|
5
12
|
|
|
6
13
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
@@ -10,14 +17,22 @@ const defaultOptions = {
|
|
|
10
17
|
orientation: 'vertical'
|
|
11
18
|
};
|
|
12
19
|
|
|
13
|
-
const safeCallAction = (e, fun
|
|
20
|
+
const safeCallAction = function (e, fun) {
|
|
14
21
|
if (isFunction(fun)) {
|
|
15
22
|
e.preventDefault();
|
|
23
|
+
|
|
24
|
+
for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
|
|
25
|
+
args[_key - 2] = arguments[_key];
|
|
26
|
+
}
|
|
27
|
+
|
|
16
28
|
fun(...args);
|
|
17
29
|
}
|
|
18
30
|
};
|
|
19
31
|
|
|
20
|
-
const registerHotkeys =
|
|
32
|
+
const registerHotkeys = function () {
|
|
33
|
+
let hotKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
34
|
+
let params = arguments.length > 1 ? arguments[1] : undefined;
|
|
35
|
+
let getContainer = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : () => document;
|
|
21
36
|
Object.keys(hotKeys).forEach(hotkey => {
|
|
22
37
|
const {
|
|
23
38
|
options,
|
|
@@ -38,7 +53,8 @@ const registerHotkeys = (hotKeys = {}, params, getContainer = () => document) =>
|
|
|
38
53
|
});
|
|
39
54
|
};
|
|
40
55
|
|
|
41
|
-
const unregisterHotKeys = (
|
|
56
|
+
const unregisterHotKeys = function () {
|
|
57
|
+
let hotKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
42
58
|
Object.keys(hotKeys).forEach(hotkey => {
|
|
43
59
|
hotkeys.unbind(hotkey);
|
|
44
60
|
});
|
|
@@ -47,9 +63,9 @@ const unregisterHotKeys = (hotKeys = {}) => {
|
|
|
47
63
|
const noop = () => null;
|
|
48
64
|
|
|
49
65
|
class FocusGroup {
|
|
50
|
-
constructor(
|
|
51
|
-
|
|
52
|
-
|
|
66
|
+
constructor() {
|
|
67
|
+
let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
68
|
+
this.items = [];
|
|
53
69
|
this.options = _objectSpread(_objectSpread({}, defaultOptions), options);
|
|
54
70
|
const {
|
|
55
71
|
orientation
|
|
@@ -121,7 +137,8 @@ class FocusGroup {
|
|
|
121
137
|
return actions.map(action => typeof action === 'string' ? safeCallAction(e, this.mapActions[action]) : safeCallAction(e, action));
|
|
122
138
|
}
|
|
123
139
|
|
|
124
|
-
register(node
|
|
140
|
+
register(node) {
|
|
141
|
+
let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
125
142
|
const afterIndex = this.items.findIndex(item => item.compareDocumentPosition(node) === Node.DOCUMENT_POSITION_PRECEDING);
|
|
126
143
|
node.specialOnFocus = props.onFocus || noop;
|
|
127
144
|
node.specialOnBlur = props.onBlur || noop;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
-
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
3
2
|
import { Component } from 'react';
|
|
4
|
-
import { isFunction } from '@elliemae/ds-utilities
|
|
3
|
+
import { isFunction } from '@elliemae/ds-utilities';
|
|
5
4
|
import FocusGroup from './FocusGroup.js';
|
|
6
5
|
import FocusGroupContext from './FocusGroupContext.js';
|
|
7
6
|
|
|
@@ -10,9 +9,7 @@ const noop = () => null;
|
|
|
10
9
|
class FocusGroupProvider extends Component {
|
|
11
10
|
constructor(props) {
|
|
12
11
|
super(props);
|
|
13
|
-
|
|
14
|
-
_defineProperty(this, "activated", false);
|
|
15
|
-
|
|
12
|
+
this.activated = false;
|
|
16
13
|
this.focusGroup = new FocusGroup(props);
|
|
17
14
|
props.onFocusGroupSet(this);
|
|
18
15
|
this.actions = {
|
|
@@ -100,8 +97,7 @@ class FocusGroupProvider extends Component {
|
|
|
100
97
|
}
|
|
101
98
|
|
|
102
99
|
}
|
|
103
|
-
|
|
104
|
-
_defineProperty(FocusGroupProvider, "defaultProps", {
|
|
100
|
+
FocusGroupProvider.defaultProps = {
|
|
105
101
|
exitWhenNoPrevious: false,
|
|
106
102
|
exitWhenNoNext: false,
|
|
107
103
|
keyBindings: {},
|
|
@@ -110,6 +106,6 @@ _defineProperty(FocusGroupProvider, "defaultProps", {
|
|
|
110
106
|
onFocusPreviousGroup: noop,
|
|
111
107
|
onFocusNextGroup: noop,
|
|
112
108
|
onFocusGroupSet: noop
|
|
113
|
-
}
|
|
109
|
+
};
|
|
114
110
|
|
|
115
111
|
export { FocusGroupProvider as default };
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
4
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
1
6
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
7
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
3
8
|
import 'react';
|
|
@@ -9,7 +14,8 @@ const _excluded = ["onExitFocusGroup", "onFocusPrevGroup", "focusKeyBindings"];
|
|
|
9
14
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
10
15
|
|
|
11
16
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
12
|
-
function FocusGroupHoc(WrappedComponent
|
|
17
|
+
function FocusGroupHoc(WrappedComponent) {
|
|
18
|
+
let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
13
19
|
return _ref => {
|
|
14
20
|
let {
|
|
15
21
|
onExitFocusGroup,
|
|
@@ -4,7 +4,10 @@ import FocusGroupContext from './FocusGroupContext.js';
|
|
|
4
4
|
|
|
5
5
|
const _excluded = ["register", "unregister"],
|
|
6
6
|
_excluded2 = ["register", "unregister"];
|
|
7
|
-
function useFocusGroupItem(
|
|
7
|
+
function useFocusGroupItem() {
|
|
8
|
+
let ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
9
|
+
let props = arguments.length > 1 ? arguments[1] : undefined;
|
|
10
|
+
|
|
8
11
|
const _ref = useContext(FocusGroupContext) || {},
|
|
9
12
|
{
|
|
10
13
|
register,
|
|
@@ -22,7 +25,10 @@ function useFocusGroupItem(ref = {}, props) {
|
|
|
22
25
|
if (!register) return {};
|
|
23
26
|
return otherActions;
|
|
24
27
|
}
|
|
25
|
-
const useFocusGroupWithState = (
|
|
28
|
+
const useFocusGroupWithState = function () {
|
|
29
|
+
let ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
30
|
+
let props = arguments.length > 1 ? arguments[1] : undefined;
|
|
31
|
+
|
|
26
32
|
const _ref2 = useContext(FocusGroupContext) || {},
|
|
27
33
|
{
|
|
28
34
|
register,
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
// eslint-disable-next-line max-statements
|
|
2
|
-
function getNextCellPosition({
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
2
|
+
function getNextCellPosition(_ref) {
|
|
3
|
+
let {
|
|
4
|
+
grid,
|
|
5
|
+
currentRow = 0,
|
|
6
|
+
currentCell = 0,
|
|
7
|
+
directionY,
|
|
8
|
+
directionX,
|
|
9
|
+
shouldWrapCells,
|
|
10
|
+
shouldWrapRows
|
|
11
|
+
} = _ref;
|
|
11
12
|
let nextRow = currentRow + directionY;
|
|
12
13
|
let nextCell = currentCell + directionX;
|
|
13
14
|
const rowCount = grid.length;
|
|
@@ -60,9 +60,10 @@ class Group extends Component {
|
|
|
60
60
|
};
|
|
61
61
|
}
|
|
62
62
|
|
|
63
|
-
static getDerivedStateFromProps(nextProps, {
|
|
64
|
-
|
|
65
|
-
|
|
63
|
+
static getDerivedStateFromProps(nextProps, _ref) {
|
|
64
|
+
let {
|
|
65
|
+
prevValue
|
|
66
|
+
} = _ref;
|
|
66
67
|
if (nextProps.activeValue === prevValue) return null;
|
|
67
68
|
return {
|
|
68
69
|
activeValue: nextProps.activeValue,
|
|
@@ -70,7 +71,7 @@ class Group extends Component {
|
|
|
70
71
|
};
|
|
71
72
|
}
|
|
72
73
|
|
|
73
|
-
handleChange(e
|
|
74
|
+
handleChange(e) {
|
|
74
75
|
const {
|
|
75
76
|
multiple,
|
|
76
77
|
onChange
|
|
@@ -91,6 +92,11 @@ class Group extends Component {
|
|
|
91
92
|
this.setState({
|
|
92
93
|
activeValue: newValue
|
|
93
94
|
});
|
|
95
|
+
|
|
96
|
+
for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
97
|
+
rest[_key - 1] = arguments[_key];
|
|
98
|
+
}
|
|
99
|
+
|
|
94
100
|
if (onChange) onChange(newValue, ...rest);
|
|
95
101
|
}
|
|
96
102
|
|
|
@@ -6,8 +6,11 @@ const {
|
|
|
6
6
|
Consumer
|
|
7
7
|
} = GroupContext;
|
|
8
8
|
|
|
9
|
-
const GroupItem =
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
const GroupItem = _ref => {
|
|
10
|
+
let {
|
|
11
|
+
render
|
|
12
|
+
} = _ref;
|
|
13
|
+
return /*#__PURE__*/_jsx(Consumer, {}, void 0, context => render(context));
|
|
14
|
+
};
|
|
12
15
|
|
|
13
16
|
export { GroupItem as default };
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
-
import
|
|
2
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
4
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
5
|
+
import 'core-js/modules/esnext.async-iterator.find.js';
|
|
6
|
+
import 'core-js/modules/esnext.iterator.find.js';
|
|
3
7
|
import React, { Component } from 'react';
|
|
4
8
|
|
|
5
9
|
const ScrollSyncContext = /*#__PURE__*/React.createContext();
|
|
@@ -9,10 +13,9 @@ const {
|
|
|
9
13
|
class ScrollSync extends Component {
|
|
10
14
|
constructor(props) {
|
|
11
15
|
super(props);
|
|
16
|
+
this.panes = {};
|
|
12
17
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
_defineProperty(this, "registerPane", (node, groups) => {
|
|
18
|
+
this.registerPane = (node, groups) => {
|
|
16
19
|
groups.forEach(group => {
|
|
17
20
|
if (!this.panes[group]) {
|
|
18
21
|
this.panes[group] = [];
|
|
@@ -25,36 +28,36 @@ class ScrollSync extends Component {
|
|
|
25
28
|
this.panes[group].push(node);
|
|
26
29
|
});
|
|
27
30
|
this.addEvents(node, groups);
|
|
28
|
-
}
|
|
31
|
+
};
|
|
29
32
|
|
|
30
|
-
|
|
33
|
+
this.unregisterPane = (node, groups) => {
|
|
31
34
|
groups.forEach(group => {
|
|
32
35
|
if (this.findPane(node, group)) {
|
|
33
36
|
this.removeEvents(node);
|
|
34
37
|
this.panes[group].splice(this.panes[group].indexOf(node), 1);
|
|
35
38
|
}
|
|
36
39
|
});
|
|
37
|
-
}
|
|
40
|
+
};
|
|
38
41
|
|
|
39
|
-
|
|
42
|
+
this.addEvents = (node, groups) => {
|
|
40
43
|
/* For some reason element.addEventListener doesnt work with document.body */
|
|
41
44
|
node.onscroll = this.handlePaneScroll.bind(this, node, groups); // eslint-disable-line
|
|
42
|
-
}
|
|
45
|
+
};
|
|
43
46
|
|
|
44
|
-
|
|
47
|
+
this.removeEvents = node => {
|
|
45
48
|
/* For some reason element.removeEventListener doesnt work with document.body */
|
|
46
49
|
node.onscroll = null; // eslint-disable-line
|
|
47
|
-
}
|
|
50
|
+
};
|
|
48
51
|
|
|
49
|
-
|
|
52
|
+
this.findPane = (node, group) => {
|
|
50
53
|
if (!this.panes[group]) {
|
|
51
54
|
return false;
|
|
52
55
|
}
|
|
53
56
|
|
|
54
57
|
return this.panes[group].find(pane => pane === node);
|
|
55
|
-
}
|
|
58
|
+
};
|
|
56
59
|
|
|
57
|
-
|
|
60
|
+
this.handlePaneScroll = (node, groups, e) => {
|
|
58
61
|
const {
|
|
59
62
|
enabled
|
|
60
63
|
} = this.props;
|
|
@@ -63,9 +66,9 @@ class ScrollSync extends Component {
|
|
|
63
66
|
window.requestAnimationFrame(() => {
|
|
64
67
|
this.syncScrollPositions(node, groups);
|
|
65
68
|
});
|
|
66
|
-
}
|
|
69
|
+
};
|
|
67
70
|
|
|
68
|
-
|
|
71
|
+
this.syncScrollPositions = (scrolledPane, groups) => {
|
|
69
72
|
groups.forEach(group => {
|
|
70
73
|
this.panes[group].forEach(pane => {
|
|
71
74
|
/* For all panes beside the currently scrolling one */
|
|
@@ -81,7 +84,7 @@ class ScrollSync extends Component {
|
|
|
81
84
|
}
|
|
82
85
|
});
|
|
83
86
|
});
|
|
84
|
-
}
|
|
87
|
+
};
|
|
85
88
|
|
|
86
89
|
this.syncContext = {
|
|
87
90
|
registerPane: this.registerPane,
|
|
@@ -130,12 +133,11 @@ class ScrollSync extends Component {
|
|
|
130
133
|
}
|
|
131
134
|
|
|
132
135
|
}
|
|
133
|
-
|
|
134
|
-
_defineProperty(ScrollSync, "defaultProps", {
|
|
136
|
+
ScrollSync.defaultProps = {
|
|
135
137
|
proportional: true,
|
|
136
138
|
vertical: true,
|
|
137
139
|
horizontal: true,
|
|
138
140
|
enabled: true
|
|
139
|
-
}
|
|
141
|
+
};
|
|
140
142
|
|
|
141
143
|
export { ScrollSyncContext, ScrollSync as default };
|
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
2
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
3
3
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
4
|
+
import 'core-js/modules/esnext.async-iterator.constructor.js';
|
|
5
|
+
import 'core-js/modules/esnext.async-iterator.to-array.js';
|
|
6
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
7
|
+
import 'core-js/modules/esnext.iterator.to-array.js';
|
|
8
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
9
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
10
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
11
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
4
12
|
import { Component } from 'react';
|
|
5
13
|
import { ScrollSyncContext } from './ScrollSync.js';
|
|
6
14
|
import { jsx } from 'react/jsx-runtime';
|
|
@@ -10,10 +18,10 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
10
18
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
11
19
|
|
|
12
20
|
class ScrollSyncPane extends Component {
|
|
13
|
-
constructor(
|
|
14
|
-
super(...
|
|
21
|
+
constructor() {
|
|
22
|
+
super(...arguments);
|
|
15
23
|
|
|
16
|
-
|
|
24
|
+
this.toArray = groups => [].concat(groups);
|
|
17
25
|
}
|
|
18
26
|
|
|
19
27
|
componentWillUnmount() {
|
|
@@ -55,11 +63,10 @@ class ScrollSyncPane extends Component {
|
|
|
55
63
|
|
|
56
64
|
}
|
|
57
65
|
|
|
58
|
-
|
|
66
|
+
ScrollSyncPane.defaultProps = {
|
|
59
67
|
group: 'default',
|
|
60
68
|
enabled: true
|
|
61
|
-
}
|
|
62
|
-
|
|
69
|
+
};
|
|
63
70
|
var ScrollSyncPane$1 = (props => /*#__PURE__*/_jsx(ScrollSyncContext.Consumer, {}, void 0, context => /*#__PURE__*/jsx(ScrollSyncPane, _objectSpread(_objectSpread({}, props), {}, {
|
|
64
71
|
syncContext: context
|
|
65
72
|
}))));
|
|
@@ -1,4 +1,9 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
4
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
5
|
+
import 'core-js/modules/esnext.async-iterator.find.js';
|
|
6
|
+
import 'core-js/modules/esnext.iterator.find.js';
|
|
2
7
|
import React from 'react';
|
|
3
8
|
import raf from 'raf';
|
|
4
9
|
|
|
@@ -7,12 +12,13 @@ const {
|
|
|
7
12
|
Provider
|
|
8
13
|
} = ScrollSyncContext;
|
|
9
14
|
|
|
10
|
-
function ScrollSyncProvider({
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
15
|
+
function ScrollSyncProvider(_ref) {
|
|
16
|
+
let {
|
|
17
|
+
enabled,
|
|
18
|
+
horizontal,
|
|
19
|
+
vertical,
|
|
20
|
+
children
|
|
21
|
+
} = _ref;
|
|
16
22
|
useRef();
|
|
17
23
|
|
|
18
24
|
raf((scrolledPane, pane) => {
|
|
@@ -1,4 +1,9 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
1
3
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
4
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
6
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
2
7
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
3
8
|
|
|
4
9
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
@@ -1,6 +1,13 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
1
3
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
4
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
3
5
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
6
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
7
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
8
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
9
|
+
import 'core-js/modules/esnext.async-iterator.reduce.js';
|
|
10
|
+
import 'core-js/modules/esnext.iterator.reduce.js';
|
|
4
11
|
import { v4 } from 'uuid';
|
|
5
12
|
import { useRef, useState, useMemo } from 'react';
|
|
6
13
|
import { orderBy } from 'lodash';
|
|
@@ -1,19 +1,37 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
4
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
5
|
+
import 'core-js/modules/esnext.async-iterator.reduce.js';
|
|
6
|
+
import 'core-js/modules/esnext.iterator.reduce.js';
|
|
2
7
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
8
|
+
import 'core-js/modules/esnext.async-iterator.map.js';
|
|
9
|
+
import 'core-js/modules/esnext.iterator.map.js';
|
|
10
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
11
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
3
12
|
|
|
4
13
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
5
14
|
|
|
6
15
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
7
|
-
const reducePropsGetter =
|
|
8
|
-
let
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
16
|
+
const reducePropsGetter = function () {
|
|
17
|
+
let decorators = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
18
|
+
let grid = arguments.length > 1 ? arguments[1] : undefined;
|
|
19
|
+
return function () {
|
|
20
|
+
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
21
|
+
let extraParams = arguments.length > 1 ? arguments[1] : undefined;
|
|
22
|
+
let nextProps = props;
|
|
23
|
+
decorators.forEach(decorator => {
|
|
24
|
+
nextProps = decorator(nextProps, grid, extraParams);
|
|
25
|
+
});
|
|
26
|
+
return nextProps;
|
|
27
|
+
};
|
|
13
28
|
};
|
|
14
29
|
/* eslint-disable-next-line max-params */
|
|
15
30
|
|
|
16
|
-
function evaluateTransforms(transforms, value
|
|
31
|
+
function evaluateTransforms(transforms, value) {
|
|
32
|
+
let extraParams = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
33
|
+
let props = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
|
|
34
|
+
let grid = arguments.length > 4 ? arguments[4] : undefined;
|
|
17
35
|
let nextProps = props;
|
|
18
36
|
transforms.forEach(transform => {
|
|
19
37
|
nextProps = transform(value, extraParams, nextProps, grid);
|
|
@@ -22,15 +40,26 @@ function evaluateTransforms(transforms, value, extraParams = {}, props = {}, gri
|
|
|
22
40
|
}
|
|
23
41
|
/* eslint-disable-next-line max-params */
|
|
24
42
|
|
|
25
|
-
function evaluateFormatters(formatters, value
|
|
43
|
+
function evaluateFormatters(formatters, value) {
|
|
44
|
+
let extraParams = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
45
|
+
let grid = arguments.length > 3 ? arguments[3] : undefined;
|
|
26
46
|
return formatters.reduce((result, formatter) => formatter(result, extraParams, grid), value);
|
|
27
47
|
}
|
|
28
|
-
function composeFormatters(formatters, instance
|
|
48
|
+
function composeFormatters(formatters, instance) {
|
|
49
|
+
let getItemValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : record => record.data.name;
|
|
29
50
|
// todo: make the formatters subscribe to the item props instead of getting the whole instance
|
|
30
51
|
// todo: addd should formatter update to memoize specific ones
|
|
31
52
|
return props => formatters.reduce((result, formatter) => formatter(result, props, instance), getItemValue(props.record));
|
|
32
53
|
}
|
|
33
|
-
const applyDecorators = (subject
|
|
54
|
+
const applyDecorators = function (subject) {
|
|
55
|
+
let decorators = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
56
|
+
|
|
57
|
+
for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
|
|
58
|
+
args[_key - 2] = arguments[_key];
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
return decorators.reduce((nextSubject, decorator) => decorator(nextSubject, ...args), subject);
|
|
62
|
+
};
|
|
34
63
|
const decorateColumns = (columns, decorators, grid) => {
|
|
35
64
|
const nextColumns = applyDecorators(columns, decorators.decorateColumns, grid);
|
|
36
65
|
return nextColumns.map((column, index) => applyDecorators(column, decorators.decorateColumn, grid, index));
|
|
@@ -47,20 +76,23 @@ const registerStateHookToInstance = (instance, stateHook) => {
|
|
|
47
76
|
});
|
|
48
77
|
};
|
|
49
78
|
|
|
50
|
-
const reduceHotKey = (instance, {
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
}
|
|
79
|
+
const reduceHotKey = (instance, _ref) => {
|
|
80
|
+
let {
|
|
81
|
+
key,
|
|
82
|
+
handler,
|
|
83
|
+
options,
|
|
84
|
+
allowDocumentHandler
|
|
85
|
+
} = _ref;
|
|
86
|
+
return _objectSpread(_objectSpread({}, instance), {}, {
|
|
87
|
+
hotKeys: _objectSpread(_objectSpread({}, instance.hotKeys), {}, {
|
|
88
|
+
[key]: {
|
|
89
|
+
handler,
|
|
90
|
+
options,
|
|
91
|
+
allowDocumentHandler
|
|
92
|
+
}
|
|
93
|
+
})
|
|
94
|
+
});
|
|
95
|
+
};
|
|
64
96
|
|
|
65
97
|
const registerHotKeysHookToInstance = (instance, hotKeysHook) => {
|
|
66
98
|
const hotKeys = hotKeysHook(instance);
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
4
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
1
6
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
7
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
3
8
|
import { PureComponent } from 'react';
|
|
@@ -10,12 +15,11 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
10
15
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
11
16
|
function deferComponentRender(WrappedComponent, fallback) {
|
|
12
17
|
class DeferredRenderWrapper extends PureComponent {
|
|
13
|
-
constructor(
|
|
14
|
-
super(...
|
|
15
|
-
|
|
16
|
-
_defineProperty(this, "state", {
|
|
18
|
+
constructor() {
|
|
19
|
+
super(...arguments);
|
|
20
|
+
this.state = {
|
|
17
21
|
shouldRender: false
|
|
18
|
-
}
|
|
22
|
+
};
|
|
19
23
|
}
|
|
20
24
|
|
|
21
25
|
componentDidMount() {
|
|
@@ -1,9 +1,14 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
4
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
1
6
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
7
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
3
8
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
4
9
|
import React, { useRef, useState, useEffect, useMemo } from 'react';
|
|
5
|
-
import DSPopover from '@elliemae/ds-
|
|
6
|
-
import { useOnClickOutside } from '@elliemae/ds-utilities
|
|
10
|
+
import DSPopover from '@elliemae/ds-popper';
|
|
11
|
+
import { useOnClickOutside } from '@elliemae/ds-utilities';
|
|
7
12
|
import { jsx } from 'react/jsx-runtime';
|
|
8
13
|
|
|
9
14
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
@@ -25,12 +30,13 @@ const useScrollListener = (callback, dependencies) => {
|
|
|
25
30
|
|
|
26
31
|
const noop = () => null;
|
|
27
32
|
|
|
28
|
-
function ToolbarProvider({
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
33
|
+
function ToolbarProvider(_ref) {
|
|
34
|
+
let {
|
|
35
|
+
delay = 200,
|
|
36
|
+
children,
|
|
37
|
+
onHide = noop,
|
|
38
|
+
onShow = noop
|
|
39
|
+
} = _ref;
|
|
34
40
|
const showTimer = useRef();
|
|
35
41
|
const hideTimer = useRef();
|
|
36
42
|
const toolbarRef = useRef();
|
|
@@ -80,18 +86,21 @@ function ToolbarProvider({
|
|
|
80
86
|
content: tooltipState.renderer,
|
|
81
87
|
placement: "left",
|
|
82
88
|
referenceEl: tooltipState.reference,
|
|
83
|
-
renderer:
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
89
|
+
renderer: _ref2 => {
|
|
90
|
+
let {
|
|
91
|
+
as: Component,
|
|
92
|
+
style,
|
|
93
|
+
children: Content
|
|
94
|
+
} = _ref2;
|
|
95
|
+
return /*#__PURE__*/jsx("div", {
|
|
96
|
+
ref: toolbarRef,
|
|
97
|
+
onMouseEnter: e => show(tooltipState),
|
|
98
|
+
onMouseLeave: hide,
|
|
99
|
+
children: /*#__PURE__*/_jsx(Component, {
|
|
100
|
+
style: style
|
|
101
|
+
}, void 0, Content)
|
|
102
|
+
});
|
|
103
|
+
},
|
|
95
104
|
style: tooltipState.style,
|
|
96
105
|
visible: tooltipState.visible
|
|
97
106
|
})));
|