@elliemae/ds-legacy-datagrids 1.0.0-rc.1

package/dist/esm/plugins/sortable/sorter.js

@@ -0,0 +1,124 @@
+import * as React from "react";
+import { get } from "@elliemae/ds-legacy-utilities";
+import moment from "moment";
+const sorter = ({ columns, sortingColumns, sort, emptyLast } = {}) => (data) => {
+  if (!columns) {
+    throw new Error('sort.sorter - Missing "columns" argument!');
+  }
+  if (!sort) {
+    throw new Error('sort.sorter - Missing "sort" argument!');
+  }
+  if (!sortingColumns) {
+    return data;
+  }
+  const columnIndexList = new Array(sortingColumns.length);
+  const orderList = new Array(sortingColumns.length);
+  let actualSortFunction = sort;
+  if (emptyLast) {
+    actualSortFunction = (innerData, innerColumnIndexList, innerOrderList) => {
+      const sortedData = sort(innerData, innerColumnIndexList, innerOrderList);
+      const keys = Object.keys(sortingColumns);
+      const withData = sortedData.filter((r) => keys.some((key) => !!r[key]));
+      const withoutData = sortedData.filter((r) => keys.some((key) => !r[key]));
+      return [...withData, ...withoutData];
+    };
+  }
+  Object.keys(sortingColumns).forEach((sortingColumnKey) => {
+    const realColumn = columns.find((column) => column.property === sortingColumnKey);
+    if (!realColumn)
+      return;
+    const columnSorter = realColumn.sort || function resolveValue(row) {
+      const { property, sortBy } = realColumn;
+      const value = row[sortBy || property];
+      const resolvedValue = get(row, `_${property}`, value);
+      if (realColumn.type === "DateTime") {
+        return moment(resolvedValue);
+      }
+      return typeof resolvedValue === "string" ? resolvedValue.toLowerCase() : resolvedValue;
+    };
+    const sortingColumn = sortingColumns[sortingColumnKey];
+    columnIndexList[sortingColumn.position] = columnSorter;
+    orderList[sortingColumn.position] = sortingColumn.direction;
+  });
+  return actualSortFunction(data, columnIndexList, orderList);
+};
+const sorterGroups = ({ columns, sortingColumns, sort, emptyLast } = {}) => (data, rowsData) => {
+  if (!columns) {
+    throw new Error('sort.sorter - Missing "columns" argument!');
+  }
+  if (!sort) {
+    throw new Error('sort.sorter - Missing "sort" argument!');
+  }
+  if (!sortingColumns) {
+    return data;
+  }
+  const columnIndexList = new Array(sortingColumns.length);
+  const orderList = new Array(sortingColumns.length);
+  let actualSortFunction = sort;
+  if (emptyLast) {
+    actualSortFunction = (innerData, innerColumnIndexList, innerOrderList) => {
+      const sortedData = sort(innerData, innerColumnIndexList, innerOrderList);
+      const keys = Object.keys(sortingColumns);
+      const withData = sortedData.filter((r) => keys.some((key) => !!r[key]));
+      const withoutData = sortedData.filter((r) => keys.some((key) => !r[key]));
+      return [...withData, ...withoutData];
+    };
+  }
+  Object.keys(sortingColumns).forEach((sortingColumnKey) => {
+    const realColumn = columns.find((column) => column.property === sortingColumnKey);
+    if (!realColumn)
+      return;
+    const columnSorter = realColumn.sort || function resolveValue(row) {
+      const { property, sortBy } = realColumn;
+      const value = row[sortBy || property];
+      const resolvedValue = get(row, `_${property}`, value);
+      if (realColumn.type === "DateTime") {
+        return moment(resolvedValue);
+      }
+      return typeof resolvedValue === "string" ? resolvedValue.toLowerCase() : resolvedValue;
+    };
+    const sortingColumn = sortingColumns[sortingColumnKey];
+    columnIndexList[sortingColumn.position] = columnSorter;
+    orderList[sortingColumn.position] = sortingColumn.direction;
+  });
+  const groups = {};
+  const preserveData = {};
+  data.forEach((c) => {
+    preserveData[c.id] = { ...c };
+  });
+  rowsData.forEach((group) => {
+    groups[group.id] = {
+      children: actualSortFunction(
+        group.children.map((c) => ({
+          parentNode: preserveData[c.id].parentNode,
+          data: c,
+          ...c
+        })),
+        columnIndexList,
+        orderList
+      )
+      // sort internally
+    };
+  });
+  const sorted = actualSortFunction(
+    data.map((r) => ({
+      ...r.data,
+      ...r
+    })),
+    columnIndexList,
+    orderList
+  );
+  let ssortGlobal = [];
+  sorted.filter((s) => !s.isGroup).forEach((sr) => {
+    if (groups[sr.parentNode.id]) {
+      ssortGlobal = [...ssortGlobal, preserveData[sr.parentNode.id], ...groups[sr.parentNode.id].children];
+      delete groups[sr.parentNode.id];
+    }
+  });
+  return ssortGlobal;
+};
+export {
+  sorter,
+  sorterGroups
+};
+//# sourceMappingURL=sorter.js.map

