@elliemae/ds-shared 2.0.0-alpha.1 → 2.0.0-alpha.13
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 +24 -20
- package/cjs/Animations/Grow.js +30 -26
- package/cjs/Animations/GrowRight.js +30 -26
- package/cjs/Animations/GrowVertical.js +1 -0
- package/cjs/CheckableGroup.js +35 -26
- package/cjs/DeferRenderAfterComputation.js +9 -7
- package/cjs/FocusGroup/FocusGrid.js +43 -36
- package/cjs/FocusGroup/FocusGroup.js +32 -14
- package/cjs/FocusGroup/FocusGroupContext.js +1 -1
- package/cjs/FocusGroup/FocusGroupManager.js +7 -12
- package/cjs/FocusGroup/focusGroupManagerHoc.js +9 -3
- package/cjs/FocusGroup/index.js +2 -2
- package/cjs/FocusGroup/useFocusGroupItem.js +11 -5
- package/cjs/FocusGroup/utils/getNextCellPosition.js +10 -9
- package/cjs/GroupContext/Group.js +12 -5
- package/cjs/GroupContext/GroupContext.js +1 -1
- package/cjs/GroupContext/GroupItem.js +6 -3
- package/cjs/ScrollSync/ScrollSync.js +26 -25
- package/cjs/ScrollSync/ScrollSyncPane.js +16 -8
- package/cjs/ScrollSync/ScrollSyncProvider.js +15 -9
- package/cjs/ScrollSync/index.js +1 -1
- package/cjs/createDataInstance/createInstancePlugin.js +7 -1
- package/cjs/createDataInstance/createInstanceRef.js +10 -2
- package/cjs/createDataInstance/utils.js +58 -26
- package/cjs/defer-render-hoc/index.js +13 -8
- package/cjs/index.js +1 -1
- package/cjs/react-spring/index.js +1 -3
- package/cjs/react-spring/renderprops.js +1 -3
- package/cjs/toolbar/ToolbarProvider.js +37 -27
- package/cjs/useDataGrid/VolatileRowsListener.js +6 -8
- package/cjs/useDataGrid/initColumnDefinition.js +30 -22
- package/cjs/useDataGrid/useDataGrid.js +47 -41
- package/cjs/useDataList/index.js +1 -1
- package/cjs/useDataList/recordIterator.js +4 -1
- package/cjs/useDataList/useDataList.js +21 -7
- package/cjs/utils.js +9 -2
- package/cjs/virtualization/AutoHeightList.js +12 -10
- package/cjs/virtualization/FluidHeightList.js +18 -10
- package/cjs/virtualization/index.js +7 -6
- package/esm/Animations/BaseAnimation.js +24 -20
- package/esm/Animations/Grow.js +30 -26
- package/esm/Animations/GrowRight.js +30 -26
- package/esm/Animations/GrowVertical.js +1 -0
- package/esm/CheckableGroup.js +29 -19
- package/esm/DeferRenderAfterComputation.js +8 -6
- package/esm/FocusGroup/FocusGrid.js +27 -19
- package/esm/FocusGroup/FocusGroup.js +26 -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 +11 -4
- package/esm/GroupContext/GroupItem.js +6 -3
- package/esm/ScrollSync/ScrollSync.js +22 -20
- package/esm/ScrollSync/ScrollSyncPane.js +14 -6
- package/esm/ScrollSync/ScrollSyncProvider.js +12 -6
- package/esm/createDataInstance/createInstancePlugin.js +6 -0
- package/esm/createDataInstance/createInstanceRef.js +8 -0
- package/esm/createDataInstance/utils.js +57 -25
- package/esm/defer-render-hoc/index.js +10 -5
- package/esm/toolbar/ToolbarProvider.js +30 -20
- package/esm/useDataGrid/VolatileRowsListener.js +5 -3
- package/esm/useDataGrid/initColumnDefinition.js +12 -4
- package/esm/useDataGrid/useDataGrid.js +26 -16
- package/esm/useDataList/recordIterator.js +4 -1
- package/esm/useDataList/useDataList.js +17 -3
- package/esm/utils.js +8 -1
- 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
- package/cjs/package.json +0 -7
- package/esm/package.json +0 -7
|
@@ -1,25 +1,21 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
4
|
var React = require('react');
|
|
6
|
-
var
|
|
5
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
7
6
|
var FocusGroup = require('./FocusGroup.js');
|
|
8
7
|
var FocusGroupContext = require('./FocusGroupContext.js');
|
|
9
8
|
|
|
10
9
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
10
|
|
|
12
11
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
13
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
14
12
|
|
|
15
13
|
const noop = () => null;
|
|
16
14
|
|
|
17
15
|
class FocusGroupProvider extends React.Component {
|
|
18
16
|
constructor(props) {
|
|
19
17
|
super(props);
|
|
20
|
-
|
|
21
|
-
_defineProperty__default['default'](this, "activated", false);
|
|
22
|
-
|
|
18
|
+
this.activated = false;
|
|
23
19
|
this.focusGroup = new FocusGroup(props);
|
|
24
20
|
props.onFocusGroupSet(this);
|
|
25
21
|
this.actions = {
|
|
@@ -61,7 +57,7 @@ class FocusGroupProvider extends React.Component {
|
|
|
61
57
|
} = this.props;
|
|
62
58
|
this.focusGroup.activate();
|
|
63
59
|
this.activated = true;
|
|
64
|
-
if (
|
|
60
|
+
if (dsUtilities.isFunction(onActivate)) onActivate();
|
|
65
61
|
}
|
|
66
62
|
|
|
67
63
|
deactivate() {
|
|
@@ -71,7 +67,7 @@ class FocusGroupProvider extends React.Component {
|
|
|
71
67
|
this.activated = false;
|
|
72
68
|
this.focusGroup.deactivate();
|
|
73
69
|
|
|
74
|
-
if (
|
|
70
|
+
if (dsUtilities.isFunction(onExitFocusGroup)) {
|
|
75
71
|
onExitFocusGroup();
|
|
76
72
|
}
|
|
77
73
|
}
|
|
@@ -101,14 +97,13 @@ class FocusGroupProvider extends React.Component {
|
|
|
101
97
|
const {
|
|
102
98
|
children
|
|
103
99
|
} = this.props;
|
|
104
|
-
return /*#__PURE__*/_jsx__default[
|
|
100
|
+
return /*#__PURE__*/_jsx__default["default"](FocusGroupContext.Provider, {
|
|
105
101
|
value: this.actions
|
|
106
102
|
}, void 0, children);
|
|
107
103
|
}
|
|
108
104
|
|
|
109
105
|
}
|
|
110
|
-
|
|
111
|
-
_defineProperty__default['default'](FocusGroupProvider, "defaultProps", {
|
|
106
|
+
FocusGroupProvider.defaultProps = {
|
|
112
107
|
exitWhenNoPrevious: false,
|
|
113
108
|
exitWhenNoNext: false,
|
|
114
109
|
keyBindings: {},
|
|
@@ -117,6 +112,6 @@ _defineProperty__default['default'](FocusGroupProvider, "defaultProps", {
|
|
|
117
112
|
onFocusPreviousGroup: noop,
|
|
118
113
|
onFocusNextGroup: noop,
|
|
119
114
|
onFocusGroupSet: noop
|
|
120
|
-
}
|
|
115
|
+
};
|
|
121
116
|
|
|
122
117
|
module.exports = FocusGroupProvider;
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
4
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
3
8
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
9
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
10
|
require('react');
|
|
@@ -15,15 +20,16 @@ const _excluded = ["onExitFocusGroup", "onFocusPrevGroup", "focusKeyBindings"];
|
|
|
15
20
|
|
|
16
21
|
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; }
|
|
17
22
|
|
|
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__default[
|
|
19
|
-
function FocusGroupHoc(WrappedComponent
|
|
23
|
+
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__default["default"](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
|
+
function FocusGroupHoc(WrappedComponent) {
|
|
25
|
+
let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
20
26
|
return _ref => {
|
|
21
27
|
let {
|
|
22
28
|
onExitFocusGroup,
|
|
23
29
|
onFocusPrevGroup,
|
|
24
30
|
focusKeyBindings
|
|
25
31
|
} = _ref,
|
|
26
|
-
props = _objectWithoutProperties__default[
|
|
32
|
+
props = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
27
33
|
|
|
28
34
|
return /*#__PURE__*/jsxRuntime.jsx(FocusGroupManager, _objectSpread(_objectSpread({
|
|
29
35
|
keyBindings: focusKeyBindings,
|
package/cjs/FocusGroup/index.js
CHANGED
|
@@ -14,8 +14,8 @@ var FocusGrid = require('./FocusGrid.js');
|
|
|
14
14
|
exports.FocusGroup = FocusGroup;
|
|
15
15
|
exports.FocusGroupContext = FocusGroupContext;
|
|
16
16
|
exports.FocusGroupManager = FocusGroupManager;
|
|
17
|
-
exports.useFocusGroupItem = useFocusGroupItem[
|
|
17
|
+
exports.useFocusGroupItem = useFocusGroupItem["default"];
|
|
18
18
|
exports.useFocusGroupWithState = useFocusGroupItem.useFocusGroupWithState;
|
|
19
19
|
exports.focusGroupManagerHoc = focusGroupManagerHoc;
|
|
20
|
-
exports.FocusGrid = FocusGrid[
|
|
20
|
+
exports.FocusGrid = FocusGrid["default"];
|
|
21
21
|
exports.FocusGridContext = FocusGrid.FocusGridContext;
|
|
@@ -12,13 +12,16 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
|
|
|
12
12
|
|
|
13
13
|
const _excluded = ["register", "unregister"],
|
|
14
14
|
_excluded2 = ["register", "unregister"];
|
|
15
|
-
function useFocusGroupItem(
|
|
15
|
+
function useFocusGroupItem() {
|
|
16
|
+
let ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
17
|
+
let props = arguments.length > 1 ? arguments[1] : undefined;
|
|
18
|
+
|
|
16
19
|
const _ref = React.useContext(FocusGroupContext) || {},
|
|
17
20
|
{
|
|
18
21
|
register,
|
|
19
22
|
unregister
|
|
20
23
|
} = _ref,
|
|
21
|
-
otherActions = _objectWithoutProperties__default[
|
|
24
|
+
otherActions = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
22
25
|
|
|
23
26
|
React.useEffect(() => {
|
|
24
27
|
if (ref.current && register) register(ref.current, props);
|
|
@@ -30,13 +33,16 @@ function useFocusGroupItem(ref = {}, props) {
|
|
|
30
33
|
if (!register) return {};
|
|
31
34
|
return otherActions;
|
|
32
35
|
}
|
|
33
|
-
const useFocusGroupWithState = (
|
|
36
|
+
const useFocusGroupWithState = function () {
|
|
37
|
+
let ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
38
|
+
let props = arguments.length > 1 ? arguments[1] : undefined;
|
|
39
|
+
|
|
34
40
|
const _ref2 = React.useContext(FocusGroupContext) || {},
|
|
35
41
|
{
|
|
36
42
|
register,
|
|
37
43
|
unregister
|
|
38
44
|
} = _ref2,
|
|
39
|
-
otherActions = _objectWithoutProperties__default[
|
|
45
|
+
otherActions = _objectWithoutProperties__default["default"](_ref2, _excluded2);
|
|
40
46
|
|
|
41
47
|
React.useEffect(() => {
|
|
42
48
|
if (ref && register) register(ref, props);
|
|
@@ -49,5 +55,5 @@ const useFocusGroupWithState = (ref = {}, props) => {
|
|
|
49
55
|
return otherActions;
|
|
50
56
|
};
|
|
51
57
|
|
|
52
|
-
exports[
|
|
58
|
+
exports["default"] = useFocusGroupItem;
|
|
53
59
|
exports.useFocusGroupWithState = useFocusGroupWithState;
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
// eslint-disable-next-line max-statements
|
|
4
|
-
function getNextCellPosition({
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
4
|
+
function getNextCellPosition(_ref) {
|
|
5
|
+
let {
|
|
6
|
+
grid,
|
|
7
|
+
currentRow = 0,
|
|
8
|
+
currentCell = 0,
|
|
9
|
+
directionY,
|
|
10
|
+
directionX,
|
|
11
|
+
shouldWrapCells,
|
|
12
|
+
shouldWrapRows
|
|
13
|
+
} = _ref;
|
|
13
14
|
let nextRow = currentRow + directionY;
|
|
14
15
|
let nextCell = currentCell + directionX;
|
|
15
16
|
const rowCount = grid.length;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
4
5
|
var React = require('react');
|
|
5
6
|
var GroupContext = require('./GroupContext.js');
|
|
6
7
|
|
|
@@ -65,9 +66,10 @@ class Group extends React.Component {
|
|
|
65
66
|
};
|
|
66
67
|
}
|
|
67
68
|
|
|
68
|
-
static getDerivedStateFromProps(nextProps, {
|
|
69
|
-
|
|
70
|
-
|
|
69
|
+
static getDerivedStateFromProps(nextProps, _ref) {
|
|
70
|
+
let {
|
|
71
|
+
prevValue
|
|
72
|
+
} = _ref;
|
|
71
73
|
if (nextProps.activeValue === prevValue) return null;
|
|
72
74
|
return {
|
|
73
75
|
activeValue: nextProps.activeValue,
|
|
@@ -75,7 +77,7 @@ class Group extends React.Component {
|
|
|
75
77
|
};
|
|
76
78
|
}
|
|
77
79
|
|
|
78
|
-
handleChange(e
|
|
80
|
+
handleChange(e) {
|
|
79
81
|
const {
|
|
80
82
|
multiple,
|
|
81
83
|
onChange
|
|
@@ -96,6 +98,11 @@ class Group extends React.Component {
|
|
|
96
98
|
this.setState({
|
|
97
99
|
activeValue: newValue
|
|
98
100
|
});
|
|
101
|
+
|
|
102
|
+
for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
103
|
+
rest[_key - 1] = arguments[_key];
|
|
104
|
+
}
|
|
105
|
+
|
|
99
106
|
if (onChange) onChange(newValue, ...rest);
|
|
100
107
|
}
|
|
101
108
|
|
|
@@ -103,7 +110,7 @@ class Group extends React.Component {
|
|
|
103
110
|
const {
|
|
104
111
|
children
|
|
105
112
|
} = this.props;
|
|
106
|
-
return /*#__PURE__*/_jsx__default[
|
|
113
|
+
return /*#__PURE__*/_jsx__default["default"](Provider, {
|
|
107
114
|
value: this.state
|
|
108
115
|
}, void 0, children);
|
|
109
116
|
}
|
|
@@ -8,6 +8,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
8
8
|
|
|
9
9
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
10
10
|
|
|
11
|
-
const GroupContext = /*#__PURE__*/React__default[
|
|
11
|
+
const GroupContext = /*#__PURE__*/React__default["default"].createContext();
|
|
12
12
|
|
|
13
13
|
exports.GroupContext = GroupContext;
|
|
@@ -12,8 +12,11 @@ const {
|
|
|
12
12
|
Consumer
|
|
13
13
|
} = GroupContext.GroupContext;
|
|
14
14
|
|
|
15
|
-
const GroupItem =
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
const GroupItem = _ref => {
|
|
16
|
+
let {
|
|
17
|
+
render
|
|
18
|
+
} = _ref;
|
|
19
|
+
return /*#__PURE__*/_jsx__default["default"](Consumer, {}, void 0, context => render(context));
|
|
20
|
+
};
|
|
18
21
|
|
|
19
22
|
module.exports = GroupItem;
|
|
@@ -3,26 +3,28 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
-
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.async-iterator.find.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.find.js');
|
|
7
11
|
var React = require('react');
|
|
8
12
|
|
|
9
13
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
14
|
|
|
11
15
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
12
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
13
16
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
17
|
|
|
15
|
-
const ScrollSyncContext = /*#__PURE__*/React__default[
|
|
18
|
+
const ScrollSyncContext = /*#__PURE__*/React__default["default"].createContext();
|
|
16
19
|
const {
|
|
17
20
|
Provider
|
|
18
21
|
} = ScrollSyncContext;
|
|
19
22
|
class ScrollSync extends React.Component {
|
|
20
23
|
constructor(props) {
|
|
21
24
|
super(props);
|
|
25
|
+
this.panes = {};
|
|
22
26
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
_defineProperty__default['default'](this, "registerPane", (node, groups) => {
|
|
27
|
+
this.registerPane = (node, groups) => {
|
|
26
28
|
groups.forEach(group => {
|
|
27
29
|
if (!this.panes[group]) {
|
|
28
30
|
this.panes[group] = [];
|
|
@@ -35,36 +37,36 @@ class ScrollSync extends React.Component {
|
|
|
35
37
|
this.panes[group].push(node);
|
|
36
38
|
});
|
|
37
39
|
this.addEvents(node, groups);
|
|
38
|
-
}
|
|
40
|
+
};
|
|
39
41
|
|
|
40
|
-
|
|
42
|
+
this.unregisterPane = (node, groups) => {
|
|
41
43
|
groups.forEach(group => {
|
|
42
44
|
if (this.findPane(node, group)) {
|
|
43
45
|
this.removeEvents(node);
|
|
44
46
|
this.panes[group].splice(this.panes[group].indexOf(node), 1);
|
|
45
47
|
}
|
|
46
48
|
});
|
|
47
|
-
}
|
|
49
|
+
};
|
|
48
50
|
|
|
49
|
-
|
|
51
|
+
this.addEvents = (node, groups) => {
|
|
50
52
|
/* For some reason element.addEventListener doesnt work with document.body */
|
|
51
53
|
node.onscroll = this.handlePaneScroll.bind(this, node, groups); // eslint-disable-line
|
|
52
|
-
}
|
|
54
|
+
};
|
|
53
55
|
|
|
54
|
-
|
|
56
|
+
this.removeEvents = node => {
|
|
55
57
|
/* For some reason element.removeEventListener doesnt work with document.body */
|
|
56
58
|
node.onscroll = null; // eslint-disable-line
|
|
57
|
-
}
|
|
59
|
+
};
|
|
58
60
|
|
|
59
|
-
|
|
61
|
+
this.findPane = (node, group) => {
|
|
60
62
|
if (!this.panes[group]) {
|
|
61
63
|
return false;
|
|
62
64
|
}
|
|
63
65
|
|
|
64
66
|
return this.panes[group].find(pane => pane === node);
|
|
65
|
-
}
|
|
67
|
+
};
|
|
66
68
|
|
|
67
|
-
|
|
69
|
+
this.handlePaneScroll = (node, groups, e) => {
|
|
68
70
|
const {
|
|
69
71
|
enabled
|
|
70
72
|
} = this.props;
|
|
@@ -73,9 +75,9 @@ class ScrollSync extends React.Component {
|
|
|
73
75
|
window.requestAnimationFrame(() => {
|
|
74
76
|
this.syncScrollPositions(node, groups);
|
|
75
77
|
});
|
|
76
|
-
}
|
|
78
|
+
};
|
|
77
79
|
|
|
78
|
-
|
|
80
|
+
this.syncScrollPositions = (scrolledPane, groups) => {
|
|
79
81
|
groups.forEach(group => {
|
|
80
82
|
this.panes[group].forEach(pane => {
|
|
81
83
|
/* For all panes beside the currently scrolling one */
|
|
@@ -91,7 +93,7 @@ class ScrollSync extends React.Component {
|
|
|
91
93
|
}
|
|
92
94
|
});
|
|
93
95
|
});
|
|
94
|
-
}
|
|
96
|
+
};
|
|
95
97
|
|
|
96
98
|
this.syncContext = {
|
|
97
99
|
registerPane: this.registerPane,
|
|
@@ -134,19 +136,18 @@ class ScrollSync extends React.Component {
|
|
|
134
136
|
const {
|
|
135
137
|
children
|
|
136
138
|
} = this.props;
|
|
137
|
-
return /*#__PURE__*/_jsx__default[
|
|
139
|
+
return /*#__PURE__*/_jsx__default["default"](Provider, {
|
|
138
140
|
value: this.syncContext
|
|
139
|
-
}, void 0, React__default[
|
|
141
|
+
}, void 0, React__default["default"].Children.only(children));
|
|
140
142
|
}
|
|
141
143
|
|
|
142
144
|
}
|
|
143
|
-
|
|
144
|
-
_defineProperty__default['default'](ScrollSync, "defaultProps", {
|
|
145
|
+
ScrollSync.defaultProps = {
|
|
145
146
|
proportional: true,
|
|
146
147
|
vertical: true,
|
|
147
148
|
horizontal: true,
|
|
148
149
|
enabled: true
|
|
149
|
-
}
|
|
150
|
+
};
|
|
150
151
|
|
|
151
152
|
exports.ScrollSyncContext = ScrollSyncContext;
|
|
152
|
-
exports[
|
|
153
|
+
exports["default"] = ScrollSync;
|
|
@@ -2,6 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
4
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.async-iterator.to-array.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.to-array.js');
|
|
10
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
11
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
12
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
13
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
5
14
|
var React = require('react');
|
|
6
15
|
var ScrollSync = require('./ScrollSync.js');
|
|
7
16
|
var jsxRuntime = require('react/jsx-runtime');
|
|
@@ -13,13 +22,13 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
13
22
|
|
|
14
23
|
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; }
|
|
15
24
|
|
|
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__default[
|
|
25
|
+
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__default["default"](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; }
|
|
17
26
|
|
|
18
27
|
class ScrollSyncPane extends React.Component {
|
|
19
|
-
constructor(
|
|
20
|
-
super(...
|
|
28
|
+
constructor() {
|
|
29
|
+
super(...arguments);
|
|
21
30
|
|
|
22
|
-
|
|
31
|
+
this.toArray = groups => [].concat(groups);
|
|
23
32
|
}
|
|
24
33
|
|
|
25
34
|
componentWillUnmount() {
|
|
@@ -61,12 +70,11 @@ class ScrollSyncPane extends React.Component {
|
|
|
61
70
|
|
|
62
71
|
}
|
|
63
72
|
|
|
64
|
-
|
|
73
|
+
ScrollSyncPane.defaultProps = {
|
|
65
74
|
group: 'default',
|
|
66
75
|
enabled: true
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
var ScrollSyncPane$1 = (props => /*#__PURE__*/_jsx__default['default'](ScrollSync.ScrollSyncContext.Consumer, {}, void 0, context => /*#__PURE__*/jsxRuntime.jsx(ScrollSyncPane, _objectSpread(_objectSpread({}, props), {}, {
|
|
76
|
+
};
|
|
77
|
+
var ScrollSyncPane$1 = (props => /*#__PURE__*/_jsx__default["default"](ScrollSync.ScrollSyncContext.Consumer, {}, void 0, context => /*#__PURE__*/jsxRuntime.jsx(ScrollSyncPane, _objectSpread(_objectSpread({}, props), {}, {
|
|
70
78
|
syncContext: context
|
|
71
79
|
}))));
|
|
72
80
|
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
5
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
7
|
+
require('core-js/modules/esnext.async-iterator.find.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.find.js');
|
|
4
9
|
var React = require('react');
|
|
5
10
|
var raf = require('raf');
|
|
6
11
|
|
|
@@ -10,20 +15,21 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
|
10
15
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
11
16
|
var raf__default = /*#__PURE__*/_interopDefaultLegacy(raf);
|
|
12
17
|
|
|
13
|
-
const ScrollSyncContext = /*#__PURE__*/React__default[
|
|
18
|
+
const ScrollSyncContext = /*#__PURE__*/React__default["default"].createContext();
|
|
14
19
|
const {
|
|
15
20
|
Provider
|
|
16
21
|
} = ScrollSyncContext;
|
|
17
22
|
|
|
18
|
-
function ScrollSyncProvider({
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
23
|
+
function ScrollSyncProvider(_ref) {
|
|
24
|
+
let {
|
|
25
|
+
enabled,
|
|
26
|
+
horizontal,
|
|
27
|
+
vertical,
|
|
28
|
+
children
|
|
29
|
+
} = _ref;
|
|
24
30
|
useRef();
|
|
25
31
|
|
|
26
|
-
raf__default[
|
|
32
|
+
raf__default["default"]((scrolledPane, pane) => {
|
|
27
33
|
const {
|
|
28
34
|
scrollTop,
|
|
29
35
|
scrollHeight,
|
|
@@ -53,7 +59,7 @@ function ScrollSyncProvider({
|
|
|
53
59
|
pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft; // eslint-disable-line
|
|
54
60
|
}
|
|
55
61
|
});
|
|
56
|
-
return /*#__PURE__*/_jsx__default[
|
|
62
|
+
return /*#__PURE__*/_jsx__default["default"](Provider, {}, void 0, children);
|
|
57
63
|
}
|
|
58
64
|
|
|
59
65
|
ScrollSyncProvider.defaultProps = {};
|
package/cjs/ScrollSync/index.js
CHANGED
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
5
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
7
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
4
10
|
|
|
5
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
6
12
|
|
|
@@ -8,7 +14,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
8
14
|
|
|
9
15
|
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
16
|
|
|
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__default[
|
|
17
|
+
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__default["default"](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
18
|
|
|
13
19
|
function getDecoratorsFromHooks(hooks, decorators) {
|
|
14
20
|
const nextDecorators = _objectSpread({}, decorators);
|
|
@@ -2,6 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
4
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.reduce.js');
|
|
11
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
12
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
5
13
|
var uuid = require('uuid');
|
|
6
14
|
var React = require('react');
|
|
7
15
|
var lodash = require('lodash');
|
|
@@ -16,7 +24,7 @@ const _excluded = ["uuid", "data", "renderers", "plugins", "customDecorators"];
|
|
|
16
24
|
|
|
17
25
|
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; }
|
|
18
26
|
|
|
19
|
-
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__default[
|
|
27
|
+
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__default["default"](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; }
|
|
20
28
|
const defaultDecorators = {
|
|
21
29
|
instance: [],
|
|
22
30
|
state: [],
|
|
@@ -32,7 +40,7 @@ function createDataInstanceRef(_ref) {
|
|
|
32
40
|
plugins,
|
|
33
41
|
customDecorators
|
|
34
42
|
} = _ref,
|
|
35
|
-
props = _objectWithoutProperties__default[
|
|
43
|
+
props = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
36
44
|
|
|
37
45
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
38
46
|
const instance = React.useRef(); // eslint-disable-next-line react-hooks/rules-of-hooks
|