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

package/dist/esm/FocusGroup/useFocusGroupItem.js

@@ -0,0 +1,53 @@
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import { useContext, useEffect } from "react";
+import { FocusGroupContext } from "./FocusGroupContext";
+function useFocusGroupItem(ref = {}, props) {
+  const _a = useContext(FocusGroupContext) || {}, { register, unregister } = _a, otherActions = __objRest(_a, ["register", "unregister"]);
+  useEffect(() => {
+    if (ref.current && register)
+      register(ref.current, props);
+    return () => {
+      if (ref.current && unregister)
+        unregister(ref.current);
+    };
+  });
+  if (!register)
+    return {};
+  return otherActions;
+}
+const useFocusGroupWithState = (ref = {}, props) => {
+  const _a = useContext(FocusGroupContext) || {}, { register, unregister } = _a, otherActions = __objRest(_a, ["register", "unregister"]);
+  useEffect(() => {
+    if (ref && register)
+      register(ref, props);
+    return () => {
+      if (ref && unregister)
+        unregister(ref);
+    };
+  }, [ref]);
+  if (!register)
+    return {};
+  return otherActions;
+};
+var useFocusGroupItem_default = useFocusGroupItem;
+export {
+  useFocusGroupItem_default as default,
+  useFocusGroupItem,
+  useFocusGroupWithState
+};
+//# sourceMappingURL=useFocusGroupItem.js.map

package/dist/esm/FocusGroup/useFocusGroupItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FocusGroup/useFocusGroupItem.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useContext, useEffect } from 'react';\nimport { FocusGroupContext } from './FocusGroupContext';\n\nfunction useFocusGroupItem(ref = {}, props) {\n  const { register, unregister, ...otherActions } =\n    useContext(FocusGroupContext) || {};\n\n  useEffect(() => {\n    if (ref.current && register) register(ref.current, props);\n    return () => {\n      if (ref.current && unregister) unregister(ref.current);\n    };\n  });\n\n  // if the focus item is not wrapped with the focus provider then return null\n  if (!register) return {};\n  return otherActions;\n}\n\nexport const useFocusGroupWithState = (ref = {}, props) => {\n  const { register, unregister, ...otherActions } =\n    useContext(FocusGroupContext) || {};\n\n  useEffect(() => {\n    if (ref && register) register(ref, props);\n    return () => {\n      if (ref && unregister) unregister(ref);\n    };\n  }, [ref]);\n\n  // if the focus item is not wrapped with the focus provider then return null\n  if (!register) return {};\n  return otherActions;\n};\n\nexport { useFocusGroupItem };\nexport default useFocusGroupItem;\n"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAEA,2BAA2B,MAAM,IAAI,OAAO;AAC1C,QACE,gBAAW,sBAAsB,IAD3B,YAAU,eAChB,IAD+B,yBAC/B,IAD+B,CAAzB,YAAU;AAGlB,YAAU,MAAM;AACd,QAAI,IAAI,WAAW;AAAU,eAAS,IAAI,SAAS;AACnD,WAAO,MAAM;AACX,UAAI,IAAI,WAAW;AAAY,mBAAW,IAAI;AAAA;AAAA;AAKlD,MAAI,CAAC;AAAU,WAAO;AACtB,SAAO;AAAA;AAGF,MAAM,yBAAyB,CAAC,MAAM,IAAI,UAAU;AACzD,QACE,gBAAW,sBAAsB,IAD3B,YAAU,eAChB,IAD+B,yBAC/B,IAD+B,CAAzB,YAAU;AAGlB,YAAU,MAAM;AACd,QAAI,OAAO;AAAU,eAAS,KAAK;AACnC,WAAO,MAAM;AACX,UAAI,OAAO;AAAY,mBAAW;AAAA;AAAA,KAEnC,CAAC;AAGJ,MAAI,CAAC;AAAU,WAAO;AACtB,SAAO;AAAA;AAIT,IAAO,4BAAQ;",
+  "names": []
+}

package/{esm → dist/esm}/FocusGroup/utils/getNextCellPosition.js

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

