@elliemae/ds-shared 2.2.0-next.3 → 2.3.0-alpha.1

package/esm/GroupContext/GroupItem.js

@@ -1,16 +1,11 @@
-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));
+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
 };
-
-export { GroupItem as default };
+//# sourceMappingURL=GroupItem.js.map

package/esm/GroupContext/GroupItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/GroupContext/GroupItem.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { GroupContext } from './GroupContext';\n\nconst { Consumer } = GroupContext;\n\nconst GroupItem = ({ render }) => (\n  <Consumer>{context => render(context)}</Consumer>\n);\n\nexport { GroupItem };\nexport default GroupItem;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,EAAE,aAAa;AAErB,MAAM,YAAY,CAAC,EAAE,aACnB,qCAAC,UAAD,MAAW,aAAW,OAAO;AAI/B,IAAO,oBAAQ;",
+  "names": []
+}

package/esm/GroupContext/index.js

@@ -1,3 +1,10 @@
-export { default as Group } from './Group.js';
-export { GroupContext } from './GroupContext.js';
-export { default as GroupItem } from './GroupItem.js';
+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

package/esm/GroupContext/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/GroupContext/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { Group } from './Group';\nexport { GroupContext } from './GroupContext';\nexport { GroupItem } from './GroupItem';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;",
+  "names": []
+}

package/esm/ScrollSync/ScrollSync.js

@@ -1,83 +1,59 @@
-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;
+import * as React from "react";
+import React2, { Component } from "react";
+const ScrollSyncContext = React2.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) => {
-      /* For some reason element.addEventListener doesnt work with document.body */
-      node.onscroll = this.handlePaneScroll.bind(this, node, groups); // eslint-disable-line
+      node.onscroll = this.handlePaneScroll.bind(this, node, groups);
     };
-
-    this.removeEvents = node => {
-      /* For some reason element.removeEventListener doesnt work with document.body */
-      node.onscroll = null; // eslint-disable-line
+    this.removeEvents = (node) => {
+      node.onscroll = null;
     };
-
     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 => {
-          /* For all panes beside the currently scrolling one */
+      groups.forEach((group) => {
+        this.panes[group].forEach((pane) => {
           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);
             });
@@ -85,13 +61,11 @@ class ScrollSync extends Component {
         });
       });
     };
-
     this.syncContext = {
       registerPane: this.registerPane,
       unregisterPane: this.unregisterPane
     };
   }
-
   syncScrollPosition(scrolledPane, pane) {
     const {
       scrollTop,
@@ -103,35 +77,22 @@ class ScrollSync extends Component {
     } = scrolledPane;
     const scrollTopOffset = scrollHeight - clientHeight;
     const scrollLeftOffset = scrollWidth - clientWidth;
-    const {
-      proportional,
-      vertical,
-      horizontal
-    } = this.props;
-    /* Calculate the actual pane height */
-
+    const { proportional, vertical, horizontal } = this.props;
     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; // eslint-disable-line
+      pane.scrollTop = proportional ? paneHeight * scrollTop / scrollTopOffset : scrollTop;
     }
-
     if (horizontal && scrollLeftOffset > 0) {
-      pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft; // eslint-disable-line
+      pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft;
     }
   }
-
   render() {
-    const {
-      children
-    } = this.props;
-    return /*#__PURE__*/_jsx(Provider, {
+    const { children } = this.props;
+    return /* @__PURE__ */ React2.createElement(Provider, {
       value: this.syncContext
-    }, void 0, React.Children.only(children));
+    }, React2.Children.only(children));
   }
