@elliemae/ds-datagrids 3.16.0-rc.4 → 3.16.0-rc.6

package/dist/esm/DataGridImpl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DataGridImpl.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport { isFunction, useDataGrid } from '@elliemae/ds-shared';\nimport { Table } from './components/Table';\nimport { TableBody } from './components/TableBody';\nimport { TableHeader } from './components/TableHeader';\nimport { defaultRenderers, renderRowsLoader } from './components/renderers';\nimport { DatagridWrapper } from './components/renderers/defaultClassedRenderers';\nimport { addOptionalFooterComponents } from './components/footer/addOptionalFooterComponents';\nimport { addOptionalHeaderComponents } from './components/header/addOptionalHeaderComponents';\nimport { EmptyState } from './components/EmptyState';\nimport { getPluginsFromProps } from './utilities/getPluginsFromProps';\nimport { defaultPlugins } from './defaultPlugins';\nimport { normalizeRows } from './utilities/normalizeData';\n\nconst isFluid = ({ autoHeight, paginated, numRowsVisible }) => {\n  if (autoHeight) return false;\n  if (paginated) return false;\n  return !numRowsVisible;\n};\n\nconst DataGridImpl = ({\n  className,\n  renderers,\n  columns,\n  rows,\n  containerProps,\n  plugins: pluginsProp,\n  normalizeDataKeys,\n  ...otherProps\n}) => {\n  const {\n    noResultsPlaceholder = <EmptyState />,\n    noColumnsPlaceholder = 'Please select one of more columns in order for data to be displayed.',\n    noResultsRender,\n    paginated,\n    height,\n    showHeader,\n    showRowsLoader,\n    rowsLoaderRenderer = renderRowsLoader,\n    groupedRows,\n    sortable,\n    rowSize,\n    wrapText,\n    onDefaultFiltersLoad,\n    rowKey,\n  } = otherProps;\n\n  const idKey = rowKey || 'id';\n  const rowsIdsSet = new Set();\n  const rowsIds = rows.map((row) => {\n    if (row[idKey] === undefined) throw new Error('Missing id: each row must have an unique id');\n    rowsIdsSet.add(row[idKey]);\n    return row[idKey];\n  });\n  if (rowsIds.length !== rowsIdsSet.size) throw new Error('Repeated id: each row must have an unique id');\n\n  const plugins = getPluginsFromProps({\n    ...otherProps,\n    virtualized: (!paginated || groupedRows) && !wrapText,\n    paginated: (paginated && !groupedRows) || wrapText,\n    sortable: sortable && !groupedRows,\n  });\n\n  if (normalizeDataKeys) {\n    normalizeRows(rows);\n  }\n\n  const grid = useDataGrid({\n    columns,\n    rows,\n    renderers: defaultRenderers,\n    plugins: [...plugins, ...pluginsProp, ...defaultPlugins],\n    ...otherProps,\n  });\n\n  const noColumnsVisible = useMemo(() => {\n    const visibleUserColumns = grid.columns.filter((column) => column.visible || typeof column.visible === 'undefined');\n    return visibleUserColumns.length === 0;\n  }, [grid.columns]);\n\n  const bodyPlaceholder = useMemo(() => {\n    if (noColumnsVisible) {\n      return noColumnsPlaceholder;\n    }\n    return isFunction(noResultsRender) ? noResultsRender() : noResultsPlaceholder;\n  }, [noResultsPlaceholder, noColumnsPlaceholder, noColumnsVisible]);\n\n  const { pagination } = otherProps;\n  const conditionalPagination =\n    pagination && pagination.conditionalPagination === true && rows.length <= otherProps.pagination.perPage;\n  const usePagination = paginated && !conditionalPagination;\n  return (\n    <DatagridWrapper\n      className={`${className} ds-row-size-${rowSize}`}\n      classProps={{\n        fluidHeight: isFluid({\n          autoHeight: otherProps.autoHeight,\n          numRowsVisible: otherProps.numRowsVisible,\n          paginated: usePagination,\n        }),\n      }}\n      style={{ height }}\n      {...containerProps}\n    >\n      {addOptionalHeaderComponents({ grid })}\n      <Table {...grid} onDefaultFiltersLoad={onDefaultFiltersLoad}>\n        {showHeader && <TableHeader />}\n        {showRowsLoader ? (\n          rowsLoaderRenderer()\n        ) : (\n          <TableBody\n            isPlaceholderActive={\n              noColumnsVisible ||\n              (grid.composedRows.rows && grid.composedRows.rows.length === 0) ||\n              grid.composedRows.length === 0\n            }\n            noResultsPlaceholder={bodyPlaceholder}\n          />\n        )}\n      </Table>\n      {addOptionalFooterComponents({\n        grid,\n        rows: grid.composedRows,\n      })}\n    </DatagridWrapper>\n  );\n};\n\nexport { DataGridImpl };\n\nexport default DataGridImpl;\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC+BI,cA0ErB,YA1EqB;AA/B3B,SAAgB,eAAe;AAC/B,SAAS,YAAY,mBAAmB;AACxC,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB,wBAAwB;AACnD,SAAS,uBAAuB;AAChC,SAAS,mCAAmC;AAC5C,SAAS,mCAAmC;AAC5C,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAE9B,MAAM,UAAU,CAAC,EAAE,YAAY,WAAW,eAAe,MAAM;AAC7D,MAAI;AAAY,WAAO;AACvB,MAAI;AAAW,WAAO;AACtB,SAAO,CAAC;AACV;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,KACG;AACL,MAAM;AACJ,QAAM;AAAA,IACJ,uBAAuB,oBAAC,cAAW;AAAA,IACnC,uBAAuB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,QAAQ,UAAU;AACxB,QAAM,aAAa,oBAAI,IAAI;AAC3B,QAAM,UAAU,KAAK,IAAI,CAAC,QAAQ;AAChC,QAAI,IAAI,WAAW;AAAW,YAAM,IAAI,MAAM,6CAA6C;AAC3F,eAAW,IAAI,IAAI,MAAM;AACzB,WAAO,IAAI;AAAA,EACb,CAAC;AACD,MAAI,QAAQ,WAAW,WAAW;AAAM,UAAM,IAAI,MAAM,8CAA8C;AAEtG,QAAM,UAAU,oBAAoB;AAAA,IAClC,GAAG;AAAA,IACH,cAAc,CAAC,aAAa,gBAAgB,CAAC;AAAA,IAC7C,WAAY,aAAa,CAAC,eAAgB;AAAA,IAC1C,UAAU,YAAY,CAAC;AAAA,EACzB,CAAC;AAED,MAAI,mBAAmB;AACrB,kBAAc,IAAI;AAAA,EACpB;AAEA,QAAM,OAAO,YAAY;AAAA,IACvB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,SAAS,CAAC,GAAG,SAAS,GAAG,aAAa,GAAG,cAAc;AAAA,IACvD,GAAG;AAAA,EACL,CAAC;AAED,QAAM,mBAAmB,QAAQ,MAAM;AACrC,UAAM,qBAAqB,KAAK,QAAQ,OAAO,CAAC,WAAW,OAAO,WAAW,OAAO,OAAO,YAAY,WAAW;AAClH,WAAO,mBAAmB,WAAW;AAAA,EACvC,GAAG,CAAC,KAAK,OAAO,CAAC;AAEjB,QAAM,kBAAkB,QAAQ,MAAM;AACpC,QAAI,kBAAkB;AACpB,aAAO;AAAA,IACT;AACA,WAAO,WAAW,eAAe,IAAI,gBAAgB,IAAI;AAAA,EAC3D,GAAG,CAAC,sBAAsB,sBAAsB,gBAAgB,CAAC;AAEjE,QAAM,EAAE,WAAW,IAAI;AACvB,QAAM,wBACJ,cAAc,WAAW,0BAA0B,QAAQ,KAAK,UAAU,WAAW,WAAW;AAClG,QAAM,gBAAgB,aAAa,CAAC;AACpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,yBAAyB;AAAA,MACvC,YAAY;AAAA,QACV,aAAa,QAAQ;AAAA,UACnB,YAAY,WAAW;AAAA,UACvB,gBAAgB,WAAW;AAAA,UAC3B,WAAW;AAAA,QACb,CAAC;AAAA,MACH;AAAA,MACA,OAAO,EAAE,OAAO;AAAA,MACf,GAAG;AAAA,MAEH;AAAA,oCAA4B,EAAE,KAAK,CAAC;AAAA,QACrC,qBAAC,SAAO,GAAG,MAAM,sBACd;AAAA,wBAAc,oBAAC,eAAY;AAAA,UAC3B,iBACC,mBAAmB,IAEnB;AAAA,YAAC;AAAA;AAAA,cACC,qBACE,oBACC,KAAK,aAAa,QAAQ,KAAK,aAAa,KAAK,WAAW,KAC7D,KAAK,aAAa,WAAW;AAAA,cAE/B,sBAAsB;AAAA;AAAA,UACxB;AAAA,WAEJ;AAAA,QACC,4BAA4B;AAAA,UAC3B;AAAA,UACA,MAAM,KAAK;AAAA,QACb,CAAC;AAAA;AAAA;AAAA,EACH;AAEJ;AAIA,IAAO,uBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport { isFunction, useDataGrid } from '@elliemae/ds-shared';\nimport { Table } from './components/Table.js';\nimport { TableBody } from './components/TableBody.js';\nimport { TableHeader } from './components/TableHeader.js';\nimport { defaultRenderers, renderRowsLoader } from './components/renderers/index.js';\nimport { DatagridWrapper } from './components/renderers/defaultClassedRenderers.js';\nimport { addOptionalFooterComponents } from './components/footer/addOptionalFooterComponents.js';\nimport { addOptionalHeaderComponents } from './components/header/addOptionalHeaderComponents.js';\nimport { EmptyState } from './components/EmptyState.js';\nimport { getPluginsFromProps } from './utilities/getPluginsFromProps.js';\nimport { defaultPlugins } from './defaultPlugins.js';\nimport { normalizeRows } from './utilities/normalizeData.js';\n\nconst isFluid = ({ autoHeight, paginated, numRowsVisible }) => {\n  if (autoHeight) return false;\n  if (paginated) return false;\n  return !numRowsVisible;\n};\n\nconst DataGridImpl = ({\n  className,\n  renderers,\n  columns,\n  rows,\n  containerProps,\n  plugins: pluginsProp,\n  normalizeDataKeys,\n  ...otherProps\n}) => {\n  const {\n    noResultsPlaceholder = <EmptyState />,\n    noColumnsPlaceholder = 'Please select one of more columns in order for data to be displayed.',\n    noResultsRender,\n    paginated,\n    height,\n    showHeader,\n    showRowsLoader,\n    rowsLoaderRenderer = renderRowsLoader,\n    groupedRows,\n    sortable,\n    rowSize,\n    wrapText,\n    onDefaultFiltersLoad,\n    rowKey,\n  } = otherProps;\n\n  const idKey = rowKey || 'id';\n  const rowsIdsSet = new Set();\n  const rowsIds = rows.map((row) => {\n    if (row[idKey] === undefined) throw new Error('Missing id: each row must have an unique id');\n    rowsIdsSet.add(row[idKey]);\n    return row[idKey];\n  });\n  if (rowsIds.length !== rowsIdsSet.size) throw new Error('Repeated id: each row must have an unique id');\n\n  const plugins = getPluginsFromProps({\n    ...otherProps,\n    virtualized: (!paginated || groupedRows) && !wrapText,\n    paginated: (paginated && !groupedRows) || wrapText,\n    sortable: sortable && !groupedRows,\n  });\n\n  if (normalizeDataKeys) {\n    normalizeRows(rows);\n  }\n\n  const grid = useDataGrid({\n    columns,\n    rows,\n    renderers: defaultRenderers,\n    plugins: [...plugins, ...pluginsProp, ...defaultPlugins],\n    ...otherProps,\n  });\n\n  const noColumnsVisible = useMemo(() => {\n    const visibleUserColumns = grid.columns.filter((column) => column.visible || typeof column.visible === 'undefined');\n    return visibleUserColumns.length === 0;\n  }, [grid.columns]);\n\n  const bodyPlaceholder = useMemo(() => {\n    if (noColumnsVisible) {\n      return noColumnsPlaceholder;\n    }\n    return isFunction(noResultsRender) ? noResultsRender() : noResultsPlaceholder;\n  }, [noResultsPlaceholder, noColumnsPlaceholder, noColumnsVisible]);\n\n  const { pagination } = otherProps;\n  const conditionalPagination =\n    pagination && pagination.conditionalPagination === true && rows.length <= otherProps.pagination.perPage;\n  const usePagination = paginated && !conditionalPagination;\n  return (\n    <DatagridWrapper\n      className={`${className} ds-row-size-${rowSize}`}\n      classProps={{\n        fluidHeight: isFluid({\n          autoHeight: otherProps.autoHeight,\n          numRowsVisible: otherProps.numRowsVisible,\n          paginated: usePagination,\n        }),\n      }}\n      style={{ height }}\n      {...containerProps}\n    >\n      {addOptionalHeaderComponents({ grid })}\n      <Table {...grid} onDefaultFiltersLoad={onDefaultFiltersLoad}>\n        {showHeader && <TableHeader />}\n        {showRowsLoader ? (\n          rowsLoaderRenderer()\n        ) : (\n          <TableBody\n            isPlaceholderActive={\n              noColumnsVisible ||\n              (grid.composedRows.rows && grid.composedRows.rows.length === 0) ||\n              grid.composedRows.length === 0\n            }\n            noResultsPlaceholder={bodyPlaceholder}\n          />\n        )}\n      </Table>\n      {addOptionalFooterComponents({\n        grid,\n        rows: grid.composedRows,\n      })}\n    </DatagridWrapper>\n  );\n};\n\nexport { DataGridImpl };\n\nexport default DataGridImpl;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/PaginatedDataGrid.js

