@elliemae/ds-shared 3.16.0 → 3.16.1

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 { 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,YAAY,WAAW;AC4Fd;AA5FT,OAAOA,YAAW;AAClB,OAAO,SAAS;AAGhB,MAAM,oBAAoBA,OAAM,cAAc;AAE9C,MAAM,EAAE,SAAS,IAAI;AAErB,SAAS,mBAAmB,EAAE,SAAS,YAAY,UAAU,SAAS,GAAG;AACvE,QAAM,QAAQ,OAAO;AAErB,QAAM,eAAe,CAAC,MAAM,WAAW;AACrC,WAAO,QAAQ,CAAC,UAAU;AACxB,UAAI,CAAC,KAAK,MAAM,QAAQ;AACtB,aAAK,MAAM,SAAS,CAAC;AAAA,MACvB;AAEA,UAAI,CAAC,KAAK,SAAS,MAAM,KAAK,GAAG;AAC/B,YAAI,KAAK,MAAM,OAAO,SAAS,GAAG;AAChC,eAAK,mBAAmB,KAAK,MAAM,OAAO,IAAI,IAAI;AAAA,QACpD;AACA,aAAK,MAAM,OAAO,KAAK,IAAI;AAAA,MAC7B;AAAA,IACF,CAAC;AACD,SAAK,UAAU,MAAM,MAAM;AAAA,EAC7B;AACA,QAAM,iBAAiB,CAAC,MAAM,WAAW;AACvC,WAAO,QAAQ,CAAC,UAAU;AACxB,UAAI,KAAK,SAAS,MAAM,KAAK,GAAG;AAC9B,aAAK,aAAa,IAAI;AACtB,aAAK,MAAM,OAAO,OAAO,KAAK,MAAM,OAAO,QAAQ,IAAI,GAAG,CAAC;AAAA,MAC7D;AAAA,IACF,CAAC;AAAA,EACH;AACA,QAAM,YAAY,CAAC,MAAM,WAAW;AAElC,SAAK,WAAW,KAAK,iBAAiB,KAAK,MAAM,MAAM,MAAM;AAAA,EAC/D;AACA,QAAM,eAAe,CAAC,SAAS;AAE7B,SAAK,WAAW;AAAA,EAClB;AACA,QAAM,WAAW,CAAC,MAAM,UAAU;AAChC,QAAI,CAAC,KAAK,MAAM,QAAQ;AACtB,aAAO;AAAA,IACT;AAEA,WAAO,KAAK,MAAM,OAAO,KAAK,CAAC,SAAS,SAAS,IAAI;AAAA,EACvD;AACA,QAAM,mBAAmB,CAAC,MAAM,WAAW;AACzC,QAAI,CAAC;AAAS;AAEd,WAAO,sBAAsB,MAAM;AACjC,WAAK,oBAAoB,MAAM,MAAM;AAAA,IACvC,CAAC;AAAA,EACH;AACA,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,KAAK;AAC7B,eAAK,mBAAmB,cAAc,IAAI;AAE1C,iBAAO,sBAAsB,MAAM;AACjC,iBAAK,UAAU,MAAM,MAAM;AAAA,UAC7B,CAAC;AAAA,QACH;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACA,QAAM,qBAAqB,IAAI,CAAC,cAAc,SAAS;AACrD,UAAM,EAAE,WAAW,cAAc,cAAc,YAAY,aAAa,YAAY,IAAI;AAExF,UAAM,kBAAkB,eAAe;AACvC,UAAM,mBAAmB,cAAc;AAEvC,UAAM,EAAE,cAAc,UAAAC,WAAU,YAAAC,YAAW,IAAI,KAAK;AAGpD,UAAM,aAAa,KAAK,eAAe;AACvC,UAAM,YAAY,KAAK,cAAc;AAErC,QAAID,aAAY,kBAAkB,GAAG;AACnC,WAAK,YAAY,eAAgB,aAAa,YAAa,kBAAkB;AAAA,IAC/E;AACA,QAAIC,eAAc,mBAAmB,GAAG;AACtC,WAAK,aAAa,eAAgB,YAAY,aAAc,mBAAmB;AAAA,IACjF;AAAA,EACF,CAAC;AAED,SAAO,oBAAC,YAAU,UAAS;AAC7B;AAEA,mBAAmB,YAAY,CAAC;AAChC,mBAAmB,eAAe,CAAC;AAEnC,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\nconst 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": "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",
   "names": ["React", "vertical", "horizontal"]
 }

package/dist/esm/ScrollSync/index.js

@@ -1,8 +1,8 @@
 import * as React from "react";
-import { ScrollSync } from "./ScrollSync";
-import { ScrollSyncPaneHOC } from "./ScrollSyncPane";
-export * from "./ScrollSyncProvider";
-export * from "./useScrollSync";
+import { ScrollSync } from "./ScrollSync.js";
+import { ScrollSyncPaneHOC } from "./ScrollSyncPane.js";
+export * from "./ScrollSyncProvider.js";
+export * from "./useScrollSync.js";
 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';\nexport * from './ScrollSyncProvider';\nexport * from './useScrollSync';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { ScrollSync } from './ScrollSync.js';\nexport { ScrollSyncPaneHOC as ScrollSyncPane } from './ScrollSyncPane.js';\nexport * from './ScrollSyncProvider.js';\nexport * from './useScrollSync.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,kBAAkB;AAC3B,SAA8B,yBAAsB;AACpD,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/ScrollSync/useScrollSync.js

@@ -1,7 +1,5 @@
 import * as React from "react";
-const useScrollSync = (props) => {
-  return {};
-};
+const useScrollSync = (props) => ({});
 useScrollSync.propTypes = {};
 useScrollSync.defaultProps = {};
 var useScrollSync_default = useScrollSync;

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

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

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

@@ -2,6 +2,6 @@
   "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\nexport { getDecoratorsFromHooks };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,MAAM,yBAAyB,CAAC,OAAO,eAAe;AACpD,QAAM,iBAAiB,EAAE,GAAG,WAAW;AAEvC,SAAO,KAAK,KAAK,EAAE,QAAQ,CAAC,cAAc;AACxC,QAAI,MAAM,QAAQ,WAAW,UAAU,GAAG;AACxC,qBAAe,aAAa,CAAC,GAAG,WAAW,YAAY,MAAM,UAAU;AAAA,IACzE,OAAO;AACL,qBAAe,aAAa,MAAM;AAAA,IACpC;AAAA,EACF,CAAC;AAED,SAAO;AACT;AAEO,MAAM,uBAAuB,CAAC,MAAM,UAAU,CAAC,eAAe,uBAAuB,OAAO,UAAU;AAE7G,IAAO,+BAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,MAAM,yBAAyB,CAAC,OAAO,eAAe;AACpD,QAAM,iBAAiB,EAAE,GAAG,WAAW;AAEvC,SAAO,KAAK,KAAK,EAAE,QAAQ,CAAC,cAAc;AACxC,QAAI,MAAM,QAAQ,WAAW,SAAS,CAAC,GAAG;AACxC,qBAAe,SAAS,IAAI,CAAC,GAAG,WAAW,SAAS,GAAG,MAAM,SAAS,CAAC;AAAA,IACzE,OAAO;AACL,qBAAe,SAAS,IAAI,MAAM,SAAS;AAAA,IAC7C;AAAA,EACF,CAAC;AAED,SAAO;AACT;AAEO,MAAM,uBAAuB,CAAC,MAAM,UAAU,CAAC,eAAe,uBAAuB,OAAO,UAAU;AAE7G,IAAO,+BAAQ;",
   "names": []
 }

package/dist/esm/createDataInstance/createInstanceRef.js

@@ -2,11 +2,7 @@ import * as React from "react";
 import { v4 as uuidv4 } from "uuid";
 import { useMemo, useRef, useState } from "react";
 import { orderBy } from "lodash";
