@elliemae/ds-data-table 1.61.0 → 2.0.0-alpha.12

package/cjs/DataTable.js

@@ -2,148 +2,60 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+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 reactRedux = require('react-redux');
 var toolkit = require('@reduxjs/toolkit');
 var reactDesc = require('react-desc');
-var addons_Columns_ColumnExpand_ColumnExpand = require('./styled-b86fbdf4.js');
-var redux_storeConfig = require('./redux/storeConfig.js');
+var TableContent = require('./parts/TableContent.js');
+var storeConfig = require('./redux/storeConfig.js');
 var DataTableContext = require('./DataTableContext.js');
-var configs_constants = require('./configs/constants.js');
-var configs_useDatatableConfig = require('./configs/useDatatableConfig.js');
+var constants = require('./configs/constants.js');
+var useDatatableConfig = require('./configs/useDatatableConfig.js');
 require('./configs/useRowFlattenization.js');
-var parts_FilterBar_FiltersBar = require('./parts/FilterBar/FiltersBar.js');
+var FiltersBar = require('./parts/FilterBar/FiltersBar.js');
 var DataTableSchema = require('./DataTableSchema.js');
-require('styled-components');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-icons');
-require('./helpers/sizeToCss.js');
-require('./helpers/cellPadding.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('react-virtual');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@elliemae/ds-form');
-require('@babel/runtime/helpers/extends');
-require('./addons/Pagination/Pagination.js');
-require('@elliemae/ds-pagination');
-require('@elliemae/ds-indeterminate-progress-indicator');
-require('@elliemae/ds-circular-progress-indicator');
-require('./parts/EmptyContent.js');
-require('@elliemae/ds-system');
-require('@elliemae/ds-button');
-require('prop-types');
-require('./helpers/refs-helpers.js');
-require('./parts/HoC/SortableItemContext.js');
-require('./parts/HoC/withDnDSortableRowContext.js');
-require('@dnd-kit/sortable');
-require('./parts/HoC/withConditionalDnDRowContext.js');
-require('@dnd-kit/core');
-require('./helpers/dndkit/tree/useTreeDndkitConfig.js');
-require('./helpers/dndkit/tree/useTreePreviewHandlers.js');
-require('./helpers/dndkit/tree/getTreeKeyboardCoordinates.js');
-require('./helpers/dndkit/utilities.js');
-require('./helpers/dndkit/tree/useTreeActionHandlers.js');
-require('lodash');
-require('./helpers/dndkit/tree/customCollisionDetection.js');
-require('./helpers/dndkit/tree/useTreeAnnouncements.js');
-require('./parts/HoC/DragOverlayContext.js');
-require('@elliemae/ds-popperjs');
-require('./redux/reducers/index.js');
-require('redux');
-require('./redux/reducers/headersReducers/headersReducers.js');
-require('./redux/reducers/headersReducers/logic.js');
-require('./redux/reducers/headersReducers/defaults.js');
-require('./redux/reducers/headersReducers/useDispatchHeadersActions.js');
-require('./redux/reducers/rowsReducers/rowsReducer.js');
-require('./redux/reducers/rowsReducers/logic.js');
-require('./redux/reducers/rowsReducers/defaults.js');
-require('./redux/reducers/rowsReducers/useDispatchRowsActions.js');
-require('./parts/Footer.js');
-require('@elliemae/ds-utilities');
-require('uid');
-require('./exported-related/RowVariants.js');
-require('./exported-related/Filters/singleSelectFilterFn.js');
-require('./exported-related/Filters/multiSelectFilterFn.js');
-require('./exported-related/Filters/textFilterFn.js');
-require('moment');
-require('./exported-related/Filters/numberRangeFilterFn.js');
-require('./exported-related/Filters/currencyRangeFilterFn.js');
-require('./exported-related/FilterTypes.js');
-require('./addons/Columns/ColumnAction/ColumnAction.js');
-require('./hooks/useRecoverFocusRow.js');
-require('@elliemae/ds-truncated-tooltip-text');
-require('./prop-types.js');
-require('./parts/Cells/useCellStyle.js');
-require('./exported-related/RowRenderer/useRowRendererProperties.js');
-require('./exported-related/RowRenderer/useRowStyle.js');
-require('./parts/DropIndicator.js');
-require('./configs/zIndexInternalConfig.js');
-require('./helpers/addCellData.js');
-require('./helpers/dndkit/hierarchy/useHierarchyActionHandlers.js');
-require('./helpers/dndkit/hierarchy/useHierarchyAnnouncements.js');
-require('./parts/SortByCaret.js');
-require('@elliemae/ds-controlled-form');
-require('@elliemae/ds-form-layout-blocks');
-require('@elliemae/ds-grid/');
-require('@elliemae/ds-form/ComboBox');
-require('./helpers/columnsToGrid.js');
-require('./parts/Headers/useHeaderCellHandlers.js');
-require('./parts/Headers/useHeaderCellConfig.js');
-require('./hooks/useRecoverFocusCol.js');
-require('./parts/Headers/RequiredDot.js');
-require('./parts/SortableHeaderCell.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('./parts/HoC/withConditionalDnDSortableContext.js');
-require('./parts/Headers/EmptyChildrenGroup.js');
-require('./configs/fixedSizes.js');
-require('./parts/Loader.js');
-require('./configs/usePaginationConfig.js');
-require('./configs/useTableColsWithAddons.js');
-require('./helpers/getIdFromUniqueRowAccessor.js');
-require('./parts/FilterBar/components/DateRangePill.js');
-require('@elliemae/ds-pills');
-require('./parts/FilterBar/components/DateSwitcherPill.js');
-require('./parts/FilterBar/components/MultiSelectPill.js');
-require('./parts/FilterBar/components/NumberRangePill.js');
-require('./parts/FilterBar/components/SelectPill.js');
-require('./parts/FilterBar/components/SingleDatePill.js');
-require('./parts/FilterBar/components/TextPill.js');
-require('./parts/FilterBar/styled.js');
-require('@elliemae/ds-dropdownmenu');
+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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+var _FiltersBar;
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var DataTable = function DataTable(props) {
-  var withFilterBar = props.withFilterBar;
-  var reduxStore = React.useMemo(function () {
-    return toolkit.configureStore(redux_storeConfig.storeConfig);
-  }, []);
-  var tableWrapperRef = React.useRef();
-  var tableContentWrapperRef = React.useRef();
-  var ctx = configs_useDatatableConfig.useDatatableConfig(props);
-  return /*#__PURE__*/React__default['default'].createElement(reactRedux.Provider, {
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const DataTable = props => {
+  const {
+    withFilterBar
+  } = props;
+  const reduxStore = React.useMemo(() => toolkit.configureStore(storeConfig.storeConfig), []);
+  const tableWrapperRef = React.useRef();
+  const tableContentWrapperRef = React.useRef();
+  const ctx = useDatatableConfig.useDatatableConfig(props);
+  return /*#__PURE__*/_jsx__default["default"](reactRedux.Provider, {
     store: reduxStore
-  }, /*#__PURE__*/React__default['default'].createElement(DataTableContext['default'].Provider, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](DataTableContext["default"].Provider, {
     value: ctx
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
+  }, void 0, /*#__PURE__*/jsxRuntime.jsxs("div", {
     ref: tableWrapperRef,
-    "data-testid": configs_constants.DATA_TESTID.DATA_TABLE_WRAPPER
-  }, withFilterBar ? /*#__PURE__*/React__default['default'].createElement(parts_FilterBar_FiltersBar.FiltersBar, null) : null, /*#__PURE__*/React__default['default'].createElement(addons_Columns_ColumnExpand_ColumnExpand.TableContent, {
-    ref: tableContentWrapperRef
-  }))));
+    "data-testid": constants.DATA_TESTID.DATA_TABLE_WRAPPER,
+    children: [withFilterBar ? _FiltersBar || (_FiltersBar = /*#__PURE__*/_jsx__default["default"](FiltersBar.FiltersBar, {})) : null, /*#__PURE__*/jsxRuntime.jsx(TableContent, {
+      ref: tableContentWrapperRef
+    })]
+  })));
 };
