@elliemae/ds-datagrids 3.15.0 → 3.16.0-next.10

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugins/virtualization/AutoHeightList.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { forwardRef, useRef } from 'react';\nimport { FixedSizeList as List } from 'react-window';\nimport { mergeRefs , useWindowScrollerList, cx } from '@elliemae/ds-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\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6BjB;AA7BN,mBAA0C;AAC1C,0BAAsC;AACtC,0BAAsD;AAG/C,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;AAEA,IAAO,yBAAQ;",
+  "sourcesContent": ["import React, { forwardRef, useRef } from 'react';\nimport { FixedSizeList as List } from 'react-window';\nimport { mergeRefs, useWindowScrollerList, cx } from '@elliemae/ds-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\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6BjB;AA7BN,mBAA0C;AAC1C,0BAAsC;AACtC,0BAAqD;AAG9C,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;AAEA,IAAO,yBAAQ;",
   "names": ["List"]
 }

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

@@ -33,12 +33,12 @@ var import_react = require("react");
 var import_lodash = require("lodash");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_shared = require("@elliemae/ds-shared");
-var import_VirtualizedBody = require("./VirtualizedBody");
+var import_VirtualizedBody = require("./VirtualizedBody.js");
 const VirtualizationPlugin = (0, import_ds_shared.createInstancePlugin)("virtualization", {
   decorateRenderers(renderers, grid) {
     const BodyWrapper = renderers.body.wrapper;
     renderers.body.wrapper = (0, import_react.useMemo)(
-      () => (props) => {
+      () => function(props) {
         const { listProps = {}, rows } = props;
         const {
           hotKeys,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugins/virtualization/VirtualizationPlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* 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-utilities';\nimport { createInstancePlugin, FocusGrid } from '@elliemae/ds-shared';\nimport { VirtualizedBody } from './VirtualizedBody';\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      () => (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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuDX;AApDZ,mBAAuC;AACvC,oBAAoB;AACpB,0BAAkC;AAClC,uBAAgD;AAChD,6BAAgC;AAEzB,MAAM,2BAAuB,uCAAqB,kBAAkB;AAAA,EACzE,kBAAkB,WAAW,MAAM;AACjC,UAAM,cAAc,UAAU,KAAK;AAEnC,cAAU,KAAK,cAAU;AAAA,MACvB,MAAM,CAAC,UAAU;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,cAAU,qBAAO;AACvB,cAAM,gBAAgB;AAAA,UACpB,GAAG;AAAA,UACH,SAAK,+BAAU,SAAS,UAAU,GAAG;AAAA,QACvC;AACA,eACE;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,aAAa,CAAC,EAAE,gBAAgB,OAAO;AAAA,cACrC,GAAG;AAAA,cAGH,UAAM,4BAAO,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,SAAK,4BAAO,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,MACA,KAAC,mBAAI,KAAK,YAAY,GAAG,aAAa,CAAC;AAAA,IACzC;AACA,WAAO;AAAA,EACT;AACF,CAAC;",
+  "sourcesContent": ["/* 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-utilities';\nimport { createInstancePlugin, FocusGrid } from '@elliemae/ds-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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwDT;AArDd,mBAAuC;AACvC,oBAAoB;AACpB,0BAAkC;AAClC,uBAAgD;AAChD,6BAAgC;AAEzB,MAAM,2BAAuB,uCAAqB,kBAAkB;AAAA,EACzE,kBAAkB,WAAW,MAAM;AACjC,UAAM,cAAc,UAAU,KAAK;AAEnC,cAAU,KAAK,cAAU;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,cAAU,qBAAO;AACvB,cAAM,gBAAgB;AAAA,UACpB,GAAG;AAAA,UACH,SAAK,+BAAU,SAAS,UAAU,GAAG;AAAA,QACvC;AACA,eACE;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,aAAa,CAAC,EAAE,gBAAgB,OAAO;AAAA,cACrC,GAAG;AAAA,cAGH,UAAM,4BAAO,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,SAAK,4BAAO,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,KAAC,mBAAI,KAAK,YAAY,GAAG,aAAa,CAAC;AAAA,IACzC;AACA,WAAO;AAAA,EACT;AACF,CAAC;",
   "names": []
 }

package/dist/cjs/plugins/virtualization/VirtualizedBody.js

@@ -33,10 +33,10 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_prop_types = __toESM(require("prop-types"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_NoResults = require("../../components/NoResults");
-var import_VirtualizedBodyRow = require("./VirtualizedBodyRow");
-var import_rowSizes = require("../../rowSizes");
-var import_helper = require("./helper");
+var import_NoResults = require("../../components/NoResults.js");
+var import_VirtualizedBodyRow = require("./VirtualizedBodyRow.js");
+var import_rowSizes = require("../../rowSizes.js");
+var import_helper = require("./helper.js");
 const wrapperSafari = {};
 const wrapperGeneric = { overflowY: "auto", overflowX: "visible" };
 const VirtualizedBody = (props) => {

package/dist/cjs/plugins/virtualization/VirtualizedBody.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugins/virtualization/VirtualizedBody.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport React, { useEffect, useState, useCallback, useRef, useLayoutEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { mergeRefs, debounce, isNaN } from '@elliemae/ds-utilities';\nimport { NoResults } from '../../components/NoResults';\nimport { VirtualizedBodyRow } from './VirtualizedBodyRow';\nimport { RowSizes } from '../../rowSizes';\nimport { isSafari } from './helper';\n\nconst wrapperSafari = {};\nconst wrapperGeneric = { overflowY: 'auto', overflowX: 'visible' };\n\nconst VirtualizedBody = (props) => {\n  const {\n    autoScrollToId,\n    columns,\n    component: Component,\n    expandable,\n    innerRef,\n    innerBody,\n    isPlaceholderActive,\n    listProps,\n    noResultsPlaceholder,\n    overscanCount,\n    rows,\n    rowHeight: defaultRowHeight,\n    rowKey,\n    rowRenderer,\n    rowSize,\n    setHasScroll,\n    filters, // hack to reset the scrollTop to 0 if filters change\n  } = props;\n  const rowHeight = defaultRowHeight || RowSizes[rowSize];\n  const [scrollTop, setScrollTop] = useState(0);\n  const [visibleHeight, setVisibleHeight] = useState(0);\n  const [hasScrollBar, setHasScrollBar] = useState(false);\n  const rowStyleCache = useRef({});\n  const [renderedIndexes, setRenderedIndexes] = useState([0, 30]);\n\n  const getCalculatedHeightBetweenIndexes = (start, end) => {\n    const { itemSize = () => rowHeight } = listProps;\n    if (expandable) {\n      return rows\n        .slice(start, end)\n        .map((_, idx) => idx)\n        .map((idx) => itemSize(idx))\n        .reduce((acc, curr) => acc + curr, 0);\n    }\n    return (end - start) * rowHeight;\n  };\n\n  const generateRowPositionMap = () => rows.map((row, idx) => getCalculatedHeightBetweenIndexes(0, idx));\n\n  const rowPositionMap = useRef(generateRowPositionMap());\n  const [virtualizedBodyRef, setVirtualizedBodyRef] = useState(null);\n  const handlerRef = useRef();\n\n  const autoScrollTo = useCallback(\n    (scrollHeight) => {\n      const { itemSize = () => rowHeight } = listProps;\n      const idx = rows.findIndex((item) => item[rowKey] === autoScrollToId);\n      let val = rowPositionMap.current[idx] || 0;\n      const lastPositionIdx = rowPositionMap.current.length - 1;\n      let lastPosition = 0;\n      if (lastPositionIdx > -1) {\n        lastPosition = rowPositionMap.current[lastPositionIdx] - scrollHeight + itemSize(lastPositionIdx);\n      }\n      if (lastPosition < val) {\n        val = lastPosition;\n      }\n      if (virtualizedBodyRef) {\n        if (idx > -1) {\n          setScrollTop(val);\n          virtualizedBodyRef.scrollTop = val;\n        }\n      }\n    },\n    [rows, virtualizedBodyRef],\n  );\n\n  useEffect(() => {\n    autoScrollTo(visibleHeight);\n  }, [autoScrollToId, visibleHeight]);\n\n  const handler = useCallback(\n    debounce(({ target }) => {\n      // Update coordinates\n      setScrollTop(target.scrollTop || 0);\n    }, 100),\n    [setScrollTop],\n  );\n\n  useEffect(() => {\n    setScrollTop(0);\n  }, [filters]);\n\n  useEffect(() => {\n    handlerRef.current = handler;\n  }, [handler]);\n\n  useLayoutEffect(() => {\n    let top = Math.ceil(scrollTop / rowHeight);\n    let bot = Math.ceil((scrollTop + visibleHeight) / rowHeight);\n    if (expandable) {\n      // updateMapperFirst\n      rowPositionMap.current = generateRowPositionMap();\n      top = rowPositionMap.current.findIndex((item) => item > scrollTop);\n      bot = rowPositionMap.current.findIndex((item) => item > scrollTop + visibleHeight);\n      if (bot === -1) bot = rowPositionMap.current.length;\n    }\n    let upperBound = top - 1 - overscanCount;\n    let lowerBound = bot - 1 + overscanCount;\n    if (upperBound < 0) {\n      upperBound = 0;\n    }\n    if (lowerBound - upperBound < overscanCount) {\n      lowerBound = upperBound + overscanCount;\n    }\n    if (lowerBound > rows.length) {\n      lowerBound = rows.length;\n    }\n    setHasScrollBar(visibleHeight < getHeight());\n    setHasScroll(visibleHeight < getHeight());\n    setRenderedIndexes([upperBound, lowerBound]);\n  }, [visibleHeight, scrollTop, rows]);\n\n  useLayoutEffect(() => {\n    if (virtualizedBodyRef) {\n      const parsedVisibleHeight = parseFloat(\n        window.getComputedStyle(virtualizedBodyRef, null).getPropertyValue('height'),\n      );\n      // eslint-disable-next-line no-restricted-globals\n      if (!isNaN(parsedVisibleHeight)) {\n        setVisibleHeight(parsedVisibleHeight);\n        autoScrollTo(parsedVisibleHeight);\n      }\n    }\n  }, [rows, virtualizedBodyRef]);\n\n  useEffect(() => {\n    if (virtualizedBodyRef) {\n      const eventListener = (event) => handlerRef.current(event);\n      virtualizedBodyRef.addEventListener('scroll', eventListener);\n\n      return () => {\n        virtualizedBodyRef.removeEventListener('scroll', eventListener);\n      };\n    }\n    return () => null;\n  }, [virtualizedBodyRef]);\n\n  const getHeight = () => {\n    let returnHeight = 0;\n    if (expandable) {\n      returnHeight = getCalculatedHeightBetweenIndexes(0, rows.length) + 8;\n    } else {\n      returnHeight = rows.length * rowHeight + 8;\n    }\n    // if (visibleHeight > returnHeight) {\n    //   return visibleHeight;\n    // }\n    if (virtualizedBodyRef && virtualizedBodyRef.scrollHeight > virtualizedBodyRef.clientHeight) {\n      return returnHeight + 10;\n    }\n    return returnHeight;\n  };\n\n  const getRowStyle = (row, index, specificRowHeight) => {\n    const { itemSize } = listProps;\n\n    if (!expandable && rowStyleCache.current[index]) {\n      return rowStyleCache.current[index];\n    }\n    rowStyleCache.current[index] = {\n      height: itemSize ? itemSize(index) : specificRowHeight,\n      left: 0,\n      right: 0,\n      top: getCalculatedHeightBetweenIndexes(0, index),\n      position: 'absolute',\n    };\n    return rowStyleCache.current[index];\n  };\n\n  const generateRenderedRows = () =>\n    rows.slice(renderedIndexes[0], renderedIndexes[1] + 1).map((_, index) => (\n      <VirtualizedBodyRow\n        data={{\n          rows,\n          columns,\n          rowKey,\n          renderer: { rowRenderer },\n        }}\n        index={renderedIndexes[0] + index}\n        key={rows[renderedIndexes[0] + index][rowKey]}\n        style={getRowStyle(rows[renderedIndexes[0] + index], renderedIndexes[0] + index, rowHeight)}\n      ></VirtualizedBodyRow>\n    ));\n\n  const wrapperStyle = {\n    height: '100%',\n    ...(isSafari ? wrapperSafari : wrapperGeneric),\n  };\n  const bodyStyle = {\n    height: getHeight(),\n    willChange: 'transform',\n    backfaceVisibility: 'hidden',\n  };\n\n  return (\n    <Component {...props} innerRef={innerRef}>\n      {!isPlaceholderActive ? (\n        <div\n          className=\"virtualized-body-wrapper\"\n          style={wrapperStyle}\n          ref={(elem) => {\n            if (elem) {\n              if (isSafari) {\n                setVirtualizedBodyRef(elem.parentElement);\n                // eslint-disable-next-line no-param-reassign\n                elem.parentElement.scrollTop = scrollTop;\n                mergeRefs(listProps.outerRef)(elem.parentElement);\n              } else {\n                setVirtualizedBodyRef(elem);\n                mergeRefs(listProps.outerRef)(elem);\n              }\n            }\n          }}\n        >\n          <div\n            data-testid=\"virtualized-body\"\n            className={`virtualized-body${hasScrollBar ? ' with-scrollbar' : ''}`}\n            style={bodyStyle}\n            ref={(r) => {\n              mergeRefs(innerBody)(r);\n            }}\n          >\n            {generateRenderedRows()}\n          </div>\n        </div>\n      ) : (\n        <NoResults innerRef={innerRef} rowRenderer={rowRenderer}>\n          {noResultsPlaceholder}\n        </NoResults>\n      )}\n    </Component>\n  );\n};\n\nVirtualizedBody.defaultProps = {\n  rows: [],\n  overscanCount: 10,\n};\n\nVirtualizedBody.propTypes = {\n  autoScrollToId: PropTypes.number,\n  columns: PropTypes.arrayOf(PropTypes.shape({})),\n  component: PropTypes.element,\n  expandable: PropTypes.bool,\n  filters: PropTypes.any,\n  innerRef: PropTypes.any,\n  innerBody: PropTypes.any,\n  isPlaceholderActive: PropTypes.bool,\n  listProps: PropTypes.shape({\n    itemSize: PropTypes.func,\n    outerRef: PropTypes.any,\n  }),\n  noResultsPlaceholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  overscanCount: PropTypes.number,\n  rows: PropTypes.arrayOf(PropTypes.shape({})),\n  rowHeight: PropTypes.number,\n  rowKey: PropTypes.string,\n  rowRenderer: PropTypes.element,\n  rowSize: PropTypes.any,\n  setHasScroll: PropTypes.func,\n};\n\nexport { VirtualizedBody };\nexport default VirtualizedBody;\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport React, { useEffect, useState, useCallback, useRef, useLayoutEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { mergeRefs, debounce, isNaN } from '@elliemae/ds-utilities';\nimport { NoResults } from '../../components/NoResults.js';\nimport { VirtualizedBodyRow } from './VirtualizedBodyRow.js';\nimport { RowSizes } from '../../rowSizes.js';\nimport { isSafari } from './helper.js';\n\nconst wrapperSafari = {};\nconst wrapperGeneric = { overflowY: 'auto', overflowX: 'visible' };\n\nconst VirtualizedBody = (props) => {\n  const {\n    autoScrollToId,\n    columns,\n    component: Component,\n    expandable,\n    innerRef,\n    innerBody,\n    isPlaceholderActive,\n    listProps,\n    noResultsPlaceholder,\n    overscanCount,\n    rows,\n    rowHeight: defaultRowHeight,\n    rowKey,\n    rowRenderer,\n    rowSize,\n    setHasScroll,\n    filters, // hack to reset the scrollTop to 0 if filters change\n  } = props;\n  const rowHeight = defaultRowHeight || RowSizes[rowSize];\n  const [scrollTop, setScrollTop] = useState(0);\n  const [visibleHeight, setVisibleHeight] = useState(0);\n  const [hasScrollBar, setHasScrollBar] = useState(false);\n  const rowStyleCache = useRef({});\n  const [renderedIndexes, setRenderedIndexes] = useState([0, 30]);\n\n  const getCalculatedHeightBetweenIndexes = (start, end) => {\n    const { itemSize = () => rowHeight } = listProps;\n    if (expandable) {\n      return rows\n        .slice(start, end)\n        .map((_, idx) => idx)\n        .map((idx) => itemSize(idx))\n        .reduce((acc, curr) => acc + curr, 0);\n    }\n    return (end - start) * rowHeight;\n  };\n\n  const generateRowPositionMap = () => rows.map((row, idx) => getCalculatedHeightBetweenIndexes(0, idx));\n\n  const rowPositionMap = useRef(generateRowPositionMap());\n  const [virtualizedBodyRef, setVirtualizedBodyRef] = useState(null);\n  const handlerRef = useRef();\n\n  const autoScrollTo = useCallback(\n    (scrollHeight) => {\n      const { itemSize = () => rowHeight } = listProps;\n      const idx = rows.findIndex((item) => item[rowKey] === autoScrollToId);\n      let val = rowPositionMap.current[idx] || 0;\n      const lastPositionIdx = rowPositionMap.current.length - 1;\n      let lastPosition = 0;\n      if (lastPositionIdx > -1) {\n        lastPosition = rowPositionMap.current[lastPositionIdx] - scrollHeight + itemSize(lastPositionIdx);\n      }\n      if (lastPosition < val) {\n        val = lastPosition;\n      }\n      if (virtualizedBodyRef) {\n        if (idx > -1) {\n          setScrollTop(val);\n          virtualizedBodyRef.scrollTop = val;\n        }\n      }\n    },\n    [rows, virtualizedBodyRef],\n  );\n\n  useEffect(() => {\n    autoScrollTo(visibleHeight);\n  }, [autoScrollToId, visibleHeight]);\n\n  const handler = useCallback(\n    debounce(({ target }) => {\n      // Update coordinates\n      setScrollTop(target.scrollTop || 0);\n    }, 100),\n    [setScrollTop],\n  );\n\n  useEffect(() => {\n    setScrollTop(0);\n  }, [filters]);\n\n  useEffect(() => {\n    handlerRef.current = handler;\n  }, [handler]);\n\n  useLayoutEffect(() => {\n    let top = Math.ceil(scrollTop / rowHeight);\n    let bot = Math.ceil((scrollTop + visibleHeight) / rowHeight);\n    if (expandable) {\n      // updateMapperFirst\n      rowPositionMap.current = generateRowPositionMap();\n      top = rowPositionMap.current.findIndex((item) => item > scrollTop);\n      bot = rowPositionMap.current.findIndex((item) => item > scrollTop + visibleHeight);\n      if (bot === -1) bot = rowPositionMap.current.length;\n    }\n    let upperBound = top - 1 - overscanCount;\n    let lowerBound = bot - 1 + overscanCount;\n    if (upperBound < 0) {\n      upperBound = 0;\n    }\n    if (lowerBound - upperBound < overscanCount) {\n      lowerBound = upperBound + overscanCount;\n    }\n    if (lowerBound > rows.length) {\n      lowerBound = rows.length;\n    }\n    setHasScrollBar(visibleHeight < getHeight());\n    setHasScroll(visibleHeight < getHeight());\n    setRenderedIndexes([upperBound, lowerBound]);\n  }, [visibleHeight, scrollTop, rows]);\n\n  useLayoutEffect(() => {\n    if (virtualizedBodyRef) {\n      const parsedVisibleHeight = parseFloat(\n        window.getComputedStyle(virtualizedBodyRef, null).getPropertyValue('height'),\n      );\n      // eslint-disable-next-line no-restricted-globals\n      if (!isNaN(parsedVisibleHeight)) {\n        setVisibleHeight(parsedVisibleHeight);\n        autoScrollTo(parsedVisibleHeight);\n      }\n    }\n  }, [rows, virtualizedBodyRef]);\n\n  useEffect(() => {\n    if (virtualizedBodyRef) {\n      const eventListener = (event) => handlerRef.current(event);\n      virtualizedBodyRef.addEventListener('scroll', eventListener);\n\n      return () => {\n        virtualizedBodyRef.removeEventListener('scroll', eventListener);\n      };\n    }\n    return () => null;\n  }, [virtualizedBodyRef]);\n\n  const getHeight = () => {\n    let returnHeight = 0;\n    if (expandable) {\n      returnHeight = getCalculatedHeightBetweenIndexes(0, rows.length) + 8;\n    } else {\n      returnHeight = rows.length * rowHeight + 8;\n    }\n    // if (visibleHeight > returnHeight) {\n    //   return visibleHeight;\n    // }\n    if (virtualizedBodyRef && virtualizedBodyRef.scrollHeight > virtualizedBodyRef.clientHeight) {\n      return returnHeight + 10;\n    }\n    return returnHeight;\n  };\n\n  const getRowStyle = (row, index, specificRowHeight) => {\n    const { itemSize } = listProps;\n\n    if (!expandable && rowStyleCache.current[index]) {\n      return rowStyleCache.current[index];\n    }\n    rowStyleCache.current[index] = {\n      height: itemSize ? itemSize(index) : specificRowHeight,\n      left: 0,\n      right: 0,\n      top: getCalculatedHeightBetweenIndexes(0, index),\n      position: 'absolute',\n    };\n    return rowStyleCache.current[index];\n  };\n\n  const generateRenderedRows = () =>\n    rows.slice(renderedIndexes[0], renderedIndexes[1] + 1).map((_, index) => (\n      <VirtualizedBodyRow\n        data={{\n          rows,\n          columns,\n          rowKey,\n          renderer: { rowRenderer },\n        }}\n        index={renderedIndexes[0] + index}\n        key={rows[renderedIndexes[0] + index][rowKey]}\n        style={getRowStyle(rows[renderedIndexes[0] + index], renderedIndexes[0] + index, rowHeight)}\n      ></VirtualizedBodyRow>\n    ));\n\n  const wrapperStyle = {\n    height: '100%',\n    ...(isSafari ? wrapperSafari : wrapperGeneric),\n  };\n  const bodyStyle = {\n    height: getHeight(),\n    willChange: 'transform',\n    backfaceVisibility: 'hidden',\n  };\n\n  return (\n    <Component {...props} innerRef={innerRef}>\n      {!isPlaceholderActive ? (\n        <div\n          className=\"virtualized-body-wrapper\"\n          style={wrapperStyle}\n          ref={(elem) => {\n            if (elem) {\n              if (isSafari) {\n                setVirtualizedBodyRef(elem.parentElement);\n                // eslint-disable-next-line no-param-reassign\n                elem.parentElement.scrollTop = scrollTop;\n                mergeRefs(listProps.outerRef)(elem.parentElement);\n              } else {\n                setVirtualizedBodyRef(elem);\n                mergeRefs(listProps.outerRef)(elem);\n              }\n            }\n          }}\n        >\n          <div\n            data-testid=\"virtualized-body\"\n            className={`virtualized-body${hasScrollBar ? ' with-scrollbar' : ''}`}\n            style={bodyStyle}\n            ref={(r) => {\n              mergeRefs(innerBody)(r);\n            }}\n          >\n            {generateRenderedRows()}\n          </div>\n        </div>\n      ) : (\n        <NoResults innerRef={innerRef} rowRenderer={rowRenderer}>\n          {noResultsPlaceholder}\n        </NoResults>\n      )}\n    </Component>\n  );\n};\n\nVirtualizedBody.defaultProps = {\n  rows: [],\n  overscanCount: 10,\n};\n\nVirtualizedBody.propTypes = {\n  autoScrollToId: PropTypes.number,\n  columns: PropTypes.arrayOf(PropTypes.shape({})),\n  component: PropTypes.element,\n  expandable: PropTypes.bool,\n  filters: PropTypes.any,\n  innerRef: PropTypes.any,\n  innerBody: PropTypes.any,\n  isPlaceholderActive: PropTypes.bool,\n  listProps: PropTypes.shape({\n    itemSize: PropTypes.func,\n    outerRef: PropTypes.any,\n  }),\n  noResultsPlaceholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  overscanCount: PropTypes.number,\n  rows: PropTypes.arrayOf(PropTypes.shape({})),\n  rowHeight: PropTypes.number,\n  rowKey: PropTypes.string,\n  rowRenderer: PropTypes.element,\n  rowSize: PropTypes.any,\n  setHasScroll: PropTypes.func,\n};\n\nexport { VirtualizedBody };\nexport default VirtualizedBody;\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0LjB;AAxLN,mBAAiF;AACjF,wBAAsB;AACtB,0BAA2C;AAC3C,uBAA0B;AAC1B,gCAAmC;AACnC,sBAAyB;AACzB,oBAAyB;AAEzB,MAAM,gBAAgB,CAAC;AACvB,MAAM,iBAAiB,EAAE,WAAW,QAAQ,WAAW,UAAU;AAEjE,MAAM,kBAAkB,CAAC,UAAU;AACjC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,YAAY,oBAAoB,yBAAS;AAC/C,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,CAAC;AAC5C,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAS,CAAC;AACpD,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,KAAK;AACtD,QAAM,oBAAgB,qBAAO,CAAC,CAAC;AAC/B,QAAM,CAAC,iBAAiB,kBAAkB,QAAI,uBAAS,CAAC,GAAG,EAAE,CAAC;AAE9D,QAAM,oCAAoC,CAAC,OAAO,QAAQ;AACxD,UAAM,EAAE,WAAW,MAAM,UAAU,IAAI;AACvC,QAAI,YAAY;AACd,aAAO,KACJ,MAAM,OAAO,GAAG,EAChB,IAAI,CAAC,GAAG,QAAQ,GAAG,EACnB,IAAI,CAAC,QAAQ,SAAS,GAAG,CAAC,EAC1B,OAAO,CAAC,KAAK,SAAS,MAAM,MAAM,CAAC;AAAA,IACxC;AACA,YAAQ,MAAM,SAAS;AAAA,EACzB;AAEA,QAAM,yBAAyB,MAAM,KAAK,IAAI,CAAC,KAAK,QAAQ,kCAAkC,GAAG,GAAG,CAAC;AAErG,QAAM,qBAAiB,qBAAO,uBAAuB,CAAC;AACtD,QAAM,CAAC,oBAAoB,qBAAqB,QAAI,uBAAS,IAAI;AACjE,QAAM,iBAAa,qBAAO;AAE1B,QAAM,mBAAe;AAAA,IACnB,CAAC,iBAAiB;AAChB,YAAM,EAAE,WAAW,MAAM,UAAU,IAAI;AACvC,YAAM,MAAM,KAAK,UAAU,CAAC,SAAS,KAAK,YAAY,cAAc;AACpE,UAAI,MAAM,eAAe,QAAQ,QAAQ;AACzC,YAAM,kBAAkB,eAAe,QAAQ,SAAS;AACxD,UAAI,eAAe;AACnB,UAAI,kBAAkB,IAAI;AACxB,uBAAe,eAAe,QAAQ,mBAAmB,eAAe,SAAS,eAAe;AAAA,MAClG;AACA,UAAI,eAAe,KAAK;AACtB,cAAM;AAAA,MACR;AACA,UAAI,oBAAoB;AACtB,YAAI,MAAM,IAAI;AACZ,uBAAa,GAAG;AAChB,6BAAmB,YAAY;AAAA,QACjC;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,MAAM,kBAAkB;AAAA,EAC3B;AAEA,8BAAU,MAAM;AACd,iBAAa,aAAa;AAAA,EAC5B,GAAG,CAAC,gBAAgB,aAAa,CAAC;AAElC,QAAM,cAAU;AAAA,QACd,8BAAS,CAAC,EAAE,OAAO,MAAM;AAEvB,mBAAa,OAAO,aAAa,CAAC;AAAA,IACpC,GAAG,GAAG;AAAA,IACN,CAAC,YAAY;AAAA,EACf;AAEA,8BAAU,MAAM;AACd,iBAAa,CAAC;AAAA,EAChB,GAAG,CAAC,OAAO,CAAC;AAEZ,8BAAU,MAAM;AACd,eAAW,UAAU;AAAA,EACvB,GAAG,CAAC,OAAO,CAAC;AAEZ,oCAAgB,MAAM;AACpB,QAAI,MAAM,KAAK,KAAK,YAAY,SAAS;AACzC,QAAI,MAAM,KAAK,MAAM,YAAY,iBAAiB,SAAS;AAC3D,QAAI,YAAY;AAEd,qBAAe,UAAU,uBAAuB;AAChD,YAAM,eAAe,QAAQ,UAAU,CAAC,SAAS,OAAO,SAAS;AACjE,YAAM,eAAe,QAAQ,UAAU,CAAC,SAAS,OAAO,YAAY,aAAa;AACjF,UAAI,QAAQ;AAAI,cAAM,eAAe,QAAQ;AAAA,IAC/C;AACA,QAAI,aAAa,MAAM,IAAI;AAC3B,QAAI,aAAa,MAAM,IAAI;AAC3B,QAAI,aAAa,GAAG;AAClB,mBAAa;AAAA,IACf;AACA,QAAI,aAAa,aAAa,eAAe;AAC3C,mBAAa,aAAa;AAAA,IAC5B;AACA,QAAI,aAAa,KAAK,QAAQ;AAC5B,mBAAa,KAAK;AAAA,IACpB;AACA,oBAAgB,gBAAgB,UAAU,CAAC;AAC3C,iBAAa,gBAAgB,UAAU,CAAC;AACxC,uBAAmB,CAAC,YAAY,UAAU,CAAC;AAAA,EAC7C,GAAG,CAAC,eAAe,WAAW,IAAI,CAAC;AAEnC,oCAAgB,MAAM;AACpB,QAAI,oBAAoB;AACtB,YAAM,sBAAsB;AAAA,QAC1B,OAAO,iBAAiB,oBAAoB,IAAI,EAAE,iBAAiB,QAAQ;AAAA,MAC7E;AAEA,UAAI,KAAC,2BAAM,mBAAmB,GAAG;AAC/B,yBAAiB,mBAAmB;AACpC,qBAAa,mBAAmB;AAAA,MAClC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,kBAAkB,CAAC;AAE7B,8BAAU,MAAM;AACd,QAAI,oBAAoB;AACtB,YAAM,gBAAgB,CAAC,UAAU,WAAW,QAAQ,KAAK;AACzD,yBAAmB,iBAAiB,UAAU,aAAa;AAE3D,aAAO,MAAM;AACX,2BAAmB,oBAAoB,UAAU,aAAa;AAAA,MAChE;AAAA,IACF;AACA,WAAO,MAAM;AAAA,EACf,GAAG,CAAC,kBAAkB,CAAC;AAEvB,QAAM,YAAY,MAAM;AACtB,QAAI,eAAe;AACnB,QAAI,YAAY;AACd,qBAAe,kCAAkC,GAAG,KAAK,MAAM,IAAI;AAAA,IACrE,OAAO;AACL,qBAAe,KAAK,SAAS,YAAY;AAAA,IAC3C;AAIA,QAAI,sBAAsB,mBAAmB,eAAe,mBAAmB,cAAc;AAC3F,aAAO,eAAe;AAAA,IACxB;AACA,WAAO;AAAA,EACT;AAEA,QAAM,cAAc,CAAC,KAAK,OAAO,sBAAsB;AACrD,UAAM,EAAE,SAAS,IAAI;AAErB,QAAI,CAAC,cAAc,cAAc,QAAQ,QAAQ;AAC/C,aAAO,cAAc,QAAQ;AAAA,IAC/B;AACA,kBAAc,QAAQ,SAAS;AAAA,MAC7B,QAAQ,WAAW,SAAS,KAAK,IAAI;AAAA,MACrC,MAAM;AAAA,MACN,OAAO;AAAA,MACP,KAAK,kCAAkC,GAAG,KAAK;AAAA,MAC/C,UAAU;AAAA,IACZ;AACA,WAAO,cAAc,QAAQ;AAAA,EAC/B;AAEA,QAAM,uBAAuB,MAC3B,KAAK,MAAM,gBAAgB,IAAI,gBAAgB,KAAK,CAAC,EAAE,IAAI,CAAC,GAAG,UAC7D;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,EAAE,YAAY;AAAA,MAC1B;AAAA,MACA,OAAO,gBAAgB,KAAK;AAAA,MAE5B,OAAO,YAAY,KAAK,gBAAgB,KAAK,QAAQ,gBAAgB,KAAK,OAAO,SAAS;AAAA;AAAA,IADrF,KAAK,gBAAgB,KAAK,OAAO;AAAA,EAEvC,CACF;AAEH,QAAM,eAAe;AAAA,IACnB,QAAQ;AAAA,IACR,GAAI,yBAAW,gBAAgB;AAAA,EACjC;AACA,QAAM,YAAY;AAAA,IAChB,QAAQ,UAAU;AAAA,IAClB,YAAY;AAAA,IACZ,oBAAoB;AAAA,EACtB;AAEA,SACE,4CAAC,aAAW,GAAG,OAAO,UACnB,WAAC,sBACA;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,MACP,KAAK,CAAC,SAAS;AACb,YAAI,MAAM;AACR,cAAI,wBAAU;AACZ,kCAAsB,KAAK,aAAa;AAExC,iBAAK,cAAc,YAAY;AAC/B,+CAAU,UAAU,QAAQ,EAAE,KAAK,aAAa;AAAA,UAClD,OAAO;AACL,kCAAsB,IAAI;AAC1B,+CAAU,UAAU,QAAQ,EAAE,IAAI;AAAA,UACpC;AAAA,QACF;AAAA,MACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,eAAY;AAAA,UACZ,WAAW,mBAAmB,eAAe,oBAAoB;AAAA,UACjE,OAAO;AAAA,UACP,KAAK,CAAC,MAAM;AACV,+CAAU,SAAS,EAAE,CAAC;AAAA,UACxB;AAAA,UAEC,+BAAqB;AAAA;AAAA,MACxB;AAAA;AAAA,EACF,IAEA,4CAAC,8BAAU,UAAoB,aAC5B,gCACH,GAEJ;AAEJ;AAEA,gBAAgB,eAAe;AAAA,EAC7B,MAAM,CAAC;AAAA,EACP,eAAe;AACjB;AAEA,gBAAgB,YAAY;AAAA,EAC1B,gBAAgB,kBAAAA,QAAU;AAAA,EAC1B,SAAS,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,MAAM,CAAC,CAAC,CAAC;AAAA,EAC9C,WAAW,kBAAAA,QAAU;AAAA,EACrB,YAAY,kBAAAA,QAAU;AAAA,EACtB,SAAS,kBAAAA,QAAU;AAAA,EACnB,UAAU,kBAAAA,QAAU;AAAA,EACpB,WAAW,kBAAAA,QAAU;AAAA,EACrB,qBAAqB,kBAAAA,QAAU;AAAA,EAC/B,WAAW,kBAAAA,QAAU,MAAM;AAAA,IACzB,UAAU,kBAAAA,QAAU;AAAA,IACpB,UAAU,kBAAAA,QAAU;AAAA,EACtB,CAAC;AAAA,EACD,sBAAsB,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,OAAO,CAAC;AAAA,EAC/E,eAAe,kBAAAA,QAAU;AAAA,EACzB,MAAM,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,MAAM,CAAC,CAAC,CAAC;AAAA,EAC3C,WAAW,kBAAAA,QAAU;AAAA,EACrB,QAAQ,kBAAAA,QAAU;AAAA,EAClB,aAAa,kBAAAA,QAAU;AAAA,EACvB,SAAS,kBAAAA,QAAU;AAAA,EACnB,cAAc,kBAAAA,QAAU;AAC1B;AAGA,IAAO,0BAAQ;",
   "names": ["PropTypes"]
 }

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

@@ -28,5 +28,5 @@ __export(virtualization_exports, {
 });
 module.exports = __toCommonJS(virtualization_exports);
 var React = __toESM(require("react"));
-var import_VirtualizationPlugin = require("./VirtualizationPlugin");
+var import_VirtualizationPlugin = require("./VirtualizationPlugin.js");
 //# sourceMappingURL=index.js.map

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

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

package/dist/cjs/renders/CellWithAddons.js

@@ -33,7 +33,7 @@ var import_lodash = require("lodash");
 var import_prop_types = __toESM(require("prop-types"));
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
-var import_styled = require("./styled");
+var import_styled = require("./styled.js");
 const CellWithAddons = ({
   leftAddon,
   keepLeftPadding,

package/dist/cjs/renders/CellWithAddons.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/renders/CellWithAddons.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { get } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { CellWrapper, ValueWrapper } from './styled';\n\n// eslint-disable-next-line complexity\nexport const CellWithAddons = ({\n  leftAddon,\n  keepLeftPadding,\n  rightAddon,\n  badgeAddon,\n  highLight,\n  isEdit,\n  editComponent,\n  value,\n  neutralText,\n  metaData,\n}) => {\n  const hasLeftAddon = !!leftAddon || keepLeftPadding;\n  const hasRightAddon = !!rightAddon && !isEdit;\n  const cols = [1];\n  const shouldBeGray = neutralText || get(metaData, 'rowData.customRowProps.neutralText');\n  if (hasLeftAddon) cols.unshift('auto');\n  if (hasRightAddon) cols.push('auto');\n  return (\n    <CellWrapper\n      noPadding={hasLeftAddon || badgeAddon || highLight || hasRightAddon}\n      hasLeftAddon={hasLeftAddon}\n      hasRightAddon={hasRightAddon}\n      badgeAddon={badgeAddon}\n      highLight={highLight}\n    >\n      <Grid height=\"100%\" cols={cols}>\n        {hasLeftAddon && (\n          <Grid alignItems=\"center\" pl=\"xxs\" pr=\"xxs\" width={keepLeftPadding ? '32px' : undefined}>\n            {hasLeftAddon && leftAddon}\n          </Grid>\n        )}\n        <Grid alignItems=\"center\">\n          <ValueWrapper grayText={shouldBeGray}>\n            {isEdit ? editComponent : <DSTruncatedTooltipText value={value} />}\n          </ValueWrapper>\n        </Grid>\n        {hasRightAddon && (\n          <Grid alignItems=\"center\" pl=\"xxs\">\n            {rightAddon}\n          </Grid>\n        )}\n      </Grid>\n    </CellWrapper>\n  );\n};\n\nCellWithAddons.propTypes = {\n  /** Text to render inside the cell */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Left Icon */\n  leftAddon: PropTypes.element,\n  /** keep the left spacing even if no left addons is addded */\n  keepLeftPadding: PropTypes.bool,\n  /** Right Icon Button or Dropdown */\n  rightAddon: PropTypes.element,\n  /** TextBox/InputMask/ComboBox */\n  editComponent: PropTypes.element,\n  /** if is true it will show editComponent */\n  isEdit: PropTypes.bool,\n  /** Shows a blue mark in the top left corner */\n  badgeAddon: PropTypes.bool,\n  /** change background color to light blue */\n  highLight: PropTypes.bool,\n  /** change text color to light gray */\n  neutralText: PropTypes.bool,\n  /** data grid meta-information */\n  metaData: PropTypes.shape({\n    className: PropTypes.string,\n    column: PropTypes.object,\n    columnIndex: PropTypes.number,\n    index: PropTypes.number,\n    isScrolling: PropTypes.bool,\n    key: PropTypes.string,\n    parentRowData: PropTypes.any,\n    property: PropTypes.string,\n    registerFocus: PropTypes.func,\n    rowData: PropTypes.object,\n    rowIndex: PropTypes.number,\n    rowKey: PropTypes.string,\n    style: PropTypes.object,\n  }),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import React from 'react';\nimport { get } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { CellWrapper, ValueWrapper } from './styled.js';\n\n// eslint-disable-next-line complexity\nexport const CellWithAddons = ({\n  leftAddon,\n  keepLeftPadding,\n  rightAddon,\n  badgeAddon,\n  highLight,\n  isEdit,\n  editComponent,\n  value,\n  neutralText,\n  metaData,\n}) => {\n  const hasLeftAddon = !!leftAddon || keepLeftPadding;\n  const hasRightAddon = !!rightAddon && !isEdit;\n  const cols = [1];\n  const shouldBeGray = neutralText || get(metaData, 'rowData.customRowProps.neutralText');\n  if (hasLeftAddon) cols.unshift('auto');\n  if (hasRightAddon) cols.push('auto');\n  return (\n    <CellWrapper\n      noPadding={hasLeftAddon || badgeAddon || highLight || hasRightAddon}\n      hasLeftAddon={hasLeftAddon}\n      hasRightAddon={hasRightAddon}\n      badgeAddon={badgeAddon}\n      highLight={highLight}\n    >\n      <Grid height=\"100%\" cols={cols}>\n        {hasLeftAddon && (\n          <Grid alignItems=\"center\" pl=\"xxs\" pr=\"xxs\" width={keepLeftPadding ? '32px' : undefined}>\n            {hasLeftAddon && leftAddon}\n          </Grid>\n        )}\n        <Grid alignItems=\"center\">\n          <ValueWrapper grayText={shouldBeGray}>\n            {isEdit ? editComponent : <DSTruncatedTooltipText value={value} />}\n          </ValueWrapper>\n        </Grid>\n        {hasRightAddon && (\n          <Grid alignItems=\"center\" pl=\"xxs\">\n            {rightAddon}\n          </Grid>\n        )}\n      </Grid>\n    </CellWrapper>\n  );\n};\n\nCellWithAddons.propTypes = {\n  /** Text to render inside the cell */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Left Icon */\n  leftAddon: PropTypes.element,\n  /** keep the left spacing even if no left addons is addded */\n  keepLeftPadding: PropTypes.bool,\n  /** Right Icon Button or Dropdown */\n  rightAddon: PropTypes.element,\n  /** TextBox/InputMask/ComboBox */\n  editComponent: PropTypes.element,\n  /** if is true it will show editComponent */\n  isEdit: PropTypes.bool,\n  /** Shows a blue mark in the top left corner */\n  badgeAddon: PropTypes.bool,\n  /** change background color to light blue */\n  highLight: PropTypes.bool,\n  /** change text color to light gray */\n  neutralText: PropTypes.bool,\n  /** data grid meta-information */\n  metaData: PropTypes.shape({\n    className: PropTypes.string,\n    column: PropTypes.object,\n    columnIndex: PropTypes.number,\n    index: PropTypes.number,\n    isScrolling: PropTypes.bool,\n    key: PropTypes.string,\n    parentRowData: PropTypes.any,\n    property: PropTypes.string,\n    registerFocus: PropTypes.func,\n    rowData: PropTypes.object,\n    rowIndex: PropTypes.number,\n    rowKey: PropTypes.string,\n    style: PropTypes.object,\n  }),\n};\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkCjB;AAjCN,oBAAoB;AACpB,wBAAsB;AACtB,qBAAqB;AACrB,uCAAuC;AACvC,oBAA0C;AAGnC,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,eAAe,CAAC,CAAC,aAAa;AACpC,QAAM,gBAAgB,CAAC,CAAC,cAAc,CAAC;AACvC,QAAM,OAAO,CAAC,CAAC;AACf,QAAM,eAAe,mBAAe,mBAAI,UAAU,oCAAoC;AACtF,MAAI;AAAc,SAAK,QAAQ,MAAM;AACrC,MAAI;AAAe,SAAK,KAAK,MAAM;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,gBAAgB,cAAc,aAAa;AAAA,MACtD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,uDAAC,uBAAK,QAAO,QAAO,MACjB;AAAA,wBACC,4CAAC,uBAAK,YAAW,UAAS,IAAG,OAAM,IAAG,OAAM,OAAO,kBAAkB,SAAS,QAC3E,0BAAgB,WACnB;AAAA,QAEF,4CAAC,uBAAK,YAAW,UACf,sDAAC,8BAAa,UAAU,cACrB,mBAAS,gBAAgB,4CAAC,2DAAuB,OAAc,GAClE,GACF;AAAA,QACC,iBACC,4CAAC,uBAAK,YAAW,UAAS,IAAG,OAC1B,sBACH;AAAA,SAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,eAAe,YAAY;AAAA,EAEzB,OAAO,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,MAAM,CAAC;AAAA,EAE/D,WAAW,kBAAAA,QAAU;AAAA,EAErB,iBAAiB,kBAAAA,QAAU;AAAA,EAE3B,YAAY,kBAAAA,QAAU;AAAA,EAEtB,eAAe,kBAAAA,QAAU;AAAA,EAEzB,QAAQ,kBAAAA,QAAU;AAAA,EAElB,YAAY,kBAAAA,QAAU;AAAA,EAEtB,WAAW,kBAAAA,QAAU;AAAA,EAErB,aAAa,kBAAAA,QAAU;AAAA,EAEvB,UAAU,kBAAAA,QAAU,MAAM;AAAA,IACxB,WAAW,kBAAAA,QAAU;AAAA,IACrB,QAAQ,kBAAAA,QAAU;AAAA,IAClB,aAAa,kBAAAA,QAAU;AAAA,IACvB,OAAO,kBAAAA,QAAU;AAAA,IACjB,aAAa,kBAAAA,QAAU;AAAA,IACvB,KAAK,kBAAAA,QAAU;AAAA,IACf,eAAe,kBAAAA,QAAU;AAAA,IACzB,UAAU,kBAAAA,QAAU;AAAA,IACpB,eAAe,kBAAAA,QAAU;AAAA,IACzB,SAAS,kBAAAA,QAAU;AAAA,IACnB,UAAU,kBAAAA,QAAU;AAAA,IACpB,QAAQ,kBAAAA,QAAU;AAAA,IAClB,OAAO,kBAAAA,QAAU;AAAA,EACnB,CAAC;AACH;",
   "names": ["PropTypes"]
 }

package/dist/cjs/renders/index.js

@@ -29,6 +29,6 @@ __export(renders_exports, {
 });
 module.exports = __toCommonJS(renders_exports);
 var React = __toESM(require("react"));
-var import_CellWithAddons = require("./CellWithAddons");
-var import_styled = require("./styled");
+var import_CellWithAddons = require("./CellWithAddons.js");
+var import_styled = require("./styled.js");
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/renders/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { CellWithAddons } from './CellWithAddons';\nexport { CellContainer } from './styled';\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["export { CellWithAddons } from './CellWithAddons.js';\nexport { CellContainer } from './styled.js';\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAA+B;AAC/B,oBAA8B;",
   "names": []
 }

package/dist/cjs/rowSizes.js

@@ -40,9 +40,5 @@ const RowSizesOptions = {
   normal: "normal",
   extend: "extend"
 };
-const RowSizesOptionsArr = [
-  RowSizesOptions.compact,
-  RowSizesOptions.normal,
-  RowSizesOptions.extend
-];
+const RowSizesOptionsArr = [RowSizesOptions.compact, RowSizesOptions.normal, RowSizesOptions.extend];
 //# sourceMappingURL=rowSizes.js.map

package/dist/cjs/rowSizes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/rowSizes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const RowSizes = {\n  compact: 28,\n  normal: 36,\n  extend: 56,\n};\n\nexport const RowSizesOptions = {\n  compact: 'compact',\n  normal: 'normal',\n  extend: 'extend',\n};\n\nexport const RowSizesOptionsArr = [\n  RowSizesOptions.compact,\n  RowSizesOptions.normal,\n  RowSizesOptions.extend,\n];\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,WAAW;AAAA,EACtB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AACV;AAEO,MAAM,kBAAkB;AAAA,EAC7B,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AACV;AAEO,MAAM,qBAAqB;AAAA,EAChC,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAClB;",
+  "sourcesContent": ["export const RowSizes = {\n  compact: 28,\n  normal: 36,\n  extend: 56,\n};\n\nexport const RowSizesOptions = {\n  compact: 'compact',\n  normal: 'normal',\n  extend: 'extend',\n};\n\nexport const RowSizesOptionsArr = [RowSizesOptions.compact, RowSizesOptions.normal, RowSizesOptions.extend];\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,WAAW;AAAA,EACtB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AACV;AAEO,MAAM,kBAAkB;AAAA,EAC7B,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AACV;AAEO,MAAM,qBAAqB,CAAC,gBAAgB,SAAS,gBAAgB,QAAQ,gBAAgB,MAAM;",
   "names": []
 }

package/dist/cjs/utilities/getPluginsFromProps.js

@@ -29,19 +29,19 @@ __export(getPluginsFromProps_exports, {
 });
 module.exports = __toCommonJS(getPluginsFromProps_exports);
 var React = __toESM(require("react"));
-var import_DndRowsPlugin = require("../plugins/row-dnd/DndRowsPlugin");
-var import_DndColumnsPlugin = require("../plugins/column-dnd/DndColumnsPlugin");
-var import_InfiniteScrollPlugin = require("../plugins/infinite-scrolling/InfiniteScrollPlugin");
-var import_EditablePlugin = require("../plugins/editable/EditablePlugin");
-var import_SortablePlugin = require("../plugins/sortable/SortablePlugin");
-var import_SelectablePlugin = require("../plugins/selectable/SelectablePlugin");
-var import_FilterablePlugin = require("../plugins/filterable/FilterablePlugin");
-var import_ToolbarPlugin = require("../plugins/toolbar/ToolbarPlugin");
-var import_PaginationPlugin = require("../plugins/pagination/PaginationPlugin");
-var import_VirtualizationPlugin = require("../plugins/virtualization/VirtualizationPlugin");
-var import_ExpandablePlugin = require("../plugins/expandable-grid/ExpandablePlugin");
-var import_GroupingPlugin = require("../plugins/grouping-grid/GroupingPlugin");
-var import_GroupingByPlugin = require("../plugins/grouping-by/GroupingByPlugin");
+var import_DndRowsPlugin = require("../plugins/row-dnd/DndRowsPlugin.js");
+var import_DndColumnsPlugin = require("../plugins/column-dnd/DndColumnsPlugin.js");
+var import_InfiniteScrollPlugin = require("../plugins/infinite-scrolling/InfiniteScrollPlugin.js");
+var import_EditablePlugin = require("../plugins/editable/EditablePlugin.js");
+var import_SortablePlugin = require("../plugins/sortable/SortablePlugin.js");
+var import_SelectablePlugin = require("../plugins/selectable/SelectablePlugin.js");
+var import_FilterablePlugin = require("../plugins/filterable/FilterablePlugin.js");
+var import_ToolbarPlugin = require("../plugins/toolbar/ToolbarPlugin.js");
+var import_PaginationPlugin = require("../plugins/pagination/PaginationPlugin.js");
+var import_VirtualizationPlugin = require("../plugins/virtualization/VirtualizationPlugin.js");
+var import_ExpandablePlugin = require("../plugins/expandable-grid/ExpandablePlugin.js");
+var import_GroupingPlugin = require("../plugins/grouping-grid/GroupingPlugin.js");
+var import_GroupingByPlugin = require("../plugins/grouping-by/GroupingByPlugin.js");
 const mapPropToPlugin = {
   dragAndDropColumns: import_DndColumnsPlugin.DndColumnsPlugin,
   editable: import_EditablePlugin.EditablePlugin,

package/dist/cjs/utilities/getPluginsFromProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utilities/getPluginsFromProps.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { DndRowsPlugin } from '../plugins/row-dnd/DndRowsPlugin';\nimport { DndColumnsPlugin } from '../plugins/column-dnd/DndColumnsPlugin';\nimport { InfiniteScrollPlugin } from '../plugins/infinite-scrolling/InfiniteScrollPlugin';\nimport { EditablePlugin } from '../plugins/editable/EditablePlugin';\nimport { SortablePlugin } from '../plugins/sortable/SortablePlugin';\nimport { SelectablePlugin } from '../plugins/selectable/SelectablePlugin';\nimport { FilterablePlugin } from '../plugins/filterable/FilterablePlugin';\nimport { ToolbarPlugin } from '../plugins/toolbar/ToolbarPlugin';\nimport { PaginationPlugin } from '../plugins/pagination/PaginationPlugin';\nimport { VirtualizationPlugin } from '../plugins/virtualization/VirtualizationPlugin';\nimport { ExpandablePlugin } from '../plugins/expandable-grid/ExpandablePlugin';\nimport { GroupingPlugin } from '../plugins/grouping-grid/GroupingPlugin';\nimport { GroupingByPlugin } from '../plugins/grouping-by/GroupingByPlugin';\n\nconst mapPropToPlugin = {\n  dragAndDropColumns: DndColumnsPlugin,\n  editable: EditablePlugin,\n  selectable: SelectablePlugin,\n  sortable: SortablePlugin,\n  searchFilters: FilterablePlugin,\n  renderToolbar: ToolbarPlugin,\n  infiniteScrolling: InfiniteScrollPlugin,\n  paginated: PaginationPlugin,\n  virtualized: VirtualizationPlugin,\n  expandable: ExpandablePlugin,\n  groupedBy: GroupingByPlugin,\n  groupedRows: GroupingPlugin,\n  dragAndDropRows: DndRowsPlugin,\n};\n\nexport const getPluginsFromProps = (props, omit = {}) => {\n  const plugins = [];\n\n  Object.keys(mapPropToPlugin).forEach((key) => {\n    if (props[key] && !omit[key]) plugins.push(mapPropToPlugin[key]);\n  });\n  return plugins;\n};\n\nexport default getPluginsFromProps;\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import { DndRowsPlugin } from '../plugins/row-dnd/DndRowsPlugin.js';\nimport { DndColumnsPlugin } from '../plugins/column-dnd/DndColumnsPlugin.js';\nimport { InfiniteScrollPlugin } from '../plugins/infinite-scrolling/InfiniteScrollPlugin.js';\nimport { EditablePlugin } from '../plugins/editable/EditablePlugin.js';\nimport { SortablePlugin } from '../plugins/sortable/SortablePlugin.js';\nimport { SelectablePlugin } from '../plugins/selectable/SelectablePlugin.js';\nimport { FilterablePlugin } from '../plugins/filterable/FilterablePlugin.js';\nimport { ToolbarPlugin } from '../plugins/toolbar/ToolbarPlugin.js';\nimport { PaginationPlugin } from '../plugins/pagination/PaginationPlugin.js';\nimport { VirtualizationPlugin } from '../plugins/virtualization/VirtualizationPlugin.js';\nimport { ExpandablePlugin } from '../plugins/expandable-grid/ExpandablePlugin.js';\nimport { GroupingPlugin } from '../plugins/grouping-grid/GroupingPlugin.js';\nimport { GroupingByPlugin } from '../plugins/grouping-by/GroupingByPlugin.js';\n\nconst mapPropToPlugin = {\n  dragAndDropColumns: DndColumnsPlugin,\n  editable: EditablePlugin,\n  selectable: SelectablePlugin,\n  sortable: SortablePlugin,\n  searchFilters: FilterablePlugin,\n  renderToolbar: ToolbarPlugin,\n  infiniteScrolling: InfiniteScrollPlugin,\n  paginated: PaginationPlugin,\n  virtualized: VirtualizationPlugin,\n  expandable: ExpandablePlugin,\n  groupedBy: GroupingByPlugin,\n  groupedRows: GroupingPlugin,\n  dragAndDropRows: DndRowsPlugin,\n};\n\nexport const getPluginsFromProps = (props, omit = {}) => {\n  const plugins = [];\n\n  Object.keys(mapPropToPlugin).forEach((key) => {\n    if (props[key] && !omit[key]) plugins.push(mapPropToPlugin[key]);\n  });\n  return plugins;\n};\n\nexport default getPluginsFromProps;\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAA8B;AAC9B,8BAAiC;AACjC,kCAAqC;AACrC,4BAA+B;AAC/B,4BAA+B;AAC/B,8BAAiC;AACjC,8BAAiC;AACjC,2BAA8B;AAC9B,8BAAiC;AACjC,kCAAqC;AACrC,8BAAiC;AACjC,4BAA+B;AAC/B,8BAAiC;AAEjC,MAAM,kBAAkB;AAAA,EACtB,oBAAoB;AAAA,EACpB,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,aAAa;AAAA,EACb,iBAAiB;AACnB;AAEO,MAAM,sBAAsB,CAAC,OAAO,OAAO,CAAC,MAAM;AACvD,QAAM,UAAU,CAAC;AAEjB,SAAO,KAAK,eAAe,EAAE,QAAQ,CAAC,QAAQ;AAC5C,QAAI,MAAM,QAAQ,CAAC,KAAK;AAAM,cAAQ,KAAK,gBAAgB,IAAI;AAAA,EACjE,CAAC;AACD,SAAO;AACT;AAEA,IAAO,8BAAQ;",
   "names": []
 }

package/dist/cjs/utilities/normalizeData.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utilities/normalizeData.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const normalizeRows = rows =>\n  rows.map(row => {\n    Object.keys(row).forEach(key => (row[normalizeText(key)] = row[key]));\n    return row;\n  });\n\nexport const normalizeColumns = columns =>\n  columns.map(column => {\n    const { property } = column;\n    return {\n      ...column,\n      originalProperty: column.property,\n      property: normalizeText(property),\n    };\n  });\n\nexport const normalizeText = text => text.replace(/\\s+/g, '');\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,gBAAgB,UAC3B,KAAK,IAAI,SAAO;AACd,SAAO,KAAK,GAAG,EAAE,QAAQ,SAAQ,IAAI,cAAc,GAAG,KAAK,IAAI,IAAK;AACpE,SAAO;AACT,CAAC;AAEI,MAAM,mBAAmB,aAC9B,QAAQ,IAAI,YAAU;AACpB,QAAM,EAAE,SAAS,IAAI;AACrB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,kBAAkB,OAAO;AAAA,IACzB,UAAU,cAAc,QAAQ;AAAA,EAClC;AACF,CAAC;AAEI,MAAM,gBAAgB,UAAQ,KAAK,QAAQ,QAAQ,EAAE;",
+  "sourcesContent": ["export const normalizeRows = (rows) =>\n  rows.map((row) => {\n    Object.keys(row).forEach((key) => (row[normalizeText(key)] = row[key]));\n    return row;\n  });\n\nexport const normalizeColumns = (columns) =>\n  columns.map((column) => {\n    const { property } = column;\n    return {\n      ...column,\n      originalProperty: column.property,\n      property: normalizeText(property),\n    };\n  });\n\nexport const normalizeText = (text) => text.replace(/\\s+/g, '');\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,gBAAgB,CAAC,SAC5B,KAAK,IAAI,CAAC,QAAQ;AAChB,SAAO,KAAK,GAAG,EAAE,QAAQ,CAAC,QAAS,IAAI,cAAc,GAAG,KAAK,IAAI,IAAK;AACtE,SAAO;AACT,CAAC;AAEI,MAAM,mBAAmB,CAAC,YAC/B,QAAQ,IAAI,CAAC,WAAW;AACtB,QAAM,EAAE,SAAS,IAAI;AACrB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,kBAAkB,OAAO;AAAA,IACzB,UAAU,cAAc,QAAQ;AAAA,EAClC;AACF,CAAC;AAEI,MAAM,gBAAgB,CAAC,SAAS,KAAK,QAAQ,QAAQ,EAAE;",
   "names": []
 }

package/dist/esm/DSDataGrid.js

@@ -1,9 +1,10 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { PropTypes, describe } from "@elliemae/ds-utilities";
+import { useDeprecateComponent } from "@elliemae/ds-utilities";
+import { PropTypes, describe } from "@elliemae/ds-props-helpers";
 import { TooltipTextProvider } from "@elliemae/ds-truncated-tooltip-text";
-import { DataGridImpl } from "./DataGridImpl";
-import { RowSizesOptions, RowSizesOptionsArr } from "./rowSizes";
+import { DataGridImpl } from "./DataGridImpl.js";
+import { RowSizesOptions, RowSizesOptionsArr } from "./rowSizes.js";
 const DSDataGrids = ({
   containerProps = {},
   instanceRef,
@@ -118,118 +119,121 @@ const DSDataGrids = ({
   noColumnsPlaceholder,
   plugins = [],
   normalizeDataKeys = false
-}) => /* @__PURE__ */ jsx(TooltipTextProvider, { children: /* @__PURE__ */ jsx(
-  DataGridImpl,
-  {
-    aggregations,
-    autoHeight: autoHeight && !fluidHeight,
-    autoScrollToId,
-    bindColumnsSizeTo,
-    bindRowSizeTo,
-    className,
-    columns,
-    containerProps,
-    customHandlers,
-    detailColumns,
-    dragAndDropColumns,
-    dragAndDropRows,
-    editable,
-    expandable,
-    expandableSubrowsVisible,
-    expandedRows,
-    filterBarOptions,
-    filters,
-    fixedHeader,
-    fluidHeight,
-    getChildrenRows,
-    getData,
-    getExpandedRowMinSize,
-    getExpandedRowSize,
-    groupedBy,
-    groupedRows,
-    groupedRowsRenderHeader,
-    groupingColumn,
-    height,
-    infiniteScrolling,
-    instanceRef,
-    isColumnEditable,
-    isDataFiltered,
-    isDataSorted,
-    maxPerPage,
-    minColumnWidth,
-    minPerPage,
-    multiSelectComponent,
-    multiSelectFilterLabel,
-    multiSelectFilterLabels,
-    multiSelectFilterOptions,
-    noColumnsPlaceholder,
-    noResultsPlaceholder,
-    noResultsRender,
-    normalizeDataKeys,
-    numRowsVisible,
-    onAddFilter,
-    onColumnResize,
-    onColumnRowEdit,
-    onColumnRowEdited,
-    onExpandRow,
-    onExpandChange,
-    onFilter,
-    onFiltersChange,
-    onFilterMenuClose,
-    onFilterMenuOpen,
-    onDefaultFiltersLoad,
-    onInfiniteScrolling,
-    onMoveColumnEnd,
-    onMoveColumnOver,
-    onMoveColumnStart,
-    onMoveRowEnd,
-    onMoveRowStart,
-    onPageChange,
-    onPerPageChange,
-    onRemoveFilter,
-    onReorder,
-    onSelectAll,
-    onSelectRow,
-    onSort,
-    onToggleExpand,
-    onToggleShowAllRows,
-    overscanCount,
-    paginated,
-    pagination,
-    paginationStep,
-    plugins,
-    renderExpandedDetails,
-    renderFilterToolbar,
-    renderRowDetails,
-    renderToolbar,
-    resizeableColumns,
-    rowKey,
-    rows,
-    rowSize,
-    searchFilters,
-    selectable,
-    selectAll,
-    selectColumnFilterable,
-    selectColumnSortable,
-    selectedRows,
-    selectionColumnDefinition,
-    serverSideData,
-    showFilterBar,
-    showHeader,
-    showRowsLoader,
-    showSelectColumn,
-    showSelectHighlight,
-    sortable,
-    sortEmptyLast,
-    sortingColumns,
-    subrowSize: subRowSize,
-    toolbarDelayClose,
-    useTreeData,
-    virtualized,
-    visibleColumns,
-    wrapText
-  }
-) });
+}) => {
+  useDeprecateComponent({ componentName: "ds-datagrids", version: "3.x Date: 2023 Q1" });
+  return /* @__PURE__ */ jsx(TooltipTextProvider, { children: /* @__PURE__ */ jsx(
+    DataGridImpl,
+    {
+      aggregations,
+      autoHeight: autoHeight && !fluidHeight,
+      autoScrollToId,
+      bindColumnsSizeTo,
+      bindRowSizeTo,
+      className,
+      columns,
+      containerProps,
+      customHandlers,
+      detailColumns,
+      dragAndDropColumns,
+      dragAndDropRows,
+      editable,
+      expandable,
+      expandableSubrowsVisible,
+      expandedRows,
+      filterBarOptions,
+      filters,
+      fixedHeader,
+      fluidHeight,
+      getChildrenRows,
+      getData,
+      getExpandedRowMinSize,
+      getExpandedRowSize,
+      groupedBy,
+      groupedRows,
+      groupedRowsRenderHeader,
+      groupingColumn,
+      height,
+      infiniteScrolling,
+      instanceRef,
+      isColumnEditable,
+      isDataFiltered,
+      isDataSorted,
+      maxPerPage,
+      minColumnWidth,
+      minPerPage,
+      multiSelectComponent,
+      multiSelectFilterLabel,
+      multiSelectFilterLabels,
+      multiSelectFilterOptions,
+      noColumnsPlaceholder,
+      noResultsPlaceholder,
+      noResultsRender,
+      normalizeDataKeys,
+      numRowsVisible,
+      onAddFilter,
+      onColumnResize,
+      onColumnRowEdit,
+      onColumnRowEdited,
+      onExpandRow,
+      onExpandChange,
+      onFilter,
+      onFiltersChange,
+      onFilterMenuClose,
+      onFilterMenuOpen,
+      onDefaultFiltersLoad,
+      onInfiniteScrolling,
+      onMoveColumnEnd,
+      onMoveColumnOver,
+      onMoveColumnStart,
+      onMoveRowEnd,
+      onMoveRowStart,
+      onPageChange,
+      onPerPageChange,
+      onRemoveFilter,
+      onReorder,
+      onSelectAll,
+      onSelectRow,
+      onSort,
+      onToggleExpand,
+      onToggleShowAllRows,
+      overscanCount,
+      paginated,
+      pagination,
+      paginationStep,
+      plugins,
+      renderExpandedDetails,
+      renderFilterToolbar,
+      renderRowDetails,
+      renderToolbar,
+      resizeableColumns,
+      rowKey,
+      rows,
+      rowSize,
+      searchFilters,
+      selectable,
+      selectAll,
+      selectColumnFilterable,
+      selectColumnSortable,
+      selectedRows,
+      selectionColumnDefinition,
+      serverSideData,
+      showFilterBar,
+      showHeader,
+      showRowsLoader,
+      showSelectColumn,
+      showSelectHighlight,
+      sortable,
+      sortEmptyLast,
+      sortingColumns,
+      subrowSize: subRowSize,
+      toolbarDelayClose,
+      useTreeData,
+      virtualized,
+      visibleColumns,
+      wrapText
+    }
+  ) });
+};
 const props = {
   instanceRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(
     "ref to the instance of the datagrid, handle it imperatively"
@@ -367,10 +371,14 @@ const props = {
   ),
   serverSideData: PropTypes.bool.description("Flag to override empty sort when data is from server"),
   virtualized: PropTypes.bool.description("Flag to force virtualization. Not used"),
-  numRowsVisible: PropTypes.oneOfType([PropTypes.number, PropTypes.oneOf(["all"])]).description("Number of rows visible. Not used"),
+  numRowsVisible: PropTypes.oneOfType([PropTypes.number, PropTypes.oneOf(["all"])]).description(
+    "Number of rows visible. Not used"
+  ),
   isColumnEditable: PropTypes.func.description("Callback to check if column is editable"),
   groupedRows: PropTypes.bool.description("Flag for groupedRows"),
-  groupedRowsRenderHeader: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description("Header for grouped rows"),
+  groupedRowsRenderHeader: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(
+    "Header for grouped rows"
+  ),
   isDataSorted: PropTypes.bool.description("Once activated will disable the internal logic for sorting"),
   isDataFiltered: PropTypes.bool.description("Once activated will disable the internal logic for filtering"),
   rowSize: PropTypes.oneOf(RowSizesOptionsArr).description("Change row size"),