@dynatrace/strato-components 3.5.2 → 3.7.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/SubRows/SubRows.tsx"],
-  "sourcesContent": ["import { type ExpandedStateList } from '@tanstack/react-table';\nimport { type JSX } from 'react';\n\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\n\nimport type { DataTableSubRowsProps } from './sub-rows-types.js';\nimport { calculateMaxVisibleDepth, isRowDisabled } from './sub-rows-utils.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport {\n  DATA_TABLE_SUB_ROW_EXPANDER_ICON_SIZE as SUB_ROW_EXPANDER_ICON_SIZE,\n  DATA_TABLE_SUB_ROW_INDENT_GRID as SUB_ROW_INDENT_GRID,\n  DATA_TABLE_SUB_ROW_DENSITY_PADDING_MAP as SUB_ROW_DENSITY_PADDING_MAP,\n} from '../../constants.js';\nimport { useDataTable } from '../../contexts/DataTableContext.js';\nimport { makeAccessorFunction } from '../../hooks/makeAccessorFunction.js';\nimport type {\n  ColumnDef,\n  Row,\n  Table,\n  TableFeature,\n  TableOptions,\n} from '../../hooks/useTable/types.js';\nimport {\n  assignRowMethods,\n  getMemoOptions,\n} from '../../hooks/useTable/utils.js';\nimport type { DataTableRowData } from '../../public.api.js';\nimport { memo } from '../../tanstack-table-core-override/src/utils.js';\n\n/**\n * Default accessor for the subRows\n * @internal\n */\nexport function defaultSubRowsAccessor<TData>(originalRow: TData): TData[] {\n  return (originalRow as TData & { subRows: TData[] })?.subRows;\n}\n\n/**\n * @internal\n */\nexport const DataTableSubRows: TableFeature = {\n  createTable<TData extends DataTableRowData>(table: Table<TData>): void {\n    const disabledSubRowsCache = new Map<string, boolean>();\n    const rowLineConfig = new Map<\n      string,\n      Array<'Line' | 'TShape' | 'LShape' | 'Empty'>\n    >();\n\n    table.getIsAllRowsExpanded = memo(\n      () => [table.getState().expanded, table.getRowModel().flatRows],\n      (expandedState, flatRows) => {\n        // If expandedState is true, save some cycles and return true.\n        if (typeof expandedState === 'boolean') {\n          return expandedState === true;\n        }\n\n        // If expandedState is an object, but has no values, return false immediately\n        if (!Object.keys(expandedState).length) {\n          return false;\n        }\n\n        // If any row that can be expanded is not expanded, return false\n        if (\n          // The original code from @tanstack/react-table does not check if a row is even\n          // expandable before it counts it as isExpanded.\n          flatRows.some((row) => {\n            return (\n              row.getCanExpand() &&\n              !row.getIsExpanded() &&\n              !row.getCanExpandDisabled() &&\n              !table.getIsAncestorDisabled(row)\n            );\n          })\n        ) {\n          return false;\n        }\n\n        // They must all be expanded :shrug:\n        return true;\n      },\n      getMemoOptions(table.options, 'debugTable', 'table.getIsAllRowsExpanded'),\n    );\n\n    /**\n     * We have to overwrite the function from tanstack expanding all sub-rows should\n     * call the `onOpenSubRowsChange` with all sub-rows and not only `true`.\n     */\n    table.toggleAllRowsExpanded = () => {\n      if (!table.getIsAllRowsExpanded()) {\n        const newExpandedState: Record<string, boolean> = table\n          .getExpandedRowModel()\n          .flatRows.reduce((expanded, row) => {\n            if (row.getCanExpand() && !row.getCanExpandDisabled()) {\n              expanded[row.id] = true;\n            }\n            return expanded;\n          }, {} as Record<string, boolean>);\n        table.setExpanded(newExpandedState);\n      } else {\n        table.setExpanded({});\n      }\n    };\n\n    table.getSubRowIndicatorColumnId = memo(\n      () => [\n        table.options.enableExpanding,\n        table.options.subRowColumnId,\n        table.getState().columnVisibility,\n        table.options.columns,\n      ],\n      (enableSubRows, subrowColumnId) => {\n        if (enableSubRows !== true) {\n          return null;\n        }\n\n        // If a subrowColumnId is defined in the options, we can immediately\n        // use the configured id and do not need to look for the first visible one.\n        if (subrowColumnId) {\n          table.remeasureColumn(subrowColumnId);\n          return subrowColumnId;\n        }\n\n        const visibleLeafColumns = table.getVisibleLeafColumns();\n\n        for (const column of visibleLeafColumns) {\n          const columnDef = column.columnDef as ColumnDef<TData>;\n          if (columnDef.meta && columnDef.meta.builtin !== true) {\n            table.remeasureColumn(column.id);\n            return column.id;\n          }\n        }\n        return null;\n      },\n      getMemoOptions(\n        table.options,\n        'debugTable',\n        'table.getSubRowIndicatorColumnId',\n      ),\n    );\n\n    table.getSubRowOpenDepth = memo(\n      () => [table.getState().expanded],\n      (expandedState) => {\n        const expandedRowIds: string[] = [];\n\n        if (expandedState === true) {\n          const rows = table.getExpandedRowModel().rows;\n\n          // all rows are expanded\n          for (const row of rows) {\n            if (row.subRows.length > 0) {\n              // filter out leafs, as they would also not be present in the expanded state\n              expandedRowIds.push(row.id);\n            }\n          }\n        } else {\n          for (const rowId in expandedState) {\n            if (expandedState[rowId]) {\n              // only include rows which are actually expanded: true\n              expandedRowIds.push(rowId);\n            }\n          }\n        }\n\n        return calculateMaxVisibleDepth(\n          expandedRowIds,\n          table.options.rowIdSeparator,\n        );\n      },\n      getMemoOptions(table.options, 'debugTable', 'table.getSubRowOpenDepth'),\n    );\n\n    table.getIsAncestorDisabled = memo(\n      (row) => [row, table.getPreExpandedRowModel().flatRows],\n      (row) => isRowDisabled(disabledSubRowsCache, row),\n      getMemoOptions(\n        table.options,\n        'debugTable',\n        'table.getIsAncestorDisabled',\n      ),\n    );\n\n    table.getHasSubRows = () =>\n      table.getCanSomeRowsExpand() || table.getIsAllRowsExpanded();\n\n    table.getRowLineConfig = memo(\n      (rowId) => [rowId],\n      (rowId) => {\n        if (!rowId) {\n          return [];\n        }\n        const lineConfig: Array<'Line' | 'TShape' | 'LShape' | 'Empty'> = [];\n        const row = table.getRow(rowId);\n\n        for (let i = 1; i <= row.depth; i += 1) {\n          if (i === row.depth) {\n            const isLastExpandedRowOnLevel = row.getIsLastExpandedOnLevel();\n            if (isLastExpandedRowOnLevel) {\n              lineConfig.push('LShape');\n              continue;\n            }\n            lineConfig.push('TShape');\n            continue;\n          }\n          lineConfig.push('Line');\n        }\n\n        // Fill the empty gaps and inherit the ones from the parent as well.\n        const parentId = row.parentId;\n        if (parentId) {\n          const parentShapes =\n            rowLineConfig.get(parentId) ?? table.getRowLineConfig(parentId);\n          if (parentShapes.at(-1) === 'LShape') {\n            lineConfig[lineConfig.length - 2] = 'Empty';\n          }\n          for (const [index, shape] of parentShapes.entries()) {\n            if (shape === 'Empty') {\n              lineConfig[index] = 'Empty';\n            }\n          }\n        }\n\n        // Populate the cache with the stored items.\n        rowLineConfig.set(rowId, lineConfig);\n        return lineConfig;\n      },\n      getMemoOptions(table.options, 'debugTable', 'table.getRowLineConfig'),\n    );\n\n    assignRowMethods(table, {\n      toggleExpanded(this: Row<TData>, expanded?: boolean): void {\n        table.setExpanded((prev) => {\n          // true, if the current row was expanded before\n          const exists = prev === true ? true : !!prev?.[this.id];\n\n          let prevExpandedState: ExpandedStateList = {};\n          if (prev === true) {\n            // ALL rows were expanded before\n            table.getCoreRowModel().flatRows.forEach((row) => {\n              if (\n                !row.getCanExpandDisabled() ||\n                !table.getIsAncestorDisabled(row)\n              ) {\n                prevExpandedState[row.id] = true;\n              }\n            });\n          } else {\n            prevExpandedState = prev;\n          }\n\n          const shouldExpand = expanded ?? !exists;\n          if (!exists && shouldExpand) {\n            // row should expand and was not expanded before \u2192 add to new expand state\n            return {\n              ...prevExpandedState,\n              [this.id]: true,\n            };\n          }\n\n          if (exists && !shouldExpand) {\n            // row was expanded before and should be collapsed\n            for (const key in prevExpandedState) {\n              // also collapse all its sub-rows\n              if (key.startsWith(this.id)) {\n                delete prevExpandedState[key];\n              }\n            }\n            // remove row itself from expand state\n            const { [this.id]: _, ...rest } = prevExpandedState;\n            return rest;\n          }\n\n          // row should not expand and also was not expanded before\n          // do nothing and return old state\n          return prev;\n        });\n      },\n\n      getIsLastExpandedOnLevel: memo(\n        function (this: Row<TData>) {\n          return [\n            table.getRowOrderRowModel().flatRows,\n            table.getState().expanded,\n            this.id,\n          ];\n        },\n        function (this: Row<TData>, orderedFlatRows: Row<TData>[]): boolean {\n          const parentRow = this.getParentRow();\n          const orderedSiblings = orderedFlatRows.find(\n            (row: Row<TData>) => row.id === parentRow?.id,\n          )?.subRows;\n          const lastSibling = orderedSiblings?.at(-1)?.id;\n          return lastSibling === this.id;\n        },\n        getMemoOptions(\n          table.options,\n          'debugRows',\n          'row.getIsLastInExpandedOnLevel',\n        ),\n      ),\n\n      getLastExpandedSubRow: memo(\n        function (this: Row<TData>) {\n          const state = table.getState();\n          return [\n            state.rowOrder,\n            state.sorting,\n            state.expanded,\n            table.options.data,\n            this.id,\n          ];\n        },\n        function (this: Row<TData>) {\n          const orderedRow = table\n            .getRowOrderRowModel()\n            .flatRows.find((sortedRow: Row<TData>) => sortedRow.id === this.id);\n\n          return (\n            orderedRow\n              ?.getLeafRows()\n              // only consider sub-rows that are actually expanded\n              .findLast((subRow: Row<TData>) =>\n                subRow.getParentRow()?.getIsExpanded(),\n              )\n          );\n        },\n        getMemoOptions(table.options, 'debugRows', 'row.getLastExpandedSubRow'),\n      ),\n\n      getIsExpanded(this: Row<TData>): boolean {\n        const expanded = table.getState().expanded;\n        return !!(\n          (expanded === true || expanded[this.id]) &&\n          !table.getIsAncestorDisabled(this)\n        );\n      },\n\n      /** Determines whether the given subRow expander is disabled. */\n      getCanExpandDisabled(this: Row<TData>): boolean {\n        return table.options.getRowExpandDisabled?.(this.original) ?? false;\n      },\n\n      getSubRowDepth(this: Row<TData>) {\n        return this.id.split(table.options.rowIdSeparator || '.').length - 1;\n      },\n    });\n  },\n};\n\n/**\n * Calculates the width for the subrow indicator cell based on the current indent width.\n * @param rowDensity - the configured row density of the table\n * @param indentWidth - the current indent width based on the subrow depth\n * @internal\n */\nexport function getSubRowCellWidth(\n  rowDensity: 'default' | 'condensed' | 'comfortable',\n  indentWidth: number,\n): string {\n  const rowDensityPadding = SUB_ROW_DENSITY_PADDING_MAP[rowDensity];\n\n  // Calculate the cell width by adding the icon button size (icon size + 2 * Size2 padding)\n  // and the density padding to the right\n  return `calc(${\n    indentWidth + SUB_ROW_EXPANDER_ICON_SIZE + rowDensityPadding\n  }px + ${Spacings.Size4})`;\n}\n\n/**\n * Corrects the subrow header width in situations where content width is not sufficient.\n * This is the case when rows are virtualized or paginated.\n * @internal\n */\nexport function SubRowsHeaderWidthCorrection(\n  props: Readonly<{ subRowOpenDepth: number }>,\n): JSX.Element {\n  const { subRowOpenDepth } = props;\n  const table = useDataTable();\n  const hasMultiplePages =\n    table.options.enablePagination === true && table.getPageCount() > 1;\n\n  let width: string | undefined;\n  if (hasMultiplePages || table.getHasVirtualizedRows()) {\n    const indentWidth = SUB_ROW_INDENT_GRID * subRowOpenDepth;\n    const rowDensity = table.getVisualVariantOptions().rowDensity;\n    width = getSubRowCellWidth(rowDensity, indentWidth);\n  }\n\n  return (\n    <div\n      style={{\n        // Expand to fill available space in the cell.\n        // This is especially important for right-aligned columns\n        // to push the subrow expander all the way to the left.\n        flex: 1,\n        // Ensure correct width based on the current sub-row max depth,\n        // if table has virtualized or paginated rows.\n        width,\n      }}\n    />\n  );\n}\n\n/**\n * Configuration hook for subrows of the DataTable.\n * @internal\n */\nexport function useSubRows<TData extends DataTableRowData>(\n  props: DataTableSubRowsProps<TData>,\n  options: TableOptions<TData>,\n): void {\n  const { subRows } = props;\n\n  const [openSubRows, setOpenSubRows] = useControllableState({\n    value: props.openSubRows,\n    defaultValue: props.defaultOpenSubRows,\n    onChange: (value) => {\n      if (value !== true) {\n        props.onOpenSubRowsChange?.(value);\n      }\n    },\n  });\n\n  if (subRows === undefined || subRows === false) {\n    options.enableExpanding = false;\n    return;\n  }\n\n  options.enableExpanding = true;\n\n  // If `subRows` is only set as a boolean prop, we can default to the standard\n  // subrow accessor.\n  if (typeof subRows === 'boolean') {\n    options.getSubRows = defaultSubRowsAccessor;\n  } else {\n    // If a config object is given, we can handle defaulting here as well\n    const { accessor, subRowColumnId: subrowColumnId, disableSubRow } = subRows;\n\n    // Default the accessor if subRows are enabled, but no accessor is given.\n    if (accessor === undefined) {\n      options.getSubRows = defaultSubRowsAccessor;\n    }\n    // Allow a simple string accessor for the sub rows.\n    else if (typeof accessor === 'string') {\n      if (accessor.includes('.') || accessor.includes('[')) {\n        const pathAccessFunction = makeAccessorFunction(accessor);\n        options.getSubRows = (originalRow) =>\n          pathAccessFunction(originalRow) as TData[];\n      } else {\n        options.getSubRows = (originalRow) =>\n          originalRow[accessor as keyof TData] as TData[];\n      }\n    }\n    // If a function is given, we can use this one to get access to the sub rows.\n    else if (typeof accessor === 'function') {\n      options.getSubRows = (originalRow) => accessor(originalRow);\n    }\n\n    // If a custom columnId is given for the injection,\n    // we map that into the options to be respected in `getSubRowIndicatorColumnId`\n    if (subrowColumnId) {\n      options.subRowColumnId = subrowColumnId;\n    }\n\n    // If a custom disable configuration is given, we can map that to the\n    // getRowCanExpand option and shimming the internal tanstack `Row` object.\n    if (disableSubRow) {\n      options.getRowExpandDisabled = disableSubRow;\n    }\n  }\n\n  // Pass the state through to the table.\n  options.state = {\n    ...options.state,\n    expanded: openSubRows ?? {},\n  };\n  options.onExpandedChange = setOpenSubRows;\n}\n"],
-  "mappings": "AAqYI;AAlYJ,OAAO,cAAc;AAGrB,SAAS,0BAA0B,qBAAqB;AACxD,SAAS,4BAA4B;AACrC;AAAA,EACE,yCAAyC;AAAA,EACzC,kCAAkC;AAAA,EAClC,0CAA0C;AAAA,OACrC;AACP,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AAQrC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,YAAY;AAMd,SAAS,uBAA8B,aAA6B;AACzE,SAAQ,aAA8C;AACxD;AAKO,MAAM,mBAAiC;AAAA,EAC5C,YAA4C,OAA2B;AACrE,UAAM,uBAAuB,oBAAI,IAAqB;AACtD,UAAM,gBAAgB,oBAAI,IAGxB;AAEF,UAAM,uBAAuB;AAAA,MAC3B,MAAM,CAAC,MAAM,SAAS,EAAE,UAAU,MAAM,YAAY,EAAE,QAAQ;AAAA,MAC9D,CAAC,eAAe,aAAa;AAE3B,YAAI,OAAO,kBAAkB,WAAW;AACtC,iBAAO,kBAAkB;AAAA,QAC3B;AAGA,YAAI,CAAC,OAAO,KAAK,aAAa,EAAE,QAAQ;AACtC,iBAAO;AAAA,QACT;AAGA;AAAA;AAAA;AAAA,UAGE,SAAS,KAAK,CAAC,QAAQ;AACrB,mBACE,IAAI,aAAa,KACjB,CAAC,IAAI,cAAc,KACnB,CAAC,IAAI,qBAAqB,KAC1B,CAAC,MAAM,sBAAsB,GAAG;AAAA,UAEpC,CAAC;AAAA,UACD;AACA,iBAAO;AAAA,QACT;AAGA,eAAO;AAAA,MACT;AAAA,MACA,eAAe,MAAM,SAAS,cAAc,4BAA4B;AAAA,IAC1E;AAMA,UAAM,wBAAwB,MAAM;AAClC,UAAI,CAAC,MAAM,qBAAqB,GAAG;AACjC,cAAM,mBAA4C,MAC/C,oBAAoB,EACpB,SAAS,OAAO,CAAC,UAAU,QAAQ;AAClC,cAAI,IAAI,aAAa,KAAK,CAAC,IAAI,qBAAqB,GAAG;AACrD,qBAAS,IAAI,EAAE,IAAI;AAAA,UACrB;AACA,iBAAO;AAAA,QACT,GAAG,CAAC,CAA4B;AAClC,cAAM,YAAY,gBAAgB;AAAA,MACpC,OAAO;AACL,cAAM,YAAY,CAAC,CAAC;AAAA,MACtB;AAAA,IACF;AAEA,UAAM,6BAA6B;AAAA,MACjC,MAAM;AAAA,QACJ,MAAM,QAAQ;AAAA,QACd,MAAM,QAAQ;AAAA,QACd,MAAM,SAAS,EAAE;AAAA,QACjB,MAAM,QAAQ;AAAA,MAChB;AAAA,MACA,CAAC,eAAe,mBAAmB;AACjC,YAAI,kBAAkB,MAAM;AAC1B,iBAAO;AAAA,QACT;AAIA,YAAI,gBAAgB;AAClB,gBAAM,gBAAgB,cAAc;AACpC,iBAAO;AAAA,QACT;AAEA,cAAM,qBAAqB,MAAM,sBAAsB;AAEvD,mBAAW,UAAU,oBAAoB;AACvC,gBAAM,YAAY,OAAO;AACzB,cAAI,UAAU,QAAQ,UAAU,KAAK,YAAY,MAAM;AACrD,kBAAM,gBAAgB,OAAO,EAAE;AAC/B,mBAAO,OAAO;AAAA,UAChB;AAAA,QACF;AACA,eAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,UAAM,qBAAqB;AAAA,MACzB,MAAM,CAAC,MAAM,SAAS,EAAE,QAAQ;AAAA,MAChC,CAAC,kBAAkB;AACjB,cAAM,iBAA2B,CAAC;AAElC,YAAI,kBAAkB,MAAM;AAC1B,gBAAM,OAAO,MAAM,oBAAoB,EAAE;AAGzC,qBAAW,OAAO,MAAM;AACtB,gBAAI,IAAI,QAAQ,SAAS,GAAG;AAE1B,6BAAe,KAAK,IAAI,EAAE;AAAA,YAC5B;AAAA,UACF;AAAA,QACF,OAAO;AACL,qBAAW,SAAS,eAAe;AACjC,gBAAI,cAAc,KAAK,GAAG;AAExB,6BAAe,KAAK,KAAK;AAAA,YAC3B;AAAA,UACF;AAAA,QACF;AAEA,eAAO;AAAA,UACL;AAAA,UACA,MAAM,QAAQ;AAAA,QAChB;AAAA,MACF;AAAA,MACA,eAAe,MAAM,SAAS,cAAc,0BAA0B;AAAA,IACxE;AAEA,UAAM,wBAAwB;AAAA,MAC5B,CAAC,QAAQ,CAAC,KAAK,MAAM,uBAAuB,EAAE,QAAQ;AAAA,MACtD,CAAC,QAAQ,cAAc,sBAAsB,GAAG;AAAA,MAChD;AAAA,QACE,MAAM;AAAA,QACN;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,UAAM,gBAAgB,MACpB,MAAM,qBAAqB,KAAK,MAAM,qBAAqB;AAE7D,UAAM,mBAAmB;AAAA,MACvB,CAAC,UAAU,CAAC,KAAK;AAAA,MACjB,CAAC,UAAU;AACT,YAAI,CAAC,OAAO;AACV,iBAAO,CAAC;AAAA,QACV;AACA,cAAM,aAA4D,CAAC;AACnE,cAAM,MAAM,MAAM,OAAO,KAAK;AAE9B,iBAAS,IAAI,GAAG,KAAK,IAAI,OAAO,KAAK,GAAG;AACtC,cAAI,MAAM,IAAI,OAAO;AACnB,kBAAM,2BAA2B,IAAI,yBAAyB;AAC9D,gBAAI,0BAA0B;AAC5B,yBAAW,KAAK,QAAQ;AACxB;AAAA,YACF;AACA,uBAAW,KAAK,QAAQ;AACxB;AAAA,UACF;AACA,qBAAW,KAAK,MAAM;AAAA,QACxB;AAGA,cAAM,WAAW,IAAI;AACrB,YAAI,UAAU;AACZ,gBAAM,eACJ,cAAc,IAAI,QAAQ,KAAK,MAAM,iBAAiB,QAAQ;AAChE,cAAI,aAAa,GAAG,EAAE,MAAM,UAAU;AACpC,uBAAW,WAAW,SAAS,CAAC,IAAI;AAAA,UACtC;AACA,qBAAW,CAAC,OAAO,KAAK,KAAK,aAAa,QAAQ,GAAG;AACnD,gBAAI,UAAU,SAAS;AACrB,yBAAW,KAAK,IAAI;AAAA,YACtB;AAAA,UACF;AAAA,QACF;AAGA,sBAAc,IAAI,OAAO,UAAU;AACnC,eAAO;AAAA,MACT;AAAA,MACA,eAAe,MAAM,SAAS,cAAc,wBAAwB;AAAA,IACtE;AAEA,qBAAiB,OAAO;AAAA,MACtB,eAAiC,UAA0B;AACzD,cAAM,YAAY,CAAC,SAAS;AAE1B,gBAAM,SAAS,SAAS,OAAO,OAAO,CAAC,CAAC,OAAO,KAAK,EAAE;AAEtD,cAAI,oBAAuC,CAAC;AAC5C,cAAI,SAAS,MAAM;AAEjB,kBAAM,gBAAgB,EAAE,SAAS,QAAQ,CAAC,QAAQ;AAChD,kBACE,CAAC,IAAI,qBAAqB,KAC1B,CAAC,MAAM,sBAAsB,GAAG,GAChC;AACA,kCAAkB,IAAI,EAAE,IAAI;AAAA,cAC9B;AAAA,YACF,CAAC;AAAA,UACH,OAAO;AACL,gCAAoB;AAAA,UACtB;AAEA,gBAAM,eAAe,YAAY,CAAC;AAClC,cAAI,CAAC,UAAU,cAAc;AAE3B,mBAAO;AAAA,cACL,GAAG;AAAA,cACH,CAAC,KAAK,EAAE,GAAG;AAAA,YACb;AAAA,UACF;AAEA,cAAI,UAAU,CAAC,cAAc;AAE3B,uBAAW,OAAO,mBAAmB;AAEnC,kBAAI,IAAI,WAAW,KAAK,EAAE,GAAG;AAC3B,uBAAO,kBAAkB,GAAG;AAAA,cAC9B;AAAA,YACF;AAEA,kBAAM,EAAE,CAAC,KAAK,EAAE,GAAG,GAAG,GAAG,KAAK,IAAI;AAClC,mBAAO;AAAA,UACT;AAIA,iBAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,MAEA,0BAA0B;AAAA,QACxB,WAA4B;AAC1B,iBAAO;AAAA,YACL,MAAM,oBAAoB,EAAE;AAAA,YAC5B,MAAM,SAAS,EAAE;AAAA,YACjB,KAAK;AAAA,UACP;AAAA,QACF;AAAA,QACA,SAA4B,iBAAwC;AAClE,gBAAM,YAAY,KAAK,aAAa;AACpC,gBAAM,kBAAkB,gBAAgB;AAAA,YACtC,CAAC,QAAoB,IAAI,OAAO,WAAW;AAAA,UAC7C,GAAG;AACH,gBAAM,cAAc,iBAAiB,GAAG,EAAE,GAAG;AAC7C,iBAAO,gBAAgB,KAAK;AAAA,QAC9B;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,MAEA,uBAAuB;AAAA,QACrB,WAA4B;AAC1B,gBAAM,QAAQ,MAAM,SAAS;AAC7B,iBAAO;AAAA,YACL,MAAM;AAAA,YACN,MAAM;AAAA,YACN,MAAM;AAAA,YACN,MAAM,QAAQ;AAAA,YACd,KAAK;AAAA,UACP;AAAA,QACF;AAAA,QACA,WAA4B;AAC1B,gBAAM,aAAa,MAChB,oBAAoB,EACpB,SAAS,KAAK,CAAC,cAA0B,UAAU,OAAO,KAAK,EAAE;AAEpE,iBACE,YACI,YAAY,EAEb;AAAA,YAAS,CAAC,WACT,OAAO,aAAa,GAAG,cAAc;AAAA,UACvC;AAAA,QAEN;AAAA,QACA,eAAe,MAAM,SAAS,aAAa,2BAA2B;AAAA,MACxE;AAAA,MAEA,gBAAyC;AACvC,cAAM,WAAW,MAAM,SAAS,EAAE;AAClC,eAAO,CAAC,GACL,aAAa,QAAQ,SAAS,KAAK,EAAE,MACtC,CAAC,MAAM,sBAAsB,IAAI;AAAA,MAErC;AAAA;AAAA,MAGA,uBAAgD;AAC9C,eAAO,MAAM,QAAQ,uBAAuB,KAAK,QAAQ,KAAK;AAAA,MAChE;AAAA,MAEA,iBAAiC;AAC/B,eAAO,KAAK,GAAG,MAAM,MAAM,QAAQ,kBAAkB,GAAG,EAAE,SAAS;AAAA,MACrE;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAQO,SAAS,mBACd,YACA,aACQ;AACR,QAAM,oBAAoB,4BAA4B,UAAU;AAIhE,SAAO,QACL,cAAc,6BAA6B,iBAC7C,QAAQ,SAAS,KAAK;AACxB;AAOO,SAAS,6BACd,OACa;AACb,QAAM,EAAE,gBAAgB,IAAI;AAC5B,QAAM,QAAQ,aAAa;AAC3B,QAAM,mBACJ,MAAM,QAAQ,qBAAqB,QAAQ,MAAM,aAAa,IAAI;AAEpE,MAAI;AACJ,MAAI,oBAAoB,MAAM,sBAAsB,GAAG;AACrD,UAAM,cAAc,sBAAsB;AAC1C,UAAM,aAAa,MAAM,wBAAwB,EAAE;AACnD,YAAQ,mBAAmB,YAAY,WAAW;AAAA,EACpD;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA;AAAA;AAAA;AAAA,QAIL,MAAM;AAAA;AAAA;AAAA,QAGN;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAMO,SAAS,WACd,OACA,SACM;AACN,QAAM,EAAE,QAAQ,IAAI;AAEpB,QAAM,CAAC,aAAa,cAAc,IAAI,qBAAqB;AAAA,IACzD,OAAO,MAAM;AAAA,IACb,cAAc,MAAM;AAAA,IACpB,UAAU,CAAC,UAAU;AACnB,UAAI,UAAU,MAAM;AAClB,cAAM,sBAAsB,KAAK;AAAA,MACnC;AAAA,IACF;AAAA,EACF,CAAC;AAED,MAAI,YAAY,UAAa,YAAY,OAAO;AAC9C,YAAQ,kBAAkB;AAC1B;AAAA,EACF;AAEA,UAAQ,kBAAkB;AAI1B,MAAI,OAAO,YAAY,WAAW;AAChC,YAAQ,aAAa;AAAA,EACvB,OAAO;AAEL,UAAM,EAAE,UAAU,gBAAgB,gBAAgB,cAAc,IAAI;AAGpE,QAAI,aAAa,QAAW;AAC1B,cAAQ,aAAa;AAAA,IACvB,WAES,OAAO,aAAa,UAAU;AACrC,UAAI,SAAS,SAAS,GAAG,KAAK,SAAS,SAAS,GAAG,GAAG;AACpD,cAAM,qBAAqB,qBAAqB,QAAQ;AACxD,gBAAQ,aAAa,CAAC,gBACpB,mBAAmB,WAAW;AAAA,MAClC,OAAO;AACL,gBAAQ,aAAa,CAAC,gBACpB,YAAY,QAAuB;AAAA,MACvC;AAAA,IACF,WAES,OAAO,aAAa,YAAY;AACvC,cAAQ,aAAa,CAAC,gBAAgB,SAAS,WAAW;AAAA,IAC5D;AAIA,QAAI,gBAAgB;AAClB,cAAQ,iBAAiB;AAAA,IAC3B;AAIA,QAAI,eAAe;AACjB,cAAQ,uBAAuB;AAAA,IACjC;AAAA,EACF;AAGA,UAAQ,QAAQ;AAAA,IACd,GAAG,QAAQ;AAAA,IACX,UAAU,eAAe,CAAC;AAAA,EAC5B;AACA,UAAQ,mBAAmB;AAC7B;",
-  "names": []
+  "sourcesContent": ["import {\n  type ExpandedStateList,\n  assignPrototypeAPIs,\n  assignTableAPIs,\n  type Row,\n  type RowData,\n  type Table_Internal,\n  type TableFeature,\n  type TableFeatures,\n} from '@tanstack/react-table';\nimport {\n  row_getCanExpand,\n  table_getCanSomeRowsExpand,\n  table_getVisibleLeafColumns,\n  table_setExpanded,\n} from '@tanstack/react-table/static-functions';\n\nimport type {\n  ExpandedState,\n  RowSubRowsFeatureConstructors,\n} from './sub-rows-types.js';\nimport { calculateMaxVisibleDepth, isRowDisabled } from './sub-rows-utils.js';\nimport { table_remeasureColumn } from '../VirtualScrolling/VirtualScrolling.js';\n\n/**\n * Helper function to determine if all rows are expanded, based on the current expanded state and the flat row model.\n * @internal\n */\nexport function table_getIsAllRowsExpanded<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  expandedState: ExpandedState,\n  flatRows: Row<TFeatures, TData>[],\n): boolean {\n  // If expandedState is true, save some cycles and return true.\n  if (typeof expandedState === 'boolean') {\n    return expandedState === true;\n  }\n\n  // If expandedState is an object, but has no values, return false immediately\n  if (!Object.keys(expandedState).length) {\n    return false;\n  }\n\n  // If any row that can be expanded is not expanded, return false\n  if (\n    // The original code from @tanstack/react-table does not check if a row is even\n    // expandable before it counts it as isExpanded.\n    flatRows.some((row) => {\n      return (\n        row_getCanExpand(row) &&\n        !row_getIsExpanded(row) &&\n        !row_getCanExpandDisabled(row) &&\n        !table.getIsAncestorDisabled(row)\n      );\n    })\n  ) {\n    return false;\n  }\n\n  // They must all be expanded :shrug:\n  return true;\n}\n\n/**\n * Helper function to toggle allRows expanded state.\n * @internal\n */\nexport function table_toggleAllRowsExpanded<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>): void {\n  if (\n    !table_getIsAllRowsExpanded(\n      table,\n      table.atoms.expanded?.get() ?? {},\n      table.getRowModel().flatRows,\n    )\n  ) {\n    const newExpandedState: Record<string, boolean> = table\n      .getExpandedRowModel()\n      .flatRows.reduce((expanded, row) => {\n        if (row_getCanExpand(row) && !row_getCanExpandDisabled(row)) {\n          expanded[row.id] = true;\n        }\n        return expanded;\n      }, {} as Record<string, boolean>);\n    table_setExpanded(table, newExpandedState);\n  } else {\n    table_setExpanded(table, {});\n  }\n}\n\n/**\n * Helper function to find the columnId in which the indicator should be rendered.\n * @internal\n */\nexport function table_getSubRowIndicatorColumnId<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  enableSubRows?: boolean,\n  subrowColumnId?: string,\n): string | null {\n  if (enableSubRows !== true) {\n    return null;\n  }\n\n  // If a subrowColumnId is defined in the options, we can immediately\n  // use the configured id and do not need to look for the first visible one.\n  if (subrowColumnId) {\n    table_remeasureColumn(table, subrowColumnId);\n    return subrowColumnId;\n  }\n\n  const visibleLeafColumns = table_getVisibleLeafColumns(table);\n\n  for (const column of visibleLeafColumns) {\n    const columnDef = column.columnDef;\n    if (columnDef.meta && columnDef.meta.builtin !== true) {\n      table_remeasureColumn(table, column.id);\n      return column.id;\n    }\n  }\n  return null;\n}\n\n/**\n * Helper function to calculate the maximum open depth of the subrows based on the current expanded state.\n * @internal\n */\nexport function table_getSubRowOpenDepth<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  expandedState: ExpandedState,\n): number {\n  const expandedRowIds: string[] = [];\n\n  if (expandedState === true) {\n    const rows = table.getExpandedRowModel().rows;\n\n    // all rows are expanded\n    for (const row of rows) {\n      if (row.subRows.length > 0) {\n        // filter out leafs, as they would also not be present in the expanded state\n        expandedRowIds.push(row.id);\n      }\n    }\n  } else {\n    for (const rowId in expandedState) {\n      if (expandedState[rowId]) {\n        // only include rows which are actually expanded: true\n        expandedRowIds.push(rowId);\n      }\n    }\n  }\n\n  return calculateMaxVisibleDepth(expandedRowIds, table.options.rowIdSeparator);\n}\n\n/**\n * Helper function to determine if the row or some of its ancestors are disabled.\n * @internal\n */\nexport function table_getIsAncestorDisabled<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  expandedState: ExpandedState,\n  row: Row<TFeatures, TData>,\n): boolean {\n  table._disabledSubRowsCache ??= new Map<string, boolean>();\n  return isRowDisabled(table._disabledSubRowsCache, row);\n}\n\n/**\n * Helper function to determine if the table has at least one row with at least one sub-row.\n * @internal\n */\nexport function table_getHasSubRows<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>): boolean {\n  return (\n    table_getCanSomeRowsExpand(table) ||\n    table_getIsAllRowsExpanded(\n      table,\n      table.atoms.expanded?.get() ?? {},\n      table.getRowModel().flatRows,\n    )\n  );\n}\n\ntype RowLineConfigShape = 'Line' | 'TShape' | 'LShape' | 'Empty';\n\nexport function table_getRowLineConfig<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  rowId: string,\n): Array<RowLineConfigShape> {\n  if (!rowId) {\n    return [];\n  }\n  const lineConfig: Array<RowLineConfigShape> = [];\n  const row = table.getRow(rowId);\n\n  for (let i = 1; i <= row.depth; i += 1) {\n    if (i === row.depth) {\n      const isLastExpandedRowOnLevel = row.getIsLastExpandedOnLevel();\n      if (isLastExpandedRowOnLevel) {\n        lineConfig.push('LShape');\n        continue;\n      }\n      lineConfig.push('TShape');\n      continue;\n    }\n    lineConfig.push('Line');\n  }\n\n  // Make sure the rowLineConfig exists on the table instance.\n  table._rowLineConfig ??= new Map<string, Array<RowLineConfigShape>>();\n\n  // Fill the empty gaps and inherit the ones from the parent as well.\n  const parentId = row.parentId;\n  if (parentId) {\n    const parentShapes =\n      table._rowLineConfig.get(parentId) ?? table.getRowLineConfig(parentId);\n    if (parentShapes.at(-1) === 'LShape') {\n      lineConfig[lineConfig.length - 2] = 'Empty';\n    }\n    for (const [index, shape] of parentShapes.entries()) {\n      if (shape === 'Empty') {\n        lineConfig[index] = 'Empty';\n      }\n    }\n  }\n\n  // Populate the cache with the stored items.\n  table._rowLineConfig.set(rowId, lineConfig);\n  return lineConfig;\n}\n\n/**\n * Helper function to toggle the expanded state of a specific row.\n * @internal\n */\nexport function row_toggleExpanded<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(row: Row<TFeatures, TData>, expanded?: boolean): void {\n  table_setExpanded(row.table, (prev) => {\n    // true, if the current row was expanded before\n    const exists = prev === true ? true : !!prev?.[row.id];\n\n    let prevExpandedState: ExpandedStateList = {};\n    if (prev === true) {\n      // ALL rows were expanded before\n      row.table.getCoreRowModel().flatRows.forEach((row) => {\n        if (\n          !row.getCanExpandDisabled() ||\n          !row.table.getIsAncestorDisabled(row)\n        ) {\n          prevExpandedState[row.id] = true;\n        }\n      });\n    } else {\n      prevExpandedState = prev;\n    }\n\n    const shouldExpand = expanded ?? !exists;\n    if (!exists && shouldExpand) {\n      // row should expand and was not expanded before \u2192 add to new expand state\n      return {\n        ...prevExpandedState,\n        [row.id]: true,\n      };\n    }\n\n    if (exists && !shouldExpand) {\n      // row was expanded before and should be collapsed\n      for (const key in prevExpandedState) {\n        // also collapse all its sub-rows\n        if (key.startsWith(row.id)) {\n          delete prevExpandedState[key];\n        }\n      }\n      // remove row itself from expand state\n      const { [row.id]: _, ...rest } = prevExpandedState;\n      return rest;\n    }\n\n    // row should not expand and also was not expanded before\n    // do nothing and return old state\n    return prev;\n  });\n}\n\n/**\n * Helper function to determine if the given row is the last expanded row on its level.\n * @internal\n */\nexport function row_getIsLastExpandedOnLevel<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(row: Row<TFeatures, TData>, orderedFlatRows: Row<TFeatures, TData>[]) {\n  const parentRow = row.getParentRow();\n  const orderedSiblings = orderedFlatRows.find(\n    (row: Row<TFeatures, TData>) => row.id === parentRow?.id,\n  )?.subRows;\n  const lastSibling = orderedSiblings?.at(-1)?.id;\n  return lastSibling === row.id;\n}\n\n/**\n * Helper function to get the last expanded sub-row of the given row.\n * @internal\n */\nexport function row_getLastExpandedSubRow<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(row: Row<TFeatures, TData>): Row<TFeatures, TData> | undefined {\n  const orderedRow = row.table\n    .getRowOrderRowModel()\n    .flatRows.find(\n      (sortedRow: Row<TFeatures, TData>) => sortedRow.id === row.id,\n    );\n\n  return (\n    orderedRow\n      ?.getLeafRows()\n      // only consider sub-rows that are actually expanded\n      .findLast((subRow: Row<TFeatures, TData>) => {\n        const subRowParent = subRow.getParentRow();\n        if (subRowParent) {\n          return row_getIsExpanded(subRowParent);\n        }\n        return false;\n      })\n  );\n}\n\n/**\n * Helper function to determine if the given row is expanded based on the current expanded state.\n * @internal\n */\nexport function row_getIsExpanded<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(row: Row<TFeatures, TData>) {\n  const expanded = row.table.atoms.expanded?.get();\n  return !!(\n    (expanded === true || expanded?.[row.id]) &&\n    !row.table.getIsAncestorDisabled(row)\n  );\n}\n\n/**\n * Determines whether the given subRow expander is disabled.\n * @internal\n */\nexport function row_getCanExpandDisabled<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(row: Row<TFeatures, TData>) {\n  return row.table.options.getRowExpandDisabled?.(row.original) ?? false;\n}\n\n/**\n * Helper function to calculate the depth of the row based on its id and the configured rowIdSeparator.\n * @internal\n */\nexport function row_getSubRowDepth<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(row: Row<TFeatures, TData>) {\n  return row.id.split(row.table.options.rowIdSeparator || '.').length - 1;\n}\n\n/**\n * Constructs the column row subrows for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructRowSubRowsFeature<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(): TableFeature<RowSubRowsFeatureConstructors<TFeatures, TData>> {\n  return {\n    assignRowPrototype: (prototype, table) => {\n      assignPrototypeAPIs('DataTableRowSubRowsFeature', prototype, table, {\n        row_toggleExpanded: {\n          fn: (row, expanded) => row_toggleExpanded(row, expanded),\n        },\n        row_getIsLastExpandedOnLevel: {\n          fn: (row, orderedFlatRows) =>\n            row_getIsLastExpandedOnLevel(row, orderedFlatRows),\n          memoDeps: (row) => [\n            table.getRowOrderRowModel().flatRows,\n            table.atoms.expanded?.get(),\n            row.id,\n          ],\n        },\n        row_getLastExpandedSubRow: {\n          fn: (row) => row_getLastExpandedSubRow(row),\n          memoDeps: (row) => [\n            table.atoms.rowOrder?.get(),\n            table.atoms.sorting?.get(),\n            table.atoms.expanded?.get(),\n            table.options.data,\n            row.id,\n          ],\n        },\n        row_getIsExpanded: {\n          fn: (row) => row_getIsExpanded(row),\n        },\n        row_getCanExpandDisabled: {\n          fn: (row) => row_getCanExpandDisabled(row),\n        },\n        row_getSubRowDepth: { fn: (row) => row_getSubRowDepth(row) },\n      });\n    },\n    constructTableAPIs: (table) => {\n      assignTableAPIs('DataTableRowSubRowsFeature', table, {\n        table_getIsAllRowsExpanded: {\n          fn: (expandedState, flatRows) =>\n            table_getIsAllRowsExpanded(table, expandedState, flatRows),\n\n          memoDeps: () => [\n            table.atoms.expanded?.get(),\n            table.getRowModel().flatRows,\n          ],\n        },\n        table_toggleAllRowsExpanded: {\n          fn: () => table_toggleAllRowsExpanded(table),\n        },\n        table_getSubRowIndicatorColumnId: {\n          fn: (enableSubRows, subrowColumnId) =>\n            table_getSubRowIndicatorColumnId(\n              table,\n              enableSubRows,\n              subrowColumnId,\n            ),\n          memoDeps: () => [\n            table.options.enableExpanding,\n            table.options.subRowColumnId,\n            table.atoms.columnVisibility?.get(),\n            table.options.columns,\n          ],\n        },\n        table_getSubRowOpenDepth: {\n          fn: (expandedState) => table_getSubRowOpenDepth(table, expandedState),\n          memoDeps: () => [table.atoms.expanded?.get()],\n        },\n        table_getIsAncestorDisabled: {\n          fn: (row, expandedState) =>\n            table_getIsAncestorDisabled(table, expandedState, row),\n          memoDeps: (row) => [row, table.getPreExpandedRowModel().flatRows],\n        },\n        table_getRowLineConfig: {\n          fn: (rowId) => table_getRowLineConfig(table, rowId),\n          memoDeps: (rowId) => [\n            rowId,\n            table.getRowOrderRowModel().flatRows,\n            table.atoms.expanded?.get(),\n          ],\n        },\n        table_getHasSubRows: {\n          fn: () => table_getHasSubRows(table),\n        },\n      });\n    },\n  };\n}\n\n/**\n * Feature implementation for Row Details.\n * @internal\n */\nexport const DataTableRowSubRowsFeature = constructRowSubRowsFeature();\n"],
+  "mappings": "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",
+  "names": ["row"]
 }

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

