@elliemae/ds-utilities 1.60.0 → 2.0.0-alpha.12

package/cjs/hooks/useOnElementResize.js

@@ -2,30 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-
 // Taken and modified from https://stackoverflow.com/a/60218754
 
-var useOnElementResize = function useOnElementResize(targetRef) {
+const useOnElementResize = targetRef => {
   var _targetRef$current, _targetRef$current2;
 
-  var _useState = React.useState(targetRef.current ? (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.offsetWidth : 0),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      width = _useState2[0],
-      setWidth = _useState2[1];
-
-  var _useState3 = React.useState(targetRef.current ? (_targetRef$current2 = targetRef.current) === null || _targetRef$current2 === void 0 ? void 0 : _targetRef$current2.offsetWidth : 0),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      height = _useState4[0],
-      setHeight = _useState4[1];
-
-  var observer = React.useRef(null);
-  React.useEffect(function () {
+  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;
 
@@ -34,19 +22,16 @@ var useOnElementResize = function useOnElementResize(targetRef) {
     }
 
     observer.current = new ResizeObserver(outputsize).observe(targetRef.current);
-    return function () {
+    return () => {
       var _observer$current;
 
       (_observer$current = observer.current) === null || _observer$current === void 0 ? void 0 : _observer$current.disconnect();
     };
   }, [targetRef]);
-  return React.useMemo(function () {
-    return {
-      width: width,
-      height: height
-    };
-  }, [width, height]);
+  return React.useMemo(() => ({
+    width,
+    height
+  }), [width, height]);
 };
 
 exports.useOnElementResize = useOnElementResize;
-//# sourceMappingURL=useOnElementResize.js.map

package/cjs/hooks/useParentElement.js

@@ -2,24 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-
-var useParentElement = function useParentElement(ref) {
-  var _useState = React.useState(ref.current),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      parent = _useState2[0],
-      setParent = _useState2[1];
-
-  React.useEffect(function () {
+const useParentElement = ref => {
+  const [parent, setParent] = React.useState(ref.current);
+  React.useEffect(() => {
     if (ref.current) setParent(ref.current.parentNode);
   });
   return parent;
 };
 
 exports.useParentElement = useParentElement;
-//# sourceMappingURL=useParentElement.js.map

package/cjs/hooks/usePrevious.js

@@ -3,12 +3,11 @@
 var React = require('react');
 
 function usePrevious(value) {
-  var ref = React.useRef();
-  React.useEffect(function () {
+  const ref = React.useRef();
+  React.useEffect(() => {
     ref.current = value;
   }, [value]);
   return ref.current;
 }
 
 module.exports = usePrevious;
-//# sourceMappingURL=usePrevious.js.map

package/cjs/hooks/useResizeObserver.js

@@ -1,43 +1,33 @@
 'use strict';
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var raf = require('raf');
 var ResizeObserver = require('resize-observer-polyfill');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var raf__default = /*#__PURE__*/_interopDefaultLegacy(raf);
 var ResizeObserver__default = /*#__PURE__*/_interopDefaultLegacy(ResizeObserver);
 
 function useResizeObserver(handler, el) {
-  var _useState = React.useState(el),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      node = _useState2[0],
-      setRef = _useState2[1];
-
-  var resizeObserver = new ResizeObserver__default['default'](function (entries) {
+  const [node, setRef] = React.useState(el);
+  const resizeObserver = new ResizeObserver__default["default"](entries => {
     if (!Array.isArray(entries)) return;
     if (!entries.length) return;
-    var entry = entries[0]; // execute on the next animation frame
+    const entry = entries[0]; // execute on the next animation frame
 
-    raf__default['default'](function () {
-      return handler({
-        width: entry.target.offsetWidth,
-        height: entry.target.offsetHeight
-      }, entry.target);
-    });
+    raf__default["default"](() => handler({
+      width: entry.target.offsetWidth,
+      height: entry.target.offsetHeight
+    }, entry.target));
   });
-  var htmlEl = el || node;
-  React.useEffect(function () {
+  const htmlEl = el || node;
+  React.useEffect(() => {
     if (htmlEl) resizeObserver.observe(htmlEl);
-    return function () {
-      return htmlEl && resizeObserver.unobserve(htmlEl);
-    };
+    return () => htmlEl && resizeObserver.unobserve(htmlEl);
   }, [htmlEl]);
   return [setRef];
 }
 
 module.exports = useResizeObserver;
-//# sourceMappingURL=useResizeObserver.js.map

package/cjs/hooks/useSetRef.js

@@ -4,13 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-var useSetRef = function useSetRef(initial) {
-  var ref = React.useRef(initial);
-  var setRef = React.useCallback(function (node) {
+const useSetRef = initial => {
+  const ref = React.useRef(initial);
+  const setRef = React.useCallback(node => {
     ref.current = node;
   }, []);
   return [ref, setRef];
 };
 
 exports.useSetRef = useSetRef;
-//# sourceMappingURL=useSetRef.js.map

package/cjs/hooks/useShouldRecalculate.js

@@ -3,7 +3,7 @@
 var React = require('react');
 
 function useShouldRecalculate(bool) {
-  var prevValueRef = React.useRef(0);
+  const prevValueRef = React.useRef(0);
 
   if (!bool) {
     // If we need to recalculate, change the value we return
@@ -15,4 +15,3 @@ function useShouldRecalculate(bool) {
 }
 
 module.exports = useShouldRecalculate;
-//# sourceMappingURL=useShouldRecalculate.js.map

package/cjs/hooks/useWindowScrollerList.js

@@ -3,7 +3,7 @@
 var React = require('react');
 
 function getScrollOffset() {
-  var element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+  let element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
     scrollTop: 0,
     scrollLeft: 0
   };
@@ -14,9 +14,9 @@ function getScrollOffset() {
 }
 
 function getPositionOffset(listEl, scrollableEl) {
-  var scrollOffset = getScrollOffset(scrollableEl);
-  var elementRect = listEl.getBoundingClientRect();
-  var containerRect = scrollableEl.getBoundingClientRect();
+  const scrollOffset = getScrollOffset(scrollableEl);
+  const elementRect = listEl.getBoundingClientRect();
+  const containerRect = scrollableEl.getBoundingClientRect();
   return {
     top: elementRect.top + scrollOffset.top - containerRect.top,
     left: elementRect.left + scrollOffset.top - containerRect.left
@@ -28,32 +28,34 @@ function isParent(parentNode, childNode) {
 }
 
 function useWindowScrollerList(_ref) {
-  var listInstance = _ref.listInstance,
-      outerListRef = _ref.outerListRef;
-  var scrollableParent = React.useRef();
-  var listOffset = React.useRef();
+  let {
+    listInstance,
+    outerListRef
+  } = _ref;
+  const scrollableParent = React.useRef();
+  const listOffset = React.useRef();
 
-  var getElementOffset = function getElementOffset() {
+  const getElementOffset = () => {
     listOffset.current = getPositionOffset(outerListRef.current, scrollableParent.current);
   };
 
-  var handleScroll = function handleScroll(e) {
+  const handleScroll = e => {
     if (!scrollableParent.current) {
-      var containerTarget = e.target === document ? document.body : e.target;
+      const containerTarget = e.target === document ? document.body : e.target;
       scrollableParent.current = isParent(containerTarget, outerListRef.current) && containerTarget;
     }
 
     if (!scrollableParent.current) return;
     getElementOffset();
-    var scrollOffset = getScrollOffset(scrollableParent.current);
-    var scrollTop = Math.max(0, scrollOffset.top - listOffset.current.top);
+    const scrollOffset = getScrollOffset(scrollableParent.current);
+    const scrollTop = Math.max(0, scrollOffset.top - listOffset.current.top);
     if (listInstance.current) listInstance.current.scrollTo(scrollTop);
   };
 
-  React.useEffect(function () {
+  React.useEffect(() => {
     window.addEventListener('scroll', handleScroll, true);
     window.addEventListener('resize', getElementOffset, true);
-    return function () {
+    return () => {
       window.removeEventListener('scroll', handleScroll, true);
       window.removeEventListener('resize', getElementOffset, true);
     };
@@ -61,4 +63,3 @@ function useWindowScrollerList(_ref) {
 }
 
 module.exports = useWindowScrollerList;
-//# sourceMappingURL=useWindowScrollerList.js.map

package/cjs/hooks/useWindowSize.js

@@ -1,19 +1,11 @@
 'use strict';
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-
 function useWindowSize() {
-  var _useState = React.useState([0, 0]),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      size = _useState2[0],
-      setSize = _useState2[1];
-
-  React.useLayoutEffect(function () {
+  const [size, setSize] = React.useState([0, 0]);
+  React.useLayoutEffect(() => {
     if (!window) return false;
 
     function updateSize() {
@@ -23,7 +15,7 @@ function useWindowSize() {
     window.addEventListener('resize', updateSize);
     window.addEventListener('orientationchange', updateSize);
     updateSize();
-    return function () {
+    return () => {
       window.removeEventListener('resize', updateSize);
       window.removeEventListener('orientationchange', updateSize);
     };
@@ -33,4 +25,3 @@ function useWindowSize() {
 }
 
 module.exports = useWindowSize;
-//# sourceMappingURL=useWindowSize.js.map