@elliemae/ds-shared 3.16.0-next.2 → 3.16.0-next.21

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/useDataGrid/initColumnDefinition.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable react/display-name */\nimport React from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport {\n  get,\n  curry,\n  set,\n  cloneDeep,\n  isFunction,\n} 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(\n  (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);\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 { useTextTruncation = true, isUserColumn, visible, normalize } = {\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 (\n      useTextTruncation &&\n      !(\n        isFunction(column.customHeaderRenderer) ||\n        column.header.formatters.length\n      )\n    ) {\n      column.header.formatters.push((value) => (\n        <span className=\"cell-value\">{value}</span>\n      ));\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 (\n      useTextTruncation &&\n      !(isFunction(column.customRenderer) || column.cell.formatters.length)\n    ) {\n      column.cell.formatters.push((value) => (\n        <span\n          className=\"cell-value\"\n          style={{\n            justifyContent:\n              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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": ["uuidv4"]
 }

package/dist/cjs/useDataGrid/useDataGrid.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -33,19 +37,12 @@ var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_react = require("react");
 var import_uuid = require("uuid");
 var resolve = __toESM(require("table-resolver"));
-var import_initColumnDefinition = require("./initColumnDefinition");
-var import_utils = require("../createDataInstance/utils");
-var import_VolatileRowsListener = require("./VolatileRowsListener");
-var import_utils2 = require("../utils");
+var import_initColumnDefinition = require("./initColumnDefinition.js");
+var import_utils = require("../createDataInstance/utils.js");
+var import_VolatileRowsListener = require("./VolatileRowsListener.js");
+var import_utils2 = require("../utils.js");
 const IS_INTERNET_EXPLORER = (0, import_utils2.isInternetExplorer)();
-const useDataGrid = ({
-  uuid: uuidProp,
-  plugins: pluginsFromProps,
-  rows,
-  columns,
-  renderers = {},
-  ...props
-}) => {
+const useDataGrid = ({ uuid: uuidProp, plugins: pluginsFromProps, rows, columns, renderers = {}, ...props }) => {
   const plugins = pluginsFromProps;
   const instance = (0, import_react.useRef)();
   const tableRef = (0, import_react.useRef)();
@@ -61,10 +58,7 @@ const useDataGrid = ({
   const [originalRows, updateRows] = (0, import_ds_utilities.useDerivedStateFromProps)(rows, {
     onUpdate: resolve.resolve({
       columns,
-      method: (extra) => (0, import_ds_utilities.compose)(
-        resolve.byFunction("valueTransformation")(extra),
-        resolve.nested(extra)
-      )
+      method: (extra) => (0, import_ds_utilities.compose)(resolve.byFunction("valueTransformation")(extra), resolve.nested(extra))
     }),
     updateOnStateChange: true
   });
@@ -94,7 +88,9 @@ const useDataGrid = ({
       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: {},
@@ -141,23 +137,20 @@ const useDataGrid = ({
     }),
     instance.current
   );
-  instance.current = decorators.registerStateHook.reduce(
-    (nextInstance, decorator) => {
-      const { state, actions } = decorator(instance.current);
-      return {
-        ...nextInstance,
-        state: {
-          ...nextInstance.state,
-          ...state
-        },
-        actions: {
-          ...nextInstance.actions,
-          ...actions
-        }
-      };
-    },
-    instance.current
-  );
+  instance.current = decorators.registerStateHook.reduce((nextInstance, decorator) => {
+    const { state, actions } = decorator(instance.current);
+    return {
+      ...nextInstance,
+      state: {
+        ...nextInstance.state,
+        ...state
+      },
+      actions: {
+        ...nextInstance.actions,
+        ...actions
+      }
+    };
+  }, instance.current);
   const reduceHotKey = (nextInstance, { key, handler, options }) => ({
     ...nextInstance,
     hotKeys: {
@@ -165,16 +158,13 @@ const useDataGrid = ({
       [key]: { handler, options }
     }
   });
-  instance.current = decorators.registerHotKeys.reduce(
-    (nextInstance, decorator) => {
-      const hotKeys = decorator(nextInstance);
-      if (Array.isArray(hotKeys)) {
-        return hotKeys.reduce(reduceHotKey, nextInstance);
-      }
-      return reduceHotKey(nextInstance, hotKeys);
-    },
-    instance.current
-  );
+  instance.current = decorators.registerHotKeys.reduce((nextInstance, decorator) => {
+    const hotKeys = decorator(nextInstance);
+    if (Array.isArray(hotKeys)) {
+      return hotKeys.reduce(reduceHotKey, nextInstance);
+    }
+    return reduceHotKey(nextInstance, hotKeys);
+  }, instance.current);
   instance.current.decoratedRenderers = (0, import_utils.applyDecorators)(
     instance.current.decoratedRenderers,
     decorators.decorateRenderers,
@@ -186,26 +176,11 @@ const useDataGrid = ({
     );
     return visibleColumns.length ? (0, import_utils.decorateColumns)(visibleColumns, decorators, instance.current) : [];
   }, [columns]);
-  instance.current.getBodyProps = (0, import_utils.reducePropsGetter)(
-    decorators.getBodyProps,
-    instance.current
-  );
-  instance.current.getHeaderProps = (0, import_utils.reducePropsGetter)(
-    decorators.getHeaderProps,
-    instance.current
-  );
-  instance.current.getRowProps = (0, import_utils.reducePropsGetter)(
-    decorators.getRowProps,
-    instance.current
-  );
-  instance.current.getHeaderRowProps = (0, import_utils.reducePropsGetter)(
-    decorators.getHeaderRowProps,
-    instance.current
-  );
-  instance.current.getTableProps = (0, import_utils.reducePropsGetter)(
-    decorators.getTableProps,
-    instance.current
-  );
+  instance.current.getBodyProps = (0, import_utils.reducePropsGetter)(decorators.getBodyProps, instance.current);
+  instance.current.getHeaderProps = (0, import_utils.reducePropsGetter)(decorators.getHeaderProps, instance.current);
+  instance.current.getRowProps = (0, import_utils.reducePropsGetter)(decorators.getRowProps, instance.current);
+  instance.current.getHeaderRowProps = (0, import_utils.reducePropsGetter)(decorators.getHeaderRowProps, instance.current);
+  instance.current.getTableProps = (0, import_utils.reducePropsGetter)(decorators.getTableProps, instance.current);
   instance.current.composedRows = decorators.composeRows.reduce(
     (nextRows, getter) => getter(nextRows, instance.current),
     instance.current.composedRows
@@ -216,10 +191,7 @@ const useDataGrid = ({
   if ((0, import_ds_utilities.isObject)(currentShouldRefocus) && currentShouldRefocus.forced) {
     instance.current.shouldRefocus.current = currentShouldRefocus.value;
   } else {
-    instance.current.shouldRefocus.current = !(0, import_ds_utilities.isEqual)(
-      prevState,
-      instance.current.state
-    );
+    instance.current.shouldRefocus.current = !(0, import_ds_utilities.isEqual)(prevState, instance.current.state);
   }
   if (props.instanceRef)
     (0, import_ds_utilities.setRef)(props.instanceRef, instance.current);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/useDataGrid/useDataGrid.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* 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 {\n  applyDecorators,\n  decorateColumns,\n  reducePropsGetter,\n} 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 = ({\n  uuid: uuidProp,\n  plugins: pluginsFromProps,\n  rows,\n  columns,\n  renderers = {},\n  ...props\n}) => {\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) =>\n        compose(\n          resolve.byFunction('valueTransformation')(extra),\n          resolve.nested(extra),\n        ),\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: () =>\n      (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(\n    (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    },\n    instance.current,\n  );\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(\n    (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    },\n    instance.current,\n  );\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\n      ? decorateColumns(visibleColumns, decorators, instance.current)\n      : [];\n  }, [columns]);\n\n  instance.current.getBodyProps = reducePropsGetter(\n    decorators.getBodyProps,\n    instance.current,\n  );\n  instance.current.getHeaderProps = reducePropsGetter(\n    decorators.getHeaderProps,\n    instance.current,\n  );\n  instance.current.getRowProps = reducePropsGetter(\n    decorators.getRowProps,\n    instance.current,\n  );\n  instance.current.getHeaderRowProps = reducePropsGetter(\n    decorators.getHeaderRowProps,\n    instance.current,\n  );\n  instance.current.getTableProps = reducePropsGetter(\n    decorators.getTableProps,\n    instance.current,\n  );\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(\n      prevState,\n      instance.current.state,\n    );\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\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": ["import_utils", "uuidv4"]
 }

package/dist/cjs/useDataList/index.js

@@ -15,6 +15,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -22,6 +26,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var useDataList_exports = {};
 module.exports = __toCommonJS(useDataList_exports);
 var React = __toESM(require("react"));
-__reExport(useDataList_exports, require("./useDataList"), module.exports);
-__reExport(useDataList_exports, require("./recordIterator"), module.exports);
+__reExport(useDataList_exports, require("./useDataList.js"), module.exports);
+__reExport(useDataList_exports, require("./recordIterator.js"), module.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 * from './useDataList';\nexport * from './recordIterator';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,gCAAc,0BAAd;AACA,gCAAc,6BADd;",
+  "sourcesContent": ["export * from './useDataList.js';\nexport * from './recordIterator.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,gCAAc,6BAAd;AACA,gCAAc,gCADd;",
   "names": []
 }

package/dist/cjs/useDataList/recordIterator.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/useDataList/recordIterator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,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": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,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": []
 }

package/dist/cjs/useDataList/useDataList.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -33,12 +37,12 @@ module.exports = __toCommonJS(useDataList_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
 var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_get = __toESM(require("lodash/get"));
-var import_utils = require("../createDataInstance/utils");
-var import_recordIterator = require("./recordIterator");
-var import_createInstanceRef = require("../createDataInstance/createInstanceRef");
-const getItemLabel = (record, nameKey = "name") => (0, import_get.default)(record, ["data", nameKey]);
-const getItemChildren = (record, childrenKey = "children") => (0, import_get.default)(record, ["data", childrenKey]);
+var import_lodash = require("lodash");
+var import_utils = require("../createDataInstance/utils.js");
+var import_recordIterator = require("./recordIterator.js");
+var import_createInstanceRef = require("../createDataInstance/createInstanceRef.js");
+const getItemLabel = (record, nameKey = "name") => (0, import_lodash.get)(record, ["data", nameKey]);
+const getItemChildren = (record, childrenKey = "children") => (0, import_lodash.get)(record, ["data", childrenKey]);
 const listRenderers = {
   list: "ul",
   item: "li"
@@ -62,6 +66,7 @@ const useDataList = ({
       getListProps: [],
       getItemProps: [],
       itemRenderer: [...itemRenderer],
+      // components reduce to compose item content
       record: [],
       records: []
     },
@@ -74,18 +79,9 @@ const useDataList = ({
   instance.current.getItemLabel = (record) => getItemLabel(record, props.nameKey);
   instance.current.getItemChildren = (record) => getItemChildren(record, props.childrenKey);
   instance.current.decorators = decorators;
-  instance.current.getListProps = (0, import_utils.reducePropsGetter)(
-    decorators.getListProps,
-    instance.current
-  );
-  instance.current.getItemProps = (0, import_utils.reducePropsGetter)(
-    decorators.getItemProps,
-    instance.current
-  );
-  instance.current.itemRenderer = (0, import_utils.composeFormatters)(
-    instance.current.decorators.itemRenderer,
-    instance.current
-  );
+  instance.current.getListProps = (0, import_utils.reducePropsGetter)(decorators.getListProps, instance.current);
+  instance.current.getItemProps = (0, import_utils.reducePropsGetter)(decorators.getItemProps, instance.current);
+  instance.current.itemRenderer = (0, import_utils.composeFormatters)(instance.current.decorators.itemRenderer, instance.current);
   instance.current.records = (0, import_react.useMemo)(() => {
     let nextRecords = (0, import_recordIterator.recordIterator)(
       data,
@@ -93,10 +89,7 @@ const useDataList = ({
       decorators.record,
       instance.current
     );
-    nextRecords = decorators.records.reduce(
-      (nextRows, getter) => getter(nextRows, instance.current),
-      nextRecords
-    );
+    nextRecords = decorators.records.reduce((nextRows, getter) => getter(nextRows, instance.current), nextRecords);
     return nextRecords;
   });
   if (props.instanceRef)

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/useDataList/useDataList.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useMemo, useRef } from 'react';\nimport { setRef } from '@elliemae/ds-utilities';\nimport get from 'lodash/get';\nimport {\n  composeFormatters,\n  reducePropsGetter,\n} from '../createDataInstance/utils';\nimport { recordIterator } from './recordIterator';\nimport { createDataInstanceRef } from '../createDataInstance/createInstanceRef';\n\nexport const getItemLabel = (record, nameKey = 'name') =>\n  get(record, ['data', nameKey]);\nexport const getItemChildren = (record, childrenKey = 'children') =>\n  get(record, ['data', childrenKey]);\n\nconst listRenderers = {\n  list: 'ul',\n  item: 'li',\n};\n\n// todo: check if a plugin is a LIST plugin rather than GRID\nexport const useDataList = ({\n  data = [],\n  plugins = [],\n  renderers = listRenderers,\n  itemRenderer = [],\n  customDecorators,\n  ...props\n}) => {\n  const listRef = useRef();\n  const { instance, decorators } = createDataInstanceRef({\n    data,\n    renderers,\n    plugins,\n    customDecorators: {\n      ...customDecorators,\n      recordIterator,\n      getListProps: [],\n      getItemProps: [],\n      itemRenderer: [...itemRenderer], // components reduce to compose item content\n      record: [],\n      records: [],\n    },\n    ...props,\n  });\n  instance.current.getListRef = () => listRef;\n  instance.current.setListRef = (ref) => {\n    listRef.current = ref;\n  };\n  instance.current.getItemLabel = (record) =>\n    getItemLabel(record, props.nameKey);\n  instance.current.getItemChildren = (record) =>\n    getItemChildren(record, props.childrenKey);\n\n  instance.current.decorators = decorators;\n  instance.current.getListProps = reducePropsGetter(\n    decorators.getListProps,\n    instance.current,\n  );\n  instance.current.getItemProps = reducePropsGetter(\n    decorators.getItemProps,\n    instance.current,\n  );\n  instance.current.itemRenderer = composeFormatters(\n    instance.current.decorators.itemRenderer,\n    instance.current,\n  );\n\n  instance.current.records = useMemo(() => {\n    // record iterator TREE / Simple\n    let nextRecords = recordIterator(\n      data,\n      instance.current.decorators.recordIterator,\n      decorators.record,\n      instance.current,\n    );\n\n    // compose all records\n    nextRecords = decorators.records.reduce(\n      (nextRows, getter) => getter(nextRows, instance.current),\n      nextRecords,\n    );\n\n    return nextRecords;\n  });\n\n  if (props.instanceRef) setRef(props.instanceRef, instance.current);\n\n  return instance.current;\n};\n\nexport default useDataList;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAgC;AAChC,0BAAuB;AACvB,iBAAgB;AAChB,mBAGO;AACP,4BAA+B;AAC/B,+BAAsC;AAE/B,MAAM,eAAe,CAAC,QAAQ,UAAU,eAC7C,WAAAA,SAAI,QAAQ,CAAC,QAAQ,OAAO,CAAC;AACxB,MAAM,kBAAkB,CAAC,QAAQ,cAAc,mBACpD,WAAAA,SAAI,QAAQ,CAAC,QAAQ,WAAW,CAAC;AAEnC,MAAM,gBAAgB;AAAA,EACpB,MAAM;AAAA,EACN,MAAM;AACR;AAGO,MAAM,cAAc,CAAC;AAAA,EAC1B,OAAO,CAAC;AAAA,EACR,UAAU,CAAC;AAAA,EACX,YAAY;AAAA,EACZ,eAAe,CAAC;AAAA,EAChB;AAAA,KACG;AACL,MAAM;AACJ,QAAM,cAAU,qBAAO;AACvB,QAAM,EAAE,UAAU,WAAW,QAAI,gDAAsB;AAAA,IACrD;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,MAChB,GAAG;AAAA,MACH;AAAA,MACA,cAAc,CAAC;AAAA,MACf,cAAc,CAAC;AAAA,MACf,cAAc,CAAC,GAAG,YAAY;AAAA,MAC9B,QAAQ,CAAC;AAAA,MACT,SAAS,CAAC;AAAA,IACZ;AAAA,IACA,GAAG;AAAA,EACL,CAAC;AACD,WAAS,QAAQ,aAAa,MAAM;AACpC,WAAS,QAAQ,aAAa,CAAC,QAAQ;AACrC,YAAQ,UAAU;AAAA,EACpB;AACA,WAAS,QAAQ,eAAe,CAAC,WAC/B,aAAa,QAAQ,MAAM,OAAO;AACpC,WAAS,QAAQ,kBAAkB,CAAC,WAClC,gBAAgB,QAAQ,MAAM,WAAW;AAE3C,WAAS,QAAQ,aAAa;AAC9B,WAAS,QAAQ,mBAAe;AAAA,IAC9B,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AACA,WAAS,QAAQ,mBAAe;AAAA,IAC9B,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AACA,WAAS,QAAQ,mBAAe;AAAA,IAC9B,SAAS,QAAQ,WAAW;AAAA,IAC5B,SAAS;AAAA,EACX;AAEA,WAAS,QAAQ,cAAU,sBAAQ,MAAM;AAEvC,QAAI,kBAAc;AAAA,MAChB;AAAA,MACA,SAAS,QAAQ,WAAW;AAAA,MAC5B,WAAW;AAAA,MACX,SAAS;AAAA,IACX;AAGA,kBAAc,WAAW,QAAQ;AAAA,MAC/B,CAAC,UAAU,WAAW,OAAO,UAAU,SAAS,OAAO;AAAA,MACvD;AAAA,IACF;AAEA,WAAO;AAAA,EACT,CAAC;AAED,MAAI,MAAM;AAAa,oCAAO,MAAM,aAAa,SAAS,OAAO;AAEjE,SAAO,SAAS;AAClB;AAEA,IAAO,sBAAQ;",
-  "names": ["get"]
+  "sourcesContent": ["import { useMemo, useRef } from 'react';\nimport { setRef } from '@elliemae/ds-utilities';\nimport { get } from 'lodash';\nimport { composeFormatters, reducePropsGetter } from '../createDataInstance/utils.js';\nimport { recordIterator } from './recordIterator.js';\nimport { createDataInstanceRef } from '../createDataInstance/createInstanceRef.js';\n\nexport const getItemLabel = (record, nameKey = 'name') => get(record, ['data', nameKey]);\nexport const getItemChildren = (record, childrenKey = 'children') => get(record, ['data', childrenKey]);\n\nconst listRenderers = {\n  list: 'ul',\n  item: 'li',\n};\n\n// todo: check if a plugin is a LIST plugin rather than GRID\nexport const useDataList = ({\n  data = [],\n  plugins = [],\n  renderers = listRenderers,\n  itemRenderer = [],\n  customDecorators,\n  ...props\n}) => {\n  const listRef = useRef();\n  const { instance, decorators } = createDataInstanceRef({\n    data,\n    renderers,\n    plugins,\n    customDecorators: {\n      ...customDecorators,\n      recordIterator,\n      getListProps: [],\n      getItemProps: [],\n      itemRenderer: [...itemRenderer], // components reduce to compose item content\n      record: [],\n      records: [],\n    },\n    ...props,\n  });\n  instance.current.getListRef = () => listRef;\n  instance.current.setListRef = (ref) => {\n    listRef.current = ref;\n  };\n  instance.current.getItemLabel = (record) => getItemLabel(record, props.nameKey);\n  instance.current.getItemChildren = (record) => getItemChildren(record, props.childrenKey);\n\n  instance.current.decorators = decorators;\n  instance.current.getListProps = reducePropsGetter(decorators.getListProps, instance.current);\n  instance.current.getItemProps = reducePropsGetter(decorators.getItemProps, instance.current);\n  instance.current.itemRenderer = composeFormatters(instance.current.decorators.itemRenderer, instance.current);\n\n  instance.current.records = useMemo(() => {\n    // record iterator TREE / Simple\n    let nextRecords = recordIterator(\n      data,\n      instance.current.decorators.recordIterator,\n      decorators.record,\n      instance.current,\n    );\n\n    // compose all records\n    nextRecords = decorators.records.reduce((nextRows, getter) => getter(nextRows, instance.current), nextRecords);\n\n    return nextRecords;\n  });\n\n  if (props.instanceRef) setRef(props.instanceRef, instance.current);\n\n  return instance.current;\n};\n\nexport default useDataList;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAgC;AAChC,0BAAuB;AACvB,oBAAoB;AACpB,mBAAqD;AACrD,4BAA+B;AAC/B,+BAAsC;AAE/B,MAAM,eAAe,CAAC,QAAQ,UAAU,eAAW,mBAAI,QAAQ,CAAC,QAAQ,OAAO,CAAC;AAChF,MAAM,kBAAkB,CAAC,QAAQ,cAAc,mBAAe,mBAAI,QAAQ,CAAC,QAAQ,WAAW,CAAC;AAEtG,MAAM,gBAAgB;AAAA,EACpB,MAAM;AAAA,EACN,MAAM;AACR;AAGO,MAAM,cAAc,CAAC;AAAA,EAC1B,OAAO,CAAC;AAAA,EACR,UAAU,CAAC;AAAA,EACX,YAAY;AAAA,EACZ,eAAe,CAAC;AAAA,EAChB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,cAAU,qBAAO;AACvB,QAAM,EAAE,UAAU,WAAW,QAAI,gDAAsB;AAAA,IACrD;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,MAChB,GAAG;AAAA,MACH;AAAA,MACA,cAAc,CAAC;AAAA,MACf,cAAc,CAAC;AAAA,MACf,cAAc,CAAC,GAAG,YAAY;AAAA;AAAA,MAC9B,QAAQ,CAAC;AAAA,MACT,SAAS,CAAC;AAAA,IACZ;AAAA,IACA,GAAG;AAAA,EACL,CAAC;AACD,WAAS,QAAQ,aAAa,MAAM;AACpC,WAAS,QAAQ,aAAa,CAAC,QAAQ;AACrC,YAAQ,UAAU;AAAA,EACpB;AACA,WAAS,QAAQ,eAAe,CAAC,WAAW,aAAa,QAAQ,MAAM,OAAO;AAC9E,WAAS,QAAQ,kBAAkB,CAAC,WAAW,gBAAgB,QAAQ,MAAM,WAAW;AAExF,WAAS,QAAQ,aAAa;AAC9B,WAAS,QAAQ,mBAAe,gCAAkB,WAAW,cAAc,SAAS,OAAO;AAC3F,WAAS,QAAQ,mBAAe,gCAAkB,WAAW,cAAc,SAAS,OAAO;AAC3F,WAAS,QAAQ,mBAAe,gCAAkB,SAAS,QAAQ,WAAW,cAAc,SAAS,OAAO;AAE5G,WAAS,QAAQ,cAAU,sBAAQ,MAAM;AAEvC,QAAI,kBAAc;AAAA,MAChB;AAAA,MACA,SAAS,QAAQ,WAAW;AAAA,MAC5B,WAAW;AAAA,MACX,SAAS;AAAA,IACX;AAGA,kBAAc,WAAW,QAAQ,OAAO,CAAC,UAAU,WAAW,OAAO,UAAU,SAAS,OAAO,GAAG,WAAW;AAE7G,WAAO;AAAA,EACT,CAAC;AAED,MAAI,MAAM;AAAa,oCAAO,MAAM,aAAa,SAAS,OAAO;AAEjE,SAAO,SAAS;AAClB;AAEA,IAAO,sBAAQ;",
+  "names": []
 }

package/dist/cjs/utils.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -88,9 +92,7 @@ const listWithChildren = (list, childrenProp) => list.map((item) => ({
 const getAllNonEmptyNodesIds = (items, childrenProp) => {
   let childrenIds = [];
   const ids = items.filter((item) => item[childrenProp].length).map((item) => {
-    childrenIds = childrenIds.concat(
-      getAllNonEmptyNodesIds(item[childrenProp], childrenProp)
-    );
+    childrenIds = childrenIds.concat(getAllNonEmptyNodesIds(item[childrenProp], childrenProp));
     return item.id;
   });
   return ids.concat(childrenIds);

package/dist/cjs/utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/utils.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable no-cond-assign */\nexport const objectType = (obj) =>\n  Object.prototype.toString.call(obj).slice(8, -1);\nexport const isDefined = (param) => typeof param !== 'undefined';\nexport const isUndefined = (param) => typeof param === 'undefined';\nexport const isFunction = (param) => typeof param === 'function';\nexport const isNumber = param => typeof param === 'number' && !isNaN(param); // eslint-disable-line\nexport const isString = (str) => objectType(str) === 'String';\nexport const isArray = (arr) => objectType(arr) === 'Array';\n\nexport const closest = (target, selector) => {\n  // closest(e.target, '.field')\n  while (target) {\n    // eslint-disable-line\n    if (target.matches && target.matches(selector)) return target;\n    if (target.msMatchesSelector && target.msMatchesSelector(selector))\n      return target;\n    // eslint-disable-next-line no-param-reassign\n    target = target.parentNode;\n  }\n  return null;\n};\n\nexport const getOffsetRect = (elem) => {\n  // (1)\n  const box = elem.getBoundingClientRect();\n\n  const { body, documentElement } = document;\n\n  // (2)\n  const scrollTop =\n    window.pageYOffset || documentElement.scrollTop || body.scrollTop;\n  const scrollLeft =\n    window.pageXOffset || documentElement.scrollLeft || body.scrollLeft;\n\n  // (3)\n  const clientTop = documentElement.clientTop || body.clientTop || 0;\n  const clientLeft = documentElement.clientLeft || body.clientLeft || 0;\n\n  // (4)\n  const top = box.top + scrollTop - clientTop;\n  const left = box.left + scrollLeft - clientLeft;\n\n  return { top: Math.round(top), left: Math.round(left) };\n};\n\nexport const getTotalScroll = (elem) => {\n  let top = 0;\n  let left = 0;\n\n  // eslint-disable-next-line no-param-reassign\n  while ((elem = elem.parentNode)) {\n    top += elem.scrollTop || 0;\n    left += elem.scrollLeft || 0;\n  }\n\n  return { top, left };\n};\n\nexport const getTransformProps = (x, y) => ({\n  transform: `translate(${x}px, ${y}px)`,\n});\n\nexport const listWithChildren = (list, childrenProp) =>\n  list.map((item) => ({\n    ...item,\n    [childrenProp]: item[childrenProp]\n      ? listWithChildren(item[childrenProp], childrenProp)\n      : [],\n  }));\n\nexport const getAllNonEmptyNodesIds = (items, childrenProp) => {\n  let childrenIds = [];\n  const ids = items\n    .filter((item) => item[childrenProp].length)\n    .map((item) => {\n      childrenIds = childrenIds.concat(\n        getAllNonEmptyNodesIds(item[childrenProp], childrenProp),\n      );\n      return item.id;\n    });\n\n  return ids.concat(childrenIds);\n};\n\nexport const isInternetExplorer = () => {\n  const ua = window.navigator.userAgent;\n  const msie = ua.indexOf('MSIE ');\n  // If Internet Explorer, return version number\n  if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv:11\\./)) {\n    return true;\n  }\n  return false;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADChB,MAAM,aAAa,CAAC,QACzB,OAAO,UAAU,SAAS,KAAK,GAAG,EAAE,MAAM,GAAG,EAAE;AAC1C,MAAM,YAAY,CAAC,UAAU,OAAO,UAAU;AAC9C,MAAM,cAAc,CAAC,UAAU,OAAO,UAAU;AAChD,MAAM,aAAa,CAAC,UAAU,OAAO,UAAU;AAC/C,MAAM,WAAW,WAAS,OAAO,UAAU,YAAY,CAAC,MAAM,KAAK;AACnE,MAAM,WAAW,CAAC,QAAQ,WAAW,GAAG,MAAM;AAC9C,MAAM,UAAU,CAAC,QAAQ,WAAW,GAAG,MAAM;AAE7C,MAAM,UAAU,CAAC,QAAQ,aAAa;AAE3C,SAAO,QAAQ;AAEb,QAAI,OAAO,WAAW,OAAO,QAAQ,QAAQ;AAAG,aAAO;AACvD,QAAI,OAAO,qBAAqB,OAAO,kBAAkB,QAAQ;AAC/D,aAAO;AAET,aAAS,OAAO;AAAA,EAClB;AACA,SAAO;AACT;AAEO,MAAM,gBAAgB,CAAC,SAAS;AAErC,QAAM,MAAM,KAAK,sBAAsB;AAEvC,QAAM,EAAE,MAAM,gBAAgB,IAAI;AAGlC,QAAM,YACJ,OAAO,eAAe,gBAAgB,aAAa,KAAK;AAC1D,QAAM,aACJ,OAAO,eAAe,gBAAgB,cAAc,KAAK;AAG3D,QAAM,YAAY,gBAAgB,aAAa,KAAK,aAAa;AACjE,QAAM,aAAa,gBAAgB,cAAc,KAAK,cAAc;AAGpE,QAAM,MAAM,IAAI,MAAM,YAAY;AAClC,QAAM,OAAO,IAAI,OAAO,aAAa;AAErC,SAAO,EAAE,KAAK,KAAK,MAAM,GAAG,GAAG,MAAM,KAAK,MAAM,IAAI,EAAE;AACxD;AAEO,MAAM,iBAAiB,CAAC,SAAS;AACtC,MAAI,MAAM;AACV,MAAI,OAAO;AAGX,SAAQ,OAAO,KAAK,YAAa;AAC/B,WAAO,KAAK,aAAa;AACzB,YAAQ,KAAK,cAAc;AAAA,EAC7B;AAEA,SAAO,EAAE,KAAK,KAAK;AACrB;AAEO,MAAM,oBAAoB,CAAC,GAAG,OAAO;AAAA,EAC1C,WAAW,aAAa,QAAQ;AAClC;AAEO,MAAM,mBAAmB,CAAC,MAAM,iBACrC,KAAK,IAAI,CAAC,UAAU;AAAA,EAClB,GAAG;AAAA,EACH,CAAC,eAAe,KAAK,gBACjB,iBAAiB,KAAK,eAAe,YAAY,IACjD,CAAC;AACP,EAAE;AAEG,MAAM,yBAAyB,CAAC,OAAO,iBAAiB;AAC7D,MAAI,cAAc,CAAC;AACnB,QAAM,MAAM,MACT,OAAO,CAAC,SAAS,KAAK,cAAc,MAAM,EAC1C,IAAI,CAAC,SAAS;AACb,kBAAc,YAAY;AAAA,MACxB,uBAAuB,KAAK,eAAe,YAAY;AAAA,IACzD;AACA,WAAO,KAAK;AAAA,EACd,CAAC;AAEH,SAAO,IAAI,OAAO,WAAW;AAC/B;AAEO,MAAM,qBAAqB,MAAM;AACtC,QAAM,KAAK,OAAO,UAAU;AAC5B,QAAM,OAAO,GAAG,QAAQ,OAAO;AAE/B,MAAI,OAAO,KAAK,CAAC,CAAC,UAAU,UAAU,MAAM,kBAAkB,GAAG;AAC/D,WAAO;AAAA,EACT;AACA,SAAO;AACT;",
+  "sourcesContent": ["/* eslint-disable no-cond-assign */\nexport const objectType = (obj) => Object.prototype.toString.call(obj).slice(8, -1);\nexport const isDefined = (param) => typeof param !== 'undefined';\nexport const isUndefined = (param) => typeof param === 'undefined';\nexport const isFunction = (param) => typeof param === 'function';\nexport const isNumber = param => typeof param === 'number' && !isNaN(param); // eslint-disable-line\nexport const isString = (str) => objectType(str) === 'String';\nexport const isArray = (arr) => objectType(arr) === 'Array';\n\nexport const closest = (target, selector) => {\n  // closest(e.target, '.field')\n  while (target) {\n    // eslint-disable-line\n    if (target.matches && target.matches(selector)) return target;\n    if (target.msMatchesSelector && target.msMatchesSelector(selector)) return target;\n    // eslint-disable-next-line no-param-reassign\n    target = target.parentNode;\n  }\n  return null;\n};\n\nexport const getOffsetRect = (elem) => {\n  // (1)\n  const box = elem.getBoundingClientRect();\n\n  const { body, documentElement } = document;\n\n  // (2)\n  const scrollTop = window.pageYOffset || documentElement.scrollTop || body.scrollTop;\n  const scrollLeft = window.pageXOffset || documentElement.scrollLeft || body.scrollLeft;\n\n  // (3)\n  const clientTop = documentElement.clientTop || body.clientTop || 0;\n  const clientLeft = documentElement.clientLeft || body.clientLeft || 0;\n\n  // (4)\n  const top = box.top + scrollTop - clientTop;\n  const left = box.left + scrollLeft - clientLeft;\n\n  return { top: Math.round(top), left: Math.round(left) };\n};\n\nexport const getTotalScroll = (elem) => {\n  let top = 0;\n  let left = 0;\n\n  // eslint-disable-next-line no-param-reassign\n  while ((elem = elem.parentNode)) {\n    top += elem.scrollTop || 0;\n    left += elem.scrollLeft || 0;\n  }\n\n  return { top, left };\n};\n\nexport const getTransformProps = (x, y) => ({\n  transform: `translate(${x}px, ${y}px)`,\n});\n\nexport const listWithChildren = (list, childrenProp) =>\n  list.map((item) => ({\n    ...item,\n    [childrenProp]: item[childrenProp] ? listWithChildren(item[childrenProp], childrenProp) : [],\n  }));\n\nexport const getAllNonEmptyNodesIds = (items, childrenProp) => {\n  let childrenIds = [];\n  const ids = items\n    .filter((item) => item[childrenProp].length)\n    .map((item) => {\n      childrenIds = childrenIds.concat(getAllNonEmptyNodesIds(item[childrenProp], childrenProp));\n      return item.id;\n    });\n\n  return ids.concat(childrenIds);\n};\n\nexport const isInternetExplorer = () => {\n  const ua = window.navigator.userAgent;\n  const msie = ua.indexOf('MSIE ');\n  // If Internet Explorer, return version number\n  if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv:11\\./)) {\n    return true;\n  }\n  return false;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADChB,MAAM,aAAa,CAAC,QAAQ,OAAO,UAAU,SAAS,KAAK,GAAG,EAAE,MAAM,GAAG,EAAE;AAC3E,MAAM,YAAY,CAAC,UAAU,OAAO,UAAU;AAC9C,MAAM,cAAc,CAAC,UAAU,OAAO,UAAU;AAChD,MAAM,aAAa,CAAC,UAAU,OAAO,UAAU;AAC/C,MAAM,WAAW,WAAS,OAAO,UAAU,YAAY,CAAC,MAAM,KAAK;AACnE,MAAM,WAAW,CAAC,QAAQ,WAAW,GAAG,MAAM;AAC9C,MAAM,UAAU,CAAC,QAAQ,WAAW,GAAG,MAAM;AAE7C,MAAM,UAAU,CAAC,QAAQ,aAAa;AAE3C,SAAO,QAAQ;AAEb,QAAI,OAAO,WAAW,OAAO,QAAQ,QAAQ;AAAG,aAAO;AACvD,QAAI,OAAO,qBAAqB,OAAO,kBAAkB,QAAQ;AAAG,aAAO;AAE3E,aAAS,OAAO;AAAA,EAClB;AACA,SAAO;AACT;AAEO,MAAM,gBAAgB,CAAC,SAAS;AAErC,QAAM,MAAM,KAAK,sBAAsB;AAEvC,QAAM,EAAE,MAAM,gBAAgB,IAAI;AAGlC,QAAM,YAAY,OAAO,eAAe,gBAAgB,aAAa,KAAK;AAC1E,QAAM,aAAa,OAAO,eAAe,gBAAgB,cAAc,KAAK;AAG5E,QAAM,YAAY,gBAAgB,aAAa,KAAK,aAAa;AACjE,QAAM,aAAa,gBAAgB,cAAc,KAAK,cAAc;AAGpE,QAAM,MAAM,IAAI,MAAM,YAAY;AAClC,QAAM,OAAO,IAAI,OAAO,aAAa;AAErC,SAAO,EAAE,KAAK,KAAK,MAAM,GAAG,GAAG,MAAM,KAAK,MAAM,IAAI,EAAE;AACxD;AAEO,MAAM,iBAAiB,CAAC,SAAS;AACtC,MAAI,MAAM;AACV,MAAI,OAAO;AAGX,SAAQ,OAAO,KAAK,YAAa;AAC/B,WAAO,KAAK,aAAa;AACzB,YAAQ,KAAK,cAAc;AAAA,EAC7B;AAEA,SAAO,EAAE,KAAK,KAAK;AACrB;AAEO,MAAM,oBAAoB,CAAC,GAAG,OAAO;AAAA,EAC1C,WAAW,aAAa,QAAQ;AAClC;AAEO,MAAM,mBAAmB,CAAC,MAAM,iBACrC,KAAK,IAAI,CAAC,UAAU;AAAA,EAClB,GAAG;AAAA,EACH,CAAC,YAAY,GAAG,KAAK,YAAY,IAAI,iBAAiB,KAAK,YAAY,GAAG,YAAY,IAAI,CAAC;AAC7F,EAAE;AAEG,MAAM,yBAAyB,CAAC,OAAO,iBAAiB;AAC7D,MAAI,cAAc,CAAC;AACnB,QAAM,MAAM,MACT,OAAO,CAAC,SAAS,KAAK,YAAY,EAAE,MAAM,EAC1C,IAAI,CAAC,SAAS;AACb,kBAAc,YAAY,OAAO,uBAAuB,KAAK,YAAY,GAAG,YAAY,CAAC;AACzF,WAAO,KAAK;AAAA,EACd,CAAC;AAEH,SAAO,IAAI,OAAO,WAAW;AAC/B;AAEO,MAAM,qBAAqB,MAAM;AACtC,QAAM,KAAK,OAAO,UAAU;AAC5B,QAAM,OAAO,GAAG,QAAQ,OAAO;AAE/B,MAAI,OAAO,KAAK,CAAC,CAAC,UAAU,UAAU,MAAM,kBAAkB,GAAG;AAC/D,WAAO;AAAA,EACT;AACA,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/virtualization/AutoHeightList.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/virtualization/AutoHeightList.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { forwardRef, useRef } from 'react';\nimport { FixedSizeList as List } from 'react-window';\nimport { cx, useWindowScrollerList, mergeRefs } from '@elliemae/ds-utilities';\n\nexport const AutoHeightList = forwardRef(\n  (\n    {\n      itemCount,\n      className,\n      innerRef,\n      itemData,\n      itemKey,\n      itemSize,\n      outerRef,\n      component: ListComponent = List,\n      ...otherProps\n    },\n    ref,\n  ) => {\n    const listRef = useRef();\n    const outerListRef = useRef();\n\n    useWindowScrollerList({\n      listInstance: listRef,\n      outerListRef,\n    });\n\n    return (\n      <ListComponent\n        {...otherProps}\n        ref={mergeRefs(ref, listRef)}\n        className={cx(className, 'window-scroller-override')}\n        height={window.innerHeight}\n        innerRef={innerRef}\n        itemCount={itemCount}\n        itemData={itemData}\n        itemKey={itemKey}\n        itemSize={itemSize}\n        outerRef={mergeRefs(outerListRef, outerRef)}\n        overscanCount={10}\n        useIsScrolling\n      />\n    );\n  },\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD4BjB;AA5BN,mBAA0C;AAC1C,0BAAsC;AACtC,0BAAqD;AAE9C,MAAM,qBAAiB;AAAA,EAC5B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,gBAAgB,oBAAAA;AAAA,OACxB;AAAA,EACL,GACA,QACG;AACH,UAAM,cAAU,qBAAO;AACvB,UAAM,mBAAe,qBAAO;AAE5B,mDAAsB;AAAA,MACpB,cAAc;AAAA,MACd;AAAA,IACF,CAAC;AAED,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAK,+BAAU,KAAK,OAAO;AAAA,QAC3B,eAAW,wBAAG,WAAW,0BAA0B;AAAA,QACnD,QAAQ,OAAO;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAU,+BAAU,cAAc,QAAQ;AAAA,QAC1C,eAAe;AAAA,QACf,gBAAc;AAAA;AAAA,IAChB;AAAA,EAEJ;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD4BjB;AA5BN,mBAA0C;AAC1C,0BAAsC;AACtC,0BAAqD;AAE9C,MAAM,qBAAiB;AAAA,EAC5B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,gBAAgB,oBAAAA;AAAA,IAC3B,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,cAAU,qBAAO;AACvB,UAAM,mBAAe,qBAAO;AAE5B,mDAAsB;AAAA,MACpB,cAAc;AAAA,MACd;AAAA,IACF,CAAC;AAED,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAK,+BAAU,KAAK,OAAO;AAAA,QAC3B,eAAW,wBAAG,WAAW,0BAA0B;AAAA,QACnD,QAAQ,OAAO;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAU,+BAAU,cAAc,QAAQ;AAAA,QAC1C,eAAe;AAAA,QACf,gBAAc;AAAA;AAAA,IAChB;AAAA,EAEJ;AACF;",
   "names": ["List"]
 }

package/dist/cjs/virtualization/FluidHeightList.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -31,14 +35,12 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_react_virtualized_auto_sizer = __toESM(require("react-virtualized-auto-sizer"));
-const FluidHeightList = (0, import_react.forwardRef)(
-  ({ component: Component, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_virtualized_auto_sizer.default, { disableWidth: true, children: ({ height: fluidHeight }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    Component,
-    {
-      ...props,
-      ref,
-      height: fluidHeight - 32
-    }
-  ) })
-);
+const FluidHeightList = (0, import_react.forwardRef)(({ component: Component, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_virtualized_auto_sizer.default, { disableWidth: true, children: ({ height: fluidHeight }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  Component,
+  {
+    ...props,
+    ref,
+    height: fluidHeight - 32
+  }
+) }));
 //# sourceMappingURL=FluidHeightList.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/virtualization/FluidHeightList.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { forwardRef } from 'react';\nimport AutoSizer from 'react-virtualized-auto-sizer';\n\nexport const FluidHeightList = forwardRef(\n  ({ component: Component, ...props }, ref) => (\n    <AutoSizer disableWidth>\n      {({ height: fluidHeight }) => (\n        <Component\n          {...props}\n          ref={ref}\n          height={fluidHeight - 32} // taking in count the margins of the list\n        />\n      )}\n    </AutoSizer>\n  ),\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADOf;AAPR,mBAAkC;AAClC,0CAAsB;AAEf,MAAM,sBAAkB;AAAA,EAC7B,CAAC,EAAE,WAAW,cAAc,MAAM,GAAG,QACnC,4CAAC,oCAAAA,SAAA,EAAU,cAAY,MACpB,WAAC,EAAE,QAAQ,YAAY,MACtB;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,QAAQ,cAAc;AAAA;AAAA,EACxB,GAEJ;AAEJ;",
+  "sourcesContent": ["import React, { forwardRef } from 'react';\nimport AutoSizer from 'react-virtualized-auto-sizer';\n\nexport const FluidHeightList = forwardRef(({ component: Component, ...props }, ref) => (\n  <AutoSizer disableWidth>\n    {({ height: fluidHeight }) => (\n      <Component\n        {...props}\n        ref={ref}\n        height={fluidHeight - 32} // taking in count the margins of the list\n      />\n    )}\n  </AutoSizer>\n));\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADMjB;AANN,mBAAkC;AAClC,0CAAsB;AAEf,MAAM,sBAAkB,yBAAW,CAAC,EAAE,WAAW,WAAW,GAAG,MAAM,GAAG,QAC7E,4CAAC,oCAAAA,SAAA,EAAU,cAAY,MACpB,WAAC,EAAE,QAAQ,YAAY,MACtB;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA,QAAQ,cAAc;AAAA;AACxB,GAEJ,CACD;",
   "names": ["AutoSizer"]
 }

package/dist/cjs/virtualization/index.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -30,8 +34,8 @@ __export(virtualization_exports, {
 });
 module.exports = __toCommonJS(virtualization_exports);
 var React = __toESM(require("react"));
-var import_FluidHeightList = require("./FluidHeightList");
-var import_AutoHeightList = require("./AutoHeightList");
+var import_FluidHeightList = require("./FluidHeightList.js");
+var import_AutoHeightList = require("./AutoHeightList.js");
 function getVirtualListComponent({ component: Component, fluid, height, autoHeight }) {
   if (autoHeight)
     return import_AutoHeightList.AutoHeightList;

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({ 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;AAAA;ACAA,YAAuB;ADAvB,6BAAgC;AAChC,4BAA+B;AAIxB,SAAS,wBAAwB,EAAE,WAAW,WAAW,OAAO,QAAQ,WAAW,GAAG;AAC3F,MAAI;AAAY,WAAO;AACvB,MAAI;AAAO,WAAO;AAClB,SAAO;AACT;",
+  "sourcesContent": ["import { FluidHeightList } from './FluidHeightList.js';\nimport { AutoHeightList } from './AutoHeightList.js';\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;AAAA;ACAA,YAAuB;ADAvB,6BAAgC;AAChC,4BAA+B;AAIxB,SAAS,wBAAwB,EAAE,WAAW,WAAW,OAAO,QAAQ,WAAW,GAAG;AAC3F,MAAI;AAAY,WAAO;AACvB,MAAI;AAAO,WAAO;AAClB,SAAO;AACT;",
   "names": []
 }