@@ -7,6 +7,7 @@ import "../RowOrder/RowOrder.css";
 import "../RowDetails/RowDetails.css";
 import "../RowInteractivity/RowInteractivity.css";
 import "../../components/DataTableRow.css";
+import "../ColumnSizing/ColumnSizing.css";
 import "../Thresholds/Thresholds.css";
 import "../../components/DataTableCell.css";
 import "../ColumnOrder/ColumnOrder.css";
@@ -14,11 +15,11 @@ import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "./SubRows.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var expandButtonCellWrapper = "_1udh2jz2-3-5-2 _1udh2jz0-3-5-2";
-var expandButtonHeaderCellWrapper = "_1udh2jz1-3-5-2 _1udh2jz0-3-5-2";
-var expandIndentSvg = "_1udh2jz3-3-5-2";
-var expandIndentSvgSize = _7a468({ defaultClassName: "_1udh2jz4-3-5-2", variantClassNames: { rowCanExpand: { true: "_1udh2jz5-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
-var expanderButton = "_1udh2jz6-3-5-2 _z0fq9b4-3-5-2 _z0fq9bd-3-5-2 _z0fq9b6-3-5-2 _z0fq9b9-3-5-2";
+var expandButtonCellWrapper = "_1udh2jz2-3-7-0 _1udh2jz0-3-7-0";
+var expandButtonHeaderCellWrapper = "_1udh2jz1-3-7-0 _1udh2jz0-3-7-0";
+var expandIndentSvg = "_1udh2jz3-3-7-0";
+var expandIndentSvgSize = _7a468({ defaultClassName: "_1udh2jz4-3-7-0", variantClassNames: { rowCanExpand: { true: "_1udh2jz5-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
+var expanderButton = "_1udh2jz6-3-7-0 _z0fq9b4-3-7-0 _z0fq9bd-3-7-0 _z0fq9b6-3-7-0 _z0fq9b9-3-7-0";
 export {
   expandButtonCellWrapper,
   expandButtonHeaderCellWrapper,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/SubRows/SubRows.css.ts"],
-  "sourcesContent": ["import '../../../../core/styles/focusRingStatic.css';\nimport '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './SubRows.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var expandButtonCellWrapper = '_1udh2jz2-3-5-2 _1udh2jz0-3-5-2';\nexport var expandButtonHeaderCellWrapper = '_1udh2jz1-3-5-2 _1udh2jz0-3-5-2';\nexport var expandIndentSvg = '_1udh2jz3-3-5-2';\nexport var expandIndentSvgSize = _7a468({defaultClassName:'_1udh2jz4-3-5-2',variantClassNames:{rowCanExpand:{true:'_1udh2jz5-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var expanderButton = '_1udh2jz6-3-5-2 _z0fq9b4-3-5-2 _z0fq9bd-3-5-2 _z0fq9b6-3-5-2 _z0fq9b9-3-5-2';"],
-  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,0BAA0B;AAC9B,IAAI,gCAAgC;AACpC,IAAI,kBAAkB;AACtB,IAAI,sBAAsB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,cAAa,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACtK,IAAI,iBAAiB;",
+  "sourcesContent": ["import '../../../../core/styles/focusRingStatic.css';\nimport '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../ColumnSizing/ColumnSizing.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './SubRows.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var expandButtonCellWrapper = '_1udh2jz2-3-7-0 _1udh2jz0-3-7-0';\nexport var expandButtonHeaderCellWrapper = '_1udh2jz1-3-7-0 _1udh2jz0-3-7-0';\nexport var expandIndentSvg = '_1udh2jz3-3-7-0';\nexport var expandIndentSvgSize = _7a468({defaultClassName:'_1udh2jz4-3-7-0',variantClassNames:{rowCanExpand:{true:'_1udh2jz5-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var expanderButton = '_1udh2jz6-3-7-0 _z0fq9b4-3-7-0 _z0fq9bd-3-7-0 _z0fq9b6-3-7-0 _z0fq9b9-3-7-0';"],
+  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,0BAA0B;AAC9B,IAAI,gCAAgC;AACpC,IAAI,kBAAkB;AACtB,IAAI,sBAAsB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,cAAa,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACtK,IAAI,iBAAiB;",
   "names": []
 }

package/esm/tables/DataTable/features/SubRows/components/SubRowCellContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/tables/DataTable/features/SubRows/components/SubRowCellContext.tsx"],
+  "sourcesContent": ["import type { Cell, RowData, StockFeatures } from '@tanstack/react-table';\nimport { createContext, type PropsWithChildren } from 'react';\n\n/**\n * Context for the subrow indicator.\n * Since it is not an individual column, we cannot use the cellDeps to invalidate\n * the memo of the rendered cell, and we need to move the change through the\n * conditional context.\n * @internal\n */\nexport const SubrowCellContext = createContext<{\n  isSubRowIndicatorColumn?: boolean;\n  isExpanded?: boolean;\n  canExpand?: boolean;\n  canExpandDisabled?: boolean;\n}>({});\n\n/**\n * ContextProvider for the subrow indicator.\n * Since it is not an individual column, we cannot use the cellDeps to invalidate\n * the memo of the rendered cell and we need to move the change through the\n * conditional context.\n * @internal\n */\nexport function SubRowCellContextProvider<TData extends RowData, TValue>(\n  props: PropsWithChildren<{\n    isSubRowIndicatorColumn: boolean;\n    cell: Cell<StockFeatures, TData, TValue>;\n  }>,\n) {\n  if (props.isSubRowIndicatorColumn) {\n    return (\n      <SubrowCellContext.Provider\n        value={{\n          isSubRowIndicatorColumn: props.isSubRowIndicatorColumn,\n          isExpanded: props.cell.row.getIsExpanded(),\n          canExpand: props.cell.row.getCanExpand(),\n          canExpandDisabled: props.cell.row.getCanExpandDisabled(),\n        }}\n      >\n        {props.children}\n      </SubrowCellContext.Provider>\n    );\n  }\n  return props.children;\n}\n"],
+  "mappings": "AAgCM;AA/BN,SAAS,qBAA6C;AAS/C,MAAM,oBAAoB,cAK9B,CAAC,CAAC;AASE,SAAS,0BACd,OAIA;AACA,MAAI,MAAM,yBAAyB;AACjC,WACE;AAAA,MAAC,kBAAkB;AAAA,MAAlB;AAAA,QACC,OAAO;AAAA,UACL,yBAAyB,MAAM;AAAA,UAC/B,YAAY,MAAM,KAAK,IAAI,cAAc;AAAA,UACzC,WAAW,MAAM,KAAK,IAAI,aAAa;AAAA,UACvC,mBAAmB,MAAM,KAAK,IAAI,qBAAqB;AAAA,QACzD;AAAA,QAEC,gBAAM;AAAA;AAAA,IACT;AAAA,EAEJ;AACA,SAAO,MAAM;AACf;",
+  "names": []
+}

package/esm/tables/DataTable/features/SubRows/components/SubRowExpanderPath.js

@@ -0,0 +1,80 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { memo } from "react";
+import {
+  DATA_TABLE_SUB_ROW_DENSITY_PADDING_MAP,
+  DATA_TABLE_SUB_ROW_EXPANDER_ICON_SIZE,
+  DATA_TABLE_SUB_ROW_SPACER
+} from "../../../constants.js";
+import { useDataTable } from "../../../contexts/DataTableContext.js";
+import * as styles from "../SubRows.sty.js";
+function generatePathFromConfig(config, height, verticalAlignment, estimatedRowHeight, rowDensity) {
+  const spacer = DATA_TABLE_SUB_ROW_SPACER;
+  const rowDensityPadding = DATA_TABLE_SUB_ROW_DENSITY_PADDING_MAP[rowDensity];
+  let pathString = "";
+  for (const [index, shape] of config.entries()) {
+    const oneBaseIndex = index + 1;
+    const x = oneBaseIndex * spacer - spacer / 2;
+    let yLShape = height / 2;
+    if (height > estimatedRowHeight) {
+      const expanderSpace = rowDensityPadding + DATA_TABLE_SUB_ROW_EXPANDER_ICON_SIZE / 2;
+      if (verticalAlignment === "top") {
+        yLShape = expanderSpace;
+      } else if (verticalAlignment === "bottom") {
+        yLShape = height - expanderSpace;
+      }
+    }
+    const yTShape = -height + yLShape;
+    if (shape === "Line") {
+      pathString += `M ${x},0 V ${height} `;
+    } else if (shape === "LShape") {
+      pathString += `M ${x},0 V ${yLShape} h 200 `;
+    } else if (shape === "TShape") {
+      pathString += `M ${x},0 V ${height} m 0,${yTShape} h 25`;
+    }
+  }
+  return pathString;
+}
+const InternalMemoizedSubRowExpanderPath = (props) => {
+  const { rowId, width, rowLineConfig, rowCanExpand } = props;
+  const table = useDataTable();
+  const estimatedRowHeight = table.estimateRowHeight({ index: 0 });
+  const rowHeight = table.getRowHeight(rowId);
+  const svgWidth = rowCanExpand ? width : width + DATA_TABLE_SUB_ROW_EXPANDER_ICON_SIZE;
+  const verticalAlignment = table.getBodyVerticalAlignment();
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: clsx(
+        styles.expandIndentSvg,
+        styles.expandIndentSvgSize({ rowCanExpand })
+      ),
+      style: {
+        width: svgWidth
+      },
+      preserveAspectRatio: "none",
+      overflow: "visible",
+      viewBox: `0 0 ${svgWidth} ${rowHeight}`,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: generatePathFromConfig(
+            rowLineConfig,
+            rowHeight,
+            verticalAlignment,
+            estimatedRowHeight,
+            table.atoms.visualVariantConfig?.get().rowDensity
+          ),
+          fill: "transparent",
+          vectorEffect: "non-scaling-stroke",
+          strokeWidth: 1
+        }
+      )
+    }
+  );
+};
+const SubRowExpanderPath = memo(InternalMemoizedSubRowExpanderPath);
+export {
+  SubRowExpanderPath
+};
+//# sourceMappingURL=SubRowExpanderPath.js.map

package/esm/tables/DataTable/features/SubRows/components/SubRowExpanderPath.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/tables/DataTable/features/SubRows/components/SubRowExpanderPath.tsx"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport { type JSX, memo } from 'react';\n\nimport {\n  DATA_TABLE_SUB_ROW_DENSITY_PADDING_MAP,\n  DATA_TABLE_SUB_ROW_EXPANDER_ICON_SIZE,\n  DATA_TABLE_SUB_ROW_SPACER,\n} from '../../../constants.js';\nimport { useDataTable } from '../../../contexts/DataTableContext.js';\nimport * as styles from '../SubRows.sty.js';\n\n/**\n * Generates an SVG path based on the shape patterns we want to draw.\n */\nfunction generatePathFromConfig(\n  config: Array<'Line' | 'TShape' | 'LShape' | 'Empty'>,\n  height: number,\n  verticalAlignment: 'top' | 'center' | 'bottom',\n  estimatedRowHeight: number,\n  rowDensity: 'default' | 'condensed' | 'comfortable',\n): string {\n  const spacer = DATA_TABLE_SUB_ROW_SPACER;\n  const rowDensityPadding = DATA_TABLE_SUB_ROW_DENSITY_PADDING_MAP[rowDensity];\n\n  let pathString = '';\n  for (const [index, shape] of config.entries()) {\n    const oneBaseIndex = index + 1;\n    const x = oneBaseIndex * spacer - spacer / 2;\n\n    let yLShape = height / 2;\n    if (height > estimatedRowHeight) {\n      const expanderSpace =\n        rowDensityPadding + DATA_TABLE_SUB_ROW_EXPANDER_ICON_SIZE / 2;\n\n      if (verticalAlignment === 'top') {\n        yLShape = expanderSpace;\n      } else if (verticalAlignment === 'bottom') {\n        yLShape = height - expanderSpace;\n      }\n    }\n    const yTShape = -height + yLShape;\n\n    if (shape === 'Line') {\n      pathString += `M ${x},0 V ${height} `;\n    } else if (shape === 'LShape') {\n      pathString += `M ${x},0 V ${yLShape} h 200 `;\n    } else if (shape === 'TShape') {\n      pathString += `M ${x},0 V ${height} m 0,${yTShape} h 25`;\n    }\n  }\n  return pathString;\n}\n\nconst InternalMemoizedSubRowExpanderPath = (props: {\n  /**\n   * The id of the row in which the path should be drawn.\n   */\n  rowId: string;\n  /**\n   * The width of the SVG.\n   */\n  width: number;\n  /**\n   * The shape that should be drawn as the path.\n   */\n  rowLineConfig: Array<'Line' | 'TShape' | 'LShape' | 'Empty'>;\n  /**\n   * Whether the row can be expanded further.\n   */\n  rowCanExpand?: boolean;\n}): JSX.Element => {\n  const { rowId, width, rowLineConfig, rowCanExpand } = props;\n\n  const table = useDataTable();\n  const estimatedRowHeight = table.estimateRowHeight({ index: 0 });\n  const rowHeight = table.getRowHeight(rowId);\n\n  const svgWidth = rowCanExpand\n    ? width\n    : width + DATA_TABLE_SUB_ROW_EXPANDER_ICON_SIZE;\n\n  const verticalAlignment = table.getBodyVerticalAlignment();\n\n  return (\n    <svg\n      className={clsx(\n        styles.expandIndentSvg,\n        styles.expandIndentSvgSize({ rowCanExpand }),\n      )}\n      style={{\n        width: svgWidth,\n      }}\n      preserveAspectRatio=\"none\"\n      overflow=\"visible\"\n      viewBox={`0 0 ${svgWidth} ${rowHeight}`}\n    >\n      <path\n        d={generatePathFromConfig(\n          rowLineConfig,\n          rowHeight,\n          verticalAlignment,\n          estimatedRowHeight,\n          table.atoms.visualVariantConfig?.get().rowDensity,\n        )}\n        fill=\"transparent\"\n        vectorEffect=\"non-scaling-stroke\"\n        strokeWidth={1}\n      />\n    </svg>\n  );\n};\n\n/** @internal */\nexport const SubRowExpanderPath = memo(InternalMemoizedSubRowExpanderPath);\n"],
+  "mappings": "AAgGM;AAhGN,OAAO,UAAU;AACjB,SAAmB,YAAY;AAE/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,YAAY,YAAY;AAKxB,SAAS,uBACP,QACA,QACA,mBACA,oBACA,YACQ;AACR,QAAM,SAAS;AACf,QAAM,oBAAoB,uCAAuC,UAAU;AAE3E,MAAI,aAAa;AACjB,aAAW,CAAC,OAAO,KAAK,KAAK,OAAO,QAAQ,GAAG;AAC7C,UAAM,eAAe,QAAQ;AAC7B,UAAM,IAAI,eAAe,SAAS,SAAS;AAE3C,QAAI,UAAU,SAAS;AACvB,QAAI,SAAS,oBAAoB;AAC/B,YAAM,gBACJ,oBAAoB,wCAAwC;AAE9D,UAAI,sBAAsB,OAAO;AAC/B,kBAAU;AAAA,MACZ,WAAW,sBAAsB,UAAU;AACzC,kBAAU,SAAS;AAAA,MACrB;AAAA,IACF;AACA,UAAM,UAAU,CAAC,SAAS;AAE1B,QAAI,UAAU,QAAQ;AACpB,oBAAc,KAAK,CAAC,QAAQ,MAAM;AAAA,IACpC,WAAW,UAAU,UAAU;AAC7B,oBAAc,KAAK,CAAC,QAAQ,OAAO;AAAA,IACrC,WAAW,UAAU,UAAU;AAC7B,oBAAc,KAAK,CAAC,QAAQ,MAAM,QAAQ,OAAO;AAAA,IACnD;AAAA,EACF;AACA,SAAO;AACT;AAEA,MAAM,qCAAqC,CAAC,UAiBzB;AACjB,QAAM,EAAE,OAAO,OAAO,eAAe,aAAa,IAAI;AAEtD,QAAM,QAAQ,aAAa;AAC3B,QAAM,qBAAqB,MAAM,kBAAkB,EAAE,OAAO,EAAE,CAAC;AAC/D,QAAM,YAAY,MAAM,aAAa,KAAK;AAE1C,QAAM,WAAW,eACb,QACA,QAAQ;AAEZ,QAAM,oBAAoB,MAAM,yBAAyB;AAEzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,OAAO;AAAA,QACP,OAAO,oBAAoB,EAAE,aAAa,CAAC;AAAA,MAC7C;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,MACT;AAAA,MACA,qBAAoB;AAAA,MACpB,UAAS;AAAA,MACT,SAAS,OAAO,QAAQ,IAAI,SAAS;AAAA,MAErC;AAAA,QAAC;AAAA;AAAA,UACC,GAAG;AAAA,YACD;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,MAAM,MAAM,qBAAqB,IAAI,EAAE;AAAA,UACzC;AAAA,UACA,MAAK;AAAA,UACL,cAAa;AAAA,UACb,aAAa;AAAA;AAAA,MACf;AAAA;AAAA,EACF;AAEJ;AAGO,MAAM,qBAAqB,KAAK,kCAAkC;",
+  "names": []
+}

package/esm/tables/DataTable/features/SubRows/components/SubRowExpanders.js

@@ -0,0 +1,138 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useContext, useRef } from "react";
+import { useIntl } from "react-intl";
+import Colors from "@dynatrace/strato-design-tokens/colors";
+import Spacings from "@dynatrace/strato-design-tokens/spacings";
+import { MinusIcon, PlusIcon } from "@dynatrace/strato-icons";
+import {
+  DATA_TABLE_SUB_ROW_DENSITY_PADDING_MAP as SUB_ROW_DENSITY_PADDING_MAP,
+  DATA_TABLE_SUB_ROW_EXPANDER_ICON_SIZE as SUB_ROW_EXPANDER_ICON_SIZE,
+  DATA_TABLE_SUB_ROW_INDENT_GRID as SUB_ROW_INDENT_GRID
+} from "../../../constants.js";
+import * as styles from "../SubRows.sty.js";
+import { SubrowCellContext } from "./SubRowCellContext.js";
+import { SubRowExpanderPath } from "./SubRowExpanderPath.js";
+import {
+  useDataTable,
+  useDataTableRow
+} from "../../../contexts/DataTableContext.js";
+import { dataTableMessages } from "../../../messages.js";
+import {
+  isChartColumnType
+} from "../../ColumnTypes/column-types-types.js";
+function getSubRowCellWidth(rowDensity, indentWidth) {
+  const rowDensityPadding = SUB_ROW_DENSITY_PADDING_MAP[rowDensity];
+  return `calc(${indentWidth + SUB_ROW_EXPANDER_ICON_SIZE + rowDensityPadding}px + ${Spacings.Size4})`;
+}
+function remeasureSubRowIndicatorColumn(table) {
+  const subrowIndicatorColumnId = table.getSubRowIndicatorColumnId();
+  if (subrowIndicatorColumnId) {
+    table.remeasureColumn(subrowIndicatorColumnId);
+  }
+}
+function SubRowsHeaderExpander(props) {
+  const { isAllRowsExpanded } = props;
+  const table = useDataTable();
+  const intl = useIntl();
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: clsx(
+        styles.expandButtonHeaderCellWrapper,
+        styles.expanderButton
+      ),
+      onClick: () => {
+        table.toggleAllRowsExpanded();
+        remeasureSubRowIndicatorColumn(table);
+      },
+      "aria-label": intl.formatMessage(dataTableMessages.subRowAllTrigger, {
+        expandState: isAllRowsExpanded ? "other" : "expand"
+      }),
+      style: {
+        color: Colors.Text.Neutral.Subdued
+      },
+      "data-dt-name": "SubRowExpandCollapseAll",
+      "data-dt-properties": `state:${isAllRowsExpanded ? "collapse" : "expand"}`,
+      children: isAllRowsExpanded ? /* @__PURE__ */ jsx(MinusIcon, {}) : /* @__PURE__ */ jsx(PlusIcon, {})
+    }
+  );
+}
+function SubRowsCellExpander({
+  columnType
+}) {
+  const intl = useIntl();
+  const table = useDataTable();
+  const row = useDataTableRow();
+  const subrowContext = useContext(SubrowCellContext);
+  const subRowExpandButtonWrapperRef = useRef(null);
+  if (!row) {
+    return null;
+  }
+  const {
+    canExpand: rowCanExpand,
+    canExpandDisabled: rowCanExpandDisabled,
+    isExpanded
+  } = subrowContext;
+  const indentWidth = SUB_ROW_INDENT_GRID * row.depth;
+  const shouldCorrectIndicatorWidth = isChartColumnType(columnType);
+  const subRowDepth = table.getSubRowOpenDepth();
+  const depthDifference = subRowDepth - row.depth;
+  const widthCorrection = SUB_ROW_INDENT_GRID * depthDifference;
+  let width = getSubRowCellWidth(
+    table.atoms.visualVariantConfig?.get().rowDensity,
+    indentWidth
+  );
+  if (shouldCorrectIndicatorWidth) {
+    width = `calc(${width} + ${widthCorrection}px)`;
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: subRowExpandButtonWrapperRef,
+      className: clsx(styles.expandButtonCellWrapper),
+      style: {
+        width
+      },
+      children: [
+        row.depth > 0 ? /* @__PURE__ */ jsx(
+          SubRowExpanderPath,
+          {
+            rowId: row.id,
+            width: indentWidth,
+            rowLineConfig: table.getRowLineConfig(row.id),
+            rowCanExpand
+          }
+        ) : null,
+        rowCanExpand ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            disabled: rowCanExpandDisabled,
+            type: "button",
+            "aria-label": intl.formatMessage(dataTableMessages.subRowTrigger, {
+              expandState: isExpanded ? "other" : "expand",
+              id: row.id
+            }),
+            "aria-expanded": isExpanded,
+            className: styles.expanderButton,
+            onClick: () => {
+              row.toggleExpanded(!isExpanded);
+              remeasureSubRowIndicatorColumn(table);
+            },
+            "data-dt-name": "SubRowExpandCollapse",
+            "data-dt-properties": `state:${isExpanded ? "collapse" : "expand"}`,
+            children: isExpanded ? /* @__PURE__ */ jsx(MinusIcon, { size: SUB_ROW_EXPANDER_ICON_SIZE }) : /* @__PURE__ */ jsx(PlusIcon, { size: SUB_ROW_EXPANDER_ICON_SIZE })
+          }
+        ) : null,
+        shouldCorrectIndicatorWidth ? /* @__PURE__ */ jsx("div", { style: { width: widthCorrection } }) : null
+      ]
+    }
+  );
+}
+export {
+  SubRowsCellExpander,
+  SubRowsHeaderExpander,
+  getSubRowCellWidth
+};
+//# sourceMappingURL=SubRowExpanders.js.map

