kelt-ui-kit-react 2.0.8 → 2.1.0

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.
Files changed (319) hide show
  1. package/.github/workflows/publish.yml +40 -31
  2. package/README.md +124 -72
  3. package/dist/App.d.ts +2 -3
  4. package/dist/App.menu.d.ts +10 -10
  5. package/dist/App.routes.d.ts +1 -1
  6. package/dist/_core/hooks/HistoryProvider.d.ts +5 -5
  7. package/dist/_core/hooks/ImageChecker.d.ts +5 -6
  8. package/dist/_core/hooks/imageExist.d.ts +5 -6
  9. package/dist/_core/hooks/isEAN13.d.ts +1 -1
  10. package/dist/_core/hooks/objectToQueryParams.d.ts +1 -1
  11. package/dist/_core/hooks/useCurrency.d.ts +3 -3
  12. package/dist/_core/hooks/useDateutils.d.ts +4 -4
  13. package/dist/_core/hooks/useIsMobile.d.ts +1 -1
  14. package/dist/_core/hooks/useToken.d.ts +3 -3
  15. package/dist/_core/hooks/useValidate.d.ts +5 -5
  16. package/dist/_core/hooks/widgetSupport.d.ts +1 -1
  17. package/dist/_core/type/generiqueType.d.ts +4 -0
  18. package/dist/action/Action.view.d.ts +1 -1
  19. package/dist/action/ButtonAction.d.ts +8 -9
  20. package/dist/addressSearch/AddressSearch.d.ts +18 -19
  21. package/dist/addressSearch/AddressSearch.view.d.ts +1 -1
  22. package/dist/badge/Badge.d.ts +10 -9
  23. package/dist/badge/Badge.view.d.ts +1 -1
  24. package/dist/button/Button.d.ts +1 -2
  25. package/dist/button/Button.view.d.ts +1 -1
  26. package/dist/button/button.interface.d.ts +19 -20
  27. package/dist/button/buttonActions/ButtonActions.d.ts +11 -12
  28. package/dist/button/buttonFile/ButtonFile.d.ts +9 -9
  29. package/dist/button/buttonFile/ButtonFile.view.d.ts +1 -1
  30. package/dist/button/buttonFilters/ButtonFilters.d.ts +16 -17
  31. package/dist/card/Card.d.ts +14 -15
  32. package/dist/card/Card.view.d.ts +1 -1
  33. package/dist/card/card.interface.d.ts +10 -10
  34. package/dist/card/cardAction/CardAction.d.ts +14 -14
  35. package/dist/card/cardAction.interface.d.ts +8 -9
  36. package/dist/card/hook/useCardInteractions.d.ts +8 -8
  37. package/dist/carousel/Carousel.d.ts +14 -15
  38. package/dist/carousel/Carousel.view.d.ts +1 -1
  39. package/dist/damier/Damier.d.ts +9 -10
  40. package/dist/damier/Damier.view.d.ts +1 -1
  41. package/dist/damier/damierCell/DamierCell.d.ts +6 -7
  42. package/dist/damier/damierCell/damierCell.interface.d.ts +6 -6
  43. package/dist/dataTable/DataTable.d.ts +37 -33
  44. package/dist/dataTable/DataTable.view.d.ts +1 -1
  45. package/dist/dataTable/dataTable.interface.d.ts +70 -47
  46. package/dist/dataTable/dataTable.utils.d.ts +17 -0
  47. package/dist/dataTable/dataTableActions/DataTableAction.d.ts +9 -10
  48. package/dist/dataTable/dataTableColumn/DataTableColumn.d.ts +14 -8
  49. package/dist/dataTable/dataTableColumn/dataTableColumnFilter/DataTableColumnFilter.d.ts +9 -0
  50. package/dist/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterDate/DataTableColumnFilterDate.d.ts +9 -0
  51. package/dist/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterDateRange/dataTableColumnFilterDateRange.d.ts +9 -0
  52. package/dist/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterEnum/DataTableColumnFilterEnum.d.ts +12 -0
  53. package/dist/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterString/DataTableColumnFilterString.d.ts +9 -0
  54. package/dist/dataTable/dataTableColumn/dataTableColumnSort/DataTableColumnSort.d.ts +10 -0
  55. package/dist/dataTable/dataTableFilters/DataTableFilters.d.ts +6 -0
  56. package/dist/dataTable/dataTableLoading/DataTableLoading.d.ts +8 -7
  57. package/dist/dataTable/dataTableRow/DataTableRow.d.ts +12 -11
  58. package/dist/dataTable/useDataTableState.d.ts +13 -0
  59. package/dist/datePicker/DatePicker.d.ts +7 -8
  60. package/dist/datePicker/DatePicker.view.d.ts +1 -1
  61. package/dist/docs/ComponentDocs.d.ts +6 -0
  62. package/dist/docs/catalog.d.ts +8 -0
  63. package/dist/docs/documentation.types.d.ts +21 -0
  64. package/dist/expands/Expands.d.ts +11 -12
  65. package/dist/expands/Expands.view.d.ts +1 -1
  66. package/dist/expands/expand/expand.d.ts +10 -11
  67. package/dist/expands/expand/expand.interface.d.ts +9 -9
  68. package/dist/filAriane/FilAriane.d.ts +8 -9
  69. package/dist/filAriane/FilAriane.view.d.ts +1 -1
  70. package/dist/filAriane/filAriane.interface.d.ts +6 -6
  71. package/dist/form/Form.d.ts +35 -36
  72. package/dist/form/Form.view.d.ts +1 -1
  73. package/dist/form/form.enum.d.ts +16 -15
  74. package/dist/form/form.interface.d.ts +53 -54
  75. package/dist/form/input/Input.d.ts +27 -25
  76. package/dist/form/inputNumber/InputNumber.d.ts +21 -22
  77. package/dist/form/inputNumber/InputNumber.view.d.ts +1 -1
  78. package/dist/form/inputPrice/InputPrice.d.ts +14 -15
  79. package/dist/form/inputPrice/InputPrice.view.d.ts +1 -1
  80. package/dist/form/textArea/TextArea.d.ts +14 -15
  81. package/dist/form/textArea/TextArea.view.d.ts +1 -1
  82. package/dist/geocoding/GeocodingService.d.ts +11 -12
  83. package/dist/geocoding/geocoding.interface.d.ts +20 -20
  84. package/dist/grid/Grid.d.ts +9 -10
  85. package/dist/grid/Grid.view.d.ts +1 -1
  86. package/dist/grid/col/Col.d.ts +5 -6
  87. package/dist/grid/col/colStyled/ColStyled.d.ts +10 -11
  88. package/dist/grid/container/Container.d.ts +5 -6
  89. package/dist/grid/grid.interface.d.ts +23 -23
  90. package/dist/grid/row/Row.d.ts +13 -14
  91. package/dist/header/Header.d.ts +1 -2
  92. package/dist/header/Header.view.d.ts +1 -1
  93. package/dist/header/header.interface.d.ts +12 -12
  94. package/dist/home/Home.d.ts +1 -1
  95. package/dist/icon/Icon.d.ts +1 -2
  96. package/dist/icon/Icons.view.d.ts +1 -1
  97. package/dist/icon/icon.interface.d.ts +5 -5
  98. package/dist/icon/iconSize.enum.d.ts +7 -7
  99. package/dist/index.d.ts +56 -54
  100. package/dist/index.html +18 -18
  101. package/dist/index.js +3966 -3460
  102. package/dist/loader/Loader.d.ts +7 -8
  103. package/dist/loader/Loader.view.d.ts +1 -1
  104. package/dist/main.d.ts +0 -1
  105. package/dist/manifest.json +25 -25
  106. package/dist/menus/Menus.d.ts +5 -6
  107. package/dist/menus/Menus.view.d.ts +1 -1
  108. package/dist/menus/menu/Menu.d.ts +7 -8
  109. package/dist/menus/menu/menu.interface.d.ts +10 -10
  110. package/dist/message/Message.d.ts +6 -7
  111. package/dist/message/Message.view.d.ts +1 -1
  112. package/dist/modal/Modal.d.ts +13 -14
  113. package/dist/modal/Modal.view.d.ts +1 -1
  114. package/dist/notFound/NotFound.d.ts +1 -1
  115. package/dist/overlayPanel/OverlayPanel.d.ts +22 -23
  116. package/dist/overlayPanel/OverlayPanel.view.d.ts +1 -1
  117. package/dist/overlayPanel/overlay.context.d.ts +9 -10
  118. package/dist/overlayPanel/overlayPanelStyled/OverlayPanelStyled.d.ts +9 -9
  119. package/dist/pdfViewer/PdfViewer.d.ts +12 -12
  120. package/dist/pdfViewer/PdfViewer.view.d.ts +1 -1
  121. package/dist/quantity/Quantity.d.ts +10 -11
  122. package/dist/robots.txt +3 -3
  123. package/dist/search/Search.d.ts +21 -22
  124. package/dist/search/Search.view.d.ts +1 -1
  125. package/dist/select/Select.d.ts +25 -24
  126. package/dist/select/Select.view.d.ts +1 -1
  127. package/dist/select/selectOption.interface.d.ts +5 -5
  128. package/dist/sidebar/Sidebar.d.ts +12 -13
  129. package/dist/sidebar/Sidebar.view.d.ts +1 -1
  130. package/dist/sidebarData/SidebarData.d.ts +6 -7
  131. package/dist/sidebarData/SidebarData.view.d.ts +1 -1
  132. package/dist/style.css +1 -1
  133. package/dist/tabs/Tabs.d.ts +17 -17
  134. package/dist/tabs/Tabs.view.d.ts +1 -1
  135. package/dist/toaster/Toaster.d.ts +1 -2
  136. package/dist/toaster/Toaster.view.d.ts +1 -1
  137. package/dist/toaster/store/useToasterStore.d.ts +24 -24
  138. package/docs.plugin.ts +223 -0
  139. package/index.html +20 -18
  140. package/package.json +63 -55
  141. package/public/index.html +18 -18
  142. package/public/manifest.json +25 -25
  143. package/public/robots.txt +3 -3
  144. package/src/App.css +178 -11
  145. package/src/App.menu.tsx +277 -257
  146. package/src/App.routes.tsx +21 -16
  147. package/src/App.tsx +31 -30
  148. package/src/_core/hooks/HistoryProvider.tsx +25 -25
  149. package/src/_core/hooks/ImageChecker.tsx +26 -26
  150. package/src/_core/hooks/imageExist.tsx +9 -9
  151. package/src/_core/hooks/isEAN13.tsx +16 -16
  152. package/src/_core/hooks/objectToQueryParams.tsx +32 -32
  153. package/src/_core/hooks/useCurrency.tsx +18 -18
  154. package/src/_core/hooks/useDateutils.ts +64 -64
  155. package/src/_core/hooks/useIsMobile.ts +18 -18
  156. package/src/_core/hooks/useToken.tsx +19 -19
  157. package/src/_core/hooks/useValidate.tsx +18 -18
  158. package/src/_core/hooks/widgetSupport.tsx +39 -39
  159. package/src/_core/type/generiqueType.tsx +4 -0
  160. package/src/action/Action.view.tsx +21 -21
  161. package/src/action/ButtonAction.tsx +32 -32
  162. package/src/action/action.css +20 -20
  163. package/src/addressSearch/AddressSearch.tsx +246 -246
  164. package/src/addressSearch/AddressSearch.view.tsx +52 -52
  165. package/src/addressSearch/addressSearch.css +132 -132
  166. package/src/badge/Badge.tsx +41 -34
  167. package/src/badge/Badge.view.tsx +15 -15
  168. package/src/badge/badge.css +63 -55
  169. package/src/button/Button.tsx +48 -48
  170. package/src/button/Button.view.tsx +85 -85
  171. package/src/button/button.css +53 -53
  172. package/src/button/button.interface.tsx +22 -22
  173. package/src/button/buttonActions/ButtonActions.tsx +104 -104
  174. package/src/button/buttonFile/ButtonFile.tsx +59 -59
  175. package/src/button/buttonFile/ButtonFile.view.tsx +70 -70
  176. package/src/button/buttonFilters/ButtonFilters.tsx +102 -102
  177. package/src/button/buttonFilters/buttonFilters.css +22 -22
  178. package/src/card/Card.tsx +151 -151
  179. package/src/card/Card.view.tsx +73 -73
  180. package/src/card/card.css +144 -144
  181. package/src/card/card.interface.tsx +9 -9
  182. package/src/card/cardAction/CardAction.tsx +129 -135
  183. package/src/card/cardAction/cardAction.css +10 -10
  184. package/src/card/cardAction.interface.tsx +10 -10
  185. package/src/card/hook/useCardInteractions.tsx +30 -30
  186. package/src/carousel/Carousel.css +44 -44
  187. package/src/carousel/Carousel.tsx +115 -115
  188. package/src/carousel/Carousel.view.tsx +13 -13
  189. package/src/damier/Damier.tsx +64 -64
  190. package/src/damier/Damier.view.tsx +31 -31
  191. package/src/damier/damier.css +50 -50
  192. package/src/damier/damierCell/DamierCell.tsx +18 -18
  193. package/src/damier/damierCell/damierCell.interface.tsx +5 -5
  194. package/src/dataTable/DataTable.tsx +845 -746
  195. package/src/dataTable/DataTable.view.tsx +105 -71
  196. package/src/dataTable/dataTable.css +333 -208
  197. package/src/dataTable/dataTable.interface.ts +66 -45
  198. package/src/dataTable/dataTable.utils.ts +45 -0
  199. package/src/dataTable/dataTableActions/DataTableAction.tsx +82 -65
  200. package/src/dataTable/dataTableColumn/DataTableColumn.tsx +48 -27
  201. package/src/dataTable/dataTableColumn/dataTableColumnFilter/DataTableColumnFilter.tsx +36 -0
  202. package/src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilter.css +0 -0
  203. package/src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterDate/DataTableColumnFilterDate.tsx +39 -0
  204. package/src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterDateRange/dataTableColumnFilterDateRange.tsx +80 -0
  205. package/src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterEnum/DataTableColumnFilterEnum.tsx +89 -0
  206. package/src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterString/DataTableColumnFilterString.tsx +37 -0
  207. package/src/dataTable/dataTableColumn/dataTableColumnSort/DataTableColumnSort.tsx +42 -0
  208. package/src/dataTable/dataTableFilters/DataTableFilters.tsx +91 -0
  209. package/src/dataTable/dataTableFilters/dataTableFilters.css +16 -0
  210. package/src/dataTable/dataTableLoading/DataTableLoading.tsx +23 -21
  211. package/src/dataTable/dataTableRow/DataTableRow.tsx +155 -208
  212. package/src/dataTable/useDataTableState.tsx +95 -0
  213. package/src/datePicker/DatePicker.tsx +110 -110
  214. package/src/datePicker/DatePicker.view.tsx +9 -9
  215. package/src/datePicker/datePicker.css +77 -77
  216. package/src/docs/ComponentDocs.tsx +156 -0
  217. package/src/docs/catalog.ts +40 -0
  218. package/src/docs/documentation.types.ts +20 -0
  219. package/src/docs/virtual.d.ts +7 -0
  220. package/src/expands/Expands.tsx +46 -46
  221. package/src/expands/Expands.view.tsx +90 -90
  222. package/src/expands/expand/expand.interface.tsx +8 -8
  223. package/src/expands/expand/expand.tsx +191 -191
  224. package/src/expands/expands.css +101 -101
  225. package/src/filAriane/FilAriane.tsx +57 -57
  226. package/src/filAriane/FilAriane.view.tsx +28 -28
  227. package/src/filAriane/filAriane.css +23 -23
  228. package/src/filAriane/filAriane.interface.tsx +6 -6
  229. package/src/form/Form.tsx +477 -477
  230. package/src/form/Form.view.tsx +67 -67
  231. package/src/form/form.css +135 -135
  232. package/src/form/form.enum.ts +16 -15
  233. package/src/form/form.interface.tsx +67 -67
  234. package/src/form/input/Input.tsx +146 -106
  235. package/src/form/input/input.css +39 -29
  236. package/src/form/inputNumber/InputNumber.tsx +132 -132
  237. package/src/form/inputNumber/InputNumber.view.tsx +15 -15
  238. package/src/form/inputPrice/InputPrice.tsx +42 -42
  239. package/src/form/inputPrice/InputPrice.view.tsx +15 -15
  240. package/src/form/textArea/TextArea.tsx +59 -59
  241. package/src/form/textArea/TextArea.view.tsx +34 -34
  242. package/src/form/textArea/textArea.css +9 -9
  243. package/src/geocoding/GeocodingService.ts +89 -89
  244. package/src/geocoding/geocoding.interface.ts +25 -25
  245. package/src/grid/Grid.tsx +34 -34
  246. package/src/grid/Grid.view.tsx +24 -24
  247. package/src/grid/col/Col.tsx +24 -24
  248. package/src/grid/col/col.css +3 -3
  249. package/src/grid/col/colStyled/ColStyled.tsx +59 -59
  250. package/src/grid/container/Container.tsx +8 -8
  251. package/src/grid/container/container.css +4 -4
  252. package/src/grid/grid.interface.tsx +27 -27
  253. package/src/grid/row/Row.tsx +49 -49
  254. package/src/grid/row/row.css +25 -25
  255. package/src/header/Header.tsx +64 -64
  256. package/src/header/Header.view.tsx +5 -5
  257. package/src/header/header.css +43 -43
  258. package/src/header/header.interface.tsx +11 -11
  259. package/src/home/Home.tsx +40 -3
  260. package/src/icon/Icon.tsx +6 -6
  261. package/src/icon/Icons.view.tsx +29 -29
  262. package/src/icon/icon.css +20 -20
  263. package/src/icon/icon.interface.tsx +7 -6
  264. package/src/icon/iconSize.enum.ts +7 -7
  265. package/src/index.css +547 -547
  266. package/src/index.ts +76 -70
  267. package/src/loader/Loader.tsx +37 -37
  268. package/src/loader/Loader.view.tsx +20 -20
  269. package/src/loader/loader.css +30 -30
  270. package/src/main.tsx +10 -10
  271. package/src/menus/Menus.tsx +43 -43
  272. package/src/menus/Menus.view.tsx +39 -39
  273. package/src/menus/menu/Menu.tsx +18 -18
  274. package/src/menus/menu/menu.interface.tsx +9 -9
  275. package/src/menus/menus.css +47 -47
  276. package/src/message/Message.tsx +30 -30
  277. package/src/message/Message.view.tsx +22 -22
  278. package/src/message/message.css +29 -29
  279. package/src/modal/Modal.tsx +59 -59
  280. package/src/modal/Modal.view.tsx +26 -26
  281. package/src/modal/modal.css +71 -71
  282. package/src/notFound/NotFound.tsx +3 -3
  283. package/src/overlayPanel/OverlayPanel.tsx +265 -255
  284. package/src/overlayPanel/OverlayPanel.view.tsx +25 -25
  285. package/src/overlayPanel/overlay.context.tsx +30 -30
  286. package/src/overlayPanel/overlayPanel.css +43 -43
  287. package/src/overlayPanel/overlayPanelStyled/OverlayPanelStyled.tsx +23 -23
  288. package/src/pdfViewer/PdfViewer.tsx +73 -73
  289. package/src/pdfViewer/PdfViewer.view.tsx +5 -5
  290. package/src/quantity/Quantity.tsx +103 -103
  291. package/src/quantity/quantity.css +26 -26
  292. package/src/search/Search.tsx +161 -161
  293. package/src/search/Search.view.tsx +14 -14
  294. package/src/search/search.css +59 -59
  295. package/src/select/Select.tsx +247 -245
  296. package/src/select/Select.view.tsx +71 -71
  297. package/src/select/select.css +150 -150
  298. package/src/select/selectOption.interface.ts +5 -5
  299. package/src/sidebar/Sidebar.tsx +213 -213
  300. package/src/sidebar/Sidebar.view.tsx +17 -17
  301. package/src/sidebar/sidebar.css +103 -103
  302. package/src/sidebarData/SidebarData.tsx +19 -19
  303. package/src/sidebarData/SidebarData.view.tsx +19 -19
  304. package/src/sidebarData/sidebarData.css +27 -27
  305. package/src/tabs/Tabs.tsx +101 -90
  306. package/src/tabs/Tabs.view.tsx +20 -20
  307. package/src/tabs/tabs.css +29 -29
  308. package/src/toaster/Toaster.tsx +61 -61
  309. package/src/toaster/Toaster.view.tsx +25 -25
  310. package/src/toaster/store/useToasterStore.tsx +54 -54
  311. package/src/toaster/toaster.css +105 -105
  312. package/tests/dataTable.test.mjs +93 -0
  313. package/tests/documentation.test.mjs +75 -0
  314. package/tsconfig.docs.json +10 -0
  315. package/tsconfig.json +28 -28
  316. package/vite.config.ts +26 -20
  317. package/vite.config.ts.timestamp-1733262892554-a13dfef6e8a29.mjs +24 -24
  318. package/vite.config.ts.timestamp-1757847121745-e5a5bf54b81b.mjs +28 -28
  319. package/vite.config.ts.timestamp-1759742478362-4ac5c5a7db34b.mjs +28 -28
