@elliemae/ds-shared 2.0.0-next.7 → 2.0.0-rc.2
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 -9
- package/cjs/FocusGroup/FocusGroupManager.js +3 -3
- 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 +5 -0
- package/cjs/ScrollSync/ScrollSyncPane.js +10 -2
- 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 +7 -2
- package/cjs/toolbar/ToolbarProvider.js +30 -21
- package/cjs/useDataGrid/VolatileRowsListener.js +5 -2
- 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 -6
- package/esm/FocusGroup/FocusGroupManager.js +1 -1
- 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 +5 -0
- package/esm/ScrollSync/ScrollSyncPane.js +10 -2
- 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 +7 -2
- package/esm/toolbar/ToolbarProvider.js +29 -20
- package/esm/useDataGrid/VolatileRowsListener.js +4 -1
- 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
package/cjs/utils.js
CHANGED
|
@@ -3,6 +3,13 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
11
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
12
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
6
13
|
|
|
7
14
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
15
|
|
|
@@ -2,20 +2,22 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
5
10
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
11
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
12
|
var React = require('react');
|
|
8
13
|
var reactWindow = require('react-window');
|
|
9
|
-
var
|
|
10
|
-
var system = require('@elliemae/ds-utilities/system');
|
|
11
|
-
var useWindowScrollerList = require('@elliemae/ds-utilities/hooks/useWindowScrollerList');
|
|
14
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
12
15
|
var jsxRuntime = require('react/jsx-runtime');
|
|
13
16
|
|
|
14
17
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
15
18
|
|
|
16
19
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
17
20
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
18
|
-
var useWindowScrollerList__default = /*#__PURE__*/_interopDefaultLegacy(useWindowScrollerList);
|
|
19
21
|
|
|
20
22
|
const _excluded = ["itemCount", "className", "innerRef", "itemData", "itemKey", "itemSize", "outerRef", "component"];
|
|
21
23
|
|
|
@@ -37,20 +39,20 @@ const AutoHeightList = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
37
39
|
|
|
38
40
|
const listRef = React.useRef();
|
|
39
41
|
const outerListRef = React.useRef();
|
|
40
|
-
|
|
42
|
+
dsUtilities.useWindowScrollerList({
|
|
41
43
|
listInstance: listRef,
|
|
42
44
|
outerListRef
|
|
43
45
|
});
|
|
44
46
|
return /*#__PURE__*/jsxRuntime.jsx(ListComponent, _objectSpread(_objectSpread({}, otherProps), {}, {
|
|
45
|
-
ref:
|
|
46
|
-
className:
|
|
47
|
+
ref: dsUtilities.mergeRefs(ref, listRef),
|
|
48
|
+
className: dsUtilities.cx(className, 'window-scroller-override'),
|
|
47
49
|
height: window.innerHeight,
|
|
48
50
|
innerRef: innerRef,
|
|
49
51
|
itemCount: itemCount,
|
|
50
52
|
itemData: itemData,
|
|
51
53
|
itemKey: itemKey,
|
|
52
54
|
itemSize: itemSize,
|
|
53
|
-
outerRef:
|
|
55
|
+
outerRef: dsUtilities.mergeRefs(outerListRef, outerRef),
|
|
54
56
|
overscanCount: 10,
|
|
55
57
|
useIsScrolling: true
|
|
56
58
|
}));
|
|
@@ -2,6 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
5
10
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
11
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
7
12
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
@@ -29,13 +34,16 @@ const FluidHeightList = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
29
34
|
|
|
30
35
|
return /*#__PURE__*/_jsx__default["default"](AutoSizer__default["default"], {
|
|
31
36
|
disableWidth: true
|
|
32
|
-
}, void 0,
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
37
|
+
}, void 0, _ref2 => {
|
|
38
|
+
let {
|
|
39
|
+
height: fluidHeight
|
|
40
|
+
} = _ref2;
|
|
41
|
+
return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
|
|
42
|
+
ref: ref,
|
|
43
|
+
height: fluidHeight - 32 // taking in count the margins of the list
|
|
44
|
+
|
|
45
|
+
}));
|
|
46
|
+
});
|
|
39
47
|
});
|
|
40
48
|
|
|
41
49
|
exports.FluidHeightList = FluidHeightList;
|
|
@@ -5,12 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var FluidHeightList = require('./FluidHeightList.js');
|
|
6
6
|
var AutoHeightList = require('./AutoHeightList.js');
|
|
7
7
|
|
|
8
|
-
function getVirtualListComponent({
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
8
|
+
function getVirtualListComponent(_ref) {
|
|
9
|
+
let {
|
|
10
|
+
component: Component,
|
|
11
|
+
fluid,
|
|
12
|
+
height,
|
|
13
|
+
autoHeight
|
|
14
|
+
} = _ref;
|
|
14
15
|
if (autoHeight) return AutoHeightList.AutoHeightList;
|
|
15
16
|
if (fluid) return FluidHeightList.FluidHeightList;
|
|
16
17
|
return Component;
|
|
@@ -3,25 +3,28 @@ import 'core-js/modules/web.dom-collections.iterator.js';
|
|
|
3
3
|
import 'react';
|
|
4
4
|
import { Transition } from 'react-spring/renderprops';
|
|
5
5
|
|
|
6
|
-
const BaseAnimation =
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
6
|
+
const BaseAnimation = _ref => {
|
|
7
|
+
let {
|
|
8
|
+
keys = undefined,
|
|
9
|
+
items = [],
|
|
10
|
+
duration = 100,
|
|
11
|
+
enter = {},
|
|
12
|
+
from = {},
|
|
13
|
+
leave = {},
|
|
14
|
+
onRest = () => null,
|
|
15
|
+
children
|
|
16
|
+
} = _ref;
|
|
17
|
+
return /*#__PURE__*/_jsx(Transition, {
|
|
18
|
+
config: {
|
|
19
|
+
duration
|
|
20
|
+
},
|
|
21
|
+
enter: enter,
|
|
22
|
+
from: from,
|
|
23
|
+
items: items,
|
|
24
|
+
keys: keys,
|
|
25
|
+
leave: leave,
|
|
26
|
+
onRest: onRest
|
|
27
|
+
}, void 0, children);
|
|
28
|
+
};
|
|
26
29
|
|
|
27
30
|
export { BaseAnimation as default };
|
package/esm/Animations/Grow.js
CHANGED
|
@@ -3,31 +3,34 @@ import 'core-js/modules/web.dom-collections.iterator.js';
|
|
|
3
3
|
import 'react';
|
|
4
4
|
import BaseAnimation from './BaseAnimation.js';
|
|
5
5
|
|
|
6
|
-
const Grow =
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
},
|
|
6
|
+
const Grow = _ref => {
|
|
7
|
+
let {
|
|
8
|
+
keys = undefined,
|
|
9
|
+
duration,
|
|
10
|
+
items = undefined,
|
|
11
|
+
from = 0,
|
|
12
|
+
to = 1,
|
|
13
|
+
children,
|
|
14
|
+
onRest = () => null
|
|
15
|
+
} = _ref;
|
|
16
|
+
return /*#__PURE__*/_jsx(BaseAnimation, {
|
|
17
|
+
duration: duration,
|
|
18
|
+
enter: {
|
|
19
|
+
opacity: 1,
|
|
20
|
+
transform: "scale(".concat(to, ")")
|
|
21
|
+
},
|
|
22
|
+
from: {
|
|
23
|
+
opacity: 0,
|
|
24
|
+
transform: "scale(".concat(from, ")")
|
|
25
|
+
},
|
|
26
|
+
items: items,
|
|
27
|
+
keys: keys,
|
|
28
|
+
leave: {
|
|
29
|
+
opacity: 0,
|
|
30
|
+
transform: "scale(".concat(from, ")")
|
|
31
|
+
},
|
|
32
|
+
onRest: onRest
|
|
33
|
+
}, void 0, children);
|
|
34
|
+
};
|
|
32
35
|
|
|
33
36
|
export { Grow as default };
|
|
@@ -3,31 +3,34 @@ import 'core-js/modules/web.dom-collections.iterator.js';
|
|
|
3
3
|
import 'react';
|
|
4
4
|
import BaseAnimation from './BaseAnimation.js';
|
|
5
5
|
|
|
6
|
-
const GrowRight =
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
},
|
|
6
|
+
const GrowRight = _ref => {
|
|
7
|
+
let {
|
|
8
|
+
keys = undefined,
|
|
9
|
+
items = undefined,
|
|
10
|
+
duration = 200,
|
|
11
|
+
from = 0,
|
|
12
|
+
to = 1,
|
|
13
|
+
children,
|
|
14
|
+
onRest = () => null
|
|
15
|
+
} = _ref;
|
|
16
|
+
return /*#__PURE__*/_jsx(BaseAnimation, {
|
|
17
|
+
duration: duration,
|
|
18
|
+
enter: {
|
|
19
|
+
opacity: "".concat(to),
|
|
20
|
+
transform: 'translateX(0px)'
|
|
21
|
+
},
|
|
22
|
+
from: {
|
|
23
|
+
opacity: "".concat(from),
|
|
24
|
+
transform: 'translateX(100%)'
|
|
25
|
+
},
|
|
26
|
+
items: items,
|
|
27
|
+
keys: keys,
|
|
28
|
+
leave: {
|
|
29
|
+
opacity: "".concat(from),
|
|
30
|
+
transform: 'translateX(100%)'
|
|
31
|
+
},
|
|
32
|
+
onRest: onRest
|
|
33
|
+
}, void 0, children);
|
|
34
|
+
};
|
|
32
35
|
|
|
33
36
|
export { GrowRight as default };
|
package/esm/CheckableGroup.js
CHANGED
|
@@ -1,25 +1,33 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
2
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
3
|
+
import 'core-js/modules/esnext.async-iterator.map.js';
|
|
4
|
+
import 'core-js/modules/esnext.iterator.map.js';
|
|
5
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
6
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
7
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
8
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
9
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
3
10
|
import React, { cloneElement } from 'react';
|
|
4
|
-
import { runAll, addOrRemove } from '@elliemae/ds-utilities
|
|
5
|
-
import useDerivedStateFromProps from '@elliemae/ds-utilities/hooks/useDerivedStateFromProps';
|
|
11
|
+
import { useDerivedStateFromProps, runAll, addOrRemove } from '@elliemae/ds-utilities';
|
|
6
12
|
|
|
7
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; }
|
|
8
14
|
|
|
9
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; }
|
|
10
|
-
function useCheckableGroup({
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
+
function useCheckableGroup(_ref) {
|
|
17
|
+
let {
|
|
18
|
+
children,
|
|
19
|
+
active: activeProp,
|
|
20
|
+
multi,
|
|
21
|
+
onCheck = () => null
|
|
22
|
+
} = _ref;
|
|
16
23
|
const [active, setActive] = useDerivedStateFromProps(activeProp);
|
|
17
24
|
|
|
18
|
-
const handleCheck = ({
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
25
|
+
const handleCheck = (_ref2, item) => {
|
|
26
|
+
let {
|
|
27
|
+
target: {
|
|
28
|
+
value
|
|
29
|
+
}
|
|
30
|
+
} = _ref2;
|
|
23
31
|
setActive(prevActive => {
|
|
24
32
|
const nextActive = multi ? addOrRemove(prevActive, value) : value;
|
|
25
33
|
onCheck(nextActive, item);
|
|
@@ -39,12 +47,13 @@ function useCheckableGroup({
|
|
|
39
47
|
});
|
|
40
48
|
}
|
|
41
49
|
|
|
42
|
-
function CheckableGroup({
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
50
|
+
function CheckableGroup(_ref3) {
|
|
51
|
+
let {
|
|
52
|
+
active = [],
|
|
53
|
+
multi = false,
|
|
54
|
+
// checkbox or radio
|
|
55
|
+
children
|
|
56
|
+
} = _ref3;
|
|
48
57
|
return useCheckableGroup({
|
|
49
58
|
active,
|
|
50
59
|
multi,
|
|
@@ -2,12 +2,13 @@ import 'core-js/modules/web.dom-collections.iterator.js';
|
|
|
2
2
|
import { useState, useEffect } from 'react';
|
|
3
3
|
import raf from 'raf';
|
|
4
4
|
|
|
5
|
-
function DeferRenderAfterComputation({
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
function DeferRenderAfterComputation(_ref) {
|
|
6
|
+
let {
|
|
7
|
+
children,
|
|
8
|
+
resolve,
|
|
9
|
+
fallback,
|
|
10
|
+
timeout = 2000
|
|
11
|
+
} = _ref;
|
|
11
12
|
const [shouldRender, setShouldRender] = useState(false);
|
|
12
13
|
useEffect(() => {
|
|
13
14
|
// eslint-disable-next-line max-nested-callbacks
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
2
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
3
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
4
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
6
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
7
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
3
8
|
import React, { useRef, useEffect, useMemo, createContext } from 'react';
|
|
4
|
-
import { get, runAll, isFunction } from '@elliemae/ds-utilities
|
|
5
|
-
import useHotkeys from '@elliemae/ds-utilities/hooks/useHotkeys';
|
|
6
|
-
import { mergeRefs } from '@elliemae/ds-utilities/system';
|
|
9
|
+
import { mergeRefs, get, runAll, isFunction, useHotkeys } from '@elliemae/ds-utilities';
|
|
7
10
|
import getNextCellPosition from './utils/getNextCellPosition.js';
|
|
8
11
|
|
|
9
12
|
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; }
|
|
@@ -16,10 +19,11 @@ const {
|
|
|
16
19
|
|
|
17
20
|
const preventDefault = e => e.preventDefault();
|
|
18
21
|
|
|
19
|
-
function registerHotKeysHooks(hotKeys, {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
22
|
+
function registerHotKeysHooks(hotKeys, _ref) {
|
|
23
|
+
let {
|
|
24
|
+
focusedRow,
|
|
25
|
+
focusedCell
|
|
26
|
+
} = _ref;
|
|
23
27
|
Object.keys(hotKeys).forEach(key => {
|
|
24
28
|
const {
|
|
25
29
|
handler,
|
|
@@ -40,14 +44,15 @@ function registerHotKeysHooks(hotKeys, {
|
|
|
40
44
|
} // eslint-disable-next-line max-statements
|
|
41
45
|
|
|
42
46
|
|
|
43
|
-
function FocusGridProvider({
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
47
|
+
function FocusGridProvider(_ref2) {
|
|
48
|
+
let {
|
|
49
|
+
shouldWrapRows = false,
|
|
50
|
+
shouldWrapCells = false,
|
|
51
|
+
shouldRefocus = true,
|
|
52
|
+
children,
|
|
53
|
+
keyBindings,
|
|
54
|
+
hotKeys
|
|
55
|
+
} = _ref2;
|
|
51
56
|
const focusedRow = useRef();
|
|
52
57
|
const focusedCell = useRef();
|
|
53
58
|
const grid = useRef([]);
|
|
@@ -57,10 +62,13 @@ function FocusGridProvider({
|
|
|
57
62
|
innerRef: mergeRefs(child.props.innerRef, containerRef)
|
|
58
63
|
});
|
|
59
64
|
|
|
60
|
-
const getNode =
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
65
|
+
const getNode = _ref3 => {
|
|
66
|
+
let {
|
|
67
|
+
rowIndex,
|
|
68
|
+
cellIndex
|
|
69
|
+
} = _ref3;
|
|
70
|
+
return get(grid.current, [rowIndex, cellIndex]);
|
|
71
|
+
};
|
|
64
72
|
|
|
65
73
|
const register = (node, rowIndex, columnIndex) => {
|
|
66
74
|
if (!node) return;
|
|
@@ -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,7 +63,9 @@ const unregisterHotKeys = (hotKeys = {}) => {
|
|
|
47
63
|
const noop = () => null;
|
|
48
64
|
|
|
49
65
|
class FocusGroup {
|
|
50
|
-
constructor(
|
|
66
|
+
constructor() {
|
|
67
|
+
let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
68
|
+
|
|
51
69
|
_defineProperty(this, "items", []);
|
|
52
70
|
|
|
53
71
|
this.options = _objectSpread(_objectSpread({}, defaultOptions), options);
|
|
@@ -121,7 +139,8 @@ class FocusGroup {
|
|
|
121
139
|
return actions.map(action => typeof action === 'string' ? safeCallAction(e, this.mapActions[action]) : safeCallAction(e, action));
|
|
122
140
|
}
|
|
123
141
|
|
|
124
|
-
register(node
|
|
142
|
+
register(node) {
|
|
143
|
+
let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
125
144
|
const afterIndex = this.items.findIndex(item => item.compareDocumentPosition(node) === Node.DOCUMENT_POSITION_PRECEDING);
|
|
126
145
|
node.specialOnFocus = props.onFocus || noop;
|
|
127
146
|
node.specialOnBlur = props.onBlur || noop;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
2
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
3
3
|
import { Component } from 'react';
|
|
4
|
-
import { isFunction } from '@elliemae/ds-utilities
|
|
4
|
+
import { isFunction } from '@elliemae/ds-utilities';
|
|
5
5
|
import FocusGroup from './FocusGroup.js';
|
|
6
6
|
import FocusGroupContext from './FocusGroupContext.js';
|
|
7
7
|
|
|
@@ -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 };
|