part 1 of filter/sort drill down from charts (#15983)

This Pr handles basic navigation on bar/slice click to the chart's
source objects index view
This commit is contained in:
nitin
2025-11-21 18:24:36 +05:30
committed by GitHub
parent 3e187b4ce3
commit 793119b117
21 changed files with 201 additions and 177 deletions
@@ -69,7 +69,6 @@ export const GraphWidgetPieChart = ({
const { createTooltipData } = usePieChartTooltip({
enrichedData,
data,
formatOptions,
displayType,
});
@@ -91,12 +90,7 @@ export const GraphWidgetPieChart = ({
const tooltipData = createTooltipData(datum);
if (!isDefined(tooltipData)) return null;
return (
<GraphWidgetTooltip
items={[tooltipData.tooltipItem]}
linkTo={tooltipData.linkTo}
/>
);
return <GraphWidgetTooltip items={[tooltipData.tooltipItem]} />;
};
return (
@@ -1,4 +1,3 @@
import { type PieChartDataItem } from '@/page-layout/widgets/graph/graphWidgetPieChart/types/PieChartDataItem';
import { type PieChartEnrichedData } from '@/page-layout/widgets/graph/graphWidgetPieChart/types/PieChartEnrichedData';
import {
formatGraphValue,
@@ -9,14 +8,12 @@ import { isDefined } from 'twenty-shared/utils';
type UsePieChartTooltipProps = {
enrichedData: PieChartEnrichedData[];
data: PieChartDataItem[];
formatOptions: GraphValueFormatOptions;
displayType?: string;
};
export const usePieChartTooltip = ({
enrichedData,
data,
formatOptions,
displayType,
}: UsePieChartTooltipProps) => {
@@ -28,10 +25,6 @@ export const usePieChartTooltip = ({
);
if (!isDefined(item)) return null;
const dataItem = data.find(
(dataItemCandidate) => dataItemCandidate.id === datum.id,
);
const formattedValue =
displayType === 'percentage'
? formatGraphValue(item.percentage / 100, formatOptions)
@@ -45,7 +38,6 @@ export const usePieChartTooltip = ({
value: item.value,
dotColor: item.colorScheme.solid,
},
linkTo: dataItem?.to,
};
};