@elliemae/ds-data-table 2.3.1 → 3.0.0-alpha.3

package/cjs/redux/reducers/rowsReducers/logic.js

@@ -1,38 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-/* eslint-disable max-params */
-const setRowsIsDragging = (payload, state) => {
-  state.isDraggingRow = payload;
-};
-const setRowIsKeyboardDragging = (payload, state) => {
-  state.isKeyboardDraggingRow = payload;
-};
-const setRowRelativeMouseCoord = (payload, state) => {
-  state.relativeRowMouseCord = payload;
-};
-const setRowDraggedRowId = (payload, state) => {
-  state.draggedRowId = payload;
-};
-const setRowHoverRowId = (payload, state) => {
-  state.hoverRowId = payload;
-};
-const setRowSelectedRowId = (payload, state) => {
-  state.selectedRowId = payload;
-};
-const setRowFocusedRowId = (payload, state) => {
-  state.focusedRowId = payload;
-};
-const setRowDnDActiveRowId = (payload, state) => {
-  state.DnDActiveId = payload;
-};
-
-exports.setRowDnDActiveRowId = setRowDnDActiveRowId;
-exports.setRowDraggedRowId = setRowDraggedRowId;
-exports.setRowFocusedRowId = setRowFocusedRowId;
-exports.setRowHoverRowId = setRowHoverRowId;
-exports.setRowIsKeyboardDragging = setRowIsKeyboardDragging;
-exports.setRowRelativeMouseCoord = setRowRelativeMouseCoord;
-exports.setRowSelectedRowId = setRowSelectedRowId;
-exports.setRowsIsDragging = setRowsIsDragging;

package/cjs/redux/reducers/rowsReducers/rowsReducer.js

@@ -1,70 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var toolkit = require('@reduxjs/toolkit');
-var logic = require('./logic.js');
-var defaults = require('./defaults.js');
-
-const rowsSlice = toolkit.createSlice({
-  name: 'rows',
-  initialState: defaults.defaultRowsReducerState,
-  reducers: {
-    setRowsIsDraggingAction(state, action) {
-      logic.setRowsIsDragging(action.payload, state);
-    },
-
-    setRowIsKeyboardDraggingAction(state, action) {
-      logic.setRowIsKeyboardDragging(action.payload, state);
-    },
-
-    setRowRelativeMouseCoordAction(state, action) {
-      logic.setRowRelativeMouseCoord(action.payload, state);
-    },
-
-    setRowDraggedRowIdAction(state, action) {
-      logic.setRowDraggedRowId(action.payload, state);
-    },
-
-    setRowHoverRowIdAction(state, action) {
-      logic.setRowHoverRowId(action.payload, state);
-    },
-
-    setRowSelectedRowIdAction(state, action) {
-      logic.setRowSelectedRowId(action.payload, state);
-    },
-
-    setRowFocusedRowIdAction(state, action) {
-      logic.setRowFocusedRowId(action.payload, state);
-    },
-
-    setRowDnDActiveRowIdAction(state, action) {
-      logic.setRowDnDActiveRowId(action.payload, state);
-    }
-
-  }
-});
-const {
-  setRowsIsDraggingAction,
-  setRowIsKeyboardDraggingAction,
-  setRowDraggedRowIdAction,
-  setRowHoverRowIdAction,
-  setRowSelectedRowIdAction,
-  setRowFocusedRowIdAction,
-  setRowRelativeMouseCoordAction,
-  setRowDnDActiveRowIdAction
-} = rowsSlice.actions;
-const {
-  reducer
-} = rowsSlice;
-
-exports.reducer = reducer;
-exports.rowsSlice = rowsSlice;
-exports.setRowDnDActiveRowIdAction = setRowDnDActiveRowIdAction;
-exports.setRowDraggedRowIdAction = setRowDraggedRowIdAction;
-exports.setRowFocusedRowIdAction = setRowFocusedRowIdAction;
-exports.setRowHoverRowIdAction = setRowHoverRowIdAction;
-exports.setRowIsKeyboardDraggingAction = setRowIsKeyboardDraggingAction;
-exports.setRowRelativeMouseCoordAction = setRowRelativeMouseCoordAction;
-exports.setRowSelectedRowIdAction = setRowSelectedRowIdAction;
-exports.setRowsIsDraggingAction = setRowsIsDraggingAction;

