@elliemae/ds-datagrids 2.3.0-alpha.9 → 2.3.0-next.3

package/cjs/DataGridImpl.js

@@ -0,0 +1,169 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/esnext.set.add-all.js');
+require('core-js/modules/esnext.set.delete-all.js');
+require('core-js/modules/esnext.set.difference.js');
+require('core-js/modules/esnext.set.every.js');
+require('core-js/modules/esnext.set.filter.js');
+require('core-js/modules/esnext.set.find.js');
+require('core-js/modules/esnext.set.intersection.js');
+require('core-js/modules/esnext.set.is-disjoint-from.js');
+require('core-js/modules/esnext.set.is-subset-of.js');
+require('core-js/modules/esnext.set.is-superset-of.js');
+require('core-js/modules/esnext.set.join.js');
+require('core-js/modules/esnext.set.map.js');
+require('core-js/modules/esnext.set.reduce.js');
+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');
+var Table = require('./components/Table.js');
+var TableBody = require('./components/TableBody.js');
+var TableHeader = require('./components/TableHeader.js');
+var index = require('./components/renderers/index.js');
+var defaultClassedRenderers = require('./components/renderers/defaultClassedRenderers.js');
+var addOptionalFooterComponents = require('./components/footer/addOptionalFooterComponents.js');
+var addOptionalHeaderComponents = require('./components/header/addOptionalHeaderComponents.js');
+var EmptyState = require('./components/EmptyState.js');
+var getPluginsFromProps = require('./utilities/getPluginsFromProps.js');
+var defaultPlugins = require('./defaultPlugins.js');
+var normalizeData = require('./utilities/normalizeData.js');
+var jsxRuntime = require('react/jsx-runtime');
+var renderRowsLoader = require('./components/renderers/renderRowsLoader.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var useDataGrid__default = /*#__PURE__*/_interopDefaultLegacy(useDataGrid);
+
+var _EmptyState, _TableHeader;
+
+const _excluded = ["className", "renderers", "columns", "rows", "containerProps", "plugins", "normalizeDataKeys"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const isFluid = _ref => {
+  let {
+    autoHeight,
+    paginated,
+    numRowsVisible
+  } = _ref;
+  if (autoHeight) return false;
+  if (paginated) return false;
+  return !numRowsVisible;
+};
+
+function DataGridImpl(_ref2) {
+  let {
+    className,
+    renderers,
+    columns,
+    rows,
+    containerProps,
+    plugins: pluginsProp,
+    normalizeDataKeys
+  } = _ref2,
+      otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
+
+  const {
+    noResultsPlaceholder = _EmptyState || (_EmptyState = /*#__PURE__*/_jsx__default["default"](EmptyState.EmptyState, {})),
+    noColumnsPlaceholder = 'Please select one of more columns in order for data to be displayed.',
+    noResultsRender,
+    paginated,
+    height,
+    showHeader,
+    showRowsLoader,
+    rowsLoaderRenderer = renderRowsLoader.renderRowsLoader,
+    groupedRows,
+    sortable,
+    rowSize,
+    wrapText,
+    onDefaultFiltersLoad,
+    rowKey
+  } = otherProps;
+  const idKey = rowKey || 'id';
+  const rowsIdsSet = new Set();
+  const rowsIds = rows.map(row => {
+    if (row[idKey] === undefined) 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(_objectSpread(_objectSpread({}, otherProps), {}, {
+    virtualized: (!paginated || groupedRows) && !wrapText,
+    paginated: paginated && !groupedRows || wrapText,
+    sortable: sortable && !groupedRows
+  }));
+
+  if (normalizeDataKeys) {
+    normalizeData.normalizeRows(rows);
+  }
+
+  const grid = useDataGrid__default["default"](_objectSpread({
+    columns,
+    rows,
+    renderers: index.defaultRenderers,
+    plugins: [...plugins, ...pluginsProp, ...defaultPlugins.defaultPlugins]
+  }, otherProps));
+  const noColumnsVisible = React.useMemo(() => {
+    const visibleUserColumns = grid.columns.filter(column => column.visible || typeof column.visible === 'undefined');
+    return visibleUserColumns.length === 0;
+  }, [grid.columns]);
+  const bodyPlaceholder = React.useMemo(() => {
+    if (noColumnsVisible) {
+      return noColumnsPlaceholder;
+    }
+
+    return utils.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__*/jsxRuntime.jsxs(defaultClassedRenderers.DatagridWrapper, _objectSpread(_objectSpread({
+    className: "".concat(className, " ds-row-size-").concat(rowSize),
+    classProps: {
+      fluidHeight: isFluid({
+        autoHeight: otherProps.autoHeight,
+        numRowsVisible: otherProps.numRowsVisible,
+        paginated: usePagination
+      })
+    },
+    style: {
+      height
+    }
+  }, containerProps), {}, {
+    children: [addOptionalHeaderComponents({
+      grid
+    }), /*#__PURE__*/jsxRuntime.jsxs(Table, _objectSpread(_objectSpread({}, grid), {}, {
+      onDefaultFiltersLoad: onDefaultFiltersLoad,
+      children: [showHeader && (_TableHeader || (_TableHeader = /*#__PURE__*/_jsx__default["default"](TableHeader, {}))), showRowsLoader ? rowsLoaderRenderer() : /*#__PURE__*/_jsx__default["default"](TableBody, {
+        isPlaceholderActive: noColumnsVisible || grid.composedRows.rows && grid.composedRows.rows.length === 0 || grid.composedRows.length === 0,
+        noResultsPlaceholder: bodyPlaceholder
+      })]
+    })), addOptionalFooterComponents({
+      grid,
+      rows: grid.composedRows
+    })]
+  }));
+}
+
+module.exports = DataGridImpl;

package/cjs/PaginatedDataGrid.js

@@ -0,0 +1,77 @@
+'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');
+require('react');
+var useDataGrid = require('@elliemae/ds-shared/src/useDataGrid/useDataGrid');
+var Table = require('./components/Table.js');
+var index = require('./components/renderers/index.js');
+var defaultClassedRenderers = require('./components/renderers/defaultClassedRenderers.js');
+var addOptionalHeaderComponents = require('./components/header/addOptionalHeaderComponents.js');
+var getPluginsFromProps = require('./utilities/getPluginsFromProps.js');
+var Pagination = require('./plugins/pagination/components/Pagination.js');
+var jsxRuntime = require('react/jsx-runtime');
+var renderRowsLoader = require('./components/renderers/renderRowsLoader.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var useDataGrid__default = /*#__PURE__*/_interopDefaultLegacy(useDataGrid);
+
+var _Table$Header;
+
+const _excluded = ["columns", "rows", "showRowsLoader", "noResultsPlaceholder", "rowsLoaderRenderer", "maxPerPage", "minPerPage", "onPageSelect", "onPerPage", "pagination"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function PaginatedDataGrid(_ref) {
+  let {
+    columns,
+    rows,
+    showRowsLoader,
+    noResultsPlaceholder,
+    rowsLoaderRenderer = renderRowsLoader.renderRowsLoader,
+    maxPerPage,
+    minPerPage,
+    onPageSelect,
+    onPerPage,
+    pagination
+  } = _ref,
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  const plugins = getPluginsFromProps(otherProps, {
+    infiniteScrolling: true
+  });
+  const grid = useDataGrid__default["default"](_objectSpread(_objectSpread({}, otherProps), {}, {
+    columns,
+    rows,
+    renderers: index.defaultRenderers,
+    plugins
+  }));
+  return /*#__PURE__*/_jsx__default["default"](defaultClassedRenderers.DatagridWrapper, {}, void 0, addOptionalHeaderComponents({
+    grid
+  }), /*#__PURE__*/jsxRuntime.jsxs(Table, _objectSpread(_objectSpread({}, grid), {}, {
+    children: [_Table$Header || (_Table$Header = /*#__PURE__*/_jsx__default["default"](Table.Header, {})), showRowsLoader ? rowsLoaderRenderer() : /*#__PURE__*/_jsx__default["default"](Table.Body, {
+      rows: grid.composedRows.rows || grid.composedRows
+    })]
+  })), /*#__PURE__*/_jsx__default["default"](Pagination.Pagination, {
+    maxPerPage: maxPerPage,
+    minPerPage: minPerPage,
+    onPageSelect: onPageSelect,
+    onPerPage: onPerPage,
+    paginated: rows,
+    pagination: pagination
+  }));
+}
+
+module.exports = PaginatedDataGrid;

package/cjs/blockNames.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const dataGridBlockName = 'data-grid';
+const headerBlockName = "".concat(dataGridBlockName, "-header");
+const bodyBlockName = "".concat(dataGridBlockName, "-body");
+
+exports.bodyBlockName = bodyBlockName;
+exports.dataGridBlockName = dataGridBlockName;
+exports.headerBlockName = headerBlockName;

package/cjs/columns/IconColumn.js

@@ -0,0 +1,95 @@
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+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 }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
+
+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 = dsClassnames.aggregatedClasses('span')('icon-column-cell');
+
+const addColorToIcon = (icon, intentColor) => {
+  if (icon.props.color) {
+    return icon;
+  }
+
+  return /*#__PURE__*/React__default["default"].cloneElement(icon, {
+    color: intentColor
+  });
+};
+
+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: 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,
+      labelText: value,
+      onClick: onClickHandler
+    }) : value);
+  };
+
+  return {
+    property,
+    label,
+    headerStyle: {
+      justifyContent: 'center'
+    },
+    header: {
+      formatters: [() => /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, /*#__PURE__*/React__default["default"].cloneElement(headerIcon, {
+        color: IntentIconColors[intent]
+      }))]
+    },
+    cell: {
+      formatters: [formatter]
+    },
+    cellStyle: {
+      justifyContent: 'center'
+    },
+    width,
+    visible: typeof visible === 'undefined' || visible,
+    resizable,
+    sortable,
+    searchable
+  };
+}
+
+module.exports = createColumn;

