fui-material 1.0.10-release → 1.0.11-release

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 export interface IfExportHtmlOrJsxToWord {
     tableId?: string;
     divId?: string;
     fileName: string;
-    jsxElement?: JSX.Element;
+    jsxElement?: string;
     format?: 'A4' | 'A3' | 'A2' | 'A1';
     orientation?: 'landscape' | 'vertical';
 }

package/dist/esm/types/function-elements/fExportHtmlOrJsxToWord/functions/jsxToHtml.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function jsxToHtml(element: JSX.Element): Promise<HTMLDivElement | null>;
+export declare function jsxToHtml(element: string): Promise<HTMLDivElement | null>;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function jsxToHtml(element: JSX.Element): Promise<HTMLDivElement | null>;
+export declare function jsxToHtml(element: string): Promise<HTMLDivElement | null>;

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 export interface IfExportTableToExcel {
     tableId?: string;
     divId?: string;
     fileName: string;
-    jsxElement?: JSX.Element;
+    jsxElement?: string;
 }
 declare const fExportTableToExcel: ({ tableId, fileName, jsxElement, divId }: IfExportTableToExcel) => Promise<boolean>;
 export default fExportTableToExcel;

package/dist/esm/types/material/CarouselComponent/FCarousel/FCarousel.d.ts

@@ -0,0 +1,15 @@
+import React, { FC } from 'react';
+import '../statick/carousel.css';
+export interface IFCarousel {
+    autoSwitching?: {
+        flag: boolean;
+        timeSecond: number;
+    };
+    className?: string;
+    id?: string;
+    childrenElements: (current: number) => React.ReactChild | React.ReactNode;
+    quantityItems: number;
+    st?: React.CSSProperties;
+}
+declare const FCarousel: FC<IFCarousel>;
+export default FCarousel;

package/dist/esm/types/material/CarouselComponent/FCarousel/index.d.ts

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

package/dist/esm/types/material/CarouselComponent/FCarouselItem/FCarouselItem.d.ts

@@ -0,0 +1,13 @@
+import React, { FC } from 'react';
+import '../statick/carousel.css';
+export interface FCarouselItem {
+    children?: React.ReactChild | React.ReactNode;
+    className?: string;
+    id?: string;
+    current: number;
+    index: number;
+    quantityItems: number;
+    st?: React.CSSProperties;
+}
+declare const FCarouselItem: FC<FCarouselItem>;
+export default FCarouselItem;

package/dist/esm/types/material/CarouselComponent/FCarouselItem/index.d.ts

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

package/dist/esm/types/material/Dialog/FDialogFooter/FDialogFooter.d.ts

@@ -1,6 +1,9 @@
 import React, { FC } from "react";
 export interface IFDialogFooter {
     children?: React.ReactChild | React.ReactNode;
+    className?: string;
+    st?: React.CSSProperties | undefined;
+    id?: string;
 }
 declare const FDialogFooter: FC<IFDialogFooter>;
 export default FDialogFooter;

package/dist/esm/types/material/FFullDateField/FFullDateField.d.ts

@@ -20,6 +20,8 @@ export interface IFFullDateField {
     helpText?: string;
     onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    width?: string | number;
+    height?: string | number;
 }
 declare const FFullDateField: FC<IFFullDateField>;
 export default FFullDateField;

package/dist/esm/types/material/FGrid/FGrid.d.ts

@@ -1,4 +1,5 @@
 import React, { FC } from "react";
