fui-material 0.2.82 → 0.2.83

package/dist/esm/types/function-elements/fExportTableToExcel/fExportTableToExcel.d.ts

@@ -0,0 +1,6 @@
+export interface IfExportTableToExcel {
+    tableId: string;
+    fileName: string;
+}
+declare const fExportTableToExcel: ({ tableId, fileName }: IfExportTableToExcel) => Promise<boolean>;
+export default fExportTableToExcel;

package/dist/esm/types/function-elements/fExportTableToExcel/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./fExportTableToExcel";

package/dist/esm/types/function-elements/index.d.ts

@@ -1,3 +1,4 @@
 export { default as fAlert } from "./fAlert";
 export { default as fConfirm } from "./fConfirm";
 export { default as fPrompt } from "./fPrompt";
+export { default as fExportTableToExcel } from "./fExportTableToExcel";

package/dist/esm/types/index.d.ts

@@ -2,4 +2,3 @@ import "./static/styles/index.css";
 export * from './material';
 export * from './icons';
 export * from './function-elements';
-export * from './export';

package/dist/index.d.ts

@@ -672,20 +672,10 @@ interface IfPrompt {
 }
 declare const fPrompt: ({ title, body }: IfPrompt) => Promise<string | null>;
 
-interface IFExportTableToExcel {
-    label: string;
-    variant?: 'contained' | 'default';
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: 'btn-lg' | 'btn-sm' | 'btn-xs';
-    disabled?: boolean;
-    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    st?: React.CSSProperties;
-    className?: string;
-    fullWidth?: boolean;
-    id?: string;
-    idTable: string;
+interface IfExportTableToExcel {
+    tableId: string;
     fileName: string;
 }
-declare const FExportTableToExcel: ({ variant, color, size, disabled, onClick, st, className, fullWidth, id, idTable, fileName, label, }: IFExportTableToExcel) => react_jsx_runtime.JSX.Element;
+declare const fExportTableToExcel: ({ tableId, fileName }: IfExportTableToExcel) => Promise<boolean>;
 
-export { FAccordion, FAlert, FArrowIcon, FButton, FButtonFile, FCheckIcon, FCheckbox, FCloseIcon, FContainer, FCopyAddIcon, FDialog, FDialogBody, FDialogFooter, FDialogHeader, FDownloadIcon, FDropdown, FDropdownItem, FExportTableToExcel, FFile, FFilterIcon, FFullDateField, FGrid, FInputFileForm, FListIcon, FLoadIcon, FNative, FOpenImgFull, FPagination, FPaper, FPenIcon, FPlusIcon, FPreloader, FProgress, FRadioButton, FSearchBox, FSelect, FSelectItem, FSelectSearchDb, FStack, FTab, FTable, FTableBody, FTableDataCell, FTableFooter, FTableHead, FTableHeaderCell, FTableRow, FTabs, FTextArea, FTextField, FTimeline, FTimelineCard, FTrashIcon, FUnlinkIcon, fAlert, fConfirm, fPrompt };
+export { FAccordion, FAlert, FArrowIcon, FButton, FButtonFile, FCheckIcon, FCheckbox, FCloseIcon, FContainer, FCopyAddIcon, FDialog, FDialogBody, FDialogFooter, FDialogHeader, FDownloadIcon, FDropdown, FDropdownItem, FFile, FFilterIcon, FFullDateField, FGrid, FInputFileForm, FListIcon, FLoadIcon, FNative, FOpenImgFull, FPagination, FPaper, FPenIcon, FPlusIcon, FPreloader, FProgress, FRadioButton, FSearchBox, FSelect, FSelectItem, FSelectSearchDb, FStack, FTab, FTable, FTableBody, FTableDataCell, FTableFooter, FTableHead, FTableHeaderCell, FTableRow, FTabs, FTextArea, FTextField, FTimeline, FTimelineCard, FTrashIcon, FUnlinkIcon, fAlert, fConfirm, fExportTableToExcel, fPrompt };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fui-material",
-  "version": "0.2.82",
+  "version": "0.2.83",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -14,7 +14,7 @@
     "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",
     "typescript": "^4.9.3",
-    "react-html-table-to-excel": "^2.0.0"
+    "xlsx": "^0.18.5"
   },
   "scripts": {
     "build": "rollup -c",

package/dist/cjs/types/export/FExportTableToExcel/FExportTableToExcel.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-import './FExportTableToExcel.css';
-export interface IFExportTableToExcel {
-    label: string;
-    variant?: 'contained' | 'default';
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: 'btn-lg' | 'btn-sm' | 'btn-xs';
-    disabled?: boolean;
-    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    st?: React.CSSProperties;
-    className?: string;
-    fullWidth?: boolean;
-    id?: string;
-    idTable: string;
-    fileName: string;
-}
-declare const FExportTableToExcel: ({ variant, color, size, disabled, onClick, st, className, fullWidth, id, idTable, fileName, label, }: IFExportTableToExcel) => import("react/jsx-runtime").JSX.Element;
-export default FExportTableToExcel;

package/dist/cjs/types/export/FExportTableToExcel/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./FExportTableToExcel";

package/dist/cjs/types/export/export-table-to-excel/FExportTableToExcel.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-import './FExportTableToExcel.css';
-export interface IFExportTableToExcel {
-    label: string;
-    variant?: 'contained' | 'default';
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: 'btn-lg' | 'btn-sm' | 'btn-xs';
-    disabled?: boolean;
-    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    st?: React.CSSProperties;
-    className?: string;
-    fullWidth?: boolean;
-    id?: string;
-    idTable: string;
-    fileName: string;
-}
-declare const FExportTableToExcel: ({ variant, color, size, disabled, onClick, st, className, fullWidth, id, idTable, fileName, label, }: IFExportTableToExcel) => import("react/jsx-runtime").JSX.Element;
-export default FExportTableToExcel;

package/dist/cjs/types/export/index.d.ts

@@ -1 +0,0 @@
-export { default as FExportTableToExcel } from "./FExportTableToExcel";

package/dist/cjs/types/function-elements/interfaces.d.ts

@@ -1,13 +0,0 @@
-export interface IfAlert {
-    title?: string;
-    body: string;
-    variant: 'info' | 'error' | 'success' | 'warning';
-}
-export interface IfConfirm {
-    title?: string;
-    body: string;
-}
-export interface IfPrompt {
-    title?: string;
-    body?: string;
-}

package/dist/cjs/types/icons/interfaces.d.ts

@@ -1,98 +0,0 @@
-import React from "react";
-export interface IFArrowIcon {
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: number;
-    st?: React.CSSProperties;
-    direction?: 'up' | 'down' | 'left' | 'right';
-    handleClick?: () => void;
-    id?: string;
-    className?: string;
-}
-export interface IFCheckIcon {
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: number;
-    st?: React.CSSProperties;
-    id?: string;
-    className?: string;
-    handleClick?: () => void;
-}
-export interface IFCloseIcon {
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: number;
-    st?: React.CSSProperties;
-    id?: string;
-    className?: string;
-    handleClose?: () => void;
-}
-export interface IFCopyAddIcon {
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: number;
-    st?: React.CSSProperties;
-    id?: string;
-    className?: string;
-    handleClick?: () => void;
-}
-export interface IFDownloadIcon {
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: number;
-    st?: React.CSSProperties;
-    id?: string;
-    className?: string;
-    handleClick?: () => void;
-}
-export interface IFFilterIcon {
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: number;
-    st?: React.CSSProperties;
-    id?: string;
-    className?: string;
-    handleClick?: () => void;
-}
-export interface IFListIcon {
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: number;
-    st?: React.CSSProperties;
-    id?: string;
-    className?: string;
-    handleClick?: () => void;
-}
-export interface IFLoadIcon {
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: number;
-    st?: React.CSSProperties;
-    id?: string;
-    className?: string;
-    handleClick?: () => void;
-}
-export interface IFPenIcon {
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: number;
-    st?: React.CSSProperties;
-    id?: string;
-    className?: string;
-    handleClick?: () => void;
-}
-export interface IFPlusIcon {
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: number;
-    st?: React.CSSProperties;
-    id?: string;
-    className?: string;
-    handleClick?: () => void;
-}
-export interface IFTrashIcon {
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: number;
-    st?: React.CSSProperties;
-    id?: string;
-    className?: string;
-    handleClick?: () => void;
-}
-export interface IFUnlinkIcon {
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: number;
-    st?: React.CSSProperties;
-    id?: string;
-    className?: string;
-    handleClick?: () => void;
-}

package/dist/cjs/types/material/interfaces.d.ts

@@ -1,450 +0,0 @@
-import React from "react";
-export interface IFDialog {
-    openAndClose: boolean;
-    id?: string;
-    className?: string;
-    st?: React.CSSProperties;
-    children?: React.ReactChild | React.ReactNode;
-    hide?: boolean;
-    closeButtonBackPage?: React.Dispatch<React.SetStateAction<boolean>>;
-    width?: 'xs' | 'md' | 'lg' | 'xxl' | 'adaptive';
-}
-export interface IFDialogBody {
-    st?: React.CSSProperties;
-    children?: React.ReactChild | React.ReactNode;
-    scroll?: boolean;
-}
-export interface IFDialogFooter {
-    children?: React.ReactChild | React.ReactNode;
-}
-export interface IFDialogHeader {
-    title?: string;
-    handleClose?: () => void;
-}
-export interface IFDropdown {
-    label?: React.ReactChild | React.ReactNode;
-    children?: React.ReactChild | React.ReactNode;
-    variant?: 'contained' | 'default';
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: 'btn-lg' | 'btn-sm' | 'btn-xs';
-    disabled?: boolean;
-    st?: React.CSSProperties;
-    className?: string;
-    id?: string;
-}
-export interface IFDropdownItem {
-    disabled?: boolean;
-    st?: React.CSSProperties;
-    className?: string;
-    id?: string;
-    children?: React.ReactChild | React.ReactNode;
-    onClick?: React.MouseEventHandler<HTMLLIElement> | undefined;
-}
-export interface IFAccordion {
-    children?: React.ReactChild | React.ReactNode;
-    variant?: 'info' | 'alert' | 'warning';
-    title?: string;
-    id?: string;
-    className?: string;
-    st?: React.CSSProperties;
-    defaultOpen?: boolean;
-}
-export interface IFAlert {
-    title?: string;
-    body?: string;
-    variant: 'info' | 'error' | 'success' | 'warning';
-    onClose?: (e: boolean) => void;
-    st?: React.CSSProperties | undefined;
-    open: boolean;
-    vertical?: 'top' | 'bottom' | 'center';
-    horizontal?: 'left' | 'center' | 'right';
-    buttonClose?: boolean;
-    className?: string;
-    displayTime?: number;
-    size?: string;
-}
-export interface IFButton {
-    children?: React.ReactChild | React.ReactNode;
-    variant?: 'contained' | 'default';
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: 'btn-lg' | 'btn-sm' | 'btn-xs';
-    disabled?: boolean;
-    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    st?: React.CSSProperties;
-    className?: string;
-    fullWidth?: boolean;
-    id?: string;
-    type?: "button" | "submit" | "reset" | undefined;
-}
-export interface IFButtonFile {
-    children?: React.ReactChild | React.ReactNode;
-    variant?: 'contained' | 'default';
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    size?: 'btn-lg' | 'btn-sm' | 'btn-xs';
-    disabled?: boolean;
-    st?: React.CSSProperties;
-    className?: string;
-    fullWidth?: boolean;
-    id?: string;
-    onChange: (file: FileList | null) => void;
-    multiple?: boolean;
-    maxCount?: number;
-    accept?: string;
-    spacing?: 0 | 0.5 | 1 | 2 | 3 | 4 | 8 | 12 | undefined;
-    direction?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
-    required?: boolean;
-}
-export interface IFCheckbox {
-    label?: React.ReactChild | React.ReactNode;
-    onChange: React.ChangeEventHandler<HTMLInputElement> | undefined;
-    defaultChecked?: boolean | undefined;
-    className?: string;
-    id?: string;
-    st?: React.CSSProperties | undefined;
-    checked?: boolean | undefined;
-    disabled?: boolean;
-}
-export interface IFContainer {
-    maxWidth?: 'container-xs' | 'container-sm' | 'container-md' | 'container-lg' | 'container-xl' | 'container-xxl' | 'container-fluid';
-    children?: React.ReactChild | React.ReactNode;
-    className?: string;
-    st?: React.CSSProperties;
-    id?: string;
-}
-export interface IFFile {
-    id?: string;
-    className?: string;
-    st?: React.CSSProperties;
-    handleDelete?: () => void;
-    name: string;
-}
-export interface IFFullDateField {
-    label?: string;
-    st?: React.CSSProperties;
-    value?: string | number | undefined | null;
-    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
-    fullWidth?: boolean;
-    defaultValue?: string | number | readonly string[] | undefined;
-    disabled?: boolean;
-    readOnly?: boolean;
-    id?: string;
-    className?: string;
-    onkeydown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
-    min?: string | undefined;
-    max?: string | undefined;
-    load?: boolean;
-    required?: boolean;
-    errText?: string[];
-    helpText?: string;
-    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
-}
-export interface IFGrid {
-    children?: React.ReactChild | React.ReactNode;
-    className?: string;
-    st?: React.CSSProperties;
-    id?: string;
-    obj?: 'container' | 'item';
-    xs?: number;
-    sm?: number;
-    md?: number;
-    lg?: number;
-    xl?: number;
-    xxl?: number;
-    colAuto?: 'col-sm-auto' | 'col-md-auto' | 'col-lg-auto' | 'col-xl-auto' | 'col-xxl-auto';
-}
-export interface IFInputFileForm {
-    id?: string;
-    className?: string;
-    st?: React.CSSProperties;
-    dataMaxSize?: {
-        dimension: 'МБ' | 'КБ';
-        size: number;
-    };
-    name?: string;
-    accept?: string;
-    multiple?: boolean;
-    onChange: (e: FileList) => void;
-    disabled?: boolean;
-    deleteFile?: boolean;
-    title?: string;
-    required?: boolean;
-}
-export interface IFNative {
-    label: string;
-    id?: string;
-    className?: string;
-    st?: React.CSSProperties;
-    children?: React.ReactChild | React.ReactNode;
-    value?: string[] | number[];
-    singleChoice?: (element: string[]) => void;
-    multipleChoice?: (element: string[]) => void;
-    disabled?: boolean;
-    size?: number;
-    overflowX?: boolean;
-    width?: number | 'auto' | 'fit-content' | 'inherit' | 'initial' | 'max-content' | 'min-content' | 'revert' | 'unset' | '-webkit-fill-available';
-    fullWidth?: boolean;
-}
-export interface IFOpenImgFull {
-    id?: string;
-    className?: string;
-    st?: React.CSSProperties;
-    imagesUrl: string[];
-    selectedImg: number;
-    handleClose?: () => void;
-    setSelectedImg: (number: number) => void;
-    openAndClose: boolean;
-}
-export interface IFPagination {
-    currentPage: number;
-    totalCount: number;
-    pageSize: number;
-    onPageChange: (page: number | string | number) => void;
-    id?: string;
-    className?: string;
-    st?: React.CSSProperties | undefined;
-    siblingCount: 0 | 1 | 2;
-}
-export interface IFPaper {
-    label?: string;
-    children?: React.ReactChild | React.ReactNode;
-    st?: React.CSSProperties;
-    fontSizeLabel?: string;
-    fontSizeBody?: string;
-    id?: string;
-    className?: string;
-    onAnimationEnd?: () => void;
-    animated?: {
-        name: string;
-        value: string;
-    };
-}
-export interface IFPreloader {
-    st?: React.CSSProperties;
-    backgroundColor?: string;
-    children?: React.ReactChild | React.ReactNode;
-    open: boolean;
-}
-export interface IFProgress {
-    st?: React.CSSProperties;
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-}
-export interface IFRadioButton {
-    label?: React.ReactChild | React.ReactNode;
-    onClick: React.MouseEventHandler<HTMLInputElement> | undefined;
-    className?: string;
-    id?: string;
-    st?: React.CSSProperties | undefined;
-    checked?: boolean | undefined;
-    disabled?: boolean;
-}
-export interface IFSearchBox {
-    label?: string;
-    st?: React.CSSProperties;
-    value?: string | number | readonly string[] | undefined;
-    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
-    type?: 'text' | 'number' | 'email' | 'tel' | 'password';
-    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    fullWidth?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    errText?: string[];
-    helpText?: string;
-    onInput?: React.FormEventHandler<HTMLInputElement> | undefined;
-    id?: string;
-    className?: string;
-    load?: boolean;
-    min?: number;
-    max?: number;
-    placeholder?: string | undefined;
-    children?: React.ReactChild | React.ReactNode;
-    variant?: 'contained' | 'default';
-    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
-    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-}
-export interface IFSelectSearchDb {
-    fetchingFunc: (text: string) => Promise<any[]>;
-    selectedElement: (e: any | undefined) => void;
-    selectItem: any;
-    label?: string;
-    st?: React.CSSProperties;
-    id?: string;
-    fullWidth?: boolean;
-    className?: string;
-    disabled?: boolean;
-    readOnly?: boolean;
-    required?: boolean;
-    errText?: string[];
-    helpText?: string;
-    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    minLengthText?: number;
-}
-export interface IFStack {
-    direction?: 'row' | "row-reverse" | 'column' | "column-reverse";
-    alignItems?: "flex-start" | "center" | "flex-end" | "stretch" | "baseline";
-    justifyContent?: "flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly";
-    spacing?: number;
-    children?: React.ReactChild | React.ReactNode;
-    className?: string;
-    st?: React.CSSProperties;
-    id?: string;
-}
-export interface IFTextArea {
-    label?: string;
-    st?: React.CSSProperties;
-    value?: string | undefined;
-    cols?: number;
-    rows?: number;
-    placeholder?: string;
-    readOnly?: boolean;
-    disabled?: boolean;
-    autoComplete?: boolean;
-    className?: string;
-    id?: string;
-    fullWidth?: boolean;
-    onChange?: React.ChangeEventHandler<HTMLTextAreaElement> | undefined;
-    onClick?: React.MouseEventHandler<HTMLTextAreaElement> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLTextAreaElement> | undefined;
-    errText?: string[];
-    helpText?: string;
-    load?: boolean;
-    required?: boolean;
-}
-export interface IFTextField {
-    label?: string;
-    st?: React.CSSProperties;
-    value?: string | number | readonly string[] | undefined | null;
-    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
-    type?: 'text' | 'number' | 'email' | 'tel' | 'password';
-    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    fullWidth?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    errText?: string[];
-    helpText?: string;
-    onInput?: React.FormEventHandler<HTMLInputElement> | undefined;
-    id?: string;
-    className?: string;
-    load?: boolean;
-    required?: boolean;
-    min?: number;
-    max?: number;
-    placeholder?: string | undefined;
-}
-export interface IFTimeline {
-    children?: React.ReactChild | React.ReactNode;
-    st?: React.CSSProperties;
-    id?: string;
-    className?: string;
-}
-export interface IFTimelineCard {
-    children?: React.ReactChild | React.ReactNode;
-    st?: React.CSSProperties;
-    title?: string;
-    id?: string;
-    className?: string;
-}
-export interface IFSelect {
-    label?: string;
-    st?: React.CSSProperties;
-    onChange?: React.ChangeEventHandler<HTMLSelectElement> | undefined;
-    children?: React.ReactChild | React.ReactNode;
-    value?: string | number | readonly string[] | undefined;
-    multiple?: boolean | undefined;
-    size?: number | undefined;
-    fullWidth?: boolean;
-    disabled?: boolean;
-    defaultValue?: string | number | readonly string[] | undefined;
-    id?: string;
-    className?: string;
-    load?: boolean;
-    required?: boolean;
-    errText?: string[];
-    helpText?: string;
-}
-export interface IFSelectItem {
-    st?: React.CSSProperties;
-    value?: string | number | readonly string[] | undefined;
-    children?: React.ReactChild | React.ReactNode;
-    disabled?: boolean;
-    onClick?: React.MouseEventHandler<HTMLOptionElement> | undefined;
-    selected?: boolean;
-    className?: string;
-    id?: string;
-}
-export interface IFTable {
-    st?: React.CSSProperties;
-    children?: React.ReactChild | React.ReactNode;
-    id?: string;
-    className?: string;
-    onClick?: React.MouseEventHandler<HTMLTableElement> | undefined;
-    overflowX?: 'visible' | 'hidden' | 'clip' | 'scroll' | 'auto' | undefined;
-}
-export interface IFTableBody {
-    st?: React.CSSProperties;
-    children?: React.ReactChild | React.ReactNode;
-    onClick?: React.MouseEventHandler<HTMLTableSectionElement> | undefined;
-    id?: string;
-    className?: string;
-}
-export interface IFTableDataCell {
-    st?: React.CSSProperties;
-    row?: number | undefined;
-    col?: number | undefined;
-    children?: React.ReactChild | React.ReactNode;
-    onClick?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
-    id?: string;
-    onBlur?: React.FocusEventHandler<HTMLTableDataCellElement> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLTableDataCellElement> | undefined;
-    className?: string;
-}
-export interface IFTableFooter {
-    st?: React.CSSProperties;
-    children?: React.ReactChild | React.ReactNode;
-    onClick?: React.MouseEventHandler<HTMLTableSectionElement> | undefined;
-    id?: string;
-    className?: string;
-}
-export interface IFTableHead {
-    st?: React.CSSProperties;
-    children?: React.ReactChild | React.ReactNode;
-    onClick?: React.MouseEventHandler<HTMLTableSectionElement> | undefined;
-    id?: string;
-    className?: string;
-}
-export interface IFTableHeaderCell {
-    st?: React.CSSProperties;
-    row?: number | undefined;
-    col?: number | undefined;
-    children?: React.ReactChild | React.ReactNode;
-    onClick?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
-    id?: string;
-    className?: string;
-}
-export interface IFTableRow {
-    st?: React.CSSProperties;
-    children?: React.ReactChild | React.ReactNode;
-    onClick?: React.MouseEventHandler<HTMLTableRowElement> | undefined;
-    id?: string;
-    className?: string;
-}
-export interface IFTabs {
-    children?: React.ReactChild | React.ReactNode;
-    id?: string;
-    className?: string;
-    st?: React.CSSProperties;
-    disabled?: boolean;
-    active?: boolean;
-    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-}
-export interface IFTabs {
-    children?: React.ReactChild | React.ReactNode;
-    id?: string;
-    className?: string;
-    st?: React.CSSProperties;
-}