nectiasw 0.0.271 → 0.0.272
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.
- package/README.md +30 -30
- package/dist/components/Chart/Chart.stories.d.ts +1 -22
- package/dist/components/Chart/index.d.ts +1 -19
- package/dist/index.d.ts +1 -1
- package/dist/index.es.js +1586 -1597
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +65 -65
- package/dist/index.umd.js.map +1 -1
- package/package.json +108 -108
package/README.md
CHANGED
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
# React + TypeScript + Vite
|
|
2
|
-
|
|
3
|
-
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
|
|
4
|
-
|
|
5
|
-
Currently, two official plugins are available:
|
|
6
|
-
|
|
7
|
-
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
|
|
8
|
-
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
|
|
9
|
-
|
|
10
|
-
## Expanding the ESLint configuration
|
|
11
|
-
|
|
12
|
-
If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
|
|
13
|
-
|
|
14
|
-
- Configure the top-level `parserOptions` property like this:
|
|
15
|
-
|
|
16
|
-
```js
|
|
17
|
-
export default {
|
|
18
|
-
// other rules...
|
|
19
|
-
parserOptions: {
|
|
20
|
-
ecmaVersion: 'latest',
|
|
21
|
-
sourceType: 'module',
|
|
22
|
-
project: ['./tsconfig.json', './tsconfig.node.json', './tsconfig.app.json'],
|
|
23
|
-
tsconfigRootDir: __dirname,
|
|
24
|
-
},
|
|
25
|
-
};
|
|
26
|
-
```
|
|
27
|
-
|
|
28
|
-
- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
|
|
29
|
-
- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
|
|
30
|
-
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
|
|
1
|
+
# React + TypeScript + Vite
|
|
2
|
+
|
|
3
|
+
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
|
|
4
|
+
|
|
5
|
+
Currently, two official plugins are available:
|
|
6
|
+
|
|
7
|
+
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
|
|
8
|
+
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
|
|
9
|
+
|
|
10
|
+
## Expanding the ESLint configuration
|
|
11
|
+
|
|
12
|
+
If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
|
|
13
|
+
|
|
14
|
+
- Configure the top-level `parserOptions` property like this:
|
|
15
|
+
|
|
16
|
+
```js
|
|
17
|
+
export default {
|
|
18
|
+
// other rules...
|
|
19
|
+
parserOptions: {
|
|
20
|
+
ecmaVersion: 'latest',
|
|
21
|
+
sourceType: 'module',
|
|
22
|
+
project: ['./tsconfig.json', './tsconfig.node.json', './tsconfig.app.json'],
|
|
23
|
+
tsconfigRootDir: __dirname,
|
|
24
|
+
},
|
|
25
|
+
};
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
|
|
29
|
+
- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
|
|
30
|
+
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
|
|
@@ -4,6 +4,7 @@ declare const meta: Meta<typeof Chart>;
|
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof meta>;
|
|
6
6
|
export declare const Default: Story;
|
|
7
|
+
export declare const Closed: Story;
|
|
7
8
|
export declare const Disabled: Story;
|
|
8
9
|
export declare const WithInnerText: Story;
|
|
9
10
|
export declare const WithFlex: Story;
|
|
@@ -16,25 +17,3 @@ export declare const CustomTooltipContent: Story;
|
|
|
16
17
|
export declare const RegisteredWithMultipleLevels: Story;
|
|
17
18
|
export declare const ExecutionWithMultipleLevels: Story;
|
|
18
19
|
export declare const DeliverOCWithMultipleLevels: Story;
|
|
19
|
-
/**
|
|
20
|
-
* Interactive chart with click handler.
|
|
21
|
-
* Click on any segment to see the query params in the Actions panel.
|
|
22
|
-
*/
|
|
23
|
-
export declare const WithClickHandler: Story;
|
|
24
|
-
/**
|
|
25
|
-
* Multiple interactive charts simulating dashboard behavior.
|
|
26
|
-
* Shows how to use stageId to get query params for API calls.
|
|
27
|
-
*/
|
|
28
|
-
export declare const DashboardSimulation: Story;
|
|
29
|
-
/**
|
|
30
|
-
* Chart showing "Cursos Cerrados" with 0 count (disabled state).
|
|
31
|
-
*/
|
|
32
|
-
export declare const CerradosEmpty: Story;
|
|
33
|
-
/**
|
|
34
|
-
* Chart showing "Cursos Cerrados" with data.
|
|
35
|
-
*/
|
|
36
|
-
export declare const CerradosWithData: Story;
|
|
37
|
-
/**
|
|
38
|
-
* All 5 stages in disabled state (no data).
|
|
39
|
-
*/
|
|
40
|
-
export declare const AllStagesDisabled: Story;
|
|
@@ -10,21 +10,6 @@ export interface Graph {
|
|
|
10
10
|
color: string;
|
|
11
11
|
percent: string;
|
|
12
12
|
}
|
|
13
|
-
/**
|
|
14
|
-
* @description
|
|
15
|
-
* Query params emitted when clicking on a chart segment.
|
|
16
|
-
* Contains the parameters needed to filter courses via API.
|
|
17
|
-
*/
|
|
18
|
-
export interface ChartClickQuery {
|
|
19
|
-
/** Stage ID for API query (1=Inscrito, 2=Ejecución, 3=Por Emisión OC, 4=Por Liquidar, 5=Cerrado) */
|
|
20
|
-
stageId: number;
|
|
21
|
-
/** Stage label for display */
|
|
22
|
-
stageLabel: string;
|
|
23
|
-
/** Level/deadline name (e.g., 'normal', 'medio', 'critico') */
|
|
24
|
-
level: string;
|
|
25
|
-
/** Count of courses in this segment */
|
|
26
|
-
count: number;
|
|
27
|
-
}
|
|
28
13
|
export type ChartProps = {
|
|
29
14
|
className?: string;
|
|
30
15
|
partials: Graph[];
|
|
@@ -32,6 +17,7 @@ export type ChartProps = {
|
|
|
32
17
|
width?: number;
|
|
33
18
|
height?: number;
|
|
34
19
|
labels?: string[];
|
|
20
|
+
closed?: boolean;
|
|
35
21
|
aspect?: boolean;
|
|
36
22
|
flex?: boolean;
|
|
37
23
|
disabled?: boolean;
|
|
@@ -40,8 +26,4 @@ export type ChartProps = {
|
|
|
40
26
|
fontStyle?: string;
|
|
41
27
|
innerText?: string;
|
|
42
28
|
content?: string;
|
|
43
|
-
/** Stage ID for click events (e.g., 1, 2, 3, 4, 5) */
|
|
44
|
-
stageId?: number;
|
|
45
|
-
/** Callback fired when a chart segment is clicked */
|
|
46
|
-
onBarClick?: (query: ChartClickQuery) => void;
|
|
47
29
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ export type { ColProps } from './components/Col/types';
|
|
|
7
7
|
export { Row } from './components/Row';
|
|
8
8
|
export type { RowProps } from './components/Row';
|
|
9
9
|
export { Chart } from './components/Chart';
|
|
10
|
-
export type { ChartProps
|
|
10
|
+
export type { ChartProps } from './components/Chart';
|
|
11
11
|
export { FirstModal } from './components/FirstModal';
|
|
12
12
|
export type { FirstModalProps } from './components/FirstModal/types';
|
|
13
13
|
export { TCModal } from './components/Modal/variant/TCModal';
|