package/cjs/columns/NumberColumn.js

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

package/cjs/components/BodyCell.js

@@ -0,0 +1,101 @@
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.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 FocusGridManager = require('@elliemae/ds-shared/FocusGroup/FocusGrid');
+var utils = require('@elliemae/ds-shared/createDataInstance/utils');
+var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
+
+const _excluded = ["rowData", "rowKey", "isScrolling"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function BodyCell(_ref) {
+  let {
+    component: Component,
+    classProps,
+    rowProps,
+    column,
+    columnIndex,
+    rowIndex,
+    grid
+  } = _ref;
+
+  const {
+    rowData,
+    rowKey,
+    isScrolling
+  } = rowProps,
+        extraRowProps = _objectWithoutProperties__default["default"](rowProps, _excluded);
+
+  const {
+    property,
+    cell,
+    props
+  } = column;
+  const evaluatedProperty = property || cell && cell.property;
+  const ref = React.useRef(null);
+  const {
+    register
+  } = React.useContext(FocusGridManager.FocusGridContext);
+  const registerFocus = React.useCallback(node => {
+    register(node, rowIndex, columnIndex);
+  }, []);
+  React.useEffect(() => {
+    registerFocus(ref.current);
+  }, [ref.current]);
+  const {
+    transforms = [],
+    formatters = [],
+    fixedFormatters = [],
+    // useful for the toolbar trigger at the last column
+    scrollingFormatters = []
+  } = cell || {};
+
+  const extraParameters = _objectSpread({
+    columnIndex,
+    property: evaluatedProperty,
+    column,
+    rowData,
+    rowIndex,
+    rowKey,
+    isScrolling,
+    // improve performance on scroll rendering a lightweight component instead
+    registerFocus
+  }, extraRowProps);
+
+  const withTooltip = v => classProps && classProps.wrapText ? v : /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
+    value: v
+  });
+
+  const value = rowData["_".concat(evaluatedProperty)] || rowData[evaluatedProperty];
+  const transformed = utils.evaluateTransforms(transforms, value, extraParameters);
+  return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    ref: ref,
+    "data-testid": "column-".concat(property),
+    tabIndex: -1,
+    classProps: classProps
+  }, props), cell && cell.props), transformed), {}, {
+    children: transformed.children || utils.evaluateFormatters(!isScrolling ? [withTooltip, ...formatters, ...fixedFormatters] : [...scrollingFormatters, ...fixedFormatters], value, extraParameters, grid)
+  }));
+}
+
+module.exports = BodyCell;

