@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.
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 -9
  8. package/cjs/FocusGroup/FocusGroupManager.js +3 -3
  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 +5 -0
  15. package/cjs/ScrollSync/ScrollSyncPane.js +10 -2
  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 +7 -2
  21. package/cjs/toolbar/ToolbarProvider.js +30 -21
  22. package/cjs/useDataGrid/VolatileRowsListener.js +5 -2
  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 -6
  38. package/esm/FocusGroup/FocusGroupManager.js +1 -1
  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 +5 -0
  45. package/esm/ScrollSync/ScrollSyncPane.js +10 -2
  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 +7 -2
  51. package/esm/toolbar/ToolbarProvider.js +29 -20
  52. package/esm/useDataGrid/VolatileRowsListener.js +4 -1
  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
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;
@@ -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 { get, isFunction } from '@elliemae/ds-utilities/utils';
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, ...args) => {
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 = (hotKeys = {}, params, getContainer = () => document) => {
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 = (hotKeys = {}) => {
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(options = {}) {
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, props = {}) {
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/utils';
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, options = {}) {
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(ref = {}, props) {
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 = (ref = {}, props) => {
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
- grid,
4
- currentRow = 0,
5
- currentCell = 0,
6
- directionY,
7
- directionX,
8
- shouldWrapCells,
9
- shouldWrapRows
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
- prevValue
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, ...rest) {
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
- render
11
- }) => /*#__PURE__*/_jsx(Consumer, {}, void 0, context => render(context));
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 };