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

package/esm/components/BodyList.js

@@ -1,25 +1,45 @@
-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, {
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import React from 'react';
+import NoResults from './NoResults.js';
+import { jsx } from 'react/jsx-runtime';
+
+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(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,
-    rowRenderer
-  }, noResultsPlaceholder));
+    innerBodyRef
+  } = _ref,
+      otherBodyProps = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({}, otherBodyProps), {}, {
+    innerRef: innerRef,
+    children: rows.length ? rows.map((row, index) => rowRenderer(row, {
+      index
+    }, {})) : /*#__PURE__*/_jsx(NoResults, {
+      innerRef: innerRef,
+      rowRenderer: rowRenderer
+    }, void 0, noResultsPlaceholder)
+  }));
 }
-var BodyList_default = React2.memo(BodyWrapperDefaultRenderer);
-export {
-  BodyList_default as default
-};
-//# sourceMappingURL=BodyList.js.map
+
+var BodyList = /*#__PURE__*/React.memo(BodyWrapperDefaultRenderer);
+
+export { BodyList as default };

package/esm/components/ColumnVisibilityMenuOption.js

@@ -1,28 +1,33 @@
-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)
-      }
-    ],
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import '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",
+    type: 'SelectionGroup',
+    id: 'column-visibility-option',
     multi: true,
     searchable,
     closeOnClick: false,
@@ -30,8 +35,6 @@ const getColumnVisibilityMenuOption = ({
     items,
     height
   };
-};
-export {
-  getColumnVisibilityMenuOption
-};
-//# sourceMappingURL=ColumnVisibilityMenuOption.js.map
+}
+
+export { getColumnVisibilityMenuOption };

package/esm/components/ColumnsOptionsMenuSection.js

@@ -1,35 +1,43 @@
-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,
-      {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react';
+import { Menu } from '@elliemae/ds-menu';
+
+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__ */ React2.createElement(Menu.SelectionGroup, {
-    active,
-    height,
-    items,
-    multi: true,
-    searchable
-  });
+      }],
+      active: typeof column.visible === 'undefined' || column.visible ? [...result.active, column.property] : result.active
+    }), {
+      items: [],
+      active: []
+    });
+    return /*#__PURE__*/_jsx(Menu.SelectionGroup, {
+      active: active,
+      height: height,
+      items: items,
+      multi: true,
+      searchable: searchable
+    });
+  };
 };
-var ColumnsOptionsMenuSection_default = ColumnsOptionsMenuSection;
-export {
-  ColumnsOptionsMenuSection,
-  ColumnsOptionsMenuSection_default as default
-};
-//# sourceMappingURL=ColumnsOptionsMenuSection.js.map
+
+export { ColumnsOptionsMenuSection as default };

package/esm/components/EmptyState.js

@@ -1,53 +1,41 @@
-import * as React from "react";
-import React2 from "react";
-import { Grid } from "@elliemae/ds-grid";
-import { WarningTriangle } from "@elliemae/ds-icons";
-import { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from "@elliemae/ds-system";
-import { DSButton } from "@elliemae/ds-button";
-import styled from "styled-components";
-const EmptyStateWrapper = styled(Grid)`
-  min-width: 132px; /* fixed size in px according to specs */
-  max-width: 384px; /* fixed size in px according to specs */
-  height: fit-content;
-`;
-const Icon = styled(WarningTriangle)`
-  fill: ${(props) => props.theme.colors.neutral[300]};
-  color: ${(props) => props.theme.colors.neutral[300]};
-  justify-self: center;
-`;
-const PrimaryMessage = styled.p`
-  text-align: center;
-  font-weight: bold;
-  font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])};
-  color: ${(props) => props.theme.colors.neutral[600]};
-  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};
-  margin-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};
-`;
-const SecondaryMessage = styled.p`
-  text-align: center;
-  font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])}; /* 13px */
-  color: ${(props) => props.theme.colors.neutral[500]};
-  margin: 0;
-`;
-const Button = styled(DSButton)`
-  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};
-  justify-self: center;
-  width: fit-content;
-`;
-const EmptyState = ({
-  primaryMessage = "No Results Found",
-  secondaryMessage,
-  buttonLabel,
-  onButtonClick = () => {
-  }
-}) => /* @__PURE__ */ React2.createElement(EmptyStateWrapper, null, /* @__PURE__ */ React2.createElement(Icon, {
-  size: "xxl"
-}), primaryMessage && /* @__PURE__ */ React2.createElement(PrimaryMessage, null, primaryMessage), secondaryMessage && /* @__PURE__ */ React2.createElement(SecondaryMessage, null, secondaryMessage), buttonLabel && /* @__PURE__ */ React2.createElement(Button, {
-  buttonType: "secondary",
-  labelText: buttonLabel,
-  onClick: onButtonClick
-}));
-export {
-  EmptyState
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { Grid } from '@elliemae/ds-grid';
+import { WarningTriangle } from '@elliemae/ds-icons';
+import { toMobile, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
+import DSButton from '@elliemae/ds-button';
+import styled from 'styled-components';
+
+var _Icon;
+const EmptyStateWrapper = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-1ddwbs7-0"
+})(["min-width:132px;max-width:384px;height:fit-content;"]);
+const Icon = /*#__PURE__*/styled(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.p.withConfig({
+  componentId: "sc-1ddwbs7-2"
+})(["text-align:center;font-weight:bold;font-size:", ";color:", ";margin-top:", ";margin-bottom:", ";"], props => toMobile(props.theme.fontSizes.value[400]), props => props.theme.colors.neutral[600], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs));
+const SecondaryMessage = /*#__PURE__*/styled.p.withConfig({
+  componentId: "sc-1ddwbs7-3"
+})(["text-align:center;font-size:", ";color:", ";margin:0;"], props => toMobile(props.theme.fontSizes.value[400]), props => props.theme.colors.neutral[500]);
+const Button = /*#__PURE__*/styled(DSButton).withConfig({
+  componentId: "sc-1ddwbs7-4"
+})(["margin-top:", ";justify-self:center;width:fit-content;"], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m));
+const EmptyState = _ref => {
+  let {
+    primaryMessage = 'No Results Found',
+    secondaryMessage,
+    buttonLabel,
+    onButtonClick = () => {}
+  } = _ref;
+  return /*#__PURE__*/_jsx(EmptyStateWrapper, {}, void 0, _Icon || (_Icon = /*#__PURE__*/_jsx(Icon, {
+    size: "xxl"
+  })), primaryMessage && /*#__PURE__*/_jsx(PrimaryMessage, {}, void 0, primaryMessage), secondaryMessage && /*#__PURE__*/_jsx(SecondaryMessage, {}, void 0, secondaryMessage), buttonLabel && /*#__PURE__*/_jsx(Button, {
+    buttonType: "secondary",
+    labelText: buttonLabel,
+    onClick: onButtonClick
+  }));
 };