package/cjs/redux/reducers/rowsReducers/useDispatchRowsActions.js

@@ -1,34 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var reactRedux = require('react-redux');
-var rowsReducer = require('./rowsReducer.js');
-var defaults = require('./defaults.js');
-
-const useDispatchRowsActions = () => {
-  const dispatch = reactRedux.useDispatch();
-  const setHoverRowId = React.useCallback(newHoverRowId => dispatch(rowsReducer.setRowHoverRowIdAction(newHoverRowId)), [dispatch]);
-  const setDnDActiveRowId = React.useCallback(newDnDActiveRowId => dispatch(rowsReducer.setRowDnDActiveRowIdAction(newDnDActiveRowId)), [dispatch]);
-  const setSelectedRowId = React.useCallback(newSelectedRowId => dispatch(rowsReducer.setRowSelectedRowIdAction(newSelectedRowId)), [dispatch]);
-  const setFocusedRowId = React.useCallback(newFocusedRowId => dispatch(rowsReducer.setRowFocusedRowIdAction(newFocusedRowId)), [dispatch]);
-  const setIsDraggingRow = React.useCallback(newIsDraggingRow => dispatch(rowsReducer.setRowsIsDraggingAction(newIsDraggingRow)), [dispatch]);
-  const setIsKeyboardDraggingRow = React.useCallback(newIsKeyboardDraggingRow => dispatch(rowsReducer.setRowIsKeyboardDraggingAction(newIsKeyboardDraggingRow)), [dispatch]);
-  const setRelativeRowMouseCord = React.useCallback(newRelativeRowMouseCord => dispatch(rowsReducer.setRowRelativeMouseCoordAction(newRelativeRowMouseCord)), [dispatch]);
-  const resetRelativeRowMouseCord = React.useCallback(() => dispatch(rowsReducer.setRowRelativeMouseCoordAction(defaults.defaultRelativeRowMouseCoord)), [dispatch]);
-  const setDraggedRowId = React.useCallback(newDraggedRowId => dispatch(rowsReducer.setRowDraggedRowIdAction(newDraggedRowId)), [dispatch]);
-  return {
-    setHoverRowId,
-    setDnDActiveRowId,
-    setSelectedRowId,
-    setFocusedRowId,
-    setIsDraggingRow,
-    setIsKeyboardDraggingRow,
-    setRelativeRowMouseCord,
-    resetRelativeRowMouseCord,
-    setDraggedRowId
-  };
-};
-
-exports.useDispatchRowsActions = useDispatchRowsActions;

package/cjs/redux/storeConfig.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index = require('./reducers/index.js');
-
-const storeConfig = {
-  reducer: index["default"]
-};
-
-exports.storeConfig = storeConfig;

package/cjs/styled.js