@@ -1,19 +1,18 @@
1
1
  import { FormInterface, FormValuesInterface } from '../../form/form.interface';
2
2
  import { IconSizeEnum } from '../../icon/iconSize.enum';
3
-
4
- export type ButtonActionsProps<T extends {
5
- [key: string]: string | number | boolean | Date | string[];
6
- }> = {
7
- className?: string;
8
- onClick?: (e: React.MouseEvent) => void;
9
- title: string;
10
- classIcon?: string;
11
- sizeIcon?: IconSizeEnum;
12
- dataForm: FormInterface[];
13
- onChange?: (values: FormValuesInterface<T>) => void;
14
- disabled?: boolean;
15
- id?: string;
16
- };
17
- export declare const ButtonFilters: <T extends {
18
- [key: string]: string | number | boolean | string[] | Date;
19
- }>({ className, onClick, title, classIcon, sizeIcon, disabled, id, dataForm, onChange, }: ButtonActionsProps<T>) => import("react/jsx-runtime").JSX.Element;
3
+ export type ButtonActionsProps<T extends {
4
+ [key: string]: string | number | boolean | Date | string[];
5
+ }> = {
6
+ className?: string;
7
+ onClick?: (e: React.MouseEvent) => void;
8
+ title: string;
9
+ classIcon?: string;
10
+ sizeIcon?: IconSizeEnum;
11
+ dataForm: FormInterface[];
12
+ onChange?: (values: FormValuesInterface<T>) => void;
13
+ disabled?: boolean;
14
+ id?: string;
15
+ };
16
+ export declare const ButtonFilters: <T extends {
17
+ [key: string]: string | number | boolean | string[] | Date;
18
+ }>({ className, onClick, title, classIcon, sizeIcon, disabled, id, dataForm, onChange, }: ButtonActionsProps<T>) => import("react/jsx-runtime").JSX.Element;
@@ -2,18 +2,17 @@ import { PositionOverlay } from '../overlayPanel/OverlayPanel';
2
2
  import { CardInterface } from './card.interface';