-//# sourceMappingURL=EmptyState.js.map
+
+export { EmptyState };

package/esm/components/HeaderCell.js

@@ -1,47 +1,62 @@
-import * as React from "react";
-import React2 from "react";
-import PropTypes from "prop-types";
-import { evaluateFormatters, evaluateTransforms } from "@elliemae/ds-shared/createDataInstance/utils";
-import { DSTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
-const HeaderCell = ({ column, columnIndex, component: Component, classProps, grid }) => {
-  const { property, header = {}, props = {} } = column;
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'react';
+import { evaluateTransforms, evaluateFormatters } from '@elliemae/ds-shared/createDataInstance/utils';
+import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
+import { jsx } from 'react/jsx-runtime';
+
+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(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 HeaderCell(_ref) {
+  let {
+    column,
+    columnIndex,
+    component: Component,
+    classProps,
+    grid
+  } = _ref;
+  const {
+    property,
+    header = {},
+    props = {}
+  } = column;
   const evaluatedProperty = property || header && header.property;
-  const { label, transforms = [], formatters = [] } = header;
-  if (column.headerHookEffects)
-    column.headerHookEffects.forEach((hook) => hook());
+  const {
+    label,
+    transforms = [],
+    formatters = []
+  } = header; // subscribe hook effects into header cell
+
+  if (column.headerHookEffects) column.headerHookEffects.forEach(hook => hook());
   const extraParameters = {
     columnIndex,
     property: evaluatedProperty,
     column,
     grid
   };
-  const withTooltip = (v) => classProps && classProps.wrapText ? v : /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
+
+  const withTooltip = v => classProps && classProps.wrapText ? v : /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
     value: v
   });
+
   const value = withTooltip(label);
   const transformedProps = evaluateTransforms(transforms, value, extraParameters);
   const formattedValue = evaluateFormatters(formatters, value, extraParameters);
-  const testId = column.headerDataId || "data-grid-header__cell";
-  return /* @__PURE__ */ React2.createElement(Component, {
-    key: `${evaluatedProperty}-header`,
+  const testId = column.headerDataId || 'data-grid-header__cell';
+  return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     "data-testid": testId,
     index: columnIndex,
-    classProps,
-    ...props,
-    ...header && header.props,
-    ...transformedProps
-  }, transformedProps.children || formattedValue);
-};
-HeaderCell.propTypes = {
-  column: PropTypes.any,
-  columnIndex: PropTypes.number,
-  component: PropTypes.any,
-  classProps: PropTypes.any,
-  grid: PropTypes.any
-};
-var HeaderCell_default = HeaderCell;
-export {
-  HeaderCell,
-  HeaderCell_default as default
-};
-//# sourceMappingURL=HeaderCell.js.map
+    classProps: classProps
+  }, props), header && header.props), transformedProps), {}, {
+    children: transformedProps.children || formattedValue
+  }), "".concat(evaluatedProperty, "-header"));
+}
+
+export { HeaderCell as default };

