@elliemae/ds-data-table 2.3.0-alpha.6 → 2.3.0-next.0

package/dist/esm/helpers/addCellData.js

@@ -1,27 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-const BasicCell = React2.memo(({ cell }) => cell.value);
-const getCellValue = (row, accessor) => row.original[accessor] ?? null;
-const addColumnData = (datum, column) => {
-  datum.cells.push({
-    column,
-    value: getCellValue(datum, column.accessor),
-    render: column.Cell || BasicCell,
-    row: datum,
-    ref: React2.createRef(),
-    id: `${datum.uid}__${column.id}`
-  });
-};
-const addCellData = (datum, columns) => {
-  datum.cells = [];
-  columns.forEach((column) => {
-    if (column.columns)
-      column.columns.forEach((col) => addColumnData(datum, col));
-    else
-      addColumnData(datum, column);
-  });
-};
-export {
-  addCellData
-};
-//# sourceMappingURL=addCellData.js.map

package/dist/esm/helpers/addCellData.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/helpers/addCellData.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { TypescriptColumn, TypescriptRow } from '../types/props';\n\nconst BasicCell = React.memo<{ cell: any }>(({ cell }) => cell.value);\n\nconst getCellValue = (row: TypescriptRow, accessor: string) => row.original[accessor] ?? null;\n\nconst addColumnData = (datum: TypescriptRow, column: TypescriptColumn) => {\n  datum.cells.push({\n    column,\n    value: getCellValue(datum, column.accessor),\n    render: column.Cell || BasicCell,\n    row: datum,\n    ref: React.createRef(),\n    id: `${datum.uid}__${column.id}`,\n  });\n};\n\nexport const addCellData = (datum: TypescriptRow, columns: TypescriptColumn[]): void => {\n  datum.cells = [];\n  columns.forEach((column) => {\n    if (column.columns) column.columns.forEach((col) => addColumnData(datum, col));\n    else addColumnData(datum, column);\n  });\n};\n"],
-  "mappings": "AAAA;ACCA;AAGA,MAAM,YAAY,OAAM,KAAoB,CAAC,EAAE,WAAW,KAAK;AAE/D,MAAM,eAAe,CAAC,KAAoB,aAAqB,IAAI,SAAS,aAAa;AAEzF,MAAM,gBAAgB,CAAC,OAAsB,WAA6B;AACxE,QAAM,MAAM,KAAK;AAAA,IACf;AAAA,IACA,OAAO,aAAa,OAAO,OAAO;AAAA,IAClC,QAAQ,OAAO,QAAQ;AAAA,IACvB,KAAK;AAAA,IACL,KAAK,OAAM;AAAA,IACX,IAAI,GAAG,MAAM,QAAQ,OAAO;AAAA;AAAA;AAIzB,MAAM,cAAc,CAAC,OAAsB,YAAsC;AACtF,QAAM,QAAQ;AACd,UAAQ,QAAQ,CAAC,WAAW;AAC1B,QAAI,OAAO;AAAS,aAAO,QAAQ,QAAQ,CAAC,QAAQ,cAAc,OAAO;AAAA;AACpE,oBAAc,OAAO;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/helpers/cellPadding.js

@@ -1,17 +0,0 @@
-import * as React from "react";
-import { sizeToCss } from "./sizeToCss";
-const cellPadding = ({ theme, column }) => `padding: 0 ${sizeToCss(column.padding) ?? theme.space.xxs};`;
-const columnPadding = ({
-  theme,
-  column,
-  shouldShowDnD
-}) => {
-  if (column.padding !== void 0)
-    return `padding: 0 ${sizeToCss(column.padding)};`;
-  return `padding: 0 ${theme.space.xxxs} 0 ${shouldShowDnD ? "2px" : theme.space.xxs};`;
-};
-export {
-  cellPadding,
-  columnPadding
-};
-//# sourceMappingURL=cellPadding.js.map

package/dist/esm/helpers/cellPadding.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/helpers/cellPadding.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { sizeToCss } from './sizeToCss';\n\nexport const cellPadding = ({ theme, column }: { theme: any; column: any }): string =>\n  `padding: 0 ${sizeToCss(column.padding) ?? theme.space.xxs};`;\n\nexport const columnPadding = ({\n  theme,\n  column,\n  shouldShowDnD,\n}: {\n  theme: any;\n  column: any;\n  shouldShowDnD: boolean;\n}): string => {\n  // Internal columns\n  if (column.padding !== undefined) return `padding: 0 ${sizeToCss(column.padding)};`;\n\n  // Default user columns\n  return `padding: 0 ${theme.space.xxxs} 0 ${shouldShowDnD ? '2px' : theme.space.xxs};`;\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,cAAc,CAAC,EAAE,OAAO,aACnC,cAAc,UAAU,OAAO,YAAY,MAAM,MAAM;AAElD,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,MAKY;AAEZ,MAAI,OAAO,YAAY;AAAW,WAAO,cAAc,UAAU,OAAO;AAGxE,SAAO,cAAc,MAAM,MAAM,UAAU,gBAAgB,QAAQ,MAAM,MAAM;AAAA;",
-  "names": []
-}

package/dist/esm/helpers/columnsToGrid.js

@@ -1,18 +0,0 @@
-import * as React from "react";
-import { ColsLayoutStyle } from "../configs/constants";
-import { sizeToCss } from "./sizeToCss";
-const columnsToGridImpl = (c, grid, colsLayoutStyle) => {
-  if ("columns" in c)
-    c.columns.forEach((col) => columnsToGridImpl(col, grid, colsLayoutStyle));
-  else
-    grid.push(sizeToCss(c.width ?? (colsLayoutStyle === ColsLayoutStyle.Auto ? "1fr" : 150)));
-};
-const columnsToGrid = (columns, colsLayoutStyle) => {
-  const grid = [];
-  columns.forEach((col) => columnsToGridImpl(col, grid, colsLayoutStyle));
-  return grid;
-};
-export {
-  columnsToGrid
-};
-//# sourceMappingURL=columnsToGrid.js.map

