@elliemae/ds-datagrids 2.3.0-next.0 → 3.0.0-alpha.0

package/dist/esm/DSDataGrid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSDataGrid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\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.oneOf([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.oneOf([PropTypes.number, '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.oneOf([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.oneOf([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.oneOf([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;\n\nconst DSDataGridsWithSchema = describe(DSDataGrids);\nDSDataGridsWithSchema.propTypes = props;\n\nexport { DSDataGridsWithSchema, DSDataGrids, DSDataGrids as DSDataGrid };\nexport default DSDataGrids;\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/DataGridImpl.js

@@ -0,0 +1,115 @@
+import * as React from "react";
+import React2, { useMemo } from "react";
+import { isFunction } from "@elliemae/ds-shared/utils";
+import { useDataGrid } from "@elliemae/ds-shared/useDataGrid";
+import { Table } from "./components/Table";
+import { TableBody } from "./components/TableBody";
+import { TableHeader } from "./components/TableHeader";
+import { defaultRenderers, renderRowsLoader } from "./components/renderers";
+import { DatagridWrapper } from "./components/renderers/defaultClassedRenderers";
+import { addOptionalFooterComponents } from "./components/footer/addOptionalFooterComponents";
+import { addOptionalHeaderComponents } from "./components/header/addOptionalHeaderComponents";
+import { EmptyState } from "./components/EmptyState";
+import { getPluginsFromProps } from "./utilities/getPluginsFromProps";
+import { defaultPlugins } from "./defaultPlugins";
+import { normalizeRows } from "./utilities/normalizeData";
+const isFluid = ({ autoHeight, paginated, numRowsVisible }) => {
+  if (autoHeight)
+    return false;
+  if (paginated)
+    return false;
+  return !numRowsVisible;
+};
+const DataGridImpl = ({
+  className,
+  renderers,
+  columns,
+  rows,
+  containerProps,
+  plugins: pluginsProp,
+  normalizeDataKeys,
+  ...otherProps
+}) => {
+  const {
+    noResultsPlaceholder = /* @__PURE__ */ React2.createElement(EmptyState, null),
+    noColumnsPlaceholder = "Please select one of more columns in order for data to be displayed.",
+    noResultsRender,
+    paginated,
+    height,
+    showHeader,
+    showRowsLoader,
+    rowsLoaderRenderer = renderRowsLoader,
+    groupedRows,
+    sortable,
+    rowSize,
+    wrapText,
+    onDefaultFiltersLoad,
+    rowKey
+  } = otherProps;
+  const idKey = rowKey || "id";
+  const rowsIdsSet = /* @__PURE__ */ new Set();
+  const rowsIds = rows.map((row) => {
+    if (row[idKey] === void 0)
+      throw new Error("Missing id: each row must have an unique id");
+    rowsIdsSet.add(row[idKey]);
+    return row[idKey];
+  });
+  if (rowsIds.length !== rowsIdsSet.size)
+    throw new Error("Repeated id: each row must have an unique id");
+  const plugins = getPluginsFromProps({
+    ...otherProps,
+    virtualized: (!paginated || groupedRows) && !wrapText,
+    paginated: paginated && !groupedRows || wrapText,
+    sortable: sortable && !groupedRows
+  });
+  if (normalizeDataKeys) {
+    normalizeRows(rows);
+  }
+  const grid = useDataGrid({
+    columns,
+    rows,
+    renderers: defaultRenderers,
+    plugins: [...plugins, ...pluginsProp, ...defaultPlugins],
+    ...otherProps
+  });
+  const noColumnsVisible = useMemo(() => {
+    const visibleUserColumns = grid.columns.filter((column) => column.visible || typeof column.visible === "undefined");
+    return visibleUserColumns.length === 0;
+  }, [grid.columns]);
+  const bodyPlaceholder = useMemo(() => {
+    if (noColumnsVisible) {
+      return noColumnsPlaceholder;
+    }
+    return isFunction(noResultsRender) ? noResultsRender() : noResultsPlaceholder;
+  }, [noResultsPlaceholder, noColumnsPlaceholder, noColumnsVisible]);
+  const { pagination } = otherProps;
+  const conditionalPagination = pagination && pagination.conditionalPagination === true && rows.length <= otherProps.pagination.perPage;
+  const usePagination = paginated && !conditionalPagination;
+  return /* @__PURE__ */ React2.createElement(DatagridWrapper, {
+    className: `${className} ds-row-size-${rowSize}`,
+    classProps: {
+      fluidHeight: isFluid({
+        autoHeight: otherProps.autoHeight,
+        numRowsVisible: otherProps.numRowsVisible,
+        paginated: usePagination
+      })
+    },
+    style: { height },
+    ...containerProps
+  }, addOptionalHeaderComponents({ grid }), /* @__PURE__ */ React2.createElement(Table, {
+    ...grid,
+    onDefaultFiltersLoad
+  }, showHeader && /* @__PURE__ */ React2.createElement(TableHeader, null), showRowsLoader ? rowsLoaderRenderer() : /* @__PURE__ */ React2.createElement(TableBody, {
+    isPlaceholderActive: noColumnsVisible || grid.composedRows.rows && grid.composedRows.rows.length === 0 || grid.composedRows.length === 0,
+    noResultsPlaceholder: bodyPlaceholder
+  })), addOptionalFooterComponents({
+    grid,
+    rows: grid.composedRows
+  }));
+};
+var DataGridImpl_default = DataGridImpl;
+export {
+  DataGridImpl,
+  DataGridImpl_default as default
+};
+//# sourceMappingURL=DataGridImpl.js.map

package/dist/esm/DataGridImpl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DataGridImpl.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport { isFunction } from '@elliemae/ds-shared/utils';\nimport { useDataGrid } from '@elliemae/ds-shared/useDataGrid';\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)\n      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)\n    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(\n      (column) => column.visible || typeof column.visible === 'undefined',\n    );\n    return visibleUserColumns.length === 0;\n  }, [grid.columns]);\n\n  const bodyPlaceholder = useMemo(() => {\n    if (noColumnsVisible) {\n      return noColumnsPlaceholder;\n    }\n    return isFunction(noResultsRender)\n      ? noResultsRender()\n      : noResultsPlaceholder;\n  }, [noResultsPlaceholder, noColumnsPlaceholder, noColumnsVisible]);\n\n  const { pagination } = otherProps;\n  const conditionalPagination =\n    pagination &&\n    pagination.conditionalPagination === true &&\n    rows.length <= otherProps.pagination.perPage;\n  const usePagination = paginated && !conditionalPagination;\n  return (\n    <DatagridWrapper\n      className={`${className} ds-row-size-${rowSize}`}\n      classProps={{\n        fluidHeight: isFluid({\n          autoHeight: otherProps.autoHeight,\n          numRowsVisible: otherProps.numRowsVisible,\n          paginated: usePagination,\n        }),\n      }}\n      style={{ height }}\n      {...containerProps}\n    >\n      {addOptionalHeaderComponents({ grid })}\n      <Table {...grid} onDefaultFiltersLoad={onDefaultFiltersLoad}>\n        {showHeader && <TableHeader />}\n        {showRowsLoader ? (\n          rowsLoaderRenderer()\n        ) : (\n          <TableBody\n            isPlaceholderActive={\n              noColumnsVisible ||\n              (grid.composedRows.rows && grid.composedRows.rows.length === 0) ||\n              grid.composedRows.length === 0\n            }\n            noResultsPlaceholder={bodyPlaceholder}\n          />\n        )}\n      </Table>\n      {addOptionalFooterComponents({\n        grid,\n        rows: grid.composedRows,\n      })}\n    </DatagridWrapper>\n  );\n};\n\nexport { DataGridImpl };\n\nexport default DataGridImpl;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,UAAU,CAAC,EAAE,YAAY,WAAW,qBAAqB;AAC7D,MAAI;AAAY,WAAO;AACvB,MAAI;AAAW,WAAO;AACtB,SAAO,CAAC;AAAA;AAGV,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,KACG;AAAA,MACC;AACJ,QAAM;AAAA,IACJ,uBAAuB,qCAAC,YAAD;AAAA,IACvB,uBAAuB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,QAAQ,UAAU;AACxB,QAAM,aAAa,oBAAI;AACvB,QAAM,UAAU,KAAK,IAAI,CAAC,QAAQ;AAChC,QAAI,IAAI,WAAW;AACjB,YAAM,IAAI,MAAM;AAClB,eAAW,IAAI,IAAI;AACnB,WAAO,IAAI;AAAA;AAEb,MAAI,QAAQ,WAAW,WAAW;AAChC,UAAM,IAAI,MAAM;AAElB,QAAM,UAAU,oBAAoB;AAAA,OAC/B;AAAA,IACH,aAAc,EAAC,aAAa,gBAAgB,CAAC;AAAA,IAC7C,WAAY,aAAa,CAAC,eAAgB;AAAA,IAC1C,UAAU,YAAY,CAAC;AAAA;AAGzB,MAAI,mBAAmB;AACrB,kBAAc;AAAA;AAGhB,QAAM,OAAO,YAAY;AAAA,IACvB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,SAAS,CAAC,GAAG,SAAS,GAAG,aAAa,GAAG;AAAA,OACtC;AAAA;AAGL,QAAM,mBAAmB,QAAQ,MAAM;AACrC,UAAM,qBAAqB,KAAK,QAAQ,OACtC,CAAC,WAAW,OAAO,WAAW,OAAO,OAAO,YAAY;AAE1D,WAAO,mBAAmB,WAAW;AAAA,KACpC,CAAC,KAAK;AAET,QAAM,kBAAkB,QAAQ,MAAM;AACpC,QAAI,kBAAkB;AACpB,aAAO;AAAA;AAET,WAAO,WAAW,mBACd,oBACA;AAAA,KACH,CAAC,sBAAsB,sBAAsB;AAEhD,QAAM,EAAE,eAAe;AACvB,QAAM,wBACJ,cACA,WAAW,0BAA0B,QACrC,KAAK,UAAU,WAAW,WAAW;AACvC,QAAM,gBAAgB,aAAa,CAAC;AACpC,SACE,qCAAC,iBAAD;AAAA,IACE,WAAW,GAAG,yBAAyB;AAAA,IACvC,YAAY;AAAA,MACV,aAAa,QAAQ;AAAA,QACnB,YAAY,WAAW;AAAA,QACvB,gBAAgB,WAAW;AAAA,QAC3B,WAAW;AAAA;AAAA;AAAA,IAGf,OAAO,EAAE;AAAA,OACL;AAAA,KAEH,4BAA4B,EAAE,SAC/B,qCAAC,OAAD;AAAA,OAAW;AAAA,IAAM;AAAA,KACd,cAAc,qCAAC,aAAD,OACd,iBACC,uBAEA,qCAAC,WAAD;AAAA,IACE,qBACE,oBACC,KAAK,aAAa,QAAQ,KAAK,aAAa,KAAK,WAAW,KAC7D,KAAK,aAAa,WAAW;AAAA,IAE/B,sBAAsB;AAAA,OAI3B,4BAA4B;AAAA,IAC3B;AAAA,IACA,MAAM,KAAK;AAAA;AAAA;AAQnB,IAAO,uBAAQ;",
+  "names": []
+}