@@ -1,235 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-var styled = require('styled-components');
-var Grid = require('@elliemae/ds-grid');
-var dsIcons = require('@elliemae/ds-icons');
-var sizeToCss = require('./helpers/sizeToCss.js');
-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 cellPadding = require('./helpers/cellPadding.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('react');
-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('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/jsx');
-require('react/jsx-runtime');
-require('@elliemae/ds-form');
-require('./parts/TableContent.js');
-require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-system');
-require('@elliemae/ds-button');
-require('./DataTableContext.js');
-require('./parts/Row.js');
-require('./parts/Footer.js');
-require('./parts/HoC/SortableItemContext.js');
-var zIndexInternalConfig = require('./configs/zIndexInternalConfig.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
-
-const styledFocusCss = _ref => {
-  let {
-    theme
-  } = _ref;
-  return "\n&:after {\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px solid ".concat(theme.colors.brand[700], ";\n  pointer-events: none;\n  z-index: ").concat(zIndexInternalConfig.ZIndexDataTable.FOCUS_BORDER, ";\n}");
-};
-
-const StyledFocusWithin = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-38sgfo-0"
-})([":focus-within{", "}"], props => props.hideFocus ? '' : styledFocusCss(props));
-const StyledDataTableWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-38sgfo-1"
-})(["width:", ";height:", ";user-select:", ";"], props => {
-  var _props$width;
-
-  return sizeToCss.sizeToCss((_props$width = props.width) !== null && _props$width !== void 0 ? _props$width : ' 100%');
-}, props => {
-  var _props$height;
-
-  return sizeToCss.sizeToCss((_props$height = props.height) !== null && _props$height !== void 0 ? _props$height : ' 100%');
-}, _ref2 => {
-  let {
-    noSelectionAllowed
-  } = _ref2;
-  return noSelectionAllowed ? 'none' : 'auto';
-});
-const StyledTableWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-38sgfo-2"
-})(["display:inline-block;border-spacing:0;z-index:0;position:relative;", ""], _ref3 => {
-  let {
-    width = '100%',
-    height = '100%'
-  } = _ref3;
-  return "\n  width: ".concat(sizeToCss.sizeToCss(width), ";\n  height: ").concat(sizeToCss.sizeToCss(height), ";\n  ");
-});
-const StyledTableContentWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-38sgfo-3"
-})(["position:relative;", ""], _ref4 => {
-  let {
-    height = 'auto'
-  } = _ref4;
-  return "\n  height: ".concat(sizeToCss.sizeToCss(height), ";\n  ");
-});
-const StyledVirtualListWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-38sgfo-4"
-})(["overflow:auto;", ""], _ref5 => {
-  let {
-    height = 'auto',
-    width = '100%'
-  } = _ref5;
-  return "\n  height: ".concat(sizeToCss.sizeToCss(height), ";\n  width: ").concat(sizeToCss.sizeToCss(width), ";\n  ");
-});
-/**
- * HEADER
- */
-
-const getGridTemplateColumnsStyle = _ref6 => {
-  let {
-    cols,
-    colsLayoutStyle = constants.ColsLayoutStyle.Auto
-  } = _ref6;
-  if (!cols) return '';
-
-  if (colsLayoutStyle === 'fixed') {
-    const widthAttr = cols.map(col => "minmax(0, ".concat(col, ")")).join(' ');
-    return "grid-template-columns: ".concat(widthAttr);
-  }
-
-  return "grid-template-columns: ".concat(cols.map(col => "minmax(0, ".concat(col, ")")).join(' '));
-};
-
-const StyledHeadWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-38sgfo-5"
-})(["position:relative;position:sticky;top:0;z-index:4;background:white;width:", ";"], props => props.colsLayoutStyle === constants.ColsLayoutStyle.Fixed ? sizeToCss.sizeToCss(props.totalColumnsWidth) : '100%');
-const StyledHeadTr = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-38sgfo-6"
-})(["", ";", ";"], props => props.colsLayoutStyle === constants.ColsLayoutStyle.Auto ? 'width:100%' : '', props => getGridTemplateColumnsStyle({
-  cols: props.cols,
-  isExpandable: props.isExpandable,
-  colsLayoutStyle: props.colsLayoutStyle
-}));
-
-const getStyledHeadTHBorderColor = props => {
-  if (props.dragOverlay) return 'transparent';
-  if (props.isFirstRowGroup) return 'transparent';
-  return props.theme.colors.neutral['080'];
-};
-
-const StyledHeadTh = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-38sgfo-7"
-})(["min-height:24px;line-height:normal;font-weight:600;text-transform:uppercase;font-size:0.923rem;text-align:left;", " color:#353c46;min-height:1.84615rem;position:relative;position:sticky;top:0;z-index:", ";display:flex;justify-content:space-between;box-sizing:border-box;border-right:1px solid ", ";border-bottom:1px solid ", ";outline:none;:focus{&:after{display:block;content:' ';position:absolute;top:0;left:0;right:-1px;bottom:-1px;border:2px solid ", ";pointer-events:none;z-index:", ";}}", ""], cellPadding.columnPadding, zIndexInternalConfig.ZIndexDataTable.HEADER_ROW, props => props.theme.colors.neutral['080'], getStyledHeadTHBorderColor, props => props.theme.colors.brand[700], zIndexInternalConfig.ZIndexDataTable.FOCUS_BORDER, props => props.isDraggingActive ? '' : ":hover {\n    border-bottom: 1px solid ".concat(props.isDragOverlay ? 'transparent' : props.theme.colors.brand[800], ";\n    cursor: pointer;\n  }"));
-const StyledHeaderRightIconsWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-38sgfo-8"
-})(["height:100%;display:flex;align-items:center;max-height:24px;"]);
-const StyledResizer = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-38sgfo-9"
-})(["display:inline-block;background:", ";width:4px;height:100%;position:absolute;right:0;top:0;z-index:1;touch-action:none;cursor:col-resize;"], _ref7 => {
-  let {
-    isResizing,
-    theme
-  } = _ref7;
-  return isResizing ? theme.colors.brand[600] : theme.colors.brand[400];
-}); // CELL ***********************************************************************/
-
-const StyledActionCell = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-38sgfo-10"
-})(["position:relative;position:sticky;display:inline-block;right:0;background:white;"]);
-const StyledCell = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-38sgfo-11"
-})(["", " display:flex;align-items:center;width:100%;position:relative;"], cellPadding.cellPadding);
-const StyledCellContent = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-38sgfo-12"
-})(["display:grid;justify-self:flex-end;flex:1 1 auto;width:100%;height:100%;align-items:center;"]);
-const StyledPencilIcon = /*#__PURE__*/styled__default["default"](dsIcons.EditPencil).withConfig({
-  componentId: "sc-38sgfo-13"
-})([""]);
-const StyledEditableContainer = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-38sgfo-14"
-})(["width:100%;height:100%;align-items:center;& ", "{display:", ";}&:hover{", "{display:block;}}&:focus{", " ", "{display:block;}}outline:none;"], StyledPencilIcon, _ref8 => {
-  let {
-    shouldDisplayEditIcon
-  } = _ref8;
-  return shouldDisplayEditIcon ? 'block' : 'none';
-}, StyledPencilIcon, styledFocusCss, StyledPencilIcon); // ROW ************************************************************************/
-
-const StyledFullsizeGrid = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-38sgfo-15"
-})(["position:relative;z-index:", ";min-height:", ";height:", ";"], zIndexInternalConfig.ZIndexDataTable.ROW, props => props.minHeight || '36px', props => props.height || 'auto');
-const GroupHeaderContainer = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-38sgfo-16"
-})(["position:relative;background-color:", ";align-items:center;padding:0 ", ";border-top:1px solid ", ";grid-template-columns:min-content 1fr;"], _ref9 => {
-  let {
-    theme
-  } = _ref9;
-  return theme.colors.brand[200];
-}, props => props.padding, _ref10 => {
-  let {
-    theme
-  } = _ref10;
-  return theme.colors.brand[300];
-});
-const GroupHeaderTitle = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-38sgfo-17"
-})(["font-weight:", ";font-size:12px;color:", ";"], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral[700]);
-const StyledCellContainer = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-38sgfo-18"
-})(["position:relative;z-index:2;min-height:", ";height:", ";width:", ";", ";", ";background-color:", ";outline:none;:focus{", "}", " ", " box-shadow:0 2px 4px 0 ", ";opacity:", ";", " color:", ";"], props => props.minHeight || '36px', props => props.height || 'auto', props => props.colLayoutStyle === constants.ColsLayoutStyle.Fixed ? sizeToCss.sizeToCss(props.totalColumnsWidth) : '100%', props => props.isDragOverlay ? 'width: fit-content;' : '', props => getGridTemplateColumnsStyle({
-  cols: props.cols,
-  colsLayoutStyle: props.colLayoutStyle,
-  isExpandable: props.isExpandable
-}), _ref11 => {
-  let {
-    backgroundColor,
-    isDragging,
-    theme
-  } = _ref11;
-  return isDragging ? theme.colors.neutral[100] : backgroundColor || 'white';
-}, props => props.isDragOverlay ? '' : styledFocusCss(props), _ref12 => {
-  let {
-    isDropIndicatorPositionInside,
-    theme
-  } = _ref12;
-  if (!isDropIndicatorPositionInside) return '';
-  return styledFocusCss({
-    theme
-  });
-}, _ref13 => {
-  let {
-    shouldDisplayHover,
-    theme
-  } = _ref13;
-  return shouldDisplayHover ? ":hover {\n            background-color: ".concat(theme.colors.brand[200], ";\n          }") : '';
-}, props => props.isDragOverlay ? 'rgba(0,0,0,0.5)' : 'transparent', props => props.isDragging ? 0.8 : 1, props => !props.selected ? '' : "\n    background-color: ".concat(props.theme.colors.brand[200], ";\n    border: 1px solid ").concat(props.theme.colors.brand[500], ";\n    "), props => props.disabled ? props.theme.colors.neutral['500'] : '#333333');
-
-exports.GroupHeaderContainer = GroupHeaderContainer;
-exports.GroupHeaderTitle = GroupHeaderTitle;
-exports.StyledActionCell = StyledActionCell;
-exports.StyledCell = StyledCell;
-exports.StyledCellContainer = StyledCellContainer;
-exports.StyledCellContent = StyledCellContent;
-exports.StyledDataTableWrapper = StyledDataTableWrapper;
-exports.StyledEditableContainer = StyledEditableContainer;
-exports.StyledFocusWithin = StyledFocusWithin;
-exports.StyledFullsizeGrid = StyledFullsizeGrid;
-exports.StyledHeadTh = StyledHeadTh;
-exports.StyledHeadTr = StyledHeadTr;
-exports.StyledHeadWrapper = StyledHeadWrapper;
-exports.StyledHeaderRightIconsWrapper = StyledHeaderRightIconsWrapper;
-exports.StyledPencilIcon = StyledPencilIcon;
-exports.StyledResizer = StyledResizer;
-exports.StyledTableContentWrapper = StyledTableContentWrapper;
-exports.StyledTableWrapper = StyledTableWrapper;
-exports.StyledVirtualListWrapper = StyledVirtualListWrapper;

