fui-material 1.0.13-beta → 1.0.13-release

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

@@ -1,10 +1,10 @@
-/// <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';
 }
-export declare const fExportHtmlOrJsxToWord: ({ tableId, fileName, jsxElement, format, orientation }: IfExportHtmlOrJsxToWord) => Promise<boolean>;
+export declare const fExportHtmlOrJsxToWord: ({ tableId, fileName, jsxElement, format, orientation, divId }: IfExportHtmlOrJsxToWord) => Promise<boolean>;
 export default fExportHtmlOrJsxToWord;

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

@@ -1 +1 @@
-export declare const convertHtmlTbToXml: (opt: Element) => string;
+export declare const convertHtmlTbToXml: (opt: Element, width: number) => string;

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

@@ -1 +1 @@
-export declare const convertJsxElementToXml: () => string;
+export declare const convertJsxElementToXml: (el: HTMLDivElement | HTMLElement, width: number) => string;

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

@@ -5,7 +5,7 @@ export declare const createStartSpan: () => string;
 export declare const createEndSpan: () => string;
 export declare const createTagSpan: (text: string) => string;
 export declare const createTagBr: () => string;
-export declare const createTagTb: (table: string) => string;
+export declare const createTagTb: (table: string, rows: number, width: number) => string;
 export declare const createTagTbRow: (listCel: string) => string;
 export declare const createTagTbHeaderCell: (text?: string, rowSpan?: 'restart' | 'continue', colSpan?: number) => string;
 export declare const createTagTbBodyCell: (text?: string, rowSpan?: 'restart' | 'continue', colSpan?: number) => string;

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,8 +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 }: IfExportTableToExcel) => Promise<boolean>;
+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,17 @@
+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;
+    width?: string | number;
+    height?: string | number;
+}
+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,15 @@
+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;
+    widthCard?: number | string;
+    heightCard?: number | string;
+}
+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/FSkeleton/FSkeleton.d.ts

@@ -0,0 +1,8 @@
+import { FC, ReactNode } from "react";
+import './FSkeleton.css';
+export interface IFSkeleton {
+    children: ReactNode;
+    enable: boolean;
+}
+declare const FSkeleton: FC<IFSkeleton>;
+export default FSkeleton;

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/TableComponents/FTableBody/FTableBody.d.ts

@@ -5,6 +5,7 @@ export interface IFTableBody {
     onClick?: React.MouseEventHandler<HTMLTableSectionElement> | undefined;
     id?: string;
     className?: string;
+    textAlignment?: 'left' | 'right' | 'center' | 'justify';
 }
 declare const FTableBody: FC<IFTableBody>;
 export default FTableBody;

package/dist/esm/types/material/TableComponents/FTableDataCell/FTableDataCell.d.ts

@@ -9,6 +9,8 @@ export interface IFTableDataCell {
     onBlur?: React.FocusEventHandler<HTMLTableDataCellElement> | undefined;
     onFocus?: React.FocusEventHandler<HTMLTableDataCellElement> | undefined;
     className?: string;
+    textAlignment?: 'left' | 'right' | 'center' | 'justify';
+    height?: number | string;
 }
 declare const FTableDataCell: FC<IFTableDataCell>;
 export default FTableDataCell;

package/dist/esm/types/material/TableComponents/FTableHead/FTableHead.d.ts

@@ -5,6 +5,7 @@ export interface IFTableHead {
     onClick?: React.MouseEventHandler<HTMLTableSectionElement> | undefined;
     id?: string;
     className?: string;
+    textAlignment?: 'left' | 'right' | 'center' | 'justify';
 }
 declare const FTableHead: FC<IFTableHead>;
 export default FTableHead;

package/dist/esm/types/material/TableComponents/FTableHeaderCell/FTableHeaderCell.d.ts

@@ -7,6 +7,8 @@ export interface IFTableHeaderCell {
     onClick?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
     id?: string;
     className?: string;
+    textAlignment?: 'left' | 'right' | 'center' | 'justify';
+    width?: number | string;
 }
 declare const FTableHeaderCell: FC<IFTableHeaderCell>;
 export default FTableHeaderCell;

package/dist/esm/types/material/Tabs/FTabs/FTabs.d.ts

@@ -5,6 +5,7 @@ export interface IFTabs {
     id?: string;
     className?: string;
     st?: React.CSSProperties;
+    orientation?: 'vertical' | 'horizontal';
 }
 declare const FTabs: FC<IFTabs>;
 export default FTabs;

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>;
 