-
 }
 ScrollSync.defaultProps = {
   proportional: true,
@@ -139,5 +100,10 @@ ScrollSync.defaultProps = {
   horizontal: true,
   enabled: true
 };
-
-export { ScrollSyncContext, ScrollSync as default };
+var ScrollSync_default = ScrollSync;
+export {
+  ScrollSync,
+  ScrollSyncContext,
+  ScrollSync_default as default
+};
+//# sourceMappingURL=ScrollSync.js.map

package/esm/ScrollSync/ScrollSync.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/ScrollSync/ScrollSync.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { Component } from 'react';\n\nconst ScrollSyncContext = React.createContext();\n\nconst { Provider } = ScrollSyncContext;\n\nclass ScrollSync extends Component {\n  panes = {};\n\n  static defaultProps = {\n    proportional: true,\n    vertical: true,\n    horizontal: true,\n    enabled: true,\n  };\n\n  constructor(props) {\n    super(props);\n    this.syncContext = {\n      registerPane: this.registerPane,\n      unregisterPane: this.unregisterPane,\n    };\n  }\n\n  registerPane = (node, groups) => {\n    groups.forEach((group) => {\n      if (!this.panes[group]) {\n        this.panes[group] = [];\n      }\n\n      if (this.panes[group].length > 0) {\n        this.syncScrollPosition(this.panes[group][0], node);\n      }\n      this.panes[group].push(node);\n    });\n    this.addEvents(node, groups);\n  };\n\n  unregisterPane = (node, groups) => {\n    groups.forEach((group) => {\n      if (this.findPane(node, group)) {\n        this.removeEvents(node);\n        this.panes[group].splice(this.panes[group].indexOf(node), 1);\n      }\n    });\n  };\n\n  addEvents = (node, groups) => {\n    /* For some reason element.addEventListener doesnt work with document.body */\n    node.onscroll = this.handlePaneScroll.bind(this, node, groups); // eslint-disable-line\n  };\n\n  removeEvents = (node) => {\n    /* For some reason element.removeEventListener doesnt work with document.body */\n    node.onscroll = null; // eslint-disable-line\n  };\n\n  findPane = (node, group) => {\n    if (!this.panes[group]) {\n      return false;\n    }\n\n    return this.panes[group].find((pane) => pane === node);\n  };\n\n  handlePaneScroll = (node, groups, e) => {\n    const { enabled } = this.props;\n    if (this.props.onScroll) this.props.onScroll(e);\n\n    if (!enabled) return;\n\n    window.requestAnimationFrame(() => {\n      this.syncScrollPositions(node, groups);\n    });\n  };\n\n  syncScrollPositions = (scrolledPane, groups) => {\n    groups.forEach((group) => {\n      this.panes[group].forEach((pane) => {\n        /* For all panes beside the currently scrolling one */\n        if (scrolledPane !== pane) {\n          /* Remove event listeners from the node that we'll manipulate */\n          this.removeEvents(pane, group);\n          this.syncScrollPosition(scrolledPane, pane);\n          /* Re-attach event listeners after we're done scrolling */\n          window.requestAnimationFrame(() => {\n            this.addEvents(pane, groups);\n          });\n        }\n      });\n    });\n  };\n\n  syncScrollPosition(scrolledPane, pane) {\n    const {\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n      scrollLeft,\n      scrollWidth,\n      clientWidth,\n    } = scrolledPane;\n\n    const scrollTopOffset = scrollHeight - clientHeight;\n    const scrollLeftOffset = scrollWidth - clientWidth;\n\n    const { proportional, vertical, horizontal } = this.props;\n\n    /* Calculate the actual pane height */\n    const paneHeight = pane.scrollHeight - clientHeight;\n    const paneWidth = pane.scrollWidth - clientWidth;\n    /* Adjust the scrollTop position of it accordingly */\n    if (vertical && scrollTopOffset > 0) {\n      pane.scrollTop = proportional\n        ? (paneHeight * scrollTop) / scrollTopOffset\n        : scrollTop; // eslint-disable-line\n    }\n    if (horizontal && scrollLeftOffset > 0) {\n      pane.scrollLeft = proportional\n        ? (paneWidth * scrollLeft) / scrollLeftOffset\n        : scrollLeft; // eslint-disable-line\n    }\n  }\n\n  render() {\n    const { children } = this.props;\n    return (\n      <Provider value={this.syncContext}>\n        {React.Children.only(children)}\n      </Provider>\n    );\n  }\n}\n\nexport { ScrollSync, ScrollSyncContext };\nexport default ScrollSync;\n"],
+  "mappings": "AAAA;ACAA;AAEA,MAAM,oBAAoB,OAAM;AAEhC,MAAM,EAAE,aAAa;AAErB,yBAAyB,UAAU;AAAA,EAUjC,YAAY,OAAO;AACjB,UAAM;AAVR,iBAAQ;AAiBR,wBAAe,CAAC,MAAM,WAAW;AAC/B,aAAO,QAAQ,CAAC,UAAU;AACxB,YAAI,CAAC,KAAK,MAAM,QAAQ;AACtB,eAAK,MAAM,SAAS;AAAA;AAGtB,YAAI,KAAK,MAAM,OAAO,SAAS,GAAG;AAChC,eAAK,mBAAmB,KAAK,MAAM,OAAO,IAAI;AAAA;AAEhD,aAAK,MAAM,OAAO,KAAK;AAAA;AAEzB,WAAK,UAAU,MAAM;AAAA;AAGvB,0BAAiB,CAAC,MAAM,WAAW;AACjC,aAAO,QAAQ,CAAC,UAAU;AACxB,YAAI,KAAK,SAAS,MAAM,QAAQ;AAC9B,eAAK,aAAa;AAClB,eAAK,MAAM,OAAO,OAAO,KAAK,MAAM,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAKhE,qBAAY,CAAC,MAAM,WAAW;AAE5B,WAAK,WAAW,KAAK,iBAAiB,KAAK,MAAM,MAAM;AAAA;AAGzD,wBAAe,CAAC,SAAS;AAEvB,WAAK,WAAW;AAAA;AAGlB,oBAAW,CAAC,MAAM,UAAU;AAC1B,UAAI,CAAC,KAAK,MAAM,QAAQ;AACtB,eAAO;AAAA;AAGT,aAAO,KAAK,MAAM,OAAO,KAAK,CAAC,SAAS,SAAS;AAAA;AAGnD,4BAAmB,CAAC,MAAM,QAAQ,MAAM;AACtC,YAAM,EAAE,YAAY,KAAK;AACzB,UAAI,KAAK,MAAM;AAAU,aAAK,MAAM,SAAS;AAE7C,UAAI,CAAC;AAAS;AAEd,aAAO,sBAAsB,MAAM;AACjC,aAAK,oBAAoB,MAAM;AAAA;AAAA;AAInC,+BAAsB,CAAC,cAAc,WAAW;AAC9C,aAAO,QAAQ,CAAC,UAAU;AACxB,aAAK,MAAM,OAAO,QAAQ,CAAC,SAAS;AAElC,cAAI,iBAAiB,MAAM;AAEzB,iBAAK,aAAa,MAAM;AACxB,iBAAK,mBAAmB,cAAc;AAEtC,mBAAO,sBAAsB,MAAM;AACjC,mBAAK,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AApE7B,SAAK,cAAc;AAAA,MACjB,cAAc,KAAK;AAAA,MACnB,gBAAgB,KAAK;AAAA;AAAA;AAAA,EAyEzB,mBAAmB,cAAc,MAAM;AACrC,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE;AAEJ,UAAM,kBAAkB,eAAe;AACvC,UAAM,mBAAmB,cAAc;AAEvC,UAAM,EAAE,cAAc,UAAU,eAAe,KAAK;AAGpD,UAAM,aAAa,KAAK,eAAe;AACvC,UAAM,YAAY,KAAK,cAAc;AAErC,QAAI,YAAY,kBAAkB,GAAG;AACnC,WAAK,YAAY,eACZ,aAAa,YAAa,kBAC3B;AAAA;AAEN,QAAI,cAAc,mBAAmB,GAAG;AACtC,WAAK,aAAa,eACb,YAAY,aAAc,mBAC3B;AAAA;AAAA;AAAA,EAIR,SAAS;AACP,UAAM,EAAE,aAAa,KAAK;AAC1B,WACE,qCAAC,UAAD;AAAA,MAAU,OAAO,KAAK;AAAA,OACnB,OAAM,SAAS,KAAK;AAAA;AAAA;AAvHpB,AAHT,WAGS,eAAe;AAAA,EACpB,cAAc;AAAA,EACd,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,SAAS;AAAA;AA0Hb,IAAO,qBAAQ;",
+  "names": []
+}

package/esm/ScrollSync/ScrollSyncPane.js

@@ -1,74 +1,44 @@
-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; }
-
+import * as React from "react";
+import React2, { Component } from "react";
+import { ScrollSyncContext } from "./ScrollSync";
 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
 };