package/dist/esm/helpers/columnsToGrid.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/helpers/columnsToGrid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { ColsLayoutStyle } from '../configs/constants';\nimport { TypescriptColumn } from '../types/props';\nimport { sizeToCss } from './sizeToCss';\n\nconst columnsToGridImpl = (c: TypescriptColumn, grid: string[], colsLayoutStyle: ColsLayoutStyle) => {\n  if ('columns' in c) c.columns.forEach((col) => columnsToGridImpl(col, grid, colsLayoutStyle));\n  else grid.push(sizeToCss(c.width ?? (colsLayoutStyle === ColsLayoutStyle.Auto ? '1fr' : 150)));\n};\n\nexport const columnsToGrid = (columns: TypescriptColumn[], colsLayoutStyle: ColsLayoutStyle): string[] => {\n  const grid: string[] = [];\n  columns.forEach((col) => columnsToGridImpl(col, grid, colsLayoutStyle));\n  return grid;\n};\n"],
-  "mappings": "AAAA;ACAA;AAEA;AAEA,MAAM,oBAAoB,CAAC,GAAqB,MAAgB,oBAAqC;AACnG,MAAI,aAAa;AAAG,MAAE,QAAQ,QAAQ,CAAC,QAAQ,kBAAkB,KAAK,MAAM;AAAA;AACvE,SAAK,KAAK,UAAU,EAAE,SAAU,qBAAoB,gBAAgB,OAAO,QAAQ;AAAA;AAGnF,MAAM,gBAAgB,CAAC,SAA6B,oBAA+C;AACxG,QAAM,OAAiB;AACvB,UAAQ,QAAQ,CAAC,QAAQ,kBAAkB,KAAK,MAAM;AACtD,SAAO;AAAA;",
-  "names": []
-}

package/dist/esm/helpers/getIdFromUniqueRowAccessor.js

@@ -1,17 +0,0 @@
-import * as React from "react";
-const getIdFromUniqueRowAccessor = (uniqueRowAccessor, row) => {
-  if (uniqueRowAccessor === void 0) {
-    return row.id.toString();
-  }
-  if (typeof uniqueRowAccessor === "string") {
-    return row.original[uniqueRowAccessor].toString();
-  }
-  if (Array.isArray(uniqueRowAccessor)) {
-    return uniqueRowAccessor.map((key) => row.original[key].toString()).join("__");
-  }
-  return uniqueRowAccessor(row.original);
-};
-export {
-  getIdFromUniqueRowAccessor
-};
-//# sourceMappingURL=getIdFromUniqueRowAccessor.js.map

package/dist/esm/helpers/getIdFromUniqueRowAccessor.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/helpers/getIdFromUniqueRowAccessor.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { TypescriptRow, uniqueRowAccessorType } from '../types/props';\n\nexport const getIdFromUniqueRowAccessor = (\n  uniqueRowAccessor: uniqueRowAccessorType,\n  row: Partial<TypescriptRow>,\n): string => {\n  if (uniqueRowAccessor === undefined) {\n    // user did not defined an unique row accesor, use the one generated by react-table\n    return row.id.toString();\n  }\n\n  if (typeof uniqueRowAccessor === 'string') {\n    // user specified a field as an unique row accessor\n    return row.original[uniqueRowAccessor].toString();\n  }\n\n  if (Array.isArray(uniqueRowAccessor)) {\n    // user specified combination of fields as unique row accessor\n    return uniqueRowAccessor.map((key) => row.original[key].toString()).join('__');\n  }\n\n  // let the user decide on their end what to do\n  return uniqueRowAccessor(row.original);\n};\n"],
-  "mappings": "AAAA;ACEO,MAAM,6BAA6B,CACxC,mBACA,QACW;AACX,MAAI,sBAAsB,QAAW;AAEnC,WAAO,IAAI,GAAG;AAAA;AAGhB,MAAI,OAAO,sBAAsB,UAAU;AAEzC,WAAO,IAAI,SAAS,mBAAmB;AAAA;AAGzC,MAAI,MAAM,QAAQ,oBAAoB;AAEpC,WAAO,kBAAkB,IAAI,CAAC,QAAQ,IAAI,SAAS,KAAK,YAAY,KAAK;AAAA;AAI3E,SAAO,kBAAkB,IAAI;AAAA;",
-  "names": []
-}

package/dist/esm/helpers/index.js

@@ -1,8 +0,0 @@
-import * as React from "react";
-export * from "./sizeToCss";
-export * from "./columnsToGrid";
-export * from "./cellPadding";
-export * from "./refs-helpers";
-export * from "./getIdFromUniqueRowAccessor";
-export * from "./addCellData";
-//# sourceMappingURL=index.js.map

package/dist/esm/helpers/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/helpers/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// style\nexport * from './sizeToCss';\nexport * from './columnsToGrid';\nexport * from './cellPadding';\n// crazy stuff\nexport * from './refs-helpers';\n\n// props-related\nexport * from './getIdFromUniqueRowAccessor';\nexport * from './addCellData';\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AAEA;AAGA;AACA;",
-  "names": []
-}

package/dist/esm/helpers/refs-helpers.js

@@ -1,21 +0,0 @@
-import * as React from "react";
-const setMultipleRefs = (...refs) => {
-  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;
-      }
-    });
-  };
-};
-export {
-  setMultipleRefs
-};
-//# sourceMappingURL=refs-helpers.js.map

