kelt-ui-kit-react 2.0.8 → 2.0.9
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/.github/workflows/publish.yml +40 -31
- package/README.md +124 -72
- package/dist/App.d.ts +2 -3
- package/dist/App.menu.d.ts +10 -10
- package/dist/App.routes.d.ts +1 -1
- package/dist/_core/hooks/HistoryProvider.d.ts +5 -5
- package/dist/_core/hooks/ImageChecker.d.ts +5 -6
- package/dist/_core/hooks/imageExist.d.ts +5 -6
- package/dist/_core/hooks/isEAN13.d.ts +1 -1
- package/dist/_core/hooks/objectToQueryParams.d.ts +1 -1
- package/dist/_core/hooks/useCurrency.d.ts +3 -3
- package/dist/_core/hooks/useDateutils.d.ts +4 -4
- package/dist/_core/hooks/useIsMobile.d.ts +1 -1
- package/dist/_core/hooks/useToken.d.ts +3 -3
- package/dist/_core/hooks/useValidate.d.ts +5 -5
- package/dist/_core/hooks/widgetSupport.d.ts +1 -1
- package/dist/_core/type/generiqueType.d.ts +4 -0
- package/dist/action/Action.view.d.ts +1 -1
- package/dist/action/ButtonAction.d.ts +8 -9
- package/dist/addressSearch/AddressSearch.d.ts +18 -19
- package/dist/addressSearch/AddressSearch.view.d.ts +1 -1
- package/dist/badge/Badge.d.ts +10 -9
- package/dist/badge/Badge.view.d.ts +1 -1
- package/dist/button/Button.d.ts +1 -2
- package/dist/button/Button.view.d.ts +1 -1
- package/dist/button/button.interface.d.ts +19 -20
- package/dist/button/buttonActions/ButtonActions.d.ts +11 -12
- package/dist/button/buttonFile/ButtonFile.d.ts +9 -9
- package/dist/button/buttonFile/ButtonFile.view.d.ts +1 -1
- package/dist/button/buttonFilters/ButtonFilters.d.ts +16 -17
- package/dist/card/Card.d.ts +14 -15
- package/dist/card/Card.view.d.ts +1 -1
- package/dist/card/card.interface.d.ts +10 -10
- package/dist/card/cardAction/CardAction.d.ts +13 -14
- package/dist/card/cardAction.interface.d.ts +8 -9
- package/dist/card/hook/useCardInteractions.d.ts +8 -8
- package/dist/carousel/Carousel.d.ts +14 -15
- package/dist/carousel/Carousel.view.d.ts +1 -1
- package/dist/damier/Damier.d.ts +9 -10
- package/dist/damier/Damier.view.d.ts +1 -1
- package/dist/damier/damierCell/DamierCell.d.ts +6 -7
- package/dist/damier/damierCell/damierCell.interface.d.ts +6 -6
- package/dist/dataTable/DataTable.d.ts +37 -33
- package/dist/dataTable/DataTable.view.d.ts +1 -1
- package/dist/dataTable/dataTable.interface.d.ts +70 -47
- package/dist/dataTable/dataTable.utils.d.ts +17 -0
- package/dist/dataTable/dataTableActions/DataTableAction.d.ts +9 -10
- package/dist/dataTable/dataTableColumn/DataTableColumn.d.ts +14 -8
- package/dist/dataTable/dataTableColumn/dataTableColumnFilter/DataTableColumnFilter.d.ts +9 -0
- package/dist/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterDate/DataTableColumnFilterDate.d.ts +9 -0
- package/dist/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterDateRange/dataTableColumnFilterDateRange.d.ts +9 -0
- package/dist/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterEnum/DataTableColumnFilterEnum.d.ts +12 -0
- package/dist/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterString/DataTableColumnFilterString.d.ts +9 -0
- package/dist/dataTable/dataTableColumn/dataTableColumnSort/DataTableColumnSort.d.ts +10 -0
- package/dist/dataTable/dataTableFilters/DataTableFilters.d.ts +6 -0
- package/dist/dataTable/dataTableLoading/DataTableLoading.d.ts +8 -7
- package/dist/dataTable/dataTableRow/DataTableRow.d.ts +12 -11
- package/dist/dataTable/useDataTableState.d.ts +13 -0
- package/dist/datePicker/DatePicker.d.ts +7 -8
- package/dist/datePicker/DatePicker.view.d.ts +1 -1
- package/dist/docs/ComponentDocs.d.ts +6 -0
- package/dist/docs/catalog.d.ts +8 -0
- package/dist/docs/documentation.types.d.ts +21 -0
- package/dist/expands/Expands.d.ts +11 -12
- package/dist/expands/Expands.view.d.ts +1 -1
- package/dist/expands/expand/expand.d.ts +10 -11
- package/dist/expands/expand/expand.interface.d.ts +9 -9
- package/dist/filAriane/FilAriane.d.ts +8 -9
- package/dist/filAriane/FilAriane.view.d.ts +1 -1
- package/dist/filAriane/filAriane.interface.d.ts +6 -6
- package/dist/form/Form.d.ts +35 -36
- package/dist/form/Form.view.d.ts +1 -1
- package/dist/form/form.enum.d.ts +16 -15
- package/dist/form/form.interface.d.ts +53 -54
- package/dist/form/input/Input.d.ts +27 -25
- package/dist/form/inputNumber/InputNumber.d.ts +21 -22
- package/dist/form/inputNumber/InputNumber.view.d.ts +1 -1
- package/dist/form/inputPrice/InputPrice.d.ts +14 -15
- package/dist/form/inputPrice/InputPrice.view.d.ts +1 -1
- package/dist/form/textArea/TextArea.d.ts +14 -15
- package/dist/form/textArea/TextArea.view.d.ts +1 -1
- package/dist/geocoding/GeocodingService.d.ts +11 -12
- package/dist/geocoding/geocoding.interface.d.ts +20 -20
- package/dist/grid/Grid.d.ts +9 -10
- package/dist/grid/Grid.view.d.ts +1 -1
- package/dist/grid/col/Col.d.ts +5 -6
- package/dist/grid/col/colStyled/ColStyled.d.ts +10 -11
- package/dist/grid/container/Container.d.ts +5 -6
- package/dist/grid/grid.interface.d.ts +23 -23
- package/dist/grid/row/Row.d.ts +13 -14
- package/dist/header/Header.d.ts +1 -2
- package/dist/header/Header.view.d.ts +1 -1
- package/dist/header/header.interface.d.ts +12 -12
- package/dist/home/Home.d.ts +1 -1
- package/dist/icon/Icon.d.ts +1 -2
- package/dist/icon/Icons.view.d.ts +1 -1
- package/dist/icon/icon.interface.d.ts +5 -5
- package/dist/icon/iconSize.enum.d.ts +7 -7
- package/dist/index.d.ts +56 -54
- package/dist/index.html +18 -18
- package/dist/index.js +4001 -3510
- package/dist/loader/Loader.d.ts +7 -8
- package/dist/loader/Loader.view.d.ts +1 -1
- package/dist/main.d.ts +0 -1
- package/dist/manifest.json +25 -25
- package/dist/menus/Menus.d.ts +5 -6
- package/dist/menus/Menus.view.d.ts +1 -1
- package/dist/menus/menu/Menu.d.ts +7 -8
- package/dist/menus/menu/menu.interface.d.ts +10 -10
- package/dist/message/Message.d.ts +6 -7
- package/dist/message/Message.view.d.ts +1 -1
- package/dist/modal/Modal.d.ts +13 -14
- package/dist/modal/Modal.view.d.ts +1 -1
- package/dist/notFound/NotFound.d.ts +1 -1
- package/dist/overlayPanel/OverlayPanel.d.ts +22 -23
- package/dist/overlayPanel/OverlayPanel.view.d.ts +1 -1
- package/dist/overlayPanel/overlay.context.d.ts +9 -10
- package/dist/overlayPanel/overlayPanelStyled/OverlayPanelStyled.d.ts +9 -9
- package/dist/pdfViewer/PdfViewer.d.ts +12 -12
- package/dist/pdfViewer/PdfViewer.view.d.ts +1 -1
- package/dist/quantity/Quantity.d.ts +10 -11
- package/dist/robots.txt +3 -3
- package/dist/search/Search.d.ts +21 -22
- package/dist/search/Search.view.d.ts +1 -1
- package/dist/select/Select.d.ts +23 -24
- package/dist/select/Select.view.d.ts +1 -1
- package/dist/select/selectOption.interface.d.ts +5 -5
- package/dist/sidebar/Sidebar.d.ts +12 -13
- package/dist/sidebar/Sidebar.view.d.ts +1 -1
- package/dist/sidebarData/SidebarData.d.ts +6 -7
- package/dist/sidebarData/SidebarData.view.d.ts +1 -1
- package/dist/style.css +1 -1
- package/dist/tabs/Tabs.d.ts +17 -17
- package/dist/tabs/Tabs.view.d.ts +1 -1
- package/dist/toaster/Toaster.d.ts +1 -2
- package/dist/toaster/Toaster.view.d.ts +1 -1
- package/dist/toaster/store/useToasterStore.d.ts +24 -24
- package/docs.plugin.ts +223 -0
- package/index.html +20 -18
- package/package.json +64 -56
- package/public/index.html +18 -18
- package/public/manifest.json +25 -25
- package/public/robots.txt +3 -3
- package/src/App.css +178 -11
- package/src/App.menu.tsx +277 -257
- package/src/App.routes.tsx +21 -16
- package/src/App.tsx +31 -30
- package/src/_core/hooks/HistoryProvider.tsx +25 -25
- package/src/_core/hooks/ImageChecker.tsx +26 -26
- package/src/_core/hooks/imageExist.tsx +9 -9
- package/src/_core/hooks/isEAN13.tsx +16 -16
- package/src/_core/hooks/objectToQueryParams.tsx +32 -32
- package/src/_core/hooks/useCurrency.tsx +18 -18
- package/src/_core/hooks/useDateutils.ts +64 -64
- package/src/_core/hooks/useIsMobile.ts +18 -18
- package/src/_core/hooks/useToken.tsx +19 -19
- package/src/_core/hooks/useValidate.tsx +18 -18
- package/src/_core/hooks/widgetSupport.tsx +39 -39
- package/src/_core/type/generiqueType.tsx +4 -0
- package/src/action/Action.view.tsx +21 -21
- package/src/action/ButtonAction.tsx +32 -32
- package/src/action/action.css +20 -20
- package/src/addressSearch/AddressSearch.tsx +246 -246
- package/src/addressSearch/AddressSearch.view.tsx +52 -52
- package/src/addressSearch/addressSearch.css +132 -132
- package/src/badge/Badge.tsx +41 -34
- package/src/badge/Badge.view.tsx +15 -15
- package/src/badge/badge.css +63 -55
- package/src/button/Button.tsx +48 -48
- package/src/button/Button.view.tsx +85 -85
- package/src/button/button.css +53 -53
- package/src/button/button.interface.tsx +22 -22
- package/src/button/buttonActions/ButtonActions.tsx +104 -104
- package/src/button/buttonFile/ButtonFile.tsx +59 -59
- package/src/button/buttonFile/ButtonFile.view.tsx +70 -70
- package/src/button/buttonFilters/ButtonFilters.tsx +102 -102
- package/src/button/buttonFilters/buttonFilters.css +22 -22
- package/src/card/Card.tsx +151 -151
- package/src/card/Card.view.tsx +73 -73
- package/src/card/card.css +144 -144
- package/src/card/card.interface.tsx +9 -9
- package/src/card/cardAction/CardAction.tsx +135 -135
- package/src/card/cardAction/cardAction.css +10 -10
- package/src/card/cardAction.interface.tsx +10 -10
- package/src/card/hook/useCardInteractions.tsx +30 -30
- package/src/carousel/Carousel.css +44 -44
- package/src/carousel/Carousel.tsx +115 -115
- package/src/carousel/Carousel.view.tsx +13 -13
- package/src/damier/Damier.tsx +64 -64
- package/src/damier/Damier.view.tsx +31 -31
- package/src/damier/damier.css +50 -50
- package/src/damier/damierCell/DamierCell.tsx +18 -18
- package/src/damier/damierCell/damierCell.interface.tsx +5 -5
- package/src/dataTable/DataTable.tsx +840 -746
- package/src/dataTable/DataTable.view.tsx +105 -71
- package/src/dataTable/dataTable.css +233 -208
- package/src/dataTable/dataTable.interface.ts +66 -45
- package/src/dataTable/dataTable.utils.ts +45 -0
- package/src/dataTable/dataTableActions/DataTableAction.tsx +82 -65
- package/src/dataTable/dataTableColumn/DataTableColumn.tsx +48 -27
- package/src/dataTable/dataTableColumn/dataTableColumnFilter/DataTableColumnFilter.tsx +36 -0
- package/src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilter.css +0 -0
- package/src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterDate/DataTableColumnFilterDate.tsx +39 -0
- package/src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterDateRange/dataTableColumnFilterDateRange.tsx +80 -0
- package/src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterEnum/DataTableColumnFilterEnum.tsx +89 -0
- package/src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterString/DataTableColumnFilterString.tsx +37 -0
- package/src/dataTable/dataTableColumn/dataTableColumnSort/DataTableColumnSort.tsx +42 -0
- package/src/dataTable/dataTableFilters/DataTableFilters.tsx +91 -0
- package/src/dataTable/dataTableFilters/dataTableFilters.css +16 -0
- package/src/dataTable/dataTableLoading/DataTableLoading.tsx +23 -21
- package/src/dataTable/dataTableRow/DataTableRow.tsx +155 -208
- package/src/dataTable/useDataTableState.tsx +89 -0
- package/src/datePicker/DatePicker.tsx +110 -110
- package/src/datePicker/DatePicker.view.tsx +9 -9
- package/src/datePicker/datePicker.css +77 -77
- package/src/docs/ComponentDocs.tsx +156 -0
- package/src/docs/catalog.ts +40 -0
- package/src/docs/documentation.types.ts +20 -0
- package/src/docs/virtual.d.ts +7 -0
- package/src/expands/Expands.tsx +46 -46
- package/src/expands/Expands.view.tsx +90 -90
- package/src/expands/expand/expand.interface.tsx +8 -8
- package/src/expands/expand/expand.tsx +191 -191
- package/src/expands/expands.css +101 -101
- package/src/filAriane/FilAriane.tsx +57 -57
- package/src/filAriane/FilAriane.view.tsx +28 -28
- package/src/filAriane/filAriane.css +23 -23
- package/src/filAriane/filAriane.interface.tsx +6 -6
- package/src/form/Form.tsx +477 -477
- package/src/form/Form.view.tsx +67 -67
- package/src/form/form.css +135 -135
- package/src/form/form.enum.ts +16 -15
- package/src/form/form.interface.tsx +67 -67
- package/src/form/input/Input.tsx +146 -106
- package/src/form/input/input.css +39 -29
- package/src/form/inputNumber/InputNumber.tsx +132 -132
- package/src/form/inputNumber/InputNumber.view.tsx +15 -15
- package/src/form/inputPrice/InputPrice.tsx +42 -42
- package/src/form/inputPrice/InputPrice.view.tsx +15 -15
- package/src/form/textArea/TextArea.tsx +59 -59
- package/src/form/textArea/TextArea.view.tsx +34 -34
- package/src/form/textArea/textArea.css +9 -9
- package/src/geocoding/GeocodingService.ts +89 -89
- package/src/geocoding/geocoding.interface.ts +25 -25
- package/src/grid/Grid.tsx +34 -34
- package/src/grid/Grid.view.tsx +24 -24
- package/src/grid/col/Col.tsx +24 -24
- package/src/grid/col/col.css +3 -3
- package/src/grid/col/colStyled/ColStyled.tsx +59 -59
- package/src/grid/container/Container.tsx +8 -8
- package/src/grid/container/container.css +4 -4
- package/src/grid/grid.interface.tsx +27 -27
- package/src/grid/row/Row.tsx +49 -49
- package/src/grid/row/row.css +25 -25
- package/src/header/Header.tsx +64 -64
- package/src/header/Header.view.tsx +5 -5
- package/src/header/header.css +43 -43
- package/src/header/header.interface.tsx +11 -11
- package/src/home/Home.tsx +40 -3
- package/src/icon/Icon.tsx +6 -6
- package/src/icon/Icons.view.tsx +29 -29
- package/src/icon/icon.css +20 -20
- package/src/icon/icon.interface.tsx +7 -6
- package/src/icon/iconSize.enum.ts +7 -7
- package/src/index.css +547 -547
- package/src/index.ts +76 -70
- package/src/loader/Loader.tsx +37 -37
- package/src/loader/Loader.view.tsx +20 -20
- package/src/loader/loader.css +30 -30
- package/src/main.tsx +10 -10
- package/src/menus/Menus.tsx +43 -43
- package/src/menus/Menus.view.tsx +39 -39
- package/src/menus/menu/Menu.tsx +18 -18
- package/src/menus/menu/menu.interface.tsx +9 -9
- package/src/menus/menus.css +47 -47
- package/src/message/Message.tsx +30 -30
- package/src/message/Message.view.tsx +22 -22
- package/src/message/message.css +29 -29
- package/src/modal/Modal.tsx +59 -59
- package/src/modal/Modal.view.tsx +26 -26
- package/src/modal/modal.css +71 -71
- package/src/notFound/NotFound.tsx +3 -3
- package/src/overlayPanel/OverlayPanel.tsx +260 -255
- package/src/overlayPanel/OverlayPanel.view.tsx +25 -25
- package/src/overlayPanel/overlay.context.tsx +30 -30
- package/src/overlayPanel/overlayPanel.css +43 -43
- package/src/overlayPanel/overlayPanelStyled/OverlayPanelStyled.tsx +23 -23
- package/src/pdfViewer/PdfViewer.tsx +73 -73
- package/src/pdfViewer/PdfViewer.view.tsx +5 -5
- package/src/quantity/Quantity.tsx +103 -103
- package/src/quantity/quantity.css +26 -26
- package/src/search/Search.tsx +161 -161
- package/src/search/Search.view.tsx +14 -14
- package/src/search/search.css +59 -59
- package/src/select/Select.tsx +245 -245
- package/src/select/Select.view.tsx +71 -71
- package/src/select/select.css +150 -150
- package/src/select/selectOption.interface.ts +5 -5
- package/src/sidebar/Sidebar.tsx +213 -213
- package/src/sidebar/Sidebar.view.tsx +17 -17
- package/src/sidebar/sidebar.css +103 -103
- package/src/sidebarData/SidebarData.tsx +19 -19
- package/src/sidebarData/SidebarData.view.tsx +19 -19
- package/src/sidebarData/sidebarData.css +27 -27
- package/src/tabs/Tabs.tsx +101 -90
- package/src/tabs/Tabs.view.tsx +20 -20
- package/src/tabs/tabs.css +29 -29
- package/src/toaster/Toaster.tsx +61 -61
- package/src/toaster/Toaster.view.tsx +25 -25
- package/src/toaster/store/useToasterStore.tsx +54 -54
- package/src/toaster/toaster.css +105 -105
- package/tests/dataTable.test.mjs +93 -0
- package/tests/documentation.test.mjs +75 -0
- package/tsconfig.docs.json +10 -0
- package/tsconfig.json +28 -28
- package/vite.config.ts +26 -20
- package/vite.config.ts.timestamp-1733262892554-a13dfef6e8a29.mjs +24 -24
- package/vite.config.ts.timestamp-1757847121745-e5a5bf54b81b.mjs +28 -28
- package/vite.config.ts.timestamp-1759742478362-4ac5c5a7db34b.mjs +28 -28
|
@@ -1,54 +1,54 @@
|
|
|
1
|
-
import { create } from "zustand";
|
|
2
|
-
|
|
3
|
-
export type ToasterPosition =
|
|
4
|
-
| "top-right"
|
|
5
|
-
| "top-center"
|
|
6
|
-
| "bottom-right"
|
|
7
|
-
| "bottom-center";
|
|
8
|
-
|
|
9
|
-
type ToasterState = {
|
|
10
|
-
title: string;
|
|
11
|
-
description?: string;
|
|
12
|
-
severity?: "info" | "success" | "error" | "warning";
|
|
13
|
-
children?: React.ReactNode;
|
|
14
|
-
visible: boolean;
|
|
15
|
-
duration: number;
|
|
16
|
-
close?: boolean;
|
|
17
|
-
position: ToasterPosition;
|
|
18
|
-
showToast: (
|
|
19
|
-
title: string,
|
|
20
|
-
options?: {
|
|
21
|
-
description?: string;
|
|
22
|
-
severity?: "info" | "success" | "error" | "warning";
|
|
23
|
-
duration?: number;
|
|
24
|
-
children?: React.ReactNode;
|
|
25
|
-
close?: boolean;
|
|
26
|
-
/** Position à l'écran (défaut : "top-right") */
|
|
27
|
-
position?: ToasterPosition;
|
|
28
|
-
}
|
|
29
|
-
) => void;
|
|
30
|
-
hideToast: () => void;
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
export const useToasterStore = create<ToasterState>((set) => ({
|
|
34
|
-
title: "",
|
|
35
|
-
description: "",
|
|
36
|
-
severity: "info",
|
|
37
|
-
visible: false,
|
|
38
|
-
duration: 2500,
|
|
39
|
-
close: true,
|
|
40
|
-
position: "top-right",
|
|
41
|
-
children: null,
|
|
42
|
-
showToast: (title, options = {}) =>
|
|
43
|
-
set(() => ({
|
|
44
|
-
title,
|
|
45
|
-
description: options.description,
|
|
46
|
-
severity: options.severity || "info",
|
|
47
|
-
duration: options.duration || 2500,
|
|
48
|
-
visible: true,
|
|
49
|
-
children: options.children || null,
|
|
50
|
-
close: options.close ?? true,
|
|
51
|
-
position: options.position ?? "top-right",
|
|
52
|
-
})),
|
|
53
|
-
hideToast: () => set(() => ({ visible: false })),
|
|
54
|
-
}));
|
|
1
|
+
import { create } from "zustand";
|
|
2
|
+
|
|
3
|
+
export type ToasterPosition =
|
|
4
|
+
| "top-right"
|
|
5
|
+
| "top-center"
|
|
6
|
+
| "bottom-right"
|
|
7
|
+
| "bottom-center";
|
|
8
|
+
|
|
9
|
+
type ToasterState = {
|
|
10
|
+
title: string;
|
|
11
|
+
description?: string;
|
|
12
|
+
severity?: "info" | "success" | "error" | "warning";
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
visible: boolean;
|
|
15
|
+
duration: number;
|
|
16
|
+
close?: boolean;
|
|
17
|
+
position: ToasterPosition;
|
|
18
|
+
showToast: (
|
|
19
|
+
title: string,
|
|
20
|
+
options?: {
|
|
21
|
+
description?: string;
|
|
22
|
+
severity?: "info" | "success" | "error" | "warning";
|
|
23
|
+
duration?: number;
|
|
24
|
+
children?: React.ReactNode;
|
|
25
|
+
close?: boolean;
|
|
26
|
+
/** Position à l'écran (défaut : "top-right") */
|
|
27
|
+
position?: ToasterPosition;
|
|
28
|
+
}
|
|
29
|
+
) => void;
|
|
30
|
+
hideToast: () => void;
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
export const useToasterStore = create<ToasterState>((set) => ({
|
|
34
|
+
title: "",
|
|
35
|
+
description: "",
|
|
36
|
+
severity: "info",
|
|
37
|
+
visible: false,
|
|
38
|
+
duration: 2500,
|
|
39
|
+
close: true,
|
|
40
|
+
position: "top-right",
|
|
41
|
+
children: null,
|
|
42
|
+
showToast: (title, options = {}) =>
|
|
43
|
+
set(() => ({
|
|
44
|
+
title,
|
|
45
|
+
description: options.description,
|
|
46
|
+
severity: options.severity || "info",
|
|
47
|
+
duration: options.duration || 2500,
|
|
48
|
+
visible: true,
|
|
49
|
+
children: options.children || null,
|
|
50
|
+
close: options.close ?? true,
|
|
51
|
+
position: options.position ?? "top-right",
|
|
52
|
+
})),
|
|
53
|
+
hideToast: () => set(() => ({ visible: false })),
|
|
54
|
+
}));
|
package/src/toaster/toaster.css
CHANGED
|
@@ -1,105 +1,105 @@
|
|
|
1
|
-
.toaster {
|
|
2
|
-
position: fixed;
|
|
3
|
-
top: 0.5rem;
|
|
4
|
-
right: 0.5rem;
|
|
5
|
-
z-index: 10;
|
|
6
|
-
display: flex;
|
|
7
|
-
padding: 1rem;
|
|
8
|
-
gap: 10px;
|
|
9
|
-
background-color: #fff;
|
|
10
|
-
color: #333;
|
|
11
|
-
width: 300px;
|
|
12
|
-
border-radius: 4px;
|
|
13
|
-
border: 1px solid #dede;
|
|
14
|
-
&.toaster--bottom-right,
|
|
15
|
-
&.toaster--bottom-center {
|
|
16
|
-
top: auto;
|
|
17
|
-
bottom: 0.5rem;
|
|
18
|
-
}
|
|
19
|
-
&.toaster--top-center,
|
|
20
|
-
&.toaster--bottom-center {
|
|
21
|
-
right: auto;
|
|
22
|
-
left: 50%;
|
|
23
|
-
transform: translateX(-50%);
|
|
24
|
-
max-width: calc(100vw - 1rem);
|
|
25
|
-
box-sizing: border-box;
|
|
26
|
-
}
|
|
27
|
-
.toaster--close {
|
|
28
|
-
position: absolute;
|
|
29
|
-
top: 2px;
|
|
30
|
-
right: 2px;
|
|
31
|
-
margin: 0;
|
|
32
|
-
padding: 0;
|
|
33
|
-
border: 0;
|
|
34
|
-
background: transparent;
|
|
35
|
-
color: #333;
|
|
36
|
-
min-width: auto;
|
|
37
|
-
cursor: pointer;
|
|
38
|
-
.bi {
|
|
39
|
-
font-size: 1.2rem;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
&.toaster-info {
|
|
43
|
-
border-color: #004aad66;
|
|
44
|
-
.toaster--close {
|
|
45
|
-
bi {
|
|
46
|
-
color: #004aad;
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
&.toaster-success {
|
|
51
|
-
border-color: #28a7458c;
|
|
52
|
-
.toaster--close {
|
|
53
|
-
.bi {
|
|
54
|
-
color: #28a745;
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
&.toaster-warning {
|
|
59
|
-
border-color: #ec942c;
|
|
60
|
-
.toaster--close {
|
|
61
|
-
bi {
|
|
62
|
-
color: #ec942c;
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
&.toaster-error {
|
|
67
|
-
border-color: #dc35457d;
|
|
68
|
-
.toaster--close {
|
|
69
|
-
bi {
|
|
70
|
-
color: #dc3545;
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
.title {
|
|
75
|
-
font-weight: 500;
|
|
76
|
-
font-size: 18px;
|
|
77
|
-
&.title-info {
|
|
78
|
-
color: var(--primary-color);
|
|
79
|
-
}
|
|
80
|
-
&.title-success {
|
|
81
|
-
color: var(--success-color);
|
|
82
|
-
}
|
|
83
|
-
&.title-warning {
|
|
84
|
-
color: var(--warning-color);
|
|
85
|
-
}
|
|
86
|
-
&.title-error {
|
|
87
|
-
color: var(--danger-color);
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
.subtitle {
|
|
91
|
-
font-size: 16px;
|
|
92
|
-
}
|
|
93
|
-
.bi-info-circle {
|
|
94
|
-
color: var(--primary-color);
|
|
95
|
-
}
|
|
96
|
-
.bi-check-circle {
|
|
97
|
-
color: var(--success-color);
|
|
98
|
-
}
|
|
99
|
-
.bi-exclamation-triangle {
|
|
100
|
-
color: var(--warning-color);
|
|
101
|
-
}
|
|
102
|
-
.bi-x-circle {
|
|
103
|
-
color: var(--danger-color);
|
|
104
|
-
}
|
|
105
|
-
}
|
|
1
|
+
.toaster {
|
|
2
|
+
position: fixed;
|
|
3
|
+
top: 0.5rem;
|
|
4
|
+
right: 0.5rem;
|
|
5
|
+
z-index: 10;
|
|
6
|
+
display: flex;
|
|
7
|
+
padding: 1rem;
|
|
8
|
+
gap: 10px;
|
|
9
|
+
background-color: #fff;
|
|
10
|
+
color: #333;
|
|
11
|
+
width: 300px;
|
|
12
|
+
border-radius: 4px;
|
|
13
|
+
border: 1px solid #dede;
|
|
14
|
+
&.toaster--bottom-right,
|
|
15
|
+
&.toaster--bottom-center {
|
|
16
|
+
top: auto;
|
|
17
|
+
bottom: 0.5rem;
|
|
18
|
+
}
|
|
19
|
+
&.toaster--top-center,
|
|
20
|
+
&.toaster--bottom-center {
|
|
21
|
+
right: auto;
|
|
22
|
+
left: 50%;
|
|
23
|
+
transform: translateX(-50%);
|
|
24
|
+
max-width: calc(100vw - 1rem);
|
|
25
|
+
box-sizing: border-box;
|
|
26
|
+
}
|
|
27
|
+
.toaster--close {
|
|
28
|
+
position: absolute;
|
|
29
|
+
top: 2px;
|
|
30
|
+
right: 2px;
|
|
31
|
+
margin: 0;
|
|
32
|
+
padding: 0;
|
|
33
|
+
border: 0;
|
|
34
|
+
background: transparent;
|
|
35
|
+
color: #333;
|
|
36
|
+
min-width: auto;
|
|
37
|
+
cursor: pointer;
|
|
38
|
+
.bi {
|
|
39
|
+
font-size: 1.2rem;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
&.toaster-info {
|
|
43
|
+
border-color: #004aad66;
|
|
44
|
+
.toaster--close {
|
|
45
|
+
bi {
|
|
46
|
+
color: #004aad;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
&.toaster-success {
|
|
51
|
+
border-color: #28a7458c;
|
|
52
|
+
.toaster--close {
|
|
53
|
+
.bi {
|
|
54
|
+
color: #28a745;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
&.toaster-warning {
|
|
59
|
+
border-color: #ec942c;
|
|
60
|
+
.toaster--close {
|
|
61
|
+
bi {
|
|
62
|
+
color: #ec942c;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
&.toaster-error {
|
|
67
|
+
border-color: #dc35457d;
|
|
68
|
+
.toaster--close {
|
|
69
|
+
bi {
|
|
70
|
+
color: #dc3545;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
.title {
|
|
75
|
+
font-weight: 500;
|
|
76
|
+
font-size: 18px;
|
|
77
|
+
&.title-info {
|
|
78
|
+
color: var(--primary-color);
|
|
79
|
+
}
|
|
80
|
+
&.title-success {
|
|
81
|
+
color: var(--success-color);
|
|
82
|
+
}
|
|
83
|
+
&.title-warning {
|
|
84
|
+
color: var(--warning-color);
|
|
85
|
+
}
|
|
86
|
+
&.title-error {
|
|
87
|
+
color: var(--danger-color);
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
.subtitle {
|
|
91
|
+
font-size: 16px;
|
|
92
|
+
}
|
|
93
|
+
.bi-info-circle {
|
|
94
|
+
color: var(--primary-color);
|
|
95
|
+
}
|
|
96
|
+
.bi-check-circle {
|
|
97
|
+
color: var(--success-color);
|
|
98
|
+
}
|
|
99
|
+
.bi-exclamation-triangle {
|
|
100
|
+
color: var(--warning-color);
|
|
101
|
+
}
|
|
102
|
+
.bi-x-circle {
|
|
103
|
+
color: var(--danger-color);
|
|
104
|
+
}
|
|
105
|
+
}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import assert from "node:assert/strict";
|
|
2
|
+
import path from "node:path";
|
|
3
|
+
import { fileURLToPath } from "node:url";
|
|
4
|
+
import { test } from "node:test";
|
|
5
|
+
import { build, createServer } from "vite";
|
|
6
|
+
import { createElement } from "react";
|
|
7
|
+
import { renderToStaticMarkup } from "react-dom/server";
|
|
8
|
+
|
|
9
|
+
const root = path.resolve(path.dirname(fileURLToPath(import.meta.url)), "..");
|
|
10
|
+
const result = await build({
|
|
11
|
+
configFile: false,
|
|
12
|
+
logLevel: "silent",
|
|
13
|
+
build: {
|
|
14
|
+
write: false,
|
|
15
|
+
minify: false,
|
|
16
|
+
lib: { entry: path.join(root, "src", "dataTable", "dataTable.utils.ts"), formats: ["es"] },
|
|
17
|
+
},
|
|
18
|
+
});
|
|
19
|
+
const { output } = Array.isArray(result) ? result[0] : result;
|
|
20
|
+
const utils = await import(`data:text/javascript;base64,${Buffer.from(output.find((item) => item.type === "chunk").code).toString("base64")}`);
|
|
21
|
+
const server = await createServer({
|
|
22
|
+
configFile: false,
|
|
23
|
+
root,
|
|
24
|
+
logLevel: "silent",
|
|
25
|
+
ssr: { noExternal: ["styled-components"] },
|
|
26
|
+
server: { middlewareMode: true, watch: null, hmr: false },
|
|
27
|
+
});
|
|
28
|
+
let DataTableRow;
|
|
29
|
+
let Tabs;
|
|
30
|
+
let Select;
|
|
31
|
+
try {
|
|
32
|
+
({ DataTableRow } = await server.ssrLoadModule("/src/dataTable/dataTableRow/DataTableRow.tsx"));
|
|
33
|
+
({ Tabs } = await server.ssrLoadModule("/src/tabs/Tabs.tsx"));
|
|
34
|
+
({ Select } = await server.ssrLoadModule("/src/select/Select.tsx"));
|
|
35
|
+
} finally {
|
|
36
|
+
await server.close();
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
test("grouped Hub columns recursively flatten without changing Kelt leaf columns", () => {
|
|
40
|
+
const leaf = { id: "name", type: "text" };
|
|
41
|
+
const nested = { id: "age", type: "number" };
|
|
42
|
+
assert.deepEqual(utils.flattenColumns([leaf, { id: "group", children: [{ children: [nested] }] }]), [leaf, nested]);
|
|
43
|
+
assert.equal(utils.getFilterKey({ id: "age", name: "task-age" }), "task-age");
|
|
44
|
+
});
|
|
45
|
+
|
|
46
|
+
test("action widths preserve Hub sums and Kelt explicit column widths", () => {
|
|
47
|
+
assert.equal(utils.getActionsWidth([{ width: 48 }, { width: 32 }]), 80);
|
|
48
|
+
assert.equal(utils.getActionsWidth([{ width: 48 }], 240), 240);
|
|
49
|
+
assert.equal(utils.getActionsWidth([{ width: "100%" }]), 200);
|
|
50
|
+
assert.equal(utils.getActionsWidth([]), 200);
|
|
51
|
+
});
|
|
52
|
+
|
|
53
|
+
test("sorting is stable, immutable, and supports Hub names and dates", () => {
|
|
54
|
+
const rows = [{ name: "Dossier 10", date: "2026-10-12" }, { name: "Dossier 2", date: "2026-01-02" }];
|
|
55
|
+
const columns = [{ id: "name", name: "dossier", type: "text" }, { id: "date", type: "date" }];
|
|
56
|
+
assert.equal(utils.sortRows(rows, columns, { key: "dossier", direction: "asc" })[0].name, "Dossier 2");
|
|
57
|
+
assert.equal(utils.sortRows(rows, columns, { key: "date", direction: "desc" })[0].date, "2026-10-12");
|
|
58
|
+
assert.equal(rows[0].name, "Dossier 10");
|
|
59
|
+
assert.equal(utils.sortRows(rows, columns, null), rows);
|
|
60
|
+
});
|
|
61
|
+
|
|
62
|
+
test("Hub conditional editing and Kelt disabled editors share one cell engine", () => {
|
|
63
|
+
const renderCell = (column) => renderToStaticMarkup(createElement(DataTableRow, {
|
|
64
|
+
column, idx: 0, rowIndex: 0, row: { id: 1, value: "Original" }, container: "card",
|
|
65
|
+
}));
|
|
66
|
+
assert.match(renderCell({ id: "value", type: "text", onEditable: () => true }), /<input/);
|
|
67
|
+
assert.doesNotMatch(renderCell({ id: "value", type: "text", editable: true, onEditable: () => false }), /<input/);
|
|
68
|
+
assert.match(renderCell({ id: "value", type: "text", editable: true, onDisable: () => true }), /disabled=""/);
|
|
69
|
+
assert.match(renderCell({ id: "value", type: "text", renderComponent: (value) => createElement("strong", null, value) }), /<strong>Original<\/strong>/);
|
|
70
|
+
});
|
|
71
|
+
|
|
72
|
+
test("controlled Hub tabs mount only the actual index on first render", () => {
|
|
73
|
+
const html = renderToStaticMarkup(createElement(Tabs, {
|
|
74
|
+
index: 1, defaultIndex: 0, keepMountedVisited: true,
|
|
75
|
+
items: [
|
|
76
|
+
{ key: "first", title: "First", panel: createElement("span", null, "first-panel-content") },
|
|
77
|
+
{ key: "second", title: "Second", panel: createElement("span", null, "second-panel-content") },
|
|
78
|
+
],
|
|
79
|
+
}));
|
|
80
|
+
assert.match(html, /second-panel-content/);
|
|
81
|
+
assert.doesNotMatch(html, /first-panel-content/);
|
|
82
|
+
});
|
|
83
|
+
|
|
84
|
+
test("Hub empty-string select options take precedence over a default value", () => {
|
|
85
|
+
const html = renderToStaticMarkup(createElement(Select, {
|
|
86
|
+
id: "empty-option", value: "", defaultValue: "active",
|
|
87
|
+
options: [{ value: "", label: "Aucun" }, { value: "active", label: "Actif" }],
|
|
88
|
+
placeholder: "Choisir",
|
|
89
|
+
}));
|
|
90
|
+
assert.match(html, /Aucun/);
|
|
91
|
+
assert.doesNotMatch(html, /Actif/);
|
|
92
|
+
assert.doesNotMatch(html, /clear-btn/);
|
|
93
|
+
});
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import assert from "node:assert/strict";
|
|
2
|
+
import { readFileSync } from "node:fs";
|
|
3
|
+
import path from "node:path";
|
|
4
|
+
import { fileURLToPath } from "node:url";
|
|
5
|
+
import { test } from "node:test";
|
|
6
|
+
import ts from "typescript";
|
|
7
|
+
import { loadConfigFromFile } from "vite";
|
|
8
|
+
|
|
9
|
+
const root = path.resolve(path.dirname(fileURLToPath(import.meta.url)), "..");
|
|
10
|
+
const loaded = await loadConfigFromFile(
|
|
11
|
+
{ command: "serve", mode: "development" },
|
|
12
|
+
path.join(root, "vite.config.ts"),
|
|
13
|
+
);
|
|
14
|
+
const plugin = loaded.config.plugins.find((item) => item.name === "ui-kit-documentation");
|
|
15
|
+
plugin.configResolved({ root });
|
|
16
|
+
const module = plugin.load("\0virtual:ui-docs");
|
|
17
|
+
const docs = JSON.parse(module.slice("export default ".length, -1));
|
|
18
|
+
|
|
19
|
+
test("every registered demo has generated API documentation and its exact source", () => {
|
|
20
|
+
const menuFile = path.join(root, "src", "App.menu.tsx");
|
|
21
|
+
const source = ts.createSourceFile(menuFile, readFileSync(menuFile, "utf8"), ts.ScriptTarget.Latest, true, ts.ScriptKind.TSX);
|
|
22
|
+
const routes = [];
|
|
23
|
+
function visit(node) {
|
|
24
|
+
if (ts.isPropertyAssignment(node) && node.name.getText(source) === "link" && ts.isStringLiteral(node.initializer)) {
|
|
25
|
+
routes.push(node.initializer.text);
|
|
26
|
+
}
|
|
27
|
+
ts.forEachChild(node, visit);
|
|
28
|
+
}
|
|
29
|
+
visit(source);
|
|
30
|
+
assert.equal(routes.length, 30);
|
|
31
|
+
assert.deepEqual(Object.keys(docs).sort(), routes.sort());
|
|
32
|
+
for (const route of routes) {
|
|
33
|
+
assert.ok(docs[route].components.length > 0, route);
|
|
34
|
+
assert.match(docs[route].example, /export const \w+View/, route);
|
|
35
|
+
for (const component of docs[route].components) {
|
|
36
|
+
assert.ok(component.signature, `${route}: ${component.name}`);
|
|
37
|
+
for (const prop of component.props) {
|
|
38
|
+
assert.ok(prop.name && prop.type);
|
|
39
|
+
assert.equal(typeof prop.required, "boolean");
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
|
|
45
|
+
test("Button documents required status, exact union types and actual defaults", () => {
|
|
46
|
+
const button = docs["/buttons"].components.find((item) => item.name === "Button");
|
|
47
|
+
const prop = (name) => button.props.find((item) => item.name === name);
|
|
48
|
+
assert.equal(prop("disabled").defaultValue, "false");
|
|
49
|
+
assert.equal(prop("positionicon").defaultValue, "1");
|
|
50
|
+
assert.equal(prop("disabled").required, false);
|
|
51
|
+
assert.match(prop("onClick").type, /MouseEvent/);
|
|
52
|
+
assert.ok(button.types.some((item) => item.name === "ButtonInterface"));
|
|
53
|
+
});
|
|
54
|
+
|
|
55
|
+
test("form reference includes nested field types and enum values", () => {
|
|
56
|
+
const form = docs["/form"].components.find((item) => item.name === "DynamicForm");
|
|
57
|
+
assert.ok(form.props.some((item) => item.name === "sections"));
|
|
58
|
+
assert.ok(form.types.some((item) => item.name === "FormSection"));
|
|
59
|
+
assert.ok(form.types.some((item) => item.name === "FormInterface"));
|
|
60
|
+
assert.ok(form.types.some((item) => item.name === "TypeInputEnum" && item.declaration.includes("ADDRESS")));
|
|
61
|
+
});
|
|
62
|
+
|
|
63
|
+
test("Toaster exposes no props and showToast exposes its real options", () => {
|
|
64
|
+
const toaster = docs["/toasters"].components.find((item) => item.name === "Toaster");
|
|
65
|
+
assert.equal(toaster.props.length, 0);
|
|
66
|
+
const toast = docs["/toasters"].components.find((item) => item.name === "showToast");
|
|
67
|
+
assert.deepEqual(toast.props.map((prop) => prop.name), ["description", "severity", "duration", "children", "close", "position"]);
|
|
68
|
+
assert.match(toast.signature, /title: string/);
|
|
69
|
+
assert.match(toast.props.find((prop) => prop.name === "severity").type, /"info".*"success".*"error".*"warning"/);
|
|
70
|
+
assert.match(toast.props.find((prop) => prop.name === "position").description, /top-right/);
|
|
71
|
+
const positions = toast.types.find((type) => type.name === "ToasterPosition").declaration;
|
|
72
|
+
for (const position of ["top-right", "top-center", "bottom-right", "bottom-center"]) {
|
|
73
|
+
assert.ok(positions.includes(`"${position}"`));
|
|
74
|
+
}
|
|
75
|
+
});
|
package/tsconfig.json
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
{
|
|
2
|
-
"compilerOptions": {
|
|
3
|
-
"target": "es5",
|
|
4
|
-
"lib": ["dom", "dom.iterable", "esnext"],
|
|
5
|
-
// Générer les fichiers .d.ts
|
|
6
|
-
"allowJs": false,
|
|
7
|
-
"skipLibCheck": true,
|
|
8
|
-
"esModuleInterop": true,
|
|
9
|
-
"allowSyntheticDefaultImports": true,
|
|
10
|
-
"strict": true,
|
|
11
|
-
"emitDeclarationOnly": false,
|
|
12
|
-
"forceConsistentCasingInFileNames": true,
|
|
13
|
-
"noFallthroughCasesInSwitch": true,
|
|
14
|
-
"module": "esnext",
|
|
15
|
-
"moduleResolution": "node",
|
|
16
|
-
"resolveJsonModule": true,
|
|
17
|
-
"isolatedModules": false,
|
|
18
|
-
"jsx": "react-jsx",
|
|
19
|
-
"outDir": "./dist",
|
|
20
|
-
"rootDir": "./src",
|
|
21
|
-
"declaration": false,
|
|
22
|
-
"noUnusedLocals": true,
|
|
23
|
-
"noUnusedParameters": true,
|
|
24
|
-
"typeRoots": ["node_modules/@types", "./types"]
|
|
25
|
-
},
|
|
26
|
-
"include": ["src/**/*"],
|
|
27
|
-
"exclude": ["./vite.config.ts", "node_modules"]
|
|
28
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"compilerOptions": {
|
|
3
|
+
"target": "es5",
|
|
4
|
+
"lib": ["dom", "dom.iterable", "esnext"],
|
|
5
|
+
// Générer les fichiers .d.ts
|
|
6
|
+
"allowJs": false,
|
|
7
|
+
"skipLibCheck": true,
|
|
8
|
+
"esModuleInterop": true,
|
|
9
|
+
"allowSyntheticDefaultImports": true,
|
|
10
|
+
"strict": true,
|
|
11
|
+
"emitDeclarationOnly": false,
|
|
12
|
+
"forceConsistentCasingInFileNames": true,
|
|
13
|
+
"noFallthroughCasesInSwitch": true,
|
|
14
|
+
"module": "esnext",
|
|
15
|
+
"moduleResolution": "node",
|
|
16
|
+
"resolveJsonModule": true,
|
|
17
|
+
"isolatedModules": false,
|
|
18
|
+
"jsx": "react-jsx",
|
|
19
|
+
"outDir": "./dist",
|
|
20
|
+
"rootDir": "./src",
|
|
21
|
+
"declaration": false,
|
|
22
|
+
"noUnusedLocals": true,
|
|
23
|
+
"noUnusedParameters": true,
|
|
24
|
+
"typeRoots": ["node_modules/@types", "./types"]
|
|
25
|
+
},
|
|
26
|
+
"include": ["src/**/*"],
|
|
27
|
+
"exclude": ["./vite.config.ts", "node_modules"]
|
|
28
|
+
}
|
package/vite.config.ts
CHANGED
|
@@ -1,20 +1,26 @@
|
|
|
1
|
-
import { defineConfig } from "vite";
|
|
2
|
-
import checker from "vite-plugin-checker";
|
|
3
|
-
import dts from "vite-plugin-dts";
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
1
|
+
import { defineConfig } from "vite";
|
|
2
|
+
import checker from "vite-plugin-checker";
|
|
3
|
+
import dts from "vite-plugin-dts";
|
|
4
|
+
import { uiDocsPlugin } from "./docs.plugin";
|
|
5
|
+
export default defineConfig(({ command, mode }) => ({
|
|
6
|
+
plugins: [
|
|
7
|
+
...(command === "serve" || mode === "docs" ? [uiDocsPlugin()] : [dts()]),
|
|
8
|
+
checker({ typescript: true }),
|
|
9
|
+
],
|
|
10
|
+
server: {
|
|
11
|
+
port: 2552, // Remplace 3000 par le port souhaité
|
|
12
|
+
},
|
|
13
|
+
build: mode === "docs" ? {
|
|
14
|
+
outDir: "dist-docs",
|
|
15
|
+
} : {
|
|
16
|
+
lib: {
|
|
17
|
+
entry: "./src/index.ts", // Remplacer par l'entrée correcte
|
|
18
|
+
formats: ["es"], // Génère un module ES
|
|
19
|
+
name: "kelt-ui-kit-react",
|
|
20
|
+
fileName: "index",
|
|
21
|
+
},
|
|
22
|
+
rollupOptions: {
|
|
23
|
+
external: ["react", "react-dom"],
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
}));
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
// vite.config.ts
|
|
2
|
-
import { defineConfig } from "file:///C:/Users/alexandre.pennec/Documents/projets/ui-kit-react/node_modules/vite/dist/node/index.js";
|
|
3
|
-
import checker from "file:///C:/Users/alexandre.pennec/Documents/projets/ui-kit-react/node_modules/vite-plugin-checker/dist/esm/main.js";
|
|
4
|
-
import dts from "file:///C:/Users/alexandre.pennec/Documents/projets/ui-kit-react/node_modules/vite-plugin-dts/dist/index.mjs";
|
|
5
|
-
var vite_config_default = defineConfig({
|
|
6
|
-
plugins: [dts(), checker({ typescript: true })],
|
|
7
|
-
build: {
|
|
8
|
-
lib: {
|
|
9
|
-
entry: "./src/index.ts",
|
|
10
|
-
// Remplacer par l'entrée correcte
|
|
11
|
-
formats: ["es"],
|
|
12
|
-
// Génère un module ES
|
|
13
|
-
name: "kelt-ui-kit-react",
|
|
14
|
-
fileName: "index"
|
|
15
|
-
},
|
|
16
|
-
rollupOptions: {
|
|
17
|
-
external: ["react", "react-dom"]
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
export {
|
|
22
|
-
vite_config_default as default
|
|
23
|
-
};
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJDOlxcXFxVc2Vyc1xcXFxhbGV4YW5kcmUucGVubmVjXFxcXERvY3VtZW50c1xcXFxwcm9qZXRzXFxcXHVpLWtpdC1yZWFjdFwiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiQzpcXFxcVXNlcnNcXFxcYWxleGFuZHJlLnBlbm5lY1xcXFxEb2N1bWVudHNcXFxccHJvamV0c1xcXFx1aS1raXQtcmVhY3RcXFxcdml0ZS5jb25maWcudHNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL0M6L1VzZXJzL2FsZXhhbmRyZS5wZW5uZWMvRG9jdW1lbnRzL3Byb2pldHMvdWkta2l0LXJlYWN0L3ZpdGUuY29uZmlnLnRzXCI7aW1wb3J0IHsgZGVmaW5lQ29uZmlnIH0gZnJvbSBcInZpdGVcIjtcclxuaW1wb3J0IGNoZWNrZXIgZnJvbSBcInZpdGUtcGx1Z2luLWNoZWNrZXJcIjtcclxuaW1wb3J0IGR0cyBmcm9tIFwidml0ZS1wbHVnaW4tZHRzXCI7XHJcbmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbmZpZyh7XHJcbiAgcGx1Z2luczogW2R0cygpLCBjaGVja2VyKHsgdHlwZXNjcmlwdDogdHJ1ZSB9KV0sXHJcbiAgYnVpbGQ6IHtcclxuICAgIGxpYjoge1xyXG4gICAgICBlbnRyeTogXCIuL3NyYy9pbmRleC50c1wiLCAvLyBSZW1wbGFjZXIgcGFyIGwnZW50clx1MDBFOWUgY29ycmVjdGVcclxuICAgICAgZm9ybWF0czogW1wiZXNcIl0sIC8vIEdcdTAwRTluXHUwMEU4cmUgdW4gbW9kdWxlIEVTXHJcbiAgICAgIG5hbWU6IFwia2VsdC11aS1raXQtcmVhY3RcIixcclxuICAgICAgZmlsZU5hbWU6IFwiaW5kZXhcIixcclxuICAgIH0sXHJcbiAgICByb2xsdXBPcHRpb25zOiB7XHJcbiAgICAgIGV4dGVybmFsOiBbXCJyZWFjdFwiLCBcInJlYWN0LWRvbVwiXSxcclxuICAgIH0sXHJcbiAgfSxcclxufSk7XHJcbiJdLAogICJtYXBwaW5ncyI6ICI7QUFBc1csU0FBUyxvQkFBb0I7QUFDblksT0FBTyxhQUFhO0FBQ3BCLE9BQU8sU0FBUztBQUNoQixJQUFPLHNCQUFRLGFBQWE7QUFBQSxFQUMxQixTQUFTLENBQUMsSUFBSSxHQUFHLFFBQVEsRUFBRSxZQUFZLEtBQUssQ0FBQyxDQUFDO0FBQUEsRUFDOUMsT0FBTztBQUFBLElBQ0wsS0FBSztBQUFBLE1BQ0gsT0FBTztBQUFBO0FBQUEsTUFDUCxTQUFTLENBQUMsSUFBSTtBQUFBO0FBQUEsTUFDZCxNQUFNO0FBQUEsTUFDTixVQUFVO0FBQUEsSUFDWjtBQUFBLElBQ0EsZUFBZTtBQUFBLE1BQ2IsVUFBVSxDQUFDLFNBQVMsV0FBVztBQUFBLElBQ2pDO0FBQUEsRUFDRjtBQUNGLENBQUM7IiwKICAibmFtZXMiOiBbXQp9Cg==
|
|
1
|
+
// vite.config.ts
|
|
2
|
+
import { defineConfig } from "file:///C:/Users/alexandre.pennec/Documents/projets/ui-kit-react/node_modules/vite/dist/node/index.js";
|
|
3
|
+
import checker from "file:///C:/Users/alexandre.pennec/Documents/projets/ui-kit-react/node_modules/vite-plugin-checker/dist/esm/main.js";
|
|
4
|
+
import dts from "file:///C:/Users/alexandre.pennec/Documents/projets/ui-kit-react/node_modules/vite-plugin-dts/dist/index.mjs";
|
|
5
|
+
var vite_config_default = defineConfig({
|
|
6
|
+
plugins: [dts(), checker({ typescript: true })],
|
|
7
|
+
build: {
|
|
8
|
+
lib: {
|
|
9
|
+
entry: "./src/index.ts",
|
|
10
|
+
// Remplacer par l'entrée correcte
|
|
11
|
+
formats: ["es"],
|
|
12
|
+
// Génère un module ES
|
|
13
|
+
name: "kelt-ui-kit-react",
|
|
14
|
+
fileName: "index"
|
|
15
|
+
},
|
|
16
|
+
rollupOptions: {
|
|
17
|
+
external: ["react", "react-dom"]
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
export {
|
|
22
|
+
vite_config_default as default
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJDOlxcXFxVc2Vyc1xcXFxhbGV4YW5kcmUucGVubmVjXFxcXERvY3VtZW50c1xcXFxwcm9qZXRzXFxcXHVpLWtpdC1yZWFjdFwiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiQzpcXFxcVXNlcnNcXFxcYWxleGFuZHJlLnBlbm5lY1xcXFxEb2N1bWVudHNcXFxccHJvamV0c1xcXFx1aS1raXQtcmVhY3RcXFxcdml0ZS5jb25maWcudHNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL0M6L1VzZXJzL2FsZXhhbmRyZS5wZW5uZWMvRG9jdW1lbnRzL3Byb2pldHMvdWkta2l0LXJlYWN0L3ZpdGUuY29uZmlnLnRzXCI7aW1wb3J0IHsgZGVmaW5lQ29uZmlnIH0gZnJvbSBcInZpdGVcIjtcclxuaW1wb3J0IGNoZWNrZXIgZnJvbSBcInZpdGUtcGx1Z2luLWNoZWNrZXJcIjtcclxuaW1wb3J0IGR0cyBmcm9tIFwidml0ZS1wbHVnaW4tZHRzXCI7XHJcbmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbmZpZyh7XHJcbiAgcGx1Z2luczogW2R0cygpLCBjaGVja2VyKHsgdHlwZXNjcmlwdDogdHJ1ZSB9KV0sXHJcbiAgYnVpbGQ6IHtcclxuICAgIGxpYjoge1xyXG4gICAgICBlbnRyeTogXCIuL3NyYy9pbmRleC50c1wiLCAvLyBSZW1wbGFjZXIgcGFyIGwnZW50clx1MDBFOWUgY29ycmVjdGVcclxuICAgICAgZm9ybWF0czogW1wiZXNcIl0sIC8vIEdcdTAwRTluXHUwMEU4cmUgdW4gbW9kdWxlIEVTXHJcbiAgICAgIG5hbWU6IFwia2VsdC11aS1raXQtcmVhY3RcIixcclxuICAgICAgZmlsZU5hbWU6IFwiaW5kZXhcIixcclxuICAgIH0sXHJcbiAgICByb2xsdXBPcHRpb25zOiB7XHJcbiAgICAgIGV4dGVybmFsOiBbXCJyZWFjdFwiLCBcInJlYWN0LWRvbVwiXSxcclxuICAgIH0sXHJcbiAgfSxcclxufSk7XHJcbiJdLAogICJtYXBwaW5ncyI6ICI7QUFBc1csU0FBUyxvQkFBb0I7QUFDblksT0FBTyxhQUFhO0FBQ3BCLE9BQU8sU0FBUztBQUNoQixJQUFPLHNCQUFRLGFBQWE7QUFBQSxFQUMxQixTQUFTLENBQUMsSUFBSSxHQUFHLFFBQVEsRUFBRSxZQUFZLEtBQUssQ0FBQyxDQUFDO0FBQUEsRUFDOUMsT0FBTztBQUFBLElBQ0wsS0FBSztBQUFBLE1BQ0gsT0FBTztBQUFBO0FBQUEsTUFDUCxTQUFTLENBQUMsSUFBSTtBQUFBO0FBQUEsTUFDZCxNQUFNO0FBQUEsTUFDTixVQUFVO0FBQUEsSUFDWjtBQUFBLElBQ0EsZUFBZTtBQUFBLE1BQ2IsVUFBVSxDQUFDLFNBQVMsV0FBVztBQUFBLElBQ2pDO0FBQUEsRUFDRjtBQUNGLENBQUM7IiwKICAibmFtZXMiOiBbXQp9Cg==
|