kelt-ui-kit-react 1.8.0 → 1.8.1

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 (123) hide show
  1. package/dist/App.d.ts +3 -0
  2. package/dist/App.menu.d.ts +10 -0
  3. package/dist/App.routes.d.ts +1 -0
  4. package/dist/_core/hooks/HistoryProvider.d.ts +5 -0
  5. package/dist/_core/hooks/ImageChecker.d.ts +7 -0
  6. package/dist/_core/hooks/imageExist.d.ts +7 -0
  7. package/dist/_core/hooks/isEAN13.d.ts +1 -0
  8. package/dist/_core/hooks/objectToQueryParams.d.ts +1 -0
  9. package/dist/_core/hooks/useCurrency.d.ts +3 -0
  10. package/dist/_core/hooks/useDateutils.d.ts +4 -0
  11. package/dist/_core/hooks/useIsMobile.d.ts +1 -0
  12. package/dist/_core/hooks/useToken.d.ts +3 -0
  13. package/dist/_core/hooks/useValidate.d.ts +5 -0
  14. package/dist/_core/hooks/widgetSupport.d.ts +1 -0
  15. package/dist/action/Action.view.d.ts +1 -0
  16. package/dist/action/ButtonAction.d.ts +10 -0
  17. package/dist/badge/Badge.d.ts +10 -0
  18. package/dist/badge/Badge.view.d.ts +1 -0
  19. package/dist/button/Button.d.ts +3 -0
  20. package/dist/button/Button.view.d.ts +1 -0
  21. package/dist/button/button.interface.d.ts +21 -0
  22. package/dist/button/buttonActions/ButtonActions.d.ts +14 -0
  23. package/dist/button/buttonFile/ButtonFile.d.ts +9 -0
  24. package/dist/button/buttonFile/ButtonFile.view.d.ts +1 -0
  25. package/dist/button/buttonFilters/ButtonFilters.d.ts +19 -0
  26. package/dist/card/Card.d.ts +16 -0
  27. package/dist/card/Card.view.d.ts +1 -0
  28. package/dist/card/card.interface.d.ts +10 -0
  29. package/dist/card/cardAction/CardAction.d.ts +16 -0
  30. package/dist/card/cardAction.interface.d.ts +10 -0
  31. package/dist/card/hook/useCardInteractions.d.ts +8 -0
  32. package/dist/carousel/Carousel.d.ts +16 -0
  33. package/dist/carousel/Carousel.view.d.ts +1 -0
  34. package/dist/damier/Damier.d.ts +11 -0
  35. package/dist/damier/Damier.view.d.ts +1 -0
  36. package/dist/damier/damierCell/DamierCell.d.ts +8 -0
  37. package/dist/damier/damierCell/damierCell.interface.d.ts +6 -0
  38. package/dist/dataTable/DataTable.d.ts +23 -0
  39. package/dist/dataTable/DataTable.view.d.ts +1 -0
  40. package/dist/dataTable/dataTable.interface.d.ts +33 -0
  41. package/dist/dataTable/dataTableActions/DataTableAction.d.ts +9 -0
  42. package/dist/dataTable/dataTableColumn/DataTableColumn.d.ts +9 -0
  43. package/dist/dataTable/dataTableLoading/DataTableLoading.d.ts +7 -0
  44. package/dist/dataTable/dataTableRow/DataTableRow.d.ts +9 -0
  45. package/dist/datePicker/DatePicker.d.ts +9 -0
  46. package/dist/datePicker/DatePicker.view.d.ts +1 -0
  47. package/dist/expands/Expands.d.ts +11 -0
  48. package/dist/expands/Expands.view.d.ts +1 -0
  49. package/dist/expands/expand/expand.d.ts +10 -0
  50. package/dist/expands/expand/expand.interface.d.ts +9 -0
  51. package/dist/favicon.ico +0 -0
  52. package/dist/filAriane/FilAriane.d.ts +10 -0
  53. package/dist/filAriane/FilAriane.view.d.ts +1 -0
  54. package/dist/filAriane/filAriane.interface.d.ts +6 -0
  55. package/dist/form/Form.d.ts +31 -0
  56. package/dist/form/Form.view.d.ts +1 -0
  57. package/dist/form/form.enum.d.ts +13 -0
  58. package/dist/form/form.interface.d.ts +36 -0
  59. package/dist/form/input/Input.d.ts +26 -0
  60. package/dist/form/inputNumber/InputNumber.d.ts +22 -0
  61. package/dist/form/inputNumber/InputNumber.view.d.ts +1 -0
  62. package/dist/form/inputPrice/InputPrice.d.ts +16 -0
  63. package/dist/form/inputPrice/InputPrice.view.d.ts +1 -0
  64. package/dist/form/textArea/TextArea.d.ts +15 -0
  65. package/dist/form/textArea/TextArea.view.d.ts +1 -0
  66. package/dist/grid/Grid.d.ts +9 -0
  67. package/dist/grid/Grid.view.d.ts +1 -0
  68. package/dist/grid/col/Col.d.ts +10 -0
  69. package/dist/grid/col/colStyled/ColStyled.d.ts +9 -0
  70. package/dist/grid/container/Container.d.ts +7 -0
  71. package/dist/grid/grid.interface.d.ts +8 -0
  72. package/dist/grid/row/Row.d.ts +8 -0
  73. package/dist/header/Header.d.ts +3 -0
  74. package/dist/header/Header.view.d.ts +1 -0
  75. package/dist/header/header.interface.d.ts +11 -0
  76. package/dist/home/Home.d.ts +1 -0
  77. package/dist/icon/Icon.d.ts +3 -0
  78. package/dist/icon/Icons.view.d.ts +1 -0
  79. package/dist/icon/icon.interface.d.ts +6 -0
  80. package/dist/icon/iconSize.enum.d.ts +7 -0
  81. package/dist/index.d.ts +49 -0
  82. package/dist/index.html +18 -0
  83. package/dist/index.js +5339 -0
  84. package/dist/loader/Loader.d.ts +9 -0
  85. package/dist/loader/Loader.view.d.ts +1 -0
  86. package/dist/logo192.png +0 -0
  87. package/dist/logo512.png +0 -0
  88. package/dist/main.d.ts +1 -0
  89. package/dist/manifest.json +25 -0
  90. package/dist/menus/Menus.d.ts +7 -0
  91. package/dist/menus/Menus.view.d.ts +1 -0
  92. package/dist/menus/menu/Menu.d.ts +8 -0
  93. package/dist/menus/menu/menu.interface.d.ts +10 -0
  94. package/dist/message/Message.d.ts +7 -0
  95. package/dist/message/Message.view.d.ts +1 -0
  96. package/dist/modal/Modal.d.ts +15 -0
  97. package/dist/modal/Modal.view.d.ts +1 -0
  98. package/dist/notFound/NotFound.d.ts +1 -0
  99. package/dist/overlayPanel/OverlayPanel.d.ts +21 -0
  100. package/dist/overlayPanel/OverlayPanel.view.d.ts +1 -0
  101. package/dist/overlayPanel/overlay.context.d.ts +11 -0
  102. package/dist/overlayPanel/overlayPanelStyled/OverlayPanelStyled.d.ts +7 -0
  103. package/dist/pdfViewer/PdfViewer.d.ts +12 -0
  104. package/dist/pdfViewer/PdfViewer.view.d.ts +1 -0
  105. package/dist/quantity/Quantity.d.ts +12 -0
  106. package/dist/quantity/Quantity.view.d.ts +0 -0
  107. package/dist/robots.txt +3 -0
  108. package/dist/search/Search.d.ts +23 -0
  109. package/dist/search/Search.view.d.ts +1 -0
  110. package/dist/select/Select.d.ts +19 -0
  111. package/dist/select/Select.view.d.ts +1 -0
  112. package/dist/select/selectOption.interface.d.ts +4 -0
  113. package/dist/sidebar/Sidebar.d.ts +13 -0
  114. package/dist/sidebar/Sidebar.view.d.ts +1 -0
  115. package/dist/sidebarData/SidebarData.d.ts +8 -0
  116. package/dist/sidebarData/SidebarData.view.d.ts +1 -0
  117. package/dist/style.css +5 -0
  118. package/dist/tabs/Tabs.d.ts +18 -0
  119. package/dist/tabs/Tabs.view.d.ts +1 -0
  120. package/dist/toaster/Toaster.d.ts +2 -0
  121. package/dist/toaster/Toaster.view.d.ts +1 -0
  122. package/dist/toaster/store/useToasterStore.d.ts +19 -0
  123. package/package.json +1 -1
