@elliemae/ds-shared 2.0.0-next.9 → 2.0.0-rc.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/Animations/BaseAnimation.js +23 -20
- package/cjs/Animations/Grow.js +29 -26
- package/cjs/Animations/GrowRight.js +29 -26
- package/cjs/CheckableGroup.js +31 -23
- package/cjs/DeferRenderAfterComputation.js +7 -6
- package/cjs/FocusGroup/FocusGrid.js +38 -31
- package/cjs/FocusGroup/FocusGroup.js +28 -11
- package/cjs/FocusGroup/FocusGroupManager.js +6 -11
- package/cjs/FocusGroup/focusGroupManagerHoc.js +7 -1
- package/cjs/FocusGroup/useFocusGroupItem.js +8 -2
- package/cjs/FocusGroup/utils/getNextCellPosition.js +10 -9
- package/cjs/GroupContext/Group.js +10 -4
- package/cjs/GroupContext/GroupItem.js +6 -3
- package/cjs/ScrollSync/ScrollSync.js +22 -21
- package/cjs/ScrollSync/ScrollSyncPane.js +13 -6
- package/cjs/ScrollSync/ScrollSyncProvider.js +12 -6
- package/cjs/createDataInstance/createInstancePlugin.js +5 -0
- package/cjs/createDataInstance/createInstanceRef.js +7 -0
- package/cjs/createDataInstance/utils.js +56 -24
- package/cjs/defer-render-hoc/index.js +9 -5
- package/cjs/toolbar/ToolbarProvider.js +30 -21
- package/cjs/useDataGrid/VolatileRowsListener.js +6 -8
- package/cjs/useDataGrid/initColumnDefinition.js +24 -17
- package/cjs/useDataGrid/useDataGrid.js +41 -34
- package/cjs/useDataList/recordIterator.js +4 -1
- package/cjs/useDataList/useDataList.js +17 -4
- package/cjs/utils.js +7 -0
- package/cjs/virtualization/AutoHeightList.js +10 -8
- package/cjs/virtualization/FluidHeightList.js +15 -7
- package/cjs/virtualization/index.js +7 -6
- package/esm/Animations/BaseAnimation.js +23 -20
- package/esm/Animations/Grow.js +29 -26
- package/esm/Animations/GrowRight.js +29 -26
- package/esm/CheckableGroup.js +28 -19
- package/esm/DeferRenderAfterComputation.js +7 -6
- package/esm/FocusGroup/FocusGrid.js +27 -19
- package/esm/FocusGroup/FocusGroup.js +25 -8
- package/esm/FocusGroup/FocusGroupManager.js +4 -8
- package/esm/FocusGroup/focusGroupManagerHoc.js +7 -1
- package/esm/FocusGroup/useFocusGroupItem.js +8 -2
- package/esm/FocusGroup/utils/getNextCellPosition.js +10 -9
- package/esm/GroupContext/Group.js +10 -4
- package/esm/GroupContext/GroupItem.js +6 -3
- package/esm/ScrollSync/ScrollSync.js +22 -20
- package/esm/ScrollSync/ScrollSyncPane.js +13 -6
- package/esm/ScrollSync/ScrollSyncProvider.js +12 -6
- package/esm/createDataInstance/createInstancePlugin.js +5 -0
- package/esm/createDataInstance/createInstanceRef.js +7 -0
- package/esm/createDataInstance/utils.js +56 -24
- package/esm/defer-render-hoc/index.js +9 -5
- package/esm/toolbar/ToolbarProvider.js +29 -20
- package/esm/useDataGrid/VolatileRowsListener.js +5 -3
- package/esm/useDataGrid/initColumnDefinition.js +10 -3
- package/esm/useDataGrid/useDataGrid.js +25 -16
- package/esm/useDataList/recordIterator.js +4 -1
- package/esm/useDataList/useDataList.js +16 -3
- package/esm/utils.js +7 -0
- package/esm/virtualization/AutoHeightList.js +6 -3
- package/esm/virtualization/FluidHeightList.js +14 -6
- package/esm/virtualization/index.js +7 -6
- package/package.json +8 -4
- package/types/toolbar/ToolbarProvider.d.ts +1 -1
- package/types/useDataGrid/initColumnDefinition.d.ts +4 -3
|
@@ -3,15 +3,21 @@
|
|
|
3
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
4
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
5
|
require('core-js/modules/web.dom-collections.iterator.js');
|
|
6
|
-
|
|
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.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
11
|
+
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
12
|
+
require('core-js/modules/esnext.iterator.reduce.js');
|
|
13
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
14
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
15
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
7
16
|
var React = require('react');
|
|
8
17
|
var uuid = require('uuid');
|
|
9
18
|
var resolve = require('table-resolver');
|
|
10
|
-
var useDerivedStateFromProps = require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
|
|
11
|
-
var usePrevious = require('@elliemae/ds-utilities/hooks/usePrevious');
|
|
12
|
-
var system = require('@elliemae/ds-utilities/system');
|
|
13
19
|
var initColumnDefinition = require('./initColumnDefinition.js');
|
|
14
|
-
var utils$
|
|
20
|
+
var utils$1 = require('../createDataInstance/utils.js');
|
|
15
21
|
var VolatileRowsListener = require('./VolatileRowsListener.js');
|
|
16
22
|
var utils = require('../utils.js');
|
|
17
23
|
|
|
@@ -38,8 +44,6 @@ function _interopNamespace(e) {
|
|
|
38
44
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
39
45
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
40
46
|
var resolve__namespace = /*#__PURE__*/_interopNamespace(resolve);
|
|
41
|
-
var useDerivedStateFromProps__default = /*#__PURE__*/_interopDefaultLegacy(useDerivedStateFromProps);
|
|
42
|
-
var usePrevious__default = /*#__PURE__*/_interopDefaultLegacy(usePrevious);
|
|
43
47
|
|
|
44
48
|
const _excluded = ["uuid", "plugins", "rows", "columns", "renderers"];
|
|
45
49
|
|
|
@@ -74,15 +78,15 @@ function useDataGrid(_ref) {
|
|
|
74
78
|
|
|
75
79
|
const [RowsObserver] = React.useState(() => new VolatileRowsListener()); // todo move this with rows composition
|
|
76
80
|
|
|
77
|
-
const [originalRows, updateRows] =
|
|
81
|
+
const [originalRows, updateRows] = dsUtilities.useDerivedStateFromProps(rows, {
|
|
78
82
|
onUpdate: resolve__namespace.resolve({
|
|
79
83
|
columns,
|
|
80
|
-
method: extra =>
|
|
84
|
+
method: extra => dsUtilities.compose(resolve__namespace.byFunction('valueTransformation')(extra), resolve__namespace.nested(extra))
|
|
81
85
|
}),
|
|
82
86
|
updateOnStateChange: true
|
|
83
87
|
});
|
|
84
88
|
instance.current = {
|
|
85
|
-
decoratedRenderers:
|
|
89
|
+
decoratedRenderers: dsUtilities.cloneDeep(renderers),
|
|
86
90
|
decoratedColumns: columns,
|
|
87
91
|
columns,
|
|
88
92
|
rows,
|
|
@@ -161,18 +165,21 @@ function useDataGrid(_ref) {
|
|
|
161
165
|
});
|
|
162
166
|
}, instance.current);
|
|
163
167
|
|
|
164
|
-
const reduceHotKey = (nextInstance, {
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
168
|
+
const reduceHotKey = (nextInstance, _ref2) => {
|
|
169
|
+
let {
|
|
170
|
+
key,
|
|
171
|
+
handler,
|
|
172
|
+
options
|
|
173
|
+
} = _ref2;
|
|
174
|
+
return _objectSpread(_objectSpread({}, nextInstance), {}, {
|
|
175
|
+
hotKeys: _objectSpread(_objectSpread({}, nextInstance.hotKeys), {}, {
|
|
176
|
+
[key]: {
|
|
177
|
+
handler,
|
|
178
|
+
options
|
|
179
|
+
}
|
|
180
|
+
})
|
|
181
|
+
});
|
|
182
|
+
};
|
|
176
183
|
|
|
177
184
|
instance.current = decorators.registerHotKeys.reduce((nextInstance, decorator) => {
|
|
178
185
|
const hotKeys = decorator(nextInstance);
|
|
@@ -183,28 +190,28 @@ function useDataGrid(_ref) {
|
|
|
183
190
|
|
|
184
191
|
return reduceHotKey(nextInstance, hotKeys);
|
|
185
192
|
}, instance.current);
|
|
186
|
-
instance.current.decoratedRenderers = utils$
|
|
193
|
+
instance.current.decoratedRenderers = utils$1.applyDecorators(instance.current.decoratedRenderers, decorators.decorateRenderers, instance.current);
|
|
187
194
|
instance.current.decoratedColumns = React.useMemo(() => {
|
|
188
|
-
const visibleColumns =
|
|
189
|
-
return visibleColumns.length ? utils$
|
|
195
|
+
const visibleColumns = dsUtilities.cloneDeep(columns).filter(column => typeof column.visible === 'undefined' || column.visible);
|
|
196
|
+
return visibleColumns.length ? utils$1.decorateColumns(visibleColumns, decorators, instance.current) : [];
|
|
190
197
|
}, [columns]);
|
|
191
|
-
instance.current.getBodyProps = utils$
|
|
192
|
-
instance.current.getHeaderProps = utils$
|
|
193
|
-
instance.current.getRowProps = utils$
|
|
194
|
-
instance.current.getHeaderRowProps = utils$
|
|
195
|
-
instance.current.getTableProps = utils$
|
|
198
|
+
instance.current.getBodyProps = utils$1.reducePropsGetter(decorators.getBodyProps, instance.current);
|
|
199
|
+
instance.current.getHeaderProps = utils$1.reducePropsGetter(decorators.getHeaderProps, instance.current);
|
|
200
|
+
instance.current.getRowProps = utils$1.reducePropsGetter(decorators.getRowProps, instance.current);
|
|
201
|
+
instance.current.getHeaderRowProps = utils$1.reducePropsGetter(decorators.getHeaderRowProps, instance.current);
|
|
202
|
+
instance.current.getTableProps = utils$1.reducePropsGetter(decorators.getTableProps, instance.current);
|
|
196
203
|
instance.current.composedRows = decorators.composeRows.reduce((nextRows, getter) => getter(nextRows, instance.current), instance.current.composedRows);
|
|
197
204
|
RowsObserver.notify(instance.current.composedRows);
|
|
198
205
|
const currentShouldRefocus = instance.current.shouldRefocus.current;
|
|
199
|
-
const prevState =
|
|
206
|
+
const prevState = dsUtilities.usePrevious(instance.current.state);
|
|
200
207
|
|
|
201
|
-
if (
|
|
208
|
+
if (dsUtilities.isObject(currentShouldRefocus) && currentShouldRefocus.forced) {
|
|
202
209
|
instance.current.shouldRefocus.current = currentShouldRefocus.value;
|
|
203
210
|
} else {
|
|
204
|
-
instance.current.shouldRefocus.current = !
|
|
211
|
+
instance.current.shouldRefocus.current = !dsUtilities.isEqual(prevState, instance.current.state);
|
|
205
212
|
}
|
|
206
213
|
|
|
207
|
-
if (props.instanceRef)
|
|
214
|
+
if (props.instanceRef) dsUtilities.setRef(props.instanceRef, instance.current);
|
|
208
215
|
return _objectSpread(_objectSpread({}, instance.current), {}, {
|
|
209
216
|
decorators
|
|
210
217
|
});
|
|
@@ -6,7 +6,10 @@ const defaultStrategy = () => {
|
|
|
6
6
|
throw Error('Implement an iterator strategy for record iterator');
|
|
7
7
|
};
|
|
8
8
|
|
|
9
|
-
function recordIterator(records
|
|
9
|
+
function recordIterator(records) {
|
|
10
|
+
let strategy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultStrategy;
|
|
11
|
+
let decorators = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
|
|
12
|
+
let instance = arguments.length > 3 ? arguments[3] : undefined;
|
|
10
13
|
const nextRows = [];
|
|
11
14
|
strategy({
|
|
12
15
|
data: records,
|
|
@@ -5,8 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
6
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
7
|
require('core-js/modules/web.dom-collections.iterator.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.constructor.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');
|
|
13
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
14
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
8
15
|
var React = require('react');
|
|
9
|
-
var
|
|
16
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
10
17
|
var get = require('lodash/get');
|
|
11
18
|
var utils = require('../createDataInstance/utils.js');
|
|
12
19
|
var recordIterator = require('./recordIterator.js');
|
|
@@ -23,8 +30,14 @@ const _excluded = ["data", "plugins", "renderers", "itemRenderer", "customDecora
|
|
|
23
30
|
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; }
|
|
24
31
|
|
|
25
32
|
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; }
|
|
26
|
-
const getItemLabel = (record
|
|
27
|
-
|
|
33
|
+
const getItemLabel = function (record) {
|
|
34
|
+
let nameKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'name';
|
|
35
|
+
return get__default["default"](record, ['data', nameKey]);
|
|
36
|
+
};
|
|
37
|
+
const getItemChildren = function (record) {
|
|
38
|
+
let childrenKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
|
|
39
|
+
return get__default["default"](record, ['data', childrenKey]);
|
|
40
|
+
};
|
|
28
41
|
const listRenderers = {
|
|
29
42
|
list: 'ul',
|
|
30
43
|
item: 'li'
|
|
@@ -80,7 +93,7 @@ function useDataList(_ref) {
|
|
|
80
93
|
nextRecords = decorators.records.reduce((nextRows, getter) => getter(nextRows, instance.current), nextRecords);
|
|
81
94
|
return nextRecords;
|
|
82
95
|
});
|
|
83
|
-
if (props.instanceRef)
|
|
96
|
+
if (props.instanceRef) dsUtilities.setRef(props.instanceRef, instance.current);
|
|
84
97
|
return instance.current;
|
|
85
98
|
}
|
|
86
99
|
|
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;
|