-DataTable.propTypes = DataTableSchema.DataTableSchema;
 DataTable.defaultProps = _objectSpread({}, DataTableContext.defaultProps);
-var DataTableWithSchema = reactDesc.describe(DataTable).description('Data Table');
+const DataTableWithSchema = reactDesc.describe(DataTable).description('Data Table');
 DataTableWithSchema.propTypes = DataTableSchema.DataTableSchema;
 
 exports.DataTable = DataTable;
 exports.DataTableWithSchema = DataTableWithSchema;
-//# sourceMappingURL=DataTable.js.map

package/cjs/DataTableContext.js

@@ -3,15 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var configs_constants = require('./configs/constants.js');
+var constants = require('./configs/constants.js');
 
-var defaultProps = {
+const defaultProps = {
   height: '100%',
   width: '100%',
   renderRowActions: false,
-  getRowVariant: function getRowVariant() {
-    return 'ds-primary-row';
-  },
+  getRowVariant: () => 'ds-primary-row',
   isExpandable: false,
   uniqueRowAccessor: undefined,
   expandedRows: {},
@@ -21,58 +19,34 @@ var defaultProps = {
   isLoadingAppended: false,
   pagination: false,
   filters: [],
-  colsLayoutStyle: configs_constants.ColsLayoutStyle.Fixed,
+  colsLayoutStyle: constants.ColsLayoutStyle.Fixed,
   hiddenColumns: [],
   noResultsMessage: 'No Results Found',
   dragAndDropRows: false,
   maxDragAndDropLevel: 1,
-  onRowsReorder: function onRowsReorder() {
-    return null;
-  },
+  onRowsReorder: () => null,
   dragAndDropColumns: false,
-  onColumnsReorder: function onColumnsReorder() {
-    return null;
-  },
-  onColumnResize: function onColumnResize() {
-    return null;
-  },
-  onRowClick: function onRowClick() {
-    return null;
-  },
-  onRowFocus: function onRowFocus() {
-    return null;
-  },
+  onColumnsReorder: () => null,
+  onColumnResize: () => null,
+  onRowClick: () => null,
+  onRowFocus: () => null,
   noSelectionColumn: false,
   selectSingle: false,
   selection: undefined,
-  onSelectionChange: function onSelectionChange() {
-    return null;
-  },
+  onSelectionChange: () => null,
   // selectionHashMap -> { ...[id]: enum(true/'mixed'/false) }
   textWrap: 'wrap',
   isNoMoreDataAppended: false,
   noMoreDataMessage: 'No more to show.',
-  onCellValueChange: function onCellValueChange() {
-    return null;
-  },
-  onFiltersChange: function onFiltersChange() {
-    return null;
-  },
-  onFilteredDataChange: function onFilteredDataChange() {
-    return null;
-  },
-  onPageChanged: function onPageChanged() {
-    return null;
-  },
-  onRowExpand: function onRowExpand() {
-    return null;
-  },
+  onCellValueChange: () => null,
+  onFiltersChange: () => null,
+  onFilteredDataChange: () => null,
+  onPageChanged: () => null,
+  onRowExpand: () => null,
   customSortLogic: false,
-  onColumnSortChange: function onColumnSortChange() {
-    return null;
-  }
+  onColumnSortChange: () => null
 };
-var defaultRelativeRowMouseCoord = {
+const defaultRelativeRowMouseCoord = {
   isBefore: false,
   isAfter: false,
   isValid: true,
@@ -84,7 +58,7 @@ var defaultRelativeRowMouseCoord = {
 };
 /** Context for cross component communication */
 
-var DataTableContext = /*#__PURE__*/React.createContext({
+const DataTableContext = /*#__PURE__*/React.createContext({
   tableProps: defaultProps,
   layoutHelpers: {},
   flattenedData: [],
@@ -95,7 +69,6 @@ var DataTableContext = /*#__PURE__*/React.createContext({
   columnHeaderRef: /*#__PURE__*/React.createRef()
 });
 
-exports['default'] = DataTableContext;
+exports["default"] = DataTableContext;
 exports.defaultProps = defaultProps;
 exports.defaultRelativeRowMouseCoord = defaultRelativeRowMouseCoord;
-//# sourceMappingURL=DataTableContext.js.map

package/cjs/DataTableSchema.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var reactDesc = require('react-desc');
 
 /* eslint-disable max-lines */
-var outOfTheBoxFilterType = reactDesc.PropTypes.oneOf(['ds-filter-select', 'ds-filter-multi-select', 'ds-filter-text', 'ds-filter-single-date', 'ds-filter-date-range', 'ds-filter-number-range']);
-var textWrappingType = reactDesc.PropTypes.oneOf(['wrap', 'wrap-all', 'truncate']);
-var rowVariantType = reactDesc.PropTypes.oneOf(['ds_header_group_row', 'ds_primary_row', 'ds_secondary_row']);
-var columnPropTypes = {
+const outOfTheBoxFilterType = reactDesc.PropTypes.oneOf(['ds-filter-select', 'ds-filter-multi-select', 'ds-filter-single-date', 'ds-filter-date-range', 'ds-filter-number-range']);
+const textWrappingType = reactDesc.PropTypes.oneOf(['wrap', 'wrap-all', 'truncate']);
+const rowVariantType = reactDesc.PropTypes.oneOf(['ds_header_group_row', 'ds_primary_row', 'ds_secondary_row']);
+const columnPropTypes = {
   Header: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.func, reactDesc.PropTypes.element]).description('Header name or component').isRequired,
   accessor: reactDesc.PropTypes.string.description('The entry of the data that this column will display'),
   id: reactDesc.PropTypes.string.description('The id of the column, will default to the Header or accessor if not present'),
@@ -27,15 +27,15 @@ var columnPropTypes = {
   alwaysDisplayEditIcon: reactDesc.PropTypes.bool.description('Whereas to always show the edit icon on this column if it is editable'),
   textWrap: textWrappingType
 };
-var columnsPropTypes = reactDesc.PropTypes.shape(columnPropTypes).description('Columns props');
-var rowPropTypes = {
+const columnsPropTypes = reactDesc.PropTypes.shape(columnPropTypes).description('Columns props');
+const rowPropTypes = {
   row_variant_type: rowVariantType.description('Which row variant to use, will default to primary'),
   row_variant_compact: reactDesc.PropTypes.bool.description('Whether to use the compact version of the row'),
   tableRowDetails: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.func, reactDesc.PropTypes.element]).description('Component for row details'),
   dimsumHeaderValue: reactDesc.PropTypes.string.description('Header displayed on the header variant of the row')
 };
-var rowsPropTypes = reactDesc.PropTypes.shape(rowPropTypes).description('Rows props');
-var DataTableSchema = {
+const rowsPropTypes = reactDesc.PropTypes.shape(rowPropTypes).description('Rows props');
+const DataTableSchema = {
   columns: reactDesc.PropTypes.arrayOf(columnsPropTypes).description('Array of columns').isRequired,
   data: reactDesc.PropTypes.arrayOf(rowsPropTypes).description('Array of rows'),
   height: reactDesc.PropTypes.number.description('Height of the datatable component'),
@@ -68,20 +68,29 @@ var DataTableSchema = {
     })).description('Any extra option you want in the dropdownmenu of the filter bar')
   }).description('Props for the filter bar'),
   onFiltersChange: reactDesc.PropTypes.func.description('Function invoked when filters change'),
-  pagination: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.bool, reactDesc.PropTypes.shape({
-    pageIndex: reactDesc.PropTypes.number.description('Index of the current page, starting from 1'),
-    canPreviousPage: reactDesc.PropTypes.bool.description('Whether the previous button is disabled or not'),
-    canNextPage: reactDesc.PropTypes.bool.description('Whether the next button is disabled or not'),
-    pageSize: reactDesc.PropTypes.number.description('The current page size'),
-    perPageOptions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.number).description('The available options for page size'),
-    onPageChange: reactDesc.PropTypes.func.description('Function invoked when the page is changed'),
-    onPreviousPage: reactDesc.PropTypes.func.description('Function invoked when the previous button is pressed'),
-    onNextPage: reactDesc.PropTypes.func.description('Function invoked when next button is pressed'),
-    pageCount: reactDesc.PropTypes.number.description('How many pages are there. By default it will be calculated based on the ammount of rows you have'),
+  pagination: reactDesc.PropTypes.shape({
+    pageCount: reactDesc.PropTypes.number.description('How many pages are there'),
+    pageIndex: reactDesc.PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),
+    canPreviousPage: reactDesc.PropTypes.bool.description('Whether the previous button is disabled or not').defaultValue(true),
+    canNextPage: reactDesc.PropTypes.bool.description('Whether the next button is disabled or not').defaultValue(true),
+    pageSize: reactDesc.PropTypes.number.description('The current page size').defaultValue(10),
     showPerPageSelector: reactDesc.PropTypes.bool.description('Whether to show the page selector').defaultValue(true),
+    perPageOptions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.shape({
+      dsId: reactDesc.PropTypes.string,
+      value: reactDesc.PropTypes.number,
+      label: reactDesc.PropTypes.string,
+      type: reactDesc.PropTypes.oneOf(['single'])
+    })])).description('The available options for page size').defaultValue([10]),
+    perPageStep: reactDesc.PropTypes.number.description('Step for the per page options').defaultValue(5),
+    minPerPage: reactDesc.PropTypes.number.description('Step for the per page options').defaultValue(0),
+    maxPerPage: reactDesc.PropTypes.number.description('Step for the per page options').defaultValue(100),
+    onPageSizeChange: reactDesc.PropTypes.func.description('Function invoked when the page size changes').defaultValue(() => null),
+    onPreviousPage: reactDesc.PropTypes.func.description('Function invoked when the previous button is pressed').defaultValue(() => null),
+    onPageChange: reactDesc.PropTypes.func.description('Function invoked when the page changes').defaultValue(() => null),
+    onNextPage: reactDesc.PropTypes.func.description('Function invoked when next button is pressed').defaultValue(() => null),
     pageDetails: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description('Details to provide for each page').defaultValue([]),
     pageDetailsTitle: reactDesc.PropTypes.string.description('The title of the details (usually a column of your dataset)').defaultValue('')
-  })]).description('Object containing the data for the pagination'),
+  }).description('Object containing the data for the pagination'),
   colsLayoutStyle: reactDesc.PropTypes.oneOf(['auto', 'fixed']).description('Whether the datatable fills its container or not'),
   hiddenColumns: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description('IDs of columns not to render'),
   dragAndDropRows: reactDesc.PropTypes.bool.description('Whether to turn on the d&d feature for the rows').defaultValue(false),
