@elliemae/ds-shared 2.0.0-alpha.11 → 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.
Files changed (63) hide show
  1. package/cjs/Animations/BaseAnimation.js +23 -20
  2. package/cjs/Animations/Grow.js +29 -26
  3. package/cjs/Animations/GrowRight.js +29 -26
  4. package/cjs/CheckableGroup.js +31 -23
  5. package/cjs/DeferRenderAfterComputation.js +7 -6
  6. package/cjs/FocusGroup/FocusGrid.js +38 -31
  7. package/cjs/FocusGroup/FocusGroup.js +28 -11
  8. package/cjs/FocusGroup/FocusGroupManager.js +6 -11
  9. package/cjs/FocusGroup/focusGroupManagerHoc.js +7 -1
  10. package/cjs/FocusGroup/useFocusGroupItem.js +8 -2
  11. package/cjs/FocusGroup/utils/getNextCellPosition.js +10 -9
  12. package/cjs/GroupContext/Group.js +10 -4
  13. package/cjs/GroupContext/GroupItem.js +6 -3
  14. package/cjs/ScrollSync/ScrollSync.js +22 -21
  15. package/cjs/ScrollSync/ScrollSyncPane.js +13 -6
  16. package/cjs/ScrollSync/ScrollSyncProvider.js +12 -6
  17. package/cjs/createDataInstance/createInstancePlugin.js +5 -0
  18. package/cjs/createDataInstance/createInstanceRef.js +7 -0
  19. package/cjs/createDataInstance/utils.js +56 -24
  20. package/cjs/defer-render-hoc/index.js +9 -5
  21. package/cjs/toolbar/ToolbarProvider.js +30 -21
  22. package/cjs/useDataGrid/VolatileRowsListener.js +6 -8
  23. package/cjs/useDataGrid/initColumnDefinition.js +24 -17
  24. package/cjs/useDataGrid/useDataGrid.js +41 -34
  25. package/cjs/useDataList/recordIterator.js +4 -1
  26. package/cjs/useDataList/useDataList.js +17 -4
  27. package/cjs/utils.js +7 -0
  28. package/cjs/virtualization/AutoHeightList.js +10 -8
  29. package/cjs/virtualization/FluidHeightList.js +15 -7
  30. package/cjs/virtualization/index.js +7 -6
  31. package/esm/Animations/BaseAnimation.js +23 -20
  32. package/esm/Animations/Grow.js +29 -26
  33. package/esm/Animations/GrowRight.js +29 -26
  34. package/esm/CheckableGroup.js +28 -19
  35. package/esm/DeferRenderAfterComputation.js +7 -6
  36. package/esm/FocusGroup/FocusGrid.js +27 -19
  37. package/esm/FocusGroup/FocusGroup.js +25 -8
  38. package/esm/FocusGroup/FocusGroupManager.js +4 -8
  39. package/esm/FocusGroup/focusGroupManagerHoc.js +7 -1
  40. package/esm/FocusGroup/useFocusGroupItem.js +8 -2
  41. package/esm/FocusGroup/utils/getNextCellPosition.js +10 -9
  42. package/esm/GroupContext/Group.js +10 -4
  43. package/esm/GroupContext/GroupItem.js +6 -3
  44. package/esm/ScrollSync/ScrollSync.js +22 -20
  45. package/esm/ScrollSync/ScrollSyncPane.js +13 -6
  46. package/esm/ScrollSync/ScrollSyncProvider.js +12 -6
  47. package/esm/createDataInstance/createInstancePlugin.js +5 -0
  48. package/esm/createDataInstance/createInstanceRef.js +7 -0
  49. package/esm/createDataInstance/utils.js +56 -24
  50. package/esm/defer-render-hoc/index.js +9 -5
  51. package/esm/toolbar/ToolbarProvider.js +29 -20
  52. package/esm/useDataGrid/VolatileRowsListener.js +5 -3
  53. package/esm/useDataGrid/initColumnDefinition.js +10 -3
  54. package/esm/useDataGrid/useDataGrid.js +25 -16
  55. package/esm/useDataList/recordIterator.js +4 -1
  56. package/esm/useDataList/useDataList.js +16 -3
  57. package/esm/utils.js +7 -0
  58. package/esm/virtualization/AutoHeightList.js +6 -3
  59. package/esm/virtualization/FluidHeightList.js +14 -6
  60. package/esm/virtualization/index.js +7 -6
  61. package/package.json +8 -4
  62. package/types/toolbar/ToolbarProvider.d.ts +1 -1
  63. 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
