kelt-ui-kit-react 2.0.2 → 2.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +0 -26
- package/dist/_core/type/generiqueType.d.ts +4 -0
- package/dist/badge/Badge.d.ts +3 -1
- package/dist/button/Button.d.ts +1 -1
- package/dist/button/button.interface.d.ts +1 -2
- package/dist/dataTable/DataTable.d.ts +17 -14
- package/dist/dataTable/dataTable.interface.d.ts +24 -19
- package/dist/dataTable/dataTableActions/DataTableAction.d.ts +3 -5
- package/dist/dataTable/dataTableColumn/DataTableColumn.d.ts +13 -7
- package/dist/dataTable/dataTableColumn/dataTableColumnFilter/DataTableColumnFilter.d.ts +10 -0
- package/dist/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterDate/DataTableColumnFilterDate.d.ts +9 -0
- package/dist/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterDateRange/dataTableColumnFilterDateRange.d.ts +9 -0
- package/dist/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterEnum/DataTableColumnFilterEnum.d.ts +13 -0
- package/dist/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterString/DataTableColumnFilterString.d.ts +9 -0
- package/dist/dataTable/dataTableColumn/dataTableColumnSort/DataTableColumnSort.d.ts +11 -0
- package/dist/dataTable/dataTableFilters/DataTableFilters.d.ts +7 -0
- package/dist/dataTable/dataTableLoading/DataTableLoading.d.ts +1 -3
- package/dist/dataTable/dataTableRow/DataTableRow.d.ts +5 -6
- package/dist/dataTable/dataTableRow/dataTableRowOverlay/DataTableRowOverlay.d.ts +12 -0
- package/dist/dataTable/dataTableRow/dataTableRowValue/DataTableRowValue.d.ts +11 -0
- package/dist/expands/expand/expand.d.ts +1 -1
- package/dist/form/Form.d.ts +2 -4
- package/dist/form/form.enum.d.ts +2 -3
- package/dist/form/form.interface.d.ts +2 -19
- package/dist/form/input/Input.d.ts +3 -0
- package/dist/form/inputNumber/InputNumber.d.ts +0 -2
- package/dist/grid/col/Col.d.ts +6 -3
- package/dist/grid/col/colStyled/ColStyled.d.ts +5 -7
- package/dist/grid/grid.interface.d.ts +5 -9
- package/dist/header/Header.d.ts +1 -1
- package/dist/header/header.interface.d.ts +1 -2
- package/dist/icon/Icon.d.ts +1 -1
- package/dist/icon/icon.interface.d.ts +1 -0
- package/dist/index.d.ts +1 -5
- package/dist/index.js +3606 -3543
- package/dist/menus/menu/Menu.d.ts +0 -1
- package/dist/overlayPanel/OverlayPanel.d.ts +4 -2
- package/dist/overlayPanel/overlayPanelStyled/OverlayPanelStyled.d.ts +2 -0
- package/dist/select/Select.d.ts +6 -2
- package/dist/select/selectOption.interface.d.ts +1 -0
- package/dist/style.css +1 -1
- package/dist/tabs/Tabs.d.ts +2 -1
- package/dist/toaster/store/useToasterStore.d.ts +0 -1
- package/index.html +2 -1
- package/package/package.json +56 -0
- package/package/src/sidebar/Sidebar.tsx +208 -0
- package/package/src/sidebar/sidebar.css +104 -0
- package/package.json +1 -1
- package/src/App.menu.tsx +0 -8
- package/src/_core/type/generiqueType.tsx +4 -0
- package/src/badge/Badge.tsx +9 -1
- package/src/badge/badge.css +4 -0
- package/src/button/Button.tsx +1 -3
- package/src/button/button.css +2 -2
- package/src/button/button.interface.tsx +1 -2
- package/src/card/card.css +25 -5
- package/src/card/cardAction/CardAction.tsx +4 -4
- package/src/damier/Damier.tsx +7 -16
- package/src/damier/damier.css +4 -11
- package/src/dataTable/DataTable.tsx +685 -542
- package/src/dataTable/DataTable.view.tsx +48 -24
- package/src/dataTable/dataTable.css +134 -159
- package/src/dataTable/dataTable.interface.ts +25 -19
- package/src/dataTable/dataTableActions/DataTableAction.tsx +14 -25
- package/src/dataTable/dataTableColumn/DataTableColumn.tsx +64 -14
- package/src/dataTable/dataTableColumn/dataTableColumnFilter/DataTableColumnFilter.tsx +36 -0
- package/src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilter.css +0 -0
- package/src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterDate/DataTableColumnFilterDate.tsx +39 -0
- package/src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterDateRange/dataTableColumnFilterDateRange.tsx +80 -0
- package/src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterEnum/DataTableColumnFilterEnum.tsx +89 -0
- package/src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterString/DataTableColumnFilterString.tsx +37 -0
- package/src/dataTable/dataTableColumn/dataTableColumnSort/DataTableColumnSort.tsx +42 -0
- package/src/dataTable/dataTableFilters/DataTableFilters.tsx +91 -0
- package/src/dataTable/dataTableFilters/dataTableFilters.css +16 -0
- package/src/dataTable/dataTableLoading/DataTableLoading.tsx +4 -15
- package/src/dataTable/dataTableRow/DataTableRow.tsx +64 -180
- package/src/dataTable/dataTableRow/dataTableRowOverlay/DataTableRowOverlay.tsx +80 -0
- package/src/dataTable/dataTableRow/dataTableRowValue/DataTableRowValue.tsx +123 -0
- package/src/expands/Expands.tsx +2 -16
- package/src/expands/expand/expand.tsx +5 -122
- package/src/expands/expands.css +3 -8
- package/src/form/Form.tsx +93 -258
- package/src/form/Form.view.tsx +1 -9
- package/src/form/form.css +1 -51
- package/src/form/form.enum.ts +1 -2
- package/src/form/form.interface.tsx +2 -28
- package/src/form/input/Input.tsx +61 -7
- package/src/form/input/input.css +23 -1
- package/src/form/inputNumber/InputNumber.tsx +6 -11
- package/src/form/inputPrice/InputPrice.tsx +2 -4
- package/src/grid/col/Col.tsx +7 -5
- package/src/grid/col/colStyled/ColStyled.tsx +7 -21
- package/src/grid/grid.interface.tsx +5 -11
- package/src/grid/row/row.css +2 -2
- package/src/header/Header.tsx +2 -4
- package/src/header/header.css +0 -17
- package/src/header/header.interface.tsx +1 -2
- package/src/icon/Icon.tsx +6 -2
- package/src/icon/icon.interface.tsx +1 -0
- package/src/index.css +12 -58
- package/src/index.ts +2 -12
- package/src/menus/Menus.tsx +0 -1
- package/src/menus/menu/Menu.tsx +1 -2
- package/src/overlayPanel/OverlayPanel.tsx +71 -18
- package/src/overlayPanel/overlay.context.tsx +6 -4
- package/src/overlayPanel/overlayPanel.css +10 -1
- package/src/overlayPanel/overlayPanelStyled/OverlayPanelStyled.tsx +7 -2
- package/src/select/Select.tsx +178 -41
- package/src/select/select.css +94 -13
- package/src/select/selectOption.interface.ts +1 -0
- package/src/sidebar/Sidebar.tsx +5 -107
- package/src/sidebar/sidebar.css +1 -18
- package/src/tabs/Tabs.tsx +20 -1
- package/src/tabs/tabs.css +3 -9
- package/src/toaster/Toaster.tsx +2 -7
- package/src/toaster/Toaster.view.tsx +0 -1
- package/src/toaster/store/useToasterStore.tsx +0 -2
- package/src/toaster/toaster.css +2 -7
- package/dist/addressSearch/AddressSearch.d.ts +0 -20
- package/dist/addressSearch/AddressSearch.view.d.ts +0 -1
- package/dist/geocoding/GeocodingService.d.ts +0 -13
- package/dist/geocoding/geocoding.interface.d.ts +0 -20
- package/src/addressSearch/AddressSearch.tsx +0 -246
- package/src/addressSearch/AddressSearch.view.tsx +0 -52
- package/src/addressSearch/addressSearch.css +0 -133
- package/src/geocoding/GeocodingService.ts +0 -89
- package/src/geocoding/geocoding.interface.ts +0 -25
package/README.md
CHANGED
|
@@ -1,31 +1,5 @@
|
|
|
1
1
|
# Getting Started with Create React App
|
|
2
2
|
|
|
3
|
-
## Address search
|
|
4
|
-
|
|
5
|
-
Use the `ADDRESS` field type to add geocoding directly to an address field.
|
|
6
|
-
The user can keep any manually entered value, while selecting a suggestion can
|
|
7
|
-
populate the rest of the form:
|
|
8
|
-
|
|
9
|
-
```tsx
|
|
10
|
-
{
|
|
11
|
-
name: "adresse1",
|
|
12
|
-
label: "Adresse",
|
|
13
|
-
type: TypeInputEnum.ADDRESS,
|
|
14
|
-
value: "",
|
|
15
|
-
addressSearch: {
|
|
16
|
-
mapAddress: (address) => ({
|
|
17
|
-
adresse1: address.addressLine,
|
|
18
|
-
codePostal: address.postalCode,
|
|
19
|
-
ville: address.city,
|
|
20
|
-
paysIso2: address.countryCode,
|
|
21
|
-
}),
|
|
22
|
-
},
|
|
23
|
-
};
|
|
24
|
-
```
|
|
25
|
-
|
|
26
|
-
Use `addressSearch.provider` to inject another service implementing
|
|
27
|
-
`GeocodingProvider`. The default provider does not require an API key.
|
|
28
|
-
|
|
29
3
|
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
|
|
30
4
|
|
|
31
5
|
## Available Scripts
|
package/dist/badge/Badge.d.ts
CHANGED
|
@@ -4,7 +4,9 @@ export type BadgeInterface = {
|
|
|
4
4
|
className?: string;
|
|
5
5
|
onClick?: (e: React.MouseEvent) => void;
|
|
6
6
|
title?: string;
|
|
7
|
+
color?: string;
|
|
8
|
+
onRemove?: (e: React.MouseEvent) => void;
|
|
7
9
|
sizeIcon?: IconSizeEnum;
|
|
8
10
|
classIcon?: string;
|
|
9
11
|
};
|
|
10
|
-
export declare const Badge: ({ className, onClick, title, sizeIcon, classIcon, }: BadgeInterface) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare const Badge: ({ className, onClick, color, title, onRemove, sizeIcon, classIcon, }: BadgeInterface) => import("react/jsx-runtime").JSX.Element;
|
package/dist/button/Button.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ButtonInterface } from './button.interface';
|
|
2
2
|
|
|
3
|
-
export declare const Button: ({ className, onClick, badge, title, sizeIcon, id, classIcon, positionicon, disabled,
|
|
3
|
+
export declare const Button: ({ className, onClick, badge, title, sizeIcon, id, classIcon, positionicon, disabled, }: ButtonInterface) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -5,13 +5,12 @@ export interface ButtonInterface {
|
|
|
5
5
|
className?: string;
|
|
6
6
|
badge?: BadgeInterface;
|
|
7
7
|
id?: string;
|
|
8
|
-
onClick?: (e: React.MouseEvent) => void;
|
|
8
|
+
onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
9
9
|
title: string;
|
|
10
10
|
classIcon?: string;
|
|
11
11
|
positionicon?: number;
|
|
12
12
|
disabled?: boolean;
|
|
13
13
|
sizeIcon?: IconSizeEnum;
|
|
14
|
-
style?: React.CSSProperties;
|
|
15
14
|
}
|
|
16
15
|
export interface buttonActionInterface {
|
|
17
16
|
icon?: string;
|
|
@@ -1,5 +1,16 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { DataTableActionsInterface, DataTableColumnsInterface } from './dataTable.interface';
|
|
2
2
|
|
|
3
|
+
export type DataTableDateRangeFilterValue = {
|
|
4
|
+
startDate: string;
|
|
5
|
+
endDate: string;
|
|
6
|
+
};
|
|
7
|
+
export type FilterValue = string | number | boolean | string[] | DataTableDateRangeFilterValue | null;
|
|
8
|
+
export type DataTableFilterState = Record<string, FilterValue>;
|
|
9
|
+
export type DataTableSortDirection = "asc" | "desc";
|
|
10
|
+
export type DataTableSortState = {
|
|
11
|
+
key: string;
|
|
12
|
+
direction: DataTableSortDirection;
|
|
13
|
+
};
|
|
3
14
|
export type DataTableProps<T> = {
|
|
4
15
|
id: string;
|
|
5
16
|
name?: string;
|
|
@@ -8,27 +19,19 @@ export type DataTableProps<T> = {
|
|
|
8
19
|
element?: JSX.Element;
|
|
9
20
|
data: T[];
|
|
10
21
|
emptyMessage?: string;
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
selectedRows: T[];
|
|
16
|
-
}) => JSX.Element;
|
|
17
|
-
columns: dataTableColumnsInterface<T>[];
|
|
22
|
+
actions?: DataTableActionsInterface<T>[];
|
|
23
|
+
columns: DataTableColumnsInterface<T>[];
|
|
24
|
+
onFiltersChange?: (next: DataTableFilterState) => void;
|
|
25
|
+
onSortChange?: (next: DataTableSortState | null) => void;
|
|
18
26
|
loading?: boolean;
|
|
19
27
|
onRowClick?: (row: any) => void;
|
|
20
28
|
onColumnClick?: (column: any) => void;
|
|
29
|
+
onEditColumnByOverlay?: (row: T) => void;
|
|
21
30
|
onLoadMore?: () => void;
|
|
22
31
|
hasMore?: boolean;
|
|
23
32
|
onSelectionChange?: (selectedRows: T[]) => void;
|
|
24
|
-
autoFocusFirstEditable?: boolean;
|
|
25
33
|
hideToggleAll?: boolean;
|
|
26
34
|
limitSelect?: number;
|
|
27
35
|
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
36
|
};
|
|
34
37
|
export declare function DataTable<T>(props: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,48 +1,53 @@
|
|
|
1
1
|
import { HTMLInputTypeAttribute } from 'react';
|
|
2
|
+
import { EnumerableType } from '../_core/type/generiqueType';
|
|
3
|
+
import { TypeInputEnum } from '../form/form.enum';
|
|
2
4
|
|
|
3
|
-
export interface
|
|
5
|
+
export interface DataTableColumnsInterface<T> {
|
|
4
6
|
id: string;
|
|
5
7
|
label: string;
|
|
8
|
+
key?: string;
|
|
9
|
+
name?: string;
|
|
10
|
+
sticky?: boolean;
|
|
6
11
|
minWidth?: number;
|
|
7
12
|
maxWidth?: number;
|
|
8
13
|
width?: number;
|
|
9
14
|
align?: "right" | "left" | "center";
|
|
15
|
+
alignText?: "right" | "left" | "center";
|
|
10
16
|
format?: (value: any) => string;
|
|
11
17
|
sortable?: boolean;
|
|
12
18
|
filterable?: boolean;
|
|
13
|
-
|
|
19
|
+
filterDataEnum?: EnumerableType[];
|
|
20
|
+
filterType?: TypeInputEnum;
|
|
14
21
|
editable?: boolean;
|
|
15
|
-
|
|
22
|
+
isUpdatable?: boolean;
|
|
16
23
|
options?: {
|
|
17
24
|
label: string;
|
|
18
25
|
value: string;
|
|
19
26
|
}[];
|
|
27
|
+
displayOverlay?: boolean;
|
|
28
|
+
onEditable?: (value: any, row: T) => boolean;
|
|
29
|
+
onChange?: (value: any, row: T) => void;
|
|
30
|
+
onEditByOverlay?: (value: any, row: T) => void;
|
|
20
31
|
onEdit?: (value: any, row: T) => void;
|
|
21
|
-
onEnter?: (value: any, row: T) => void;
|
|
22
32
|
onDisable?: (row: T) => boolean;
|
|
33
|
+
onEditTrigger?: "change" | "enter";
|
|
23
34
|
onRowStyle?: (row: T) => React.CSSProperties;
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
withStepControls?: boolean | ((row: T) => boolean);
|
|
31
|
-
step?: number;
|
|
32
|
-
min?: number;
|
|
33
|
-
max?: number;
|
|
35
|
+
renderComponent?: (value: any, row: T) => JSX.Element;
|
|
36
|
+
openClickCell?: boolean;
|
|
37
|
+
handleClickCell?: (e: React.MouseEvent<HTMLTableCellElement>, row: T) => void;
|
|
38
|
+
renderClickCellComponent?: (value: any, row: T) => JSX.Element;
|
|
39
|
+
type: HTMLInputTypeAttribute | "select";
|
|
40
|
+
children?: DataTableColumnsInterface<T>[];
|
|
34
41
|
}
|
|
35
|
-
export interface
|
|
42
|
+
export interface DataTableActionsInterface<T> {
|
|
36
43
|
id: string;
|
|
37
44
|
label: string;
|
|
38
45
|
type: "button" | "link" | "icon";
|
|
39
46
|
classIcon?: string;
|
|
40
|
-
onClick: (row: T
|
|
47
|
+
onClick: (row: T) => void;
|
|
41
48
|
shouldDisplay?: (row: T) => boolean;
|
|
42
49
|
disabled?: boolean;
|
|
43
50
|
labelButton?: (row: T) => string;
|
|
44
51
|
visible?: boolean;
|
|
45
|
-
width?:
|
|
46
|
-
minWidth?: string | number;
|
|
47
|
-
focusNextRow?: boolean;
|
|
52
|
+
width?: number;
|
|
48
53
|
}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { DataTableActionsInterface } from '../dataTable.interface';
|
|
2
2
|
|
|
3
3
|
type DataTableActionProps = {
|
|
4
|
-
action:
|
|
4
|
+
action: DataTableActionsInterface<any>;
|
|
5
5
|
row: any;
|
|
6
|
-
rowIndex?: number;
|
|
7
6
|
index?: number;
|
|
8
|
-
onFocusNextRow?: (rowIndex: number) => void;
|
|
9
7
|
};
|
|
10
|
-
export declare const DataTableAction: ({ action, row,
|
|
8
|
+
export declare const DataTableAction: ({ action, row, index, }: DataTableActionProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
11
9
|
export {};
|
|
@@ -1,9 +1,15 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { DataTableSortDirection } from '../DataTable';
|
|
2
|
+
import { DataTableColumnsInterface } from '../dataTable.interface';
|
|
2
3
|
|
|
3
|
-
|
|
4
|
-
|
|
4
|
+
export declare function DataTableColumn<T>({ column, idx, onColumnClick, hasNestedColumns, isFilterVisible, onToggleFilterVisibility, currentSortDirection, onToggleSort, stickyLeft, stickyTop, }: {
|
|
5
|
+
hasNestedColumns: boolean;
|
|
6
|
+
column: DataTableColumnsInterface<T>;
|
|
5
7
|
idx: number;
|
|
6
|
-
onColumnClick?: (column:
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
onColumnClick?: (column: DataTableColumnsInterface<T>) => void;
|
|
9
|
+
isFilterVisible?: boolean;
|
|
10
|
+
onToggleFilterVisibility?: (column: DataTableColumnsInterface<T>) => void;
|
|
11
|
+
currentSortDirection?: DataTableSortDirection | null;
|
|
12
|
+
onToggleSort?: (column: DataTableColumnsInterface<T>) => void;
|
|
13
|
+
stickyLeft?: number;
|
|
14
|
+
stickyTop?: number;
|
|
15
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { DataTableColumnsInterface } from '../../dataTable.interface';
|
|
2
|
+
|
|
3
|
+
type DataTableColumnFilterProps<T> = {
|
|
4
|
+
className?: string;
|
|
5
|
+
column: DataTableColumnsInterface<T>;
|
|
6
|
+
isFilterVisible?: boolean;
|
|
7
|
+
onToggleVisibility?: (column: DataTableColumnsInterface<T>) => void;
|
|
8
|
+
};
|
|
9
|
+
export declare const DataTableColumnFilter: <T>({ className, column, isFilterVisible, onToggleVisibility, }: DataTableColumnFilterProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
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,13 @@
|
|
|
1
|
+
import { EnumerableType } from '../../../../_core/type/generiqueType';
|
|
2
|
+
import { TypeInputEnum } from '../../../../form/form.enum';
|
|
3
|
+
|
|
4
|
+
type DataTableColumnFilterEnumProps = {
|
|
5
|
+
type: TypeInputEnum;
|
|
6
|
+
id: string;
|
|
7
|
+
name?: string;
|
|
8
|
+
data: EnumerableType[];
|
|
9
|
+
onChange: (value: string) => void;
|
|
10
|
+
currentValue?: string;
|
|
11
|
+
};
|
|
12
|
+
export declare const DataTableColumnFilterEnum: ({ type, id, onChange, name, data, currentValue, }: DataTableColumnFilterEnumProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
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,11 @@
|
|
|
1
|
+
import { DataTableSortDirection } from '../../DataTable';
|
|
2
|
+
import { DataTableColumnsInterface } from '../../dataTable.interface';
|
|
3
|
+
|
|
4
|
+
type DataTableColumnSortProps<T> = {
|
|
5
|
+
className?: string;
|
|
6
|
+
column: DataTableColumnsInterface<T>;
|
|
7
|
+
sortDirection?: DataTableSortDirection | null;
|
|
8
|
+
onToggleSort?: (column: DataTableColumnsInterface<T>) => void;
|
|
9
|
+
};
|
|
10
|
+
export declare const DataTableColumnSort: <T>({ className, column, sortDirection, onToggleSort, }: DataTableColumnSortProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { DataTableFilterState } from '../DataTable';
|
|
2
|
+
|
|
3
|
+
export type DataTableFiltersProps = {
|
|
4
|
+
currentFilters: DataTableFilterState;
|
|
5
|
+
setCurrentFilters: React.Dispatch<React.SetStateAction<DataTableFilterState>>;
|
|
6
|
+
};
|
|
7
|
+
export declare const DataTableFilters: ({ currentFilters, setCurrentFilters, }: DataTableFiltersProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
type DataTableLoadingProps = {
|
|
2
|
-
columns: any[];
|
|
3
|
-
actions: any[];
|
|
4
2
|
emptyMessage?: string;
|
|
5
3
|
};
|
|
6
|
-
export declare const DataTableLoading: ({
|
|
4
|
+
export declare const DataTableLoading: ({ emptyMessage }: DataTableLoadingProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
5
|
export {};
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { DataTableColumnsInterface } from '../dataTable.interface';
|
|
2
2
|
|
|
3
3
|
type DataTableRowProps = {
|
|
4
|
-
column:
|
|
4
|
+
column: DataTableColumnsInterface<any>;
|
|
5
5
|
idx: number;
|
|
6
|
-
rowIndex: number;
|
|
7
6
|
row: any;
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
onEditColumnByOverlay?: (row: any) => void;
|
|
8
|
+
stickyLeft?: number;
|
|
10
9
|
};
|
|
11
|
-
export declare const DataTableRow: ({ column, idx,
|
|
10
|
+
export declare const DataTableRow: ({ column, idx, row, onEditColumnByOverlay, stickyLeft, }: DataTableRowProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
11
|
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { DataTableColumnsInterface } from '../../dataTable.interface';
|
|
2
|
+
|
|
3
|
+
type DataTableRowOverlayProps = {
|
|
4
|
+
row: any;
|
|
5
|
+
column: DataTableColumnsInterface<any>;
|
|
6
|
+
value: string;
|
|
7
|
+
refRow: React.RefObject<HTMLTableCellElement>;
|
|
8
|
+
onClose?: (close: boolean) => void;
|
|
9
|
+
onEditColumnByOverlay?: (newRow: any) => void;
|
|
10
|
+
};
|
|
11
|
+
export declare const DataTableRowOverlay: ({ row, refRow, value, onClose, column, onEditColumnByOverlay, }: DataTableRowOverlayProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { DataTableColumnsInterface } from '../../dataTable.interface';
|
|
2
|
+
|
|
3
|
+
type DataTableRowValueProps = {
|
|
4
|
+
column: DataTableColumnsInterface<any>;
|
|
5
|
+
value: any;
|
|
6
|
+
row: any;
|
|
7
|
+
editable?: boolean;
|
|
8
|
+
onChange?: (value: any) => void;
|
|
9
|
+
};
|
|
10
|
+
export declare const DataTableRowValue: ({ column, row, value, editable, onChange, }: DataTableRowValueProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -5,6 +5,6 @@ export type ExpandProps = {
|
|
|
5
5
|
item: ExpandInterface;
|
|
6
6
|
className?: string;
|
|
7
7
|
showArrow?: boolean;
|
|
8
|
-
onChange
|
|
8
|
+
onChange?: (item: ExpandInterface) => void;
|
|
9
9
|
};
|
|
10
10
|
export declare const Expand: ({ currentExpand, item, className, showArrow, onChange, }: ExpandProps) => JSX.Element;
|
package/dist/form/Form.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { FormInterface,
|
|
2
|
+
import { FormInterface, FormValuesInterface } from './form.interface';
|
|
3
3
|
|
|
4
4
|
export type FormProps<T extends {
|
|
5
5
|
[key: string]: string | number | boolean | Date | string[];
|
|
@@ -10,10 +10,8 @@ export type FormProps<T extends {
|
|
|
10
10
|
hideSubmit?: boolean;
|
|
11
11
|
autoComplete?: string;
|
|
12
12
|
children?: React.ReactNode;
|
|
13
|
-
initialForm
|
|
14
|
-
sections?: FormSection[];
|
|
13
|
+
initialForm: FormInterface[];
|
|
15
14
|
disabledSubmit?: boolean;
|
|
16
|
-
mode?: FormMode;
|
|
17
15
|
onSubmit?: (values: FormValuesInterface<T>) => void;
|
|
18
16
|
onChange?: (values: FormValuesInterface<T>) => void;
|
|
19
17
|
};
|
package/dist/form/form.enum.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
export declare enum TypeInputEnum {
|
|
2
|
-
ADDRESS = "address",
|
|
3
2
|
TEXT = "text",
|
|
4
3
|
BUTTON = "button",
|
|
5
4
|
EMAIL = "email",
|
|
@@ -9,7 +8,7 @@ export declare enum TypeInputEnum {
|
|
|
9
8
|
CHECKBOX = "checkbox",
|
|
10
9
|
RADIO = "radio",
|
|
11
10
|
DATE = "date",
|
|
11
|
+
DATERANGE = "daterange",
|
|
12
12
|
SELECT = "select",
|
|
13
|
-
TEXTAREA = "textarea"
|
|
14
|
-
PRICE = "price"
|
|
13
|
+
TEXTAREA = "textarea"
|
|
15
14
|
}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { TypeInputEnum } from './form.enum';
|
|
2
|
-
import { GridBreakpoints } from '../grid/grid.interface';
|
|
3
|
-
import { GeocodedAddress, GeocodingProvider } from '../geocoding/geocoding.interface';
|
|
4
2
|
|
|
5
|
-
export type FormMode = "read" | "edit";
|
|
6
3
|
export type FormValuesInterface<T extends {
|
|
7
4
|
[key: string]: string | number | boolean | Date | string[];
|
|
8
5
|
}> = Partial<{
|
|
@@ -12,11 +9,6 @@ export interface FormCondition {
|
|
|
12
9
|
errorMessage: string;
|
|
13
10
|
regex: string;
|
|
14
11
|
}
|
|
15
|
-
export interface FormSection {
|
|
16
|
-
title?: React.ReactNode;
|
|
17
|
-
fields: FormInterface[];
|
|
18
|
-
className?: string;
|
|
19
|
-
}
|
|
20
12
|
export interface FormInterface {
|
|
21
13
|
value: string | number | boolean | Date;
|
|
22
14
|
id?: string;
|
|
@@ -30,22 +22,13 @@ export interface FormInterface {
|
|
|
30
22
|
condition?: FormCondition;
|
|
31
23
|
icon?: string;
|
|
32
24
|
multiple?: boolean;
|
|
25
|
+
usePortal?: boolean;
|
|
26
|
+
searchable?: boolean;
|
|
33
27
|
options?: {
|
|
34
28
|
value: string;
|
|
35
29
|
label: string;
|
|
36
30
|
}[];
|
|
37
31
|
className?: string;
|
|
38
|
-
col?: GridBreakpoints;
|
|
39
|
-
addressSearch?: {
|
|
40
|
-
minimumQueryLength?: number;
|
|
41
|
-
debounceTime?: number;
|
|
42
|
-
limit?: number;
|
|
43
|
-
provider?: GeocodingProvider;
|
|
44
|
-
manualEntryLabel?: string;
|
|
45
|
-
mapAddress?: (address: GeocodedAddress) => Record<string, string | number | boolean | Date | string[]>;
|
|
46
|
-
onSelect?: (address: GeocodedAddress) => void;
|
|
47
|
-
};
|
|
48
|
-
formatReadValue?: (value: string | number | boolean | Date | string[]) => React.ReactNode;
|
|
49
32
|
autoComplete?: string;
|
|
50
33
|
step?: string;
|
|
51
34
|
onChange?: (value: string | number | boolean | Date | string[], name?: string) => void;
|
|
@@ -12,12 +12,15 @@ export interface InputProps {
|
|
|
12
12
|
disabled?: boolean;
|
|
13
13
|
autoFocus?: boolean;
|
|
14
14
|
required?: boolean;
|
|
15
|
+
disabledDebounce?: boolean;
|
|
15
16
|
minLength?: number;
|
|
16
17
|
maxLength?: number;
|
|
18
|
+
width?: string;
|
|
17
19
|
autoComplete?: string;
|
|
18
20
|
step?: string;
|
|
19
21
|
tabIndex?: number;
|
|
20
22
|
checked?: boolean;
|
|
23
|
+
showClearButton?: boolean;
|
|
21
24
|
handleKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
22
25
|
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
23
26
|
onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
@@ -5,10 +5,8 @@ export type InputNumberProps = {
|
|
|
5
5
|
value?: string;
|
|
6
6
|
placeholder?: string;
|
|
7
7
|
className?: string;
|
|
8
|
-
pattern?: string;
|
|
9
8
|
disabled?: boolean;
|
|
10
9
|
required?: boolean;
|
|
11
|
-
inputMode?: "numeric" | "decimal";
|
|
12
10
|
autoFocus?: boolean;
|
|
13
11
|
maxLength?: number;
|
|
14
12
|
autoComplete?: string;
|
package/dist/grid/col/Col.d.ts
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
type ColProps = {
|
|
3
|
+
xs?: number;
|
|
4
|
+
sm?: number;
|
|
5
|
+
md?: number;
|
|
6
|
+
lg?: number;
|
|
4
7
|
children: React.ReactNode;
|
|
5
8
|
};
|
|
6
9
|
export declare const Col: React.FC<ColProps>;
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
3
2
|
type ColStyledProps = {
|
|
4
|
-
$xs?:
|
|
5
|
-
$sm?:
|
|
6
|
-
$md?:
|
|
7
|
-
$lg?:
|
|
8
|
-
$xl?: GridColumnSpan;
|
|
3
|
+
$xs?: number;
|
|
4
|
+
$sm?: number;
|
|
5
|
+
$md?: number;
|
|
6
|
+
$lg?: number;
|
|
9
7
|
};
|
|
10
8
|
export declare const ColStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColStyledProps>> & string;
|
|
11
9
|
export {};
|
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export
|
|
3
|
-
|
|
4
|
-
xs?:
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
lg?: GridColumnSpan;
|
|
8
|
-
xl?: GridColumnSpan;
|
|
9
|
-
}
|
|
10
|
-
export interface GridInterface extends GridBreakpoints {
|
|
2
|
+
export interface GridInterface {
|
|
3
|
+
sm?: number;
|
|
4
|
+
xs?: number;
|
|
5
|
+
md?: number;
|
|
6
|
+
lg?: number;
|
|
11
7
|
children: React.ReactNode;
|
|
12
8
|
}
|
package/dist/header/Header.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { HeaderInterface } from './header.interface';
|
|
2
2
|
|
|
3
|
-
export declare const Header: ({ children, logo, onClickMenu, userChildren, positionFixed,
|
|
3
|
+
export declare const Header: ({ children, logo, onClickMenu, userChildren, positionFixed, onClickLogo, showBackNavigation, onClickBackNavigation, }: HeaderInterface) => JSX.Element;
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export interface HeaderInterface {
|
|
3
|
-
logo?:
|
|
3
|
+
logo?: string;
|
|
4
4
|
children?: React.ReactNode;
|
|
5
5
|
positionFixed?: boolean;
|
|
6
6
|
onClickMenu?: () => void;
|
|
7
7
|
userChildren?: React.ReactNode;
|
|
8
8
|
onClickLogo?: () => void;
|
|
9
|
-
overlayClassName?: string;
|
|
10
9
|
showBackNavigation?: boolean;
|
|
11
10
|
onClickBackNavigation?: () => void;
|
|
12
11
|
}
|
package/dist/icon/Icon.d.ts
CHANGED
package/dist/index.d.ts
CHANGED
|
@@ -11,12 +11,11 @@ export { useToken } from './_core/hooks/useToken';
|
|
|
11
11
|
export { useValidate } from './_core/hooks/useValidate';
|
|
12
12
|
export { WidgetSupport } from './_core/hooks/widgetSupport';
|
|
13
13
|
export { ButtonAction } from './action/ButtonAction';
|
|
14
|
-
export { AddressSearch } from './addressSearch/AddressSearch';
|
|
15
|
-
export type { AddressSearchProps } from './addressSearch/AddressSearch';
|
|
16
14
|
export { Badge } from './badge/Badge';
|
|
17
15
|
export { Button } from './button/Button';
|
|
18
16
|
export { ButtonActions } from './button/buttonActions/ButtonActions';
|
|
19
17
|
export { ButtonFile } from './button/buttonFile/ButtonFile';
|
|
18
|
+
export { ButtonFilters } from './button/buttonFilters/ButtonFilters';
|
|
20
19
|
export { Card } from './card/Card';
|
|
21
20
|
export { Carousel } from './carousel/Carousel';
|
|
22
21
|
export { Damier } from './damier/Damier';
|
|
@@ -26,14 +25,11 @@ export { Expands } from './expands/Expands';
|
|
|
26
25
|
export { FilAriane } from './filAriane/FilAriane';
|
|
27
26
|
export { DynamicForm } from './form/Form';
|
|
28
27
|
export { TypeInputEnum } from './form/form.enum';
|
|
29
|
-
export type { FormMode, FormSection } from './form/form.interface';
|
|
30
28
|
export { Input } from './form/input/Input';
|
|
31
29
|
export { InputNumber } from './form/inputNumber/InputNumber';
|
|
32
30
|
export { InputPrice } from './form/inputPrice/InputPrice';
|
|
33
31
|
export { TextArea } from './form/textArea/TextArea';
|
|
34
32
|
export { Grid } from './grid/Grid';
|
|
35
|
-
export { GeocodingService, geocodingService, } from './geocoding/GeocodingService';
|
|
36
|
-
export type { GeocodedAddress, GeocodingProvider, GeocodingSearchOptions, } from './geocoding/geocoding.interface';
|
|
37
33
|
export { Header } from './header/Header';
|
|
38
34
|
export { Icon } from './icon/Icon';
|
|
39
35
|
export { IconSizeEnum } from './icon/iconSize.enum';
|