package/cjs/components/BodyList.js

@@ -0,0 +1,54 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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 NoResults = require('./NoResults.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const _excluded = ["component", "rows", "rowRenderer", "noResultsPlaceholder", "innerRef", "innerBodyRef"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function BodyWrapperDefaultRenderer(_ref) {
+  let {
+    component: Component,
+    rows,
+    rowRenderer,
+    noResultsPlaceholder,
+    innerRef,
+    innerBodyRef
+  } = _ref,
+      otherBodyProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, otherBodyProps), {}, {
+    innerRef: innerRef,
+    children: rows.length ? rows.map((row, index) => rowRenderer(row, {
+      index
+    }, {})) : /*#__PURE__*/_jsx__default["default"](NoResults, {
+      innerRef: innerRef,
+      rowRenderer: rowRenderer
+    }, void 0, noResultsPlaceholder)
+  }));
+}
+
+var BodyList = /*#__PURE__*/React__default["default"].memo(BodyWrapperDefaultRenderer);
+
+module.exports = BodyList;

package/cjs/components/ColumnVisibilityMenuOption.js

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+
+function getColumnVisibilityMenuOption(_ref) {
+  let {
+    columns,
+    onColumnVisibilityChange,
+    searchable,
+    height
+  } = _ref;
+  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
+  };
+}
+
+exports.getColumnVisibilityMenuOption = getColumnVisibilityMenuOption;