package/dist/esm/PaginatedDataGrid.js

@@ -0,0 +1,48 @@
+import * as React from "react";
+import React2 from "react";
+import { useDataGrid } from "@elliemae/ds-shared/src/useDataGrid/useDataGrid";
+import { Table } from "./components/Table";
+import { defaultRenderers, renderRowsLoader } from "./components/renderers";
+import { DatagridWrapper } from "./components/renderers/defaultClassedRenderers";
+import { addOptionalHeaderComponents } from "./components/header/addOptionalHeaderComponents";
+import { getPluginsFromProps } from "./utilities/getPluginsFromProps";
+import { Pagination } from "./plugins/pagination/components/Pagination";
+function PaginatedDataGrid({
+  columns,
+  rows,
+  showRowsLoader,
+  noResultsPlaceholder,
+  rowsLoaderRenderer = renderRowsLoader,
+  maxPerPage,
+  minPerPage,
+  onPageSelect,
+  onPerPage,
+  pagination,
+  ...otherProps
+}) {
+  const plugins = getPluginsFromProps(otherProps, { infiniteScrolling: true });
+  const grid = useDataGrid({
+    ...otherProps,
+    columns,
+    rows,
+    renderers: defaultRenderers,
+    plugins
+  });
+  return /* @__PURE__ */ React2.createElement(DatagridWrapper, null, addOptionalHeaderComponents({ grid }), /* @__PURE__ */ React2.createElement(Table, {
+    ...grid
+  }, /* @__PURE__ */ React2.createElement(Table.Header, null), showRowsLoader ? rowsLoaderRenderer() : /* @__PURE__ */ React2.createElement(Table.Body, {
+    rows: grid.composedRows.rows || grid.composedRows
+  })), /* @__PURE__ */ React2.createElement(Pagination, {
+    maxPerPage,
+    minPerPage,
+    onPageSelect,
+    onPerPage,
+    paginated: rows,
+    pagination
+  }));
+}
+var PaginatedDataGrid_default = PaginatedDataGrid;
+export {
+  PaginatedDataGrid_default as default
+};
+//# sourceMappingURL=PaginatedDataGrid.js.map

