aq-fe-framework 0.1.25 → 0.1.27

package/dist/components/index.d.mts

@@ -0,0 +1,439 @@
+import * as react from 'react';
+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 { 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;
+}) => react__default.JSX.Element;
+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";
+
+interface IMyActionIcon extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color" | "style">, ActionIconProps {
+    crudType?: T0CRUD;
+    children?: ReactNode;
+}
+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;
+    crudType?: T0CRUD;
+    modalSize?: T0MANTINE_SIZE;
+    disclosure: ReturnType<typeof useDisclosure>;
+    fullScreen?: boolean;
+    icon?: ReactNode;
+}
+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 {
+    pageId?: number;
+    name?: string;
+    label: string;
+    status?: "Default" | "Prototype" | "New" | "Menu" | "Change";
+    link?: string;
+    links?: I0LinkItem[];
+}
+declare function BasicAppShell_transformMenuToEnum(prefixProjectName: string, menu: I0LinkItem[]): Record<string, number>;
+declare function BasicAppShell({ children, menu }: {
+    children: ReactNode;
+    menu: I0LinkItem[];
+}): react.JSX.Element;
+declare const groupToTwoLevels: (menu: I0LinkItem[]) => I0LinkItem[];
+declare function utils_layout_getItemsWithoutLinks(menu: I0LinkItem[]): I0LinkItem[];
+
+declare function MyAppSpotlight({ menu }: {
+    menu: I0LinkItem[];
+}): 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;
+}
+declare function MyButton({ children, crudType, ...rest }: IMyButton): react.JSX.Element | undefined;
+
+interface IMyButtonModal extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color" | "style">, ButtonProps {
+    label?: string;
+    title?: string;
+    children?: ReactNode;
+    crudType?: T0CRUD;
+    modalSize?: T0MANTINE_SIZE;
+    objectName?: string;
+    disclosure: ReturnType<typeof useDisclosure>;
+    fullScreen?: boolean;
+}
+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;
+    title?: string;
+    description?: string;
+    children?: ReactNode;
+    date?: string;
+    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$1<TData extends MRT_RowData> extends MRT_TableOptions<TData> {
+    columns: MRT_ColumnDef<TData>[];
+    data: TData[];
+    rowActionSize?: number;
+    exportAble?: boolean;
+    renderTopToolbarCustomActions?: ((props: {
+        table: MRT_TableInstance<TData>;
+    }) => ReactNode) | undefined;
+    csvConfigProps?: ConfigOptions;
+    formats?: {
+        [K in keyof TData]?: FormatFunction<TData>;
+    };
+    setSelectedRow?: (data: any) => void;
+}
+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;
+    error?: string;
+    value?: string;
+    onChange?: any;
+    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;
+    href?: string;
+}
+interface IHeaderMegaMenu {
+    children?: ReactNode;
+    menus?: IMenu[];
+}
+declare function HeaderMegaMenu({ children, menus }: IHeaderMegaMenu): react.JSX.Element;
+
+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 };