npm - @dynatrace/strato-components - Versions diffs - 3.6.0 → 3.7.1 - Mend

@dynatrace/strato-components 3.6.0 → 3.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3132) hide show

package/esm/tables/DataTable/features/Sorting/Sorting.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Sorting/Sorting.tsx"],
-  "sourcesContent": ["import { isFunction } from '@tanstack/react-table';\n\nimport {\n  datelikeCompare,\n  numberlikeCompare,\n  stringlikeCompare,\n  stringlikeCompareCaseSensitive,\n} from './compare-functions.js';\nimport type {\n  DataTableColumnSort,\n  DataTableCustomSortingFn,\n  DataTableSortingProps,\n} from './sorting-types.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport { isGroupColumnDef } from '../../hooks/useTable/datatable-typeguards.js';\nimport type {\n  Column,\n  ColumnDef,\n  Header,\n  Row,\n  RowData,\n  Table,\n  TableFeature,\n  TableOptions,\n} from '../../hooks/useTable/types.js';\nimport { assignRowMethods } from '../../hooks/useTable/utils.js';\nimport type { DataTableRowData } from '../../public.api.js';\n\n/**\n * Typeguard function that checks whether the given column definition has a 'sortAccessor' defined.\n */\nfunction isColumnDefWithSortAccessor(\n  columnDef: unknown,\n): columnDef is ColumnDef<unknown> {\n  return (\n    columnDef !== undefined &&\n    columnDef !== null &&\n    typeof columnDef === 'object' &&\n    'sortAccessor' in columnDef &&\n    columnDef.sortAccessor !== undefined\n  );\n}\n\n/**\n * Configuration hook for the DataTable sorting feature.\n * @internal\n */\nexport function useSorting<TData extends DataTableRowData>(\n  props: DataTableSortingProps,\n  options: TableOptions<TData>,\n): void {\n  const configSortable = useDataTableConfigElement('sortable');\n\n  const [sorting, setSorting] = useControllableState<DataTableColumnSort[]>({\n    value: props.sortBy,\n    defaultValue: props.defaultSortBy,\n    onChange: props.onSortByChange,\n  });\n\n  const { sortable: sortableProp } = props;\n  let sortable = false;\n\n  if (sortableProp !== undefined) {\n    if (typeof sortableProp === 'boolean') {\n      sortable = sortableProp;\n      options.manualSorting = false;\n    } else {\n      sortable = true;\n      // To do: should reconsider is there a better and simpler way (simpler API exposed) that we can check wheater the consumer wants to keep default sorting\n      // or they want to implement custom data pre sorting\n      if (sortableProp.manualSort === true) {\n        options.manualSorting = true;\n      } else {\n        options.manualSorting = undefined;\n      }\n    }\n  } else if (configSortable !== undefined) {\n    if (typeof configSortable === 'boolean') {\n      sortable = configSortable;\n    } else {\n      sortable = true;\n\n      if (configSortable.manualSort === true) {\n        options.manualSorting = true;\n      } else {\n        options.manualSorting = undefined;\n      }\n    }\n  }\n\n  options.enableSorting = sortable;\n  options.state = {\n    ...options.state,\n    sorting,\n  };\n  options.onSortingChange = setSorting;\n}\n\nconst sortingFunctions = {\n  text: stringlikeCompare,\n  textCaseSensitive: stringlikeCompareCaseSensitive,\n  number: numberlikeCompare,\n  datetime: datelikeCompare,\n};\n\n/**\n * @internal\n */\nexport const Sorting: TableFeature = {\n  createColumn<TData extends RowData, TValue>(\n    column: Column<TData, TValue>,\n    table: Table<TData>,\n  ) {\n    column.getCustomSortingFn = () => {\n      if (!column) {\n        throw new Error();\n      }\n\n      if (isFunction(column.columnDef.customSortingFn)) {\n        return column.columnDef.customSortingFn;\n      }\n\n      if (\n        typeof column.columnDef.sortType === 'string' &&\n        sortingFunctions[column.columnDef.sortType]\n      ) {\n        return sortingFunctions[\n          column.columnDef.sortType\n        ] as DataTableCustomSortingFn<TValue>;\n      }\n\n      return sortingFunctions['text'] as DataTableCustomSortingFn<TValue>;\n    };\n\n    column.getAutoSortDir = () => {\n      // overwrite the default from react table\n      // by default all columns should be sorted ascending first\n      return 'asc';\n    };\n\n    column.getCanSort = () => {\n      // Grouped columns should for now not be sortable.\n      if (isGroupColumnDef(column.columnDef)) {\n        return false;\n      }\n      return (\n        (column.columnDef.enableSorting ?? true) &&\n        (table.options.enableSorting ?? false) &&\n        !!column.accessorFn\n      );\n    };\n\n    // Override toggleSorting to fix multi-sort clearing when plain-clicking\n    // the last (lowest-priority) column in a multi-sort.\n    // The original implementation only replaces the sorting state when the clicked column\n    // is NOT the last in the sort array.\n    const originalToggleSorting = column.toggleSorting;\n    column.toggleSorting = (desc, isMulti) => {\n      if (!isMulti) {\n        const oldSorting = table.getState().sorting;\n\n        if (oldSorting && oldSorting.length > 1) {\n          const existingIndex = oldSorting.findIndex((s) => s.id === column.id);\n\n          // In multi-sort mode, plain-clicking a sorted column should clear all other sorted columns\n          // and keep only the clicked column, with its direction cycled to the next value.\n          // Out-of-the-box Tanstack only does this if the clicked column is not the last in the sorting array for some reason,\n          // which is why we need to override the function for specific case where the clicked column is the last in the sorting array.\n          if (existingIndex === oldSorting.length - 1) {\n            const nextSortingOrder = column.getNextSortingOrder();\n            const nextDesc = desc ?? nextSortingOrder === 'desc';\n            table.setSorting([{ id: column.id, desc: nextDesc }]);\n            return;\n          }\n        }\n      }\n      originalToggleSorting(desc, isMulti);\n    };\n  },\n\n  createTable<TData extends RowData>(table: Table<TData>) {\n    assignRowMethods(table, {\n      getSortingValue(this: Row<TData>, columnId: string) {\n        if (Object.hasOwn(this._sortingValuesCache, columnId)) {\n          return this._sortingValuesCache[columnId];\n        }\n\n        const column = table.getColumn(columnId);\n\n        if (column && isColumnDefWithSortAccessor(column.columnDef)) {\n          const sortAccessor = column.columnDef.sortAccessor;\n          if (sortAccessor && typeof sortAccessor === 'string') {\n            return sortAccessor.split('.').reduce(\n              // @ts-expect-error Strict mode transition - needs to be investigated\n              (obj, key) => obj[key] as Record<string, unknown>,\n              this.original,\n            );\n          } else if (typeof sortAccessor === 'function') {\n            return sortAccessor(this.original);\n          }\n        }\n\n        if (!column?.accessorFn) {\n          return undefined;\n        }\n\n        this._sortingValuesCache[columnId] = column.accessorFn(\n          this.original,\n          this.index,\n        );\n\n        return this._sortingValuesCache[columnId];\n      },\n    });\n  },\n\n  createRow<TData extends RowData>(row: Row<TData>, table: Table<TData>) {\n    row._sortingValuesCache = {};\n  },\n\n  createHeader<TData extends RowData, TValue>(\n    header: Header<TData, TValue>,\n    table: Table<TData>,\n  ) {\n    header.getAriaSortAttribute = () => {\n      if (\n        table.options.enableSorting &&\n        header.column.columnDef.enableSorting !== false &&\n        header.column.columns.length === 0\n      ) {\n        const isSorted = header.column.getIsSorted();\n        if (isSorted) {\n          return isSorted === 'asc' ? 'ascending' : 'descending';\n        }\n        return 'none';\n      }\n      return undefined;\n    };\n\n    header.getCanSortByHeaderClick = () => {\n      if (header.column.getCanColumnActions() === true) {\n        return false;\n      }\n      return header.column.getCanSort();\n    };\n  },\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  assignPrototypeAPIs,\n  isFunction,\n  type CellData,\n  type Column_Internal,\n  type ColumnDef,\n  type Header,\n  type Row,\n  type RowData,\n  type SortingState,\n  type StockFeatures,\n  type TableFeature,\n  type TableFeatures,\n  type TableOptions_All,\n} from '@tanstack/react-table';\nimport {\n  column_getCanMultiSort,\n  column_getIsSorted,\n  table_getColumn,\n  table_setSorting,\n} from '@tanstack/react-table/static-functions';\n\nimport {\n  datelikeCompare,\n  numberlikeCompare,\n  stringlikeCompare,\n  stringlikeCompareCaseSensitive,\n} from './compare-functions.js';\nimport type {\n  DataTableCustomSortingFn,\n  RowSortingFeatureConstructors,\n} from './sorting-types.js';\nimport { isGroupColumnDef } from '../../hooks/useTable/datatable-typeguards.js';\n\n/**\n * Typeguard function that checks whether the given column definition has a 'sortAccessor' defined.\n */\nfunction isColumnDefWithSortAccessor<\n  TFeature extends TableFeatures,\n  TData extends RowData,\n>(columnDef: unknown): columnDef is ColumnDef<TFeature, TData> {\n  return (\n    columnDef !== undefined &&\n    columnDef !== null &&\n    typeof columnDef === 'object' &&\n    'sortAccessor' in columnDef &&\n    columnDef.sortAccessor !== undefined\n  );\n}\n\nconst sortingFunctions = {\n  text: stringlikeCompare,\n  textCaseSensitive: stringlikeCompareCaseSensitive,\n  number: numberlikeCompare,\n  datetime: datelikeCompare,\n};\n\n/**\n * Helper function to get the aria-sort attribute value for a header based on its sorting state.\n * @internal\n */\nexport function header_getAriaSortAttribute<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  header: Header<TFeatures, TData, TValue>,\n): 'ascending' | 'descending' | 'none' | undefined {\n  if (\n    // Requires cast to push through the generic constraints on the UnionToIntersection generic.\n    (header.table.options as TableOptions_All<StockFeatures, TData>)\n      .enableSorting &&\n    // Requires cast to push through the generic constraints on the UnionToIntersection generic.\n    (header.column.columnDef as ColumnDef<StockFeatures, TData>)\n      .enableSorting !== false &&\n    header.column.columns.length === 0\n  ) {\n    const isSorted = column_getIsSorted(header.column);\n    if (isSorted) {\n      return isSorted === 'asc' ? 'ascending' : 'descending';\n    }\n    return 'none';\n  }\n  return undefined;\n}\n\n/**\n * Helper function to determine if sorting can be triggered by clicking on the header, based on the header and column properties.\n * @internal\n */\nexport function header_getCanSortByHeaderClick<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(header: Header<TFeatures, TData, TValue>): boolean {\n  if (header.column.getCanColumnActions() === true) {\n    return false;\n  }\n  return column_getCanSort(header.column);\n}\n\n/**\n * Helper function to get the sorting value for a given row and column, utilizing caching for performance optimization.\n * @internal\n */\nexport function row_getSortingValue<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(row: Row<TFeatures, TData>, columnId: string): undefined | unknown {\n  const column = table_getColumn(row.table, columnId);\n\n  if (column && isColumnDefWithSortAccessor(column.columnDef)) {\n    const sortAccessor = column.columnDef.sortAccessor;\n    if (sortAccessor && typeof sortAccessor === 'string') {\n      return (\n        sortAccessor\n          .split('.')\n          // Need to cast to unknown first to satisfy the compiler,\n          // as it doesn't know that the reduce will return the correct type based\n          // on the sortAccessor string.\n          .reduce<unknown>(\n            (obj, key) => (obj as unknown as Record<string, unknown>)[key],\n            row.original,\n          )\n      );\n    } else if (typeof sortAccessor === 'function') {\n      return sortAccessor(row.original);\n    }\n  }\n\n  if (!column?.accessorFn) {\n    return undefined;\n  }\n\n  return column.accessorFn(row.original, row.index);\n}\n\nexport function column_getCustomSortingFn<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  column: Column_Internal<TFeatures, TData, TValue>,\n): DataTableCustomSortingFn<TValue> {\n  if (!column) {\n    throw new Error();\n  }\n\n  if (isFunction(column.columnDef.customSortingFn)) {\n    return column.columnDef.customSortingFn;\n  }\n\n  if (\n    typeof column.columnDef.sortType === 'string' &&\n    sortingFunctions[column.columnDef.sortType]\n  ) {\n    return sortingFunctions[\n      column.columnDef.sortType\n    ] as DataTableCustomSortingFn<TValue>;\n  }\n\n  return sortingFunctions['text'] as DataTableCustomSortingFn<TValue>;\n}\n\n/**\n * Override the default getFirstSortDir\n * @internal\n */\nexport function column_getFirstSortDir<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>) {\n  const sortDescFirst =\n    column.columnDef.sortDescFirst ?? column.table.options.sortDescFirst;\n  return sortDescFirst ? 'desc' : 'asc';\n}\n\n/**\n * Override the default getNextSortingOrder as the original implementation calls column_getAutoSortDir from tanstack/table-core directly without a chance on our end to override.\n * @internal\n */\nexport function column_getNextSortingOrder<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>, multi?: boolean) {\n  const firstSortDirection = column_getFirstSortDir(column);\n  const isSorted = column_getIsSorted(column);\n\n  if (!isSorted) {\n    return firstSortDirection;\n  }\n\n  if (\n    isSorted !== firstSortDirection &&\n    (column.table.options.enableSortingRemoval ?? true) && // If enableSortRemove, enable in general\n    (multi ? column.table.options.enableMultiRemove ?? true : true) // If multi, don't allow if enableMultiRemove))\n  ) {\n    return false;\n  }\n  return isSorted === 'desc' ? 'asc' : 'desc';\n}\n\n/**\n * Overrides the default auto sort direction to always be ascending for the first sort, instead of toggling between ascending and descending.\n *\n * @internal\n */\nexport function column_getAutoSortDir<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(column: Column_Internal<TFeatures, TData>): 'asc' {\n  // overwrite the default from react table\n  // by default all columns should be sorted ascending first\n  return 'asc';\n}\n\n/**\n * Overrides the default column_toggleSorting to allow toggling the sorting state by clicking on the header, while ensuring that interactions with interactive elements within the header do not trigger sorting.\n * Override is necessary as tanstack/table-core's default toggleSorting implementation does call column_getNextSortingOrder from tanstack internally and not the one we provide on the instance.\n * @internal\n */\nexport function column_toggleSorting<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  column: Column_Internal<TFeatures, TData, TValue>,\n  desc?: boolean,\n  multi?: boolean,\n) {\n  // this needs to be outside of table.setSorting to be in sync with rerender\n  const nextSortingOrder = column_getNextSortingOrder(column);\n\n  if (!multi) {\n    const oldSorting = column.table.atoms.sorting?.get();\n\n    if (oldSorting && oldSorting.length > 1) {\n      const existingIndex = oldSorting.findIndex((s) => s.id === column.id);\n\n      // In multi-sort mode, plain-clicking a sorted column should clear all other sorted columns\n      // and keep only the clicked column, with its direction cycled to the next value.\n      // Out-of-the-box Tanstack only does this if the clicked column is not the last in the sorting array for some reason,\n      // which is why we need to override the function for specific case where the clicked column is the last in the sorting array.\n      if (existingIndex === oldSorting.length - 1) {\n        const nextDesc = desc ?? nextSortingOrder === 'desc';\n        table_setSorting(column.table, [{ id: column.id, desc: nextDesc }]);\n        return;\n      }\n    }\n  }\n\n  const hasManualValue = typeof desc !== 'undefined';\n\n  table_setSorting(column.table, (old) => {\n    // Find any existing sorting for this column\n    const existingSorting = old.find((d) => d.id === column.id);\n    const existingIndex = old.findIndex((d) => d.id === column.id);\n\n    let newSorting: SortingState = [];\n\n    // What should we do with this sort action?\n    let sortAction: 'add' | 'remove' | 'toggle' | 'replace';\n    const nextDesc = hasManualValue ? desc : nextSortingOrder === 'desc';\n\n    // Multi-mode\n    if (old.length && column_getCanMultiSort(column) && multi) {\n      if (existingSorting) {\n        sortAction = 'toggle';\n      } else {\n        sortAction = 'add';\n      }\n    } else {\n      // Normal mode\n      if (old.length && existingIndex !== old.length - 1) {\n        sortAction = 'replace';\n      } else if (existingSorting) {\n        sortAction = 'toggle';\n      } else {\n        sortAction = 'replace';\n      }\n    }\n\n    // Handle toggle states that will remove the sorting\n    if (sortAction === 'toggle') {\n      // If we are \"actually\" toggling (not a manual set value), should we remove the sorting?\n      if (!hasManualValue) {\n        // Is our intention to remove?\n        if (!nextSortingOrder) {\n          sortAction = 'remove';\n        }\n      }\n    }\n\n    if (sortAction === 'add') {\n      newSorting = [\n        ...old,\n        {\n          id: column.id,\n          desc: nextDesc,\n        },\n      ];\n      // Take latest n columns\n      newSorting.splice(\n        0,\n        newSorting.length -\n          (column.table.options.maxMultiSortColCount ??\n            Number.MAX_SAFE_INTEGER),\n      );\n    } else if (sortAction === 'toggle') {\n      // This flips (or sets) the\n      newSorting = old.map((d) => {\n        if (d.id === column.id) {\n          return {\n            ...d,\n            desc: nextDesc,\n          };\n        }\n        return d;\n      });\n    } else if (sortAction === 'remove') {\n      newSorting = old.filter((d) => d.id !== column.id);\n    } else {\n      newSorting = [\n        {\n          id: column.id,\n          desc: nextDesc,\n        },\n      ];\n    }\n\n    return newSorting;\n  });\n}\n\n/**\n * Overrides the default column_getToggleSortingHandler\n * Override is necessary as tanstack/table-core's default implementation does call `column_toggleSorting` from tanstack internally and not the one we provide on the instance.\n */\nexport function column_getToggleSortingHandler<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>) {\n  const canSort = column_getCanSort(column);\n\n  return (e: unknown) => {\n    if (!canSort) {\n      return;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (e as any).persist?.();\n    column_toggleSorting(\n      column,\n\n      undefined,\n      column_getCanMultiSort(column)\n        ? column.table.options.isMultiSortEvent?.(e)\n        : false,\n    );\n  };\n}\n\n/**\n * Helper function to determine if a column is sortable based on its definition and the table's sorting configuration.\n * @internal\n */\nexport function column_getCanSort<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column?: Column_Internal<TFeatures, TData, TValue>): boolean {\n  if (column === undefined) {\n    return false;\n  }\n  // Grouped columns should for now not be sortable.\n  if (isGroupColumnDef<TFeatures, TData>(column.columnDef)) {\n    return false;\n  }\n  return (\n    (column.columnDef.enableSorting ?? true) &&\n    (column.table.options.enableSorting ?? false) &&\n    !!column.accessorFn\n  );\n}\n\n/**\n * Constructs the column row sorting for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructRowSortingFeature<\n  TData extends RowData,\n>(): TableFeature<RowSortingFeatureConstructors<TData>> {\n  return {\n    assignHeaderPrototype: (prototype, table) => {\n      assignPrototypeAPIs('rowSortingFeature', prototype, table, {\n        header_getAriaSortAttribute: {\n          fn: (header) => header_getAriaSortAttribute(header),\n        },\n        header_getCanSortByHeaderClick: {\n          fn: (header) => header_getCanSortByHeaderClick(header),\n        },\n      });\n    },\n    assignRowPrototype: (prototype, table) => {\n      assignPrototypeAPIs('rowSortingFeature', prototype, table, {\n        row_getSortingValue: {\n          fn: (row, columnId) => row_getSortingValue(row, columnId),\n        },\n      });\n    },\n    assignColumnPrototype: (prototype, table) => {\n      assignPrototypeAPIs('rowSortingFeature', prototype, table, {\n        column_getCustomSortingFn: {\n          fn: (column) => column_getCustomSortingFn(column),\n        },\n        column_getAutoSortDir: {\n          fn: (column) => column_getAutoSortDir(column),\n        },\n        column_getCanSort: { fn: (column) => column_getCanSort(column) },\n        column_getFirstSortDir: {\n          fn: (column) => column_getFirstSortDir(column),\n        },\n        column_getNextSortingOrder: {\n          fn: (column, multi) => column_getNextSortingOrder(column, multi),\n        },\n        column_toggleSorting: {\n          fn: (column, desc, multi) =>\n            column_toggleSorting(column, desc, multi),\n        },\n        column_getToggleSortingHandler: {\n          fn: (column) => column_getToggleSortingHandler(column),\n        },\n      });\n    },\n  };\n}\n\n/**\n * Feature implementation for Row Sorting.\n * @internal\n */\nexport const DataTableRowSortingFeature = constructRowSortingFeature();\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/features/Sorting/Sorting.sty.js CHANGED Viewed

@@ -6,6 +6,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";
@@ -13,9 +14,9 @@ import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "./Sorting.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var multiSortIndicatorBubble = "_cu1al70-3-6-0";
-var sortOrderIndicator = "_cu1al71-3-6-0";
-var sortingArrow = _7a468({ defaultClassName: "_cu1al72-3-6-0", variantClassNames: { arrowUp: { true: "_cu1al73-3-6-0" }, rowDensity: { "default": "_cu1al74-3-6-0", condensed: "_cu1al75-3-6-0", comfortable: "_cu1al76-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
+var multiSortIndicatorBubble = "_cu1al70-3-7-1";
+var sortOrderIndicator = "_cu1al71-3-7-1";
+var sortingArrow = _7a468({ defaultClassName: "_cu1al72-3-7-1", variantClassNames: { arrowUp: { true: "_cu1al73-3-7-1" }, rowDensity: { "default": "_cu1al74-3-7-1", condensed: "_cu1al75-3-7-1", comfortable: "_cu1al76-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   multiSortIndicatorBubble,
   sortOrderIndicator,

package/esm/tables/DataTable/features/Sorting/Sorting.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Sorting/Sorting.css.ts"],
-  "sourcesContent": ["import '../../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 './Sorting.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var multiSortIndicatorBubble = '_cu1al70-3-6-0';\nexport var sortOrderIndicator = '_cu1al71-3-6-0';\nexport var sortingArrow = _7a468({defaultClassName:'_cu1al72-3-6-0',variantClassNames:{arrowUp:{true:'_cu1al73-3-6-0'},rowDensity:{'default':'_cu1al74-3-6-0',condensed:'_cu1al75-3-6-0',comfortable:'_cu1al76-3-6-0'}},defaultVariants:{},compoundVariants:[]});"],
-  "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,SAAS,mBAAmB,cAAc;AACnC,IAAI,2BAA2B;AAC/B,IAAI,qBAAqB;AACzB,IAAI,eAAe,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,iBAAgB,GAAE,YAAW,EAAC,WAAU,kBAAiB,WAAU,kBAAiB,aAAY,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
+  "sourcesContent": ["import '../../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 './Sorting.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var multiSortIndicatorBubble = '_cu1al70-3-7-1';\nexport var sortOrderIndicator = '_cu1al71-3-7-1';\nexport var sortingArrow = _7a468({defaultClassName:'_cu1al72-3-7-1',variantClassNames:{arrowUp:{true:'_cu1al73-3-7-1'},rowDensity:{'default':'_cu1al74-3-7-1',condensed:'_cu1al75-3-7-1',comfortable:'_cu1al76-3-7-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "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,2BAA2B;AAC/B,IAAI,qBAAqB;AACzB,IAAI,eAAe,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,iBAAgB,GAAE,YAAW,EAAC,WAAU,kBAAiB,WAAU,kBAAiB,aAAY,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/tables/DataTable/features/Sorting/SortingArrowIndicators.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Sorting/SortingArrowIndicators.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { type PropsWithChildren, type JSX } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport {\n  ArrowSmallDownIcon,\n  SorterSmallDoubleIcon,\n} from '@dynatrace/strato-icons';\n\nimport * as styles from './Sorting.sty.js';\nimport { Text } from '../../../../typography/text/Text.js';\nimport { dataTableMessages } from '../../messages.js';\nimport type { SortDirection } from '../../tanstack-table-core-override/src/index.js';\n\n/**\n * Renders button within the column header to trigger sorting directly on header click.\n * @internal\n */\nexport const SortingArrowIndicators = (\n  props: PropsWithChildren<{\n    isSorted?: false | SortDirection;\n    nextSortingOrder?: false | SortDirection;\n    multiSortPriority?: number;\n    rowDensity: 'default' | 'condensed' | 'comfortable';\n  }>,\n): JSX.Element => {\n  const { isSorted, multiSortPriority, nextSortingOrder, rowDensity } = props;\n\n  const intl = useIntl();\n  const dataDtName = 'ColumnHeaderSortIcon';\n\n  let dataDtProperties = 'state:clearSort';\n  if (nextSortingOrder === 'asc') {\n    dataDtProperties = 'state:ascending';\n  } else if (nextSortingOrder === 'desc') {\n    dataDtProperties = 'state:descending';\n  }\n\n  if (isSorted !== false) {\n    const sortedDirectionIcon = (\n      <ArrowSmallDownIcon\n        data-sorticon\n        data-dt-name={dataDtName}\n        data-dt-properties={dataDtProperties}\n        style={{ display: 'inline' }}\n        className={clsx(\n          styles.sortingArrow({ arrowUp: isSorted === 'asc', rowDensity }),\n        )}\n      />\n    );\n    if (multiSortPriority !== undefined) {\n      return (\n        <Text as=\"span\" className={styles.multiSortIndicatorBubble}>\n          {sortedDirectionIcon}\n          <Text\n            as=\"span\"\n            textStyle=\"small-emphasized\"\n            aria-hidden=\"true\"\n            className={styles.sortOrderIndicator}\n          >\n            {multiSortPriority}\n          </Text>\n        </Text>\n      );\n    }\n\n    return sortedDirectionIcon;\n  }\n\n  return (\n    <SorterSmallDoubleIcon\n      data-sorticon\n      aria-label={intl.formatMessage(dataTableMessages.sortableColumnIcon)}\n      className={styles.sortingArrow({ rowDensity })}\n      data-dt-name={dataDtName}\n      data-dt-properties={dataDtProperties}\n    />\n  );\n};\n"],
-  "mappings": "AAwCM,cAYE,YAZF;AAxCN,OAAO,UAAU;AAEjB,SAAS,eAAe;AAExB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,YAAY,YAAY;AACxB,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAO3B,MAAM,yBAAyB,CACpC,UAMgB;AAChB,QAAM,EAAE,UAAU,mBAAmB,kBAAkB,WAAW,IAAI;AAEtE,QAAM,OAAO,QAAQ;AACrB,QAAM,aAAa;AAEnB,MAAI,mBAAmB;AACvB,MAAI,qBAAqB,OAAO;AAC9B,uBAAmB;AAAA,EACrB,WAAW,qBAAqB,QAAQ;AACtC,uBAAmB;AAAA,EACrB;AAEA,MAAI,aAAa,OAAO;AACtB,UAAM,sBACJ;AAAA,MAAC;AAAA;AAAA,QACC,iBAAa;AAAA,QACb,gBAAc;AAAA,QACd,sBAAoB;AAAA,QACpB,OAAO,EAAE,SAAS,SAAS;AAAA,QAC3B,WAAW;AAAA,UACT,OAAO,aAAa,EAAE,SAAS,aAAa,OAAO,WAAW,CAAC;AAAA,QACjE;AAAA;AAAA,IACF;AAEF,QAAI,sBAAsB,QAAW;AACnC,aACE,qBAAC,QAAK,IAAG,QAAO,WAAW,OAAO,0BAC/B;AAAA;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,WAAW,OAAO;AAAA,YAEjB;AAAA;AAAA,QACH;AAAA,SACF;AAAA,IAEJ;AAEA,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAa;AAAA,MACb,cAAY,KAAK,cAAc,kBAAkB,kBAAkB;AAAA,MACnE,WAAW,OAAO,aAAa,EAAE,WAAW,CAAC;AAAA,MAC7C,gBAAc;AAAA,MACd,sBAAoB;AAAA;AAAA,EACtB;AAEJ;",
+  "sourcesContent": ["import type { SortDirection } from '@tanstack/react-table';\nimport clsx from 'clsx';\nimport { type PropsWithChildren, type JSX } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport {\n  ArrowSmallDownIcon,\n  SorterSmallDoubleIcon,\n} from '@dynatrace/strato-icons';\n\nimport * as styles from './Sorting.sty.js';\nimport { Text } from '../../../../typography/text/Text.js';\nimport { dataTableMessages } from '../../messages.js';\n\n/**\n * Renders button within the column header to trigger sorting directly on header click.\n * @internal\n */\nexport const SortingArrowIndicators = (\n  props: PropsWithChildren<{\n    isSorted?: false | SortDirection;\n    nextSortingOrder?: false | SortDirection;\n    multiSortPriority?: number;\n    rowDensity: 'default' | 'condensed' | 'comfortable';\n  }>,\n): JSX.Element => {\n  const { isSorted, multiSortPriority, nextSortingOrder, rowDensity } = props;\n\n  const intl = useIntl();\n  const dataDtName = 'ColumnHeaderSortIcon';\n\n  let dataDtProperties = 'state:clearSort';\n  if (nextSortingOrder === 'asc') {\n    dataDtProperties = 'state:ascending';\n  } else if (nextSortingOrder === 'desc') {\n    dataDtProperties = 'state:descending';\n  }\n\n  if (isSorted !== false) {\n    const sortedDirectionIcon = (\n      <ArrowSmallDownIcon\n        data-sorticon\n        data-dt-name={dataDtName}\n        data-dt-properties={dataDtProperties}\n        style={{ display: 'inline' }}\n        className={clsx(\n          styles.sortingArrow({ arrowUp: isSorted === 'asc', rowDensity }),\n        )}\n      />\n    );\n    if (multiSortPriority !== undefined) {\n      return (\n        <Text as=\"span\" className={styles.multiSortIndicatorBubble}>\n          {sortedDirectionIcon}\n          <Text\n            as=\"span\"\n            textStyle=\"small-emphasized\"\n            aria-hidden=\"true\"\n            className={styles.sortOrderIndicator}\n          >\n            {multiSortPriority}\n          </Text>\n        </Text>\n      );\n    }\n\n    return sortedDirectionIcon;\n  }\n\n  return (\n    <SorterSmallDoubleIcon\n      data-sorticon\n      aria-label={intl.formatMessage(dataTableMessages.sortableColumnIcon)}\n      className={styles.sortingArrow({ rowDensity })}\n      data-dt-name={dataDtName}\n      data-dt-properties={dataDtProperties}\n    />\n  );\n};\n"],
+  "mappings": "AAwCM,cAYE,YAZF;AAvCN,OAAO,UAAU;AAEjB,SAAS,eAAe;AAExB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,YAAY,YAAY;AACxB,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAM3B,MAAM,yBAAyB,CACpC,UAMgB;AAChB,QAAM,EAAE,UAAU,mBAAmB,kBAAkB,WAAW,IAAI;AAEtE,QAAM,OAAO,QAAQ;AACrB,QAAM,aAAa;AAEnB,MAAI,mBAAmB;AACvB,MAAI,qBAAqB,OAAO;AAC9B,uBAAmB;AAAA,EACrB,WAAW,qBAAqB,QAAQ;AACtC,uBAAmB;AAAA,EACrB;AAEA,MAAI,aAAa,OAAO;AACtB,UAAM,sBACJ;AAAA,MAAC;AAAA;AAAA,QACC,iBAAa;AAAA,QACb,gBAAc;AAAA,QACd,sBAAoB;AAAA,QACpB,OAAO,EAAE,SAAS,SAAS;AAAA,QAC3B,WAAW;AAAA,UACT,OAAO,aAAa,EAAE,SAAS,aAAa,OAAO,WAAW,CAAC;AAAA,QACjE;AAAA;AAAA,IACF;AAEF,QAAI,sBAAsB,QAAW;AACnC,aACE,qBAAC,QAAK,IAAG,QAAO,WAAW,OAAO,0BAC/B;AAAA;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,WAAW,OAAO;AAAA,YAEjB;AAAA;AAAA,QACH;AAAA,SACF;AAAA,IAEJ;AAEA,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAa;AAAA,MACb,cAAY,KAAK,cAAc,kBAAkB,kBAAkB;AAAA,MACnE,WAAW,OAAO,aAAa,EAAE,WAAW,CAAC;AAAA,MAC7C,gBAAc;AAAA,MACd,sBAAoB;AAAA;AAAA,EACtB;AAEJ;",
   "names": []
 }

package/esm/tables/DataTable/features/Sorting/SortingColumnActions.js CHANGED Viewed

@@ -22,7 +22,7 @@ function SortingColumnActions({
   }
   const columnIsSorted = column.getIsSorted();
   const columnCanMultiSort = column.getCanMultiSort();
-  const sortingState = table.getState().sorting ?? [];
+  const sortingState = table.atoms.sorting?.get() ?? [];
   const columnSortIndex = column.getSortIndex();
   const tableIsSorted = sortingState.length > 0;
   const tableIsSingleSorted = sortingState.length === 1;

package/esm/tables/DataTable/features/Sorting/SortingColumnActions.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Sorting/SortingColumnActions.tsx"],
-  "sourcesContent": ["import { type JSX } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport {\n  ArrowSmallDownIcon,\n  ArrowSmallUpIcon,\n  SorterSmallDoubleIcon,\n} from '@dynatrace/strato-icons';\n\nimport { Menu } from '../../../../navigation/menu/Menu.js';\nimport {\n  useDataTable,\n  useDataTableColumn,\n} from '../../contexts/DataTableContext.js';\nimport { dataTableMessages } from '../../messages.js';\n\n/**\n * Built-in column action items that expose sorting controls in the column header actions menu.\n *\n * When sorting is the only available column action, the sorting items are rendered as direct entries.\n * Otherwise, they are placed in a \"Sort\" sub-menu to avoid cluttering the top-level menu.\n * The available sorting items are determined by the current sorting state.\n *\n * @param hasOtherColumnActions - Whether there are any user-defined column actions besides sorting.\n * @internal\n */\nexport function SortingColumnActions({\n  hasOtherColumnActions,\n}: Readonly<{\n  hasOtherColumnActions: boolean;\n}>): JSX.Element | null {\n  const intl = useIntl();\n  const table = useDataTable();\n  const column = useDataTableColumn();\n\n  if (!column.getCanSort()) {\n    return null;\n  }\n\n  const columnIsSorted = column.getIsSorted();\n  const columnCanMultiSort = column.getCanMultiSort();\n  const sortingState = table.getState().sorting ?? [];\n\n  const columnSortIndex = column.getSortIndex();\n  const tableIsSorted = sortingState.length > 0;\n  const tableIsSingleSorted = sortingState.length === 1;\n  const tableIsMultiSorted = sortingState.length > 1;\n  const columnIsSingleSorted = tableIsSingleSorted && columnSortIndex === 0;\n\n  // Single-sort actions\n  // Only show the sort action when the sort direction is not already applied, unless multi-sorting is applied.\n  // With multi-sorting enabled the single-sort actions allow switching from multi-sort to single sort.\n  const showSortAscending = columnIsSorted !== 'asc' || tableIsMultiSorted;\n  const showSortDescending = columnIsSorted !== 'desc' || tableIsMultiSorted;\n  const showClearSingleSort = !tableIsMultiSorted && !!columnIsSorted;\n\n  const singleSortGroup = (\n    <Menu.Group>\n      {showSortAscending && (\n        <Menu.Item\n          onSelect={() => column.toggleSorting(false, false)}\n          data-dt-name=\"ColumnActionSortAscending\"\n        >\n          <Menu.Prefix>\n            <ArrowSmallUpIcon />\n          </Menu.Prefix>\n          {!tableIsMultiSorted && columnIsSorted === 'desc'\n            ? intl.formatMessage(dataTableMessages.changeToAscending)\n            : intl.formatMessage(dataTableMessages.sortAscending)}\n        </Menu.Item>\n      )}\n      {showSortDescending && (\n        <Menu.Item\n          onSelect={() => column.toggleSorting(true, false)}\n          data-dt-name=\"ColumnActionSortDescending\"\n        >\n          <Menu.Prefix>\n            <ArrowSmallDownIcon />\n          </Menu.Prefix>\n          {!tableIsMultiSorted && columnIsSorted === 'asc'\n            ? intl.formatMessage(dataTableMessages.changeToDescending)\n            : intl.formatMessage(dataTableMessages.sortDescending)}\n        </Menu.Item>\n      )}\n      {showClearSingleSort && (\n        <Menu.Item\n          onSelect={() => column.clearSorting()}\n          data-dt-name=\"ColumnActionClearSort\"\n        >\n          <Menu.Prefix>\n            <SorterSmallDoubleIcon />\n          </Menu.Prefix>\n          {intl.formatMessage(dataTableMessages.clearSorting)}\n        </Menu.Item>\n      )}\n    </Menu.Group>\n  );\n\n  // Multi-sort actions\n  // Only show multi-sort actions when any other column than the current one is sorted.\n  let multiSortGroup: JSX.Element | null = null;\n  const showMultiSortGroup =\n    columnCanMultiSort && tableIsSorted && !columnIsSingleSorted;\n\n  if (showMultiSortGroup) {\n    const showAddAscending = columnIsSorted !== 'asc';\n    const showAddDescending = columnIsSorted !== 'desc';\n    const showClearMultiSort = !!columnIsSorted;\n    multiSortGroup = (\n      <Menu.Group>\n        <Menu.Label\n          aria-label={intl.formatMessage(\n            dataTableMessages.multiColumnSortingLabel,\n          )}\n        >\n          {intl.formatMessage(dataTableMessages.multiColumnSortingLabel)}\n        </Menu.Label>\n        {showAddAscending && (\n          <Menu.Item\n            onSelect={() => column.toggleSorting(false, true)}\n            data-dt-name=\"ColumnActionMultiSortAscending\"\n          >\n            <Menu.Prefix>\n              <ArrowSmallUpIcon />\n            </Menu.Prefix>\n            {columnIsSorted === 'desc'\n              ? intl.formatMessage(dataTableMessages.changeToAscending)\n              : intl.formatMessage(dataTableMessages.addAsAscending)}\n          </Menu.Item>\n        )}\n        {showAddDescending && (\n          <Menu.Item\n            onSelect={() => column.toggleSorting(true, true)}\n            data-dt-name=\"ColumnActionMultiSortDescending\"\n          >\n            <Menu.Prefix>\n              <ArrowSmallDownIcon />\n            </Menu.Prefix>\n            {columnIsSorted === 'asc'\n              ? intl.formatMessage(dataTableMessages.changeToDescending)\n              : intl.formatMessage(dataTableMessages.addAsDescending)}\n          </Menu.Item>\n        )}\n        {showClearMultiSort && (\n          <Menu.Item\n            onSelect={() => column.clearSorting()}\n            data-dt-name=\"ColumnActionClearSort\"\n          >\n            <Menu.Prefix>\n              <SorterSmallDoubleIcon />\n            </Menu.Prefix>\n            {intl.formatMessage(dataTableMessages.clearSorting)}\n          </Menu.Item>\n        )}\n      </Menu.Group>\n    );\n  }\n\n  if (hasOtherColumnActions) {\n    return (\n      <Menu.Sub>\n        <Menu.SubTrigger>\n          {intl.formatMessage(dataTableMessages.sortSubmenuTrigger)}\n        </Menu.SubTrigger>\n        <Menu.SubContent>\n          {singleSortGroup}\n          {multiSortGroup}\n        </Menu.SubContent>\n      </Menu.Sub>\n    );\n  }\n\n  return (\n    <>\n      {singleSortGroup}\n      {multiSortGroup}\n    </>\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { type JSX } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport {\n  ArrowSmallDownIcon,\n  ArrowSmallUpIcon,\n  SorterSmallDoubleIcon,\n} from '@dynatrace/strato-icons';\n\nimport { Menu } from '../../../../navigation/menu/Menu.js';\nimport {\n  useDataTable,\n  useDataTableColumn,\n} from '../../contexts/DataTableContext.js';\nimport { dataTableMessages } from '../../messages.js';\n\n/**\n * Built-in column action items that expose sorting controls in the column header actions menu.\n *\n * When sorting is the only available column action, the sorting items are rendered as direct entries.\n * Otherwise, they are placed in a \"Sort\" sub-menu to avoid cluttering the top-level menu.\n * The available sorting items are determined by the current sorting state.\n *\n * @param hasOtherColumnActions - Whether there are any user-defined column actions besides sorting.\n * @internal\n */\nexport function SortingColumnActions({\n  hasOtherColumnActions,\n}: Readonly<{\n  hasOtherColumnActions: boolean;\n}>): JSX.Element | null {\n  const intl = useIntl();\n  const table = useDataTable();\n  const column = useDataTableColumn();\n\n  if (!column.getCanSort()) {\n    return null;\n  }\n\n  const columnIsSorted = column.getIsSorted();\n  const columnCanMultiSort = column.getCanMultiSort();\n  const sortingState = table.atoms.sorting?.get() ?? [];\n\n  const columnSortIndex = column.getSortIndex();\n  const tableIsSorted = sortingState.length > 0;\n  const tableIsSingleSorted = sortingState.length === 1;\n  const tableIsMultiSorted = sortingState.length > 1;\n  const columnIsSingleSorted = tableIsSingleSorted && columnSortIndex === 0;\n\n  // Single-sort actions\n  // Only show the sort action when the sort direction is not already applied, unless multi-sorting is applied.\n  // With multi-sorting enabled the single-sort actions allow switching from multi-sort to single sort.\n  const showSortAscending = columnIsSorted !== 'asc' || tableIsMultiSorted;\n  const showSortDescending = columnIsSorted !== 'desc' || tableIsMultiSorted;\n  const showClearSingleSort = !tableIsMultiSorted && !!columnIsSorted;\n\n  const singleSortGroup = (\n    <Menu.Group>\n      {showSortAscending && (\n        <Menu.Item\n          onSelect={() => column.toggleSorting(false, false)}\n          data-dt-name=\"ColumnActionSortAscending\"\n        >\n          <Menu.Prefix>\n            <ArrowSmallUpIcon />\n          </Menu.Prefix>\n          {!tableIsMultiSorted && columnIsSorted === 'desc'\n            ? intl.formatMessage(dataTableMessages.changeToAscending)\n            : intl.formatMessage(dataTableMessages.sortAscending)}\n        </Menu.Item>\n      )}\n      {showSortDescending && (\n        <Menu.Item\n          onSelect={() => column.toggleSorting(true, false)}\n          data-dt-name=\"ColumnActionSortDescending\"\n        >\n          <Menu.Prefix>\n            <ArrowSmallDownIcon />\n          </Menu.Prefix>\n          {!tableIsMultiSorted && columnIsSorted === 'asc'\n            ? intl.formatMessage(dataTableMessages.changeToDescending)\n            : intl.formatMessage(dataTableMessages.sortDescending)}\n        </Menu.Item>\n      )}\n      {showClearSingleSort && (\n        <Menu.Item\n          onSelect={() => column.clearSorting()}\n          data-dt-name=\"ColumnActionClearSort\"\n        >\n          <Menu.Prefix>\n            <SorterSmallDoubleIcon />\n          </Menu.Prefix>\n          {intl.formatMessage(dataTableMessages.clearSorting)}\n        </Menu.Item>\n      )}\n    </Menu.Group>\n  );\n\n  // Multi-sort actions\n  // Only show multi-sort actions when any other column than the current one is sorted.\n  let multiSortGroup: JSX.Element | null = null;\n  const showMultiSortGroup =\n    columnCanMultiSort && tableIsSorted && !columnIsSingleSorted;\n\n  if (showMultiSortGroup) {\n    const showAddAscending = columnIsSorted !== 'asc';\n    const showAddDescending = columnIsSorted !== 'desc';\n    const showClearMultiSort = !!columnIsSorted;\n    multiSortGroup = (\n      <Menu.Group>\n        <Menu.Label\n          aria-label={intl.formatMessage(\n            dataTableMessages.multiColumnSortingLabel,\n          )}\n        >\n          {intl.formatMessage(dataTableMessages.multiColumnSortingLabel)}\n        </Menu.Label>\n        {showAddAscending && (\n          <Menu.Item\n            onSelect={() => column.toggleSorting(false, true)}\n            data-dt-name=\"ColumnActionMultiSortAscending\"\n          >\n            <Menu.Prefix>\n              <ArrowSmallUpIcon />\n            </Menu.Prefix>\n            {columnIsSorted === 'desc'\n              ? intl.formatMessage(dataTableMessages.changeToAscending)\n              : intl.formatMessage(dataTableMessages.addAsAscending)}\n          </Menu.Item>\n        )}\n        {showAddDescending && (\n          <Menu.Item\n            onSelect={() => column.toggleSorting(true, true)}\n            data-dt-name=\"ColumnActionMultiSortDescending\"\n          >\n            <Menu.Prefix>\n              <ArrowSmallDownIcon />\n            </Menu.Prefix>\n            {columnIsSorted === 'asc'\n              ? intl.formatMessage(dataTableMessages.changeToDescending)\n              : intl.formatMessage(dataTableMessages.addAsDescending)}\n          </Menu.Item>\n        )}\n        {showClearMultiSort && (\n          <Menu.Item\n            onSelect={() => column.clearSorting()}\n            data-dt-name=\"ColumnActionClearSort\"\n          >\n            <Menu.Prefix>\n              <SorterSmallDoubleIcon />\n            </Menu.Prefix>\n            {intl.formatMessage(dataTableMessages.clearSorting)}\n          </Menu.Item>\n        )}\n      </Menu.Group>\n    );\n  }\n\n  if (hasOtherColumnActions) {\n    return (\n      <Menu.Sub>\n        <Menu.SubTrigger>\n          {intl.formatMessage(dataTableMessages.sortSubmenuTrigger)}\n        </Menu.SubTrigger>\n        <Menu.SubContent>\n          {singleSortGroup}\n          {multiSortGroup}\n        </Menu.SubContent>\n      </Menu.Sub>\n    );\n  }\n\n  return (\n    <>\n      {singleSortGroup}\n      {multiSortGroup}\n    </>\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/features/Sorting/compare-functions.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Sorting/compare-functions.ts"],
-  "sourcesContent": ["import { convertToNumberIfPureNumber } from '../../../../core/utils/string-utils.js';\n\n/**\n * Converts the value to a number if it is not one already and if it is possible.\n * If the converted value is a number and exceeds MAX_SAFE_INTEGER or if it is smaller than MIN_SAFE_INTEGER,\n * the value is converted to bigint.\n */\nfunction convertToSafeNumber(value: string | number): string | number | bigint {\n  const convertedValue =\n    typeof value === 'number' ? value : convertToNumberIfPureNumber(value);\n\n  const isValueBigInt =\n    value !== Infinity &&\n    value !== -Infinity &&\n    typeof convertedValue === 'number' &&\n    (convertedValue > Number.MAX_SAFE_INTEGER ||\n      convertedValue < Number.MIN_SAFE_INTEGER);\n\n  return isValueBigInt ? BigInt(value) : convertedValue;\n}\n\n/**\n * Compares number values in columns.\n */\nexport function numberlikeCompare(\n  valueA: number | string | bigint,\n  valueB: number | string | bigint,\n): number {\n  let aValue = valueA;\n  let bValue = valueB;\n  if (typeof valueA === 'string' || typeof valueA === 'number') {\n    aValue = convertToSafeNumber(valueA);\n  }\n\n  if (typeof valueB === 'string' || typeof valueB === 'number') {\n    bValue = convertToSafeNumber(valueB);\n  }\n\n  if (\n    (typeof aValue === 'number' || typeof aValue === 'bigint') &&\n    (typeof bValue === 'number' || typeof bValue === 'bigint')\n  ) {\n    return compareBasic(aValue, bValue);\n  }\n  return alphanumericCompare(\n    convertToString(aValue).toLowerCase(),\n    convertToString(bValue).toLowerCase(),\n  );\n}\n\n/**\n * Compares alphanumeric values in columns.\n */\nexport function alphanumericCompare(valueA: string, valueB: string): number {\n  const reSplitAlphaNumeric = /([0-9]+)/gm;\n  // Split on number groups, but keep the delimiter\n  // Then remove falsy values\n\n  const aValue = valueA.split(reSplitAlphaNumeric).filter(Boolean);\n  const bValue = valueB.split(reSplitAlphaNumeric).filter(Boolean);\n\n  while (aValue.length && bValue.length) {\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    const aValueString = aValue.shift()!;\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    const bValueString = bValue.shift()!;\n\n    const aValueInt = parseInt(aValueString, 10);\n    const bValueInt = parseInt(bValueString, 10);\n\n    const combo = [aValueInt, bValueInt].sort();\n\n    // Both are string\n    if (isNaN(combo[0])) {\n      if (aValueString > bValueString) {\n        return 1;\n      }\n      if (bValueString > aValueString) {\n        return -1;\n      }\n      continue;\n    }\n\n    // One is a string, one is a number\n    if (isNaN(combo[1])) {\n      return isNaN(aValueInt) ? -1 : 1;\n    }\n\n    // Both are numbers\n    if (aValueInt > bValueInt) {\n      return 1;\n    }\n    if (bValueInt > aValueInt) {\n      return -1;\n    }\n  }\n\n  return aValue.length - bValue.length;\n}\n\n/**\n * Compares string values in columns.\n */\nexport function stringlikeCompare(valueA: string, valueB: string): number {\n  return compareBasic(\n    convertToString(valueA).toLowerCase(),\n    convertToString(valueB).toLowerCase(),\n  );\n}\n\n/**\n * Compares case-sensitive string values in columns.\n */\nexport function stringlikeCompareCaseSensitive(\n  valueA: string,\n  valueB: string,\n): number {\n  return compareBasic(valueA, valueB);\n}\n\n/**\n * Converts the given value into nanoseconds or NaN if the value is not a valid date.\n */\nfunction convertToNanoseconds(value: number | string | Date): bigint | number {\n  if (Number.isNaN(value)) {\n    return NaN;\n  }\n\n  if (typeof value === 'number') {\n    return BigInt(value) * 1_000_000n;\n  }\n\n  if (value instanceof Date) {\n    const valTime = value.getTime();\n    if (Number.isNaN(valTime)) {\n      return NaN;\n    }\n    return BigInt(valTime) * 1_000_000n;\n  }\n\n  if (typeof value === 'string') {\n    return getPreciseTime(value);\n  }\n\n  return NaN;\n}\n\n/**\n * Compares datetime values in columns.\n * Supported:\n * - number: milliseconds since Unix epoch\n * - string: ISO-like datetime, supports up to 9 fractional digits\n * - Date: JS Date instance\n */\nexport function datelikeCompare(\n  valueA: number | string | Date,\n  valueB: number | string | Date,\n): number {\n  const aValue = convertToNanoseconds(valueA);\n  const bValue = convertToNanoseconds(valueB);\n\n  // if the given value is not a valid date, sort it to the end\n  if (Number.isNaN(aValue)) {\n    return 1;\n  }\n  if (Number.isNaN(bValue)) {\n    return -1;\n  }\n  return numberlikeCompare(aValue, bValue);\n}\n\n/**\n *  Basic sorting used for comparing strings. Much faster than alphanumeric comparison.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction compareBasic(valueA: any, valueB: any): number {\n  return valueA === valueB ? 0 : valueA > valueB ? 1 : -1;\n}\n\nfunction convertToString(value: unknown) {\n  if (value instanceof Date) {\n    return value.toISOString();\n  }\n  if (typeof value === 'number') {\n    return String(value);\n  }\n  if (typeof value === 'string') {\n    return value;\n  }\n  return '';\n}\n\n/**\n * Converts the given time value into nanoseconds.\n * @param time - the timestamp to convert in ISO 8601 format.\n * @returns the time in nanoseconds.\n */\nfunction getPreciseTime(time: string): bigint | number {\n  const milliseconds = new Date(time).getTime();\n  // early exit if the string is not a valid date\n  if (isNaN(milliseconds)) {\n    return NaN;\n  }\n\n  // retrieve the microseconds and nanoseconds part from the fractional seconds\n  // and pad the string to ensure it has at least 9 digits (for micro and nanoseconds)\n  const regex = /\\.(\\d{1,9})/;\n  const fractionalMatch = regex.exec(time)?.[1] ?? '';\n  const microAndNanoseconds = fractionalMatch.padEnd(9, '0').substring(3, 9);\n\n  // JavaScript's Date object only provides precision up to milliseconds.\n  // To achieve nanosecond precision, convert milliseconds to nanoseconds and add the remaining precision\n  // For positive and negative timestamps, we add the nanoseconds\n  // because higher precision values always represent a later point in time\n  const msToNs = BigInt(milliseconds) * 1_000_000n;\n  const remainingNs = BigInt(microAndNanoseconds);\n\n  return msToNs + remainingNs;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { convertToNumberIfPureNumber } from '../../../../core/utils/string-utils.js';\n\n/**\n * Converts the value to a number if it is not one already and if it is possible.\n * If the converted value is a number and exceeds MAX_SAFE_INTEGER or if it is smaller than MIN_SAFE_INTEGER,\n * the value is converted to bigint.\n */\nfunction convertToSafeNumber(value: string | number): string | number | bigint {\n  const convertedValue =\n    typeof value === 'number' ? value : convertToNumberIfPureNumber(value);\n\n  const isValueBigInt =\n    value !== Infinity &&\n    value !== -Infinity &&\n    typeof convertedValue === 'number' &&\n    (convertedValue > Number.MAX_SAFE_INTEGER ||\n      convertedValue < Number.MIN_SAFE_INTEGER);\n\n  return isValueBigInt ? BigInt(value) : convertedValue;\n}\n\n/**\n * Compares number values in columns.\n */\nexport function numberlikeCompare(\n  valueA: number | string | bigint,\n  valueB: number | string | bigint,\n): number {\n  let aValue = valueA;\n  let bValue = valueB;\n  if (typeof valueA === 'string' || typeof valueA === 'number') {\n    aValue = convertToSafeNumber(valueA);\n  }\n\n  if (typeof valueB === 'string' || typeof valueB === 'number') {\n    bValue = convertToSafeNumber(valueB);\n  }\n\n  if (\n    (typeof aValue === 'number' || typeof aValue === 'bigint') &&\n    (typeof bValue === 'number' || typeof bValue === 'bigint')\n  ) {\n    return compareBasic(aValue, bValue);\n  }\n  return alphanumericCompare(\n    convertToString(aValue).toLowerCase(),\n    convertToString(bValue).toLowerCase(),\n  );\n}\n\n/**\n * Compares alphanumeric values in columns.\n */\nexport function alphanumericCompare(valueA: string, valueB: string): number {\n  const reSplitAlphaNumeric = /([0-9]+)/gm;\n  // Split on number groups, but keep the delimiter\n  // Then remove falsy values\n\n  const aValue = valueA.split(reSplitAlphaNumeric).filter(Boolean);\n  const bValue = valueB.split(reSplitAlphaNumeric).filter(Boolean);\n\n  while (aValue.length && bValue.length) {\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    const aValueString = aValue.shift()!;\n\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    const bValueString = bValue.shift()!;\n\n    const aValueInt = parseInt(aValueString, 10);\n    const bValueInt = parseInt(bValueString, 10);\n\n    const combo = [aValueInt, bValueInt].sort();\n\n    // Both are string\n    if (isNaN(combo[0])) {\n      if (aValueString > bValueString) {\n        return 1;\n      }\n      if (bValueString > aValueString) {\n        return -1;\n      }\n      continue;\n    }\n\n    // One is a string, one is a number\n    if (isNaN(combo[1])) {\n      return isNaN(aValueInt) ? -1 : 1;\n    }\n\n    // Both are numbers\n    if (aValueInt > bValueInt) {\n      return 1;\n    }\n    if (bValueInt > aValueInt) {\n      return -1;\n    }\n  }\n\n  return aValue.length - bValue.length;\n}\n\n/**\n * Compares string values in columns.\n */\nexport function stringlikeCompare(valueA: string, valueB: string): number {\n  return compareBasic(\n    convertToString(valueA).toLowerCase(),\n    convertToString(valueB).toLowerCase(),\n  );\n}\n\n/**\n * Compares case-sensitive string values in columns.\n */\nexport function stringlikeCompareCaseSensitive(\n  valueA: string,\n  valueB: string,\n): number {\n  return compareBasic(valueA, valueB);\n}\n\n/**\n * Converts the given value into nanoseconds or NaN if the value is not a valid date.\n */\nfunction convertToNanoseconds(value: number | string | Date): bigint | number {\n  if (Number.isNaN(value)) {\n    return NaN;\n  }\n\n  if (typeof value === 'number') {\n    return BigInt(value) * 1_000_000n;\n  }\n\n  if (value instanceof Date) {\n    const valTime = value.getTime();\n    if (Number.isNaN(valTime)) {\n      return NaN;\n    }\n    return BigInt(valTime) * 1_000_000n;\n  }\n\n  if (typeof value === 'string') {\n    return getPreciseTime(value);\n  }\n\n  return NaN;\n}\n\n/**\n * Compares datetime values in columns.\n * Supported:\n * - number: milliseconds since Unix epoch\n * - string: ISO-like datetime, supports up to 9 fractional digits\n * - Date: JS Date instance\n */\nexport function datelikeCompare(\n  valueA: number | string | Date,\n  valueB: number | string | Date,\n): number {\n  const aValue = convertToNanoseconds(valueA);\n  const bValue = convertToNanoseconds(valueB);\n\n  // if the given value is not a valid date, sort it to the end\n  if (Number.isNaN(aValue)) {\n    return 1;\n  }\n  if (Number.isNaN(bValue)) {\n    return -1;\n  }\n  return numberlikeCompare(aValue, bValue);\n}\n\n/**\n *  Basic sorting used for comparing strings. Much faster than alphanumeric comparison.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction compareBasic(valueA: any, valueB: any): number {\n  return valueA === valueB ? 0 : valueA > valueB ? 1 : -1;\n}\n\nfunction convertToString(value: unknown) {\n  if (value instanceof Date) {\n    return value.toISOString();\n  }\n  if (typeof value === 'number') {\n    return String(value);\n  }\n  if (typeof value === 'string') {\n    return value;\n  }\n  return '';\n}\n\n/**\n * Converts the given time value into nanoseconds.\n * @param time - the timestamp to convert in ISO 8601 format.\n * @returns the time in nanoseconds.\n */\nfunction getPreciseTime(time: string): bigint | number {\n  const milliseconds = new Date(time).getTime();\n  // early exit if the string is not a valid date\n  if (isNaN(milliseconds)) {\n    return NaN;\n  }\n\n  // retrieve the microseconds and nanoseconds part from the fractional seconds\n  // and pad the string to ensure it has at least 9 digits (for micro and nanoseconds)\n  const regex = /\\.(\\d{1,9})/;\n  const fractionalMatch = regex.exec(time)?.[1] ?? '';\n  const microAndNanoseconds = fractionalMatch.padEnd(9, '0').substring(3, 9);\n\n  // JavaScript's Date object only provides precision up to milliseconds.\n  // To achieve nanosecond precision, convert milliseconds to nanoseconds and add the remaining precision\n  // For positive and negative timestamps, we add the nanoseconds\n  // because higher precision values always represent a later point in time\n  const msToNs = BigInt(milliseconds) * 1_000_000n;\n  const remainingNs = BigInt(microAndNanoseconds);\n\n  return msToNs + remainingNs;\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/features/Sorting/sort-types.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Sorting/sort-types.ts"],
-  "sourcesContent": ["import type {\n  DataTableCustomSortingFn,\n  DataTableSortingColumnDef,\n} from './sorting-types.js';\nimport type { DataTableDisplayColumnDef } from '../../public.api.js';\nimport type { DataTableColumnType } from '../ColumnTypes/column-types-types.js';\n\nexport function applySortTypes<TData, TValue>(\n  column: DataTableDisplayColumnDef<TData, TValue>,\n):\n  | {\n      sortType?: DataTableSortingColumnDef<TData, TValue>['sortType'];\n    }\n  | {\n      customSortingFn?: DataTableCustomSortingFn<TValue>;\n    } {\n  if (column.disableSorting) {\n    return {};\n  }\n\n  // user defined sort type\n  if (column.sortType !== undefined) {\n    if (typeof column.sortType === 'function') {\n      return { customSortingFn: column.sortType };\n    }\n    return {\n      sortType: column.sortType,\n    };\n  }\n\n  // sorting based on column type\n  return {\n    sortType: getSortType(column.columnType),\n  };\n}\n\n/** Gets sorting function for each of the different column types so the values are sorted correctly. */\nfunction getSortType(columnType?: DataTableColumnType) {\n  switch (columnType) {\n    case 'number':\n    case 'bit':\n    case 'long':\n    case 'meterbar':\n      return 'number';\n    // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n    case 'date':\n    case 'datetime':\n      return 'datetime';\n    default:\n      return 'text';\n  }\n}\n"],
-  "mappings": "AAOO,SAAS,eACd,QAOI;AACJ,MAAI,OAAO,gBAAgB;AACzB,WAAO,CAAC;AAAA,EACV;AAGA,MAAI,OAAO,aAAa,QAAW;AACjC,QAAI,OAAO,OAAO,aAAa,YAAY;AACzC,aAAO,EAAE,iBAAiB,OAAO,SAAS;AAAA,IAC5C;AACA,WAAO;AAAA,MACL,UAAU,OAAO;AAAA,IACnB;AAAA,EACF;AAGA,SAAO;AAAA,IACL,UAAU,YAAY,OAAO,UAAU;AAAA,EACzC;AACF;AAGA,SAAS,YAAY,YAAkC;AACrD,UAAQ,YAAY;AAAA,IAClB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;",
+  "sourcesContent": ["import type {\n  DataTableCustomSortingFn,\n  DataTableSortingColumnDef,\n} from './sorting-types.js';\nimport type {\n  DataTableDisplayColumnDef,\n  DataTableRowData,\n} from '../../public.api.js';\nimport type { DataTableColumnType } from '../ColumnTypes/column-types-types.js';\n\nexport function applySortTypes<TData extends DataTableRowData, TValue>(\n  column: DataTableDisplayColumnDef<TData, TValue>,\n):\n  | {\n      sortType?: DataTableSortingColumnDef<TData, TValue>['sortType'];\n    }\n  | {\n      customSortingFn?: DataTableCustomSortingFn<TValue>;\n    } {\n  if (column.disableSorting) {\n    return {};\n  }\n\n  // user defined sort type\n  if (column.sortType !== undefined) {\n    if (typeof column.sortType === 'function') {\n      return { customSortingFn: column.sortType };\n    }\n    return {\n      sortType: column.sortType,\n    };\n  }\n\n  // sorting based on column type\n  return {\n    sortType: getSortType(column.columnType),\n  };\n}\n\n/** Gets sorting function for each of the different column types so the values are sorted correctly. */\nfunction getSortType(columnType?: DataTableColumnType) {\n  switch (columnType) {\n    case 'number':\n    case 'bit':\n    case 'long':\n    case 'meterbar':\n      return 'number';\n    // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n    case 'date':\n    case 'datetime':\n      return 'datetime';\n    default:\n      return 'text';\n  }\n}\n"],
+  "mappings": "AAUO,SAAS,eACd,QAOI;AACJ,MAAI,OAAO,gBAAgB;AACzB,WAAO,CAAC;AAAA,EACV;AAGA,MAAI,OAAO,aAAa,QAAW;AACjC,QAAI,OAAO,OAAO,aAAa,YAAY;AACzC,aAAO,EAAE,iBAAiB,OAAO,SAAS;AAAA,IAC5C;AACA,WAAO;AAAA,MACL,UAAU,OAAO;AAAA,IACnB;AAAA,EACF;AAGA,SAAO;AAAA,IACL,UAAU,YAAY,OAAO,UAAU;AAAA,EACzC;AACF;AAGA,SAAS,YAAY,YAAkC;AACrD,UAAQ,YAAY;AAAA,IAClB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;",
   "names": []
 }

package/esm/tables/DataTable/features/Sorting/sorted-row-model.js CHANGED Viewed

@@ -1,96 +1,108 @@
-import { getMemoOptions } from "../../hooks/useTable/utils.js";
-import { memo } from "../../tanstack-table-core-override/src/index.js";
-function getSortedRowModel() {
-  return (table) => memo(
-    () => [table.getState().sorting, table.getPreSortedRowModel()],
-    (sorting, rowModel) => {
-      if (!rowModel.rows.length || !sorting?.length) {
-        return rowModel;
-      }
-      const sortingState = table.getState().sorting;
-      const sortedFlatRows = [];
-      const availableSorting = sortingState.filter(
-        (sort) => table.getColumn(sort.id)?.getCanSort()
-      );
-      const columnInfoById = {};
-      availableSorting.forEach((sortEntry) => {
-        const column = table.getColumn(sortEntry.id);
-        if (!column) {
-          return;
-        }
-        columnInfoById[sortEntry.id] = {
-          sortUndefined: column.columnDef.sortUndefined,
-          invertSorting: column.columnDef.invertSorting,
-          columnType: column.columnDef.columnType,
-          customSortingFn: column.getCustomSortingFn()
-        };
-      });
-      const sortData = (rows) => {
-        const sortedData = rows.map((row) => row.clone());
-        sortedData.sort((rowA, rowB) => {
-          for (let i = 0; i < availableSorting.length; i += 1) {
-            const sortEntry = availableSorting[i];
-            const columnInfo = columnInfoById[sortEntry.id];
-            const isDesc = sortEntry?.desc ?? false;
-            let sortInt = 0;
-            if (columnInfo.sortUndefined) {
-              const aValue = rowA.getSortingValue(sortEntry.id);
-              const bValue = rowB.getSortingValue(sortEntry.id);
-              const aUndefined = aValue === void 0 || aValue === null || columnInfo.columnType !== void 0 && Number.isNaN(aValue);
-              const bUndefined = bValue === void 0 || bValue === null || columnInfo.columnType !== void 0 && Number.isNaN(bValue);
-              if (aUndefined || bUndefined) {
-                if (aUndefined && bUndefined) {
-                  sortInt = 0;
-                }
-                const sorting2 = columnInfo.invertSorting && isDesc || !columnInfo.invertSorting && !isDesc;
-                if (aUndefined) {
-                  sortInt = sorting2 ? 1 : -1;
-                } else {
-                  sortInt = sorting2 ? -1 : 1;
-                }
-              }
-            }
-            if (sortInt === 0) {
-              sortInt = columnInfo.customSortingFn(
-                rowA.getSortingValue(sortEntry.id),
-                rowB.getSortingValue(sortEntry.id)
-              );
+import {
+  tableMemo
+} from "@tanstack/react-table";
+import { column_getCanSort, column_getCustomSortingFn } from "./Sorting.js";
+function createSortedRowModel() {
+  return (_table) => {
+    const table = _table;
+    return tableMemo({
+      feature: "rowSortingFeature",
+      table,
+      fnName: "table.getSortedRowModel",
+      memoDeps: () => [
+        table.atoms.sorting?.get(),
+        table.getPreSortedRowModel()
+      ],
+      fn: () => _createSortedRowModel(table)
+    });
+  };
+}
+function _createSortedRowModel(table) {
+  const preSortedRowModel = table.getPreSortedRowModel();
+  const sortingState = table.atoms.sorting?.get();
+  if (!preSortedRowModel.rows.length || !sortingState?.length) {
+    return preSortedRowModel;
+  }
+  const sortedFlatRows = [];
+  const availableSorting = sortingState.filter(
+    (sort) => column_getCanSort(
+      table.getColumn(sort.id)
+    )
+  );
+  const columnInfoById = {};
+  availableSorting.forEach((sortEntry) => {
+    const column = table.getColumn(sortEntry.id);
+    if (!column) {
+      return;
+    }
+    columnInfoById[sortEntry.id] = {
+      sortUndefined: column.columnDef.sortUndefined,
+      invertSorting: column.columnDef.invertSorting,
+      columnType: column.columnDef.columnType,
+      customSortingFn: column_getCustomSortingFn(column)
+    };
+  });
+  const sortData = (rows) => {
+    const sortedData = rows.map((row) => {
+      const cloned = Object.create(Object.getPrototypeOf(row));
+      return Object.assign(cloned, row);
+    });
+    sortedData.sort((rowA, rowB) => {
+      for (let i = 0; i < availableSorting.length; i += 1) {
+        const sortEntry = availableSorting[i];
+        const columnInfo = columnInfoById[sortEntry.id];
+        const isDesc = sortEntry?.desc ?? false;
+        let sortInt = 0;
+        if (columnInfo.sortUndefined) {
+          const aValue = rowA.getSortingValue(sortEntry.id);
+          const bValue = rowB.getSortingValue(sortEntry.id);
+          const aUndefined = aValue === void 0 || aValue === null || columnInfo.columnType !== void 0 && Number.isNaN(aValue);
+          const bUndefined = bValue === void 0 || bValue === null || columnInfo.columnType !== void 0 && Number.isNaN(bValue);
+          if (aUndefined || bUndefined) {
+            if (aUndefined && bUndefined) {
+              sortInt = 0;
             }
-            if (sortInt !== 0) {
-              if (isDesc) {
-                sortInt *= -1;
-              }
-              if (columnInfo.invertSorting) {
-                sortInt *= -1;
-              }
-              return sortInt;
+            const sorting = columnInfo.invertSorting && isDesc || !columnInfo.invertSorting && !isDesc;
+            if (aUndefined) {
+              sortInt = sorting ? 1 : -1;
+            } else {
+              sortInt = sorting ? -1 : 1;
             }
           }
-          return rowA.index - rowB.index;
-        });
-        sortedData.forEach((row) => {
-          sortedFlatRows.push(row);
-          if (row.subRows?.length) {
-            row.subRows = sortData(row.subRows);
+        }
+        if (sortInt === 0) {
+          sortInt = columnInfo.customSortingFn(
+            rowA.getSortingValue(sortEntry.id),
+            rowB.getSortingValue(sortEntry.id)
+          );
+        }
+        if (sortInt !== 0) {
+          if (isDesc) {
+            sortInt *= -1;
+          }
+          if (columnInfo.invertSorting) {
+            sortInt *= -1;
           }
-        });
-        return sortedData;
-      };
-      return {
-        rows: sortData(rowModel.rows),
-        flatRows: sortedFlatRows,
-        rowsById: rowModel.rowsById
-      };
-    },
-    getMemoOptions(
-      table.options,
-      "debugTable",
-      "getSortedRowModel",
-      () => table._autoResetPageIndex()
-    )
-  );
+          return sortInt;
+        }
+      }
+      return rowA.index - rowB.index;
+    });
+    sortedData.forEach((row) => {
+      sortedFlatRows.push(row);
+      if (row.subRows?.length) {
+        row.subRows = sortData(row.subRows);
+      }
+    });
+    return sortedData;
+  };
+  return {
+    rows: sortData(preSortedRowModel.rows),
+    flatRows: sortedFlatRows,
+    rowsById: preSortedRowModel.rowsById
+  };
 }
 export {
-  getSortedRowModel
+  createSortedRowModel
 };
 //# sourceMappingURL=sorted-row-model.js.map

package/esm/tables/DataTable/features/Sorting/sorted-row-model.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Sorting/sorted-row-model.ts"],
-  "sourcesContent": ["import { Table, Row, RowModel, RowData } from '../../hooks/useTable/types.js';\nimport { getMemoOptions } from '../../hooks/useTable/utils.js';\nimport { memo } from '../../tanstack-table-core-override/src/index.js';\nimport type { DataTableColumnType } from '../ColumnTypes/column-types-types.js';\n\n/**\n * Sorted row model copied from the tanstack/react-table and adapted\n * for handling null and undefined values and control over custom sorting functionality.\n */\nexport function getSortedRowModel<TData extends RowData>(): (\n  table: Table<TData>,\n) => () => RowModel<TData> {\n  return (table: Table<TData>) =>\n    memo(\n      () => [table.getState().sorting, table.getPreSortedRowModel()],\n      (sorting, rowModel) => {\n        if (!rowModel.rows.length || !sorting?.length) {\n          return rowModel;\n        }\n\n        const sortingState = table.getState().sorting;\n\n        const sortedFlatRows: Row<TData>[] = [];\n\n        // Filter out sortings that correspond to non existing columns\n        const availableSorting = sortingState.filter((sort) =>\n          table.getColumn(sort.id)?.getCanSort(),\n        );\n\n        const columnInfoById: Record<\n          string,\n          {\n            sortUndefined?: false | -1 | 1 | 'first' | 'last';\n            invertSorting?: boolean;\n            columnType?: DataTableColumnType;\n            customSortingFn: (valueA: unknown, valueB: unknown) => number;\n          }\n        > = {};\n\n        availableSorting.forEach((sortEntry) => {\n          const column = table.getColumn(sortEntry.id);\n          if (!column) {\n            return;\n          }\n\n          columnInfoById[sortEntry.id] = {\n            sortUndefined: column.columnDef.sortUndefined,\n            invertSorting: column.columnDef.invertSorting,\n            columnType: column.columnDef.columnType,\n            customSortingFn: column.getCustomSortingFn(),\n          };\n        });\n\n        const sortData = (rows: Row<TData>[]) => {\n          // This will also perform a stable sorting using the row index\n          // if needed.\n          const sortedData = rows.map((row) => row.clone());\n\n          sortedData.sort((rowA, rowB) => {\n            for (let i = 0; i < availableSorting.length; i += 1) {\n              const sortEntry = availableSorting[i];\n              const columnInfo = columnInfoById[sortEntry.id];\n              const isDesc = sortEntry?.desc ?? false;\n\n              let sortInt = 0;\n\n              // All sorting ints should always return in ascending order\n              if (columnInfo.sortUndefined) {\n                const aValue = rowA.getSortingValue(sortEntry.id);\n                const bValue = rowB.getSortingValue(sortEntry.id);\n\n                const aUndefined =\n                  aValue === undefined ||\n                  aValue === null ||\n                  (columnInfo.columnType !== undefined && Number.isNaN(aValue));\n                const bUndefined =\n                  bValue === undefined ||\n                  bValue === null ||\n                  (columnInfo.columnType !== undefined && Number.isNaN(bValue));\n\n                if (aUndefined || bUndefined) {\n                  if (aUndefined && bUndefined) {\n                    sortInt = 0;\n                  }\n                  // sort null and undefined always at the bottom\n                  // sort NaN at the bottom if `columnType` is defined otherwise NaN is compared alphanumerically by default\n                  const sorting =\n                    (columnInfo.invertSorting && isDesc) ||\n                    (!columnInfo.invertSorting && !isDesc);\n\n                  if (aUndefined) {\n                    sortInt = sorting ? 1 : -1;\n                  } else {\n                    sortInt = sorting ? -1 : 1;\n                  }\n                }\n              }\n\n              if (sortInt === 0) {\n                sortInt = columnInfo.customSortingFn(\n                  rowA.getSortingValue(sortEntry.id),\n                  rowB.getSortingValue(sortEntry.id),\n                );\n              }\n\n              // If sorting is non-zero, take care of desc and inversion\n              if (sortInt !== 0) {\n                if (isDesc) {\n                  sortInt *= -1;\n                }\n\n                if (columnInfo.invertSorting) {\n                  sortInt *= -1;\n                }\n\n                return sortInt;\n              }\n            }\n\n            return rowA.index - rowB.index;\n          });\n\n          // If there are sub-rows, sort them\n          sortedData.forEach((row) => {\n            sortedFlatRows.push(row);\n            if (row.subRows?.length) {\n              row.subRows = sortData(row.subRows);\n            }\n          });\n\n          return sortedData;\n        };\n\n        return {\n          rows: sortData(rowModel.rows as unknown as Row<TData>[]),\n          flatRows: sortedFlatRows,\n          rowsById: rowModel.rowsById,\n        };\n      },\n      getMemoOptions(table.options, 'debugTable', 'getSortedRowModel', () =>\n        table._autoResetPageIndex(),\n      ),\n    );\n}\n"],
-  "mappings": "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",
-  "names": ["sorting"]
+  "sourcesContent": ["import {\n  tableMemo,\n  type Column_Internal,\n  type Row,\n  type RowData,\n  type RowModel,\n  type Table,\n  type Table_Internal,\n  type TableFeatures,\n} from '@tanstack/react-table';\n\nimport { column_getCanSort, column_getCustomSortingFn } from './Sorting.js';\nimport type { DataTableColumnType } from '../ColumnTypes/column-types-types.js';\n\nexport function createSortedRowModel<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(): (table: Table<TFeatures, TData>) => () => RowModel<TFeatures, TData> {\n  return (_table) => {\n    const table = _table as Table_Internal<TFeatures, TData>;\n\n    return tableMemo({\n      feature: 'rowSortingFeature',\n      table,\n      fnName: 'table.getSortedRowModel',\n      memoDeps: () => [\n        table.atoms.sorting?.get(),\n        table.getPreSortedRowModel(),\n      ],\n      fn: () => _createSortedRowModel(table),\n    });\n  };\n}\n\n/**\n *\n * Sorted row model copied from the tanstack/react-table and adapted\n * for handling null and undefined values and control over custom sorting functionality.\n */\nfunction _createSortedRowModel<\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 preSortedRowModel = table.getPreSortedRowModel();\n  const sortingState = table.atoms.sorting?.get();\n\n  if (!preSortedRowModel.rows.length || !sortingState?.length) {\n    return preSortedRowModel;\n  }\n\n  const sortedFlatRows: Row<TFeatures, TData>[] = [];\n\n  // Filter out sortings that correspond to non existing columns\n  const availableSorting = sortingState.filter((sort) =>\n    column_getCanSort(\n      table.getColumn(sort.id) as Column_Internal<TFeatures, TData>,\n    ),\n  );\n\n  const columnInfoById: Record<\n    string,\n    {\n      sortUndefined?: false | -1 | 1 | 'first' | 'last';\n      invertSorting?: boolean;\n      columnType?: DataTableColumnType;\n      customSortingFn: (valueA: unknown, valueB: unknown) => number;\n    }\n  > = {};\n\n  availableSorting.forEach((sortEntry) => {\n    // Requires a cast in order to access the sorting definitions that are only available when the features is enabled. The TFeatures inheritance is lost through the call.\n\n    const column = table.getColumn(sortEntry.id) as Column_Internal<\n      TFeatures,\n      TData\n    >;\n    if (!column) {\n      return;\n    }\n\n    columnInfoById[sortEntry.id] = {\n      sortUndefined: column.columnDef.sortUndefined,\n      invertSorting: column.columnDef.invertSorting,\n      columnType: column.columnDef.columnType,\n      customSortingFn: column_getCustomSortingFn(column),\n    };\n  });\n\n  const sortData = (rows: Row<TFeatures, TData>[]) => {\n    // This will also perform a stable sorting using the row index\n    // if needed.\n    // Preserve prototype chain so methods like getValue() remain accessible\n    const sortedData = rows.map((row) => {\n      const cloned = Object.create(Object.getPrototypeOf(row));\n      return Object.assign(cloned, row);\n    });\n\n    sortedData.sort((rowA, rowB) => {\n      for (let i = 0; i < availableSorting.length; i += 1) {\n        const sortEntry = availableSorting[i];\n        const columnInfo = columnInfoById[sortEntry.id];\n        const isDesc = sortEntry?.desc ?? false;\n\n        let sortInt = 0;\n\n        // All sorting ints should always return in ascending order\n        if (columnInfo.sortUndefined) {\n          const aValue = rowA.getSortingValue(sortEntry.id);\n          const bValue = rowB.getSortingValue(sortEntry.id);\n\n          const aUndefined =\n            aValue === undefined ||\n            aValue === null ||\n            (columnInfo.columnType !== undefined && Number.isNaN(aValue));\n          const bUndefined =\n            bValue === undefined ||\n            bValue === null ||\n            (columnInfo.columnType !== undefined && Number.isNaN(bValue));\n\n          if (aUndefined || bUndefined) {\n            if (aUndefined && bUndefined) {\n              sortInt = 0;\n            }\n            // sort null and undefined always at the bottom\n            // sort NaN at the bottom if `columnType` is defined otherwise NaN is compared alphanumerically by default\n            const sorting =\n              (columnInfo.invertSorting && isDesc) ||\n              (!columnInfo.invertSorting && !isDesc);\n\n            if (aUndefined) {\n              sortInt = sorting ? 1 : -1;\n            } else {\n              sortInt = sorting ? -1 : 1;\n            }\n          }\n        }\n\n        if (sortInt === 0) {\n          sortInt = columnInfo.customSortingFn(\n            rowA.getSortingValue(sortEntry.id),\n            rowB.getSortingValue(sortEntry.id),\n          );\n        }\n\n        // If sorting is non-zero, take care of desc and inversion\n        if (sortInt !== 0) {\n          if (isDesc) {\n            sortInt *= -1;\n          }\n\n          if (columnInfo.invertSorting) {\n            sortInt *= -1;\n          }\n\n          return sortInt;\n        }\n      }\n\n      return rowA.index - rowB.index;\n    });\n\n    // If there are sub-rows, sort them\n    sortedData.forEach((row) => {\n      sortedFlatRows.push(row);\n      if (row.subRows?.length) {\n        row.subRows = sortData(row.subRows);\n      }\n    });\n\n    return sortedData;\n  };\n\n  return {\n    rows: sortData(preSortedRowModel.rows),\n    flatRows: sortedFlatRows,\n    rowsById: preSortedRowModel.rowsById,\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
 }

package/esm/tables/DataTable/features/Sorting/useSorting.js ADDED Viewed

@@ -0,0 +1,47 @@
+import { useControllableState } from "../../../../core/hooks/useControllableState.js";
+import { useDataTableConfigElement } from "../../../hooks/useDataTableConfig.js";
+const defaultSortBy = [];
+function useSorting(props, options) {
+  const configSortable = useDataTableConfigElement("sortable");
+  const [sorting, setSorting] = useControllableState({
+    value: props.sortBy,
+    defaultValue: props.defaultSortBy ?? defaultSortBy,
+    onChange: props.onSortByChange
+  });
+  const { sortable: sortableProp } = props;
+  let sortable = false;
+  if (sortableProp !== void 0) {
+    if (typeof sortableProp === "boolean") {
+      sortable = sortableProp;
+      options.manualSorting = false;
+    } else {
+      sortable = true;
+      if (sortableProp.manualSort === true) {
+        options.manualSorting = true;
+      } else {
+        options.manualSorting = false;
+      }
+    }
+  } else if (configSortable !== void 0) {
+    if (typeof configSortable === "boolean") {
+      sortable = configSortable;
+    } else {
+      sortable = true;
+      if (configSortable.manualSort === true) {
+        options.manualSorting = true;
+      } else {
+        options.manualSorting = false;
+      }
+    }
+  }
+  options.enableSorting = sortable;
+  options.state = {
+    ...options.state,
+    sorting
+  };
+  options.onSortingChange = setSorting;
+}
+export {
+  useSorting
+};
+//# sourceMappingURL=useSorting.js.map