@elliemae/ds-data-table 2.3.0-alpha.8 → 2.3.0-next.2

package/cjs/exported-related/RowRenderer/index.js

@@ -0,0 +1,145 @@
+'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 DataTableContext = require('../../DataTableContext.js');
+var styled = require('../../styled.js');
+var DefaultRowContentRenderer = require('./DefaultRowContentRenderer.js');
+var useRowRendererHandlers = require('./useRowRendererHandlers.js');
+var useRowRendererProperties = require('./useRowRendererProperties.js');
+var DropIndicator = require('../../parts/DropIndicator.js');
+var SortableItemContext = require('../../parts/HoC/SortableItemContext.js');
+var constants = require('../../configs/constants.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('react-virtual');
+require('../../configs/useRowFlattenization.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('@elliemae/ds-icons');
+require('styled-components');
+var jsxRuntime = require('react/jsx-runtime');
+require('@elliemae/ds-form');
+require('../../parts/TableContent.js');
+require('@elliemae/ds-grid');
+require('@elliemae/ds-circular-progress-indicator');
+require('@elliemae/ds-system');
+require('@elliemae/ds-button');
+require('../../parts/Row.js');
+require('../../parts/Footer.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);
+
+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; }
+
+// CSS don't let us modify the spacing between the dots, so one solution is to use SVG
+const magicDottedBorder = /*#__PURE__*/_jsx__default["default"]("svg", {
+  width: "100%",
+  height: "1px"
+}, void 0, /*#__PURE__*/_jsx__default["default"]("line", {
+  x1: "0",
+  y1: "0",
+  x2: "100%",
+  y2: "0",
+  stroke: "#B0B9C8FF",
+  strokeWidth: "1.5",
+  strokeDasharray: "0, 5",
+  strokeDashoffset: "0",
+  strokeLinecap: "round"
+}));
+
+const RowRenderer = props => {
+  const {
+    row,
+    itemIndex,
+    minHeight = '36px',
+    height = 'auto',
+    rowsLayout = [1],
+    CustomRowContentRenderer,
+    focusedRowId,
+    selectedRowId,
+    isDragOverlay
+  } = props;
+  const ctx = React.useContext(DataTableContext["default"]);
+  const {
+    draggableProps
+  } = React.useContext(SortableItemContext.SortableItemContext);
+  const {
+    flattenedData
+  } = ctx; // ===========================================================================
+  // Properties for the row
+  // ===========================================================================
+
+  const {
+    userDataProperties,
+    colsLayoutStyle,
+    totalColumnsWidth,
+    rowStyle,
+    shouldAppendDottedBorder,
+    dropIndicatorPosition
+  } = useRowRendererProperties.useRowRendererProperties({
+    row
+  }); // ===========================================================================
+  // Handlers
+  // ===========================================================================
+
+  const {
+    handleItemClick,
+    handleKeyDown,
+    handleOnBlur,
+    handleOnFocus
+  } = useRowRendererHandlers.useRowRendererHandlers({
+    row,
+    itemIndex,
+    items: flattenedData,
+    draggableProps,
+    isDragOverlay,
+    selectedRowId
+  });
+
+  const rowContentProps = _objectSpread(_objectSpread({}, props), {}, {
+    ctx,
+    focusedRowId,
+    selectedRowId,
+    draggableProps,
+    dropIndicatorPosition
+  });
+
+  return /*#__PURE__*/jsxRuntime.jsxs(styled.StyledFullsizeGrid, _objectSpread(_objectSpread({
+    "data-testid": constants.DATA_TESTID.DATA_TABLE_ROW,
+    colsLayoutStyle: colsLayoutStyle
+  }, userDataProperties), {}, {
+    totalColumnsWidth: totalColumnsWidth,
+    style: rowStyle,
+    onClick: handleItemClick,
+    onKeyDown: handleKeyDown,
+    onBlur: handleOnBlur,
+    onFocus: handleOnFocus,
+    "data-expandable": Boolean(row.original.tableRowDetails),
+    "data-is-row-expanded": row.isExpanded,
+    rows: rowsLayout,
+    minHeight: minHeight,
+    height: height,
+    children: [CustomRowContentRenderer ? /*#__PURE__*/jsxRuntime.jsx(CustomRowContentRenderer, _objectSpread({}, rowContentProps)) : /*#__PURE__*/React.createElement(DefaultRowContentRenderer.DefaultRowContentRenderer, _objectSpread(_objectSpread({}, rowContentProps), {}, {
+      key: row.uid
+    })), shouldAppendDottedBorder && magicDottedBorder, /*#__PURE__*/_jsx__default["default"](DropIndicator, {
+      vertical: false,
+      dropIndicatorPosition: dropIndicatorPosition,
+      isLast: row.index === flattenedData.length - 1 && draggableProps && draggableProps.isDragging
+    })]
+  }), row.uid);
+};
+
+module.exports = RowRenderer;

package/cjs/exported-related/RowRenderer/useRowRendererHandlers.js

@@ -0,0 +1,134 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.find.js');
+var React = require('react');
+var constants = require('../../configs/constants.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('react-virtual');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('../../configs/useRowFlattenization.js');
+require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('@babel/runtime/helpers/jsx');
+require('@elliemae/ds-icons');
+require('styled-components');
+require('../../styled.js');
+require('react/jsx-runtime');
+require('@elliemae/ds-form');
+require('../../parts/TableContent.js');
+require('@elliemae/ds-grid');
+require('@elliemae/ds-circular-progress-indicator');
+require('@elliemae/ds-system');
+require('@elliemae/ds-button');
+var DataTableContext = require('../../DataTableContext.js');
+require('../../parts/Row.js');
+require('../../parts/Footer.js');
+require('../../parts/HoC/SortableItemContext.js');
+require('../../redux/reducers/index.js');
+var useDispatchRowsActions = require('../../redux/reducers/rowsReducers/useDispatchRowsActions.js');
+
+const useRowRendererHandlers = _ref => {
+  let {
+    row,
+    itemIndex,
+    items,
+    draggableProps,
+    isDragOverlay,
+    selectedRowId
+  } = _ref;
+  const {
+    tableProps: {
+      onRowClick,
+      onRowFocus
+    },
+    virtualListHelpers: {
+      scrollToIndex
+    }
+  } = React.useContext(DataTableContext["default"]);
+  const {
+    setSelectedRowId,
+    setFocusedRowId
+  } = useDispatchRowsActions.useDispatchRowsActions();
+  const handleItemClick = React.useCallback(function (e) {
+    let {
+      original,
+      uid
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : row;
+    // setSelectedRowId(null);
+    onRowClick(original, e, uid);
+    onRowFocus({
+      itemIndex,
+      scrollToItem: function () {
+        let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+          align: 'start'
+        };
+        return scrollToIndex(itemIndex, opts);
+      },
+      original
+    }, e);
+  }, [row, onRowClick, onRowFocus, itemIndex, scrollToIndex]);
+  const isActive = draggableProps && draggableProps.active;
+  const handleKeyDown = React.useCallback(e => {
+    if (isDragOverlay || isActive) {
+      e.preventDefault();
+      return;
+    }
+
+    if (e.code === 'Enter') {
+      e.preventDefault();
+
+      if (selectedRowId !== row.uid) {
+        setSelectedRowId(row.uid);
+        setTimeout(() => {
+          const focuseableCell = row.cells.find(cell => cell.ref.current !== null);
+          if (focuseableCell) focuseableCell.ref.current.focus();
+        });
+      }
+    }
+
+    if (e.code === 'Space') {
+      e.preventDefault();
+      handleItemClick(e, row);
+    }
+
+    if (e.code === 'ArrowDown') {
+      e.preventDefault();
+      if (itemIndex + 1 < items.length) setFocusedRowId(items[itemIndex + 1].uid);
+    }
+
+    if (e.code === 'ArrowUp') {
+      e.preventDefault();
+      if (itemIndex - 1 >= 0) setFocusedRowId(items[itemIndex - 1].uid);
+    }
+  }, [isDragOverlay, isActive, selectedRowId, row, setSelectedRowId, handleItemClick, itemIndex, items, setFocusedRowId]);
+  const handleOnBlur = React.useCallback(e => {
+    var _e$relatedTarget;
+
+    if (((_e$relatedTarget = e.relatedTarget) === null || _e$relatedTarget === void 0 ? void 0 : _e$relatedTarget.getAttribute('data-testid')) === 'data-table-row-content') {
+      setSelectedRowId(null);
+    }
+  }, [setSelectedRowId]);
+  const handleOnFocus = React.useCallback(e => {
+    if (e.target && e.target.getAttribute('data-testid') === constants.DATA_TESTID.DATA_TABLE_ROW_CONTENT) {
+      setFocusedRowId(row.uid);
+    }
+  }, [row.uid, setFocusedRowId]);
+  return {
+    handleItemClick,
+    handleKeyDown,
+    handleOnBlur,
+    handleOnFocus
+  };
+};
+
+exports.useRowRendererHandlers = useRowRendererHandlers;

package/cjs/exported-related/RowRenderer/useRowRendererProperties.js

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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');
+var React = require('react');
+var DataTableContext = require('../../DataTableContext.js');
+var useRowStyle = require('./useRowStyle.js');
+
+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; }
+const useRowRendererProperties = _ref => {
+  let {
+    row
+  } = _ref;
+  const {
+    tableProps: {
+      colsLayoutStyle
+    },
+    layoutHelpers: {
+      totalColumnsWidth
+    }
+  } = React.useContext(DataTableContext["default"]);
+  const userDataProperties = React.useMemo(() => Object.keys(row.original).reduce((acc, cur) => {
+    if (cur.startsWith('data-')) acc[cur] = row.original[cur];
+    return acc;
+  }, {}), [row]);
+  const styleRelatedProps = useRowStyle.useRowStyle(row);
+  return _objectSpread({
+    userDataProperties,
+    colsLayoutStyle,
+    totalColumnsWidth
+  }, styleRelatedProps);
+};
+
+exports.useRowRendererProperties = useRowRendererProperties;

package/cjs/exported-related/RowRenderer/useRowStyle.js

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+var DataTableContext = require('../../DataTableContext.js');
+var SortableItemContext = require('../../parts/HoC/SortableItemContext.js');
+
+const useRowStyle = row => {
+  const {
+    flattenedData
+  } = React.useContext(DataTableContext["default"]);
+  const {
+    draggableProps
+  } = React.useContext(SortableItemContext.SortableItemContext); // ---------------------------------------------------------------------------
+  // Border calculation
+  // ---------------------------------------------------------------------------
+
+  const [borderTop, borderBottom, shouldAppendDottedBorder] = React.useMemo(() => {
+    if (row.original.dimsumHeaderValue) {
+      return ['none', 'none', false];
+    }
+
+    if (row.isExpanded && row.original.subRows && row.depth === 0) {
+      return ['1px solid #EBEDF0', 'none', true];
+    }
+
+    if (row.depth >= 1) {
+      if (row.realIndex < flattenedData.length - 1 && flattenedData[row.realIndex + 1].depth === 0) {
+        return ['none', '2px solid #EBEDF0', false];
+      }
+
+      return ['none', 'none', true];
+    }
+
+    return ['none', '1px solid #EBEDF0', false];
+  }, [row, flattenedData]);
+  const rowStyle = React.useMemo(() => ({
+    borderTop,
+    borderBottom
+  }), [borderTop, borderBottom]);
+  const dropIndicatorPosition = draggableProps && draggableProps.shouldShowDropIndicatorPosition && draggableProps.dropIndicatorPosition;
+  return {
+    rowStyle,
+    shouldAppendDottedBorder,
+    dropIndicatorPosition
+  };
+};
+
+exports.useRowStyle = useRowStyle;

package/cjs/exported-related/RowVariants.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const ROW_VARIANTS = {
+  HEADER_GROUP: 'ds-header-group-row',
+  PRIMARY: 'ds-primary-row',
+  SECONDARY: 'ds-secondary-row',
+  COMPACT_PRIMARY: 'ds-compact-primary-row',
+  COMPACT_SECONDARY: 'ds-compact-secondary-row'
+};
+const ROW_VARIANT_KEY = 'row_variant_type';
+const ROW_VARIANT_COMPACT_KEY = 'row_variant_compact';
+
+exports.ROW_VARIANTS = ROW_VARIANTS;
+exports.ROW_VARIANT_COMPACT_KEY = ROW_VARIANT_COMPACT_KEY;
+exports.ROW_VARIANT_KEY = ROW_VARIANT_KEY;

package/cjs/exported-related/Toolbar/Toolbar.js

@@ -0,0 +1,87 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+var styled = require('styled-components');
+var DSButton = require('@elliemae/ds-button');
+var dsIcons = require('@elliemae/ds-icons');
+var dsUtilities = require('@elliemae/ds-utilities');
+var constants = require('../../configs/constants.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.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('react-virtual');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('../../configs/useRowFlattenization.js');
+require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('../../styled.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('@elliemae/ds-form');
+require('../../parts/TableContent.js');
+require('@elliemae/ds-grid');
+require('@elliemae/ds-circular-progress-indicator');
+require('@elliemae/ds-system');
+require('../../DataTableContext.js');
+require('../../parts/Row.js');
+require('../../parts/Footer.js');
+require('../../parts/HoC/SortableItemContext.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
+
+var _MoreOptionsVert;
+const ToolbarBtns = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-1ru2no0-0"
+})(["& > .em-ds-toolbar{box-shadow:none;}"]);
+const ToolbarWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-1ru2no0-1"
+})(["display:flex;align-items:center;height:36px;margin-right:1px;pointer-events:all;&:hover{box-shadow:0 1px 2px 0 rgba(0,0,0,0.13),0 1px 2px 0 rgba(0,0,0,0.2);& > .toolbar-trigger{border:none;}}"]);
+const ToolbarPosition = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-1ru2no0-2"
+})(["display:flex;justify-content:flex-end;align-items:center;pointer-events:none;background:white;height:28px;margin-top:4px;width:100%;padding-left:4px;&:hover{z-index:1;}:after{content:'';position:absolute;left:0px;top:4px;bottom:4px;width:1px;background-color:", ";z-index:7;}"], props => props.theme.colors.neutral['080']); // eslint-disable-next-line react/prop-types
+
+const Toolbar = _ref => {
+  let {
+    children
+  } = _ref;
+  const [show, setShow] = React.useState(false);
+  const [clicked, setClicked] = React.useState(false);
+  const toolbarRef = React.useRef(null);
+  const handleOnClickOutside = React.useCallback(() => {
+    setShow(false);
+    setClicked(false);
+  }, []);
+  const handleOnClick = React.useCallback(() => {
+    setShow(true);
+    setClicked(true);
+  }, []);
+  dsUtilities.useOnClickOutside(toolbarRef, handleOnClickOutside);
+  return /*#__PURE__*/jsxRuntime.jsx(ToolbarPosition, {
+    ref: toolbarRef,
+    children: /*#__PURE__*/_jsx__default["default"](ToolbarWrapper, {
+      onMouseEnter: () => setShow(true),
+      onMouseLeave: () => setShow(clicked)
+    }, void 0, show && /*#__PURE__*/_jsx__default["default"](ToolbarBtns, {}, void 0, children), /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+      buttonType: "text",
+      className: "toolbar-trigger",
+      "data-testid": constants.DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER,
+      icon: _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {})),
+      onClick: handleOnClick,
+      onKeyDown: e => ['Enter', 'Space'].includes(e.code) && handleOnClick(),
+      tabIndex: 0
+    }))
+  });
+};
+
+exports.Toolbar = Toolbar;