+import "./css/bootstrap.css";
 export interface IFGrid {
     children?: React.ReactChild | React.ReactNode;
     className?: string;

package/dist/esm/types/material/FTextArea/FTextArea.d.ts

@@ -19,6 +19,8 @@ export interface IFTextArea {
     helpText?: string;
     load?: boolean;
     required?: boolean;
+    width?: string | number;
+    height?: string | number;
 }
 declare const FTextArea: FC<IFTextArea>;
 export default FTextArea;

package/dist/esm/types/material/FTextField/FTextField.d.ts

@@ -22,6 +22,8 @@ export interface IFTextField {
     min?: number;
     max?: number;
     placeholder?: string | undefined;
+    width?: string | number;
+    height?: string | number;
 }
 declare const FTextField: FC<IFTextField>;
 export default FTextField;

package/dist/esm/types/material/SelectComponents/FSelect/FSelect.d.ts

@@ -17,6 +17,8 @@ export interface IFSelect {
     required?: boolean;
     errText?: string[];
     helpText?: string;
+    width?: string | number;
+    height?: string | number;
 }
 declare const FSelect: FC<IFSelect>;
 export default FSelect;

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

@@ -39,3 +39,5 @@ export { default as FTab } from "./Tabs/FTab";
 export { default as FDropdown } from "./Dropdown/FDropdown";
 export { default as FDropdownItem } from "./Dropdown/FDropdownItem";
 export { default as FSearchBox } from "./FSearchBox";
+export { default as FCarousel } from "./CarouselComponent/FCarousel";
+export { default as FCarouselItem } from "./CarouselComponent/FCarouselItem";

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { FC } from 'react';
 
@@ -59,6 +58,8 @@ interface IFTextField {
     min?: number;
     max?: number;
     placeholder?: string | undefined;
+    width?: string | number;
+    height?: string | number;
 }
 declare const FTextField: FC<IFTextField>;
 
@@ -212,6 +213,9 @@ declare const FDialogBody: FC<IFDialogBody>;
 
 interface IFDialogFooter {
     children?: React.ReactChild | React.ReactNode;
+    className?: string;
+    st?: React.CSSProperties | undefined;
+    id?: string;
 }
 declare const FDialogFooter: FC<IFDialogFooter>;
 
@@ -349,6 +353,8 @@ interface IFSelect {
     required?: boolean;
     errText?: string[];
     helpText?: string;
+    width?: string | number;
+    height?: string | number;
 }
 declare const FSelect: FC<IFSelect>;
 
@@ -384,6 +390,8 @@ interface IFFullDateField {
     helpText?: string;
     onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    width?: string | number;
+    height?: string | number;
 }
 declare const FFullDateField: FC<IFFullDateField>;
 
@@ -428,6 +436,8 @@ interface IFTextArea {
     helpText?: string;
     load?: boolean;
     required?: boolean;
+    width?: string | number;
+    height?: string | number;
 }
 declare const FTextArea: FC<IFTextArea>;
 
@@ -534,6 +544,30 @@ interface IFSearchBox {
 }
 declare const FSearchBox: FC<IFSearchBox>;
 
+interface IFCarousel {
+    autoSwitching?: {
+        flag: boolean;
+        timeSecond: number;
+    };
+    className?: string;
+    id?: string;
+    childrenElements: (current: number) => React.ReactChild | React.ReactNode;
+    quantityItems: number;
+    st?: React.CSSProperties;
+}
+declare const FCarousel: FC<IFCarousel>;
+
+interface FCarouselItem {
+    children?: React.ReactChild | React.ReactNode;
+    className?: string;
+    id?: string;
+    current: number;
+    index: number;
+    quantityItems: number;
+    st?: React.CSSProperties;
+}
+declare const FCarouselItem: FC<FCarouselItem>;
+
 interface IFCloseIcon {
     color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
     size?: number;
@@ -689,7 +723,7 @@ interface IfExportTableToExcel {
     tableId?: string;
     divId?: string;
     fileName: string;
-    jsxElement?: JSX.Element;
+    jsxElement?: string;
 }
 declare const fExportTableToExcel: ({ tableId, fileName, jsxElement, divId }: IfExportTableToExcel) => Promise<boolean>;
 
@@ -697,7 +731,7 @@ interface IfExportHtmlOrJsxToWord {
     tableId?: string;
     divId?: string;
     fileName: string;
-    jsxElement?: JSX.Element;
+    jsxElement?: string;
     format?: 'A4' | 'A3' | 'A2' | 'A1';
     orientation?: 'landscape' | 'vertical';
 }
@@ -714,4 +748,4 @@ declare const fNotification: ({ title, body, variant, timeSecClose, buttonClose,
 
 declare const fNotificationDelete: (id: string) => void;
 
-export { FAccordion, FAlert, FArrowIcon, FButton, FButtonFile, FCheckIcon, FCheckbox, FCloseIcon, FContainer, FCopyAddIcon, FDialog, FDialogBody, FDialogFooter, FDialogHeader, FDocumentIcon, 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, fExportHtmlOrJsxToWord, fExportTableToExcel, fNotification, fNotificationDelete, fPrompt };
+export { FAccordion, FAlert, FArrowIcon, FButton, FButtonFile, FCarousel, FCarouselItem, FCheckIcon, FCheckbox, FCloseIcon, FContainer, FCopyAddIcon, FDialog, FDialogBody, FDialogFooter, FDialogHeader, FDocumentIcon, 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, fExportHtmlOrJsxToWord, fExportTableToExcel, fNotification, fNotificationDelete, fPrompt };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fui-material",
-  "version": "1.0.10-release",
+  "version": "1.0.11-release",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"