-var ScrollSyncPane$1 = (props => /*#__PURE__*/_jsx(ScrollSyncContext.Consumer, {}, void 0, context => /*#__PURE__*/jsx(ScrollSyncPane, _objectSpread(_objectSpread({}, props), {}, {
+const ScrollSyncPaneHOC = (props) => /* @__PURE__ */ React2.createElement(ScrollSyncContext.Consumer, null, (context) => /* @__PURE__ */ React2.createElement(ScrollSyncPane, {
+  ...props,
   syncContext: context
-}))));
-
-export { ScrollSyncPane$1 as default };
+}));
+var ScrollSyncPane_default = ScrollSyncPaneHOC;
+export {
+  ScrollSyncPaneHOC,
+  ScrollSyncPane_default as default
+};
+//# sourceMappingURL=ScrollSyncPane.js.map

package/esm/ScrollSync/ScrollSyncPane.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/ScrollSync/ScrollSyncPane.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/display-name */\nimport React, { Component } from 'react';\nimport { ScrollSyncContext } from './ScrollSync';\n\n/**\n * MODIFIED FROM react-scroll-sync\n *\n * ScrollSyncPane Component\n *\n * Wrap your content in it to keep its scroll position in sync with other panes\n *\n * @param groups\n * @example ./example.md\n */\nclass ScrollSyncPane extends Component {\n  static defaultProps = {\n    group: 'default',\n    enabled: true,\n  };\n\n  componentWillUnmount() {\n    const { enabled, group, syncContext } = this.props;\n    const { unregisterPane } = syncContext;\n\n    if (enabled) unregisterPane(this.node, this.toArray(group));\n  }\n\n  toArray = groups => [].concat(groups);\n\n  render() {\n    const { children, group, syncContext, notPaginated } = this.props;\n    const { registerPane } = syncContext;\n\n    return children({\n      registerPane: node => {\n        if (notPaginated) {\n          const virtualizedBody = node.querySelector(\n            '.virtualized-body-wrapper',\n          );\n          if (virtualizedBody) {\n            registerPane(virtualizedBody, this.toArray(group));\n          }\n        }\n        return registerPane(node, this.toArray(group));\n      },\n    });\n  }\n}\n\nexport const ScrollSyncPaneHOC = props => (\n  <ScrollSyncContext.Consumer>\n    {context => <ScrollSyncPane {...props} syncContext={context} />}\n  </ScrollSyncContext.Consumer>\n);\n\nexport default ScrollSyncPaneHOC;\n"],
+  "mappings": "AAAA;ACCA;AACA;AAYA,6BAA6B,UAAU;AAAA,EAAvC,cAdA;AAcA;AAaE,mBAAU,YAAU,GAAG,OAAO;AAAA;AAAA,EAP9B,uBAAuB;AACrB,UAAM,EAAE,SAAS,OAAO,gBAAgB,KAAK;AAC7C,UAAM,EAAE,mBAAmB;AAE3B,QAAI;AAAS,qBAAe,KAAK,MAAM,KAAK,QAAQ;AAAA;AAAA,EAKtD,SAAS;AACP,UAAM,EAAE,UAAU,OAAO,aAAa,iBAAiB,KAAK;AAC5D,UAAM,EAAE,iBAAiB;AAEzB,WAAO,SAAS;AAAA,MACd,cAAc,UAAQ;AACpB,YAAI,cAAc;AAChB,gBAAM,kBAAkB,KAAK,cAC3B;AAEF,cAAI,iBAAiB;AACnB,yBAAa,iBAAiB,KAAK,QAAQ;AAAA;AAAA;AAG/C,eAAO,aAAa,MAAM,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA;AA5BtC,AADT,eACS,eAAe;AAAA,EACpB,OAAO;AAAA,EACP,SAAS;AAAA;AAgCN,MAAM,oBAAoB,WAC/B,qCAAC,kBAAkB,UAAnB,MACG,aAAW,qCAAC,gBAAD;AAAA,KAAoB;AAAA,EAAO,aAAa;AAAA;AAIxD,IAAO,yBAAQ;",
+  "names": []
+}