3
3
  import { CardActionInterface } from './cardAction.interface';
4
4
  import { GridResponsive } from '../grid/grid.interface';
5
-
6
- type CardProps = {
7
- item: CardInterface;
8
- actions?: CardActionInterface[];
9
- className?: string;
10
- handleClick?: (item: CardInterface) => void;
11
- onClose?: (item: CardInterface) => void;
12
- children?: JSX.Element;
13
- customAction?: JSX.Element;
14
- positionOverlay?: PositionOverlay;
15
- /** Largeur sur laquelle se basent les breakpoints du footer, défaut : "app" */
16
- responsive?: GridResponsive;
17
- };
18
- export declare const Card: ({ item, actions, className, handleClick, onClose, customAction, positionOverlay, responsive, children, }: CardProps) => JSX.Element;
19
- export {};
5
+ type CardProps = {
6
+ item: CardInterface;
7
+ actions?: CardActionInterface[];
8
+ className?: string;
9
+ handleClick?: (item: CardInterface) => void;
10
+ onClose?: (item: CardInterface) => void;
11
+ children?: JSX.Element;
12
+ customAction?: JSX.Element;
13
+ positionOverlay?: PositionOverlay;
14
+ /** Largeur sur laquelle se basent les breakpoints du footer, défaut : "app" */
15
+ responsive?: GridResponsive;
16
+ };
17
+ export declare const Card: ({ item, actions, className, handleClick, onClose, customAction, positionOverlay, responsive, children, }: CardProps) => JSX.Element;
18
+ export {};
@@ -1 +1 @@
1
- export declare const CardView: () => JSX.Element;
1
+ export declare const CardView: () => JSX.Element;
@@ -1,10 +1,10 @@
1
- /// <reference types="react" />
2
- export interface CardInterface {
3
- id?: number | string;
4
- uuid?: string;
5
- title: string | JSX.Element;
6
- description?: string | JSX.Element;
7
- image?: string;
8
- prix?: string | JSX.Element;
9
- quantity?: number;
10
- }
1
+ /// <reference types="react" />
2
+ export interface CardInterface {
3
+ id?: number | string;
4
+ uuid?: string;
5
+ title: string | JSX.Element;
6
+ description?: string | JSX.Element;
7
+ image?: string;
8
+ prix?: string | JSX.Element;
9
+ quantity?: number;
10
+ }
@@ -1,16 +1,16 @@
1
+ import { PositionOverlay } from '../../overlayPanel/OverlayPanel';
1
2
  import { CardInterface } from '../card.interface';