package/dist/esm/PaginatedDataGrid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/PaginatedDataGrid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useDataGrid } from '@elliemae/ds-shared/src/useDataGrid/useDataGrid';\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 ? (\n          rowsLoaderRenderer()\n        ) : (\n          <Table.Body rows={grid.composedRows.rows || grid.composedRows} />\n        )}\n      </Table>\n      <Pagination\n        maxPerPage={maxPerPage}\n        minPerPage={minPerPage}\n        onPageSelect={onPageSelect}\n        onPerPage={onPerPage}\n        paginated={rows}\n        pagination={pagination}\n      />\n    </DatagridWrapper>\n  );\n}\n\nexport default PaginatedDataGrid;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,2BAA2B;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,QAAM,UAAU,oBAAoB,YAAY,EAAE,mBAAmB;AACrE,QAAM,OAAO,YAAY;AAAA,OACpB;AAAA,IACH;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA;AAGF,SACE,qCAAC,iBAAD,MACG,4BAA4B,EAAE,SAC/B,qCAAC,OAAD;AAAA,OAAW;AAAA,KACT,qCAAC,MAAM,QAAP,OACC,iBACC,uBAEA,qCAAC,MAAM,MAAP;AAAA,IAAY,MAAM,KAAK,aAAa,QAAQ,KAAK;AAAA,OAGrD,qCAAC,YAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA;AAAA;AAMR,IAAO,4BAAQ;",
+  "names": []
+}