package/esm/ScrollSync/ScrollSyncProvider.js

@@ -1,27 +1,65 @@
-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) => {
+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) => {
     const {
       scrollTop,
       scrollHeight,
@@ -32,28 +70,22 @@ function ScrollSyncProvider(_ref) {
     } = scrolledPane;
     const scrollTopOffset = scrollHeight - clientHeight;
     const scrollLeftOffset = scrollWidth - clientWidth;
-    const {
-      proportional,
-      vertical,
-      horizontal
-    } = this.props;
-    /* Calculate the actual pane height */
-
+    const { proportional, vertical: vertical2, horizontal: horizontal2 } = this.props;
     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; // eslint-disable-line
+    if (vertical2 && scrollTopOffset > 0) {
+      pane.scrollTop = proportional ? paneHeight * scrollTop / scrollTopOffset : scrollTop;
     }
-
-    if (horizontal && scrollLeftOffset > 0) {
-      pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft; // eslint-disable-line
+    if (horizontal2 && scrollLeftOffset > 0) {
+      pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft;
     }
   });
-  return /*#__PURE__*/_jsx(Provider, {}, void 0, children);
+  return /* @__PURE__ */ React2.createElement(Provider, null, children);
 }
-
+ScrollSyncProvider.propTypes = {};
 ScrollSyncProvider.defaultProps = {};
