nectiasw 0.0.268 → 0.0.269

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

@@ -19,10 +19,11 @@ 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.
+ * Click on any segment to see the query params in the Actions panel.
  */
 export declare const WithClickHandler: Story;
 /**
  * Multiple interactive charts simulating dashboard behavior.
+ * Shows how to use stageId to get query params for API calls.
  */
 export declare const DashboardSimulation: Story;

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

@@ -12,22 +12,18 @@ export interface Graph {
 }
 /**
  * @description
- * Query data emitted when clicking on a chart segment.
- * Contains all necessary information to filter courses.
+ * Query params emitted when clicking on a chart segment.
+ * Contains the parameters needed to filter courses via API.
  */
-export interface ChartClickData {
-    /** The stage type (e.g., 'registered', 'execution', 'deliverOC', etc.) */
-    stageType: string;
-    /** The level clicked (e.g., 'normal', 'medio', 'critico') */
+export interface ChartClickQuery {
+    /** Stage ID for API query (1=Inscrito, 2=Ejecución, 3=Por Emisión OC, 4=Por Liquidar, 5=Cerrado) */
+    stageId: number;
+    /** Stage label for display */
+    stageLabel: string;
+    /** Level/deadline name (e.g., 'normal', 'medio', 'critico') */
     level: string;
-    /** The count of courses in this segment */
+    /** 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;
@@ -45,8 +41,8 @@ export type ChartProps = {
     fontStyle?: string;
     innerText?: string;
     content?: string;
-    /** Stage type identifier for click events (e.g., 'registered', 'execution') */
-    stageType?: string;
+    /** Stage ID for click events (e.g., 1, 2, 3, 4, 5) */
+    stageId?: number;
     /** Callback fired when a chart segment is clicked */
-    onBarClick?: (data: ChartClickData) => void;
+    onBarClick?: (query: ChartClickQuery) => 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, ChartClickData } from './components/Chart';
+export type { ChartProps, ChartClickQuery } from './components/Chart';
 export { FirstModal } from './components/FirstModal';
 export type { FirstModalProps } from './components/FirstModal/types';
 export { TCModal } from './components/Modal/variant/TCModal';

package/dist/index.es.js

@@ -453,8 +453,8 @@ const YA = (e) => {
     innerText: p,
     disabled: m,
     content: h = "Cursos",
-    stageType: x,
-    onBarClick: b
+    onBarClick: x,
+    stageId: b
   }) => {
     const g = V.useRef(), v = V.useMemo(() => a ? {
       labels: [],
@@ -508,20 +508,18 @@ const YA = (e) => {
       [p, u]
     ), C = p ? [_] : [], E = V.useCallback(
       (w, O) => {
-        if (!b || m || a || O.length === 0) return;
+        if (!x || m || a || O.length === 0) return;
         const S = O[0].index, F = l[S];
         if (!F) return;
         const D = {
-          stageType: x || "",
-          level: F.level,
-          count: F.count,
-          percent: F.percent,
-          chartLabel: t,
-          dataIndex: S
+          stageId: b || 0,
+          stageLabel: t,
+          level: F.level.toLowerCase().trim(),
+          count: F.count
         };
-        b(D);
+        x(D);
       },
-      [b, m, a, l, x, t]
+      [x, m, a, l, b, t]
     );
     return /* @__PURE__ */ te("div", { className: xe(d), children: [
       /* @__PURE__ */ A("div", { className: xe(e && "flex justify-center items-center"), children: /* @__PURE__ */ A(