@elliemae/ds-utilities 2.0.0-next.9 → 2.0.0-rc.1

package/cjs/compose.js

@@ -2,6 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+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/web.dom-collections.iterator.js');
 
 /**
@@ -14,7 +17,11 @@ require('core-js/modules/web.dom-collections.iterator.js');
  * from right to left. For example, compose(f, g, h) is identical to doing
  * (...args) => f(g(h(...args))).
  */
-function compose(...funcs) {
+function compose() {
+  for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {
+    funcs[_key] = arguments[_key];
+  }
+
   if (funcs.length === 0) {
     return arg => arg;
   }
@@ -23,7 +30,9 @@ function compose(...funcs) {
     return funcs[0];
   }
 
-  return funcs.reduce((a, b) => (...args) => a(b(...args)));
+  return funcs.reduce((a, b) => function () {
+    return a(b(...arguments));
+  });
 }
 
 exports.compose = compose;

package/cjs/getComponentFromProps.js

@@ -2,6 +2,11 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('core-js/modules/web.dom-collections.iterator.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');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -13,7 +18,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 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; }
-function getComponentFromProps(Component, props, children = []) {
+function getComponentFromProps(Component, props) {
+  let children = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   if (!Component) return null;
   const componentChildren = Component.props ? Array.isArray(Component.props.children) ? Component.props.children : [Component.props.children] : null;
   return typeof Component === 'function' ? /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, props), {}, {

package/cjs/hooks/index.js

@@ -2,15 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
 var useMeasure = require('use-measure');
 var useExecutionTimer = require('./useExecutionTimer.js');
+var useExpandState = require('./useExpandState.js');
+var useHotkeys = require('./useHotkeys.js');
+var useHoverHandlersDelay = require('./useHoverHandlersDelay.js');
+var useResizeObserver = require('./useResizeObserver.js');
+var useShouldRecalculate = require('./useShouldRecalculate.js');
+var useWindowScrollerList = require('./useWindowScrollerList.js');
+var useWindowSize = require('./useWindowSize.js');
 var useForceUpdate = require('use-force-update');
 var useOnclickoutside = require('use-onclickoutside');
 var uncontrollable = require('uncontrollable');
 var usePrevious = require('./usePrevious.js');
 var useCancellableDelayedCallback = require('./useCancellableDelayedCallback.js');
+var useDerivedStateFromProps = require('./useDerivedStateFromProps.js');
+var useSetRef = require('./useSetRef.js');
+var useParentElement = require('./useParentElement.js');
+var useOnElementResize = require('./useOnElementResize.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -18,39 +27,35 @@ var useMeasure__default = /*#__PURE__*/_interopDefaultLegacy(useMeasure);
 var useForceUpdate__default = /*#__PURE__*/_interopDefaultLegacy(useForceUpdate);
 var useOnclickoutside__default = /*#__PURE__*/_interopDefaultLegacy(useOnclickoutside);
 
-function useParentElement(ref) {
-  const [parent, setParent] = React.useState(ref.current);
-  React.useEffect(() => {
-    if (ref.current) setParent(ref.current.parentNode);
-  });
-  return parent;
-}
-function useSetRef(initial) {
-  const ref = React.useRef(initial);
-  const setRef = React.useCallback(node => {
-    ref.current = node;
-  }, []);
-  return [ref, setRef];
-}
+
 
 Object.defineProperty(exports, 'useMeasure', {
-  enumerable: true,
-  get: function () { return useMeasure__default["default"]; }
+	enumerable: true,
+	get: function () { return useMeasure__default["default"]; }
 });
 exports.useExecutionTimer = useExecutionTimer;
+exports.useExpandState = useExpandState;
+exports.useHotkeys = useHotkeys;
+exports.useHoverHandlersDelay = useHoverHandlersDelay;
+exports.useResizeObserver = useResizeObserver;
+exports.useShouldRecalculate = useShouldRecalculate;
+exports.useWindowScrollerList = useWindowScrollerList;
+exports.useWindowSize = useWindowSize;
 Object.defineProperty(exports, 'useForceUpdate', {
-  enumerable: true,
-  get: function () { return useForceUpdate__default["default"]; }
+	enumerable: true,
+	get: function () { return useForceUpdate__default["default"]; }
 });
 Object.defineProperty(exports, 'useOnClickOutside', {
-  enumerable: true,
-  get: function () { return useOnclickoutside__default["default"]; }
+	enumerable: true,
+	get: function () { return useOnclickoutside__default["default"]; }
 });
 Object.defineProperty(exports, 'useUncontrolled', {
-  enumerable: true,
-  get: function () { return uncontrollable.useUncontrolled; }
+	enumerable: true,
+	get: function () { return uncontrollable.useUncontrolled; }
 });
 exports.usePrevious = usePrevious;
 exports.useCancellableDelayedCallback = useCancellableDelayedCallback;
-exports.useParentElement = useParentElement;
-exports.useSetRef = useSetRef;
+exports.useDerivedStateFromProps = useDerivedStateFromProps;
+exports.useSetRef = useSetRef.useSetRef;
+exports.useParentElement = useParentElement.useParentElement;
+exports.useOnElementResize = useOnElementResize.useOnElementResize;

package/cjs/hooks/useCancellableDelayedCallback.js

@@ -13,7 +13,11 @@ function useCancellableDelayedCallback(cb, delay) {
       clearTimeout(timeoutId);
     }
   }, [timeoutRef]);
-  const delayedCb = React.useCallback((...args) => {
+  const delayedCb = React.useCallback(function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
     timeoutRef.current = setTimeout(() => cb(...args), delay);
   }, [cb, delay]);
   return [delayedCb, cancel];

package/cjs/hooks/useDerivedStateFromProps.js

@@ -3,15 +3,23 @@
 require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 require('@babel/runtime/helpers/defineProperty');
+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.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
 var lodash = require('lodash');
 
 const defaultPropUpdateOnChange = prop => prop;
 
-function defaultShouldUpdate({
-  prop,
-  prevProp,
-  stateValue
-}) {
+function defaultShouldUpdate(_ref) {
+  let {
+    prop,
+    prevProp,
+    stateValue
+  } = _ref;
   return !lodash.isEqual(prop, prevProp) && !lodash.isEqual(prop, stateValue);
 }
 
@@ -21,7 +29,8 @@ function setStateWithUpdate(onUpdate, setState) {
   };
 }
 
-function useDerivedStateFromProp(prop, options = {}) {
+function useDerivedStateFromProp(prop) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const {
     onUpdate = defaultPropUpdateOnChange,
     shouldUpdate = defaultShouldUpdate,

package/cjs/hooks/useExecutionTimer.js

@@ -7,12 +7,20 @@ function useExecutionDelay(startFn, cleanFn, delayTime) {
   const startTimer = React.useRef();
   const closeTimer = React.useRef();
 
-  const startFunction = (...args) => {
+  const startFunction = function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
     clearTimeout(closeTimer.current);
     startTimer.current = setTimeout(() => startFn(...args), delayTime);
   };
 
-  const cleanFunction = (...args) => {
+  const cleanFunction = function () {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
     clearTimeout(startTimer.current);
     closeTimer.current = setTimeout(() => cleanFn(...args), 30);
   };

package/cjs/hooks/useExpandState.js

@@ -2,7 +2,14 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('core-js/modules/web.dom-collections.iterator.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.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
 var React = require('react');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 var lodash = require('lodash');
 var useDerivedStateFromProps = require('./useDerivedStateFromProps.js');
 
@@ -28,20 +35,22 @@ const toggleStateInObject = (obj, key, value) => {
 
 const noop = () => null;
 
-function useExpandState({
-  items = [],
-  itemKey = 'id',
-  expanded: expandedProp = {},
-  onExpand,
-  onExpandChange = noop,
-  onExpandAll = noop,
-  onToggleExpand,
-  onCollapse
-}) {
+function useExpandState(_ref) {
+  let {
+    items = [],
+    itemKey = 'id',
+    expanded: expandedProp = {},
+    onExpand,
+    onExpandChange = noop,
+    onExpandAll = noop,
+    onToggleExpand,
+    onCollapse
+  } = _ref;
   const [expanded, setExpanded] = useDerivedStateFromProps(expandedProp);
   const isExpandedAll = React.useMemo(() => Object.keys(expanded).length === items.length, [expanded, items]);
 
-  const toggleExpandAll = (stateData = true) => {
+  const toggleExpandAll = function () {
+    let stateData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
     setExpanded(() => {
       const nextState = {};
 
@@ -57,7 +66,8 @@ function useExpandState({
     });
   };
 
-  const expand = (item, stateData = true) => {
+  const expand = function (item) {
+    let stateData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     if (!item) return;
 
     if (lodash.isFunction(onExpand)) {
@@ -76,7 +86,9 @@ function useExpandState({
     });
   };
 
-  const toggleExpand = (item, stateData = true) => {
+  const toggleExpand = function (item) {
+    let stateData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+
     if (lodash.isFunction(onToggleExpand)) {
       onToggleExpand(item);
     }

package/cjs/hooks/useHotkeys.js

@@ -8,11 +8,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var hotkeys__default = /*#__PURE__*/_interopDefaultLegacy(hotkeys);
 
-function useHotkeys({
-  keys,
-  handler,
-  options = {}
-}, deps = []) {
+function useHotkeys(_ref) {
+  let {
+    keys,
+    handler,
+    options = {}
+  } = _ref;
+  let deps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   const memoizedCallback = React.useCallback(handler, deps);
   React.useEffect(() => {
     hotkeys__default["default"](keys, options, memoizedCallback);

package/cjs/hooks/useHoverHandlersDelay.js

@@ -2,12 +2,13 @@
 
 var React = require('react');
 
-function useHoverHandlersDelay({
-  onMouseOver,
-  onMouseLeave,
-  hideDelay = 300,
-  showDelay = 300
-}) {
+function useHoverHandlersDelay(_ref) {
+  let {
+    onMouseOver,
+    onMouseLeave,
+    hideDelay = 300,
+    showDelay = 300
+  } = _ref;
   const hideTimer = React.useRef();
   const showTimer = React.useRef();
   const delayedHide = React.useCallback(() => {

package/cjs/hooks/useOnElementResize.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+
+// Taken and modified from https://stackoverflow.com/a/60218754
+
+const useOnElementResize = targetRef => {
+  var _targetRef$current, _targetRef$current2;
+
+  const [width, setWidth] = React.useState(targetRef.current ? (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.offsetWidth : 0);
+  const [height, setHeight] = React.useState(targetRef.current ? (_targetRef$current2 = targetRef.current) === null || _targetRef$current2 === void 0 ? void 0 : _targetRef$current2.offsetWidth : 0);
+  const observer = React.useRef(null);
+  React.useEffect(() => {
+    function outputsize() {
+      var _targetRef$current3, _targetRef$current4;
+
+      setWidth((_targetRef$current3 = targetRef.current) === null || _targetRef$current3 === void 0 ? void 0 : _targetRef$current3.offsetWidth);
+      setHeight((_targetRef$current4 = targetRef.current) === null || _targetRef$current4 === void 0 ? void 0 : _targetRef$current4.offsetHeight);
+    }
+
+    observer.current = new ResizeObserver(outputsize).observe(targetRef.current);
+    return () => {
+      var _observer$current;
+
+      (_observer$current = observer.current) === null || _observer$current === void 0 ? void 0 : _observer$current.disconnect();
+    };
+  }, [targetRef]);
+  return React.useMemo(() => ({
+    width,
+    height
+  }), [width, height]);
+};
+
+exports.useOnElementResize = useOnElementResize;

package/cjs/hooks/useParentElement.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+
+const useParentElement = ref => {
+  const [parent, setParent] = React.useState(ref.current);
+  React.useEffect(() => {
+    if (ref.current) setParent(ref.current.parentNode);
+  });
+  return parent;
+};
+
+exports.useParentElement = useParentElement;

package/cjs/hooks/useSetRef.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const useSetRef = initial => {
+  const ref = React.useRef(initial);
+  const setRef = React.useCallback(node => {
+    ref.current = node;
+  }, []);
+  return [ref, setRef];
+};
+
+exports.useSetRef = useSetRef;

package/cjs/hooks/useWindowScrollerList.js

@@ -2,10 +2,11 @@
 
 var React = require('react');
 
-function getScrollOffset(element = {
-  scrollTop: 0,
-  scrollLeft: 0
-}) {
+function getScrollOffset() {
+  let element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    scrollTop: 0,
+    scrollLeft: 0
+  };
   return {
     top: element.scrollTop,
     left: element.scrollLeft
@@ -26,10 +27,11 @@ function isParent(parentNode, childNode) {
   return childNode.parentNode === parentNode || childNode.parentNode && isParent(parentNode, childNode.parentNode);
 }
 
-function useWindowScrollerList({
-  listInstance,
-  outerListRef
-}) {
+function useWindowScrollerList(_ref) {
+  let {
+    listInstance,
+    outerListRef
+  } = _ref;
   const scrollableParent = React.useRef();
   const listOffset = React.useRef();