@elliemae/ds-utilities 3.0.0-next.2 → 3.0.0-next.3

package/cjs/hooks/useDerivedStateFromProps.js

@@ -1,56 +0,0 @@
-'use strict';
-
-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(_ref) {
-  let {
-    prop,
-    prevProp,
-    stateValue
-  } = _ref;
-  return !lodash.isEqual(prop, prevProp) && !lodash.isEqual(prop, stateValue);
-}
-
-function setStateWithUpdate(onUpdate, setState) {
-  return state => {
-    setState(prevState => onUpdate(lodash.isFunction(state) ? state(prevState) : state, prevState));
-  };
-}
-
-function useDerivedStateFromProp(prop) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  const {
-    onUpdate = defaultPropUpdateOnChange,
-    shouldUpdate = defaultShouldUpdate,
-    updateOnStateChange = false
-  } = options;
-  const [stateValue, setState] = React.useState(onUpdate(prop, {}));
-  const handleSetState = updateOnStateChange ? setStateWithUpdate(onUpdate, setState) : setState;
-  const prevProp = React.useRef(prop);
-
-  if (shouldUpdate({
-    prop,
-    prevProp: prevProp.current,
-    stateValue
-  })) {
-    const nextProp = onUpdate(prop, prevProp.current);
-    setState(nextProp);
-  }
-
-  prevProp.current = prop;
-  return [stateValue, handleSetState];
-}
-
-module.exports = useDerivedStateFromProp;

package/cjs/hooks/useExecutionTimer.js

@@ -1,31 +0,0 @@
-'use strict';
-
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-
-function useExecutionDelay(startFn, cleanFn, delayTime) {
-  const startTimer = React.useRef();
-  const closeTimer = React.useRef();
-
-  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 = 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);
-  };
-
-  return [startFunction, cleanFunction];
-}
-
-module.exports = useExecutionDelay;

package/cjs/hooks/useExpandState.js

@@ -1,133 +0,0 @@
-'use strict';
-
-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');
-
-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; }
-
-const toggleStateInObject = (obj, key, value) => {
-  const nextObj = _objectSpread({}, obj);
-
-  if (nextObj[key]) {
-    delete nextObj[key];
-  } else {
-    nextObj[key] = value;
-  }
-
-  return nextObj;
-};
-
-const noop = () => null;
-
-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 = function () {
-    let stateData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-    setExpanded(() => {
-      const nextState = {};
-
-      if (!isExpandedAll) {
-        items.forEach(item => {
-          nextState[item[itemKey]] = stateData;
-        });
-      }
-
-      onExpandChange(nextState);
-      onExpandAll(nextState);
-      return nextState;
-    });
-  };
-
-  const expand = function (item) {
-    let stateData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    if (!item) return;
-
-    if (lodash.isFunction(onExpand)) {
-      onExpand(item);
-    }
-
-    setExpanded(prevState => {
-      const key = item[itemKey];
-
-      const nextState = _objectSpread(_objectSpread({}, prevState), {}, {
-        [key]: stateData
-      });
-
-      onExpandChange(nextState, item);
-      return nextState;
-    });
-  };
-
-  const toggleExpand = function (item) {
-    let stateData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-
-    if (lodash.isFunction(onToggleExpand)) {
-      onToggleExpand(item);
-    }
-
-    setExpanded(prevState => {
-      const key = item[itemKey];
-      const nextState = toggleStateInObject(prevState, key, stateData);
-      onExpandChange(nextState, item);
-      return nextState;
-    });
-  };
-
-  const collapse = item => {
-    if (lodash.isFunction(onCollapse)) {
-      onCollapse(item);
-    }
-
-    setExpanded(prevState => {
-      const nextState = _objectSpread({}, prevState);
-
-      delete nextState[item[itemKey]];
-      onExpandChange(nextState, item);
-      return nextState;
-    });
-  };
-
-  return {
-    state: {
-      expanded,
-      isExpandedAll
-    },
-    actions: {
-      expand,
-      toggleExpandAll,
-      toggleExpand,
-      collapse
-    },
-    setExpanded
-  };
-}
-
-module.exports = useExpandState;

package/cjs/hooks/useHotkeys.js

@@ -1,25 +0,0 @@
-'use strict';
-
-require('core-js/modules/web.dom-collections.iterator.js');
-var hotkeys = require('hotkeys-js');
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var hotkeys__default = /*#__PURE__*/_interopDefaultLegacy(hotkeys);
-
-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);
-    return () => hotkeys__default["default"].unbind(keys);
-  }, [memoizedCallback]);
-}
-
-module.exports = useHotkeys;

package/cjs/hooks/useHoverHandlersDelay.js

