aq-fe-framework 0.1.26 → 0.1.29

package/dist/components/index.d.mts

@@ -1,10 +1,15 @@
 import * as react from 'react';
-import react__default, { ReactNode } from 'react';
-import { MantineSize, ActionIconProps, ButtonProps, useModalsStack } from '@mantine/core';
-import { useDisclosure } from '@mantine/hooks';
+import react__default, { ReactNode, ComponentProps } from 'react';
+import { MantineSize, ActionIconProps, ButtonProps, useModalsStack, CheckboxProps, SelectProps, NumberFormatterProps, FieldsetProps, FileInputProps, NumberInputProps, TextareaProps, TextInputProps, ContainerProps, FlexProps, GroupProps, TypographyStylesProviderProps, TabsProps, SkeletonProps } from '@mantine/core';
+import { useDisclosure, useListState } from '@mantine/hooks';
+import { UseFormReturnType, useForm } from '@mantine/form';
+import { I as IUtils_Excel_ColumnConfig } from '../excel---d-HDs7.mjs';
+import { MRT_ColumnDef, MRT_RowData, MRT_TableOptions, MRT_TableInstance } from 'mantine-react-table';
 import { ConfigOptions } from 'export-to-csv';
-import { MRT_RowData, MRT_TableOptions, MRT_ColumnDef, MRT_TableInstance } from 'mantine-react-table';
+import { DateInputProps } from '@mantine/dates';
 import { EditorOptions } from '@tiptap/react';
+import { IconProps, Icon } from '@tabler/icons-react';
+import 'exceljs';
 
 declare const MyBoxesCore: ({ className, ...rest }: {
     className?: string;
@@ -13,6 +18,11 @@ declare const Boxes: react__default.MemoExoticComponent<({ className, ...rest }:
     className?: string;
 }) => react__default.JSX.Element>;
 
+declare function MyBoxesBackground({ title, desc }: {
+    title: string;
+    desc?: string;
+}): react.JSX.Element;
+
 type T0MANTINE_SIZE = number | MantineSize | (string & {}) | undefined;
 type T0CRUD = "default" | "create" | "update" | "delete" | "save" | "createMultiple" | "check" | "import" | "print" | "cancel" | "export" | "select";
 
@@ -22,6 +32,12 @@ interface IMyActionIcon extends Omit<React.ButtonHTMLAttributes<HTMLButtonElemen
 }
 declare function MyActionIcon({ children, crudType, ...rest }: IMyActionIcon): react.JSX.Element | undefined;
 
+interface IActionIconCheck extends ActionIconProps {
+    modalSize?: string;
+    comment?: string;
+}
+declare function MyActionIconCheck({ modalSize, comment, ...rest }: IActionIconCheck): react.JSX.Element;
+
 interface IMyActionIconModal extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color" | "style">, ActionIconProps {
     title?: string;
     children?: ReactNode;
@@ -33,6 +49,36 @@ interface IMyActionIconModal extends Omit<React.ButtonHTMLAttributes<HTMLButtonE
 }
 declare function MyActionIconModal({ fullScreen, crudType, disclosure, modalSize, title, children, icon, ...rest }: IMyActionIconModal): react.JSX.Element | undefined;
 