@@ -108,4 +117,3 @@ var DataTableSchema = {
 };
 
 exports.DataTableSchema = DataTableSchema;
-//# sourceMappingURL=DataTableSchema.js.map

package/cjs/addons/Columns/ColumnAction/ColumnAction.js

@@ -4,23 +4,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-var actionColumn = function actionColumn(renderRowActions) {
-  return {
-    Header: ' ',
-    id: 'rowActions',
-    width: renderRowActions.columnWidth,
-    style: {
-      overflow: 'visible'
-    },
-    // memo typing is broken?
-    Cell: /*#__PURE__*/React.memo(function (props) {
-      return renderRowActions.renderer(props);
-    }),
-    canResize: false,
-    disableDnD: true,
-    isFocuseable: false
-  };
-};
+const actionColumn = renderRowActions => ({
+  Header: ' ',
+  id: 'rowActions',
+  width: renderRowActions.columnWidth,
+  style: {
+    overflow: 'visible'
+  },
+  // memo typing is broken?
+  Cell: /*#__PURE__*/React.memo(props => renderRowActions.renderer(props)),
+  canResize: false,
+  disableDnD: true,
+  isFocuseable: false
+});
 
 exports.actionColumn = actionColumn;
-//# sourceMappingURL=ColumnAction.js.map