-
-export { ScrollSyncProvider as default };
+var ScrollSyncProvider_default = ScrollSyncProvider;
+export {
+  ScrollSyncProvider_default as default
+};
+//# sourceMappingURL=ScrollSyncProvider.js.map

package/esm/ScrollSync/ScrollSyncProvider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/ScrollSync/ScrollSyncProvider.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport raf from 'raf';\nimport PropTypes from 'prop-types';\n\nconst ScrollSyncContext = React.createContext();\n\nconst { Provider } = ScrollSyncContext;\n\nfunction ScrollSyncProvider({ enabled, horizontal, vertical, children }) {\n  const panes = useRef();\n\n  const registerPane = (node, groups) => {\n    groups.forEach(group => {\n      if (!this.panes[group]) {\n        this.panes[group] = [];\n      }\n\n      if (!this.findPane(node, group)) {\n        if (this.panes[group].length > 0) {\n          this.syncScrollPosition(this.panes[group][0], node);\n        }\n        this.panes[group].push(node);\n      }\n    });\n    this.addEvents(node, groups);\n  };\n  const unregisterPane = (node, groups) => {\n    groups.forEach(group => {\n      if (this.findPane(node, group)) {\n        this.removeEvents(node);\n        this.panes[group].splice(this.panes[group].indexOf(node), 1);\n      }\n    });\n  };\n  const addEvents = (node, groups) => {\n    /* For some reason element.addEventListener doesnt work with document.body */\n    node.onscroll = this.handlePaneScroll.bind(this, node, groups); // eslint-disable-line\n  };\n  const removeEvents = node => {\n    /* For some reason element.removeEventListener doesnt work with document.body */\n    node.onscroll = null; // eslint-disable-line\n  };\n  const findPane = (node, group) => {\n    if (!this.panes[group]) {\n      return false;\n    }\n\n    return this.panes[group].find(pane => pane === node);\n  };\n  const handlePaneScroll = (node, groups) => {\n    if (!enabled) return;\n\n    window.requestAnimationFrame(() => {\n      this.syncScrollPositions(node, groups);\n    });\n  };\n  const syncScrollPositions = (scrolledPane, groups) => {\n    groups.forEach(group => {\n      this.panes[group].forEach(pane => {\n        /* For all panes beside the currently scrolling one */\n        if (scrolledPane !== pane) {\n          /* Remove event listeners from the node that we'll manipulate */\n          this.removeEvents(pane, group);\n          this.syncScrollPosition(scrolledPane, pane);\n          /* Re-attach event listeners after we're done scrolling */\n          window.requestAnimationFrame(() => {\n            this.addEvents(pane, groups);\n          });\n        }\n      });\n    });\n  };\n  const syncScrollPosition = raf((scrolledPane, pane) => {\n    const {\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n      scrollLeft,\n      scrollWidth,\n      clientWidth,\n    } = scrolledPane;\n\n    const scrollTopOffset = scrollHeight - clientHeight;\n    const scrollLeftOffset = scrollWidth - clientWidth;\n\n    const { proportional, vertical, horizontal } = this.props;\n\n    /* Calculate the actual pane height */\n    const paneHeight = pane.scrollHeight - clientHeight;\n    const paneWidth = pane.scrollWidth - clientWidth;\n    /* Adjust the scrollTop position of it accordingly */\n    if (vertical && scrollTopOffset > 0) {\n      pane.scrollTop = proportional\n        ? (paneHeight * scrollTop) / scrollTopOffset\n        : scrollTop; // eslint-disable-line\n    }\n    if (horizontal && scrollLeftOffset > 0) {\n      pane.scrollLeft = proportional\n        ? (paneWidth * scrollLeft) / scrollLeftOffset\n        : scrollLeft; // eslint-disable-line\n    }\n  });\n\n  return <Provider>{children}</Provider>;\n}\n\nScrollSyncProvider.propTypes = {};\nScrollSyncProvider.defaultProps = {};\n\nexport default ScrollSyncProvider;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAGA,MAAM,oBAAoB,OAAM;AAEhC,MAAM,EAAE,aAAa;AAErB,4BAA4B,EAAE,SAAS,YAAY,UAAU,YAAY;AACvE,QAAM,QAAQ;AAEd,QAAM,eAAe,CAAC,MAAM,WAAW;AACrC,WAAO,QAAQ,WAAS;AACtB,UAAI,CAAC,KAAK,MAAM,QAAQ;AACtB,aAAK,MAAM,SAAS;AAAA;AAGtB,UAAI,CAAC,KAAK,SAAS,MAAM,QAAQ;AAC/B,YAAI,KAAK,MAAM,OAAO,SAAS,GAAG;AAChC,eAAK,mBAAmB,KAAK,MAAM,OAAO,IAAI;AAAA;AAEhD,aAAK,MAAM,OAAO,KAAK;AAAA;AAAA;AAG3B,SAAK,UAAU,MAAM;AAAA;AAEvB,QAAM,iBAAiB,CAAC,MAAM,WAAW;AACvC,WAAO,QAAQ,WAAS;AACtB,UAAI,KAAK,SAAS,MAAM,QAAQ;AAC9B,aAAK,aAAa;AAClB,aAAK,MAAM,OAAO,OAAO,KAAK,MAAM,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAIhE,QAAM,YAAY,CAAC,MAAM,WAAW;AAElC,SAAK,WAAW,KAAK,iBAAiB,KAAK,MAAM,MAAM;AAAA;AAEzD,QAAM,eAAe,UAAQ;AAE3B,SAAK,WAAW;AAAA;AAElB,QAAM,WAAW,CAAC,MAAM,UAAU;AAChC,QAAI,CAAC,KAAK,MAAM,QAAQ;AACtB,aAAO;AAAA;AAGT,WAAO,KAAK,MAAM,OAAO,KAAK,UAAQ,SAAS;AAAA;AAEjD,QAAM,mBAAmB,CAAC,MAAM,WAAW;AACzC,QAAI,CAAC;AAAS;AAEd,WAAO,sBAAsB,MAAM;AACjC,WAAK,oBAAoB,MAAM;AAAA;AAAA;AAGnC,QAAM,sBAAsB,CAAC,cAAc,WAAW;AACpD,WAAO,QAAQ,WAAS;AACtB,WAAK,MAAM,OAAO,QAAQ,UAAQ;AAEhC,YAAI,iBAAiB,MAAM;AAEzB,eAAK,aAAa,MAAM;AACxB,eAAK,mBAAmB,cAAc;AAEtC,iBAAO,sBAAsB,MAAM;AACjC,iBAAK,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAM/B,QAAM,qBAAqB,IAAI,CAAC,cAAc,SAAS;AACrD,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE;AAEJ,UAAM,kBAAkB,eAAe;AACvC,UAAM,mBAAmB,cAAc;AAEvC,UAAM,EAAE,cAAc,qBAAU,4BAAe,KAAK;AAGpD,UAAM,aAAa,KAAK,eAAe;AACvC,UAAM,YAAY,KAAK,cAAc;AAErC,QAAI,aAAY,kBAAkB,GAAG;AACnC,WAAK,YAAY,eACZ,aAAa,YAAa,kBAC3B;AAAA;AAEN,QAAI,eAAc,mBAAmB,GAAG;AACtC,WAAK,aAAa,eACb,YAAY,aAAc,mBAC3B;AAAA;AAAA;AAIR,SAAO,qCAAC,UAAD,MAAW;AAAA;AAGpB,mBAAmB,YAAY;AAC/B,mBAAmB,eAAe;AAElC,IAAO,6BAAQ;",
+  "names": []
+}

package/esm/ScrollSync/index.js

@@ -1,2 +1,8 @@
-export { default as ScrollSync } from './ScrollSync.js';
-export { default as ScrollSyncPane } from './ScrollSyncPane.js';
+import * as React from "react";
+import { ScrollSync } from "./ScrollSync";
+import { ScrollSyncPaneHOC } from "./ScrollSyncPane";
+export {
+  ScrollSync,
+  ScrollSyncPaneHOC as ScrollSyncPane
+};
+//# sourceMappingURL=index.js.map

package/esm/ScrollSync/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/ScrollSync/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { ScrollSync } from './ScrollSync';\nexport { ScrollSyncPaneHOC as ScrollSyncPane } from './ScrollSyncPane';\n"],
+  "mappings": "AAAA;ACAA;AACA;",
+  "names": []
+}