+interface IActionIconDelete extends Omit<ComponentProps<typeof MyActionIconModal>, "disclosure"> {
+    onSubmit: () => void;
+    onSuccess?: () => void;
+    onError?: () => void;
+    contextData?: string;
+    loading?: boolean;
+}
+declare function MyActionIconDelete({ onSubmit, onSuccess, onError, contextData, ...rest }: IActionIconDelete): react.JSX.Element;
+
+interface IActionIconUpdate<T> extends Omit<ComponentProps<typeof MyActionIconModal>, "form" | "disclosure" | "onSubmit"> {
+    onSubmit: (values: T) => void;
+    onSuccess?: () => void;
+    onError?: () => void;
+    form: UseFormReturnType<T>;
+    disclosure?: ReturnType<typeof useDisclosure>;
+}
+declare function MyActionIconUpdate<T>({ form, onSubmit, onSuccess, onError, children, ...rest }: IActionIconUpdate<T>): react.JSX.Element;
+
+declare function MyActionIconDownloadPDF({ pdfLink }: {
+    pdfLink: string;
+}): react.JSX.Element;
+
+declare function MyActionIconUpload(): react.JSX.Element;
+
+interface IActionIconViewPDF extends ActionIconProps {
+    modalSize?: string;
+    pdfLink: string;
+}
+declare function MyActionIconViewPDF({ modalSize, pdfLink, ...rest }: IActionIconViewPDF): react.JSX.Element;
+
 declare function MySwitchTheme(): react.JSX.Element;
 
 interface I0LinkItem {
@@ -56,6 +102,11 @@ declare function MyAppSpotlight({ menu }: {
 }): react.JSX.Element;
 declare function SpotlightTrigger(): react.JSX.Element;
 
+declare function MyAnchorViewPDF({ label, pdfLink }: {
+    label: string;
+    pdfLink: string;
+}): react.JSX.Element;
+
 interface IMyButton extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color" | "style">, ButtonProps {
     crudType?: T0CRUD;
     children?: ReactNode;
@@ -74,10 +125,131 @@ interface IMyButtonModal extends Omit<React.ButtonHTMLAttributes<HTMLButtonEleme
 }
 declare function MyButtonModal({ fullScreen, crudType, disclosure, modalSize, title, label, children, objectName, ...rest }: IMyButtonModal): react.JSX.Element | undefined;
 
+interface IMyButtonCreate$1 extends Omit<ComponentProps<typeof MyButtonModal>, "disclosure" | "form"> {
+    onSubmit: () => void;
+    onSuccess?: () => void;
+    onError?: () => void;
+    form: ReturnType<typeof useForm>;
+    setImportedData?: (data: any) => void;
+}
+declare function AQButtonCreateByImportFile({ form, onSubmit, onSuccess, onError, setImportedData, ...rest }: IMyButtonCreate$1): react.JSX.Element;
+
+interface FieldConfig {
+    fieldName: string;
+    header: string;
+    formatFunction?: (value: any, row: any) => any;
+}
+interface ExportConfig {
+    fields: FieldConfig[];
+}
+interface AQButtonExportDataProps {
+    isAllData: boolean;
+    objectName: string;
+    data: any[];
+    exportConfig: ExportConfig;
+}
+declare function AQButtonExportData({ isAllData, objectName, data, exportConfig }: AQButtonExportDataProps): react.JSX.Element;
+
+interface IMyButtonCreate<T> extends Omit<ComponentProps<typeof MyButtonModal>, "disclosure" | "form" | "onSubmit"> {
+    onSubmit: (values: T) => void;
+    onSuccess?: () => void;
+    onError?: () => void;
+    form: UseFormReturnType<T>;
+    notCloseModalWhenSubmit?: boolean;
+    notResetFormWhenSubmit?: boolean;
+    disclosure?: ReturnType<typeof useDisclosure>;
+}
+declare function MyButtonCreate<T>({ form, onSubmit, onSuccess, onError, notCloseModalWhenSubmit, notResetFormWhenSubmit, children, disclosure: externalDisclosure, ...rest }: IMyButtonCreate<T>): react.JSX.Element;
+
 interface SelectFileModalProps {
     onExportStructure?: () => void;
     stack: ReturnType<typeof useModalsStack<"select-file-page" | "select-field-page" | "implement-page">>;
 }