package/cjs/types/FunctionalHoC.js

@@ -1,2 +0,0 @@
-'use strict';
-

package/cjs/types/props.js

@@ -1,2 +0,0 @@
-'use strict';
-

package/esm/DataTable.js

@@ -1,51 +0,0 @@
-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 _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useMemo, useRef } from 'react';
-import { Provider } from 'react-redux';
-import { configureStore } from '@reduxjs/toolkit';
-import { describe } from '@elliemae/ds-props-helpers';
-import TableContent from './parts/TableContent.js';
-import { storeConfig } from './redux/storeConfig.js';
-import DataTableContext, { defaultProps } from './DataTableContext.js';
-import { DATA_TESTID } from './configs/constants.js';
-import { useDatatableConfig } from './configs/useDatatableConfig.js';
-import './configs/useRowFlattenization.js';
-import { FiltersBar } from './parts/FilterBar/FiltersBar.js';
-import { DataTableSchema } from './DataTableSchema.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var _FiltersBar;
-
-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 DataTable = props => {
-  const {
-    withFilterBar
-  } = props;
-  const reduxStore = useMemo(() => configureStore(storeConfig), []);
-  const tableWrapperRef = useRef();
-  const tableContentWrapperRef = useRef();
-  const ctx = useDatatableConfig(props);
-  return /*#__PURE__*/_jsx(Provider, {
-    store: reduxStore
-  }, void 0, /*#__PURE__*/_jsx(DataTableContext.Provider, {
-    value: ctx
-  }, void 0, /*#__PURE__*/jsxs("div", {
-    ref: tableWrapperRef,
-    "data-testid": DATA_TESTID.DATA_TABLE_WRAPPER,
-    children: [withFilterBar ? _FiltersBar || (_FiltersBar = /*#__PURE__*/_jsx(FiltersBar, {})) : null, /*#__PURE__*/jsx(TableContent, {
-      ref: tableContentWrapperRef
-    })]
-  })));
-};
-DataTable.defaultProps = _objectSpread({}, defaultProps);
-const DataTableWithSchema = describe(DataTable).description('Data Table');
-DataTableWithSchema.propTypes = DataTableSchema;
-
-export { DataTable, DataTableWithSchema };