package/esm/tables/DataTable/features/SubRows/components/SubRowExpanders.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/tables/DataTable/features/SubRows/components/SubRowExpanders.tsx"],
+  "sourcesContent": ["import type { ReactTable, RowData, TableFeatures } from '@tanstack/react-table';\nimport clsx from 'clsx';\nimport { useContext, useRef, type JSX } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Colors from '@dynatrace/strato-design-tokens/colors';\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\nimport { MinusIcon, PlusIcon } from '@dynatrace/strato-icons';\n\nimport {\n  DATA_TABLE_SUB_ROW_DENSITY_PADDING_MAP as SUB_ROW_DENSITY_PADDING_MAP,\n  DATA_TABLE_SUB_ROW_EXPANDER_ICON_SIZE as SUB_ROW_EXPANDER_ICON_SIZE,\n  DATA_TABLE_SUB_ROW_INDENT_GRID as SUB_ROW_INDENT_GRID,\n} from '../../../constants.js';\nimport * as styles from '../SubRows.sty.js';\nimport { SubrowCellContext } from './SubRowCellContext.js';\nimport { SubRowExpanderPath } from './SubRowExpanderPath.js';\nimport {\n  useDataTable,\n  useDataTableRow,\n} from '../../../contexts/DataTableContext.js';\nimport { dataTableMessages } from '../../../messages.js';\nimport {\n  isChartColumnType,\n  type DataTableColumnType,\n} from '../../ColumnTypes/column-types-types.js';\n\n/**\n * Calculates the width for the subrow indicator cell based on the current indent width.\n * @param rowDensity - the configured row density of the table\n * @param indentWidth - the current indent width based on the subrow depth\n * @internal\n */\nexport function getSubRowCellWidth(\n  rowDensity: 'default' | 'condensed' | 'comfortable',\n  indentWidth: number,\n): string {\n  const rowDensityPadding = SUB_ROW_DENSITY_PADDING_MAP[rowDensity];\n\n  // Calculate the cell width by adding the icon button size (icon size + 2 * Size2 padding)\n  // and the density padding to the right\n  return `calc(${\n    indentWidth + SUB_ROW_EXPANDER_ICON_SIZE + rowDensityPadding\n  }px + ${Spacings.Size4})`;\n}\n\nfunction remeasureSubRowIndicatorColumn<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: ReactTable<TFeatures, TData>) {\n  const subrowIndicatorColumnId = table.getSubRowIndicatorColumnId();\n  if (subrowIndicatorColumnId) {\n    table.remeasureColumn(subrowIndicatorColumnId);\n  }\n}\n\n/**\n * @internal\n */\nexport function SubRowsHeaderExpander(\n  props: Readonly<{ isAllRowsExpanded: boolean }>,\n): JSX.Element {\n  const { isAllRowsExpanded } = props;\n  const table = useDataTable();\n  const intl = useIntl();\n\n  return (\n    <button\n      type=\"button\"\n      className={clsx(\n        styles.expandButtonHeaderCellWrapper,\n        styles.expanderButton,\n      )}\n      onClick={() => {\n        table.toggleAllRowsExpanded();\n        remeasureSubRowIndicatorColumn(table);\n      }}\n      aria-label={intl.formatMessage(dataTableMessages.subRowAllTrigger, {\n        expandState: isAllRowsExpanded ? 'other' : 'expand',\n      })}\n      style={{\n        color: Colors.Text.Neutral.Subdued,\n      }}\n      data-dt-name=\"SubRowExpandCollapseAll\"\n      data-dt-properties={`state:${isAllRowsExpanded ? 'collapse' : 'expand'}`}\n    >\n      {isAllRowsExpanded ? <MinusIcon /> : <PlusIcon />}\n    </button>\n  );\n}\n\n/**\n * @internal\n */\nexport function SubRowsCellExpander({\n  columnType,\n}: {\n  columnType: DataTableColumnType | undefined;\n}): JSX.Element | null {\n  const intl = useIntl();\n  const table = useDataTable();\n  const row = useDataTableRow();\n\n  const subrowContext = useContext(SubrowCellContext);\n  const subRowExpandButtonWrapperRef = useRef<HTMLDivElement>(null);\n\n  if (!row) {\n    return null;\n  }\n\n  const {\n    canExpand: rowCanExpand,\n    canExpandDisabled: rowCanExpandDisabled,\n    isExpanded,\n  } = subrowContext;\n\n  const indentWidth = SUB_ROW_INDENT_GRID * row.depth;\n  const shouldCorrectIndicatorWidth = isChartColumnType(columnType);\n\n  const subRowDepth = table.getSubRowOpenDepth();\n  const depthDifference = subRowDepth - row.depth;\n  const widthCorrection = SUB_ROW_INDENT_GRID * depthDifference;\n  let width = getSubRowCellWidth(\n    table.atoms.visualVariantConfig?.get().rowDensity,\n    indentWidth,\n  );\n  if (shouldCorrectIndicatorWidth) {\n    width = `calc(${width} + ${widthCorrection}px)`;\n  }\n\n  return (\n    <div\n      ref={subRowExpandButtonWrapperRef}\n      className={clsx(styles.expandButtonCellWrapper)}\n      style={{\n        width,\n      }}\n    >\n      {row.depth > 0 ? (\n        <SubRowExpanderPath\n          rowId={row.id}\n          width={indentWidth}\n          rowLineConfig={table.getRowLineConfig(row.id)}\n          rowCanExpand={rowCanExpand}\n        />\n      ) : null}\n\n      {/* Only render a button if the row can actually expand */}\n      {rowCanExpand ? (\n        <button\n          disabled={rowCanExpandDisabled}\n          type=\"button\"\n          aria-label={intl.formatMessage(dataTableMessages.subRowTrigger, {\n            expandState: isExpanded ? 'other' : 'expand',\n            id: row.id,\n          })}\n          aria-expanded={isExpanded}\n          className={styles.expanderButton}\n          onClick={() => {\n            row.toggleExpanded(!isExpanded);\n            remeasureSubRowIndicatorColumn(table);\n          }}\n          data-dt-name=\"SubRowExpandCollapse\"\n          data-dt-properties={`state:${isExpanded ? 'collapse' : 'expand'}`}\n        >\n          {isExpanded ? (\n            <MinusIcon size={SUB_ROW_EXPANDER_ICON_SIZE} />\n          ) : (\n            <PlusIcon size={SUB_ROW_EXPANDER_ICON_SIZE} />\n          )}\n        </button>\n      ) : null}\n\n      {shouldCorrectIndicatorWidth ? (\n        <div style={{ width: widthCorrection }} />\n      ) : null}\n    </div>\n  );\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/tables/DataTable/features/SubRows/components/SubRowsHeaderWidthCorrection.js

@@ -0,0 +1,39 @@
+import { jsx } from "react/jsx-runtime";
+import { getSubRowCellWidth } from "./SubRowExpanders.js";
+import { DATA_TABLE_SUB_ROW_INDENT_GRID as SUB_ROW_INDENT_GRID } from "../../../constants.js";
+import { useDataTable } from "../../../contexts/DataTableContext.js";
+function defaultSubRowsAccessor(originalRow) {
+  return originalRow?.subRows;
+}
+function SubRowsHeaderWidthCorrection(props) {
+  const { subRowOpenDepth } = props;
+  const table = useDataTable();
+  const hasMultiplePages = table.options.enablePagination === true && table.getPageCount() > 1;
+  let width;
+  if (hasMultiplePages || table.getHasVirtualizedRows()) {
+    const indentWidth = SUB_ROW_INDENT_GRID * subRowOpenDepth;
+    width = getSubRowCellWidth(
+      table.atoms.visualVariantConfig?.get().rowDensity,
+      indentWidth
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        // Expand to fill available space in the cell.
+        // This is especially important for right-aligned columns
+        // to push the subrow expander all the way to the left.
+        flex: 1,
+        // Ensure correct width based on the current sub-row max depth,
+        // if table has virtualized or paginated rows.
+        width
+      }
+    }
+  );
+}
+export {
+  SubRowsHeaderWidthCorrection,
+  defaultSubRowsAccessor
+};
+//# sourceMappingURL=SubRowsHeaderWidthCorrection.js.map

