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

package/cjs/components/HeaderCell.js

@@ -0,0 +1,70 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('react');
+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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
+
+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 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; // 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__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
+    value: v
+  });
+
+  const value = withTooltip(label);
+  const transformedProps = utils.evaluateTransforms(transforms, value, extraParameters);
+  const formattedValue = utils.evaluateFormatters(formatters, value, extraParameters);
+  const testId = column.headerDataId || 'data-grid-header__cell';
+  return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    "data-testid": testId,
+    index: columnIndex,
+    classProps: classProps
+  }, props), header && header.props), transformedProps), {}, {
+    children: transformedProps.children || formattedValue
+  }), "".concat(evaluatedProperty, "-header"));
+}
+
+module.exports = HeaderCell;

package/cjs/components/List.js

@@ -0,0 +1,32 @@
+'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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('react');
+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);
+
+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 List(props, instance) {
+  // 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__*/jsxRuntime.jsx(ListComponent, _objectSpread({}, mixedProps));
+}
+
+module.exports = List;

package/cjs/components/ListItem.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+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/esnext.async-iterator.filter.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');
+require('react');
+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);
+
+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 ListItem(props, instance) {
+  const {
+    record
+  } = props;
+  const {
+    renderers,
+    getItemProps,
+    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__*/jsxRuntime.jsx(ItemComponent, _objectSpread(_objectSpread({
+    record: record
+  }, mixedProps), {}, {
+    children: children
+  }));
+}
+
+module.exports = ListItem;

package/cjs/components/NoResults.js

@@ -0,0 +1,51 @@
+'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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('react');
+var styled = require('styled-components');
+var dsSystem = require('@elliemae/ds-system');
+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 _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+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__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 NoResultsContainer = /*#__PURE__*/styled__default["default"].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 => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s));
+
+function NoResults(_ref) {
+  let {
+    innerRef,
+    rowRenderer,
+    children
+  } = _ref,
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(NoResultsContainer, _objectSpread(_objectSpread({}, rest), {}, {
+      innerRef: innerRef,
+      children: children
+    })), rowRenderer({}, {
+      style: {
+        visibility: 'hidden',
+        marginBottom: 0
+      }
+    }, {})]
+  });
+}
+
+module.exports = NoResults;

package/cjs/components/RowsLoader.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var DSSpinner = require('@elliemae/ds-spinner');
+var defaultClassedRenderers = require('./renderers/defaultClassedRenderers.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var DSSpinner__default = /*#__PURE__*/_interopDefaultLegacy(DSSpinner);
+
+function RowsLoader(_ref) {
+  let {
+    size = 'm'
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](defaultClassedRenderers.SpinnerContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSSpinner__default["default"], {
+    size: size
+  }));
+}
+
+module.exports = RowsLoader;

package/cjs/components/Table.js