package/dist/esm/helpers/refs-helpers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/helpers/refs-helpers.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// allow multiple refs to be set to point to the same DOM element\nexport const setMultipleRefs = (...refs) => {\n  const filteredRefs = refs.filter(Boolean);\n  if (!filteredRefs.length) return () => null;\n  if (filteredRefs.length === 0) return () => null;\n\n  return (newRef) => {\n    filteredRefs.forEach((refToBeUpdated) => {\n      if (typeof refToBeUpdated === 'function') {\n        refToBeUpdated(newRef);\n      } else if (refToBeUpdated) {\n        refToBeUpdated.current = newRef;\n      }\n    });\n  };\n};\n"],
-  "mappings": "AAAA;ACCO,MAAM,kBAAkB,IAAI,SAAS;AAC1C,QAAM,eAAe,KAAK,OAAO;AACjC,MAAI,CAAC,aAAa;AAAQ,WAAO,MAAM;AACvC,MAAI,aAAa,WAAW;AAAG,WAAO,MAAM;AAE5C,SAAO,CAAC,WAAW;AACjB,iBAAa,QAAQ,CAAC,mBAAmB;AACvC,UAAI,OAAO,mBAAmB,YAAY;AACxC,uBAAe;AAAA,iBACN,gBAAgB;AACzB,uBAAe,UAAU;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/helpers/sizeToCss.js

@@ -1,6 +0,0 @@
-import * as React from "react";
-const sizeToCss = (size) => typeof size === "number" && !Number.isNaN(size) ? `${size}px` : size;
-export {
-  sizeToCss
-};
-//# sourceMappingURL=sizeToCss.js.map

package/dist/esm/helpers/sizeToCss.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/helpers/sizeToCss.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const sizeToCss = (size) => (typeof size === 'number' && !Number.isNaN(size) ? `${size}px` : size);\n"],
-  "mappings": "AAAA;ACAO,MAAM,YAAY,CAAC,SAAU,OAAO,SAAS,YAAY,CAAC,OAAO,MAAM,QAAQ,GAAG,WAAW;",
-  "names": []
-}

package/dist/esm/hooks/useRecoverFocusCol.js

@@ -1,18 +0,0 @@
-import * as React from "react";
-import { useEffect, useState } from "react";
-const useRecoverFocusCol = (condition, ref) => {
-  const [prevCondition, setPrevCondition] = useState(condition);
-  useEffect(() => {
-    if (prevCondition && !condition) {
-      if (ref.current)
-        ref.current?.focus();
-      else
-        setTimeout(() => ref.current?.focus());
-    }
-    setPrevCondition(condition);
-  }, [condition, prevCondition, ref]);
-};
-export {
-  useRecoverFocusCol
-};
-//# sourceMappingURL=useRecoverFocusCol.js.map

package/dist/esm/hooks/useRecoverFocusCol.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useRecoverFocusCol.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useEffect, useState } from 'react';\n\n// The drag-handle of the column is not replaced by another node,\n// so we just keep track of it and focus it if necessary\n\nexport const useRecoverFocusCol = (condition: boolean, ref: React.MutableRefObject<HTMLElement>): void => {\n  const [prevCondition, setPrevCondition] = useState(condition);\n\n  useEffect(() => {\n    if (prevCondition && !condition) {\n      if (ref.current) ref.current?.focus();\n      else setTimeout(() => ref.current?.focus());\n    }\n    setPrevCondition(condition);\n  }, [condition, prevCondition, ref]);\n};\n"],
-  "mappings": "AAAA;ACAA;AAKO,MAAM,qBAAqB,CAAC,WAAoB,QAAmD;AACxG,QAAM,CAAC,eAAe,oBAAoB,SAAS;AAEnD,YAAU,MAAM;AACd,QAAI,iBAAiB,CAAC,WAAW;AAC/B,UAAI,IAAI;AAAS,YAAI,SAAS;AAAA;AACzB,mBAAW,MAAM,IAAI,SAAS;AAAA;AAErC,qBAAiB;AAAA,KAChB,CAAC,WAAW,eAAe;AAAA;",
-  "names": []
-}

package/dist/esm/hooks/useRecoverFocusRow.js

@@ -1,23 +0,0 @@
-import * as React from "react";
-import { useEffect, useRef } from "react";
-const useRecoverFocusRow = (row, cell, isDragOverlay, draggableProps) => {
-  const isDragging = draggableProps && draggableProps.isDragging;
-  const lastActiveId = draggableProps && draggableProps.lastActiveId;
-  const setLastActiveId = draggableProps && draggableProps.setLastActiveId;
-  const timeoutRef = useRef(null);
-  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]);
-};
-export {
-  useRecoverFocusRow
-};
-//# sourceMappingURL=useRecoverFocusRow.js.map