package/esm/tables/DataTable/features/SubRows/components/SubRowsHeaderWidthCorrection.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/tables/DataTable/features/SubRows/components/SubRowsHeaderWidthCorrection.tsx"],
+  "sourcesContent": ["import { type JSX } from 'react';\n\nimport { getSubRowCellWidth } from './SubRowExpanders.js';\nimport { DATA_TABLE_SUB_ROW_INDENT_GRID as SUB_ROW_INDENT_GRID } from '../../../constants.js';\nimport { useDataTable } from '../../../contexts/DataTableContext.js';\n\n/**\n * Default accessor for the subRows\n * @internal\n */\nexport function defaultSubRowsAccessor<TData>(originalRow: TData): TData[] {\n  return (originalRow as TData & { subRows: TData[] })?.subRows;\n}\n\n/**\n * Corrects the subrow header width in situations where content width is not sufficient.\n * This is the case when rows are virtualized or paginated.\n * @internal\n */\nexport function SubRowsHeaderWidthCorrection(\n  props: Readonly<{ subRowOpenDepth: number }>,\n): JSX.Element {\n  const { subRowOpenDepth } = props;\n  const table = useDataTable();\n  const hasMultiplePages =\n    table.options.enablePagination === true && table.getPageCount() > 1;\n\n  let width: string | undefined;\n  if (hasMultiplePages || table.getHasVirtualizedRows()) {\n    const indentWidth = SUB_ROW_INDENT_GRID * subRowOpenDepth;\n    width = getSubRowCellWidth(\n      table.atoms.visualVariantConfig?.get().rowDensity,\n      indentWidth,\n    );\n  }\n\n  return (\n    <div\n      style={{\n        // Expand to fill available space in the cell.\n        // This is especially important for right-aligned columns\n        // to push the subrow expander all the way to the left.\n        flex: 1,\n        // Ensure correct width based on the current sub-row max depth,\n        // if table has virtualized or paginated rows.\n        width,\n      }}\n    />\n  );\n}\n"],
+  "mappings": "AAqCI;AAnCJ,SAAS,0BAA0B;AACnC,SAAS,kCAAkC,2BAA2B;AACtE,SAAS,oBAAoB;AAMtB,SAAS,uBAA8B,aAA6B;AACzE,SAAQ,aAA8C;AACxD;AAOO,SAAS,6BACd,OACa;AACb,QAAM,EAAE,gBAAgB,IAAI;AAC5B,QAAM,QAAQ,aAAa;AAC3B,QAAM,mBACJ,MAAM,QAAQ,qBAAqB,QAAQ,MAAM,aAAa,IAAI;AAEpE,MAAI;AACJ,MAAI,oBAAoB,MAAM,sBAAsB,GAAG;AACrD,UAAM,cAAc,sBAAsB;AAC1C,YAAQ;AAAA,MACN,MAAM,MAAM,qBAAqB,IAAI,EAAE;AAAA,MACvC;AAAA,IACF;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA;AAAA;AAAA;AAAA,QAIL,MAAM;AAAA;AAAA;AAAA,QAGN;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/esm/tables/DataTable/features/SubRows/sub-rows-utils.js

