fui-material 0.2.79 → 0.2.81

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (128) hide show
  1. package/dist/cjs/index.js +14 -1
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/export/FExportTableToExcel/FExportTableToExcel.d.ts +18 -0
  4. package/dist/cjs/types/export/FExportTableToExcel/index.d.ts +1 -0
  5. package/dist/cjs/types/export/export-table-to-excel/FExportTableToExcel.d.ts +18 -0
  6. package/dist/cjs/types/export/index.d.ts +1 -0
  7. package/dist/cjs/types/function-elements/fAlert/fAlert.d.ts +5 -1
  8. package/dist/cjs/types/function-elements/fConfirm/fConfirm.d.ts +4 -1
  9. package/dist/cjs/types/function-elements/fPrompt/fPrompt.d.ts +4 -1
  10. package/dist/cjs/types/icons/FArrowIcon/FArrowIcon.d.ts +10 -1
  11. package/dist/cjs/types/icons/FCheckIcon/FCheckIcon.d.ts +9 -1
  12. package/dist/cjs/types/icons/FCloseIcon/FCloseIcon.d.ts +9 -1
  13. package/dist/cjs/types/icons/FCopyAddIcon/FCopyAdd.d.ts +9 -1
  14. package/dist/cjs/types/icons/FDownloadIcon/FDownloadIcon.d.ts +9 -1
  15. package/dist/cjs/types/icons/FFilterIcon/FFilterIcon.d.ts +9 -1
  16. package/dist/cjs/types/icons/FListIcon/FListIcon.d.ts +9 -1
  17. package/dist/cjs/types/icons/FLoadIcon/FLoadIcon.d.ts +9 -1
  18. package/dist/cjs/types/icons/FPenIcon/FPenIcon.d.ts +9 -1
  19. package/dist/cjs/types/icons/FPlusIcon/FPlusIcon.d.ts +9 -1
  20. package/dist/cjs/types/icons/FTrashIcon/FTrashIcon.d.ts +9 -1
  21. package/dist/cjs/types/icons/FUnlinkIcon/FUnlinkIcon.d.ts +9 -1
  22. package/dist/cjs/types/index.d.ts +1 -0
  23. package/dist/cjs/types/material/Dialog/FDialog/FDialog.d.ts +11 -2
  24. package/dist/cjs/types/material/Dialog/FDialogBody/FDialogBody.d.ts +6 -2
  25. package/dist/cjs/types/material/Dialog/FDialogFooter/FDialogFooter.d.ts +4 -2
  26. package/dist/cjs/types/material/Dialog/FDialogHeader/FDialogHeader.d.ts +4 -1
  27. package/dist/cjs/types/material/Dropdown/FDropdown/FDropdown.d.ts +12 -2
  28. package/dist/cjs/types/material/Dropdown/FDropdownItem/FDropdownItem.d.ts +9 -2
  29. package/dist/cjs/types/material/FAccordion/FAccordion.d.ts +10 -2
  30. package/dist/cjs/types/material/FAlert/FAlert.d.ts +15 -2
  31. package/dist/cjs/types/material/FButton/FButton.d.ts +14 -1
  32. package/dist/cjs/types/material/FButtonFile/FButtonFile.d.ts +19 -1
  33. package/dist/cjs/types/material/FCheckbox/FCheckbox.d.ts +11 -2
  34. package/dist/cjs/types/material/FContainer/FContainer.d.ts +8 -2
  35. package/dist/cjs/types/material/FFile/FFile.d.ts +8 -2
  36. package/dist/cjs/types/material/FFullDateField/FFullDateField.d.ts +22 -2
  37. package/dist/cjs/types/material/FGrid/FGrid.d.ts +15 -2
  38. package/dist/cjs/types/material/FInputFileForm/FInputFileForm.d.ts +18 -2
  39. package/dist/cjs/types/material/FNative/FNative.d.ts +16 -2
  40. package/dist/cjs/types/material/FOpenImgFull/FOpenImgFull.d.ts +11 -2
  41. package/dist/cjs/types/material/FPagination/FPagination.d.ts +11 -2
  42. package/dist/cjs/types/material/FPaper/FPaper.d.ts +15 -2
  43. package/dist/cjs/types/material/FPreloader/FPreloader.d.ts +7 -2
  44. package/dist/cjs/types/material/FProgress/FProgress.d.ts +5 -2
  45. package/dist/cjs/types/material/FRadioButton/FRadioButton.d.ts +10 -2
  46. package/dist/cjs/types/material/FSearchBox/FSearchBox.d.ts +27 -2
  47. package/dist/cjs/types/material/FSelectSearchDb/FSelectSearchDb.d.ts +19 -2
  48. package/dist/cjs/types/material/FStack/FStack.d.ts +11 -2
  49. package/dist/cjs/types/material/FTextArea/FTextArea.d.ts +22 -2
  50. package/dist/cjs/types/material/FTextField/FTextField.d.ts +24 -2
  51. package/dist/cjs/types/material/FTimelineComponents/FTimeline/FTimeline.d.ts +7 -2
  52. package/dist/cjs/types/material/FTimelineComponents/FTimelineCard/FTimelineCard.d.ts +8 -2
  53. package/dist/cjs/types/material/SelectComponents/FSelect/FSelect.d.ts +19 -2
  54. package/dist/cjs/types/material/SelectComponents/FSelectItem/FSelectItem.d.ts +11 -2
  55. package/dist/cjs/types/material/TableComponents/FTable/FTable.d.ts +9 -2
  56. package/dist/cjs/types/material/TableComponents/FTableBody/FTableBody.d.ts +8 -2
  57. package/dist/cjs/types/material/TableComponents/FTableDataCell/FTableDataCell.d.ts +12 -2
  58. package/dist/cjs/types/material/TableComponents/FTableFooter/FTableFooter.d.ts +8 -2
  59. package/dist/cjs/types/material/TableComponents/FTableHead/FTableHead.d.ts +8 -2
  60. package/dist/cjs/types/material/TableComponents/FTableHeaderCell/FTableHeaderCell.d.ts +10 -2
  61. package/dist/cjs/types/material/TableComponents/FTableRow/FTableRow.d.ts +8 -2
  62. package/dist/cjs/types/material/Tabs/FTab/FTab.d.ts +10 -2
  63. package/dist/cjs/types/material/Tabs/FTabs/FTabs.d.ts +7 -2
  64. package/dist/esm/index.js +14 -1
  65. package/dist/esm/index.js.map +1 -1
  66. package/dist/esm/types/export/FExportTableToExcel/FExportTableToExcel.d.ts +18 -0
  67. package/dist/esm/types/export/FExportTableToExcel/index.d.ts +1 -0
  68. package/dist/esm/types/export/export-table-to-excel/FExportTableToExcel.d.ts +18 -0
  69. package/dist/esm/types/export/index.d.ts +1 -0
  70. package/dist/esm/types/function-elements/fAlert/fAlert.d.ts +5 -1
  71. package/dist/esm/types/function-elements/fConfirm/fConfirm.d.ts +4 -1
  72. package/dist/esm/types/function-elements/fPrompt/fPrompt.d.ts +4 -1
  73. package/dist/esm/types/icons/FArrowIcon/FArrowIcon.d.ts +10 -1
  74. package/dist/esm/types/icons/FCheckIcon/FCheckIcon.d.ts +9 -1
  75. package/dist/esm/types/icons/FCloseIcon/FCloseIcon.d.ts +9 -1
  76. package/dist/esm/types/icons/FCopyAddIcon/FCopyAdd.d.ts +9 -1
  77. package/dist/esm/types/icons/FDownloadIcon/FDownloadIcon.d.ts +9 -1
  78. package/dist/esm/types/icons/FFilterIcon/FFilterIcon.d.ts +9 -1
  79. package/dist/esm/types/icons/FListIcon/FListIcon.d.ts +9 -1
  80. package/dist/esm/types/icons/FLoadIcon/FLoadIcon.d.ts +9 -1
  81. package/dist/esm/types/icons/FPenIcon/FPenIcon.d.ts +9 -1
  82. package/dist/esm/types/icons/FPlusIcon/FPlusIcon.d.ts +9 -1
  83. package/dist/esm/types/icons/FTrashIcon/FTrashIcon.d.ts +9 -1
  84. package/dist/esm/types/icons/FUnlinkIcon/FUnlinkIcon.d.ts +9 -1
  85. package/dist/esm/types/index.d.ts +1 -0
  86. package/dist/esm/types/material/Dialog/FDialog/FDialog.d.ts +11 -2
  87. package/dist/esm/types/material/Dialog/FDialogBody/FDialogBody.d.ts +6 -2
  88. package/dist/esm/types/material/Dialog/FDialogFooter/FDialogFooter.d.ts +4 -2
  89. package/dist/esm/types/material/Dialog/FDialogHeader/FDialogHeader.d.ts +4 -1
  90. package/dist/esm/types/material/Dropdown/FDropdown/FDropdown.d.ts +12 -2
  91. package/dist/esm/types/material/Dropdown/FDropdownItem/FDropdownItem.d.ts +9 -2
  92. package/dist/esm/types/material/FAccordion/FAccordion.d.ts +10 -2
  93. package/dist/esm/types/material/FAlert/FAlert.d.ts +15 -2
  94. package/dist/esm/types/material/FButton/FButton.d.ts +14 -1
  95. package/dist/esm/types/material/FButtonFile/FButtonFile.d.ts +19 -1
  96. package/dist/esm/types/material/FCheckbox/FCheckbox.d.ts +11 -2
  97. package/dist/esm/types/material/FContainer/FContainer.d.ts +8 -2
  98. package/dist/esm/types/material/FFile/FFile.d.ts +8 -2
  99. package/dist/esm/types/material/FFullDateField/FFullDateField.d.ts +22 -2
  100. package/dist/esm/types/material/FGrid/FGrid.d.ts +15 -2
  101. package/dist/esm/types/material/FInputFileForm/FInputFileForm.d.ts +18 -2
  102. package/dist/esm/types/material/FNative/FNative.d.ts +16 -2
  103. package/dist/esm/types/material/FOpenImgFull/FOpenImgFull.d.ts +11 -2
  104. package/dist/esm/types/material/FPagination/FPagination.d.ts +11 -2
  105. package/dist/esm/types/material/FPaper/FPaper.d.ts +15 -2
  106. package/dist/esm/types/material/FPreloader/FPreloader.d.ts +7 -2
  107. package/dist/esm/types/material/FProgress/FProgress.d.ts +5 -2
  108. package/dist/esm/types/material/FRadioButton/FRadioButton.d.ts +10 -2
  109. package/dist/esm/types/material/FSearchBox/FSearchBox.d.ts +27 -2
  110. package/dist/esm/types/material/FSelectSearchDb/FSelectSearchDb.d.ts +19 -2
  111. package/dist/esm/types/material/FStack/FStack.d.ts +11 -2
  112. package/dist/esm/types/material/FTextArea/FTextArea.d.ts +22 -2
  113. package/dist/esm/types/material/FTextField/FTextField.d.ts +24 -2
  114. package/dist/esm/types/material/FTimelineComponents/FTimeline/FTimeline.d.ts +7 -2
  115. package/dist/esm/types/material/FTimelineComponents/FTimelineCard/FTimelineCard.d.ts +8 -2
  116. package/dist/esm/types/material/SelectComponents/FSelect/FSelect.d.ts +19 -2
  117. package/dist/esm/types/material/SelectComponents/FSelectItem/FSelectItem.d.ts +11 -2
  118. package/dist/esm/types/material/TableComponents/FTable/FTable.d.ts +9 -2
  119. package/dist/esm/types/material/TableComponents/FTableBody/FTableBody.d.ts +8 -2
  120. package/dist/esm/types/material/TableComponents/FTableDataCell/FTableDataCell.d.ts +12 -2
  121. package/dist/esm/types/material/TableComponents/FTableFooter/FTableFooter.d.ts +8 -2
  122. package/dist/esm/types/material/TableComponents/FTableHead/FTableHead.d.ts +8 -2
  123. package/dist/esm/types/material/TableComponents/FTableHeaderCell/FTableHeaderCell.d.ts +10 -2
  124. package/dist/esm/types/material/TableComponents/FTableRow/FTableRow.d.ts +8 -2
  125. package/dist/esm/types/material/Tabs/FTab/FTab.d.ts +10 -2
  126. package/dist/esm/types/material/Tabs/FTabs/FTabs.d.ts +7 -2
  127. package/dist/index.d.ts +407 -394
  128. package/package.json +3 -2
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ import './FExportTableToExcel.css';
3
+ export interface IFExportTableToExcel {
4
+ label: string;
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
+ onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
10
+ st?: React.CSSProperties;
11
+ className?: string;
12
+ fullWidth?: boolean;
13
+ id?: string;
14
+ idTable: string;
15
+ fileName: string;
16
+ }
17
+ declare const FExportTableToExcel: ({ variant, color, size, disabled, onClick, st, className, fullWidth, id, idTable, fileName, label, }: IFExportTableToExcel) => import("react/jsx-runtime").JSX.Element;
18
+ export default FExportTableToExcel;
@@ -0,0 +1 @@
1
+ export { default } from "./FExportTableToExcel";
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ import './FExportTableToExcel.css';
3
+ export interface IFExportTableToExcel {
4
+ label: string;
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
+ onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
10
+ st?: React.CSSProperties;
11
+ className?: string;
12
+ fullWidth?: boolean;
13
+ id?: string;
14
+ idTable: string;
15
+ fileName: string;
16
+ }
17
+ declare const FExportTableToExcel: ({ variant, color, size, disabled, onClick, st, className, fullWidth, id, idTable, fileName, label, }: IFExportTableToExcel) => import("react/jsx-runtime").JSX.Element;
18
+ export default FExportTableToExcel;
@@ -0,0 +1 @@
1
+ export { default as FExportTableToExcel } from "./FExportTableToExcel";
@@ -1,4 +1,8 @@
1
1
  import './fAlert.css';
