kelt-ui-kit-react 1.8.0 → 1.8.2
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/dist/App.d.ts +3 -0
- package/dist/App.menu.d.ts +10 -0
- package/dist/App.routes.d.ts +1 -0
- package/dist/_core/hooks/HistoryProvider.d.ts +5 -0
- package/dist/_core/hooks/ImageChecker.d.ts +7 -0
- package/dist/_core/hooks/imageExist.d.ts +7 -0
- package/dist/_core/hooks/isEAN13.d.ts +1 -0
- package/dist/_core/hooks/objectToQueryParams.d.ts +1 -0
- package/dist/_core/hooks/useCurrency.d.ts +3 -0
- package/dist/_core/hooks/useDateutils.d.ts +4 -0
- package/dist/_core/hooks/useIsMobile.d.ts +1 -0
- package/dist/_core/hooks/useToken.d.ts +3 -0
- package/dist/_core/hooks/useValidate.d.ts +5 -0
- package/dist/_core/hooks/widgetSupport.d.ts +1 -0
- package/dist/action/Action.view.d.ts +1 -0
- package/dist/action/ButtonAction.d.ts +10 -0
- package/dist/badge/Badge.d.ts +10 -0
- package/dist/badge/Badge.view.d.ts +1 -0
- package/dist/button/Button.d.ts +3 -0
- package/dist/button/Button.view.d.ts +1 -0
- package/dist/button/button.interface.d.ts +21 -0
- package/dist/button/buttonActions/ButtonActions.d.ts +14 -0
- package/dist/button/buttonFile/ButtonFile.d.ts +9 -0
- package/dist/button/buttonFile/ButtonFile.view.d.ts +1 -0
- package/dist/button/buttonFilters/ButtonFilters.d.ts +19 -0
- package/dist/card/Card.d.ts +16 -0
- package/dist/card/Card.view.d.ts +1 -0
- package/dist/card/card.interface.d.ts +10 -0
- package/dist/card/cardAction/CardAction.d.ts +16 -0
- package/dist/card/cardAction.interface.d.ts +10 -0
- package/dist/card/hook/useCardInteractions.d.ts +8 -0
- package/dist/carousel/Carousel.d.ts +16 -0
- package/dist/carousel/Carousel.view.d.ts +1 -0
- package/dist/damier/Damier.d.ts +11 -0
- package/dist/damier/Damier.view.d.ts +1 -0
- package/dist/damier/damierCell/DamierCell.d.ts +8 -0
- package/dist/damier/damierCell/damierCell.interface.d.ts +6 -0
- package/dist/dataTable/DataTable.d.ts +23 -0
- package/dist/dataTable/DataTable.view.d.ts +1 -0
- package/dist/dataTable/dataTable.interface.d.ts +33 -0
- package/dist/dataTable/dataTableActions/DataTableAction.d.ts +9 -0
- package/dist/dataTable/dataTableColumn/DataTableColumn.d.ts +9 -0
- package/dist/dataTable/dataTableLoading/DataTableLoading.d.ts +7 -0
- package/dist/dataTable/dataTableRow/DataTableRow.d.ts +9 -0
- package/dist/datePicker/DatePicker.d.ts +9 -0
- package/dist/datePicker/DatePicker.view.d.ts +1 -0
- package/dist/expands/Expands.d.ts +11 -0
- package/dist/expands/Expands.view.d.ts +1 -0
- package/dist/expands/expand/expand.d.ts +10 -0
- package/dist/expands/expand/expand.interface.d.ts +9 -0
- package/dist/favicon.ico +0 -0
- package/dist/filAriane/FilAriane.d.ts +10 -0
- package/dist/filAriane/FilAriane.view.d.ts +1 -0
- package/dist/filAriane/filAriane.interface.d.ts +6 -0
- package/dist/form/Form.d.ts +31 -0
- package/dist/form/Form.view.d.ts +1 -0
- package/dist/form/form.enum.d.ts +13 -0
- package/dist/form/form.interface.d.ts +36 -0
- package/dist/form/input/Input.d.ts +26 -0
- package/dist/form/inputNumber/InputNumber.d.ts +22 -0
- package/dist/form/inputNumber/InputNumber.view.d.ts +1 -0
- package/dist/form/inputPrice/InputPrice.d.ts +16 -0
- package/dist/form/inputPrice/InputPrice.view.d.ts +1 -0
- package/dist/form/textArea/TextArea.d.ts +15 -0
- package/dist/form/textArea/TextArea.view.d.ts +1 -0
- package/dist/grid/Grid.d.ts +9 -0
- package/dist/grid/Grid.view.d.ts +1 -0
- package/dist/grid/col/Col.d.ts +10 -0
- package/dist/grid/col/colStyled/ColStyled.d.ts +9 -0
- package/dist/grid/container/Container.d.ts +7 -0
- package/dist/grid/grid.interface.d.ts +8 -0
- package/dist/grid/row/Row.d.ts +8 -0
- package/dist/header/Header.d.ts +3 -0
- package/dist/header/Header.view.d.ts +1 -0
- package/dist/header/header.interface.d.ts +11 -0
- package/dist/home/Home.d.ts +1 -0
- package/dist/icon/Icon.d.ts +3 -0
- package/dist/icon/Icons.view.d.ts +1 -0
- package/dist/icon/icon.interface.d.ts +6 -0
- package/dist/icon/iconSize.enum.d.ts +7 -0
- package/dist/index.d.ts +49 -0
- package/dist/index.html +18 -0
- package/dist/index.js +5354 -0
- package/dist/loader/Loader.d.ts +9 -0
- package/dist/loader/Loader.view.d.ts +1 -0
- package/dist/logo192.png +0 -0
- package/dist/logo512.png +0 -0
- package/dist/main.d.ts +1 -0
- package/dist/manifest.json +25 -0
- package/dist/menus/Menus.d.ts +7 -0
- package/dist/menus/Menus.view.d.ts +1 -0
- package/dist/menus/menu/Menu.d.ts +8 -0
- package/dist/menus/menu/menu.interface.d.ts +10 -0
- package/dist/message/Message.d.ts +7 -0
- package/dist/message/Message.view.d.ts +1 -0
- package/dist/modal/Modal.d.ts +15 -0
- package/dist/modal/Modal.view.d.ts +1 -0
- package/dist/notFound/NotFound.d.ts +1 -0
- package/dist/overlayPanel/OverlayPanel.d.ts +21 -0
- package/dist/overlayPanel/OverlayPanel.view.d.ts +1 -0
- package/dist/overlayPanel/overlay.context.d.ts +11 -0
- package/dist/overlayPanel/overlayPanelStyled/OverlayPanelStyled.d.ts +7 -0
- package/dist/pdfViewer/PdfViewer.d.ts +12 -0
- package/dist/pdfViewer/PdfViewer.view.d.ts +1 -0
- package/dist/quantity/Quantity.d.ts +12 -0
- package/dist/quantity/Quantity.view.d.ts +0 -0
- package/dist/robots.txt +3 -0
- package/dist/search/Search.d.ts +23 -0
- package/dist/search/Search.view.d.ts +1 -0
- package/dist/select/Select.d.ts +19 -0
- package/dist/select/Select.view.d.ts +1 -0
- package/dist/select/selectOption.interface.d.ts +4 -0
- package/dist/sidebar/Sidebar.d.ts +13 -0
- package/dist/sidebar/Sidebar.view.d.ts +1 -0
- package/dist/sidebarData/SidebarData.d.ts +8 -0
- package/dist/sidebarData/SidebarData.view.d.ts +1 -0
- package/dist/style.css +5 -0
- package/dist/tabs/Tabs.d.ts +18 -0
- package/dist/tabs/Tabs.view.d.ts +1 -0
- package/dist/toaster/Toaster.d.ts +2 -0
- package/dist/toaster/Toaster.view.d.ts +1 -0
- package/dist/toaster/store/useToasterStore.d.ts +19 -0
- package/package.json +1 -1
- package/src/sidebar/Sidebar.tsx +59 -7
- package/src/sidebar/sidebar.css +6 -0
package/dist/App.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const AppRoutes: () => JSX.Element;
|
|
@@ -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,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 @@
|
|
|
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 @@
|
|
|
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,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,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,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,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;
|
package/dist/favicon.ico
ADDED
|
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,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;
|