2
3
  import { CardActionInterface } from '../cardAction.interface';
3
-
4
- export type PositionOverlay = "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
5
- export type CardActionProps = {
6
- actions: CardActionInterface[];
7
- item?: CardInterface;
8
- openActions?: boolean;
9
- positions?: {
10
- top: number;
11
- left: number;
12
- };
13
- positionOverlay?: PositionOverlay;
14
- setOpenActions?: (open: boolean) => void;
15
- };
16
- export declare const CardAction: ({ actions, openActions, item, positions, positionOverlay, setOpenActions, }: CardActionProps) => import("react/jsx-runtime").JSX.Element;
4
+ export type { PositionOverlay };
5
+ export type CardActionProps = {
6
+ actions: CardActionInterface[];
7
+ item?: CardInterface;
8
+ openActions?: boolean;
9
+ positions?: {
10
+ top: number;
11
+ left: number;
12
+ };
13
+ positionOverlay?: PositionOverlay;
14
+ setOpenActions?: (open: boolean) => void;
15
+ };
16
+ export declare const CardAction: ({ actions, openActions, item, positions, positionOverlay, setOpenActions, }: CardActionProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,10 +1,9 @@
1
1
  import { CardInterface } from './card.interface';
2
-
3
- export interface CardActionInterface {
4
- icon: string;
5
- label?: string;
6
- disabled?: (item: CardInterface) => boolean;
7
- onClick: (item: CardInterface) => void;
8
- setLabel?: (item: CardInterface) => string;
9
- type?: "menu" | "link";
10
- }
2
+ export interface CardActionInterface {
3
+ icon: string;
4
+ label?: string;
5
+ disabled?: (item: CardInterface) => boolean;
6
+ onClick: (item: CardInterface) => void;
7
+ setLabel?: (item: CardInterface) => string;
8
+ type?: "menu" | "link";
9
+ }
@@ -1,8 +1,8 @@
1
- export declare const useCardInteractions: (callback: () => void) => {
2
- ref: import('react').RefObject<HTMLDivElement>;
3
- isHovered: boolean;
4
- mouseHandlers: {
5
- onMouseEnter: () => void;
6
- onMouseLeave: () => void;
7
- };
8
- };
1
+ export declare const useCardInteractions: (callback: () => void) => {
2
+ ref: import('react').RefObject<HTMLDivElement>;
3
+ isHovered: boolean;
4
+ mouseHandlers: {
5
+ onMouseEnter: () => void;
6
+ onMouseLeave: () => void;
7
+ };
8
+ };
@@ -1,16 +1,15 @@
1
1
  import { default as React, ReactNode } from 'react';
2
-
3
- interface Breakpoints {
4
- sm?: number;
5
- md?: number;
6
- lg?: number;
7
- xl?: number;
8
- }
9
- interface CarouselProps {
10
- children: ReactNode[];
11
- showControls?: boolean;
12
- itemsToScroll?: number;
13
- breakpoints?: Breakpoints;
14
- }
15
- export declare const Carousel: React.FC<CarouselProps>;
16
- export {};
2
+ interface Breakpoints {
3
+ sm?: number;
4
+ md?: number;
5
+ lg?: number;
6
+ xl?: number;
7
+ }
8
+ interface CarouselProps {
9
+ children: ReactNode[];
10
+ showControls?: boolean;
11
+ itemsToScroll?: number;
12
+ breakpoints?: Breakpoints;
13
+ }
14
+ export declare const Carousel: React.FC<CarouselProps>;
15
+ export {};
@@ -1 +1 @@
1
- export declare const CarouselView: () => import("react/jsx-runtime").JSX.Element;
1
+ export declare const CarouselView: () => import("react/jsx-runtime").JSX.Element;
@@ -1,11 +1,10 @@
1
1
  import { DamierCellInterface } from './damierCell/damierCell.interface';
2
-
3
- interface DamierProps {
4
- cols?: number;
5
- rows?: number;
6
- page?: number;
7
- damierCells?: DamierCellInterface[];
8
- onClick?: (cell: DamierCellInterface) => void;
9
- }
10
- export declare const Damier: ({ cols, rows, damierCells, page, onClick, }: DamierProps) => import("react/jsx-runtime").JSX.Element;
11
- export {};
2
+ interface DamierProps {
3
+ cols?: number;
4
+ rows?: number;
5
+ page?: number;
6
+ damierCells?: DamierCellInterface[];
7
+ onClick?: (cell: DamierCellInterface) => void;
8
+ }
9
+ export declare const Damier: ({ cols, rows, damierCells, page, onClick, }: DamierProps) => import("react/jsx-runtime").JSX.Element;
10
+ export {};
@@ -1 +1 @@
1
- export declare const DamierView: () => import("react/jsx-runtime").JSX.Element;
1
+ export declare const DamierView: () => import("react/jsx-runtime").JSX.Element;
@@ -1,8 +1,7 @@
1
1
  import { DamierCellInterface } from './damierCell.interface';
2
-
3
- interface DamierCellProps {
4
- cell: DamierCellInterface;
5
- onClick?: (cell: DamierCellInterface) => void;
6
- }
7
- export declare const DamierCell: ({ cell, onClick }: DamierCellProps) => import("react/jsx-runtime").JSX.Element;
8
- export {};
2
+ interface DamierCellProps {
3
+ cell: DamierCellInterface;
4
+ onClick?: (cell: DamierCellInterface) => void;
5
+ }
6
+ export declare const DamierCell: ({ cell, onClick }: DamierCellProps) => import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -1,6 +1,6 @@
1
- /// <reference types="react" />
2
- export interface DamierCellInterface {
3
- child?: JSX.Element;
4
- position?: number;
5
- id?: number;
6
- }
1
+ /// <reference types="react" />
2
+ export interface DamierCellInterface {
3
+ child?: JSX.Element;
4
+ position?: number;
5
+ id?: number;
6
+ }
@@ -1,34 +1,38 @@
1
1
  import { dataTableActionsInterface, dataTableColumnsInterface } from './dataTable.interface';
2
-
3
- export type DataTableProps<T> = {
4
- id: string;
5
- name?: string;
6
- className?: string;
7
- children?: JSX.Element;
8
- element?: JSX.Element;
9
- data: T[];
10
- emptyMessage?: string;
11
- actionsColumnWidth?: number;
12
- actions?: dataTableActionsInterface<T>[];
13
- footerAction?: (props: {
14
- close: () => void;
15
- selectedRows: T[];
16
- }) => JSX.Element;
17
- columns: dataTableColumnsInterface<T>[];
18
- loading?: boolean;
19
- onRowClick?: (row: any) => void;
20
- onColumnClick?: (column: any) => void;
21
- onLoadMore?: () => void;
22
- hasMore?: boolean;
23
- onSelectionChange?: (selectedRows: T[]) => void;
24
- autoFocusFirstEditable?: boolean;
25
- hideToggleAll?: boolean;
26
- limitSelect?: number;
27
- getRowId?: (row: T) => string | number;
28
- onRowStyle?: (row: T) => React.CSSProperties | undefined;
29
- onRowClassName?: (row: T) => string | undefined;
30
- rowStyle?: (row: T) => React.CSSProperties | undefined;
31
- rowClassName?: (row: T) => string | undefined;
32
- mobileCardView?: boolean;
33
- };
34
- export declare function DataTable<T>(props: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
2
+ import { DataTableFilterState, DataTableSortState } from './dataTable.utils';
3
+ export type { DataTableDateRangeFilterValue, DataTableFilterState, DataTableSortDirection, DataTableSortState, FilterValue, } from './dataTable.utils';
4
+ export type DataTableProps<T> = {
5
+ id: string;
6
+ name?: string;
7
+ className?: string;
8
+ children?: JSX.Element;
9
+ element?: JSX.Element;
10
+ data: T[];
11
+ emptyMessage?: string;
12
+ actionsColumnWidth?: number;
13
+ actions?: dataTableActionsInterface<T>[];
14
+ footerAction?: (props: {
15
+ close: () => void;
16
+ selectedRows: T[];
17
+ }) => JSX.Element;
18
+ columns: dataTableColumnsInterface<T>[];
19
+ loading?: boolean;
20
+ onRowClick?: (row: any) => void;
21
+ onColumnClick?: (column: any) => void;
22
+ onLoadMore?: () => void;
23
+ hasMore?: boolean;
24
+ onSelectionChange?: (selectedRows: T[]) => void;
25
+ autoFocusFirstEditable?: boolean;
26
+ hideToggleAll?: boolean;
27
+ limitSelect?: number;
28
+ getRowId?: (row: T) => string | number;
29
+ onRowStyle?: (row: T) => React.CSSProperties | undefined;
30
+ onRowClassName?: (row: T) => string | undefined;
31
+ rowStyle?: (row: T) => React.CSSProperties | undefined;
32
+ rowClassName?: (row: T) => string | undefined;
33
+ mobileCardView?: boolean;
34
+ onFiltersChange?: (next: DataTableFilterState) => void;
35
+ onSortChange?: (next: DataTableSortState | null) => void;
36
+ onEditColumnByOverlay?: (row: T) => void;
37
+ };
38
+ export declare function DataTable<T>(props: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- export declare const DataTableView: () => import("react/jsx-runtime").JSX.Element;
1
+ export declare const DataTableView: () => import("react/jsx-runtime").JSX.Element;
@@ -1,48 +1,71 @@
1
1
  import { HTMLInputTypeAttribute } from 'react';
2
-
3
- export interface dataTableColumnsInterface<T> {
4
- id: string;
5
- label: string;
6
- minWidth?: number;
7
- maxWidth?: number;
8
- width?: number;
9
- align?: "right" | "left" | "center";
10
- format?: (value: any) => string;
11
- sortable?: boolean;
12
- filterable?: boolean;
13
- filterValue?: string;
14
- editable?: boolean;
15
- enterToNextColumn?: boolean;
16
- options?: {
17
- label: string;
18
- value: string;
19
- }[];
20
- onEdit?: (value: any, row: T) => void;
21
- onEnter?: (value: any, row: T) => void;
22
- onDisable?: (row: T) => boolean;
23
- onRowStyle?: (row: T) => React.CSSProperties;
24
- type: HTMLInputTypeAttribute | "select" | "image";
25
- imageAlt?: (row: T) => string;
26
- imageStyle?: React.CSSProperties;
27
- imageSrc?: (row: T) => string;
28
- showStepButtons?: boolean | ((row: T) => boolean);
29
- stepControls?: boolean | ((row: T) => boolean);
30
- withStepControls?: boolean | ((row: T) => boolean);
31
- step?: number;
32
- min?: number;
33
- max?: number;
34
- }
35
- export interface dataTableActionsInterface<T> {
36
- id: string;
37
- label: string;
38
- type: "button" | "link" | "icon";
39
- classIcon?: string;
40
- onClick: (row: T, rowIndex?: number) => void;
41
- shouldDisplay?: (row: T) => boolean;
42
- disabled?: boolean;
43
- labelButton?: (row: T) => string;
44
- visible?: boolean;
45
- width?: string | number;
46
- minWidth?: string | number;
47
- focusNextRow?: boolean;
48
- }
2
+ import { TypeInputEnum } from '../form/form.enum';
3
+ export interface dataTableColumnsInterface<T> {
4
+ id: string;
5
+ label: string;
6
+ key?: string;
7
+ name?: string;
8
+ sticky?: boolean;
9
+ minWidth?: number;
10
+ maxWidth?: number;
11
+ width?: number | string;
12
+ align?: "right" | "left" | "center";
13
+ alignText?: "right" | "left" | "center";
14
+ autoComplete?: string;
15
+ format?: (value: any) => string;
16
+ sortable?: boolean;
17
+ filterable?: boolean;
18
+ filterValue?: string;
19
+ filterDataEnum?: {
20
+ label: string;
21
+ value: string;
22
+ }[];
23
+ filterType?: TypeInputEnum;
24
+ editable?: boolean;
25
+ isUpdatable?: boolean;
26
+ onEditable?: (value: any, row: T) => boolean;
27
+ onChange?: (value: any, row: T) => void;
28
+ onEditByOverlay?: (value: any, row: T) => void;
29
+ onEditTrigger?: "change" | "enter";
30
+ displayOverlay?: boolean;
31
+ renderComponent?: (value: any, row: T) => React.ReactNode;
32
+ openClickCell?: boolean;
33
+ handleClickCell?: (e: React.MouseEvent<HTMLTableCellElement>, row: T) => void;
34
+ renderClickCellComponent?: (value: any, row: T) => React.ReactNode;
35
+ children?: dataTableColumnsInterface<T>[];
36
+ enterToNextColumn?: boolean;
37
+ options?: {
38
+ label: string;
39
+ value: string;
40
+ }[];
41
+ onEdit?: (value: any, row: T) => void;
42
+ onEnter?: (value: any, row: T) => void;
43
+ onDisable?: (row: T) => boolean;
44
+ onRowStyle?: (row: T) => React.CSSProperties;
45
+ type: HTMLInputTypeAttribute | "select" | "image";
46
+ imageAlt?: (row: T) => string;
47
+ imageStyle?: React.CSSProperties;
48
+ imageSrc?: (row: T) => string;
49
+ showStepButtons?: boolean | ((row: T) => boolean);
50
+ stepControls?: boolean | ((row: T) => boolean);
51
+ withStepControls?: boolean | ((row: T) => boolean);
52
+ step?: number;
53
+ min?: number;
54
+ max?: number;
55
+ }
56
+ export type DataTableColumnsInterface<T> = dataTableColumnsInterface<T>;
57
+ export type DataTableActionsInterface<T> = dataTableActionsInterface<T>;
58
+ export interface dataTableActionsInterface<T> {
59
+ id: string;
60
+ label: string;
61
+ type: "button" | "link" | "icon";
62
+ classIcon?: string;
63
+ onClick: (row: T, rowIndex?: number) => void;
64
+ shouldDisplay?: (row: T) => boolean;
65
+ disabled?: boolean;
66
+ labelButton?: (row: T) => string;
67
+ visible?: boolean;
68
+ width?: string | number;
69
+ minWidth?: string | number;
70
+ focusNextRow?: boolean;
71
+ }
@@ -0,0 +1,17 @@
1
+ import { dataTableActionsInterface, dataTableColumnsInterface } from './dataTable.interface';
2
+ export type DataTableDateRangeFilterValue = {
3
+ startDate: string;
4
+ endDate: string;
5
+ };
6
+ export type FilterValue = string | number | boolean | string[] | DataTableDateRangeFilterValue | null;
7
+ export type DataTableFilterState = Record<string, FilterValue>;
8
+ export type DataTableSortDirection = "asc" | "desc";
9
+ export type DataTableSortState = {
10
+ key: string;
11
+ direction: DataTableSortDirection;
12
+ };
13
+ export declare function flattenColumns<T>(columns: dataTableColumnsInterface<T>[]): dataTableColumnsInterface<T>[];
14
+ export declare function getColumnValue<T>(row: T, column: dataTableColumnsInterface<T>): unknown;
15
+ export declare function getFilterKey<T>(column: dataTableColumnsInterface<T>): string;
16
+ export declare function getActionsWidth<T>(actions: dataTableActionsInterface<T>[], explicitWidth?: number): number;
17
+ export declare function sortRows<T>(data: T[], columns: dataTableColumnsInterface<T>[], sort: DataTableSortState | null): T[];
@@ -1,11 +1,10 @@
1
1
  import { dataTableActionsInterface } from '../dataTable.interface';
2
-
3
- type DataTableActionProps = {
4
- action: dataTableActionsInterface<any>;
5
- row: any;
6
- rowIndex?: number;
7
- index?: number;
8
- onFocusNextRow?: (rowIndex: number) => void;
9
- };
10
- export declare const DataTableAction: ({ action, row, rowIndex, index, onFocusNextRow, }: DataTableActionProps) => import("react/jsx-runtime").JSX.Element | null;
11
- export {};
2
+ type DataTableActionProps = {
3
+ action: dataTableActionsInterface<any>;
4
+ row: any;
5
+ rowIndex?: number;
6
+ index?: number;
7
+ onFocusNextRow?: (rowIndex: number) => void;
8
+ };
9
+ export declare const DataTableAction: ({ action, row, rowIndex, index, onFocusNextRow, }: DataTableActionProps) => import("react/jsx-runtime").JSX.Element | null;
10
+ export {};
@@ -1,9 +1,15 @@
1
1
  import { dataTableColumnsInterface } from '../dataTable.interface';
2
-
3
- type DataTableColumnProps = {
4
- column: dataTableColumnsInterface<any>;
5
- idx: number;
6
- onColumnClick?: (column: dataTableColumnsInterface<any>) => void;
7
- };
8
- export declare const DataTableColumn: ({ column, idx, onColumnClick, }: DataTableColumnProps) => import("react/jsx-runtime").JSX.Element;
9
- export {};
2
+ import { DataTableSortDirection } from '../dataTable.utils';
3
+ type DataTableColumnProps = {
4
+ column: dataTableColumnsInterface<any>;
5
+ idx: number;
6
+ onColumnClick?: (column: dataTableColumnsInterface<any>) => void;
7
+ isFilterVisible?: boolean;
8
+ onToggleFilter?: (column: dataTableColumnsInterface<any>) => void;
9
+ onToggleSort?: (column: dataTableColumnsInterface<any>) => void;
10
+ sortDirection?: DataTableSortDirection | null;
11
+ stickyLeft?: number;
12
+ stickyTop?: number;
13
+ };
14
+ export declare const DataTableColumn: ({ column, idx, onColumnClick, isFilterVisible, onToggleFilter, onToggleSort, sortDirection, stickyLeft, stickyTop, }: DataTableColumnProps) => import("react/jsx-runtime").JSX.Element;
15
+ export {};
@@ -0,0 +1,9 @@
1
+ import { DataTableColumnsInterface } from '../../dataTable.interface';
2
+ type DataTableColumnFilterProps<T> = {
3
+ className?: string;
4
+ column: DataTableColumnsInterface<T>;
5
+ isFilterVisible?: boolean;
6
+ onToggleVisibility?: (column: DataTableColumnsInterface<T>) => void;
7
+ };
8
+ export declare const DataTableColumnFilter: <T>({ className, column, isFilterVisible, onToggleVisibility, }: DataTableColumnFilterProps<T>) => import("react/jsx-runtime").JSX.Element;
9
+ export {};
@@ -0,0 +1,9 @@
1
+ type DataTableColumnFilterDateProps = {
2
+ id: string;
3
+ name: string;
4
+ label: string;
5
+ onChange: (value: string) => void;
6
+ currentValue?: string;
7
+ };
8
+ export declare const DataTableColumnFilterDate: ({ id, name, label, onChange, currentValue, }: DataTableColumnFilterDateProps) => import("react/jsx-runtime").JSX.Element;
9
+ export {};
@@ -0,0 +1,9 @@
1
+ type DataTableColumnFilterDateRangeProps = {
2
+ id: string;
3
+ name: string;
4
+ onChange: (startDate: string, endDate: string) => void;
5
+ currentStartValue?: string;
6
+ currentEndValue?: string;
7
+ };
8
+ export declare const DataTableColumnFilterDateRange: ({ id, name, onChange, currentStartValue, currentEndValue, }: DataTableColumnFilterDateRangeProps) => import("react/jsx-runtime").JSX.Element;
9
+ export {};
@@ -0,0 +1,12 @@
1
+ import { EnumerableType } from '../../../../_core/type/generiqueType';
2
+ import { TypeInputEnum } from '../../../../form/form.enum';
3
+ type DataTableColumnFilterEnumProps = {
4
+ type: TypeInputEnum;
5
+ id: string;
6
+ name?: string;
7
+ data: EnumerableType[];
8
+ onChange: (value: string) => void;
9
+ currentValue?: string;
10
+ };
11
+ export declare const DataTableColumnFilterEnum: ({ type, id, onChange, name, data, currentValue, }: DataTableColumnFilterEnumProps) => import("react/jsx-runtime").JSX.Element;
12
+ export {};
@@ -0,0 +1,9 @@
1
+ type DataTableColumnFilterStringProps = {
2
+ id: string;
3
+ name: string;
4
+ label: string;
5
+ onChange: (value: string) => void;
6
+ currentValue?: string;
7
+ };
8
+ export declare const DataTableColumnFilterString: ({ id, name, label, onChange, currentValue, }: DataTableColumnFilterStringProps) => import("react/jsx-runtime").JSX.Element;
9
+ export {};
@@ -0,0 +1,10 @@
1
+ import { DataTableSortDirection } from '../../DataTable';
2
+ import { DataTableColumnsInterface } from '../../dataTable.interface';
3
+ type DataTableColumnSortProps<T> = {
4
+ className?: string;
5
+ column: DataTableColumnsInterface<T>;
6
+ sortDirection?: DataTableSortDirection | null;
7
+ onToggleSort?: (column: DataTableColumnsInterface<T>) => void;
8
+ };
9
+ export declare const DataTableColumnSort: <T>({ className, column, sortDirection, onToggleSort, }: DataTableColumnSortProps<T>) => import("react/jsx-runtime").JSX.Element;
10
+ export {};
@@ -0,0 +1,6 @@
1
+ import { DataTableFilterState } from '../DataTable';
2
+ export type DataTableFiltersProps = {
3
+ currentFilters: DataTableFilterState;
4
+ setCurrentFilters: React.Dispatch<React.SetStateAction<DataTableFilterState>>;
5
+ };
6
+ export declare const DataTableFilters: ({ currentFilters, setCurrentFilters, }: DataTableFiltersProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -1,7 +1,8 @@
1
- type DataTableLoadingProps = {
2
- columns: any[];
3
- actions: any[];
4
- emptyMessage?: string;
5
- };
6
- export declare const DataTableLoading: ({ columns, actions, emptyMessage, }: DataTableLoadingProps) => import("react/jsx-runtime").JSX.Element;
7
- export {};
1
+ type DataTableLoadingProps = {
2
+ columns: any[];
3
+ actions: any[];
4
+ emptyMessage?: string;
5
+ hasSelection?: boolean;
6
+ };
7
+ export declare const DataTableLoading: ({ columns, actions, emptyMessage, hasSelection, }: DataTableLoadingProps) => import("react/jsx-runtime").JSX.Element;
8
+ export {};