@@ -131,6 +132,7 @@ interface IFTableHead {
     onClick?: React.MouseEventHandler<HTMLTableSectionElement> | undefined;
     id?: string;
     className?: string;
+    textAlignment?: 'left' | 'right' | 'center' | 'justify';
 }
 declare const FTableHead: FC<IFTableHead>;
 
@@ -140,6 +142,7 @@ interface IFTableBody {
     onClick?: React.MouseEventHandler<HTMLTableSectionElement> | undefined;
     id?: string;
     className?: string;
+    textAlignment?: 'left' | 'right' | 'center' | 'justify';
 }
 declare const FTableBody: FC<IFTableBody>;
 
@@ -160,6 +163,8 @@ interface IFTableHeaderCell {
     onClick?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
     id?: string;
     className?: string;
+    textAlignment?: 'left' | 'right' | 'center' | 'justify';
+    width?: number | string;
 }
 declare const FTableHeaderCell: FC<IFTableHeaderCell>;
 
@@ -173,6 +178,8 @@ interface IFTableDataCell {
     onBlur?: React.FocusEventHandler<HTMLTableDataCellElement> | undefined;
     onFocus?: React.FocusEventHandler<HTMLTableDataCellElement> | undefined;
     className?: string;
+    textAlignment?: 'left' | 'right' | 'center' | 'justify';
+    height?: number | string;
 }
 declare const FTableDataCell: FC<IFTableDataCell>;
 
@@ -212,6 +219,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 +359,8 @@ interface IFSelect {
     required?: boolean;
     errText?: string[];
     helpText?: string;
+    width?: string | number;
+    height?: string | number;
 }
 declare const FSelect: FC<IFSelect>;
 
@@ -384,6 +396,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 +442,8 @@ interface IFTextArea {
     helpText?: string;
     load?: boolean;
     required?: boolean;
+    width?: string | number;
+    height?: string | number;
 }
 declare const FTextArea: FC<IFTextArea>;
 
@@ -469,6 +485,7 @@ interface IFTabs$1 {
     id?: string;
     className?: string;
     st?: React.CSSProperties;
+    orientation?: 'vertical' | 'horizontal';
 }
 declare const FTabs: FC<IFTabs$1>;
 
@@ -534,6 +551,34 @@ 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;
+    width?: string | number;
+    height?: string | number;
+}
+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;
+    widthCard?: number | string;
+    heightCard?: number | string;
+}
+declare const FCarouselItem: FC<FCarouselItem>;
+
 interface IFCloseIcon {
     color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
     size?: number;
@@ -687,19 +732,21 @@ declare const fPrompt: ({ title, body }: IfPrompt) => Promise<string | null>;
 
 interface IfExportTableToExcel {
     tableId?: string;
+    divId?: string;
     fileName: string;
-    jsxElement?: JSX.Element;
+    jsxElement?: string;
 }
-declare const fExportTableToExcel: ({ tableId, fileName, jsxElement }: IfExportTableToExcel) => Promise<boolean>;
+declare const fExportTableToExcel: ({ tableId, fileName, jsxElement, divId }: IfExportTableToExcel) => Promise<boolean>;
 
 interface IfExportHtmlOrJsxToWord {
     tableId?: string;
+    divId?: string;
     fileName: string;
-    jsxElement?: JSX.Element;
+    jsxElement?: string;
     format?: 'A4' | 'A3' | 'A2' | 'A1';
     orientation?: 'landscape' | 'vertical';
 }
-declare const fExportHtmlOrJsxToWord: ({ tableId, fileName, jsxElement, format, orientation }: IfExportHtmlOrJsxToWord) => Promise<boolean>;
+declare const fExportHtmlOrJsxToWord: ({ tableId, fileName, jsxElement, format, orientation, divId }: IfExportHtmlOrJsxToWord) => Promise<boolean>;
 
 interface IfNotification {
     title?: string;
@@ -712,4 +759,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.13-beta",
+  "version": "1.0.13-release",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -10,10 +10,15 @@
     "@types/node": "^18.11.18",
     "@types/react": "^18.0.25",
     "@types/react-dom": "^18.0.9",
+    "buffer": "^6.0.3",
     "jszip": "^3.10.1",
+    "postcss-import": "^16.0.0",
+    "postcss-url": "^10.1.3",
+    "process": "^0.11.10",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",
+    "rollup-plugin-polyfill-node": "^0.12.0",
     "typescript": "^4.9.3"
   },
   "scripts": {