fui-material 0.2.78 → 0.2.80
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 +13 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/export/export-table-to-excel/FExportTableToExcel.d.ts +18 -0
- package/dist/cjs/types/function-elements/fAlert/fAlert.d.ts +5 -1
- package/dist/cjs/types/function-elements/fConfirm/fConfirm.d.ts +4 -1
- package/dist/cjs/types/function-elements/fPrompt/fPrompt.d.ts +4 -1
- package/dist/cjs/types/icons/FArrowIcon/FArrowIcon.d.ts +10 -1
- package/dist/cjs/types/icons/FCheckIcon/FCheckIcon.d.ts +9 -1
- package/dist/cjs/types/icons/FCloseIcon/FCloseIcon.d.ts +9 -1
- package/dist/cjs/types/icons/FCopyAddIcon/FCopyAdd.d.ts +9 -1
- package/dist/cjs/types/icons/FDownloadIcon/FDownloadIcon.d.ts +9 -1
- package/dist/cjs/types/icons/FFilterIcon/FFilterIcon.d.ts +9 -1
- package/dist/cjs/types/icons/FListIcon/FListIcon.d.ts +9 -1
- package/dist/cjs/types/icons/FLoadIcon/FLoadIcon.d.ts +9 -1
- package/dist/cjs/types/icons/FPenIcon/FPenIcon.d.ts +9 -1
- package/dist/cjs/types/icons/FPlusIcon/FPlusIcon.d.ts +9 -1
- package/dist/cjs/types/icons/FTrashIcon/FTrashIcon.d.ts +9 -1
- package/dist/cjs/types/icons/FUnlinkIcon/FUnlinkIcon.d.ts +9 -1
- package/dist/cjs/types/material/Dialog/FDialog/FDialog.d.ts +11 -2
- package/dist/cjs/types/material/Dialog/FDialogBody/FDialogBody.d.ts +6 -2
- package/dist/cjs/types/material/Dialog/FDialogFooter/FDialogFooter.d.ts +4 -2
- package/dist/cjs/types/material/Dialog/FDialogHeader/FDialogHeader.d.ts +4 -1
- package/dist/cjs/types/material/Dropdown/FDropdown/FDropdown.d.ts +12 -2
- package/dist/cjs/types/material/Dropdown/FDropdownItem/FDropdownItem.d.ts +9 -2
- package/dist/cjs/types/material/FAccordion/FAccordion.d.ts +10 -2
- package/dist/cjs/types/material/FAlert/FAlert.d.ts +15 -2
- package/dist/cjs/types/material/FButton/FButton.d.ts +14 -1
- package/dist/cjs/types/material/FButtonFile/FButtonFile.d.ts +19 -1
- package/dist/cjs/types/material/FCheckbox/FCheckbox.d.ts +11 -2
- package/dist/cjs/types/material/FContainer/FContainer.d.ts +8 -2
- package/dist/cjs/types/material/FFile/FFile.d.ts +8 -2
- package/dist/cjs/types/material/FFullDateField/FFullDateField.d.ts +22 -2
- package/dist/cjs/types/material/FGrid/FGrid.d.ts +15 -2
- package/dist/cjs/types/material/FInputFileForm/FInputFileForm.d.ts +18 -2
- package/dist/cjs/types/material/FNative/FNative.d.ts +16 -2
- package/dist/cjs/types/material/FOpenImgFull/FOpenImgFull.d.ts +11 -2
- package/dist/cjs/types/material/FPagination/FPagination.d.ts +11 -2
- package/dist/cjs/types/material/FPaper/FPaper.d.ts +15 -2
- package/dist/cjs/types/material/FPreloader/FPreloader.d.ts +7 -2
- package/dist/cjs/types/material/FProgress/FProgress.d.ts +5 -2
- package/dist/cjs/types/material/FRadioButton/FRadioButton.d.ts +10 -2
- package/dist/cjs/types/material/FSearchBox/FSearchBox.d.ts +27 -2
- package/dist/cjs/types/material/FSelectSearchDb/FSelectSearchDb.d.ts +19 -2
- package/dist/cjs/types/material/FStack/FStack.d.ts +11 -2
- package/dist/cjs/types/material/FTextArea/FTextArea.d.ts +22 -2
- package/dist/cjs/types/material/FTextField/FTextField.d.ts +24 -2
- package/dist/cjs/types/material/FTimelineComponents/FTimeline/FTimeline.d.ts +7 -2
- package/dist/cjs/types/material/FTimelineComponents/FTimelineCard/FTimelineCard.d.ts +8 -2
- package/dist/cjs/types/material/SelectComponents/FSelect/FSelect.d.ts +19 -2
- package/dist/cjs/types/material/SelectComponents/FSelectItem/FSelectItem.d.ts +11 -2
- package/dist/cjs/types/material/TableComponents/FTable/FTable.d.ts +9 -2
- package/dist/cjs/types/material/TableComponents/FTableBody/FTableBody.d.ts +8 -2
- package/dist/cjs/types/material/TableComponents/FTableDataCell/FTableDataCell.d.ts +12 -2
- package/dist/cjs/types/material/TableComponents/FTableFooter/FTableFooter.d.ts +8 -2
- package/dist/cjs/types/material/TableComponents/FTableHead/FTableHead.d.ts +8 -2
- package/dist/cjs/types/material/TableComponents/FTableHeaderCell/FTableHeaderCell.d.ts +10 -2
- package/dist/cjs/types/material/TableComponents/FTableRow/FTableRow.d.ts +8 -2
- package/dist/cjs/types/material/Tabs/FTab/FTab.d.ts +10 -2
- package/dist/cjs/types/material/Tabs/FTabs/FTabs.d.ts +7 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/export/export-table-to-excel/FExportTableToExcel.d.ts +18 -0
- package/dist/esm/types/function-elements/fAlert/fAlert.d.ts +5 -1
- package/dist/esm/types/function-elements/fConfirm/fConfirm.d.ts +4 -1
- package/dist/esm/types/function-elements/fPrompt/fPrompt.d.ts +4 -1
- package/dist/esm/types/icons/FArrowIcon/FArrowIcon.d.ts +10 -1
- package/dist/esm/types/icons/FCheckIcon/FCheckIcon.d.ts +9 -1
- package/dist/esm/types/icons/FCloseIcon/FCloseIcon.d.ts +9 -1
- package/dist/esm/types/icons/FCopyAddIcon/FCopyAdd.d.ts +9 -1
- package/dist/esm/types/icons/FDownloadIcon/FDownloadIcon.d.ts +9 -1
- package/dist/esm/types/icons/FFilterIcon/FFilterIcon.d.ts +9 -1
- package/dist/esm/types/icons/FListIcon/FListIcon.d.ts +9 -1
- package/dist/esm/types/icons/FLoadIcon/FLoadIcon.d.ts +9 -1
- package/dist/esm/types/icons/FPenIcon/FPenIcon.d.ts +9 -1
- package/dist/esm/types/icons/FPlusIcon/FPlusIcon.d.ts +9 -1
- package/dist/esm/types/icons/FTrashIcon/FTrashIcon.d.ts +9 -1
- package/dist/esm/types/icons/FUnlinkIcon/FUnlinkIcon.d.ts +9 -1
- package/dist/esm/types/material/Dialog/FDialog/FDialog.d.ts +11 -2
- package/dist/esm/types/material/Dialog/FDialogBody/FDialogBody.d.ts +6 -2
- package/dist/esm/types/material/Dialog/FDialogFooter/FDialogFooter.d.ts +4 -2
- package/dist/esm/types/material/Dialog/FDialogHeader/FDialogHeader.d.ts +4 -1
- package/dist/esm/types/material/Dropdown/FDropdown/FDropdown.d.ts +12 -2
- package/dist/esm/types/material/Dropdown/FDropdownItem/FDropdownItem.d.ts +9 -2
- package/dist/esm/types/material/FAccordion/FAccordion.d.ts +10 -2
- package/dist/esm/types/material/FAlert/FAlert.d.ts +15 -2
- package/dist/esm/types/material/FButton/FButton.d.ts +14 -1
- package/dist/esm/types/material/FButtonFile/FButtonFile.d.ts +19 -1
- package/dist/esm/types/material/FCheckbox/FCheckbox.d.ts +11 -2
- package/dist/esm/types/material/FContainer/FContainer.d.ts +8 -2
- package/dist/esm/types/material/FFile/FFile.d.ts +8 -2
- package/dist/esm/types/material/FFullDateField/FFullDateField.d.ts +22 -2
- package/dist/esm/types/material/FGrid/FGrid.d.ts +15 -2
- package/dist/esm/types/material/FInputFileForm/FInputFileForm.d.ts +18 -2
- package/dist/esm/types/material/FNative/FNative.d.ts +16 -2
- package/dist/esm/types/material/FOpenImgFull/FOpenImgFull.d.ts +11 -2
- package/dist/esm/types/material/FPagination/FPagination.d.ts +11 -2
- package/dist/esm/types/material/FPaper/FPaper.d.ts +15 -2
- package/dist/esm/types/material/FPreloader/FPreloader.d.ts +7 -2
- package/dist/esm/types/material/FProgress/FProgress.d.ts +5 -2
- package/dist/esm/types/material/FRadioButton/FRadioButton.d.ts +10 -2
- package/dist/esm/types/material/FSearchBox/FSearchBox.d.ts +27 -2
- package/dist/esm/types/material/FSelectSearchDb/FSelectSearchDb.d.ts +19 -2
- package/dist/esm/types/material/FStack/FStack.d.ts +11 -2
- package/dist/esm/types/material/FTextArea/FTextArea.d.ts +22 -2
- package/dist/esm/types/material/FTextField/FTextField.d.ts +24 -2
- package/dist/esm/types/material/FTimelineComponents/FTimeline/FTimeline.d.ts +7 -2
- package/dist/esm/types/material/FTimelineComponents/FTimelineCard/FTimelineCard.d.ts +8 -2
- package/dist/esm/types/material/SelectComponents/FSelect/FSelect.d.ts +19 -2
- package/dist/esm/types/material/SelectComponents/FSelectItem/FSelectItem.d.ts +11 -2
- package/dist/esm/types/material/TableComponents/FTable/FTable.d.ts +9 -2
- package/dist/esm/types/material/TableComponents/FTableBody/FTableBody.d.ts +8 -2
- package/dist/esm/types/material/TableComponents/FTableDataCell/FTableDataCell.d.ts +12 -2
- package/dist/esm/types/material/TableComponents/FTableFooter/FTableFooter.d.ts +8 -2
- package/dist/esm/types/material/TableComponents/FTableHead/FTableHead.d.ts +8 -2
- package/dist/esm/types/material/TableComponents/FTableHeaderCell/FTableHeaderCell.d.ts +10 -2
- package/dist/esm/types/material/TableComponents/FTableRow/FTableRow.d.ts +8 -2
- package/dist/esm/types/material/Tabs/FTab/FTab.d.ts +10 -2
- package/dist/esm/types/material/Tabs/FTabs/FTabs.d.ts +7 -2
- package/dist/index.d.ts +390 -393
- package/package.json +3 -2
|
@@ -1,3 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface IFFilterIcon {
|
|
3
|
+
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
4
|
+
size?: number;
|
|
5
|
+
st?: React.CSSProperties;
|
|
6
|
+
id?: string;
|
|
7
|
+
className?: string;
|
|
8
|
+
handleClick?: () => void;
|
|
9
|
+
}
|
|
2
10
|
declare const FFilterIcon: ({ color, size, st, id, className, handleClick }: IFFilterIcon) => import("react/jsx-runtime").JSX.Element;
|
|
3
11
|
export default FFilterIcon;
|
|
@@ -1,4 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import "../../material/statick/Colors.css";
|
|
2
|
-
|
|
3
|
+
export interface IFListIcon {
|
|
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
|
+
}
|
|
3
11
|
declare const FListIcon: ({ color, size, st, id, className, handleClick }: IFListIcon) => import("react/jsx-runtime").JSX.Element;
|
|
4
12
|
export default FListIcon;
|
|
@@ -1,4 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import './FLoadIconCss.css';
|
|
2
|
-
|
|
3
|
+
export interface IFLoadIcon {
|
|
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
|
+
}
|
|
3
11
|
declare const FLoadIcon: ({ size, st, id, className, color }: IFLoadIcon) => import("react/jsx-runtime").JSX.Element;
|
|
4
12
|
export default FLoadIcon;
|
|
@@ -1,4 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import "../../material/statick/Colors.css";
|
|
2
|
-
|
|
3
|
+
export interface IFPenIcon {
|
|
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
|
+
}
|
|
3
11
|
declare const FPenIcon: ({ color, size, st, id, className, handleClick }: IFPenIcon) => import("react/jsx-runtime").JSX.Element;
|
|
4
12
|
export default FPenIcon;
|
|
@@ -1,4 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import "../../material/statick/Colors.css";
|
|
2
|
-
|
|
3
|
+
export interface IFPlusIcon {
|
|
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
|
+
}
|
|
3
11
|
declare const FPlusIcon: ({ color, size, st, className, id, handleClick }: IFPlusIcon) => import("react/jsx-runtime").JSX.Element;
|
|
4
12
|
export default FPlusIcon;
|
|
@@ -1,4 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import "../../material/statick/Colors.css";
|
|
2
|
-
|
|
3
|
+
export interface IFTrashIcon {
|
|
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
|
+
}
|
|
3
11
|
declare const FTrashIcon: ({ color, size, st, id, className, handleClick, }: IFTrashIcon) => import("react/jsx-runtime").JSX.Element;
|
|
4
12
|
export default FTrashIcon;
|
|
@@ -1,4 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import "../../material/statick/Colors.css";
|
|
2
|
-
|
|
3
|
+
export interface IFUnlinkIcon {
|
|
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
|
+
}
|
|
3
11
|
declare const FUnlinkIcon: ({ color, size, st, id, className, handleClick }: IFUnlinkIcon) => import("react/jsx-runtime").JSX.Element;
|
|
4
12
|
export default FUnlinkIcon;
|
|
@@ -1,5 +1,14 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
1
|
+
import React, { FC } from "react";
|
|
2
2
|
import "../style/style.css";
|
|
3
|
-
|
|
3
|
+
export interface IFDialog {
|
|
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
|
+
}
|
|
4
13
|
declare const FDialog: FC<IFDialog>;
|
|
5
14
|
export default FDialog;
|
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
2
|
-
|
|
1
|
+
import React, { FC } from "react";
|
|
2
|
+
export interface IFDialogBody {
|
|
3
|
+
st?: React.CSSProperties;
|
|
4
|
+
children?: React.ReactChild | React.ReactNode;
|
|
5
|
+
scroll?: boolean;
|
|
6
|
+
}
|
|
3
7
|
declare const FDialogBody: FC<IFDialogBody>;
|
|
4
8
|
export default FDialogBody;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
2
|
-
|
|
1
|
+
import React, { FC } from "react";
|
|
2
|
+
export interface IFDialogFooter {
|
|
3
|
+
children?: React.ReactChild | React.ReactNode;
|
|
4
|
+
}
|
|
3
5
|
declare const FDialogFooter: FC<IFDialogFooter>;
|
|
4
6
|
export default FDialogFooter;
|
|
@@ -1,5 +1,15 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
1
|
+
import React, { FC } from "react";
|
|
2
2
|
import '../statick/FDropdown.css';
|
|
3
|
-
|
|
3
|
+
export interface IFDropdown {
|
|
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
|
+
}
|
|
4
14
|
declare const FDropdown: FC<IFDropdown>;
|
|
5
15
|
export default FDropdown;
|
|
@@ -1,4 +1,11 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
2
|
-
|
|
1
|
+
import React, { FC } from "react";
|
|
2
|
+
export interface IFDropdownItem {
|
|
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
|
+
}
|
|
3
10
|
declare const FDropdownItem: FC<IFDropdownItem>;
|
|
4
11
|
export default FDropdownItem;
|
|
@@ -1,5 +1,13 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
1
|
+
import React, { FC } from 'react';
|
|
2
2
|
import './FAccordion.css';
|
|
3
|
-
|
|
3
|
+
export interface IFAccordion {
|
|
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
|
+
}
|
|
4
12
|
declare const FAccordion: FC<IFAccordion>;
|
|
5
13
|
export default FAccordion;
|
|
@@ -1,6 +1,19 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
1
|
+
import React, { FC } from "react";
|
|
2
2
|
import './FAlert.css';
|
|
3
3
|
import "../../static/styles/index.css";
|
|
4
|
-
|
|
4
|
+
export interface IFAlert {
|
|
5
|
+
title?: string;
|
|
6
|
+
body?: string;
|
|
7
|
+
variant: 'info' | 'error' | 'success' | 'warning';
|
|
8
|
+
onClose?: (e: boolean) => void;
|
|
9
|
+
st?: React.CSSProperties | undefined;
|
|
10
|
+
open: boolean;
|
|
11
|
+
vertical?: 'top' | 'bottom' | 'center';
|
|
12
|
+
horizontal?: 'left' | 'center' | 'right';
|
|
13
|
+
buttonClose?: boolean;
|
|
14
|
+
className?: string;
|
|
15
|
+
displayTime?: number;
|
|
16
|
+
size?: string;
|
|
17
|
+
}
|
|
5
18
|
declare const FAlert: FC<IFAlert>;
|
|
6
19
|
export default FAlert;
|
|
@@ -1,5 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import './FButton.css';
|
|
2
3
|
import "../statick/Colors.css";
|
|
3
|
-
|
|
4
|
+
export interface IFButton {
|
|
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
|
+
}
|
|
4
17
|
declare const FButton: ({ children, variant, color, size, disabled, onClick, st, className, fullWidth, id, type }: IFButton) => import("react/jsx-runtime").JSX.Element;
|
|
5
18
|
export default FButton;
|
|
@@ -1,4 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import './FButtonFile.css';
|
|
2
|
-
|
|
3
|
+
export interface IFButtonFile {
|
|
4
|
+
children?: React.ReactChild | React.ReactNode;
|
|
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
|
+
required?: boolean;
|
|
20
|
+
}
|
|
3
21
|
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;
|
|
4
22
|
export default FButtonFile;
|
|
@@ -1,5 +1,14 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
1
|
+
import React, { FC } from "react";
|
|
2
2
|
import "./Checkbox.css";
|
|
3
|
-
|
|
3
|
+
export interface IFCheckbox {
|
|
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
|
+
}
|
|
4
13
|
declare const FCheckbox: FC<IFCheckbox>;
|
|
5
14
|
export default FCheckbox;
|
|
@@ -1,5 +1,11 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
1
|
+
import React, { FC } from "react";
|
|
2
2
|
import "./FContainer.css";
|
|
3
|
-
|
|
3
|
+
export interface IFContainer {
|
|
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
|
+
}
|
|
4
10
|
declare const FContainer: FC<IFContainer>;
|
|
5
11
|
export default FContainer;
|
|
@@ -1,4 +1,10 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
|
|
1
|
+
import React, { FC } from 'react';
|
|
2
|
+
export interface IFFile {
|
|
3
|
+
id?: string;
|
|
4
|
+
className?: string;
|
|
5
|
+
st?: React.CSSProperties;
|
|
6
|
+
handleDelete?: () => void;
|
|
7
|
+
name: string;
|
|
8
|
+
}
|
|
3
9
|
declare const FFile: FC<IFFile>;
|
|
4
10
|
export default FFile;
|
|
@@ -1,5 +1,25 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
1
|
+
import React, { FC } from "react";
|
|
2
2
|
import '../statick/index.css';
|
|
3
|
-
|
|
3
|
+
export interface IFFullDateField {
|
|
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
|
+
required?: boolean;
|
|
19
|
+
errText?: string[];
|
|
20
|
+
helpText?: string;
|
|
21
|
+
onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
|
|
22
|
+
onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
|
|
23
|
+
}
|
|
4
24
|
declare const FFullDateField: FC<IFFullDateField>;
|
|
5
25
|
export default FFullDateField;
|
|
@@ -1,4 +1,17 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
2
|
-
|
|
1
|
+
import React, { FC } from "react";
|
|
2
|
+
export interface IFGrid {
|
|
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
|
+
}
|
|
3
16
|
declare const FGrid: FC<IFGrid>;
|
|
4
17
|
export default FGrid;
|
|
@@ -1,5 +1,21 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
1
|
+
import React, { FC } from 'react';
|
|
2
2
|
import "./FInputFileForm.css";
|
|
3
|
-
|
|
3
|
+
export interface IFInputFileForm {
|
|
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
|
+
required?: boolean;
|
|
19
|
+
}
|
|
4
20
|
declare const FInputFileForm: FC<IFInputFileForm>;
|
|
5
21
|
export default FInputFileForm;
|
|
@@ -1,5 +1,19 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
1
|
+
import React, { FC } from "react";
|
|
2
2
|
import "./FNative.css";
|
|
3
|
-
|
|
3
|
+
export interface IFNative {
|
|
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
|
+
}
|
|
4
18
|
declare const FNative: FC<IFNative>;
|
|
5
19
|
export default FNative;
|
|
@@ -1,5 +1,14 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
1
|
+
import React, { FC } from 'react';
|
|
2
2
|
import './FOpenImgFull.css';
|
|
3
|
-
|
|
3
|
+
export interface IFOpenImgFull {
|
|
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
|
+
}
|
|
4
13
|
declare const FOpenImgFull: FC<IFOpenImgFull>;
|
|
5
14
|
export default FOpenImgFull;
|
|
@@ -1,5 +1,14 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
1
|
+
import React, { FC } from 'react';
|
|
2
2
|
import "./FPagination.css";
|
|
3
|
-
|
|
3
|
+
export interface IFPagination {
|
|
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
|
+
}
|
|
4
13
|
declare const FPagination: FC<IFPagination>;
|
|
5
14
|
export default FPagination;
|
|
@@ -1,5 +1,18 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
1
|
+
import React, { FC } from "react";
|
|
2
2
|
import "./FPaper.css";
|
|
3
|
-
|
|
3
|
+
export interface IFPaper {
|
|
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
|
+
}
|
|
4
17
|
declare const FPaper: FC<IFPaper>;
|
|
5
18
|
export default FPaper;
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
1
|
+
import React, { FC } from "react";
|
|
2
2
|
import "./FPreloader.css";
|
|
3
|
-
|
|
3
|
+
export interface IFPreloader {
|
|
4
|
+
st?: React.CSSProperties;
|
|
5
|
+
backgroundColor?: string;
|
|
6
|
+
children?: React.ReactChild | React.ReactNode;
|
|
7
|
+
open: boolean;
|
|
8
|
+
}
|
|
4
9
|
declare const FPreloader: FC<IFPreloader>;
|
|
5
10
|
export default FPreloader;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
1
|
+
import React, { FC } from "react";
|
|
2
2
|
import "./FProgress.css";
|
|
3
|
-
|
|
3
|
+
export interface IFProgress {
|
|
4
|
+
st?: React.CSSProperties;
|
|
5
|
+
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
6
|
+
}
|
|
4
7
|
declare const FProgress: FC<IFProgress>;
|
|
5
8
|
export default FProgress;
|
|
@@ -1,5 +1,13 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
1
|
+
import React, { FC } from "react";
|
|
2
2
|
import './RadioButton.css';
|
|
3
|
-
|
|
3
|
+
export interface IFRadioButton {
|
|
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
|
+
}
|
|
4
12
|
declare const FRadioButton: FC<IFRadioButton>;
|
|
5
13
|
export default FRadioButton;
|
|
@@ -1,7 +1,32 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
1
|
+
import React, { FC } from "react";
|
|
2
2
|
import './FSearchBox.css';
|
|
3
3
|
import '../FTextField/FTextField.css';
|
|
4
4
|
import '../statick/index.css';
|
|
5
|
-
|
|
5
|
+
export interface IFSearchBox {
|
|
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
|
+
}
|
|
6
31
|
declare const FSearchBox: FC<IFSearchBox>;
|
|
7
32
|
export default FSearchBox;
|
|
@@ -1,5 +1,22 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
1
|
+
import React, { FC } from "react";
|
|
2
2
|
import './FSelectSearchDb.css';
|
|
3
|
-
|
|
3
|
+
export interface IFSelectSearchDb {
|
|
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
|
+
required?: boolean;
|
|
15
|
+
errText?: string[];
|
|
16
|
+
helpText?: string;
|
|
17
|
+
onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
|
|
18
|
+
onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
|
|
19
|
+
minLengthText?: number;
|
|
20
|
+
}
|
|
4
21
|
declare const FSelectSearchDb: FC<IFSelectSearchDb>;
|
|
5
22
|
export default FSelectSearchDb;
|
|
@@ -1,5 +1,14 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
1
|
+
import React, { FC } from "react";
|
|
2
2
|
import "./FStack.css";
|
|
3
|
-
|
|
3
|
+
export interface IFStack {
|
|
4
|
+
direction?: 'row' | "row-reverse" | 'column' | "column-reverse";
|
|
5
|
+
alignItems?: "flex-start" | "center" | "flex-end" | "stretch" | "baseline";
|
|
6
|
+
justifyContent?: "flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly";
|
|
7
|
+
spacing?: number;
|
|
8
|
+
children?: React.ReactChild | React.ReactNode;
|
|
9
|
+
className?: string;
|
|
10
|
+
st?: React.CSSProperties;
|
|
11
|
+
id?: string;
|
|
12
|
+
}
|
|
4
13
|
declare const FStack: FC<IFStack>;
|
|
5
14
|
export default FStack;
|
|
@@ -1,4 +1,24 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
2
|
-
|
|
1
|
+
import React, { FC } from "react";
|
|
2
|
+
export interface IFTextArea {
|
|
3
|
+
label?: string;
|
|
4
|
+
st?: React.CSSProperties;
|
|
5
|
+
value?: string | undefined;
|
|
6
|
+
cols?: number;
|
|
7
|
+
rows?: number;
|
|
8
|
+
placeholder?: string;
|
|
9
|
+
readOnly?: boolean;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
autoComplete?: boolean;
|
|
12
|
+
className?: string;
|
|
13
|
+
id?: string;
|
|
14
|
+
fullWidth?: boolean;
|
|
15
|
+
onChange?: React.ChangeEventHandler<HTMLTextAreaElement> | undefined;
|
|
16
|
+
onClick?: React.MouseEventHandler<HTMLTextAreaElement> | undefined;
|
|
17
|
+
onFocus?: React.FocusEventHandler<HTMLTextAreaElement> | undefined;
|
|
18
|
+
errText?: string[];
|
|
19
|
+
helpText?: string;
|
|
20
|
+
load?: boolean;
|
|
21
|
+
required?: boolean;
|
|
22
|
+
}
|
|
3
23
|
declare const FTextArea: FC<IFTextArea>;
|
|
4
24
|
export default FTextArea;
|