@elliemae/ds-shared 2.0.0-alpha.10 → 2.0.0-alpha.14

package/cjs/useDataGrid/initColumnDefinition.js

@@ -4,10 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/es.string.replace.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 require('react');
 var uuid = require('uuid');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -18,15 +24,16 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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; }
 
-const appendHeaderFormatter = utils.curry((formatter, column) => _objectSpread(_objectSpread({}, column), {}, {
+const appendHeaderFormatter = dsUtilities.curry((formatter, column) => _objectSpread(_objectSpread({}, column), {}, {
   header: _objectSpread(_objectSpread({}, column.header), {}, {
-    formatters: [...utils.get(column, 'header.formatters', []), formatter]
+    formatters: [...dsUtilities.get(column, 'header.formatters', []), formatter]
   })
 }));
-const appendCellFormatter = utils.curry((formatter, column, path = 'formatters') => {
-  const nextColumn = utils.cloneDeep(column);
-  const formatters = utils.get(nextColumn, ['cell', path], []);
-  const scrollingFormatters = utils.get(nextColumn, 'cell.scrollingFormatters', []);
+const appendCellFormatter = dsUtilities.curry(function (formatter, column) {
+  let path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'formatters';
+  const nextColumn = dsUtilities.cloneDeep(column);
+  const formatters = dsUtilities.get(nextColumn, ['cell', path], []);
+  const scrollingFormatters = dsUtilities.get(nextColumn, 'cell.scrollingFormatters', []);
 
   if (Array.isArray(formatter)) {
     if (formatter[1]) scrollingFormatters.push(formatter[1]);
@@ -36,8 +43,8 @@ const appendCellFormatter = utils.curry((formatter, column, path = 'formatters')
     scrollingFormatters.push(formatter);
   }
 
-  utils.set(nextColumn, ['cell', path], formatters);
-  utils.set(nextColumn, 'cell.scrollingFormatters', scrollingFormatters);
+  dsUtilities.set(nextColumn, ['cell', path], formatters);
+  dsUtilities.set(nextColumn, 'cell.scrollingFormatters', scrollingFormatters);
   return nextColumn;
 });
 const defaultColumnDefinitionOptions = {
@@ -46,18 +53,19 @@ const defaultColumnDefinitionOptions = {
   isUserColumn: true,
   visible: true
 };
-const mergeClassNameToColumnHeader = utils.curry((className, column) => {
-  const headerProps = utils.get(column, ['header', 'props'], {});
+const mergeClassNameToColumnHeader = dsUtilities.curry((className, column) => {
+  const headerProps = dsUtilities.get(column, ['header', 'props'], {});
   const headerClassName = headerProps.className || '';
   return _objectSpread(_objectSpread({}, column), {}, {
     header: _objectSpread(_objectSpread({}, column.header), {}, {
       props: _objectSpread(_objectSpread({}, headerProps), {}, {
-        className: `${headerClassName} ${className}`
+        className: "".concat(headerClassName, " ").concat(className)
       })
     })
   });
 });
-function initColumnDefinition(options = {}) {
+function initColumnDefinition() {
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   // eslint-disable-next-line complexity
   return column => {
     // todo: clean this
@@ -89,13 +97,13 @@ function initColumnDefinition(options = {}) {
 
     column.header = _objectSpread(_objectSpread({}, column.header), {}, {
       label: column.label,
-      formatters: [...utils.get(column, ['header', 'formatters'], [])],
+      formatters: [...dsUtilities.get(column, ['header', 'formatters'], [])],
       props: {
         style: column.headerStyle || {}
       }
     });
 
-    if (useTextTruncation && !(utils.isFunction(column.customHeaderRenderer) || column.header.formatters.length)) {
+    if (useTextTruncation && !(dsUtilities.isFunction(column.customHeaderRenderer) || column.header.formatters.length)) {
       column.header.formatters.push(value => /*#__PURE__*/_jsx__default["default"]("span", {
         className: "cell-value"
       }, void 0, value));
@@ -104,14 +112,14 @@ function initColumnDefinition(options = {}) {
 
     column.cell = _objectSpread(_objectSpread({}, column.cell), {}, {
       transforms: [],
-      formatters: [...utils.get(column, ['cell', 'formatters'], [])],
-      scrollingFormatters: [...utils.get(column, ['cell', 'formatters'], [])],
+      formatters: [...dsUtilities.get(column, ['cell', 'formatters'], [])],
+      scrollingFormatters: [...dsUtilities.get(column, ['cell', 'formatters'], [])],
       props: {
         style: column.cellStyle || {}
       }
     });
 
-    if (useTextTruncation && !(utils.isFunction(column.customRenderer) || column.cell.formatters.length)) {
+    if (useTextTruncation && !(dsUtilities.isFunction(column.customRenderer) || column.cell.formatters.length)) {
       column.cell.formatters.push(value => /*#__PURE__*/_jsx__default["default"]("span", {
         className: "cell-value",
         style: {

package/cjs/useDataGrid/useDataGrid.js

@@ -2,15 +2,22 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var utils$1 = require('@elliemae/ds-utilities/utils');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+var dsUtilities = require('@elliemae/ds-utilities');
 var React = require('react');
 var uuid = require('uuid');
 var resolve = require('table-resolver');
-var useDerivedStateFromProps = require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
-var usePrevious = require('@elliemae/ds-utilities/hooks/usePrevious');
-var system = require('@elliemae/ds-utilities/system');
 var initColumnDefinition = require('./initColumnDefinition.js');
-var utils$2 = require('../createDataInstance/utils.js');
+var utils$1 = require('../createDataInstance/utils.js');
 var VolatileRowsListener = require('./VolatileRowsListener.js');
 var utils = require('../utils.js');
 
@@ -37,8 +44,6 @@ function _interopNamespace(e) {
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var resolve__namespace = /*#__PURE__*/_interopNamespace(resolve);
-var useDerivedStateFromProps__default = /*#__PURE__*/_interopDefaultLegacy(useDerivedStateFromProps);
-var usePrevious__default = /*#__PURE__*/_interopDefaultLegacy(usePrevious);
 
 const _excluded = ["uuid", "plugins", "rows", "columns", "renderers"];
 
@@ -73,15 +78,15 @@ function useDataGrid(_ref) {
 
   const [RowsObserver] = React.useState(() => new VolatileRowsListener()); // todo move this with rows composition
 
-  const [originalRows, updateRows] = useDerivedStateFromProps__default["default"](rows, {
+  const [originalRows, updateRows] = dsUtilities.useDerivedStateFromProps(rows, {
     onUpdate: resolve__namespace.resolve({
       columns,
-      method: extra => utils$1.compose(resolve__namespace.byFunction('valueTransformation')(extra), resolve__namespace.nested(extra))
+      method: extra => dsUtilities.compose(resolve__namespace.byFunction('valueTransformation')(extra), resolve__namespace.nested(extra))
     }),
     updateOnStateChange: true
   });
   instance.current = {
-    decoratedRenderers: utils$1.cloneDeep(renderers),
+    decoratedRenderers: dsUtilities.cloneDeep(renderers),
     decoratedColumns: columns,
     columns,
     rows,
@@ -160,18 +165,21 @@ function useDataGrid(_ref) {
     });
   }, instance.current);
 
-  const reduceHotKey = (nextInstance, {
-    key,
-    handler,
-    options
-  }) => _objectSpread(_objectSpread({}, nextInstance), {}, {
-    hotKeys: _objectSpread(_objectSpread({}, nextInstance.hotKeys), {}, {
-      [key]: {
-        handler,
-        options
-      }
-    })
-  });
+  const reduceHotKey = (nextInstance, _ref2) => {
+    let {
+      key,
+      handler,
+      options
+    } = _ref2;
+    return _objectSpread(_objectSpread({}, nextInstance), {}, {
+      hotKeys: _objectSpread(_objectSpread({}, nextInstance.hotKeys), {}, {
+        [key]: {
+          handler,
+          options
+        }
+      })
+    });
+  };
 
   instance.current = decorators.registerHotKeys.reduce((nextInstance, decorator) => {
     const hotKeys = decorator(nextInstance);
@@ -182,28 +190,28 @@ function useDataGrid(_ref) {
 
     return reduceHotKey(nextInstance, hotKeys);
   }, instance.current);
-  instance.current.decoratedRenderers = utils$2.applyDecorators(instance.current.decoratedRenderers, decorators.decorateRenderers, instance.current);
+  instance.current.decoratedRenderers = utils$1.applyDecorators(instance.current.decoratedRenderers, decorators.decorateRenderers, instance.current);
   instance.current.decoratedColumns = React.useMemo(() => {
-    const visibleColumns = utils$1.cloneDeep(columns).filter(column => typeof column.visible === 'undefined' || column.visible);
-    return visibleColumns.length ? utils$2.decorateColumns(visibleColumns, decorators, instance.current) : [];
+    const visibleColumns = dsUtilities.cloneDeep(columns).filter(column => typeof column.visible === 'undefined' || column.visible);
+    return visibleColumns.length ? utils$1.decorateColumns(visibleColumns, decorators, instance.current) : [];
   }, [columns]);
-  instance.current.getBodyProps = utils$2.reducePropsGetter(decorators.getBodyProps, instance.current);
-  instance.current.getHeaderProps = utils$2.reducePropsGetter(decorators.getHeaderProps, instance.current);
-  instance.current.getRowProps = utils$2.reducePropsGetter(decorators.getRowProps, instance.current);
-  instance.current.getHeaderRowProps = utils$2.reducePropsGetter(decorators.getHeaderRowProps, instance.current);
-  instance.current.getTableProps = utils$2.reducePropsGetter(decorators.getTableProps, instance.current);
+  instance.current.getBodyProps = utils$1.reducePropsGetter(decorators.getBodyProps, instance.current);
+  instance.current.getHeaderProps = utils$1.reducePropsGetter(decorators.getHeaderProps, instance.current);
+  instance.current.getRowProps = utils$1.reducePropsGetter(decorators.getRowProps, instance.current);
+  instance.current.getHeaderRowProps = utils$1.reducePropsGetter(decorators.getHeaderRowProps, instance.current);
+  instance.current.getTableProps = utils$1.reducePropsGetter(decorators.getTableProps, instance.current);
   instance.current.composedRows = decorators.composeRows.reduce((nextRows, getter) => getter(nextRows, instance.current), instance.current.composedRows);
   RowsObserver.notify(instance.current.composedRows);
   const currentShouldRefocus = instance.current.shouldRefocus.current;
-  const prevState = usePrevious__default["default"](instance.current.state);
+  const prevState = dsUtilities.usePrevious(instance.current.state);
 
-  if (utils$1.isObject(currentShouldRefocus) && currentShouldRefocus.forced) {
+  if (dsUtilities.isObject(currentShouldRefocus) && currentShouldRefocus.forced) {
     instance.current.shouldRefocus.current = currentShouldRefocus.value;
   } else {
-    instance.current.shouldRefocus.current = !utils$1.isEqual(prevState, instance.current.state);
+    instance.current.shouldRefocus.current = !dsUtilities.isEqual(prevState, instance.current.state);
   }
 
-  if (props.instanceRef) system.setRef(props.instanceRef, instance.current);
+  if (props.instanceRef) dsUtilities.setRef(props.instanceRef, instance.current);
   return _objectSpread(_objectSpread({}, instance.current), {}, {
     decorators
   });

package/cjs/useDataList/recordIterator.js

@@ -6,7 +6,10 @@ const defaultStrategy = () => {
   throw Error('Implement an iterator strategy for record iterator');
 };
 
-function recordIterator(records, strategy = defaultStrategy, decorators = [], instance) {
+function recordIterator(records) {
+  let strategy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultStrategy;
+  let decorators = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  let instance = arguments.length > 3 ? arguments[3] : undefined;
   const nextRows = [];
   strategy({
     data: records,

package/cjs/useDataList/useDataList.js

@@ -4,8 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
-var system = require('@elliemae/ds-utilities/system');
+var dsUtilities = require('@elliemae/ds-utilities');
 var get = require('lodash/get');
 var utils = require('../createDataInstance/utils.js');
 var recordIterator = require('./recordIterator.js');
@@ -22,8 +30,14 @@ const _excluded = ["data", "plugins", "renderers", "itemRenderer", "customDecora
 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; }
 
 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; }
-const getItemLabel = (record, nameKey = 'name') => get__default["default"](record, ['data', nameKey]);
-const getItemChildren = (record, childrenKey = 'children') => get__default["default"](record, ['data', childrenKey]);
+const getItemLabel = function (record) {
+  let nameKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'name';
+  return get__default["default"](record, ['data', nameKey]);
+};
+const getItemChildren = function (record) {
+  let childrenKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
+  return get__default["default"](record, ['data', childrenKey]);
+};
 const listRenderers = {
   list: 'ul',
   item: 'li'
@@ -79,7 +93,7 @@ function useDataList(_ref) {
     nextRecords = decorators.records.reduce((nextRows, getter) => getter(nextRows, instance.current), nextRecords);
     return nextRecords;
   });
-  if (props.instanceRef) system.setRef(props.instanceRef, instance.current);
+  if (props.instanceRef) dsUtilities.setRef(props.instanceRef, instance.current);
   return instance.current;
 }
 

package/cjs/utils.js

@@ -3,6 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -69,7 +76,7 @@ const getTotalScroll = elem => {
   };
 };
 const getTransformProps = (x, y) => ({
-  transform: `translate(${x}px, ${y}px)`
+  transform: "translate(".concat(x, "px, ").concat(y, "px)")
 });
 const listWithChildren = (list, childrenProp) => list.map(item => _objectSpread(_objectSpread({}, item), {}, {
   [childrenProp]: item[childrenProp] ? listWithChildren(item[childrenProp], childrenProp) : []

package/cjs/virtualization/AutoHeightList.js

@@ -2,20 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var reactWindow = require('react-window');
-var utils = require('@elliemae/ds-utilities/utils');
-var system = require('@elliemae/ds-utilities/system');
-var useWindowScrollerList = require('@elliemae/ds-utilities/hooks/useWindowScrollerList');
+var dsUtilities = require('@elliemae/ds-utilities');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var useWindowScrollerList__default = /*#__PURE__*/_interopDefaultLegacy(useWindowScrollerList);
 
 const _excluded = ["itemCount", "className", "innerRef", "itemData", "itemKey", "itemSize", "outerRef", "component"];
 
@@ -37,20 +39,20 @@ const AutoHeightList = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 
   const listRef = React.useRef();
   const outerListRef = React.useRef();
-  useWindowScrollerList__default["default"]({
+  dsUtilities.useWindowScrollerList({
     listInstance: listRef,
     outerListRef
   });
   return /*#__PURE__*/jsxRuntime.jsx(ListComponent, _objectSpread(_objectSpread({}, otherProps), {}, {
-    ref: system.mergeRefs(ref, listRef),
-    className: utils.cx(className, 'window-scroller-override'),
+    ref: dsUtilities.mergeRefs(ref, listRef),
+    className: dsUtilities.cx(className, 'window-scroller-override'),
     height: window.innerHeight,
     innerRef: innerRef,
     itemCount: itemCount,
     itemData: itemData,
     itemKey: itemKey,
     itemSize: itemSize,
-    outerRef: system.mergeRefs(outerListRef, outerRef),
+    outerRef: dsUtilities.mergeRefs(outerListRef, outerRef),
     overscanCount: 10,
     useIsScrolling: true
   }));

package/cjs/virtualization/FluidHeightList.js

@@ -2,6 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
@@ -29,13 +34,16 @@ const FluidHeightList = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 
   return /*#__PURE__*/_jsx__default["default"](AutoSizer__default["default"], {
     disableWidth: true
-  }, void 0, ({
-    height: fluidHeight
-  }) => /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
-    ref: ref,
-    height: fluidHeight - 32 // taking in count the margins of the list
-
-  })));
+  }, void 0, _ref2 => {
+    let {
+      height: fluidHeight
+    } = _ref2;
+    return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
+      ref: ref,
+      height: fluidHeight - 32 // taking in count the margins of the list
+
+    }));
+  });
 });
 
 exports.FluidHeightList = FluidHeightList;

package/cjs/virtualization/index.js

@@ -5,12 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var FluidHeightList = require('./FluidHeightList.js');
 var AutoHeightList = require('./AutoHeightList.js');
 
-function getVirtualListComponent({
-  component: Component,
-  fluid,
-  height,
-  autoHeight
-}) {
+function getVirtualListComponent(_ref) {
+  let {
+    component: Component,
+    fluid,
+    height,
+    autoHeight
+  } = _ref;
   if (autoHeight) return AutoHeightList.AutoHeightList;
   if (fluid) return FluidHeightList.FluidHeightList;
   return Component;

package/esm/Animations/BaseAnimation.js

@@ -1,26 +1,30 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import { Transition } from 'react-spring/renderprops';
 
-const BaseAnimation = ({
-  keys = undefined,
-  items = [],
-  duration = 100,
-  enter = {},
-  from = {},
-  leave = {},
-  onRest = () => null,
-  children
-}) => /*#__PURE__*/_jsx(Transition, {
-  config: {
-    duration
-  },
-  enter: enter,
-  from: from,
-  items: items,
-  keys: keys,
-  leave: leave,
-  onRest: onRest
-}, void 0, children);
+const BaseAnimation = _ref => {
+  let {
+    keys = undefined,
+    items = [],
+    duration = 100,
+    enter = {},
+    from = {},
+    leave = {},
+    onRest = () => null,
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx(Transition, {
+    config: {
+      duration
+    },
+    enter: enter,
+    from: from,
+    items: items,
+    keys: keys,
+    leave: leave,
+    onRest: onRest
+  }, void 0, children);
+};
 
 export { BaseAnimation as default };

package/esm/Animations/Grow.js

@@ -1,32 +1,36 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import BaseAnimation from './BaseAnimation.js';
 
-const Grow = ({
-  keys = undefined,
-  duration,
-  items = undefined,
-  from = 0,
-  to = 1,
-  children,
-  onRest = () => null
-}) => /*#__PURE__*/_jsx(BaseAnimation, {
-  duration: duration,
-  enter: {
-    opacity: 1,
-    transform: `scale(${to})`
-  },
-  from: {
-    opacity: 0,
-    transform: `scale(${from})`
-  },
-  items: items,
-  keys: keys,
-  leave: {
-    opacity: 0,
-    transform: `scale(${from})`
-  },
-  onRest: onRest
-}, void 0, children);
+const Grow = _ref => {
+  let {
+    keys = undefined,
+    duration,
+    items = undefined,
+    from = 0,
+    to = 1,
+    children,
+    onRest = () => null
+  } = _ref;
+  return /*#__PURE__*/_jsx(BaseAnimation, {
+    duration: duration,
+    enter: {
+      opacity: 1,
+      transform: "scale(".concat(to, ")")
+    },
+    from: {
+      opacity: 0,
+      transform: "scale(".concat(from, ")")
+    },
+    items: items,
+    keys: keys,
+    leave: {
+      opacity: 0,
+      transform: "scale(".concat(from, ")")
+    },
+    onRest: onRest
+  }, void 0, children);
+};
 
 export { Grow as default };

package/esm/Animations/GrowRight.js

@@ -1,32 +1,36 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import BaseAnimation from './BaseAnimation.js';
 
-const GrowRight = ({
-  keys = undefined,
-  items = undefined,
-  duration = 200,
-  from = 0,
-  to = 1,
-  children,
-  onRest = () => null
-}) => /*#__PURE__*/_jsx(BaseAnimation, {
-  duration: duration,
-  enter: {
-    opacity: `${to}`,
-    transform: 'translateX(0px)'
-  },
-  from: {
-    opacity: `${from}`,
-    transform: 'translateX(100%)'
-  },
-  items: items,
-  keys: keys,
-  leave: {
-    opacity: `${from}`,
-    transform: 'translateX(100%)'
-  },
-  onRest: onRest
-}, void 0, children);
+const GrowRight = _ref => {
+  let {
+    keys = undefined,
+    items = undefined,
+    duration = 200,
+    from = 0,
+    to = 1,
+    children,
+    onRest = () => null
+  } = _ref;
+  return /*#__PURE__*/_jsx(BaseAnimation, {
+    duration: duration,
+    enter: {
+      opacity: "".concat(to),
+      transform: 'translateX(0px)'
+    },
+    from: {
+      opacity: "".concat(from),
+      transform: 'translateX(100%)'
+    },
+    items: items,
+    keys: keys,
+    leave: {
+      opacity: "".concat(from),
+      transform: 'translateX(100%)'
+    },
+    onRest: onRest
+  }, void 0, children);
+};
 
 export { GrowRight as default };

package/esm/Animations/GrowVertical.js

@@ -1,3 +1,4 @@
 import '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import 'react-spring/renderprops';