package/dist/esm/FocusGroup/utils/getNextCellPosition.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/FocusGroup/utils/getNextCellPosition.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// eslint-disable-next-line max-statements\nfunction getNextCellPosition({\n  grid,\n  currentRow = 0,\n  currentCell = 0,\n  directionY,\n  directionX,\n  shouldWrapCells,\n  shouldWrapRows,\n}) {\n  let nextRow = currentRow + directionY;\n  let nextCell = currentCell + directionX;\n  const rowCount = grid.length;\n  const isLeftRight = directionX !== 0;\n\n  if (!rowCount) {\n    return false;\n  }\n\n  const cellsLength = grid[0].length;\n\n  // moving horizontally\n  if (shouldWrapCells && isLeftRight) {\n    // to left\n    if (nextCell < 0) {\n      nextCell = cellsLength - 1;\n      nextRow -= 1;\n    }\n\n    if (nextCell >= cellsLength) {\n      nextCell = 0;\n      nextRow += 1;\n    }\n  }\n\n  // moving vertically\n  if (shouldWrapRows && !isLeftRight) {\n    // to top\n    if (nextRow < 0) {\n      nextCell -= 1;\n      nextRow = rowCount - 1;\n      if (grid[nextRow] && nextCell >= 0 && !grid[nextRow][nextCell]) {\n        nextRow -= 1;\n      }\n    } else if (nextRow >= rowCount || !grid[nextRow][nextCell]) {\n      nextRow = 0;\n      nextCell += 1;\n    }\n  }\n\n  return {\n    cellIndex: nextCell,\n    rowIndex: nextRow,\n  };\n}\n\nexport { getNextCellPosition };\nexport default getNextCellPosition;"],
+  "mappings": "AAAA;ACCA,6BAA6B;AAAA,EAC3B;AAAA,EACA,aAAa;AAAA,EACb,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GACC;AACD,MAAI,UAAU,aAAa;AAC3B,MAAI,WAAW,cAAc;AAC7B,QAAM,WAAW,KAAK;AACtB,QAAM,cAAc,eAAe;AAEnC,MAAI,CAAC,UAAU;AACb,WAAO;AAAA;AAGT,QAAM,cAAc,KAAK,GAAG;AAG5B,MAAI,mBAAmB,aAAa;AAElC,QAAI,WAAW,GAAG;AAChB,iBAAW,cAAc;AACzB,iBAAW;AAAA;AAGb,QAAI,YAAY,aAAa;AAC3B,iBAAW;AACX,iBAAW;AAAA;AAAA;AAKf,MAAI,kBAAkB,CAAC,aAAa;AAElC,QAAI,UAAU,GAAG;AACf,kBAAY;AACZ,gBAAU,WAAW;AACrB,UAAI,KAAK,YAAY,YAAY,KAAK,CAAC,KAAK,SAAS,WAAW;AAC9D,mBAAW;AAAA;AAAA,eAEJ,WAAW,YAAY,CAAC,KAAK,SAAS,WAAW;AAC1D,gBAAU;AACV,kBAAY;AAAA;AAAA;AAIhB,SAAO;AAAA,IACL,WAAW;AAAA,IACX,UAAU;AAAA;AAAA;AAKd,IAAO,8BAAQ;",
+  "names": []
+}

package/dist/esm/GroupContext/Group.js