2
- import { IfAlert } from "../interfaces";
2
+ export interface IfAlert {
3
+ title?: string;
4
+ body: string;
5
+ variant: 'info' | 'error' | 'success' | 'warning';
6
+ }
3
7
  declare const fAlert: ({ title, body, variant }: IfAlert) => void;
4
8
  export default fAlert;
@@ -1,4 +1,7 @@
1
1
  import './fConfirm.css';
2
- import { IfConfirm } from "../interfaces";
2
+ export interface IfConfirm {
3
+ title?: string;
4
+ body: string;
5
+ }
3
6
  declare const fConfirm: ({ title, body }: IfConfirm) => Promise<boolean>;
4
7
  export default fConfirm;
@@ -1,5 +1,8 @@
1
1
  import './fPrompt.css';
2
- import { IfPrompt } from "../interfaces";
2
+ export interface IfPrompt {
3
+ title?: string;
4
+ body?: string;
5
+ }
3
6
  export declare function getValue(element: HTMLInputElement | null): string | null;
4
7
  declare const fPrompt: ({ title, body }: IfPrompt) => Promise<string | null>;
5
8
  export default fPrompt;
@@ -1,4 +1,13 @@
1
+ import React from 'react';
1
2
  import "../../material/statick/Colors.css";
2
- import { IFArrowIcon } from "../interfaces";
3
+ export interface IFArrowIcon {
4
+ color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
5
+ size?: number;
6
+ st?: React.CSSProperties;
7
+ direction?: 'up' | 'down' | 'left' | 'right';
8
+ handleClick?: () => void;
9
+ id?: string;
10
+ className?: string;
11
+ }
3
12
  declare const FArrowIcon: ({ color, size, st, direction, handleClick, id, className }: IFArrowIcon) => import("react/jsx-runtime").JSX.Element;
