@elliemae/ds-shared 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/GroupContext/GroupItem.js

@@ -1,40 +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 });
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var GroupContext = require('./GroupContext.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const {
+  Consumer
+} = GroupContext.GroupContext;
+
+const GroupItem = _ref => {
+  let {
+    render
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](Consumer, {}, void 0, context => render(context));
 };
-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 GroupItem_exports = {};
-__export(GroupItem_exports, {
-  GroupItem: () => GroupItem,
-  default: () => GroupItem_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_GroupContext = __toESM(require("./GroupContext"));
-const { Consumer } = import_GroupContext.GroupContext;
-const GroupItem = ({ render }) => /* @__PURE__ */ import_react.default.createElement(Consumer, null, (context) => render(context));
-var GroupItem_default = GroupItem;
-module.exports = __toCommonJS(GroupItem_exports);
-//# sourceMappingURL=GroupItem.js.map
+
+module.exports = GroupItem;

package/cjs/GroupContext/index.js

@@ -1,39 +1,13 @@
-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 GroupContext_exports = {};
-__export(GroupContext_exports, {
-  Group: () => import_Group.Group,
-  GroupContext: () => import_GroupContext.GroupContext,
-  GroupItem: () => import_GroupItem.GroupItem
-});
-var React = __toESM(require("react"));
-var import_Group = __toESM(require("./Group"));
-var import_GroupContext = __toESM(require("./GroupContext"));
-var import_GroupItem = __toESM(require("./GroupItem"));
-module.exports = __toCommonJS(GroupContext_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Group = require('./Group.js');
+var GroupContext = require('./GroupContext.js');
+var GroupItem = require('./GroupItem.js');
+
+
+
+exports.Group = Group;
+exports.GroupContext = GroupContext.GroupContext;
+exports.GroupItem = GroupItem;

package/cjs/ScrollSync/ScrollSync.js

@@ -1,92 +1,92 @@
-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 ScrollSync_exports = {};
-__export(ScrollSync_exports, {
-  ScrollSync: () => ScrollSync,
-  ScrollSyncContext: () => ScrollSyncContext,
-  default: () => ScrollSync_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-const ScrollSyncContext = import_react.default.createContext();
-const { Provider } = ScrollSyncContext;
-class ScrollSync extends import_react.Component {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+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.find.js');
+require('core-js/modules/esnext.iterator.find.js');
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const ScrollSyncContext = /*#__PURE__*/React__default["default"].createContext();
+const {
+  Provider
+} = ScrollSyncContext;
+class ScrollSync extends React.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);
             });
@@ -94,11 +94,13 @@ class ScrollSync extends import_react.Component {
         });
       });
     };
+
     this.syncContext = {
       registerPane: this.registerPane,
       unregisterPane: this.unregisterPane
     };
   }
+
   syncScrollPosition(scrolledPane, pane) {
     const {
       scrollTop,
@@ -110,22 +112,35 @@ class ScrollSync extends import_react.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__ */ import_react.default.createElement(Provider, {
+    const {
+      children
+    } = this.props;
+    return /*#__PURE__*/_jsx__default["default"](Provider, {
       value: this.syncContext
-    }, import_react.default.Children.only(children));
+    }, void 0, React__default["default"].Children.only(children));
   }
+
 }
 ScrollSync.defaultProps = {
   proportional: true,
@@ -133,6 +148,6 @@ ScrollSync.defaultProps = {
   horizontal: true,
   enabled: true
 };
-var ScrollSync_default = ScrollSync;
-module.exports = __toCommonJS(ScrollSync_exports);
-//# sourceMappingURL=ScrollSync.js.map
+
+exports.ScrollSyncContext = ScrollSyncContext;
+exports["default"] = ScrollSync;

package/cjs/ScrollSync/ScrollSyncPane.js

@@ -1,73 +1,81 @@
-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 ScrollSyncPane_exports = {};
-__export(ScrollSyncPane_exports, {
-  ScrollSyncPaneHOC: () => ScrollSyncPaneHOC,
-  default: () => ScrollSyncPane_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ScrollSync = __toESM(require("./ScrollSync"));
-class ScrollSyncPane extends import_react.Component {
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.constructor.js');
+require('core-js/modules/esnext.async-iterator.to-array.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.to-array.js');
+require('core-js/modules/esnext.async-iterator.filter.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 ScrollSync = require('./ScrollSync.js');
+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);
+
+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; }
+
+class ScrollSyncPane extends React.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__ */ import_react.default.createElement(import_ScrollSync.ScrollSyncContext.Consumer, null, (context) => /* @__PURE__ */ import_react.default.createElement(ScrollSyncPane, {
-  ...props,
+var ScrollSyncPane$1 = (props => /*#__PURE__*/_jsx__default["default"](ScrollSync.ScrollSyncContext.Consumer, {}, void 0, context => /*#__PURE__*/jsxRuntime.jsx(ScrollSyncPane, _objectSpread(_objectSpread({}, props), {}, {
   syncContext: context
-}));
-var ScrollSyncPane_default = ScrollSyncPaneHOC;
-module.exports = __toCommonJS(ScrollSyncPane_exports);
-//# sourceMappingURL=ScrollSyncPane.js.map
+}))));
+
+module.exports = ScrollSyncPane$1;

package/cjs/ScrollSync/ScrollSyncProvider.js

@@ -1,96 +1,35 @@
-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 ScrollSyncProvider_exports = {};
-__export(ScrollSyncProvider_exports, {
-  default: () => ScrollSyncProvider_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_raf = __toESM(require("raf"));
-const ScrollSyncContext = import_react.default.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 = (0, import_raf.default)((scrolledPane, pane) => {
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+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.find.js');
+require('core-js/modules/esnext.iterator.find.js');
+var React = require('react');
+var raf = require('raf');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var raf__default = /*#__PURE__*/_interopDefaultLegacy(raf);
+
+const ScrollSyncContext = /*#__PURE__*/React__default["default"].createContext();
+const {
+  Provider
+} = ScrollSyncContext;
+
+function ScrollSyncProvider(_ref) {
+  let {
+    enabled,
+    horizontal,
+    vertical,
+    children
+  } = _ref;
+  useRef();
+
+  raf__default["default"]((scrolledPane, pane) => {
     const {
       scrollTop,
       scrollHeight,
@@ -101,20 +40,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__ */ import_react.default.createElement(Provider, null, children);
+  return /*#__PURE__*/_jsx__default["default"](Provider, {}, void 0, children);
 }
-ScrollSyncProvider.propTypes = {};
+
 ScrollSyncProvider.defaultProps = {};
-var ScrollSyncProvider_default = ScrollSyncProvider;
-module.exports = __toCommonJS(ScrollSyncProvider_exports);
-//# sourceMappingURL=ScrollSyncProvider.js.map
+
+module.exports = ScrollSyncProvider;