@@ -1,13 +1,13 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useDataGrid } from "@elliemae/ds-shared";
-import { Table } from "./components/Table";
-import { defaultRenderers, renderRowsLoader } from "./components/renderers";
-import { DatagridWrapper } from "./components/renderers/defaultClassedRenderers";
-import { addOptionalHeaderComponents } from "./components/header/addOptionalHeaderComponents";
-import { getPluginsFromProps } from "./utilities/getPluginsFromProps";
-import { Pagination } from "./plugins/pagination/components/Pagination";
-function PaginatedDataGrid({
+import { Table } from "./components/Table.js";
+import { defaultRenderers, renderRowsLoader } from "./components/renderers/index.js";
+import { DatagridWrapper } from "./components/renderers/defaultClassedRenderers.js";
+import { addOptionalHeaderComponents } from "./components/header/addOptionalHeaderComponents.js";
+import { getPluginsFromProps } from "./utilities/getPluginsFromProps.js";
+import { Pagination } from "./plugins/pagination/components/Pagination.js";
+const PaginatedDataGrid = ({
   columns,
   rows,
   showRowsLoader,
@@ -19,7 +19,7 @@ function PaginatedDataGrid({
   onPerPage,
   pagination,
   ...otherProps
-}) {
+}) => {
   const plugins = getPluginsFromProps(otherProps, { infiniteScrolling: true });
   const grid = useDataGrid({
     ...otherProps,
@@ -46,7 +46,7 @@ function PaginatedDataGrid({
       }
     )
   ] });
-}
+};
 var PaginatedDataGrid_default = PaginatedDataGrid;
 export {
   PaginatedDataGrid_default as default

package/dist/esm/PaginatedDataGrid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/PaginatedDataGrid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useDataGrid } from '@elliemae/ds-shared';\nimport { Table } from './components/Table';\nimport { defaultRenderers, renderRowsLoader } from './components/renderers';\nimport { DatagridWrapper } from './components/renderers/defaultClassedRenderers';\nimport { addOptionalHeaderComponents } from './components/header/addOptionalHeaderComponents';\nimport { getPluginsFromProps } from './utilities/getPluginsFromProps';\nimport { Pagination } from './plugins/pagination/components/Pagination';\n\nfunction PaginatedDataGrid({\n  columns,\n  rows,\n  showRowsLoader,\n  noResultsPlaceholder,\n  rowsLoaderRenderer = renderRowsLoader,\n  maxPerPage,\n  minPerPage,\n  onPageSelect,\n  onPerPage,\n  pagination,\n  ...otherProps\n}) {\n  const plugins = getPluginsFromProps(otherProps, { infiniteScrolling: true });\n  const grid = useDataGrid({\n    ...otherProps,\n    columns,\n    rows,\n    renderers: defaultRenderers,\n    plugins,\n  });\n\n  return (\n    <DatagridWrapper>\n      {addOptionalHeaderComponents({ grid })}\n      <Table {...grid}>\n        <Table.Header />\n        {showRowsLoader ? rowsLoaderRenderer() : <Table.Body rows={grid.composedRows.rows || grid.composedRows} />}\n      </Table>\n      <Pagination\n        maxPerPage={maxPerPage}\n        minPerPage={minPerPage}\n        onPageSelect={onPageSelect}\n        onPerPage={onPerPage}\n        paginated={rows}\n        pagination={pagination}\n      />\n    </DatagridWrapper>\n  );\n}\n\nexport default PaginatedDataGrid;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACkCjB,SACE,KADF;AAjCN,SAAS,mBAAmB;AAC5B,SAAS,aAAa;AACtB,SAAS,kBAAkB,wBAAwB;AACnD,SAAS,uBAAuB;AAChC,SAAS,mCAAmC;AAC5C,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAE3B,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AACL,GAAG;AACD,QAAM,UAAU,oBAAoB,YAAY,EAAE,mBAAmB,KAAK,CAAC;AAC3E,QAAM,OAAO,YAAY;AAAA,IACvB,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,EACF,CAAC;AAED,SACE,qBAAC,mBACE;AAAA,gCAA4B,EAAE,KAAK,CAAC;AAAA,IACrC,qBAAC,SAAO,GAAG,MACT;AAAA,0BAAC,MAAM,QAAN,EAAa;AAAA,MACb,iBAAiB,mBAAmB,IAAI,oBAAC,MAAM,MAAN,EAAW,MAAM,KAAK,aAAa,QAAQ,KAAK,cAAc;AAAA,OAC1G;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,IAAO,4BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useDataGrid } from '@elliemae/ds-shared';\nimport { Table } from './components/Table.js';\nimport { defaultRenderers, renderRowsLoader } from './components/renderers/index.js';\nimport { DatagridWrapper } from './components/renderers/defaultClassedRenderers.js';\nimport { addOptionalHeaderComponents } from './components/header/addOptionalHeaderComponents.js';\nimport { getPluginsFromProps } from './utilities/getPluginsFromProps.js';\nimport { Pagination } from './plugins/pagination/components/Pagination.js';\n\nconst PaginatedDataGrid = ({\n  columns,\n  rows,\n  showRowsLoader,\n  noResultsPlaceholder,\n  rowsLoaderRenderer = renderRowsLoader,\n  maxPerPage,\n  minPerPage,\n  onPageSelect,\n  onPerPage,\n  pagination,\n  ...otherProps\n}) => {\n  const plugins = getPluginsFromProps(otherProps, { infiniteScrolling: true });\n  const grid = useDataGrid({\n    ...otherProps,\n    columns,\n    rows,\n    renderers: defaultRenderers,\n    plugins,\n  });\n\n  return (\n    <DatagridWrapper>\n      {addOptionalHeaderComponents({ grid })}\n      <Table {...grid}>\n        <Table.Header />\n        {showRowsLoader ? rowsLoaderRenderer() : <Table.Body rows={grid.composedRows.rows || grid.composedRows} />}\n      </Table>\n      <Pagination\n        maxPerPage={maxPerPage}\n        minPerPage={minPerPage}\n        onPageSelect={onPageSelect}\n        onPerPage={onPerPage}\n        paginated={rows}\n        pagination={pagination}\n      />\n    </DatagridWrapper>\n  );\n};\n\nexport default PaginatedDataGrid;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACkCjB,SACE,KADF;AAjCN,SAAS,mBAAmB;AAC5B,SAAS,aAAa;AACtB,SAAS,kBAAkB,wBAAwB;AACnD,SAAS,uBAAuB;AAChC,SAAS,mCAAmC;AAC5C,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAE3B,MAAM,oBAAoB,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,UAAU,oBAAoB,YAAY,EAAE,mBAAmB,KAAK,CAAC;AAC3E,QAAM,OAAO,YAAY;AAAA,IACvB,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,EACF,CAAC;AAED,SACE,qBAAC,mBACE;AAAA,gCAA4B,EAAE,KAAK,CAAC;AAAA,IACrC,qBAAC,SAAO,GAAG,MACT;AAAA,0BAAC,MAAM,QAAN,EAAa;AAAA,MACb,iBAAiB,mBAAmB,IAAI,oBAAC,MAAM,MAAN,EAAW,MAAM,KAAK,aAAa,QAAQ,KAAK,cAAc;AAAA,OAC1G;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,IAAO,4BAAQ;",
   "names": []
 }