package/esm/DataTableContext.js

@@ -1,68 +0,0 @@
-import { createContext, createRef } from 'react';
-import { ColsLayoutStyle } from './configs/constants.js';
-
-const defaultProps = {
-  height: '100%',
-  width: '100%',
-  renderRowActions: false,
-  getRowVariant: () => 'ds-primary-row',
-  isExpandable: false,
-  uniqueRowAccessor: undefined,
-  expandedRows: {},
-  disabledRows: {},
-  isResizeable: false,
-  isLoading: false,
-  isLoadingAppended: false,
-  pagination: false,
-  filters: [],
-  colsLayoutStyle: ColsLayoutStyle.Fixed,
-  hiddenColumns: [],
-  noResultsMessage: 'No Results Found',
-  dragAndDropRows: false,
-  maxDragAndDropLevel: 1,
-  onRowsReorder: () => null,
-  dragAndDropColumns: false,
-  onColumnsReorder: () => null,
-  onColumnResize: () => null,
-  onRowClick: () => null,
-  onRowFocus: () => null,
-  noSelectionColumn: false,
-  selectSingle: false,
-  selection: undefined,
-  onSelectionChange: () => null,
-  // selectionHashMap -> { ...[id]: enum(true/'mixed'/false) }
-  textWrap: 'wrap',
-  isNoMoreDataAppended: false,
-  noMoreDataMessage: 'No more to show.',
-  onCellValueChange: () => null,
-  onFiltersChange: () => null,
-  onFilteredDataChange: () => null,
-  onPageChanged: () => null,
-  onRowExpand: () => null,
-  customSortLogic: false,
-  onColumnSortChange: () => null
-};
-const defaultRelativeRowMouseCoord = {
-  isBefore: false,
-  isAfter: false,
-  isValid: true,
-  hoveredRowIndex: null,
-  x: null,
-  y: null,
-  relativeElementDOMRect: null,
-  relativeElementIndex: null
-};
-/** Context for cross component communication */
-
-const DataTableContext = /*#__PURE__*/createContext({
-  tableProps: defaultProps,
-  layoutHelpers: {},
-  flattenedData: [],
-  allDataFlattened: [],
-  visibleColumns: [],
-  paginationHelpers: {},
-  virtualListRef: /*#__PURE__*/createRef(),
-  columnHeaderRef: /*#__PURE__*/createRef()
-});
-
-export { DataTableContext as default, defaultProps, defaultRelativeRowMouseCoord };