package/esm/ScrollSync/useScrollSync.js

@@ -1,8 +1,12 @@
-function useScrollSync(props) {
+import * as React from "react";
+const useScrollSync = (props) => {
   return {};
-}
-
+};
 useScrollSync.propTypes = {};
 useScrollSync.defaultProps = {};
-
-export { useScrollSync as default };
+var useScrollSync_default = useScrollSync;
+export {
+  useScrollSync_default as default,
+  useScrollSync
+};
+//# sourceMappingURL=useScrollSync.js.map

package/esm/ScrollSync/useScrollSync.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/ScrollSync/useScrollSync.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst useScrollSync = (props) => {\n  return {};\n}\n\nuseScrollSync.propTypes = {};\nuseScrollSync.defaultProps = {};\n\nexport { useScrollSync };\nexport default useScrollSync;\n"],
+  "mappings": "AAAA;ACGA,MAAM,gBAAgB,CAAC,UAAU;AAC/B,SAAO;AAAA;AAGT,cAAc,YAAY;AAC1B,cAAc,eAAe;AAG7B,IAAO,wBAAQ;",
+  "names": []
+}

package/esm/constants.js

@@ -1,32 +1,41 @@
+import * as React from "react";
 const DEFAULT_DELAY_OPEN = 200;
 const DEFAULT_DELAY_CLOSE = 300;