package/dist/esm/columns/IconColumn.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/columns/IconColumn.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/display-name */\nimport React from 'react';\nimport { cx } from '@elliemae/ds-utilities';\nimport { DSButton } from '@elliemae/ds-button';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst Intents = {\n  SUCCESS: 'success',\n  INFO: 'info',\n  DANGER: 'danger',\n  WARNING: 'warning',\n};\n\nconst IntentIconColors = {\n  [Intents.SUCCESS]: ['success', 900],\n  [Intents.INFO]: ['brand-primary', 600],\n  [Intents.DANGER]: ['danger', 900],\n  [Intents.WARNING]: ['warning', 900],\n};\n\nconst ValueWrapper = aggregatedClasses('span')('icon-column-cell');\n\nconst addColorToIcon = (icon, intentColor) => {\n  if (icon.props.color) {\n    return icon;\n  }\n  return React.cloneElement(icon, { color: intentColor });\n};\n\nexport const IconColumn = ({\n  property,\n  label,\n  headerIcon,\n  getRowIcon = () => null,\n  isVisited = () => null,\n  intent = Intents.SUCCESS,\n  width = 60,\n  onClick,\n  visible,\n  resizable,\n  sortable,\n  searchable,\n}) => {\n  const formatter = (value, extraParams) => {\n    const icon = getRowIcon(value, extraParams);\n    const onClickHandler = (e) => onClick(e, extraParams);\n    return (\n      <ValueWrapper className={cx(`icc-${intent}`, isVisited(value, extraParams))}>\n        {icon && addColorToIcon(icon, IntentIconColors[intent])}\n        {onClick && typeof value !== 'undefined' ? (\n          <DSButton buttonType=\"text\" intent={intent} labelText={value} onClick={onClickHandler} />\n        ) : (\n          value\n        )}\n      </ValueWrapper>\n    );\n  };\n  return {\n    property,\n    label,\n    headerStyle: {\n      justifyContent: 'center',\n    },\n    header: {\n      formatters: [\n        () => (\n          <span>\n            {React.cloneElement(headerIcon, {\n              color: IntentIconColors[intent],\n            })}\n          </span>\n        ),\n      ],\n    },\n    cell: {\n      formatters: [formatter],\n    },\n    cellStyle: {\n      justifyContent: 'center',\n    },\n    width,\n    visible: typeof visible === 'undefined' || visible,\n    resizable,\n    sortable,\n    searchable,\n  };\n};\n\nexport default IconColumn;\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC+CjB,SAGI,KAHJ;AA9CN,OAAOA,YAAW;AAClB,SAAS,UAAU;AACnB,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAElC,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AACX;AAEA,MAAM,mBAAmB;AAAA,EACvB,CAAC,QAAQ,UAAU,CAAC,WAAW,GAAG;AAAA,EAClC,CAAC,QAAQ,OAAO,CAAC,iBAAiB,GAAG;AAAA,EACrC,CAAC,QAAQ,SAAS,CAAC,UAAU,GAAG;AAAA,EAChC,CAAC,QAAQ,UAAU,CAAC,WAAW,GAAG;AACpC;AAEA,MAAM,eAAe,kBAAkB,MAAM,EAAE,kBAAkB;AAEjE,MAAM,iBAAiB,CAAC,MAAM,gBAAgB;AAC5C,MAAI,KAAK,MAAM,OAAO;AACpB,WAAO;AAAA,EACT;AACA,SAAOA,OAAM,aAAa,MAAM,EAAE,OAAO,YAAY,CAAC;AACxD;AAEO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa,MAAM;AAAA,EACnB,YAAY,MAAM;AAAA,EAClB,SAAS,QAAQ;AAAA,EACjB,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,YAAY,CAAC,OAAO,gBAAgB;AACxC,UAAM,OAAO,WAAW,OAAO,WAAW;AAC1C,UAAM,iBAAiB,CAAC,MAAM,QAAQ,GAAG,WAAW;AACpD,WACE,qBAAC,gBAAa,WAAW,GAAG,OAAO,UAAU,UAAU,OAAO,WAAW,CAAC,GACvE;AAAA,cAAQ,eAAe,MAAM,iBAAiB,OAAO;AAAA,MACrD,WAAW,OAAO,UAAU,cAC3B,oBAAC,YAAS,YAAW,QAAO,QAAgB,WAAW,OAAO,SAAS,gBAAgB,IAEvF;AAAA,OAEJ;AAAA,EAEJ;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,aAAa;AAAA,MACX,gBAAgB;AAAA,IAClB;AAAA,IACA,QAAQ;AAAA,MACN,YAAY;AAAA,QACV,MACE,oBAAC,UACE,UAAAA,OAAM,aAAa,YAAY;AAAA,UAC9B,OAAO,iBAAiB;AAAA,QAC1B,CAAC,GACH;AAAA,MAEJ;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,YAAY,CAAC,SAAS;AAAA,IACxB;AAAA,IACA,WAAW;AAAA,MACT,gBAAgB;AAAA,IAClB;AAAA,IACA;AAAA,IACA,SAAS,OAAO,YAAY,eAAe;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,IAAO,qBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;AC+CjB,SAGI,KAHJ;AA9CN,OAAOA,YAAW;AAClB,SAAS,UAAU;AACnB,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAElC,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AACX;AAEA,MAAM,mBAAmB;AAAA,EACvB,CAAC,QAAQ,OAAO,GAAG,CAAC,WAAW,GAAG;AAAA,EAClC,CAAC,QAAQ,IAAI,GAAG,CAAC,iBAAiB,GAAG;AAAA,EACrC,CAAC,QAAQ,MAAM,GAAG,CAAC,UAAU,GAAG;AAAA,EAChC,CAAC,QAAQ,OAAO,GAAG,CAAC,WAAW,GAAG;AACpC;AAEA,MAAM,eAAe,kBAAkB,MAAM,EAAE,kBAAkB;AAEjE,MAAM,iBAAiB,CAAC,MAAM,gBAAgB;AAC5C,MAAI,KAAK,MAAM,OAAO;AACpB,WAAO;AAAA,EACT;AACA,SAAOA,OAAM,aAAa,MAAM,EAAE,OAAO,YAAY,CAAC;AACxD;AAEO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa,MAAM;AAAA,EACnB,YAAY,MAAM;AAAA,EAClB,SAAS,QAAQ;AAAA,EACjB,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,YAAY,CAAC,OAAO,gBAAgB;AACxC,UAAM,OAAO,WAAW,OAAO,WAAW;AAC1C,UAAM,iBAAiB,CAAC,MAAM,QAAQ,GAAG,WAAW;AACpD,WACE,qBAAC,gBAAa,WAAW,GAAG,OAAO,UAAU,UAAU,OAAO,WAAW,CAAC,GACvE;AAAA,cAAQ,eAAe,MAAM,iBAAiB,MAAM,CAAC;AAAA,MACrD,WAAW,OAAO,UAAU,cAC3B,oBAAC,YAAS,YAAW,QAAO,QAAgB,WAAW,OAAO,SAAS,gBAAgB,IAEvF;AAAA,OAEJ;AAAA,EAEJ;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,aAAa;AAAA,MACX,gBAAgB;AAAA,IAClB;AAAA,IACA,QAAQ;AAAA,MACN,YAAY;AAAA,QACV,MACE,oBAAC,UACE,UAAAA,OAAM,aAAa,YAAY;AAAA,UAC9B,OAAO,iBAAiB,MAAM;AAAA,QAChC,CAAC,GACH;AAAA,MAEJ;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,YAAY,CAAC,SAAS;AAAA,IACxB;AAAA,IACA,WAAW;AAAA,MACT,gBAAgB;AAAA,IAClB;AAAA,IACA;AAAA,IACA,SAAS,OAAO,YAAY,eAAe;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,IAAO,qBAAQ;",
   "names": ["React"]
 }

package/dist/esm/components/BodyCell.js

@@ -20,6 +20,7 @@ const BodyCell = ({ component: Component, classProps, rowProps, column, columnIn
     transforms = [],
     formatters = [],
     fixedFormatters = [],
+    // useful for the toolbar trigger at the last column
     scrollingFormatters = []
   } = cell || {};
   const extraParameters = {
@@ -30,6 +31,7 @@ const BodyCell = ({ component: Component, classProps, rowProps, column, columnIn
     rowIndex,
     rowKey,
     isScrolling,
+    // improve performance on scroll rendering a lightweight component instead
     registerFocus,
     ...extraRowProps
   };

package/dist/esm/components/BodyCell.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/BodyCell.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useEffect, useContext, useRef, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { FocusGridContext, evaluateFormatters, evaluateTransforms } from '@elliemae/ds-shared';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\n\nconst BodyCell = ({ component: Component, classProps, rowProps, column, columnIndex, rowIndex, grid }) => {\n  const { rowData, rowKey, isScrolling, ...extraRowProps } = rowProps;\n  const { property, cell, props } = column;\n  const evaluatedProperty = property || (cell && cell.property);\n\n  const ref = useRef(null);\n  const { register } = useContext(FocusGridContext);\n\n  const registerFocus = useCallback((node) => {\n    register(node, rowIndex, columnIndex);\n  }, []);\n\n  useEffect(() => {\n    registerFocus(ref.current);\n  }, [ref.current]);\n\n  const {\n    transforms = [],\n    formatters = [],\n    fixedFormatters = [], // useful for the toolbar trigger at the last column\n    scrollingFormatters = [],\n  } = cell || {};\n\n  const extraParameters = {\n    columnIndex,\n    property: evaluatedProperty,\n    column,\n    rowData,\n    rowIndex,\n    rowKey,\n    isScrolling, // improve performance on scroll rendering a lightweight component instead\n    registerFocus,\n    ...extraRowProps,\n  };\n  const withTooltip = (v) => (classProps && classProps.wrapText ? v : <DSTruncatedTooltipText value={v} />);\n  const value = rowData[`_${evaluatedProperty}`] || rowData[evaluatedProperty];\n  const transformed = evaluateTransforms(transforms, value, extraParameters);\n  return (\n    <Component\n      ref={ref}\n      data-testid={`column-${property}`}\n      tabIndex={-1}\n      classProps={classProps}\n      {...props}\n      {...(cell && cell.props)}\n      {...transformed}\n    >\n      {transformed.children ||\n        evaluateFormatters(\n          !isScrolling\n            ? [withTooltip, ...formatters, ...fixedFormatters]\n            : [...scrollingFormatters, ...fixedFormatters],\n          value,\n          extraParameters,\n          grid,\n        )}\n    </Component>\n  );\n};\n\nBodyCell.propTypes = {\n  component: PropTypes.element,\n  classProps: PropTypes.shape({\n    wrapText: PropTypes.bool,\n  }),\n  rowProps: PropTypes.shape({\n    rowData: PropTypes.shape({}),\n    rowKey: PropTypes.string,\n    isScrolling: PropTypes.bool,\n  }),\n  column: PropTypes.shape({\n    property: PropTypes.string,\n    cell: PropTypes.any,\n    props: PropTypes.shape({}),\n  }),\n  columnIndex: PropTypes.number,\n  rowIndex: PropTypes.number,\n  grid: PropTypes.any,\n};\n\nexport { BodyCell };\nexport default BodyCell;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACuC+C;AAvCtE,SAAgB,WAAW,YAAY,QAAQ,mBAAmB;AAClE,OAAO,eAAe;AACtB,SAAS,kBAAkB,oBAAoB,0BAA0B;AACzE,SAAS,8BAA8B;AAEvC,MAAM,WAAW,CAAC,EAAE,WAAW,WAAW,YAAY,UAAU,QAAQ,aAAa,UAAU,KAAK,MAAM;AACxG,QAAM,EAAE,SAAS,QAAQ,gBAAgB,cAAc,IAAI;AAC3D,QAAM,EAAE,UAAU,MAAM,MAAM,IAAI;AAClC,QAAM,oBAAoB,YAAa,QAAQ,KAAK;AAEpD,QAAM,MAAM,OAAO,IAAI;AACvB,QAAM,EAAE,SAAS,IAAI,WAAW,gBAAgB;AAEhD,QAAM,gBAAgB,YAAY,CAAC,SAAS;AAC1C,aAAS,MAAM,UAAU,WAAW;AAAA,EACtC,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,kBAAc,IAAI,OAAO;AAAA,EAC3B,GAAG,CAAC,IAAI,OAAO,CAAC;AAEhB,QAAM;AAAA,IACJ,aAAa,CAAC;AAAA,IACd,aAAa,CAAC;AAAA,IACd,kBAAkB,CAAC;AAAA,IACnB,sBAAsB,CAAC;AAAA,EACzB,IAAI,QAAQ,CAAC;AAEb,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL;AACA,QAAM,cAAc,CAAC,MAAO,cAAc,WAAW,WAAW,IAAI,oBAAC,0BAAuB,OAAO,GAAG;AACtG,QAAM,QAAQ,QAAQ,IAAI,wBAAwB,QAAQ;AAC1D,QAAM,cAAc,mBAAmB,YAAY,OAAO,eAAe;AACzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,UAAU;AAAA,MACvB,UAAU;AAAA,MACV;AAAA,MACC,GAAG;AAAA,MACH,GAAI,QAAQ,KAAK;AAAA,MACjB,GAAG;AAAA,MAEH,sBAAY,YACX;AAAA,QACE,CAAC,cACG,CAAC,aAAa,GAAG,YAAY,GAAG,eAAe,IAC/C,CAAC,GAAG,qBAAqB,GAAG,eAAe;AAAA,QAC/C;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA;AAAA,EACJ;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB,WAAW,UAAU;AAAA,EACrB,YAAY,UAAU,MAAM;AAAA,IAC1B,UAAU,UAAU;AAAA,EACtB,CAAC;AAAA,EACD,UAAU,UAAU,MAAM;AAAA,IACxB,SAAS,UAAU,MAAM,CAAC,CAAC;AAAA,IAC3B,QAAQ,UAAU;AAAA,IAClB,aAAa,UAAU;AAAA,EACzB,CAAC;AAAA,EACD,QAAQ,UAAU,MAAM;AAAA,IACtB,UAAU,UAAU;AAAA,IACpB,MAAM,UAAU;AAAA,IAChB,OAAO,UAAU,MAAM,CAAC,CAAC;AAAA,EAC3B,CAAC;AAAA,EACD,aAAa,UAAU;AAAA,EACvB,UAAU,UAAU;AAAA,EACpB,MAAM,UAAU;AAClB;AAGA,IAAO,mBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACuC+C;AAvCtE,SAAgB,WAAW,YAAY,QAAQ,mBAAmB;AAClE,OAAO,eAAe;AACtB,SAAS,kBAAkB,oBAAoB,0BAA0B;AACzE,SAAS,8BAA8B;AAEvC,MAAM,WAAW,CAAC,EAAE,WAAW,WAAW,YAAY,UAAU,QAAQ,aAAa,UAAU,KAAK,MAAM;AACxG,QAAM,EAAE,SAAS,QAAQ,aAAa,GAAG,cAAc,IAAI;AAC3D,QAAM,EAAE,UAAU,MAAM,MAAM,IAAI;AAClC,QAAM,oBAAoB,YAAa,QAAQ,KAAK;AAEpD,QAAM,MAAM,OAAO,IAAI;AACvB,QAAM,EAAE,SAAS,IAAI,WAAW,gBAAgB;AAEhD,QAAM,gBAAgB,YAAY,CAAC,SAAS;AAC1C,aAAS,MAAM,UAAU,WAAW;AAAA,EACtC,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,kBAAc,IAAI,OAAO;AAAA,EAC3B,GAAG,CAAC,IAAI,OAAO,CAAC;AAEhB,QAAM;AAAA,IACJ,aAAa,CAAC;AAAA,IACd,aAAa,CAAC;AAAA,IACd,kBAAkB,CAAC;AAAA;AAAA,IACnB,sBAAsB,CAAC;AAAA,EACzB,IAAI,QAAQ,CAAC;AAEb,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL;AACA,QAAM,cAAc,CAAC,MAAO,cAAc,WAAW,WAAW,IAAI,oBAAC,0BAAuB,OAAO,GAAG;AACtG,QAAM,QAAQ,QAAQ,IAAI,mBAAmB,KAAK,QAAQ,iBAAiB;AAC3E,QAAM,cAAc,mBAAmB,YAAY,OAAO,eAAe;AACzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,UAAU;AAAA,MACvB,UAAU;AAAA,MACV;AAAA,MACC,GAAG;AAAA,MACH,GAAI,QAAQ,KAAK;AAAA,MACjB,GAAG;AAAA,MAEH,sBAAY,YACX;AAAA,QACE,CAAC,cACG,CAAC,aAAa,GAAG,YAAY,GAAG,eAAe,IAC/C,CAAC,GAAG,qBAAqB,GAAG,eAAe;AAAA,QAC/C;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA;AAAA,EACJ;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB,WAAW,UAAU;AAAA,EACrB,YAAY,UAAU,MAAM;AAAA,IAC1B,UAAU,UAAU;AAAA,EACtB,CAAC;AAAA,EACD,UAAU,UAAU,MAAM;AAAA,IACxB,SAAS,UAAU,MAAM,CAAC,CAAC;AAAA,IAC3B,QAAQ,UAAU;AAAA,IAClB,aAAa,UAAU;AAAA,EACzB,CAAC;AAAA,EACD,QAAQ,UAAU,MAAM;AAAA,IACtB,UAAU,UAAU;AAAA,IACpB,MAAM,UAAU;AAAA,IAChB,OAAO,UAAU,MAAM,CAAC,CAAC;AAAA,EAC3B,CAAC;AAAA,EACD,aAAa,UAAU;AAAA,EACvB,UAAU,UAAU;AAAA,EACpB,MAAM,UAAU;AAClB;AAGA,IAAO,mBAAQ;",
   "names": []
 }

package/dist/esm/components/BodyList.js

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import React2 from "react";
-import { NoResults } from "./NoResults";
-function BodyWrapperDefaultRenderer({
+import { NoResults } from "./NoResults.js";
+const BodyWrapperDefaultRenderer = ({
   component: Component,
   rows,
   rowRenderer,
@@ -10,9 +10,7 @@ function BodyWrapperDefaultRenderer({
   innerRef,
   innerBodyRef,
   ...otherBodyProps
-}) {
-  return /* @__PURE__ */ jsx(Component, { ...otherBodyProps, innerRef, children: rows.length ? rows.map((row, index) => rowRenderer(row, { index }, {})) : /* @__PURE__ */ jsx(NoResults, { innerRef, rowRenderer, children: noResultsPlaceholder }) });
-}
+}) => /* @__PURE__ */ jsx(Component, { ...otherBodyProps, innerRef, children: rows.length ? rows.map((row, index) => rowRenderer(row, { index }, {})) : /* @__PURE__ */ jsx(NoResults, { innerRef, rowRenderer, children: noResultsPlaceholder }) });
 var BodyList_default = React2.memo(BodyWrapperDefaultRenderer);
 export {
   BodyList_default as default

package/dist/esm/components/BodyList.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/BodyList.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { NoResults } from './NoResults';\n\nfunction BodyWrapperDefaultRenderer({\n  component: Component,\n  rows,\n  rowRenderer,\n  noResultsPlaceholder,\n  innerRef,\n  innerBodyRef,\n  ...otherBodyProps\n}) {\n  return (\n    <Component {...otherBodyProps} innerRef={innerRef}>\n      {rows.length ? (\n        rows.map((row, index) => rowRenderer(row, { index }, {}))\n      ) : (\n        <NoResults innerRef={innerRef} rowRenderer={rowRenderer}>\n          {noResultsPlaceholder}\n        </NoResults>\n      )}\n    </Component>\n  );\n}\n\nexport default React.memo(BodyWrapperDefaultRenderer);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACiBf;AAjBR,OAAOA,YAAW;AAClB,SAAS,iBAAiB;AAE1B,SAAS,2BAA2B;AAAA,EAClC,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AACL,GAAG;AACD,SACE,oBAAC,aAAW,GAAG,gBAAgB,UAC5B,eAAK,SACJ,KAAK,IAAI,CAAC,KAAK,UAAU,YAAY,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,IAExD,oBAAC,aAAU,UAAoB,aAC5B,gCACH,GAEJ;AAEJ;AAEA,IAAO,mBAAQA,OAAM,KAAK,0BAA0B;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { NoResults } from './NoResults.js';\n\nconst BodyWrapperDefaultRenderer = ({\n  component: Component,\n  rows,\n  rowRenderer,\n  noResultsPlaceholder,\n  innerRef,\n  innerBodyRef,\n  ...otherBodyProps\n}) => (\n  <Component {...otherBodyProps} innerRef={innerRef}>\n    {rows.length ? (\n      rows.map((row, index) => rowRenderer(row, { index }, {}))\n    ) : (\n      <NoResults innerRef={innerRef} rowRenderer={rowRenderer}>\n        {noResultsPlaceholder}\n      </NoResults>\n    )}\n  </Component>\n);\n\nexport default React.memo(BodyWrapperDefaultRenderer);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACgBjB;AAhBN,OAAOA,YAAW;AAClB,SAAS,iBAAiB;AAE1B,MAAM,6BAA6B,CAAC;AAAA,EAClC,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE,oBAAC,aAAW,GAAG,gBAAgB,UAC5B,eAAK,SACJ,KAAK,IAAI,CAAC,KAAK,UAAU,YAAY,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,IAExD,oBAAC,aAAU,UAAoB,aAC5B,gCACH,GAEJ;AAGF,IAAO,mBAAQA,OAAM,KAAK,0BAA0B;",
   "names": ["React"]
 }

package/dist/esm/components/ColumnVisibilityMenuOption.js

@@ -1,10 +1,5 @@
 import * as React from "react";
-const getColumnVisibilityMenuOption = ({
-  columns,
-  onColumnVisibilityChange,
-  searchable,
-  height
-}) => {
+const getColumnVisibilityMenuOption = ({ columns, onColumnVisibilityChange, searchable, height }) => {
   const { items, active } = columns.reduce(
     (result, column, index) => ({
       items: [

package/dist/esm/components/ColumnVisibilityMenuOption.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ColumnVisibilityMenuOption.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const getColumnVisibilityMenuOption = ({\n  columns,\n  onColumnVisibilityChange,\n  searchable,\n  height,\n}) => {\n  const { items, active } = columns.reduce(\n    (result, column, index) => ({\n      items: [\n        ...result.items,\n        {\n          id: column.property,\n          label: column.label,\n          checked: column.visible,\n          onClick: () => onColumnVisibilityChange(column, index),\n        },\n      ],\n      active: !column.visible\n        ? result.active\n        : [...result.active, column.property],\n    }),\n    {\n      items: [],\n      active: [],\n    },\n  );\n\n  return {\n    type: 'SelectionGroup',\n    id: 'column-visibility-option',\n    multi: true,\n    searchable,\n    closeOnClick: false,\n    active,\n    items,\n    height,\n  };\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,gCAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,OAAO,OAAO,IAAI,QAAQ;AAAA,IAChC,CAAC,QAAQ,QAAQ,WAAW;AAAA,MAC1B,OAAO;AAAA,QACL,GAAG,OAAO;AAAA,QACV;AAAA,UACE,IAAI,OAAO;AAAA,UACX,OAAO,OAAO;AAAA,UACd,SAAS,OAAO;AAAA,UAChB,SAAS,MAAM,yBAAyB,QAAQ,KAAK;AAAA,QACvD;AAAA,MACF;AAAA,MACA,QAAQ,CAAC,OAAO,UACZ,OAAO,SACP,CAAC,GAAG,OAAO,QAAQ,OAAO,QAAQ;AAAA,IACxC;AAAA,IACA;AAAA,MACE,OAAO,CAAC;AAAA,MACR,QAAQ,CAAC;AAAA,IACX;AAAA,EACF;AAEA,SAAO;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const getColumnVisibilityMenuOption = ({ columns, onColumnVisibilityChange, searchable, height }) => {\n  const { items, active } = columns.reduce(\n    (result, column, index) => ({\n      items: [\n        ...result.items,\n        {\n          id: column.property,\n          label: column.label,\n          checked: column.visible,\n          onClick: () => onColumnVisibilityChange(column, index),\n        },\n      ],\n      active: !column.visible ? result.active : [...result.active, column.property],\n    }),\n    {\n      items: [],\n      active: [],\n    },\n  );\n\n  return {\n    type: 'SelectionGroup',\n    id: 'column-visibility-option',\n    multi: true,\n    searchable,\n    closeOnClick: false,\n    active,\n    items,\n    height,\n  };\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,gCAAgC,CAAC,EAAE,SAAS,0BAA0B,YAAY,OAAO,MAAM;AAC1G,QAAM,EAAE,OAAO,OAAO,IAAI,QAAQ;AAAA,IAChC,CAAC,QAAQ,QAAQ,WAAW;AAAA,MAC1B,OAAO;AAAA,QACL,GAAG,OAAO;AAAA,QACV;AAAA,UACE,IAAI,OAAO;AAAA,UACX,OAAO,OAAO;AAAA,UACd,SAAS,OAAO;AAAA,UAChB,SAAS,MAAM,yBAAyB,QAAQ,KAAK;AAAA,QACvD;AAAA,MACF;AAAA,MACA,QAAQ,CAAC,OAAO,UAAU,OAAO,SAAS,CAAC,GAAG,OAAO,QAAQ,OAAO,QAAQ;AAAA,IAC9E;AAAA,IACA;AAAA,MACE,OAAO,CAAC;AAAA,MACR,QAAQ,CAAC;AAAA,IACX;AAAA,EACF;AAEA,SAAO;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/components/ColumnsOptionsMenuSection.js

@@ -6,7 +6,8 @@ const ColumnsOptionsMenuSection = ({
   onColumnVisibilityChange,
   searchable = false,
   height
-}) => () => {
+  // eslint-disable-next-line react/display-name
+}) => function() {
   const { items, active } = columns.reduce(
     (result, column, index) => ({
       items: [
@@ -22,16 +23,7 @@ const ColumnsOptionsMenuSection = ({
     }),
     { items: [], active: [] }
   );
-  return /* @__PURE__ */ jsx(
-    Menu.SelectionGroup,
-    {
-      active,
-      height,
-      items,
-      multi: true,
-      searchable
-    }
-  );
+  return /* @__PURE__ */ jsx(Menu.SelectionGroup, { active, height, items, multi: true, searchable });
 };
 var ColumnsOptionsMenuSection_default = ColumnsOptionsMenuSection;
 export {

package/dist/esm/components/ColumnsOptionsMenuSection.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ColumnsOptionsMenuSection.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { Menu } from '@elliemae/ds-menu';\n\nconst ColumnsOptionsMenuSection = ({\n  columns,\n  onColumnVisibilityChange,\n  searchable = false,\n  height,\n  // eslint-disable-next-line react/display-name\n}) => () => {\n  const { items, active } = columns.reduce(\n    (result, column, index) => ({\n      items: [\n        ...result.items,\n        {\n          id: column.property,\n          label: column.label,\n          checked: column.visible,\n          onClick: () => onColumnVisibilityChange(column, index),\n        },\n      ],\n      active:\n        typeof column.visible === 'undefined' || column.visible\n          ? [...result.active, column.property]\n          : result.active,\n    }),\n    { items: [], active: [] },\n  );\n  return (\n    <Menu.SelectionGroup\n      active={active}\n      height={height}\n      items={items}\n      multi\n      searchable={searchable}\n    />\n  );\n};\n\nexport { ColumnsOptionsMenuSection };\nexport default ColumnsOptionsMenuSection;\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC6BnB;AA5BJ,SAAS,YAAY;AAErB,MAAM,4BAA4B,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAEF,MAAM,MAAM;AACV,QAAM,EAAE,OAAO,OAAO,IAAI,QAAQ;AAAA,IAChC,CAAC,QAAQ,QAAQ,WAAW;AAAA,MAC1B,OAAO;AAAA,QACL,GAAG,OAAO;AAAA,QACV;AAAA,UACE,IAAI,OAAO;AAAA,UACX,OAAO,OAAO;AAAA,UACd,SAAS,OAAO;AAAA,UAChB,SAAS,MAAM,yBAAyB,QAAQ,KAAK;AAAA,QACvD;AAAA,MACF;AAAA,MACA,QACE,OAAO,OAAO,YAAY,eAAe,OAAO,UAC5C,CAAC,GAAG,OAAO,QAAQ,OAAO,QAAQ,IAClC,OAAO;AAAA,IACf;AAAA,IACA,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE;AAAA,EAC1B;AACA,SACE;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAK;AAAA,MACL;AAAA;AAAA,EACF;AAEJ;AAGA,IAAO,oCAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { Menu } from '@elliemae/ds-menu';\n\nconst ColumnsOptionsMenuSection = ({\n  columns,\n  onColumnVisibilityChange,\n  searchable = false,\n  height,\n  // eslint-disable-next-line react/display-name\n}) =>\n  function () {\n    const { items, active } = columns.reduce(\n      (result, column, index) => ({\n        items: [\n          ...result.items,\n          {\n            id: column.property,\n            label: column.label,\n            checked: column.visible,\n            onClick: () => onColumnVisibilityChange(column, index),\n          },\n        ],\n        active:\n          typeof column.visible === 'undefined' || column.visible ? [...result.active, column.property] : result.active,\n      }),\n      { items: [], active: [] },\n    );\n    return <Menu.SelectionGroup active={active} height={height} items={items} multi searchable={searchable} />;\n  };\n\nexport { ColumnsOptionsMenuSection };\nexport default ColumnsOptionsMenuSection;\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC2BZ;AA1BX,SAAS,YAAY;AAErB,MAAM,4BAA4B,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA;AAEF,MACE,WAAY;AACV,QAAM,EAAE,OAAO,OAAO,IAAI,QAAQ;AAAA,IAChC,CAAC,QAAQ,QAAQ,WAAW;AAAA,MAC1B,OAAO;AAAA,QACL,GAAG,OAAO;AAAA,QACV;AAAA,UACE,IAAI,OAAO;AAAA,UACX,OAAO,OAAO;AAAA,UACd,SAAS,OAAO;AAAA,UAChB,SAAS,MAAM,yBAAyB,QAAQ,KAAK;AAAA,QACvD;AAAA,MACF;AAAA,MACA,QACE,OAAO,OAAO,YAAY,eAAe,OAAO,UAAU,CAAC,GAAG,OAAO,QAAQ,OAAO,QAAQ,IAAI,OAAO;AAAA,IAC3G;AAAA,IACA,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE;AAAA,EAC1B;AACA,SAAO,oBAAC,KAAK,gBAAL,EAAoB,QAAgB,QAAgB,OAAc,OAAK,MAAC,YAAwB;AAC1G;AAGF,IAAO,oCAAQ;",
   "names": []
 }

package/dist/esm/components/EmptyState.js

@@ -2,9 +2,8 @@ import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Grid } from "@elliemae/ds-grid";
 import { WarningTriangle } from "@elliemae/ds-icons";
-import { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from "@elliemae/ds-system";
+import { __UNSAFE_SPACE_TO_DIMSUM, toMobile, styled } from "@elliemae/ds-system";
 import { DSButton } from "@elliemae/ds-button";
-import { styled } from "@elliemae/ds-system";
 const EmptyStateWrapper = styled(Grid)`
   min-width: 132px; /* fixed size in px according to specs */
   max-width: 384px; /* fixed size in px according to specs */

package/dist/esm/components/EmptyState.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/EmptyState.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { WarningTriangle } from '@elliemae/ds-icons';\nimport { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport { DSButton } from '@elliemae/ds-button';\nimport { styled } from '@elliemae/ds-system';\n\nconst EmptyStateWrapper = styled(Grid)`\n  min-width: 132px; /* fixed size in px according to specs */\n  max-width: 384px; /* fixed size in px according to specs */\n  height: fit-content;\n`;\n\nconst Icon = styled(WarningTriangle)`\n  fill: ${(props) => props.theme.colors.neutral[300]};\n  color: ${(props) => props.theme.colors.neutral[300]};\n  justify-self: center;\n`;\n\nconst PrimaryMessage = styled.p`\n  text-align: center;\n  font-weight: 600;\n  font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])};\n  color: ${(props) => props.theme.colors.neutral[600]};\n  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};\n  margin-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n`;\nconst SecondaryMessage = styled.p`\n  text-align: center;\n  font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])}; /* 13px */\n  color: ${(props) => props.theme.colors.neutral[500]};\n  margin: 0;\n`;\nconst Button = styled(DSButton)`\n  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n  justify-self: center;\n  width: fit-content;\n`;\n\nexport const EmptyState = ({\n  primaryMessage = 'No Results Found',\n  secondaryMessage,\n  buttonLabel,\n  onButtonClick = () => {},\n}) => (\n  <EmptyStateWrapper>\n    <Icon size=\"xxl\" />\n    {primaryMessage && <PrimaryMessage>{primaryMessage}</PrimaryMessage>}\n    {secondaryMessage && <SecondaryMessage>{secondaryMessage}</SecondaryMessage>}\n    {buttonLabel && <Button buttonType=\"secondary\" labelText={buttonLabel} onClick={onButtonClick} />}\n  </EmptyStateWrapper>\n);\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC6CrB,SACE,KADF;AA5CF,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAChC,SAAS,0BAA0B,gBAAgB;AACnD,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAEvB,MAAM,oBAAoB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAMrC,MAAM,OAAO,OAAO,eAAe;AAAA,UACzB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,WACrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIjD,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA,eAGf,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACjC,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA,mBACpD,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAE3E,MAAM,mBAAmB,OAAO;AAAA;AAAA,eAEjB,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,SAAS,OAAO,QAAQ;AAAA,gBACd,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAKhE,MAAM,aAAa,CAAC;AAAA,EACzB,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA,gBAAgB,MAAM;AAAA,EAAC;AACzB,MACE,qBAAC,qBACC;AAAA,sBAAC,QAAK,MAAK,OAAM;AAAA,EAChB,kBAAkB,oBAAC,kBAAgB,0BAAe;AAAA,EAClD,oBAAoB,oBAAC,oBAAkB,4BAAiB;AAAA,EACxD,eAAe,oBAAC,UAAO,YAAW,aAAY,WAAW,aAAa,SAAS,eAAe;AAAA,GACjG;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { WarningTriangle } from '@elliemae/ds-icons';\nimport { __UNSAFE_SPACE_TO_DIMSUM, toMobile, styled } from '@elliemae/ds-system';\nimport { DSButton } from '@elliemae/ds-button';\n\nconst EmptyStateWrapper = styled(Grid)`\n  min-width: 132px; /* fixed size in px according to specs */\n  max-width: 384px; /* fixed size in px according to specs */\n  height: fit-content;\n`;\n\nconst Icon = styled(WarningTriangle)`\n  fill: ${(props) => props.theme.colors.neutral[300]};\n  color: ${(props) => props.theme.colors.neutral[300]};\n  justify-self: center;\n`;\n\nconst PrimaryMessage = styled.p`\n  text-align: center;\n  font-weight: 600;\n  font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])};\n  color: ${(props) => props.theme.colors.neutral[600]};\n  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};\n  margin-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n`;\nconst SecondaryMessage = styled.p`\n  text-align: center;\n  font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])}; /* 13px */\n  color: ${(props) => props.theme.colors.neutral[500]};\n  margin: 0;\n`;\nconst Button = styled(DSButton)`\n  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n  justify-self: center;\n  width: fit-content;\n`;\n\nexport const EmptyState = ({\n  primaryMessage = 'No Results Found',\n  secondaryMessage,\n  buttonLabel,\n  onButtonClick = () => {},\n}) => (\n  <EmptyStateWrapper>\n    <Icon size=\"xxl\" />\n    {primaryMessage && <PrimaryMessage>{primaryMessage}</PrimaryMessage>}\n    {secondaryMessage && <SecondaryMessage>{secondaryMessage}</SecondaryMessage>}\n    {buttonLabel && <Button buttonType=\"secondary\" labelText={buttonLabel} onClick={onButtonClick} />}\n  </EmptyStateWrapper>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC4CrB,SACE,KADF;AA3CF,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAChC,SAAS,0BAA0B,UAAU,cAAc;AAC3D,SAAS,gBAAgB;AAEzB,MAAM,oBAAoB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAMrC,MAAM,OAAO,OAAO,eAAe;AAAA,UACzB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA,WACxC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAIpD,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA,eAGf,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM,GAAG,CAAC;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA,gBACpC,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA,mBACpD,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAE3E,MAAM,mBAAmB,OAAO;AAAA;AAAA,eAEjB,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM,GAAG,CAAC;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAGpD,MAAM,SAAS,OAAO,QAAQ;AAAA,gBACd,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAKhE,MAAM,aAAa,CAAC;AAAA,EACzB,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA,gBAAgB,MAAM;AAAA,EAAC;AACzB,MACE,qBAAC,qBACC;AAAA,sBAAC,QAAK,MAAK,OAAM;AAAA,EAChB,kBAAkB,oBAAC,kBAAgB,0BAAe;AAAA,EAClD,oBAAoB,oBAAC,oBAAkB,4BAAiB;AAAA,EACxD,eAAe,oBAAC,UAAO,YAAW,aAAY,WAAW,aAAa,SAAS,eAAe;AAAA,GACjG;",
   "names": []
 }

package/dist/esm/components/List.js

@@ -1,11 +1,11 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-function List(props, instance) {
+const List = (props, instance) => {
   const { renderers, getListProps } = instance.getInstance();
   const ListComponent = renderers.list;
   const mixedProps = getListProps(props);
   return /* @__PURE__ */ jsx(ListComponent, { ...mixedProps });
-}
+};
 var List_default = List;
 export {
   List_default as default

package/dist/esm/components/List.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/List.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nfunction List(props, instance) {\n  // todo: add should list update to memoize this\n  const { renderers, getListProps } = instance.getInstance();\n  const ListComponent = renderers.list;\n\n  // props from component props and plugins\n  const mixedProps = getListProps(props);\n  return <ListComponent {...mixedProps} />;\n}\n\nexport default List;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACSd;AAPT,SAAS,KAAK,OAAO,UAAU;AAE7B,QAAM,EAAE,WAAW,aAAa,IAAI,SAAS,YAAY;AACzD,QAAM,gBAAgB,UAAU;AAGhC,QAAM,aAAa,aAAa,KAAK;AACrC,SAAO,oBAAC,iBAAe,GAAG,YAAY;AACxC;AAEA,IAAO,eAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nconst List = (props, instance) => {\n  // todo: add should list update to memoize this\n  const { renderers, getListProps } = instance.getInstance();\n  const ListComponent = renderers.list;\n\n  // props from component props and plugins\n  const mixedProps = getListProps(props);\n  return <ListComponent {...mixedProps} />;\n};\n\nexport default List;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACSd;AAPT,MAAM,OAAO,CAAC,OAAO,aAAa;AAEhC,QAAM,EAAE,WAAW,aAAa,IAAI,SAAS,YAAY;AACzD,QAAM,gBAAgB,UAAU;AAGhC,QAAM,aAAa,aAAa,KAAK;AACrC,SAAO,oBAAC,iBAAe,GAAG,YAAY;AACxC;AAEA,IAAO,eAAQ;",
   "names": []
 }

package/dist/esm/components/ListItem.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-function ListItem(props, instance) {
+const ListItem = (props, instance) => {
   const { record } = props;
   const {
     renderers,
@@ -8,13 +8,10 @@ function ListItem(props, instance) {
     decorators: { itemRenderer }
   } = instance.getInstance();
   const mixedProps = getItemProps(props);
-  const children = itemRenderer.reduce(
-    (result, formatter) => formatter(result, record, instance),
-    record.data.name
-  );
+  const children = itemRenderer.reduce((result, formatter) => formatter(result, record, instance), record.data.name);
   const ItemComponent = renderers.list;
   return /* @__PURE__ */ jsx(ItemComponent, { record, ...mixedProps, children });
-}
+};
 var ListItem_default = ListItem;
 export {
   ListItem_default as default

package/dist/esm/components/ListItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ListItem.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nfunction ListItem(props, instance) {\n  const { record } = props;\n  const {\n    renderers,\n    getItemProps,\n    decorators: { itemRenderer },\n  } = instance.getInstance();\n\n  // props from component props and plugins\n  const mixedProps = getItemProps(props);\n\n  const children = itemRenderer.reduce(\n    (result, formatter) => formatter(result, record, instance),\n    record.data.name,\n  );\n\n  const ItemComponent = renderers.list;\n  return (\n    <ItemComponent record={record} {...mixedProps}>\n      {children}\n    </ItemComponent>\n  );\n}\n\nexport default ListItem;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACoBnB;AAlBJ,SAAS,SAAS,OAAO,UAAU;AACjC,QAAM,EAAE,OAAO,IAAI;AACnB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,YAAY,EAAE,aAAa;AAAA,EAC7B,IAAI,SAAS,YAAY;AAGzB,QAAM,aAAa,aAAa,KAAK;AAErC,QAAM,WAAW,aAAa;AAAA,IAC5B,CAAC,QAAQ,cAAc,UAAU,QAAQ,QAAQ,QAAQ;AAAA,IACzD,OAAO,KAAK;AAAA,EACd;AAEA,QAAM,gBAAgB,UAAU;AAChC,SACE,oBAAC,iBAAc,QAAiB,GAAG,YAChC,UACH;AAEJ;AAEA,IAAO,mBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nconst ListItem = (props, instance) => {\n  const { record } = props;\n  const {\n    renderers,\n    getItemProps,\n    decorators: { itemRenderer },\n  } = instance.getInstance();\n\n  // props from component props and plugins\n  const mixedProps = getItemProps(props);\n\n  const children = itemRenderer.reduce((result, formatter) => formatter(result, record, instance), record.data.name);\n\n  const ItemComponent = renderers.list;\n  return (\n    <ItemComponent record={record} {...mixedProps}>\n      {children}\n    </ItemComponent>\n  );\n};\n\nexport default ListItem;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACiBnB;AAfJ,MAAM,WAAW,CAAC,OAAO,aAAa;AACpC,QAAM,EAAE,OAAO,IAAI;AACnB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,YAAY,EAAE,aAAa;AAAA,EAC7B,IAAI,SAAS,YAAY;AAGzB,QAAM,aAAa,aAAa,KAAK;AAErC,QAAM,WAAW,aAAa,OAAO,CAAC,QAAQ,cAAc,UAAU,QAAQ,QAAQ,QAAQ,GAAG,OAAO,KAAK,IAAI;AAEjH,QAAM,gBAAgB,UAAU;AAChC,SACE,oBAAC,iBAAc,QAAiB,GAAG,YAChC,UACH;AAEJ;AAEA,IAAO,mBAAQ;",
   "names": []
 }

package/dist/esm/components/NoResults.js

@@ -11,16 +11,10 @@ const NoResultsContainer = styled.div`
   height: calc(100% - 36px);
   overflow: auto;
 `;
-const NoResults = ({ innerRef, rowRenderer, children, ...rest }) => {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(NoResultsContainer, { ...rest, innerRef, children }),
-    rowRenderer(
-      {},
-      { style: { visibility: "hidden", marginBottom: 0 } },
-      {}
-    )
-  ] });
-};
+const NoResults = ({ innerRef, rowRenderer, children, ...rest }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(NoResultsContainer, { ...rest, innerRef, children }),
+  rowRenderer({}, { style: { visibility: "hidden", marginBottom: 0 } }, {})
+] });
 var NoResults_default = NoResults;
 export {
   NoResults,

package/dist/esm/components/NoResults.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/NoResults.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst NoResultsContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};\n  padding-bottom: 0;\n  height: calc(100% - 36px);\n  overflow: auto;\n`;\n\nexport const NoResults = ({ innerRef, rowRenderer, children, ...rest }) => {\n  return (\n    <>\n      <NoResultsContainer {...rest} innerRef={innerRef}>\n        {children}\n      </NoResultsContainer>\n      {/* Hack to expand to the width of the row so we can scroll\n      if the columns are bigger than the grid */}\n      {rowRenderer(\n        {},\n        { style: { visibility: 'hidden', marginBottom: 0 } },\n        {},\n      )}\n    </>\n  );\n}\n\nexport default NoResults;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACgBnB,mBACE,KADF;AAfJ,SAAS,QAAQ,gCAAgC;AAEjD,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAKrB,WAAS,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAM3D,MAAM,YAAY,CAAC,EAAE,UAAU,aAAa,aAAa,KAAK,MAAM;AACzE,SACE,iCACE;AAAA,wBAAC,sBAAoB,GAAG,MAAM,UAC3B,UACH;AAAA,IAGC;AAAA,MACC,CAAC;AAAA,MACD,EAAE,OAAO,EAAE,YAAY,UAAU,cAAc,EAAE,EAAE;AAAA,MACnD,CAAC;AAAA,IACH;AAAA,KACF;AAEJ;AAEA,IAAO,oBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst NoResultsContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};\n  padding-bottom: 0;\n  height: calc(100% - 36px);\n  overflow: auto;\n`;\n\nexport const NoResults = ({ innerRef, rowRenderer, children, ...rest }) => (\n  <>\n    <NoResultsContainer {...rest} innerRef={innerRef}>\n      {children}\n    </NoResultsContainer>\n    {/* Hack to expand to the width of the row so we can scroll\n      if the columns are bigger than the grid */}\n    {rowRenderer({}, { style: { visibility: 'hidden', marginBottom: 0 } }, {})}\n  </>\n);\n\nexport default NoResults;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACerB,mBACE,KADF;AAdF,SAAS,QAAQ,gCAAgC;AAEjD,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAKrB,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAM7D,MAAM,YAAY,CAAC,EAAE,UAAU,aAAa,UAAU,GAAG,KAAK,MACnE,iCACE;AAAA,sBAAC,sBAAoB,GAAG,MAAM,UAC3B,UACH;AAAA,EAGC,YAAY,CAAC,GAAG,EAAE,OAAO,EAAE,YAAY,UAAU,cAAc,EAAE,EAAE,GAAG,CAAC,CAAC;AAAA,GAC3E;AAGF,IAAO,oBAAQ;",
   "names": []
 }

package/dist/esm/components/RowsLoader.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { DSSpinner } from "@elliemae/ds-spinner";
-import { SpinnerContainer } from "./renderers/defaultClassedRenderers";
+import { SpinnerContainer } from "./renderers/defaultClassedRenderers.js";
 const RowsLoader = ({ size = "m" }) => /* @__PURE__ */ jsx(SpinnerContainer, { children: /* @__PURE__ */ jsx(DSSpinner, { size }) });
 var RowsLoader_default = RowsLoader;
 export {

package/dist/esm/components/RowsLoader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/RowsLoader.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSSpinner } from '@elliemae/ds-spinner';\nimport { SpinnerContainer } from './renderers/defaultClassedRenderers';\n\nexport const RowsLoader = ({ size = 'm' }) => (\n  <SpinnerContainer>\n    <DSSpinner size={size} />\n  </SpinnerContainer>\n);\n\nexport default RowsLoader;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSSpinner } from '@elliemae/ds-spinner';\nimport { SpinnerContainer } from './renderers/defaultClassedRenderers.js';\n\nexport const RowsLoader = ({ size = 'm' }) => (\n  <SpinnerContainer>\n    <DSSpinner size={size} />\n  </SpinnerContainer>\n);\n\nexport default RowsLoader;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACMnB;AALJ,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AAE1B,MAAM,aAAa,CAAC,EAAE,OAAO,IAAI,MACtC,oBAAC,oBACC,8BAAC,aAAU,MAAY,GACzB;AAGF,IAAO,qBAAQ;",
   "names": []
 }

package/dist/esm/components/Table.js

@@ -1,11 +1,11 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { useCallback, useEffect } from "react";
-import { TableHeader } from "./TableHeader";
-import { TableBody } from "./TableBody";
-import { HeaderCell } from "./HeaderCell";
-import { BodyCell } from "./BodyCell";
-import { TableContext } from "./tableContext";
+import { TableHeader } from "./TableHeader.js";
+import { TableBody } from "./TableBody.js";
+import { HeaderCell } from "./HeaderCell.js";
+import { BodyCell } from "./BodyCell.js";
+import { TableContext } from "./tableContext.js";
 const { Provider } = TableContext;
 const Table = (props) => {
   const {

package/dist/esm/components/Table.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/Table.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-loops/no-loops,no-plusplus */\nimport React, { useCallback, useMemo, useEffect } from 'react';\nimport { TableHeader } from './TableHeader';\nimport { TableBody } from './TableBody';\nimport { HeaderCell } from './HeaderCell';\nimport { BodyCell } from './BodyCell';\nimport { TableContext } from './tableContext';\n\nconst { Provider } = TableContext;\n\nconst Table = (props) => {\n  const {\n    decoratedRenderers: renderers,\n    decoratedColumns: columns,\n    getRowProps,\n    getHeaderRowProps,\n    getTableProps,\n    children,\n    tableRef,\n    props: { wrapText },\n    style,\n    onDefaultFiltersLoad = () => null,\n  } = props;\n\n  useEffect(() => {\n    onDefaultFiltersLoad(props.composedRows);\n  }, [onDefaultFiltersLoad]);\n\n  const headerRowRenderer = () => {\n    const Row = renderers.header.row;\n    const Cell = renderers.header.cell;\n    const cells = [];\n\n    // optimize the rendering using for loop\n    for (let index = 0; index < columns.length; index++) {\n      cells.push(\n        <HeaderCell\n          key={index}\n          classProps={{ wrapText }}\n          column={columns[index]}\n          columnIndex={index}\n          component={Cell}\n          grid={props}\n        />,\n      );\n    }\n\n    const rowProps = getHeaderRowProps({}, {});\n    return <Row {...rowProps}>{cells}</Row>;\n  };\n\n  const bodyRowRenderer = useCallback(\n    (rowData, rowProps, extraParams) => {\n      const Row = renderers.body.row;\n      const Cell = renderers.body.cell;\n\n      const nextRowProps = getRowProps(rowProps, { ...extraParams, rowData });\n\n      // get cells from columns api\n      const cells = [];\n\n      // optimize the rendering using for loop\n      for (let index = 0; index < columns.length; index++) {\n        cells.push(\n          <BodyCell\n            key={index}\n            classProps={{ wrapText }}\n            column={columns[index]}\n            columnIndex={index}\n            component={Cell}\n            grid={props}\n            rowIndex={extraParams.rowIndex}\n            rowProps={{ rowData, ...nextRowProps }}\n          />,\n        );\n      }\n\n      return (\n        <Row {...nextRowProps} rowData={rowData}>\n          {cells}\n        </Row>\n      );\n    },\n    [columns, renderers],\n  );\n\n  const TableComponent = renderers.table;\n\n  const value = { ...props, bodyRowRenderer, headerRowRenderer };\n\n  return (\n    <Provider value={value}>\n      <TableComponent\n        {...getTableProps({\n          innerRef: tableRef,\n          style,\n        })}\n      >\n        {children}\n      </TableComponent>\n    </Provider>\n  );\n};\n\nTable.Header = TableHeader;\nTable.Body = TableBody;\n\nexport { Table };\nexport default Table;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACoCf;AAnCR,SAAgB,aAAsB,iBAAiB;AACvD,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAE7B,MAAM,EAAE,SAAS,IAAI;AAErB,MAAM,QAAQ,CAAC,UAAU;AACvB,QAAM;AAAA,IACJ,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,SAAS;AAAA,IAClB;AAAA,IACA,uBAAuB,MAAM;AAAA,EAC/B,IAAI;AAEJ,YAAU,MAAM;AACd,yBAAqB,MAAM,YAAY;AAAA,EACzC,GAAG,CAAC,oBAAoB,CAAC;AAEzB,QAAM,oBAAoB,MAAM;AAC9B,UAAM,MAAM,UAAU,OAAO;AAC7B,UAAM,OAAO,UAAU,OAAO;AAC9B,UAAM,QAAQ,CAAC;AAGf,aAAS,QAAQ,GAAG,QAAQ,QAAQ,QAAQ,SAAS;AACnD,YAAM;AAAA,QACJ;AAAA,UAAC;AAAA;AAAA,YAEC,YAAY,EAAE,SAAS;AAAA,YACvB,QAAQ,QAAQ;AAAA,YAChB,aAAa;AAAA,YACb,WAAW;AAAA,YACX,MAAM;AAAA;AAAA,UALD;AAAA,QAMP;AAAA,MACF;AAAA,IACF;AAEA,UAAM,WAAW,kBAAkB,CAAC,GAAG,CAAC,CAAC;AACzC,WAAO,oBAAC,OAAK,GAAG,UAAW,iBAAM;AAAA,EACnC;AAEA,QAAM,kBAAkB;AAAA,IACtB,CAAC,SAAS,UAAU,gBAAgB;AAClC,YAAM,MAAM,UAAU,KAAK;AAC3B,YAAM,OAAO,UAAU,KAAK;AAE5B,YAAM,eAAe,YAAY,UAAU,EAAE,GAAG,aAAa,QAAQ,CAAC;AAGtE,YAAM,QAAQ,CAAC;AAGf,eAAS,QAAQ,GAAG,QAAQ,QAAQ,QAAQ,SAAS;AACnD,cAAM;AAAA,UACJ;AAAA,YAAC;AAAA;AAAA,cAEC,YAAY,EAAE,SAAS;AAAA,cACvB,QAAQ,QAAQ;AAAA,cAChB,aAAa;AAAA,cACb,WAAW;AAAA,cACX,MAAM;AAAA,cACN,UAAU,YAAY;AAAA,cACtB,UAAU,EAAE,SAAS,GAAG,aAAa;AAAA;AAAA,YAPhC;AAAA,UAQP;AAAA,QACF;AAAA,MACF;AAEA,aACE,oBAAC,OAAK,GAAG,cAAc,SACpB,iBACH;AAAA,IAEJ;AAAA,IACA,CAAC,SAAS,SAAS;AAAA,EACrB;AAEA,QAAM,iBAAiB,UAAU;AAEjC,QAAM,QAAQ,EAAE,GAAG,OAAO,iBAAiB,kBAAkB;AAE7D,SACE,oBAAC,YAAS,OACR;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,cAAc;AAAA,QAChB,UAAU;AAAA,QACV;AAAA,MACF,CAAC;AAAA,MAEA;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,MAAM,SAAS;AACf,MAAM,OAAO;AAGb,IAAO,gBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-loops/no-loops,no-plusplus */\nimport React, { useCallback, useMemo, useEffect } from 'react';\nimport { TableHeader } from './TableHeader.js';\nimport { TableBody } from './TableBody.js';\nimport { HeaderCell } from './HeaderCell.js';\nimport { BodyCell } from './BodyCell.js';\nimport { TableContext } from './tableContext.js';\n\nconst { Provider } = TableContext;\n\nconst Table = (props) => {\n  const {\n    decoratedRenderers: renderers,\n    decoratedColumns: columns,\n    getRowProps,\n    getHeaderRowProps,\n    getTableProps,\n    children,\n    tableRef,\n    props: { wrapText },\n    style,\n    onDefaultFiltersLoad = () => null,\n  } = props;\n\n  useEffect(() => {\n    onDefaultFiltersLoad(props.composedRows);\n  }, [onDefaultFiltersLoad]);\n\n  const headerRowRenderer = () => {\n    const Row = renderers.header.row;\n    const Cell = renderers.header.cell;\n    const cells = [];\n\n    // optimize the rendering using for loop\n    for (let index = 0; index < columns.length; index++) {\n      cells.push(\n        <HeaderCell\n          key={index}\n          classProps={{ wrapText }}\n          column={columns[index]}\n          columnIndex={index}\n          component={Cell}\n          grid={props}\n        />,\n      );\n    }\n\n    const rowProps = getHeaderRowProps({}, {});\n    return <Row {...rowProps}>{cells}</Row>;\n  };\n\n  const bodyRowRenderer = useCallback(\n    (rowData, rowProps, extraParams) => {\n      const Row = renderers.body.row;\n      const Cell = renderers.body.cell;\n\n      const nextRowProps = getRowProps(rowProps, { ...extraParams, rowData });\n\n      // get cells from columns api\n      const cells = [];\n\n      // optimize the rendering using for loop\n      for (let index = 0; index < columns.length; index++) {\n        cells.push(\n          <BodyCell\n            key={index}\n            classProps={{ wrapText }}\n            column={columns[index]}\n            columnIndex={index}\n            component={Cell}\n            grid={props}\n            rowIndex={extraParams.rowIndex}\n            rowProps={{ rowData, ...nextRowProps }}\n          />,\n        );\n      }\n\n      return (\n        <Row {...nextRowProps} rowData={rowData}>\n          {cells}\n        </Row>\n      );\n    },\n    [columns, renderers],\n  );\n\n  const TableComponent = renderers.table;\n\n  const value = { ...props, bodyRowRenderer, headerRowRenderer };\n\n  return (\n    <Provider value={value}>\n      <TableComponent\n        {...getTableProps({\n          innerRef: tableRef,\n          style,\n        })}\n      >\n        {children}\n      </TableComponent>\n    </Provider>\n  );\n};\n\nTable.Header = TableHeader;\nTable.Body = TableBody;\n\nexport { Table };\nexport default Table;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACoCf;AAnCR,SAAgB,aAAsB,iBAAiB;AACvD,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAE7B,MAAM,EAAE,SAAS,IAAI;AAErB,MAAM,QAAQ,CAAC,UAAU;AACvB,QAAM;AAAA,IACJ,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,SAAS;AAAA,IAClB;AAAA,IACA,uBAAuB,MAAM;AAAA,EAC/B,IAAI;AAEJ,YAAU,MAAM;AACd,yBAAqB,MAAM,YAAY;AAAA,EACzC,GAAG,CAAC,oBAAoB,CAAC;AAEzB,QAAM,oBAAoB,MAAM;AAC9B,UAAM,MAAM,UAAU,OAAO;AAC7B,UAAM,OAAO,UAAU,OAAO;AAC9B,UAAM,QAAQ,CAAC;AAGf,aAAS,QAAQ,GAAG,QAAQ,QAAQ,QAAQ,SAAS;AACnD,YAAM;AAAA,QACJ;AAAA,UAAC;AAAA;AAAA,YAEC,YAAY,EAAE,SAAS;AAAA,YACvB,QAAQ,QAAQ,KAAK;AAAA,YACrB,aAAa;AAAA,YACb,WAAW;AAAA,YACX,MAAM;AAAA;AAAA,UALD;AAAA,QAMP;AAAA,MACF;AAAA,IACF;AAEA,UAAM,WAAW,kBAAkB,CAAC,GAAG,CAAC,CAAC;AACzC,WAAO,oBAAC,OAAK,GAAG,UAAW,iBAAM;AAAA,EACnC;AAEA,QAAM,kBAAkB;AAAA,IACtB,CAAC,SAAS,UAAU,gBAAgB;AAClC,YAAM,MAAM,UAAU,KAAK;AAC3B,YAAM,OAAO,UAAU,KAAK;AAE5B,YAAM,eAAe,YAAY,UAAU,EAAE,GAAG,aAAa,QAAQ,CAAC;AAGtE,YAAM,QAAQ,CAAC;AAGf,eAAS,QAAQ,GAAG,QAAQ,QAAQ,QAAQ,SAAS;AACnD,cAAM;AAAA,UACJ;AAAA,YAAC;AAAA;AAAA,cAEC,YAAY,EAAE,SAAS;AAAA,cACvB,QAAQ,QAAQ,KAAK;AAAA,cACrB,aAAa;AAAA,cACb,WAAW;AAAA,cACX,MAAM;AAAA,cACN,UAAU,YAAY;AAAA,cACtB,UAAU,EAAE,SAAS,GAAG,aAAa;AAAA;AAAA,YAPhC;AAAA,UAQP;AAAA,QACF;AAAA,MACF;AAEA,aACE,oBAAC,OAAK,GAAG,cAAc,SACpB,iBACH;AAAA,IAEJ;AAAA,IACA,CAAC,SAAS,SAAS;AAAA,EACrB;AAEA,QAAM,iBAAiB,UAAU;AAEjC,QAAM,QAAQ,EAAE,GAAG,OAAO,iBAAiB,kBAAkB;AAE7D,SACE,oBAAC,YAAS,OACR;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,cAAc;AAAA,QAChB,UAAU;AAAA,QACV;AAAA,MACF,CAAC;AAAA,MAEA;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,MAAM,SAAS;AACf,MAAM,OAAO;AAGb,IAAO,gBAAQ;",
   "names": []
 }

package/dist/esm/components/TableBody.js

@@ -1,13 +1,8 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { useContext, memo } from "react";
-import { TableContext } from "./tableContext";
-const TableBody = memo(({
-  rows,
-  noResultsPlaceholder = "No data",
-  isPlaceholderActive = false,
-  ...props
-}) => {
+import { TableContext } from "./tableContext.js";
+const TableBody = memo(({ rows, noResultsPlaceholder = "No data", isPlaceholderActive = false, ...props }) => {
   const {
     refs,
     decoratedColumns,

package/dist/esm/components/TableBody.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/TableBody.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, memo } from 'react';\nimport { TableContext } from './tableContext';\n\nconst TableBody = memo(({\n  rows,\n  noResultsPlaceholder = 'No data',\n  isPlaceholderActive = false,\n  ...props\n}) => {\n  const {\n    refs,\n    decoratedColumns,\n    decoratedRenderers: renderers,\n    composedRows,\n    getBodyProps,\n    bodyRowRenderer: rowRenderer,\n    props: { rowKey, numRowsVisible, groupedRows },\n  } = useContext(TableContext);\n\n  const BodyWrapperComponent = renderers.body.wrapper;\n  return (\n    <BodyWrapperComponent\n      classProps={{ grouped: groupedRows }}\n      {...getBodyProps({\n        ...props,\n        innerRef: refs.body,\n        innerBodyRef: refs.innerBody,\n        rows: rows || composedRows.rows || composedRows,\n        noResultsPlaceholder,\n        rowRenderer,\n        columns: decoratedColumns,\n        rowKey,\n        numRowsVisible,\n        isPlaceholderActive,\n      })}\n    >\n      kajsd;klfajsd;fj\n    </BodyWrapperComponent>\n  );\n});\n\nexport { TableBody };\nexport default TableBody;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACqBnB;AArBJ,SAAgB,YAAY,YAAY;AACxC,SAAS,oBAAoB;AAE7B,MAAM,YAAY,KAAK,CAAC;AAAA,EACtB;AAAA,EACA,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,KACnB;AACL,MAAM;AACJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,oBAAoB;AAAA,IACpB;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB,OAAO,EAAE,QAAQ,gBAAgB,YAAY;AAAA,EAC/C,IAAI,WAAW,YAAY;AAE3B,QAAM,uBAAuB,UAAU,KAAK;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY,EAAE,SAAS,YAAY;AAAA,MAClC,GAAG,aAAa;AAAA,QACf,GAAG;AAAA,QACH,UAAU,KAAK;AAAA,QACf,cAAc,KAAK;AAAA,QACnB,MAAM,QAAQ,aAAa,QAAQ;AAAA,QACnC;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,MACF;AAAA;AAAA,EAED;AAEJ,CAAC;AAGD,IAAO,oBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, memo } from 'react';\nimport { TableContext } from './tableContext.js';\n\nconst TableBody = memo(({ rows, noResultsPlaceholder = 'No data', isPlaceholderActive = false, ...props }) => {\n  const {\n    refs,\n    decoratedColumns,\n    decoratedRenderers: renderers,\n    composedRows,\n    getBodyProps,\n    bodyRowRenderer: rowRenderer,\n    props: { rowKey, numRowsVisible, groupedRows },\n  } = useContext(TableContext);\n\n  const BodyWrapperComponent = renderers.body.wrapper;\n  return (\n    <BodyWrapperComponent\n      classProps={{ grouped: groupedRows }}\n      {...getBodyProps({\n        ...props,\n        innerRef: refs.body,\n        innerBodyRef: refs.innerBody,\n        rows: rows || composedRows.rows || composedRows,\n        noResultsPlaceholder,\n        rowRenderer,\n        columns: decoratedColumns,\n        rowKey,\n        numRowsVisible,\n        isPlaceholderActive,\n      })}\n    >\n      kajsd;klfajsd;fj\n    </BodyWrapperComponent>\n  );\n});\n\nexport { TableBody };\nexport default TableBody;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACgBnB;AAhBJ,SAAgB,YAAY,YAAY;AACxC,SAAS,oBAAoB;AAE7B,MAAM,YAAY,KAAK,CAAC,EAAE,MAAM,uBAAuB,WAAW,sBAAsB,OAAO,GAAG,MAAM,MAAM;AAC5G,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,oBAAoB;AAAA,IACpB;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB,OAAO,EAAE,QAAQ,gBAAgB,YAAY;AAAA,EAC/C,IAAI,WAAW,YAAY;AAE3B,QAAM,uBAAuB,UAAU,KAAK;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY,EAAE,SAAS,YAAY;AAAA,MAClC,GAAG,aAAa;AAAA,QACf,GAAG;AAAA,QACH,UAAU,KAAK;AAAA,QACf,cAAc,KAAK;AAAA,QACnB,MAAM,QAAQ,aAAa,QAAQ;AAAA,QACnC;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,MACF;AAAA;AAAA,EAED;AAEJ,CAAC;AAGD,IAAO,oBAAQ;",
   "names": []
 }

package/dist/esm/components/TableHeader.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { useContext } from "react";
-import { TableContext } from "./tableContext";
+import { TableContext } from "./tableContext.js";
 const TableHeader = (props) => {
   const {
     decoratedRenderers: renderers,

package/dist/esm/components/TableHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/TableHeader.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { TableContext } from './tableContext';\n\nconst TableHeader = (props) =>{\n  const {\n    decoratedRenderers: renderers,\n    decoratedColumns: columns,\n    headerRowRenderer,\n    getHeaderProps,\n    refs,\n  } = useContext(TableContext);\n\n  const HeaderWrapper = renderers.header.wrapper;\n  return (\n    <HeaderWrapper\n      {...getHeaderProps({\n        ...props,\n        innerRef: refs.header,\n      })}\n    >\n      {headerRowRenderer(columns, {})}\n    </HeaderWrapper>\n  );\n};\n\nexport { TableHeader };\nexport default TableHeader;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACcnB;AAdJ,SAAgB,kBAAkB;AAClC,SAAS,oBAAoB;AAE7B,MAAM,cAAc,CAAC,UAAS;AAC5B,QAAM;AAAA,IACJ,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,YAAY;AAE3B,QAAM,gBAAgB,UAAU,OAAO;AACvC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,eAAe;AAAA,QACjB,GAAG;AAAA,QACH,UAAU,KAAK;AAAA,MACjB,CAAC;AAAA,MAEA,4BAAkB,SAAS,CAAC,CAAC;AAAA;AAAA,EAChC;AAEJ;AAGA,IAAO,sBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { TableContext } from './tableContext.js';\n\nconst TableHeader = (props) => {\n  const {\n    decoratedRenderers: renderers,\n    decoratedColumns: columns,\n    headerRowRenderer,\n    getHeaderProps,\n    refs,\n  } = useContext(TableContext);\n\n  const HeaderWrapper = renderers.header.wrapper;\n  return (\n    <HeaderWrapper\n      {...getHeaderProps({\n        ...props,\n        innerRef: refs.header,\n      })}\n    >\n      {headerRowRenderer(columns, {})}\n    </HeaderWrapper>\n  );\n};\n\nexport { TableHeader };\nexport default TableHeader;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACcnB;AAdJ,SAAgB,kBAAkB;AAClC,SAAS,oBAAoB;AAE7B,MAAM,cAAc,CAAC,UAAU;AAC7B,QAAM;AAAA,IACJ,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,YAAY;AAE3B,QAAM,gBAAgB,UAAU,OAAO;AACvC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,eAAe;AAAA,QACjB,GAAG;AAAA,QACH,UAAU,KAAK;AAAA,MACjB,CAAC;AAAA,MAEA,4BAAkB,SAAS,CAAC,CAAC;AAAA;AAAA,EAChC;AAEJ;AAGA,IAAO,sBAAQ;",
   "names": []
 }

package/dist/esm/components/footer/addOptionalFooterComponents.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Fragment, jsx } from "react/jsx-runtime";
-import { Pagination } from "../../plugins/pagination/components/Pagination";
+import { Pagination } from "../../plugins/pagination/components/Pagination.js";
 const addOptionalFooterComponents = ({ grid, rows }) => {
   const {
     props: { maxPerPage, minPerPage, paginated, paginationStep },

package/dist/esm/components/footer/addOptionalFooterComponents.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/footer/addOptionalFooterComponents.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { Pagination } from '../../plugins/pagination/components/Pagination';\n\nconst addOptionalFooterComponents = ({ grid, rows }) => {\n  const {\n    props: { maxPerPage, minPerPage, paginated, paginationStep },\n    state: { pagination },\n    actions: { onPerPage, onPageSelect },\n  } = grid;\n  if (!paginated) return null;\n  return (\n    <>\n      <Pagination\n        maxPerPage={maxPerPage}\n        minPerPage={minPerPage}\n        onPageSelect={onPageSelect}\n        onPerPage={onPerPage}\n        paginationStep={paginationStep}\n        paginated={rows}\n        pagination={pagination}\n      />\n    </>\n  );\n};\n\nexport { addOptionalFooterComponents };\nexport default addOptionalFooterComponents;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { Pagination } from '../../plugins/pagination/components/Pagination.js';\n\nconst addOptionalFooterComponents = ({ grid, rows }) => {\n  const {\n    props: { maxPerPage, minPerPage, paginated, paginationStep },\n    state: { pagination },\n    actions: { onPerPage, onPageSelect },\n  } = grid;\n  if (!paginated) return null;\n  return (\n    <>\n      <Pagination\n        maxPerPage={maxPerPage}\n        minPerPage={minPerPage}\n        onPageSelect={onPageSelect}\n        onPerPage={onPerPage}\n        paginationStep={paginationStep}\n        paginated={rows}\n        pagination={pagination}\n      />\n    </>\n  );\n};\n\nexport { addOptionalFooterComponents };\nexport default addOptionalFooterComponents;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACWnB,mBACE,WADF;AAVJ,SAAS,kBAAkB;AAE3B,MAAM,8BAA8B,CAAC,EAAE,MAAM,KAAK,MAAM;AACtD,QAAM;AAAA,IACJ,OAAO,EAAE,YAAY,YAAY,WAAW,eAAe;AAAA,IAC3D,OAAO,EAAE,WAAW;AAAA,IACpB,SAAS,EAAE,WAAW,aAAa;AAAA,EACrC,IAAI;AACJ,MAAI,CAAC;AAAW,WAAO;AACvB,SACE,gCACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA;AAAA,EACF,GACF;AAEJ;AAGA,IAAO,sCAAQ;",
   "names": []
 }

package/dist/esm/components/index.js

@@ -1,9 +1,9 @@
 import * as React from "react";
-import { default as default2 } from "./HeaderCell";
-import { default as default3 } from "./BodyCell";
-import { default as default4 } from "./TableBody";
-import { default as default5 } from "./TableHeader";
-import { default as default6 } from "./Table";
+import { default as default2 } from "./HeaderCell.js";
+import { default as default3 } from "./BodyCell.js";
+import { default as default4 } from "./TableBody.js";
+import { default as default5 } from "./TableHeader.js";
+import { default as default6 } from "./Table.js";
 export {
   default3 as BodyCell,
   default2 as HeaderCell,