package/esm/components/List.js

@@ -1,15 +1,26 @@
-import * as React from "react";
-import React2 from "react";
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'react';
+import { jsx } from 'react/jsx-runtime';
+
+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(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 List(props, instance) {
-  const { renderers, getListProps } = instance.getInstance();
-  const ListComponent = renderers.list;
+  // todo: add should list update to memoize this
+  const {
+    renderers,
+    getListProps
+  } = instance.getInstance();
+  const ListComponent = renderers.list; // props from component props and plugins
+
   const mixedProps = getListProps(props);
-  return /* @__PURE__ */ React2.createElement(ListComponent, {
-    ...mixedProps
-  });
+  return /*#__PURE__*/jsx(ListComponent, _objectSpread({}, mixedProps));
 }
-var List_default = List;
-export {
-  List_default as default
-};
-//# sourceMappingURL=List.js.map
+
+export { List as default };

package/esm/components/ListItem.js

@@ -1,22 +1,38 @@
-import * as React from "react";
-import React2 from "react";
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'react';
+import { jsx } from 'react/jsx-runtime';
+
+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(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 ListItem(props, instance) {
-  const { record } = props;
+  const {
+    record
+  } = props;
   const {
     renderers,
     getItemProps,
-    decorators: { itemRenderer }
-  } = instance.getInstance();
+    decorators: {
+      itemRenderer
+    }
+  } = instance.getInstance(); // props from component props and plugins
+
   const mixedProps = getItemProps(props);
   const children = itemRenderer.reduce((result, formatter) => formatter(result, record, instance), record.data.name);
   const ItemComponent = renderers.list;
-  return /* @__PURE__ */ React2.createElement(ItemComponent, {
-    record,
-    ...mixedProps
-  }, children);
+  return /*#__PURE__*/jsx(ItemComponent, _objectSpread(_objectSpread({
+    record: record
+  }, mixedProps), {}, {
+    children: children
+  }));
 }
-var ListItem_default = ListItem;
-export {
-  ListItem_default as default
-};
-//# sourceMappingURL=ListItem.js.map
+
+export { ListItem as default };

package/esm/components/NoResults.js

@@ -1,26 +1,43 @@
-import * as React from "react";
-import React2 from "react";
-import styled from "styled-components";
-import { __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
-const NoResultsContainer = styled.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  padding: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};
-  padding-bottom: 0;
-  height: calc(100% - 36px);
-  overflow: auto;
-`;
-const NoResults = ({ innerRef, rowRenderer, children, ...rest }) => {
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(NoResultsContainer, {
-    ...rest,
-    innerRef
-  }, children), rowRenderer({}, { style: { visibility: "hidden", marginBottom: 0 } }, {}));
-};
-var NoResults_default = NoResults;
-export {
-  NoResults,
-  NoResults_default as default
-};
-//# sourceMappingURL=NoResults.js.map
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'react';
+import styled from 'styled-components';
+import { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+const _excluded = ["innerRef", "rowRenderer", "children"];
+
+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(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 NoResultsContainer = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-uiln16-0"
+})(["display:flex;flex-direction:column;justify-content:center;align-items:center;padding:", ";padding-bottom:0;height:calc(100% - 36px);overflow:auto;"], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s));
+
+function NoResults(_ref) {
+  let {
+    innerRef,
+    rowRenderer,
+    children
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(NoResultsContainer, _objectSpread(_objectSpread({}, rest), {}, {
+      innerRef: innerRef,
+      children: children
+    })), rowRenderer({}, {
+      style: {
+        visibility: 'hidden',
+        marginBottom: 0
+      }
+    }, {})]
+  });
+}
+
+export { NoResults as default };

package/esm/components/RowsLoader.js

@@ -1,13 +1,15 @@
-import * as React from "react";
-import React2 from "react";
-import { DSSpinner } from "@elliemae/ds-spinner";
-import { SpinnerContainer } from "./renderers/defaultClassedRenderers";
-const RowsLoader = ({ size = "m" }) => /* @__PURE__ */ React2.createElement(SpinnerContainer, null, /* @__PURE__ */ React2.createElement(DSSpinner, {
-  size
-}));
-var RowsLoader_default = RowsLoader;
-export {
-  RowsLoader,
-  RowsLoader_default as default
-};
-//# sourceMappingURL=RowsLoader.js.map
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import DSSpinner from '@elliemae/ds-spinner';
+import { SpinnerContainer } from './renderers/defaultClassedRenderers.js';
+
+function RowsLoader(_ref) {
+  let {
+    size = 'm'
+  } = _ref;
+  return /*#__PURE__*/_jsx(SpinnerContainer, {}, void 0, /*#__PURE__*/_jsx(DSSpinner, {
+    size: size
+  }));
+}
+
+export { RowsLoader as default };