-const sizeOptions = ['small', 'medium', 'large', 'x-large'];
-const AM = 'am';
-const PM = 'pm';
-const ARROW_UP = 'ArrowUp';
-const ARROW_DOWN = 'ArrowDown';
-const BACKSPACE = 'Backspace';
-const ESCAPE = 'Escape';
-const HOME = 'Home';
-const SHIFT = 'Shift';
-const END = 'End';
-const HOUR_RANGE_12 = {
-  min: 0,
-  max: 12
-};
-const HOUR_RANGE_24 = {
-  min: 0,
-  max: 24
-};
-const GENERAL_TIME_RANGE = {
-  min: 0,
-  max: 59
-};
+const sizeOptions = ["small", "medium", "large", "x-large"];
+const AM = "am";
+const PM = "pm";
+const ARROW_UP = "ArrowUp";
+const ARROW_DOWN = "ArrowDown";
+const BACKSPACE = "Backspace";
+const ESCAPE = "Escape";
+const HOME = "Home";
+const SHIFT = "Shift";
+const END = "End";
+const HOUR_RANGE_12 = { min: 0, max: 12 };
+const HOUR_RANGE_24 = { min: 0, max: 24 };
+const GENERAL_TIME_RANGE = { min: 0, max: 59 };
 const PLACEHOLDER_TIME = {
-  hour: 'hour',
-  minutes: 'minutes',
-  seconds: 'seconds',
-  meridiem: 'meridiem'
+  hour: "hour",
+  minutes: "minutes",
+  seconds: "seconds",
+  meridiem: "meridiem"
+};
+export {
+  AM,
+  ARROW_DOWN,
+  ARROW_UP,
+  BACKSPACE,
+  DEFAULT_DELAY_CLOSE,
+  DEFAULT_DELAY_OPEN,
+  END,
+  ESCAPE,
+  GENERAL_TIME_RANGE,
+  HOME,
+  HOUR_RANGE_12,
+  HOUR_RANGE_24,
+  PLACEHOLDER_TIME,
+  PM,
+  SHIFT,
+  sizeOptions
 };
