@elliemae/ds-shared 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/utils.js

@@ -1,95 +1,89 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var utils_exports = {};
-__export(utils_exports, {
-  closest: () => closest,
-  getAllNonEmptyNodesIds: () => getAllNonEmptyNodesIds,
-  getOffsetRect: () => getOffsetRect,
-  getTotalScroll: () => getTotalScroll,
-  getTransformProps: () => getTransformProps,
-  isArray: () => isArray,
-  isDefined: () => isDefined,
-  isFunction: () => isFunction,
-  isInternetExplorer: () => isInternetExplorer,
-  isNumber: () => isNumber,
-  isString: () => isString,
-  isUndefined: () => isUndefined,
-  listWithChildren: () => listWithChildren,
-  objectType: () => objectType
-});
-var React = __toESM(require("react"));
-const objectType = (obj) => Object.prototype.toString.call(obj).slice(8, -1);
-const isDefined = (param) => typeof param !== "undefined";
-const isUndefined = (param) => typeof param === "undefined";
-const isFunction = (param) => typeof param === "function";
-const isNumber = (param) => typeof param === "number" && !isNaN(param);
-const isString = (str) => objectType(str) === "String";
-const isArray = (arr) => objectType(arr) === "Array";
+'use strict';
+
+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 }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+/* eslint-disable no-cond-assign */
+const objectType = obj => Object.prototype.toString.call(obj).slice(8, -1);
+const isDefined = param => typeof param !== 'undefined';
+const isUndefined = param => typeof param === 'undefined';
+const isFunction = param => typeof param === 'function';
+const isNumber = param => typeof param === 'number' && !isNaN(param); // eslint-disable-line
+
+const isString = str => objectType(str) === 'String';
+const isArray = arr => objectType(arr) === 'Array';
 const closest = (target, selector) => {
+  // closest(e.target, '.field')
   while (target) {
-    if (target.matches && target.matches(selector))
-      return target;
-    if (target.msMatchesSelector && target.msMatchesSelector(selector))
-      return target;
+    // eslint-disable-line
+    if (target.matches && target.matches(selector)) return target;
+    if (target.msMatchesSelector && target.msMatchesSelector(selector)) return target; // eslint-disable-next-line no-param-reassign
+
     target = target.parentNode;
   }
+
   return null;
 };
