@dynatrace/strato-components 3.6.0 → 3.7.0

package/esm/tables/DataTable/features/RowOrder/row-order-utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowOrder/row-order-utils.ts"],
-  "sourcesContent": ["import {\n  type ClientRect,\n  type CollisionDescriptor,\n  type CollisionDetection,\n  type DragOverEvent,\n  type Modifier,\n} from '@dnd-kit/core';\n\nimport Animations from '@dynatrace/strato-design-tokens/animations';\n\nimport { disabledNonTargetRow } from './RowOrder.sty.js';\nimport { getDataTableBorderWidth } from '../../../utils/data-table-border-width.js';\nimport {\n  DATA_TABLE_DEFAULT_MIN_ROW_HEIGHT,\n  DATA_TABLE_PINNING_SHADOW_CELL_ROW_ID_SUFFIX,\n  DATA_TABLE_ROW_BORDER,\n  DATA_TABLE_ROW_EXPANDED_ID_SUFFIX,\n} from '../../constants.js';\nimport type { DragAndDropTransform, Row } from '../../hooks/useTable/types.js';\n\n// #region RowTransforms\n// all rows that were transformed in the last onDragOver call\nlet lastAffectedRows = new Set<string>();\n\n/**\n * Transforms row upwards or downwards to make space for the row which is currently being dragged (\"active\" row).\n * @param table - the table where the row ordering is happening.\n * @param event - contains \"active\" (row being dragged) and \"over\" ids (row where the active row is currently dragged over).\n * @param rowOrder - original row order before dragging.\n * @param rowSeparationNone - whether the rows are visually separated by a border.\n * @param activeRow - the currently dragged row.\n * @internal\n */\nexport function transformRowOnDragOver(\n  table: HTMLElement,\n  event: DragOverEvent,\n  rowOrder: string[] | undefined,\n  rowSeparationNone: boolean,\n  activeRow?: Row<unknown>,\n): void {\n  let rowHeight = event.active?.rect.current.translated?.height;\n\n  if (\n    activeRow === undefined ||\n    rowOrder === undefined ||\n    event.collisions === null ||\n    event.active === null ||\n    event.over === null ||\n    rowHeight === undefined\n  ) {\n    return;\n  }\n\n  // visually disable rows that do not share the same parent as the dragged row\n  styleNonTargetRows(table, activeRow.parentId);\n\n  // keep track of all rows that are transformed during the current onDragOver call\n  const newAffectedRows = new Set<string>();\n  const { fromIndex, toIndex } = getDragIndexes(\n    rowOrder,\n    event.active.id as string, // for us the IDs are always strings\n    event.over.id as string, // for us the IDs are always strings\n  );\n\n  const activeRowIsLastRow = fromIndex === rowOrder.length - 1;\n\n  // if rowSeparation is active, consider 1px border for all rows\n  // except if dragging the last row or if row details are open\n  if (\n    !rowSeparationNone &&\n    !activeRowIsLastRow &&\n    !activeRow.getIsDetailsOpen()\n  ) {\n    rowHeight += DATA_TABLE_ROW_BORDER;\n  }\n\n  if (fromIndex < toIndex) {\n    transformRows(\n      table,\n      rowOrder.slice(fromIndex + 1, toIndex + 1),\n      -rowHeight,\n      newAffectedRows,\n    );\n  } else if (fromIndex > toIndex) {\n    transformRows(\n      table,\n      rowOrder.slice(toIndex, fromIndex),\n      rowHeight,\n      newAffectedRows,\n    );\n  }\n\n  // Reset rows that were translated in the last drag operation but are not in the current one\n  transformRows(table, lastAffectedRows, 0);\n  lastAffectedRows = newAffectedRows;\n}\n\n/**\n * Moves rows on the y-axis by the given number of pixels.\n * @param table - the table grid element.\n * @param rowIds - the ids of rows to transform.\n * @param amountToTransform - number of pixels to translate (positive for down or negative for up)\n * @param newAffectedRows - set to save all rows that are transformed during the current onDragOver call\n */\nfunction transformRows(\n  table: HTMLElement,\n  rowIds: string[] | Set<string>,\n  amountToTransform: number,\n  newAffectedRows?: Set<string>,\n): void {\n  for (const rowId of rowIds) {\n    const row = getRowWithId(table, rowId);\n    if (row.length <= 0) {\n      continue;\n    }\n    translateRowY(row, amountToTransform);\n    if (newAffectedRows) {\n      lastAffectedRows.delete(rowId);\n      newAffectedRows.add(rowId);\n    }\n  }\n}\n\n/**\n * Applies styles to visually indicate droppable targets for the currently active row.\n * Rows that do not share the same parent as the dragged row will appear visually disabled.\n *\n * @param table - The table element containing the rows to style.\n * @param activeParentId - parent id of the currently dragged row.\n */\nfunction styleNonTargetRows(table: HTMLElement, activeParentId?: string): void {\n  // if the dragged row is a top-level row, we don't want to add any styles\n  if (activeParentId === undefined) {\n    return;\n  }\n  const rows = getAllNonTargetRowsInTableBody(table, activeParentId);\n  for (const row of rows) {\n    row.classList.add(disabledNonTargetRow);\n  }\n}\n\n/**\n * Moves row on the y-axis by the given number of pixels. Applies a transition\n * also to make it looks smoother, using strato tokens for duration and easing.\n * @param row - the row to translate\n * @param value - number of pixels (positive for down or negative for up)\n */\nfunction translateRowY(row: HTMLElement[], value: number): void {\n  const transform = `translateY(${value}px)`;\n  const transition = `transform ${Animations.SlideIn.Duration.Base} ${Animations.Move.Easing}`;\n  for (const rowElement of row) {\n    rowElement.style.transform = transform;\n    rowElement.style.transition = transition;\n  }\n}\n\n/**\n * Resets the transform style on the given row.\n * @param rows - the row we want to reset.\n * @internal\n */\nexport function resetAllStylesForRows(rows: HTMLElement[]): void {\n  if (rows.length === 0) {\n    return;\n  }\n  for (const row of rows) {\n    row.style.removeProperty('transform');\n    row.style.removeProperty('transition');\n    row.classList.remove(disabledNonTargetRow);\n  }\n}\n\n/**\n * Gets the row elements with a given row id (including row details row).\n * @param table - the current table.\n * @param id - id of the row (matches against `data-rowid`).\n * @returns matching rows.\n * @internal\n */\nexport function getRowWithId(\n  table: HTMLElement,\n  id: string | number | undefined,\n): HTMLElement[] {\n  if (id === undefined) {\n    return [];\n  }\n  const rowElements = table.querySelectorAll<HTMLElement>(\n    `[data-rowid=\"${CSS.escape(String(id))}\"], [data-rowid=\"${CSS.escape(\n      String(id),\n    )}${DATA_TABLE_ROW_EXPANDED_ID_SUFFIX}\"], [data-rowid=\"${CSS.escape(\n      String(id),\n    )}${DATA_TABLE_PINNING_SHADOW_CELL_ROW_ID_SUFFIX}\"]`,\n  );\n\n  return Array.from(rowElements);\n}\n\n/**\n * Gets all rows in the given table that are not within the same sub-row parent.\n *\n * @param table - the table we are concerned with.\n * @param parentIdToExclude - parent id to be excluded\n * @returns all rows in the table (div elements with role=\"row\").\n * @internal\n */\nexport function getAllNonTargetRowsInTableBody(\n  table: HTMLElement,\n  parentIdToExclude?: string,\n): HTMLElement[] {\n  const nonTargetRows = table.querySelectorAll<HTMLElement>(\n    `[data-rowgroup=\"body\"] [role=\"row\"]:not([data-rowid^=\"${CSS.escape(\n      String(parentIdToExclude),\n    )}\"]`,\n  );\n\n  return Array.from(nonTargetRows);\n}\n\n/**\n * Gets all rows in the given table (all rows that have role=\"row\" and a data-rowid attribute).\n * @param table - the table we are concerned with.\n * @returns all rows in the table.\n * @internal\n */\nexport function getAllRowsInTableBody(table: HTMLElement): HTMLElement[] {\n  const allRowsInTableBody = table.querySelectorAll<HTMLElement>(\n    '[role=\"row\"][data-rowid], [role=\"presentation\"][data-rowid]',\n  );\n\n  return Array.from(allRowsInTableBody);\n}\n\n/**\n * @param table - the table we are concerned with.\n * @param rowNumber - zero-based row number\n * @returns the drag handle of the given row for drag and drop ordering\n * @internal\n */\nexport function getDragHandleForRow(\n  table: HTMLElement,\n  rowNumber: number,\n): HTMLElement | null {\n  return table.querySelector<HTMLElement>(\n    `[role=\"row\"][data-row=\"${rowNumber}\"] [role=\"cell\"][data-column=\"0\"] button`,\n  );\n}\n// #endregion RowTransforms\n\n/**\n * Gets the `fromIndex` and `toIndex` from the over and active id.\n * @param rowOrder - contains the ids of the rows in order.\n * @param activeId - is the id of the currently actively dragged row\n * @param overId - is the target id of where the dragging row is currently dragged to\n * @returns indexes from where a row is dragged and where it is dragged to\n * @internal\n */\nexport function getDragIndexes(\n  rowOrder: string[],\n  activeId: string,\n  overId: string,\n): { fromIndex: number; toIndex: number } {\n  const fromIndex = rowOrder.findIndex((id) => id === activeId);\n  const toIndex = rowOrder.findIndex((id) => id === overId);\n  return { fromIndex, toIndex };\n}\n\n// #region CollisionDetection\n/**\n * Check if a given point is contained within a bounding rectangle\n */\nfunction isPointWithinRectY(pointY: number, rect: ClientRect): boolean {\n  return rect.top <= pointY && pointY <= rect.bottom;\n}\n\nexport const DATA_TABLE_ROW_DND_COLLISION_OFFSET =\n  DATA_TABLE_DEFAULT_MIN_ROW_HEIGHT / 2 - 1;\n\n/**\n * Custom collision detection algorithm for row order drag and drop.\n * Determines the closest droppable target within the Y-axis based on the dragging direction.\n *\n * @param param0 - Object containing the droppable containers, the droppable rects, the collision rect and\n *                 the active element, which are needed for the collision detection.\n * @returns An array of collision descriptors, sorted by the distance to the dragged row, or an empty array if none is found.\n * @internal\n */\nexport const closestTargetWithinY: CollisionDetection = ({\n  droppableContainers,\n  droppableRects,\n  collisionRect,\n  active,\n}) => {\n  const initialRect = active.rect.current.initial;\n  if (initialRect === null) {\n    return [];\n  }\n\n  const collisions: CollisionDescriptor[] = [];\n\n  // To make this work for varying row heights, depending on the dragging direction\n  // we take either the top or the bottom of the dragged row to check for collisions\n  // (minus a small offset, so the rows have to overlap a bit, before they would be swapped)\n  const isDraggingUp = collisionRect.top < initialRect.top;\n  // min row height is 24px, to ensure the offset is in the top/bottom half: 24 / 2 - 1 = 11\n  const collisionRectY = isDraggingUp\n    ? collisionRect.top + DATA_TABLE_ROW_DND_COLLISION_OFFSET\n    : collisionRect.bottom - DATA_TABLE_ROW_DND_COLLISION_OFFSET;\n\n  for (const droppableContainer of droppableContainers) {\n    const { id, node } = droppableContainer;\n    const rect = droppableRects.get(id);\n    if (rect === undefined) {\n      continue;\n    }\n\n    // the droppable containers do not consider the row details height, so we need to get that\n    // this can be removed once we have subgrids and can put the ref on the row itself (APPDEV-12251)\n    const heightAdaptedRect = { ...rect };\n    const rowDetailsElement = node.current?.parentElement?.querySelector(\n      `[data-rowid=\"${CSS.escape(\n        String(id),\n      )}${DATA_TABLE_ROW_EXPANDED_ID_SUFFIX}\"]`,\n    );\n\n    if (rowDetailsElement) {\n      const detailsHeight = rowDetailsElement.getBoundingClientRect().height;\n      heightAdaptedRect.height += detailsHeight;\n      heightAdaptedRect.bottom += detailsHeight;\n    }\n\n    if (isPointWithinRectY(collisionRectY, heightAdaptedRect)) {\n      // return the container that the active rect is dragged over\n      return [\n        {\n          id,\n          data: { droppableContainer },\n        },\n      ];\n    }\n\n    // in case the dragged row's collisionRectY is not directly within any of the droppable containers\n    // (e.g. when dragging over the scrollbar) we need to find the closest one. Therefore, we calculate\n    // the distance between the droppable container's top/bottom and the collisionRectY coordinate.\n    const droppableContainerY = isDraggingUp ? rect.top : rect.bottom;\n    const distance = Math.abs(collisionRectY - droppableContainerY);\n    collisions.push({ id, data: { droppableContainer, value: distance } });\n  }\n\n  return collisions.toSorted((a, b) => a.data.value - b.data.value);\n};\n\n/**\n * Identifies the last row in the given array where drag-and-drop is disabled, and where all preceding rows are also disabled.\n *\n * @param rows - the table rows\n * @returns the index of the last found row with disabled drag and drop\n */\nfunction findLastDisabledRow(rows: { rowIndex: number; row: Row<unknown> }[]) {\n  let lastDisabledRowIndex: number | undefined = undefined;\n  for (const { rowIndex, row } of rows) {\n    if (row.getCanDrag()) {\n      break;\n    }\n    lastDisabledRowIndex = rowIndex;\n  }\n  return lastDisabledRowIndex;\n}\n\n/**\n * Custom collision detection function that filters droppable containers based the sub-row depth of the dragged row,\n * and then applies the custom closestCenterWithinY algorithm on the filtered targets.\n * Only rows on the same sub-row depth level can be ordered.\n *\n * We need to pass the dragged row stored in the table state, as during dragging in a scrollable table it can happen\n * that the active row is virtualized and would therefore be undefined.\n *\n * @param draggingRowInfo - active/dragged row info saved in the table state\n * @returns\n */\nexport const createRowOrderCollisionDetection = (draggingRowInfo?: {\n  id: string;\n  index: number;\n  row: Row<unknown>;\n}): CollisionDetection => {\n  return ({ active, droppableContainers, ...rest }) => {\n    if (draggingRowInfo === undefined) {\n      return [];\n    }\n    const activeRow = draggingRowInfo.row;\n    const activeRowIndex = draggingRowInfo.index;\n    const activeRowSubRowDepth = activeRow.getSubRowDepth();\n\n    const lastExpandedSubRowsOnLevel = new Set<string>();\n\n    const validTargets = droppableContainers.filter((target) => {\n      const targetRow = target.data.current?.row as Row<unknown>;\n      const targetRowIndex = target.data.current?.rowIndex;\n      const targetRowSubRowDepth = targetRow?.getSubRowDepth();\n      const targetRowDisabled = !targetRow?.getCanDrag();\n      const targetRowLockedDisabled =\n        targetRow?.disabledRowDragAndDropLockPosition;\n\n      const isSameDepthAndParent =\n        targetRowSubRowDepth === activeRowSubRowDepth &&\n        activeRow.parentId === targetRow.parentId;\n\n      // currently active row is a valid target\n      if (activeRowIndex === targetRowIndex) {\n        return true;\n      }\n\n      if (targetRowDisabled && targetRowLockedDisabled !== false) {\n        const rowsByRowIndex = droppableContainers\n          .filter(\n            (container) => container.data.current?.row.parentId === undefined,\n          )\n          .map((container) => ({\n            rowIndex: container.data.current?.rowIndex,\n            row: container.data.current?.row,\n          }))\n          .toSorted((data1, data2) => data1?.rowIndex - data2?.rowIndex);\n\n        const lastDisabledRowIndexFromStart =\n          targetRowLockedDisabled !== 'end'\n            ? findLastDisabledRow(rowsByRowIndex)\n            : undefined;\n        const firstDisabledRowIndexFromEnd =\n          targetRowLockedDisabled !== 'start'\n            ? findLastDisabledRow(rowsByRowIndex.toReversed())\n            : undefined;\n\n        // if the disabled row is already (grouped) at the start or end,\n        // the row is not a valid target\n        if (\n          targetRow.parentId === undefined &&\n          ((lastDisabledRowIndexFromStart !== undefined &&\n            targetRowIndex <= lastDisabledRowIndexFromStart) ||\n            (firstDisabledRowIndexFromEnd !== undefined &&\n              targetRowIndex >= firstDisabledRowIndexFromEnd))\n        ) {\n          return false;\n        }\n      }\n\n      if (isSameDepthAndParent) {\n        const hasOpenSubRows =\n          targetRow.getCanExpand() && targetRow.getIsExpanded();\n\n        // when active row is moved down, and the target row has expanded sub-rows the row\n        // should only be moved when it's moved past the sub-rows\n        // therefore, instead of the parent row, the last expanded sub-row is the valid target\n        if (activeRowIndex < targetRowIndex && hasOpenSubRows) {\n          // get id of last open subrow and save it to be able to make it the actual target\n          const lastExpandedRow = targetRow.getLastExpandedSubRow();\n          if (lastExpandedRow) {\n            lastExpandedSubRowsOnLevel.add(lastExpandedRow.id);\n          }\n          return false;\n        }\n\n        return true;\n      }\n\n      if (targetRowSubRowDepth > activeRowSubRowDepth) {\n        // if the target is the last expanded sub-row of a target row\n        return lastExpandedSubRowsOnLevel.has(targetRow.id);\n      }\n\n      return false;\n    });\n\n    // Apply closestTargetWithinY on filtered targets\n    return closestTargetWithinY({\n      active,\n      droppableContainers: validTargets,\n      ...rest,\n    });\n  };\n};\n// #endregion CollisionDetection\n\n// #region Modifiers\n/**\n * Restricts the vertical movement of an element within the specified bounds.\n *\n * @param transform - Transform values of the currently dragged element\n * @param rect - The bounding rectangle of the element being transformed.\n * @param verticalBounds - The bounds within which the element should be restricted.\n * @returns The updated transform object with restricted y value.\n * @internal\n */\nexport function restrictToVerticalBounds(\n  transform: DragAndDropTransform,\n  rect: ClientRect,\n  verticalBounds: {\n    top: number;\n    bottom: number;\n  },\n): DragAndDropTransform {\n  const value = {\n    ...transform,\n  };\n\n  if (\n    rect.top >= verticalBounds.top &&\n    rect.top + transform.y <= verticalBounds.top\n  ) {\n    value.y = verticalBounds.top - rect.top;\n  } else if (\n    rect.bottom <= verticalBounds.bottom &&\n    rect.bottom + transform.y >= verticalBounds.bottom\n  ) {\n    value.y = verticalBounds.bottom - rect.bottom;\n  }\n  // Only with keyboard navigation:\n  // When focusing the drag handle and scrolling the table so that the row is not visible anymore,\n  // and then pressing SPACE/ENTER to start dragging, the dragged row's position needs to be adjusted\n  // in a way where we need to make sure the row remains within the vertical bounds with the new transform value.\n  else if (rect.top < verticalBounds.top) {\n    const bottomTransformYLimit = verticalBounds.bottom - rect.bottom;\n    const transformY =\n      transform.y > 0\n        ? verticalBounds.top - rect.top + transform.y\n        : verticalBounds.top - rect.top;\n\n    // adjust value.y to be the bottom bound if the new transform value would position the row outside the bottom vertical bound\n    value.y =\n      transformY > bottomTransformYLimit ? bottomTransformYLimit : transformY;\n  } else if (rect.bottom > verticalBounds.bottom) {\n    const topTransformYLimit = verticalBounds.top - rect.top;\n    const transformY =\n      transform.y < 0\n        ? verticalBounds.bottom - rect.bottom + transform.y\n        : verticalBounds.bottom - rect.bottom;\n\n    // adjust value.y to be the top bound if the new transform value would position the row outside the top vertical bound\n    value.y = transformY > topTransformYLimit ? transformY : topTransformYLimit;\n  }\n\n  return value;\n}\n\n/**\n * Creates a dnd-kit modifier to restrict the dragging to the table row area.\n * @param tableHeaderHeight - This height is subtracted from the parent element height.\n * @param containedVariant - Whether the table is using the contained visual variant.\n * @param virtualizationContainer - The table's virtualization container.\n * @returns dnd-kit modifier\n * @internal\n */\nexport function createRestrictToTableRowAreaModifier(\n  tableHeaderHeight: number,\n  containedVariant: boolean,\n  virtualizationContainer?: HTMLDivElement,\n): Modifier {\n  return ({ transform, draggingNodeRect }) => {\n    if (!draggingNodeRect || virtualizationContainer === undefined) {\n      return transform;\n    }\n\n    // Restrict dragging to the vertical axis\n    transform.x = 0;\n\n    const parentRect = virtualizationContainer.getBoundingClientRect();\n    // Restrict dragging to the table container minus borders\n    const verticalBounds = {\n      top: containedVariant\n        ? parentRect?.top + tableHeaderHeight + getDataTableBorderWidth()\n        : parentRect?.top + tableHeaderHeight,\n      bottom: containedVariant\n        ? parentRect?.bottom - getDataTableBorderWidth()\n        : parentRect?.bottom,\n    };\n\n    return restrictToVerticalBounds(\n      transform,\n      draggingNodeRect,\n      verticalBounds,\n    );\n  };\n}\n// #endregion Modifiers\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  type ClientRect,\n  type CollisionDescriptor,\n  type CollisionDetection,\n  type DragOverEvent,\n  type Modifier,\n} from '@dnd-kit/core';\nimport {\n  type TableFeatures,\n  rowExpandingFeature,\n  type Row,\n  type RowData,\n} from '@tanstack/react-table';\n\nimport Animations from '@dynatrace/strato-design-tokens/animations';\n\nimport { disabledNonTargetRow } from './RowOrder.sty.js';\nimport { getDataTableBorderWidth } from '../../../utils/data-table-border-width.js';\nimport {\n  DATA_TABLE_DEFAULT_MIN_ROW_HEIGHT,\n  DATA_TABLE_PINNING_SHADOW_CELL_ROW_ID_SUFFIX,\n  DATA_TABLE_ROW_BORDER,\n  DATA_TABLE_ROW_EXPANDED_ID_SUFFIX,\n} from '../../constants.js';\nimport type { DragAndDropTransform } from '../types/dnd.types.js';\n\n// #region RowTransforms\n// all rows that were transformed in the last onDragOver call\nlet lastAffectedRows = new Set<string>();\n\n/**\n * Transforms row upwards or downwards to make space for the row which is currently being dragged (\"active\" row).\n * @param table - the table where the row ordering is happening.\n * @param event - contains \"active\" (row being dragged) and \"over\" ids (row where the active row is currently dragged over).\n * @param rowOrder - original row order before dragging.\n * @param rowSeparationNone - whether the rows are visually separated by a border.\n * @param activeRow - the currently dragged row.\n * @internal\n */\nexport function transformRowOnDragOver<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: HTMLElement,\n  event: DragOverEvent,\n  rowOrder: string[] | undefined,\n  rowSeparationNone: boolean,\n  activeRow?: Row<TFeatures, TData>,\n): void {\n  let rowHeight = event.active?.rect.current.translated?.height;\n\n  if (\n    activeRow === undefined ||\n    rowOrder === undefined ||\n    event.collisions === null ||\n    event.active === null ||\n    event.over === null ||\n    rowHeight === undefined\n  ) {\n    return;\n  }\n\n  // visually disable rows that do not share the same parent as the dragged row\n  styleNonTargetRows(table, activeRow.parentId);\n\n  // keep track of all rows that are transformed during the current onDragOver call\n  const newAffectedRows = new Set<string>();\n  const { fromIndex, toIndex } = getDragIndexes(\n    rowOrder,\n    event.active.id as string, // for us the IDs are always strings\n    event.over.id as string, // for us the IDs are always strings\n  );\n\n  const activeRowIsLastRow = fromIndex === rowOrder.length - 1;\n\n  // if rowSeparation is active, consider 1px border for all rows\n  // except if dragging the last row or if row details are open\n  if (\n    !rowSeparationNone &&\n    !activeRowIsLastRow &&\n    !activeRow.getIsDetailsOpen()\n  ) {\n    rowHeight += DATA_TABLE_ROW_BORDER;\n  }\n\n  if (fromIndex < toIndex) {\n    transformRows(\n      table,\n      rowOrder.slice(fromIndex + 1, toIndex + 1),\n      -rowHeight,\n      newAffectedRows,\n    );\n  } else if (fromIndex > toIndex) {\n    transformRows(\n      table,\n      rowOrder.slice(toIndex, fromIndex),\n      rowHeight,\n      newAffectedRows,\n    );\n  }\n\n  // Reset rows that were translated in the last drag operation but are not in the current one\n  transformRows(table, lastAffectedRows, 0);\n  lastAffectedRows = newAffectedRows;\n}\n\n/**\n * Moves rows on the y-axis by the given number of pixels.\n * @param table - the table grid element.\n * @param rowIds - the ids of rows to transform.\n * @param amountToTransform - number of pixels to translate (positive for down or negative for up)\n * @param newAffectedRows - set to save all rows that are transformed during the current onDragOver call\n */\nfunction transformRows(\n  table: HTMLElement,\n  rowIds: string[] | Set<string>,\n  amountToTransform: number,\n  newAffectedRows?: Set<string>,\n): void {\n  for (const rowId of rowIds) {\n    const row = getRowWithId(table, rowId);\n    if (row.length <= 0) {\n      continue;\n    }\n    translateRowY(row, amountToTransform);\n    if (newAffectedRows) {\n      lastAffectedRows.delete(rowId);\n      newAffectedRows.add(rowId);\n    }\n  }\n}\n\n/**\n * Applies styles to visually indicate droppable targets for the currently active row.\n * Rows that do not share the same parent as the dragged row will appear visually disabled.\n *\n * @param table - The table element containing the rows to style.\n * @param activeParentId - parent id of the currently dragged row.\n */\nfunction styleNonTargetRows(table: HTMLElement, activeParentId?: string): void {\n  // if the dragged row is a top-level row, we don't want to add any styles\n  if (activeParentId === undefined) {\n    return;\n  }\n  const rows = getAllNonTargetRowsInTableBody(table, activeParentId);\n  for (const row of rows) {\n    row.classList.add(disabledNonTargetRow);\n  }\n}\n\n/**\n * Moves row on the y-axis by the given number of pixels. Applies a transition\n * also to make it looks smoother, using strato tokens for duration and easing.\n * @param row - the row to translate\n * @param value - number of pixels (positive for down or negative for up)\n */\nfunction translateRowY(row: HTMLElement[], value: number): void {\n  const transform = `translateY(${value}px)`;\n  const transition = `transform ${Animations.SlideIn.Duration.Base} ${Animations.Move.Easing}`;\n  for (const rowElement of row) {\n    rowElement.style.transform = transform;\n    rowElement.style.transition = transition;\n  }\n}\n\n/**\n * Resets the transform style on the given row.\n * @param rows - the row we want to reset.\n * @internal\n */\nexport function resetAllStylesForRows(rows: HTMLElement[]): void {\n  if (rows.length === 0) {\n    return;\n  }\n  for (const row of rows) {\n    row.style.removeProperty('transform');\n    row.style.removeProperty('transition');\n    row.classList.remove(disabledNonTargetRow);\n  }\n}\n\n/**\n * Gets the row elements with a given row id (including row details row).\n * @param table - the current table.\n * @param id - id of the row (matches against `data-rowid`).\n * @returns matching rows.\n * @internal\n */\nexport function getRowWithId(\n  table: HTMLElement,\n  id: string | number | undefined,\n): HTMLElement[] {\n  if (id === undefined) {\n    return [];\n  }\n  const rowElements = table.querySelectorAll<HTMLElement>(\n    `[data-rowid=\"${CSS.escape(String(id))}\"], [data-rowid=\"${CSS.escape(\n      String(id),\n    )}${DATA_TABLE_ROW_EXPANDED_ID_SUFFIX}\"], [data-rowid=\"${CSS.escape(\n      String(id),\n    )}${DATA_TABLE_PINNING_SHADOW_CELL_ROW_ID_SUFFIX}\"]`,\n  );\n\n  return Array.from(rowElements);\n}\n\n/**\n * Gets all rows in the given table that are not within the same sub-row parent.\n *\n * @param table - the table we are concerned with.\n * @param parentIdToExclude - parent id to be excluded\n * @returns all rows in the table (div elements with role=\"row\").\n * @internal\n */\nexport function getAllNonTargetRowsInTableBody(\n  table: HTMLElement,\n  parentIdToExclude?: string,\n): HTMLElement[] {\n  const nonTargetRows = table.querySelectorAll<HTMLElement>(\n    `[data-rowgroup=\"body\"] [role=\"row\"]:not([data-rowid^=\"${CSS.escape(\n      String(parentIdToExclude),\n    )}\"]`,\n  );\n\n  return Array.from(nonTargetRows);\n}\n\n/**\n * Gets all rows in the given table (all rows that have role=\"row\" and a data-rowid attribute).\n * @param table - the table we are concerned with.\n * @returns all rows in the table.\n * @internal\n */\nexport function getAllRowsInTableBody(table: HTMLElement): HTMLElement[] {\n  const allRowsInTableBody = table.querySelectorAll<HTMLElement>(\n    '[role=\"row\"][data-rowid], [role=\"presentation\"][data-rowid]',\n  );\n\n  return Array.from(allRowsInTableBody);\n}\n\n/**\n * @param table - the table we are concerned with.\n * @param rowNumber - zero-based row number\n * @returns the drag handle of the given row for drag and drop ordering\n * @internal\n */\nexport function getDragHandleForRow(\n  table: HTMLElement,\n  rowNumber: number,\n): HTMLElement | null {\n  return table.querySelector<HTMLElement>(\n    `[role=\"row\"][data-row=\"${rowNumber}\"] [role=\"cell\"][data-column=\"0\"] button`,\n  );\n}\n// #endregion RowTransforms\n\n/**\n * Gets the `fromIndex` and `toIndex` from the over and active id.\n * @param rowOrder - contains the ids of the rows in order.\n * @param activeId - is the id of the currently actively dragged row\n * @param overId - is the target id of where the dragging row is currently dragged to\n * @returns indexes from where a row is dragged and where it is dragged to\n * @internal\n */\nexport function getDragIndexes(\n  rowOrder: string[],\n  activeId: string,\n  overId: string,\n): { fromIndex: number; toIndex: number } {\n  const fromIndex = rowOrder.findIndex((id) => id === activeId);\n  const toIndex = rowOrder.findIndex((id) => id === overId);\n  return { fromIndex, toIndex };\n}\n\n// #region CollisionDetection\n/**\n * Check if a given point is contained within a bounding rectangle\n */\nfunction isPointWithinRectY(pointY: number, rect: ClientRect): boolean {\n  return rect.top <= pointY && pointY <= rect.bottom;\n}\n\nexport const DATA_TABLE_ROW_DND_COLLISION_OFFSET =\n  DATA_TABLE_DEFAULT_MIN_ROW_HEIGHT / 2 - 1;\n\n/**\n * Custom collision detection algorithm for row order drag and drop.\n * Determines the closest droppable target within the Y-axis based on the dragging direction.\n *\n * @param param0 - Object containing the droppable containers, the droppable rects, the collision rect and\n *                 the active element, which are needed for the collision detection.\n * @returns An array of collision descriptors, sorted by the distance to the dragged row, or an empty array if none is found.\n * @internal\n */\nexport const closestTargetWithinY: CollisionDetection = ({\n  droppableContainers,\n  droppableRects,\n  collisionRect,\n  active,\n}) => {\n  const initialRect = active.rect.current.initial;\n  if (initialRect === null) {\n    return [];\n  }\n\n  const collisions: CollisionDescriptor[] = [];\n\n  // To make this work for varying row heights, depending on the dragging direction\n  // we take either the top or the bottom of the dragged row to check for collisions\n  // (minus a small offset, so the rows have to overlap a bit, before they would be swapped)\n  const isDraggingUp = collisionRect.top < initialRect.top;\n  // min row height is 24px, to ensure the offset is in the top/bottom half: 24 / 2 - 1 = 11\n  const collisionRectY = isDraggingUp\n    ? collisionRect.top + DATA_TABLE_ROW_DND_COLLISION_OFFSET\n    : collisionRect.bottom - DATA_TABLE_ROW_DND_COLLISION_OFFSET;\n\n  for (const droppableContainer of droppableContainers) {\n    const { id, node } = droppableContainer;\n    const rect = droppableRects.get(id);\n    if (rect === undefined) {\n      continue;\n    }\n\n    // the droppable containers do not consider the row details height, so we need to get that\n    // this can be removed once we have subgrids and can put the ref on the row itself (APPDEV-12251)\n    const heightAdaptedRect = { ...rect };\n    const rowDetailsElement = node.current?.parentElement?.querySelector(\n      `[data-rowid=\"${CSS.escape(\n        String(id),\n      )}${DATA_TABLE_ROW_EXPANDED_ID_SUFFIX}\"]`,\n    );\n\n    if (rowDetailsElement) {\n      const detailsHeight = rowDetailsElement.getBoundingClientRect().height;\n      heightAdaptedRect.height += detailsHeight;\n      heightAdaptedRect.bottom += detailsHeight;\n    }\n\n    if (isPointWithinRectY(collisionRectY, heightAdaptedRect)) {\n      // return the container that the active rect is dragged over\n      return [\n        {\n          id,\n          data: { droppableContainer },\n        },\n      ];\n    }\n\n    // in case the dragged row's collisionRectY is not directly within any of the droppable containers\n    // (e.g. when dragging over the scrollbar) we need to find the closest one. Therefore, we calculate\n    // the distance between the droppable container's top/bottom and the collisionRectY coordinate.\n    const droppableContainerY = isDraggingUp ? rect.top : rect.bottom;\n    const distance = Math.abs(collisionRectY - droppableContainerY);\n    collisions.push({ id, data: { droppableContainer, value: distance } });\n  }\n\n  return collisions.toSorted((a, b) => a.data.value - b.data.value);\n};\n\n/**\n * Identifies the last row in the given array where drag-and-drop is disabled, and where all preceding rows are also disabled.\n *\n * @param rows - the table rows\n * @returns the index of the last found row with disabled drag and drop\n */\nfunction findLastDisabledRow<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(rows: { rowIndex: number; row: Row<TFeatures, TData> }[]) {\n  let lastDisabledRowIndex: number | undefined = undefined;\n  for (const { rowIndex, row } of rows) {\n    if (row.getCanDrag()) {\n      break;\n    }\n    lastDisabledRowIndex = rowIndex;\n  }\n  return lastDisabledRowIndex;\n}\n\n/**\n * Custom collision detection function that filters droppable containers based the sub-row depth of the dragged row,\n * and then applies the custom closestCenterWithinY algorithm on the filtered targets.\n * Only rows on the same sub-row depth level can be ordered.\n *\n * We need to pass the dragged row stored in the table state, as during dragging in a scrollable table it can happen\n * that the active row is virtualized and would therefore be undefined.\n *\n * @param draggingRowInfo - active/dragged row info saved in the table state\n * @returns\n */\nexport function createRowOrderCollisionDetection<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  draggingRowInfo: {\n    id: string;\n    index: number;\n    row: Row<TFeatures, TData>;\n  } | null,\n): CollisionDetection {\n  return ({ active, droppableContainers, ...rest }) => {\n    if (draggingRowInfo === null) {\n      return [];\n    }\n    const activeRow = draggingRowInfo.row;\n    const activeRowIndex = draggingRowInfo.index;\n    const activeRowSubRowDepth = activeRow.getSubRowDepth();\n\n    const lastExpandedSubRowsOnLevel = new Set<string>();\n\n    const validTargets = droppableContainers.filter((target) => {\n      const targetRow = target.data.current?.row as Row<\n        { rowExpandingFeature: typeof rowExpandingFeature },\n        RowData\n      >;\n      const targetRowIndex = target.data.current?.rowIndex;\n      const targetRowSubRowDepth = targetRow?.getSubRowDepth();\n      const targetRowDisabled = !targetRow?.getCanDrag();\n      const targetRowLockedDisabled =\n        targetRow?.getDisabledRowDragAndDropLockPosition?.();\n\n      const isSameDepthAndParent =\n        targetRowSubRowDepth === activeRowSubRowDepth &&\n        activeRow.parentId === targetRow.parentId;\n\n      // currently active row is a valid target\n      if (activeRowIndex === targetRowIndex) {\n        return true;\n      }\n\n      if (targetRowDisabled && targetRowLockedDisabled !== false) {\n        const rowsByRowIndex = droppableContainers\n          .filter(\n            (container) => container.data.current?.row.parentId === undefined,\n          )\n          .map((container) => ({\n            rowIndex: container.data.current?.rowIndex,\n            row: container.data.current?.row,\n          }))\n          .toSorted((data1, data2) => data1?.rowIndex - data2?.rowIndex);\n\n        const lastDisabledRowIndexFromStart =\n          targetRowLockedDisabled !== 'end'\n            ? findLastDisabledRow(rowsByRowIndex)\n            : undefined;\n        const firstDisabledRowIndexFromEnd =\n          targetRowLockedDisabled !== 'start'\n            ? findLastDisabledRow(rowsByRowIndex.toReversed())\n            : undefined;\n\n        // if the disabled row is already (grouped) at the start or end,\n        // the row is not a valid target\n        if (\n          targetRow.parentId === undefined &&\n          ((lastDisabledRowIndexFromStart !== undefined &&\n            targetRowIndex <= lastDisabledRowIndexFromStart) ||\n            (firstDisabledRowIndexFromEnd !== undefined &&\n              targetRowIndex >= firstDisabledRowIndexFromEnd))\n        ) {\n          return false;\n        }\n      }\n\n      if (isSameDepthAndParent) {\n        const hasOpenSubRows =\n          targetRow.getCanExpand() && targetRow.getIsExpanded();\n\n        // when active row is moved down, and the target row has expanded sub-rows the row\n        // should only be moved when it's moved past the sub-rows\n        // therefore, instead of the parent row, the last expanded sub-row is the valid target\n        if (activeRowIndex < targetRowIndex && hasOpenSubRows) {\n          // get id of last open subrow and save it to be able to make it the actual target\n          const lastExpandedRow = targetRow.getLastExpandedSubRow();\n          if (lastExpandedRow) {\n            lastExpandedSubRowsOnLevel.add(lastExpandedRow.id);\n          }\n          return false;\n        }\n\n        return true;\n      }\n\n      if (targetRowSubRowDepth > activeRowSubRowDepth) {\n        // if the target is the last expanded sub-row of a target row\n        return lastExpandedSubRowsOnLevel.has(targetRow.id);\n      }\n\n      return false;\n    });\n\n    // Apply closestTargetWithinY on filtered targets\n    return closestTargetWithinY({\n      active,\n      droppableContainers: validTargets,\n      ...rest,\n    });\n  };\n}\n// #endregion CollisionDetection\n\n// #region Modifiers\n/**\n * Restricts the vertical movement of an element within the specified bounds.\n *\n * @param transform - Transform values of the currently dragged element\n * @param rect - The bounding rectangle of the element being transformed.\n * @param verticalBounds - The bounds within which the element should be restricted.\n * @returns The updated transform object with restricted y value.\n * @internal\n */\nexport function restrictToVerticalBounds(\n  transform: DragAndDropTransform,\n  rect: ClientRect,\n  verticalBounds: {\n    top: number;\n    bottom: number;\n  },\n): DragAndDropTransform {\n  const value = {\n    ...transform,\n  };\n\n  if (\n    rect.top >= verticalBounds.top &&\n    rect.top + transform.y <= verticalBounds.top\n  ) {\n    value.y = verticalBounds.top - rect.top;\n  } else if (\n    rect.bottom <= verticalBounds.bottom &&\n    rect.bottom + transform.y >= verticalBounds.bottom\n  ) {\n    value.y = verticalBounds.bottom - rect.bottom;\n  }\n  // Only with keyboard navigation:\n  // When focusing the drag handle and scrolling the table so that the row is not visible anymore,\n  // and then pressing SPACE/ENTER to start dragging, the dragged row's position needs to be adjusted\n  // in a way where we need to make sure the row remains within the vertical bounds with the new transform value.\n  else if (rect.top < verticalBounds.top) {\n    const bottomTransformYLimit = verticalBounds.bottom - rect.bottom;\n    const transformY =\n      transform.y > 0\n        ? verticalBounds.top - rect.top + transform.y\n        : verticalBounds.top - rect.top;\n\n    // adjust value.y to be the bottom bound if the new transform value would position the row outside the bottom vertical bound\n    value.y =\n      transformY > bottomTransformYLimit ? bottomTransformYLimit : transformY;\n  } else if (rect.bottom > verticalBounds.bottom) {\n    const topTransformYLimit = verticalBounds.top - rect.top;\n    const transformY =\n      transform.y < 0\n        ? verticalBounds.bottom - rect.bottom + transform.y\n        : verticalBounds.bottom - rect.bottom;\n\n    // adjust value.y to be the top bound if the new transform value would position the row outside the top vertical bound\n    value.y = transformY > topTransformYLimit ? transformY : topTransformYLimit;\n  }\n\n  return value;\n}\n\n/**\n * Creates a dnd-kit modifier to restrict the dragging to the table row area.\n * @param tableHeaderHeight - This height is subtracted from the parent element height.\n * @param containedVariant - Whether the table is using the contained visual variant.\n * @param virtualizationContainer - The table's virtualization container.\n * @returns dnd-kit modifier\n * @internal\n */\nexport function createRestrictToTableRowAreaModifier(\n  tableHeaderHeight: number,\n  containedVariant: boolean,\n  virtualizationContainer?: HTMLDivElement,\n): Modifier {\n  return ({ transform, draggingNodeRect }) => {\n    if (!draggingNodeRect || virtualizationContainer === undefined) {\n      return transform;\n    }\n\n    // Restrict dragging to the vertical axis\n    transform.x = 0;\n\n    const parentRect = virtualizationContainer.getBoundingClientRect();\n    // Restrict dragging to the table container minus borders\n    const verticalBounds = {\n      top: containedVariant\n        ? parentRect?.top + tableHeaderHeight + getDataTableBorderWidth()\n        : parentRect?.top + tableHeaderHeight,\n      bottom: containedVariant\n        ? parentRect?.bottom - getDataTableBorderWidth()\n        : parentRect?.bottom,\n    };\n\n    return restrictToVerticalBounds(\n      transform,\n      draggingNodeRect,\n      verticalBounds,\n    );\n  };\n}\n// #endregion Modifiers\n"],
+  "mappings": "AAcA,OAAO,gBAAgB;AAEvB,SAAS,4BAA4B;AACrC,SAAS,+BAA+B;AACxC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAKP,IAAI,mBAAmB,oBAAI,IAAY;AAWhC,SAAS,uBAId,OACA,OACA,UACA,mBACA,WACM;AACN,MAAI,YAAY,MAAM,QAAQ,KAAK,QAAQ,YAAY;AAEvD,MACE,cAAc,UACd,aAAa,UACb,MAAM,eAAe,QACrB,MAAM,WAAW,QACjB,MAAM,SAAS,QACf,cAAc,QACd;AACA;AAAA,EACF;AAGA,qBAAmB,OAAO,UAAU,QAAQ;AAG5C,QAAM,kBAAkB,oBAAI,IAAY;AACxC,QAAM,EAAE,WAAW,QAAQ,IAAI;AAAA,IAC7B;AAAA,IACA,MAAM,OAAO;AAAA;AAAA,IACb,MAAM,KAAK;AAAA;AAAA,EACb;AAEA,QAAM,qBAAqB,cAAc,SAAS,SAAS;AAI3D,MACE,CAAC,qBACD,CAAC,sBACD,CAAC,UAAU,iBAAiB,GAC5B;AACA,iBAAa;AAAA,EACf;AAEA,MAAI,YAAY,SAAS;AACvB;AAAA,MACE;AAAA,MACA,SAAS,MAAM,YAAY,GAAG,UAAU,CAAC;AAAA,MACzC,CAAC;AAAA,MACD;AAAA,IACF;AAAA,EACF,WAAW,YAAY,SAAS;AAC9B;AAAA,MACE;AAAA,MACA,SAAS,MAAM,SAAS,SAAS;AAAA,MACjC;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAGA,gBAAc,OAAO,kBAAkB,CAAC;AACxC,qBAAmB;AACrB;AASA,SAAS,cACP,OACA,QACA,mBACA,iBACM;AACN,aAAW,SAAS,QAAQ;AAC1B,UAAM,MAAM,aAAa,OAAO,KAAK;AACrC,QAAI,IAAI,UAAU,GAAG;AACnB;AAAA,IACF;AACA,kBAAc,KAAK,iBAAiB;AACpC,QAAI,iBAAiB;AACnB,uBAAiB,OAAO,KAAK;AAC7B,sBAAgB,IAAI,KAAK;AAAA,IAC3B;AAAA,EACF;AACF;AASA,SAAS,mBAAmB,OAAoB,gBAA+B;AAE7E,MAAI,mBAAmB,QAAW;AAChC;AAAA,EACF;AACA,QAAM,OAAO,+BAA+B,OAAO,cAAc;AACjE,aAAW,OAAO,MAAM;AACtB,QAAI,UAAU,IAAI,oBAAoB;AAAA,EACxC;AACF;AAQA,SAAS,cAAc,KAAoB,OAAqB;AAC9D,QAAM,YAAY,cAAc,KAAK;AACrC,QAAM,aAAa,aAAa,WAAW,QAAQ,SAAS,IAAI,IAAI,WAAW,KAAK,MAAM;AAC1F,aAAW,cAAc,KAAK;AAC5B,eAAW,MAAM,YAAY;AAC7B,eAAW,MAAM,aAAa;AAAA,EAChC;AACF;AAOO,SAAS,sBAAsB,MAA2B;AAC/D,MAAI,KAAK,WAAW,GAAG;AACrB;AAAA,EACF;AACA,aAAW,OAAO,MAAM;AACtB,QAAI,MAAM,eAAe,WAAW;AACpC,QAAI,MAAM,eAAe,YAAY;AACrC,QAAI,UAAU,OAAO,oBAAoB;AAAA,EAC3C;AACF;AASO,SAAS,aACd,OACA,IACe;AACf,MAAI,OAAO,QAAW;AACpB,WAAO,CAAC;AAAA,EACV;AACA,QAAM,cAAc,MAAM;AAAA,IACxB,gBAAgB,IAAI,OAAO,OAAO,EAAE,CAAC,CAAC,oBAAoB,IAAI;AAAA,MAC5D,OAAO,EAAE;AAAA,IACX,CAAC,GAAG,iCAAiC,oBAAoB,IAAI;AAAA,MAC3D,OAAO,EAAE;AAAA,IACX,CAAC,GAAG,4CAA4C;AAAA,EAClD;AAEA,SAAO,MAAM,KAAK,WAAW;AAC/B;AAUO,SAAS,+BACd,OACA,mBACe;AACf,QAAM,gBAAgB,MAAM;AAAA,IAC1B,yDAAyD,IAAI;AAAA,MAC3D,OAAO,iBAAiB;AAAA,IAC1B,CAAC;AAAA,EACH;AAEA,SAAO,MAAM,KAAK,aAAa;AACjC;AAQO,SAAS,sBAAsB,OAAmC;AACvE,QAAM,qBAAqB,MAAM;AAAA,IAC/B;AAAA,EACF;AAEA,SAAO,MAAM,KAAK,kBAAkB;AACtC;AAQO,SAAS,oBACd,OACA,WACoB;AACpB,SAAO,MAAM;AAAA,IACX,0BAA0B,SAAS;AAAA,EACrC;AACF;AAWO,SAAS,eACd,UACA,UACA,QACwC;AACxC,QAAM,YAAY,SAAS,UAAU,CAAC,OAAO,OAAO,QAAQ;AAC5D,QAAM,UAAU,SAAS,UAAU,CAAC,OAAO,OAAO,MAAM;AACxD,SAAO,EAAE,WAAW,QAAQ;AAC9B;AAMA,SAAS,mBAAmB,QAAgB,MAA2B;AACrE,SAAO,KAAK,OAAO,UAAU,UAAU,KAAK;AAC9C;AAEO,MAAM,sCACX,oCAAoC,IAAI;AAWnC,MAAM,uBAA2C,CAAC;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,cAAc,OAAO,KAAK,QAAQ;AACxC,MAAI,gBAAgB,MAAM;AACxB,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,aAAoC,CAAC;AAK3C,QAAM,eAAe,cAAc,MAAM,YAAY;AAErD,QAAM,iBAAiB,eACnB,cAAc,MAAM,sCACpB,cAAc,SAAS;AAE3B,aAAW,sBAAsB,qBAAqB;AACpD,UAAM,EAAE,IAAI,KAAK,IAAI;AACrB,UAAM,OAAO,eAAe,IAAI,EAAE;AAClC,QAAI,SAAS,QAAW;AACtB;AAAA,IACF;AAIA,UAAM,oBAAoB,EAAE,GAAG,KAAK;AACpC,UAAM,oBAAoB,KAAK,SAAS,eAAe;AAAA,MACrD,gBAAgB,IAAI;AAAA,QAClB,OAAO,EAAE;AAAA,MACX,CAAC,GAAG,iCAAiC;AAAA,IACvC;AAEA,QAAI,mBAAmB;AACrB,YAAM,gBAAgB,kBAAkB,sBAAsB,EAAE;AAChE,wBAAkB,UAAU;AAC5B,wBAAkB,UAAU;AAAA,IAC9B;AAEA,QAAI,mBAAmB,gBAAgB,iBAAiB,GAAG;AAEzD,aAAO;AAAA,QACL;AAAA,UACE;AAAA,UACA,MAAM,EAAE,mBAAmB;AAAA,QAC7B;AAAA,MACF;AAAA,IACF;AAKA,UAAM,sBAAsB,eAAe,KAAK,MAAM,KAAK;AAC3D,UAAM,WAAW,KAAK,IAAI,iBAAiB,mBAAmB;AAC9D,eAAW,KAAK,EAAE,IAAI,MAAM,EAAE,oBAAoB,OAAO,SAAS,EAAE,CAAC;AAAA,EACvE;AAEA,SAAO,WAAW,SAAS,CAAC,GAAG,MAAM,EAAE,KAAK,QAAQ,EAAE,KAAK,KAAK;AAClE;AAQA,SAAS,oBAGP,MAA0D;AAC1D,MAAI,uBAA2C;AAC/C,aAAW,EAAE,UAAU,IAAI,KAAK,MAAM;AACpC,QAAI,IAAI,WAAW,GAAG;AACpB;AAAA,IACF;AACA,2BAAuB;AAAA,EACzB;AACA,SAAO;AACT;AAaO,SAAS,iCAId,iBAKoB;AACpB,SAAO,CAAC,EAAE,QAAQ,qBAAqB,GAAG,KAAK,MAAM;AACnD,QAAI,oBAAoB,MAAM;AAC5B,aAAO,CAAC;AAAA,IACV;AACA,UAAM,YAAY,gBAAgB;AAClC,UAAM,iBAAiB,gBAAgB;AACvC,UAAM,uBAAuB,UAAU,eAAe;AAEtD,UAAM,6BAA6B,oBAAI,IAAY;AAEnD,UAAM,eAAe,oBAAoB,OAAO,CAAC,WAAW;AAC1D,YAAM,YAAY,OAAO,KAAK,SAAS;AAIvC,YAAM,iBAAiB,OAAO,KAAK,SAAS;AAC5C,YAAM,uBAAuB,WAAW,eAAe;AACvD,YAAM,oBAAoB,CAAC,WAAW,WAAW;AACjD,YAAM,0BACJ,WAAW,wCAAwC;AAErD,YAAM,uBACJ,yBAAyB,wBACzB,UAAU,aAAa,UAAU;AAGnC,UAAI,mBAAmB,gBAAgB;AACrC,eAAO;AAAA,MACT;AAEA,UAAI,qBAAqB,4BAA4B,OAAO;AAC1D,cAAM,iBAAiB,oBACpB;AAAA,UACC,CAAC,cAAc,UAAU,KAAK,SAAS,IAAI,aAAa;AAAA,QAC1D,EACC,IAAI,CAAC,eAAe;AAAA,UACnB,UAAU,UAAU,KAAK,SAAS;AAAA,UAClC,KAAK,UAAU,KAAK,SAAS;AAAA,QAC/B,EAAE,EACD,SAAS,CAAC,OAAO,UAAU,OAAO,WAAW,OAAO,QAAQ;AAE/D,cAAM,gCACJ,4BAA4B,QACxB,oBAAoB,cAAc,IAClC;AACN,cAAM,+BACJ,4BAA4B,UACxB,oBAAoB,eAAe,WAAW,CAAC,IAC/C;AAIN,YACE,UAAU,aAAa,WACrB,kCAAkC,UAClC,kBAAkB,iCACjB,iCAAiC,UAChC,kBAAkB,+BACtB;AACA,iBAAO;AAAA,QACT;AAAA,MACF;AAEA,UAAI,sBAAsB;AACxB,cAAM,iBACJ,UAAU,aAAa,KAAK,UAAU,cAAc;AAKtD,YAAI,iBAAiB,kBAAkB,gBAAgB;AAErD,gBAAM,kBAAkB,UAAU,sBAAsB;AACxD,cAAI,iBAAiB;AACnB,uCAA2B,IAAI,gBAAgB,EAAE;AAAA,UACnD;AACA,iBAAO;AAAA,QACT;AAEA,eAAO;AAAA,MACT;AAEA,UAAI,uBAAuB,sBAAsB;AAE/C,eAAO,2BAA2B,IAAI,UAAU,EAAE;AAAA,MACpD;AAEA,aAAO;AAAA,IACT,CAAC;AAGD,WAAO,qBAAqB;AAAA,MAC1B;AAAA,MACA,qBAAqB;AAAA,MACrB,GAAG;AAAA,IACL,CAAC;AAAA,EACH;AACF;AAaO,SAAS,yBACd,WACA,MACA,gBAIsB;AACtB,QAAM,QAAQ;AAAA,IACZ,GAAG;AAAA,EACL;AAEA,MACE,KAAK,OAAO,eAAe,OAC3B,KAAK,MAAM,UAAU,KAAK,eAAe,KACzC;AACA,UAAM,IAAI,eAAe,MAAM,KAAK;AAAA,EACtC,WACE,KAAK,UAAU,eAAe,UAC9B,KAAK,SAAS,UAAU,KAAK,eAAe,QAC5C;AACA,UAAM,IAAI,eAAe,SAAS,KAAK;AAAA,EACzC,WAKS,KAAK,MAAM,eAAe,KAAK;AACtC,UAAM,wBAAwB,eAAe,SAAS,KAAK;AAC3D,UAAM,aACJ,UAAU,IAAI,IACV,eAAe,MAAM,KAAK,MAAM,UAAU,IAC1C,eAAe,MAAM,KAAK;AAGhC,UAAM,IACJ,aAAa,wBAAwB,wBAAwB;AAAA,EACjE,WAAW,KAAK,SAAS,eAAe,QAAQ;AAC9C,UAAM,qBAAqB,eAAe,MAAM,KAAK;AACrD,UAAM,aACJ,UAAU,IAAI,IACV,eAAe,SAAS,KAAK,SAAS,UAAU,IAChD,eAAe,SAAS,KAAK;AAGnC,UAAM,IAAI,aAAa,qBAAqB,aAAa;AAAA,EAC3D;AAEA,SAAO;AACT;AAUO,SAAS,qCACd,mBACA,kBACA,yBACU;AACV,SAAO,CAAC,EAAE,WAAW,iBAAiB,MAAM;AAC1C,QAAI,CAAC,oBAAoB,4BAA4B,QAAW;AAC9D,aAAO;AAAA,IACT;AAGA,cAAU,IAAI;AAEd,UAAM,aAAa,wBAAwB,sBAAsB;AAEjE,UAAM,iBAAiB;AAAA,MACrB,KAAK,mBACD,YAAY,MAAM,oBAAoB,wBAAwB,IAC9D,YAAY,MAAM;AAAA,MACtB,QAAQ,mBACJ,YAAY,SAAS,wBAAwB,IAC7C,YAAY;AAAA,IAClB;AAEA,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

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