package/dist/esm/hooks/useRecoverFocusRow.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useRecoverFocusRow.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nimport { useEffect, useRef } from 'react';\n\n// When we re-render the rows, the drag handle is replaced by another node\n// So we keep track of the last active id, and re-focus it\n\nexport const useRecoverFocusRow = (row, cell, isDragOverlay, draggableProps) => {\n  const isDragging = draggableProps && draggableProps.isDragging;\n  const lastActiveId = draggableProps && draggableProps.lastActiveId;\n  const setLastActiveId = draggableProps && draggableProps.setLastActiveId;\n\n  const timeoutRef = useRef(null);\n\n  useEffect(() => {\n    if (!isDragging && !isDragOverlay && lastActiveId === row.uid) {\n      timeoutRef.current = setTimeout(() => {\n        cell.ref.current.focus();\n        setLastActiveId(null);\n      });\n    }\n    return () => {\n      clearTimeout(timeoutRef.current);\n    };\n  }, [isDragging, isDragOverlay, lastActiveId, row.uid, setLastActiveId, cell.ref]);\n};\n"],
-  "mappings": "AAAA;ACCA;AAKO,MAAM,qBAAqB,CAAC,KAAK,MAAM,eAAe,mBAAmB;AAC9E,QAAM,aAAa,kBAAkB,eAAe;AACpD,QAAM,eAAe,kBAAkB,eAAe;AACtD,QAAM,kBAAkB,kBAAkB,eAAe;AAEzD,QAAM,aAAa,OAAO;AAE1B,YAAU,MAAM;AACd,QAAI,CAAC,cAAc,CAAC,iBAAiB,iBAAiB,IAAI,KAAK;AAC7D,iBAAW,UAAU,WAAW,MAAM;AACpC,aAAK,IAAI,QAAQ;AACjB,wBAAgB;AAAA;AAAA;AAGpB,WAAO,MAAM;AACX,mBAAa,WAAW;AAAA;AAAA,KAEzB,CAAC,YAAY,eAAe,cAAc,IAAI,KAAK,iBAAiB,KAAK;AAAA;",
-  "names": []
-}

package/dist/esm/index.js

@@ -1,4 +0,0 @@
-import * as React from "react";
-export * from "./DataTable";
-export * from "./exported-related";
-//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DataTable';\n\nexport * from './exported-related';\n"],
-  "mappings": "AAAA;ACAA;AAEA;",
-  "names": []
-}

package/dist/esm/parts/Cells/Cell.js

