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

package/esm/FocusGroup/utils/getNextCellPosition.js

@@ -1,35 +1,45 @@
-import * as React from "react";
-function getNextCellPosition({
-  grid,
-  currentRow = 0,
-  currentCell = 0,
-  directionY,
-  directionX,
-  shouldWrapCells,
-  shouldWrapRows
-}) {
+// eslint-disable-next-line max-statements
+function getNextCellPosition(_ref) {
+  let {
+    grid,
+    currentRow = 0,
+    currentCell = 0,
+    directionY,
+    directionX,
+    shouldWrapCells,
+    shouldWrapRows
+  } = _ref;
   let nextRow = currentRow + directionY;
   let nextCell = currentCell + directionX;
   const rowCount = grid.length;
   const isLeftRight = directionX !== 0;
+
   if (!rowCount) {
     return false;
   }
-  const cellsLength = grid[0].length;
+
+  const cellsLength = grid[0].length; // moving horizontally
+
   if (shouldWrapCells && isLeftRight) {
+    // to left
     if (nextCell < 0) {
       nextCell = cellsLength - 1;
       nextRow -= 1;
     }
+
     if (nextCell >= cellsLength) {
       nextCell = 0;
       nextRow += 1;
     }
-  }
+  } // moving vertically
+
+
   if (shouldWrapRows && !isLeftRight) {
+    // to top
     if (nextRow < 0) {
       nextCell -= 1;
       nextRow = rowCount - 1;
+
       if (grid[nextRow] && nextCell >= 0 && !grid[nextRow][nextCell]) {
         nextRow -= 1;
       }
@@ -38,14 +48,11 @@ function getNextCellPosition({
       nextCell += 1;
     }
   }
+
   return {
     cellIndex: nextCell,
     rowIndex: nextRow
   };
 }
-var getNextCellPosition_default = getNextCellPosition;
-export {
-  getNextCellPosition_default as default,
-  getNextCellPosition
-};
-//# sourceMappingURL=getNextCellPosition.js.map
+
+export { getNextCellPosition as default };

package/esm/GroupContext/Group.js

@@ -1,35 +1,57 @@
-import * as React from "react";
-import React2, { Component } from "react";
-import PropTypes from "prop-types";
-import { GroupContext } from "./GroupContext";
-const getValueItem = (e) => {
-  const { target, currentTarget } = e;
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { Component } from 'react';
+import { GroupContext } from './GroupContext.js';
+
+const getValueItem = e => {
+  const {
+    target,
+    currentTarget
+  } = e;
+
   if (target) {
-    const { value } = target;
+    const {
+      value
+    } = target;
     return value;
   }
+
   if (currentTarget) {
-    const { value } = currentTarget;
+    const {
+      value
+    } = currentTarget;
     return value;
   }
+
   return e;
 };
+
 const toggleItemValue = (array, e) => {
   const newvalue = getValueItem(e);
   const res = array;
   const index = array.indexOf(newvalue);
+
   if (index === -1) {
     res.push(newvalue);
   } else {
     res.splice(index, 1);
   }
+
   return res;
 };
-const { Provider } = GroupContext;
+
+const {
+  Provider
+} = GroupContext;
+/** deprecated use CheckableGroup instead */
+
 class Group extends Component {
   constructor(props) {
     super(props);
-    const { activeValue, disabled } = props;
+    const {
+      activeValue,
+      disabled
+    } = props;
     this.state = {
       activeValue,
       disabled,
@@ -37,50 +59,60 @@ class Group extends Component {
       onChange: this.handleChange.bind(this)
     };
   }
-  static getDerivedStateFromProps(nextProps, { prevValue }) {
-    if (nextProps.activeValue === prevValue)
-      return null;
+
+  static getDerivedStateFromProps(nextProps, _ref) {
+    let {
+      prevValue
+    } = _ref;
+    if (nextProps.activeValue === prevValue) return null;
     return {
       activeValue: nextProps.activeValue,
       prevValue: nextProps.activeValue
     };
   }
-  handleChange(e, ...rest) {
-    const { multiple, onChange } = this.props;
-    const { activeValue } = this.state;
+
+  handleChange(e) {
+    const {
+      multiple,
+      onChange
+    } = this.props;
+    const {
+      activeValue
+    } = this.state;
     const value = getValueItem(e);
     let newValue;
+
     if (multiple) {
       newValue = toggleItemValue(activeValue || [], value);
     } else if (activeValue !== value) {
+      // default behaviour it will be toggle the active value
       newValue = value;
     }
+
     this.setState({
       activeValue: newValue
     });
-    if (onChange)
-      onChange(newValue, ...rest);
+
+    for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      rest[_key - 1] = arguments[_key];
+    }
+
+    if (onChange) onChange(newValue, ...rest);
   }
+
   render() {
-    const { children } = this.props;
-    return /* @__PURE__ */ React2.createElement(Provider, {
+    const {
+      children
+    } = this.props;
+    return /*#__PURE__*/_jsx(Provider, {
       value: this.state
-    }, children);
+    }, void 0, children);
   }
+
 }
+
 Group.defaultProps = {
   multiple: false
 };
-Group.propTypes = {
-  children: PropTypes.array,
-  multiple: PropTypes.bool,
-  onChange: PropTypes.func,
-  activeValue: PropTypes.oneOfType([PropTypes.array, PropTypes.number]),
-  disabled: PropTypes.bool
-};
-var Group_default = Group;
-export {
-  Group,
-  Group_default as default
-};
-//# sourceMappingURL=Group.js.map
+
+export { Group as default };

package/esm/GroupContext/GroupContext.js

@@ -1,7 +1,5 @@
-import * as React from "react";
-import React2 from "react";
-const GroupContext = React2.createContext();
-export {
-  GroupContext
-};
-//# sourceMappingURL=GroupContext.js.map
+import React from 'react';
+
+const GroupContext = /*#__PURE__*/React.createContext();
+
+export { GroupContext };

package/esm/GroupContext/GroupItem.js

@@ -1,11 +1,16 @@
-import * as React from "react";
-import React2 from "react";
-import { GroupContext } from "./GroupContext";
-const { Consumer } = GroupContext;
-const GroupItem = ({ render }) => /* @__PURE__ */ React2.createElement(Consumer, null, (context) => render(context));
-var GroupItem_default = GroupItem;
-export {
-  GroupItem,
-  GroupItem_default as default
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { GroupContext } from './GroupContext.js';
+
+const {
+  Consumer
+} = GroupContext;
+
+const GroupItem = _ref => {
+  let {
+    render
+  } = _ref;
+  return /*#__PURE__*/_jsx(Consumer, {}, void 0, context => render(context));
 };
-//# sourceMappingURL=GroupItem.js.map
+
+export { GroupItem as default };

package/esm/GroupContext/index.js

@@ -1,10 +1,3 @@
-import * as React from "react";
-import { Group } from "./Group";
-import { GroupContext } from "./GroupContext";
-import { GroupItem } from "./GroupItem";
-export {
-  Group,
-  GroupContext,
-  GroupItem
-};
-//# sourceMappingURL=index.js.map
+export { default as Group } from './Group.js';
+export { GroupContext } from './GroupContext.js';
+export { default as GroupItem } from './GroupItem.js';

package/esm/ScrollSync/ScrollSync.js

@@ -1,59 +1,83 @@
-import * as React from "react";
-import React2, { Component } from "react";
-const ScrollSyncContext = React2.createContext();
-const { Provider } = ScrollSyncContext;
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.find.js';
+import React, { Component } from 'react';
+
+const ScrollSyncContext = /*#__PURE__*/React.createContext();
+const {
+  Provider
+} = ScrollSyncContext;
 class ScrollSync extends Component {
   constructor(props) {
     super(props);
     this.panes = {};
+
     this.registerPane = (node, groups) => {
-      groups.forEach((group) => {
+      groups.forEach(group => {
         if (!this.panes[group]) {
           this.panes[group] = [];
         }
+
         if (this.panes[group].length > 0) {
           this.syncScrollPosition(this.panes[group][0], node);
         }
+
         this.panes[group].push(node);
       });
       this.addEvents(node, groups);
     };
+
     this.unregisterPane = (node, groups) => {
-      groups.forEach((group) => {
+      groups.forEach(group => {
         if (this.findPane(node, group)) {
           this.removeEvents(node);
           this.panes[group].splice(this.panes[group].indexOf(node), 1);
         }
       });
     };
+
     this.addEvents = (node, groups) => {
-      node.onscroll = this.handlePaneScroll.bind(this, node, groups);
+      /* For some reason element.addEventListener doesnt work with document.body */
+      node.onscroll = this.handlePaneScroll.bind(this, node, groups); // eslint-disable-line
     };
-    this.removeEvents = (node) => {
-      node.onscroll = null;
+
+    this.removeEvents = node => {
+      /* For some reason element.removeEventListener doesnt work with document.body */
+      node.onscroll = null; // eslint-disable-line
     };
+
     this.findPane = (node, group) => {
       if (!this.panes[group]) {
         return false;
       }
-      return this.panes[group].find((pane) => pane === node);
+
+      return this.panes[group].find(pane => pane === node);
     };
+
     this.handlePaneScroll = (node, groups, e) => {
-      const { enabled } = this.props;
-      if (this.props.onScroll)
-        this.props.onScroll(e);
-      if (!enabled)
-        return;
+      const {
+        enabled
+      } = this.props;
+      if (this.props.onScroll) this.props.onScroll(e);
+      if (!enabled) return;
       window.requestAnimationFrame(() => {
         this.syncScrollPositions(node, groups);
       });
     };
+
     this.syncScrollPositions = (scrolledPane, groups) => {
-      groups.forEach((group) => {
-        this.panes[group].forEach((pane) => {
+      groups.forEach(group => {
+        this.panes[group].forEach(pane => {
+          /* For all panes beside the currently scrolling one */
           if (scrolledPane !== pane) {
+            /* Remove event listeners from the node that we'll manipulate */
             this.removeEvents(pane, group);
             this.syncScrollPosition(scrolledPane, pane);
+            /* Re-attach event listeners after we're done scrolling */
+
             window.requestAnimationFrame(() => {
               this.addEvents(pane, groups);
             });
@@ -61,11 +85,13 @@ class ScrollSync extends Component {
         });
       });
     };
+
     this.syncContext = {
       registerPane: this.registerPane,
       unregisterPane: this.unregisterPane
     };
   }
+
   syncScrollPosition(scrolledPane, pane) {
     const {
       scrollTop,
@@ -77,22 +103,35 @@ class ScrollSync extends Component {
     } = scrolledPane;
     const scrollTopOffset = scrollHeight - clientHeight;
     const scrollLeftOffset = scrollWidth - clientWidth;
-    const { proportional, vertical, horizontal } = this.props;
+    const {
+      proportional,
+      vertical,
+      horizontal
+    } = this.props;
+    /* Calculate the actual pane height */
+
     const paneHeight = pane.scrollHeight - clientHeight;
     const paneWidth = pane.scrollWidth - clientWidth;
+    /* Adjust the scrollTop position of it accordingly */
+
     if (vertical && scrollTopOffset > 0) {
-      pane.scrollTop = proportional ? paneHeight * scrollTop / scrollTopOffset : scrollTop;
+      pane.scrollTop = proportional ? paneHeight * scrollTop / scrollTopOffset : scrollTop; // eslint-disable-line
     }
+
     if (horizontal && scrollLeftOffset > 0) {
-      pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft;
+      pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft; // eslint-disable-line
     }
   }
+
   render() {
-    const { children } = this.props;
-    return /* @__PURE__ */ React2.createElement(Provider, {
+    const {
+      children
+    } = this.props;
+    return /*#__PURE__*/_jsx(Provider, {
       value: this.syncContext
-    }, React2.Children.only(children));
+    }, void 0, React.Children.only(children));
   }
+
 }
 ScrollSync.defaultProps = {
   proportional: true,
@@ -100,10 +139,5 @@ ScrollSync.defaultProps = {
   horizontal: true,
   enabled: true
 };
-var ScrollSync_default = ScrollSync;
-export {
-  ScrollSync,
-  ScrollSyncContext,
-  ScrollSync_default as default
-};
-//# sourceMappingURL=ScrollSync.js.map
+
+export { ScrollSyncContext, ScrollSync as default };

package/esm/ScrollSync/ScrollSyncPane.js

@@ -1,44 +1,74 @@
-import * as React from "react";
-import React2, { Component } from "react";
-import { ScrollSyncContext } from "./ScrollSync";
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.constructor.js';
+import 'core-js/modules/esnext.async-iterator.to-array.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.to-array.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import { Component } from 'react';
+import { ScrollSyncContext } from './ScrollSync.js';
+import { jsx } from 'react/jsx-runtime';
+
+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(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; }
+
 class ScrollSyncPane extends Component {
   constructor() {
     super(...arguments);
-    this.toArray = (groups) => [].concat(groups);
+
+    this.toArray = groups => [].concat(groups);
   }
+
   componentWillUnmount() {
-    const { enabled, group, syncContext } = this.props;
-    const { unregisterPane } = syncContext;
-    if (enabled)
-      unregisterPane(this.node, this.toArray(group));
+    const {
+      enabled,
+      group,
+      syncContext
+    } = this.props;
+    const {
+      unregisterPane
+    } = syncContext;
+    if (enabled) unregisterPane(this.node, this.toArray(group));
   }
+
   render() {
-    const { children, group, syncContext, notPaginated } = this.props;
-    const { registerPane } = syncContext;
+    const {
+      children,
+      group,
+      syncContext,
+      notPaginated
+    } = this.props;
+    const {
+      registerPane
+    } = syncContext;
     return children({
-      registerPane: (node) => {
+      registerPane: node => {
         if (notPaginated) {
-          const virtualizedBody = node.querySelector(".virtualized-body-wrapper");
+          const virtualizedBody = node.querySelector('.virtualized-body-wrapper');
+
           if (virtualizedBody) {
             registerPane(virtualizedBody, this.toArray(group));
           }
         }
+
         return registerPane(node, this.toArray(group));
       }
     });
   }
+
 }
+
 ScrollSyncPane.defaultProps = {
-  group: "default",
+  group: 'default',
   enabled: true
 };
-const ScrollSyncPaneHOC = (props) => /* @__PURE__ */ React2.createElement(ScrollSyncContext.Consumer, null, (context) => /* @__PURE__ */ React2.createElement(ScrollSyncPane, {
-  ...props,
+var ScrollSyncPane$1 = (props => /*#__PURE__*/_jsx(ScrollSyncContext.Consumer, {}, void 0, context => /*#__PURE__*/jsx(ScrollSyncPane, _objectSpread(_objectSpread({}, props), {}, {
   syncContext: context
-}));
-var ScrollSyncPane_default = ScrollSyncPaneHOC;
-export {
-  ScrollSyncPaneHOC,
-  ScrollSyncPane_default as default
-};
-//# sourceMappingURL=ScrollSyncPane.js.map
+}))));
+
+export { ScrollSyncPane$1 as default };

package/esm/ScrollSync/ScrollSyncProvider.js

@@ -1,65 +1,27 @@
-import * as React from "react";
-import React2 from "react";
-import raf from "raf";
-const ScrollSyncContext = React2.createContext();
-const { Provider } = ScrollSyncContext;
-function ScrollSyncProvider({ enabled, horizontal, vertical, children }) {
-  const panes = useRef();
-  const registerPane = (node, groups) => {
-    groups.forEach((group) => {
-      if (!this.panes[group]) {
-        this.panes[group] = [];
-      }
-      if (!this.findPane(node, group)) {
-        if (this.panes[group].length > 0) {
-          this.syncScrollPosition(this.panes[group][0], node);
-        }
-        this.panes[group].push(node);
-      }
-    });
-    this.addEvents(node, groups);
-  };
-  const unregisterPane = (node, groups) => {
-    groups.forEach((group) => {
-      if (this.findPane(node, group)) {
-        this.removeEvents(node);
-        this.panes[group].splice(this.panes[group].indexOf(node), 1);
-      }
-    });
-  };
-  const addEvents = (node, groups) => {
-    node.onscroll = this.handlePaneScroll.bind(this, node, groups);
-  };
-  const removeEvents = (node) => {
-    node.onscroll = null;
-  };
-  const findPane = (node, group) => {
-    if (!this.panes[group]) {
-      return false;
-    }
-    return this.panes[group].find((pane) => pane === node);
-  };
-  const handlePaneScroll = (node, groups) => {
-    if (!enabled)
-      return;
-    window.requestAnimationFrame(() => {
-      this.syncScrollPositions(node, groups);
-    });
-  };
-  const syncScrollPositions = (scrolledPane, groups) => {
-    groups.forEach((group) => {
-      this.panes[group].forEach((pane) => {
-        if (scrolledPane !== pane) {
-          this.removeEvents(pane, group);
-          this.syncScrollPosition(scrolledPane, pane);
-          window.requestAnimationFrame(() => {
-            this.addEvents(pane, groups);
-          });
-        }
-      });
-    });
-  };
-  const syncScrollPosition = raf((scrolledPane, pane) => {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.find.js';
+import React from 'react';
+import raf from 'raf';
+
+const ScrollSyncContext = /*#__PURE__*/React.createContext();
+const {
+  Provider
+} = ScrollSyncContext;
+
+function ScrollSyncProvider(_ref) {
+  let {
+    enabled,
+    horizontal,
+    vertical,
+    children
+  } = _ref;
+  useRef();
+
+  raf((scrolledPane, pane) => {
     const {
       scrollTop,
       scrollHeight,
@@ -70,22 +32,28 @@ function ScrollSyncProvider({ enabled, horizontal, vertical, children }) {
     } = scrolledPane;
     const scrollTopOffset = scrollHeight - clientHeight;
     const scrollLeftOffset = scrollWidth - clientWidth;
-    const { proportional, vertical: vertical2, horizontal: horizontal2 } = this.props;
+    const {
+      proportional,
+      vertical,
+      horizontal
+    } = this.props;
+    /* Calculate the actual pane height */
+
     const paneHeight = pane.scrollHeight - clientHeight;
     const paneWidth = pane.scrollWidth - clientWidth;
-    if (vertical2 && scrollTopOffset > 0) {
-      pane.scrollTop = proportional ? paneHeight * scrollTop / scrollTopOffset : scrollTop;
+    /* Adjust the scrollTop position of it accordingly */
+
+    if (vertical && scrollTopOffset > 0) {
+      pane.scrollTop = proportional ? paneHeight * scrollTop / scrollTopOffset : scrollTop; // eslint-disable-line
     }
-    if (horizontal2 && scrollLeftOffset > 0) {
-      pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft;
+
+    if (horizontal && scrollLeftOffset > 0) {
+      pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft; // eslint-disable-line
     }
   });
-  return /* @__PURE__ */ React2.createElement(Provider, null, children);
+  return /*#__PURE__*/_jsx(Provider, {}, void 0, children);
 }
-ScrollSyncProvider.propTypes = {};
+
 ScrollSyncProvider.defaultProps = {};
-var ScrollSyncProvider_default = ScrollSyncProvider;
-export {
-  ScrollSyncProvider_default as default
-};
-//# sourceMappingURL=ScrollSyncProvider.js.map
+
+export { ScrollSyncProvider as default };