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

package/dist/esm/DSDataGrid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSDataGrid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { DataGridImpl } from './DataGridImpl';\nimport { RowSizesOptions, RowSizesOptionsArr } from './rowSizes';\n\nconst DSDataGrids = ({\n  containerProps = {},\n  instanceRef,\n  className = '',\n\n  // data\n  columns = [],\n  rows = [],\n  rowKey = 'id',\n\n  // features\n  infiniteScrolling = false,\n  editable = false,\n  sortable = false,\n  sortEmptyLast = false,\n  paginated = false,\n  dragAndDropRows = false,\n  selectable = false,\n  resizeableColumns = false,\n  searchFilters = false,\n  dragAndDropColumns = false,\n  useTreeData = false,\n  autoScrollToId,\n\n  // virtualization props\n  overscanCount = 10,\n\n  // feature state\n  selectAll = false, // todo: change to isAllSelected\n  selectedRows = [],\n  filters = undefined,\n  onAddFilter = () => null,\n  onRemoveFilter = () => null,\n  onFiltersChange = () => null,\n  showFilterBar = true,\n  multiSelectFilterOptions = [\n    { id: 'true', label: 'Selected' },\n    { id: 'false', label: 'Not selected' },\n  ],\n  multiSelectFilterLabels = undefined,\n  multiSelectFilterLabel = 'Selection',\n\n  aggregations = {},\n  groupingColumn = undefined,\n\n  sortingColumns = {},\n\n  // pagination\n  minPerPage = 0,\n  maxPerPage = 50,\n  onPerPageChange = () => null,\n  onPageChange = () => null,\n  paginationStep = 2,\n  pagination = {\n    page: 1,\n    perPage: 10,\n  },\n  // visual\n  showHeader = true,\n  fixedHeader = true,\n  wrapText = false,\n  height = undefined,\n  minColumnWidth = 100,\n  showRowsLoader = false,\n  visibleColumns = undefined, // this enforces visibility of columns\n  showSelectHighlight = false,\n  showSelectColumn = true,\n  selectColumnSortable = true,\n  selectColumnFilterable = false,\n  selectionColumnDefinition = {},\n  filterBarOptions = undefined,\n  // searchGrid = false,\n  renderToolbar = undefined,\n  toolbarDelayClose = 400,\n  renderFilterToolbar = undefined,\n  multiSelectComponent = undefined,\n  // todo: deprecate this\n  noResultsRender,\n  noResultsPlaceholder,\n  fluidHeight = false,\n\n  customHandlers = {},\n\n  // grouping feature\n  groupedBy = undefined,\n\n  // callbacks\n  onDefaultFiltersLoad = () => null,\n  onReorder = () => null,\n  onMoveRowEnd = () => null,\n  onMoveRowStart = () => null,\n  onMoveColumnOver = () => null,\n  onMoveColumnStart = () => null,\n  onMoveColumnEnd = () => null,\n  onColumnResize = () => null,\n  onExpandChange = () => null,\n  onToggleExpand = () => null,\n  onExpandRow = () => null,\n  onFilter = () => null,\n  onSort = () => null,\n  onColumnRowEdited = () => null,\n  onColumnRowEdit = () => null,\n  onSelectRow = () => null,\n  onSelectAll = () => null,\n  onInfiniteScrolling = () => null,\n  onFilterMenuClose = () => null,\n  onFilterMenuOpen = () => null,\n  getData = undefined, // todo: change to onGetMoreData\n  serverSideData = false,\n  isDataSorted = false,\n  isDataFiltered = false,\n  virtualized = true,\n  numRowsVisible = undefined,\n  isColumnEditable = (column) => column.editable,\n\n  // grouped props\n  groupedRows = false,\n  groupedRowsRenderHeader = undefined,\n  // expandable props\n  renderExpandedDetails = () => null,\n  detailColumns,\n  expandable = false,\n  getChildrenRows = (row) => row.children,\n  expandableSubrowsVisible = 7,\n  renderRowDetails = () => null,\n  getExpandedRowSize = undefined,\n  getExpandedRowMinSize,\n  rowSize = RowSizesOptions.normal,\n  subRowSize = RowSizesOptions.normal,\n  bindColumnsSizeTo = undefined,\n  bindRowSizeTo = undefined,\n  onToggleShowAllRows,\n  expandedRows,\n  autoHeight = false,\n  noColumnsPlaceholder,\n  plugins = [],\n  normalizeDataKeys = false,\n}) => (\n  <TooltipTextProvider>\n    <DataGridImpl\n      aggregations={aggregations}\n      autoHeight={autoHeight && !fluidHeight}\n      autoScrollToId={autoScrollToId}\n      bindColumnsSizeTo={bindColumnsSizeTo}\n      bindRowSizeTo={bindRowSizeTo}\n      className={className}\n      columns={columns}\n      containerProps={containerProps}\n      customHandlers={customHandlers}\n      detailColumns={detailColumns}\n      dragAndDropColumns={dragAndDropColumns}\n      dragAndDropRows={dragAndDropRows}\n      editable={editable}\n      expandable={expandable}\n      expandableSubrowsVisible={expandableSubrowsVisible}\n      expandedRows={expandedRows}\n      filterBarOptions={filterBarOptions}\n      filters={filters}\n      fixedHeader={fixedHeader}\n      fluidHeight={fluidHeight}\n      getChildrenRows={getChildrenRows}\n      getData={getData}\n      getExpandedRowMinSize={getExpandedRowMinSize}\n      getExpandedRowSize={getExpandedRowSize}\n      groupedBy={groupedBy}\n      groupedRows={groupedRows}\n      groupedRowsRenderHeader={groupedRowsRenderHeader}\n      groupingColumn={groupingColumn}\n      height={height}\n      infiniteScrolling={infiniteScrolling}\n      instanceRef={instanceRef}\n      isColumnEditable={isColumnEditable}\n      isDataFiltered={isDataFiltered}\n      isDataSorted={isDataSorted}\n      maxPerPage={maxPerPage}\n      minColumnWidth={minColumnWidth}\n      minPerPage={minPerPage}\n      multiSelectComponent={multiSelectComponent}\n      multiSelectFilterLabel={multiSelectFilterLabel}\n      multiSelectFilterLabels={multiSelectFilterLabels}\n      multiSelectFilterOptions={multiSelectFilterOptions}\n      noColumnsPlaceholder={noColumnsPlaceholder}\n      noResultsPlaceholder={noResultsPlaceholder}\n      noResultsRender={noResultsRender}\n      normalizeDataKeys={normalizeDataKeys}\n      numRowsVisible={numRowsVisible} // if defined, fluidHeight is disabled\n      onAddFilter={onAddFilter}\n      onColumnResize={onColumnResize}\n      onColumnRowEdit={onColumnRowEdit}\n      onColumnRowEdited={onColumnRowEdited}\n      onExpandRow={onExpandRow}\n      onExpandChange={onExpandChange}\n      onFilter={onFilter}\n      onFiltersChange={onFiltersChange}\n      onFilterMenuClose={onFilterMenuClose}\n      onFilterMenuOpen={onFilterMenuOpen}\n      onDefaultFiltersLoad={onDefaultFiltersLoad}\n      onInfiniteScrolling={onInfiniteScrolling}\n      onMoveColumnEnd={onMoveColumnEnd}\n      onMoveColumnOver={onMoveColumnOver}\n      onMoveColumnStart={onMoveColumnStart}\n      onMoveRowEnd={onMoveRowEnd}\n      onMoveRowStart={onMoveRowStart}\n      onPageChange={onPageChange}\n      onPerPageChange={onPerPageChange}\n      onRemoveFilter={onRemoveFilter}\n      onReorder={onReorder}\n      onSelectAll={onSelectAll}\n      onSelectRow={onSelectRow}\n      onSort={onSort}\n      onToggleExpand={onToggleExpand}\n      onToggleShowAllRows={onToggleShowAllRows}\n      overscanCount={overscanCount}\n      paginated={paginated}\n      pagination={pagination}\n      paginationStep={paginationStep}\n      plugins={plugins}\n      renderExpandedDetails={renderExpandedDetails}\n      renderFilterToolbar={renderFilterToolbar}\n      renderRowDetails={renderRowDetails}\n      renderToolbar={renderToolbar}\n      resizeableColumns={resizeableColumns}\n      rowKey={rowKey}\n      rows={rows}\n      rowSize={rowSize}\n      searchFilters={searchFilters}\n      selectable={selectable}\n      selectAll={selectAll}\n      selectColumnFilterable={selectColumnFilterable}\n      selectColumnSortable={selectColumnSortable}\n      selectedRows={selectedRows}\n      selectionColumnDefinition={selectionColumnDefinition}\n      serverSideData={serverSideData}\n      showFilterBar={showFilterBar}\n      showHeader={showHeader}\n      showRowsLoader={showRowsLoader}\n      showSelectColumn={showSelectColumn}\n      showSelectHighlight={showSelectHighlight}\n      sortable={sortable}\n      sortEmptyLast={sortEmptyLast}\n      sortingColumns={sortingColumns}\n      subrowSize={subRowSize}\n      toolbarDelayClose={toolbarDelayClose}\n      useTreeData={useTreeData}\n      virtualized={virtualized}\n      visibleColumns={visibleColumns}\n      wrapText={wrapText}\n    />\n  </TooltipTextProvider>\n);\n\nconst props = {\n  /** ref to the instance of the datagrid, handle it imperatively */\n  instanceRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n    'ref to the instance of the datagrid, handle it imperatively',\n  ),\n  /** class for data grid wrapper */\n  className: PropTypes.string.description('class for data grid wrapper'),\n  /** inject props to datagrid wrapper */\n  containerProps: PropTypes.object.description('inject props to datagrid wrapper'),\n  /** FilterBar props passed down to FilterBar */\n  filterBarOptions: PropTypes.shape({\n    minWidth: PropTypes.number,\n    maxWidth: PropTypes.number,\n  }).description('FilterBar props passed down to FilterBar'),\n  /** datagrid columns */\n  columns: PropTypes.arrayOf(\n    PropTypes.shape({\n      /** Column property as an identifier */\n      property: PropTypes.string.isRequired,\n      /** Label in the header */\n      label: PropTypes.string,\n      /** Defines the width of the column, can be a string with percentages (\"50%\"), if not defined the width is flexible */\n      width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n      /** Min width for this column. NOTE: Has prevalence over the general minColumnWidth */\n      minWidth: PropTypes.number,\n      /** Function returning a custom editor for that cell ({ value, onValue, rowData }) => Element */\n      customEditor: PropTypes.func,\n      /** Function returning an element to render in the cell ({ value, customHandlers, metaData: { rowData } }) => Element */\n      customRenderer: PropTypes.func,\n      /** Activates 'searchable' feature for this column */\n      searchable: PropTypes.bool,\n      /** Activates 'sortable' feature for this column */\n      sortable: PropTypes.bool,\n      /** Activates 'resizable' feature for this column */\n      resizable: PropTypes.bool,\n      /** Activates 'editable' feature for this column */\n      editable: PropTypes.bool,\n      /** Whether this column is visible or not */\n      visible: PropTypes.bool,\n    }),\n  ).description('datagrid columns'),\n  /** datagrid rows */\n  rows: PropTypes.arrayOf(PropTypes.object).description('datagrid rows'),\n  /** key for each row */\n  rowKey: PropTypes.string.description('key for each row'),\n  /** toggle infinite scroll loading behavior */\n  infiniteScrolling: PropTypes.bool.description('toggle infinite scroll loading behavior'),\n  /** Activates 'editable' feature on the DataGrid NOTE: needs to be activated in the column definition as well */\n  overscanCount: PropTypes.number.description(\n    \"Activates 'editable' feature on the DataGrid NOTE: needs to be activated in the column definition as well\",\n  ),\n  /** turn datagrid to editable mode */\n  editable: PropTypes.bool.description('turn datagrid to editable mode'),\n  /** Activates 'sortable' feature on the GataGrid NOTE: needs to be activated in the column definition as well */\n  sortable: PropTypes.bool.description(\n    \"Activates 'sortable' feature on the GataGrid NOTE: needs to be activated in the column definition as well\",\n  ),\n  /** Put empty values always last on the column after sorting */\n  sortEmptyLast: PropTypes.bool.description('Put empty values always last on the column after sorting'),\n  /** Activates 'pagination' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n  paginated: PropTypes.bool.description(\n    \"Activates 'pagination' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n  ),\n  /** Pagination step for clicking the next pages */\n  paginationStep: PropTypes.number.description('Pagination step for clicking the next pages'),\n  /** Activates 'drag and drop rows' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n  dragAndDropRows: PropTypes.bool.description(\n    \"Activates 'drag and drop rows' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n  ),\n  /** Activates 'selection' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n  selectable: PropTypes.bool.description(\n    \"Activates 'selection' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n  ),\n  /** Activates 'resize' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n  resizeableColumns: PropTypes.bool.description(\n    \"Activates 'resize' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n  ),\n  /** Placeholder rendered when no rows are visible */\n  noResultsPlaceholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n    'Placeholder rendered when no rows are visible',\n  ),\n  /** Activates 'filtering' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n  searchFilters: PropTypes.bool.description(\n    \"activates 'filtering' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n  ),\n  /** Activates 'drag and drop columns' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n  dragAndDropColumns: PropTypes.bool.description(\n    \"Activates 'drag and drop columns' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n  ),\n  /** Activates 'grouping and tree data' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n  useTreeData: PropTypes.bool.description(\n    \"activates 'grouping and tree data' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n  ),\n  /** AutoScroll to row ID */\n  autoScrollToId: PropTypes.any.description('AutoScroll to row ID'),\n  /** Whether all rows are selected or not */\n  selectAll: PropTypes.bool.description('Whether all rows are selected or not'),\n  /** Defines the selected rows */\n  selectedRows: PropTypes.arrayOf(PropTypes.object).description(' Defines the selected rows'),\n  /** Filters to be applied to the grid */\n  filters: PropTypes.arrayOf(PropTypes.object).description('Filters to be applied to the grid'),\n  // todo: define params for handlers\n  /** Handler when user expands a row */\n  onExpandRow: PropTypes.func.description('Handler when user expands a row'),\n  /** Handler when user expands a row with full expand state */\n  onExpandChange: PropTypes.func.description('Handler when user expands a row with full expand state'),\n  /** Handler when user expands a row (old API) */\n  onToggleExpand: PropTypes.func.description('Handler when user expands a row (old API)'),\n  /** Handler when user adds a filter */\n  onAddFilter: PropTypes.func.description('Handler when user adds a filter'),\n  /** Handler when user removes a filter */\n  onRemoveFilter: PropTypes.func.description('Handler when user removes a filter'),\n  /** Handler when the filters state has changed */\n  onFiltersChange: PropTypes.func.description('Handler when the filters state has changed '),\n  /** Handler when the default filters load. Returns the rows rendered */\n  onDefaultFiltersLoad: PropTypes.func.description('Handler when the default filters load. Returns the rows rendered'),\n  /** Handler when column move is over another column */\n  onMoveColumnOver: PropTypes.func.description('Handler when column move is over another column'),\n  /** Handler when column move starts */\n  onMoveColumnStart: PropTypes.func.description(' Handler when column move starts'),\n  /** Handler when column move ends */\n  onMoveColumnEnd: PropTypes.func.description('Handler when column move ends'),\n  /** Whether to show the filter bar or not */\n  showFilterBar: PropTypes.bool.description('Whether to show the filter bar or not'),\n  /** Custom option for the header with multi select */\n  multiSelectFilterOptions: PropTypes.arrayOf(PropTypes.object).description(\n    'Custom option for the header with multi select',\n  ),\n  /** Label to the header column for multi select */\n  multiSelectFilterLabel: PropTypes.string.description('Label to the header column for multi select'),\n  /** Labels for multi selects */\n  multiSelectFilterLabels: PropTypes.arrayOf(PropTypes.string).description('Labels for multi selects'),\n  /** unstable */\n  aggregations: PropTypes.object.description('').deprecated(''),\n  /** unstable */\n  /** Column which rows would be grouped by */\n  groupingColumn: PropTypes.string.description('Column which rows would be grouped by').deprecated(''),\n  /** group by */\n  groupedBy: PropTypes.string.description('group by'),\n  /** Defines the sorting state */\n  sortingColumns: PropTypes.objectOf(\n    PropTypes.shape({\n      // eslint-disable-next-line react/no-unused-prop-types\n      direction: PropTypes.oneOf(['asc', 'desc']),\n      // eslint-disable-next-line react/no-unused-prop-types\n      position: PropTypes.number,\n    }),\n  ).description('Defines the sorting state'),\n  /** Visible columns property */\n  visibleColumns: PropTypes.arrayOf(PropTypes.string).description('Visible columns property'),\n  /** Pagination: Minimum number of rows per page */\n  minPerPage: PropTypes.string.description('Pagination: Minimum number of rows per page'),\n  /** Pagination: Maximum number of rows per page */\n  maxPerPage: PropTypes.string.description('Pagination: Maximum number of rows per page'),\n  /** Pagination: Handler when user changes the amount of rows per page */\n  onPerPageChange: PropTypes.string.description('Pagination: Handler when user changes the amount of rows per page'),\n  /** Pagination: Handler when user changes the page */\n  onPageChange: PropTypes.string.description('Pagination: Handler when user changes the page'),\n  /** Pagination state */\n  pagination: PropTypes.shape({\n    // eslint-disable-next-line react/no-unused-prop-types\n    page: PropTypes.number,\n    // eslint-disable-next-line react/no-unused-prop-types\n    perPage: PropTypes.number,\n  }).description('pagination state'),\n  /** Whether to show the header or not */\n  showHeader: PropTypes.bool.description('Whether to show the header or not'),\n  /** Whether to header is fixed or not */\n  fixedHeader: PropTypes.bool.description('Whether to header is fixed or not'),\n  /** Defines the height of the DataGrid */\n  height: PropTypes.number.description('Defines the height of the DataGrid'),\n  /** General min column width for all the columns */\n  minColumnWidth: PropTypes.number.description('General min column width for all the columns '),\n  /** Whether to show a loader instead of the rows or not */\n  showRowsLoader: PropTypes.bool.description('Whether to show a loader instead of the rows or not'),\n  /** When a user selects a row, that row get highlighted */\n  showSelectHighlight: PropTypes.bool.description('When a user selects a row, that row get highlighted'),\n  /** Whether to show the select column when the selection feature is active */\n  showSelectColumn: PropTypes.bool.description(\n    'Whether to show the select column when the selection feature is active',\n  ),\n  /** Activates sortable feature to selection column */\n  selectColumnSortable: PropTypes.bool.description('activates sortable feature to selection column'),\n  /** Activates filterable feature to selection column */\n  selectColumnFilterable: PropTypes.bool.description('Activates filterable feature to selection column'),\n  /** Define the definition for the selection column */\n  selectionColumnDefinition: PropTypes.object.description('Define the definition for the selection column'),\n  /** Function that returns a toolbar to show when the user hovers the row */\n  renderToolbar: PropTypes.func.description('Function that returns a toolbar to show when the user hovers the row'),\n  /** Timeout to close the toolbar */\n  toolbarDelayClose: PropTypes.number.description(' Timeout to close the toolbar'),\n  /** Function that returns a toolbar in the FilterBar component */\n  renderFilterToolbar: PropTypes.func.description('Function that returns a toolbar in the FilterBar component'),\n  /** Custom component for the selection */\n  multiSelectComponent: PropTypes.element.description('Custom component for the selection'),\n  /** Normalize the keys of the data received and the columns */\n  normalizeDataKeys: PropTypes.bool.description('Normalize the keys of the data received and the columns'),\n  /** Function that returns an Element when there are no rows */\n  noResultsRender: PropTypes.func.description('Function that returns an Element when there are no rows'),\n  /** The height of the DataGrid will expand to its container */\n  fluidHeight: PropTypes.bool.description('The height of the DataGrid will expand to its container'),\n  /** @deprecated */\n  customHandlers: PropTypes.object.description('').deprecated(''),\n  /** Handler when user closes the filter menu */\n  onFilterMenuClose: PropTypes.func.description('Handler when user closes the filter menu'),\n  /** Handler when user opens the filter menu */\n  onFilterMenuOpen: PropTypes.func.description('Handler when user opens the filter menu'),\n  /** Handler when user drags a row */\n  onReorder: PropTypes.func.description('handler when user drags a row '),\n  /** Handler when user stops dragging a row */\n  onMoveRowEnd: PropTypes.func.description('Handler when user stops dragging a row '),\n  /** Handler when user starts dragging a row */\n  onMoveRowStart: PropTypes.func.description('Handler when user starts dragging a row'),\n  /** Handler when user has resized a column */\n  onColumnResize: PropTypes.func.description('Handler when user has resized a column'),\n  /** Handler when user filters by a column */\n  onFilter: PropTypes.func.description('Handler when user filters by a column'),\n  /** Handler when user sorts by a column */\n  onSort: PropTypes.func.description('Handler when user sorts by a column '),\n  /** Handler when user has edited a cell row */\n  onColumnRowEdited: PropTypes.func.description('Handler when user has edited a cell row'),\n  /** Handler when user activates the cell row editing functionality */\n  onColumnRowEdit: PropTypes.func.description(' Handler when user activates the cell row editing functionality'),\n  /** Handler when user selects a row */\n  onSelectRow: PropTypes.func.description('Handler when user selects a row'),\n  /** Handler when user checks the selection header controller */\n  onSelectAll: PropTypes.func.description('Handler when user checks the selection header controller'),\n  /** Handler to get more data when infinite scroll is activated */\n  getData: PropTypes.func.description('Handler to get more data when infinite scroll is activated'),\n  /** Handler to get more data when infinite scroll is activated without side-effect */\n  onInfiniteScrolling: PropTypes.func.description(\n    'Handler to get more data when infinite scroll is activated without side-effect',\n  ),\n  /** Flag to override empty sort when data is from server */\n  serverSideData: PropTypes.bool.description('Flag to override empty sort when data is from server'),\n  /** Flag to force virtualization. Not used */\n  virtualized: PropTypes.bool.description('Flag to force virtualization. Not used'),\n  /** Number of rows visible. Not used */\n  numRowsVisible: PropTypes.oneOfType([PropTypes.number, PropTypes.oneOf(['all'])]).description('Number of rows visible. Not used'),\n  /** Callback to check if column is editable */\n  isColumnEditable: PropTypes.func.description('Callback to check if column is editable'),\n  /** Flag for groupedRows */\n  groupedRows: PropTypes.bool.description('Flag for groupedRows'),\n  /** Header for grouped rows */\n  groupedRowsRenderHeader: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description('Header for grouped rows'),\n  /** Once activated will disable the internal logic for sorting */\n  isDataSorted: PropTypes.bool.description('Once activated will disable the internal logic for sorting'),\n  /** Once activated will disable the internal logic for filtering */\n  isDataFiltered: PropTypes.bool.description('Once activated will disable the internal logic for filtering'),\n  /** Change row size */\n  rowSize: PropTypes.oneOf(RowSizesOptionsArr).description('Change row size'),\n  /** Whether to wrap the text of the data grid or not */\n  wrapText: PropTypes.bool.description('Whether to wrap the text of the data grid or not'),\n  /** Element to render expanded details */\n  renderExpandedDetails: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(\n    'Element to render expanded details',\n  ),\n  /** Columns to render on the details of an expanded row */\n  detailColumns: PropTypes.arrayOf(PropTypes.object).description('Columns to render on the details of an expanded row'),\n  /** Flag to enable the expandable feature */\n  expandable: PropTypes.bool.description('Flag to enable the expandable feature '),\n  /** Callback to get the row children */\n  getChildrenRows: PropTypes.func.description('Callback to get the row children'),\n  /** Number of rows visible on the details of an expanded row */\n  expandableSubrowsVisible: PropTypes.number.description('Number of rows visible on the details of an expanded row'),\n  /** Element to render inside expanded row */\n  renderRowDetails: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(\n    'Element to render inside expanded row',\n  ),\n  /** Callback to get the expanded row size */\n  getExpandedRowSize: PropTypes.func.description('Callback to get the expanded row size'),\n  /** Callback to get the expanded row minimum size */\n  getExpandedRowMinSize: PropTypes.func.description('Callback to get the expanded row minimum size'),\n  /** Change expanded/details rows size */\n  subRowSize: PropTypes.oneOf(RowSizesOptionsArr).description('Change expanded/details rows size'),\n  /** Bind the column size to another grid instance */\n  bindColumnsSizeTo: PropTypes.string.description('Bind the column size to another grid instance'),\n  /** Bind the row size to another grid instance */\n  bindRowSizeTo: PropTypes.string.description('Bind the row size to another grid instance'),\n  /** Handler when toggle show all is clicked  */\n  onToggleShowAllRows: PropTypes.func.description('Handler when toggle show all is clicked'),\n  /** Expanded row state */\n  expandedRows: PropTypes.object.description('Expanded row state'),\n  /** Flag to enable autoheight */\n  autoHeight: PropTypes.bool.description('Flag to enable autoheight'),\n  /** Placeholder rendered when no columns are visible */\n  noColumnsPlaceholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n    'Placeholder rendered when no columns are visible',\n  ),\n  /** Plugin additional array */\n  plugins: PropTypes.arrayOf(PropTypes.any).description('Plugin additional array'),\n};\n\nDSDataGrids.propTypes = props;\nDSDataGrids.displayName = 'DSDataGrids';\nconst DSDataGridsWithSchema = describe(DSDataGrids);\nDSDataGridsWithSchema.propTypes = props;\n\nexport { DSDataGridsWithSchema, DSDataGrids, DSDataGrids as DSDataGrid };\nexport default DSDataGrids;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { DataGridImpl } from './DataGridImpl.js';\nimport { RowSizesOptions, RowSizesOptionsArr } from './rowSizes.js';\n\nconst DSDataGrids = ({\n  containerProps = {},\n  instanceRef,\n  className = '',\n\n  // data\n  columns = [],\n  rows = [],\n  rowKey = 'id',\n\n  // features\n  infiniteScrolling = false,\n  editable = false,\n  sortable = false,\n  sortEmptyLast = false,\n  paginated = false,\n  dragAndDropRows = false,\n  selectable = false,\n  resizeableColumns = false,\n  searchFilters = false,\n  dragAndDropColumns = false,\n  useTreeData = false,\n  autoScrollToId,\n\n  // virtualization props\n  overscanCount = 10,\n\n  // feature state\n  selectAll = false, // todo: change to isAllSelected\n  selectedRows = [],\n  filters = undefined,\n  onAddFilter = () => null,\n  onRemoveFilter = () => null,\n  onFiltersChange = () => null,\n  showFilterBar = true,\n  multiSelectFilterOptions = [\n    { id: 'true', label: 'Selected' },\n    { id: 'false', label: 'Not selected' },\n  ],\n  multiSelectFilterLabels = undefined,\n  multiSelectFilterLabel = 'Selection',\n\n  aggregations = {},\n  groupingColumn = undefined,\n\n  sortingColumns = {},\n\n  // pagination\n  minPerPage = 0,\n  maxPerPage = 50,\n  onPerPageChange = () => null,\n  onPageChange = () => null,\n  paginationStep = 2,\n  pagination = {\n    page: 1,\n    perPage: 10,\n  },\n  // visual\n  showHeader = true,\n  fixedHeader = true,\n  wrapText = false,\n  height = undefined,\n  minColumnWidth = 100,\n  showRowsLoader = false,\n  visibleColumns = undefined, // this enforces visibility of columns\n  showSelectHighlight = false,\n  showSelectColumn = true,\n  selectColumnSortable = true,\n  selectColumnFilterable = false,\n  selectionColumnDefinition = {},\n  filterBarOptions = undefined,\n  // searchGrid = false,\n  renderToolbar = undefined,\n  toolbarDelayClose = 400,\n  renderFilterToolbar = undefined,\n  multiSelectComponent = undefined,\n  // todo: deprecate this\n  noResultsRender,\n  noResultsPlaceholder,\n  fluidHeight = false,\n\n  customHandlers = {},\n\n  // grouping feature\n  groupedBy = undefined,\n\n  // callbacks\n  onDefaultFiltersLoad = () => null,\n  onReorder = () => null,\n  onMoveRowEnd = () => null,\n  onMoveRowStart = () => null,\n  onMoveColumnOver = () => null,\n  onMoveColumnStart = () => null,\n  onMoveColumnEnd = () => null,\n  onColumnResize = () => null,\n  onExpandChange = () => null,\n  onToggleExpand = () => null,\n  onExpandRow = () => null,\n  onFilter = () => null,\n  onSort = () => null,\n  onColumnRowEdited = () => null,\n  onColumnRowEdit = () => null,\n  onSelectRow = () => null,\n  onSelectAll = () => null,\n  onInfiniteScrolling = () => null,\n  onFilterMenuClose = () => null,\n  onFilterMenuOpen = () => null,\n  getData = undefined, // todo: change to onGetMoreData\n  serverSideData = false,\n  isDataSorted = false,\n  isDataFiltered = false,\n  virtualized = true,\n  numRowsVisible = undefined,\n  isColumnEditable = (column) => column.editable,\n\n  // grouped props\n  groupedRows = false,\n  groupedRowsRenderHeader = undefined,\n  // expandable props\n  renderExpandedDetails = () => null,\n  detailColumns,\n  expandable = false,\n  getChildrenRows = (row) => row.children,\n  expandableSubrowsVisible = 7,\n  renderRowDetails = () => null,\n  getExpandedRowSize = undefined,\n  getExpandedRowMinSize,\n  rowSize = RowSizesOptions.normal,\n  subRowSize = RowSizesOptions.normal,\n  bindColumnsSizeTo = undefined,\n  bindRowSizeTo = undefined,\n  onToggleShowAllRows,\n  expandedRows,\n  autoHeight = false,\n  noColumnsPlaceholder,\n  plugins = [],\n  normalizeDataKeys = false,\n}) => {\n  useDeprecateComponent({ componentName: 'ds-datagrids', version: '3.x Date: 2023 Q1' });\n\n  return (\n    <TooltipTextProvider>\n      <DataGridImpl\n        aggregations={aggregations}\n        autoHeight={autoHeight && !fluidHeight}\n        autoScrollToId={autoScrollToId}\n        bindColumnsSizeTo={bindColumnsSizeTo}\n        bindRowSizeTo={bindRowSizeTo}\n        className={className}\n        columns={columns}\n        containerProps={containerProps}\n        customHandlers={customHandlers}\n        detailColumns={detailColumns}\n        dragAndDropColumns={dragAndDropColumns}\n        dragAndDropRows={dragAndDropRows}\n        editable={editable}\n        expandable={expandable}\n        expandableSubrowsVisible={expandableSubrowsVisible}\n        expandedRows={expandedRows}\n        filterBarOptions={filterBarOptions}\n        filters={filters}\n        fixedHeader={fixedHeader}\n        fluidHeight={fluidHeight}\n        getChildrenRows={getChildrenRows}\n        getData={getData}\n        getExpandedRowMinSize={getExpandedRowMinSize}\n        getExpandedRowSize={getExpandedRowSize}\n        groupedBy={groupedBy}\n        groupedRows={groupedRows}\n        groupedRowsRenderHeader={groupedRowsRenderHeader}\n        groupingColumn={groupingColumn}\n        height={height}\n        infiniteScrolling={infiniteScrolling}\n        instanceRef={instanceRef}\n        isColumnEditable={isColumnEditable}\n        isDataFiltered={isDataFiltered}\n        isDataSorted={isDataSorted}\n        maxPerPage={maxPerPage}\n        minColumnWidth={minColumnWidth}\n        minPerPage={minPerPage}\n        multiSelectComponent={multiSelectComponent}\n        multiSelectFilterLabel={multiSelectFilterLabel}\n        multiSelectFilterLabels={multiSelectFilterLabels}\n        multiSelectFilterOptions={multiSelectFilterOptions}\n        noColumnsPlaceholder={noColumnsPlaceholder}\n        noResultsPlaceholder={noResultsPlaceholder}\n        noResultsRender={noResultsRender}\n        normalizeDataKeys={normalizeDataKeys}\n        numRowsVisible={numRowsVisible} // if defined, fluidHeight is disabled\n        onAddFilter={onAddFilter}\n        onColumnResize={onColumnResize}\n        onColumnRowEdit={onColumnRowEdit}\n        onColumnRowEdited={onColumnRowEdited}\n        onExpandRow={onExpandRow}\n        onExpandChange={onExpandChange}\n        onFilter={onFilter}\n        onFiltersChange={onFiltersChange}\n        onFilterMenuClose={onFilterMenuClose}\n        onFilterMenuOpen={onFilterMenuOpen}\n        onDefaultFiltersLoad={onDefaultFiltersLoad}\n        onInfiniteScrolling={onInfiniteScrolling}\n        onMoveColumnEnd={onMoveColumnEnd}\n        onMoveColumnOver={onMoveColumnOver}\n        onMoveColumnStart={onMoveColumnStart}\n        onMoveRowEnd={onMoveRowEnd}\n        onMoveRowStart={onMoveRowStart}\n        onPageChange={onPageChange}\n        onPerPageChange={onPerPageChange}\n        onRemoveFilter={onRemoveFilter}\n        onReorder={onReorder}\n        onSelectAll={onSelectAll}\n        onSelectRow={onSelectRow}\n        onSort={onSort}\n        onToggleExpand={onToggleExpand}\n        onToggleShowAllRows={onToggleShowAllRows}\n        overscanCount={overscanCount}\n        paginated={paginated}\n        pagination={pagination}\n        paginationStep={paginationStep}\n        plugins={plugins}\n        renderExpandedDetails={renderExpandedDetails}\n        renderFilterToolbar={renderFilterToolbar}\n        renderRowDetails={renderRowDetails}\n        renderToolbar={renderToolbar}\n        resizeableColumns={resizeableColumns}\n        rowKey={rowKey}\n        rows={rows}\n        rowSize={rowSize}\n        searchFilters={searchFilters}\n        selectable={selectable}\n        selectAll={selectAll}\n        selectColumnFilterable={selectColumnFilterable}\n        selectColumnSortable={selectColumnSortable}\n        selectedRows={selectedRows}\n        selectionColumnDefinition={selectionColumnDefinition}\n        serverSideData={serverSideData}\n        showFilterBar={showFilterBar}\n        showHeader={showHeader}\n        showRowsLoader={showRowsLoader}\n        showSelectColumn={showSelectColumn}\n        showSelectHighlight={showSelectHighlight}\n        sortable={sortable}\n        sortEmptyLast={sortEmptyLast}\n        sortingColumns={sortingColumns}\n        subrowSize={subRowSize}\n        toolbarDelayClose={toolbarDelayClose}\n        useTreeData={useTreeData}\n        virtualized={virtualized}\n        visibleColumns={visibleColumns}\n        wrapText={wrapText}\n      />\n    </TooltipTextProvider>\n  );\n};\n\nconst props = {\n  /** ref to the instance of the datagrid, handle it imperatively */\n  instanceRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n    'ref to the instance of the datagrid, handle it imperatively',\n  ),\n  /** class for data grid wrapper */\n  className: PropTypes.string.description('class for data grid wrapper'),\n  /** inject props to datagrid wrapper */\n  containerProps: PropTypes.object.description('inject props to datagrid wrapper'),\n  /** FilterBar props passed down to FilterBar */\n  filterBarOptions: PropTypes.shape({\n    minWidth: PropTypes.number,\n    maxWidth: PropTypes.number,\n  }).description('FilterBar props passed down to FilterBar'),\n  /** datagrid columns */\n  columns: PropTypes.arrayOf(\n    PropTypes.shape({\n      /** Column property as an identifier */\n      property: PropTypes.string.isRequired,\n      /** Label in the header */\n      label: PropTypes.string,\n      /** Defines the width of the column, can be a string with percentages (\"50%\"), if not defined the width is flexible */\n      width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n      /** Min width for this column. NOTE: Has prevalence over the general minColumnWidth */\n      minWidth: PropTypes.number,\n      /** Function returning a custom editor for that cell ({ value, onValue, rowData }) => Element */\n      customEditor: PropTypes.func,\n      /** Function returning an element to render in the cell ({ value, customHandlers, metaData: { rowData } }) => Element */\n      customRenderer: PropTypes.func,\n      /** Activates 'searchable' feature for this column */\n      searchable: PropTypes.bool,\n      /** Activates 'sortable' feature for this column */\n      sortable: PropTypes.bool,\n      /** Activates 'resizable' feature for this column */\n      resizable: PropTypes.bool,\n      /** Activates 'editable' feature for this column */\n      editable: PropTypes.bool,\n      /** Whether this column is visible or not */\n      visible: PropTypes.bool,\n    }),\n  ).description('datagrid columns'),\n  /** datagrid rows */\n  rows: PropTypes.arrayOf(PropTypes.object).description('datagrid rows'),\n  /** key for each row */\n  rowKey: PropTypes.string.description('key for each row'),\n  /** toggle infinite scroll loading behavior */\n  infiniteScrolling: PropTypes.bool.description('toggle infinite scroll loading behavior'),\n  /** Activates 'editable' feature on the DataGrid NOTE: needs to be activated in the column definition as well */\n  overscanCount: PropTypes.number.description(\n    \"Activates 'editable' feature on the DataGrid NOTE: needs to be activated in the column definition as well\",\n  ),\n  /** turn datagrid to editable mode */\n  editable: PropTypes.bool.description('turn datagrid to editable mode'),\n  /** Activates 'sortable' feature on the GataGrid NOTE: needs to be activated in the column definition as well */\n  sortable: PropTypes.bool.description(\n    \"Activates 'sortable' feature on the GataGrid NOTE: needs to be activated in the column definition as well\",\n  ),\n  /** Put empty values always last on the column after sorting */\n  sortEmptyLast: PropTypes.bool.description('Put empty values always last on the column after sorting'),\n  /** Activates 'pagination' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n  paginated: PropTypes.bool.description(\n    \"Activates 'pagination' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n  ),\n  /** Pagination step for clicking the next pages */\n  paginationStep: PropTypes.number.description('Pagination step for clicking the next pages'),\n  /** Activates 'drag and drop rows' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n  dragAndDropRows: PropTypes.bool.description(\n    \"Activates 'drag and drop rows' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n  ),\n  /** Activates 'selection' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n  selectable: PropTypes.bool.description(\n    \"Activates 'selection' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n  ),\n  /** Activates 'resize' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n  resizeableColumns: PropTypes.bool.description(\n    \"Activates 'resize' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n  ),\n  /** Placeholder rendered when no rows are visible */\n  noResultsPlaceholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n    'Placeholder rendered when no rows are visible',\n  ),\n  /** Activates 'filtering' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n  searchFilters: PropTypes.bool.description(\n    \"activates 'filtering' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n  ),\n  /** Activates 'drag and drop columns' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n  dragAndDropColumns: PropTypes.bool.description(\n    \"Activates 'drag and drop columns' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n  ),\n  /** Activates 'grouping and tree data' feature on the datagrid NOTE: needs to be activated in the column definition as well */\n  useTreeData: PropTypes.bool.description(\n    \"activates 'grouping and tree data' feature on the datagrid NOTE: needs to be activated in the column definition as well\",\n  ),\n  /** AutoScroll to row ID */\n  autoScrollToId: PropTypes.any.description('AutoScroll to row ID'),\n  /** Whether all rows are selected or not */\n  selectAll: PropTypes.bool.description('Whether all rows are selected or not'),\n  /** Defines the selected rows */\n  selectedRows: PropTypes.arrayOf(PropTypes.object).description(' Defines the selected rows'),\n  /** Filters to be applied to the grid */\n  filters: PropTypes.arrayOf(PropTypes.object).description('Filters to be applied to the grid'),\n  // todo: define params for handlers\n  /** Handler when user expands a row */\n  onExpandRow: PropTypes.func.description('Handler when user expands a row'),\n  /** Handler when user expands a row with full expand state */\n  onExpandChange: PropTypes.func.description('Handler when user expands a row with full expand state'),\n  /** Handler when user expands a row (old API) */\n  onToggleExpand: PropTypes.func.description('Handler when user expands a row (old API)'),\n  /** Handler when user adds a filter */\n  onAddFilter: PropTypes.func.description('Handler when user adds a filter'),\n  /** Handler when user removes a filter */\n  onRemoveFilter: PropTypes.func.description('Handler when user removes a filter'),\n  /** Handler when the filters state has changed */\n  onFiltersChange: PropTypes.func.description('Handler when the filters state has changed '),\n  /** Handler when the default filters load. Returns the rows rendered */\n  onDefaultFiltersLoad: PropTypes.func.description('Handler when the default filters load. Returns the rows rendered'),\n  /** Handler when column move is over another column */\n  onMoveColumnOver: PropTypes.func.description('Handler when column move is over another column'),\n  /** Handler when column move starts */\n  onMoveColumnStart: PropTypes.func.description(' Handler when column move starts'),\n  /** Handler when column move ends */\n  onMoveColumnEnd: PropTypes.func.description('Handler when column move ends'),\n  /** Whether to show the filter bar or not */\n  showFilterBar: PropTypes.bool.description('Whether to show the filter bar or not'),\n  /** Custom option for the header with multi select */\n  multiSelectFilterOptions: PropTypes.arrayOf(PropTypes.object).description(\n    'Custom option for the header with multi select',\n  ),\n  /** Label to the header column for multi select */\n  multiSelectFilterLabel: PropTypes.string.description('Label to the header column for multi select'),\n  /** Labels for multi selects */\n  multiSelectFilterLabels: PropTypes.arrayOf(PropTypes.string).description('Labels for multi selects'),\n  /** unstable */\n  aggregations: PropTypes.object.description('').deprecated(''),\n  /** unstable */\n  /** Column which rows would be grouped by */\n  groupingColumn: PropTypes.string.description('Column which rows would be grouped by').deprecated(''),\n  /** group by */\n  groupedBy: PropTypes.string.description('group by'),\n  /** Defines the sorting state */\n  sortingColumns: PropTypes.objectOf(\n    PropTypes.shape({\n      // eslint-disable-next-line react/no-unused-prop-types\n      direction: PropTypes.oneOf(['asc', 'desc']),\n      // eslint-disable-next-line react/no-unused-prop-types\n      position: PropTypes.number,\n    }),\n  ).description('Defines the sorting state'),\n  /** Visible columns property */\n  visibleColumns: PropTypes.arrayOf(PropTypes.string).description('Visible columns property'),\n  /** Pagination: Minimum number of rows per page */\n  minPerPage: PropTypes.string.description('Pagination: Minimum number of rows per page'),\n  /** Pagination: Maximum number of rows per page */\n  maxPerPage: PropTypes.string.description('Pagination: Maximum number of rows per page'),\n  /** Pagination: Handler when user changes the amount of rows per page */\n  onPerPageChange: PropTypes.string.description('Pagination: Handler when user changes the amount of rows per page'),\n  /** Pagination: Handler when user changes the page */\n  onPageChange: PropTypes.string.description('Pagination: Handler when user changes the page'),\n  /** Pagination state */\n  pagination: PropTypes.shape({\n    // eslint-disable-next-line react/no-unused-prop-types\n    page: PropTypes.number,\n    // eslint-disable-next-line react/no-unused-prop-types\n    perPage: PropTypes.number,\n  }).description('pagination state'),\n  /** Whether to show the header or not */\n  showHeader: PropTypes.bool.description('Whether to show the header or not'),\n  /** Whether to header is fixed or not */\n  fixedHeader: PropTypes.bool.description('Whether to header is fixed or not'),\n  /** Defines the height of the DataGrid */\n  height: PropTypes.number.description('Defines the height of the DataGrid'),\n  /** General min column width for all the columns */\n  minColumnWidth: PropTypes.number.description('General min column width for all the columns '),\n  /** Whether to show a loader instead of the rows or not */\n  showRowsLoader: PropTypes.bool.description('Whether to show a loader instead of the rows or not'),\n  /** When a user selects a row, that row get highlighted */\n  showSelectHighlight: PropTypes.bool.description('When a user selects a row, that row get highlighted'),\n  /** Whether to show the select column when the selection feature is active */\n  showSelectColumn: PropTypes.bool.description(\n    'Whether to show the select column when the selection feature is active',\n  ),\n  /** Activates sortable feature to selection column */\n  selectColumnSortable: PropTypes.bool.description('activates sortable feature to selection column'),\n  /** Activates filterable feature to selection column */\n  selectColumnFilterable: PropTypes.bool.description('Activates filterable feature to selection column'),\n  /** Define the definition for the selection column */\n  selectionColumnDefinition: PropTypes.object.description('Define the definition for the selection column'),\n  /** Function that returns a toolbar to show when the user hovers the row */\n  renderToolbar: PropTypes.func.description('Function that returns a toolbar to show when the user hovers the row'),\n  /** Timeout to close the toolbar */\n  toolbarDelayClose: PropTypes.number.description(' Timeout to close the toolbar'),\n  /** Function that returns a toolbar in the FilterBar component */\n  renderFilterToolbar: PropTypes.func.description('Function that returns a toolbar in the FilterBar component'),\n  /** Custom component for the selection */\n  multiSelectComponent: PropTypes.element.description('Custom component for the selection'),\n  /** Normalize the keys of the data received and the columns */\n  normalizeDataKeys: PropTypes.bool.description('Normalize the keys of the data received and the columns'),\n  /** Function that returns an Element when there are no rows */\n  noResultsRender: PropTypes.func.description('Function that returns an Element when there are no rows'),\n  /** The height of the DataGrid will expand to its container */\n  fluidHeight: PropTypes.bool.description('The height of the DataGrid will expand to its container'),\n  /** @deprecated */\n  customHandlers: PropTypes.object.description('').deprecated(''),\n  /** Handler when user closes the filter menu */\n  onFilterMenuClose: PropTypes.func.description('Handler when user closes the filter menu'),\n  /** Handler when user opens the filter menu */\n  onFilterMenuOpen: PropTypes.func.description('Handler when user opens the filter menu'),\n  /** Handler when user drags a row */\n  onReorder: PropTypes.func.description('handler when user drags a row '),\n  /** Handler when user stops dragging a row */\n  onMoveRowEnd: PropTypes.func.description('Handler when user stops dragging a row '),\n  /** Handler when user starts dragging a row */\n  onMoveRowStart: PropTypes.func.description('Handler when user starts dragging a row'),\n  /** Handler when user has resized a column */\n  onColumnResize: PropTypes.func.description('Handler when user has resized a column'),\n  /** Handler when user filters by a column */\n  onFilter: PropTypes.func.description('Handler when user filters by a column'),\n  /** Handler when user sorts by a column */\n  onSort: PropTypes.func.description('Handler when user sorts by a column '),\n  /** Handler when user has edited a cell row */\n  onColumnRowEdited: PropTypes.func.description('Handler when user has edited a cell row'),\n  /** Handler when user activates the cell row editing functionality */\n  onColumnRowEdit: PropTypes.func.description(' Handler when user activates the cell row editing functionality'),\n  /** Handler when user selects a row */\n  onSelectRow: PropTypes.func.description('Handler when user selects a row'),\n  /** Handler when user checks the selection header controller */\n  onSelectAll: PropTypes.func.description('Handler when user checks the selection header controller'),\n  /** Handler to get more data when infinite scroll is activated */\n  getData: PropTypes.func.description('Handler to get more data when infinite scroll is activated'),\n  /** Handler to get more data when infinite scroll is activated without side-effect */\n  onInfiniteScrolling: PropTypes.func.description(\n    'Handler to get more data when infinite scroll is activated without side-effect',\n  ),\n  /** Flag to override empty sort when data is from server */\n  serverSideData: PropTypes.bool.description('Flag to override empty sort when data is from server'),\n  /** Flag to force virtualization. Not used */\n  virtualized: PropTypes.bool.description('Flag to force virtualization. Not used'),\n  /** Number of rows visible. Not used */\n  numRowsVisible: PropTypes.oneOfType([PropTypes.number, PropTypes.oneOf(['all'])]).description(\n    'Number of rows visible. Not used',\n  ),\n  /** Callback to check if column is editable */\n  isColumnEditable: PropTypes.func.description('Callback to check if column is editable'),\n  /** Flag for groupedRows */\n  groupedRows: PropTypes.bool.description('Flag for groupedRows'),\n  /** Header for grouped rows */\n  groupedRowsRenderHeader: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(\n    'Header for grouped rows',\n  ),\n  /** Once activated will disable the internal logic for sorting */\n  isDataSorted: PropTypes.bool.description('Once activated will disable the internal logic for sorting'),\n  /** Once activated will disable the internal logic for filtering */\n  isDataFiltered: PropTypes.bool.description('Once activated will disable the internal logic for filtering'),\n  /** Change row size */\n  rowSize: PropTypes.oneOf(RowSizesOptionsArr).description('Change row size'),\n  /** Whether to wrap the text of the data grid or not */\n  wrapText: PropTypes.bool.description('Whether to wrap the text of the data grid or not'),\n  /** Element to render expanded details */\n  renderExpandedDetails: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(\n    'Element to render expanded details',\n  ),\n  /** Columns to render on the details of an expanded row */\n  detailColumns: PropTypes.arrayOf(PropTypes.object).description('Columns to render on the details of an expanded row'),\n  /** Flag to enable the expandable feature */\n  expandable: PropTypes.bool.description('Flag to enable the expandable feature '),\n  /** Callback to get the row children */\n  getChildrenRows: PropTypes.func.description('Callback to get the row children'),\n  /** Number of rows visible on the details of an expanded row */\n  expandableSubrowsVisible: PropTypes.number.description('Number of rows visible on the details of an expanded row'),\n  /** Element to render inside expanded row */\n  renderRowDetails: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(\n    'Element to render inside expanded row',\n  ),\n  /** Callback to get the expanded row size */\n  getExpandedRowSize: PropTypes.func.description('Callback to get the expanded row size'),\n  /** Callback to get the expanded row minimum size */\n  getExpandedRowMinSize: PropTypes.func.description('Callback to get the expanded row minimum size'),\n  /** Change expanded/details rows size */\n  subRowSize: PropTypes.oneOf(RowSizesOptionsArr).description('Change expanded/details rows size'),\n  /** Bind the column size to another grid instance */\n  bindColumnsSizeTo: PropTypes.string.description('Bind the column size to another grid instance'),\n  /** Bind the row size to another grid instance */\n  bindRowSizeTo: PropTypes.string.description('Bind the row size to another grid instance'),\n  /** Handler when toggle show all is clicked  */\n  onToggleShowAllRows: PropTypes.func.description('Handler when toggle show all is clicked'),\n  /** Expanded row state */\n  expandedRows: PropTypes.object.description('Expanded row state'),\n  /** Flag to enable autoheight */\n  autoHeight: PropTypes.bool.description('Flag to enable autoheight'),\n  /** Placeholder rendered when no columns are visible */\n  noColumnsPlaceholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n    'Placeholder rendered when no columns are visible',\n  ),\n  /** Plugin additional array */\n  plugins: PropTypes.arrayOf(PropTypes.any).description('Plugin additional array'),\n};\n\nDSDataGrids.propTypes = props;\nDSDataGrids.displayName = 'DSDataGrids';\nconst DSDataGridsWithSchema = describe(DSDataGrids);\nDSDataGridsWithSchema.propTypes = props;\n\nexport { DSDataGridsWithSchema, DSDataGrids, DSDataGrids as DSDataGrid };\nexport default DSDataGrids;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/DataGridImpl.js

@@ -2,17 +2,17 @@ import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { isFunction, useDataGrid } from "@elliemae/ds-shared";
-import { Table } from "./components/Table";
-import { TableBody } from "./components/TableBody";
-import { TableHeader } from "./components/TableHeader";
-import { defaultRenderers, renderRowsLoader } from "./components/renderers";
-import { DatagridWrapper } from "./components/renderers/defaultClassedRenderers";
-import { addOptionalFooterComponents } from "./components/footer/addOptionalFooterComponents";
-import { addOptionalHeaderComponents } from "./components/header/addOptionalHeaderComponents";
-import { EmptyState } from "./components/EmptyState";
-import { getPluginsFromProps } from "./utilities/getPluginsFromProps";
-import { defaultPlugins } from "./defaultPlugins";
-import { normalizeRows } from "./utilities/normalizeData";
+import { Table } from "./components/Table.js";
+import { TableBody } from "./components/TableBody.js";
+import { TableHeader } from "./components/TableHeader.js";
+import { defaultRenderers, renderRowsLoader } from "./components/renderers/index.js";
+import { DatagridWrapper } from "./components/renderers/defaultClassedRenderers.js";
+import { addOptionalFooterComponents } from "./components/footer/addOptionalFooterComponents.js";
+import { addOptionalHeaderComponents } from "./components/header/addOptionalHeaderComponents.js";
+import { EmptyState } from "./components/EmptyState.js";
+import { getPluginsFromProps } from "./utilities/getPluginsFromProps.js";
+import { defaultPlugins } from "./defaultPlugins.js";
+import { normalizeRows } from "./utilities/normalizeData.js";
 const isFluid = ({ autoHeight, paginated, numRowsVisible }) => {
   if (autoHeight)
     return false;

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": "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",
+  "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