@@ -1,89 +0,0 @@
-import * as React from "react";
-import React2, { useContext, useMemo, memo } from "react";
-import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
-import { Grid } from "@elliemae/ds-grid";
-import { StyledCell, StyledCellContent } from "../../styled";
-import { outOfTheBoxEditables } from "../../addons/Editables";
-import { DataTableContext } from "../../DataTableContext";
-import { SortableItemContext } from "../HoC/SortableItemContext";
-import { expandRowColumn } from "../../addons/Columns";
-import { DATA_TESTID } from "../../configs/constants";
-import { useCellStyle } from "./useCellStyle";
-const PureStandardCell = memo(({ cellStyle, children, column }) => /* @__PURE__ */ React2.createElement(StyledCell, {
-  column,
-  style: cellStyle,
-  role: "cell",
-  "data-testid": DATA_TESTID.DATA_TABLE_CELL
-}, children));
-const Cell = ({
-  cell,
-  column,
-  row,
-  isRowSelected,
-  shouldAddExpandCell,
-  isDragOverlay
-}) => {
-  const ctx = useContext(DataTableContext);
-  const {
-    tableProps: { cellRendererProps }
-  } = ctx;
-  const { draggableProps } = useContext(SortableItemContext);
-  const [appliedTextWrap, cellStyle] = useCellStyle(column, shouldAddExpandCell);
-  const cellProps = useMemo(() => ({
-    ...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 = useMemo(() => {
-    if (shouldAddExpandCell) {
-      return /* @__PURE__ */ React2.createElement(Grid, {
-        cols: ["min-content", "auto"],
-        alignItems: "center",
-        height: "100%"
-      }, shouldAddExpandCell && /* @__PURE__ */ React2.createElement(expandRowColumn.Cell, {
-        ...cellProps
-      }), /* @__PURE__ */ React2.createElement(CellComponent, {
-        ...cellProps
-      }));
-    }
-    return /* @__PURE__ */ React2.createElement(CellComponent, {
-      ...cellProps
-    });
-  }, [CellComponent, cellProps, shouldAddExpandCell]);
-  const DefaultCellContentJSX = useMemo(() => /* @__PURE__ */ React2.createElement(StyledCellContent, null, appliedTextWrap === "truncate" ? /* @__PURE__ */ React2.createElement(SimpleTruncatedTooltipText, {
-    value: pureCellContent
-  }) : pureCellContent), [appliedTextWrap, pureCellContent]);
-  const EditableContentJSX = useMemo(() => {
-    if (typeof column.editable === "string") {
-      const { EditableComponent } = outOfTheBoxEditables?.[column.editable];
-      if (EditableComponent)
-        return /* @__PURE__ */ React2.createElement(EditableComponent, {
-          ...cellProps,
-          DefaultCellRender: DefaultCellContentJSX
-        });
-    }
-    if (typeof column.editable === "function")
-      return column.editable({
-        DefaultCellRender: DefaultCellContentJSX,
-        ...cellProps
-      });
-    return null;
-  }, [DefaultCellContentJSX, cellProps, column]);
-  return /* @__PURE__ */ React2.createElement(PureStandardCell, {
-    ...cellProps
-  }, column.editable ? EditableContentJSX : DefaultCellContentJSX);
-};
-var Cell_default = Cell;
-export {
-  Cell,
-  Cell_default as default
-};
-//# sourceMappingURL=Cell.js.map

package/dist/esm/parts/Cells/Cell.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Cells/Cell.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { useContext, useMemo, memo } from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { Grid } from '@elliemae/ds-grid';\nimport { StyledCell, StyledCellContent } from '../../styled';\nimport { outOfTheBoxEditables } from '../../addons/Editables';\nimport { DataTableContext } from '../../DataTableContext';\nimport { TypescriptColumn, TypescriptRow } from '../../types/props';\nimport { SortableItemContext } from '../HoC/SortableItemContext';\nimport { expandRowColumn } from '../../addons/Columns';\nimport { DATA_TESTID } from '../../configs/constants';\nimport { useCellStyle } from './useCellStyle';\n\nconst PureStandardCell = memo<{ cellStyle: unknown; column: TypescriptColumn }>(({ cellStyle, children, column }) => (\n  <StyledCell column={column} style={cellStyle} role=\"cell\" data-testid={DATA_TESTID.DATA_TABLE_CELL}>\n    {children}\n  </StyledCell>\n));\n\ninterface CellProps {\n  cell: any;\n  column: TypescriptColumn;\n  row: TypescriptRow;\n  isRowSelected: boolean;\n  shouldAddExpandCell: boolean;\n  isDragOverlay: boolean;\n}\n\nconst Cell: React.ComponentType<CellProps> = ({\n  cell,\n  column,\n  row,\n  isRowSelected,\n  shouldAddExpandCell,\n  isDragOverlay,\n}) => {\n  const ctx = useContext(DataTableContext);\n  const {\n    tableProps: { cellRendererProps },\n  } = ctx;\n  const { draggableProps } = useContext(SortableItemContext);\n\n  const [appliedTextWrap, cellStyle] = useCellStyle(column, shouldAddExpandCell);\n\n  const cellProps = useMemo(\n    () => ({\n      ...cellRendererProps,\n      cell,\n      row,\n      isRowSelected,\n      ctx,\n      draggableProps,\n      isDragOverlay,\n      role: 'cell',\n      cellStyle,\n      column,\n    }),\n    [cellRendererProps, cell, row, isRowSelected, ctx, draggableProps, isDragOverlay, cellStyle, column],\n  );\n\n  const CellComponent = cell.render;\n\n  const pureCellContent = useMemo(() => {\n    if (shouldAddExpandCell) {\n      return (\n        <Grid cols={['min-content', 'auto']} alignItems=\"center\" height=\"100%\">\n          {shouldAddExpandCell && <expandRowColumn.Cell {...cellProps} />}\n          <CellComponent {...cellProps} />\n        </Grid>\n      );\n    }\n    return <CellComponent {...cellProps} />;\n  }, [CellComponent, cellProps, shouldAddExpandCell]);\n\n  const DefaultCellContentJSX = useMemo(\n    () => (\n      <StyledCellContent>\n        {appliedTextWrap === 'truncate' ? <SimpleTruncatedTooltipText value={pureCellContent} /> : pureCellContent}\n      </StyledCellContent>\n    ),\n    [appliedTextWrap, pureCellContent],\n  );\n\n  const EditableContentJSX = useMemo(() => {\n    if (typeof column.editable === 'string') {\n      const { EditableComponent } = outOfTheBoxEditables?.[column.editable];\n      if (EditableComponent) return <EditableComponent {...cellProps} DefaultCellRender={DefaultCellContentJSX} />;\n    }\n    if (typeof column.editable === 'function')\n      return column.editable({\n        DefaultCellRender: DefaultCellContentJSX,\n        ...cellProps,\n      }) as JSX.Element;\n\n    return null;\n  }, [DefaultCellContentJSX, cellProps, column]);\n\n  return (\n    <PureStandardCell {...cellProps}>{column.editable ? EditableContentJSX : DefaultCellContentJSX}</PureStandardCell>\n  );\n};\n\nexport { Cell };\nexport default Cell;\n"],
-  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA,MAAM,mBAAmB,KAAuD,CAAC,EAAE,WAAW,UAAU,aACtG,qCAAC,YAAD;AAAA,EAAY;AAAA,EAAgB,OAAO;AAAA,EAAW,MAAK;AAAA,EAAO,eAAa,YAAY;AAAA,GAChF;AAaL,MAAM,OAAuC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,MAAM,WAAW;AACvB,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ;AACJ,QAAM,EAAE,mBAAmB,WAAW;AAEtC,QAAM,CAAC,iBAAiB,aAAa,aAAa,QAAQ;AAE1D,QAAM,YAAY,QAChB,MAAO;AAAA,OACF;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,MAEF,CAAC,mBAAmB,MAAM,KAAK,eAAe,KAAK,gBAAgB,eAAe,WAAW;AAG/F,QAAM,gBAAgB,KAAK;AAE3B,QAAM,kBAAkB,QAAQ,MAAM;AACpC,QAAI,qBAAqB;AACvB,aACE,qCAAC,MAAD;AAAA,QAAM,MAAM,CAAC,eAAe;AAAA,QAAS,YAAW;AAAA,QAAS,QAAO;AAAA,SAC7D,uBAAuB,qCAAC,gBAAgB,MAAjB;AAAA,WAA0B;AAAA,UAClD,qCAAC,eAAD;AAAA,WAAmB;AAAA;AAAA;AAIzB,WAAO,qCAAC,eAAD;AAAA,SAAmB;AAAA;AAAA,KACzB,CAAC,eAAe,WAAW;AAE9B,QAAM,wBAAwB,QAC5B,MACE,qCAAC,mBAAD,MACG,oBAAoB,aAAa,qCAAC,4BAAD;AAAA,IAA4B,OAAO;AAAA,OAAsB,kBAG/F,CAAC,iBAAiB;AAGpB,QAAM,qBAAqB,QAAQ,MAAM;AACvC,QAAI,OAAO,OAAO,aAAa,UAAU;AACvC,YAAM,EAAE,sBAAsB,uBAAuB,OAAO;AAC5D,UAAI;AAAmB,eAAO,qCAAC,mBAAD;AAAA,aAAuB;AAAA,UAAW,mBAAmB;AAAA;AAAA;AAErF,QAAI,OAAO,OAAO,aAAa;AAC7B,aAAO,OAAO,SAAS;AAAA,QACrB,mBAAmB;AAAA,WAChB;AAAA;AAGP,WAAO;AAAA,KACN,CAAC,uBAAuB,WAAW;AAEtC,SACE,qCAAC,kBAAD;AAAA,OAAsB;AAAA,KAAY,OAAO,WAAW,qBAAqB;AAAA;AAK7E,IAAO,eAAQ;",
-  "names": []
-}

package/dist/esm/parts/Cells/index.js

@@ -1,60 +0,0 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { INTERNAL_COLUMNS } from "../../addons/Columns";
-import { StyledActionCell } from "../../styled";
-import { Cell } from "./Cell";
-import { DataTableContext } from "../../DataTableContext";
-const Cells = (props) => {
-  const { row, isRowSelected, isDragOverlay } = props;
-  const ctx = useContext(DataTableContext);
-  if (row.depth <= 1) {
-    let shouldAddExpandCell = false;
-    let userCellsProcessed = 0;
-    return /* @__PURE__ */ React2.createElement(React2.Fragment, null, row.cells.map((cell) => {
-      const { column } = cell;
-      const isUserCell = !INTERNAL_COLUMNS.includes(column.id);
-      let jsx = null;
-      if (column.id === "rowActions") {
-        const ActionComponent = cell.render;
-        jsx = /* @__PURE__ */ React2.createElement(StyledActionCell, {
-          role: "cell",
-          key: cell.id
-        }, /* @__PURE__ */ React2.createElement(ActionComponent, {
-          row,
-          cell,
-          column,
-          isRowSelected,
-          ctx
-        }));
-      } else if (column.id === "expander") {
-        shouldAddExpandCell = !isDragOverlay;
-      } else {
-        jsx = /* @__PURE__ */ React2.createElement(Cell, {
-          cell,
-          column,
-          row,
-          isRowSelected,
-          shouldAddExpandCell: isUserCell && shouldAddExpandCell,
-          isDragOverlay,
-          key: cell.id
-        });
-      }
-      if (isDragOverlay) {
-        if (column.id !== "dragHandleColumn" && (!isUserCell || userCellsProcessed !== 0))
-          jsx = null;
-      }
-      if (isUserCell) {
-        shouldAddExpandCell = false;
-        userCellsProcessed += 1;
-      }
-      return jsx;
-    }));
-  }
-  return null;
-};
-var Cells_default = Cells;
-export {
-  Cells,
-  Cells_default as default
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/parts/Cells/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Cells/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useContext } from 'react';\nimport { INTERNAL_COLUMNS } from '../../addons/Columns';\nimport { StyledActionCell } from '../../styled';\nimport { TypescriptRow } from '../../types/props';\nimport { Cell } from './Cell';\nimport { DataTableContext } from '../../DataTableContext';\n\nconst Cells: React.ComponentType<{\n  row: TypescriptRow;\n  isRowSelected: boolean;\n  isDragOverlay: boolean;\n}> = (props) => {\n  const { row, isRowSelected, isDragOverlay } = props;\n  const ctx = useContext(DataTableContext);\n  // we won't print sub-rows more nested than the first level\n  if (row.depth <= 1) {\n    let shouldAddExpandCell = false;\n    let userCellsProcessed = 0;\n    return (\n      <>\n        {row.cells.map((cell: any) => {\n          const { column } = cell;\n\n          const isUserCell = !INTERNAL_COLUMNS.includes(column.id);\n\n          let jsx = null;\n\n          if (column.id === 'rowActions') {\n            const ActionComponent = cell.render;\n            jsx = (\n              <StyledActionCell role=\"cell\" key={cell.id}>\n                <ActionComponent row={row} cell={cell} column={column} isRowSelected={isRowSelected} ctx={ctx} />\n              </StyledActionCell>\n            );\n          } else if (column.id === 'expander') {\n            // Next user's cell will have the expand cell\n            shouldAddExpandCell = !isDragOverlay; // Don't add it on drag overlay\n          } else {\n            jsx = (\n              <Cell\n                cell={cell}\n                column={column}\n                row={row}\n                isRowSelected={isRowSelected}\n                shouldAddExpandCell={isUserCell && shouldAddExpandCell}\n                isDragOverlay={isDragOverlay}\n                key={cell.id}\n              />\n            );\n          }\n\n          // Drag overlay only need to print the DnD handle and the first user's cell\n          if (isDragOverlay) {\n            if (column.id !== 'dragHandleColumn' && (!isUserCell || userCellsProcessed !== 0)) jsx = null;\n          }\n\n          // Reset expand cell\n          if (isUserCell) {\n            shouldAddExpandCell = false;\n            userCellsProcessed += 1;\n          }\n          return jsx;\n        })}\n      </>\n    );\n  }\n\n  return null;\n};\n\nexport { Cells };\nexport default Cells;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AAEA;AACA;AAEA,MAAM,QAID,CAAC,UAAU;AACd,QAAM,EAAE,KAAK,eAAe,kBAAkB;AAC9C,QAAM,MAAM,WAAW;AAEvB,MAAI,IAAI,SAAS,GAAG;AAClB,QAAI,sBAAsB;AAC1B,QAAI,qBAAqB;AACzB,WACE,4DACG,IAAI,MAAM,IAAI,CAAC,SAAc;AAC5B,YAAM,EAAE,WAAW;AAEnB,YAAM,aAAa,CAAC,iBAAiB,SAAS,OAAO;AAErD,UAAI,MAAM;AAEV,UAAI,OAAO,OAAO,cAAc;AAC9B,cAAM,kBAAkB,KAAK;AAC7B,cACE,qCAAC,kBAAD;AAAA,UAAkB,MAAK;AAAA,UAAO,KAAK,KAAK;AAAA,WACtC,qCAAC,iBAAD;AAAA,UAAiB;AAAA,UAAU;AAAA,UAAY;AAAA,UAAgB;AAAA,UAA8B;AAAA;AAAA,iBAGhF,OAAO,OAAO,YAAY;AAEnC,8BAAsB,CAAC;AAAA,aAClB;AACL,cACE,qCAAC,MAAD;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,qBAAqB,cAAc;AAAA,UACnC;AAAA,UACA,KAAK,KAAK;AAAA;AAAA;AAMhB,UAAI,eAAe;AACjB,YAAI,OAAO,OAAO,sBAAuB,EAAC,cAAc,uBAAuB;AAAI,gBAAM;AAAA;AAI3F,UAAI,YAAY;AACd,8BAAsB;AACtB,8BAAsB;AAAA;AAExB,aAAO;AAAA;AAAA;AAMf,SAAO;AAAA;AAIT,IAAO,gBAAQ;",
-  "names": []
-}

package/dist/esm/parts/Cells/useCellStyle.js

@@ -1,34 +0,0 @@
-import * as React from "react";
-import { useContext, useMemo } from "react";
-import { DataTableContext } from "../../DataTableContext";
-const useCellStyle = (column, shouldAddExpandCell) => {
-  const {
-    tableProps: { textWrap }
-  } = useContext(DataTableContext);
-  const appliedTextWrap = column.textWrap || textWrap;
-  const cellStyle = 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];
-};
-export {
-  useCellStyle
-};
-//# sourceMappingURL=useCellStyle.js.map

package/dist/esm/parts/Cells/useCellStyle.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Cells/useCellStyle.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useContext, useMemo } from 'react';\nimport * as CSS from 'csstype';\nimport { TypescriptColumn } from '../../types/props';\nimport { DataTableContext } from '../../DataTableContext';\n\nexport const useCellStyle = (column: TypescriptColumn, shouldAddExpandCell: boolean): [string, CSS.Properties] => {\n  const {\n    tableProps: { textWrap },\n  } = useContext(DataTableContext);\n\n  const appliedTextWrap = column.textWrap || textWrap;\n\n  const cellStyle = useMemo(() => {\n    const newStyle: CSS.Properties = {};\n    switch (appliedTextWrap) {\n      case 'wrap-all':\n        newStyle.wordBreak = 'break-all';\n        break;\n      case 'truncate':\n        newStyle.whiteSpace = 'nowrap';\n        break;\n      default:\n      case 'wrap':\n        newStyle.whiteSpace = 'normal';\n        break;\n    }\n    if (shouldAddExpandCell) {\n      newStyle.gridColumn = `span 2`;\n      newStyle.padding = `0 16px 0 2px`;\n    }\n    return newStyle;\n  }, [appliedTextWrap, shouldAddExpandCell]);\n\n  return [appliedTextWrap, cellStyle];\n};\n"],
-  "mappings": "AAAA;ACAA;AAGA;AAEO,MAAM,eAAe,CAAC,QAA0B,wBAA2D;AAChH,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ,WAAW;AAEf,QAAM,kBAAkB,OAAO,YAAY;AAE3C,QAAM,YAAY,QAAQ,MAAM;AAC9B,UAAM,WAA2B;AACjC,YAAQ;AAAA,WACD;AACH,iBAAS,YAAY;AACrB;AAAA,WACG;AACH,iBAAS,aAAa;AACtB;AAAA;AAAA,WAEG;AACH,iBAAS,aAAa;AACtB;AAAA;AAEJ,QAAI,qBAAqB;AACvB,eAAS,aAAa;AACtB,eAAS,UAAU;AAAA;AAErB,WAAO;AAAA,KACN,CAAC,iBAAiB;AAErB,SAAO,CAAC,iBAAiB;AAAA;",
-  "names": []
-}