package/dist/App.d.ts ADDED
@@ -0,0 +1,3 @@
1
+
2
+ declare const App: React.FC;
3
+ export default App;
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ export type MenuProps = {
3
+ id: number;
4
+ name: string;
5
+ children: JSX.Element;
6
+ link: string;
7
+ element: JSX.Element;
8
+ };
9
+ export declare const MenuList: MenuProps[];
10
+ export declare const AppMenu: () => JSX.Element;
@@ -0,0 +1 @@
1
+ export declare const AppRoutes: () => JSX.Element;
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ export declare function HistoryProvider({ children }: {
3
+ children: React.ReactNode;
4
+ }): import("react/jsx-runtime").JSX.Element;
5
+ export declare function useHistoryDepth(): number;
@@ -0,0 +1,7 @@
1
+ import { default as React } from 'react';
2
+
3
+ interface ImageCheckerProps {
4
+ imageUrl: string;
5
+ }
6
+ export declare const ImageChecker: React.FC<ImageCheckerProps>;
7
+ export {};
@@ -0,0 +1,7 @@
1
+ import { default as React } from 'react';
2
+
3
+ interface ImageCheckerProps {
4
+ imageUrl: string;
5
+ }
6
+ export declare const ImageExist: React.FC<ImageCheckerProps>;
7
+ export {};
@@ -0,0 +1 @@
1
+ export declare const isValidEAN13: (value: string) => boolean;
@@ -0,0 +1 @@
1
+ export declare const objectToQueryParams: (obj: Record<string, any>, prefix?: string) => string;
@@ -0,0 +1,3 @@
1
+ export declare const useCurrency: (locale?: string, currency?: string) => {
2
+ formatCurrency: (value: number) => string;
3
+ };
@@ -0,0 +1,4 @@
1
+ export declare function FormatDate(date: Date, format: string): string;
2
+ export declare function LocalDateStringToUTC(dateStr: string): string;
3
+ export declare function localDateStartToUTC(dateStr: string): Date;
4
+ export declare function localDateEndToUTC(dateStr: string): Date;
@@ -0,0 +1 @@
1
+ export declare const useIsMobile: (maxWidth?: number) => boolean;
@@ -0,0 +1,3 @@
1
+ export declare const useToken: () => {
2
+ getTokenValidate: () => string | null;
3
+ };
@@ -0,0 +1,5 @@
1
+ export declare const useValidate: () => {
2
+ isValidateEmail: (input: string) => boolean;
3
+ isValidateTel: (input: string) => boolean;
4
+ isValidateCodePostal: (input: string) => boolean;
5
+ };
@@ -0,0 +1 @@
1
+ export declare const WidgetSupport: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export declare const ActionView: () => JSX.Element;
@@ -0,0 +1,10 @@
1
+ import { BadgeInterface } from '../badge/Badge';
2
+
3
+ export type ButtonActionProps = {
4
+ className?: string;
5
+ onClick?: (e: React.MouseEvent) => void;
6
+ title?: string;
7
+ classIcon?: string;
8
+ badge?: BadgeInterface;
9
+ };
10
+ export declare const ButtonAction: ({ className, onClick, title, classIcon, badge, }: ButtonActionProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,10 @@
1
+ import { IconSizeEnum } from '../icon/iconSize.enum';
2
+
3
+ export type BadgeInterface = {
4
+ className?: string;
5
+ onClick?: (e: React.MouseEvent) => void;
6
+ title?: string;
7
+ sizeIcon?: IconSizeEnum;
8
+ classIcon?: string;
9
+ };
10
+ export declare const Badge: ({ className, onClick, title, sizeIcon, classIcon, }: BadgeInterface) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export declare const BadgeView: () => JSX.Element;
@@ -0,0 +1,3 @@
1
+ import { ButtonInterface } from './button.interface';
2
+
3
+ export declare const Button: ({ className, onClick, badge, title, sizeIcon, id, classIcon, positionicon, disabled, }: ButtonInterface) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export declare const ButtonView: () => JSX.Element;
@@ -0,0 +1,21 @@
1
+ import { BadgeInterface } from '../badge/Badge';
2
+ import { IconSizeEnum } from '../icon/iconSize.enum';
3
+
4
+ export interface ButtonInterface {
5
+ className?: string;
6
+ badge?: BadgeInterface;
7
+ id?: string;
8
+ onClick?: (e: React.MouseEvent) => void;
9
+ title: string;
10
+ classIcon?: string;
11
+ positionicon?: number;
12
+ disabled?: boolean;
13
+ sizeIcon?: IconSizeEnum;
14
+ }
15
+ export interface buttonActionInterface {
16
+ icon?: string;
17
+ id?: number | string;
18
+ label: string;
19
+ disabled?: boolean;
20
+ onClick: (a: buttonActionInterface) => void;
21
+ }
@@ -0,0 +1,14 @@
1
+ import { PositionOverlay } from '../../overlayPanel/OverlayPanel';
2
+ import { buttonActionInterface } from '../button.interface';
3
+
4
+ export type ButtonActionsProps = {
5
+ className?: string;
6
+ onClick?: (e: React.MouseEvent) => void;
7
+ title: string;
8
+ actions?: buttonActionInterface[];
9
+ classIcon?: string;
10
+ positionActions?: PositionOverlay;
11
+ disabled?: boolean;
12
+ id?: string;
13
+ };
14
+ export declare const ButtonActions: ({ className, onClick, title, actions, positionActions, disabled, id, }: ButtonActionsProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,9 @@
1
+ interface ButtonFileProps {
2
+ onFileSelected?: (file: File, buffer: ArrayBuffer) => void;
3
+ accept?: string;
4
+ buttonText?: string;
5
+ buttonClassName?: string;
6
+ containerClassName?: string;
7
+ }
8
+ export declare const ButtonFile: ({ onFileSelected, accept, buttonText, buttonClassName, containerClassName, }: ButtonFileProps) => import("react/jsx-runtime").JSX.Element;
9
+ export {};
@@ -0,0 +1 @@
1
+ export declare const ButtonFileView: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,19 @@
1
+ import { FormInterface, FormValuesInterface } from '../../form/form.interface';
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;
@@ -0,0 +1,16 @@
1
+ import { PositionOverlay } from '../overlayPanel/OverlayPanel';
2
+ import { CardInterface } from './card.interface';
3
+ import { CardActionInterface } from './cardAction.interface';
4
+
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
+ };
15
+ export declare const Card: ({ item, actions, className, handleClick, onClose, customAction, positionOverlay, children, }: CardProps) => JSX.Element;
16
+ export {};
@@ -0,0 +1 @@
1
+ export declare const CardView: () => JSX.Element;
@@ -0,0 +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
+ }
@@ -0,0 +1,16 @@
1
+ import { CardInterface } from '../card.interface';
2
+ 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;
@@ -0,0 +1,10 @@
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
+ }
@@ -0,0 +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
+ };
@@ -0,0 +1,16 @@
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 {};
@@ -0,0 +1 @@
1
+ export declare const CarouselView: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,11 @@
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 {};
@@ -0,0 +1 @@
1
+ export declare const DamierView: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,8 @@
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 {};
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ export interface DamierCellInterface {
3
+ child?: JSX.Element;
4
+ position?: number;
5
+ id?: number;
6
+ }
@@ -0,0 +1,23 @@
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
+ actions?: dataTableActionsInterface<T>[];
12
+ columns: dataTableColumnsInterface<T>[];
13
+ loading?: boolean;
14
+ onRowClick?: (row: any) => void;
15
+ onColumnClick?: (column: any) => void;
16
+ onLoadMore?: () => void;
17
+ hasMore?: boolean;
18
+ onSelectionChange?: (selectedRows: T[]) => void;
19
+ hideToggleAll?: boolean;
20
+ limitSelect?: number;
21
+ getRowId?: (row: T) => string | number;
22
+ };
23
+ export declare function DataTable<T>(props: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export declare const DataTableView: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,33 @@
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
+ options?: {
16
+ label: string;
17
+ value: string;
18
+ }[];
19
+ onEdit?: (value: any, row: T) => void;
20
+ onRowStyle?: (row: T) => React.CSSProperties;
21
+ type: HTMLInputTypeAttribute | "select";
22
+ }
23
+ export interface dataTableActionsInterface<T> {
24
+ id: string;
25
+ label: string;
26
+ type: "button" | "link" | "icon";
27
+ classIcon?: string;
28
+ onClick: (row: T) => void;
29
+ shouldDisplay?: (row: T) => boolean;
30
+ disabled?: boolean;
31
+ labelButton?: (row: T) => string;
32
+ visible?: boolean;
33
+ }
@@ -0,0 +1,9 @@
1
+ import { dataTableActionsInterface } from '../dataTable.interface';
2
+
3
+ type DataTableActionProps = {
4
+ action: dataTableActionsInterface<any>;
5
+ row: any;
6
+ index?: number;
7
+ };
8
+ export declare const DataTableAction: ({ action, row, index, }: DataTableActionProps) => import("react/jsx-runtime").JSX.Element | null;
9
+ export {};
@@ -0,0 +1,9 @@
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 {};
@@ -0,0 +1,7 @@
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 {};
@@ -0,0 +1,9 @@
1
+ import { dataTableColumnsInterface } from '../dataTable.interface';
2
+
3
+ type DataTableRowProps = {
4
+ column: dataTableColumnsInterface<any>;
5
+ idx: number;
6
+ row: any;
7
+ };
8
+ export declare const DataTableRow: ({ column, idx, row }: DataTableRowProps) => import("react/jsx-runtime").JSX.Element;
9
+ export {};
@@ -0,0 +1,9 @@
1
+ import { Value } from 'react-calendar/dist/cjs/shared/types';
2
+
3
+ export type DatePickerProps = {
4
+ value?: Value;
5
+ maxDate?: Date;
6
+ onChange?: (date: Value) => void;
7
+ children?: React.ReactNode;
8
+ };
9
+ export declare const DatePicker: ({ value, onChange, maxDate, children, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export declare const DatePickerView: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,11 @@
1
+ import { ExpandInterface } from './expand/expand.interface';
2
+
3
+ type ExpandProps = {
4
+ items: ExpandInterface[];
5
+ className?: string;
6
+ onChange?: (item: ExpandInterface) => void;
7
+ currentItem?: ExpandInterface;
8
+ showArrow?: boolean;
9
+ };
10
+ export declare const Expands: (props: ExpandProps) => import("react/jsx-runtime").JSX.Element;
11
+ export type { ExpandProps };
@@ -0,0 +1 @@
1
+ export declare const ExpandsView: () => JSX.Element;
@@ -0,0 +1,10 @@
1
+ import { ExpandInterface } from './expand.interface';
2
+
3
+ export type ExpandProps = {
4
+ currentExpand?: ExpandInterface;
5
+ item: ExpandInterface;
6
+ className?: string;
7
+ showArrow?: boolean;
8
+ onChange: (item: ExpandInterface) => void;
9
+ };
10
+ export declare const Expand: ({ currentExpand, item, className, showArrow, onChange, }: ExpandProps) => JSX.Element;
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ export interface ExpandInterface {
3
+ id?: number;
4
+ title: string | React.ReactNode;
5
+ description?: string | React.ReactNode;
6
+ content?: React.ReactNode;
7
+ headerContent?: React.ReactNode;
8
+ footer?: JSX.Element;
9
+ }
Binary file
@@ -0,0 +1,10 @@
1
+ import { FilArianeInterface } from './filAriane.interface';
2
+
3
+ type FilArianeProps = {
4
+ filArianes?: FilArianeInterface[];
5
+ currentFil?: number;
6
+ title?: string;
7
+ onClick?: (fil?: FilArianeInterface) => void;
8
+ };
9
+ export declare const FilAriane: ({ filArianes, onClick, currentFil, title, }: FilArianeProps) => import("react/jsx-runtime").JSX.Element;
10
+ export {};
@@ -0,0 +1 @@
1
+ export declare const FilArianeView: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ export interface FilArianeInterface {
2
+ id: number;
3
+ title?: string;
4
+ url?: string;
5
+ isLast: boolean;
6
+ }
@@ -0,0 +1,31 @@
1
+ import { default as React } from 'react';
2
+ import { FormInterface, FormValuesInterface } from './form.interface';
3
+
4
+ export type FormProps<T extends {
5
+ [key: string]: string | number | boolean | Date | string[];
6
+ }> = {
7
+ id?: string;
8
+ className?: string;
9
+ title?: string;
10
+ hideSubmit?: boolean;
11
+ autoComplete?: string;
12
+ children?: React.ReactNode;
13
+ initialForm: FormInterface[];
14
+ disabledSubmit?: boolean;
15
+ onSubmit?: (values: FormValuesInterface<T>) => void;
16
+ onChange?: (values: FormValuesInterface<T>) => void;
17
+ };
18
+ export declare const DynamicForm: React.ForwardRefExoticComponent<FormProps<{
19
+ [key: string]: string | number | boolean | string[] | Date;
20
+ }> & React.RefAttributes<{
21
+ clearInput?: ((name: string) => void) | undefined;
22
+ resetForm?: (() => void) | undefined;
23
+ focusInitialElement?: (() => void) | undefined;
24
+ getValues?: (() => Partial<{
25
+ [x: string]: string | number | boolean | string[] | Date;
26
+ }>) | undefined;
27
+ updateFormValue?: ((values: Partial<{
28
+ [x: string]: string | number | boolean | string[] | Date;
29
+ }>) => void) | undefined;
30
+ setBtnDisabledSubmit?: ((disabled: boolean) => void) | undefined;
31
+ }>>;
@@ -0,0 +1 @@
1
+ export declare const FormView: () => JSX.Element;
@@ -0,0 +1,13 @@
1
+ export declare enum TypeInputEnum {
2
+ TEXT = "text",
3
+ BUTTON = "button",
4
+ EMAIL = "email",
5
+ HIDDEN = "hidden",
6
+ PASSWORD = "password",
7
+ NUMBER = "number",
8
+ CHECKBOX = "checkbox",
9
+ RADIO = "radio",
10
+ DATE = "date",
11
+ SELECT = "select",
12
+ TEXTAREA = "textarea"
13
+ }
@@ -0,0 +1,36 @@
1
+ import { TypeInputEnum } from './form.enum';
2
+
3
+ export type FormValuesInterface<T extends {
4
+ [key: string]: string | number | boolean | Date | string[];
5
+ }> = Partial<{
6
+ [K in keyof T]: T[K];
7
+ }>;
8
+ export interface FormCondition {
9
+ errorMessage: string;
10
+ regex: string;
11
+ }
12
+ export interface FormInterface {
13
+ value: string | number | boolean | Date;
14
+ id?: string;
15
+ label?: string;
16
+ focus?: boolean;
17
+ type: TypeInputEnum;
18
+ placeholder?: string;
19
+ name: string;
20
+ disabled?: boolean;
21
+ required?: boolean;
22
+ condition?: FormCondition;
23
+ icon?: string;
24
+ multiple?: boolean;
25
+ options?: {
26
+ value: string;
27
+ label: string;
28
+ }[];
29
+ className?: string;
30
+ autoComplete?: string;
31
+ step?: string;
32
+ onChange?: (value: string | number | boolean | Date | string[], name?: string) => void;
33
+ onRequired?: (value: string | number | boolean | Date) => boolean;
34
+ onDisabled?: (value: string | number | boolean | Date) => boolean;
35
+ onInvalid?: (e: React.ChangeEvent<HTMLInputElement>) => void;
36
+ }
@@ -0,0 +1,26 @@
1
+ import { TypeInputEnum } from '../form.enum';
2
+
3
+ export interface InputProps {
4
+ id: string;
5
+ name: string;
6
+ type?: TypeInputEnum;
7
+ onInvalid?: (e: React.FocusEvent<HTMLInputElement>) => void;
8
+ value?: string | number;
9
+ placeholder?: string;
10
+ className?: string;
11
+ inputMode?: "text" | "numeric" | "decimal" | "email" | "tel" | "search";
12
+ disabled?: boolean;
13
+ autoFocus?: boolean;
14
+ required?: boolean;
15
+ minLength?: number;
16
+ maxLength?: number;
17
+ autoComplete?: string;
18
+ step?: string;
19
+ tabIndex?: number;
20
+ checked?: boolean;
21
+ handleKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
22
+ onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
23
+ onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
24
+ onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
25
+ }
26
+ export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
@@ -0,0 +1,22 @@
1
+
2
+ export type InputNumberProps = {
3
+ id: string;
4
+ name: string;
5
+ value?: string;
6
+ placeholder?: string;
7
+ className?: string;
8
+ pattern?: string;
9
+ disabled?: boolean;
10
+ required?: boolean;
11
+ inputMode?: "numeric" | "decimal";
12
+ autoFocus?: boolean;
13
+ maxLength?: number;
14
+ autoComplete?: string;
15
+ tabIndex?: number;
16
+ onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
17
+ onChange?: (e: React.ChangeEvent<HTMLInputElement>, valueFormat?: string) => void;
18
+ onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
19
+ onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
20
+ onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
21
+ };
22
+ export declare const InputNumber: import('react').ForwardRefExoticComponent<InputNumberProps & import('react').RefAttributes<HTMLInputElement>>;
@@ -0,0 +1 @@
1
+ export declare const InputNumberView: () => import("react/jsx-runtime").JSX.Element;