@elliemae/ds-shared 3.0.0-next.13 → 3.0.0-next.17

package/dist/cjs/Animations/GrowVertical.js

@@ -5,6 +5,10 @@ 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))
@@ -16,6 +20,16 @@ var __reExport = (target, module2, copyDefault, desc) => {
 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 GrowVertical_exports = {};
+__export(GrowVertical_exports, {
+  GrowVertical: () => GrowVertical,
+  default: () => GrowVertical_default
+});
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_BaseAnimation = require("./BaseAnimation");
@@ -44,4 +58,6 @@ const GrowVertical = ({
   },
   onRest
 }, children);
+var GrowVertical_default = GrowVertical;
+module.exports = __toCommonJS(GrowVertical_exports);
 //# sourceMappingURL=GrowVertical.js.map

package/dist/cjs/Animations/GrowVertical.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Animations/GrowVertical.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { BaseAnimation } from './BaseAnimation';\n\nconst GrowVertical = ({\n  keys = undefined,\n  duration,\n  items = undefined,\n  from = 0,\n  to = 1,\n  children,\n  onRest = () => null,\n}) => (\n  <BaseAnimation\n    duration={duration}\n    enter={{ opacity: 1, transform: `scaleY(${to})`, transformOrigin: 'top' }}\n    from={{\n      opacity: 0,\n      transform: `scaleY(${from})`,\n      transformOrigin: 'top',\n    }}\n    items={items}\n    keys={keys}\n    leave={{\n      opacity: 0,\n      transform: `scaleY(${from})`,\n      transformOrigin: 'top',\n    }}\n    onRest={onRest}\n  >\n    {children}\n  </BaseAnimation>\n);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACAvB,mBAAkB;AAClB,2BAA8B;AAE9B,MAAM,eAAe,CAAC;AAAA,EACpB,OAAO;AAAA,EACP;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AAAA,EACL;AAAA,EACA,SAAS,MAAM;AAAA,MAEf,mDAAC,oCAAD;AAAA,EACE;AAAA,EACA,OAAO,EAAE,SAAS,GAAG,WAAW,UAAU,OAAO,iBAAiB;AAAA,EAClE,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,WAAW,UAAU;AAAA,IACrB,iBAAiB;AAAA;AAAA,EAEnB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,IACT,WAAW,UAAU;AAAA,IACrB,iBAAiB;AAAA;AAAA,EAEnB;AAAA,GAEC;",
+  "sources": ["../../../src/Animations/GrowVertical.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { BaseAnimation } from './BaseAnimation';\n\nconst GrowVertical = ({\n  keys = undefined,\n  duration,\n  items = undefined,\n  from = 0,\n  to = 1,\n  children,\n  onRest = () => null,\n}) => (\n  <BaseAnimation\n    duration={duration}\n    enter={{ opacity: 1, transform: `scaleY(${to})`, transformOrigin: 'top' }}\n    from={{\n      opacity: 0,\n      transform: `scaleY(${from})`,\n      transformOrigin: 'top',\n    }}\n    items={items}\n    keys={keys}\n    leave={{\n      opacity: 0,\n      transform: `scaleY(${from})`,\n      transformOrigin: 'top',\n    }}\n    onRest={onRest}\n  >\n    {children}\n  </BaseAnimation>\n);\n\nexport { GrowVertical };\nexport default GrowVertical;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,2BAA8B;AAE9B,MAAM,eAAe,CAAC;AAAA,EACpB,OAAO;AAAA,EACP;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AAAA,EACL;AAAA,EACA,SAAS,MAAM;AAAA,MAEf,mDAAC,oCAAD;AAAA,EACE;AAAA,EACA,OAAO,EAAE,SAAS,GAAG,WAAW,UAAU,OAAO,iBAAiB;AAAA,EAClE,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,WAAW,UAAU;AAAA,IACrB,iBAAiB;AAAA;AAAA,EAEnB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,IACT,WAAW,UAAU;AAAA,IACrB,iBAAiB;AAAA;AAAA,EAEnB;AAAA,GAEC;AAKL,IAAO,uBAAQ;",
   "names": []
 }

package/dist/cjs/Animations/index.js

@@ -0,0 +1,31 @@
+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 __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 Animations_exports = {};
+var React = __toESM(require("react"));
+__reExport(Animations_exports, require("./BaseAnimation"));
+__reExport(Animations_exports, require("./Grow"));
+__reExport(Animations_exports, require("./GrowRight"));
+__reExport(Animations_exports, require("./GrowVertical"));
+module.exports = __toCommonJS(Animations_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/Animations/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Animations/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './BaseAnimation';\nexport * from './Grow';\nexport * from './GrowRight';\nexport * from './GrowVertical';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,+BAAc;AACd,+BAAc;AACd,+BAAc;AACd,+BAAc;",
+  "names": []
+}

package/dist/cjs/FocusGroup/index.js

@@ -29,19 +29,15 @@ var FocusGroup_exports = {};
 __export(FocusGroup_exports, {
   FocusGrid: () => import_FocusGrid.FocusGridProvider,
   FocusGridContext: () => import_FocusGrid.FocusGridContext,
-  FocusGroup: () => import_FocusGroup.FocusGroup,
-  FocusGroupContext: () => import_FocusGroupContext.FocusGroupContext,
-  FocusGroupManager: () => import_FocusGroupManager.FocusGroupManager,
-  focusGroupManagerHoc: () => import_focusGroupManagerHoc.FocusGroupHoc,
-  useFocusGroupItem: () => import_useFocusGroupItem.useFocusGroupItem,
-  useFocusGroupWithState: () => import_useFocusGroupItem.useFocusGroupWithState
+  focusGroupManagerHoc: () => import_focusGroupManagerHoc.FocusGroupHoc
 });
 var React = __toESM(require("react"));
-var import_FocusGroup = require("./FocusGroup");
-var import_FocusGroupContext = require("./FocusGroupContext");
-var import_FocusGroupManager = require("./FocusGroupManager");
-var import_useFocusGroupItem = require("./useFocusGroupItem");
+__reExport(FocusGroup_exports, require("./FocusGroup"));
+__reExport(FocusGroup_exports, require("./FocusGroupContext"));
+__reExport(FocusGroup_exports, require("./FocusGroupManager"));
+__reExport(FocusGroup_exports, require("./useFocusGroupItem"));
 var import_focusGroupManagerHoc = require("./focusGroupManagerHoc");
 var import_FocusGrid = require("./FocusGrid");