@@ -0,0 +1,122 @@
+'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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+var TableHeader = require('./TableHeader.js');
+var TableBody = require('./TableBody.js');
+var HeaderCell = require('./HeaderCell.js');
+var BodyCell = require('./BodyCell.js');
+var tableContext = require('./tableContext.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);
+
+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 {
+  Provider
+} = tableContext.TableContext;
+
+function Table(props) {
+  const {
+    decoratedRenderers: renderers,
+    decoratedColumns: columns,
+    getRowProps,
+    getHeaderRowProps,
+    getTableProps,
+    children,
+    tableRef,
+    props: {
+      wrapText
+    },
+    style,
+    onDefaultFiltersLoad = () => null
+  } = props;
+  React.useEffect(() => {
+    onDefaultFiltersLoad(props.composedRows);
+  }, [onDefaultFiltersLoad]);
+
+  const headerRowRenderer = () => {
+    const Row = renderers.header.row;
+    const Cell = renderers.header.cell;
+    const cells = []; // optimize the rendering using for loop
+
+    for (let index = 0; index < columns.length; index++) {
+      cells.push( /*#__PURE__*/_jsx__default["default"](HeaderCell, {
+        classProps: {
+          wrapText
+        },
+        column: columns[index],
+        columnIndex: index,
+        component: Cell,
+        grid: props
+      }, index));
+    }
+
+    const rowProps = getHeaderRowProps({}, {});
+    return /*#__PURE__*/jsxRuntime.jsx(Row, _objectSpread(_objectSpread({}, rowProps), {}, {
+      children: cells
+    }));
+  };
+
+  const bodyRowRenderer = React.useCallback((rowData, rowProps, extraParams) => {
+    const Row = renderers.body.row;
+    const Cell = renderers.body.cell;
+    const nextRowProps = getRowProps(rowProps, _objectSpread(_objectSpread({}, extraParams), {}, {
+      rowData
+    })); // get cells from columns api
+
+    const cells = []; // optimize the rendering using for loop
+
+    for (let index = 0; index < columns.length; index++) {
+      cells.push( /*#__PURE__*/_jsx__default["default"](BodyCell, {
+        classProps: {
+          wrapText
+        },
+        column: columns[index],
+        columnIndex: index,
+        component: Cell,
+        grid: props,
+        rowIndex: extraParams.rowIndex,
+        rowProps: _objectSpread({
+          rowData
+        }, nextRowProps)
+      }, index));
+    }
+
+    return /*#__PURE__*/jsxRuntime.jsx(Row, _objectSpread(_objectSpread({}, nextRowProps), {}, {
+      rowData: rowData,
+      children: cells
+    }));
+  }, [columns, renderers]);
+  const TableComponent = renderers.table;
+
+  const value = _objectSpread(_objectSpread({}, props), {}, {
+    bodyRowRenderer,
+    headerRowRenderer
+  });
+
+  return /*#__PURE__*/_jsx__default["default"](Provider, {
+    value: value
+  }, void 0, /*#__PURE__*/jsxRuntime.jsx(TableComponent, _objectSpread(_objectSpread({}, getTableProps({
+    innerRef: tableRef,
+    style
+  })), {}, {
+    children: children
+  })));
+}
+
+Table.Header = TableHeader;
+Table.Body = TableBody;
+
+module.exports = Table;

package/cjs/components/TableBody.js

@@ -0,0 +1,69 @@
+'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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var React = require('react');
+var tableContext = require('./tableContext.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 _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const _excluded = ["rows", "noResultsPlaceholder", "isPlaceholderActive"];
+
+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 TableBody(_ref) {
+  let {
+    rows,
+    noResultsPlaceholder = 'No data',
+    isPlaceholderActive = false
+  } = _ref,
+      props = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  const {
+    refs,
+    decoratedColumns,
+    decoratedRenderers: renderers,
+    composedRows,
+    getBodyProps,
+    bodyRowRenderer: rowRenderer,
+    props: {
+      rowKey,
+      numRowsVisible,
+      groupedRows
+    }
+  } = React.useContext(tableContext.TableContext);
+  const BodyWrapperComponent = renderers.body.wrapper;
+  return /*#__PURE__*/jsxRuntime.jsx(BodyWrapperComponent, _objectSpread(_objectSpread({
+    classProps: {
+      grouped: groupedRows
+    }
+  }, getBodyProps(_objectSpread(_objectSpread({}, props), {}, {
+    innerRef: refs.body,
+    innerBodyRef: refs.innerBody,
+    rows: rows || composedRows.rows || composedRows,
+    noResultsPlaceholder,
+    rowRenderer,
+    columns: decoratedColumns,
+    rowKey,
+    numRowsVisible,
+    isPlaceholderActive
+  }))), {}, {
+    children: "kajsd;klfajsd;fj"
+  }));
+}
+
+var TableBody$1 = /*#__PURE__*/React__default["default"].memo(TableBody);
+
+module.exports = TableBody$1;

package/cjs/components/TableHeader.js

@@ -0,0 +1,37 @@
+'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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var React = require('react');
+var tableContext = require('./tableContext.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);
+
+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 TableHeader(props) {
+  const {
+    decoratedRenderers: renderers,
+    decoratedColumns: columns,
+    headerRowRenderer,
+    getHeaderProps,
+    refs
+  } = React.useContext(tableContext.TableContext);
+  const HeaderWrapper = renderers.header.wrapper;
+  return /*#__PURE__*/jsxRuntime.jsx(HeaderWrapper, _objectSpread(_objectSpread({}, getHeaderProps(_objectSpread(_objectSpread({}, props), {}, {
+    innerRef: refs.header
+  }))), {}, {
+    children: headerRowRenderer(columns, {})
+  }));
+}
+
+module.exports = TableHeader;

package/cjs/components/footer/addOptionalFooterComponents.js

@@ -0,0 +1,46 @@
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var Pagination = require('../../plugins/pagination/components/Pagination.js');
+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);
+
+const addOptionalFooterComponents = _ref => {
+  let {
+    grid,
+    rows
+  } = _ref;
+  const {
+    props: {
+      maxPerPage,
+      minPerPage,
+      paginated,
+      paginationStep
+    },
+    state: {
+      pagination
+    },
+    actions: {
+      onPerPage,
+      onPageSelect
+    }
+  } = grid;
+  if (!paginated) return null;
+  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: /*#__PURE__*/_jsx__default["default"](Pagination.Pagination, {
+      maxPerPage: maxPerPage,
+      minPerPage: minPerPage,
+      onPageSelect: onPageSelect,
+      onPerPage: onPerPage,
+      paginationStep: paginationStep,
+      paginated: rows,
+      pagination: pagination
+    })
+  });
+};
+
+module.exports = addOptionalFooterComponents;