package/dist/esm/parts/DnDHandle.js

@@ -1,40 +0,0 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { GripperVertical } from "@elliemae/ds-icons";
-import styled from "styled-components";
-import { SortableItemContext } from "./HoC/SortableItemContext";
-import { DATA_TESTID } from "../configs/constants";
-const StyledGripperButton = styled.div`
-  cursor: ${({ isActive, isDragOverlay }) => isActive || isDragOverlay ? "grabbing" : "grab"};
-  outline: none;
-  display: flex;
-  align-items: center;
-  touch-action: none;
-`;
-const DragHandle = ({ id, isReachable, isDragOverlay, innerRef }) => {
-  const { draggableProps } = useContext(SortableItemContext);
-  const isActive = draggableProps && !!draggableProps.active;
-  const isDragging = draggableProps && draggableProps.isDragging;
-  return /* @__PURE__ */ React2.createElement(StyledGripperButton, {
-    role: "button",
-    ...draggableProps && {
-      ...draggableProps.listeners,
-      ...draggableProps.attributes
-    },
-    isActive,
-    isDragOverlay,
-    ref: innerRef,
-    tabIndex: isReachable ? 0 : -1,
-    "data-testid": DATA_TESTID.DATA_TABLE_DRAG_HANDLE,
-    id: `${id}-drag-handle`,
-    key: `${id}-drag-handle`
-  }, /* @__PURE__ */ React2.createElement(GripperVertical, {
-    size: "s",
-    color: isDragging ? ["neutral", "500"] : ["brand-primary", "800"]
-  }));
-};
-var DnDHandle_default = DragHandle;
-export {
-  DnDHandle_default as default
-};
-//# sourceMappingURL=DnDHandle.js.map