+declare function SelectFileModal({ onExportStructure, stack }: SelectFileModalProps): react.JSX.Element;
+
+interface MyButtonImportProps extends Omit<SelectFileModalProps, "stack"> {
+    onImport: (data: any) => void;
+}
+declare function MyButtonImport({ onExportStructure, onImport }: MyButtonImportProps): react.JSX.Element;
+
+interface SelectFieldModalProps {
+    stack: ReturnType<typeof useModalsStack<"select-file-page" | "select-field-page" | "implement-page">>;
+    onImport: () => void;
+}
+declare function SelectFieldModal({ stack, onImport }: SelectFieldModalProps): react.JSX.Element;
+
+interface IFieldConfig extends IUtils_Excel_ColumnConfig<any> {
+    isSelected?: boolean;
+    fieldToMap?: string;
+}
+interface I$5 {
+    file?: File | null;
+    title?: string[];
+    data?: any[];
+    startTitleIndex?: string | number;
+    startDataIndex?: string | number;
+    fieldConfig?: IFieldConfig[];
+}
+declare function useS_ButtonImport(): {
+    columns: MRT_ColumnDef<any>[];
+    changeSelected: (fieldKey: string, isSelected: boolean) => void;
+    setFieldToMap: (fieldKey: string, fieldToMap: string) => void;
+    getDataFinal: <T>() => T[];
+    changeAllSelected: (isSelected: boolean) => void;
+    autoMap: () => void;
+    state: I$5;
+    setState: (newState: I$5) => void;
+    setProperty: <K extends keyof I$5>(key: K, value: I$5[K]) => void;
+    resetState: () => void;
+};
+
+interface IAQSelectTableByOpenModal<TData extends MRT_RowData> extends Omit<MRT_TableOptions<TData>, "data">, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color" | "style">, ButtonProps {
+    label?: string;
+    listLabel?: string;
+    title?: string;
+    modalSize?: T0MANTINE_SIZE;
+    objectName?: string;
+    fullScreen?: boolean;
+    setSelectedData: (data: any) => void;
+    data?: any;
+    columns: MRT_ColumnDef<TData>[];
+    API?: string;
+    closeAfterSelect?: boolean;
+}
+declare function AQSelectTableByOpenModal<TData extends MRT_RowData>({ setSelectedData, data, columns, API, modalSize, title, label, listLabel, objectName, fullScreen, closeAfterSelect, ...rest }: IAQSelectTableByOpenModal<TData>): react.JSX.Element;
+
+interface IMyButtonRouterBack extends ButtonProps {
+    url?: string;
+    label?: string;
+}
+declare function MyButtonRouterBack({ url, label, ...rest }: IMyButtonRouterBack): react.JSX.Element;
+
+interface IMyButtonViewPDF {
+    modalSize?: string;
+    label?: string;
+    id?: number;
+    src?: string;
+}
+declare function MyButtonViewPDF({ id, modalSize, label, src }: IMyButtonViewPDF): react.JSX.Element;
+
+declare function MyCalendar(): react.JSX.Element;
+
+declare function MyCenterFull({ children }: {
+    children: ReactNode;
+}): react.JSX.Element;
+
+interface I$4 extends CheckboxProps {
+}
+declare function MyCheckbox({ ...rest }: I$4): react.JSX.Element;
+
+interface IMySelect extends SelectProps {
+    label?: string;
+    data: Array<string | {
+        value: string;
+        label: string;
+    }>;
+}
+declare function MySelect({ label, ...rest }: IMySelect): react.JSX.Element;
 
 interface IAQCardProps {
     imgSrc?: string | null;
@@ -88,9 +260,10 @@ interface IAQCardProps {
     status?: string;
     href?: string;
 }
+declare function AQCard({ imgSrc, title, description, date, children, status, href }: IAQCardProps): react.JSX.Element;
 
 type FormatFunction<TData extends MRT_RowData> = (value: any) => any;
-interface IDataTable<TData extends MRT_RowData> extends MRT_TableOptions<TData> {
+interface IDataTable$1<TData extends MRT_RowData> extends MRT_TableOptions<TData> {
     columns: MRT_ColumnDef<TData>[];
     data: TData[];
     rowActionSize?: number;
@@ -104,7 +277,52 @@ interface IDataTable<TData extends MRT_RowData> extends MRT_TableOptions<TData>
     };
     setSelectedRow?: (data: any) => void;
 }
-declare function MyDataTable<TData extends MRT_RowData>({ formats, exportAble, csvConfigProps, rowActionSize, columns, data, renderTopToolbarCustomActions, setSelectedRow, ...rest }: IDataTable<TData>): react.JSX.Element | undefined;
+declare function MyDataTable<TData extends MRT_RowData>({ formats, exportAble, csvConfigProps, rowActionSize, columns, data, renderTopToolbarCustomActions, setSelectedRow, ...rest }: IDataTable$1<TData>): react.JSX.Element | undefined;
+
+interface I$3 {
+    keyLabel?: string;
+    label?: string;
+}
+declare function MyKeyLabel({ keyLabel, label }: I$3): react.JSX.Element;
+
+interface I$2 extends NumberFormatterProps {
+}
+declare function MyNumberFormatter({ ...rest }: I$2): react.JSX.Element;
+
+declare function AQStatCard1({ title, value, unit, description, icons, diff }: {
+    title: string;
+    value: string;
+    unit?: string;
+    description: string;
+    icons: ReactNode;
+    diff: number;
+}): react.JSX.Element;
+
+interface IDateInput extends DateInputProps {
+    label?: string;
+}
+declare function MyDateInput({ label, ...rest }: IDateInput): react.JSX.Element;
+
+interface MyFieldsetProps extends FieldsetProps {
+    chilren?: ReactNode;
+    title?: string;
+}
+declare function MyFieldset({ children, title, ...rest }: MyFieldsetProps): react.JSX.Element;
+
+interface IFileInput extends FileInputProps {
+    label?: string;
+}
+declare function MyFileInput({ label, ...rest }: IFileInput): react.JSX.Element;
+
+interface INumberInput extends NumberInputProps {
+    label?: string;
+}
+declare function MyNumberInput({ label, ...rest }: INumberInput): react.JSX.Element;
+
+interface IMyTextArea extends TextareaProps {
+    label?: string;
+}
+declare function MyTextArea({ label, ...rest }: IMyTextArea): react.JSX.Element;
 
 interface IMyTextEditor extends Partial<EditorOptions> {
     label?: string;
@@ -114,6 +332,33 @@ interface IMyTextEditor extends Partial<EditorOptions> {
     contentHeight?: MantineSize | string;
     autoHiddenToolBar?: boolean;
 }
+declare function MyTextEditor({ autoHiddenToolBar, contentHeight, onChange, value, error, label, ...rest }: IMyTextEditor): react.JSX.Element;
+
+interface IMyTextInput extends TextInputProps {
+    label?: string;
+    defaultValue?: string;
+}
+declare function MyTextInput({ label, defaultValue, ...rest }: IMyTextInput): react.JSX.Element;
+
+interface I$1 extends ContainerProps {
+    children?: ReactNode;
+}
+declare function MyContainer({ children, ...rest }: I$1): react.JSX.Element;
+
+interface IMyFlexColumn extends FlexProps {
+    children?: ReactNode;
+}
+declare function MyFlexColumn({ children, ...rest }: IMyFlexColumn): react.JSX.Element;
+
+interface IMyFlexEnd extends GroupProps {
+    children: ReactNode;
+}
+declare function MyFlexEnd({ children, ...rest }: IMyFlexEnd): react.JSX.Element;
+
+interface IFlexRow extends FlexProps {
+    children: ReactNode;
+}
+declare function MyFlexRow({ children, ...rest }: IFlexRow): react.JSX.Element;
 
 interface IMenu {
     label?: string;
@@ -125,4 +370,70 @@ interface IHeaderMegaMenu {
 }
 declare function HeaderMegaMenu({ children, menus }: IHeaderMegaMenu): react.JSX.Element;
 
-export { BasicAppShell, BasicAppShell_transformMenuToEnum, Boxes, HeaderMegaMenu, type I0LinkItem, type IAQCardProps, type IMyTextEditor, MyActionIcon, MyActionIconModal, MyAppSpotlight, MyBoxesCore, MyButton, MyButtonModal, MyDataTable, MySwitchTheme, type SelectFileModalProps, SpotlightTrigger, groupToTwoLevels, utils_layout_getItemsWithoutLinks };
+interface I {
+    name?: string;
+}
+declare function useHeaderMegaMenuStore(): {
+    state: I;
+    setState: (newState: I) => void;
+    setProperty: <K extends "name">(key: K, value: I[K]) => void;
+    resetState: () => void;
+};
+
+interface HtmlWrapper extends TypographyStylesProviderProps {
+    html: string;
+    mah?: number | string;
+    zip?: boolean;
+}
+declare function MyHtmlWrapper({ html, mah, zip, ...rest }: HtmlWrapper): react.JSX.Element;
+
+interface IPageContent {
+    title?: string;
+    canBack?: boolean;
+    rightTopBar?: ReactNode;
+    children?: ReactNode;
+    leftTopBar?: ReactNode;
+    status?: "Prototype" | "Beta";
+}
+declare function MyPageContent({ leftTopBar, title, canBack, rightTopBar, status, children }: IPageContent): react.JSX.Element;
+
+interface ITab {
+    label: string;
+    icon?: react__default.ForwardRefExoticComponent<IconProps & react__default.RefAttributes<Icon>>;
+}
+interface IMyTab extends TabsProps {
+    tabList: ITab[];
+    children?: ReactNode;
+}
+declare function MyTab({ tabList, children, ...rest }: IMyTab): react__default.JSX.Element;
+
+declare function MyCardioLoader(): react.JSX.Element;
+
+interface IDataTable<TData extends MRT_RowData> extends Omit<MRT_TableOptions<TData>, "data"> {
+    listLabel?: string;
+    columns: MRT_ColumnDef<TData>[];
+    data?: TData[];
+    renderTopToolbarCustomActions?: ((props: {
+        table: MRT_TableInstance<TData>;
+    }) => ReactNode) | undefined;
+    listState: ReturnType<typeof useListState<TData>>;
+    selectButtonlabel?: string;
+    modalSize?: MantineSize;
+}
+declare function MyDataTableSelect<TData extends MRT_RowData>({ modalSize, renderTopToolbarCustomActions, data, selectButtonlabel, listState, columns, listLabel, ...rest }: IDataTable<TData>): react.JSX.Element | "Đang tải...";
+
+interface ISelect extends SelectProps {
+    apiGet: string;
+    label?: string;
+    dataMapper?: (item: any) => {
+        value: string;
+        label: string;
+    };
+}
+declare function MySelectAPIGet({ apiGet, label, dataMapper, ...rest }: ISelect): react.JSX.Element | "Loading...";
+
+interface IMySkeletonTable extends SkeletonProps {
+}
+declare function MySkeletonTable({ h }: IMySkeletonTable): react.JSX.Element;
+
+export { AQButtonCreateByImportFile, AQButtonExportData, AQCard, AQSelectTableByOpenModal, AQStatCard1, BasicAppShell, BasicAppShell_transformMenuToEnum, Boxes, HeaderMegaMenu, type I0LinkItem, type IAQCardProps, type IMyTextEditor, MyActionIcon, MyActionIconCheck, MyActionIconDelete, MyActionIconDownloadPDF, MyActionIconModal, MyActionIconUpdate, MyActionIconUpload, MyActionIconViewPDF, MyAnchorViewPDF, MyAppSpotlight, MyBoxesBackground, MyBoxesCore, MyButton, MyButtonCreate, MyButtonImport, MyButtonModal, MyButtonRouterBack, MyButtonViewPDF, MyCalendar, MyCardioLoader, MyCenterFull, MyCheckbox, MyContainer, MyDataTable, MyDataTableSelect, MyDateInput, MyFieldset, MyFileInput, MyFlexColumn, MyFlexEnd, MyFlexRow, MyHtmlWrapper, MyKeyLabel, MyNumberFormatter, MyNumberInput, MyPageContent, MySelect, MySelectAPIGet, MySkeletonTable, MySwitchTheme, MyTab, MyTextArea, MyTextEditor, MyTextInput, SelectFieldModal, SelectFileModal, type SelectFileModalProps, SpotlightTrigger, groupToTwoLevels, useHeaderMegaMenuStore, useS_ButtonImport, utils_layout_getItemsWithoutLinks };