@@ -0,0 +1,86 @@
+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;
+  if (target) {
+    const { value } = target;
+    return value;
+  }
+  if (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;
+class Group extends Component {
+  constructor(props) {
+    super(props);
+    const { activeValue, disabled } = props;
+    this.state = {
+      activeValue,
+      disabled,
+      prevValue: null,
+      onChange: this.handleChange.bind(this)
+    };
+  }
+  static getDerivedStateFromProps(nextProps, { prevValue }) {
+    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;
+    const value = getValueItem(e);
+    let newValue;
+    if (multiple) {
+      newValue = toggleItemValue(activeValue || [], value);
+    } else if (activeValue !== value) {
+      newValue = value;
+    }
+    this.setState({
+      activeValue: newValue
+    });
+    if (onChange)
+      onChange(newValue, ...rest);
+  }
+  render() {
+    const { children } = this.props;
+    return /* @__PURE__ */ React2.createElement(Provider, {
+      value: this.state
+    }, 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

package/dist/esm/GroupContext/Group.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/GroupContext/Group.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/no-unused-state */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { GroupContext } from './GroupContext';\n\nconst getValueItem = (e) => {\n  const { target, currentTarget } = e;\n  if (target) {\n    const { value } = target;\n    return value;\n  }\n  if (currentTarget) {\n    const { value } = currentTarget;\n    return value;\n  }\n  return e;\n};\n\nconst toggleItemValue = (array, e) => {\n  const newvalue = getValueItem(e);\n  const res = array;\n  const index = array.indexOf(newvalue);\n\n  if (index === -1) {\n    res.push(newvalue);\n  } else {\n    res.splice(index, 1);\n  }\n\n  return res;\n};\n\nconst { Provider } = GroupContext;\n/** deprecated use CheckableGroup instead */\nclass Group extends Component {\n  constructor(props) {\n    super(props);\n    const { activeValue, disabled } = props;\n    this.state = {\n      activeValue,\n      disabled,\n      prevValue: null,\n      onChange: this.handleChange.bind(this),\n    };\n  }\n\n  static getDerivedStateFromProps(nextProps, { prevValue }) {\n    if (nextProps.activeValue === prevValue) return null;\n    return {\n      activeValue: nextProps.activeValue,\n      prevValue: nextProps.activeValue,\n    };\n  }\n\n  handleChange(e, ...rest) {\n    const { multiple, onChange } = this.props;\n    const { activeValue } = this.state;\n    const value = getValueItem(e);\n    let newValue;\n    if (multiple) {\n      newValue = toggleItemValue(activeValue || [], value);\n    } else if (activeValue !== value) {\n      // default behaviour it will be toggle the active value\n      newValue = value;\n    }\n\n    this.setState({\n      activeValue: newValue,\n    });\n\n    if (onChange) onChange(newValue, ...rest);\n  }\n\n  render() {\n    const { children } = this.props;\n    return <Provider value={this.state}>{children}</Provider>;\n  }\n}\n\nGroup.defaultProps = {\n  multiple: false,\n};\n\nGroup.propTypes = {\n  children: PropTypes.array,\n  multiple: PropTypes.bool,\n  onChange: PropTypes.func,\n  activeValue: PropTypes.oneOfType([PropTypes.array, PropTypes.number]),\n  disabled: PropTypes.bool,\n};\n\nexport { Group };\nexport default Group;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AAEA,MAAM,eAAe,CAAC,MAAM;AAC1B,QAAM,EAAE,QAAQ,kBAAkB;AAClC,MAAI,QAAQ;AACV,UAAM,EAAE,UAAU;AAClB,WAAO;AAAA;AAET,MAAI,eAAe;AACjB,UAAM,EAAE,UAAU;AAClB,WAAO;AAAA;AAET,SAAO;AAAA;AAGT,MAAM,kBAAkB,CAAC,OAAO,MAAM;AACpC,QAAM,WAAW,aAAa;AAC9B,QAAM,MAAM;AACZ,QAAM,QAAQ,MAAM,QAAQ;AAE5B,MAAI,UAAU,IAAI;AAChB,QAAI,KAAK;AAAA,SACJ;AACL,QAAI,OAAO,OAAO;AAAA;AAGpB,SAAO;AAAA;AAGT,MAAM,EAAE,aAAa;AAErB,oBAAoB,UAAU;AAAA,EAC5B,YAAY,OAAO;AACjB,UAAM;AACN,UAAM,EAAE,aAAa,aAAa;AAClC,SAAK,QAAQ;AAAA,MACX;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,UAAU,KAAK,aAAa,KAAK;AAAA;AAAA;AAAA,SAI9B,yBAAyB,WAAW,EAAE,aAAa;AACxD,QAAI,UAAU,gBAAgB;AAAW,aAAO;AAChD,WAAO;AAAA,MACL,aAAa,UAAU;AAAA,MACvB,WAAW,UAAU;AAAA;AAAA;AAAA,EAIzB,aAAa,MAAM,MAAM;AACvB,UAAM,EAAE,UAAU,aAAa,KAAK;AACpC,UAAM,EAAE,gBAAgB,KAAK;AAC7B,UAAM,QAAQ,aAAa;AAC3B,QAAI;AACJ,QAAI,UAAU;AACZ,iBAAW,gBAAgB,eAAe,IAAI;AAAA,eACrC,gBAAgB,OAAO;AAEhC,iBAAW;AAAA;AAGb,SAAK,SAAS;AAAA,MACZ,aAAa;AAAA;AAGf,QAAI;AAAU,eAAS,UAAU,GAAG;AAAA;AAAA,EAGtC,SAAS;AACP,UAAM,EAAE,aAAa,KAAK;AAC1B,WAAO,qCAAC,UAAD;AAAA,MAAU,OAAO,KAAK;AAAA,OAAQ;AAAA;AAAA;AAIzC,MAAM,eAAe;AAAA,EACnB,UAAU;AAAA;AAGZ,MAAM,YAAY;AAAA,EAChB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU;AAAA,EAC7D,UAAU,UAAU;AAAA;AAItB,IAAO,gBAAQ;",
+  "names": []
+}

package/dist/esm/GroupContext/GroupContext.js

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

package/dist/esm/GroupContext/GroupContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/GroupContext/GroupContext.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nexport const GroupContext = React.createContext();\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,eAAe,OAAM;",
+  "names": []
+}

package/dist/esm/GroupContext/GroupItem.js

@@ -0,0 +1,11 @@
+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
+};
+//# sourceMappingURL=GroupItem.js.map

package/dist/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/dist/esm/GroupContext/index.js

@@ -0,0 +1,10 @@
+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/dist/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 → dist/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/dist/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/dist/esm/ScrollSync/ScrollSyncPane.js

@@ -0,0 +1,62 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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);
+  }
+  componentWillUnmount() {
+    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;
+    return children({
+      registerPane: (node) => {
+        if (notPaginated) {
+          const virtualizedBody = node.querySelector(".virtualized-body-wrapper");
+          if (virtualizedBody) {
+            registerPane(virtualizedBody, this.toArray(group));
+          }
+        }
+        return registerPane(node, this.toArray(group));
+      }
+    });
+  }
+}
+ScrollSyncPane.defaultProps = {
+  group: "default",
+  enabled: true
+};
+const ScrollSyncPaneHOC = (props) => /* @__PURE__ */ React2.createElement(ScrollSyncContext.Consumer, null, (context) => /* @__PURE__ */ React2.createElement(ScrollSyncPane, __spreadProps(__spreadValues({}, props), {
+  syncContext: context
+})));
+var ScrollSyncPane_default = ScrollSyncPaneHOC;
+export {
+  ScrollSyncPaneHOC,
+  ScrollSyncPane_default as default
+};
+//# sourceMappingURL=ScrollSyncPane.js.map

package/dist/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,iCAAoB,QAApB;AAAA,EAA2B,aAAa;AAAA;AAIxD,IAAO,yBAAQ;",
+  "names": []
+}