@@ -11,9 +11,12 @@ function isRowDisabled(cacheMap, row, isDisabledCallback) {
   if (row.getCanExpandDisabled()) {
     result = true;
   } else {
-    const parent = row.getParentRow();
-    if (parent !== void 0) {
-      result = isRowDisabled(cacheMap, parent, isDisabledCallback);
+    try {
+      const parent = row.getParentRow();
+      if (parent !== void 0) {
+        result = isRowDisabled(cacheMap, parent, isDisabledCallback);
+      }
+    } catch {
     }
   }
   cacheMap.set(row.id, result);

package/esm/tables/DataTable/features/SubRows/sub-rows-utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/SubRows/sub-rows-utils.ts"],
-  "sourcesContent": ["import type { Row } from '../../hooks/useTable/types.js';\n\n/**\n * Checks if a row is disabled based on its own state and the state of its parent rows.\n * @param cacheMap - save lazily to this map\n * @param row - row to check\n * @param isDisabledCallback - optionally for getting notified when isDisabled is called (for example, used to test performance)\n */\nexport function isRowDisabled<TData>(\n  cacheMap: Map<string, boolean>,\n  row: Row<TData> | undefined,\n  isDisabledCallback?: (row: Row<TData> | undefined) => void,\n): boolean {\n  if (row === undefined) {\n    return false;\n  }\n\n  // Check cache first\n  const cachedResult = cacheMap.get(row.id);\n  if (cachedResult !== undefined) {\n    return cachedResult;\n  }\n\n  // Only call callback when actually computing the value (not when using cache)\n  isDisabledCallback?.(row);\n\n  // Determine if disabled\n  let result = false;\n  if (row.getCanExpandDisabled()) {\n    result = true;\n  } else {\n    const parent = row.getParentRow();\n    if (parent !== undefined) {\n      result = isRowDisabled(cacheMap, parent, isDisabledCallback);\n    }\n  }\n\n  cacheMap.set(row.id, result);\n  return result;\n}\n\n/**\n * Calculates the nesting depth of a given sub-row.\n * @param id - the row id.\n * @param separator - the separator used in the id to denote levels of depth (default is '.').\n */\nexport const depthFromId = (id: string, separator = '.'): number => {\n  let depth = 0;\n  for (const char of id) {\n    if (char === separator) {\n      depth++;\n    }\n  }\n  return depth + 1;\n};\n\n/**\n * Calculates the maximum visible depth of the expanded rows.\n * @param rowIds - the list of expanded row ids.\n * @param separator - the separator used in the id to denote levels of depth (default is '.').\n * @returns the maximum visible depth.\n */\nexport function calculateMaxVisibleDepth(\n  rowIds: string[],\n  separator: string = '.',\n): number {\n  let maxDepth = 0;\n  let prevLevel = 0;\n  let prevId = rowIds.at(0) ?? '';\n\n  const sortedRowIds = rowIds.toSorted();\n  for (const rowId of sortedRowIds) {\n    const currentLevel = depthFromId(rowId, separator);\n    const sameBranch = rowId.startsWith(prevId);\n\n    // Detected a gap in the expands\n    if (sameBranch && currentLevel > prevLevel + 1) {\n      continue;\n    }\n\n    // When we switch the branch, we need to reset the level in order to detect\n    // gaps from the start.\n    if (sameBranch === false) {\n      prevLevel = 0;\n    }\n\n    // Now detect if we have skipped a level.\n    if (currentLevel > prevLevel + 1) {\n      continue;\n    }\n\n    prevId = rowId;\n    prevLevel = currentLevel;\n    maxDepth = Math.max(maxDepth, currentLevel);\n  }\n\n  return maxDepth;\n}\n"],
-  "mappings": "AAQO,SAAS,cACd,UACA,KACA,oBACS;AACT,MAAI,QAAQ,QAAW;AACrB,WAAO;AAAA,EACT;AAGA,QAAM,eAAe,SAAS,IAAI,IAAI,EAAE;AACxC,MAAI,iBAAiB,QAAW;AAC9B,WAAO;AAAA,EACT;AAGA,uBAAqB,GAAG;AAGxB,MAAI,SAAS;AACb,MAAI,IAAI,qBAAqB,GAAG;AAC9B,aAAS;AAAA,EACX,OAAO;AACL,UAAM,SAAS,IAAI,aAAa;AAChC,QAAI,WAAW,QAAW;AACxB,eAAS,cAAc,UAAU,QAAQ,kBAAkB;AAAA,IAC7D;AAAA,EACF;AAEA,WAAS,IAAI,IAAI,IAAI,MAAM;AAC3B,SAAO;AACT;AAOO,MAAM,cAAc,CAAC,IAAY,YAAY,QAAgB;AAClE,MAAI,QAAQ;AACZ,aAAW,QAAQ,IAAI;AACrB,QAAI,SAAS,WAAW;AACtB;AAAA,IACF;AAAA,EACF;AACA,SAAO,QAAQ;AACjB;AAQO,SAAS,yBACd,QACA,YAAoB,KACZ;AACR,MAAI,WAAW;AACf,MAAI,YAAY;AAChB,MAAI,SAAS,OAAO,GAAG,CAAC,KAAK;AAE7B,QAAM,eAAe,OAAO,SAAS;AACrC,aAAW,SAAS,cAAc;AAChC,UAAM,eAAe,YAAY,OAAO,SAAS;AACjD,UAAM,aAAa,MAAM,WAAW,MAAM;AAG1C,QAAI,cAAc,eAAe,YAAY,GAAG;AAC9C;AAAA,IACF;AAIA,QAAI,eAAe,OAAO;AACxB,kBAAY;AAAA,IACd;AAGA,QAAI,eAAe,YAAY,GAAG;AAChC;AAAA,IACF;AAEA,aAAS;AACT,gBAAY;AACZ,eAAW,KAAK,IAAI,UAAU,YAAY;AAAA,EAC5C;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import type { RowData, TableFeatures, Row } from '@tanstack/react-table';\n\n/**\n * Checks if a row is disabled based on its own state and the state of its parent rows.\n * @param cacheMap - save lazily to this map\n * @param row - row to check\n * @param isDisabledCallback - optionally for getting notified when isDisabled is called (for example, used to test performance)\n */\nexport function isRowDisabled<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  cacheMap: Map<string, boolean>,\n  row: Row<TFeatures, TData> | undefined,\n  isDisabledCallback?: (row: Row<TFeatures, TData> | undefined) => void,\n): boolean {\n  if (row === undefined) {\n    return false;\n  }\n\n  // Check cache first\n  const cachedResult = cacheMap.get(row.id);\n  if (cachedResult !== undefined) {\n    return cachedResult;\n  }\n\n  // Only call callback when actually computing the value (not when using cache)\n  isDisabledCallback?.(row);\n\n  // Determine if disabled\n  let result = false;\n  if (row.getCanExpandDisabled()) {\n    result = true;\n  } else {\n    try {\n      const parent = row.getParentRow();\n      if (parent !== undefined) {\n        result = isRowDisabled(cacheMap, parent, isDisabledCallback);\n      }\n    } catch {\n      // If tanstack cannot find a parent row, they now throw an error instead of returning undefined.\n      // In this case, we can safely assume that the row is not disabled by a parent row.\n    }\n  }\n\n  cacheMap.set(row.id, result);\n  return result;\n}\n\n/**\n * Calculates the nesting depth of a given sub-row.\n * @param id - the row id.\n * @param separator - the separator used in the id to denote levels of depth (default is '.').\n */\nexport const depthFromId = (id: string, separator = '.'): number => {\n  let depth = 0;\n  for (const char of id) {\n    if (char === separator) {\n      depth++;\n    }\n  }\n  return depth + 1;\n};\n\n/**\n * Calculates the maximum visible depth of the expanded rows.\n * @param rowIds - the list of expanded row ids.\n * @param separator - the separator used in the id to denote levels of depth (default is '.').\n * @returns the maximum visible depth.\n */\nexport function calculateMaxVisibleDepth(\n  rowIds: string[],\n  separator: string = '.',\n): number {\n  let maxDepth = 0;\n  let prevLevel = 0;\n  let prevId = rowIds.at(0) ?? '';\n\n  const sortedRowIds = rowIds.toSorted();\n  for (const rowId of sortedRowIds) {\n    const currentLevel = depthFromId(rowId, separator);\n    const sameBranch = rowId.startsWith(prevId);\n\n    // Detected a gap in the expands\n    if (sameBranch && currentLevel > prevLevel + 1) {\n      continue;\n    }\n\n    // When we switch the branch, we need to reset the level in order to detect\n    // gaps from the start.\n    if (sameBranch === false) {\n      prevLevel = 0;\n    }\n\n    // Now detect if we have skipped a level.\n    if (currentLevel > prevLevel + 1) {\n      continue;\n    }\n\n    prevId = rowId;\n    prevLevel = currentLevel;\n    maxDepth = Math.max(maxDepth, currentLevel);\n  }\n\n  return maxDepth;\n}\n"],
+  "mappings": "AAQO,SAAS,cAId,UACA,KACA,oBACS;AACT,MAAI,QAAQ,QAAW;AACrB,WAAO;AAAA,EACT;AAGA,QAAM,eAAe,SAAS,IAAI,IAAI,EAAE;AACxC,MAAI,iBAAiB,QAAW;AAC9B,WAAO;AAAA,EACT;AAGA,uBAAqB,GAAG;AAGxB,MAAI,SAAS;AACb,MAAI,IAAI,qBAAqB,GAAG;AAC9B,aAAS;AAAA,EACX,OAAO;AACL,QAAI;AACF,YAAM,SAAS,IAAI,aAAa;AAChC,UAAI,WAAW,QAAW;AACxB,iBAAS,cAAc,UAAU,QAAQ,kBAAkB;AAAA,MAC7D;AAAA,IACF,QAAQ;AAAA,IAGR;AAAA,EACF;AAEA,WAAS,IAAI,IAAI,IAAI,MAAM;AAC3B,SAAO;AACT;AAOO,MAAM,cAAc,CAAC,IAAY,YAAY,QAAgB;AAClE,MAAI,QAAQ;AACZ,aAAW,QAAQ,IAAI;AACrB,QAAI,SAAS,WAAW;AACtB;AAAA,IACF;AAAA,EACF;AACA,SAAO,QAAQ;AACjB;AAQO,SAAS,yBACd,QACA,YAAoB,KACZ;AACR,MAAI,WAAW;AACf,MAAI,YAAY;AAChB,MAAI,SAAS,OAAO,GAAG,CAAC,KAAK;AAE7B,QAAM,eAAe,OAAO,SAAS;AACrC,aAAW,SAAS,cAAc;AAChC,UAAM,eAAe,YAAY,OAAO,SAAS;AACjD,UAAM,aAAa,MAAM,WAAW,MAAM;AAG1C,QAAI,cAAc,eAAe,YAAY,GAAG;AAC9C;AAAA,IACF;AAIA,QAAI,eAAe,OAAO;AACxB,kBAAY;AAAA,IACd;AAGA,QAAI,eAAe,YAAY,GAAG;AAChC;AAAA,IACF;AAEA,aAAS;AACT,gBAAY;AACZ,eAAW,KAAK,IAAI,UAAU,YAAY;AAAA,EAC5C;AAEA,SAAO;AACT;",
   "names": []
 }