package/esm/DataTableSchema.js

@@ -1,111 +0,0 @@
-import { PropTypes } from '@elliemae/ds-props-helpers';
-
-/* eslint-disable max-lines */
-const outOfTheBoxFilterType = PropTypes.oneOf(['ds-filter-select', 'ds-filter-multi-select', 'ds-filter-single-date', 'ds-filter-date-range', 'ds-filter-number-range']);
-const textWrappingType = PropTypes.oneOf(['wrap', 'wrap-all', 'truncate']);
-const columnPropTypes = {
-  Header: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.element]).description('Header name or component').isRequired,
-  accessor: PropTypes.string.description('The entry of the data that this column will display'),
-  id: PropTypes.string.description('The id of the column, will default to the Header or accessor if not present'),
-  filter: outOfTheBoxFilterType.description('out-of-the-box filters'),
-  Filter: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description('The custom component to render as a filter'),
-  Cell: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description('The custom cell renderer component'),
-  editable: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.element]).description('The editable out-of-the-box or component to render'),
-  disableDnD: PropTypes.bool.description('Whereas this column should be draggable'),
-  canResize: PropTypes.bool.description('Whereas this column should be resizable'),
-  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Width of this column'),
-  minWidth: PropTypes.number.description('Minimum width of this column, useful when resizing'),
-  maxWidth: PropTypes.number.description('Maximum width of this column, useful when resizing'),
-  canSort: PropTypes.bool.description('Whereas this column is sortable'),
-  isSortedDesc: PropTypes.bool.description('Whereas this column is sorted descendingly'),
-  required: PropTypes.bool.description('Whereas this column is required'),
-  alwaysDisplayEditIcon: PropTypes.bool.description('Whereas to always show the edit icon on this column if it is editable'),
-  textWrap: textWrappingType.description('How to wrap the text in the column')
-};
-const columnsPropTypes = PropTypes.shape(columnPropTypes).description('Columns props');
-const rowPropTypes = {
-  tableRowDetails: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description('Component for row details'),
-  dimsumHeaderValue: PropTypes.string.description('Header displayed on the header variant of the row')
-};
-const rowsPropTypes = PropTypes.shape(rowPropTypes).description('Rows props');
-const DataTableSchema = {
-  columns: PropTypes.arrayOf(columnsPropTypes).description('Array of columns').isRequired,
-  data: PropTypes.arrayOf(rowsPropTypes).description('Array of rows'),
-  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Height of the datatable component'),
-  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Width of the datatable component'),
-  renderRowActions: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]).description('The renderer to use for the action toolbar'),
-  isExpandable: PropTypes.bool.description('Whether the datatable is expandable').defaultValue(false),
-  uniqueRowAccessor: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string), PropTypes.func]).description('Column / Combination of columns / Function to call to produce a unique identifier for each row.' + ' This is necessary for the selectable and drag and drop features'),
-  disabledRows: PropTypes.object.description('Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is disabled or not'),
-  expandedRows: PropTypes.object.description('Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is expanded or not'),
-  onRowExpand: PropTypes.func.description('Function invoked when a row is (un)expanded'),
-  cellRendererProps: PropTypes.object.description('Object with all the props you want the cells to have available when rendering'),
-  selectSingle: PropTypes.bool.description('Whether the selectable feature is single').defaultValue(false),
-  selection: PropTypes.object.description('Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is selected or not'),
-  onSelectionChange: PropTypes.func.description('Function invoked when a row is selected'),
-  groupedRowsRenderHeader: PropTypes.oneOfType([PropTypes.string, PropTypes.func]).description('String | Function to call which will display in the row headers'),
-  isResizeable: PropTypes.bool.description("Whether the datatable's columns are resizeable"),
-  filters: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string,
-    type: PropTypes.string,
-    value: PropTypes.any
-  })).description('Array of filter keys and values'),
-  withFilterBar: PropTypes.bool.description('Whether to display the filter bar'),
-  filterBarProps: PropTypes.shape({
-    customPillRenderer: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description('If you specify custom filters, you will need to render their pills here'),
-    extraOptions: PropTypes.arrayOf(PropTypes.shape({
-      type: PropTypes.string,
-      id: PropTypes.string,
-      label: PropTypes.string,
-      onClick: PropTypes.func
-    })).description('Any extra option you want in the dropdownmenu of the filter bar')
-  }).description('Props for the filter bar'),
-  onFiltersChange: PropTypes.func.description('Function invoked when filters change'),
-  pagination: PropTypes.oneOfType([PropTypes.oneOf([false]), PropTypes.shape({
-    pageCount: PropTypes.number.description('How many pages are there'),
-    pageIndex: PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),
-    canPreviousPage: PropTypes.bool.description('Whether the previous button is disabled or not').defaultValue(true),
-    canNextPage: PropTypes.bool.description('Whether the next button is disabled or not').defaultValue(true),
-    pageSize: PropTypes.number.description('The current page size').defaultValue(10),
-    showPerPageSelector: PropTypes.bool.description('Whether to show the page selector').defaultValue(true),
-    perPageOptions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-      dsId: PropTypes.string,
-      value: PropTypes.number,
-      label: PropTypes.string,
-      type: PropTypes.oneOf(['single'])
-    })])).description('The available options for page size').defaultValue([10]),
-    perPageStep: PropTypes.number.description('Step for the per page options').defaultValue(5),
-    minPerPage: PropTypes.number.description('Step for the per page options').defaultValue(0),
-    maxPerPage: PropTypes.number.description('Step for the per page options').defaultValue(100),
-    onPageSizeChange: PropTypes.func.description('Function invoked when the page size changes').defaultValue(() => null),
-    onPreviousPage: PropTypes.func.description('Function invoked when the previous button is pressed').defaultValue(() => null),
-    onPageChange: PropTypes.func.description('Function invoked when the page changes').defaultValue(() => null),
-    onNextPage: PropTypes.func.description('Function invoked when next button is pressed').defaultValue(() => null),
-    pageDetails: PropTypes.arrayOf(PropTypes.string).description('Details to provide for each page').defaultValue([]),
-    pageDetailsTitle: PropTypes.string.description('The title of the details (usually a column of your dataset)').defaultValue('')
-  })]).description('Object containing the data for the pagination'),
-  colsLayoutStyle: PropTypes.oneOf(['auto', 'fixed']).description('Whether the datatable fills its container or not'),
-  hiddenColumns: PropTypes.arrayOf(PropTypes.string).description('IDs of columns not to render'),
-  dragAndDropRows: PropTypes.bool.description('Whether to turn on the d&d feature for the rows').defaultValue(false),
-  onRowsReorder: PropTypes.func.description('Function invoked when a row is reordered'),
-  maxDragAndDropLevel: PropTypes.number.description('Which level is the maximum allowed to drop into'),
-  dragAndDropColumns: PropTypes.bool.description('Whether to turn on the d&d feature for the columns'),
-  onColumnsReorder: PropTypes.func.description('Function invoked when a column is reordered'),
-  textWrap: textWrappingType.description('Global wrapping rule'),
-  noResultsMessage: PropTypes.string.description('Message to show when no more data is available'),
-  noResultsSecondaryMessage: PropTypes.string.description('Secondary message to show when no more data is available'),
-  noResultsButtonLabel: PropTypes.string.description('Label of the button when no more data is available'),
-  noResultsPlaceholder: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description('Custom content to show when dataset is empty'),
-  isLoading: PropTypes.bool.description('Whether to show a global loader in the datatable'),
-  isLoadingAppended: PropTypes.bool.description('Whether to show an appended loader in the datatable'),
-  onColumnResize: PropTypes.func.description('Function invoked when a column is resized'),
-  isNoMoreDataAppended: PropTypes.bool.description('Whether to show an appended message in the datatable for no more data'),
-  noMoreDataMessage: PropTypes.string.description('The message to show when no more data is available'),
-  onRowClick: PropTypes.func.description('Function invoked when clicking a row'),
-  onRowFocus: PropTypes.func.description('Function invoked when focusing a row'),
-  onCellValueChange: PropTypes.func.description("Function invoked when an editable cell's content is changed"),
-  onColumnSortChange: PropTypes.func.description('Function invoked when a column is sorted'),
-  actionRef: PropTypes.object.description('Reference where all the exposed action callbacks will be exposed')
-};
-
-export { DataTableSchema };

package/esm/addons/Columns/ColumnAction/ColumnAction.js

@@ -1,17 +0,0 @@
-import { memo } from 'react';
-
-const actionColumn = renderRowActions => ({
-  Header: ' ',
-  id: 'rowActions',
-  width: renderRowActions.columnWidth,
-  style: {
-    overflow: 'visible'
-  },
-  // memo typing is broken?
-  Cell: /*#__PURE__*/memo(props => renderRowActions.renderer(props)),
-  canResize: false,
-  disableDnD: true,
-  isFocuseable: false
-});
-
-export { actionColumn };