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

package/cjs/helpers/getIdFromUniqueRowAccessor.js

@@ -1,28 +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');
-
-const getIdFromUniqueRowAccessor = (uniqueRowAccessor, row) => {
-  if (uniqueRowAccessor === undefined) {
-    // user did not defined an unique row accesor, use the one generated by react-table
-    return row.id.toString();
-  }
-
-  if (typeof uniqueRowAccessor === 'string') {
-    // user specified a field as an unique row accessor
-    return row.original[uniqueRowAccessor].toString();
-  }
-
-  if (Array.isArray(uniqueRowAccessor)) {
-    // user specified combination of fields as unique row accessor
-    return uniqueRowAccessor.map(key => row.original[key].toString()).join('__');
-  } // let the user decide on their end what to do
-
-
-  return uniqueRowAccessor(row.original);
-};
-
-exports.getIdFromUniqueRowAccessor = getIdFromUniqueRowAccessor;

package/cjs/helpers/index.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var sizeToCss = require('./sizeToCss.js');
-var columnsToGrid = require('./columnsToGrid.js');
-var cellPadding = require('./cellPadding.js');
-var refsHelpers = require('./refs-helpers.js');
-var getIdFromUniqueRowAccessor = require('./getIdFromUniqueRowAccessor.js');
-var addCellData = require('./addCellData.js');
-
-
-
-exports.sizeToCss = sizeToCss.sizeToCss;
-exports.columnsToGrid = columnsToGrid.columnsToGrid;
-exports.cellPadding = cellPadding.cellPadding;
-exports.columnPadding = cellPadding.columnPadding;
-exports.setMultipleRefs = refsHelpers.setMultipleRefs;
-exports.getIdFromUniqueRowAccessor = getIdFromUniqueRowAccessor.getIdFromUniqueRowAccessor;
-exports.addCellData = addCellData.addCellData;

package/cjs/helpers/refs-helpers.js

@@ -1,31 +0,0 @@
-'use strict';
-
-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');
-
-// allow multiple refs to be set to point to the same DOM element
-const setMultipleRefs = function () {
-  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
-    refs[_key] = arguments[_key];
-  }
-
-  const filteredRefs = refs.filter(Boolean);
-  if (!filteredRefs.length) return () => null;
-  if (filteredRefs.length === 0) return () => null;
-  return newRef => {
-    filteredRefs.forEach(refToBeUpdated => {
-      if (typeof refToBeUpdated === 'function') {
-        refToBeUpdated(newRef);
-      } else if (refToBeUpdated) {
-        refToBeUpdated.current = newRef;
-      }
-    });
-  };
-};
-
-exports.setMultipleRefs = setMultipleRefs;

package/cjs/helpers/sizeToCss.js

@@ -1,7 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const sizeToCss = size => typeof size === 'number' && !Number.isNaN(size) ? "".concat(size, "px") : size;
-
-exports.sizeToCss = sizeToCss;

