@dynatrace/strato-components 3.5.2 → 3.7.0

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.js

@@ -36,10 +36,9 @@ const DataTableGanttChartHeader = ({
   const { min, max } = useMinMaxFromConfig(columnDef.id);
   const table = useDataTable();
   const isSubrowIndicatorColumn = table.getSubRowIndicatorColumnId() === columnDef.id;
-  const rowDensity = table.getVisualVariantOptions().rowDensity;
   const leftHeaderPaddingValue = isSubrowIndicatorColumn ? SUB_ROW_INDENT_GRID * table.getSubRowOpenDepth() : 0;
   const leftHeaderPadding = isSubrowIndicatorColumn ? `${leftHeaderPaddingValue}px` : "inherit";
-  const subrowExpanderWidth = isSubrowIndicatorColumn ? SUB_ROW_EXPANDER_ICON_SIZE + 2 * ICON_PADDING + CELL_HORIZONTAL_PADDING_MAP[rowDensity] : 0;
+  const subrowExpanderWidth = isSubrowIndicatorColumn ? SUB_ROW_EXPANDER_ICON_SIZE + 2 * ICON_PADDING + CELL_HORIZONTAL_PADDING_MAP[table.atoms.visualVariantConfig?.get().rowDensity] : 0;
   const effectiveAxisWidth = Math.max(
     0,
     axisWidth - leftHeaderPaddingValue - subrowExpanderWidth
@@ -63,11 +62,12 @@ const DataTableGanttChartHeader = ({
   } = annotationsHeader ?? {};
   const tooltipConfig = annotationsTooltip ? { template: annotationsTooltip } : {};
   const columnId = columnDef.id;
+  const setGanttAnnotationsSelection = table.setGanttAnnotationsSelection;
   const handleMarkerGroupHover = useCallback(
     (event) => {
-      table.setGanttAnnotationsSelection(columnId, event);
+      setGanttAnnotationsSelection(columnId, event);
     },
-    [table, columnId]
+    [setGanttAnnotationsSelection, columnId]
   );
   const annotationTracks = annotationTracksConfig ? toIntegrationTracks(annotationTracksConfig) : [];
   const shownTracks = annotationTracks.filter(({ hidden }) => !hidden);

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.tsx"],
-  "sourcesContent": ["import type { ScaleLinear, ScaleTime } from 'd3-scale';\nimport { isEmpty } from 'lodash-es';\nimport { type JSX, useCallback, useRef } from 'react';\n\nimport * as styles from './DataTableGanttChartHeader.sty.js';\nimport { useMinMaxFromConfig } from './hooks/useMinMaxFromConfig.js';\nimport { useScaleAndFormatter } from './hooks/useScaleAndFormatter.js';\nimport { toIntegrationTracks } from './to-integration-tracks.js';\nimport { AnnotationsNumericalDisplay } from '../../../../charts/core/components/annotations/components/displays/AnnotationsNumericalDisplay.js';\nimport { AnnotationsTimeDisplay } from '../../../../charts/core/components/annotations/components/displays/AnnotationsTimeDisplay.js';\nimport { AnnotationsScrollWrapper } from '../../../../charts/core/components/annotations/components/overlays/AnnotationsScrollWrapper.js';\nimport {\n  TRACK_HEIGHT,\n  TRACK_SEPARATOR_STROKE_WIDTH,\n} from '../../../../charts/core/components/annotations/constants.js';\nimport type { SelectionState } from '../../../../charts/core/components/annotations/types/state.js';\nimport { TimeTableHeaderAxis } from '../../../../charts/core/components/axes/components/TimeTableHeaderAxis.js';\nimport { ValueTableHeaderAxis } from '../../../../charts/core/components/axes/components/ValueTableHeaderAxis.js';\nimport { ChartStateHandler } from '../../../../charts/core/components/chart-states/ChartStateHandler.js';\nimport type { TickValueFormatter } from '../../../../charts/core/types/tick-value.js';\nimport { coerceSizeValue } from '../../../../charts/core/utils/coerceSizeValue.js';\nimport { useContainerSize } from '../../../../core/hooks/useContainerSize.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { DataTableDefaultCell } from '../../components/DataTableDefaultCell.js';\nimport {\n  DATA_TABLE_CELL_HORIZONTAL_PADDING_MAP as CELL_HORIZONTAL_PADDING_MAP,\n  DATA_TABLE_DEFAULT_ICON_PADDING as ICON_PADDING,\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 { useDataTable } from '../../contexts/DataTableContext.js';\nimport type { DataTableDisplayColumnDef } from '../../public.api.js';\nimport type { DataTableGanttColumnConfig } from '../ColumnTypes/column-types-types.js';\n\ntype DataTableGanttChartHeaderProps<TData, TValue> = Readonly<{\n  columnDef: DataTableDisplayColumnDef<TData, TValue>;\n}>;\n\n/**\n * @internal\n */\nexport const DataTableGanttChartHeader = <TData, TValue>({\n  columnDef,\n}: DataTableGanttChartHeaderProps<TData, TValue>): JSX.Element => {\n  const sizeRef = useRef<HTMLDivElement>(null);\n  const { width: axisWidth, height: axisHeight } = useContainerSize(sizeRef);\n  const config = (columnDef.config || {}) as DataTableGanttColumnConfig;\n  const { xAxisType = 'numerical', annotationsHeader } = config;\n  const { min, max } = useMinMaxFromConfig(columnDef.id);\n\n  const table = useDataTable();\n  const isSubrowIndicatorColumn =\n    table.getSubRowIndicatorColumnId() === columnDef.id;\n  const rowDensity = table.getVisualVariantOptions().rowDensity;\n  const leftHeaderPaddingValue = isSubrowIndicatorColumn\n    ? SUB_ROW_INDENT_GRID * table.getSubRowOpenDepth()\n    : 0;\n  const leftHeaderPadding = isSubrowIndicatorColumn\n    ? `${leftHeaderPaddingValue}px`\n    : 'inherit';\n\n  // this width is calculated from subrow expander icon size + the padding on both sides, and row density\n  const subrowExpanderWidth = isSubrowIndicatorColumn\n    ? SUB_ROW_EXPANDER_ICON_SIZE +\n      2 * ICON_PADDING +\n      CELL_HORIZONTAL_PADDING_MAP[rowDensity]\n    : 0;\n\n  // we need to subtract the subrow expander size from the axis width\n  const effectiveAxisWidth = Math.max(\n    0,\n    axisWidth - leftHeaderPaddingValue - subrowExpanderWidth,\n  );\n\n  const { scale, formatter } = useScaleAndFormatter(\n    effectiveAxisWidth,\n    config,\n    min,\n    max,\n  );\n\n  const {\n    tooltip: annotationsTooltip,\n    tooltipActions: annotationsTooltipActions,\n    emptyState,\n    errorState,\n    loading,\n    textOverflow = 'truncate',\n    truncateMode = 'middle',\n    tracks: annotationTracksConfig,\n    height: annotationsHeightConfig,\n  } = annotationsHeader ?? {};\n\n  const tooltipConfig = annotationsTooltip\n    ? { template: annotationsTooltip }\n    : {};\n\n  const columnId = columnDef.id;\n  const handleMarkerGroupHover = useCallback(\n    (event: Partial<SelectionState>) => {\n      table.setGanttAnnotationsSelection(columnId, event);\n    },\n    [table, columnId],\n  );\n\n  const annotationTracks = annotationTracksConfig\n    ? toIntegrationTracks(annotationTracksConfig)\n    : [];\n  const shownTracks = annotationTracks.filter(({ hidden }) => !hidden);\n  const tracksHeight =\n    shownTracks.length * TRACK_HEIGHT + TRACK_SEPARATOR_STROKE_WIDTH;\n\n  const configuredHeight = coerceSizeValue(annotationsHeightConfig);\n  const scrollWrapperHeight = configuredHeight\n    ? `min(${tracksHeight}px, ${configuredHeight})`\n    : tracksHeight;\n\n  let ganttAxis: JSX.Element = (\n    <ValueTableHeaderAxis\n      scale={scale as ScaleLinear<number, number>}\n      formatter={formatter as TickValueFormatter}\n      containerHeight={axisHeight}\n      containerWidth={effectiveAxisWidth}\n      min={min}\n      max={max}\n    />\n  );\n  let annotationsDisplay: JSX.Element = (\n    <AnnotationsNumericalDisplay\n      scale={scale as ScaleLinear<number, number>}\n      tracks={annotationTracks}\n      showLabels={false}\n      labelsOffset={0}\n      width={effectiveAxisWidth}\n      markerGroupHover={handleMarkerGroupHover}\n      tooltipConfig={tooltipConfig}\n      annotationsActions={annotationsTooltipActions}\n      textOverflow={textOverflow}\n      truncateMode={truncateMode}\n      formatter={formatter}\n    />\n  );\n\n  if (xAxisType === 'time') {\n    ganttAxis = (\n      <TimeTableHeaderAxis\n        scale={scale as ScaleTime<number, number>}\n        containerHeight={axisHeight}\n        containerWidth={effectiveAxisWidth}\n        min={min}\n        max={max}\n      />\n    );\n    annotationsDisplay = (\n      <AnnotationsTimeDisplay\n        scale={scale as ScaleTime<number, number>}\n        tracks={annotationTracks}\n        showLabels={false}\n        labelsOffset={0}\n        width={effectiveAxisWidth}\n        markerGroupHover={handleMarkerGroupHover}\n        tooltipConfig={tooltipConfig}\n        annotationsActions={annotationsTooltipActions}\n        textOverflow={textOverflow}\n        truncateMode={truncateMode}\n      />\n    );\n  }\n\n  return (\n    <DataTableDefaultCell\n      ref={sizeRef}\n      className={styles.ganttChartHeader}\n      data-sizeref={true}\n    >\n      <Flex\n        flexDirection=\"column\"\n        minHeight={annotationsHeightConfig}\n        justifyContent=\"space-between\"\n        style={{ paddingLeft: leftHeaderPadding }}\n      >\n        {annotationsHeader && (\n          <ChartStateHandler\n            empty={isEmpty(annotationTracks)}\n            height=\"100%\"\n            emptyState={emptyState}\n            errorState={errorState}\n            isLoading={loading ?? false}\n            style={{ margin: 'auto' }}\n          >\n            <AnnotationsScrollWrapper\n              height={scrollWrapperHeight}\n              width={effectiveAxisWidth}\n            >\n              {annotationsDisplay}\n            </AnnotationsScrollWrapper>\n          </ChartStateHandler>\n        )}\n        {ganttAxis}\n      </Flex>\n    </DataTableDefaultCell>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { ScaleLinear, ScaleTime } from 'd3-scale';\nimport { isEmpty } from 'lodash-es';\nimport { type JSX, useCallback, useRef } from 'react';\n\nimport * as styles from './DataTableGanttChartHeader.sty.js';\nimport { useMinMaxFromConfig } from './hooks/useMinMaxFromConfig.js';\nimport { useScaleAndFormatter } from './hooks/useScaleAndFormatter.js';\nimport { toIntegrationTracks } from './to-integration-tracks.js';\nimport { AnnotationsNumericalDisplay } from '../../../../charts/core/components/annotations/components/displays/AnnotationsNumericalDisplay.js';\nimport { AnnotationsTimeDisplay } from '../../../../charts/core/components/annotations/components/displays/AnnotationsTimeDisplay.js';\nimport { AnnotationsScrollWrapper } from '../../../../charts/core/components/annotations/components/overlays/AnnotationsScrollWrapper.js';\nimport {\n  TRACK_HEIGHT,\n  TRACK_SEPARATOR_STROKE_WIDTH,\n} from '../../../../charts/core/components/annotations/constants.js';\nimport type { SelectionState } from '../../../../charts/core/components/annotations/types/state.js';\nimport { TimeTableHeaderAxis } from '../../../../charts/core/components/axes/components/TimeTableHeaderAxis.js';\nimport { ValueTableHeaderAxis } from '../../../../charts/core/components/axes/components/ValueTableHeaderAxis.js';\nimport { ChartStateHandler } from '../../../../charts/core/components/chart-states/ChartStateHandler.js';\nimport type { TickValueFormatter } from '../../../../charts/core/types/tick-value.js';\nimport { coerceSizeValue } from '../../../../charts/core/utils/coerceSizeValue.js';\nimport { useContainerSize } from '../../../../core/hooks/useContainerSize.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { DataTableDefaultCell } from '../../components/DataTableDefaultCell.js';\nimport {\n  DATA_TABLE_CELL_HORIZONTAL_PADDING_MAP as CELL_HORIZONTAL_PADDING_MAP,\n  DATA_TABLE_DEFAULT_ICON_PADDING as ICON_PADDING,\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 { useDataTable } from '../../contexts/DataTableContext.js';\nimport type { DataTableDisplayColumnDef } from '../../public.api.js';\nimport type { DataTableGanttColumnConfig } from '../ColumnTypes/column-types-types.js';\n\ntype DataTableGanttChartHeaderProps<TData, TValue> = Readonly<{\n  columnDef: DataTableDisplayColumnDef<TData, TValue>;\n}>;\n\n/**\n * @internal\n */\nexport const DataTableGanttChartHeader = <TData, TValue>({\n  columnDef,\n}: Readonly<DataTableGanttChartHeaderProps<TData, TValue>>): JSX.Element => {\n  const sizeRef = useRef<HTMLDivElement>(null);\n  const { width: axisWidth, height: axisHeight } = useContainerSize(sizeRef);\n  const config = (columnDef.config || {}) as DataTableGanttColumnConfig;\n  const { xAxisType = 'numerical', annotationsHeader } = config;\n  const { min, max } = useMinMaxFromConfig(columnDef.id);\n\n  const table = useDataTable();\n  const isSubrowIndicatorColumn =\n    table.getSubRowIndicatorColumnId() === columnDef.id;\n\n  const leftHeaderPaddingValue = isSubrowIndicatorColumn\n    ? SUB_ROW_INDENT_GRID * table.getSubRowOpenDepth()\n    : 0;\n  const leftHeaderPadding = isSubrowIndicatorColumn\n    ? `${leftHeaderPaddingValue}px`\n    : 'inherit';\n\n  // this width is calculated from subrow expander icon size + the padding on both sides, and row density\n  const subrowExpanderWidth = isSubrowIndicatorColumn\n    ? SUB_ROW_EXPANDER_ICON_SIZE +\n      2 * ICON_PADDING +\n      CELL_HORIZONTAL_PADDING_MAP[\n        table.atoms.visualVariantConfig?.get().rowDensity\n      ]\n    : 0;\n\n  // we need to subtract the subrow expander size from the axis width\n  const effectiveAxisWidth = Math.max(\n    0,\n    axisWidth - leftHeaderPaddingValue - subrowExpanderWidth,\n  );\n\n  const { scale, formatter } = useScaleAndFormatter(\n    effectiveAxisWidth,\n    config,\n    min,\n    max,\n  );\n\n  const {\n    tooltip: annotationsTooltip,\n    tooltipActions: annotationsTooltipActions,\n    emptyState,\n    errorState,\n    loading,\n    textOverflow = 'truncate',\n    truncateMode = 'middle',\n    tracks: annotationTracksConfig,\n    height: annotationsHeightConfig,\n  } = annotationsHeader ?? {};\n\n  const tooltipConfig = annotationsTooltip\n    ? { template: annotationsTooltip }\n    : {};\n\n  const columnId = columnDef.id;\n  const setGanttAnnotationsSelection = table.setGanttAnnotationsSelection;\n  const handleMarkerGroupHover = useCallback(\n    (event: Partial<SelectionState>) => {\n      setGanttAnnotationsSelection(columnId, event);\n    },\n    [setGanttAnnotationsSelection, columnId],\n  );\n\n  const annotationTracks = annotationTracksConfig\n    ? toIntegrationTracks(annotationTracksConfig)\n    : [];\n  const shownTracks = annotationTracks.filter(({ hidden }) => !hidden);\n  const tracksHeight =\n    shownTracks.length * TRACK_HEIGHT + TRACK_SEPARATOR_STROKE_WIDTH;\n\n  const configuredHeight = coerceSizeValue(annotationsHeightConfig);\n  const scrollWrapperHeight = configuredHeight\n    ? `min(${tracksHeight}px, ${configuredHeight})`\n    : tracksHeight;\n\n  let ganttAxis: JSX.Element = (\n    <ValueTableHeaderAxis\n      scale={scale as ScaleLinear<number, number>}\n      formatter={formatter as TickValueFormatter}\n      containerHeight={axisHeight}\n      containerWidth={effectiveAxisWidth}\n      min={min}\n      max={max}\n    />\n  );\n  let annotationsDisplay: JSX.Element = (\n    <AnnotationsNumericalDisplay\n      scale={scale as ScaleLinear<number, number>}\n      tracks={annotationTracks}\n      showLabels={false}\n      labelsOffset={0}\n      width={effectiveAxisWidth}\n      markerGroupHover={handleMarkerGroupHover}\n      tooltipConfig={tooltipConfig}\n      annotationsActions={annotationsTooltipActions}\n      textOverflow={textOverflow}\n      truncateMode={truncateMode}\n      formatter={formatter}\n    />\n  );\n\n  // Get the correct axis components based on the xAxisType\n  if (xAxisType === 'time') {\n    ganttAxis = (\n      <TimeTableHeaderAxis\n        scale={scale as ScaleTime<number, number>}\n        containerHeight={axisHeight}\n        containerWidth={effectiveAxisWidth}\n        min={min}\n        max={max}\n      />\n    );\n    annotationsDisplay = (\n      <AnnotationsTimeDisplay\n        scale={scale as ScaleTime<number, number>}\n        tracks={annotationTracks}\n        showLabels={false}\n        labelsOffset={0}\n        width={effectiveAxisWidth}\n        markerGroupHover={handleMarkerGroupHover}\n        tooltipConfig={tooltipConfig}\n        annotationsActions={annotationsTooltipActions}\n        textOverflow={textOverflow}\n        truncateMode={truncateMode}\n      />\n    );\n  }\n\n  return (\n    <DataTableDefaultCell\n      ref={sizeRef}\n      className={styles.ganttChartHeader}\n      data-sizeref={true}\n    >\n      <Flex\n        flexDirection=\"column\"\n        minHeight={annotationsHeightConfig}\n        justifyContent=\"space-between\"\n        style={{ paddingLeft: leftHeaderPadding }}\n      >\n        {annotationsHeader && (\n          <ChartStateHandler\n            empty={isEmpty(annotationTracks)}\n            height=\"100%\"\n            emptyState={emptyState}\n            errorState={errorState}\n            isLoading={loading ?? false}\n            style={{ margin: 'auto' }}\n          >\n            <AnnotationsScrollWrapper\n              height={scrollWrapperHeight}\n              width={effectiveAxisWidth}\n            >\n              {annotationsDisplay}\n            </AnnotationsScrollWrapper>\n          </ChartStateHandler>\n        )}\n        {ganttAxis}\n      </Flex>\n    </DataTableDefaultCell>\n  );\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.sty.js

@@ -5,7 +5,7 @@ import "../ColumnOrder/ColumnOrder.css";
 import "../Thresholds/Thresholds.css";
 import "../../components/DataTableHeaderCell.css";
 import "./DataTableGanttChartHeader.css";
-var ganttChartHeader = "_10y95u40-3-5-2";
+var ganttChartHeader = "_10y95u40-3-7-0";
 export {
   ganttChartHeader
 };

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.css.ts"],
-  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../DataTable.css';\nimport '../../components/Alignment.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableHeaderCell.css';\nimport './DataTableGanttChartHeader.css';\nexport var ganttChartHeader = '_10y95u40-3-5-2';"],
+  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../DataTable.css';\nimport '../../components/Alignment.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableHeaderCell.css';\nimport './DataTableGanttChartHeader.css';\nexport var ganttChartHeader = '_10y95u40-3-7-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

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

@@ -1,4 +1,6 @@
-import { useMemo } from "react";
+import {
+  assignTableAPIs
+} from "@tanstack/react-table";
 import {
   resolveMinMax,
   resolveTimeMinMax
@@ -86,39 +88,38 @@ function getMinMaxForGanttColumns(data, columns, getSubRows) {
   });
   return Object.fromEntries(minMaxArray);
 }
-const DataTableGanttChartFeature = {
-  createTable(table) {
-    table.setGanttAnnotationsSelection = (columnId, selection) => {
-      table.setState((state) => ({
-        ...state,
-        ganttAnnotationsSelection: {
-          ...state.ganttAnnotationsSelection,
-          [columnId]: {
-            ...state.ganttAnnotationsSelection?.[columnId],
-            ...selection
-          }
+function table_setGanttAnnotationsSelection(table, columnId, selection) {
+  table.baseAtoms.ganttAnnotationsSelection.set((old) => ({
+    ...old,
+    [columnId]: {
+      ...old?.[columnId],
+      ...selection
+    }
+  }));
+}
+function constructGanttChartFeature() {
+  return {
+    getInitialState: (initialState) => {
+      return {
+        ganttMinMaxValues: {},
+        ganttAnnotationsSelection: {},
+        ...initialState
+      };
+    },
+    constructTableAPIs: (table) => {
+      assignTableAPIs("DataTableGanttChartFeature", table, {
+        table_setGanttAnnotationsSelection: {
+          fn: (columnId, selection) => table_setGanttAnnotationsSelection(table, columnId, selection)
         }
-      }));
-    };
-  }
-};
-function useGanttChart(_props, options) {
-  const ganttMinMaxValues = useMemo(
-    () => getMinMaxForGanttColumns(
-      options.data,
-      options.columns,
-      options.getSubRows
-    ),
-    [options.columns, options.data, options.getSubRows]
-  );
-  options.state = {
-    ...options.state,
-    ganttMinMaxValues
+      });
+    }
   };
 }
+const DataTableGanttChartFeature = constructGanttChartFeature();
 export {
   DataTableGanttChartFeature,
+  constructGanttChartFeature,
   getMinMaxForGanttColumns,
-  useGanttChart
+  table_setGanttAnnotationsSelection
 };
 //# sourceMappingURL=GanttChart.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/GanttChart.tsx"],
-  "sourcesContent": ["import { useMemo, type PropsWithChildren } from 'react';\n\nimport type {\n  MaxScaleBoundary,\n  MinScaleBoundary,\n} from '../../../../charts/core/types/min-max-config.js';\nimport type { MinMax } from '../../../../charts/core/types/min-max.js';\nimport {\n  resolveMinMax,\n  resolveTimeMinMax,\n} from '../../../../charts/core/utils/get-min-max-for-scale.js';\nimport type {\n  GanttAnnotationsHeaderConfig,\n  GanttAnnotationsTrackConfig,\n  GanttSegmentData,\n} from '../../../../charts/gantt-chart/types/gantt-chart.js';\nimport {\n  isAccessorFnColumnDef,\n  isAccessorKeyColumnDef,\n  isDisplayColumnDef,\n} from '../../hooks/useTable/datatable-typeguards.js';\nimport type {\n  ColumnDef,\n  RowData,\n  Table,\n  TableFeature,\n  TableOptions,\n} from '../../hooks/useTable/types.js';\nimport { isDatatableGanttColumnConfig } from '../ColumnTypes/ColumnTypes.js';\n\n// Typeguard for gantt chart data\nfunction isDataTableGanttData(obj: unknown): obj is GanttSegmentData {\n  return typeof obj === 'object' && obj !== null && 'start' in obj;\n}\n\n/**\n * Retrieves data for a specific column from a row entry.\n *\n * @param row - data row\n * @param columnDef - composed column def (useColumns)\n * @returns column data\n */\nfunction getDataFromRow<TData, TValue>(\n  row: TData,\n  columnDef: ColumnDef<TData, TValue>,\n) {\n  if (isAccessorKeyColumnDef(columnDef)) {\n    return (row as Record<string, unknown>)[columnDef.accessorKey];\n  }\n  if (isAccessorFnColumnDef(columnDef)) {\n    return columnDef.accessorFn(row, 0);\n  }\n}\n\n/**\n * Adjusts the min/max values based on the annotations tracks.\n * If an annotation's start or end value is outside the current min/max, it used as the new min/max.\n *\n * @param tracks - annotations tracks\n * @param min - current min value\n * @param max - current max value\n * @returns adjusted min/max values\n */\nconst adjustMinMaxWithAnnotationsHeader = (\n  tracks: GanttAnnotationsTrackConfig[],\n  min: number,\n  max: number,\n): { min: number; max: number } => {\n  // get annotations min/max if annotationsHeader is defined\n  tracks.forEach((track) => {\n    track.markers.forEach((marker) => {\n      const start = marker.start;\n      // if end is undefined, we use the start value also for the max calculation\n      const end = marker.end ?? marker.start;\n\n      const startValue = start instanceof Date ? start.valueOf() : start;\n      const endValue = end instanceof Date ? end.valueOf() : end;\n\n      min = Math.min(min, startValue);\n      max = Math.max(max, endValue);\n    });\n  });\n\n  return { min, max };\n};\n\n/**\n * Gets the overall min and max values in a gantt column.\n *\n * @param data - table data\n * @param columns - column definition from table options\n * @param getSubRows - function used to access subRows for a given row\n * @returns record of min/max value per column\n * @internal\n */\nexport function getMinMaxForGanttColumns<TData, TValue>(\n  data: TData[],\n  columns: ColumnDef<TData, TValue>[],\n  getSubRows:\n    | ((originalRow: TData, index: number) => TData[] | undefined)\n    | undefined,\n): Record<string, MinMax> {\n  const minMaxArray = columns\n    .filter(\n      (columnDef) =>\n        isDisplayColumnDef(columnDef) && columnDef.columnType === 'gantt',\n    )\n    .map((columnDef) => {\n      const config = columnDef.meta?.config;\n\n      let configMin: MinScaleBoundary = 'data-min';\n      let configMax: MaxScaleBoundary = 'data-max';\n      let xAxisType: 'numerical' | 'time' | undefined = 'numerical';\n      let annotationsHeader: GanttAnnotationsHeaderConfig | undefined;\n\n      if (isDatatableGanttColumnConfig(config)) {\n        configMin = config.min ?? configMin;\n        configMax = config.max ?? configMax;\n        xAxisType = config.xAxisType ?? xAxisType;\n        annotationsHeader = config.annotationsHeader;\n      }\n\n      let ganttMin = Number.POSITIVE_INFINITY;\n      let ganttMax = Number.NEGATIVE_INFINITY;\n\n      /**\n       * Check gantt start/end values in a row to find the overall min/max values.\n       * @param row - data row\n       */\n      const findGanttMinMax = (row: TData) => {\n        const ganttData = getDataFromRow(row, columnDef);\n\n        const ganttSegments = Array.isArray(ganttData)\n          ? ganttData\n          : [ganttData];\n\n        ganttSegments.forEach((segment) => {\n          if (isDataTableGanttData(segment)) {\n            const { start, end } = segment;\n            ganttMin = Math.min(ganttMin, start);\n            ganttMax = Math.max(ganttMax, end ?? start);\n          }\n        });\n\n        const subRows = getSubRows?.(row, 0);\n\n        // recursively traverse sub-rows\n        subRows?.forEach((subRow) => findGanttMinMax(subRow));\n      };\n\n      for (const row of data) {\n        findGanttMinMax(row);\n      }\n\n      if (annotationsHeader) {\n        ({ min: ganttMin, max: ganttMax } = adjustMinMaxWithAnnotationsHeader(\n          annotationsHeader.tracks,\n          ganttMin,\n          ganttMax,\n        ));\n      }\n\n      return [\n        columnDef.id,\n        xAxisType === 'numerical'\n          ? resolveMinMax(\n              { min: ganttMin, max: ganttMax },\n              { min: configMin, max: configMax },\n            )\n          : resolveTimeMinMax(\n              { min: ganttMin, max: ganttMax },\n              { min: configMin, max: configMax },\n            ),\n      ];\n    });\n\n  return Object.fromEntries(minMaxArray);\n}\n\n/**\n * TableFeature that adds Gantt chart instance methods to the table.\n * @internal\n */\nexport const DataTableGanttChartFeature: TableFeature = {\n  createTable<TData extends RowData>(table: Table<TData>): void {\n    table.setGanttAnnotationsSelection = (columnId, selection) => {\n      table.setState((state) => ({\n        ...state,\n        ganttAnnotationsSelection: {\n          ...state.ganttAnnotationsSelection,\n          [columnId]: {\n            ...state.ganttAnnotationsSelection?.[columnId],\n            ...selection,\n          },\n        },\n      }));\n    };\n  },\n};\n\n/**\n * Configuration hook for the DataTable Gantt Chart feature.\n * @internal\n */\nexport function useGanttChart<TData, TValue>(\n  _props: PropsWithChildren,\n  options: TableOptions<TData>,\n): void {\n  const ganttMinMaxValues = useMemo(\n    () =>\n      getMinMaxForGanttColumns<TData, TValue>(\n        options.data,\n        options.columns,\n        options.getSubRows,\n      ),\n    [options.columns, options.data, options.getSubRows],\n  );\n\n  options.state = {\n    ...options.state,\n    ganttMinMaxValues,\n  };\n}\n"],
-  "mappings": "AAAA,SAAS,eAAuC;AAOhD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAMP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAQP,SAAS,oCAAoC;AAG7C,SAAS,qBAAqB,KAAuC;AACnE,SAAO,OAAO,QAAQ,YAAY,QAAQ,QAAQ,WAAW;AAC/D;AASA,SAAS,eACP,KACA,WACA;AACA,MAAI,uBAAuB,SAAS,GAAG;AACrC,WAAQ,IAAgC,UAAU,WAAW;AAAA,EAC/D;AACA,MAAI,sBAAsB,SAAS,GAAG;AACpC,WAAO,UAAU,WAAW,KAAK,CAAC;AAAA,EACpC;AACF;AAWA,MAAM,oCAAoC,CACxC,QACA,KACA,QACiC;AAEjC,SAAO,QAAQ,CAAC,UAAU;AACxB,UAAM,QAAQ,QAAQ,CAAC,WAAW;AAChC,YAAM,QAAQ,OAAO;AAErB,YAAM,MAAM,OAAO,OAAO,OAAO;AAEjC,YAAM,aAAa,iBAAiB,OAAO,MAAM,QAAQ,IAAI;AAC7D,YAAM,WAAW,eAAe,OAAO,IAAI,QAAQ,IAAI;AAEvD,YAAM,KAAK,IAAI,KAAK,UAAU;AAC9B,YAAM,KAAK,IAAI,KAAK,QAAQ;AAAA,IAC9B,CAAC;AAAA,EACH,CAAC;AAED,SAAO,EAAE,KAAK,IAAI;AACpB;AAWO,SAAS,yBACd,MACA,SACA,YAGwB;AACxB,QAAM,cAAc,QACjB;AAAA,IACC,CAAC,cACC,mBAAmB,SAAS,KAAK,UAAU,eAAe;AAAA,EAC9D,EACC,IAAI,CAAC,cAAc;AAClB,UAAM,SAAS,UAAU,MAAM;AAE/B,QAAI,YAA8B;AAClC,QAAI,YAA8B;AAClC,QAAI,YAA8C;AAClD,QAAI;AAEJ,QAAI,6BAA6B,MAAM,GAAG;AACxC,kBAAY,OAAO,OAAO;AAC1B,kBAAY,OAAO,OAAO;AAC1B,kBAAY,OAAO,aAAa;AAChC,0BAAoB,OAAO;AAAA,IAC7B;AAEA,QAAI,WAAW,OAAO;AACtB,QAAI,WAAW,OAAO;AAMtB,UAAM,kBAAkB,CAAC,QAAe;AACtC,YAAM,YAAY,eAAe,KAAK,SAAS;AAE/C,YAAM,gBAAgB,MAAM,QAAQ,SAAS,IACzC,YACA,CAAC,SAAS;AAEd,oBAAc,QAAQ,CAAC,YAAY;AACjC,YAAI,qBAAqB,OAAO,GAAG;AACjC,gBAAM,EAAE,OAAO,IAAI,IAAI;AACvB,qBAAW,KAAK,IAAI,UAAU,KAAK;AACnC,qBAAW,KAAK,IAAI,UAAU,OAAO,KAAK;AAAA,QAC5C;AAAA,MACF,CAAC;AAED,YAAM,UAAU,aAAa,KAAK,CAAC;AAGnC,eAAS,QAAQ,CAAC,WAAW,gBAAgB,MAAM,CAAC;AAAA,IACtD;AAEA,eAAW,OAAO,MAAM;AACtB,sBAAgB,GAAG;AAAA,IACrB;AAEA,QAAI,mBAAmB;AACrB,OAAC,EAAE,KAAK,UAAU,KAAK,SAAS,IAAI;AAAA,QAClC,kBAAkB;AAAA,QAClB;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,MACL,UAAU;AAAA,MACV,cAAc,cACV;AAAA,QACE,EAAE,KAAK,UAAU,KAAK,SAAS;AAAA,QAC/B,EAAE,KAAK,WAAW,KAAK,UAAU;AAAA,MACnC,IACA;AAAA,QACE,EAAE,KAAK,UAAU,KAAK,SAAS;AAAA,QAC/B,EAAE,KAAK,WAAW,KAAK,UAAU;AAAA,MACnC;AAAA,IACN;AAAA,EACF,CAAC;AAEH,SAAO,OAAO,YAAY,WAAW;AACvC;AAMO,MAAM,6BAA2C;AAAA,EACtD,YAAmC,OAA2B;AAC5D,UAAM,+BAA+B,CAAC,UAAU,cAAc;AAC5D,YAAM,SAAS,CAAC,WAAW;AAAA,QACzB,GAAG;AAAA,QACH,2BAA2B;AAAA,UACzB,GAAG,MAAM;AAAA,UACT,CAAC,QAAQ,GAAG;AAAA,YACV,GAAG,MAAM,4BAA4B,QAAQ;AAAA,YAC7C,GAAG;AAAA,UACL;AAAA,QACF;AAAA,MACF,EAAE;AAAA,IACJ;AAAA,EACF;AACF;AAMO,SAAS,cACd,QACA,SACM;AACN,QAAM,oBAAoB;AAAA,IACxB,MACE;AAAA,MACE,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,IACV;AAAA,IACF,CAAC,QAAQ,SAAS,QAAQ,MAAM,QAAQ,UAAU;AAAA,EACpD;AAEA,UAAQ,QAAQ;AAAA,IACd,GAAG,QAAQ;AAAA,IACX;AAAA,EACF;AACF;",
+  "sourcesContent": ["import {\n  assignTableAPIs,\n  type CellData,\n  type ColumnDef,\n  type RowData,\n  type Table_Internal,\n  type TableFeature,\n  type TableFeatures,\n} from '@tanstack/react-table';\n\nimport type { DataTableGanttChartFeatureConstructors } from './gantt-chart-types.js';\nimport type { SelectionState } from '../../../../charts/core/components/annotations/types/state.js';\nimport type {\n  MaxScaleBoundary,\n  MinScaleBoundary,\n} from '../../../../charts/core/types/min-max-config.js';\nimport type { MinMax } from '../../../../charts/core/types/min-max.js';\nimport {\n  resolveMinMax,\n  resolveTimeMinMax,\n} from '../../../../charts/core/utils/get-min-max-for-scale.js';\nimport type {\n  GanttAnnotationsHeaderConfig,\n  GanttAnnotationsTrackConfig,\n  GanttSegmentData,\n} from '../../../../charts/gantt-chart/types/gantt-chart.js';\nimport {\n  isAccessorFnColumnDef,\n  isAccessorKeyColumnDef,\n  isDisplayColumnDef,\n} from '../../hooks/useTable/datatable-typeguards.js';\nimport { isDatatableGanttColumnConfig } from '../ColumnTypes/ColumnTypes.js';\n\n// Typeguard for gantt chart data\nfunction isDataTableGanttData(obj: unknown): obj is GanttSegmentData {\n  return typeof obj === 'object' && obj !== null && 'start' in obj;\n}\n\n/**\n * Retrieves data for a specific column from a row entry.\n *\n * @param row - data row\n * @param columnDef - composed column def (useColumns)\n * @returns column data\n */\nfunction getDataFromRow<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(row: TData, columnDef: ColumnDef<TFeatures, TData, TValue>) {\n  if (isAccessorKeyColumnDef<TFeatures, TData, TValue>(columnDef)) {\n    return (row as Record<string | number | symbol, unknown>)[\n      columnDef.accessorKey\n    ];\n  }\n  if (isAccessorFnColumnDef<TFeatures, TData, TValue>(columnDef)) {\n    return columnDef.accessorFn(row, 0);\n  }\n}\n\n/**\n * Adjusts the min/max values based on the annotations tracks.\n * If an annotation's start or end value is outside the current min/max, it used as the new min/max.\n *\n * @param tracks - annotations tracks\n * @param min - current min value\n * @param max - current max value\n * @returns adjusted min/max values\n */\nconst adjustMinMaxWithAnnotationsHeader = (\n  tracks: GanttAnnotationsTrackConfig[],\n  min: number,\n  max: number,\n): { min: number; max: number } => {\n  // get annotations min/max if annotationsHeader is defined\n  tracks.forEach((track) => {\n    track.markers.forEach((marker) => {\n      const start = marker.start;\n      // if end is undefined, we use the start value also for the max calculation\n      const end = marker.end ?? marker.start;\n\n      const startValue = start instanceof Date ? start.valueOf() : start;\n      const endValue = end instanceof Date ? end.valueOf() : end;\n\n      min = Math.min(min, startValue);\n      max = Math.max(max, endValue);\n    });\n  });\n\n  return { min, max };\n};\n\n/**\n * Gets the overall min and max values in a gantt column.\n *\n * @param data - table data\n * @param columns - column definition from table options\n * @param getSubRows - function used to access subRows for a given row\n * @returns record of min/max value per column\n * @internal\n */\nexport function getMinMaxForGanttColumns<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  data: readonly TData[],\n  columns: readonly ColumnDef<TFeatures, TData, TValue>[],\n  getSubRows:\n    | ((originalRow: TData, index: number) => readonly TData[] | undefined)\n    | undefined,\n): Record<string, MinMax> {\n  const minMaxArray = columns\n    .filter(\n      (columnDef) =>\n        isDisplayColumnDef(columnDef) && columnDef.columnType === 'gantt',\n    )\n    .map((columnDef) => {\n      const config = columnDef.meta?.config;\n\n      let configMin: MinScaleBoundary = 'data-min';\n      let configMax: MaxScaleBoundary = 'data-max';\n      let xAxisType: 'numerical' | 'time' | undefined = 'numerical';\n      let annotationsHeader: GanttAnnotationsHeaderConfig | undefined;\n\n      if (isDatatableGanttColumnConfig(config)) {\n        configMin = config.min ?? configMin;\n        configMax = config.max ?? configMax;\n        xAxisType = config.xAxisType ?? xAxisType;\n        annotationsHeader = config.annotationsHeader;\n      }\n\n      let ganttMin = Number.POSITIVE_INFINITY;\n      let ganttMax = Number.NEGATIVE_INFINITY;\n\n      /**\n       * Check gantt start/end values in a row to find the overall min/max values.\n       * @param row - data row\n       */\n      const findGanttMinMax = (row: TData) => {\n        const ganttData = getDataFromRow(row, columnDef);\n\n        const ganttSegments = Array.isArray(ganttData)\n          ? ganttData\n          : [ganttData];\n\n        ganttSegments.forEach((segment) => {\n          if (isDataTableGanttData(segment)) {\n            const { start, end } = segment;\n            ganttMin = Math.min(ganttMin, start);\n            ganttMax = Math.max(ganttMax, end ?? start);\n          }\n        });\n\n        const subRows = getSubRows?.(row, 0);\n\n        // recursively traverse sub-rows\n        subRows?.forEach((subRow) => findGanttMinMax(subRow));\n      };\n\n      for (const row of data) {\n        findGanttMinMax(row);\n      }\n\n      if (annotationsHeader) {\n        ({ min: ganttMin, max: ganttMax } = adjustMinMaxWithAnnotationsHeader(\n          annotationsHeader.tracks,\n          ganttMin,\n          ganttMax,\n        ));\n      }\n\n      return [\n        columnDef.id,\n        xAxisType === 'numerical'\n          ? resolveMinMax(\n              { min: ganttMin, max: ganttMax },\n              { min: configMin, max: configMax },\n            )\n          : resolveTimeMinMax(\n              { min: ganttMin, max: ganttMax },\n              { min: configMin, max: configMax },\n            ),\n      ];\n    });\n\n  return Object.fromEntries(minMaxArray);\n}\n\n/**\n * Updates the selection state for gantt annotations in the table's internal state.\n * @internal\n */\nexport function table_setGanttAnnotationsSelection<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  columnId: string,\n  selection: Partial<SelectionState>,\n) {\n  table.baseAtoms.ganttAnnotationsSelection.set((old) => ({\n    ...old,\n    [columnId]: {\n      ...old?.[columnId],\n      ...selection,\n    },\n  }));\n}\n\n/**\n * Constructs the gantt chart feature for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructGanttChartFeature(): TableFeature<DataTableGanttChartFeatureConstructors> {\n  return {\n    getInitialState: (initialState) => {\n      return {\n        ganttMinMaxValues: {},\n        ganttAnnotationsSelection: {},\n        ...initialState,\n      };\n    },\n    constructTableAPIs: (table) => {\n      assignTableAPIs('DataTableGanttChartFeature', table, {\n        table_setGanttAnnotationsSelection: {\n          fn: (columnId: string, selection: Partial<SelectionState>) =>\n            table_setGanttAnnotationsSelection(table, columnId, selection),\n        },\n      });\n    },\n  };\n}\n\n/**\n * Additional feature implementation for gantt chart.\n * @internal\n */\nexport const DataTableGanttChartFeature = constructGanttChartFeature();\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/hooks/useMinMaxFromConfig.js

@@ -1,7 +1,7 @@
 import { useDataTable } from "../../../contexts/DataTableContext.js";
 const useMinMaxFromConfig = (id = "") => {
   const table = useDataTable();
-  return table.getState().ganttMinMaxValues?.[id] ?? {
+  return table.atoms.ganttMinMaxValues?.get()?.[id] ?? {
     min: 0,
     max: 0
   };

package/esm/tables/DataTable/features/GanttChart/hooks/useMinMaxFromConfig.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/features/GanttChart/hooks/useMinMaxFromConfig.ts"],
-  "sourcesContent": ["import type { MinMax } from '../../../../../charts/core/types/min-max.js';\nimport { useDataTable } from '../../../contexts/DataTableContext.js';\n\nexport const useMinMaxFromConfig = (id: string = ''): MinMax => {\n  const table = useDataTable();\n  return (\n    table.getState().ganttMinMaxValues?.[id] ?? {\n      min: 0,\n      max: 0,\n    }\n  );\n};\n"],
-  "mappings": "AACA,SAAS,oBAAoB;AAEtB,MAAM,sBAAsB,CAAC,KAAa,OAAe;AAC9D,QAAM,QAAQ,aAAa;AAC3B,SACE,MAAM,SAAS,EAAE,oBAAoB,EAAE,KAAK;AAAA,IAC1C,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAEJ;",
+  "sourcesContent": ["import type { MinMax } from '../../../../../charts/core/types/min-max.js';\nimport { useDataTable } from '../../../contexts/DataTableContext.js';\n\nexport const useMinMaxFromConfig = (id: string = ''): MinMax => {\n  const table = useDataTable();\n  return (\n    table.atoms.ganttMinMaxValues?.get()?.[id] ?? {\n      min: 0,\n      max: 0,\n    }\n  );\n};\n"],
+  "mappings": "AACA,SAAS,oBAAoB;AAEtB,MAAM,sBAAsB,CAAC,KAAa,OAAe;AAC9D,QAAM,QAAQ,aAAa;AAC3B,SACE,MAAM,MAAM,mBAAmB,IAAI,IAAI,EAAE,KAAK;AAAA,IAC5C,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAEJ;",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/useGanttChart.js

@@ -0,0 +1,20 @@
+import { useMemo } from "react";
+import { getMinMaxForGanttColumns } from "./GanttChart.js";
+function useGanttChart(_props, options) {
+  const ganttMinMaxValues = useMemo(
+    () => getMinMaxForGanttColumns(
+      options.data,
+      options.columns,
+      options.getSubRows
+    ),
+    [options.columns, options.data, options.getSubRows]
+  );
+  options.state = {
+    ...options.state,
+    ganttMinMaxValues
+  };
+}
+export {
+  useGanttChart
+};
+//# sourceMappingURL=useGanttChart.js.map

package/esm/tables/DataTable/features/GanttChart/useGanttChart.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/useGanttChart.ts"],
+  "sourcesContent": ["import type { TableOptions } from '@tanstack/react-table';\nimport { useMemo, type PropsWithChildren } from 'react';\n\nimport { getMinMaxForGanttColumns } from './GanttChart.js';\nimport type { DataTableRowData } from '../../row-data-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * Configuration hook for the DataTable Gantt Chart feature.\n * @internal\n */\nexport function useGanttChart<TData extends DataTableRowData>(\n  _props: PropsWithChildren,\n  options: TableOptions<TDataTableFeatures, Exclude<TData, unknown>>,\n): void {\n  const ganttMinMaxValues = useMemo(\n    () =>\n      getMinMaxForGanttColumns<TDataTableFeatures, Exclude<TData, unknown>>(\n        options.data,\n        options.columns,\n        options.getSubRows,\n      ),\n    [options.columns, options.data, options.getSubRows],\n  );\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.state = {\n    ...options.state,\n    ganttMinMaxValues,\n  };\n}\n"],
+  "mappings": "AACA,SAAS,eAAuC;AAEhD,SAAS,gCAAgC;AAQlC,SAAS,cACd,QACA,SACM;AACN,QAAM,oBAAoB;AAAA,IACxB,MACE;AAAA,MACE,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,IACV;AAAA,IACF,CAAC,QAAQ,SAAS,QAAQ,MAAM,QAAQ,UAAU;AAAA,EACpD;AAGA,UAAQ,QAAQ;AAAA,IACd,GAAG,QAAQ;AAAA,IACX;AAAA,EACF;AACF;",
+  "names": []
+}