package/cjs/exported-related/Toolbar/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Toolbar = require('./Toolbar.js');
+
+
+
+exports.Toolbar = Toolbar.Toolbar;

package/cjs/exported-related/groupBy.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+var uid = require('uid');
+
+const groupBy = (data, headerKey) => {
+  if (data.length === 0) return [];
+  const groupsMap = {};
+  data.forEach(datum => {
+    const groupValue = datum[headerKey];
+
+    if (Array.isArray(groupsMap[groupValue])) {
+      groupsMap[groupValue].push(datum);
+    } else {
+      groupsMap[groupValue] = [datum];
+    }
+  });
+  return Object.entries(groupsMap).map(_ref => {
+    let [key, value] = _ref;
+    return {
+      dimsumHeaderValue: key,
+      subRows: value,
+      uid: uid.uid(16)
+    };
+  });
+};
+
+exports.groupBy = groupBy;

package/cjs/exported-related/index.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var FilterPopover = require('./FilterPopover.js');
+var EditableCell = require('./EditableCell.js');
+var Toolbar = require('./Toolbar/Toolbar.js');
+var groupBy = require('./groupBy.js');
+var FilterTypes = require('./FilterTypes.js');
+var RowVariants = require('./RowVariants.js');
+var applyOutOfTheBoxFilters = require('./Filters/applyOutOfTheBoxFilters.js');
+var singleDateFilterFn = require('./Filters/singleDateFilterFn.js');
+var singleSelectFilterFn = require('./Filters/singleSelectFilterFn.js');
+var multiSelectFilterFn = require('./Filters/multiSelectFilterFn.js');
+var numberRangeFilterFn = require('./Filters/numberRangeFilterFn.js');
+var currencyRangeFilterFn = require('./Filters/currencyRangeFilterFn.js');
+var dateRangeFilterFn = require('./Filters/dateRangeFilterFn.js');
+
+
+
+exports.FilterPopover = FilterPopover.FilterPopover;
+exports.EditableCell = EditableCell.EditableCell;
+exports.Toolbar = Toolbar.Toolbar;
+exports.groupBy = groupBy.groupBy;
+exports.FILTER_TYPES = FilterTypes.FILTER_TYPES;
+exports.ROW_VARIANTS = RowVariants.ROW_VARIANTS;
+exports.ROW_VARIANT_COMPACT_KEY = RowVariants.ROW_VARIANT_COMPACT_KEY;
+exports.ROW_VARIANT_KEY = RowVariants.ROW_VARIANT_KEY;
+exports.applyOutOfTheBoxFilters = applyOutOfTheBoxFilters.applyOutOfTheBoxFilters;
+exports.singleDateFilterFn = singleDateFilterFn.singleDateFilterFn;
+exports.singleSelectFilterFn = singleSelectFilterFn.singleSelectFilterFn;
+exports.multiSelectFilterFn = multiSelectFilterFn.multiSelectFilterFn;
+exports.numberRangeFilterFn = numberRangeFilterFn.numberRangeFilterFn;
+exports.currencyRangeFilterFn = currencyRangeFilterFn.currencyRangeFilterFn;
+exports.dateRangeFilterFn = dateRangeFilterFn.dateRangeFilterFn;

