fui-material 0.2.75 → 0.2.77
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/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/function-elements/fAlert/fAlert.d.ts +1 -5
- package/dist/cjs/types/function-elements/fConfirm/fConfirm.d.ts +1 -4
- package/dist/cjs/types/function-elements/fPrompt/fPrompt.d.ts +1 -4
- package/dist/cjs/types/function-elements/interfaces.d.ts +13 -0
- package/dist/cjs/types/icons/FArrowIcon/FArrowIcon.d.ts +1 -10
- package/dist/cjs/types/icons/FCheckIcon/FCheckIcon.d.ts +1 -9
- package/dist/cjs/types/icons/FCloseIcon/FCloseIcon.d.ts +1 -9
- package/dist/cjs/types/icons/FCopyAddIcon/FCopyAdd.d.ts +1 -9
- package/dist/cjs/types/icons/FDownloadIcon/FDownloadIcon.d.ts +1 -9
- package/dist/cjs/types/icons/FFilterIcon/FFilterIcon.d.ts +1 -9
- package/dist/cjs/types/icons/FListIcon/FListIcon.d.ts +1 -9
- package/dist/cjs/types/icons/FLoadIcon/FLoadIcon.d.ts +1 -9
- package/dist/cjs/types/icons/FPenIcon/FPenIcon.d.ts +1 -9
- package/dist/cjs/types/icons/FPlusIcon/FPlusIcon.d.ts +1 -9
- package/dist/cjs/types/icons/FTrashIcon/FTrashIcon.d.ts +1 -9
- package/dist/cjs/types/icons/FUnlinkIcon/FUnlinkIcon.d.ts +1 -9
- package/dist/cjs/types/icons/interfaces.d.ts +98 -0
- package/dist/cjs/types/material/Dialog/FDialog/FDialog.d.ts +2 -11
- package/dist/cjs/types/material/Dialog/FDialogBody/FDialogBody.d.ts +2 -6
- package/dist/cjs/types/material/Dialog/FDialogFooter/FDialogFooter.d.ts +2 -4
- package/dist/cjs/types/material/Dialog/FDialogHeader/FDialogHeader.d.ts +1 -4
- package/dist/cjs/types/material/Dropdown/FDropdown/FDropdown.d.ts +2 -12
- package/dist/cjs/types/material/Dropdown/FDropdownItem/FDropdownItem.d.ts +2 -9
- package/dist/cjs/types/material/FAccordion/FAccordion.d.ts +2 -10
- package/dist/cjs/types/material/FAlert/FAlert.d.ts +2 -15
- package/dist/cjs/types/material/FButton/FButton.d.ts +1 -14
- package/dist/cjs/types/material/FButtonFile/FButtonFile.d.ts +2 -19
- package/dist/cjs/types/material/FCheckbox/FCheckbox.d.ts +2 -11
- package/dist/cjs/types/material/FContainer/FContainer.d.ts +2 -8
- package/dist/cjs/types/material/FFile/FFile.d.ts +2 -8
- package/dist/cjs/types/material/FFullDateField/FFullDateField.d.ts +2 -21
- package/dist/cjs/types/material/FGrid/FGrid.d.ts +2 -15
- package/dist/cjs/types/material/FInputFileForm/FInputFileForm.d.ts +2 -17
- package/dist/cjs/types/material/FNative/FNative.d.ts +2 -16
- package/dist/cjs/types/material/FOpenImgFull/FOpenImgFull.d.ts +2 -11
- package/dist/cjs/types/material/FPagination/FPagination.d.ts +2 -11
- package/dist/cjs/types/material/FPaper/FPaper.d.ts +2 -15
- package/dist/cjs/types/material/FPreloader/FPreloader.d.ts +2 -7
- package/dist/cjs/types/material/FProgress/FProgress.d.ts +2 -5
- package/dist/cjs/types/material/FRadioButton/FRadioButton.d.ts +2 -10
- package/dist/cjs/types/material/FSearchBox/FSearchBox.d.ts +2 -27
- package/dist/cjs/types/material/FSelectSearchDb/FSelectSearchDb.d.ts +2 -18
- package/dist/cjs/types/material/FStack/FStack.d.ts +2 -11
- package/dist/cjs/types/material/FTextArea/FTextArea.d.ts +2 -21
- package/dist/cjs/types/material/FTextField/FTextField.d.ts +2 -23
- package/dist/cjs/types/material/FTimelineComponents/FTimeline/FTimeline.d.ts +2 -7
- package/dist/cjs/types/material/FTimelineComponents/FTimelineCard/FTimelineCard.d.ts +2 -8
- package/dist/cjs/types/material/SelectComponents/FSelect/FSelect.d.ts +2 -18
- package/dist/cjs/types/material/SelectComponents/FSelectItem/FSelectItem.d.ts +2 -11
- package/dist/cjs/types/material/TableComponents/FTable/FTable.d.ts +2 -9
- package/dist/cjs/types/material/TableComponents/FTableBody/FTableBody.d.ts +2 -8
- package/dist/cjs/types/material/TableComponents/FTableDataCell/FTableDataCell.d.ts +2 -12
- package/dist/cjs/types/material/TableComponents/FTableFooter/FTableFooter.d.ts +2 -8
- package/dist/cjs/types/material/TableComponents/FTableHead/FTableHead.d.ts +2 -8
- package/dist/cjs/types/material/TableComponents/FTableHeaderCell/FTableHeaderCell.d.ts +2 -10
- package/dist/cjs/types/material/TableComponents/FTableRow/FTableRow.d.ts +2 -8
- package/dist/cjs/types/material/Tabs/FTab/FTab.d.ts +2 -10
- package/dist/cjs/types/material/Tabs/FTabs/FTabs.d.ts +2 -7
- package/dist/cjs/types/material/interfaces.d.ts +450 -0
- package/dist/cjs/types/stories/Page.stories.d.ts +1 -7
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/function-elements/fAlert/fAlert.d.ts +1 -5
- package/dist/esm/types/function-elements/fConfirm/fConfirm.d.ts +1 -4
- package/dist/esm/types/function-elements/fPrompt/fPrompt.d.ts +1 -4
- package/dist/esm/types/function-elements/interfaces.d.ts +13 -0
- package/dist/esm/types/icons/FArrowIcon/FArrowIcon.d.ts +1 -10
- package/dist/esm/types/icons/FCheckIcon/FCheckIcon.d.ts +1 -9
- package/dist/esm/types/icons/FCloseIcon/FCloseIcon.d.ts +1 -9
- package/dist/esm/types/icons/FCopyAddIcon/FCopyAdd.d.ts +1 -9
- package/dist/esm/types/icons/FDownloadIcon/FDownloadIcon.d.ts +1 -9
- package/dist/esm/types/icons/FFilterIcon/FFilterIcon.d.ts +1 -9
- package/dist/esm/types/icons/FListIcon/FListIcon.d.ts +1 -9
- package/dist/esm/types/icons/FLoadIcon/FLoadIcon.d.ts +1 -9
- package/dist/esm/types/icons/FPenIcon/FPenIcon.d.ts +1 -9
- package/dist/esm/types/icons/FPlusIcon/FPlusIcon.d.ts +1 -9
- package/dist/esm/types/icons/FTrashIcon/FTrashIcon.d.ts +1 -9
- package/dist/esm/types/icons/FUnlinkIcon/FUnlinkIcon.d.ts +1 -9
- package/dist/esm/types/icons/interfaces.d.ts +98 -0
- package/dist/esm/types/material/Dialog/FDialog/FDialog.d.ts +2 -11
- package/dist/esm/types/material/Dialog/FDialogBody/FDialogBody.d.ts +2 -6
- package/dist/esm/types/material/Dialog/FDialogFooter/FDialogFooter.d.ts +2 -4
- package/dist/esm/types/material/Dialog/FDialogHeader/FDialogHeader.d.ts +1 -4
- package/dist/esm/types/material/Dropdown/FDropdown/FDropdown.d.ts +2 -12
- package/dist/esm/types/material/Dropdown/FDropdownItem/FDropdownItem.d.ts +2 -9
- package/dist/esm/types/material/FAccordion/FAccordion.d.ts +2 -10
- package/dist/esm/types/material/FAlert/FAlert.d.ts +2 -15
- package/dist/esm/types/material/FButton/FButton.d.ts +1 -14
- package/dist/esm/types/material/FButtonFile/FButtonFile.d.ts +2 -19
- package/dist/esm/types/material/FCheckbox/FCheckbox.d.ts +2 -11
- package/dist/esm/types/material/FContainer/FContainer.d.ts +2 -8
- package/dist/esm/types/material/FFile/FFile.d.ts +2 -8
- package/dist/esm/types/material/FFullDateField/FFullDateField.d.ts +2 -21
- package/dist/esm/types/material/FGrid/FGrid.d.ts +2 -15
- package/dist/esm/types/material/FInputFileForm/FInputFileForm.d.ts +2 -17
- package/dist/esm/types/material/FNative/FNative.d.ts +2 -16
- package/dist/esm/types/material/FOpenImgFull/FOpenImgFull.d.ts +2 -11
- package/dist/esm/types/material/FPagination/FPagination.d.ts +2 -11
- package/dist/esm/types/material/FPaper/FPaper.d.ts +2 -15
- package/dist/esm/types/material/FPreloader/FPreloader.d.ts +2 -7
- package/dist/esm/types/material/FProgress/FProgress.d.ts +2 -5
- package/dist/esm/types/material/FRadioButton/FRadioButton.d.ts +2 -10
- package/dist/esm/types/material/FSearchBox/FSearchBox.d.ts +2 -27
- package/dist/esm/types/material/FSelectSearchDb/FSelectSearchDb.d.ts +2 -18
- package/dist/esm/types/material/FStack/FStack.d.ts +2 -11
- package/dist/esm/types/material/FTextArea/FTextArea.d.ts +2 -21
- package/dist/esm/types/material/FTextField/FTextField.d.ts +2 -23
- package/dist/esm/types/material/FTimelineComponents/FTimeline/FTimeline.d.ts +2 -7
- package/dist/esm/types/material/FTimelineComponents/FTimelineCard/FTimelineCard.d.ts +2 -8
- package/dist/esm/types/material/SelectComponents/FSelect/FSelect.d.ts +2 -18
- package/dist/esm/types/material/SelectComponents/FSelectItem/FSelectItem.d.ts +2 -11
- package/dist/esm/types/material/TableComponents/FTable/FTable.d.ts +2 -9
- package/dist/esm/types/material/TableComponents/FTableBody/FTableBody.d.ts +2 -8
- package/dist/esm/types/material/TableComponents/FTableDataCell/FTableDataCell.d.ts +2 -12
- package/dist/esm/types/material/TableComponents/FTableFooter/FTableFooter.d.ts +2 -8
- package/dist/esm/types/material/TableComponents/FTableHead/FTableHead.d.ts +2 -8
- package/dist/esm/types/material/TableComponents/FTableHeaderCell/FTableHeaderCell.d.ts +2 -10
- package/dist/esm/types/material/TableComponents/FTableRow/FTableRow.d.ts +2 -8
- package/dist/esm/types/material/Tabs/FTab/FTab.d.ts +2 -10
- package/dist/esm/types/material/Tabs/FTabs/FTabs.d.ts +2 -7
- package/dist/esm/types/material/interfaces.d.ts +450 -0
- package/dist/esm/types/stories/Page.stories.d.ts +1 -7
- package/dist/index.d.ts +401 -391
- package/package.json +4 -27
- package/dist/cjs/types/material/FSelectSearchDb/FSelectSearchDbLegacy.d.ts +0 -1
- package/dist/esm/types/material/FSelectSearchDb/FSelectSearchDbLegacy.d.ts +0 -1
|
@@ -1,12 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import './FLoadIconCss.css';
|
|
3
|
-
|
|
4
|
-
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
5
|
-
size?: number;
|
|
6
|
-
st?: React.CSSProperties;
|
|
7
|
-
id?: string;
|
|
8
|
-
className?: string;
|
|
9
|
-
handleClick?: () => void;
|
|
10
|
-
}
|
|
2
|
+
import { IFLoadIcon } from "../interfaces";
|
|
11
3
|
declare const FLoadIcon: ({ size, st, id, className, color }: IFLoadIcon) => import("react/jsx-runtime").JSX.Element;
|
|
12
4
|
export default FLoadIcon;
|
|
@@ -1,12 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import "../../material/statick/Colors.css";
|
|
3
|
-
|
|
4
|
-
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
5
|
-
size?: number;
|
|
6
|
-
st?: React.CSSProperties;
|
|
7
|
-
id?: string;
|
|
8
|
-
className?: string;
|
|
9
|
-
handleClick?: () => void;
|
|
10
|
-
}
|
|
2
|
+
import { IFPenIcon } from "../interfaces";
|
|
11
3
|
declare const FPenIcon: ({ color, size, st, id, className, handleClick }: IFPenIcon) => import("react/jsx-runtime").JSX.Element;
|
|
12
4
|
export default FPenIcon;
|
|
@@ -1,12 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import "../../material/statick/Colors.css";
|
|
3
|
-
|
|
4
|
-
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
5
|
-
size?: number;
|
|
6
|
-
st?: React.CSSProperties;
|
|
7
|
-
id?: string;
|
|
8
|
-
className?: string;
|
|
9
|
-
handleClick?: () => void;
|
|
10
|
-
}
|
|
2
|
+
import { IFPlusIcon } from "../interfaces";
|
|
11
3
|
declare const FPlusIcon: ({ color, size, st, className, id, handleClick }: IFPlusIcon) => import("react/jsx-runtime").JSX.Element;
|
|
12
4
|
export default FPlusIcon;
|
|
@@ -1,12 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import "../../material/statick/Colors.css";
|
|
3
|
-
|
|
4
|
-
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
5
|
-
size?: number;
|
|
6
|
-
st?: React.CSSProperties;
|
|
7
|
-
id?: string;
|
|
8
|
-
className?: string;
|
|
9
|
-
handleClick?: () => void;
|
|
10
|
-
}
|
|
2
|
+
import { IFTrashIcon } from "../interfaces";
|
|
11
3
|
declare const FTrashIcon: ({ color, size, st, id, className, handleClick, }: IFTrashIcon) => import("react/jsx-runtime").JSX.Element;
|
|
12
4
|
export default FTrashIcon;
|
|
@@ -1,12 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import "../../material/statick/Colors.css";
|
|
3
|
-
|
|
4
|
-
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
5
|
-
size?: number;
|
|
6
|
-
st?: React.CSSProperties;
|
|
7
|
-
id?: string;
|
|
8
|
-
className?: string;
|
|
9
|
-
handleClick?: () => void;
|
|
10
|
-
}
|
|
2
|
+
import { IFUnlinkIcon } from "../interfaces";
|
|
11
3
|
declare const FUnlinkIcon: ({ color, size, st, id, className, handleClick }: IFUnlinkIcon) => import("react/jsx-runtime").JSX.Element;
|
|
12
4
|
export default FUnlinkIcon;
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface IFArrowIcon {
|
|
3
|
+
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
4
|
+
size?: number;
|
|
5
|
+
st?: React.CSSProperties;
|
|
6
|
+
direction?: 'up' | 'down' | 'left' | 'right';
|
|
7
|
+
handleClick?: () => void;
|
|
8
|
+
id?: string;
|
|
9
|
+
className?: string;
|
|
10
|
+
}
|
|
11
|
+
export interface IFCheckIcon {
|
|
12
|
+
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
13
|
+
size?: number;
|
|
14
|
+
st?: React.CSSProperties;
|
|
15
|
+
id?: string;
|
|
16
|
+
className?: string;
|
|
17
|
+
handleClick?: () => void;
|
|
18
|
+
}
|
|
19
|
+
export interface IFCloseIcon {
|
|
20
|
+
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
21
|
+
size?: number;
|
|
22
|
+
st?: React.CSSProperties;
|
|
23
|
+
id?: string;
|
|
24
|
+
className?: string;
|
|
25
|
+
handleClose?: () => void;
|
|
26
|
+
}
|
|
27
|
+
export interface IFCopyAddIcon {
|
|
28
|
+
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
29
|
+
size?: number;
|
|
30
|
+
st?: React.CSSProperties;
|
|
31
|
+
id?: string;
|
|
32
|
+
className?: string;
|
|
33
|
+
handleClick?: () => void;
|
|
34
|
+
}
|
|
35
|
+
export interface IFDownloadIcon {
|
|
36
|
+
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
37
|
+
size?: number;
|
|
38
|
+
st?: React.CSSProperties;
|
|
39
|
+
id?: string;
|
|
40
|
+
className?: string;
|
|
41
|
+
handleClick?: () => void;
|
|
42
|
+
}
|
|
43
|
+
export interface IFFilterIcon {
|
|
44
|
+
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
45
|
+
size?: number;
|
|
46
|
+
st?: React.CSSProperties;
|
|
47
|
+
id?: string;
|
|
48
|
+
className?: string;
|
|
49
|
+
handleClick?: () => void;
|
|
50
|
+
}
|
|
51
|
+
export interface IFListIcon {
|
|
52
|
+
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
53
|
+
size?: number;
|
|
54
|
+
st?: React.CSSProperties;
|
|
55
|
+
id?: string;
|
|
56
|
+
className?: string;
|
|
57
|
+
handleClick?: () => void;
|
|
58
|
+
}
|
|
59
|
+
export interface IFLoadIcon {
|
|
60
|
+
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
61
|
+
size?: number;
|
|
62
|
+
st?: React.CSSProperties;
|
|
63
|
+
id?: string;
|
|
64
|
+
className?: string;
|
|
65
|
+
handleClick?: () => void;
|
|
66
|
+
}
|
|
67
|
+
export interface IFPenIcon {
|
|
68
|
+
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
69
|
+
size?: number;
|
|
70
|
+
st?: React.CSSProperties;
|
|
71
|
+
id?: string;
|
|
72
|
+
className?: string;
|
|
73
|
+
handleClick?: () => void;
|
|
74
|
+
}
|
|
75
|
+
export interface IFPlusIcon {
|
|
76
|
+
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
77
|
+
size?: number;
|
|
78
|
+
st?: React.CSSProperties;
|
|
79
|
+
id?: string;
|
|
80
|
+
className?: string;
|
|
81
|
+
handleClick?: () => void;
|
|
82
|
+
}
|
|
83
|
+
export interface IFTrashIcon {
|
|
84
|
+
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
85
|
+
size?: number;
|
|
86
|
+
st?: React.CSSProperties;
|
|
87
|
+
id?: string;
|
|
88
|
+
className?: string;
|
|
89
|
+
handleClick?: () => void;
|
|
90
|
+
}
|
|
91
|
+
export interface IFUnlinkIcon {
|
|
92
|
+
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
93
|
+
size?: number;
|
|
94
|
+
st?: React.CSSProperties;
|
|
95
|
+
id?: string;
|
|
96
|
+
className?: string;
|
|
97
|
+
handleClick?: () => void;
|
|
98
|
+
}
|
|
@@ -1,14 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from "react";
|
|
2
2
|
import "../style/style.css";
|
|
3
|
-
|
|
4
|
-
openAndClose: boolean;
|
|
5
|
-
id?: string;
|
|
6
|
-
className?: string;
|
|
7
|
-
st?: React.CSSProperties;
|
|
8
|
-
children?: React.ReactChild | React.ReactNode;
|
|
9
|
-
hide?: boolean;
|
|
10
|
-
closeButtonBackPage?: React.Dispatch<React.SetStateAction<boolean>>;
|
|
11
|
-
width?: 'xs' | 'md' | 'lg' | 'xxl' | 'adaptive';
|
|
12
|
-
}
|
|
3
|
+
import { IFDialog } from "../../interfaces";
|
|
13
4
|
declare const FDialog: FC<IFDialog>;
|
|
14
5
|
export default FDialog;
|
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
st?: React.CSSProperties;
|
|
4
|
-
children?: React.ReactChild | React.ReactNode;
|
|
5
|
-
scroll?: boolean;
|
|
6
|
-
}
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import { IFDialogBody } from "../../interfaces";
|
|
7
3
|
declare const FDialogBody: FC<IFDialogBody>;
|
|
8
4
|
export default FDialogBody;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
children?: React.ReactChild | React.ReactNode;
|
|
4
|
-
}
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import { IFDialogFooter } from "../../interfaces";
|
|
5
3
|
declare const FDialogFooter: FC<IFDialogFooter>;
|
|
6
4
|
export default FDialogFooter;
|
|
@@ -1,15 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from "react";
|
|
2
2
|
import '../statick/FDropdown.css';
|
|
3
|
-
|
|
4
|
-
label?: React.ReactChild | React.ReactNode;
|
|
5
|
-
children?: React.ReactChild | React.ReactNode;
|
|
6
|
-
variant?: 'contained' | 'default';
|
|
7
|
-
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
8
|
-
size?: 'btn-lg' | 'btn-sm' | 'btn-xs';
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
st?: React.CSSProperties;
|
|
11
|
-
className?: string;
|
|
12
|
-
id?: string;
|
|
13
|
-
}
|
|
3
|
+
import { IFDropdown } from "../../interfaces";
|
|
14
4
|
declare const FDropdown: FC<IFDropdown>;
|
|
15
5
|
export default FDropdown;
|
|
@@ -1,11 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
disabled?: boolean;
|
|
4
|
-
st?: React.CSSProperties;
|
|
5
|
-
className?: string;
|
|
6
|
-
id?: string;
|
|
7
|
-
children?: React.ReactChild | React.ReactNode;
|
|
8
|
-
onClick?: React.MouseEventHandler<HTMLLIElement> | undefined;
|
|
9
|
-
}
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import { IFDropdownItem } from "../../interfaces";
|
|
10
3
|
declare const FDropdownItem: FC<IFDropdownItem>;
|
|
11
4
|
export default FDropdownItem;
|
|
@@ -1,13 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
import './FAccordion.css';
|
|
3
|
-
|
|
4
|
-
children?: React.ReactChild | React.ReactNode;
|
|
5
|
-
variant?: 'info' | 'alert' | 'warning';
|
|
6
|
-
title?: string;
|
|
7
|
-
id?: string;
|
|
8
|
-
className?: string;
|
|
9
|
-
st?: React.CSSProperties;
|
|
10
|
-
defaultOpen?: boolean;
|
|
11
|
-
}
|
|
3
|
+
import { IFAccordion } from "../interfaces";
|
|
12
4
|
declare const FAccordion: FC<IFAccordion>;
|
|
13
5
|
export default FAccordion;
|
|
@@ -1,18 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from "react";
|
|
2
2
|
import './FAlert.css';
|
|
3
|
-
|
|
4
|
-
title?: string;
|
|
5
|
-
body?: string;
|
|
6
|
-
variant: 'info' | 'error' | 'success' | 'warning';
|
|
7
|
-
onClose?: (e: boolean) => void;
|
|
8
|
-
st?: React.CSSProperties | undefined;
|
|
9
|
-
open: boolean;
|
|
10
|
-
vertical?: 'top' | 'bottom' | 'center';
|
|
11
|
-
horizontal?: 'left' | 'center' | 'right';
|
|
12
|
-
buttonClose?: boolean;
|
|
13
|
-
className?: string;
|
|
14
|
-
displayTime?: number;
|
|
15
|
-
size?: string;
|
|
16
|
-
}
|
|
3
|
+
import { IFAlert } from "../interfaces";
|
|
17
4
|
declare const FAlert: FC<IFAlert>;
|
|
18
5
|
export default FAlert;
|
|
@@ -1,18 +1,5 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
import './FButton.css';
|
|
3
2
|
import "../statick/Colors.css";
|
|
4
|
-
|
|
5
|
-
children?: React.ReactChild | React.ReactNode;
|
|
6
|
-
variant?: 'contained' | 'default';
|
|
7
|
-
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
8
|
-
size?: 'btn-lg' | 'btn-sm' | 'btn-xs';
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
11
|
-
st?: React.CSSProperties;
|
|
12
|
-
className?: string;
|
|
13
|
-
fullWidth?: boolean;
|
|
14
|
-
id?: string;
|
|
15
|
-
type?: "button" | "submit" | "reset" | undefined;
|
|
16
|
-
}
|
|
3
|
+
import { IFButton } from "../interfaces";
|
|
17
4
|
declare const FButton: ({ children, variant, color, size, disabled, onClick, st, className, fullWidth, id, type }: IFButton) => import("react/jsx-runtime").JSX.Element;
|
|
18
5
|
export default FButton;
|
|
@@ -1,21 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import './FButtonFile.css';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
variant?: 'contained' | 'default';
|
|
6
|
-
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
7
|
-
size?: 'btn-lg' | 'btn-sm' | 'btn-xs';
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
st?: React.CSSProperties;
|
|
10
|
-
className?: string;
|
|
11
|
-
fullWidth?: boolean;
|
|
12
|
-
id?: string;
|
|
13
|
-
onChange: (file: FileList | null) => void;
|
|
14
|
-
multiple?: boolean;
|
|
15
|
-
maxCount?: number;
|
|
16
|
-
accept?: string;
|
|
17
|
-
spacing?: 0 | 0.5 | 1 | 2 | 3 | 4 | 8 | 12 | undefined;
|
|
18
|
-
direction?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
|
|
19
|
-
}
|
|
20
|
-
declare const FButtonFile: ({ children, variant, color, size, disabled, st, className, fullWidth, id, onChange, multiple, maxCount, accept, spacing, direction }: IFButtonFile) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
import { IFButtonFile } from "../interfaces";
|
|
3
|
+
declare const FButtonFile: ({ children, variant, color, size, disabled, st, className, fullWidth, id, onChange, multiple, maxCount, accept, spacing, direction, required }: IFButtonFile) => import("react/jsx-runtime").JSX.Element;
|
|
21
4
|
export default FButtonFile;
|
|
@@ -1,14 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from "react";
|
|
2
2
|
import "./Checkbox.css";
|
|
3
|
-
|
|
4
|
-
label?: React.ReactChild | React.ReactNode;
|
|
5
|
-
onChange: React.ChangeEventHandler<HTMLInputElement> | undefined;
|
|
6
|
-
defaultChecked?: boolean | undefined;
|
|
7
|
-
className?: string;
|
|
8
|
-
id?: string;
|
|
9
|
-
st?: React.CSSProperties | undefined;
|
|
10
|
-
checked?: boolean | undefined;
|
|
11
|
-
disabled?: boolean;
|
|
12
|
-
}
|
|
3
|
+
import { IFCheckbox } from "../interfaces";
|
|
13
4
|
declare const FCheckbox: FC<IFCheckbox>;
|
|
14
5
|
export default FCheckbox;
|
|
@@ -1,11 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from "react";
|
|
2
2
|
import "./FContainer.css";
|
|
3
|
-
|
|
4
|
-
maxWidth?: 'container-xs' | 'container-sm' | 'container-md' | 'container-lg' | 'container-xl' | 'container-xxl' | 'container-fluid';
|
|
5
|
-
children?: React.ReactChild | React.ReactNode;
|
|
6
|
-
className?: string;
|
|
7
|
-
st?: React.CSSProperties;
|
|
8
|
-
id?: string;
|
|
9
|
-
}
|
|
3
|
+
import { IFContainer } from "../interfaces";
|
|
10
4
|
declare const FContainer: FC<IFContainer>;
|
|
11
5
|
export default FContainer;
|
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
id?: string;
|
|
4
|
-
className?: string;
|
|
5
|
-
st?: React.CSSProperties;
|
|
6
|
-
handleDelete?: () => void;
|
|
7
|
-
name: string;
|
|
8
|
-
}
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IFFile } from "../interfaces";
|
|
9
3
|
declare const FFile: FC<IFFile>;
|
|
10
4
|
export default FFile;
|
|
@@ -1,24 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from "react";
|
|
2
2
|
import '../statick/index.css';
|
|
3
|
-
|
|
4
|
-
label?: string;
|
|
5
|
-
st?: React.CSSProperties;
|
|
6
|
-
value?: string | number | undefined | null;
|
|
7
|
-
onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
|
|
8
|
-
fullWidth?: boolean;
|
|
9
|
-
defaultValue?: string | number | readonly string[] | undefined;
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
readOnly?: boolean;
|
|
12
|
-
id?: string;
|
|
13
|
-
className?: string;
|
|
14
|
-
onkeydown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
|
|
15
|
-
min?: string | undefined;
|
|
16
|
-
max?: string | undefined;
|
|
17
|
-
load?: boolean;
|
|
18
|
-
errText?: string[];
|
|
19
|
-
helpText?: string;
|
|
20
|
-
onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
|
|
21
|
-
onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
|
|
22
|
-
}
|
|
3
|
+
import { IFFullDateField } from "../interfaces";
|
|
23
4
|
declare const FFullDateField: FC<IFFullDateField>;
|
|
24
5
|
export default FFullDateField;
|
|
@@ -1,17 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
children?: React.ReactChild | React.ReactNode;
|
|
4
|
-
className?: string;
|
|
5
|
-
st?: React.CSSProperties;
|
|
6
|
-
id?: string;
|
|
7
|
-
obj?: 'container' | 'item';
|
|
8
|
-
xs?: number;
|
|
9
|
-
sm?: number;
|
|
10
|
-
md?: number;
|
|
11
|
-
lg?: number;
|
|
12
|
-
xl?: number;
|
|
13
|
-
xxl?: number;
|
|
14
|
-
colAuto?: 'col-sm-auto' | 'col-md-auto' | 'col-lg-auto' | 'col-xl-auto' | 'col-xxl-auto';
|
|
15
|
-
}
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import { IFGrid } from "../interfaces";
|
|
16
3
|
declare const FGrid: FC<IFGrid>;
|
|
17
4
|
export default FGrid;
|
|
@@ -1,20 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
import "./FInputFileForm.css";
|
|
3
|
-
|
|
4
|
-
id?: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
st?: React.CSSProperties;
|
|
7
|
-
dataMaxSize?: {
|
|
8
|
-
dimension: 'МБ' | 'КБ';
|
|
9
|
-
size: number;
|
|
10
|
-
};
|
|
11
|
-
name?: string;
|
|
12
|
-
accept?: string;
|
|
13
|
-
multiple?: boolean;
|
|
14
|
-
onChange: (e: FileList) => void;
|
|
15
|
-
disabled?: boolean;
|
|
16
|
-
deleteFile?: boolean;
|
|
17
|
-
title?: string;
|
|
18
|
-
}
|
|
3
|
+
import { IFInputFileForm } from "../interfaces";
|
|
19
4
|
declare const FInputFileForm: FC<IFInputFileForm>;
|
|
20
5
|
export default FInputFileForm;
|
|
@@ -1,19 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from "react";
|
|
2
2
|
import "./FNative.css";
|
|
3
|
-
|
|
4
|
-
label: string;
|
|
5
|
-
id?: string;
|
|
6
|
-
className?: string;
|
|
7
|
-
st?: React.CSSProperties;
|
|
8
|
-
children?: React.ReactChild | React.ReactNode;
|
|
9
|
-
value?: string[] | number[];
|
|
10
|
-
singleChoice?: (element: string[]) => void;
|
|
11
|
-
multipleChoice?: (element: string[]) => void;
|
|
12
|
-
disabled?: boolean;
|
|
13
|
-
size?: number;
|
|
14
|
-
overflowX?: boolean;
|
|
15
|
-
width?: number | 'auto' | 'fit-content' | 'inherit' | 'initial' | 'max-content' | 'min-content' | 'revert' | 'unset' | '-webkit-fill-available';
|
|
16
|
-
fullWidth?: boolean;
|
|
17
|
-
}
|
|
3
|
+
import { IFNative } from "../interfaces";
|
|
18
4
|
declare const FNative: FC<IFNative>;
|
|
19
5
|
export default FNative;
|
|
@@ -1,14 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
import './FOpenImgFull.css';
|
|
3
|
-
|
|
4
|
-
id?: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
st?: React.CSSProperties;
|
|
7
|
-
imagesUrl: string[];
|
|
8
|
-
selectedImg: number;
|
|
9
|
-
handleClose?: () => void;
|
|
10
|
-
setSelectedImg: (number: number) => void;
|
|
11
|
-
openAndClose: boolean;
|
|
12
|
-
}
|
|
3
|
+
import { IFOpenImgFull } from "../interfaces";
|
|
13
4
|
declare const FOpenImgFull: FC<IFOpenImgFull>;
|
|
14
5
|
export default FOpenImgFull;
|
|
@@ -1,14 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
import "./FPagination.css";
|
|
3
|
-
|
|
4
|
-
currentPage: number;
|
|
5
|
-
totalCount: number;
|
|
6
|
-
pageSize: number;
|
|
7
|
-
onPageChange: (page: number | string | number) => void;
|
|
8
|
-
id?: string;
|
|
9
|
-
className?: string;
|
|
10
|
-
st?: React.CSSProperties | undefined;
|
|
11
|
-
siblingCount: 0 | 1 | 2;
|
|
12
|
-
}
|
|
3
|
+
import { IFPagination } from "../interfaces";
|
|
13
4
|
declare const FPagination: FC<IFPagination>;
|
|
14
5
|
export default FPagination;
|
|
@@ -1,18 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from "react";
|
|
2
2
|
import "./FPaper.css";
|
|
3
|
-
|
|
4
|
-
label?: string;
|
|
5
|
-
children?: React.ReactChild | React.ReactNode;
|
|
6
|
-
st?: React.CSSProperties;
|
|
7
|
-
fontSizeLabel?: string;
|
|
8
|
-
fontSizeBody?: string;
|
|
9
|
-
id?: string;
|
|
10
|
-
className?: string;
|
|
11
|
-
onAnimationEnd?: () => void;
|
|
12
|
-
animated?: {
|
|
13
|
-
name: string;
|
|
14
|
-
value: string;
|
|
15
|
-
};
|
|
16
|
-
}
|
|
3
|
+
import { IFPaper } from "../interfaces";
|
|
17
4
|
declare const FPaper: FC<IFPaper>;
|
|
18
5
|
export default FPaper;
|
|
@@ -1,10 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from "react";
|
|
2
2
|
import "./FPreloader.css";
|
|
3
|
-
|
|
4
|
-
st?: React.CSSProperties;
|
|
5
|
-
backgroundColor?: string;
|
|
6
|
-
children?: React.ReactChild | React.ReactNode;
|
|
7
|
-
open: boolean;
|
|
8
|
-
}
|
|
3
|
+
import { IFPreloader } from "../interfaces";
|
|
9
4
|
declare const FPreloader: FC<IFPreloader>;
|
|
10
5
|
export default FPreloader;
|
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from "react";
|
|
2
2
|
import "./FProgress.css";
|
|
3
|
-
|
|
4
|
-
st?: React.CSSProperties;
|
|
5
|
-
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
6
|
-
}
|
|
3
|
+
import { IFProgress } from "../interfaces";
|
|
7
4
|
declare const FProgress: FC<IFProgress>;
|
|
8
5
|
export default FProgress;
|
|
@@ -1,13 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from "react";
|
|
2
2
|
import './RadioButton.css';
|
|
3
|
-
|
|
4
|
-
label?: React.ReactChild | React.ReactNode;
|
|
5
|
-
onClick: React.MouseEventHandler<HTMLInputElement> | undefined;
|
|
6
|
-
className?: string;
|
|
7
|
-
id?: string;
|
|
8
|
-
st?: React.CSSProperties | undefined;
|
|
9
|
-
checked?: boolean | undefined;
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
}
|
|
3
|
+
import { IFRadioButton } from "../interfaces";
|
|
12
4
|
declare const FRadioButton: FC<IFRadioButton>;
|
|
13
5
|
export default FRadioButton;
|
|
@@ -1,32 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from "react";
|
|
2
2
|
import './FSearchBox.css';
|
|
3
3
|
import '../FTextField/FTextField.css';
|
|
4
4
|
import '../statick/index.css';
|
|
5
|
-
|
|
6
|
-
label?: string;
|
|
7
|
-
st?: React.CSSProperties;
|
|
8
|
-
value?: string | number | readonly string[] | undefined;
|
|
9
|
-
onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
|
|
10
|
-
type?: 'text' | 'number' | 'email' | 'tel' | 'password';
|
|
11
|
-
onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
|
|
12
|
-
onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
|
|
13
|
-
fullWidth?: boolean;
|
|
14
|
-
disabled?: boolean;
|
|
15
|
-
readOnly?: boolean | undefined;
|
|
16
|
-
defaultValue?: string | number | readonly string[] | undefined;
|
|
17
|
-
errText?: string[];
|
|
18
|
-
helpText?: string;
|
|
19
|
-
onInput?: React.FormEventHandler<HTMLInputElement> | undefined;
|
|
20
|
-
id?: string;
|
|
21
|
-
className?: string;
|
|
22
|
-
load?: boolean;
|
|
23
|
-
min?: number;
|
|
24
|
-
max?: number;
|
|
25
|
-
placeholder?: string | undefined;
|
|
26
|
-
children?: React.ReactChild | React.ReactNode;
|
|
27
|
-
variant?: 'contained' | 'default';
|
|
28
|
-
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
29
|
-
onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
30
|
-
}
|
|
5
|
+
import { IFSearchBox } from "../interfaces";
|
|
31
6
|
declare const FSearchBox: FC<IFSearchBox>;
|
|
32
7
|
export default FSearchBox;
|
|
@@ -1,21 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from "react";
|
|
2
2
|
import './FSelectSearchDb.css';
|
|
3
|
-
|
|
4
|
-
fetchingFunc: (text: string) => Promise<any[]>;
|
|
5
|
-
selectedElement: (e: any | undefined) => void;
|
|
6
|
-
selectItem: any;
|
|
7
|
-
label?: string;
|
|
8
|
-
st?: React.CSSProperties;
|
|
9
|
-
id?: string;
|
|
10
|
-
fullWidth?: boolean;
|
|
11
|
-
className?: string;
|
|
12
|
-
disabled?: boolean;
|
|
13
|
-
readOnly?: boolean;
|
|
14
|
-
errText?: string[];
|
|
15
|
-
helpText?: string;
|
|
16
|
-
onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
|
|
17
|
-
onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
|
|
18
|
-
minLengthText?: number;
|
|
19
|
-
}
|
|
3
|
+
import { IFSelectSearchDb } from "../interfaces";
|
|
20
4
|
declare const FSelectSearchDb: FC<IFSelectSearchDb>;
|
|
21
5
|
export default FSelectSearchDb;
|