package/dist/esm/blockNames.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+const dataGridBlockName = "data-grid";
+const headerBlockName = `${dataGridBlockName}-header`;
+const bodyBlockName = `${dataGridBlockName}-body`;
+export {
+  bodyBlockName,
+  dataGridBlockName,
+  headerBlockName
+};
+//# sourceMappingURL=blockNames.js.map

package/dist/esm/blockNames.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/blockNames.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const dataGridBlockName = 'data-grid';\nconst headerBlockName = `${dataGridBlockName}-header`;\nconst bodyBlockName = `${dataGridBlockName}-body`;\n\nexport { dataGridBlockName, headerBlockName, bodyBlockName };\n"],
+  "mappings": "AAAA;ACAA,MAAM,oBAAoB;AAC1B,MAAM,kBAAkB,GAAG;AAC3B,MAAM,gBAAgB,GAAG;",
+  "names": []
+}

package/dist/esm/columns/IconColumn.js

@@ -0,0 +1,82 @@
+import * as React from "react";
+import React2 from "react";
+import { cx } from "@elliemae/ds-utilities";
+import { DSButton } from "@elliemae/ds-button";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+const Intents = {
+  SUCCESS: "success",
+  INFO: "info",
+  DANGER: "danger",
+  WARNING: "warning"
+};
+const IntentIconColors = {
+  [Intents.SUCCESS]: ["success", 900],
+  [Intents.INFO]: ["brand-primary", 600],
+  [Intents.DANGER]: ["danger", 900],
+  [Intents.WARNING]: ["warning", 900]
+};
+const ValueWrapper = aggregatedClasses("span")("icon-column-cell");
+const addColorToIcon = (icon, intentColor) => {
+  if (icon.props.color) {
+    return icon;
+  }
+  return React2.cloneElement(icon, { color: intentColor });
+};
+const IconColumn = ({
+  property,
+  label,
+  headerIcon,
+  getRowIcon = () => null,
+  isVisited = () => null,
+  intent = Intents.SUCCESS,
+  width = 60,
+  onClick,
+  visible,
+  resizable,
+  sortable,
+  searchable
+}) => {
+  const formatter = (value, extraParams) => {
+    const icon = getRowIcon(value, extraParams);
+    const onClickHandler = (e) => onClick(e, extraParams);
+    return /* @__PURE__ */ React2.createElement(ValueWrapper, {
+      className: cx(`icc-${intent}`, isVisited(value, extraParams))
+    }, icon && addColorToIcon(icon, IntentIconColors[intent]), onClick && typeof value !== "undefined" ? /* @__PURE__ */ React2.createElement(DSButton, {
+      buttonType: "text",
+      intent,
+      labelText: value,
+      onClick: onClickHandler
+    }) : value);
+  };
+  return {
+    property,
+    label,
+    headerStyle: {
+      justifyContent: "center"
+    },
+    header: {
+      formatters: [
+        () => /* @__PURE__ */ React2.createElement("span", null, React2.cloneElement(headerIcon, {
+          color: IntentIconColors[intent]
+        }))
+      ]
+    },
+    cell: {
+      formatters: [formatter]
+    },
+    cellStyle: {
+      justifyContent: "center"
+    },
+    width,
+    visible: typeof visible === "undefined" || visible,
+    resizable,
+    sortable,
+    searchable
+  };
+};
+var IconColumn_default = IconColumn;
+export {
+  IconColumn,
+  IconColumn_default as default
+};
+//# sourceMappingURL=IconColumn.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/columns/IconColumn.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/display-name */\nimport React from 'react';\nimport { cx } from '@elliemae/ds-utilities';\nimport { DSButton } from '@elliemae/ds-button';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst Intents = {\n  SUCCESS: 'success',\n  INFO: 'info',\n  DANGER: 'danger',\n  WARNING: 'warning',\n};\n\nconst IntentIconColors = {\n  [Intents.SUCCESS]: ['success', 900],\n  [Intents.INFO]: ['brand-primary', 600],\n  [Intents.DANGER]: ['danger', 900],\n  [Intents.WARNING]: ['warning', 900],\n};\n\nconst ValueWrapper = aggregatedClasses('span')('icon-column-cell');\n\nconst addColorToIcon = (icon, intentColor) => {\n  if (icon.props.color) {\n    return icon;\n  }\n  return React.cloneElement(icon, { color: intentColor });\n};\n\nexport const IconColumn = ({\n  property,\n  label,\n  headerIcon,\n  getRowIcon = () => null,\n  isVisited = () => null,\n  intent = Intents.SUCCESS,\n  width = 60,\n  onClick,\n  visible,\n  resizable,\n  sortable,\n  searchable,\n}) => {\n  const formatter = (value, extraParams) => {\n    const icon = getRowIcon(value, extraParams);\n    const onClickHandler = (e) => onClick(e, extraParams);\n    return (\n      <ValueWrapper className={cx(`icc-${intent}`, isVisited(value, extraParams))}>\n        {icon && addColorToIcon(icon, IntentIconColors[intent])}\n        {onClick && typeof value !== 'undefined' ? (\n          <DSButton buttonType=\"text\" intent={intent} labelText={value} onClick={onClickHandler} />\n        ) : (\n          value\n        )}\n      </ValueWrapper>\n    );\n  };\n  return {\n    property,\n    label,\n    headerStyle: {\n      justifyContent: 'center',\n    },\n    header: {\n      formatters: [\n        () => (\n          <span>\n            {React.cloneElement(headerIcon, {\n              color: IntentIconColors[intent],\n            })}\n          </span>\n        ),\n      ],\n    },\n    cell: {\n      formatters: [formatter],\n    },\n    cellStyle: {\n      justifyContent: 'center',\n    },\n    width,\n    visible: typeof visible === 'undefined' || visible,\n    resizable,\n    sortable,\n    searchable,\n  };\n};\n\nexport default IconColumn;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAEA,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA;AAGX,MAAM,mBAAmB;AAAA,GACtB,QAAQ,UAAU,CAAC,WAAW;AAAA,GAC9B,QAAQ,OAAO,CAAC,iBAAiB;AAAA,GACjC,QAAQ,SAAS,CAAC,UAAU;AAAA,GAC5B,QAAQ,UAAU,CAAC,WAAW;AAAA;AAGjC,MAAM,eAAe,kBAAkB,QAAQ;AAE/C,MAAM,iBAAiB,CAAC,MAAM,gBAAgB;AAC5C,MAAI,KAAK,MAAM,OAAO;AACpB,WAAO;AAAA;AAET,SAAO,OAAM,aAAa,MAAM,EAAE,OAAO;AAAA;AAGpC,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa,MAAM;AAAA,EACnB,YAAY,MAAM;AAAA,EAClB,SAAS,QAAQ;AAAA,EACjB,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,YAAY,CAAC,OAAO,gBAAgB;AACxC,UAAM,OAAO,WAAW,OAAO;AAC/B,UAAM,iBAAiB,CAAC,MAAM,QAAQ,GAAG;AACzC,WACE,qCAAC,cAAD;AAAA,MAAc,WAAW,GAAG,OAAO,UAAU,UAAU,OAAO;AAAA,OAC3D,QAAQ,eAAe,MAAM,iBAAiB,UAC9C,WAAW,OAAO,UAAU,cAC3B,qCAAC,UAAD;AAAA,MAAU,YAAW;AAAA,MAAO;AAAA,MAAgB,WAAW;AAAA,MAAO,SAAS;AAAA,SAEvE;AAAA;AAKR,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,aAAa;AAAA,MACX,gBAAgB;AAAA;AAAA,IAElB,QAAQ;AAAA,MACN,YAAY;AAAA,QACV,MACE,qCAAC,QAAD,MACG,OAAM,aAAa,YAAY;AAAA,UAC9B,OAAO,iBAAiB;AAAA;AAAA;AAAA;AAAA,IAMlC,MAAM;AAAA,MACJ,YAAY,CAAC;AAAA;AAAA,IAEf,WAAW;AAAA,MACT,gBAAgB;AAAA;AAAA,IAElB;AAAA,IACA,SAAS,OAAO,YAAY,eAAe;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIJ,IAAO,qBAAQ;",
+  "names": []
+}