4
13
  export default FArrowIcon;
@@ -1,4 +1,12 @@
1
+ import React from 'react';
1
2
  import "../../material/statick/Colors.css";
2
- import { IFCheckIcon } from "../interfaces";
3
+ export interface IFCheckIcon {
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 FCheckIcon: ({ color, size, st, id, className, handleClick }: IFCheckIcon) => import("react/jsx-runtime").JSX.Element;
4
12
  export default FCheckIcon;
@@ -1,4 +1,12 @@
1
+ import React from 'react';
1
2
  import "../../material/statick/Colors.css";
2
- import { IFCloseIcon } from "../interfaces";
3
+ export interface IFCloseIcon {
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
+ handleClose?: () => void;
10
+ }
3
11
  declare const FCloseIcon: ({ color, size, st, id, className, handleClose }: IFCloseIcon) => import("react/jsx-runtime").JSX.Element;
4
12
  export default FCloseIcon;
@@ -1,4 +1,12 @@
1
+ import React from 'react';
1
2
  import "../../material/statick/Colors.css";
2
- import { IFCopyAddIcon } from "../interfaces";
3
+ export interface IFCopyAddIcon {
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 FCopyAddIcon: ({ color, size, st, id, className, handleClick }: IFCopyAddIcon) => import("react/jsx-runtime").JSX.Element;
4
12
  export default FCopyAddIcon;
@@ -1,3 +1,11 @@
1
- import { IFDownloadIcon } from "../interfaces";
1
+ import React from 'react';
2
+ export interface IFDownloadIcon {
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 FDownloadIcon: ({ color, size, st, id, className, handleClick }: IFDownloadIcon) => import("react/jsx-runtime").JSX.Element;
3
11
  export default FDownloadIcon;
@@ -1,3 +1,11 @@
1
- import { IFFilterIcon } from "../interfaces";
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
- import { IFListIcon } from "../interfaces";
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
- import { IFLoadIcon } from "../interfaces";
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
- import { IFPenIcon } from "../interfaces";
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
- import { IFPlusIcon } from "../interfaces";
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
- import { IFTrashIcon } from "../interfaces";
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
- import { IFUnlinkIcon } from "../interfaces";
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;
@@ -2,3 +2,4 @@ import "./static/styles/index.css";
2
2
  export * from './material';
3
3
  export * from './icons';
4
4
  export * from './function-elements';
5
+ export * from './export';
@@ -1,5 +1,14 @@
1
- import { FC } from "react";
1
+ import React, { FC } from "react";
2
2
  import "../style/style.css";
3
- import { IFDialog } from "../../interfaces";
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
- import { IFDialogBody } from "../../interfaces";
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
- import { IFDialogFooter } from "../../interfaces";
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,4 +1,7 @@
1
1
  import { FC } from "react";
2
- import { IFDialogHeader } from "../../interfaces";
2
+ export interface IFDialogHeader {
3
+ title?: string;
4
+ handleClose?: () => void;
5
+ }
3
6
  declare const FDialogHeader: FC<IFDialogHeader>;
4
7
  export default FDialogHeader;
@@ -1,5 +1,15 @@
1
- import { FC } from "react";
1
+ import React, { FC } from "react";
2
2
  import '../statick/FDropdown.css';
3
- import { IFDropdown } from "../../interfaces";
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
- import { IFDropdownItem } from "../../interfaces";
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
- import { IFAccordion } from "../interfaces";
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
- import { IFAlert } from "../interfaces";
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
- import { IFButton } from "../interfaces";
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
- import { IFButtonFile } from "../interfaces";
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
- import { IFCheckbox } from "../interfaces";
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
- import { IFContainer } from "../interfaces";
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
- import { IFFile } from "../interfaces";
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
- import { IFFullDateField } from "../interfaces";
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
- import { IFGrid } from "../interfaces";
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
- import { IFInputFileForm } from "../interfaces";
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
- import { IFNative } from "../interfaces";
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
- import { IFOpenImgFull } from "../interfaces";
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
- import { IFPagination } from "../interfaces";
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
- import { IFPaper } from "../interfaces";
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;