package/cjs/addons/Columns/ColumnDragHandle/ColumnDragHandle.js

@@ -2,100 +2,63 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-require('../../../hooks/useRecoverFocusRow.js');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../../styled-b86fbdf4.js');
+var useRecoverFocusRow = require('../../../hooks/useRecoverFocusRow.js');
+require('../../../parts/TableContent.js');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
 require('styled-components');
-require('../../../parts/EmptyContent.js');
-require('../../../parts/Footer.js');
 require('@elliemae/ds-icons');
-require('../../../helpers/sizeToCss.js');
-require('../../../configs/constants.js');
-require('../../../helpers/cellPadding.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('react-virtual');
-require('../../../configs/useRowFlattenization.js');
-require('../../../helpers/getIdFromUniqueRowAccessor.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-form');
-require('@babel/runtime/helpers/extends');
-require('react-redux');
-require('../../../DataTableContext.js');
-require('../../Pagination/Pagination.js');
-require('@elliemae/ds-pagination');
-require('@elliemae/ds-indeterminate-progress-indicator');
-require('prop-types');
-require('../../../helpers/refs-helpers.js');
-require('../../../parts/HoC/SortableItemContext.js');
-require('../../../parts/HoC/withDnDSortableRowContext.js');
-require('@dnd-kit/sortable');
-require('../../../parts/HoC/withConditionalDnDRowContext.js');
-require('@dnd-kit/core');
-require('../../../helpers/dndkit/tree/useTreeDndkitConfig.js');
-require('../../../helpers/dndkit/tree/useTreePreviewHandlers.js');
-require('../../../helpers/dndkit/tree/getTreeKeyboardCoordinates.js');
-require('../../../helpers/dndkit/utilities.js');
-require('../../../helpers/dndkit/tree/useTreeActionHandlers.js');
-require('lodash');
-require('../../../helpers/dndkit/tree/customCollisionDetection.js');
-require('../../../helpers/dndkit/tree/useTreeAnnouncements.js');
-require('../../../parts/HoC/DragOverlayContext.js');
-require('@elliemae/ds-button');
-require('@elliemae/ds-popperjs');
-require('../../../redux/reducers/index.js');
-require('redux');
-require('../../../redux/reducers/headersReducers/headersReducers.js');
-require('@reduxjs/toolkit');
-require('../../../redux/reducers/headersReducers/logic.js');
-require('../../../redux/reducers/headersReducers/defaults.js');
-require('../../../redux/reducers/headersReducers/useDispatchHeadersActions.js');
-require('../../../redux/reducers/rowsReducers/rowsReducer.js');
-require('../../../redux/reducers/rowsReducers/logic.js');
-require('../../../redux/reducers/rowsReducers/defaults.js');
-require('../../../redux/reducers/rowsReducers/useDispatchRowsActions.js');
-require('@elliemae/ds-utilities');
-require('uid');
-require('../../../exported-related/RowVariants.js');
-require('../../../exported-related/Filters/singleSelectFilterFn.js');
-require('../../../exported-related/Filters/multiSelectFilterFn.js');
-require('../../../exported-related/Filters/textFilterFn.js');
-require('moment');
-require('../../../exported-related/Filters/numberRangeFilterFn.js');
-require('../../../exported-related/Filters/currencyRangeFilterFn.js');
-require('../../../exported-related/FilterTypes.js');
-require('../ColumnAction/ColumnAction.js');
-require('@elliemae/ds-truncated-tooltip-text');
-require('../../../prop-types.js');
-require('../../../parts/Cells/useCellStyle.js');
-require('../../../exported-related/RowRenderer/useRowRendererProperties.js');
-require('../../../exported-related/RowRenderer/useRowStyle.js');
-require('../../../parts/DropIndicator.js');
-require('../../../configs/zIndexInternalConfig.js');
-require('../../../helpers/addCellData.js');
-require('../../../helpers/dndkit/hierarchy/useHierarchyActionHandlers.js');
-require('../../../helpers/dndkit/hierarchy/useHierarchyAnnouncements.js');
-require('../../../parts/SortByCaret.js');
-require('@elliemae/ds-controlled-form');
-require('@elliemae/ds-form-layout-blocks');
-require('@elliemae/ds-grid/');
-require('@elliemae/ds-form/ComboBox');
-require('../../../helpers/columnsToGrid.js');
-require('../../../parts/Headers/useHeaderCellHandlers.js');
-require('../../../parts/Headers/useHeaderCellConfig.js');
-require('../../../hooks/useRecoverFocusCol.js');
-require('../../../parts/Headers/RequiredDot.js');
-require('../../../parts/SortableHeaderCell.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('../../../parts/HoC/withConditionalDnDSortableContext.js');
-require('../../../parts/Headers/EmptyChildrenGroup.js');
-require('../../../configs/fixedSizes.js');
-require('../../../parts/Loader.js');
 require('@elliemae/ds-system');
+require('@elliemae/ds-button');
+require('../../../DataTableContext.js');
+require('../../../parts/Row.js');
+require('../../../parts/Footer.js');
+var DnDHandle = require('../../../parts/DnDHandle.js');
+var styled = require('../../../styled.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
+var _div;
+const dragHandleColumn = {
+  // Build our singleSelecter column
+  id: 'dragHandleColumn',
+  // Make sure it has an ID
+  // The header doesn't need anything for single selection
+  Header: () => _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {})),
+  Cell: _ref2 => {
+    let {
+      row,
+      isRowSelected,
+      cell,
+      isDragOverlay,
+      draggableProps
+    } = _ref2;
+    useRecoverFocusRow.useRecoverFocusRow(row, cell, isDragOverlay, draggableProps);
+    return /*#__PURE__*/_jsx__default["default"](styled.StyledFocusWithin, {
+      style: {
+        width: '100%',
+        height: '100%'
+      },
+      hideFocus: draggableProps && draggableProps.isDragging
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DnDHandle, {
+      id: row.uid,
+      isReachable: isRowSelected,
+      innerRef: _ref => {
+        if (!isDragOverlay) cell.ref.current = _ref;
+      },
+      isDragOverlay: isDragOverlay
+    }, row.uid));
+  },
+  textWrap: 'wrap-all',
+  width: 24,
+  padding: 4,
+  canResize: false,
+  disableDnD: true,
+  isFocuseable: false
+};
 
-exports.dragHandleColumn = addons_Columns_ColumnExpand_ColumnExpand.dragHandleColumn;
-//# sourceMappingURL=ColumnDragHandle.js.map
+exports.dragHandleColumn = dragHandleColumn;