package/dist/esm/columns/NumberColumn.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+function createNumberColumn({ label, property }) {
+}
+export {
+  createNumberColumn as default
+};
+//# sourceMappingURL=NumberColumn.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/columns/NumberColumn.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export default function createNumberColumn({ label, property }) {}\n"],
+  "mappings": "AAAA;ACAe,4BAA4B,EAAE,OAAO,YAAY;AAAA;",
+  "names": []
+}

package/dist/esm/components/BodyCell.js

@@ -0,0 +1,75 @@
+import * as React from "react";
+import React2, { useEffect, useContext, useRef, useCallback } from "react";
+import PropTypes from "prop-types";
+import { FocusGridContext } from "@elliemae/ds-shared/FocusGroup/FocusGrid";
+import { evaluateFormatters, evaluateTransforms } from "@elliemae/ds-shared/createDataInstance/utils";
+import { DSTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+const BodyCell = ({ component: Component, classProps, rowProps, column, columnIndex, rowIndex, grid }) => {
+  const { rowData, rowKey, isScrolling, ...extraRowProps } = rowProps;
+  const { property, cell, props } = column;
+  const evaluatedProperty = property || cell && cell.property;
+  const ref = useRef(null);
+  const { register } = useContext(FocusGridContext);
+  const registerFocus = useCallback((node) => {
+    register(node, rowIndex, columnIndex);
+  }, []);
+  useEffect(() => {
+    registerFocus(ref.current);
+  }, [ref.current]);
+  const {
+    transforms = [],
+    formatters = [],
+    fixedFormatters = [],
+    scrollingFormatters = []
+  } = cell || {};
+  const extraParameters = {
+    columnIndex,
+    property: evaluatedProperty,
+    column,
+    rowData,
+    rowIndex,
+    rowKey,
+    isScrolling,
+    registerFocus,
+    ...extraRowProps
+  };
+  const withTooltip = (v) => classProps && classProps.wrapText ? v : /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
+    value: v
+  });
+  const value = rowData[`_${evaluatedProperty}`] || rowData[evaluatedProperty];
+  const transformed = evaluateTransforms(transforms, value, extraParameters);
+  return /* @__PURE__ */ React2.createElement(Component, {
+    ref,
+    "data-testid": `column-${property}`,
+    tabIndex: -1,
+    classProps,
+    ...props,
+    ...cell && cell.props,
+    ...transformed
+  }, transformed.children || evaluateFormatters(!isScrolling ? [withTooltip, ...formatters, ...fixedFormatters] : [...scrollingFormatters, ...fixedFormatters], value, extraParameters, grid));
+};
+BodyCell.propTypes = {
+  component: PropTypes.element,
+  classProps: PropTypes.shape({
+    wrapText: PropTypes.bool
+  }),
+  rowProps: PropTypes.shape({
+    rowData: PropTypes.shape({}),
+    rowKey: PropTypes.string,
+    isScrolling: PropTypes.bool
+  }),
+  column: PropTypes.shape({
+    property: PropTypes.string,
+    cell: PropTypes.any,
+    props: PropTypes.shape({})
+  }),
+  columnIndex: PropTypes.number,
+  rowIndex: PropTypes.number,
+  grid: PropTypes.any
+};
+var BodyCell_default = BodyCell;
+export {
+  BodyCell,
+  BodyCell_default as default
+};
+//# sourceMappingURL=BodyCell.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/BodyCell.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useEffect, useContext, useRef, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { FocusGridContext } from '@elliemae/ds-shared/FocusGroup/FocusGrid';\nimport { evaluateFormatters, evaluateTransforms } from '@elliemae/ds-shared/createDataInstance/utils';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\n\nconst BodyCell = ({ component: Component, classProps, rowProps, column, columnIndex, rowIndex, grid }) => {\n  const { rowData, rowKey, isScrolling, ...extraRowProps } = rowProps;\n  const { property, cell, props } = column;\n  const evaluatedProperty = property || (cell && cell.property);\n\n  const ref = useRef(null);\n  const { register } = useContext(FocusGridContext);\n\n  const registerFocus = useCallback((node) => {\n    register(node, rowIndex, columnIndex);\n  }, []);\n\n  useEffect(() => {\n    registerFocus(ref.current);\n  }, [ref.current]);\n\n  const {\n    transforms = [],\n    formatters = [],\n    fixedFormatters = [], // useful for the toolbar trigger at the last column\n    scrollingFormatters = [],\n  } = cell || {};\n\n  const extraParameters = {\n    columnIndex,\n    property: evaluatedProperty,\n    column,\n    rowData,\n    rowIndex,\n    rowKey,\n    isScrolling, // improve performance on scroll rendering a lightweight component instead\n    registerFocus,\n    ...extraRowProps,\n  };\n  const withTooltip = (v) => (classProps && classProps.wrapText ? v : <DSTruncatedTooltipText value={v} />);\n  const value = rowData[`_${evaluatedProperty}`] || rowData[evaluatedProperty];\n  const transformed = evaluateTransforms(transforms, value, extraParameters);\n  return (\n    <Component\n      ref={ref}\n      data-testid={`column-${property}`}\n      tabIndex={-1}\n      classProps={classProps}\n      {...props}\n      {...(cell && cell.props)}\n      {...transformed}\n    >\n      {transformed.children ||\n        evaluateFormatters(\n          !isScrolling\n            ? [withTooltip, ...formatters, ...fixedFormatters]\n            : [...scrollingFormatters, ...fixedFormatters],\n          value,\n          extraParameters,\n          grid,\n        )}\n    </Component>\n  );\n};\n\nBodyCell.propTypes = {\n  component: PropTypes.element,\n  classProps: PropTypes.shape({\n    wrapText: PropTypes.bool,\n  }),\n  rowProps: PropTypes.shape({\n    rowData: PropTypes.shape({}),\n    rowKey: PropTypes.string,\n    isScrolling: PropTypes.bool,\n  }),\n  column: PropTypes.shape({\n    property: PropTypes.string,\n    cell: PropTypes.any,\n    props: PropTypes.shape({}),\n  }),\n  columnIndex: PropTypes.number,\n  rowIndex: PropTypes.number,\n  grid: PropTypes.any,\n};\n\nexport { BodyCell };\nexport default BodyCell;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,WAAW,CAAC,EAAE,WAAW,WAAW,YAAY,UAAU,QAAQ,aAAa,UAAU,WAAW;AACxG,QAAM,EAAE,SAAS,QAAQ,gBAAgB,kBAAkB;AAC3D,QAAM,EAAE,UAAU,MAAM,UAAU;AAClC,QAAM,oBAAoB,YAAa,QAAQ,KAAK;AAEpD,QAAM,MAAM,OAAO;AACnB,QAAM,EAAE,aAAa,WAAW;AAEhC,QAAM,gBAAgB,YAAY,CAAC,SAAS;AAC1C,aAAS,MAAM,UAAU;AAAA,KACxB;AAEH,YAAU,MAAM;AACd,kBAAc,IAAI;AAAA,KACjB,CAAC,IAAI;AAER,QAAM;AAAA,IACJ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,sBAAsB;AAAA,MACpB,QAAQ;AAEZ,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA;AAEL,QAAM,cAAc,CAAC,MAAO,cAAc,WAAW,WAAW,IAAI,qCAAC,wBAAD;AAAA,IAAwB,OAAO;AAAA;AACnG,QAAM,QAAQ,QAAQ,IAAI,wBAAwB,QAAQ;AAC1D,QAAM,cAAc,mBAAmB,YAAY,OAAO;AAC1D,SACE,qCAAC,WAAD;AAAA,IACE;AAAA,IACA,eAAa,UAAU;AAAA,IACvB,UAAU;AAAA,IACV;AAAA,OACI;AAAA,OACC,QAAQ,KAAK;AAAA,OACd;AAAA,KAEH,YAAY,YACX,mBACE,CAAC,cACG,CAAC,aAAa,GAAG,YAAY,GAAG,mBAChC,CAAC,GAAG,qBAAqB,GAAG,kBAChC,OACA,iBACA;AAAA;AAMV,SAAS,YAAY;AAAA,EACnB,WAAW,UAAU;AAAA,EACrB,YAAY,UAAU,MAAM;AAAA,IAC1B,UAAU,UAAU;AAAA;AAAA,EAEtB,UAAU,UAAU,MAAM;AAAA,IACxB,SAAS,UAAU,MAAM;AAAA,IACzB,QAAQ,UAAU;AAAA,IAClB,aAAa,UAAU;AAAA;AAAA,EAEzB,QAAQ,UAAU,MAAM;AAAA,IACtB,UAAU,UAAU;AAAA,IACpB,MAAM,UAAU;AAAA,IAChB,OAAO,UAAU,MAAM;AAAA;AAAA,EAEzB,aAAa,UAAU;AAAA,EACvB,UAAU,UAAU;AAAA,EACpB,MAAM,UAAU;AAAA;AAIlB,IAAO,mBAAQ;",
+  "names": []
+}

