@elliemae/ds-datagrids 2.0.0-next.10 → 2.0.0-next.11

package/cjs/DSDataGrid.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var reactDesc = require('react-desc');
-var DSTruncatedTooltipText = require('@elliemae/ds-basic/TruncatedTooltipText');
+var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
 var DataGridImpl = require('./DataGridImpl.js');
 var rowSizes = require('./rowSizes.js');
 
@@ -13,248 +13,251 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const DSDataGrids = ({
-  containerProps = {},
-  instanceRef,
-  className = '',
-  // data
-  columns = [],
-  rows = [],
-  rowKey = 'id',
-  // features
-  infiniteScrolling = false,
-  editable = false,
-  sortable = false,
-  sortEmptyLast = false,
-  paginated = false,
-  dragAndDropRows = false,
-  selectable = false,
-  resizeableColumns = false,
-  searchFilters = false,
-  dragAndDropColumns = false,
-  useTreeData = false,
-  autoScrollToId,
-  // virtualization props
-  overscanCount = 10,
-  // feature state
-  selectAll = false,
-  // todo: change to isAllSelected
-  selectedRows = [],
-  filters = undefined,
-  onAddFilter = () => null,
-  onRemoveFilter = () => null,
-  onFiltersChange = () => null,
-  showFilterBar = true,
-  multiSelectFilterOptions = [{
-    id: 'true',
-    label: 'Selected'
-  }, {
-    id: 'false',
-    label: 'Not selected'
-  }],
-  multiSelectFilterLabels = undefined,
-  multiSelectFilterLabel = 'Selection',
-  aggregations = {},
-  groupingColumn = undefined,
-  sortingColumns = {},
-  // pagination
-  minPerPage = 0,
-  maxPerPage = 50,
-  onPerPageChange = () => null,
-  onPageChange = () => null,
-  paginationStep = 2,
-  pagination = {
-    page: 1,
-    perPage: 10
-  },
-  // visual
-  showHeader = true,
-  fixedHeader = true,
-  wrapText = false,
-  height = undefined,
-  minColumnWidth = 100,
-  showRowsLoader = false,
-  visibleColumns = undefined,
-  // this enforces visibility of columns
-  showSelectHighlight = false,
-  showSelectColumn = true,
-  selectColumnSortable = true,
-  selectColumnFilterable = false,
-  selectionColumnDefinition = {},
-  filterBarOptions = undefined,
-  // searchGrid = false,
-  renderToolbar = undefined,
-  toolbarDelayClose = 400,
-  renderFilterToolbar = undefined,
-  multiSelectComponent = undefined,
-  // todo: deprecate this
-  noResultsRender,
-  noResultsPlaceholder,
-  fluidHeight = false,
-  customHandlers = {},
-  // grouping feature
-  groupedBy = undefined,
-  // callbacks
-  onDefaultFiltersLoad = () => null,
-  onReorder = () => null,
-  onMoveRowEnd = () => null,
-  onMoveRowStart = () => null,
-  onMoveColumnOver = () => null,
-  onMoveColumnStart = () => null,
-  onMoveColumnEnd = () => null,
-  onColumnResize = () => null,
-  onExpandChange = () => null,
-  onToggleExpand = () => null,
-  onExpandRow = () => null,
-  onFilter = () => null,
-  onSort = () => null,
-  onColumnRowEdited = () => null,
-  onColumnRowEdit = () => null,
-  onSelectRow = () => null,
-  onSelectAll = () => null,
-  onInfiniteScrolling = () => null,
-  onFilterMenuClose = () => null,
-  onFilterMenuOpen = () => null,
-  getData = undefined,
-  // todo: change to onGetMoreData
-  serverSideData = false,
-  isDataSorted = false,
-  isDataFiltered = false,
-  virtualized = true,
-  numRowsVisible = undefined,
-  isColumnEditable = column => column.editable,
-  // grouped props
-  groupedRows = false,
-  groupedRowsRenderHeader = undefined,
-  // expandable props
-  renderExpandedDetails = () => null,
-  detailColumns,
-  expandable = false,
-  getChildrenRows = row => row.children,
-  expandableSubrowsVisible = 7,
-  renderRowDetails = () => null,
-  getExpandedRowSize = undefined,
-  getExpandedRowMinSize,
-  rowSize = rowSizes.RowSizesOptions.normal,
-  subRowSize = rowSizes.RowSizesOptions.normal,
-  bindColumnsSizeTo = undefined,
-  bindRowSizeTo = undefined,
-  onToggleShowAllRows,
-  expandedRows,
-  autoHeight = false,
-  noColumnsPlaceholder,
-  plugins = [],
-  normalizeDataKeys = false
-}) => /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText.TooltipTextProvider, {}, void 0, /*#__PURE__*/_jsx__default["default"](DataGridImpl, {
-  aggregations: aggregations,
-  autoHeight: autoHeight && !fluidHeight,
-  autoScrollToId: autoScrollToId,
-  bindColumnsSizeTo: bindColumnsSizeTo,
-  bindRowSizeTo: bindRowSizeTo,
-  className: className,
-  columns: columns,
-  containerProps: containerProps,
-  customHandlers: customHandlers,
-  detailColumns: detailColumns,
-  dragAndDropColumns: dragAndDropColumns,
-  dragAndDropRows: dragAndDropRows,
-  editable: editable,
-  expandable: expandable,
-  expandableSubrowsVisible: expandableSubrowsVisible,
-  expandedRows: expandedRows,
-  filterBarOptions: filterBarOptions,
-  filters: filters,
-  fixedHeader: fixedHeader,
-  fluidHeight: fluidHeight,
-  getChildrenRows: getChildrenRows,
-  getData: getData,
-  getExpandedRowMinSize: getExpandedRowMinSize,
-  getExpandedRowSize: getExpandedRowSize,
-  groupedBy: groupedBy,
-  groupedRows: groupedRows,
-  groupedRowsRenderHeader: groupedRowsRenderHeader,
-  groupingColumn: groupingColumn,
-  height: height,
-  infiniteScrolling: infiniteScrolling,
-  instanceRef: instanceRef,
-  isColumnEditable: isColumnEditable,
-  isDataFiltered: isDataFiltered,
-  isDataSorted: isDataSorted,
-  maxPerPage: maxPerPage,
-  minColumnWidth: minColumnWidth,
-  minPerPage: minPerPage,
-  multiSelectComponent: multiSelectComponent,
-  multiSelectFilterLabel: multiSelectFilterLabel,
-  multiSelectFilterLabels: multiSelectFilterLabels,
-  multiSelectFilterOptions: multiSelectFilterOptions,
-  noColumnsPlaceholder: noColumnsPlaceholder,
-  noResultsPlaceholder: noResultsPlaceholder,
-  noResultsRender: noResultsRender,
-  normalizeDataKeys: normalizeDataKeys,
-  numRowsVisible: numRowsVisible // if defined, fluidHeight is disabled
-  ,
-  onAddFilter: onAddFilter,
-  onColumnResize: onColumnResize,
-  onColumnRowEdit: onColumnRowEdit,
-  onColumnRowEdited: onColumnRowEdited,
-  onExpandRow: onExpandRow,
-  onExpandChange: onExpandChange,
-  onFilter: onFilter,
-  onFiltersChange: onFiltersChange,
-  onFilterMenuClose: onFilterMenuClose,
-  onFilterMenuOpen: onFilterMenuOpen,
-  onDefaultFiltersLoad: onDefaultFiltersLoad,
-  onInfiniteScrolling: onInfiniteScrolling,
-  onMoveColumnEnd: onMoveColumnEnd,
-  onMoveColumnOver: onMoveColumnOver,
-  onMoveColumnStart: onMoveColumnStart,
-  onMoveRowEnd: onMoveRowEnd,
-  onMoveRowStart: onMoveRowStart,
-  onPageChange: onPageChange,
-  onPerPageChange: onPerPageChange,
-  onRemoveFilter: onRemoveFilter,
-  onReorder: onReorder,
-  onSelectAll: onSelectAll,
-  onSelectRow: onSelectRow,
-  onSort: onSort,
-  onToggleExpand: onToggleExpand,
-  onToggleShowAllRows: onToggleShowAllRows,
-  overscanCount: overscanCount,
-  paginated: paginated,
-  pagination: pagination,
-  paginationStep: paginationStep,
-  plugins: plugins,
-  renderExpandedDetails: renderExpandedDetails,
-  renderFilterToolbar: renderFilterToolbar,
-  renderRowDetails: renderRowDetails,
-  renderToolbar: renderToolbar,
-  resizeableColumns: resizeableColumns,
-  rowKey: rowKey,
-  rows: rows,
-  rowSize: rowSize,
-  searchFilters: searchFilters,
-  selectable: selectable,
-  selectAll: selectAll,
-  selectColumnFilterable: selectColumnFilterable,
-  selectColumnSortable: selectColumnSortable,
-  selectedRows: selectedRows,
-  selectionColumnDefinition: selectionColumnDefinition,
-  serverSideData: serverSideData,
-  showFilterBar: showFilterBar,
-  showHeader: showHeader,
-  showRowsLoader: showRowsLoader,
-  showSelectColumn: showSelectColumn,
-  showSelectHighlight: showSelectHighlight,
-  sortable: sortable,
-  sortEmptyLast: sortEmptyLast,
-  sortingColumns: sortingColumns,
-  subrowSize: subRowSize,
-  toolbarDelayClose: toolbarDelayClose,
-  useTreeData: useTreeData,
-  virtualized: virtualized,
-  visibleColumns: visibleColumns,
-  wrapText: wrapText
-}));
+const DSDataGrids = _ref => {
+  let {
+    containerProps = {},
+    instanceRef,
+    className = '',
+    // data
+    columns = [],
+    rows = [],
+    rowKey = 'id',
+    // features
+    infiniteScrolling = false,
+    editable = false,
+    sortable = false,
+    sortEmptyLast = false,
+    paginated = false,
+    dragAndDropRows = false,
+    selectable = false,
+    resizeableColumns = false,
+    searchFilters = false,
+    dragAndDropColumns = false,
+    useTreeData = false,
+    autoScrollToId,
+    // virtualization props
+    overscanCount = 10,
+    // feature state
+    selectAll = false,
+    // todo: change to isAllSelected
+    selectedRows = [],
+    filters = undefined,
+    onAddFilter = () => null,
+    onRemoveFilter = () => null,
+    onFiltersChange = () => null,
+    showFilterBar = true,
+    multiSelectFilterOptions = [{
+      id: 'true',
+      label: 'Selected'
+    }, {
+      id: 'false',
+      label: 'Not selected'
+    }],
+    multiSelectFilterLabels = undefined,
+    multiSelectFilterLabel = 'Selection',
+    aggregations = {},
+    groupingColumn = undefined,
+    sortingColumns = {},
+    // pagination
+    minPerPage = 0,
+    maxPerPage = 50,
+    onPerPageChange = () => null,
+    onPageChange = () => null,
+    paginationStep = 2,
+    pagination = {
+      page: 1,
+      perPage: 10
+    },
+    // visual
+    showHeader = true,
+    fixedHeader = true,
+    wrapText = false,
+    height = undefined,
+    minColumnWidth = 100,
+    showRowsLoader = false,
+    visibleColumns = undefined,
+    // this enforces visibility of columns
+    showSelectHighlight = false,
+    showSelectColumn = true,
+    selectColumnSortable = true,
+    selectColumnFilterable = false,
+    selectionColumnDefinition = {},
+    filterBarOptions = undefined,
+    // searchGrid = false,
+    renderToolbar = undefined,
+    toolbarDelayClose = 400,
+    renderFilterToolbar = undefined,
+    multiSelectComponent = undefined,
+    // todo: deprecate this
+    noResultsRender,
+    noResultsPlaceholder,
+    fluidHeight = false,
+    customHandlers = {},
+    // grouping feature
+    groupedBy = undefined,
+    // callbacks
+    onDefaultFiltersLoad = () => null,
+    onReorder = () => null,
+    onMoveRowEnd = () => null,
+    onMoveRowStart = () => null,
+    onMoveColumnOver = () => null,
+    onMoveColumnStart = () => null,
+    onMoveColumnEnd = () => null,
+    onColumnResize = () => null,
+    onExpandChange = () => null,
+    onToggleExpand = () => null,
+    onExpandRow = () => null,
+    onFilter = () => null,
+    onSort = () => null,
+    onColumnRowEdited = () => null,
+    onColumnRowEdit = () => null,
+    onSelectRow = () => null,
+    onSelectAll = () => null,
+    onInfiniteScrolling = () => null,
+    onFilterMenuClose = () => null,
+    onFilterMenuOpen = () => null,
+    getData = undefined,
+    // todo: change to onGetMoreData
+    serverSideData = false,
+    isDataSorted = false,
+    isDataFiltered = false,
+    virtualized = true,
+    numRowsVisible = undefined,
+    isColumnEditable = column => column.editable,
+    // grouped props
+    groupedRows = false,
+    groupedRowsRenderHeader = undefined,
+    // expandable props
+    renderExpandedDetails = () => null,
+    detailColumns,
+    expandable = false,
+    getChildrenRows = row => row.children,
+    expandableSubrowsVisible = 7,
+    renderRowDetails = () => null,
+    getExpandedRowSize = undefined,
+    getExpandedRowMinSize,
+    rowSize = rowSizes.RowSizesOptions.normal,
+    subRowSize = rowSizes.RowSizesOptions.normal,
+    bindColumnsSizeTo = undefined,
+    bindRowSizeTo = undefined,
+    onToggleShowAllRows,
+    expandedRows,
+    autoHeight = false,
+    noColumnsPlaceholder,
+    plugins = [],
+    normalizeDataKeys = false
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText.TooltipTextProvider, {}, void 0, /*#__PURE__*/_jsx__default["default"](DataGridImpl, {
+    aggregations: aggregations,
+    autoHeight: autoHeight && !fluidHeight,
+    autoScrollToId: autoScrollToId,
+    bindColumnsSizeTo: bindColumnsSizeTo,
+    bindRowSizeTo: bindRowSizeTo,
+    className: className,
+    columns: columns,
+    containerProps: containerProps,
+    customHandlers: customHandlers,
+    detailColumns: detailColumns,
+    dragAndDropColumns: dragAndDropColumns,
+    dragAndDropRows: dragAndDropRows,
+    editable: editable,
+    expandable: expandable,
+    expandableSubrowsVisible: expandableSubrowsVisible,
+    expandedRows: expandedRows,
+    filterBarOptions: filterBarOptions,
+    filters: filters,
+    fixedHeader: fixedHeader,
+    fluidHeight: fluidHeight,
+    getChildrenRows: getChildrenRows,
+    getData: getData,
+    getExpandedRowMinSize: getExpandedRowMinSize,
+    getExpandedRowSize: getExpandedRowSize,
+    groupedBy: groupedBy,
+    groupedRows: groupedRows,
+    groupedRowsRenderHeader: groupedRowsRenderHeader,
+    groupingColumn: groupingColumn,
+    height: height,
+    infiniteScrolling: infiniteScrolling,
+    instanceRef: instanceRef,
+    isColumnEditable: isColumnEditable,
+    isDataFiltered: isDataFiltered,
+    isDataSorted: isDataSorted,
+    maxPerPage: maxPerPage,
+    minColumnWidth: minColumnWidth,
+    minPerPage: minPerPage,
+    multiSelectComponent: multiSelectComponent,
+    multiSelectFilterLabel: multiSelectFilterLabel,
+    multiSelectFilterLabels: multiSelectFilterLabels,
+    multiSelectFilterOptions: multiSelectFilterOptions,
+    noColumnsPlaceholder: noColumnsPlaceholder,
+    noResultsPlaceholder: noResultsPlaceholder,
+    noResultsRender: noResultsRender,
+    normalizeDataKeys: normalizeDataKeys,
+    numRowsVisible: numRowsVisible // if defined, fluidHeight is disabled
+    ,
+    onAddFilter: onAddFilter,
+    onColumnResize: onColumnResize,
+    onColumnRowEdit: onColumnRowEdit,
+    onColumnRowEdited: onColumnRowEdited,
+    onExpandRow: onExpandRow,
+    onExpandChange: onExpandChange,
+    onFilter: onFilter,
+    onFiltersChange: onFiltersChange,
+    onFilterMenuClose: onFilterMenuClose,
+    onFilterMenuOpen: onFilterMenuOpen,
+    onDefaultFiltersLoad: onDefaultFiltersLoad,
+    onInfiniteScrolling: onInfiniteScrolling,
+    onMoveColumnEnd: onMoveColumnEnd,
+    onMoveColumnOver: onMoveColumnOver,
+    onMoveColumnStart: onMoveColumnStart,
+    onMoveRowEnd: onMoveRowEnd,
+    onMoveRowStart: onMoveRowStart,
+    onPageChange: onPageChange,
+    onPerPageChange: onPerPageChange,
+    onRemoveFilter: onRemoveFilter,
+    onReorder: onReorder,
+    onSelectAll: onSelectAll,
+    onSelectRow: onSelectRow,
+    onSort: onSort,
+    onToggleExpand: onToggleExpand,
+    onToggleShowAllRows: onToggleShowAllRows,
+    overscanCount: overscanCount,
+    paginated: paginated,
+    pagination: pagination,
+    paginationStep: paginationStep,
+    plugins: plugins,
+    renderExpandedDetails: renderExpandedDetails,
+    renderFilterToolbar: renderFilterToolbar,
+    renderRowDetails: renderRowDetails,
+    renderToolbar: renderToolbar,
+    resizeableColumns: resizeableColumns,
+    rowKey: rowKey,
+    rows: rows,
+    rowSize: rowSize,
+    searchFilters: searchFilters,
+    selectable: selectable,
+    selectAll: selectAll,
+    selectColumnFilterable: selectColumnFilterable,
+    selectColumnSortable: selectColumnSortable,
+    selectedRows: selectedRows,
+    selectionColumnDefinition: selectionColumnDefinition,
+    serverSideData: serverSideData,
+    showFilterBar: showFilterBar,
+    showHeader: showHeader,
+    showRowsLoader: showRowsLoader,
+    showSelectColumn: showSelectColumn,
+    showSelectHighlight: showSelectHighlight,
+    sortable: sortable,
+    sortEmptyLast: sortEmptyLast,
+    sortingColumns: sortingColumns,
+    subrowSize: subRowSize,
+    toolbarDelayClose: toolbarDelayClose,
+    useTreeData: useTreeData,
+    virtualized: virtualized,
+    visibleColumns: visibleColumns,
+    wrapText: wrapText
+  }));
+};
 
 const props = {
   /** ref to the instance of the datagrid, handle it imperatively */

package/cjs/DataGridImpl.js

@@ -20,6 +20,13 @@ require('core-js/modules/esnext.set.some.js');
 require('core-js/modules/esnext.set.symmetric-difference.js');
 require('core-js/modules/esnext.set.union.js');
 require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var utils = require('@elliemae/ds-shared/utils');
 var useDataGrid = require('@elliemae/ds-shared/useDataGrid');
@@ -52,17 +59,18 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-const isFluid = ({
-  autoHeight,
-  paginated,
-  numRowsVisible
-}) => {
+const isFluid = _ref => {
+  let {
+    autoHeight,
+    paginated,
+    numRowsVisible
+  } = _ref;
   if (autoHeight) return false;
   if (paginated) return false;
   return !numRowsVisible;
 };
 
-function DataGridImpl(_ref) {
+function DataGridImpl(_ref2) {
   let {
     className,
     renderers,
@@ -71,8 +79,8 @@ function DataGridImpl(_ref) {
     containerProps,
     plugins: pluginsProp,
     normalizeDataKeys
-  } = _ref,
-      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+  } = _ref2,
+      otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
 
   const {
     noResultsPlaceholder = _EmptyState || (_EmptyState = /*#__PURE__*/_jsx__default["default"](EmptyState.EmptyState, {})),

package/cjs/PaginatedDataGrid.js

@@ -1,5 +1,10 @@
 'use strict';
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');

package/cjs/columns/IconColumn.js

@@ -2,8 +2,8 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
-var utils = require('@elliemae/ds-utilities/utils');
-var DSButton = require('@elliemae/ds-basic/Button');
+var dsUtilities = require('@elliemae/ds-utilities');
+var DSButton = require('@elliemae/ds-button');
 var dsClassnames = require('@elliemae/ds-classnames');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -36,27 +36,29 @@ const addColorToIcon = (icon, intentColor) => {
   });
 };
 
-function createColumn({
-  property,
-  label,
-  headerIcon,
-  getRowIcon = () => null,
-  isVisited = () => null,
-  intent = Intents.SUCCESS,
-  width = 60,
-  onClick,
-  visible,
-  resizable,
-  sortable,
-  searchable
-}) {
+function createColumn(_ref) {
+  let {
+    property,
+    label,
+    headerIcon,
+    getRowIcon = () => null,
+    isVisited = () => null,
+    intent = Intents.SUCCESS,
+    width = 60,
+    onClick,
+    visible,
+    resizable,
+    sortable,
+    searchable
+  } = _ref;
+
   const formatter = (value, extraParams) => {
     const icon = getRowIcon(value, extraParams);
 
     const onClickHandler = e => onClick(e, extraParams);
 
     return /*#__PURE__*/_jsx__default["default"](ValueWrapper, {
-      className: utils.cx("icc-".concat(intent), isVisited(value, extraParams))
+      className: dsUtilities.cx("icc-".concat(intent), isVisited(value, extraParams))
     }, void 0, icon && addColorToIcon(icon, IntentIconColors[intent]), onClick && typeof value !== 'undefined' ? /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       buttonType: "text",
       intent: intent,

package/cjs/columns/NumberColumn.js

@@ -1,8 +1,6 @@
 'use strict';
 
-function createNumberColumn({
-  label,
-  property
-}) {}
+function createNumberColumn(_ref) {
+}
 
 module.exports = createNumberColumn;