package/cjs/components/ColumnsOptionsMenuSection.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('react');
+var dsMenu = require('@elliemae/ds-menu');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const ColumnsOptionsMenuSection = _ref => {
+  let {
+    columns,
+    onColumnVisibilityChange,
+    searchable = false,
+    height // eslint-disable-next-line react/display-name
+
+  } = _ref;
+  return () => {
+    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__*/_jsx__default["default"](dsMenu.Menu.SelectionGroup, {
+      active: active,
+      height: height,
+      items: items,
+      multi: true,
+      searchable: searchable
+    });
+  };
+};
+
+module.exports = ColumnsOptionsMenuSection;

package/cjs/components/EmptyState.js

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var Grid = require('@elliemae/ds-grid');
+var dsIcons = require('@elliemae/ds-icons');
+var dsSystem = require('@elliemae/ds-system');
+var DSButton = require('@elliemae/ds-button');
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+var _Icon;
+const EmptyStateWrapper = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+  componentId: "sc-1ddwbs7-0"
+})(["min-width:132px;max-width:384px;height:fit-content;"]);
+const Icon = /*#__PURE__*/styled__default["default"](dsIcons.WarningTriangle).withConfig({
+  componentId: "sc-1ddwbs7-1"
+})(["fill:", ";color:", ";justify-self:center;"], props => props.theme.colors.neutral[300], props => props.theme.colors.neutral[300]);
+const PrimaryMessage = /*#__PURE__*/styled__default["default"].p.withConfig({
+  componentId: "sc-1ddwbs7-2"
+})(["text-align:center;font-weight:bold;font-size:", ";color:", ";margin-top:", ";margin-bottom:", ";"], props => dsSystem.toMobile(props.theme.fontSizes.value[400]), props => props.theme.colors.neutral[600], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs));
+const SecondaryMessage = /*#__PURE__*/styled__default["default"].p.withConfig({
+  componentId: "sc-1ddwbs7-3"
+})(["text-align:center;font-size:", ";color:", ";margin:0;"], props => dsSystem.toMobile(props.theme.fontSizes.value[400]), props => props.theme.colors.neutral[500]);
+const Button = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
+  componentId: "sc-1ddwbs7-4"
+})(["margin-top:", ";justify-self:center;width:fit-content;"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m));
+const EmptyState = _ref => {
+  let {
+    primaryMessage = 'No Results Found',
+    secondaryMessage,
+    buttonLabel,
+    onButtonClick = () => {}
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](EmptyStateWrapper, {}, void 0, _Icon || (_Icon = /*#__PURE__*/_jsx__default["default"](Icon, {
+    size: "xxl"
+  })), primaryMessage && /*#__PURE__*/_jsx__default["default"](PrimaryMessage, {}, void 0, primaryMessage), secondaryMessage && /*#__PURE__*/_jsx__default["default"](SecondaryMessage, {}, void 0, secondaryMessage), buttonLabel && /*#__PURE__*/_jsx__default["default"](Button, {
+    buttonType: "secondary",
+    labelText: buttonLabel,
+    onClick: onButtonClick
+  }));
+};
+
+exports.EmptyState = EmptyState;