package/esm/tables/DataTable/features/SubRows/subrows-row-model.js

@@ -0,0 +1,51 @@
+import {
+  tableMemo
+} from "@tanstack/react-table";
+import { row_getIsExpanded } from "./SubRows.js";
+function createExpandedRowModel() {
+  return (_table) => {
+    const table = _table;
+    return tableMemo({
+      feature: "rowExpandingFeature",
+      table,
+      fnName: "table.getExpandedRowModel",
+      memoDeps: () => [
+        table.atoms.expanded?.get(),
+        table.getPreExpandedRowModel(),
+        table.options.paginateExpandedRows
+      ],
+      fn: () => _createExpandedRowModel(table)
+    });
+  };
+}
+function _createExpandedRowModel(table) {
+  const rowModel = table.getPreExpandedRowModel();
+  const expanded = table.atoms.expanded?.get();
+  if (!rowModel.rows.length || expanded !== true && !Object.keys(expanded ?? {}).length) {
+    return rowModel;
+  }
+  if (!table.options.paginateExpandedRows) {
+    return rowModel;
+  }
+  return expandRows(rowModel);
+}
+function expandRows(rowModel) {
+  const expandedRows = [];
+  const handleRow = (row) => {
+    expandedRows.push(row);
+    if (row.subRows.length && row_getIsExpanded(row)) {
+      row.subRows.forEach(handleRow);
+    }
+  };
+  rowModel.rows.forEach(handleRow);
+  return {
+    rows: expandedRows,
+    flatRows: rowModel.flatRows,
+    rowsById: rowModel.rowsById
+  };
+}
+export {
+  createExpandedRowModel,
+  expandRows
+};
+//# sourceMappingURL=subrows-row-model.js.map

