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

package/esm/redux/reducers/headersReducers/useDispatchHeadersActions.js

@@ -1,30 +1,21 @@
 import { useCallback } from 'react';
 import { useDispatch } from 'react-redux';
 import { patchUpdateOneHeaderAction, patchHeaderFilterButtonAndMenuAction } from './headersReducers.js';
-import '@reduxjs/toolkit';
-import './logic.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import './defaults.js';
 
-var useDispatchHeadersActions = function useDispatchHeadersActions() {
-  var dispatch = useDispatch();
-  var patchHeader = useCallback(function (headerId, newHeader) {
-    return dispatch(patchUpdateOneHeaderAction({
-      headerId: headerId,
-      newHeader: newHeader
-    }));
-  }, [dispatch]);
-  var patchHeaderFilterButtonAndMenu = useCallback(function (headerId, newState) {
-    return dispatch(patchHeaderFilterButtonAndMenuAction({
-      headerId: headerId,
-      newState: newState
-    }));
-  }, [dispatch]);
+const useDispatchHeadersActions = () => {
+  const dispatch = useDispatch();
+  const patchHeader = useCallback((headerId, newHeader) => dispatch(patchUpdateOneHeaderAction({
+    headerId,
+    newHeader
+  })), [dispatch]);
+  const patchHeaderFilterButtonAndMenu = useCallback((headerId, newState) => dispatch(patchHeaderFilterButtonAndMenuAction({
+    headerId,
+    newState
+  })), [dispatch]);
   return {
-    patchHeader: patchHeader,
-    patchHeaderFilterButtonAndMenu: patchHeaderFilterButtonAndMenu
+    patchHeader,
+    patchHeaderFilterButtonAndMenu
   };
 };
 
 export { useDispatchHeadersActions };
-//# sourceMappingURL=useDispatchHeadersActions.js.map

package/esm/redux/reducers/index.js

@@ -3,14 +3,6 @@ import { reducer } from './headersReducers/headersReducers.js';
 export { useDispatchHeadersActions } from './headersReducers/useDispatchHeadersActions.js';
 import { reducer as reducer$1 } from './rowsReducers/rowsReducer.js';
 export { useDispatchRowsActions } from './rowsReducers/useDispatchRowsActions.js';
-import '@reduxjs/toolkit';
-import './headersReducers/logic.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import './headersReducers/defaults.js';
-import 'react';
-import 'react-redux';
-import './rowsReducers/logic.js';
-import './rowsReducers/defaults.js';
 
 var rootReducer = combineReducers({
   headers: reducer,
@@ -18,4 +10,3 @@ var rootReducer = combineReducers({
 });
 
 export { rootReducer as default };
-//# sourceMappingURL=index.js.map

package/esm/redux/reducers/rowsReducers/actions_types.js

@@ -1,10 +1,9 @@
-var ROWS_REDUCER_SET_IS_DRAGGING_TYPE = 'ROWS_REDUCER_SET_IS_DRAGGING';
-var ROWS_REDUCER_SET_IS_KEYBOARD_DRAGGING_TYPE = 'ROWS_REDUCER_SET_IS_KEYBOARD_DRAGGING';
-var ROWS_REDUCER_SET_DRAGGED_ROW_TYPE = 'ROWS_REDUCER_SET_DRAGGED_ROW';
-var ROWS_REDUCER_SET_HOVER_ROW_TYPE = 'ROWS_REDUCER_SET_HOVER_ROW';
-var ROWS_REDUCER_SET_SELECTED_ROW_TYPE = 'ROWS_REDUCER_SET_SELECTED_ROW';
-var ROWS_REDUCER_SET_FOCUSED_ROW_TYPE = 'ROWS_REDUCER_SET_FOCUSED_ROW';
-var ROWS_REDUCER_SET_RELATIVE_MOUSE_CORD_TYPE = 'ROWS_REDUCER_SET_RELATIVE_MOUSE_CORD';
+const ROWS_REDUCER_SET_IS_DRAGGING_TYPE = 'ROWS_REDUCER_SET_IS_DRAGGING';
+const ROWS_REDUCER_SET_IS_KEYBOARD_DRAGGING_TYPE = 'ROWS_REDUCER_SET_IS_KEYBOARD_DRAGGING';
+const ROWS_REDUCER_SET_DRAGGED_ROW_TYPE = 'ROWS_REDUCER_SET_DRAGGED_ROW';
+const ROWS_REDUCER_SET_HOVER_ROW_TYPE = 'ROWS_REDUCER_SET_HOVER_ROW';
+const ROWS_REDUCER_SET_SELECTED_ROW_TYPE = 'ROWS_REDUCER_SET_SELECTED_ROW';
+const ROWS_REDUCER_SET_FOCUSED_ROW_TYPE = 'ROWS_REDUCER_SET_FOCUSED_ROW';
+const ROWS_REDUCER_SET_RELATIVE_MOUSE_CORD_TYPE = 'ROWS_REDUCER_SET_RELATIVE_MOUSE_CORD';
 
 export { ROWS_REDUCER_SET_DRAGGED_ROW_TYPE, ROWS_REDUCER_SET_FOCUSED_ROW_TYPE, ROWS_REDUCER_SET_HOVER_ROW_TYPE, ROWS_REDUCER_SET_IS_DRAGGING_TYPE, ROWS_REDUCER_SET_IS_KEYBOARD_DRAGGING_TYPE, ROWS_REDUCER_SET_RELATIVE_MOUSE_CORD_TYPE, ROWS_REDUCER_SET_SELECTED_ROW_TYPE };
-//# sourceMappingURL=actions_types.js.map

package/esm/redux/reducers/rowsReducers/defaults.js

@@ -1,4 +1,4 @@
-var defaultRelativeRowMouseCoord = {
+const defaultRelativeRowMouseCoord = {
   isBefore: false,
   isAfter: false,
   isValid: true,
@@ -8,7 +8,7 @@ var defaultRelativeRowMouseCoord = {
   relativeElementDOMRect: null,
   relativeElementIndex: null
 };
-var defaultRowsReducerState = {
+const defaultRowsReducerState = {
   isDraggingRow: false,
   isKeyboardDraggingRow: false,
   relativeRowMouseCord: defaultRelativeRowMouseCoord,
@@ -20,4 +20,3 @@ var defaultRowsReducerState = {
 };
 
 export { defaultRelativeRowMouseCoord, defaultRowsReducerState };
-//# sourceMappingURL=defaults.js.map

package/esm/redux/reducers/rowsReducers/index.js

@@ -1,8 +1,2 @@
 export { reducer, rowsSlice, setRowDnDActiveRowIdAction, setRowDraggedRowIdAction, setRowFocusedRowIdAction, setRowHoverRowIdAction, setRowIsKeyboardDraggingAction, setRowRelativeMouseCoordAction, setRowSelectedRowIdAction, setRowsIsDraggingAction } from './rowsReducer.js';
 export { useDispatchRowsActions } from './useDispatchRowsActions.js';
-import '@reduxjs/toolkit';
-import './logic.js';
-import './defaults.js';
-import 'react';
-import 'react-redux';
-//# sourceMappingURL=index.js.map

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

@@ -1,28 +1,27 @@
 /* eslint-disable max-params */
-var setRowsIsDragging = function setRowsIsDragging(payload, state) {
+const setRowsIsDragging = (payload, state) => {
   state.isDraggingRow = payload;
 };
-var setRowIsKeyboardDragging = function setRowIsKeyboardDragging(payload, state) {
+const setRowIsKeyboardDragging = (payload, state) => {
   state.isKeyboardDraggingRow = payload;
 };
-var setRowRelativeMouseCoord = function setRowRelativeMouseCoord(payload, state) {
+const setRowRelativeMouseCoord = (payload, state) => {
   state.relativeRowMouseCord = payload;
 };
-var setRowDraggedRowId = function setRowDraggedRowId(payload, state) {
+const setRowDraggedRowId = (payload, state) => {
   state.draggedRowId = payload;
 };
-var setRowHoverRowId = function setRowHoverRowId(payload, state) {
+const setRowHoverRowId = (payload, state) => {
   state.hoverRowId = payload;
 };
-var setRowSelectedRowId = function setRowSelectedRowId(payload, state) {
+const setRowSelectedRowId = (payload, state) => {
   state.selectedRowId = payload;
 };
-var setRowFocusedRowId = function setRowFocusedRowId(payload, state) {
+const setRowFocusedRowId = (payload, state) => {
   state.focusedRowId = payload;
 };
-var setRowDnDActiveRowId = function setRowDnDActiveRowId(payload, state) {
+const setRowDnDActiveRowId = (payload, state) => {
   state.DnDActiveId = payload;
 };
 
 export { setRowDnDActiveRowId, setRowDraggedRowId, setRowFocusedRowId, setRowHoverRowId, setRowIsKeyboardDragging, setRowRelativeMouseCoord, setRowSelectedRowId, setRowsIsDragging };
-//# sourceMappingURL=logic.js.map

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

@@ -2,46 +2,56 @@ import { createSlice } from '@reduxjs/toolkit';
 import { setRowsIsDragging, setRowIsKeyboardDragging, setRowRelativeMouseCoord, setRowDraggedRowId, setRowHoverRowId, setRowSelectedRowId, setRowFocusedRowId, setRowDnDActiveRowId } from './logic.js';
 import { defaultRowsReducerState } from './defaults.js';
 
-var rowsSlice = createSlice({
+const rowsSlice = createSlice({
   name: 'rows',
   initialState: defaultRowsReducerState,
   reducers: {
-    setRowsIsDraggingAction: function setRowsIsDraggingAction(state, action) {
+    setRowsIsDraggingAction(state, action) {
       setRowsIsDragging(action.payload, state);
     },
-    setRowIsKeyboardDraggingAction: function setRowIsKeyboardDraggingAction(state, action) {
+
+    setRowIsKeyboardDraggingAction(state, action) {
       setRowIsKeyboardDragging(action.payload, state);
     },
-    setRowRelativeMouseCoordAction: function setRowRelativeMouseCoordAction(state, action) {
+
+    setRowRelativeMouseCoordAction(state, action) {
       setRowRelativeMouseCoord(action.payload, state);
     },
-    setRowDraggedRowIdAction: function setRowDraggedRowIdAction(state, action) {
+
+    setRowDraggedRowIdAction(state, action) {
       setRowDraggedRowId(action.payload, state);
     },
-    setRowHoverRowIdAction: function setRowHoverRowIdAction(state, action) {
+
+    setRowHoverRowIdAction(state, action) {
       setRowHoverRowId(action.payload, state);
     },
-    setRowSelectedRowIdAction: function setRowSelectedRowIdAction(state, action) {
+
+    setRowSelectedRowIdAction(state, action) {
       setRowSelectedRowId(action.payload, state);
     },
-    setRowFocusedRowIdAction: function setRowFocusedRowIdAction(state, action) {
+
+    setRowFocusedRowIdAction(state, action) {
       setRowFocusedRowId(action.payload, state);
     },
-    setRowDnDActiveRowIdAction: function setRowDnDActiveRowIdAction(state, action) {
+
+    setRowDnDActiveRowIdAction(state, action) {
       setRowDnDActiveRowId(action.payload, state);
     }
+
   }
 });
-var _rowsSlice$actions = rowsSlice.actions,
-    setRowsIsDraggingAction = _rowsSlice$actions.setRowsIsDraggingAction,
-    setRowIsKeyboardDraggingAction = _rowsSlice$actions.setRowIsKeyboardDraggingAction,
-    setRowDraggedRowIdAction = _rowsSlice$actions.setRowDraggedRowIdAction,
-    setRowHoverRowIdAction = _rowsSlice$actions.setRowHoverRowIdAction,
-    setRowSelectedRowIdAction = _rowsSlice$actions.setRowSelectedRowIdAction,
-    setRowFocusedRowIdAction = _rowsSlice$actions.setRowFocusedRowIdAction,
-    setRowRelativeMouseCoordAction = _rowsSlice$actions.setRowRelativeMouseCoordAction,
-    setRowDnDActiveRowIdAction = _rowsSlice$actions.setRowDnDActiveRowIdAction;
-var reducer = rowsSlice.reducer;
+const {
+  setRowsIsDraggingAction,
+  setRowIsKeyboardDraggingAction,
+  setRowDraggedRowIdAction,
+  setRowHoverRowIdAction,
+  setRowSelectedRowIdAction,
+  setRowFocusedRowIdAction,
+  setRowRelativeMouseCoordAction,
+  setRowDnDActiveRowIdAction
+} = rowsSlice.actions;
+const {
+  reducer
+} = rowsSlice;
 
 export { reducer, rowsSlice, setRowDnDActiveRowIdAction, setRowDraggedRowIdAction, setRowFocusedRowIdAction, setRowHoverRowIdAction, setRowIsKeyboardDraggingAction, setRowRelativeMouseCoordAction, setRowSelectedRowIdAction, setRowsIsDraggingAction };
-//# sourceMappingURL=rowsReducer.js.map

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

@@ -2,50 +2,29 @@ import { useCallback } from 'react';
 import { useDispatch } from 'react-redux';
 import { setRowHoverRowIdAction, setRowDnDActiveRowIdAction, setRowSelectedRowIdAction, setRowFocusedRowIdAction, setRowsIsDraggingAction, setRowIsKeyboardDraggingAction, setRowRelativeMouseCoordAction, setRowDraggedRowIdAction } from './rowsReducer.js';
 import { defaultRelativeRowMouseCoord } from './defaults.js';
-import '@reduxjs/toolkit';
-import './logic.js';
 
-var useDispatchRowsActions = function useDispatchRowsActions() {
-  var dispatch = useDispatch();
-  var setHoverRowId = useCallback(function (newHoverRowId) {
-    return dispatch(setRowHoverRowIdAction(newHoverRowId));
-  }, [dispatch]);
-  var setDnDActiveRowId = useCallback(function (newDnDActiveRowId) {
-    return dispatch(setRowDnDActiveRowIdAction(newDnDActiveRowId));
-  }, [dispatch]);
-  var setSelectedRowId = useCallback(function (newSelectedRowId) {
-    return dispatch(setRowSelectedRowIdAction(newSelectedRowId));
-  }, [dispatch]);
-  var setFocusedRowId = useCallback(function (newFocusedRowId) {
-    return dispatch(setRowFocusedRowIdAction(newFocusedRowId));
-  }, [dispatch]);
-  var setIsDraggingRow = useCallback(function (newIsDraggingRow) {
-    return dispatch(setRowsIsDraggingAction(newIsDraggingRow));
-  }, [dispatch]);
-  var setIsKeyboardDraggingRow = useCallback(function (newIsKeyboardDraggingRow) {
-    return dispatch(setRowIsKeyboardDraggingAction(newIsKeyboardDraggingRow));
-  }, [dispatch]);
-  var setRelativeRowMouseCord = useCallback(function (newRelativeRowMouseCord) {
-    return dispatch(setRowRelativeMouseCoordAction(newRelativeRowMouseCord));
-  }, [dispatch]);
-  var resetRelativeRowMouseCord = useCallback(function () {
-    return dispatch(setRowRelativeMouseCoordAction(defaultRelativeRowMouseCoord));
-  }, [dispatch]);
-  var setDraggedRowId = useCallback(function (newDraggedRowId) {
-    return dispatch(setRowDraggedRowIdAction(newDraggedRowId));
-  }, [dispatch]);
+const useDispatchRowsActions = () => {
+  const dispatch = useDispatch();
+  const setHoverRowId = useCallback(newHoverRowId => dispatch(setRowHoverRowIdAction(newHoverRowId)), [dispatch]);
+  const setDnDActiveRowId = useCallback(newDnDActiveRowId => dispatch(setRowDnDActiveRowIdAction(newDnDActiveRowId)), [dispatch]);
+  const setSelectedRowId = useCallback(newSelectedRowId => dispatch(setRowSelectedRowIdAction(newSelectedRowId)), [dispatch]);
+  const setFocusedRowId = useCallback(newFocusedRowId => dispatch(setRowFocusedRowIdAction(newFocusedRowId)), [dispatch]);
+  const setIsDraggingRow = useCallback(newIsDraggingRow => dispatch(setRowsIsDraggingAction(newIsDraggingRow)), [dispatch]);
+  const setIsKeyboardDraggingRow = useCallback(newIsKeyboardDraggingRow => dispatch(setRowIsKeyboardDraggingAction(newIsKeyboardDraggingRow)), [dispatch]);
+  const setRelativeRowMouseCord = useCallback(newRelativeRowMouseCord => dispatch(setRowRelativeMouseCoordAction(newRelativeRowMouseCord)), [dispatch]);
+  const resetRelativeRowMouseCord = useCallback(() => dispatch(setRowRelativeMouseCoordAction(defaultRelativeRowMouseCoord)), [dispatch]);
+  const setDraggedRowId = useCallback(newDraggedRowId => dispatch(setRowDraggedRowIdAction(newDraggedRowId)), [dispatch]);
   return {
-    setHoverRowId: setHoverRowId,
-    setDnDActiveRowId: setDnDActiveRowId,
-    setSelectedRowId: setSelectedRowId,
-    setFocusedRowId: setFocusedRowId,
-    setIsDraggingRow: setIsDraggingRow,
-    setIsKeyboardDraggingRow: setIsKeyboardDraggingRow,
-    setRelativeRowMouseCord: setRelativeRowMouseCord,
-    resetRelativeRowMouseCord: resetRelativeRowMouseCord,
-    setDraggedRowId: setDraggedRowId
+    setHoverRowId,
+    setDnDActiveRowId,
+    setSelectedRowId,
+    setFocusedRowId,
+    setIsDraggingRow,
+    setIsKeyboardDraggingRow,
+    setRelativeRowMouseCord,
+    resetRelativeRowMouseCord,
+    setDraggedRowId
   };
 };
 
 export { useDispatchRowsActions };
-//# sourceMappingURL=useDispatchRowsActions.js.map

package/esm/redux/storeConfig.js

@@ -1,21 +1,7 @@
 import rootReducer from './reducers/index.js';
-import 'redux';
-import './reducers/headersReducers/headersReducers.js';
-import '@reduxjs/toolkit';
-import './reducers/headersReducers/logic.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import './reducers/headersReducers/defaults.js';
-import './reducers/headersReducers/useDispatchHeadersActions.js';
-import 'react';
-import 'react-redux';
-import './reducers/rowsReducers/rowsReducer.js';
-import './reducers/rowsReducers/logic.js';
-import './reducers/rowsReducers/defaults.js';
-import './reducers/rowsReducers/useDispatchRowsActions.js';
 
-var storeConfig = {
+const storeConfig = {
   reducer: rootReducer
 };
 
 export { storeConfig };
-//# sourceMappingURL=storeConfig.js.map

package/esm/styled.js

@@ -1,93 +1,208 @@
-import 'styled-components';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-icons';
-import './helpers/sizeToCss.js';
-import './configs/constants.js';
-import './helpers/cellPadding.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import styled from 'styled-components';
+import Grid from '@elliemae/ds-grid';
+import { EditPencil } from '@elliemae/ds-icons';
+import { sizeToCss } from './helpers/sizeToCss.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import { ColsLayoutStyle } from './configs/constants.js';
+import { columnPadding, cellPadding } from './helpers/cellPadding.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import 'react';
-import '@babel/runtime/helpers/esm/slicedToArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
 import 'react-virtual';
 import './configs/useRowFlattenization.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
 import '@babel/runtime/helpers/esm/defineProperty';
-export { ad as GroupHeaderContainer, ae as GroupHeaderTitle, a7 as StyledActionCell, a8 as StyledCell, af as StyledCellContainer, a9 as StyledCellContent, _ as StyledDataTableWrapper, ab as StyledEditableContainer, Z as StyledFocusWithin, ac as StyledFullsizeGrid, a4 as StyledHeadTh, a3 as StyledHeadTr, a2 as StyledHeadWrapper, a5 as StyledHeaderRightIconsWrapper, aa as StyledPencilIcon, a6 as StyledResizer, a0 as StyledTableContentWrapper, $ as StyledTableWrapper, a1 as StyledVirtualListWrapper } from './styled-f76a0cd1.js';
+import '@babel/runtime/helpers/esm/jsx';
+import 'react/jsx-runtime';
 import '@elliemae/ds-form';
+import './parts/TableContent.js';
 import '@elliemae/ds-circular-progress-indicator';
-import './parts/EmptyContent.js';
+import '@elliemae/ds-system';
+import '@elliemae/ds-button';
+import './DataTableContext.js';
+import './parts/Row.js';
 import './parts/Footer.js';
-import '@babel/runtime/helpers/esm/extends';
 import './parts/HoC/SortableItemContext.js';
-import './configs/zIndexInternalConfig.js';
-import './helpers/getIdFromUniqueRowAccessor.js';
-import 'react-redux';
-import './DataTableContext.js';
-import './addons/Pagination/Pagination.js';
-import '@elliemae/ds-pagination';
-import '@elliemae/ds-indeterminate-progress-indicator';
-import 'prop-types';
-import './helpers/refs-helpers.js';
-import './parts/HoC/withDnDSortableRowContext.js';
-import '@dnd-kit/sortable';
-import './parts/HoC/withConditionalDnDRowContext.js';
-import '@dnd-kit/core';
-import './helpers/dndkit/tree/useTreeDndkitConfig.js';
-import './helpers/dndkit/tree/useTreePreviewHandlers.js';
-import './helpers/dndkit/tree/getTreeKeyboardCoordinates.js';
-import './helpers/dndkit/utilities.js';
-import './helpers/dndkit/tree/useTreeActionHandlers.js';
-import 'lodash';
-import './helpers/dndkit/tree/customCollisionDetection.js';
-import './helpers/dndkit/tree/useTreeAnnouncements.js';
-import './parts/HoC/DragOverlayContext.js';
-import '@elliemae/ds-button';
-import '@elliemae/ds-popperjs';
-import './redux/reducers/index.js';
-import 'redux';
-import './redux/reducers/headersReducers/headersReducers.js';
-import '@reduxjs/toolkit';
-import './redux/reducers/headersReducers/logic.js';
-import './redux/reducers/headersReducers/defaults.js';
-import './redux/reducers/headersReducers/useDispatchHeadersActions.js';
-import './redux/reducers/rowsReducers/rowsReducer.js';
-import './redux/reducers/rowsReducers/logic.js';
-import './redux/reducers/rowsReducers/defaults.js';
-import './redux/reducers/rowsReducers/useDispatchRowsActions.js';
-import '@elliemae/ds-utilities';
-import 'uid';
-import './exported-related/RowVariants.js';
-import './exported-related/Filters/singleSelectFilterFn.js';
-import './exported-related/Filters/multiSelectFilterFn.js';
-import './exported-related/Filters/textFilterFn.js';
-import 'moment';
-import './exported-related/Filters/numberRangeFilterFn.js';
-import './exported-related/Filters/currencyRangeFilterFn.js';
-import './exported-related/FilterTypes.js';
-import './addons/Columns/ColumnAction/ColumnAction.js';
-import './hooks/useRecoverFocusRow.js';
-import '@elliemae/ds-truncated-tooltip-text';
-import './prop-types.js';
-import './parts/Cells/useCellStyle.js';
-import './exported-related/RowRenderer/useRowRendererProperties.js';
-import './exported-related/RowRenderer/useRowStyle.js';
-import './parts/DropIndicator.js';
-import './helpers/addCellData.js';
-import './helpers/dndkit/hierarchy/useHierarchyActionHandlers.js';
-import './helpers/dndkit/hierarchy/useHierarchyAnnouncements.js';
-import './parts/SortByCaret.js';
-import '@elliemae/ds-controlled-form';
-import '@elliemae/ds-form-layout-blocks';
-import '@elliemae/ds-grid/';
-import '@elliemae/ds-form/ComboBox';
-import './helpers/columnsToGrid.js';
-import './parts/Headers/useHeaderCellHandlers.js';
-import './parts/Headers/useHeaderCellConfig.js';
-import './hooks/useRecoverFocusCol.js';
-import './parts/Headers/RequiredDot.js';
-import './parts/SortableHeaderCell.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import './parts/HoC/withConditionalDnDSortableContext.js';
-import './parts/Headers/EmptyChildrenGroup.js';
-import './configs/fixedSizes.js';
-import './parts/Loader.js';
-import '@elliemae/ds-system';
-//# sourceMappingURL=styled.js.map
+import { ZIndexDataTable } from './configs/zIndexInternalConfig.js';
+
+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(ZIndexDataTable.FOCUS_BORDER, ";\n}");
+};
+
+const StyledFocusWithin = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-38sgfo-0"
+})([":focus-within{", "}"], props => props.hideFocus ? '' : styledFocusCss(props));
+const StyledDataTableWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-38sgfo-1"
+})(["width:", ";height:", ";user-select:", ";"], props => {
+  var _props$width;
+
+  return sizeToCss((_props$width = props.width) !== null && _props$width !== void 0 ? _props$width : ' 100%');
+}, props => {
+  var _props$height;
+
+  return 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.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(width), ";\n  height: ").concat(sizeToCss(height), ";\n  ");
+});
+const StyledTableContentWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-38sgfo-3"
+})(["position:relative;", ""], _ref4 => {
+  let {
+    height = 'auto'
+  } = _ref4;
+  return "\n  height: ".concat(sizeToCss(height), ";\n  ");
+});
+const StyledVirtualListWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-38sgfo-4"
+})(["overflow:auto;", ""], _ref5 => {
+  let {
+    height = 'auto',
+    width = '100%'
+  } = _ref5;
+  return "\n  height: ".concat(sizeToCss(height), ";\n  width: ").concat(sizeToCss(width), ";\n  ");
+});
+/**
+ * HEADER
+ */
+
+const getGridTemplateColumnsStyle = _ref6 => {
+  let {
+    cols,
+    colsLayoutStyle = 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.div.withConfig({
+  componentId: "sc-38sgfo-5"
+})(["position:relative;position:sticky;top:0;z-index:4;background:white;width:", ";"], props => props.colsLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : '100%');
+const StyledHeadTr = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-38sgfo-6"
+})(["", ";", ";"], props => props.colsLayoutStyle === 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.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:", ";}}", ""], columnPadding, ZIndexDataTable.HEADER_ROW, props => props.theme.colors.neutral['080'], getStyledHeadTHBorderColor, props => props.theme.colors.brand[700], 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.div.withConfig({
+  componentId: "sc-38sgfo-8"
+})(["height:100%;display:flex;align-items:center;max-height:24px;"]);
+const StyledResizer = /*#__PURE__*/styled.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.div.withConfig({
+  componentId: "sc-38sgfo-10"
+})(["position:relative;position:sticky;display:inline-block;right:0;background:white;"]);
+const StyledCell = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-38sgfo-11"
+})(["", " display:flex;align-items:center;width:100%;position:relative;"], cellPadding);
+const StyledCellContent = /*#__PURE__*/styled.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(EditPencil).withConfig({
+  componentId: "sc-38sgfo-13"
+})([""]);
+const StyledEditableContainer = /*#__PURE__*/styled(Grid).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(Grid).withConfig({
+  componentId: "sc-38sgfo-15"
+})(["position:relative;z-index:", ";min-height:", ";height:", ";"], ZIndexDataTable.ROW, props => props.minHeight || '36px', props => props.height || 'auto');
+const GroupHeaderContainer = /*#__PURE__*/styled(Grid).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.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(Grid).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 === ColsLayoutStyle.Fixed ? 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');
+
+export { GroupHeaderContainer, GroupHeaderTitle, StyledActionCell, StyledCell, StyledCellContainer, StyledCellContent, StyledDataTableWrapper, StyledEditableContainer, StyledFocusWithin, StyledFullsizeGrid, StyledHeadTh, StyledHeadTr, StyledHeadWrapper, StyledHeaderRightIconsWrapper, StyledPencilIcon, StyledResizer, StyledTableContentWrapper, StyledTableWrapper, StyledVirtualListWrapper };

package/esm/types/FunctionalHoC.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=FunctionalHoC.js.map

package/esm/types/props.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=props.js.map