package/dist/esm/components/BodyList.js

@@ -0,0 +1,25 @@
+import * as React from "react";
+import React2 from "react";
+import { NoResults } from "./NoResults";
+function BodyWrapperDefaultRenderer({
+  component: Component,
+  rows,
+  rowRenderer,
+  noResultsPlaceholder,
+  innerRef,
+  innerBodyRef,
+  ...otherBodyProps
+}) {
+  return /* @__PURE__ */ React2.createElement(Component, {
+    ...otherBodyProps,
+    innerRef
+  }, rows.length ? rows.map((row, index) => rowRenderer(row, { index }, {})) : /* @__PURE__ */ React2.createElement(NoResults, {
+    innerRef,
+    rowRenderer
+  }, noResultsPlaceholder));
+}
+var BodyList_default = React2.memo(BodyWrapperDefaultRenderer);
+export {
+  BodyList_default as default
+};
+//# sourceMappingURL=BodyList.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/BodyList.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { NoResults } from './NoResults';\n\nfunction BodyWrapperDefaultRenderer({\n  component: Component,\n  rows,\n  rowRenderer,\n  noResultsPlaceholder,\n  innerRef,\n  innerBodyRef,\n  ...otherBodyProps\n}) {\n  return (\n    <Component {...otherBodyProps} innerRef={innerRef}>\n      {rows.length ? (\n        rows.map((row, index) => rowRenderer(row, { index }, {}))\n      ) : (\n        <NoResults innerRef={innerRef} rowRenderer={rowRenderer}>\n          {noResultsPlaceholder}\n        </NoResults>\n      )}\n    </Component>\n  );\n}\n\nexport default React.memo(BodyWrapperDefaultRenderer);\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,oCAAoC;AAAA,EAClC,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,SACE,qCAAC,WAAD;AAAA,OAAe;AAAA,IAAgB;AAAA,KAC5B,KAAK,SACJ,KAAK,IAAI,CAAC,KAAK,UAAU,YAAY,KAAK,EAAE,SAAS,OAErD,qCAAC,WAAD;AAAA,IAAW;AAAA,IAAoB;AAAA,KAC5B;AAAA;AAOX,IAAO,mBAAQ,OAAM,KAAK;",
+  "names": []
+}

