nectiasw 0.0.266 → 0.0.268

package/dist/components/Chart/Chart.stories.d.ts

@@ -14,3 +14,15 @@ export declare const SingleStage: Story;
 export declare const CustomTextStyle: Story;
 export declare const WithoutAspect: Story;
 export declare const CustomTooltipContent: Story;
+export declare const RegisteredWithMultipleLevels: Story;
+export declare const ExecutionWithMultipleLevels: Story;
+export declare const DeliverOCWithMultipleLevels: Story;
+/**
+ * Interactive chart with click handler.
+ * Click on any segment to see the event data in the Actions panel.
+ */
+export declare const WithClickHandler: Story;
+/**
+ * Multiple interactive charts simulating dashboard behavior.
+ */
+export declare const DashboardSimulation: Story;

package/dist/components/Chart/index.d.ts

@@ -10,6 +10,25 @@ export interface Graph {
     color: string;
     percent: string;
 }
+/**
+ * @description
+ * Query data emitted when clicking on a chart segment.
+ * Contains all necessary information to filter courses.
+ */
+export interface ChartClickData {
+    /** The stage type (e.g., 'registered', 'execution', 'deliverOC', etc.) */
+    stageType: string;
+    /** The level clicked (e.g., 'normal', 'medio', 'critico') */
+    level: string;
+    /** The count of courses in this segment */
+    count: number;
+    /** The percentage of this segment */
+    percent: string;
+    /** The label of the chart (e.g., 'Cursos Inscritos') */
+    chartLabel: string;
+    /** The index of the clicked segment */
+    dataIndex: number;
+}
 export type ChartProps = {
     className?: string;
     partials: Graph[];
@@ -26,4 +45,8 @@ export type ChartProps = {
     fontStyle?: string;
     innerText?: string;
     content?: string;
+    /** Stage type identifier for click events (e.g., 'registered', 'execution') */
+    stageType?: string;
+    /** Callback fired when a chart segment is clicked */
+    onBarClick?: (data: ChartClickData) => void;
 };

package/dist/index.d.ts

@@ -7,7 +7,7 @@ export type { ColProps } from './components/Col/types';
 export { Row } from './components/Row';
 export type { RowProps } from './components/Row';
 export { Chart } from './components/Chart';
-export type { ChartProps } from './components/Chart';
+export type { ChartProps, ChartClickData } from './components/Chart';
 export { FirstModal } from './components/FirstModal';
 export type { FirstModalProps } from './components/FirstModal/types';
 export { TCModal } from './components/Modal/variant/TCModal';