package/cjs/hooks/useRecoverFocusCol.js

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-
-// so we just keep track of it and focus it if necessary
-
-const useRecoverFocusCol = (condition, ref) => {
-  const [prevCondition, setPrevCondition] = React.useState(condition);
-  React.useEffect(() => {
-    if (prevCondition && !condition) {
-      var _ref$current;
-
-      if (ref.current) (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focus();else setTimeout(() => {
-        var _ref$current2;
-
-        return (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.focus();
-      });
-    }
-
-    setPrevCondition(condition);
-  }, [condition, prevCondition, ref]);
-};
-
-exports.useRecoverFocusCol = useRecoverFocusCol;

package/cjs/hooks/useRecoverFocusRow.js

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-/* eslint-disable max-params */
-// So we keep track of the last active id, and re-focus it
-
-const useRecoverFocusRow = (row, cell, isDragOverlay, draggableProps) => {
-  const isDragging = draggableProps && draggableProps.isDragging;
-  const lastActiveId = draggableProps && draggableProps.lastActiveId;
-  const setLastActiveId = draggableProps && draggableProps.setLastActiveId;
-  const timeoutRef = React.useRef(null);
-  React.useEffect(() => {
-    if (!isDragging && !isDragOverlay && lastActiveId === row.uid) {
-      timeoutRef.current = setTimeout(() => {
-        cell.ref.current.focus();
-        setLastActiveId(null);
-      });
-    }
-
-    return () => {
-      clearTimeout(timeoutRef.current);
-    };
-  }, [isDragging, isDragOverlay, lastActiveId, row.uid, setLastActiveId, cell.ref]);
-};
-
-exports.useRecoverFocusRow = useRecoverFocusRow;

package/cjs/index.js

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

package/cjs/parts/Cells/Cell.js

@@ -1,128 +0,0 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var Grid = require('@elliemae/ds-grid');
-var styled = require('../../styled.js');
-var index = require('../../addons/Editables/index.js');
-var DataTableContext = require('../../DataTableContext.js');
-var SortableItemContext = require('../HoC/SortableItemContext.js');
-var ColumnExpand = require('../../addons/Columns/ColumnExpand/ColumnExpand.js');
-require('@elliemae/ds-form');
-var constants = require('../../configs/constants.js');
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('react-virtual');
-require('../../configs/useRowFlattenization.js');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('styled-components');
-require('../TableContent.js');
-require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-system');
-require('@elliemae/ds-button');
-require('../Row.js');
-require('../Footer.js');
-var useCellStyle = require('./useCellStyle.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const PureStandardCell = /*#__PURE__*/React.memo(_ref => {
-  let {
-    cellStyle,
-    children,
-    column
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](styled.StyledCell, {
-    column: column,
-    style: cellStyle,
-    role: "cell",
-    "data-testid": constants.DATA_TESTID.DATA_TABLE_CELL
-  }, void 0, children);
-});
-
-const Cell = _ref2 => {
-  var _SimpleTruncatedToolt;
-
-  let {
-    cell,
-    column,
-    row,
-    isRowSelected,
-    shouldAddExpandCell,
-    isDragOverlay
-  } = _ref2;
-  const ctx = React.useContext(DataTableContext["default"]);
-  const {
-    tableProps: {
-      cellRendererProps
-    }
-  } = ctx;
-  const {
-    draggableProps
-  } = React.useContext(SortableItemContext.SortableItemContext);
-  const [appliedTextWrap, cellStyle] = useCellStyle.useCellStyle(column, shouldAddExpandCell);
-  const cellProps = React.useMemo(() => _objectSpread(_objectSpread({}, cellRendererProps), {}, {
-    cell,
-    row,
-    isRowSelected,
-    ctx,
-    draggableProps,
-    isDragOverlay,
-    role: 'cell',
-    cellStyle,
-    column
-  }), [cellRendererProps, cell, row, isRowSelected, ctx, draggableProps, isDragOverlay, cellStyle, column]);
-  const CellComponent = cell.render;
-  const pureCellContent = React.useMemo(() => {
-    if (shouldAddExpandCell) {
-      return /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
-        cols: ['min-content', 'auto'],
-        alignItems: "center",
-        height: "100%"
-      }, void 0, shouldAddExpandCell && /*#__PURE__*/jsxRuntime.jsx(ColumnExpand.expandRowColumn.Cell, _objectSpread({}, cellProps)), /*#__PURE__*/jsxRuntime.jsx(CellComponent, _objectSpread({}, cellProps)));
-    }
-
-    return /*#__PURE__*/jsxRuntime.jsx(CellComponent, _objectSpread({}, cellProps));
-  }, [CellComponent, cellProps, shouldAddExpandCell]);
-  const DefaultCellContentJSX = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](styled.StyledCellContent, {}, void 0, appliedTextWrap === 'truncate' ? _SimpleTruncatedToolt || (_SimpleTruncatedToolt = /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
-    value: pureCellContent
-  })) : pureCellContent), [appliedTextWrap, pureCellContent]);
-  const EditableContentJSX = React.useMemo(() => {
-    if (typeof column.editable === 'string') {
-      const {
-        EditableComponent
-      } = index.outOfTheBoxEditables === null || index.outOfTheBoxEditables === void 0 ? void 0 : index.outOfTheBoxEditables[column.editable];
-      if (EditableComponent) return /*#__PURE__*/jsxRuntime.jsx(EditableComponent, _objectSpread(_objectSpread({}, cellProps), {}, {
-        DefaultCellRender: DefaultCellContentJSX
-      }));
-    }
-
-    if (typeof column.editable === 'function') return column.editable(_objectSpread({
-      DefaultCellRender: DefaultCellContentJSX
-    }, cellProps));
-    return null;
-  }, [DefaultCellContentJSX, cellProps, column]);
-  return /*#__PURE__*/jsxRuntime.jsx(PureStandardCell, _objectSpread(_objectSpread({}, cellProps), {}, {
-    children: column.editable ? EditableContentJSX : DefaultCellContentJSX
-  }));
-};
-
-module.exports = Cell;