package/dist/esm/parts/DnDHandle.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/DnDHandle.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useContext } from 'react';\nimport { GripperVertical } from '@elliemae/ds-icons';\nimport styled from 'styled-components';\nimport { SortableItemContext } from './HoC/SortableItemContext';\nimport { DATA_TESTID } from '../configs/constants';\n\nconst StyledGripperButton = styled.div<{\n  isActive: boolean;\n  isDragOverlay: boolean;\n}>`\n  cursor: ${({ isActive, isDragOverlay }) => (isActive || isDragOverlay ? 'grabbing' : 'grab')};\n  outline: none;\n  display: flex;\n  align-items: center;\n  touch-action: none;\n`;\n\nconst DragHandle: React.ComponentType<{\n  id: string;\n  isReachable: boolean;\n  isDragOverlay: boolean;\n  innerRef: React.RefObject<HTMLDivElement> | React.RefCallback<HTMLDivElement>;\n}> = ({ id, isReachable, isDragOverlay, innerRef }) => {\n  const { draggableProps } = useContext(SortableItemContext);\n  const isActive = draggableProps && !!draggableProps.active;\n  const isDragging = draggableProps && draggableProps.isDragging;\n\n  return (\n    <StyledGripperButton\n      role=\"button\"\n      {...(draggableProps && {\n        ...draggableProps.listeners,\n        ...draggableProps.attributes,\n      })}\n      isActive={isActive}\n      isDragOverlay={isDragOverlay}\n      ref={innerRef}\n      tabIndex={isReachable ? 0 : -1}\n      data-testid={DATA_TESTID.DATA_TABLE_DRAG_HANDLE}\n      id={`${id}-drag-handle`}\n      key={`${id}-drag-handle`}\n    >\n      <GripperVertical size=\"s\" color={isDragging ? ['neutral', '500'] : ['brand-primary', '800']} />\n    </StyledGripperButton>\n  );\n};\nexport default DragHandle;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAEA,MAAM,sBAAsB,OAAO;AAAA,YAIvB,CAAC,EAAE,UAAU,oBAAqB,YAAY,gBAAgB,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvF,MAAM,aAKD,CAAC,EAAE,IAAI,aAAa,eAAe,eAAe;AACrD,QAAM,EAAE,mBAAmB,WAAW;AACtC,QAAM,WAAW,kBAAkB,CAAC,CAAC,eAAe;AACpD,QAAM,aAAa,kBAAkB,eAAe;AAEpD,SACE,qCAAC,qBAAD;AAAA,IACE,MAAK;AAAA,OACA,kBAAkB;AAAA,SAClB,eAAe;AAAA,SACf,eAAe;AAAA;AAAA,IAEpB;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL,UAAU,cAAc,IAAI;AAAA,IAC5B,eAAa,YAAY;AAAA,IACzB,IAAI,GAAG;AAAA,IACP,KAAK,GAAG;AAAA,KAER,qCAAC,iBAAD;AAAA,IAAiB,MAAK;AAAA,IAAI,OAAO,aAAa,CAAC,WAAW,SAAS,CAAC,iBAAiB;AAAA;AAAA;AAI3F,IAAO,oBAAQ;",
-  "names": []
-}

package/dist/esm/parts/DropIndicator.js

@@ -1,61 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import styled from "styled-components";
-import { ZIndexDataTable } from "../configs/zIndexInternalConfig";
-import { DropIndicatorPosition } from "./HoC/SortableItemContext";
-const getPositionStyles = ({ dropIndicatorPosition, vertical }) => {
-  if (vertical) {
-    return `
-      left: ${dropIndicatorPosition === DropIndicatorPosition.Before ? "0" : "unset"};
-      right: ${dropIndicatorPosition === DropIndicatorPosition.After ? "0" : "unset"};
-    `;
-  }
-  return `
-      top: ${dropIndicatorPosition === DropIndicatorPosition.Before ? "0" : "unset"};
-      bottom: ${dropIndicatorPosition === DropIndicatorPosition.After ? "0" : "unset"};
-    `;
-};
-const getCircleStyles = ({ dropIndicatorPosition, vertical }) => ({
-  position: "absolute",
-  zIndex: ZIndexDataTable.DROP_INDICATOR,
-  top: vertical || dropIndicatorPosition === DropIndicatorPosition.After ? "unset" : "-2px",
-  bottom: vertical || dropIndicatorPosition === DropIndicatorPosition.Before ? "unset" : "-2px",
-  left: !vertical || dropIndicatorPosition === DropIndicatorPosition.After ? "unset" : "-2px",
-  right: !vertical || dropIndicatorPosition === DropIndicatorPosition.Before ? "unset" : "-2px",
-  opacity: 1
-});
-const StyledIndicator = styled.div`
-  position: absolute;
-  ${getPositionStyles}
-  box-sizing: border-box;
-  width: ${(props) => props.vertical ? "2px" : "100%"};
-  height: ${(props) => props.vertical ? "100%" : "2px"};
-  background-color: ${(props) => props.theme.colors.brand[600]};
-  z-index: ${ZIndexDataTable.DROP_INDICATOR};
-`;
-const CircleIndicator = (style) => /* @__PURE__ */ React2.createElement("svg", {
-  height: "6",
-  width: "6",
-  style
-}, /* @__PURE__ */ React2.createElement("circle", {
-  cx: "3",
-  cy: "3",
-  r: "3",
-  strokeWidth: "0",
-  fill: "#1E79C2"
-}));
-const DropIndicator = ({ vertical, dropIndicatorPosition, isLast }) => {
-  if (![DropIndicatorPosition.After, DropIndicatorPosition.Before].includes(dropIndicatorPosition))
-    return null;
-  const safeDropIndicatorPosition = isLast ? DropIndicatorPosition.Before : dropIndicatorPosition;
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, CircleIndicator(getCircleStyles({ vertical, dropIndicatorPosition: safeDropIndicatorPosition })), /* @__PURE__ */ React2.createElement(StyledIndicator, {
-    vertical,
-    dropIndicatorPosition: safeDropIndicatorPosition
-  }));
-};
-var DropIndicator_default = DropIndicator;
-export {
-  DropIndicator,
-  DropIndicator_default as default
-};
-//# sourceMappingURL=DropIndicator.js.map