-import {
-  mergeInstance,
-  registerHotKeysHookToInstance,
-  registerStateHookToInstance
-} from "./utils";
+import { mergeInstance, registerHotKeysHookToInstance, registerStateHookToInstance } from "./utils.js";
 const defaultDecorators = {
   instance: [],
   state: [],
@@ -14,14 +10,7 @@ const defaultDecorators = {
   renderers: [],
   composeData: []
 };
-function createDataInstanceRef({
-  uuid: uuidProp,
-  data,
-  renderers,
-  plugins,
-  customDecorators,
-  ...props
-}) {
+function createDataInstanceRef({ uuid: uuidProp, data, renderers, plugins, customDecorators, ...props }) {
   const instance = useRef();
   const [uuid] = useState(uuidProp || (() => uuidv4()));
   instance.current = {
@@ -29,8 +18,10 @@ function createDataInstanceRef({
     state: {},
     actions: {},
     hotKeys: {},
+    // keyboard hotkeys to run specific actions
     originalData: data,
     records: [],
+    // item abstraction with meta data for originalData
     renderers,
     ref(key) {
       return (node) => instance.current.refs[key] = node;
@@ -49,25 +40,13 @@ function createDataInstanceRef({
     });
     Object.keys(nextDecorators).forEach((key) => {
       if (Array.isArray(nextDecorators[key]))
-        nextDecorators[key] = orderBy(
-          nextDecorators[key],
-          (item) => item.order
-        );
+        nextDecorators[key] = orderBy(nextDecorators[key], (item) => item.order);
     });
     return nextDecorators;
   }, []);
-  instance.current = decorators.instance.reduce(
-    mergeInstance,
-    instance.current
-  );
-  instance.current = decorators.state.reduce(
-    registerStateHookToInstance,
-    instance.current
-  );
-  instance.current = decorators.hotKeys.reduce(
-    registerHotKeysHookToInstance,
-    instance.current
-  );
+  instance.current = decorators.instance.reduce(mergeInstance, instance.current);
+  instance.current = decorators.state.reduce(registerStateHookToInstance, instance.current);
+  instance.current = decorators.hotKeys.reduce(registerHotKeysHookToInstance, instance.current);
   instance.current.renderers = decorators.renderers.reduce(
     (result, decorator) => decorator(result, instance.current),
     renderers

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/createDataInstance/createInstanceRef.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { v4 as uuidv4 } from 'uuid';\nimport { useMemo, useRef, useState } from 'react';\nimport { orderBy } from 'lodash';\nimport {\n  mergeInstance,\n  registerHotKeysHookToInstance,\n  registerStateHookToInstance,\n} from './utils';\n\nconst defaultDecorators = {\n  instance: [],\n  state: [],\n  hotKeys: [],\n  renderers: [],\n  composeData: [],\n};\n\nfunction createDataInstanceRef({\n  uuid: uuidProp,\n  data,\n  renderers,\n  plugins,\n  customDecorators,\n  ...props\n}) {\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  const instance = useRef();\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  const [uuid] = useState(uuidProp || (() => uuidv4()));\n\n  instance.current = {\n    uuid,\n    state: {},\n    actions: {},\n    hotKeys: {}, // keyboard hotkeys to run specific actions\n    originalData: data,\n    records: [], // item abstraction with meta data for originalData\n    renderers,\n    ref(key) {\n      // eslint-disable-next-line no-return-assign\n      return (node) => (instance.current.refs[key] = node);\n    },\n    getInstance() {\n      return instance.current;\n    },\n    props,\n  };\n\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  const decorators = useMemo(() => {\n    let nextDecorators = { ...defaultDecorators, ...customDecorators };\n\n    plugins.forEach((plugin) => {\n      if (!plugin) return;\n      nextDecorators = plugin(nextDecorators);\n    });\n\n    Object.keys(nextDecorators).forEach((key) => {\n      if (Array.isArray(nextDecorators[key]))\n        nextDecorators[key] = orderBy(\n          nextDecorators[key],\n          (item) => item.order,\n        );\n    });\n\n    return nextDecorators;\n  }, []); // the plugins are defined on creation, but not changed at runtime\n\n  // todo: test if getting the hooks without registering them\n  //  here would be beneficial to memoize instance and squeeze performance\n  instance.current = decorators.instance.reduce(\n    mergeInstance,\n    instance.current,\n  );\n  instance.current = decorators.state.reduce(\n    registerStateHookToInstance,\n    instance.current,\n  );\n  instance.current = decorators.hotKeys.reduce(\n    registerHotKeysHookToInstance,\n    instance.current,\n  );\n  instance.current.renderers = decorators.renderers.reduce(\n    (result, decorator) => decorator(result, instance.current),\n    renderers,\n  );\n\n  return { instance, decorators };\n}\n\nexport { createDataInstanceRef };\nexport default createDataInstanceRef;"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,MAAM,cAAc;AAC7B,SAAS,SAAS,QAAQ,gBAAgB;AAC1C,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,oBAAoB;AAAA,EACxB,UAAU,CAAC;AAAA,EACX,OAAO,CAAC;AAAA,EACR,SAAS,CAAC;AAAA,EACV,WAAW,CAAC;AAAA,EACZ,aAAa,CAAC;AAChB;AAEA,SAAS,sBAAsB;AAAA,EAC7B,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AACL,GAAG;AAED,QAAM,WAAW,OAAO;AAExB,QAAM,CAAC,IAAI,IAAI,SAAS,aAAa,MAAM,OAAO,EAAE;AAEpD,WAAS,UAAU;AAAA,IACjB;AAAA,IACA,OAAO,CAAC;AAAA,IACR,SAAS,CAAC;AAAA,IACV,SAAS,CAAC;AAAA,IACV,cAAc;AAAA,IACd,SAAS,CAAC;AAAA,IACV;AAAA,IACA,IAAI,KAAK;AAEP,aAAO,CAAC,SAAU,SAAS,QAAQ,KAAK,OAAO;AAAA,IACjD;AAAA,IACA,cAAc;AACZ,aAAO,SAAS;AAAA,IAClB;AAAA,IACA;AAAA,EACF;AAGA,QAAM,aAAa,QAAQ,MAAM;AAC/B,QAAI,iBAAiB,EAAE,GAAG,mBAAmB,GAAG,iBAAiB;AAEjE,YAAQ,QAAQ,CAAC,WAAW;AAC1B,UAAI,CAAC;AAAQ;AACb,uBAAiB,OAAO,cAAc;AAAA,IACxC,CAAC;AAED,WAAO,KAAK,cAAc,EAAE,QAAQ,CAAC,QAAQ;AAC3C,UAAI,MAAM,QAAQ,eAAe,IAAI;AACnC,uBAAe,OAAO;AAAA,UACpB,eAAe;AAAA,UACf,CAAC,SAAS,KAAK;AAAA,QACjB;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AAIL,WAAS,UAAU,WAAW,SAAS;AAAA,IACrC;AAAA,IACA,SAAS;AAAA,EACX;AACA,WAAS,UAAU,WAAW,MAAM;AAAA,IAClC;AAAA,IACA,SAAS;AAAA,EACX;AACA,WAAS,UAAU,WAAW,QAAQ;AAAA,IACpC;AAAA,IACA,SAAS;AAAA,EACX;AACA,WAAS,QAAQ,YAAY,WAAW,UAAU;AAAA,IAChD,CAAC,QAAQ,cAAc,UAAU,QAAQ,SAAS,OAAO;AAAA,IACzD;AAAA,EACF;AAEA,SAAO,EAAE,UAAU,WAAW;AAChC;AAGA,IAAO,4BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { v4 as uuidv4 } from 'uuid';\nimport { useMemo, useRef, useState } from 'react';\nimport { orderBy } from 'lodash';\nimport { mergeInstance, registerHotKeysHookToInstance, registerStateHookToInstance } from './utils.js';\n\nconst defaultDecorators = {\n  instance: [],\n  state: [],\n  hotKeys: [],\n  renderers: [],\n  composeData: [],\n};\n\nfunction createDataInstanceRef({ uuid: uuidProp, data, renderers, plugins, customDecorators, ...props }) {\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  const instance = useRef();\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  const [uuid] = useState(uuidProp || (() => uuidv4()));\n\n  instance.current = {\n    uuid,\n    state: {},\n    actions: {},\n    hotKeys: {}, // keyboard hotkeys to run specific actions\n    originalData: data,\n    records: [], // item abstraction with meta data for originalData\n    renderers,\n    ref(key) {\n      // eslint-disable-next-line no-return-assign\n      return (node) => (instance.current.refs[key] = node);\n    },\n    getInstance() {\n      return instance.current;\n    },\n    props,\n  };\n\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  const decorators = useMemo(() => {\n    let nextDecorators = { ...defaultDecorators, ...customDecorators };\n\n    plugins.forEach((plugin) => {\n      if (!plugin) return;\n      nextDecorators = plugin(nextDecorators);\n    });\n\n    Object.keys(nextDecorators).forEach((key) => {\n      if (Array.isArray(nextDecorators[key])) nextDecorators[key] = orderBy(nextDecorators[key], (item) => item.order);\n    });\n\n    return nextDecorators;\n  }, []); // the plugins are defined on creation, but not changed at runtime\n\n  // todo: test if getting the hooks without registering them\n  //  here would be beneficial to memoize instance and squeeze performance\n  instance.current = decorators.instance.reduce(mergeInstance, instance.current);\n  instance.current = decorators.state.reduce(registerStateHookToInstance, instance.current);\n  instance.current = decorators.hotKeys.reduce(registerHotKeysHookToInstance, instance.current);\n  instance.current.renderers = decorators.renderers.reduce(\n    (result, decorator) => decorator(result, instance.current),\n    renderers,\n  );\n\n  return { instance, decorators };\n}\n\nexport { createDataInstanceRef };\nexport default createDataInstanceRef;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,MAAM,cAAc;AAC7B,SAAS,SAAS,QAAQ,gBAAgB;AAC1C,SAAS,eAAe;AACxB,SAAS,eAAe,+BAA+B,mCAAmC;AAE1F,MAAM,oBAAoB;AAAA,EACxB,UAAU,CAAC;AAAA,EACX,OAAO,CAAC;AAAA,EACR,SAAS,CAAC;AAAA,EACV,WAAW,CAAC;AAAA,EACZ,aAAa,CAAC;AAChB;AAEA,SAAS,sBAAsB,EAAE,MAAM,UAAU,MAAM,WAAW,SAAS,kBAAkB,GAAG,MAAM,GAAG;AAEvG,QAAM,WAAW,OAAO;AAExB,QAAM,CAAC,IAAI,IAAI,SAAS,aAAa,MAAM,OAAO,EAAE;AAEpD,WAAS,UAAU;AAAA,IACjB;AAAA,IACA,OAAO,CAAC;AAAA,IACR,SAAS,CAAC;AAAA,IACV,SAAS,CAAC;AAAA;AAAA,IACV,cAAc;AAAA,IACd,SAAS,CAAC;AAAA;AAAA,IACV;AAAA,IACA,IAAI,KAAK;AAEP,aAAO,CAAC,SAAU,SAAS,QAAQ,KAAK,GAAG,IAAI;AAAA,IACjD;AAAA,IACA,cAAc;AACZ,aAAO,SAAS;AAAA,IAClB;AAAA,IACA;AAAA,EACF;AAGA,QAAM,aAAa,QAAQ,MAAM;AAC/B,QAAI,iBAAiB,EAAE,GAAG,mBAAmB,GAAG,iBAAiB;AAEjE,YAAQ,QAAQ,CAAC,WAAW;AAC1B,UAAI,CAAC;AAAQ;AACb,uBAAiB,OAAO,cAAc;AAAA,IACxC,CAAC;AAED,WAAO,KAAK,cAAc,EAAE,QAAQ,CAAC,QAAQ;AAC3C,UAAI,MAAM,QAAQ,eAAe,GAAG,CAAC;AAAG,uBAAe,GAAG,IAAI,QAAQ,eAAe,GAAG,GAAG,CAAC,SAAS,KAAK,KAAK;AAAA,IACjH,CAAC;AAED,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AAIL,WAAS,UAAU,WAAW,SAAS,OAAO,eAAe,SAAS,OAAO;AAC7E,WAAS,UAAU,WAAW,MAAM,OAAO,6BAA6B,SAAS,OAAO;AACxF,WAAS,UAAU,WAAW,QAAQ,OAAO,+BAA+B,SAAS,OAAO;AAC5F,WAAS,QAAQ,YAAY,WAAW,UAAU;AAAA,IAChD,CAAC,QAAQ,cAAc,UAAU,QAAQ,SAAS,OAAO;AAAA,IACzD;AAAA,EACF;AAEA,SAAO,EAAE,UAAU,WAAW;AAChC;AAGA,IAAO,4BAAQ;",
   "names": []
 }

package/dist/esm/createDataInstance/index.js

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

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

@@ -1,7 +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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './createInstancePlugin.js';\nexport * from './createInstanceRef.js';\nexport * from './utils.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/createDataInstance/utils.js

@@ -14,30 +14,15 @@ function evaluateTransforms(transforms, value, extraParams = {}, props = {}, gri
   return nextProps;
 }
 function evaluateFormatters(formatters, value, extraParams = {}, grid) {
-  return formatters.reduce(
-    (result, formatter) => formatter(result, extraParams, grid),
-    value
-  );
+  return formatters.reduce((result, formatter) => formatter(result, extraParams, grid), value);
 }
 function composeFormatters(formatters, instance, getItemValue = (record) => record.data.name) {
-  return (props) => formatters.reduce(
-    (result, formatter) => formatter(result, props, instance),
-    getItemValue(props.record)
-  );
+  return (props) => formatters.reduce((result, formatter) => formatter(result, props, instance), getItemValue(props.record));
 }
-const applyDecorators = (subject, decorators = [], ...args) => decorators.reduce(
-  (nextSubject, decorator) => decorator(nextSubject, ...args),
-  subject
-);
+const applyDecorators = (subject, decorators = [], ...args) => decorators.reduce((nextSubject, decorator) => decorator(nextSubject, ...args), subject);
 const decorateColumns = (columns, decorators, grid) => {
-  const nextColumns = applyDecorators(
-    columns,
-    decorators.decorateColumns,
-    grid
-  );
-  return nextColumns.map(
-    (column, index) => applyDecorators(column, decorators.decorateColumn, grid, index)
-  );
+  const nextColumns = applyDecorators(columns, decorators.decorateColumns, grid);
+  return nextColumns.map((column, index) => applyDecorators(column, decorators.decorateColumn, grid, index));
 };
 const mergeInstance = (instance, instanceHook) => ({
   ...instance,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/createDataInstance/utils.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const reducePropsGetter = (decorators = [], grid) => (\n  props = {},\n  extraParams,\n) => {\n  let nextProps = props;\n  decorators.forEach((decorator) => {\n    nextProps = decorator(nextProps, grid, extraParams);\n  });\n  return nextProps;\n};\n\n/* eslint-disable-next-line max-params */\nexport function evaluateTransforms(\n  transforms,\n  value,\n  extraParams = {},\n  props = {},\n  grid,\n) {\n  let nextProps = props;\n  transforms.forEach((transform) => {\n    nextProps = transform(value, extraParams, nextProps, grid);\n  });\n  return nextProps;\n}\n\n/* eslint-disable-next-line max-params */\nexport function evaluateFormatters(formatters, value, extraParams = {}, grid) {\n  return formatters.reduce(\n    (result, formatter) => formatter(result, extraParams, grid),\n    value,\n  );\n}\n\nexport function composeFormatters(\n  formatters,\n  instance,\n  getItemValue = (record) => record.data.name,\n) {\n  // todo: make the formatters subscribe to the item props instead of getting the whole instance\n  // todo: addd should formatter update to memoize specific ones\n  return (props) =>\n    formatters.reduce(\n      (result, formatter) => formatter(result, props, instance),\n      getItemValue(props.record),\n    );\n}\n\nexport const applyDecorators = (subject, decorators = [], ...args) =>\n  decorators.reduce(\n    (nextSubject, decorator) => decorator(nextSubject, ...args),\n    subject,\n  );\n\nexport const decorateColumns = (columns, decorators, grid) => {\n  const nextColumns = applyDecorators(\n    columns,\n    decorators.decorateColumns,\n    grid,\n  );\n  return nextColumns.map((column, index) =>\n    applyDecorators(column, decorators.decorateColumn, grid, index),\n  );\n};\n\nexport const mergeInstance = (instance, instanceHook) => ({\n  ...instance,\n  ...instanceHook(instance),\n});\n\nexport const registerStateHookToInstance = (instance, stateHook) => {\n  const { state, actions } = stateHook(instance);\n  return {\n    ...instance,\n    state: {\n      ...instance.state,\n      ...state,\n    },\n    actions: {\n      ...instance.actions,\n      ...actions,\n    },\n  };\n};\n\nconst reduceHotKey = (\n  instance,\n  { key, handler, options, allowDocumentHandler },\n) => ({\n  ...instance,\n  hotKeys: {\n    ...instance.hotKeys,\n    [key]: { handler, options, allowDocumentHandler },\n  },\n});\n\nexport const registerHotKeysHookToInstance = (instance, hotKeysHook) => {\n  const hotKeys = hotKeysHook(instance);\n  if (Array.isArray(hotKeys)) {\n    return hotKeys.reduce(reduceHotKey, instance);\n  }\n  return reduceHotKey(instance, hotKeys);\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,oBAAoB,CAAC,aAAa,CAAC,GAAG,SAAS,CAC1D,QAAQ,CAAC,GACT,gBACG;AACH,MAAI,YAAY;AAChB,aAAW,QAAQ,CAAC,cAAc;AAChC,gBAAY,UAAU,WAAW,MAAM,WAAW;AAAA,EACpD,CAAC;AACD,SAAO;AACT;AAGO,SAAS,mBACd,YACA,OACA,cAAc,CAAC,GACf,QAAQ,CAAC,GACT,MACA;AACA,MAAI,YAAY;AAChB,aAAW,QAAQ,CAAC,cAAc;AAChC,gBAAY,UAAU,OAAO,aAAa,WAAW,IAAI;AAAA,EAC3D,CAAC;AACD,SAAO;AACT;AAGO,SAAS,mBAAmB,YAAY,OAAO,cAAc,CAAC,GAAG,MAAM;AAC5E,SAAO,WAAW;AAAA,IAChB,CAAC,QAAQ,cAAc,UAAU,QAAQ,aAAa,IAAI;AAAA,IAC1D;AAAA,EACF;AACF;AAEO,SAAS,kBACd,YACA,UACA,eAAe,CAAC,WAAW,OAAO,KAAK,MACvC;AAGA,SAAO,CAAC,UACN,WAAW;AAAA,IACT,CAAC,QAAQ,cAAc,UAAU,QAAQ,OAAO,QAAQ;AAAA,IACxD,aAAa,MAAM,MAAM;AAAA,EAC3B;AACJ;AAEO,MAAM,kBAAkB,CAAC,SAAS,aAAa,CAAC,MAAM,SAC3D,WAAW;AAAA,EACT,CAAC,aAAa,cAAc,UAAU,aAAa,GAAG,IAAI;AAAA,EAC1D;AACF;AAEK,MAAM,kBAAkB,CAAC,SAAS,YAAY,SAAS;AAC5D,QAAM,cAAc;AAAA,IAClB;AAAA,IACA,WAAW;AAAA,IACX;AAAA,EACF;AACA,SAAO,YAAY;AAAA,IAAI,CAAC,QAAQ,UAC9B,gBAAgB,QAAQ,WAAW,gBAAgB,MAAM,KAAK;AAAA,EAChE;AACF;AAEO,MAAM,gBAAgB,CAAC,UAAU,kBAAkB;AAAA,EACxD,GAAG;AAAA,EACH,GAAG,aAAa,QAAQ;AAC1B;AAEO,MAAM,8BAA8B,CAAC,UAAU,cAAc;AAClE,QAAM,EAAE,OAAO,QAAQ,IAAI,UAAU,QAAQ;AAC7C,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO;AAAA,MACL,GAAG,SAAS;AAAA,MACZ,GAAG;AAAA,IACL;AAAA,IACA,SAAS;AAAA,MACP,GAAG,SAAS;AAAA,MACZ,GAAG;AAAA,IACL;AAAA,EACF;AACF;AAEA,MAAM,eAAe,CACnB,UACA,EAAE,KAAK,SAAS,SAAS,qBAAqB,OAC1C;AAAA,EACJ,GAAG;AAAA,EACH,SAAS;AAAA,IACP,GAAG,SAAS;AAAA,IACZ,CAAC,MAAM,EAAE,SAAS,SAAS,qBAAqB;AAAA,EAClD;AACF;AAEO,MAAM,gCAAgC,CAAC,UAAU,gBAAgB;AACtE,QAAM,UAAU,YAAY,QAAQ;AACpC,MAAI,MAAM,QAAQ,OAAO,GAAG;AAC1B,WAAO,QAAQ,OAAO,cAAc,QAAQ;AAAA,EAC9C;AACA,SAAO,aAAa,UAAU,OAAO;AACvC;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const reducePropsGetter =\n  (decorators = [], grid) =>\n    (props = {}, extraParams) => {\n      let nextProps = props;\n      decorators.forEach((decorator) => {\n        nextProps = decorator(nextProps, grid, extraParams);\n      });\n      return nextProps;\n    };\n\n/* eslint-disable-next-line max-params */\nexport function evaluateTransforms(transforms, value, extraParams = {}, props = {}, grid) {\n  let nextProps = props;\n  transforms.forEach((transform) => {\n    nextProps = transform(value, extraParams, nextProps, grid);\n  });\n  return nextProps;\n}\n\n/* eslint-disable-next-line max-params */\nexport function evaluateFormatters(formatters, value, extraParams = {}, grid) {\n  return formatters.reduce((result, formatter) => formatter(result, extraParams, grid), value);\n}\n\nexport function composeFormatters(formatters, instance, getItemValue = (record) => record.data.name) {\n  // todo: make the formatters subscribe to the item props instead of getting the whole instance\n  // todo: addd should formatter update to memoize specific ones\n  return (props) =>\n    formatters.reduce((result, formatter) => formatter(result, props, instance), getItemValue(props.record));\n}\n\nexport const applyDecorators = (subject, decorators = [], ...args) =>\n  decorators.reduce((nextSubject, decorator) => decorator(nextSubject, ...args), subject);\n\nexport const decorateColumns = (columns, decorators, grid) => {\n  const nextColumns = applyDecorators(columns, decorators.decorateColumns, grid);\n  return nextColumns.map((column, index) => applyDecorators(column, decorators.decorateColumn, grid, index));\n};\n\nexport const mergeInstance = (instance, instanceHook) => ({\n  ...instance,\n  ...instanceHook(instance),\n});\n\nexport const registerStateHookToInstance = (instance, stateHook) => {\n  const { state, actions } = stateHook(instance);\n  return {\n    ...instance,\n    state: {\n      ...instance.state,\n      ...state,\n    },\n    actions: {\n      ...instance.actions,\n      ...actions,\n    },\n  };\n};\n\nconst reduceHotKey = (instance, { key, handler, options, allowDocumentHandler }) => ({\n  ...instance,\n  hotKeys: {\n    ...instance.hotKeys,\n    [key]: { handler, options, allowDocumentHandler },\n  },\n});\n\nexport const registerHotKeysHookToInstance = (instance, hotKeysHook) => {\n  const hotKeys = hotKeysHook(instance);\n  if (Array.isArray(hotKeys)) {\n    return hotKeys.reduce(reduceHotKey, instance);\n  }\n  return reduceHotKey(instance, hotKeys);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,oBACX,CAAC,aAAa,CAAC,GAAG,SAChB,CAAC,QAAQ,CAAC,GAAG,gBAAgB;AAC3B,MAAI,YAAY;AAChB,aAAW,QAAQ,CAAC,cAAc;AAChC,gBAAY,UAAU,WAAW,MAAM,WAAW;AAAA,EACpD,CAAC;AACD,SAAO;AACT;AAGG,SAAS,mBAAmB,YAAY,OAAO,cAAc,CAAC,GAAG,QAAQ,CAAC,GAAG,MAAM;AACxF,MAAI,YAAY;AAChB,aAAW,QAAQ,CAAC,cAAc;AAChC,gBAAY,UAAU,OAAO,aAAa,WAAW,IAAI;AAAA,EAC3D,CAAC;AACD,SAAO;AACT;AAGO,SAAS,mBAAmB,YAAY,OAAO,cAAc,CAAC,GAAG,MAAM;AAC5E,SAAO,WAAW,OAAO,CAAC,QAAQ,cAAc,UAAU,QAAQ,aAAa,IAAI,GAAG,KAAK;AAC7F;AAEO,SAAS,kBAAkB,YAAY,UAAU,eAAe,CAAC,WAAW,OAAO,KAAK,MAAM;AAGnG,SAAO,CAAC,UACN,WAAW,OAAO,CAAC,QAAQ,cAAc,UAAU,QAAQ,OAAO,QAAQ,GAAG,aAAa,MAAM,MAAM,CAAC;AAC3G;AAEO,MAAM,kBAAkB,CAAC,SAAS,aAAa,CAAC,MAAM,SAC3D,WAAW,OAAO,CAAC,aAAa,cAAc,UAAU,aAAa,GAAG,IAAI,GAAG,OAAO;AAEjF,MAAM,kBAAkB,CAAC,SAAS,YAAY,SAAS;AAC5D,QAAM,cAAc,gBAAgB,SAAS,WAAW,iBAAiB,IAAI;AAC7E,SAAO,YAAY,IAAI,CAAC,QAAQ,UAAU,gBAAgB,QAAQ,WAAW,gBAAgB,MAAM,KAAK,CAAC;AAC3G;AAEO,MAAM,gBAAgB,CAAC,UAAU,kBAAkB;AAAA,EACxD,GAAG;AAAA,EACH,GAAG,aAAa,QAAQ;AAC1B;AAEO,MAAM,8BAA8B,CAAC,UAAU,cAAc;AAClE,QAAM,EAAE,OAAO,QAAQ,IAAI,UAAU,QAAQ;AAC7C,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO;AAAA,MACL,GAAG,SAAS;AAAA,MACZ,GAAG;AAAA,IACL;AAAA,IACA,SAAS;AAAA,MACP,GAAG,SAAS;AAAA,MACZ,GAAG;AAAA,IACL;AAAA,EACF;AACF;AAEA,MAAM,eAAe,CAAC,UAAU,EAAE,KAAK,SAAS,SAAS,qBAAqB,OAAO;AAAA,EACnF,GAAG;AAAA,EACH,SAAS;AAAA,IACP,GAAG,SAAS;AAAA,IACZ,CAAC,GAAG,GAAG,EAAE,SAAS,SAAS,qBAAqB;AAAA,EAClD;AACF;AAEO,MAAM,gCAAgC,CAAC,UAAU,gBAAgB;AACtE,QAAM,UAAU,YAAY,QAAQ;AACpC,MAAI,MAAM,QAAQ,OAAO,GAAG;AAC1B,WAAO,QAAQ,OAAO,cAAc,QAAQ;AAAA,EAC9C;AACA,SAAO,aAAa,UAAU,OAAO;AACvC;",
   "names": []
 }

package/dist/esm/defer-render-hoc/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/defer-render-hoc/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { PureComponent } from 'react';\nimport raf from 'raf';\nimport hoistNonReactStatic from 'hoist-non-react-statics';\n\n/**\n * Allows two animation frames to complete to allow other components to update\n * and re-render before mounting and rendering an expensive `WrappedComponent`.\n *\n * @param WrappedComponent\n * @param fallback\n */\nexport const deferComponentRender = (WrappedComponent, fallback) => {\n  class DeferredRenderWrapper extends PureComponent {\n    state = { shouldRender: false };\n\n    componentDidMount() {\n      raf(() => raf(() => this.setState({ shouldRender: true })));\n    }\n\n    render() {\n      // eslint-disable-next-line react/destructuring-assignment\n      return this.state.shouldRender ? (\n        <WrappedComponent {...this.props} />\n      ) : (\n        fallback\n      );\n    }\n  }\n\n  return hoistNonReactStatic(DeferredRenderWrapper, WrappedComponent);\n};\n\nexport default deferComponentRender;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACsBf;AAtBR,SAAgB,qBAAqB;AACrC,OAAO,SAAS;AAChB,OAAO,yBAAyB;AASzB,MAAM,uBAAuB,CAAC,kBAAkB,aAAa;AAClE,QAAM,8BAA8B,cAAc;AAAA,IAAlD;AAAA;AACE,mBAAQ,EAAE,cAAc,MAAM;AAAA;AAAA,IAE9B,oBAAoB;AAClB,UAAI,MAAM,IAAI,MAAM,KAAK,SAAS,EAAE,cAAc,KAAK,CAAC,CAAC,CAAC;AAAA,IAC5D;AAAA,IAEA,SAAS;AAEP,aAAO,KAAK,MAAM,eAChB,oBAAC,oBAAkB,GAAG,KAAK,OAAO,IAElC;AAAA,IAEJ;AAAA,EACF;AAEA,SAAO,oBAAoB,uBAAuB,gBAAgB;AACpE;AAEA,IAAO,2BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { PureComponent } from 'react';\nimport raf from 'raf';\nimport hoistNonReactStatic from 'hoist-non-react-statics';\n\n/**\n * Allows two animation frames to complete to allow other components to update\n * and re-render before mounting and rendering an expensive `WrappedComponent`.\n *\n * @param WrappedComponent\n * @param fallback\n */\nexport const deferComponentRender = (WrappedComponent, fallback) => {\n  class DeferredRenderWrapper extends PureComponent {\n    state = { shouldRender: false };\n\n    componentDidMount() {\n      raf(() => raf(() => this.setState({ shouldRender: true })));\n    }\n\n    render() {\n      // eslint-disable-next-line react/destructuring-assignment\n      return this.state.shouldRender ? <WrappedComponent {...this.props} /> : fallback;\n    }\n  }\n\n  return hoistNonReactStatic(DeferredRenderWrapper, WrappedComponent);\n};\n\nexport default deferComponentRender;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACqBgB;AArBvC,SAAgB,qBAAqB;AACrC,OAAO,SAAS;AAChB,OAAO,yBAAyB;AASzB,MAAM,uBAAuB,CAAC,kBAAkB,aAAa;AAClE,QAAM,8BAA8B,cAAc;AAAA,IAAlD;AAAA;AACE,mBAAQ,EAAE,cAAc,MAAM;AAAA;AAAA,IAE9B,oBAAoB;AAClB,UAAI,MAAM,IAAI,MAAM,KAAK,SAAS,EAAE,cAAc,KAAK,CAAC,CAAC,CAAC;AAAA,IAC5D;AAAA,IAEA,SAAS;AAEP,aAAO,KAAK,MAAM,eAAe,oBAAC,oBAAkB,GAAG,KAAK,OAAO,IAAK;AAAA,IAC1E;AAAA,EACF;AAEA,SAAO,oBAAoB,uBAAuB,gBAAgB;AACpE;AAEA,IAAO,2BAAQ;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,18 +1,18 @@
 import * as React from "react";
-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";
+export * from "./Animations/index.js";
+export * from "./createDataInstance/index.js";
+export * from "./defer-render-hoc/index.js";
+export * from "./FocusGroup/index.js";
+export * from "./GroupContext/index.js";
+export * from "./ScrollSync/index.js";
+export * from "./toolbar/ToolbarProvider.js";
+export * from "./useDataGrid/index.js";
+export * from "./useDataList/index.js";
+export * from "./virtualization/index.js";
+export * from "./CheckableGroup.js";
+export * from "./constants.js";
+export * from "./DeferRenderAfterComputation.js";
+export * from "./dimsum.config.js";
+export * from "./prop-types.js";
+export * from "./utils.js";
 //# 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 * 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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './Animations/index.js';\nexport * from './createDataInstance/index.js';\nexport * from './defer-render-hoc/index.js';\nexport * from './FocusGroup/index.js';\nexport * from './GroupContext/index.js';\nexport * from './ScrollSync/index.js';\nexport * from './toolbar/ToolbarProvider.js';\nexport * from './useDataGrid/index.js';\nexport * from './useDataList/index.js';\nexport * from './virtualization/index.js';\n\nexport * from './CheckableGroup.js';\nexport * from './constants.js';\nexport * from './DeferRenderAfterComputation.js';\nexport * from './dimsum.config.js';\nexport * from './prop-types.js';\nexport * from './utils.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/useDataGrid/VolatileRowsListener.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { safeCall } from '@elliemae/ds-utilities';\n\nclass VolatileRowsListener {\n  observers = [];\n\n  observe(listener) {\n    this.observers.push(listener);\n  }\n\n  notify(nextRows) {\n    this.observers.forEach(observer => safeCall(observer, nextRows));\n    this.observers = [];\n  }\n}\n\nexport { VolatileRowsListener };\nexport default VolatileRowsListener;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,gBAAgB;AAEzB,MAAM,qBAAqB;AAAA,EAA3B;AACE,qBAAY,CAAC;AAAA;AAAA,EAEb,QAAQ,UAAU;AAChB,SAAK,UAAU,KAAK,QAAQ;AAAA,EAC9B;AAAA,EAEA,OAAO,UAAU;AACf,SAAK,UAAU,QAAQ,cAAY,SAAS,UAAU,QAAQ,CAAC;AAC/D,SAAK,YAAY,CAAC;AAAA,EACpB;AACF;AAGA,IAAO,+BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { safeCall } from '@elliemae/ds-utilities';\n\nclass VolatileRowsListener {\n  observers = [];\n\n  observe(listener) {\n    this.observers.push(listener);\n  }\n\n  notify(nextRows) {\n    this.observers.forEach((observer) => safeCall(observer, nextRows));\n    this.observers = [];\n  }\n}\n\nexport { VolatileRowsListener };\nexport default VolatileRowsListener;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,gBAAgB;AAEzB,MAAM,qBAAqB;AAAA,EAA3B;AACE,qBAAY,CAAC;AAAA;AAAA,EAEb,QAAQ,UAAU;AAChB,SAAK,UAAU,KAAK,QAAQ;AAAA,EAC9B;AAAA,EAEA,OAAO,UAAU;AACf,SAAK,UAAU,QAAQ,CAAC,aAAa,SAAS,UAAU,QAAQ,CAAC;AACjE,SAAK,YAAY,CAAC;AAAA,EACpB;AACF;AAGA,IAAO,+BAAQ;",
   "names": []
 }

package/dist/esm/useDataGrid/index.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-export * from "./initColumnDefinition";
-export * from "./VolatileRowsListener";
-export * from "./useDataGrid";
+export * from "./initColumnDefinition.js";
+export * from "./VolatileRowsListener.js";
+export * from "./useDataGrid.js";
 //# 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 * from './initColumnDefinition';\nexport * from './VolatileRowsListener';\nexport * from './useDataGrid';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './initColumnDefinition.js';\nexport * from './VolatileRowsListener.js';\nexport * from './useDataGrid.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/useDataGrid/initColumnDefinition.js

@@ -45,8 +45,9 @@ const mergeClassNameToColumnHeader = curry((className, column) => {
     }
   };
 });
-const initColumnDefinition = (options = {}) => {
-  return (column) => {
+const initColumnDefinition = (options = {}) => (
+  // eslint-disable-next-line complexity
+  (column) => {
     if (column.type === "number") {
       column.cellStyle = {
         textAlign: "right"
@@ -106,8 +107,8 @@ const initColumnDefinition = (options = {}) => {
     column.isUserColumn = column.isUserColumn || isUserColumn;
     column.headerHookEffects = [];
     return column;
-  };
-};
+  }
+);
 var initColumnDefinition_default = initColumnDefinition;
 export {
   appendCellFormatter,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/useDataGrid/initColumnDefinition.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable react/display-name */\nimport React from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport { get, curry, set, cloneDeep, isFunction } from '@elliemae/ds-utilities';\n\n// TODO: use lenses to access nested fields\n\nexport const appendHeaderFormatter = curry((formatter, column) => ({\n  ...column,\n  header: {\n    ...column.header,\n    formatters: [...get(column, 'header.formatters', []), formatter],\n  },\n}));\n\nexport const appendCellFormatter = curry((formatter, column, path = 'formatters') => {\n  const nextColumn = cloneDeep(column);\n  const formatters = get(nextColumn, ['cell', path], []);\n  const scrollingFormatters = get(nextColumn, 'cell.scrollingFormatters', []);\n  if (Array.isArray(formatter)) {\n    if (formatter[1]) scrollingFormatters.push(formatter[1]);\n    formatters.push(formatter[0]);\n  } else {\n    formatters.push(formatter);\n    scrollingFormatters.push(formatter);\n  }\n  set(nextColumn, ['cell', path], formatters);\n  set(nextColumn, 'cell.scrollingFormatters', scrollingFormatters);\n  return nextColumn;\n});\n\nconst defaultColumnDefinitionOptions = {\n  normalize: false,\n  useTextTruncation: true,\n  isUserColumn: true,\n  visible: true,\n};\n\nexport const mergeClassNameToColumnHeader = curry((className, column) => {\n  const headerProps = get(column, ['header', 'props'], {});\n  const headerClassName = headerProps.className || '';\n  return {\n    ...column,\n    header: {\n      ...column.header,\n      props: {\n        ...headerProps,\n        className: `${headerClassName} ${className}`,\n      },\n    },\n  };\n});\n\nexport const initColumnDefinition = (options = {}) => {\n  // eslint-disable-next-line complexity\n  return (column) => {\n    // todo: clean this\n    if (column.type === 'number') {\n      // eslint-disable-next-line no-param-reassign\n      column.cellStyle = {\n        textAlign: 'right',\n      };\n    }\n    const {\n      useTextTruncation = true,\n      isUserColumn,\n      visible,\n      normalize,\n    } = {\n      ...defaultColumnDefinitionOptions,\n      ...options,\n    };\n\n    if (normalize) {\n      // eslint-disable-next-line no-param-reassign\n      column.originalProperty = column.property;\n      // eslint-disable-next-line no-param-reassign\n      column.property = column.property.replace(/\\s+/g, '');\n    }\n\n    // eslint-disable-next-line no-param-reassign\n    column.props = {\n      ...column.props,\n      style: {},\n    };\n    // eslint-disable-next-line no-param-reassign\n    column.header = {\n      ...column.header,\n      label: column.label,\n      formatters: [...get(column, ['header', 'formatters'], [])],\n      props: {\n        style: column.headerStyle || {},\n      },\n    };\n    if (useTextTruncation && !(isFunction(column.customHeaderRenderer) || column.header.formatters.length)) {\n      column.header.formatters.push((value) => <span className=\"cell-value\">{value}</span>);\n    }\n\n    // eslint-disable-next-line no-param-reassign\n    column.cell = {\n      ...column.cell,\n      transforms: [],\n      formatters: [...get(column, ['cell', 'formatters'], [])],\n      scrollingFormatters: [...get(column, ['cell', 'formatters'], [])],\n      props: {\n        style: column.cellStyle || {},\n      },\n    };\n\n    if (useTextTruncation && !(isFunction(column.customRenderer) || column.cell.formatters.length)) {\n      column.cell.formatters.push((value) => (\n        <span\n          className=\"cell-value\"\n          style={{\n            justifyContent: column.type === 'number' ? 'flex-end' : 'flex-start',\n          }}\n        >\n          {value}\n        </span>\n      ));\n    }\n    // eslint-disable-next-line no-param-reassign\n    column.uuid = column.uuid || uuidv4();\n    // eslint-disable-next-line no-param-reassign\n    column.visible = column.visible === undefined ? visible : column.visible;\n    // eslint-disable-next-line no-param-reassign, max-lines\n    column.isUserColumn = column.isUserColumn || isUserColumn;\n    // eslint-disable-next-line no-param-reassign\n    column.headerHookEffects = [];\n    return column;\n  };\n};\n\nexport default initColumnDefinition;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable react/display-name */\nimport React from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport { get, curry, set, cloneDeep, isFunction } from '@elliemae/ds-utilities';\n\n// TODO: use lenses to access nested fields\n\nexport const appendHeaderFormatter = curry((formatter, column) => ({\n  ...column,\n  header: {\n    ...column.header,\n    formatters: [...get(column, 'header.formatters', []), formatter],\n  },\n}));\n\nexport const appendCellFormatter = curry((formatter, column, path = 'formatters') => {\n  const nextColumn = cloneDeep(column);\n  const formatters = get(nextColumn, ['cell', path], []);\n  const scrollingFormatters = get(nextColumn, 'cell.scrollingFormatters', []);\n  if (Array.isArray(formatter)) {\n    if (formatter[1]) scrollingFormatters.push(formatter[1]);\n    formatters.push(formatter[0]);\n  } else {\n    formatters.push(formatter);\n    scrollingFormatters.push(formatter);\n  }\n  set(nextColumn, ['cell', path], formatters);\n  set(nextColumn, 'cell.scrollingFormatters', scrollingFormatters);\n  return nextColumn;\n});\n\nconst defaultColumnDefinitionOptions = {\n  normalize: false,\n  useTextTruncation: true,\n  isUserColumn: true,\n  visible: true,\n};\n\nexport const mergeClassNameToColumnHeader = curry((className, column) => {\n  const headerProps = get(column, ['header', 'props'], {});\n  const headerClassName = headerProps.className || '';\n  return {\n    ...column,\n    header: {\n      ...column.header,\n      props: {\n        ...headerProps,\n        className: `${headerClassName} ${className}`,\n      },\n    },\n  };\n});\n\nexport const initColumnDefinition =\n  (options = {}) =>\n  // eslint-disable-next-line complexity\n  (column) => {\n    // todo: clean this\n    if (column.type === 'number') {\n      // eslint-disable-next-line no-param-reassign\n      column.cellStyle = {\n        textAlign: 'right',\n      };\n    }\n    const {\n      useTextTruncation = true,\n      isUserColumn,\n      visible,\n      normalize,\n    } = {\n      ...defaultColumnDefinitionOptions,\n      ...options,\n    };\n\n    if (normalize) {\n      // eslint-disable-next-line no-param-reassign\n      column.originalProperty = column.property;\n      // eslint-disable-next-line no-param-reassign\n      column.property = column.property.replace(/\\s+/g, '');\n    }\n\n    // eslint-disable-next-line no-param-reassign\n    column.props = {\n      ...column.props,\n      style: {},\n    };\n    // eslint-disable-next-line no-param-reassign\n    column.header = {\n      ...column.header,\n      label: column.label,\n      formatters: [...get(column, ['header', 'formatters'], [])],\n      props: {\n        style: column.headerStyle || {},\n      },\n    };\n    if (useTextTruncation && !(isFunction(column.customHeaderRenderer) || column.header.formatters.length)) {\n      column.header.formatters.push((value) => <span className=\"cell-value\">{value}</span>);\n    }\n\n    // eslint-disable-next-line no-param-reassign\n    column.cell = {\n      ...column.cell,\n      transforms: [],\n      formatters: [...get(column, ['cell', 'formatters'], [])],\n      scrollingFormatters: [...get(column, ['cell', 'formatters'], [])],\n      props: {\n        style: column.cellStyle || {},\n      },\n    };\n\n    if (useTextTruncation && !(isFunction(column.customRenderer) || column.cell.formatters.length)) {\n      column.cell.formatters.push((value) => (\n        <span\n          className=\"cell-value\"\n          style={{\n            justifyContent: column.type === 'number' ? 'flex-end' : 'flex-start',\n          }}\n        >\n          {value}\n        </span>\n      ));\n    }\n    // eslint-disable-next-line no-param-reassign\n    column.uuid = column.uuid || uuidv4();\n    // eslint-disable-next-line no-param-reassign\n    column.visible = column.visible === undefined ? visible : column.visible;\n    // eslint-disable-next-line no-param-reassign, max-lines\n    column.isUserColumn = column.isUserColumn || isUserColumn;\n    // eslint-disable-next-line no-param-reassign\n    column.headerHookEffects = [];\n    return column;\n  };\n\nexport default initColumnDefinition;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/useDataGrid/useDataGrid.js

@@ -11,10 +11,10 @@ import {
 import { useMemo, useRef, useState } from "react";
 import { v4 as uuidv4 } from "uuid";
 import * as resolve from "table-resolver";
-import { initColumnDefinition } from "./initColumnDefinition";
-import { applyDecorators, decorateColumns, reducePropsGetter } from "../createDataInstance/utils";
-import { VolatileRowsListener } from "./VolatileRowsListener";
-import { isInternetExplorer } from "../utils";
+import { initColumnDefinition } from "./initColumnDefinition.js";
+import { applyDecorators, decorateColumns, reducePropsGetter } from "../createDataInstance/utils.js";
+import { VolatileRowsListener } from "./VolatileRowsListener.js";
+import { isInternetExplorer } from "../utils.js";
 const IS_INTERNET_EXPLORER = isInternetExplorer();
 const useDataGrid = ({ uuid: uuidProp, plugins: pluginsFromProps, rows, columns, renderers = {}, ...props }) => {
   const plugins = pluginsFromProps;
@@ -62,7 +62,9 @@ const useDataGrid = ({ uuid: uuidProp, plugins: pluginsFromProps, rows, columns,
       updateRows
     },
     updateRows,
+    // eslint-disable-next-line no-return-assign
     enableEvents: () => document.body.style.pointerEvents = IS_INTERNET_EXPLORER ? "" : null,
+    // eslint-disable-next-line no-return-assign
     disableEvents: () => document.body.style.pointerEvents = "none",
     observeRows: (observer) => RowsObserver.observe(observer),
     hotKeys: {},

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/useDataGrid/useDataGrid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport {\n  cloneDeep,\n  compose,\n  isEqual,\n  isObject,\n  setRef,\n  usePrevious,\n  useDerivedStateFromProps,\n} from '@elliemae/ds-utilities';\nimport { useMemo, useRef, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport * as resolve from 'table-resolver';\nimport { initColumnDefinition } from './initColumnDefinition';\nimport { applyDecorators, decorateColumns, reducePropsGetter } from '../createDataInstance/utils';\nimport { VolatileRowsListener } from './VolatileRowsListener';\nimport { isInternetExplorer } from '../utils';\n\nconst IS_INTERNET_EXPLORER = isInternetExplorer();\n\n// TODO: Reuse createDataInstance for the grid the same\n//  way as the list does ex: packages/ds-shared/src/useDataList/useDataList.js\n// eslint-disable-next-line max-statements\nexport const useDataGrid = ({ uuid: uuidProp, plugins: pluginsFromProps, rows, columns, renderers = {}, ...props }) => {\n  const plugins = pluginsFromProps;\n  const instance = useRef();\n  const tableRef = useRef();\n  const headerRef = useRef();\n  const bodyRef = useRef();\n  const bodyInnerRef = useRef();\n  const [uuid] = useState(uuidProp || (() => uuidv4()));\n  const [hasScroll, setHasScroll] = useState(false);\n  const [isRowDragging, setIsRowDragging] = useState(false);\n  const isScrolling = useRef();\n  const shouldRefocus = useRef(); // todo: we probably need a plugin for focus related stuff\n  const [RowsObserver] = useState(() => new VolatileRowsListener());\n\n  // todo move this with rows composition\n  const [originalRows, updateRows] = useDerivedStateFromProps(rows, {\n    onUpdate: resolve.resolve({\n      columns,\n      method: (extra) => compose(resolve.byFunction('valueTransformation')(extra), resolve.nested(extra)),\n    }),\n    updateOnStateChange: true,\n  });\n\n  instance.current = {\n    decoratedRenderers: cloneDeep(renderers),\n    decoratedColumns: columns,\n    columns,\n    rows,\n    composedRows: originalRows,\n    getRowProps: [],\n    getHeaderRowProps: [],\n    getBodyProps: [],\n    getTableProps: [],\n    effects: [],\n    uuid,\n    props,\n    refs: {\n      table: tableRef,\n      body: bodyRef,\n      header: headerRef,\n      innerBody: bodyInnerRef,\n    },\n    state: {\n      hasScroll,\n    },\n    actions: {\n      updateRows,\n    },\n    updateRows,\n    // eslint-disable-next-line no-return-assign\n    enableEvents: () => (document.body.style.pointerEvents = IS_INTERNET_EXPLORER ? '' : null),\n    // eslint-disable-next-line no-return-assign\n    disableEvents: () => (document.body.style.pointerEvents = 'none'),\n    observeRows: (observer) => RowsObserver.observe(observer),\n    hotKeys: {},\n    shouldRefocus,\n    isScrolling,\n    setHasScroll,\n    setIsRowDragging,\n    isRowDragging,\n    plugins,\n  };\n  instance.current.getState = () => instance.current.state;\n  instance.current.getInstance = () => instance.current;\n\n  const defaultDecorators = {\n    decorateGrid: [],\n    registerStateHook: [],\n    registerHotKeys: [],\n    decorateColumn: [],\n    decorateColumns: [\n      (cols) =>\n        cols.map((col) =>\n          initColumnDefinition({\n            useTextTruncation: col.useTextTruncation,\n            wrapText: props.wrapText,\n            normalize: props.normalizeDataKeys,\n          })(col),\n        ),\n    ],\n    decorateRenderers: [],\n    getRowProps: [],\n    getHeaderRowProps: [],\n    getBodyProps: [],\n    getTableProps: [],\n    getHeaderProps: [],\n    composeRows: [],\n  };\n\n  const decorators = useMemo(() => {\n    let nextDecorators = defaultDecorators;\n    // eslint-disable-next-line no-return-assign\n    plugins.forEach((plugin) => (nextDecorators = plugin(nextDecorators)));\n    return nextDecorators;\n  }, [plugins]);\n\n  instance.current = decorators.decorateGrid.reduce(\n    (nextInstance, decorator) => ({\n      ...nextInstance,\n      ...decorator(instance.current),\n    }),\n    instance.current,\n  );\n\n  instance.current = decorators.registerStateHook.reduce((nextInstance, decorator) => {\n    const { state, actions } = decorator(instance.current);\n    return {\n      ...nextInstance,\n      state: {\n        ...nextInstance.state,\n        ...state,\n      },\n      actions: {\n        ...nextInstance.actions,\n        ...actions,\n      },\n    };\n  }, instance.current);\n\n  const reduceHotKey = (nextInstance, { key, handler, options }) => ({\n    ...nextInstance,\n    hotKeys: {\n      ...nextInstance.hotKeys,\n      [key]: { handler, options },\n    },\n  });\n  instance.current = decorators.registerHotKeys.reduce((nextInstance, decorator) => {\n    const hotKeys = decorator(nextInstance);\n    if (Array.isArray(hotKeys)) {\n      return hotKeys.reduce(reduceHotKey, nextInstance);\n    }\n    return reduceHotKey(nextInstance, hotKeys);\n  }, instance.current);\n\n  instance.current.decoratedRenderers = applyDecorators(\n    instance.current.decoratedRenderers,\n    decorators.decorateRenderers,\n    instance.current,\n  );\n\n  instance.current.decoratedColumns = useMemo(() => {\n    const visibleColumns = cloneDeep(columns).filter(\n      (column) => typeof column.visible === 'undefined' || column.visible,\n    );\n    return visibleColumns.length ? decorateColumns(visibleColumns, decorators, instance.current) : [];\n  }, [columns]);\n\n  instance.current.getBodyProps = reducePropsGetter(decorators.getBodyProps, instance.current);\n  instance.current.getHeaderProps = reducePropsGetter(decorators.getHeaderProps, instance.current);\n  instance.current.getRowProps = reducePropsGetter(decorators.getRowProps, instance.current);\n  instance.current.getHeaderRowProps = reducePropsGetter(decorators.getHeaderRowProps, instance.current);\n  instance.current.getTableProps = reducePropsGetter(decorators.getTableProps, instance.current);\n\n  instance.current.composedRows = decorators.composeRows.reduce(\n    (nextRows, getter) => getter(nextRows, instance.current),\n    instance.current.composedRows,\n  );\n\n  RowsObserver.notify(instance.current.composedRows);\n\n  const currentShouldRefocus = instance.current.shouldRefocus.current;\n  const prevState = usePrevious(instance.current.state);\n  if (isObject(currentShouldRefocus) && currentShouldRefocus.forced) {\n    instance.current.shouldRefocus.current = currentShouldRefocus.value;\n  } else {\n    instance.current.shouldRefocus.current = !isEqual(prevState, instance.current.state);\n  }\n\n  if (props.instanceRef) setRef(props.instanceRef, instance.current);\n\n  return {\n    ...instance.current,\n    decorators,\n  };\n};\n\nexport default useDataGrid;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport {\n  cloneDeep,\n  compose,\n  isEqual,\n  isObject,\n  setRef,\n  usePrevious,\n  useDerivedStateFromProps,\n} from '@elliemae/ds-utilities';\nimport { useMemo, useRef, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport * as resolve from 'table-resolver';\nimport { initColumnDefinition } from './initColumnDefinition.js';\nimport { applyDecorators, decorateColumns, reducePropsGetter } from '../createDataInstance/utils.js';\nimport { VolatileRowsListener } from './VolatileRowsListener.js';\nimport { isInternetExplorer } from '../utils.js';\n\nconst IS_INTERNET_EXPLORER = isInternetExplorer();\n\n// TODO: Reuse createDataInstance for the grid the same\n//  way as the list does ex: packages/ds-shared/src/useDataList/useDataList.js\n// eslint-disable-next-line max-statements\nexport const useDataGrid = ({ uuid: uuidProp, plugins: pluginsFromProps, rows, columns, renderers = {}, ...props }) => {\n  const plugins = pluginsFromProps;\n  const instance = useRef();\n  const tableRef = useRef();\n  const headerRef = useRef();\n  const bodyRef = useRef();\n  const bodyInnerRef = useRef();\n  const [uuid] = useState(uuidProp || (() => uuidv4()));\n  const [hasScroll, setHasScroll] = useState(false);\n  const [isRowDragging, setIsRowDragging] = useState(false);\n  const isScrolling = useRef();\n  const shouldRefocus = useRef(); // todo: we probably need a plugin for focus related stuff\n  const [RowsObserver] = useState(() => new VolatileRowsListener());\n\n  // todo move this with rows composition\n  const [originalRows, updateRows] = useDerivedStateFromProps(rows, {\n    onUpdate: resolve.resolve({\n      columns,\n      method: (extra) => compose(resolve.byFunction('valueTransformation')(extra), resolve.nested(extra)),\n    }),\n    updateOnStateChange: true,\n  });\n\n  instance.current = {\n    decoratedRenderers: cloneDeep(renderers),\n    decoratedColumns: columns,\n    columns,\n    rows,\n    composedRows: originalRows,\n    getRowProps: [],\n    getHeaderRowProps: [],\n    getBodyProps: [],\n    getTableProps: [],\n    effects: [],\n    uuid,\n    props,\n    refs: {\n      table: tableRef,\n      body: bodyRef,\n      header: headerRef,\n      innerBody: bodyInnerRef,\n    },\n    state: {\n      hasScroll,\n    },\n    actions: {\n      updateRows,\n    },\n    updateRows,\n    // eslint-disable-next-line no-return-assign\n    enableEvents: () => (document.body.style.pointerEvents = IS_INTERNET_EXPLORER ? '' : null),\n    // eslint-disable-next-line no-return-assign\n    disableEvents: () => (document.body.style.pointerEvents = 'none'),\n    observeRows: (observer) => RowsObserver.observe(observer),\n    hotKeys: {},\n    shouldRefocus,\n    isScrolling,\n    setHasScroll,\n    setIsRowDragging,\n    isRowDragging,\n    plugins,\n  };\n  instance.current.getState = () => instance.current.state;\n  instance.current.getInstance = () => instance.current;\n\n  const defaultDecorators = {\n    decorateGrid: [],\n    registerStateHook: [],\n    registerHotKeys: [],\n    decorateColumn: [],\n    decorateColumns: [\n      (cols) =>\n        cols.map((col) =>\n          initColumnDefinition({\n            useTextTruncation: col.useTextTruncation,\n            wrapText: props.wrapText,\n            normalize: props.normalizeDataKeys,\n          })(col),\n        ),\n    ],\n    decorateRenderers: [],\n    getRowProps: [],\n    getHeaderRowProps: [],\n    getBodyProps: [],\n    getTableProps: [],\n    getHeaderProps: [],\n    composeRows: [],\n  };\n\n  const decorators = useMemo(() => {\n    let nextDecorators = defaultDecorators;\n    // eslint-disable-next-line no-return-assign\n    plugins.forEach((plugin) => (nextDecorators = plugin(nextDecorators)));\n    return nextDecorators;\n  }, [plugins]);\n\n  instance.current = decorators.decorateGrid.reduce(\n    (nextInstance, decorator) => ({\n      ...nextInstance,\n      ...decorator(instance.current),\n    }),\n    instance.current,\n  );\n\n  instance.current = decorators.registerStateHook.reduce((nextInstance, decorator) => {\n    const { state, actions } = decorator(instance.current);\n    return {\n      ...nextInstance,\n      state: {\n        ...nextInstance.state,\n        ...state,\n      },\n      actions: {\n        ...nextInstance.actions,\n        ...actions,\n      },\n    };\n  }, instance.current);\n\n  const reduceHotKey = (nextInstance, { key, handler, options }) => ({\n    ...nextInstance,\n    hotKeys: {\n      ...nextInstance.hotKeys,\n      [key]: { handler, options },\n    },\n  });\n  instance.current = decorators.registerHotKeys.reduce((nextInstance, decorator) => {\n    const hotKeys = decorator(nextInstance);\n    if (Array.isArray(hotKeys)) {\n      return hotKeys.reduce(reduceHotKey, nextInstance);\n    }\n    return reduceHotKey(nextInstance, hotKeys);\n  }, instance.current);\n\n  instance.current.decoratedRenderers = applyDecorators(\n    instance.current.decoratedRenderers,\n    decorators.decorateRenderers,\n    instance.current,\n  );\n\n  instance.current.decoratedColumns = useMemo(() => {\n    const visibleColumns = cloneDeep(columns).filter(\n      (column) => typeof column.visible === 'undefined' || column.visible,\n    );\n    return visibleColumns.length ? decorateColumns(visibleColumns, decorators, instance.current) : [];\n  }, [columns]);\n\n  instance.current.getBodyProps = reducePropsGetter(decorators.getBodyProps, instance.current);\n  instance.current.getHeaderProps = reducePropsGetter(decorators.getHeaderProps, instance.current);\n  instance.current.getRowProps = reducePropsGetter(decorators.getRowProps, instance.current);\n  instance.current.getHeaderRowProps = reducePropsGetter(decorators.getHeaderRowProps, instance.current);\n  instance.current.getTableProps = reducePropsGetter(decorators.getTableProps, instance.current);\n\n  instance.current.composedRows = decorators.composeRows.reduce(\n    (nextRows, getter) => getter(nextRows, instance.current),\n    instance.current.composedRows,\n  );\n\n  RowsObserver.notify(instance.current.composedRows);\n\n  const currentShouldRefocus = instance.current.shouldRefocus.current;\n  const prevState = usePrevious(instance.current.state);\n  if (isObject(currentShouldRefocus) && currentShouldRefocus.forced) {\n    instance.current.shouldRefocus.current = currentShouldRefocus.value;\n  } else {\n    instance.current.shouldRefocus.current = !isEqual(prevState, instance.current.state);\n  }\n\n  if (props.instanceRef) setRef(props.instanceRef, instance.current);\n\n  return {\n    ...instance.current,\n    decorators,\n  };\n};\n\nexport default useDataGrid;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/useDataList/index.js

@@ -1,4 +1,4 @@
 import * as React from "react";
-export * from "./useDataList";
-export * from "./recordIterator";
+export * from "./useDataList.js";
+export * from "./recordIterator.js";
 //# 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 * from './useDataList';\nexport * from './recordIterator';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './useDataList.js';\nexport * from './recordIterator.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/useDataList/recordIterator.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const defaultStrategy = () => {\n  throw Error('Implement an iterator strategy for record iterator');\n};\n\nexport function recordIterator(\n  records,\n  strategy = defaultStrategy,\n  decorators = [],\n  instance,\n) {\n  const nextRows = [];\n\n  strategy({\n    data: records,\n    cb: row => {\n      let nextRow = row;\n\n      // eslint-disable-next-line no-loops/no-loops,no-plusplus\n      for (let i = 0; i < decorators.length; i++) {\n        nextRow = decorators[i](nextRow, instance);\n        if (!nextRow) break;\n      }\n\n      if (nextRow) nextRows.push(nextRow);\n    },\n    instance,\n  });\n\n  return nextRows;\n}\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,MAAM,kBAAkB,MAAM;AAC5B,QAAM,MAAM,oDAAoD;AAClE;AAEO,SAAS,eACd,SACA,WAAW,iBACX,aAAa,CAAC,GACd,UACA;AACA,QAAM,WAAW,CAAC;AAElB,WAAS;AAAA,IACP,MAAM;AAAA,IACN,IAAI,SAAO;AACT,UAAI,UAAU;AAGd,eAAS,IAAI,GAAG,IAAI,WAAW,QAAQ,KAAK;AAC1C,kBAAU,WAAW,GAAG,SAAS,QAAQ;AACzC,YAAI,CAAC;AAAS;AAAA,MAChB;AAEA,UAAI;AAAS,iBAAS,KAAK,OAAO;AAAA,IACpC;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAO;AACT;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const defaultStrategy = () => {\n  throw Error('Implement an iterator strategy for record iterator');\n};\n\nexport function recordIterator(records, strategy = defaultStrategy, decorators = [], instance) {\n  const nextRows = [];\n\n  strategy({\n    data: records,\n    cb: (row) => {\n      let nextRow = row;\n\n      // eslint-disable-next-line no-loops/no-loops,no-plusplus\n      for (let i = 0; i < decorators.length; i++) {\n        nextRow = decorators[i](nextRow, instance);\n        if (!nextRow) break;\n      }\n\n      if (nextRow) nextRows.push(nextRow);\n    },\n    instance,\n  });\n\n  return nextRows;\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,MAAM,kBAAkB,MAAM;AAC5B,QAAM,MAAM,oDAAoD;AAClE;AAEO,SAAS,eAAe,SAAS,WAAW,iBAAiB,aAAa,CAAC,GAAG,UAAU;AAC7F,QAAM,WAAW,CAAC;AAElB,WAAS;AAAA,IACP,MAAM;AAAA,IACN,IAAI,CAAC,QAAQ;AACX,UAAI,UAAU;AAGd,eAAS,IAAI,GAAG,IAAI,WAAW,QAAQ,KAAK;AAC1C,kBAAU,WAAW,CAAC,EAAE,SAAS,QAAQ;AACzC,YAAI,CAAC;AAAS;AAAA,MAChB;AAEA,UAAI;AAAS,iBAAS,KAAK,OAAO;AAAA,IACpC;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAO;AACT;",
   "names": []
 }