package/cjs/parts/Cells/index.js

@@ -1,82 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-var React = require('react');
-var index = require('../../addons/Columns/index.js');
-var styled = require('../../styled.js');
-var Cell = require('./Cell.js');
-var DataTableContext = require('../../DataTableContext.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const Cells = props => {
-  const {
-    row,
-    isRowSelected,
-    isDragOverlay
-  } = props;
-  const ctx = React.useContext(DataTableContext["default"]); // we won't print sub-rows more nested than the first level
-
-  if (row.depth <= 1) {
-    let shouldAddExpandCell = false;
-    let userCellsProcessed = 0;
-    return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-      children: row.cells.map(cell => {
-        var _ActionComponent;
-
-        const {
-          column
-        } = cell;
-        const isUserCell = !index.INTERNAL_COLUMNS.includes(column.id);
-        let jsx = null;
-
-        if (column.id === 'rowActions') {
-          const ActionComponent = cell.render;
-          jsx = /*#__PURE__*/_jsx__default["default"](styled.StyledActionCell, {
-            role: "cell"
-          }, cell.id, _ActionComponent || (_ActionComponent = /*#__PURE__*/_jsx__default["default"](ActionComponent, {
-            row: row,
-            cell: cell,
-            column: column,
-            isRowSelected: isRowSelected,
-            ctx: ctx
-          })));
-        } else if (column.id === 'expander') {
-          // Next user's cell will have the expand cell
-          shouldAddExpandCell = !isDragOverlay; // Don't add it on drag overlay
-        } else {
-          jsx = /*#__PURE__*/_jsx__default["default"](Cell, {
-            cell: cell,
-            column: column,
-            row: row,
-            isRowSelected: isRowSelected,
-            shouldAddExpandCell: isUserCell && shouldAddExpandCell,
-            isDragOverlay: isDragOverlay
-          }, cell.id);
-        } // Drag overlay only need to print the DnD handle and the first user's cell
-
-
-        if (isDragOverlay) {
-          if (column.id !== 'dragHandleColumn' && (!isUserCell || userCellsProcessed !== 0)) jsx = null;
-        } // Reset expand cell
-
-
-        if (isUserCell) {
-          shouldAddExpandCell = false;
-          userCellsProcessed += 1;
-        }
-
-        return jsx;
-      })
-    });
-  }
-
-  return null;
-};
-
-module.exports = Cells;

package/cjs/parts/Cells/useCellStyle.js

@@ -1,43 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var DataTableContext = require('../../DataTableContext.js');
-
-const useCellStyle = (column, shouldAddExpandCell) => {
-  const {
-    tableProps: {
-      textWrap
-    }
-  } = React.useContext(DataTableContext["default"]);
-  const appliedTextWrap = column.textWrap || textWrap;
-  const cellStyle = React.useMemo(() => {
-    const newStyle = {};
-
-    switch (appliedTextWrap) {
-      case 'wrap-all':
-        newStyle.wordBreak = 'break-all';
-        break;
-
-      case 'truncate':
-        newStyle.whiteSpace = 'nowrap';
-        break;
-
-      default:
-      case 'wrap':
-        newStyle.whiteSpace = 'normal';
-        break;
-    }
-
-    if (shouldAddExpandCell) {
-      newStyle.gridColumn = "span 2";
-      newStyle.padding = "0 16px 0 2px";
-    }
-
-    return newStyle;
-  }, [appliedTextWrap, shouldAddExpandCell]);
-  return [appliedTextWrap, cellStyle];
-};
-
-exports.useCellStyle = useCellStyle;

package/cjs/parts/DnDHandle.js