- var utils$1 = require('@elliemae/ds-utilities/utils');
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$2 = require('../createDataInstance/utils.js');
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] = useDerivedStateFromProps__default["default"](rows, {
81
+ const [originalRows, updateRows] = dsUtilities.useDerivedStateFromProps(rows, {
78
82
  onUpdate: resolve__namespace.resolve({
79
83
  columns,
80
- method: extra => utils$1.compose(resolve__namespace.byFunction('valueTransformation')(extra), resolve__namespace.nested(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: utils$1.cloneDeep(renderers),
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
- key,
166
- handler,
167
- options
168
- }) => _objectSpread(_objectSpread({}, nextInstance), {}, {
169
- hotKeys: _objectSpread(_objectSpread({}, nextInstance.hotKeys), {}, {
170
- [key]: {
171
- handler,
172
- options
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$2.applyDecorators(instance.current.decoratedRenderers, decorators.decorateRenderers, instance.current);
193
+ instance.current.decoratedRenderers = utils$1.applyDecorators(instance.current.decoratedRenderers, decorators.decorateRenderers, instance.current);
187
194
  instance.current.decoratedColumns = React.useMemo(() => {
188
- const visibleColumns = utils$1.cloneDeep(columns).filter(column => typeof column.visible === 'undefined' || column.visible);
189
- return visibleColumns.length ? utils$2.decorateColumns(visibleColumns, decorators, instance.current) : [];
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$2.reducePropsGetter(decorators.getBodyProps, instance.current);
192
- instance.current.getHeaderProps = utils$2.reducePropsGetter(decorators.getHeaderProps, instance.current);
193
- instance.current.getRowProps = utils$2.reducePropsGetter(decorators.getRowProps, instance.current);
194
- instance.current.getHeaderRowProps = utils$2.reducePropsGetter(decorators.getHeaderRowProps, instance.current);
195
- instance.current.getTableProps = utils$2.reducePropsGetter(decorators.getTableProps, instance.current);
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 = usePrevious__default["default"](instance.current.state);
206
+ const prevState = dsUtilities.usePrevious(instance.current.state);
200
207
 
201
- if (utils$1.isObject(currentShouldRefocus) && currentShouldRefocus.forced) {
208
+ if (dsUtilities.isObject(currentShouldRefocus) && currentShouldRefocus.forced) {
202
209
  instance.current.shouldRefocus.current = currentShouldRefocus.value;
203
210
  } else {
204
- instance.current.shouldRefocus.current = !utils$1.isEqual(prevState, instance.current.state);
211
+ instance.current.shouldRefocus.current = !dsUtilities.isEqual(prevState, instance.current.state);
205
212
  }
206
213
 
207
- if (props.instanceRef) system.setRef(props.instanceRef, instance.current);
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, strategy = defaultStrategy, decorators = [], instance) {
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 system = require('@elliemae/ds-utilities/system');
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, nameKey = 'name') => get__default["default"](record, ['data', nameKey]);
27
- const getItemChildren = (record, childrenKey = 'children') => get__default["default"](record, ['data', childrenKey]);
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) system.setRef(props.instanceRef, instance.current);
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 utils = require('@elliemae/ds-utilities/utils');
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
- useWindowScrollerList__default["default"]({
42
+ dsUtilities.useWindowScrollerList({
41
43
  listInstance: listRef,
42
44
  outerListRef
43
45
  });
44
46
  return /*#__PURE__*/jsxRuntime.jsx(ListComponent, _objectSpread(_objectSpread({}, otherProps), {}, {
45
- ref: system.mergeRefs(ref, listRef),
46
- className: utils.cx(className, 'window-scroller-override'),
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: system.mergeRefs(outerListRef, 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
- height: fluidHeight
34
- }) => /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
35
- ref: ref,
36
- height: fluidHeight - 32 // taking in count the margins of the list
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
- component: Component,
10
- fluid,
11
- height,
12
- autoHeight
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
- keys = undefined,
8
- items = [],
9
- duration = 100,
10
- enter = {},
11
- from = {},
12
- leave = {},
13
- onRest = () => null,
14
- children
15
- }) => /*#__PURE__*/_jsx(Transition, {
16
- config: {
17
- duration
18
- },
19
- enter: enter,
20
- from: from,
21
- items: items,
22
- keys: keys,
23
- leave: leave,
24
- onRest: onRest
25
- }, void 0, children);
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 };
@@ -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
- keys = undefined,
8
- duration,
9
- items = undefined,
10
- from = 0,
11
- to = 1,
12
- children,
13
- onRest = () => null
14
- }) => /*#__PURE__*/_jsx(BaseAnimation, {
15
- duration: duration,
16
- enter: {
17
- opacity: 1,
18
- transform: "scale(".concat(to, ")")
19
- },
20
- from: {
21
- opacity: 0,
22
- transform: "scale(".concat(from, ")")
23
- },
24
- items: items,
25
- keys: keys,
26
- leave: {
27
- opacity: 0,
28
- transform: "scale(".concat(from, ")")
29
- },
30
- onRest: onRest
31
- }, void 0, children);
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
- keys = undefined,
8
- items = undefined,
9
- duration = 200,
10
- from = 0,
11
- to = 1,
12
- children,
13
- onRest = () => null
14
- }) => /*#__PURE__*/_jsx(BaseAnimation, {
15
- duration: duration,
16
- enter: {
17
- opacity: "".concat(to),
18
- transform: 'translateX(0px)'
19
- },
20
- from: {
21
- opacity: "".concat(from),
22
- transform: 'translateX(100%)'
23
- },
24
- items: items,
25
- keys: keys,
26
- leave: {
27
- opacity: "".concat(from),
28
- transform: 'translateX(100%)'
29
- },
30
- onRest: onRest
31
- }, void 0, children);
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 };
@@ -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/utils';
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
- children,
12
- active: activeProp,
13
- multi,
14
- onCheck = () => null
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
- target: {
20
- value
21
- }
22
- }, item) => {
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
- active = [],
44
- multi = false,
45
- // checkbox or radio
46
- children
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
- children,
7
- resolve,
8
- fallback,
9
- timeout = 2000
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/utils';
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
- focusedRow,
21
- focusedCell
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
- shouldWrapRows = false,
45
- shouldWrapCells = false,
46
- shouldRefocus = true,
47
- children,
48
- keyBindings,
49
- hotKeys
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
- rowIndex,
62
- cellIndex
63
- }) => get(grid.current, [rowIndex, cellIndex]);
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;