@elliemae/ds-shared 1.60.0 → 2.0.0-alpha.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 +19 -27
- package/cjs/Animations/Grow.js +17 -22
- package/cjs/Animations/GrowRight.js +17 -23
- package/cjs/Animations/GrowVertical.js +3 -2
- package/cjs/CheckableGroup.js +40 -46
- package/cjs/DeferRenderAfterComputation.js +12 -21
- package/cjs/FocusGroup/FocusGrid.js +91 -92
- package/cjs/FocusGroup/FocusGroup.js +225 -262
- package/cjs/FocusGroup/FocusGroupContext.js +1 -2
- package/cjs/FocusGroup/FocusGroupManager.js +88 -126
- package/cjs/FocusGroup/focusGroupManagerHoc.js +28 -27
- package/cjs/FocusGroup/index.js +14 -28
- package/cjs/FocusGroup/useFocusGroupItem.js +27 -24
- package/cjs/FocusGroup/utils/getNextCellPosition.js +14 -15
- package/cjs/GroupContext/Group.js +81 -103
- package/cjs/GroupContext/GroupContext.js +1 -2
- package/cjs/GroupContext/GroupItem.js +12 -10
- package/cjs/GroupContext/index.js +6 -15
- package/cjs/ScrollSync/ScrollSync.js +90 -112
- package/cjs/ScrollSync/ScrollSyncPane.js +58 -90
- package/cjs/ScrollSync/ScrollSyncProvider.js +36 -26
- package/cjs/ScrollSync/index.js +4 -13
- package/cjs/ScrollSync/useScrollSync.js +0 -1
- package/cjs/constants.js +43 -4
- package/cjs/createDataInstance/createInstancePlugin.js +11 -10
- package/cjs/createDataInstance/createInstanceRef.js +41 -42
- package/cjs/createDataInstance/utils.js +56 -58
- package/cjs/defer-render-hoc/index.js +26 -61
- package/cjs/dimsum.config.js +7 -0
- package/cjs/index.js +10 -20
- package/cjs/prop-types.js +59 -0
- package/cjs/react-spring/index.js +3 -6
- package/cjs/react-spring/renderprops.js +3 -6
- package/cjs/toolbar/ToolbarProvider.js +65 -77
- package/cjs/useDataGrid/VolatileRowsListener.js +13 -27
- package/cjs/useDataGrid/index.js +2 -17
- package/cjs/useDataGrid/initColumnDefinition.js +46 -47
- package/cjs/useDataGrid/useDataGrid.js +104 -144
- package/cjs/useDataList/index.js +2 -15
- package/cjs/useDataList/recordIterator.js +9 -10
- package/cjs/useDataList/useDataList.js +51 -59
- package/cjs/utils.js +46 -59
- package/cjs/virtualization/AutoHeightList.js +31 -22
- package/cjs/virtualization/FluidHeightList.js +26 -12
- package/cjs/virtualization/index.js +12 -17
- package/esm/Animations/BaseAnimation.js +18 -26
- package/esm/Animations/Grow.js +15 -20
- package/esm/Animations/GrowRight.js +15 -21
- package/esm/Animations/GrowVertical.js +3 -2
- package/esm/CheckableGroup.js +38 -42
- package/esm/DeferRenderAfterComputation.js +12 -20
- package/esm/FocusGroup/FocusGrid.js +87 -89
- package/esm/FocusGroup/FocusGroup.js +222 -257
- package/esm/FocusGroup/FocusGroupContext.js +0 -1
- package/esm/FocusGroup/FocusGroupManager.js +82 -114
- package/esm/FocusGroup/focusGroupManagerHoc.js +24 -22
- package/esm/FocusGroup/index.js +0 -14
- package/esm/FocusGroup/useFocusGroupItem.js +25 -22
- package/esm/FocusGroup/utils/getNextCellPosition.js +14 -15
- package/esm/GroupContext/Group.js +80 -95
- package/esm/GroupContext/GroupContext.js +1 -2
- package/esm/GroupContext/GroupItem.js +10 -8
- package/esm/GroupContext/index.js +0 -9
- package/esm/ScrollSync/ScrollSync.js +88 -105
- package/esm/ScrollSync/ScrollSyncPane.js +56 -83
- package/esm/ScrollSync/ScrollSyncProvider.js +35 -26
- package/esm/ScrollSync/index.js +0 -9
- package/esm/ScrollSync/useScrollSync.js +0 -1
- package/esm/constants.js +31 -5
- package/esm/createDataInstance/createInstancePlugin.js +10 -8
- package/esm/createDataInstance/createInstanceRef.js +36 -36
- package/esm/createDataInstance/utils.js +55 -57
- package/esm/defer-render-hoc/index.js +25 -55
- package/esm/dimsum.config.js +5 -0
- package/esm/index.js +0 -10
- package/esm/prop-types.js +43 -0
- package/esm/react-spring/index.js +1 -2
- package/esm/react-spring/renderprops.js +1 -2
- package/esm/toolbar/ToolbarProvider.js +60 -71
- package/esm/useDataGrid/VolatileRowsListener.js +14 -23
- package/esm/useDataGrid/index.js +0 -15
- package/esm/useDataGrid/initColumnDefinition.js +43 -43
- package/esm/useDataGrid/useDataGrid.js +90 -127
- package/esm/useDataList/index.js +0 -13
- package/esm/useDataList/recordIterator.js +9 -10
- package/esm/useDataList/useDataList.js +39 -46
- package/esm/utils.js +44 -57
- package/esm/virtualization/AutoHeightList.js +28 -18
- package/esm/virtualization/FluidHeightList.js +24 -10
- package/esm/virtualization/index.js +6 -11
- package/package.json +201 -8
- package/types/Animations/BaseAnimation.d.ts +12 -0
- package/types/Animations/Grow.d.ts +11 -0
- package/types/Animations/GrowRight.d.ts +11 -0
- package/types/Animations/GrowVertical.d.ts +1 -0
- package/types/CheckableGroup.d.ts +20 -0
- package/types/DeferRenderAfterComputation.d.ts +6 -0
- package/types/FocusGroup/FocusGrid.d.ts +10 -0
- package/types/FocusGroup/FocusGroup.d.ts +36 -0
- package/types/FocusGroup/FocusGroupContext.d.ts +3 -0
- package/types/FocusGroup/FocusGroupManager.d.ts +24 -0
- package/types/FocusGroup/focusGroupManagerHoc.d.ts +7 -0
- package/types/FocusGroup/index.d.ts +6 -0
- package/types/FocusGroup/useFocusGroupItem.d.ts +2 -0
- package/types/FocusGroup/utils/getNextCellPosition.d.ts +12 -0
- package/types/GroupContext/Group.d.ts +14 -0
- package/types/GroupContext/GroupContext.d.ts +2 -0
- package/types/GroupContext/GroupItem.d.ts +5 -0
- package/types/GroupContext/index.d.ts +3 -0
- package/types/ScrollSync/ScrollSync.d.ts +21 -0
- package/types/ScrollSync/ScrollSyncPane.d.ts +3 -0
- package/types/ScrollSync/ScrollSyncProvider.d.ts +12 -0
- package/types/ScrollSync/index.d.ts +2 -0
- package/types/ScrollSync/useScrollSync.d.ts +6 -0
- package/types/constants.d.ts +30 -0
- package/types/createDataInstance/createInstancePlugin.d.ts +1 -0
- package/types/createDataInstance/createInstanceRef.d.ts +12 -0
- package/types/createDataInstance/tests/createInstanceRef.test.d.ts +0 -0
- package/types/createDataInstance/utils.d.ts +9 -0
- package/types/dimsum.config.d.ts +4 -0
- package/types/index.d.ts +2 -0
- package/types/prop-types.d.ts +41 -0
- package/types/react-spring/index.d.ts +1 -0
- package/types/react-spring/renderprops.d.ts +1 -0
- package/types/toolbar/ToolbarProvider.d.ts +10 -0
- package/types/useDataGrid/VolatileRowsListener.d.ts +5 -0
- package/types/useDataGrid/index.d.ts +1 -0
- package/types/useDataGrid/initColumnDefinition.d.ts +5 -0
- package/types/useDataGrid/useDataGrid.d.ts +8 -0
- package/types/useDataList/index.d.ts +1 -0
- package/types/useDataList/recordIterator.d.ts +1 -0
- package/types/useDataList/useDataList.d.ts +13 -0
- package/types/utils.d.ts +22 -0
- package/types/virtualization/AutoHeightList.d.ts +2 -0
- package/types/virtualization/FluidHeightList.d.ts +2 -0
- package/types/virtualization/index.d.ts +9 -0
- package/Animations/BaseAnimation/package.json +0 -10
- package/Animations/Grow/package.json +0 -10
- package/Animations/GrowRight/package.json +0 -10
- package/Animations/GrowVertical/package.json +0 -10
- package/CheckableGroup/package.json +0 -10
- package/DeferRenderAfterComputation/package.json +0 -10
- package/FocusGroup/FocusGrid/package.json +0 -10
- package/FocusGroup/FocusGroup/package.json +0 -10
- package/FocusGroup/FocusGroupContext/package.json +0 -10
- package/FocusGroup/FocusGroupManager/package.json +0 -10
- package/FocusGroup/focusGroupManagerHoc/package.json +0 -10
- package/FocusGroup/package.json +0 -10
- package/FocusGroup/useFocusGroupItem/package.json +0 -10
- package/FocusGroup/utils/getNextCellPosition/package.json +0 -10
- package/GroupContext/Group/package.json +0 -10
- package/GroupContext/GroupContext/package.json +0 -10
- package/GroupContext/GroupItem/package.json +0 -10
- package/GroupContext/package.json +0 -10
- package/ScrollSync/ScrollSync/package.json +0 -10
- package/ScrollSync/ScrollSyncPane/package.json +0 -10
- package/ScrollSync/ScrollSyncProvider/package.json +0 -10
- package/ScrollSync/package.json +0 -10
- package/ScrollSync/useScrollSync/package.json +0 -10
- package/cjs/Animations/BaseAnimation.js.map +0 -1
- package/cjs/Animations/Grow.js.map +0 -1
- package/cjs/Animations/GrowRight.js.map +0 -1
- package/cjs/Animations/GrowVertical.js.map +0 -1
- package/cjs/CheckableGroup.js.map +0 -1
- package/cjs/DeferRenderAfterComputation.js.map +0 -1
- package/cjs/FocusGroup/FocusGrid.js.map +0 -1
- package/cjs/FocusGroup/FocusGroup.js.map +0 -1
- package/cjs/FocusGroup/FocusGroupContext.js.map +0 -1
- package/cjs/FocusGroup/FocusGroupManager.js.map +0 -1
- package/cjs/FocusGroup/focusGroupManagerHoc.js.map +0 -1
- package/cjs/FocusGroup/index.js.map +0 -1
- package/cjs/FocusGroup/useFocusGroupItem.js.map +0 -1
- package/cjs/FocusGroup/utils/getNextCellPosition.js.map +0 -1
- package/cjs/GroupContext/Group.js.map +0 -1
- package/cjs/GroupContext/GroupContext.js.map +0 -1
- package/cjs/GroupContext/GroupItem.js.map +0 -1
- package/cjs/GroupContext/index.js.map +0 -1
- package/cjs/ScrollSync/ScrollSync.js.map +0 -1
- package/cjs/ScrollSync/ScrollSyncPane.js.map +0 -1
- package/cjs/ScrollSync/ScrollSyncProvider.js.map +0 -1
- package/cjs/ScrollSync/index.js.map +0 -1
- package/cjs/ScrollSync/useScrollSync.js.map +0 -1
- package/cjs/constants.js.map +0 -1
- package/cjs/createDataInstance/createInstancePlugin.js.map +0 -1
- package/cjs/createDataInstance/createInstanceRef.js.map +0 -1
- package/cjs/createDataInstance/utils.js.map +0 -1
- package/cjs/defer-render-hoc/index.js.map +0 -1
- package/cjs/index.js.map +0 -1
- package/cjs/react-spring/index.js.map +0 -1
- package/cjs/react-spring/renderprops.js.map +0 -1
- package/cjs/toolbar/ToolbarProvider.js.map +0 -1
- package/cjs/useDataGrid/VolatileRowsListener.js.map +0 -1
- package/cjs/useDataGrid/index.js.map +0 -1
- package/cjs/useDataGrid/initColumnDefinition.js.map +0 -1
- package/cjs/useDataGrid/useDataGrid.js.map +0 -1
- package/cjs/useDataList/index.js.map +0 -1
- package/cjs/useDataList/recordIterator.js.map +0 -1
- package/cjs/useDataList/useDataList.js.map +0 -1
- package/cjs/utils.js.map +0 -1
- package/cjs/virtualization/AutoHeightList.js.map +0 -1
- package/cjs/virtualization/FluidHeightList.js.map +0 -1
- package/cjs/virtualization/index.js.map +0 -1
- package/constants/package.json +0 -10
- package/createDataInstance/createInstancePlugin/package.json +0 -10
- package/createDataInstance/createInstanceRef/package.json +0 -10
- package/createDataInstance/utils/package.json +0 -10
- package/defer-render-hoc/package.json +0 -10
- package/esm/Animations/BaseAnimation.js.map +0 -1
- package/esm/Animations/Grow.js.map +0 -1
- package/esm/Animations/GrowRight.js.map +0 -1
- package/esm/Animations/GrowVertical.js.map +0 -1
- package/esm/CheckableGroup.js.map +0 -1
- package/esm/DeferRenderAfterComputation.js.map +0 -1
- package/esm/FocusGroup/FocusGrid.js.map +0 -1
- package/esm/FocusGroup/FocusGroup.js.map +0 -1
- package/esm/FocusGroup/FocusGroupContext.js.map +0 -1
- package/esm/FocusGroup/FocusGroupManager.js.map +0 -1
- package/esm/FocusGroup/focusGroupManagerHoc.js.map +0 -1
- package/esm/FocusGroup/index.js.map +0 -1
- package/esm/FocusGroup/useFocusGroupItem.js.map +0 -1
- package/esm/FocusGroup/utils/getNextCellPosition.js.map +0 -1
- package/esm/GroupContext/Group.js.map +0 -1
- package/esm/GroupContext/GroupContext.js.map +0 -1
- package/esm/GroupContext/GroupItem.js.map +0 -1
- package/esm/GroupContext/index.js.map +0 -1
- package/esm/ScrollSync/ScrollSync.js.map +0 -1
- package/esm/ScrollSync/ScrollSyncPane.js.map +0 -1
- package/esm/ScrollSync/ScrollSyncProvider.js.map +0 -1
- package/esm/ScrollSync/index.js.map +0 -1
- package/esm/ScrollSync/useScrollSync.js.map +0 -1
- package/esm/constants.js.map +0 -1
- package/esm/createDataInstance/createInstancePlugin.js.map +0 -1
- package/esm/createDataInstance/createInstanceRef.js.map +0 -1
- package/esm/createDataInstance/utils.js.map +0 -1
- package/esm/defer-render-hoc/index.js.map +0 -1
- package/esm/index.js.map +0 -1
- package/esm/react-spring/index.js.map +0 -1
- package/esm/react-spring/renderprops.js.map +0 -1
- package/esm/toolbar/ToolbarProvider.js.map +0 -1
- package/esm/useDataGrid/VolatileRowsListener.js.map +0 -1
- package/esm/useDataGrid/index.js.map +0 -1
- package/esm/useDataGrid/initColumnDefinition.js.map +0 -1
- package/esm/useDataGrid/useDataGrid.js.map +0 -1
- package/esm/useDataList/index.js.map +0 -1
- package/esm/useDataList/recordIterator.js.map +0 -1
- package/esm/useDataList/useDataList.js.map +0 -1
- package/esm/utils.js.map +0 -1
- package/esm/virtualization/AutoHeightList.js.map +0 -1
- package/esm/virtualization/FluidHeightList.js.map +0 -1
- package/esm/virtualization/index.js.map +0 -1
- package/react-spring/package.json +0 -10
- package/react-spring/renderprops/package.json +0 -10
- package/toolbar/ToolbarProvider/package.json +0 -10
- package/useDataGrid/VolatileRowsListener/package.json +0 -10
- package/useDataGrid/initColumnDefinition/package.json +0 -10
- package/useDataGrid/package.json +0 -10
- package/useDataGrid/useDataGrid/package.json +0 -10
- package/useDataList/package.json +0 -10
- package/useDataList/recordIterator/package.json +0 -10
- package/useDataList/useDataList/package.json +0 -10
- package/utils/package.json +0 -10
- package/virtualization/AutoHeightList/package.json +0 -10
- package/virtualization/FluidHeightList/package.json +0 -10
- package/virtualization/package.json +0 -10
|
@@ -1,12 +1,3 @@
|
|
|
1
1
|
export { default as Group } from './Group.js';
|
|
2
2
|
export { GroupContext } from './GroupContext.js';
|
|
3
3
|
export { default as GroupItem } from './GroupItem.js';
|
|
4
|
-
import '@babel/runtime/helpers/esm/classCallCheck';
|
|
5
|
-
import '@babel/runtime/helpers/esm/createClass';
|
|
6
|
-
import '@babel/runtime/helpers/esm/assertThisInitialized';
|
|
7
|
-
import '@babel/runtime/helpers/esm/inherits';
|
|
8
|
-
import '@babel/runtime/helpers/esm/possibleConstructorReturn';
|
|
9
|
-
import '@babel/runtime/helpers/esm/getPrototypeOf';
|
|
10
|
-
import 'react';
|
|
11
|
-
import 'prop-types';
|
|
12
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,154 +1,138 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
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';
|
|
7
7
|
import React, { Component } from 'react';
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
_classCallCheck(this, ScrollSync);
|
|
24
|
-
|
|
25
|
-
_this = _super.call(this, props);
|
|
26
|
-
_this.panes = {};
|
|
27
|
-
|
|
28
|
-
_this.registerPane = function (node, groups) {
|
|
29
|
-
groups.forEach(function (group) {
|
|
30
|
-
if (!_this.panes[group]) {
|
|
31
|
-
_this.panes[group] = [];
|
|
9
|
+
const ScrollSyncContext = /*#__PURE__*/React.createContext();
|
|
10
|
+
const {
|
|
11
|
+
Provider
|
|
12
|
+
} = ScrollSyncContext;
|
|
13
|
+
class ScrollSync extends Component {
|
|
14
|
+
constructor(props) {
|
|
15
|
+
super(props);
|
|
16
|
+
this.panes = {};
|
|
17
|
+
|
|
18
|
+
this.registerPane = (node, groups) => {
|
|
19
|
+
groups.forEach(group => {
|
|
20
|
+
if (!this.panes[group]) {
|
|
21
|
+
this.panes[group] = [];
|
|
32
22
|
}
|
|
33
23
|
|
|
34
|
-
if (
|
|
35
|
-
|
|
24
|
+
if (this.panes[group].length > 0) {
|
|
25
|
+
this.syncScrollPosition(this.panes[group][0], node);
|
|
36
26
|
}
|
|
37
27
|
|
|
38
|
-
|
|
28
|
+
this.panes[group].push(node);
|
|
39
29
|
});
|
|
40
|
-
|
|
41
|
-
_this.addEvents(node, groups);
|
|
30
|
+
this.addEvents(node, groups);
|
|
42
31
|
};
|
|
43
32
|
|
|
44
|
-
|
|
45
|
-
groups.forEach(
|
|
46
|
-
if (
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
_this.panes[group].splice(_this.panes[group].indexOf(node), 1);
|
|
33
|
+
this.unregisterPane = (node, groups) => {
|
|
34
|
+
groups.forEach(group => {
|
|
35
|
+
if (this.findPane(node, group)) {
|
|
36
|
+
this.removeEvents(node);
|
|
37
|
+
this.panes[group].splice(this.panes[group].indexOf(node), 1);
|
|
50
38
|
}
|
|
51
39
|
});
|
|
52
40
|
};
|
|
53
41
|
|
|
54
|
-
|
|
42
|
+
this.addEvents = (node, groups) => {
|
|
55
43
|
/* For some reason element.addEventListener doesnt work with document.body */
|
|
56
|
-
node.onscroll =
|
|
44
|
+
node.onscroll = this.handlePaneScroll.bind(this, node, groups); // eslint-disable-line
|
|
57
45
|
};
|
|
58
46
|
|
|
59
|
-
|
|
47
|
+
this.removeEvents = node => {
|
|
60
48
|
/* For some reason element.removeEventListener doesnt work with document.body */
|
|
61
49
|
node.onscroll = null; // eslint-disable-line
|
|
62
50
|
};
|
|
63
51
|
|
|
64
|
-
|
|
65
|
-
if (!
|
|
52
|
+
this.findPane = (node, group) => {
|
|
53
|
+
if (!this.panes[group]) {
|
|
66
54
|
return false;
|
|
67
55
|
}
|
|
68
56
|
|
|
69
|
-
return
|
|
70
|
-
return pane === node;
|
|
71
|
-
});
|
|
57
|
+
return this.panes[group].find(pane => pane === node);
|
|
72
58
|
};
|
|
73
59
|
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
60
|
+
this.handlePaneScroll = (node, groups, e) => {
|
|
61
|
+
const {
|
|
62
|
+
enabled
|
|
63
|
+
} = this.props;
|
|
64
|
+
if (this.props.onScroll) this.props.onScroll(e);
|
|
77
65
|
if (!enabled) return;
|
|
78
|
-
window.requestAnimationFrame(
|
|
79
|
-
|
|
66
|
+
window.requestAnimationFrame(() => {
|
|
67
|
+
this.syncScrollPositions(node, groups);
|
|
80
68
|
});
|
|
81
69
|
};
|
|
82
70
|
|
|
83
|
-
|
|
84
|
-
groups.forEach(
|
|
85
|
-
|
|
71
|
+
this.syncScrollPositions = (scrolledPane, groups) => {
|
|
72
|
+
groups.forEach(group => {
|
|
73
|
+
this.panes[group].forEach(pane => {
|
|
86
74
|
/* For all panes beside the currently scrolling one */
|
|
87
75
|
if (scrolledPane !== pane) {
|
|
88
76
|
/* Remove event listeners from the node that we'll manipulate */
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
_this.syncScrollPosition(scrolledPane, pane);
|
|
77
|
+
this.removeEvents(pane, group);
|
|
78
|
+
this.syncScrollPosition(scrolledPane, pane);
|
|
92
79
|
/* Re-attach event listeners after we're done scrolling */
|
|
93
80
|
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
_this.addEvents(pane, groups);
|
|
81
|
+
window.requestAnimationFrame(() => {
|
|
82
|
+
this.addEvents(pane, groups);
|
|
97
83
|
});
|
|
98
84
|
}
|
|
99
85
|
});
|
|
100
86
|
});
|
|
101
87
|
};
|
|
102
88
|
|
|
103
|
-
|
|
104
|
-
registerPane:
|
|
105
|
-
unregisterPane:
|
|
89
|
+
this.syncContext = {
|
|
90
|
+
registerPane: this.registerPane,
|
|
91
|
+
unregisterPane: this.unregisterPane
|
|
106
92
|
};
|
|
107
|
-
return _this;
|
|
108
93
|
}
|
|
109
94
|
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
if (horizontal && scrollLeftOffset > 0) {
|
|
136
|
-
pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft; // eslint-disable-line
|
|
137
|
-
}
|
|
95
|
+
syncScrollPosition(scrolledPane, pane) {
|
|
96
|
+
const {
|
|
97
|
+
scrollTop,
|
|
98
|
+
scrollHeight,
|
|
99
|
+
clientHeight,
|
|
100
|
+
scrollLeft,
|
|
101
|
+
scrollWidth,
|
|
102
|
+
clientWidth
|
|
103
|
+
} = scrolledPane;
|
|
104
|
+
const scrollTopOffset = scrollHeight - clientHeight;
|
|
105
|
+
const scrollLeftOffset = scrollWidth - clientWidth;
|
|
106
|
+
const {
|
|
107
|
+
proportional,
|
|
108
|
+
vertical,
|
|
109
|
+
horizontal
|
|
110
|
+
} = this.props;
|
|
111
|
+
/* Calculate the actual pane height */
|
|
112
|
+
|
|
113
|
+
const paneHeight = pane.scrollHeight - clientHeight;
|
|
114
|
+
const paneWidth = pane.scrollWidth - clientWidth;
|
|
115
|
+
/* Adjust the scrollTop position of it accordingly */
|
|
116
|
+
|
|
117
|
+
if (vertical && scrollTopOffset > 0) {
|
|
118
|
+
pane.scrollTop = proportional ? paneHeight * scrollTop / scrollTopOffset : scrollTop; // eslint-disable-line
|
|
138
119
|
}
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
var children = this.props.children;
|
|
143
|
-
return /*#__PURE__*/React.createElement(Provider, {
|
|
144
|
-
value: this.syncContext
|
|
145
|
-
}, React.Children.only(children));
|
|
120
|
+
|
|
121
|
+
if (horizontal && scrollLeftOffset > 0) {
|
|
122
|
+
pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft; // eslint-disable-line
|
|
146
123
|
}
|
|
147
|
-
}
|
|
124
|
+
}
|
|
148
125
|
|
|
149
|
-
|
|
150
|
-
|
|
126
|
+
render() {
|
|
127
|
+
const {
|
|
128
|
+
children
|
|
129
|
+
} = this.props;
|
|
130
|
+
return /*#__PURE__*/_jsx(Provider, {
|
|
131
|
+
value: this.syncContext
|
|
132
|
+
}, void 0, React.Children.only(children));
|
|
133
|
+
}
|
|
151
134
|
|
|
135
|
+
}
|
|
152
136
|
ScrollSync.defaultProps = {
|
|
153
137
|
proportional: true,
|
|
154
138
|
vertical: true,
|
|
@@ -157,4 +141,3 @@ ScrollSync.defaultProps = {
|
|
|
157
141
|
};
|
|
158
142
|
|
|
159
143
|
export { ScrollSyncContext, ScrollSync as default };
|
|
160
|
-
//# sourceMappingURL=ScrollSync.js.map
|
|
@@ -1,101 +1,74 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
1
|
+
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
+
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
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';
|
|
12
|
+
import { Component } from 'react';
|
|
8
13
|
import { ScrollSyncContext } from './ScrollSync.js';
|
|
9
|
-
import '
|
|
14
|
+
import { jsx } from 'react/jsx-runtime';
|
|
10
15
|
|
|
11
|
-
function
|
|
16
|
+
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; }
|
|
12
17
|
|
|
13
|
-
function
|
|
14
|
-
/**
|
|
15
|
-
* MODIFIED FROM react-scroll-sync
|
|
16
|
-
*
|
|
17
|
-
* ScrollSyncPane Component
|
|
18
|
-
*
|
|
19
|
-
* Wrap your content in it to keep its scroll position in sync with other panes
|
|
20
|
-
*
|
|
21
|
-
* @param groups
|
|
22
|
-
* @example ./example.md
|
|
23
|
-
*/
|
|
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; }
|
|
24
19
|
|
|
25
|
-
|
|
26
|
-
|
|
20
|
+
class ScrollSyncPane extends Component {
|
|
21
|
+
constructor() {
|
|
22
|
+
super(...arguments);
|
|
27
23
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
function ScrollSyncPane() {
|
|
31
|
-
var _this;
|
|
32
|
-
|
|
33
|
-
_classCallCheck(this, ScrollSyncPane);
|
|
34
|
-
|
|
35
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
36
|
-
args[_key] = arguments[_key];
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
_this = _super.call.apply(_super, [this].concat(args));
|
|
40
|
-
|
|
41
|
-
_this.toArray = function (groups) {
|
|
42
|
-
return [].concat(groups);
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
return _this;
|
|
24
|
+
this.toArray = groups => [].concat(groups);
|
|
46
25
|
}
|
|
47
26
|
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
}
|
|
59
|
-
key: "render",
|
|
60
|
-
value: function render() {
|
|
61
|
-
var _this2 = this;
|
|
62
|
-
|
|
63
|
-
var _this$props2 = this.props,
|
|
64
|
-
children = _this$props2.children,
|
|
65
|
-
group = _this$props2.group,
|
|
66
|
-
syncContext = _this$props2.syncContext,
|
|
67
|
-
notPaginated = _this$props2.notPaginated;
|
|
68
|
-
var _registerPane = syncContext.registerPane;
|
|
69
|
-
return children({
|
|
70
|
-
registerPane: function registerPane(node) {
|
|
71
|
-
if (notPaginated) {
|
|
72
|
-
var virtualizedBody = node.querySelector('.virtualized-body-wrapper');
|
|
27
|
+
componentWillUnmount() {
|
|
28
|
+
const {
|
|
29
|
+
enabled,
|
|
30
|
+
group,
|
|
31
|
+
syncContext
|
|
32
|
+
} = this.props;
|
|
33
|
+
const {
|
|
34
|
+
unregisterPane
|
|
35
|
+
} = syncContext;
|
|
36
|
+
if (enabled) unregisterPane(this.node, this.toArray(group));
|
|
37
|
+
}
|
|
73
38
|
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
39
|
+
render() {
|
|
40
|
+
const {
|
|
41
|
+
children,
|
|
42
|
+
group,
|
|
43
|
+
syncContext,
|
|
44
|
+
notPaginated
|
|
45
|
+
} = this.props;
|
|
46
|
+
const {
|
|
47
|
+
registerPane
|
|
48
|
+
} = syncContext;
|
|
49
|
+
return children({
|
|
50
|
+
registerPane: node => {
|
|
51
|
+
if (notPaginated) {
|
|
52
|
+
const virtualizedBody = node.querySelector('.virtualized-body-wrapper');
|
|
53
|
+
|
|
54
|
+
if (virtualizedBody) {
|
|
55
|
+
registerPane(virtualizedBody, this.toArray(group));
|
|
77
56
|
}
|
|
78
|
-
|
|
79
|
-
return _registerPane(node, _this2.toArray(group));
|
|
80
57
|
}
|
|
81
|
-
});
|
|
82
|
-
}
|
|
83
|
-
}]);
|
|
84
58
|
|
|
85
|
-
|
|
86
|
-
}
|
|
59
|
+
return registerPane(node, this.toArray(group));
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
}
|
|
87
65
|
|
|
88
66
|
ScrollSyncPane.defaultProps = {
|
|
89
67
|
group: 'default',
|
|
90
68
|
enabled: true
|
|
91
69
|
};
|
|
92
|
-
var ScrollSyncPane$1 = (
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
syncContext: context
|
|
96
|
-
}));
|
|
97
|
-
});
|
|
98
|
-
});
|
|
70
|
+
var ScrollSyncPane$1 = (props => /*#__PURE__*/_jsx(ScrollSyncContext.Consumer, {}, void 0, context => /*#__PURE__*/jsx(ScrollSyncPane, _objectSpread(_objectSpread({}, props), {}, {
|
|
71
|
+
syncContext: context
|
|
72
|
+
}))));
|
|
99
73
|
|
|
100
74
|
export { ScrollSyncPane$1 as default };
|
|
101
|
-
//# sourceMappingURL=ScrollSyncPane.js.map
|
|
@@ -1,35 +1,46 @@
|
|
|
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';
|
|
1
7
|
import React from 'react';
|
|
2
8
|
import raf from 'raf';
|
|
3
9
|
|
|
4
|
-
|
|
5
|
-
|
|
10
|
+
const ScrollSyncContext = /*#__PURE__*/React.createContext();
|
|
11
|
+
const {
|
|
12
|
+
Provider
|
|
13
|
+
} = ScrollSyncContext;
|
|
6
14
|
|
|
7
15
|
function ScrollSyncProvider(_ref) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
16
|
+
let {
|
|
17
|
+
enabled,
|
|
18
|
+
horizontal,
|
|
19
|
+
vertical,
|
|
20
|
+
children
|
|
21
|
+
} = _ref;
|
|
14
22
|
useRef();
|
|
15
23
|
|
|
16
|
-
raf(
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
24
|
+
raf((scrolledPane, pane) => {
|
|
25
|
+
const {
|
|
26
|
+
scrollTop,
|
|
27
|
+
scrollHeight,
|
|
28
|
+
clientHeight,
|
|
29
|
+
scrollLeft,
|
|
30
|
+
scrollWidth,
|
|
31
|
+
clientWidth
|
|
32
|
+
} = scrolledPane;
|
|
33
|
+
const scrollTopOffset = scrollHeight - clientHeight;
|
|
34
|
+
const scrollLeftOffset = scrollWidth - clientWidth;
|
|
35
|
+
const {
|
|
36
|
+
proportional,
|
|
37
|
+
vertical,
|
|
38
|
+
horizontal
|
|
39
|
+
} = this.props;
|
|
29
40
|
/* Calculate the actual pane height */
|
|
30
41
|
|
|
31
|
-
|
|
32
|
-
|
|
42
|
+
const paneHeight = pane.scrollHeight - clientHeight;
|
|
43
|
+
const paneWidth = pane.scrollWidth - clientWidth;
|
|
33
44
|
/* Adjust the scrollTop position of it accordingly */
|
|
34
45
|
|
|
35
46
|
if (vertical && scrollTopOffset > 0) {
|
|
@@ -40,11 +51,9 @@ function ScrollSyncProvider(_ref) {
|
|
|
40
51
|
pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft; // eslint-disable-line
|
|
41
52
|
}
|
|
42
53
|
});
|
|
43
|
-
return /*#__PURE__*/
|
|
54
|
+
return /*#__PURE__*/_jsx(Provider, {}, void 0, children);
|
|
44
55
|
}
|
|
45
56
|
|
|
46
|
-
ScrollSyncProvider.propTypes = {};
|
|
47
57
|
ScrollSyncProvider.defaultProps = {};
|
|
48
58
|
|
|
49
59
|
export { ScrollSyncProvider as default };
|
|
50
|
-
//# sourceMappingURL=ScrollSyncProvider.js.map
|
package/esm/ScrollSync/index.js
CHANGED
|
@@ -1,11 +1,2 @@
|
|
|
1
1
|
export { default as ScrollSync } from './ScrollSync.js';
|
|
2
2
|
export { default as ScrollSyncPane } from './ScrollSyncPane.js';
|
|
3
|
-
import '@babel/runtime/helpers/esm/classCallCheck';
|
|
4
|
-
import '@babel/runtime/helpers/esm/createClass';
|
|
5
|
-
import '@babel/runtime/helpers/esm/assertThisInitialized';
|
|
6
|
-
import '@babel/runtime/helpers/esm/inherits';
|
|
7
|
-
import '@babel/runtime/helpers/esm/possibleConstructorReturn';
|
|
8
|
-
import '@babel/runtime/helpers/esm/getPrototypeOf';
|
|
9
|
-
import 'react';
|
|
10
|
-
import '@babel/runtime/helpers/esm/extends';
|
|
11
|
-
//# sourceMappingURL=index.js.map
|
package/esm/constants.js
CHANGED
|
@@ -1,6 +1,32 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const DEFAULT_DELAY_OPEN = 200;
|
|
2
|
+
const DEFAULT_DELAY_CLOSE = 300;
|
|
3
|
+
const sizeOptions = ['small', 'medium', 'large', 'x-large'];
|
|
4
|
+
const AM = 'am';
|
|
5
|
+
const PM = 'pm';
|
|
6
|
+
const ARROW_UP = 'ArrowUp';
|
|
7
|
+
const ARROW_DOWN = 'ArrowDown';
|
|
8
|
+
const BACKSPACE = 'Backspace';
|
|
9
|
+
const ESCAPE = 'Escape';
|
|
10
|
+
const HOME = 'Home';
|
|
11
|
+
const SHIFT = 'Shift';
|
|
12
|
+
const END = 'End';
|
|
13
|
+
const HOUR_RANGE_12 = {
|
|
14
|
+
min: 0,
|
|
15
|
+
max: 12
|
|
16
|
+
};
|
|
17
|
+
const HOUR_RANGE_24 = {
|
|
18
|
+
min: 0,
|
|
19
|
+
max: 24
|
|
20
|
+
};
|
|
21
|
+
const GENERAL_TIME_RANGE = {
|
|
22
|
+
min: 0,
|
|
23
|
+
max: 59
|
|
24
|
+
};
|
|
25
|
+
const PLACEHOLDER_TIME = {
|
|
26
|
+
hour: 'hour',
|
|
27
|
+
minutes: 'minutes',
|
|
28
|
+
seconds: 'seconds',
|
|
29
|
+
meridiem: 'meridiem'
|
|
30
|
+
};
|
|
4
31
|
|
|
5
|
-
export { DEFAULT_DELAY_CLOSE, DEFAULT_DELAY_OPEN, sizeOptions };
|
|
6
|
-
//# sourceMappingURL=constants.js.map
|
|
32
|
+
export { AM, ARROW_DOWN, ARROW_UP, BACKSPACE, DEFAULT_DELAY_CLOSE, DEFAULT_DELAY_OPEN, END, ESCAPE, GENERAL_TIME_RANGE, HOME, HOUR_RANGE_12, HOUR_RANGE_24, PLACEHOLDER_TIME, PM, SHIFT, sizeOptions };
|
|
@@ -1,16 +1,21 @@
|
|
|
1
|
-
import
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
2
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';
|
|
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; }
|
|
5
10
|
|
|
6
11
|
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
12
|
|
|
8
13
|
function getDecoratorsFromHooks(hooks, decorators) {
|
|
9
|
-
|
|
14
|
+
const nextDecorators = _objectSpread({}, decorators);
|
|
10
15
|
|
|
11
|
-
Object.keys(hooks).forEach(
|
|
16
|
+
Object.keys(hooks).forEach(decorator => {
|
|
12
17
|
if (Array.isArray(decorators[decorator])) {
|
|
13
|
-
nextDecorators[decorator] = [
|
|
18
|
+
nextDecorators[decorator] = [...decorators[decorator], hooks[decorator]];
|
|
14
19
|
} else {
|
|
15
20
|
nextDecorators[decorator] = hooks[decorator];
|
|
16
21
|
}
|
|
@@ -19,10 +24,7 @@ function getDecoratorsFromHooks(hooks, decorators) {
|
|
|
19
24
|
}
|
|
20
25
|
|
|
21
26
|
function createInstancePlugin(name, hooks) {
|
|
22
|
-
return
|
|
23
|
-
return getDecoratorsFromHooks(hooks, decorators);
|
|
24
|
-
};
|
|
27
|
+
return decorators => getDecoratorsFromHooks(hooks, decorators);
|
|
25
28
|
}
|
|
26
29
|
|
|
27
30
|
export { createInstancePlugin as default };
|
|
28
|
-
//# sourceMappingURL=createInstancePlugin.js.map
|