package/dist/esm/components/ColumnVisibilityMenuOption.js

@@ -0,0 +1,37 @@
+import * as React from "react";
+const getColumnVisibilityMenuOption = ({
+  columns,
+  onColumnVisibilityChange,
+  searchable,
+  height
+}) => {
+  const { items, active } = columns.reduce((result, column, index) => ({
+    items: [
+      ...result.items,
+      {
+        id: column.property,
+        label: column.label,
+        checked: column.visible,
+        onClick: () => onColumnVisibilityChange(column, index)
+      }
+    ],
+    active: !column.visible ? result.active : [...result.active, column.property]
+  }), {
+    items: [],
+    active: []
+  });
+  return {
+    type: "SelectionGroup",
+    id: "column-visibility-option",
+    multi: true,
+    searchable,
+    closeOnClick: false,
+    active,
+    items,
+    height
+  };
+};
+export {
+  getColumnVisibilityMenuOption
+};
+//# sourceMappingURL=ColumnVisibilityMenuOption.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ColumnVisibilityMenuOption.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const getColumnVisibilityMenuOption = ({\n  columns,\n  onColumnVisibilityChange,\n  searchable,\n  height,\n}) => {\n  const { items, active } = columns.reduce(\n    (result, column, index) => ({\n      items: [\n        ...result.items,\n        {\n          id: column.property,\n          label: column.label,\n          checked: column.visible,\n          onClick: () => onColumnVisibilityChange(column, index),\n        },\n      ],\n      active: !column.visible\n        ? result.active\n        : [...result.active, column.property],\n    }),\n    {\n      items: [],\n      active: [],\n    },\n  );\n\n  return {\n    type: 'SelectionGroup',\n    id: 'column-visibility-option',\n    multi: true,\n    searchable,\n    closeOnClick: false,\n    active,\n    items,\n    height,\n  };\n};\n"],
+  "mappings": "AAAA;ACAO,MAAM,gCAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,EAAE,OAAO,WAAW,QAAQ,OAChC,CAAC,QAAQ,QAAQ,UAAW;AAAA,IAC1B,OAAO;AAAA,MACL,GAAG,OAAO;AAAA,MACV;AAAA,QACE,IAAI,OAAO;AAAA,QACX,OAAO,OAAO;AAAA,QACd,SAAS,OAAO;AAAA,QAChB,SAAS,MAAM,yBAAyB,QAAQ;AAAA;AAAA;AAAA,IAGpD,QAAQ,CAAC,OAAO,UACZ,OAAO,SACP,CAAC,GAAG,OAAO,QAAQ,OAAO;AAAA,MAEhC;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA;AAIZ,SAAO;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/components/ColumnsOptionsMenuSection.js

@@ -0,0 +1,35 @@
+import * as React from "react";
+import React2 from "react";
+import { Menu } from "@elliemae/ds-menu";
+const ColumnsOptionsMenuSection = ({
+  columns,
+  onColumnVisibilityChange,
+  searchable = false,
+  height
+}) => () => {
+  const { items, active } = columns.reduce((result, column, index) => ({
+    items: [
+      ...result.items,
+      {
+        id: column.property,
+        label: column.label,
+        checked: column.visible,
+        onClick: () => onColumnVisibilityChange(column, index)
+      }
+    ],
+    active: typeof column.visible === "undefined" || column.visible ? [...result.active, column.property] : result.active
+  }), { items: [], active: [] });
+  return /* @__PURE__ */ React2.createElement(Menu.SelectionGroup, {
+    active,
+    height,
+    items,
+    multi: true,
+    searchable
+  });
+};
+var ColumnsOptionsMenuSection_default = ColumnsOptionsMenuSection;
+export {
+  ColumnsOptionsMenuSection,
+  ColumnsOptionsMenuSection_default as default
+};
+//# sourceMappingURL=ColumnsOptionsMenuSection.js.map