@dynatrace/strato-components 3.6.0 → 3.7.1

package/esm/tables/DataTable/features/RowOrder/RowOrder.js

@@ -1,465 +1,86 @@
-import { jsx, jsxs } from "react/jsx-runtime";
 import {
-  DndContext as DragAndDropContext,
-  DragOverlay,
-  KeyboardSensor,
-  MouseSensor,
-  TouchSensor,
-  useSensor,
-  useSensors
-} from "@dnd-kit/core";
-import { useSortable } from "@dnd-kit/sortable";
-import { functionalUpdate } from "@tanstack/react-table";
-import clsx from "clsx";
-import {
-  useCallback,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-import { createPortal } from "react-dom";
-import { useIntl } from "react-intl";
-import { DragAllDirectionIcon } from "@dynatrace/strato-icons";
-import { getRowOrderRowModel } from "./row-order-model.js";
-import {
-  createRestrictToTableRowAreaModifier,
-  createRowOrderCollisionDetection,
-  getAllRowsInTableBody,
-  getDragHandleForRow,
-  getDragIndexes,
-  resetAllStylesForRows,
-  transformRowOnDragOver
-} from "./row-order-utils.js";
-import * as styles from "./RowOrder.sty.js";
-import { Button } from "../../../../buttons/button/Button.js";
-import { useControllableState } from "../../../../core/hooks/useControllableState.js";
-import { useModality } from "../../../../core/hooks/useModality.js";
-import { focusRingStatic } from "../../../../core/styles/focusRingStatic.sty.js";
-import { getProperInertValue } from "../../../../core/utils/get-inert-value.js";
-import { devLog } from "../../../../core/utils/logging.js";
-import { Grid } from "../../../../layouts/grid/Grid.js";
-import { DataTableDefaultCell } from "../../components/DataTableDefaultCell.js";
-import { DataTableRow } from "../../components/DataTableRow.js";
-import {
-  DATA_TABLE_BUILTIN_COLUMN_MIN_WIDTH,
-  DATA_TABLE_ROW_DRAG_COLUMN_ID,
-  DATA_TABLE_ROW_HEIGHT_MAP
-} from "../../constants.js";
-import { useDataTable } from "../../contexts/DataTableContext.js";
-import { assignRowMethods } from "../../hooks/useTable/utils.js";
-import { dataTableMessages } from "../../messages.js";
-import { RowDetailsElement } from "../RowDetails/RowDetailsElement.js";
-import * as thresholdStyles from "../Thresholds/Thresholds.sty.js";
-const SCROLL_JUMP_THRESHOLD = DATA_TABLE_ROW_HEIGHT_MAP.default * 10;
-function isRowOrderConfigObject(rowOrdering) {
-  return typeof rowOrdering === "object";
+  assignPrototypeAPIs,
+  assignTableAPIs,
+  functionalUpdate
+} from "@tanstack/react-table";
+function table_setDraggingRowInfo(table, draggingRowInfo) {
+  table.baseAtoms.draggingRowInfo.set(draggingRowInfo);
 }
-function useRowOrder(props, options) {
-  const { rowOrdering } = props;
-  const disableRowDragAndDropFn = typeof rowOrdering === "object" ? rowOrdering.disableRowDragAndDrop : void 0;
-  const enableRowDragAndDropCallback = useCallback(
-    (row) => {
-      if (!disableRowDragAndDropFn) {
-        return true;
-      }
-      return !disableRowDragAndDropFn(row.original);
-    },
-    [disableRowDragAndDropFn]
-  );
-  const [rowOrder, onRowOrderChange] = useControllableState({
-    value: props.rowOrder,
-    defaultValue: props.defaultRowOrder,
-    onChange: props.onRowOrderChange
+function table_setRowOrder(table, updater) {
+  const newValue = functionalUpdate(updater, table.atoms.rowOrder?.get() ?? []);
+  queueMicrotask(() => {
+    table.options.onRowOrderChange?.(newValue);
   });
-  options.enableRowOrderDragAndDrop = false;
-  if (rowOrdering === false || rowOrdering === void 0) {
-    options.enableRowOrdering = false;
-    return;
-  }
-  options.enableRowOrdering = true;
-  options.getRowOrderRowModel = getRowOrderRowModel();
-  options.onRowOrderChange = onRowOrderChange;
-  options.state = { ...options.state, rowOrder };
-  if (isRowOrderConfigObject(rowOrdering)) {
-    if (rowOrdering.enableDragAndDrop === true && rowOrdering.disableRowDragAndDrop !== void 0) {
-      options.lockDisabledRows = rowOrdering.lockDisabledRows;
-      options.enableRowOrderDragAndDrop = enableRowDragAndDropCallback;
-      options.autoResetPageIndex = false;
-    } else {
-      options.enableRowOrderDragAndDrop = rowOrdering.enableDragAndDrop === true;
-    }
+}
+function table_getPreRowOrderRowModel(table) {
+  return table.getExpandedRowModel();
+}
+function table_getRowOrderRowModel(table) {
+  table._rowModels.rowOrderRowModel ??= table.options._rowModels?.rowOrderRowModel?.(table);
+  if (!table.options.enableRowOrdering || !table._rowModels.rowOrderRowModel) {
+    return table.getPreRowOrderRowModel();
   }
+  return table._rowModels.rowOrderRowModel();
 }
-const RowDragHandleCell = ({
-  rowId,
-  disabled,
-  isDraggingActive
-}) => {
-  const intl = useIntl();
-  const modality = useModality();
-  const { attributes, listeners } = useSortable({
-    id: rowId
-  });
-  const isKeyboardDragging = isDraggingActive && modality === "keyboard";
-  const rowDragHandleLabel = intl.formatMessage(
-    dataTableMessages.rowDragAndDropLabel,
-    { rowId }
-  );
-  return /* @__PURE__ */ jsx(DataTableDefaultCell, { children: /* @__PURE__ */ jsx(
-    Button,
-    {
-      size: "condensed",
-      variant: "default",
-      ...attributes,
-      ...!disabled ? listeners : void 0,
-      "aria-disabled": disabled,
-      "aria-label": rowDragHandleLabel,
-      className: clsx(
-        styles.dndHandle({
-          disabled
-        }),
-        // Apply the focus ring unconditionally (when: 'always')
-        // to the dragged row's handle during keyboard dragging.
-        isKeyboardDragging && focusRingStatic({
-          minimal: false,
-          color: "neutral",
-          when: "always"
-        })
-      ),
-      "data-dt-name": "RowOrderDragAndDrop",
-      children: /* @__PURE__ */ jsx(Button.Prefix, { children: /* @__PURE__ */ jsx(DragAllDirectionIcon, {}) })
-    }
-  ) });
-};
-const ROW_DRAG_COLUMN = {
-  id: DATA_TABLE_ROW_DRAG_COLUMN_ID,
-  alignment: "center",
-  accessorFn: () => "",
-  header: () => {
-    return "";
-  },
-  width: "content",
-  minWidth: DATA_TABLE_BUILTIN_COLUMN_MIN_WIDTH,
-  enableSorting: false,
-  enableResizing: false,
-  enableUserActions: false,
-  enableHiding: false,
-  meta: {
-    builtin: true,
-    hasCustomCellRenderer: true,
-    hasCustomHeaderRenderer: true,
-    builtinPlacement: "prefix",
-    cellDeps: (cell) => {
-      return [cell.row.getCanDrag()];
-    }
-  },
-  cell: ({ row, table }) => /* @__PURE__ */ jsx(
-    RowDragHandleCell,
-    {
-      rowId: row.id,
-      disabled: !row.getCanDrag(),
-      isDraggingActive: table.getState().draggingRowInfo?.id === row.id
-    }
-  )
-};
-const DataTableRowOrder = {
-  createTable(table) {
-    table.getPreRowOrderRowModel = () => table.getExpandedRowModel();
-    table.setDraggingRowInfo = (draggingRowInfo) => {
-      table.setState((state) => ({
-        ...state,
-        draggingRowInfo
-      }));
-    };
-    table.getRowOrderRowModel = () => {
-      if (!table._getRowOrderRowModel && table.options.getRowOrderRowModel) {
-        table._getRowOrderRowModel = table.options.getRowOrderRowModel(table);
-      }
-      if (!table._getRowOrderRowModel) {
-        return table.getPreRowOrderRowModel();
-      }
-      return table._getRowOrderRowModel();
-    };
-    table.setRowOrder = (updater) => {
-      const newValue = functionalUpdate(
-        updater,
-        table.getState().rowOrder ?? []
-      );
-      table._queue(() => {
-        table.options.onRowOrderChange?.(newValue);
-      });
-    };
-    assignRowMethods(table, {
-      getCanDrag() {
-        const { enableRowOrdering, enableRowOrderDragAndDrop } = table.options;
-        const sortingState = table.getState().sorting;
-        if (enableRowOrdering !== true || // always disable the drag and drop handle if the rows are sorted
-        sortingState !== void 0 && sortingState.length > 0) {
-          return false;
-        }
-        if (enableRowOrderDragAndDrop !== void 0 && typeof enableRowOrderDragAndDrop === "function") {
-          return enableRowOrderDragAndDrop(this);
-        }
-        return true;
-      },
-      disabledRowDragAndDropLockPosition: table.options.lockDisabledRows ?? false
-    });
+function row_getCanDrag(row) {
+  const { enableRowOrdering, enableRowOrderDragAndDrop } = row.table.options;
+  const sortingState = row.table.atoms.sorting?.get();
+  if (enableRowOrdering !== true || // always disable the drag and drop handle if the rows are sorted
+  sortingState !== void 0 && sortingState.length > 0) {
+    return false;
   }
-};
-function RowOrderingDragAndDropContext({
-  children,
-  rows,
-  virtualColumns,
-  rowSeparation
-}) {
-  const table = useDataTable();
-  const modality = useModality();
-  const tableHeaderHeight = table.getTotalHeaderHeight();
-  const sensors = useSensors(
-    useSensor(MouseSensor, {}),
-    useSensor(TouchSensor, {}),
-    useSensor(KeyboardSensor, {})
-  );
-  const [draggingElement, setDraggingElement] = useState(
-    void 0
-  );
-  const containedVariant = table.getVisualVariantOptions().contained;
-  const virtualizationContainer = table.getRowVirtualizationContainer();
-  const draggingRowInfo = table.getState().draggingRowInfo;
-  const tableGridElement = virtualizationContainer?.querySelector("[role=grid]");
-  const overlayContainer = useRef(null);
-  const scrollHandlerRef = useRef(null);
-  const rowOrderCollisionDetection = useMemo(
-    () => createRowOrderCollisionDetection(draggingRowInfo),
-    [draggingRowInfo]
-  );
-  const restrictToTableRowArea = useMemo(
-    () => createRestrictToTableRowAreaModifier(
-      tableHeaderHeight,
-      containedVariant,
-      virtualizationContainer
-    ),
-    [tableHeaderHeight, virtualizationContainer, containedVariant]
-  );
-  const rowOrderWhileDragging = useRef([]);
-  if (!tableGridElement || !virtualizationContainer) {
-    return;
+  if (enableRowOrderDragAndDrop !== void 0 && typeof enableRowOrderDragAndDrop === "function") {
+    return enableRowOrderDragAndDrop(row);
   }
-  const overlayWidth = tableGridElement.parentElement?.clientWidth ?? 0;
-  const originalRowOrder = table.getState().rowOrder ?? rows.map((row) => row.id);
-  const resetDragging = () => {
-    if (virtualizationContainer && scrollHandlerRef.current) {
-      virtualizationContainer.removeEventListener(
-        "scroll",
-        scrollHandlerRef.current
-      );
-      scrollHandlerRef.current = null;
-    }
-    table.setDraggingRowInfo(void 0);
-    setDraggingElement(void 0);
-    resetAllStylesForRows(getAllRowsInTableBody(tableGridElement));
-  };
-  const handleOnDragStart = ({ active }) => {
-    if (active.data.current) {
-      const element = createDraggingElement(
-        overlayContainer,
-        active,
-        rows,
-        virtualColumns,
-        {
-          width: overlayWidth,
-          gridTemplateColumns: table.getGridTemplateColumns(),
-          rowSeparation,
-          hasThresholds: table.options.hasThresholds,
-          rowThresholds: table.options.rowThresholds,
-          rowDetailsTemplate: table.options.rowDetailsTemplate
-        }
-      );
-      setDraggingElement(element);
-      requestAnimationFrame(() => {
-        if (overlayContainer.current?.parentElement) {
-          overlayContainer.current.parentElement.scrollLeft = tableGridElement?.parentElement?.scrollLeft ?? 0;
+  return true;
+}
+function row_getDisabledRowDragAndDropLockPosition(row) {
+  return row.table.optionsStore.state.lockDisabledRows ?? false;
+}
+function constructRowOrderFeature() {
+  return {
+    getInitialState: (initialState) => {
+      return {
+        rowOrder: structuredClone([]),
+        draggingRowInfo: null,
+        ...initialState
+      };
+    },
+    assignRowPrototype: (prototype, table) => {
+      assignPrototypeAPIs("DataTableRowOrderFeature", prototype, table, {
+        row_getCanDrag: { fn: (row) => row_getCanDrag(row) },
+        row_getDisabledRowDragAndDropLockPosition: {
+          fn: (row) => row_getDisabledRowDragAndDropLockPosition(row)
         }
       });
-      table.setDraggingRowInfo({
-        id: active.id,
-        index: active.data.current.rowIndex,
-        row: active.data.current.row
-      });
-      rowOrderWhileDragging.current = originalRowOrder ? [...originalRowOrder] : [];
-      let lastScrollOffset = virtualizationContainer?.scrollTop ?? 0;
-      const handleScroll = () => {
-        if (!virtualizationContainer) {
-          return;
-        }
-        const currentOffset = virtualizationContainer.scrollTop;
-        const scrollDelta = Math.abs(currentOffset - lastScrollOffset);
-        if (scrollDelta >= SCROLL_JUMP_THRESHOLD) {
-          virtualizationContainer.scrollTop = lastScrollOffset;
-          return;
+    },
+    constructTableAPIs: (table) => {
+      assignTableAPIs("DataTableRowOrderFeature", table, {
+        table_setDraggingRowInfo: {
+          fn: (draggingRowInfo) => table_setDraggingRowInfo(table, draggingRowInfo)
+        },
+        table_setRowOrder: {
+          fn: (updater) => table_setRowOrder(table, updater)
+        },
+        table_getPreRowOrderRowModel: {
+          fn: () => table_getPreRowOrderRowModel(table)
+        },
+        table_getRowOrderRowModel: {
+          fn: () => table_getRowOrderRowModel(table)
         }
-        lastScrollOffset = currentOffset;
-      };
-      scrollHandlerRef.current = handleScroll;
-      virtualizationContainer?.addEventListener("scroll", handleScroll);
-    }
-  };
-  const handleOnDragEnd = ({
-    active,
-    over
-  }) => {
-    if (over === void 0 || over === null) {
-      devLog("[Table] On drag end: over info is undefined or null", over);
-      resetDragging();
-      return;
-    }
-    if (draggingRowInfo === void 0) {
-      devLog(
-        "[Table] On drag end: dragging row info is undefined",
-        draggingRowInfo
-      );
-      resetDragging();
-      return;
-    }
-    if (over.id === active.id) {
-      resetDragging();
-      return;
-    }
-    const { fromIndex, toIndex } = getDragIndexes(
-      originalRowOrder,
-      active.id,
-      // for us the IDs are always strings
-      over.id
-      // for us the IDs are always strings
-    );
-    const newRowOrder = [...originalRowOrder];
-    const activeRowSubRowsCount = draggingRowInfo.row.getLeafRows().length;
-    const overRowSubRowsCount = (over.data.current?.row).getLeafRows().length;
-    const rowsToMove = newRowOrder.splice(fromIndex, 1 + activeRowSubRowsCount);
-    newRowOrder.splice(
-      fromIndex < toIndex ? toIndex + overRowSubRowsCount - activeRowSubRowsCount : toIndex,
-      0,
-      ...rowsToMove
-    );
-    table.setRowOrder(newRowOrder);
-    resetDragging();
-    virtualizationContainer?.scrollBy({ top: 1, behavior: "smooth" });
-    virtualizationContainer?.scrollBy({ top: -1, behavior: "smooth" });
-    requestAnimationFrame(() => {
-      const dragHandle = getDragHandleForRow(tableGridElement, toIndex);
-      dragHandle?.focus(
-        modality !== "keyboard" ? { focusVisible: false } : void 0
-      );
-    });
-  };
-  return /* @__PURE__ */ jsxs(
-    DragAndDropContext,
-    {
-      sensors,
-      collisionDetection: rowOrderCollisionDetection,
-      modifiers: [restrictToTableRowArea],
-      onDragStart: handleOnDragStart,
-      onDragEnd: handleOnDragEnd,
-      onDragOver: (event) => transformRowOnDragOver(
-        tableGridElement,
-        event,
-        originalRowOrder,
-        table.getVisualVariantOptions().rowSeparation === "none",
-        draggingRowInfo?.row
-      ),
-      onDragCancel: () => resetDragging(),
-      children: [
-        children,
-        // We need to portal the drag and drop overlay to escape CSS transforms on ancestor elements.
-        // This ensures transforms on parent containers don't affect the position of the drag overlay.
-        createPortal(
-          /* @__PURE__ */ jsx(
-            DragOverlay,
-            {
-              dropAnimation: null,
-              className: styles.rowDndOverlay,
-              style: { width: overlayWidth, height: "max-content" },
-              children: draggingElement
-            }
-          ),
-          document.body
-        )
-      ]
+      });
     }
-  );
-}
-function createDraggingElement(overlayContainer, active, rows, virtualColumns, rowConfig) {
-  const activeId = active.id;
-  const draggingOriginalRow = active.data.current?.row;
-  const draggingVirtualRow = active.data.current?.virtualRow;
-  const {
-    gridTemplateColumns,
-    rowSeparation,
-    hasThresholds,
-    rowThresholds,
-    rowDetailsTemplate
-  } = rowConfig;
-  if (draggingOriginalRow === void 0 || draggingVirtualRow === void 0) {
-    devLog(
-      `[DataTable] Dragging row or virtual row with row id ${activeId} is undefined.`
-    );
-    return;
-  }
-  const isRowDetailsOpen = draggingOriginalRow.getIsDetailsOpen();
-  const draggingVirtualDetailsRow = {
-    ...draggingVirtualRow,
-    index: draggingVirtualRow.index + 1
   };
-  return /* @__PURE__ */ jsxs(
-    Grid,
-    {
-      ref: overlayContainer,
-      gridTemplateColumns,
-      padding: 0,
-      minWidth: "max-content",
-      gap: 0,
-      ...{ inert: getProperInertValue(true) },
-      className: clsx({
-        [thresholdStyles.hasPillThresholds]: hasThresholds && rowThresholds?.some((threshold) => threshold.type === "pill")
-      }),
-      style: {
-        position: "relative"
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          DataTableRow,
-          {
-            row: draggingOriginalRow,
-            virtualRow: draggingVirtualRow,
-            virtualItemIndex: 0,
-            rowCount: rows.length,
-            virtualColumns,
-            isDraggedRow: false,
-            isInDragOverlay: true,
-            rowParity: "even"
-          }
-        ),
-        isRowDetailsOpen ? /* @__PURE__ */ jsx(
-          RowDetailsElement,
-          {
-            originalRow: draggingOriginalRow,
-            virtualRow: draggingVirtualDetailsRow,
-            virtualItemIndex: 1,
-            rowSeparation,
-            rowParity: "even",
-            children: rowDetailsTemplate?.({
-              row: draggingOriginalRow.original
-            })
-          }
-        ) : null
-      ]
-    }
-  );
 }
+const DataTableRowOrderFeature = constructRowOrderFeature();
 export {
-  DataTableRowOrder,
-  ROW_DRAG_COLUMN,
-  RowOrderingDragAndDropContext,
-  useRowOrder
+  DataTableRowOrderFeature,
+  constructRowOrderFeature,
+  row_getCanDrag,
+  row_getDisabledRowDragAndDropLockPosition,
+  table_getPreRowOrderRowModel,
+  table_getRowOrderRowModel,
+  table_setDraggingRowInfo,
+  table_setRowOrder
 };
 //# sourceMappingURL=RowOrder.js.map

package/esm/tables/DataTable/features/RowOrder/RowOrder.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowOrder/RowOrder.tsx"],
-  "sourcesContent": ["import {\n  DndContext as DragAndDropContext,\n  DragOverlay,\n  KeyboardSensor,\n  MouseSensor,\n  TouchSensor,\n  useSensor,\n  useSensors,\n  type Active,\n  type DragOverEvent,\n  type Over,\n} from '@dnd-kit/core';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { functionalUpdate } from '@tanstack/react-table';\nimport { type VirtualItem } from '@tanstack/react-virtual';\nimport clsx from 'clsx';\nimport {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n  type JSX,\n  type MutableRefObject,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useIntl } from 'react-intl';\n\nimport { DragAllDirectionIcon } from '@dynatrace/strato-icons';\n\nimport { getRowOrderRowModel } from './row-order-model.js';\nimport type { DataTableRowOrderProps } from './row-order-types.js';\nimport {\n  createRestrictToTableRowAreaModifier,\n  createRowOrderCollisionDetection,\n  getAllRowsInTableBody,\n  getDragHandleForRow,\n  getDragIndexes,\n  resetAllStylesForRows,\n  transformRowOnDragOver,\n} from './row-order-utils.js';\nimport * as styles from './RowOrder.sty.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport { useModality } from '../../../../core/hooks/useModality.js';\nimport { focusRingStatic } from '../../../../core/styles/focusRingStatic.sty.js';\nimport { getProperInertValue } from '../../../../core/utils/get-inert-value.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { Grid } from '../../../../layouts/grid/Grid.js';\nimport { DataTableDefaultCell } from '../../components/DataTableDefaultCell.js';\nimport { DataTableRow } from '../../components/DataTableRow.js';\nimport {\n  DATA_TABLE_BUILTIN_COLUMN_MIN_WIDTH,\n  DATA_TABLE_ROW_DRAG_COLUMN_ID,\n  DATA_TABLE_ROW_HEIGHT_MAP,\n} from '../../constants.js';\nimport { useDataTable } from '../../contexts/DataTableContext.js';\nimport type {\n  Row,\n  Table,\n  TableOptions,\n  TableFeature,\n  ColumnDef,\n} from '../../hooks/useTable/types.js';\nimport { assignRowMethods } from '../../hooks/useTable/utils.js';\nimport { dataTableMessages } from '../../messages.js';\nimport type { DataTableRowData } from '../../public.api.js';\nimport { RowDetailsElement } from '../RowDetails/RowDetailsElement.js';\nimport type { DataTableThresholdsNormalizedRule } from '../Thresholds/threshold-types.js';\nimport * as thresholdStyles from '../Thresholds/Thresholds.sty.js';\n\n// Threshold for detecting sudden jumps caused by virtualizer scroll corrections\n// vs. gradual user/auto-scroll during drag.\nconst SCROLL_JUMP_THRESHOLD = DATA_TABLE_ROW_HEIGHT_MAP.default * 10;\n\n/**\n * Checks if the `rowOrdering` prop is a configuration object.\n * @param rowOrdering - The table prop that enables row ordering.\n * @returns `true` if the param is an object, `false` otherwise.\n */\nfunction isRowOrderConfigObject<TData>(\n  rowOrdering:\n    | boolean\n    | {\n        enableDragAndDrop?: boolean;\n        disableRowDragAndDrop?: (row: TData) => boolean;\n      },\n): rowOrdering is {\n  enableDragAndDrop?: boolean;\n  disableRowDragAndDrop?: (row: TData) => boolean;\n} {\n  return typeof rowOrdering === 'object';\n}\n\n/**\n * Configuration hook for the row order in the DataTable.\n * @internal\n */\nexport function useRowOrder<TData extends DataTableRowData>(\n  props: DataTableRowOrderProps<TData>,\n  options: TableOptions<TData>,\n): void {\n  const { rowOrdering } = props;\n\n  const disableRowDragAndDropFn =\n    typeof rowOrdering === 'object'\n      ? rowOrdering.disableRowDragAndDrop\n      : undefined;\n\n  const enableRowDragAndDropCallback = useCallback(\n    (row: Row<TData>) => {\n      // If no disable function is provided, enable drag and drop for all rows\n      if (!disableRowDragAndDropFn) {\n        return true;\n      }\n      return !disableRowDragAndDropFn(row.original);\n    },\n    [disableRowDragAndDropFn],\n  );\n\n  const [rowOrder, onRowOrderChange] = useControllableState<string[]>({\n    value: props.rowOrder,\n    defaultValue: props.defaultRowOrder,\n    onChange: props.onRowOrderChange,\n  });\n\n  options.enableRowOrderDragAndDrop = false;\n  if (rowOrdering === false || rowOrdering === undefined) {\n    options.enableRowOrdering = false;\n    return;\n  }\n\n  options.enableRowOrdering = true;\n  options.getRowOrderRowModel = getRowOrderRowModel();\n  options.onRowOrderChange = onRowOrderChange;\n  options.state = { ...options.state, rowOrder };\n\n  // config object is given\n  if (isRowOrderConfigObject(rowOrdering)) {\n    if (\n      rowOrdering.enableDragAndDrop === true &&\n      rowOrdering.disableRowDragAndDrop !== undefined\n    ) {\n      options.lockDisabledRows = rowOrdering.lockDisabledRows;\n      options.enableRowOrderDragAndDrop = enableRowDragAndDropCallback;\n      options.autoResetPageIndex = false;\n    } else {\n      options.enableRowOrderDragAndDrop =\n        rowOrdering.enableDragAndDrop === true;\n    }\n  }\n}\n\nconst RowDragHandleCell = ({\n  rowId,\n  disabled,\n  isDraggingActive,\n}: {\n  rowId: string;\n  disabled: boolean;\n  isDraggingActive: boolean;\n}): JSX.Element => {\n  const intl = useIntl();\n  const modality = useModality();\n  const { attributes, listeners } = useSortable({\n    id: rowId,\n  });\n\n  const isKeyboardDragging = isDraggingActive && modality === 'keyboard';\n  const rowDragHandleLabel = intl.formatMessage(\n    dataTableMessages.rowDragAndDropLabel,\n    { rowId },\n  );\n\n  return (\n    <DataTableDefaultCell>\n      <Button\n        size=\"condensed\"\n        variant=\"default\"\n        {...attributes}\n        {...(!disabled ? listeners : undefined)}\n        aria-disabled={disabled}\n        aria-label={rowDragHandleLabel}\n        className={clsx(\n          styles.dndHandle({\n            disabled,\n          }),\n          // Apply the focus ring unconditionally (when: 'always')\n          // to the dragged row's handle during keyboard dragging.\n          isKeyboardDragging &&\n            focusRingStatic({\n              minimal: false,\n              color: 'neutral',\n              when: 'always',\n            }),\n        )}\n        data-dt-name=\"RowOrderDragAndDrop\"\n      >\n        <Button.Prefix>\n          <DragAllDirectionIcon />\n        </Button.Prefix>\n      </Button>\n    </DataTableDefaultCell>\n  );\n};\n\n/**\n * Column definition for the row drag column.\n * @internal\n */\nexport const ROW_DRAG_COLUMN: ColumnDef<unknown, unknown> = {\n  id: DATA_TABLE_ROW_DRAG_COLUMN_ID,\n  alignment: 'center',\n  accessorFn: () => '',\n  header: () => {\n    return '';\n  },\n  width: 'content',\n  minWidth: DATA_TABLE_BUILTIN_COLUMN_MIN_WIDTH,\n  enableSorting: false,\n  enableResizing: false,\n  enableUserActions: false,\n  enableHiding: false,\n  meta: {\n    builtin: true,\n    hasCustomCellRenderer: true,\n    hasCustomHeaderRenderer: true,\n    builtinPlacement: 'prefix',\n    cellDeps: (cell) => {\n      return [cell.row.getCanDrag()];\n    },\n  },\n  cell: ({ row, table }) => (\n    <RowDragHandleCell\n      rowId={row.id}\n      disabled={!row.getCanDrag()}\n      isDraggingActive={table.getState().draggingRowInfo?.id === row.id}\n    />\n  ),\n};\n\n/**\n * Defines the row order table feature.\n */\nexport const DataTableRowOrder: TableFeature = {\n  createTable<TData>(table: Table<TData>) {\n    /**\n     * Allows access to the row model which comes before the row order.\n     */\n    table.getPreRowOrderRowModel = () => table.getExpandedRowModel();\n\n    table.setDraggingRowInfo = (draggingRowInfo?: {\n      id: string;\n      index: number;\n      row: Row<TData>;\n    }) => {\n      table.setState((state) => ({\n        ...state,\n        draggingRowInfo,\n      }));\n    };\n\n    table.getRowOrderRowModel = () => {\n      if (!table._getRowOrderRowModel && table.options.getRowOrderRowModel) {\n        table._getRowOrderRowModel = table.options.getRowOrderRowModel(table);\n      }\n\n      if (!table._getRowOrderRowModel) {\n        return table.getPreRowOrderRowModel();\n      }\n\n      return table._getRowOrderRowModel();\n    };\n\n    table.setRowOrder = (updater) => {\n      const newValue = functionalUpdate(\n        updater,\n        table.getState().rowOrder ?? [],\n      );\n\n      table._queue(() => {\n        table.options.onRowOrderChange?.(newValue);\n      });\n    };\n\n    assignRowMethods(table, {\n      getCanDrag(this: Row<TData>) {\n        const { enableRowOrdering, enableRowOrderDragAndDrop } = table.options;\n        const sortingState = table.getState().sorting;\n\n        if (\n          enableRowOrdering !== true ||\n          // always disable the drag and drop handle if the rows are sorted\n          (sortingState !== undefined && sortingState.length > 0)\n        ) {\n          return false;\n        }\n\n        // check if drag and drop is disabled for the row\n        if (\n          enableRowOrderDragAndDrop !== undefined &&\n          typeof enableRowOrderDragAndDrop === 'function'\n        ) {\n          return enableRowOrderDragAndDrop(this);\n        }\n        return true;\n      },\n\n      disabledRowDragAndDropLockPosition:\n        table.options.lockDisabledRows ?? false,\n    });\n  },\n};\n\n/**\n * @internal\n */\nexport function RowOrderingDragAndDropContext<TData extends DataTableRowData>({\n  children,\n  rows,\n  virtualColumns,\n  rowSeparation,\n}: Readonly<{\n  children: ReactNode;\n  rows: Row<TData>[];\n  virtualColumns: VirtualItem[];\n  rowSeparation: 'none' | 'horizontalDividers' | 'zebraStripes';\n}>): JSX.Element | undefined {\n  const table = useDataTable();\n  const modality = useModality();\n  const tableHeaderHeight = table.getTotalHeaderHeight();\n  const sensors = useSensors(\n    useSensor(MouseSensor, {}),\n    useSensor(TouchSensor, {}),\n    useSensor(KeyboardSensor, {}),\n  );\n  const [draggingElement, setDraggingElement] = useState<ReactNode | undefined>(\n    undefined,\n  );\n  const containedVariant = table.getVisualVariantOptions().contained;\n  const virtualizationContainer = table.getRowVirtualizationContainer();\n  const draggingRowInfo = table.getState().draggingRowInfo;\n\n  const tableGridElement =\n    virtualizationContainer?.querySelector<HTMLElement>('[role=grid]');\n\n  const overlayContainer = useRef<HTMLDivElement>(null);\n  const scrollHandlerRef = useRef<(() => void) | null>(null);\n\n  const rowOrderCollisionDetection = useMemo(\n    () => createRowOrderCollisionDetection(draggingRowInfo),\n    [draggingRowInfo],\n  );\n\n  const restrictToTableRowArea = useMemo(\n    () =>\n      createRestrictToTableRowAreaModifier(\n        tableHeaderHeight,\n        containedVariant,\n        virtualizationContainer,\n      ),\n    [tableHeaderHeight, virtualizationContainer, containedVariant],\n  );\n\n  const rowOrderWhileDragging = useRef<string[]>([]);\n\n  if (!tableGridElement || !virtualizationContainer) {\n    return;\n  }\n\n  const overlayWidth = tableGridElement.parentElement?.clientWidth ?? 0;\n  const originalRowOrder =\n    table.getState().rowOrder ?? rows.map((row) => row.id);\n\n  const resetDragging = (): void => {\n    // Remove scroll event listener\n    if (virtualizationContainer && scrollHandlerRef.current) {\n      virtualizationContainer.removeEventListener(\n        'scroll',\n        scrollHandlerRef.current,\n      );\n      scrollHandlerRef.current = null;\n    }\n\n    table.setDraggingRowInfo(undefined);\n    setDraggingElement(undefined);\n    resetAllStylesForRows(getAllRowsInTableBody(tableGridElement));\n  };\n\n  const handleOnDragStart = ({ active }: { active: Active }): void => {\n    if (active.data.current) {\n      const element = createDraggingElement<TData>(\n        overlayContainer,\n        active,\n        rows,\n        virtualColumns,\n        {\n          width: overlayWidth,\n          gridTemplateColumns: table.getGridTemplateColumns(),\n          rowSeparation,\n          hasThresholds: table.options.hasThresholds,\n          rowThresholds: table.options.rowThresholds,\n          rowDetailsTemplate: table.options.rowDetailsTemplate,\n        },\n      );\n      setDraggingElement(element);\n\n      // Use requestAnimationFrame to delay execution until just before the next paint,\n      // ensuring the DOM is fully updated. This allows us to sync the overlay's scroll\n      // position with the table grid's scroll state.\n      requestAnimationFrame(() => {\n        if (overlayContainer.current?.parentElement) {\n          overlayContainer.current.parentElement.scrollLeft =\n            tableGridElement?.parentElement?.scrollLeft ?? 0;\n        }\n      });\n\n      table.setDraggingRowInfo({\n        id: active.id as string,\n        index: active.data.current.rowIndex,\n        row: active.data.current.row,\n      });\n\n      rowOrderWhileDragging.current = originalRowOrder\n        ? [...originalRowOrder]\n        : [];\n\n      let lastScrollOffset = virtualizationContainer?.scrollTop ?? 0;\n\n      // Attach scroll event listener to handle virtualization during drag\n      const handleScroll = (): void => {\n        if (!virtualizationContainer) {\n          return;\n        }\n\n        const currentOffset = virtualizationContainer.scrollTop;\n        const scrollDelta = Math.abs(currentOffset - lastScrollOffset);\n        if (scrollDelta >= SCROLL_JUMP_THRESHOLD) {\n          // Large sudden jump - virtualizer correction, prevent it\n          virtualizationContainer.scrollTop = lastScrollOffset;\n          return;\n        }\n        lastScrollOffset = currentOffset;\n      };\n      scrollHandlerRef.current = handleScroll;\n      virtualizationContainer?.addEventListener('scroll', handleScroll);\n    }\n  };\n\n  const handleOnDragEnd = ({\n    active,\n    over,\n  }: {\n    active: Active;\n    over: Over | null;\n  }): void => {\n    if (over === undefined || over === null) {\n      devLog('[Table] On drag end: over info is undefined or null', over);\n      resetDragging();\n      return;\n    }\n\n    if (draggingRowInfo === undefined) {\n      devLog(\n        '[Table] On drag end: dragging row info is undefined',\n        draggingRowInfo,\n      );\n      resetDragging();\n      return;\n    }\n\n    // if dragged to the starting point, row order does not change\n    if (over.id === active.id) {\n      resetDragging();\n      return;\n    }\n\n    const { fromIndex, toIndex } = getDragIndexes(\n      originalRowOrder,\n      active.id as string, // for us the IDs are always strings\n      over.id as string, // for us the IDs are always strings\n    );\n\n    const newRowOrder = [...originalRowOrder];\n    const activeRowSubRowsCount = draggingRowInfo.row.getLeafRows().length;\n    const overRowSubRowsCount = (\n      over.data.current?.row as Row<unknown>\n    ).getLeafRows().length;\n\n    const rowsToMove = newRowOrder.splice(fromIndex, 1 + activeRowSubRowsCount);\n\n    newRowOrder.splice(\n      fromIndex < toIndex\n        ? toIndex + overRowSubRowsCount - activeRowSubRowsCount\n        : toIndex,\n      0,\n      ...rowsToMove,\n    );\n    table.setRowOrder(newRowOrder);\n    resetDragging();\n\n    // In Safari, after scrolling a table while dragging, the cells are weirdly shifted in the grid\n    // We did not find why, probably a safari bug. This fixes the issue for now.\n    virtualizationContainer?.scrollBy({ top: 1, behavior: 'smooth' });\n    virtualizationContainer?.scrollBy({ top: -1, behavior: 'smooth' });\n    // Always move focus to the dropped row's drag handle so the user can\n    // continue navigating from the new position (e.g. via Tab).\n    // For mouse/touch we pass `focusVisible: false` to suppress the focus ring.\n    requestAnimationFrame(() => {\n      const dragHandle = getDragHandleForRow(tableGridElement, toIndex);\n      dragHandle?.focus(\n        modality !== 'keyboard' ? { focusVisible: false } : undefined,\n      );\n    });\n  };\n\n  return (\n    <DragAndDropContext\n      sensors={sensors}\n      collisionDetection={rowOrderCollisionDetection}\n      modifiers={[restrictToTableRowArea]}\n      onDragStart={handleOnDragStart}\n      onDragEnd={handleOnDragEnd}\n      onDragOver={(event: DragOverEvent) =>\n        transformRowOnDragOver(\n          tableGridElement,\n          event,\n          originalRowOrder,\n          table.getVisualVariantOptions().rowSeparation === 'none',\n          draggingRowInfo?.row,\n        )\n      }\n      onDragCancel={() => resetDragging()}\n    >\n      {children}\n      {\n        // We need to portal the drag and drop overlay to escape CSS transforms on ancestor elements.\n        // This ensures transforms on parent containers don't affect the position of the drag overlay.\n        createPortal(\n          <DragOverlay\n            dropAnimation={null}\n            className={styles.rowDndOverlay}\n            style={{ width: overlayWidth, height: 'max-content' }}\n          >\n            {draggingElement}\n          </DragOverlay>,\n          document.body,\n        )\n      }\n    </DragAndDropContext>\n  );\n}\n\n/**\n * Creates element to place in drag overlay.\n * @param overlayContainer - The container element that contains the row being dragged.\n * @param active - The row being dragged. If no corresponding row is found,\n *                 then undefined is returned from this function.\n * @param rows - all rows.\n * @param virtualColumns - virtual items for the columns\n * @param rowConfig - object containing all necessary row configurations to be able to replicate the row for the drag overlay\n * @returns element intended for overlay\n */\nfunction createDraggingElement<TData extends DataTableRowData>(\n  overlayContainer: MutableRefObject<HTMLDivElement | null>,\n  active: Active,\n  rows: Row<TData>[],\n  virtualColumns: VirtualItem[],\n  rowConfig: {\n    width: number;\n    gridTemplateColumns: string;\n    rowSeparation: 'none' | 'horizontalDividers' | 'zebraStripes';\n    hasThresholds?: boolean;\n    rowThresholds?: DataTableThresholdsNormalizedRule<unknown>[];\n    rowDetailsTemplate?: (params: { row: TData }) => ReactNode;\n  },\n): JSX.Element | undefined {\n  const activeId = active.id as string;\n  const draggingOriginalRow = active.data.current?.row as Row<TData>;\n  const draggingVirtualRow = active.data.current?.virtualRow as VirtualItem;\n\n  const {\n    gridTemplateColumns,\n    rowSeparation,\n    hasThresholds,\n    rowThresholds,\n    rowDetailsTemplate,\n  } = rowConfig;\n\n  if (draggingOriginalRow === undefined || draggingVirtualRow === undefined) {\n    devLog(\n      `[DataTable] Dragging row or virtual row with row id ${activeId} is undefined.`,\n    );\n    return;\n  }\n\n  const isRowDetailsOpen = draggingOriginalRow.getIsDetailsOpen();\n\n  const draggingVirtualDetailsRow = {\n    ...draggingVirtualRow,\n    index: draggingVirtualRow.index + 1,\n  };\n\n  return (\n    <Grid\n      ref={overlayContainer}\n      gridTemplateColumns={gridTemplateColumns}\n      padding={0}\n      minWidth=\"max-content\"\n      gap={0}\n      // TODO: React 19 update - inert is then in the IntrinsicAttributes and can be passed directly\n      {...{ inert: getProperInertValue(true) }}\n      className={clsx({\n        [thresholdStyles.hasPillThresholds]:\n          hasThresholds &&\n          rowThresholds?.some((threshold) => threshold.type === 'pill'),\n      })}\n      style={{\n        position: 'relative',\n      }}\n    >\n      <DataTableRow\n        row={draggingOriginalRow}\n        virtualRow={draggingVirtualRow}\n        virtualItemIndex={0}\n        rowCount={rows.length}\n        virtualColumns={virtualColumns}\n        isDraggedRow={false}\n        isInDragOverlay={true}\n        rowParity=\"even\"\n      />\n      {isRowDetailsOpen ? (\n        <RowDetailsElement\n          originalRow={draggingOriginalRow}\n          virtualRow={draggingVirtualDetailsRow}\n          virtualItemIndex={1}\n          rowSeparation={rowSeparation}\n          rowParity=\"even\"\n        >\n          {rowDetailsTemplate?.({\n            row: draggingOriginalRow.original,\n          })}\n        </RowDetailsElement>\n      ) : null}\n    </Grid>\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  assignPrototypeAPIs,\n  assignTableAPIs,\n  functionalUpdate,\n  type Row,\n  type RowData,\n  type Table_Internal,\n  type TableFeature,\n  type TableFeatures,\n  type Updater,\n} from '@tanstack/react-table';\n\nimport type {\n  DataTableRowOrderState,\n  RowOrderFeatureConstructors,\n} from './row-order-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * Helper function to update the row order state on the table, which can be called from row-level actions to ensure consistent state management.\n * @internal\n */\nexport function table_setDraggingRowInfo<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  draggingRowInfo: {\n    id: string;\n    index: number;\n    row: Row<TDataTableFeatures, RowData>;\n  } | null,\n) {\n  // Required cast to ensure precense of the DataTableFeatures.\n  (\n    table as unknown as Table_Internal<TDataTableFeatures>\n  ).baseAtoms.draggingRowInfo.set(draggingRowInfo);\n}\n\n/**\n * Helper function to update the row order state on the table, which can be called from row-level actions to ensure consistent state management.\n * @internal\n */\nexport function table_setRowOrder<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  updater: Updater<DataTableRowOrderState<TFeatures, TData>['rowOrder']>,\n) {\n  const newValue = functionalUpdate(updater, table.atoms.rowOrder?.get() ?? []);\n\n  queueMicrotask(() => {\n    table.options.onRowOrderChange?.(newValue);\n  });\n}\n\n/**\n * Helper function to access the row model before the row order is applied on the table, which can be called from row-level actions to ensure consistent state management.\n * @internal\n */\nexport function table_getPreRowOrderRowModel<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>) {\n  return table.getExpandedRowModel();\n}\n\n/**\n * Helper function to access the row order model on the table, which can be called from row-level actions to ensure consistent state management.\n * @internal\n */\nexport function table_getRowOrderRowModel<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>) {\n  table._rowModels.rowOrderRowModel ??=\n    table.options._rowModels?.rowOrderRowModel?.(table);\n  if (!table.options.enableRowOrdering || !table._rowModels.rowOrderRowModel) {\n    return table.getPreRowOrderRowModel();\n  }\n  return table._rowModels.rowOrderRowModel();\n}\n\n/**\n * Helper function to determine if a specific row can be dragged, based on the table options and the row's properties.\n * @internal\n */\nexport function row_getCanDrag<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(row: Row<TFeatures, TData>): boolean {\n  const { enableRowOrdering, enableRowOrderDragAndDrop } = row.table.options;\n  const sortingState = row.table.atoms.sorting?.get();\n\n  if (\n    enableRowOrdering !== true ||\n    // always disable the drag and drop handle if the rows are sorted\n    (sortingState !== undefined && sortingState.length > 0)\n  ) {\n    return false;\n  }\n\n  // check if drag and drop is disabled for the row\n  if (\n    enableRowOrderDragAndDrop !== undefined &&\n    typeof enableRowOrderDragAndDrop === 'function'\n  ) {\n    return enableRowOrderDragAndDrop(row);\n  }\n  return true;\n}\n\n/**\n * Helper function to determine if a row with disabled drag and drop should be locked in place based on the table options and the row's position in the table.\n * @internal\n */\nexport function row_getDisabledRowDragAndDropLockPosition<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(row: Row<TFeatures, TData>): boolean | 'start' | 'end' | undefined {\n  return row.table.optionsStore.state.lockDisabledRows ?? false;\n}\n\n/**\n * Constructs the column row ordering for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructRowOrderFeature<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(): TableFeature<RowOrderFeatureConstructors<TFeatures, TData>> {\n  return {\n    getInitialState: (initialState) => {\n      return {\n        rowOrder: structuredClone([]),\n        draggingRowInfo: null,\n        ...initialState,\n      };\n    },\n    assignRowPrototype: (prototype, table) => {\n      assignPrototypeAPIs('DataTableRowOrderFeature', prototype, table, {\n        row_getCanDrag: { fn: (row) => row_getCanDrag(row) },\n        row_getDisabledRowDragAndDropLockPosition: {\n          fn: (row) => row_getDisabledRowDragAndDropLockPosition(row),\n        },\n      });\n    },\n    constructTableAPIs: (table) => {\n      assignTableAPIs('DataTableRowOrderFeature', table, {\n        table_setDraggingRowInfo: {\n          fn: (draggingRowInfo) =>\n            table_setDraggingRowInfo(table, draggingRowInfo),\n        },\n        table_setRowOrder: {\n          fn: (\n            updater: Updater<\n              DataTableRowOrderState<TFeatures, TData>['rowOrder']\n            >,\n          ) => table_setRowOrder(table, updater),\n        },\n        table_getPreRowOrderRowModel: {\n          fn: () => table_getPreRowOrderRowModel(table),\n        },\n        table_getRowOrderRowModel: {\n          fn: () => table_getRowOrderRowModel(table),\n        },\n      });\n    },\n  };\n}\n\n/**\n * Feature implementation for Row Order.\n * @internal\n */\nexport const DataTableRowOrderFeature = constructRowOrderFeature();\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAOK;AAYA,SAAS,yBAId,OACA,iBAKA;AAEA,EACE,MACA,UAAU,gBAAgB,IAAI,eAAe;AACjD;AAMO,SAAS,kBAId,OACA,SACA;AACA,QAAM,WAAW,iBAAiB,SAAS,MAAM,MAAM,UAAU,IAAI,KAAK,CAAC,CAAC;AAE5E,iBAAe,MAAM;AACnB,UAAM,QAAQ,mBAAmB,QAAQ;AAAA,EAC3C,CAAC;AACH;AAMO,SAAS,6BAGd,OAAyC;AACzC,SAAO,MAAM,oBAAoB;AACnC;AAMO,SAAS,0BAGd,OAAyC;AACzC,QAAM,WAAW,qBACf,MAAM,QAAQ,YAAY,mBAAmB,KAAK;AACpD,MAAI,CAAC,MAAM,QAAQ,qBAAqB,CAAC,MAAM,WAAW,kBAAkB;AAC1E,WAAO,MAAM,uBAAuB;AAAA,EACtC;AACA,SAAO,MAAM,WAAW,iBAAiB;AAC3C;AAMO,SAAS,eAGd,KAAqC;AACrC,QAAM,EAAE,mBAAmB,0BAA0B,IAAI,IAAI,MAAM;AACnE,QAAM,eAAe,IAAI,MAAM,MAAM,SAAS,IAAI;AAElD,MACE,sBAAsB;AAAA,EAErB,iBAAiB,UAAa,aAAa,SAAS,GACrD;AACA,WAAO;AAAA,EACT;AAGA,MACE,8BAA8B,UAC9B,OAAO,8BAA8B,YACrC;AACA,WAAO,0BAA0B,GAAG;AAAA,EACtC;AACA,SAAO;AACT;AAMO,SAAS,0CAGd,KAAmE;AACnE,SAAO,IAAI,MAAM,aAAa,MAAM,oBAAoB;AAC1D;AAOO,SAAS,2BAGiD;AAC/D,SAAO;AAAA,IACL,iBAAiB,CAAC,iBAAiB;AACjC,aAAO;AAAA,QACL,UAAU,gBAAgB,CAAC,CAAC;AAAA,QAC5B,iBAAiB;AAAA,QACjB,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,oBAAoB,CAAC,WAAW,UAAU;AACxC,0BAAoB,4BAA4B,WAAW,OAAO;AAAA,QAChE,gBAAgB,EAAE,IAAI,CAAC,QAAQ,eAAe,GAAG,EAAE;AAAA,QACnD,2CAA2C;AAAA,UACzC,IAAI,CAAC,QAAQ,0CAA0C,GAAG;AAAA,QAC5D;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,oBAAoB,CAAC,UAAU;AAC7B,sBAAgB,4BAA4B,OAAO;AAAA,QACjD,0BAA0B;AAAA,UACxB,IAAI,CAAC,oBACH,yBAAyB,OAAO,eAAe;AAAA,QACnD;AAAA,QACA,mBAAmB;AAAA,UACjB,IAAI,CACF,YAGG,kBAAkB,OAAO,OAAO;AAAA,QACvC;AAAA,QACA,8BAA8B;AAAA,UAC5B,IAAI,MAAM,6BAA6B,KAAK;AAAA,QAC9C;AAAA,QACA,2BAA2B;AAAA,UACzB,IAAI,MAAM,0BAA0B,KAAK;AAAA,QAC3C;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAMO,MAAM,2BAA2B,yBAAyB;",
   "names": []
 }

package/esm/tables/DataTable/features/RowOrder/RowOrder.sty.js

@@ -1,8 +1,8 @@
 import "./RowOrder.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var disabledNonTargetRow = "_or8s44-3-6-0";
-var dndHandle = _7a468({ defaultClassName: "_or8s41-3-6-0", variantClassNames: { disabled: { true: "_or8s42-3-6-0", false: "_or8s43-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
-var rowDndOverlay = "_or8s40-3-6-0";
+var disabledNonTargetRow = "_or8s44-3-7-1";
+var dndHandle = _7a468({ defaultClassName: "_or8s41-3-7-1", variantClassNames: { disabled: { true: "_or8s42-3-7-1", false: "_or8s43-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
+var rowDndOverlay = "_or8s40-3-7-1";
 export {
   disabledNonTargetRow,
   dndHandle,

package/esm/tables/DataTable/features/RowOrder/RowOrder.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowOrder/RowOrder.css.ts"],
-  "sourcesContent": ["import './RowOrder.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var disabledNonTargetRow = '_or8s44-3-6-0';\nexport var dndHandle = _7a468({defaultClassName:'_or8s41-3-6-0',variantClassNames:{disabled:{true:'_or8s42-3-6-0',false:'_or8s43-3-6-0'}},defaultVariants:{},compoundVariants:[]});\nexport var rowDndOverlay = '_or8s40-3-6-0';"],
+  "sourcesContent": ["import './RowOrder.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var disabledNonTargetRow = '_or8s44-3-7-1';\nexport var dndHandle = _7a468({defaultClassName:'_or8s41-3-7-1',variantClassNames:{disabled:{true:'_or8s42-3-7-1',false:'_or8s43-3-7-1'}},defaultVariants:{},compoundVariants:[]});\nexport var rowDndOverlay = '_or8s40-3-7-1';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,uBAAuB;AAC3B,IAAI,YAAY,OAAO,EAAC,kBAAiB,iBAAgB,mBAAkB,EAAC,UAAS,EAAC,MAAK,iBAAgB,OAAM,gBAAe,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1K,IAAI,gBAAgB;",
   "names": []
 }