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

package/dist/cjs/DSDataGrid.js.map

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

package/dist/cjs/DataGridImpl.js

@@ -32,17 +32,17 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ds_shared = require("@elliemae/ds-shared");
-var import_Table = require("./components/Table");
-var import_TableBody = require("./components/TableBody");
-var import_TableHeader = require("./components/TableHeader");
-var import_renderers = require("./components/renderers");
-var import_defaultClassedRenderers = require("./components/renderers/defaultClassedRenderers");
-var import_addOptionalFooterComponents = require("./components/footer/addOptionalFooterComponents");
-var import_addOptionalHeaderComponents = require("./components/header/addOptionalHeaderComponents");
-var import_EmptyState = require("./components/EmptyState");
-var import_getPluginsFromProps = require("./utilities/getPluginsFromProps");
-var import_defaultPlugins = require("./defaultPlugins");
-var import_normalizeData = require("./utilities/normalizeData");
+var import_Table = require("./components/Table.js");
+var import_TableBody = require("./components/TableBody.js");
+var import_TableHeader = require("./components/TableHeader.js");
+var import_renderers = require("./components/renderers/index.js");
+var import_defaultClassedRenderers = require("./components/renderers/defaultClassedRenderers.js");
+var import_addOptionalFooterComponents = require("./components/footer/addOptionalFooterComponents.js");
+var import_addOptionalHeaderComponents = require("./components/header/addOptionalHeaderComponents.js");
+var import_EmptyState = require("./components/EmptyState.js");
+var import_getPluginsFromProps = require("./utilities/getPluginsFromProps.js");
+var import_defaultPlugins = require("./defaultPlugins.js");
+var import_normalizeData = require("./utilities/normalizeData.js");
 const isFluid = ({ autoHeight, paginated, numRowsVisible }) => {
   if (autoHeight)
     return false;

package/dist/cjs/DataGridImpl.js.map

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

package/dist/cjs/PaginatedDataGrid.js

@@ -30,13 +30,13 @@ module.exports = __toCommonJS(PaginatedDataGrid_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_shared = require("@elliemae/ds-shared");
-var import_Table = require("./components/Table");
-var import_renderers = require("./components/renderers");
-var import_defaultClassedRenderers = require("./components/renderers/defaultClassedRenderers");
-var import_addOptionalHeaderComponents = require("./components/header/addOptionalHeaderComponents");
-var import_getPluginsFromProps = require("./utilities/getPluginsFromProps");
-var import_Pagination = require("./plugins/pagination/components/Pagination");
-function PaginatedDataGrid({
+var import_Table = require("./components/Table.js");
+var import_renderers = require("./components/renderers/index.js");
+var import_defaultClassedRenderers = require("./components/renderers/defaultClassedRenderers.js");
+var import_addOptionalHeaderComponents = require("./components/header/addOptionalHeaderComponents.js");
+var import_getPluginsFromProps = require("./utilities/getPluginsFromProps.js");
+var import_Pagination = require("./plugins/pagination/components/Pagination.js");
+const PaginatedDataGrid = ({
   columns,
   rows,
   showRowsLoader,
@@ -48,7 +48,7 @@ function PaginatedDataGrid({
   onPerPage,
   pagination,
   ...otherProps
-}) {
+}) => {
   const plugins = (0, import_getPluginsFromProps.getPluginsFromProps)(otherProps, { infiniteScrolling: true });
   const grid = (0, import_ds_shared.useDataGrid)({
     ...otherProps,
@@ -75,6 +75,6 @@ function PaginatedDataGrid({
       }
     )
   ] });
-}
+};
 var PaginatedDataGrid_default = PaginatedDataGrid;
 //# sourceMappingURL=PaginatedDataGrid.js.map

package/dist/cjs/PaginatedDataGrid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/PaginatedDataGrid.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkCjB;AAjCN,uBAA4B;AAC5B,mBAAsB;AACtB,uBAAmD;AACnD,qCAAgC;AAChC,yCAA4C;AAC5C,iCAAoC;AACpC,wBAA2B;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,cAAU,gDAAoB,YAAY,EAAE,mBAAmB,KAAK,CAAC;AAC3E,QAAM,WAAO,8BAAY;AAAA,IACvB,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,EACF,CAAC;AAED,SACE,6CAAC,kDACE;AAAA,wEAA4B,EAAE,KAAK,CAAC;AAAA,IACrC,6CAAC,sBAAO,GAAG,MACT;AAAA,kDAAC,mBAAM,QAAN,EAAa;AAAA,MACb,iBAAiB,mBAAmB,IAAI,4CAAC,mBAAM,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 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkCjB;AAjCN,uBAA4B;AAC5B,mBAAsB;AACtB,uBAAmD;AACnD,qCAAgC;AAChC,yCAA4C;AAC5C,iCAAoC;AACpC,wBAA2B;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,KACG;AACL,MAAM;AACJ,QAAM,cAAU,gDAAoB,YAAY,EAAE,mBAAmB,KAAK,CAAC;AAC3E,QAAM,WAAO,8BAAY;AAAA,IACvB,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,EACF,CAAC;AAED,SACE,6CAAC,kDACE;AAAA,wEAA4B,EAAE,KAAK,CAAC;AAAA,IACrC,6CAAC,sBAAO,GAAG,MACT;AAAA,kDAAC,mBAAM,QAAN,EAAa;AAAA,MACb,iBAAiB,mBAAmB,IAAI,4CAAC,mBAAM,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/cjs/components/BodyList.js

@@ -30,8 +30,8 @@ module.exports = __toCommonJS(BodyList_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
-var import_NoResults = require("./NoResults");
-function BodyWrapperDefaultRenderer({
+var import_NoResults = require("./NoResults.js");
+const BodyWrapperDefaultRenderer = ({
   component: Component,
   rows,
   rowRenderer,
@@ -39,8 +39,6 @@ function BodyWrapperDefaultRenderer({
   innerRef,
   innerBodyRef,
   ...otherBodyProps
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...otherBodyProps, innerRef, children: rows.length ? rows.map((row, index) => rowRenderer(row, { index }, {})) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NoResults.NoResults, { innerRef, rowRenderer, children: noResultsPlaceholder }) });
-}
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...otherBodyProps, innerRef, children: rows.length ? rows.map((row, index) => rowRenderer(row, { index }, {})) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NoResults.NoResults, { innerRef, rowRenderer, children: noResultsPlaceholder }) });
 var BodyList_default = import_react.default.memo(BodyWrapperDefaultRenderer);
 //# sourceMappingURL=BodyList.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/BodyList.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiBf;AAjBR,mBAAkB;AAClB,uBAA0B;AAE1B,SAAS,2BAA2B;AAAA,EAClC,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AACL,GAAG;AACD,SACE,4CAAC,aAAW,GAAG,gBAAgB,UAC5B,eAAK,SACJ,KAAK,IAAI,CAAC,KAAK,UAAU,YAAY,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,IAExD,4CAAC,8BAAU,UAAoB,aAC5B,gCACH,GAEJ;AAEJ;AAEA,IAAO,mBAAQ,aAAAA,QAAM,KAAK,0BAA0B;",
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgBjB;AAhBN,mBAAkB;AAClB,uBAA0B;AAE1B,MAAM,6BAA6B,CAAC;AAAA,EAClC,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AACL,MACE,4CAAC,aAAW,GAAG,gBAAgB,UAC5B,eAAK,SACJ,KAAK,IAAI,CAAC,KAAK,UAAU,YAAY,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,IAExD,4CAAC,8BAAU,UAAoB,aAC5B,gCACH,GAEJ;AAGF,IAAO,mBAAQ,aAAAA,QAAM,KAAK,0BAA0B;",
   "names": ["React"]
 }

package/dist/cjs/components/ColumnVisibilityMenuOption.js

@@ -28,12 +28,7 @@ __export(ColumnVisibilityMenuOption_exports, {
 });
 module.exports = __toCommonJS(ColumnVisibilityMenuOption_exports);
 var React = __toESM(require("react"));
-const getColumnVisibilityMenuOption = ({
-  columns,
-  onColumnVisibilityChange,
-  searchable,
-  height
-}) => {
+const getColumnVisibilityMenuOption = ({ columns, onColumnVisibilityChange, searchable, height }) => {
   const { items, active } = columns.reduce(
     (result, column, index) => ({
       items: [

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

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

@@ -36,7 +36,7 @@ const ColumnsOptionsMenuSection = ({
   onColumnVisibilityChange,
   searchable = false,
   height
-}) => () => {
+}) => function() {
   const { items, active } = columns.reduce(
     (result, column, index) => ({
       items: [
@@ -52,16 +52,7 @@ const ColumnsOptionsMenuSection = ({
     }),
     { items: [], active: [] }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_ds_menu.Menu.SelectionGroup,
-    {
-      active,
-      height,
-      items,
-      multi: true,
-      searchable
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_menu.Menu.SelectionGroup, { active, height, items, multi: true, searchable });
 };
 var ColumnsOptionsMenuSection_default = ColumnsOptionsMenuSection;
 //# sourceMappingURL=ColumnsOptionsMenuSection.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/ColumnsOptionsMenuSection.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6BnB;AA5BJ,qBAAqB;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,oBAAK;AAAA,IAAL;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAK;AAAA,MACL;AAAA;AAAA,EACF;AAEJ;AAGA,IAAO,oCAAQ;",
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2BZ;AA1BX,qBAAqB;AAErB,MAAM,4BAA4B,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;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,4CAAC,oBAAK,gBAAL,EAAoB,QAAgB,QAAgB,OAAc,OAAK,MAAC,YAAwB;AAC1G;AAGF,IAAO,oCAAQ;",
   "names": []
 }

package/dist/cjs/components/EmptyState.js

@@ -33,18 +33,17 @@ var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_button = require("@elliemae/ds-button");
-var import_ds_system2 = require("@elliemae/ds-system");
-const EmptyStateWrapper = (0, import_ds_system2.styled)(import_ds_grid.Grid)`
+const EmptyStateWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid)`
   min-width: 132px; /* fixed size in px according to specs */
   max-width: 384px; /* fixed size in px according to specs */
   height: fit-content;
 `;
-const Icon = (0, import_ds_system2.styled)(import_ds_icons.WarningTriangle)`
+const Icon = (0, import_ds_system.styled)(import_ds_icons.WarningTriangle)`
   fill: ${(props) => props.theme.colors.neutral[300]};
   color: ${(props) => props.theme.colors.neutral[300]};
   justify-self: center;
 `;
-const PrimaryMessage = import_ds_system2.styled.p`
+const PrimaryMessage = import_ds_system.styled.p`
   text-align: center;
   font-weight: 600;
   font-size: ${(props) => (0, import_ds_system.toMobile)(props.theme.fontSizes.value[400])};
@@ -52,13 +51,13 @@ const PrimaryMessage = import_ds_system2.styled.p`
   margin-top: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.s)};
   margin-bottom: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xs)};
 `;
-const SecondaryMessage = import_ds_system2.styled.p`
+const SecondaryMessage = import_ds_system.styled.p`
   text-align: center;
   font-size: ${(props) => (0, import_ds_system.toMobile)(props.theme.fontSizes.value[400])}; /* 13px */
   color: ${(props) => props.theme.colors.neutral[500]};
   margin: 0;
 `;
-const Button = (0, import_ds_system2.styled)(import_ds_button.DSButton)`
+const Button = (0, import_ds_system.styled)(import_ds_button.DSButton)`
   margin-top: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.m)};
   justify-self: center;
   width: fit-content;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/EmptyState.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6CrB;AA5CF,qBAAqB;AACrB,sBAAgC;AAChC,uBAAmD;AACnD,uBAAyB;AACzB,IAAAA,oBAAuB;AAEvB,MAAM,wBAAoB,0BAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAMrC,MAAM,WAAO,0BAAO,+BAAe;AAAA,UACzB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,WACrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIjD,MAAM,iBAAiB,yBAAO;AAAA;AAAA;AAAA,eAGf,CAAC,cAAU,2BAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACjC,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,CAAC;AAAA,mBACpD,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAE3E,MAAM,mBAAmB,yBAAO;AAAA;AAAA,eAEjB,CAAC,cAAU,2BAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,aAAS,0BAAO,yBAAQ;AAAA,gBACd,CAAC,cAAU,2CAAyB,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,6CAAC,qBACC;AAAA,8CAAC,QAAK,MAAK,OAAM;AAAA,EAChB,kBAAkB,4CAAC,kBAAgB,0BAAe;AAAA,EAClD,oBAAoB,4CAAC,oBAAkB,4BAAiB;AAAA,EACxD,eAAe,4CAAC,UAAO,YAAW,aAAY,WAAW,aAAa,SAAS,eAAe;AAAA,GACjG;",
-  "names": ["import_ds_system"]
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD4CrB;AA3CF,qBAAqB;AACrB,sBAAgC;AAChC,uBAA2D;AAC3D,uBAAyB;AAEzB,MAAM,wBAAoB,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAMrC,MAAM,WAAO,yBAAO,+BAAe;AAAA,UACzB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,WACrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIjD,MAAM,iBAAiB,wBAAO;AAAA;AAAA;AAAA,eAGf,CAAC,cAAU,2BAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACjC,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,CAAC;AAAA,mBACpD,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAE3E,MAAM,mBAAmB,wBAAO;AAAA;AAAA,eAEjB,CAAC,cAAU,2BAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,aAAS,yBAAO,yBAAQ;AAAA,gBACd,CAAC,cAAU,2CAAyB,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,6CAAC,qBACC;AAAA,8CAAC,QAAK,MAAK,OAAM;AAAA,EAChB,kBAAkB,4CAAC,kBAAgB,0BAAe;AAAA,EAClD,oBAAoB,4CAAC,oBAAkB,4BAAiB;AAAA,EACxD,eAAe,4CAAC,UAAO,YAAW,aAAY,WAAW,aAAa,SAAS,eAAe;AAAA,GACjG;",
+  "names": []
 }

package/dist/cjs/components/List.js

@@ -29,11 +29,11 @@ __export(List_exports, {
 module.exports = __toCommonJS(List_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("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__ */ (0, import_jsx_runtime.jsx)(ListComponent, { ...mixedProps });
-}
+};
 var List_default = List;
 //# sourceMappingURL=List.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/List.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADSd;AAPT,SAAS,KAAK,OAAO,UAAU;AAE7B,QAAM,EAAE,WAAW,aAAa,IAAI,SAAS,YAAY;AACzD,QAAM,gBAAgB,UAAU;AAGhC,QAAM,aAAa,aAAa,KAAK;AACrC,SAAO,4CAAC,iBAAe,GAAG,YAAY;AACxC;AAEA,IAAO,eAAQ;",
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADSd;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,4CAAC,iBAAe,GAAG,YAAY;AACxC;AAEA,IAAO,eAAQ;",
   "names": []
 }

package/dist/cjs/components/ListItem.js

@@ -29,7 +29,7 @@ __export(ListItem_exports, {
 module.exports = __toCommonJS(ListItem_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-function ListItem(props, instance) {
+const ListItem = (props, instance) => {
   const { record } = props;
   const {
     renderers,
@@ -37,12 +37,9 @@ 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__ */ (0, import_jsx_runtime.jsx)(ItemComponent, { record, ...mixedProps, children });
-}
+};
 var ListItem_default = ListItem;
 //# sourceMappingURL=ListItem.js.map

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

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