package/dist/esm/plugins/sortable/sorter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/sortable/sorter.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport { get } from '@elliemae/ds-legacy-utilities';\nimport moment from 'moment';\n\nexport const sorter =\n  ({ columns, sortingColumns, sort, emptyLast } = {}) =>\n  (data) => {\n    if (!columns) {\n      throw new Error('sort.sorter - Missing \"columns\" argument!');\n    }\n\n    if (!sort) {\n      throw new Error('sort.sorter - Missing \"sort\" argument!');\n    }\n\n    if (!sortingColumns) {\n      return data;\n    }\n    const columnIndexList = new Array(sortingColumns.length);\n    const orderList = new Array(sortingColumns.length);\n\n    let actualSortFunction = sort;\n    if (emptyLast) {\n      actualSortFunction = (innerData, innerColumnIndexList, innerOrderList) => {\n        const sortedData = sort(innerData, innerColumnIndexList, innerOrderList);\n\n        const keys = Object.keys(sortingColumns);\n\n        const withData = sortedData.filter((r) => keys.some((key) => !!r[key]));\n        const withoutData = sortedData.filter((r) => keys.some((key) => !r[key]));\n\n        return [...withData, ...withoutData];\n      };\n    }\n\n    Object.keys(sortingColumns).forEach((sortingColumnKey) => {\n      const realColumn = columns.find((column) => column.property === sortingColumnKey);\n      if (!realColumn) return;\n      const columnSorter =\n        realColumn.sort ||\n        function resolveValue(row) {\n          const { property, sortBy } = realColumn;\n          const value = row[sortBy || property];\n          // Pick resolved value by convention\n          const resolvedValue = get(row, `_${property}`, value);\n\n          if (realColumn.type === 'DateTime') {\n            return moment(resolvedValue);\n          }\n\n          return typeof resolvedValue === 'string' ? resolvedValue.toLowerCase() : resolvedValue;\n        };\n\n      const sortingColumn = sortingColumns[sortingColumnKey];\n\n      columnIndexList[sortingColumn.position] = columnSorter;\n\n      orderList[sortingColumn.position] = sortingColumn.direction;\n    });\n    return actualSortFunction(data, columnIndexList, orderList);\n  };\n\nexport const sorterGroups =\n  ({ columns, sortingColumns, sort, emptyLast } = {}) =>\n  (data, rowsData) => {\n    if (!columns) {\n      throw new Error('sort.sorter - Missing \"columns\" argument!');\n    }\n\n    if (!sort) {\n      throw new Error('sort.sorter - Missing \"sort\" argument!');\n    }\n\n    if (!sortingColumns) {\n      return data;\n    }\n\n    const columnIndexList = new Array(sortingColumns.length);\n    const orderList = new Array(sortingColumns.length);\n\n    let actualSortFunction = sort;\n    if (emptyLast) {\n      actualSortFunction = (innerData, innerColumnIndexList, innerOrderList) => {\n        const sortedData = sort(innerData, innerColumnIndexList, innerOrderList);\n\n        const keys = Object.keys(sortingColumns);\n\n        const withData = sortedData.filter((r) => keys.some((key) => !!r[key]));\n        const withoutData = sortedData.filter((r) => keys.some((key) => !r[key]));\n\n        return [...withData, ...withoutData];\n      };\n    }\n\n    Object.keys(sortingColumns).forEach((sortingColumnKey) => {\n      const realColumn = columns.find((column) => column.property === sortingColumnKey);\n      if (!realColumn) return;\n      const columnSorter =\n        realColumn.sort ||\n        function resolveValue(row) {\n          const { property, sortBy } = realColumn;\n          const value = row[sortBy || property];\n          // Pick resolved value by convention\n          const resolvedValue = get(row, `_${property}`, value);\n\n          if (realColumn.type === 'DateTime') {\n            return moment(resolvedValue);\n          }\n\n          return typeof resolvedValue === 'string' ? resolvedValue.toLowerCase() : resolvedValue;\n        };\n\n      const sortingColumn = sortingColumns[sortingColumnKey];\n\n      columnIndexList[sortingColumn.position] = columnSorter;\n\n      orderList[sortingColumn.position] = sortingColumn.direction;\n    });\n\n    const groups = {};\n    const preserveData = {};\n    data.forEach((c) => {\n      preserveData[c.id] = { ...c };\n    });\n\n    rowsData.forEach((group) => {\n      groups[group.id] = {\n        children: actualSortFunction(\n          group.children.map((c) => ({\n            parentNode: preserveData[c.id].parentNode,\n            data: c,\n            ...c,\n          })),\n          columnIndexList,\n          orderList,\n        ), // sort internally\n      };\n    });\n\n    const sorted = actualSortFunction(\n      data.map((r) => ({\n        ...r.data,\n        ...r,\n      })),\n      columnIndexList,\n      orderList,\n    ); // sort global\n    let ssortGlobal = [];\n    sorted\n      .filter((s) => !s.isGroup)\n      .forEach((sr) => {\n        if (groups[sr.parentNode.id]) {\n          ssortGlobal = [...ssortGlobal, preserveData[sr.parentNode.id], ...groups[sr.parentNode.id].children];\n          delete groups[sr.parentNode.id];\n        }\n      });\n    return ssortGlobal;\n  };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/plugins/sortable/useSortableState.js

@@ -0,0 +1,44 @@
+import * as React from "react";
+import * as sortabular from "sortabular/dist/index.js";
+import { useDerivedStateFromProps } from "@elliemae/ds-legacy-utilities";
+import { checkIfSortable } from "./checkIfSortable.js";
+function useSortableState(grid) {
+  const { onSort, sortingColumns: sortingColumnsProp, pagination } = grid.props;
+  const [sortingColumns, setSortingColumns] = useDerivedStateFromProps(sortingColumnsProp);
+  const handleSort = (selectedColumn) => {
+    const { composedRows = {}, props } = grid.getInstance();
+    const { allRows, rows } = composedRows;
+    const serverSidePagination = pagination && composedRows.amount !== (composedRows.rows && composedRows.rows.length);
+    if (props.serverSideData || serverSidePagination || checkIfSortable(selectedColumn, allRows || rows || composedRows)) {
+      setSortingColumns((prevSortingColumns) => {
+        const nextSortingColumns = sortabular.byColumn({
+          sortingColumns: prevSortingColumns,
+          sortingOrder: {
+            FIRST: "asc",
+            asc: "desc",
+            desc: "asc"
+          },
+          selectedColumn
+        });
+        const { columns } = grid.getInstance();
+        let columnSorted = columns.find((col) => col.property === selectedColumn);
+        columnSorted = {
+          ...columnSorted,
+          originalProperty: columnSorted.property
+        };
+        onSort(nextSortingColumns, selectedColumn, columnSorted);
+        return nextSortingColumns;
+      });
+    }
+  };
+  return {
+    state: { sortingColumns },
+    actions: {
+      sort: handleSort
+    }
+  };
+}
+export {
+  useSortableState
+};
+//# sourceMappingURL=useSortableState.js.map

package/dist/esm/plugins/sortable/useSortableState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/sortable/useSortableState.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import * as sortabular from 'sortabular/dist/index.js';\nimport { useDerivedStateFromProps } from '@elliemae/ds-legacy-utilities';\nimport { checkIfSortable } from './checkIfSortable.js';\n\nexport function useSortableState(grid) {\n  const { onSort, sortingColumns: sortingColumnsProp, pagination } = grid.props;\n\n  const [sortingColumns, setSortingColumns] = useDerivedStateFromProps(sortingColumnsProp);\n\n  const handleSort = (selectedColumn) => {\n    // support for pagination\n    const { composedRows = {}, props } = grid.getInstance();\n    const { allRows, rows } = composedRows;\n    const serverSidePagination = pagination && composedRows.amount !== (composedRows.rows && composedRows.rows.length);\n    if (\n      props.serverSideData ||\n      serverSidePagination ||\n      checkIfSortable(selectedColumn, allRows || rows || composedRows)\n    ) {\n      setSortingColumns((prevSortingColumns) => {\n        const nextSortingColumns = sortabular.byColumn({\n          sortingColumns: prevSortingColumns,\n          sortingOrder: {\n            FIRST: 'asc',\n            asc: 'desc',\n            desc: 'asc',\n          },\n          selectedColumn,\n        });\n        const { columns } = grid.getInstance();\n        let columnSorted = columns.find((col) => col.property === selectedColumn);\n        columnSorted = {\n          ...columnSorted,\n          originalProperty: columnSorted.property,\n        };\n        onSort(nextSortingColumns, selectedColumn, columnSorted);\n        return nextSortingColumns;\n      });\n    }\n  };\n\n  return {\n    state: { sortingColumns },\n    actions: {\n      sort: handleSort,\n    },\n  };\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,YAAY,gBAAgB;AAC5B,SAAS,gCAAgC;AACzC,SAAS,uBAAuB;AAEzB,SAAS,iBAAiB,MAAM;AACrC,QAAM,EAAE,QAAQ,gBAAgB,oBAAoB,WAAW,IAAI,KAAK;AAExE,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,yBAAyB,kBAAkB;AAEvF,QAAM,aAAa,CAAC,mBAAmB;AAErC,UAAM,EAAE,eAAe,CAAC,GAAG,MAAM,IAAI,KAAK,YAAY;AACtD,UAAM,EAAE,SAAS,KAAK,IAAI;AAC1B,UAAM,uBAAuB,cAAc,aAAa,YAAY,aAAa,QAAQ,aAAa,KAAK;AAC3G,QACE,MAAM,kBACN,wBACA,gBAAgB,gBAAgB,WAAW,QAAQ,YAAY,GAC/D;AACA,wBAAkB,CAAC,uBAAuB;AACxC,cAAM,qBAAqB,WAAW,SAAS;AAAA,UAC7C,gBAAgB;AAAA,UAChB,cAAc;AAAA,YACZ,OAAO;AAAA,YACP,KAAK;AAAA,YACL,MAAM;AAAA,UACR;AAAA,UACA;AAAA,QACF,CAAC;AACD,cAAM,EAAE,QAAQ,IAAI,KAAK,YAAY;AACrC,YAAI,eAAe,QAAQ,KAAK,CAAC,QAAQ,IAAI,aAAa,cAAc;AACxE,uBAAe;AAAA,UACb,GAAG;AAAA,UACH,kBAAkB,aAAa;AAAA,QACjC;AACA,eAAO,oBAAoB,gBAAgB,YAAY;AACvD,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AAAA,IACL,OAAO,EAAE,eAAe;AAAA,IACxB,SAAS;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/esm/plugins/toolbar/RowRenderer.js

@@ -0,0 +1,79 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import PropTypes from "prop-types";
+import { isEmpty } from "lodash";
+import { omit } from "@elliemae/ds-legacy-utilities";
+import { ToolbarTrigger } from "./ToolbarTrigger.js";
+import { RowSizes } from "../../rowSizes.js";
+const RowRenderer = (Row, grid) => {
+  const Wrapped = (props) => {
+    const ref = useRef();
+    const { rowData = {}, index, rowIndex, style } = props;
+    const {
+      props: { wrapText }
+    } = grid.getInstance();
+    const [popStyle, setPopStyle] = useState({});
+    const [rowStyle, setRowStyle] = useState(style);
+    const gridInstance = grid.getInstance();
+    const { refs, isRowDragging } = gridInstance;
+    const [hasVerticalScrollBar, setHasVerticalScrollBar] = useState(
+      refs.body.current && refs.body.current.offsetWidth > refs.body.current.clientWidth
+    );
+    useEffect(() => {
+      const shouldOmit = isRowDragging ? ["top"] : [];
+      setPopStyle({
+        ...popStyle,
+        ...{ top: style && !isRowDragging ? style.top : "0" }
+      });
+      if (style) {
+        setHasVerticalScrollBar(true);
+      } else {
+        setHasVerticalScrollBar(false);
+      }
+      setRowStyle(
+        omit(
+          style || {
+            height: !wrapText ? RowSizes[gridInstance.props.rowSize] : "auto",
+            position: "relative"
+          },
+          [shouldOmit]
+        )
+      );
+    }, [style, isRowDragging]);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "row-renderer-fixed-height",
+        style: {
+          height: !wrapText ? RowSizes[gridInstance.props.rowSize] : "auto",
+          position: style ? "auto" : "relative"
+          // top: isDragging ? rowStyle.top - RowSizes[gridInstance.props.rowSize] : 'auto',
+        },
+        children: [
+          /* @__PURE__ */ jsx(Row, { ref, ...props, style: rowStyle }),
+          isEmpty(rowData) && !rowData.index && !rowData.rowIndex ? null : /* @__PURE__ */ jsx("div", { className: `toolbar-trigger-container ${style ? "move" : "stay"}`, style: { ...popStyle }, children: /* @__PURE__ */ jsx(
+            ToolbarTrigger,
+            {
+              grid,
+              rowData: { rowData, index, rowIndex },
+              hasScrollBar: hasVerticalScrollBar,
+              rowRef: ref
+            }
+          ) })
+        ]
+      }
+    );
+  };
+  Wrapped.propTypes = {
+    rowData: PropTypes.any,
+    index: PropTypes.number,
+    rowIndex: PropTypes.number,
+    style: PropTypes.any
+  };
+  return Wrapped;
+};
+export {
+  RowRenderer
+};
+//# sourceMappingURL=RowRenderer.js.map

package/dist/esm/plugins/toolbar/RowRenderer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/toolbar/RowRenderer.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react-hooks/rules-of-hooks */\n/* eslint-disable max-statements */\n/* eslint-disable react/prop-types */\nimport React, { useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { isEmpty } from 'lodash';\nimport { omit } from '@elliemae/ds-legacy-utilities';\nimport { ToolbarTrigger } from './ToolbarTrigger.js';\nimport { RowSizes } from '../../rowSizes.js';\n\nexport const RowRenderer = (Row, grid) => {\n  const Wrapped = (props) => {\n    const ref = useRef();\n    const { rowData = {}, index, rowIndex, style } = props;\n    const {\n      props: { wrapText },\n    } = grid.getInstance();\n    const [popStyle, setPopStyle] = useState({});\n    const [rowStyle, setRowStyle] = useState(style);\n    const gridInstance = grid.getInstance();\n    const { refs, isRowDragging } = gridInstance;\n    const [hasVerticalScrollBar, setHasVerticalScrollBar] = useState(\n      refs.body.current && refs.body.current.offsetWidth > refs.body.current.clientWidth,\n    );\n\n    useEffect(() => {\n      const shouldOmit = isRowDragging ? ['top'] : [];\n      setPopStyle({\n        ...popStyle,\n        ...{ top: style && !isRowDragging ? style.top : '0' },\n      });\n      if (style) {\n        // style defined means it has virtualization\n        setHasVerticalScrollBar(true);\n      } else {\n        setHasVerticalScrollBar(false);\n      }\n      setRowStyle(\n        omit(\n          style || {\n            height: !wrapText ? RowSizes[gridInstance.props.rowSize] : 'auto',\n            position: 'relative',\n          },\n          [shouldOmit],\n        ),\n      );\n    }, [style, isRowDragging]);\n    return (\n      <div\n        className=\"row-renderer-fixed-height\"\n        style={{\n          height: !wrapText ? RowSizes[gridInstance.props.rowSize] : 'auto',\n          position: style ? 'auto' : 'relative',\n          // top: isDragging ? rowStyle.top - RowSizes[gridInstance.props.rowSize] : 'auto',\n        }}\n      >\n        <Row ref={ref} {...props} style={rowStyle} />\n        {isEmpty(rowData) && !rowData.index && !rowData.rowIndex ? null : (\n          <div className={`toolbar-trigger-container ${style ? 'move' : 'stay'}`} style={{ ...popStyle }}>\n            <ToolbarTrigger\n              grid={grid}\n              rowData={{ rowData, index, rowIndex }}\n              hasScrollBar={hasVerticalScrollBar}\n              rowRef={ref}\n            />\n          </div>\n        )}\n      </div>\n    );\n  };\n\n  Wrapped.propTypes = {\n    rowData: PropTypes.any,\n    index: PropTypes.number,\n    rowIndex: PropTypes.number,\n    style: PropTypes.any,\n  };\n\n  return Wrapped;\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACgDjB,SAQE,KARF;AA7CN,SAAgB,WAAW,QAAQ,gBAAgB;AACnD,OAAO,eAAe;AACtB,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AAElB,MAAM,cAAc,CAAC,KAAK,SAAS;AACxC,QAAM,UAAU,CAAC,UAAU;AACzB,UAAM,MAAM,OAAO;AACnB,UAAM,EAAE,UAAU,CAAC,GAAG,OAAO,UAAU,MAAM,IAAI;AACjD,UAAM;AAAA,MACJ,OAAO,EAAE,SAAS;AAAA,IACpB,IAAI,KAAK,YAAY;AACrB,UAAM,CAAC,UAAU,WAAW,IAAI,SAAS,CAAC,CAAC;AAC3C,UAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,UAAM,eAAe,KAAK,YAAY;AACtC,UAAM,EAAE,MAAM,cAAc,IAAI;AAChC,UAAM,CAAC,sBAAsB,uBAAuB,IAAI;AAAA,MACtD,KAAK,KAAK,WAAW,KAAK,KAAK,QAAQ,cAAc,KAAK,KAAK,QAAQ;AAAA,IACzE;AAEA,cAAU,MAAM;AACd,YAAM,aAAa,gBAAgB,CAAC,KAAK,IAAI,CAAC;AAC9C,kBAAY;AAAA,QACV,GAAG;AAAA,QACH,GAAG,EAAE,KAAK,SAAS,CAAC,gBAAgB,MAAM,MAAM,IAAI;AAAA,MACtD,CAAC;AACD,UAAI,OAAO;AAET,gCAAwB,IAAI;AAAA,MAC9B,OAAO;AACL,gCAAwB,KAAK;AAAA,MAC/B;AACA;AAAA,QACE;AAAA,UACE,SAAS;AAAA,YACP,QAAQ,CAAC,WAAW,SAAS,aAAa,MAAM,OAAO,IAAI;AAAA,YAC3D,UAAU;AAAA,UACZ;AAAA,UACA,CAAC,UAAU;AAAA,QACb;AAAA,MACF;AAAA,IACF,GAAG,CAAC,OAAO,aAAa,CAAC;AACzB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,QAAQ,CAAC,WAAW,SAAS,aAAa,MAAM,OAAO,IAAI;AAAA,UAC3D,UAAU,QAAQ,SAAS;AAAA;AAAA,QAE7B;AAAA,QAEA;AAAA,8BAAC,OAAI,KAAW,GAAG,OAAO,OAAO,UAAU;AAAA,UAC1C,QAAQ,OAAO,KAAK,CAAC,QAAQ,SAAS,CAAC,QAAQ,WAAW,OACzD,oBAAC,SAAI,WAAW,6BAA6B,QAAQ,SAAS,UAAU,OAAO,EAAE,GAAG,SAAS,GAC3F;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,SAAS,EAAE,SAAS,OAAO,SAAS;AAAA,cACpC,cAAc;AAAA,cACd,QAAQ;AAAA;AAAA,UACV,GACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AAEA,UAAQ,YAAY;AAAA,IAClB,SAAS,UAAU;AAAA,IACnB,OAAO,UAAU;AAAA,IACjB,UAAU,UAAU;AAAA,IACpB,OAAO,UAAU;AAAA,EACnB;AAEA,SAAO;AACT;",
+  "names": []
+}

package/dist/esm/plugins/toolbar/ToolbarPlugin.js

@@ -0,0 +1,33 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createInstancePlugin, appendCellFormatter } from "@elliemae/ds-legacy-shared";
+import { RowRenderer } from "./RowRenderer.js";
+const decorateColumns = (columns) => {
+  const lastColumn = columns[columns.length - 1];
+  return [
+    ...columns.slice(0, -1),
+    appendCellFormatter(
+      [
+        (value) => /* @__PURE__ */ jsxs(Fragment, { children: [
+          value,
+          /* @__PURE__ */ jsx("div", { style: { width: 34, maxWidth: 34, overflow: "hidden" } })
+        ] })
+      ],
+      lastColumn,
+      "fixedFormatters"
+    )
+  ];
+};
+const decorateRenderers = (renderers, grid) => {
+  const Row = renderers.body.row;
+  renderers.body.row = RowRenderer(Row, grid);
+  return renderers;
+};
+const ToolbarPlugin = createInstancePlugin("toolbar", {
+  decorateRenderers,
+  decorateColumns
+});
+export {
+  ToolbarPlugin
+};
+//# sourceMappingURL=ToolbarPlugin.js.map

package/dist/esm/plugins/toolbar/ToolbarPlugin.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/toolbar/ToolbarPlugin.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { createInstancePlugin, appendCellFormatter } from '@elliemae/ds-legacy-shared';\nimport { RowRenderer } from './RowRenderer.js';\n\nconst decorateColumns = (columns) => {\n  const lastColumn = columns[columns.length - 1];\n  return [\n    ...columns.slice(0, -1),\n    appendCellFormatter(\n      [\n        (value) => (\n          <>\n            {value}\n            <div style={{ width: 34, maxWidth: 34, overflow: 'hidden' }} />\n          </>\n        ),\n      ],\n      lastColumn,\n      'fixedFormatters',\n    ),\n  ];\n};\n\nconst decorateRenderers = (renderers, grid) => {\n  const Row = renderers.body.row;\n  renderers.body.row = RowRenderer(Row, grid);\n  return renderers;\n};\n\nexport const ToolbarPlugin = createInstancePlugin('toolbar', {\n  decorateRenderers,\n  decorateColumns,\n});\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACWb,mBAEE,KAFF;AAVV,SAAS,sBAAsB,2BAA2B;AAC1D,SAAS,mBAAmB;AAE5B,MAAM,kBAAkB,CAAC,YAAY;AACnC,QAAM,aAAa,QAAQ,QAAQ,SAAS,CAAC;AAC7C,SAAO;AAAA,IACL,GAAG,QAAQ,MAAM,GAAG,EAAE;AAAA,IACtB;AAAA,MACE;AAAA,QACE,CAAC,UACC,iCACG;AAAA;AAAA,UACD,oBAAC,SAAI,OAAO,EAAE,OAAO,IAAI,UAAU,IAAI,UAAU,SAAS,GAAG;AAAA,WAC/D;AAAA,MAEJ;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;AAEA,MAAM,oBAAoB,CAAC,WAAW,SAAS;AAC7C,QAAM,MAAM,UAAU,KAAK;AAC3B,YAAU,KAAK,MAAM,YAAY,KAAK,IAAI;AAC1C,SAAO;AACT;AAEO,MAAM,gBAAgB,qBAAqB,WAAW;AAAA,EAC3D;AAAA,EACA;AACF,CAAC;",
+  "names": []
+}

package/dist/esm/plugins/toolbar/ToolbarTrigger.js

@@ -0,0 +1,85 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { styled } from "@elliemae/ds-legacy-system";
+import { DSButton } from "@elliemae/ds-legacy-button";
+import { MoreOptionsVert } from "@elliemae/ds-legacy-icons";
+const ToolbarBtns = styled.div`
+  & > .em-ds-toolbar {
+    box-shadow: none;
+  }
+`;
+const ToolbarWrapper = styled.div`
+  display: flex;
+  align-items: center;
+  height: ${(props) => props.rowSize === "normal" ? "36px" : "28px"};
+  margin-left: -4px;
+  margin-right: ${(props) => props.hasScrollBar ? "0" : "-10px"};
+  padding-right: 4px;
+  pointer-events: all;
+  background: white;
+  ${(props) => props.showShadow ? `box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.2),
+  1px 0px 2px 0px rgba(0, 0, 0, 0.2);` : ""}
+  &:hover {
+    box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.2), 1px 0px 2px 0px rgba(0, 0, 0, 0.2);
+    & > .toolbar-trigger {
+      border: none;
+    }
+  }
+`;
+const ToolbarPosition = styled.div`
+  position: absolute;
+  z-index: 10;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  width: 0;
+  pointer-events: none;
+  top: 0;
+  height: ${(props) => props.rowRef.current ? `${props.rowRef.current.offsetHeight}px` : "36px"};
+  margin-top: ${(props) => props.rowSize === "normal" ? "0" : "0"};
+`;
+const ToolbarTrigger = ({ grid, rowData, hasScrollBar, rowRef }) => {
+  const {
+    props: { renderToolbar, rowSize }
+    // eslint-disable-next-line react/prop-types
+  } = grid.getInstance();
+  const [show, setShow] = useState(false);
+  const toolbar = show ? renderToolbar({
+    ...rowData,
+    size: rowSize,
+    isToolbarShown: show,
+    setToolbarShow: setShow
+  }) : null;
+  return /* @__PURE__ */ jsx(ToolbarPosition, { rowSize, rowRef, children: /* @__PURE__ */ jsxs(
+    ToolbarWrapper,
+    {
+      onMouseEnter: () => setShow(true),
+      onMouseLeave: () => setShow(false),
+      showShadow: show,
+      rowSize,
+      hasScrollBar,
+      children: [
+        show && /* @__PURE__ */ jsx(ToolbarBtns, { children: toolbar }),
+        /* @__PURE__ */ jsx(
+          DSButton,
+          {
+            buttonType: "text",
+            className: "toolbar-trigger",
+            "data-testid": "toolbar-trigger",
+            icon: /* @__PURE__ */ jsx(MoreOptionsVert, {}),
+            index: rowData.index,
+            onClick: () => setShow(true),
+            tabIndex: -1
+          }
+        )
+      ]
+    }
+  ) });
+};
+var ToolbarTrigger_default = ToolbarTrigger;
+export {
+  ToolbarTrigger,
+  ToolbarTrigger_default as default
+};
+//# sourceMappingURL=ToolbarTrigger.js.map

package/dist/esm/plugins/toolbar/ToolbarTrigger.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/toolbar/ToolbarTrigger.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState } from 'react';\nimport { styled } from '@elliemae/ds-legacy-system';\nimport { DSButton } from '@elliemae/ds-legacy-button';\nimport { MoreOptionsVert } from '@elliemae/ds-legacy-icons';\n\nconst ToolbarBtns = styled.div`\n  & > .em-ds-toolbar {\n    box-shadow: none;\n  }\n`;\n\nconst ToolbarWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  height: ${(props) => (props.rowSize === 'normal' ? '36px' : '28px')};\n  margin-left: -4px;\n  margin-right: ${(props) => (props.hasScrollBar ? '0' : '-10px')};\n  padding-right: 4px;\n  pointer-events: all;\n  background: white;\n  ${(props) =>\n    props.showShadow\n      ? `box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.2),\n  1px 0px 2px 0px rgba(0, 0, 0, 0.2);`\n      : ''}\n  &:hover {\n    box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.2), 1px 0px 2px 0px rgba(0, 0, 0, 0.2);\n    & > .toolbar-trigger {\n      border: none;\n    }\n  }\n`;\n\nconst ToolbarPosition = styled.div`\n  position: absolute;\n  z-index: 10;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  width: 0;\n  pointer-events: none;\n  top: 0;\n  height: ${(props) => (props.rowRef.current ? `${props.rowRef.current.offsetHeight}px` : '36px')};\n  margin-top: ${(props) => (props.rowSize === 'normal' ? '0' : '0')};\n`;\n\n// eslint-disable-next-line react/prop-types\nexport const ToolbarTrigger = ({ grid, rowData, hasScrollBar, rowRef }) => {\n  const {\n    props: { renderToolbar, rowSize },\n    // eslint-disable-next-line react/prop-types\n  } = grid.getInstance();\n  const [show, setShow] = useState(false);\n  /* eslint-disable indent */\n  const toolbar = show\n    ? renderToolbar({\n        ...rowData,\n        size: rowSize,\n        isToolbarShown: show,\n        setToolbarShow: setShow,\n      })\n    : null;\n  /* eslint-enable indent */\n  return (\n    <ToolbarPosition rowSize={rowSize} rowRef={rowRef}>\n      <ToolbarWrapper\n        onMouseEnter={() => setShow(true)}\n        onMouseLeave={() => setShow(false)}\n        showShadow={show}\n        rowSize={rowSize}\n        hasScrollBar={hasScrollBar}\n      >\n        {show && <ToolbarBtns>{toolbar}</ToolbarBtns>}\n        <DSButton\n          buttonType=\"text\"\n          className=\"toolbar-trigger\"\n          data-testid=\"toolbar-trigger\"\n          icon={<MoreOptionsVert />}\n          // eslint-disable-next-line react/prop-types\n          index={rowData.index}\n          onClick={() => setShow(true)}\n          tabIndex={-1}\n        />\n      </ToolbarWrapper>\n    </ToolbarPosition>\n  );\n};\n\nexport default ToolbarTrigger;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACiEjB,SAOW,KAPX;AAjEN,SAAgB,gBAAgB;AAChC,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAEhC,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAM3B,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA,YAGlB,CAAC,UAAW,MAAM,YAAY,WAAW,SAAS;AAAA;AAAA,kBAE5C,CAAC,UAAW,MAAM,eAAe,MAAM;AAAA;AAAA;AAAA;AAAA,IAIrD,CAAC,UACD,MAAM,aACF;AAAA,yCAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASR,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YASnB,CAAC,UAAW,MAAM,OAAO,UAAU,GAAG,MAAM,OAAO,QAAQ,mBAAmB;AAAA,gBAC1E,CAAC,UAAW,MAAM,YAAY,WAAW,MAAM;AAAA;AAIxD,MAAM,iBAAiB,CAAC,EAAE,MAAM,SAAS,cAAc,OAAO,MAAM;AACzE,QAAM;AAAA,IACJ,OAAO,EAAE,eAAe,QAAQ;AAAA;AAAA,EAElC,IAAI,KAAK,YAAY;AACrB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,QAAM,UAAU,OACZ,cAAc;AAAA,IACZ,GAAG;AAAA,IACH,MAAM;AAAA,IACN,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,EAClB,CAAC,IACD;AAEJ,SACE,oBAAC,mBAAgB,SAAkB,QACjC;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,MAAM,QAAQ,IAAI;AAAA,MAChC,cAAc,MAAM,QAAQ,KAAK;AAAA,MACjC,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MAEC;AAAA,gBAAQ,oBAAC,eAAa,mBAAQ;AAAA,QAC/B;AAAA,UAAC;AAAA;AAAA,YACC,YAAW;AAAA,YACX,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,MAAM,oBAAC,mBAAgB;AAAA,YAEvB,OAAO,QAAQ;AAAA,YACf,SAAS,MAAM,QAAQ,IAAI;AAAA,YAC3B,UAAU;AAAA;AAAA,QACZ;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,IAAO,yBAAQ;",
+  "names": []
+}

package/dist/esm/plugins/toolbar/index.js

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { ToolbarPlugin } from "./ToolbarPlugin.js";
+export {
+  ToolbarPlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/plugins/toolbar/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/toolbar/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { ToolbarPlugin } from './ToolbarPlugin.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,qBAAqB;",
+  "names": []
+}

package/dist/esm/plugins/virtualization/AutoHeightList.js

@@ -0,0 +1,48 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useRef } from "react";
+import { FixedSizeList as List } from "react-window";
+import { mergeRefs, useWindowScrollerList, cx } from "@elliemae/ds-legacy-utilities";
+const AutoHeightList = forwardRef(
+  ({
+    itemCount,
+    className,
+    innerRef,
+    itemData,
+    itemKey,
+    itemSize,
+    outerRef,
+    component: ListComponent = List,
+    ...otherProps
+  }, ref) => {
+    const listRef = useRef();
+    const outerListRef = useRef();
+    useWindowScrollerList({
+      listInstance: listRef,
+      outerListRef
+    });
+    return /* @__PURE__ */ jsx(
+      ListComponent,
+      {
+        ...otherProps,
+        ref: mergeRefs(ref, listRef),
+        className: cx(className, "window-scroller-override"),
+        height: window.innerHeight,
+        innerRef,
+        itemCount,
+        itemData,
+        itemKey,
+        itemSize,
+        outerRef: mergeRefs(outerListRef, outerRef),
+        overscanCount: 10,
+        useIsScrolling: true
+      }
+    );
+  }
+);
+var AutoHeightList_default = AutoHeightList;
+export {
+  AutoHeightList,
+  AutoHeightList_default as default
+};
+//# sourceMappingURL=AutoHeightList.js.map

package/dist/esm/plugins/virtualization/AutoHeightList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/virtualization/AutoHeightList.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { forwardRef, useRef } from 'react';\nimport { FixedSizeList as List } from 'react-window';\nimport { mergeRefs, useWindowScrollerList, cx } from '@elliemae/ds-legacy-utilities';\n\n// eslint-disable-next-line react/display-name\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    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\nexport default AutoHeightList;\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC4BjB;AA5BN,SAAgB,YAAY,cAAc;AAC1C,SAAS,iBAAiB,YAAY;AACtC,SAAS,WAAW,uBAAuB,UAAU;AAG9C,MAAM,iBAAiB;AAAA,EAC5B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,gBAAgB;AAAA,IAC3B,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,UAAU,OAAO;AACvB,UAAM,eAAe,OAAO;AAE5B,0BAAsB;AAAA,MACpB,cAAc;AAAA,MACd;AAAA,IACF,CAAC;AACD,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK,UAAU,KAAK,OAAO;AAAA,QAC3B,WAAW,GAAG,WAAW,0BAA0B;AAAA,QACnD,QAAQ,OAAO;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,UAAU,cAAc,QAAQ;AAAA,QAC1C,eAAe;AAAA,QACf,gBAAc;AAAA;AAAA,IAChB;AAAA,EAEJ;AACF;AAEA,IAAO,yBAAQ;",
+  "names": []
+}

package/dist/esm/plugins/virtualization/VirtualizationPlugin.js

@@ -0,0 +1,79 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { useMemo, useRef } from "react";
+import { get } from "lodash";
+import { runAll, mergeRefs } from "@elliemae/ds-legacy-utilities";
+import { createInstancePlugin, FocusGrid } from "@elliemae/ds-legacy-shared";
+import { VirtualizedBody } from "./VirtualizedBody.js";
+const VirtualizationPlugin = createInstancePlugin("virtualization", {
+  decorateRenderers(renderers, grid) {
+    const BodyWrapper = renderers.body.wrapper;
+    renderers.body.wrapper = useMemo(
+      () => function(props) {
+        const { listProps = {}, rows } = props;
+        const {
+          hotKeys,
+          props: { autoHeight, autoScrollToId, expandable, overscanCount, rowSize },
+          refs: { innerBody },
+          setHasScroll,
+          state: { filters }
+        } = grid.getInstance();
+        const listRef = useRef();
+        const nextListProps = {
+          ...listProps,
+          ref: mergeRefs(listRef, listProps.ref)
+        };
+        return /* @__PURE__ */ jsx(
+          FocusGrid,
+          {
+            hotKeys,
+            keyBindings: ({ defaultBindings }) => ({
+              ...defaultBindings,
+              // todo: this is kind of hacky, since it's virtualized and there's
+              //  the possibility that the firsts or lasts rows aren't rendered
+              Home: runAll((e) => {
+                if (e.ctrlKey) {
+                  listRef.current.scrollToItem(0);
+                  setTimeout(() => defaultBindings.Home(e), 10);
+                } else {
+                  defaultBindings.Home(e);
+                }
+              }),
+              End: runAll((e) => {
+                if (e.ctrlKey) {
+                  listRef.current.scrollToItem(rows.length - 1);
+                  setTimeout(() => defaultBindings.End(e), 10);
+                } else {
+                  defaultBindings.End(e);
+                }
+              })
+            }),
+            shouldRefocus: false,
+            children: /* @__PURE__ */ jsx(
+              VirtualizedBody,
+              {
+                ...props,
+                autoScrollToId,
+                autoHeight,
+                component: BodyWrapper,
+                expandable,
+                innerBody,
+                listProps: nextListProps,
+                overscanCount,
+                rowSize,
+                setHasScroll,
+                filters
+              }
+            )
+          }
+        );
+      },
+      [get(grid.getInstance(), "rows.length")]
+    );
+    return renderers;
+  }
+});
+export {
+  VirtualizationPlugin
+};
+//# sourceMappingURL=VirtualizationPlugin.js.map

package/dist/esm/plugins/virtualization/VirtualizationPlugin.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/virtualization/VirtualizationPlugin.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-param-reassign */\n/* eslint-disable react/prop-types */\n/* eslint-disable react-hooks/rules-of-hooks */\nimport React, { useMemo, useRef } from 'react';\nimport { get } from 'lodash';\nimport { runAll, mergeRefs } from '@elliemae/ds-legacy-utilities';\nimport { createInstancePlugin, FocusGrid } from '@elliemae/ds-legacy-shared';\nimport { VirtualizedBody } from './VirtualizedBody.js';\n\nexport const VirtualizationPlugin = createInstancePlugin('virtualization', {\n  decorateRenderers(renderers, grid) {\n    const BodyWrapper = renderers.body.wrapper;\n    // eslint-disable-next-line react/display-name\n    renderers.body.wrapper = useMemo(\n      () =>\n        function (props) {\n          const { listProps = {}, rows } = props;\n          const {\n            hotKeys,\n            props: { autoHeight, autoScrollToId, expandable, overscanCount, rowSize },\n            refs: { innerBody },\n            setHasScroll,\n            state: { filters },\n          } = grid.getInstance();\n\n          const listRef = useRef();\n          const nextListProps = {\n            ...listProps,\n            ref: mergeRefs(listRef, listProps.ref),\n          };\n          return (\n            <FocusGrid\n              hotKeys={hotKeys}\n              keyBindings={({ defaultBindings }) => ({\n                ...defaultBindings,\n                // todo: this is kind of hacky, since it's virtualized and there's\n                //  the possibility that the firsts or lasts rows aren't rendered\n                Home: runAll((e) => {\n                  if (e.ctrlKey) {\n                    listRef.current.scrollToItem(0);\n                    setTimeout(() => defaultBindings.Home(e), 10);\n                  } else {\n                    defaultBindings.Home(e);\n                  }\n                }),\n                End: runAll((e) => {\n                  if (e.ctrlKey) {\n                    listRef.current.scrollToItem(rows.length - 1);\n                    setTimeout(() => defaultBindings.End(e), 10);\n                  } else {\n                    defaultBindings.End(e);\n                  }\n                }),\n              })}\n              shouldRefocus={false}\n            >\n              <VirtualizedBody\n                {...props}\n                autoScrollToId={autoScrollToId}\n                autoHeight={autoHeight}\n                component={BodyWrapper}\n                expandable={expandable}\n                innerBody={innerBody}\n                listProps={nextListProps}\n                overscanCount={overscanCount}\n                rowSize={rowSize}\n                setHasScroll={setHasScroll}\n                filters={filters}\n              />\n            </FocusGrid>\n          );\n        },\n      [get(grid.getInstance(), 'rows.length')],\n    );\n    return renderers;\n  },\n});\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACwDT;AArDd,SAAgB,SAAS,cAAc;AACvC,SAAS,WAAW;AACpB,SAAS,QAAQ,iBAAiB;AAClC,SAAS,sBAAsB,iBAAiB;AAChD,SAAS,uBAAuB;AAEzB,MAAM,uBAAuB,qBAAqB,kBAAkB;AAAA,EACzE,kBAAkB,WAAW,MAAM;AACjC,UAAM,cAAc,UAAU,KAAK;AAEnC,cAAU,KAAK,UAAU;AAAA,MACvB,MACE,SAAU,OAAO;AACf,cAAM,EAAE,YAAY,CAAC,GAAG,KAAK,IAAI;AACjC,cAAM;AAAA,UACJ;AAAA,UACA,OAAO,EAAE,YAAY,gBAAgB,YAAY,eAAe,QAAQ;AAAA,UACxE,MAAM,EAAE,UAAU;AAAA,UAClB;AAAA,UACA,OAAO,EAAE,QAAQ;AAAA,QACnB,IAAI,KAAK,YAAY;AAErB,cAAM,UAAU,OAAO;AACvB,cAAM,gBAAgB;AAAA,UACpB,GAAG;AAAA,UACH,KAAK,UAAU,SAAS,UAAU,GAAG;AAAA,QACvC;AACA,eACE;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,aAAa,CAAC,EAAE,gBAAgB,OAAO;AAAA,cACrC,GAAG;AAAA;AAAA;AAAA,cAGH,MAAM,OAAO,CAAC,MAAM;AAClB,oBAAI,EAAE,SAAS;AACb,0BAAQ,QAAQ,aAAa,CAAC;AAC9B,6BAAW,MAAM,gBAAgB,KAAK,CAAC,GAAG,EAAE;AAAA,gBAC9C,OAAO;AACL,kCAAgB,KAAK,CAAC;AAAA,gBACxB;AAAA,cACF,CAAC;AAAA,cACD,KAAK,OAAO,CAAC,MAAM;AACjB,oBAAI,EAAE,SAAS;AACb,0BAAQ,QAAQ,aAAa,KAAK,SAAS,CAAC;AAC5C,6BAAW,MAAM,gBAAgB,IAAI,CAAC,GAAG,EAAE;AAAA,gBAC7C,OAAO;AACL,kCAAgB,IAAI,CAAC;AAAA,gBACvB;AAAA,cACF,CAAC;AAAA,YACH;AAAA,YACA,eAAe;AAAA,YAEf;AAAA,cAAC;AAAA;AAAA,gBACE,GAAG;AAAA,gBACJ;AAAA,gBACA;AAAA,gBACA,WAAW;AAAA,gBACX;AAAA,gBACA;AAAA,gBACA,WAAW;AAAA,gBACX;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA,MAEJ;AAAA,MACF,CAAC,IAAI,KAAK,YAAY,GAAG,aAAa,CAAC;AAAA,IACzC;AACA,WAAO;AAAA,EACT;AACF,CAAC;",
+  "names": []
+}