+__reExport(FocusGroup_exports, require("./utils/getNextCellPosition"));
 module.exports = __toCommonJS(FocusGroup_exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/FocusGroup/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/FocusGroup/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { FocusGroup } from './FocusGroup';\nexport { FocusGroupContext } from './FocusGroupContext';\nexport { FocusGroupManager } from './FocusGroupManager';\nexport { useFocusGroupItem, useFocusGroupWithState } from './useFocusGroupItem';\nexport { FocusGroupHoc as focusGroupManagerHoc } from './focusGroupManagerHoc';\nexport { FocusGridProvider as FocusGrid, FocusGridContext } from './FocusGrid';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA2B;AAC3B,+BAAkC;AAClC,+BAAkC;AAClC,+BAA0D;AAC1D,kCAAsD;AACtD,uBAAiE;",
+  "sourcesContent": ["export * from './FocusGroup';\nexport * from './FocusGroupContext';\nexport * from './FocusGroupManager';\nexport * from './useFocusGroupItem';\nexport { FocusGroupHoc as focusGroupManagerHoc } from './focusGroupManagerHoc';\nexport { FocusGridProvider as FocusGrid, FocusGridContext } from './FocusGrid';\nexport * from './utils/getNextCellPosition';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAc;AACd,+BAAc;AACd,+BAAc;AACd,+BAAc;AACd,kCAAsD;AACtD,uBAAiE;AACjE,+BAAc;",
   "names": []
 }

package/dist/cjs/ScrollSync/ScrollSyncProvider.js

@@ -27,6 +27,7 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
 var ScrollSyncProvider_exports = {};
 __export(ScrollSyncProvider_exports, {
+  ScrollSyncProvider: () => ScrollSyncProvider,
   default: () => ScrollSyncProvider_default
 });
 var React = __toESM(require("react"));
@@ -91,14 +92,7 @@ function ScrollSyncProvider({ enabled, horizontal, vertical, children }) {
     });
   };
   const syncScrollPosition = (0, import_raf.default)((scrolledPane, pane) => {
-    const {
-      scrollTop,
-      scrollHeight,
-      clientHeight,
-      scrollLeft,
-      scrollWidth,
-      clientWidth
-    } = scrolledPane;
+    const { scrollTop, scrollHeight, clientHeight, scrollLeft, scrollWidth, clientWidth } = scrolledPane;
     const scrollTopOffset = scrollHeight - clientHeight;
     const scrollLeftOffset = scrollWidth - clientWidth;
     const { proportional, vertical: vertical2, horizontal: horizontal2 } = this.props;

package/dist/cjs/ScrollSync/ScrollSyncProvider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ScrollSync/ScrollSyncProvider.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,iBAAgB;AAGhB,MAAM,oBAAoB,qBAAM;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,wBAAI,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,mDAAC,UAAD,MAAW;AAAA;AAGpB,mBAAmB,YAAY;AAC/B,mBAAmB,eAAe;AAElC,IAAO,6BAAQ;",
+  "sourcesContent": ["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 { scrollTop, scrollHeight, clientHeight, scrollLeft, scrollWidth, clientWidth } = 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 ? (paneHeight * scrollTop) / scrollTopOffset : scrollTop; // eslint-disable-line\n    }\n    if (horizontal && scrollLeftOffset > 0) {\n      pane.scrollLeft = proportional ? (paneWidth * scrollLeft) / scrollLeftOffset : scrollLeft; // eslint-disable-line\n    }\n  });\n\n  return <Provider>{children}</Provider>;\n}\n\nScrollSyncProvider.propTypes = {};\nScrollSyncProvider.defaultProps = {};\n\nexport default ScrollSyncProvider;\nexport { ScrollSyncProvider };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,iBAAgB;AAGhB,MAAM,oBAAoB,qBAAM;AAEhC,MAAM,EAAE,aAAa;AAErB,4BAA4B,EAAE,SAAS,YAAY,UAAU,YAAY;AACvE,QAAM,QAAQ;AAEd,QAAM,eAAe,CAAC,MAAM,WAAW;AACrC,WAAO,QAAQ,CAAC,UAAU;AACxB,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,CAAC,UAAU;AACxB,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,CAAC,SAAS;AAE7B,SAAK,WAAW;AAAA;AAElB,QAAM,WAAW,CAAC,MAAM,UAAU;AAChC,QAAI,CAAC,KAAK,MAAM,QAAQ;AACtB,aAAO;AAAA;AAGT,WAAO,KAAK,MAAM,OAAO,KAAK,CAAC,SAAS,SAAS;AAAA;AAEnD,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,CAAC,UAAU;AACxB,WAAK,MAAM,OAAO,QAAQ,CAAC,SAAS;AAElC,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,wBAAI,CAAC,cAAc,SAAS;AACrD,UAAM,EAAE,WAAW,cAAc,cAAc,YAAY,aAAa,gBAAgB;AAExF,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,eAAgB,aAAa,YAAa,kBAAkB;AAAA;AAE/E,QAAI,eAAc,mBAAmB,GAAG;AACtC,WAAK,aAAa,eAAgB,YAAY,aAAc,mBAAmB;AAAA;AAAA;AAInF,SAAO,mDAAC,UAAD,MAAW;AAAA;AAGpB,mBAAmB,YAAY;AAC/B,mBAAmB,eAAe;AAElC,IAAO,6BAAQ;",
   "names": []
 }

package/dist/cjs/ScrollSync/index.js

@@ -33,5 +33,7 @@ __export(ScrollSync_exports, {
 var React = __toESM(require("react"));
 var import_ScrollSync = require("./ScrollSync");
 var import_ScrollSyncPane = require("./ScrollSyncPane");
+__reExport(ScrollSync_exports, require("./ScrollSyncProvider"));
+__reExport(ScrollSync_exports, require("./useScrollSync"));
 module.exports = __toCommonJS(ScrollSync_exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/ScrollSync/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ScrollSync/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { ScrollSync } from './ScrollSync';\nexport { ScrollSyncPaneHOC as ScrollSyncPane } from './ScrollSyncPane';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA2B;AAC3B,4BAAoD;",
+  "sourcesContent": ["export { ScrollSync } from './ScrollSync';\nexport { ScrollSyncPaneHOC as ScrollSyncPane } from './ScrollSyncPane';\nexport * from './ScrollSyncProvider';\nexport * from './useScrollSync';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA2B;AAC3B,4BAAoD;AACpD,+BAAc;AACd,+BAAc;",
   "names": []
 }

package/dist/cjs/createDataInstance/createInstancePlugin.js

@@ -42,7 +42,8 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
 var createInstancePlugin_exports = {};
 __export(createInstancePlugin_exports, {
   createInstancePlugin: () => createInstancePlugin,
-  default: () => createInstancePlugin_default
+  default: () => createInstancePlugin_default,
+  getDecoratorsFromHooks: () => getDecoratorsFromHooks
 });
 var React = __toESM(require("react"));
 const getDecoratorsFromHooks = (hooks, decorators) => {

package/dist/cjs/createDataInstance/createInstancePlugin.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/createDataInstance/createInstancePlugin.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["const getDecoratorsFromHooks = (hooks, decorators) => {\n  const nextDecorators = { ...decorators };\n\n  Object.keys(hooks).forEach((decorator) => {\n    if (Array.isArray(decorators[decorator])) {\n      nextDecorators[decorator] = [...decorators[decorator], hooks[decorator]];\n    } else {\n      nextDecorators[decorator] = hooks[decorator];\n    }\n  });\n\n  return nextDecorators;\n};\n\nexport const createInstancePlugin = (name, hooks) => (decorators) => getDecoratorsFromHooks(hooks, decorators);\n\nexport default createInstancePlugin;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,MAAM,yBAAyB,CAAC,OAAO,eAAe;AACpD,QAAM,iBAAiB,mBAAK;AAE5B,SAAO,KAAK,OAAO,QAAQ,CAAC,cAAc;AACxC,QAAI,MAAM,QAAQ,WAAW,aAAa;AACxC,qBAAe,aAAa,CAAC,GAAG,WAAW,YAAY,MAAM;AAAA,WACxD;AACL,qBAAe,aAAa,MAAM;AAAA;AAAA;AAItC,SAAO;AAAA;AAGF,MAAM,uBAAuB,CAAC,MAAM,UAAU,CAAC,eAAe,uBAAuB,OAAO;AAEnG,IAAO,+BAAQ;",
+  "sourcesContent": ["const getDecoratorsFromHooks = (hooks, decorators) => {\n  const nextDecorators = { ...decorators };\n\n  Object.keys(hooks).forEach((decorator) => {\n    if (Array.isArray(decorators[decorator])) {\n      nextDecorators[decorator] = [...decorators[decorator], hooks[decorator]];\n    } else {\n      nextDecorators[decorator] = hooks[decorator];\n    }\n  });\n\n  return nextDecorators;\n};\n\nexport const createInstancePlugin = (name, hooks) => (decorators) => getDecoratorsFromHooks(hooks, decorators);\n\nexport default createInstancePlugin;\n\nexport { getDecoratorsFromHooks };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,MAAM,yBAAyB,CAAC,OAAO,eAAe;AACpD,QAAM,iBAAiB,mBAAK;AAE5B,SAAO,KAAK,OAAO,QAAQ,CAAC,cAAc;AACxC,QAAI,MAAM,QAAQ,WAAW,aAAa;AACxC,qBAAe,aAAa,CAAC,GAAG,WAAW,YAAY,MAAM;AAAA,WACxD;AACL,qBAAe,aAAa,MAAM;AAAA;AAAA;AAItC,SAAO;AAAA;AAGF,MAAM,uBAAuB,CAAC,MAAM,UAAU,CAAC,eAAe,uBAAuB,OAAO;AAEnG,IAAO,+BAAQ;",
   "names": []
 }

package/dist/cjs/createDataInstance/index.js

@@ -0,0 +1,30 @@
+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 __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 createDataInstance_exports = {};
+var React = __toESM(require("react"));
+__reExport(createDataInstance_exports, require("./createInstancePlugin"));
+__reExport(createDataInstance_exports, require("./createInstanceRef"));
+__reExport(createDataInstance_exports, require("./utils"));
+module.exports = __toCommonJS(createDataInstance_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/createDataInstance/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/createDataInstance/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './createInstancePlugin';\nexport * from './createInstanceRef';\nexport * from './utils';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,uCAAc;AACd,uCAAc;AACd,uCAAc;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -5,10 +5,6 @@ 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))
@@ -26,15 +22,22 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
 var src_exports = {};
-__export(src_exports, {
-  Group: () => import_GroupContext.Group,
-  GroupContext: () => import_GroupContext.GroupContext,
-  GroupItem: () => import_GroupContext.GroupItem,
-  ScrollSync: () => import_ScrollSync.ScrollSync,
-  ScrollSyncPane: () => import_ScrollSync.ScrollSyncPane
-});
 var React = __toESM(require("react"));
-var import_ScrollSync = require("./ScrollSync");
-var import_GroupContext = require("./GroupContext");
+__reExport(src_exports, require("./Animations"));
+__reExport(src_exports, require("./createDataInstance"));
+__reExport(src_exports, require("./defer-render-hoc"));
+__reExport(src_exports, require("./FocusGroup"));
+__reExport(src_exports, require("./GroupContext"));
+__reExport(src_exports, require("./ScrollSync"));
+__reExport(src_exports, require("./toolbar/ToolbarProvider"));
+__reExport(src_exports, require("./useDataGrid"));
+__reExport(src_exports, require("./useDataList"));
+__reExport(src_exports, require("./virtualization"));
+__reExport(src_exports, require("./CheckableGroup"));
+__reExport(src_exports, require("./constants"));
+__reExport(src_exports, require("./DeferRenderAfterComputation"));
+__reExport(src_exports, require("./dimsum.config"));
+__reExport(src_exports, require("./prop-types"));
+__reExport(src_exports, require("./utils"));
 module.exports = __toCommonJS(src_exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { ScrollSync, ScrollSyncPane } from './ScrollSync';\nexport { Group, GroupContext, GroupItem } from './GroupContext';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA2C;AAC3C,0BAA+C;",
+  "sourcesContent": ["export * from './Animations';\nexport * from './createDataInstance';\nexport * from './defer-render-hoc';\nexport * from './FocusGroup';\nexport * from './GroupContext';\nexport * from './ScrollSync';\nexport * from './toolbar/ToolbarProvider';\nexport * from './useDataGrid';\nexport * from './useDataList';\nexport * from './virtualization';\n\nexport * from './CheckableGroup';\nexport * from './constants';\nexport * from './DeferRenderAfterComputation';\nexport * from './dimsum.config';\nexport * from './prop-types';\nexport * from './utils';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AAEd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;",
   "names": []
 }

package/dist/cjs/toolbar/ToolbarProvider.js

@@ -50,7 +50,7 @@ __export(ToolbarProvider_exports, {
 });
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_ds_popper = require("@elliemae/ds-popper");
+var import_ds_popover = require("@elliemae/ds-popover");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 const ToolbarContext = import_react.default.createContext();
 const { Provider } = ToolbarContext;
@@ -104,7 +104,7 @@ const ToolbarProvider = (0, import_react.memo)(({ delay = 200, children, onHide
   }), [tooltipState.reference]);
   return /* @__PURE__ */ import_react.default.createElement(Provider, {
     value
-  }, children, /* @__PURE__ */ import_react.default.createElement(import_ds_popper.DSPopover, __spreadProps(__spreadValues({
+  }, children, /* @__PURE__ */ import_react.default.createElement(import_ds_popover.DSPopover, __spreadProps(__spreadValues({
     boundaries: "scrollParent"
   }, tooltipState.options || {}), {
     content: tooltipState.renderer,

package/dist/cjs/toolbar/ToolbarProvider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/toolbar/ToolbarProvider.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useMemo, useRef, useState, useEffect, memo } from 'react';\nimport { DSPopover } from '@elliemae/ds-popper';\nimport { useOnClickOutside } from '@elliemae/ds-utilities';\n\nexport const ToolbarContext = React.createContext();\n\nconst { Provider } = ToolbarContext;\n\nconst useScrollListener = (callback, dependencies) => {\n  useEffect(() => {\n    window.addEventListener('scroll', callback, true);\n    return () => {\n      window.removeEventListener('scroll', callback, true);\n    };\n  }, [dependencies]);\n};\n\nconst noop = () => null;\nconst ToolbarProvider = memo(({ delay = 200, children, onHide = noop, onShow = noop }) => {\n  const showTimer = useRef();\n  const hideTimer = useRef();\n  const toolbarRef = useRef();\n  const [tooltipState, setTooltipState] = useState({});\n\n  const show = (state) => {\n    if (state.reference === tooltipState.reference) clearTimeout(hideTimer.current);\n    showTimer.current = setTimeout(\n      () =>\n        setTooltipState({\n          ...state,\n          visible: true,\n        }),\n      delay,\n    );\n    onShow();\n  };\n\n  const hide = (e, force) => {\n    if (!force) clearTimeout(showTimer.current);\n    hideTimer.current = setTimeout(\n      () =>\n        setTooltipState((prevState) => ({\n          ...prevState,\n          visible: false,\n        })),\n      100,\n    );\n    onHide(tooltipState, e);\n  };\n\n  useScrollListener((e) => hide(e, true), tooltipState.visible);\n  useOnClickOutside(toolbarRef, () => hide());\n\n  const keyDownHandler = (e) => {\n    if (e.key === 'Escape') {\n      hide(e);\n    }\n  };\n\n  useEffect(() => {\n    window.addEventListener('keydown', keyDownHandler);\n    return () => {\n      window.removeEventListener('keydown', keyDownHandler);\n    };\n  });\n\n  const value = useMemo(\n    () => ({\n      state: tooltipState,\n      show,\n      hide,\n    }),\n    [tooltipState.reference],\n  );\n\n  return (\n    <Provider value={value}>\n      {children}\n      <DSPopover\n        boundaries=\"scrollParent\"\n        {...(tooltipState.options || {})}\n        content={tooltipState.renderer}\n        placement=\"left\"\n        referenceEl={tooltipState.reference}\n        renderer={({ as: Component, style, children: Content }) => (\n          <div ref={toolbarRef} onMouseEnter={(e) => show(tooltipState, e)} onMouseLeave={hide}>\n            <Component style={style}>{Content}</Component>\n          </div>\n        )}\n        style={tooltipState.style}\n        visible={tooltipState.visible}\n      />\n    </Provider>\n  );\n});\n\nexport { ToolbarProvider };\nexport default ToolbarProvider;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkE;AAClE,uBAA0B;AAC1B,0BAAkC;AAE3B,MAAM,iBAAiB,qBAAM;AAEpC,MAAM,EAAE,aAAa;AAErB,MAAM,oBAAoB,CAAC,UAAU,iBAAiB;AACpD,8BAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,UAAU;AAC5C,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,UAAU;AAAA;AAAA,KAEhD,CAAC;AAAA;AAGN,MAAM,OAAO,MAAM;AACnB,MAAM,kBAAkB,uBAAK,CAAC,EAAE,QAAQ,KAAK,UAAU,SAAS,MAAM,SAAS,WAAW;AACxF,QAAM,YAAY;AAClB,QAAM,YAAY;AAClB,QAAM,aAAa;AACnB,QAAM,CAAC,cAAc,mBAAmB,2BAAS;AAEjD,QAAM,OAAO,CAAC,UAAU;AACtB,QAAI,MAAM,cAAc,aAAa;AAAW,mBAAa,UAAU;AACvE,cAAU,UAAU,WAClB,MACE,gBAAgB,iCACX,QADW;AAAA,MAEd,SAAS;AAAA,SAEb;AAEF;AAAA;AAGF,QAAM,OAAO,CAAC,GAAG,UAAU;AACzB,QAAI,CAAC;AAAO,mBAAa,UAAU;AACnC,cAAU,UAAU,WAClB,MACE,gBAAgB,CAAC,cAAe,iCAC3B,YAD2B;AAAA,MAE9B,SAAS;AAAA,SAEb;AAEF,WAAO,cAAc;AAAA;AAGvB,oBAAkB,CAAC,MAAM,KAAK,GAAG,OAAO,aAAa;AACrD,6CAAkB,YAAY,MAAM;AAEpC,QAAM,iBAAiB,CAAC,MAAM;AAC5B,QAAI,EAAE,QAAQ,UAAU;AACtB,WAAK;AAAA;AAAA;AAIT,8BAAU,MAAM;AACd,WAAO,iBAAiB,WAAW;AACnC,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW;AAAA;AAAA;AAI1C,QAAM,QAAQ,0BACZ,MAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA;AAAA,MAEF,CAAC,aAAa;AAGhB,SACE,mDAAC,UAAD;AAAA,IAAU;AAAA,KACP,UACD,mDAAC,4BAAD;AAAA,IACE,YAAW;AAAA,KACN,aAAa,WAAW,KAF/B;AAAA,IAGE,SAAS,aAAa;AAAA,IACtB,WAAU;AAAA,IACV,aAAa,aAAa;AAAA,IAC1B,UAAU,CAAC,EAAE,IAAI,WAAW,OAAO,UAAU,cAC3C,mDAAC,OAAD;AAAA,MAAK,KAAK;AAAA,MAAY,cAAc,CAAC,MAAM,KAAK,cAAc;AAAA,MAAI,cAAc;AAAA,OAC9E,mDAAC,WAAD;AAAA,MAAW;AAAA,OAAe;AAAA,IAG9B,OAAO,aAAa;AAAA,IACpB,SAAS,aAAa;AAAA;AAAA;AAO9B,IAAO,0BAAQ;",
+  "sourcesContent": ["import React, { useMemo, useRef, useState, useEffect, memo } from 'react';\nimport { DSPopover } from '@elliemae/ds-popover';\nimport { useOnClickOutside } from '@elliemae/ds-utilities';\n\nexport const ToolbarContext = React.createContext();\n\nconst { Provider } = ToolbarContext;\n\nconst useScrollListener = (callback, dependencies) => {\n  useEffect(() => {\n    window.addEventListener('scroll', callback, true);\n    return () => {\n      window.removeEventListener('scroll', callback, true);\n    };\n  }, [dependencies]);\n};\n\nconst noop = () => null;\nconst ToolbarProvider = memo(({ delay = 200, children, onHide = noop, onShow = noop }) => {\n  const showTimer = useRef();\n  const hideTimer = useRef();\n  const toolbarRef = useRef();\n  const [tooltipState, setTooltipState] = useState({});\n\n  const show = (state) => {\n    if (state.reference === tooltipState.reference) clearTimeout(hideTimer.current);\n    showTimer.current = setTimeout(\n      () =>\n        setTooltipState({\n          ...state,\n          visible: true,\n        }),\n      delay,\n    );\n    onShow();\n  };\n\n  const hide = (e, force) => {\n    if (!force) clearTimeout(showTimer.current);\n    hideTimer.current = setTimeout(\n      () =>\n        setTooltipState((prevState) => ({\n          ...prevState,\n          visible: false,\n        })),\n      100,\n    );\n    onHide(tooltipState, e);\n  };\n\n  useScrollListener((e) => hide(e, true), tooltipState.visible);\n  useOnClickOutside(toolbarRef, () => hide());\n\n  const keyDownHandler = (e) => {\n    if (e.key === 'Escape') {\n      hide(e);\n    }\n  };\n\n  useEffect(() => {\n    window.addEventListener('keydown', keyDownHandler);\n    return () => {\n      window.removeEventListener('keydown', keyDownHandler);\n    };\n  });\n\n  const value = useMemo(\n    () => ({\n      state: tooltipState,\n      show,\n      hide,\n    }),\n    [tooltipState.reference],\n  );\n\n  return (\n    <Provider value={value}>\n      {children}\n      <DSPopover\n        boundaries=\"scrollParent\"\n        {...(tooltipState.options || {})}\n        content={tooltipState.renderer}\n        placement=\"left\"\n        referenceEl={tooltipState.reference}\n        renderer={({ as: Component, style, children: Content }) => (\n          <div ref={toolbarRef} onMouseEnter={(e) => show(tooltipState, e)} onMouseLeave={hide}>\n            <Component style={style}>{Content}</Component>\n          </div>\n        )}\n        style={tooltipState.style}\n        visible={tooltipState.visible}\n      />\n    </Provider>\n  );\n});\n\nexport { ToolbarProvider };\nexport default ToolbarProvider;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkE;AAClE,wBAA0B;AAC1B,0BAAkC;AAE3B,MAAM,iBAAiB,qBAAM;AAEpC,MAAM,EAAE,aAAa;AAErB,MAAM,oBAAoB,CAAC,UAAU,iBAAiB;AACpD,8BAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,UAAU;AAC5C,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,UAAU;AAAA;AAAA,KAEhD,CAAC;AAAA;AAGN,MAAM,OAAO,MAAM;AACnB,MAAM,kBAAkB,uBAAK,CAAC,EAAE,QAAQ,KAAK,UAAU,SAAS,MAAM,SAAS,WAAW;AACxF,QAAM,YAAY;AAClB,QAAM,YAAY;AAClB,QAAM,aAAa;AACnB,QAAM,CAAC,cAAc,mBAAmB,2BAAS;AAEjD,QAAM,OAAO,CAAC,UAAU;AACtB,QAAI,MAAM,cAAc,aAAa;AAAW,mBAAa,UAAU;AACvE,cAAU,UAAU,WAClB,MACE,gBAAgB,iCACX,QADW;AAAA,MAEd,SAAS;AAAA,SAEb;AAEF;AAAA;AAGF,QAAM,OAAO,CAAC,GAAG,UAAU;AACzB,QAAI,CAAC;AAAO,mBAAa,UAAU;AACnC,cAAU,UAAU,WAClB,MACE,gBAAgB,CAAC,cAAe,iCAC3B,YAD2B;AAAA,MAE9B,SAAS;AAAA,SAEb;AAEF,WAAO,cAAc;AAAA;AAGvB,oBAAkB,CAAC,MAAM,KAAK,GAAG,OAAO,aAAa;AACrD,6CAAkB,YAAY,MAAM;AAEpC,QAAM,iBAAiB,CAAC,MAAM;AAC5B,QAAI,EAAE,QAAQ,UAAU;AACtB,WAAK;AAAA;AAAA;AAIT,8BAAU,MAAM;AACd,WAAO,iBAAiB,WAAW;AACnC,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW;AAAA;AAAA;AAI1C,QAAM,QAAQ,0BACZ,MAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA;AAAA,MAEF,CAAC,aAAa;AAGhB,SACE,mDAAC,UAAD;AAAA,IAAU;AAAA,KACP,UACD,mDAAC,6BAAD;AAAA,IACE,YAAW;AAAA,KACN,aAAa,WAAW,KAF/B;AAAA,IAGE,SAAS,aAAa;AAAA,IACtB,WAAU;AAAA,IACV,aAAa,aAAa;AAAA,IAC1B,UAAU,CAAC,EAAE,IAAI,WAAW,OAAO,UAAU,cAC3C,mDAAC,OAAD;AAAA,MAAK,KAAK;AAAA,MAAY,cAAc,CAAC,MAAM,KAAK,cAAc;AAAA,MAAI,cAAc;AAAA,OAC9E,mDAAC,WAAD;AAAA,MAAW;AAAA,OAAe;AAAA,IAG9B,OAAO,aAAa;AAAA,IACpB,SAAS,aAAa;AAAA;AAAA;AAO9B,IAAO,0BAAQ;",
   "names": []
 }

package/dist/cjs/useDataGrid/index.js

@@ -5,10 +5,6 @@ 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))
@@ -26,11 +22,9 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
 var useDataGrid_exports = {};
-__export(useDataGrid_exports, {
-  default: () => import_useDataGrid.default,
-  useDataGrid: () => import_useDataGrid.default
-});
 var React = __toESM(require("react"));
-var import_useDataGrid = __toESM(require("./useDataGrid"));
+__reExport(useDataGrid_exports, require("./initColumnDefinition"));
+__reExport(useDataGrid_exports, require("./VolatileRowsListener"));
+__reExport(useDataGrid_exports, require("./useDataGrid"));
 module.exports = __toCommonJS(useDataGrid_exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/useDataGrid/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/useDataGrid/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { default, default as useDataGrid } from './useDataGrid';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAAgD;",
+  "sourcesContent": ["export * from './initColumnDefinition';\nexport * from './VolatileRowsListener';\nexport * from './useDataGrid';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,gCAAc;AACd,gCAAc;AACd,gCAAc;",
   "names": []
 }

package/dist/cjs/useDataList/index.js

@@ -5,10 +5,6 @@ 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))
@@ -26,11 +22,8 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
 var useDataList_exports = {};
-__export(useDataList_exports, {
-  default: () => import_useDataList.default,
-  useDataList: () => import_useDataList.default
-});
 var React = __toESM(require("react"));
-var import_useDataList = __toESM(require("./useDataList"));
+__reExport(useDataList_exports, require("./useDataList"));
+__reExport(useDataList_exports, require("./recordIterator"));
 module.exports = __toCommonJS(useDataList_exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/useDataList/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/useDataList/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { default, default as useDataList } from './useDataList';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAAgD;",
+  "sourcesContent": ["export * from './useDataList';\nexport * from './recordIterator';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,gCAAc;AACd,gCAAc;",
   "names": []
 }

package/dist/cjs/virtualization/index.js

@@ -34,12 +34,7 @@ __export(virtualization_exports, {
 var React = __toESM(require("react"));
 var import_FluidHeightList = require("./FluidHeightList");
 var import_AutoHeightList = require("./AutoHeightList");
-function getVirtualListComponent({
-  component: Component,
-  fluid,
-  height,
-  autoHeight
-}) {
+function getVirtualListComponent({ component: Component, fluid, height, autoHeight }) {
   if (autoHeight)
     return import_AutoHeightList.AutoHeightList;
   if (fluid)

package/dist/cjs/virtualization/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/virtualization/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { FluidHeightList } from './FluidHeightList';\nimport { AutoHeightList } from './AutoHeightList';\n\nexport { FluidHeightList, AutoHeightList };\n\nexport function getVirtualListComponent({\n  component: Component,\n  fluid,\n  height,\n  autoHeight,\n}) {\n  if (autoHeight) return AutoHeightList;\n  if (fluid) return FluidHeightList;\n  return Component;\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,6BAAgC;AAChC,4BAA+B;AAIxB,iCAAiC;AAAA,EACtC,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,GACC;AACD,MAAI;AAAY,WAAO;AACvB,MAAI;AAAO,WAAO;AAClB,SAAO;AAAA;",
+  "sourcesContent": ["import { FluidHeightList } from './FluidHeightList';\nimport { AutoHeightList } from './AutoHeightList';\n\nexport { FluidHeightList, AutoHeightList };\n\nexport function getVirtualListComponent({ component: Component, fluid, height, autoHeight }) {\n  if (autoHeight) return AutoHeightList;\n  if (fluid) return FluidHeightList;\n  return Component;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,6BAAgC;AAChC,4BAA+B;AAIxB,iCAAiC,EAAE,WAAW,WAAW,OAAO,QAAQ,cAAc;AAC3F,MAAI;AAAY,WAAO;AACvB,MAAI;AAAO,WAAO;AAClB,SAAO;AAAA;",
   "names": []
 }

package/dist/esm/Animations/GrowVertical.js

@@ -26,4 +26,9 @@ const GrowVertical = ({
   },
   onRest
 }, children);
+var GrowVertical_default = GrowVertical;
+export {
+  GrowVertical,
+  GrowVertical_default as default
+};
 //# sourceMappingURL=GrowVertical.js.map

package/dist/esm/Animations/GrowVertical.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Animations/GrowVertical.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { BaseAnimation } from './BaseAnimation';\n\nconst GrowVertical = ({\n  keys = undefined,\n  duration,\n  items = undefined,\n  from = 0,\n  to = 1,\n  children,\n  onRest = () => null,\n}) => (\n  <BaseAnimation\n    duration={duration}\n    enter={{ opacity: 1, transform: `scaleY(${to})`, transformOrigin: 'top' }}\n    from={{\n      opacity: 0,\n      transform: `scaleY(${from})`,\n      transformOrigin: 'top',\n    }}\n    items={items}\n    keys={keys}\n    leave={{\n      opacity: 0,\n      transform: `scaleY(${from})`,\n      transformOrigin: 'top',\n    }}\n    onRest={onRest}\n  >\n    {children}\n  </BaseAnimation>\n);\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB,OAAO;AAAA,EACP;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AAAA,EACL;AAAA,EACA,SAAS,MAAM;AAAA,MAEf,qCAAC,eAAD;AAAA,EACE;AAAA,EACA,OAAO,EAAE,SAAS,GAAG,WAAW,UAAU,OAAO,iBAAiB;AAAA,EAClE,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,WAAW,UAAU;AAAA,IACrB,iBAAiB;AAAA;AAAA,EAEnB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,IACT,WAAW,UAAU;AAAA,IACrB,iBAAiB;AAAA;AAAA,EAEnB;AAAA,GAEC;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { BaseAnimation } from './BaseAnimation';\n\nconst GrowVertical = ({\n  keys = undefined,\n  duration,\n  items = undefined,\n  from = 0,\n  to = 1,\n  children,\n  onRest = () => null,\n}) => (\n  <BaseAnimation\n    duration={duration}\n    enter={{ opacity: 1, transform: `scaleY(${to})`, transformOrigin: 'top' }}\n    from={{\n      opacity: 0,\n      transform: `scaleY(${from})`,\n      transformOrigin: 'top',\n    }}\n    items={items}\n    keys={keys}\n    leave={{\n      opacity: 0,\n      transform: `scaleY(${from})`,\n      transformOrigin: 'top',\n    }}\n    onRest={onRest}\n  >\n    {children}\n  </BaseAnimation>\n);\n\nexport { GrowVertical };\nexport default GrowVertical;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB,OAAO;AAAA,EACP;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AAAA,EACL;AAAA,EACA,SAAS,MAAM;AAAA,MAEf,qCAAC,eAAD;AAAA,EACE;AAAA,EACA,OAAO,EAAE,SAAS,GAAG,WAAW,UAAU,OAAO,iBAAiB;AAAA,EAClE,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,WAAW,UAAU;AAAA,IACrB,iBAAiB;AAAA;AAAA,EAEnB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,IACT,WAAW,UAAU;AAAA,IACrB,iBAAiB;AAAA;AAAA,EAEnB;AAAA,GAEC;AAKL,IAAO,uBAAQ;",
   "names": []
 }

package/dist/esm/Animations/index.js

@@ -0,0 +1,6 @@
+import * as React from "react";
+export * from "./BaseAnimation";
+export * from "./Grow";
+export * from "./GrowRight";
+export * from "./GrowVertical";
+//# sourceMappingURL=index.js.map

package/dist/esm/Animations/index.js.map

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

package/dist/esm/FocusGroup/index.js

@@ -1,18 +1,14 @@
 import * as React from "react";
-import { FocusGroup } from "./FocusGroup";
-import { FocusGroupContext } from "./FocusGroupContext";
-import { FocusGroupManager } from "./FocusGroupManager";
-import { useFocusGroupItem, useFocusGroupWithState } from "./useFocusGroupItem";
+export * from "./FocusGroup";
+export * from "./FocusGroupContext";
+export * from "./FocusGroupManager";
+export * from "./useFocusGroupItem";
 import { FocusGroupHoc } from "./focusGroupManagerHoc";
 import { FocusGridProvider, FocusGridContext } from "./FocusGrid";
+export * from "./utils/getNextCellPosition";
 export {
   FocusGridProvider as FocusGrid,
   FocusGridContext,
-  FocusGroup,
-  FocusGroupContext,
-  FocusGroupManager,
-  FocusGroupHoc as focusGroupManagerHoc,
-  useFocusGroupItem,
-  useFocusGroupWithState
+  FocusGroupHoc as focusGroupManagerHoc
 };
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FocusGroup/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { FocusGroup } from './FocusGroup';\nexport { FocusGroupContext } from './FocusGroupContext';\nexport { FocusGroupManager } from './FocusGroupManager';\nexport { useFocusGroupItem, useFocusGroupWithState } from './useFocusGroupItem';\nexport { FocusGroupHoc as focusGroupManagerHoc } from './focusGroupManagerHoc';\nexport { FocusGridProvider as FocusGrid, FocusGridContext } from './FocusGrid';\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './FocusGroup';\nexport * from './FocusGroupContext';\nexport * from './FocusGroupManager';\nexport * from './useFocusGroupItem';\nexport { FocusGroupHoc as focusGroupManagerHoc } from './focusGroupManagerHoc';\nexport { FocusGridProvider as FocusGrid, FocusGridContext } from './FocusGrid';\nexport * from './utils/getNextCellPosition';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;",
   "names": []
 }

package/dist/esm/ScrollSync/ScrollSyncProvider.js

@@ -60,14 +60,7 @@ function ScrollSyncProvider({ enabled, horizontal, vertical, children }) {
     });
   };
   const syncScrollPosition = raf((scrolledPane, pane) => {
-    const {
-      scrollTop,
-      scrollHeight,
-      clientHeight,
-      scrollLeft,
-      scrollWidth,
-      clientWidth
-    } = scrolledPane;
+    const { scrollTop, scrollHeight, clientHeight, scrollLeft, scrollWidth, clientWidth } = scrolledPane;
     const scrollTopOffset = scrollHeight - clientHeight;
     const scrollLeftOffset = scrollWidth - clientWidth;
     const { proportional, vertical: vertical2, horizontal: horizontal2 } = this.props;
@@ -86,6 +79,7 @@ ScrollSyncProvider.propTypes = {};
 ScrollSyncProvider.defaultProps = {};
 var ScrollSyncProvider_default = ScrollSyncProvider;
 export {
+  ScrollSyncProvider,
   ScrollSyncProvider_default as default
 };
 //# sourceMappingURL=ScrollSyncProvider.js.map

package/dist/esm/ScrollSync/ScrollSyncProvider.js.map

@@ -1,7 +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;",
+  "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 { scrollTop, scrollHeight, clientHeight, scrollLeft, scrollWidth, clientWidth } = 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 ? (paneHeight * scrollTop) / scrollTopOffset : scrollTop; // eslint-disable-line\n    }\n    if (horizontal && scrollLeftOffset > 0) {\n      pane.scrollLeft = proportional ? (paneWidth * scrollLeft) / scrollLeftOffset : scrollLeft; // eslint-disable-line\n    }\n  });\n\n  return <Provider>{children}</Provider>;\n}\n\nScrollSyncProvider.propTypes = {};\nScrollSyncProvider.defaultProps = {};\n\nexport default ScrollSyncProvider;\nexport { 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,CAAC,UAAU;AACxB,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,CAAC,UAAU;AACxB,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,CAAC,SAAS;AAE7B,SAAK,WAAW;AAAA;AAElB,QAAM,WAAW,CAAC,MAAM,UAAU;AAChC,QAAI,CAAC,KAAK,MAAM,QAAQ;AACtB,aAAO;AAAA;AAGT,WAAO,KAAK,MAAM,OAAO,KAAK,CAAC,SAAS,SAAS;AAAA;AAEnD,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,CAAC,UAAU;AACxB,WAAK,MAAM,OAAO,QAAQ,CAAC,SAAS;AAElC,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,EAAE,WAAW,cAAc,cAAc,YAAY,aAAa,gBAAgB;AAExF,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,eAAgB,aAAa,YAAa,kBAAkB;AAAA;AAE/E,QAAI,eAAc,mBAAmB,GAAG;AACtC,WAAK,aAAa,eAAgB,YAAY,aAAc,mBAAmB;AAAA;AAAA;AAInF,SAAO,qCAAC,UAAD,MAAW;AAAA;AAGpB,mBAAmB,YAAY;AAC/B,mBAAmB,eAAe;AAElC,IAAO,6BAAQ;",
   "names": []
 }

package/dist/esm/ScrollSync/index.js

@@ -1,6 +1,8 @@
 import * as React from "react";
 import { ScrollSync } from "./ScrollSync";
 import { ScrollSyncPaneHOC } from "./ScrollSyncPane";
+export * from "./ScrollSyncProvider";
+export * from "./useScrollSync";
 export {
   ScrollSync,
   ScrollSyncPaneHOC as ScrollSyncPane

package/dist/esm/ScrollSync/index.js.map

@@ -1,7 +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;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { ScrollSync } from './ScrollSync';\nexport { ScrollSyncPaneHOC as ScrollSyncPane } from './ScrollSyncPane';\nexport * from './ScrollSyncProvider';\nexport * from './useScrollSync';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;",
   "names": []
 }

package/dist/esm/createDataInstance/createInstancePlugin.js

@@ -30,6 +30,7 @@ const createInstancePlugin = (name, hooks) => (decorators) => getDecoratorsFromH
 var createInstancePlugin_default = createInstancePlugin;
 export {
   createInstancePlugin,
-  createInstancePlugin_default as default
+  createInstancePlugin_default as default,
+  getDecoratorsFromHooks
 };
 //# sourceMappingURL=createInstancePlugin.js.map

package/dist/esm/createDataInstance/createInstancePlugin.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/createDataInstance/createInstancePlugin.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const getDecoratorsFromHooks = (hooks, decorators) => {\n  const nextDecorators = { ...decorators };\n\n  Object.keys(hooks).forEach((decorator) => {\n    if (Array.isArray(decorators[decorator])) {\n      nextDecorators[decorator] = [...decorators[decorator], hooks[decorator]];\n    } else {\n      nextDecorators[decorator] = hooks[decorator];\n    }\n  });\n\n  return nextDecorators;\n};\n\nexport const createInstancePlugin = (name, hooks) => (decorators) => getDecoratorsFromHooks(hooks, decorators);\n\nexport default createInstancePlugin;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const getDecoratorsFromHooks = (hooks, decorators) => {\n  const nextDecorators = { ...decorators };\n\n  Object.keys(hooks).forEach((decorator) => {\n    if (Array.isArray(decorators[decorator])) {\n      nextDecorators[decorator] = [...decorators[decorator], hooks[decorator]];\n    } else {\n      nextDecorators[decorator] = hooks[decorator];\n    }\n  });\n\n  return nextDecorators;\n};\n\nexport const createInstancePlugin = (name, hooks) => (decorators) => getDecoratorsFromHooks(hooks, decorators);\n\nexport default createInstancePlugin;\n\nexport { getDecoratorsFromHooks };\n"],
   "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA,MAAM,yBAAyB,CAAC,OAAO,eAAe;AACpD,QAAM,iBAAiB,mBAAK;AAE5B,SAAO,KAAK,OAAO,QAAQ,CAAC,cAAc;AACxC,QAAI,MAAM,QAAQ,WAAW,aAAa;AACxC,qBAAe,aAAa,CAAC,GAAG,WAAW,YAAY,MAAM;AAAA,WACxD;AACL,qBAAe,aAAa,MAAM;AAAA;AAAA;AAItC,SAAO;AAAA;AAGF,MAAM,uBAAuB,CAAC,MAAM,UAAU,CAAC,eAAe,uBAAuB,OAAO;AAEnG,IAAO,+BAAQ;",
   "names": []
 }

package/dist/esm/createDataInstance/index.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+export * from "./createInstancePlugin";
+export * from "./createInstanceRef";
+export * from "./utils";
+//# sourceMappingURL=index.js.map

package/dist/esm/createDataInstance/index.js.map

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

package/dist/esm/index.js

@@ -1,11 +1,18 @@
 import * as React from "react";
-import { ScrollSync, ScrollSyncPane } from "./ScrollSync";
-import { Group, GroupContext, GroupItem } from "./GroupContext";
-export {
-  Group,
-  GroupContext,
-  GroupItem,
-  ScrollSync,
-  ScrollSyncPane
-};
+export * from "./Animations";
+export * from "./createDataInstance";
+export * from "./defer-render-hoc";
+export * from "./FocusGroup";
+export * from "./GroupContext";
+export * from "./ScrollSync";
+export * from "./toolbar/ToolbarProvider";
+export * from "./useDataGrid";
+export * from "./useDataList";
+export * from "./virtualization";
+export * from "./CheckableGroup";
+export * from "./constants";
+export * from "./DeferRenderAfterComputation";
+export * from "./dimsum.config";
+export * from "./prop-types";
+export * from "./utils";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { ScrollSync, ScrollSyncPane } from './ScrollSync';\nexport { Group, GroupContext, GroupItem } from './GroupContext';\n"],
-  "mappings": "AAAA;ACAA;AACA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './Animations';\nexport * from './createDataInstance';\nexport * from './defer-render-hoc';\nexport * from './FocusGroup';\nexport * from './GroupContext';\nexport * from './ScrollSync';\nexport * from './toolbar/ToolbarProvider';\nexport * from './useDataGrid';\nexport * from './useDataList';\nexport * from './virtualization';\n\nexport * from './CheckableGroup';\nexport * from './constants';\nexport * from './DeferRenderAfterComputation';\nexport * from './dimsum.config';\nexport * from './prop-types';\nexport * from './utils';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;",
   "names": []
 }

package/dist/esm/toolbar/ToolbarProvider.js

@@ -19,7 +19,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2, { useMemo, useRef, useState, useEffect, memo } from "react";
-import { DSPopover } from "@elliemae/ds-popper";
+import { DSPopover } from "@elliemae/ds-popover";
 import { useOnClickOutside } from "@elliemae/ds-utilities";
 const ToolbarContext = React2.createContext();
 const { Provider } = ToolbarContext;

package/dist/esm/toolbar/ToolbarProvider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/toolbar/ToolbarProvider.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo, useRef, useState, useEffect, memo } from 'react';\nimport { DSPopover } from '@elliemae/ds-popper';\nimport { useOnClickOutside } from '@elliemae/ds-utilities';\n\nexport const ToolbarContext = React.createContext();\n\nconst { Provider } = ToolbarContext;\n\nconst useScrollListener = (callback, dependencies) => {\n  useEffect(() => {\n    window.addEventListener('scroll', callback, true);\n    return () => {\n      window.removeEventListener('scroll', callback, true);\n    };\n  }, [dependencies]);\n};\n\nconst noop = () => null;\nconst ToolbarProvider = memo(({ delay = 200, children, onHide = noop, onShow = noop }) => {\n  const showTimer = useRef();\n  const hideTimer = useRef();\n  const toolbarRef = useRef();\n  const [tooltipState, setTooltipState] = useState({});\n\n  const show = (state) => {\n    if (state.reference === tooltipState.reference) clearTimeout(hideTimer.current);\n    showTimer.current = setTimeout(\n      () =>\n        setTooltipState({\n          ...state,\n          visible: true,\n        }),\n      delay,\n    );\n    onShow();\n  };\n\n  const hide = (e, force) => {\n    if (!force) clearTimeout(showTimer.current);\n    hideTimer.current = setTimeout(\n      () =>\n        setTooltipState((prevState) => ({\n          ...prevState,\n          visible: false,\n        })),\n      100,\n    );\n    onHide(tooltipState, e);\n  };\n\n  useScrollListener((e) => hide(e, true), tooltipState.visible);\n  useOnClickOutside(toolbarRef, () => hide());\n\n  const keyDownHandler = (e) => {\n    if (e.key === 'Escape') {\n      hide(e);\n    }\n  };\n\n  useEffect(() => {\n    window.addEventListener('keydown', keyDownHandler);\n    return () => {\n      window.removeEventListener('keydown', keyDownHandler);\n    };\n  });\n\n  const value = useMemo(\n    () => ({\n      state: tooltipState,\n      show,\n      hide,\n    }),\n    [tooltipState.reference],\n  );\n\n  return (\n    <Provider value={value}>\n      {children}\n      <DSPopover\n        boundaries=\"scrollParent\"\n        {...(tooltipState.options || {})}\n        content={tooltipState.renderer}\n        placement=\"left\"\n        referenceEl={tooltipState.reference}\n        renderer={({ as: Component, style, children: Content }) => (\n          <div ref={toolbarRef} onMouseEnter={(e) => show(tooltipState, e)} onMouseLeave={hide}>\n            <Component style={style}>{Content}</Component>\n          </div>\n        )}\n        style={tooltipState.style}\n        visible={tooltipState.visible}\n      />\n    </Provider>\n  );\n});\n\nexport { ToolbarProvider };\nexport default ToolbarProvider;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo, useRef, useState, useEffect, memo } from 'react';\nimport { DSPopover } from '@elliemae/ds-popover';\nimport { useOnClickOutside } from '@elliemae/ds-utilities';\n\nexport const ToolbarContext = React.createContext();\n\nconst { Provider } = ToolbarContext;\n\nconst useScrollListener = (callback, dependencies) => {\n  useEffect(() => {\n    window.addEventListener('scroll', callback, true);\n    return () => {\n      window.removeEventListener('scroll', callback, true);\n    };\n  }, [dependencies]);\n};\n\nconst noop = () => null;\nconst ToolbarProvider = memo(({ delay = 200, children, onHide = noop, onShow = noop }) => {\n  const showTimer = useRef();\n  const hideTimer = useRef();\n  const toolbarRef = useRef();\n  const [tooltipState, setTooltipState] = useState({});\n\n  const show = (state) => {\n    if (state.reference === tooltipState.reference) clearTimeout(hideTimer.current);\n    showTimer.current = setTimeout(\n      () =>\n        setTooltipState({\n          ...state,\n          visible: true,\n        }),\n      delay,\n    );\n    onShow();\n  };\n\n  const hide = (e, force) => {\n    if (!force) clearTimeout(showTimer.current);\n    hideTimer.current = setTimeout(\n      () =>\n        setTooltipState((prevState) => ({\n          ...prevState,\n          visible: false,\n        })),\n      100,\n    );\n    onHide(tooltipState, e);\n  };\n\n  useScrollListener((e) => hide(e, true), tooltipState.visible);\n  useOnClickOutside(toolbarRef, () => hide());\n\n  const keyDownHandler = (e) => {\n    if (e.key === 'Escape') {\n      hide(e);\n    }\n  };\n\n  useEffect(() => {\n    window.addEventListener('keydown', keyDownHandler);\n    return () => {\n      window.removeEventListener('keydown', keyDownHandler);\n    };\n  });\n\n  const value = useMemo(\n    () => ({\n      state: tooltipState,\n      show,\n      hide,\n    }),\n    [tooltipState.reference],\n  );\n\n  return (\n    <Provider value={value}>\n      {children}\n      <DSPopover\n        boundaries=\"scrollParent\"\n        {...(tooltipState.options || {})}\n        content={tooltipState.renderer}\n        placement=\"left\"\n        referenceEl={tooltipState.reference}\n        renderer={({ as: Component, style, children: Content }) => (\n          <div ref={toolbarRef} onMouseEnter={(e) => show(tooltipState, e)} onMouseLeave={hide}>\n            <Component style={style}>{Content}</Component>\n          </div>\n        )}\n        style={tooltipState.style}\n        visible={tooltipState.visible}\n      />\n    </Provider>\n  );\n});\n\nexport { ToolbarProvider };\nexport default ToolbarProvider;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAEO,MAAM,iBAAiB,OAAM;AAEpC,MAAM,EAAE,aAAa;AAErB,MAAM,oBAAoB,CAAC,UAAU,iBAAiB;AACpD,YAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,UAAU;AAC5C,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,UAAU;AAAA;AAAA,KAEhD,CAAC;AAAA;AAGN,MAAM,OAAO,MAAM;AACnB,MAAM,kBAAkB,KAAK,CAAC,EAAE,QAAQ,KAAK,UAAU,SAAS,MAAM,SAAS,WAAW;AACxF,QAAM,YAAY;AAClB,QAAM,YAAY;AAClB,QAAM,aAAa;AACnB,QAAM,CAAC,cAAc,mBAAmB,SAAS;AAEjD,QAAM,OAAO,CAAC,UAAU;AACtB,QAAI,MAAM,cAAc,aAAa;AAAW,mBAAa,UAAU;AACvE,cAAU,UAAU,WAClB,MACE,gBAAgB,iCACX,QADW;AAAA,MAEd,SAAS;AAAA,SAEb;AAEF;AAAA;AAGF,QAAM,OAAO,CAAC,GAAG,UAAU;AACzB,QAAI,CAAC;AAAO,mBAAa,UAAU;AACnC,cAAU,UAAU,WAClB,MACE,gBAAgB,CAAC,cAAe,iCAC3B,YAD2B;AAAA,MAE9B,SAAS;AAAA,SAEb;AAEF,WAAO,cAAc;AAAA;AAGvB,oBAAkB,CAAC,MAAM,KAAK,GAAG,OAAO,aAAa;AACrD,oBAAkB,YAAY,MAAM;AAEpC,QAAM,iBAAiB,CAAC,MAAM;AAC5B,QAAI,EAAE,QAAQ,UAAU;AACtB,WAAK;AAAA;AAAA;AAIT,YAAU,MAAM;AACd,WAAO,iBAAiB,WAAW;AACnC,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW;AAAA;AAAA;AAI1C,QAAM,QAAQ,QACZ,MAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA;AAAA,MAEF,CAAC,aAAa;AAGhB,SACE,qCAAC,UAAD;AAAA,IAAU;AAAA,KACP,UACD,qCAAC,WAAD;AAAA,IACE,YAAW;AAAA,KACN,aAAa,WAAW,KAF/B;AAAA,IAGE,SAAS,aAAa;AAAA,IACtB,WAAU;AAAA,IACV,aAAa,aAAa;AAAA,IAC1B,UAAU,CAAC,EAAE,IAAI,WAAW,OAAO,UAAU,cAC3C,qCAAC,OAAD;AAAA,MAAK,KAAK;AAAA,MAAY,cAAc,CAAC,MAAM,KAAK,cAAc;AAAA,MAAI,cAAc;AAAA,OAC9E,qCAAC,WAAD;AAAA,MAAW;AAAA,OAAe;AAAA,IAG9B,OAAO,aAAa;AAAA,IACpB,SAAS,aAAa;AAAA;AAAA;AAO9B,IAAO,0BAAQ;",
   "names": []
 }

package/dist/esm/useDataGrid/index.js

@@ -1,7 +1,5 @@
 import * as React from "react";
-import { default as default2, default as default3 } from "./useDataGrid";
-export {
-  default2 as default,
-  default3 as useDataGrid
-};
+export * from "./initColumnDefinition";
+export * from "./VolatileRowsListener";
+export * from "./useDataGrid";
 //# sourceMappingURL=index.js.map

package/dist/esm/useDataGrid/index.js.map

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

package/dist/esm/useDataList/index.js

@@ -1,7 +1,4 @@
 import * as React from "react";
-import { default as default2, default as default3 } from "./useDataList";
-export {
-  default2 as default,
-  default3 as useDataList
-};
+export * from "./useDataList";
+export * from "./recordIterator";
 //# sourceMappingURL=index.js.map

package/dist/esm/useDataList/index.js.map

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

package/dist/esm/virtualization/index.js

@@ -1,12 +1,7 @@
 import * as React from "react";
 import { FluidHeightList } from "./FluidHeightList";
 import { AutoHeightList } from "./AutoHeightList";
-function getVirtualListComponent({
-  component: Component,
-  fluid,
-  height,
-  autoHeight
-}) {
+function getVirtualListComponent({ component: Component, fluid, height, autoHeight }) {
   if (autoHeight)
     return AutoHeightList;
   if (fluid)

package/dist/esm/virtualization/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/virtualization/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { FluidHeightList } from './FluidHeightList';\nimport { AutoHeightList } from './AutoHeightList';\n\nexport { FluidHeightList, AutoHeightList };\n\nexport function getVirtualListComponent({\n  component: Component,\n  fluid,\n  height,\n  autoHeight,\n}) {\n  if (autoHeight) return AutoHeightList;\n  if (fluid) return FluidHeightList;\n  return Component;\n}\n"],
-  "mappings": "AAAA;ACAA;AACA;AAIO,iCAAiC;AAAA,EACtC,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,GACC;AACD,MAAI;AAAY,WAAO;AACvB,MAAI;AAAO,WAAO;AAClB,SAAO;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { FluidHeightList } from './FluidHeightList';\nimport { AutoHeightList } from './AutoHeightList';\n\nexport { FluidHeightList, AutoHeightList };\n\nexport function getVirtualListComponent({ component: Component, fluid, height, autoHeight }) {\n  if (autoHeight) return AutoHeightList;\n  if (fluid) return FluidHeightList;\n  return Component;\n}\n"],
+  "mappings": "AAAA;ACAA;AACA;AAIO,iCAAiC,EAAE,WAAW,WAAW,OAAO,QAAQ,cAAc;AAC3F,MAAI;AAAY,WAAO;AACvB,MAAI;AAAO,WAAO;AAClB,SAAO;AAAA;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-shared",
-  "version": "3.0.0-next.13",
+  "version": "3.0.0-next.17",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Shared components and utilities",
   "files": [
@@ -215,8 +215,8 @@
     "typeSafety": false
   },
   "dependencies": {
-    "@elliemae/ds-popper": "3.0.0-next.13",
-    "@elliemae/ds-utilities": "3.0.0-next.13",
+    "@elliemae/ds-popover": "3.0.0-next.17",
+    "@elliemae/ds-utilities": "3.0.0-next.17",
     "hoist-non-react-statics": "~3.3.2",
     "hotkeys-js": "~3.8.7",
     "prop-types": "~15.8.1",