package/cjs/components/header/PrimaryControls.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var dsForm = require('@elliemae/ds-form');
+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);
+
+const blockName = 'data-grid';
+const Container = dsClassnames.aggregatedClasses('div')(blockName, 'controls');
+const SearchContainer = dsClassnames.aggregatedClasses('div')(blockName, 'search-container');
+
+const PrimaryControls = _ref => {
+  let {
+    onAddFilter = () => null
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](Container, {}, void 0, /*#__PURE__*/_jsx__default["default"](SearchContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSSearchBox, {
+    onSearch: _ref2 => {
+      let {
+        property,
+        value
+      } = _ref2;
+      return onAddFilter({
+        filterId: property,
+        label: 'All',
+        value
+      });
+    },
+    placeholder: "Search all"
+  })));
+};
+
+module.exports = PrimaryControls;

package/cjs/components/header/addOptionalHeaderComponents.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var DSFilterBar = require('@elliemae/ds-filterbar');
+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 DSFilterBar__default = /*#__PURE__*/_interopDefaultLegacy(DSFilterBar);
+
+const addOptionalHeaderComponents = _ref => {
+  let {
+    grid
+  } = _ref;
+  const {
+    props: {
+      showFilterBar,
+      renderFilterToolbar,
+      filterBarOptions
+    },
+    state: {
+      filters
+    },
+    actions: {
+      removeFilter,
+      removeAllFilters
+    }
+  } = grid.getInstance();
+  const {
+    maxWidth,
+    minWidth
+  } = filterBarOptions || {};
+  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: filters && !!filters.length && showFilterBar && /*#__PURE__*/_jsx__default["default"](DSFilterBar__default["default"], {
+      filters: filters,
+      maxWidth: maxWidth,
+      minWidth: minWidth,
+      onRemoveAllFilters: removeAllFilters,
+      onRemoveFilter: removeFilter,
+      renderToolbar: renderFilterToolbar
+    })
+  });
+};
+
+module.exports = addOptionalHeaderComponents;

package/cjs/components/index.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var HeaderCell = require('./HeaderCell.js');
+var BodyCell = require('./BodyCell.js');
+var TableBody = require('./TableBody.js');
+var TableHeader = require('./TableHeader.js');
+var Table = require('./Table.js');
+
+
+
+exports.HeaderCell = HeaderCell;
+exports.BodyCell = BodyCell;
+exports.TableBody = TableBody;
+exports.TableHeader = TableHeader;
+exports.Table = Table;

package/cjs/components/renderers/defaultClassedRenderers.js

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dsClassnames = require('@elliemae/ds-classnames');
+var blockNames = require('../../blockNames.js');
+
+const NoResultsContainer = dsClassnames.aggregatedClasses('div')("".concat(blockNames.dataGridBlockName, "-no-results"));
+const SpinnerContainer = dsClassnames.aggregatedClasses('div')("".concat(blockNames.dataGridBlockName, "-spinner"));
+const DatagridWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockNames.dataGridBlockName, "-wrapper"), null, _ref => {
+  let {
+    fluidHeight
+  } = _ref;
+  return {
+    fluid: fluidHeight
+  };
+});
+const TableWrapper = dsClassnames.aggregatedClasses('div')(blockNames.dataGridBlockName);
+const HeaderWrapper = dsClassnames.aggregatedClasses('div')(blockNames.headerBlockName);
+const HeaderRow = dsClassnames.aggregatedClasses('div')(blockNames.headerBlockName, 'row');
+const HeaderCell = dsClassnames.aggregatedClasses('div')(blockNames.headerBlockName, 'cell', _ref2 => {
+  let {
+    wrapText
+  } = _ref2;
+  return {
+    wrapText
+  };
+});
+const BodyWrapper = dsClassnames.aggregatedClasses('div')(blockNames.bodyBlockName, null, _ref3 => {
+  let {
+    grouped
+  } = _ref3;
+  return {
+    'ie-flex-basis-auto': true,
+    'is-grouped': grouped
+  };
+});
+const BodyRow = dsClassnames.aggregatedClasses('div', {
+  'data-testid': 'datagrid-row'
+})(blockNames.bodyBlockName, 'row');
+const BodyCell = dsClassnames.aggregatedClasses('div')(blockNames.bodyBlockName, 'cell', _ref4 => {
+  let {
+    wrapText
+  } = _ref4;
+  return {
+    wrapText
+  };
+});
+
+exports.BodyCell = BodyCell;
+exports.BodyRow = BodyRow;
+exports.BodyWrapper = BodyWrapper;
+exports.DatagridWrapper = DatagridWrapper;
+exports.HeaderCell = HeaderCell;
+exports.HeaderRow = HeaderRow;
+exports.HeaderWrapper = HeaderWrapper;
+exports.NoResultsContainer = NoResultsContainer;
+exports.SpinnerContainer = SpinnerContainer;
+exports.TableWrapper = TableWrapper;