package/esm/tables/DataTable/features/SubRows/subrows-row-model.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/tables/DataTable/features/SubRows/subrows-row-model.ts"],
+  "sourcesContent": ["import {\n  type Row,\n  type RowData,\n  type RowModel,\n  type Table,\n  type TableFeatures,\n  type Table_Internal,\n  tableMemo,\n} from '@tanstack/react-table';\n\nimport { row_getIsExpanded } from './SubRows.js';\n\n// Overwrite the default `getExpandedRowModel` with our custom implementation that adds support for our implementation of getIsExpanded custom logic.\nexport function createExpandedRowModel<\n  TFeatures extends TableFeatures,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  TData extends RowData = any,\n>(): (table: Table<TFeatures, TData>) => () => RowModel<TFeatures, TData> {\n  return (_table) => {\n    const table = _table as Table_Internal<TFeatures, TData>;\n    return tableMemo({\n      feature: 'rowExpandingFeature',\n      table,\n      fnName: 'table.getExpandedRowModel',\n      memoDeps: () => [\n        table.atoms.expanded?.get(),\n        table.getPreExpandedRowModel(),\n        table.options.paginateExpandedRows,\n      ],\n      fn: () => _createExpandedRowModel(table),\n    });\n  };\n}\n\nfunction _createExpandedRowModel<\n  TFeatures extends TableFeatures,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  TData extends RowData = any,\n>(table: Table_Internal<TFeatures, TData>): RowModel<TFeatures, TData> {\n  const rowModel = table.getPreExpandedRowModel();\n  const expanded = table.atoms.expanded?.get();\n\n  if (\n    !rowModel.rows.length ||\n    (expanded !== true && !Object.keys(expanded ?? {}).length)\n  ) {\n    return rowModel;\n  }\n\n  if (!table.options.paginateExpandedRows) {\n    // Only expand rows at this point if they are being paginated\n    return rowModel;\n  }\n\n  return expandRows(rowModel);\n}\n\nexport function expandRows<\n  TFeatures extends TableFeatures,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  TData extends RowData = any,\n>(rowModel: RowModel<TFeatures, TData>): RowModel<TFeatures, TData> {\n  const expandedRows: Array<Row<TFeatures, TData>> = [];\n\n  const handleRow = (row: Row<TFeatures, TData>) => {\n    expandedRows.push(row);\n\n    if (row.subRows.length && row_getIsExpanded(row)) {\n      row.subRows.forEach(handleRow);\n    }\n  };\n\n  rowModel.rows.forEach(handleRow);\n\n  return {\n    rows: expandedRows,\n    flatRows: rowModel.flatRows,\n    rowsById: rowModel.rowsById,\n  };\n}\n"],
+  "mappings": "AAAA;AAAA,EAOE;AAAA,OACK;AAEP,SAAS,yBAAyB;AAG3B,SAAS,yBAI0D;AACxE,SAAO,CAAC,WAAW;AACjB,UAAM,QAAQ;AACd,WAAO,UAAU;AAAA,MACf,SAAS;AAAA,MACT;AAAA,MACA,QAAQ;AAAA,MACR,UAAU,MAAM;AAAA,QACd,MAAM,MAAM,UAAU,IAAI;AAAA,QAC1B,MAAM,uBAAuB;AAAA,QAC7B,MAAM,QAAQ;AAAA,MAChB;AAAA,MACA,IAAI,MAAM,wBAAwB,KAAK;AAAA,IACzC,CAAC;AAAA,EACH;AACF;AAEA,SAAS,wBAIP,OAAqE;AACrE,QAAM,WAAW,MAAM,uBAAuB;AAC9C,QAAM,WAAW,MAAM,MAAM,UAAU,IAAI;AAE3C,MACE,CAAC,SAAS,KAAK,UACd,aAAa,QAAQ,CAAC,OAAO,KAAK,YAAY,CAAC,CAAC,EAAE,QACnD;AACA,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,MAAM,QAAQ,sBAAsB;AAEvC,WAAO;AAAA,EACT;AAEA,SAAO,WAAW,QAAQ;AAC5B;AAEO,SAAS,WAId,UAAkE;AAClE,QAAM,eAA6C,CAAC;AAEpD,QAAM,YAAY,CAAC,QAA+B;AAChD,iBAAa,KAAK,GAAG;AAErB,QAAI,IAAI,QAAQ,UAAU,kBAAkB,GAAG,GAAG;AAChD,UAAI,QAAQ,QAAQ,SAAS;AAAA,IAC/B;AAAA,EACF;AAEA,WAAS,KAAK,QAAQ,SAAS;AAE/B,SAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAU,SAAS;AAAA,IACnB,UAAU,SAAS;AAAA,EACrB;AACF;",
+  "names": []
+}