package/cjs/helpers/addCellData.js

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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');
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const BasicCell = /*#__PURE__*/React__default["default"].memo(_ref => {
+  let {
+    cell
+  } = _ref;
+  return cell.value;
+});
+
+const getCellValue = (row, accessor) => {
+  var _row$original$accesso;
+
+  return (_row$original$accesso = row.original[accessor]) !== null && _row$original$accesso !== void 0 ? _row$original$accesso : null;
+};
+
+const addColumnData = (datum, column) => {
+  datum.cells.push({
+    column,
+    value: getCellValue(datum, column.accessor),
+    render: column.Cell || BasicCell,
+    row: datum,
+    ref: /*#__PURE__*/React__default["default"].createRef(),
+    id: "".concat(datum.uid, "__").concat(column.id)
+  });
+};
+
+const addCellData = (datum, columns) => {
+  datum.cells = [];
+  columns.forEach(column => {
+    if (column.columns) column.columns.forEach(col => addColumnData(datum, col));else addColumnData(datum, column);
+  });
+};
+
+exports.addCellData = addCellData;

package/cjs/helpers/cellPadding.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var sizeToCss = require('./sizeToCss.js');
+
+const cellPadding = _ref => {
+  var _sizeToCss;
+
+  let {
+    theme,
+    column
+  } = _ref;
+  return "padding: 0 ".concat((_sizeToCss = sizeToCss.sizeToCss(column.padding)) !== null && _sizeToCss !== void 0 ? _sizeToCss : theme.space.xxs, ";");
+};
+const columnPadding = _ref2 => {
+  let {
+    theme,
+    column,
+    shouldShowDnD
+  } = _ref2;
+  // Internal columns
+  if (column.padding !== undefined) return "padding: 0 ".concat(sizeToCss.sizeToCss(column.padding), ";"); // Default user columns
+
+  return "padding: 0 ".concat(theme.space.xxxs, " 0 ").concat(shouldShowDnD ? '2px' : theme.space.xxs, ";");
+};
+
+exports.cellPadding = cellPadding;
+exports.columnPadding = columnPadding;

package/cjs/helpers/columnsToGrid.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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');
+var constants = require('../configs/constants.js');
+var sizeToCss = require('./sizeToCss.js');
+
+const columnsToGridImpl = (c, grid, colsLayoutStyle) => {
+  var _c$width;
+
+  if ('columns' in c) c.columns.forEach(col => columnsToGridImpl(col, grid, colsLayoutStyle));else grid.push(sizeToCss.sizeToCss((_c$width = c.width) !== null && _c$width !== void 0 ? _c$width : colsLayoutStyle === constants.ColsLayoutStyle.Auto ? '1fr' : 150));
+};
+
+const columnsToGrid = (columns, colsLayoutStyle) => {
+  const grid = [];
+  columns.forEach(col => columnsToGridImpl(col, grid, colsLayoutStyle));
+  return grid;
+};
+
+exports.columnsToGrid = columnsToGrid;