-const getOffsetRect = (elem) => {
+const getOffsetRect = elem => {
+  // (1)
   const box = elem.getBoundingClientRect();
-  const { body, documentElement } = document;
+  const {
+    body,
+    documentElement
+  } = document; // (2)
+
   const scrollTop = window.pageYOffset || documentElement.scrollTop || body.scrollTop;
-  const scrollLeft = window.pageXOffset || documentElement.scrollLeft || body.scrollLeft;
+  const scrollLeft = window.pageXOffset || documentElement.scrollLeft || body.scrollLeft; // (3)
+
   const clientTop = documentElement.clientTop || body.clientTop || 0;
-  const clientLeft = documentElement.clientLeft || body.clientLeft || 0;
+  const clientLeft = documentElement.clientLeft || body.clientLeft || 0; // (4)
+
   const top = box.top + scrollTop - clientTop;
   const left = box.left + scrollLeft - clientLeft;
-  return { top: Math.round(top), left: Math.round(left) };
+  return {
+    top: Math.round(top),
+    left: Math.round(left)
+  };
 };
-const getTotalScroll = (elem) => {
+const getTotalScroll = elem => {
   let top = 0;
-  let left = 0;
+  let left = 0; // eslint-disable-next-line no-param-reassign
+
   while (elem = elem.parentNode) {
     top += elem.scrollTop || 0;
     left += elem.scrollLeft || 0;
   }
-  return { top, left };
+
+  return {
+    top,
+    left
+  };
 };
 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) => ({
-  ...item,
+const listWithChildren = (list, childrenProp) => list.map(item => _objectSpread(_objectSpread({}, item), {}, {
   [childrenProp]: item[childrenProp] ? listWithChildren(item[childrenProp], childrenProp) : []
 }));
 const getAllNonEmptyNodesIds = (items, childrenProp) => {
   let childrenIds = [];
-  const ids = items.filter((item) => item[childrenProp].length).map((item) => {
+  const ids = items.filter(item => item[childrenProp].length).map(item => {
     childrenIds = childrenIds.concat(getAllNonEmptyNodesIds(item[childrenProp], childrenProp));
     return item.id;
   });
@@ -97,11 +91,26 @@ const getAllNonEmptyNodesIds = (items, childrenProp) => {
 };
 const isInternetExplorer = () => {
   const ua = window.navigator.userAgent;
-  const msie = ua.indexOf("MSIE ");
+  const msie = ua.indexOf('MSIE '); // If Internet Explorer, return version number
+
   if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv:11\./)) {
     return true;
   }
+
   return false;
 };
-module.exports = __toCommonJS(utils_exports);
-//# sourceMappingURL=utils.js.map
+
+exports.closest = closest;
+exports.getAllNonEmptyNodesIds = getAllNonEmptyNodesIds;
+exports.getOffsetRect = getOffsetRect;
+exports.getTotalScroll = getTotalScroll;
+exports.getTransformProps = getTransformProps;
+exports.isArray = isArray;
+exports.isDefined = isDefined;
+exports.isFunction = isFunction;
+exports.isInternetExplorer = isInternetExplorer;
+exports.isNumber = isNumber;
+exports.isString = isString;
+exports.isUndefined = isUndefined;
+exports.listWithChildren = listWithChildren;
+exports.objectType = objectType;

package/cjs/virtualization/AutoHeightList.js

@@ -1,69 +1,61 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var AutoHeightList_exports = {};
-__export(AutoHeightList_exports, {
-  AutoHeightList: () => AutoHeightList
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_window = require("react-window");
-var import_ds_utilities = require("@elliemae/ds-utilities");
-const AutoHeightList = (0, import_react.forwardRef)(({
-  itemCount,
-  className,
-  innerRef,
-  itemData,
-  itemKey,
-  itemSize,
-  outerRef,
-  component: ListComponent = import_react_window.FixedSizeList,
-  ...otherProps
-}, ref) => {
-  const listRef = (0, import_react.useRef)();
-  const outerListRef = (0, import_react.useRef)();
-  (0, import_ds_utilities.useWindowScrollerList)({
-    listInstance: listRef,
-    outerListRef
-  });
-  return /* @__PURE__ */ import_react.default.createElement(ListComponent, {
-    ...otherProps,
-    ref: (0, import_ds_utilities.mergeRefs)(ref, listRef),
-    className: (0, import_ds_utilities.cx)(className, "window-scroller-override"),
-    height: window.innerHeight,
-    innerRef,
+'use strict';
+
+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 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);
+
+const _excluded = ["itemCount", "className", "innerRef", "itemData", "itemKey", "itemSize", "outerRef", "component"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const AutoHeightList = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
     itemCount,
+    className,
+    innerRef,
     itemData,
     itemKey,
     itemSize,
-    outerRef: (0, import_ds_utilities.mergeRefs)(outerListRef, outerRef),
+    outerRef,
+    component: ListComponent = reactWindow.FixedSizeList
+  } = _ref,
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  const listRef = React.useRef();
+  const outerListRef = React.useRef();
+  dsUtilities.useWindowScrollerList({
+    listInstance: listRef,
+    outerListRef
+  });
+  return /*#__PURE__*/jsxRuntime.jsx(ListComponent, _objectSpread(_objectSpread({}, otherProps), {}, {
+    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: dsUtilities.mergeRefs(outerListRef, outerRef),
     overscanCount: 10,
     useIsScrolling: true
-  });
+  }));
 });
-module.exports = __toCommonJS(AutoHeightList_exports);
-//# sourceMappingURL=AutoHeightList.js.map
+
+exports.AutoHeightList = AutoHeightList;

package/cjs/virtualization/FluidHeightList.js

@@ -1,43 +1,49 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var FluidHeightList_exports = {};
-__export(FluidHeightList_exports, {
-  FluidHeightList: () => FluidHeightList
+'use strict';
+
+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');
+var React = require('react');
+var AutoSizer = require('react-virtualized-auto-sizer');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var AutoSizer__default = /*#__PURE__*/_interopDefaultLegacy(AutoSizer);
+
+const _excluded = ["component"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const FluidHeightList = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    component: Component
+  } = _ref,
+      props = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  return /*#__PURE__*/_jsx__default["default"](AutoSizer__default["default"], {
+    disableWidth: true
+  }, 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
+
+    }));
+  });
 });
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_virtualized_auto_sizer = __toESM(require("react-virtualized-auto-sizer"));
-const FluidHeightList = (0, import_react.forwardRef)(({ component: Component, ...props }, ref) => /* @__PURE__ */ import_react.default.createElement(import_react_virtualized_auto_sizer.default, {
-  disableWidth: true
-}, ({ height: fluidHeight }) => /* @__PURE__ */ import_react.default.createElement(Component, {
-  ...props,
-  ref,
-  height: fluidHeight - 32
-})));
-module.exports = __toCommonJS(FluidHeightList_exports);
-//# sourceMappingURL=FluidHeightList.js.map
+
+exports.FluidHeightList = FluidHeightList;

package/cjs/virtualization/index.js

@@ -1,50 +1,22 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var virtualization_exports = {};
-__export(virtualization_exports, {
-  AutoHeightList: () => import_AutoHeightList.AutoHeightList,
-  FluidHeightList: () => import_FluidHeightList.FluidHeightList,
-  getVirtualListComponent: () => getVirtualListComponent
-});
-var React = __toESM(require("react"));
-var import_FluidHeightList = require("./FluidHeightList");
-var import_AutoHeightList = require("./AutoHeightList");
-function getVirtualListComponent({
-  component: Component,
-  fluid,
-  height,
-  autoHeight
-}) {
-  if (autoHeight)
-    return import_AutoHeightList.AutoHeightList;
-  if (fluid)
-    return import_FluidHeightList.FluidHeightList;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var FluidHeightList = require('./FluidHeightList.js');
+var AutoHeightList = require('./AutoHeightList.js');
+
+function getVirtualListComponent(_ref) {
+  let {
+    component: Component,
+    fluid,
+    height,
+    autoHeight
+  } = _ref;
+  if (autoHeight) return AutoHeightList.AutoHeightList;
+  if (fluid) return FluidHeightList.FluidHeightList;
   return Component;
 }
-module.exports = __toCommonJS(virtualization_exports);
-//# sourceMappingURL=index.js.map
+
+exports.FluidHeightList = FluidHeightList.FluidHeightList;
+exports.AutoHeightList = AutoHeightList.AutoHeightList;
+exports.getVirtualListComponent = getVirtualListComponent;

package/esm/Animations/BaseAnimation.js

@@ -1,27 +1,30 @@
-import * as React from "react";
-import React2 from "react";
-import { Transition } from "react-spring/renderprops";
-const BaseAnimation = ({
-  keys = void 0,
-  items = [],
-  duration = 100,
-  enter = {},
-  from = {},
-  leave = {},
-  onRest = () => null,
-  children
-}) => /* @__PURE__ */ React2.createElement(Transition, {
-  config: { duration },
-  enter,
-  from,
-  items,
-  keys,
-  leave,
-  onRest
-}, children);
-var BaseAnimation_default = BaseAnimation;
-export {
-  BaseAnimation,
-  BaseAnimation_default as default
+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 = _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);
 };
-//# sourceMappingURL=BaseAnimation.js.map
+
+export { BaseAnimation as default };

package/esm/Animations/Grow.js

@@ -1,26 +1,36 @@
-import * as React from "react";
-import React2 from "react";
-import { BaseAnimation } from "./BaseAnimation";
-const Grow = ({
-  keys = void 0,
-  duration,
-  items = void 0,
-  from = 0,
-  to = 1,
-  children,
-  onRest = () => null
-}) => /* @__PURE__ */ React2.createElement(BaseAnimation, {
-  duration,
-  enter: { opacity: 1, transform: `scale(${to})` },
-  from: { opacity: 0, transform: `scale(${from})` },
-  items,
-  keys,
-  leave: { opacity: 0, transform: `scale(${from})` },
-  onRest
-}, children);
-var Grow_default = Grow;
-export {
-  Grow,
-  Grow_default as default
+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 = _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);
 };
-//# sourceMappingURL=Grow.js.map
+
+export { Grow as default };