@@ -0,0 +1,44 @@
+import { useCallback } from "react";
+import { useControllableState } from "../../../../core/hooks/useControllableState.js";
+function isRowOrderConfigObject(rowOrdering) {
+  return typeof rowOrdering === "object";
+}
+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
+  });
+  options.enableRowOrderDragAndDrop = false;
+  if (rowOrdering === false || rowOrdering === void 0) {
+    options.enableRowOrdering = false;
+    return;
+  }
+  options.enableRowOrdering = true;
+  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;
+    }
+  }
+}
+export {
+  useRowOrder
+};
+//# sourceMappingURL=useRowOrder.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/tables/DataTable/features/RowOrder/useRowOrder.ts"],
+  "sourcesContent": ["/* eslint-disable react-hooks/immutability */\nimport { type Row, type TableOptions } from '@tanstack/react-table';\nimport { useCallback } from 'react';\n\nimport type { DataTableRowOrderProps } from './row-order-types.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport type { DataTableRowData } from '../../row-data-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\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<TDataTableFeatures, Exclude<TData, unknown>>,\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<TDataTableFeatures, Exclude<TData, unknown>>) => {\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.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"],
+  "mappings": "AAEA,SAAS,mBAAmB;AAG5B,SAAS,4BAA4B;AASrC,SAAS,uBACP,aASA;AACA,SAAO,OAAO,gBAAgB;AAChC;AAMO,SAAS,YACd,OACA,SACM;AACN,QAAM,EAAE,YAAY,IAAI;AAExB,QAAM,0BACJ,OAAO,gBAAgB,WACnB,YAAY,wBACZ;AAEN,QAAM,+BAA+B;AAAA,IACnC,CAAC,QAA0D;AAEzD,UAAI,CAAC,yBAAyB;AAC5B,eAAO;AAAA,MACT;AACA,aAAO,CAAC,wBAAwB,IAAI,QAAQ;AAAA,IAC9C;AAAA,IACA,CAAC,uBAAuB;AAAA,EAC1B;AAEA,QAAM,CAAC,UAAU,gBAAgB,IAAI,qBAA+B;AAAA,IAClE,OAAO,MAAM;AAAA,IACb,cAAc,MAAM;AAAA,IACpB,UAAU,MAAM;AAAA,EAClB,CAAC;AAED,UAAQ,4BAA4B;AACpC,MAAI,gBAAgB,SAAS,gBAAgB,QAAW;AACtD,YAAQ,oBAAoB;AAC5B;AAAA,EACF;AAEA,UAAQ,oBAAoB;AAC5B,UAAQ,mBAAmB;AAC3B,UAAQ,QAAQ,EAAE,GAAG,QAAQ,OAAO,SAAS;AAG7C,MAAI,uBAAuB,WAAW,GAAG;AACvC,QACE,YAAY,sBAAsB,QAClC,YAAY,0BAA0B,QACtC;AACA,cAAQ,mBAAmB,YAAY;AACvC,cAAQ,4BAA4B;AACpC,cAAQ,qBAAqB;AAAA,IAC/B,OAAO;AACL,cAAQ,4BACN,YAAY,sBAAsB;AAAA,IACtC;AAAA,EACF;AACF;",
+  "names": []
+}