@@ -1,81 +0,0 @@
-'use strict';
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
-var dsIcons = require('@elliemae/ds-icons');
-var styled = require('styled-components');
-var SortableItemContext = require('./HoC/SortableItemContext.js');
-var constants = require('../configs/constants.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('react-virtual');
-require('../configs/useRowFlattenization.js');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('../styled.js');
-require('react/jsx-runtime');
-require('@elliemae/ds-form');
-require('./TableContent.js');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-system');
-require('@elliemae/ds-button');
-require('../DataTableContext.js');
-require('./Row.js');
-require('./Footer.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const StyledGripperButton = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-fj20bf-0"
-})(["cursor:", ";outline:none;display:flex;align-items:center;touch-action:none;"], _ref => {
-  let {
-    isActive,
-    isDragOverlay
-  } = _ref;
-  return isActive || isDragOverlay ? 'grabbing' : 'grab';
-});
-
-const DragHandle = _ref2 => {
-  let {
-    id,
-    isReachable,
-    isDragOverlay,
-    innerRef
-  } = _ref2;
-  const {
-    draggableProps
-  } = React.useContext(SortableItemContext.SortableItemContext);
-  const isActive = draggableProps && !!draggableProps.active;
-  const isDragging = draggableProps && draggableProps.isDragging;
-  return /*#__PURE__*/React.createElement(StyledGripperButton, _objectSpread(_objectSpread({
-    role: "button"
-  }, draggableProps && _objectSpread(_objectSpread({}, draggableProps.listeners), draggableProps.attributes)), {}, {
-    isActive: isActive,
-    isDragOverlay: isDragOverlay,
-    ref: innerRef,
-    tabIndex: isReachable ? 0 : -1,
-    "data-testid": constants.DATA_TESTID.DATA_TABLE_DRAG_HANDLE,
-    id: "".concat(id, "-drag-handle"),
-    key: "".concat(id, "-drag-handle")
-  }), /*#__PURE__*/_jsx__default["default"](dsIcons.GripperVertical, {
-    size: "s",
-    color: isDragging ? ['neutral', '500'] : ['brand-primary', '800']
-  }));
-};
-
-module.exports = DragHandle;

package/cjs/parts/DropIndicator.js

@@ -1,81 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var styled = require('styled-components');
-var zIndexInternalConfig = require('../configs/zIndexInternalConfig.js');
-var SortableItemContext = require('./HoC/SortableItemContext.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var _circle;
-
-const getPositionStyles = _ref => {
-  let {
-    dropIndicatorPosition,
-    vertical
-  } = _ref;
-
-  if (vertical) {
-    return "\n      left: ".concat(dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.Before ? '0' : 'unset', ";\n      right: ").concat(dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.After ? '0' : 'unset', ";\n    ");
-  }
-
-  return "\n      top: ".concat(dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.Before ? '0' : 'unset', ";\n      bottom: ").concat(dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.After ? '0' : 'unset', ";\n    ");
-};
-
-const getCircleStyles = _ref2 => {
-  let {
-    dropIndicatorPosition,
-    vertical
-  } = _ref2;
-  return {
-    position: 'absolute',
-    zIndex: zIndexInternalConfig.ZIndexDataTable.DROP_INDICATOR,
-    top: vertical || dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.After ? 'unset' : '-2px',
-    bottom: vertical || dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.Before ? 'unset' : '-2px',
-    left: !vertical || dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.After ? 'unset' : '-2px',
-    right: !vertical || dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.Before ? 'unset' : '-2px',
-    opacity: 1
-  };
-};
-
-const StyledIndicator = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1aa87sx-0"
-})(["position:absolute;", " box-sizing:border-box;width:", ";height:", ";background-color:", ";z-index:", ";"], getPositionStyles, props => props.vertical ? '2px' : '100%', props => props.vertical ? '100%' : '2px', props => props.theme.colors.brand[600], zIndexInternalConfig.ZIndexDataTable.DROP_INDICATOR);
-
-const CircleIndicator = style => /*#__PURE__*/_jsx__default["default"]("svg", {
-  height: "6",
-  width: "6",
-  style: style
-}, void 0, _circle || (_circle = /*#__PURE__*/_jsx__default["default"]("circle", {
-  cx: "3",
-  cy: "3",
-  r: "3",
-  strokeWidth: "0",
-  fill: "#1E79C2"
-})));
-
-const DropIndicator = _ref3 => {
-  let {
-    vertical,
-    dropIndicatorPosition,
-    isLast
-  } = _ref3;
-  if (![SortableItemContext.DropIndicatorPosition.After, SortableItemContext.DropIndicatorPosition.Before].includes(dropIndicatorPosition)) return null;
-  const safeDropIndicatorPosition = isLast ? SortableItemContext.DropIndicatorPosition.Before : dropIndicatorPosition;
-  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [CircleIndicator(getCircleStyles({
-      vertical,
-      dropIndicatorPosition: safeDropIndicatorPosition
-    })), /*#__PURE__*/_jsx__default["default"](StyledIndicator, {
-      vertical: vertical,
-      dropIndicatorPosition: safeDropIndicatorPosition
-    })]
-  });
-};
-
-module.exports = DropIndicator;