-
-export { AM, ARROW_DOWN, ARROW_UP, BACKSPACE, DEFAULT_DELAY_CLOSE, DEFAULT_DELAY_OPEN, END, ESCAPE, GENERAL_TIME_RANGE, HOME, HOUR_RANGE_12, HOUR_RANGE_24, PLACEHOLDER_TIME, PM, SHIFT, sizeOptions };
+//# sourceMappingURL=constants.js.map

package/esm/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/constants.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DEFAULT_DELAY_OPEN = 200;\nexport const DEFAULT_DELAY_CLOSE = 300;\nexport const sizeOptions = ['small', 'medium', 'large', 'x-large'];\nexport const AM = 'am';\nexport const PM = 'pm';\nexport const ARROW_UP = 'ArrowUp';\nexport const ARROW_DOWN = 'ArrowDown';\nexport const BACKSPACE = 'Backspace';\nexport const ESCAPE = 'Escape';\nexport const HOME = 'Home';\nexport const SHIFT = 'Shift';\nexport const END = 'End';\nexport const HOUR_RANGE_12 = { min: 0, max: 12 };\nexport const HOUR_RANGE_24 = { min: 0, max: 24 };\nexport const GENERAL_TIME_RANGE = { min: 0, max: 59 };\nexport const PLACEHOLDER_TIME = {\n  hour: 'hour',\n  minutes: 'minutes',\n  seconds: 'seconds',\n  meridiem: 'meridiem',\n};\n"],
+  "mappings": "AAAA;ACAO,MAAM,qBAAqB;AAC3B,MAAM,sBAAsB;AAC5B,MAAM,cAAc,CAAC,SAAS,UAAU,SAAS;AACjD,MAAM,KAAK;AACX,MAAM,KAAK;AACX,MAAM,WAAW;AACjB,MAAM,aAAa;AACnB,MAAM,YAAY;AAClB,MAAM,SAAS;AACf,MAAM,OAAO;AACb,MAAM,QAAQ;AACd,MAAM,MAAM;AACZ,MAAM,gBAAgB,EAAE,KAAK,GAAG,KAAK;AACrC,MAAM,gBAAgB,EAAE,KAAK,GAAG,KAAK;AACrC,MAAM,qBAAqB,EAAE,KAAK,GAAG,KAAK;AAC1C,MAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AAAA;",
+  "names": []
+}