@@ -1,28 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function useHoverHandlersDelay(_ref) {
-  let {
-    onMouseOver,
-    onMouseLeave,
-    hideDelay = 300,
-    showDelay = 300
-  } = _ref;
-  const hideTimer = React.useRef();
-  const showTimer = React.useRef();
-  const delayedHide = React.useCallback(() => {
-    clearTimeout(showTimer.current);
-    hideTimer.current = setTimeout(onMouseLeave, hideDelay);
-  }, []);
-  const delayedShow = React.useCallback(() => {
-    clearTimeout(hideTimer.current);
-    showTimer.current = setTimeout(onMouseOver, showDelay);
-  }, []);
-  return {
-    onMouseOver: delayedShow,
-    onMouseLeave: delayedHide
-  };
-}
-
-module.exports = useHoverHandlersDelay;

package/cjs/hooks/useOnElementResize.js

@@ -1,37 +0,0 @@
-'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

@@ -1,16 +0,0 @@
-'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/usePrevious.js

@@ -1,13 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function usePrevious(value) {
-  const ref = React.useRef();
-  React.useEffect(() => {
-    ref.current = value;
-  }, [value]);
-  return ref.current;
-}
-
-module.exports = usePrevious;

package/cjs/hooks/useResizeObserver.js

@@ -1,33 +0,0 @@
-'use strict';
-
-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 raf__default = /*#__PURE__*/_interopDefaultLegacy(raf);
-var ResizeObserver__default = /*#__PURE__*/_interopDefaultLegacy(ResizeObserver);
-
-function useResizeObserver(handler, el) {
-  const [node, setRef] = React.useState(el);
-  const resizeObserver = new ResizeObserver__default["default"](entries => {
-    if (!Array.isArray(entries)) return;
-    if (!entries.length) return;
-    const entry = entries[0]; // execute on the next animation frame
-
-    raf__default["default"](() => handler({
-      width: entry.target.offsetWidth,
-      height: entry.target.offsetHeight
-    }, entry.target));
-  });
-  const htmlEl = el || node;
-  React.useEffect(() => {
-    if (htmlEl) resizeObserver.observe(htmlEl);
-    return () => htmlEl && resizeObserver.unobserve(htmlEl);
-  }, [htmlEl]);
-  return [setRef];
-}
-
-module.exports = useResizeObserver;

package/cjs/hooks/useSetRef.js

@@ -1,15 +0,0 @@
-'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/useShouldRecalculate.js

@@ -1,17 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function useShouldRecalculate(bool) {
-  const prevValueRef = React.useRef(0);
-
-  if (!bool) {
-    // If we need to recalculate, change the value we return
-    prevValueRef.current += 1;
-  } // else we return the same value as the previous render, which won't trigger a recalculation
-
-
-  return prevValueRef.current;
-}
-
-module.exports = useShouldRecalculate;

package/cjs/hooks/useWindowScrollerList.js

@@ -1,65 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function getScrollOffset() {
-  let element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-    scrollTop: 0,
-    scrollLeft: 0
-  };
-  return {
-    top: element.scrollTop,
-    left: element.scrollLeft
-  };
-}
-
-function getPositionOffset(listEl, scrollableEl) {
-  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
-  };
-}
-
-function isParent(parentNode, childNode) {
-  return childNode.parentNode === parentNode || childNode.parentNode && isParent(parentNode, childNode.parentNode);
-}
-
-function useWindowScrollerList(_ref) {
-  let {
-    listInstance,
-    outerListRef
-  } = _ref;
-  const scrollableParent = React.useRef();
-  const listOffset = React.useRef();
-
-  const getElementOffset = () => {
-    listOffset.current = getPositionOffset(outerListRef.current, scrollableParent.current);
-  };
-
-  const handleScroll = e => {
-    if (!scrollableParent.current) {
-      const containerTarget = e.target === document ? document.body : e.target;
-      scrollableParent.current = isParent(containerTarget, outerListRef.current) && containerTarget;
-    }
-
-    if (!scrollableParent.current) return;
-    getElementOffset();
-    const scrollOffset = getScrollOffset(scrollableParent.current);
-    const scrollTop = Math.max(0, scrollOffset.top - listOffset.current.top);
-    if (listInstance.current) listInstance.current.scrollTo(scrollTop);
-  };
-
-  React.useEffect(() => {
-    window.addEventListener('scroll', handleScroll, true);
-    window.addEventListener('resize', getElementOffset, true);
-    return () => {
-      window.removeEventListener('scroll', handleScroll, true);
-      window.removeEventListener('resize', getElementOffset, true);
-    };
-  }, []);
-}
-
-module.exports = useWindowScrollerList;

package/cjs/hooks/useWindowSize.js

@@ -1,27 +0,0 @@
-'use strict';
-
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-
-function useWindowSize() {
-  const [size, setSize] = React.useState([0, 0]);
-  React.useLayoutEffect(() => {
-    if (!window) return false;
-
-    function updateSize() {
-      setSize([window.innerWidth, window.innerHeight]);
-    }
-
-    window.addEventListener('resize', updateSize);
-    window.addEventListener('orientationchange', updateSize);
-    updateSize();
-    return () => {
-      window.removeEventListener('resize', updateSize);
-      window.removeEventListener('orientationchange', updateSize);
-    };
-  }, []);
-  if (!window) return false;
-  return size;
-}
-
-module.exports = useWindowSize;