npm - aq-fe-framework - Versions diffs - 0.1.156 → 0.1.157 - Mend

aq-fe-framework 0.1.156 → 0.1.157

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (242) hide show

package/dist/app/auth/login/page.tsx DELETED Viewed

@@ -1,14 +0,0 @@
-'use client'
-import { F_Authenticate_Login } from "@/modules-features/Authenticate/F_Authenticate_Login/F_Authenticate_Login"
-export default function Page() {
-    return (
-        <F_Authenticate_Login
-            loginInfo={{
-                username: "adminstm",
-                password: "123456"
-            }}
-        />
-    )
-}

package/dist/app/globals.css DELETED Viewed

@@ -1,59 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-/* body {
-  font-family: 'Tahoma', sans-serif;
-} */
-ul {
-  list-style: disc;
-  list-style-position: outside;
-}
-ol {
-  list-style: decimal;
-  list-style-position: outside;
-}
-.m_d6493fad :where(img) {
-  max-width: unset !important;
-  margin-bottom: unset !important;
-}
-/* .m_b23fa0ef:where([data-with-table-border]) {
-  border: none !important;
-} */
-.MRT_TableHeadCell-module_content-wrapper-nowrap__-4aIg {
-  white-space: normal !important;
-}
-.m_4e7aa4fd:where([data-with-row-border]) {
-  border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color) !important;
-  border-top: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color) !important;
-}
-.MRT_TableBody-module_empty-row-td-content__Cc2XW {
-  max-width: unset !important; /* Hoặc max-width: initial !important; */
-}
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: inline; /* Hoặc giá trị khác mà bạn mong muốn */
-  vertical-align: auto; /* Hoặc giá trị khác mà bạn mong muốn */
-}
-.tabler-icon {
-  width: 20px;
-  height: 20px;
-}
-@media (max-width: 640px) {
-  :root {
-    /* Kích thước chữ cho màn hình nhỏ (mobile) */
-    font-size: 14px;
-  }
-}

package/dist/app/layout.tsx DELETED Viewed

@@ -1,39 +0,0 @@
-// Import styles of packages that you've installed.
-// All packages except `@mantine/hooks` require styles imports
-import '@mantine/charts/styles.css';
-import '@mantine/core/styles.css';
-import '@mantine/dates/styles.css'; //if using mantine date picker features
-import '@mantine/notifications/styles.css';
-import '@mantine/spotlight/styles.css';
-import '@mantine/tiptap/styles.css';
-import 'mantine-react-table/styles.css';
-import "./globals.css";
-import { FaviconSetter } from '@/components/FaviconSetter/FaviconSetter';
-import Provider from '@/providers/Provider';
-import { ColorSchemeScript } from '@mantine/core';
-export const metadata = {
-  title: 'My Mantine app',
-  description: 'I have followed setup instructions carefully',
-};
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  return (
-    <html lang="en" suppressHydrationWarning>
-      <head>
-        <ColorSchemeScript />
-      </head>
-      <body>
-        <Provider>
-          <FaviconSetter />
-          {children}
-        </Provider>
-      </body>
-    </html>
-  );
-}

package/dist/app/page.tsx DELETED Viewed

@@ -1,18 +0,0 @@
-"use client";
-import { MyBoxesBackground } from "@/components";
-import { useS_authenticate } from "@/modules-features/authenticate/useS_authenticate";
-import { useRouter } from "next/navigation";
-import { useEffect } from "react";
-export default function Page() {
-    const router = useRouter();
-    const S_Authenticate = useS_authenticate();
-    useEffect(() => {
-        if (S_Authenticate.state.token == "") {
-            router.push("/test");
-            return;
-        }
-        router.push("/admin/core71678");
-    }, [S_Authenticate.state.token]);
-    return <MyBoxesBackground title="Hệ thống thông tin quản lí đào tạo ngắn hạn" />;
-}

package/dist/components/Aceternity/BoxesBackground/MyBoxes.tsx DELETED Viewed

@@ -1,66 +0,0 @@
-"use client";
-import { cn } from "@/lib/utils";
-import { motion } from "framer-motion";
-import React from "react";
-export const MyBoxesCore = ({ className, ...rest }: { className?: string }) => {
-    const rows = new Array(150).fill(1);
-    const cols = new Array(100).fill(1);
-    let colors = [
-        "--sky-300",
-        "--pink-300",
-        "--green-300",
-        "--yellow-300",
-        "--red-300",
-        "--purple-300",
-        "--blue-300",
-        "--indigo-300",
-        "--violet-300",
-    ];
-    const getRandomColor = () => {
-        return colors[Math.floor(Math.random() * colors.length)];
-    };
-    return (
-        <div
-            style={{
-                transform: `translate(-40%,-60%) skewX(-48deg) skewY(14deg) scale(0.675) rotate(0deg) translateZ(0)`,
-            }}
-            className={cn(
-                "absolute left-1/4 p-4 -top-1/4 flex  -translate-x-1/2 -translate-y-1/2 w-full h-full z-0 ",
-                className
-            )}
-            {...rest}>
-            {rows.map((_, i) => (
-                <motion.div key={`row` + i} className="w-16 h-8  border-l  border-slate-700 relative">
-                    {cols.map((_, j) => (
-                        <motion.div
-                            whileHover={{
-                                backgroundColor: `var(${getRandomColor()})`,
-                                transition: { duration: 0 },
-                            }}
-                            animate={{
-                                transition: { duration: 2 },
-                            }}
-                            key={`col` + j}
-                            className="w-16 h-8  border-r border-t border-slate-700 relative">
-                            {j % 2 === 0 && i % 2 === 0 ? (
-                                <svg
-                                    xmlns="http://www.w3.org/2000/svg"
-                                    fill="none"
-                                    viewBox="0 0 24 24"
-                                    strokeWidth="1.5"
-                                    stroke="currentColor"
-                                    className="absolute h-6 w-10 -top-[14px] -left-[22px] text-slate-700 stroke-[1px] pointer-events-none">
-                                    <path strokeLinecap="round" strokeLinejoin="round" d="M12 6v12m6-6H6" />
-                                </svg>
-                            ) : null}
-                        </motion.div>
-                    ))}
-                </motion.div>
-            ))}
-        </div>
-    );
-};
-export const Boxes = React.memo(MyBoxesCore);

package/dist/components/Aceternity/BoxesBackground/MyBoxesBackground.tsx DELETED Viewed

@@ -1,31 +0,0 @@
-"use client";
-import { MyCardioLoader } from "@/components/Loaders/MyCardioLoader";
-import { cn } from "@/lib/utils";
-import { Center, Space, Text } from "@mantine/core";
-import { MyBoxesCore } from "./MyBoxes";
-// Default values shown
-export function MyBoxesBackground({ title, desc = "Được phát triển bởi công ty công nghệ Anh Quân." }: { title: string, desc?: string }) {
-    return (
-        <div className="h-[100vh] relative w-full overflow-hidden bg-slate-900 flex flex-col items-center justify-center rounded-lg">
-            <div className="absolute inset-0 w-full h-full bg-slate-900 z-20 [mask-image:radial-gradient(transparent,white)] pointer-events-none" />
-            <MyBoxesCore />
-            <Center className="z-20">
-                <MyCardioLoader />
-            </Center>
-            <Space my={7} />
-            <Center>
-                <Text className="z-20" fs="italic" fw={"bold"} c={"white"}>
-                    Đang tải...
-                </Text>
-            </Center>
-            <Space my={7} />
-            <h1 className={cn("md:text-4xl text-xl text-white relative z-20")}>
-                {title}
-            </h1>
-            <p className="text-center mt-2 text-neutral-300 relative z-20">{desc}</p>
-        </div>
-    );
-}

package/dist/components/ActionIcons/ActionIcon/MyActionIcon.tsx DELETED Viewed

@@ -1,47 +0,0 @@
-import { TYPES_CRUD } from "@/types/types";
-import { ActionIcon, ActionIconProps } from "@mantine/core";
-import { IconDeviceFloppy, IconEdit, IconPlus, IconTrash } from "@tabler/icons-react";
-import { ReactNode } from "react";
-interface IMyActionIcon extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color" | "style">, ActionIconProps {
-    crudType?: TYPES_CRUD
-    children?: ReactNode;
-}
-export function MyActionIcon({ children, crudType = "default", ...rest }: IMyActionIcon) {
-    if (crudType == "default") {
-        return (
-            <ActionIcon color="indigo" {...rest}>
-                {children}
-            </ActionIcon>
-        );
-    }
-    if (crudType == "create") {
-        return (
-            <ActionIcon color="indigo"  {...rest}>
-                <IconPlus />
-            </ActionIcon>
-        );
-    }
-    if (crudType == "delete") {
-        return (
-            <ActionIcon color="red"  {...rest}>
-                <IconTrash />
-            </ActionIcon>
-        );
-    }
-    if (crudType == "update") {
-        return (
-            <ActionIcon color="yellow"{...rest}>
-                <IconEdit />
-            </ActionIcon>
-        );
-    }
-    if (crudType == "save") {
-        return (
-            <ActionIcon color="green"  {...rest}>
-                <IconDeviceFloppy />
-            </ActionIcon>
-        );
-    }
-}

package/dist/components/ActionIcons/ActionIconCRUD/MyActionIconDelete.tsx DELETED Viewed

@@ -1,81 +0,0 @@
-import { MyButton } from "@/components/Buttons/Button/MyButton";
-import { utils_notification_show } from "@/utils/utils_notification";
-import { Group, Highlight } from "@mantine/core";
-import { useDisclosure } from "@mantine/hooks";
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { ComponentProps, useState } from "react";
-import { MyActionIconModal } from "../ActionIconModal/MyActionIconModal";
-interface IActionIconDelete extends Omit<ComponentProps<typeof MyActionIconModal>, "disclosure"> {
-    onSubmit: () => void;
-    onSuccess?: () => void;
-    onError?: () => void;
-    contextData?: string;
-    loading?: boolean;
-}
-export function MyActionIconDelete({
-    onSubmit,
-    onSuccess,
-    onError,
-    contextData,
-    ...rest
-}: IActionIconDelete) {
-    const queryClient = useQueryClient();
-    const disc = useDisclosure();
-    const loadingState = useState<boolean>()
-    const mutation = useMutation({
-        mutationFn: async () => await onSubmit(),
-        onSuccess: () => {
-            if (onSuccess) {
-                onSuccess()
-                return
-            }
-            queryClient.invalidateQueries();
-            utils_notification_show({ crudType: "delete" });
-            disc[1].close();
-        },
-        onError: () => {
-            if (onError) {
-                onError()
-                return
-            }
-        },
-    });
-    function handleCLick() {
-        loadingState[1](true)
-        mutation.mutate();
-    }
-    return (
-        <MyActionIconModal
-            disclosure={disc}
-            crudType="delete"
-            {...rest}
-        >
-            <Highlight
-                highlight={contextData || []}
-                color="red.6"
-                highlightStyles={{
-                    fontWeight: 700,
-                    WebkitBackgroundClip: 'text',
-                    WebkitTextFillColor: 'transparent',
-                }}
-            >
-                {`Bạn sắp xóa dữ liệu ${contextData || ""}. Hành động này không thể hoàn tác. Bạn có chắc chắn muốn tiếp tục?`}
-            </Highlight>
-            <Group grow>
-                <MyButton
-                    crudType="delete"
-                    onClick={handleCLick}
-                    loading={loadingState[0]}
-                />
-                <MyButton
-                    crudType="cancel"
-                    onClick={disc[1].close}
-                />
-            </Group>
-        </MyActionIconModal>
-    );
-}

package/dist/components/ActionIcons/ActionIconCRUD/MyActionIconUpdate.tsx DELETED Viewed

@@ -1,68 +0,0 @@
-import { MyButton } from "@/components/Buttons/Button/MyButton"
-import { MyFlexColumn } from "@/components/Layouts/FlexColumn/MyFlexColumn"
-import { utils_notification_show } from "@/utils/utils_notification"
-import { UseFormReturnType } from "@mantine/form"
-import { useDisclosure } from "@mantine/hooks"
-import { useMutation, useQueryClient } from "@tanstack/react-query"
-import { ComponentProps, useEffect } from "react"
-import { MyActionIconModal } from "../ActionIconModal/MyActionIconModal"
-interface IActionIconUpdate<T> extends Omit<ComponentProps<typeof MyActionIconModal>, "form" | "disclosure" | "onSubmit"> {
-    resetFormWhenclose?: boolean
-    onSubmit: (values: T) => void
-    onSuccess?: () => void; // Custom callback for success handling
-    onError?: () => void; // Custom callback for error handling
-    form: UseFormReturnType<T>;
-    disclosure?: ReturnType<typeof useDisclosure>;
-}
-export function MyActionIconUpdate<T>({
-    resetFormWhenclose,
-    form,
-    onSubmit,
-    onSuccess,
-    onError,
-    children,
-    ...rest
-}: IActionIconUpdate<T>) {
-    const disc = useDisclosure()
-    const queryClient = useQueryClient()
-    const mutation = useMutation({
-        mutationFn: async (values: T) => {
-            await onSubmit(values);
-        },
-        onSuccess: () => {
-            if (onSuccess) {
-                onSuccess()
-            }
-            queryClient.invalidateQueries()
-            utils_notification_show({ crudType: "update" });
-            disc[1].close();
-        },
-        onError: () => {
-            if (onError) onError();
-        },
-    })
-    useEffect(() => {
-        if (!resetFormWhenclose) return
-        if (disc[0] == true) return
-        form.reset()
-    }, [disc[0]])
-    return (
-        <MyActionIconModal disclosure={disc} crudType="update" {...rest}>
-            <form onSubmit={form.onSubmit((values) => {
-                mutation.mutate(values);
-            })}>
-                <MyFlexColumn>
-                    {children}
-                    <MyButton
-                        type="submit"
-                        crudType="save"
-                    />
-                </MyFlexColumn>
-            </form>
-        </MyActionIconModal>
-    )
-}

package/dist/components/ActionIcons/ActionIconCheck/MyActionIconCheck.tsx DELETED Viewed

@@ -1,50 +0,0 @@
-"use client";
-import { MyTextInput } from "@/components/Inputs/TextInput/MyTextInput";
-import { MyFlexColumn } from "@/components/Layouts/FlexColumn/MyFlexColumn";
-import { ActionIcon, ActionIconProps, Button, Checkbox, Modal, Switch, Text, Tooltip } from "@mantine/core";
-import { useDisclosure } from "@mantine/hooks";
-import { IconChecklist } from "@tabler/icons-react";
-import { useState } from "react";
-interface IActionIconCheck extends ActionIconProps {
-    modalSize?: string; comment?: string
-}
-export function MyActionIconCheck({ modalSize = "50%", comment = "", ...rest }: IActionIconCheck) {
-    const disc = useDisclosure(false);
-    const fullScreen = useState(false);
-    const hSize = useState("50vh");
-    return (
-        <>
-            <Tooltip label="Xem tài liệu trực tiếp" >
-                <ActionIcon color="cyan" onClick={disc[1].open} {...rest}>
-                    <IconChecklist size={24} color="blue" />
-                </ActionIcon>
-            </Tooltip>
-            <Modal
-                fullScreen={fullScreen[0]}
-                opened={disc[0]}
-                onClose={disc[1].close}
-                size={modalSize}
-                title={
-                    <Text>Kiểm tra hồ sơ đã đăng ký</Text>
-                }>
-                <Switch
-                    defaultChecked
-                    label="Đạt yêu cầu"
-                />
-                <MyFlexColumn>
-                    <MyTextInput label="Nhận xét" />
-                    <Checkbox label="Gửi mail thông báo" />
-                    <Button>Cập nhập</Button>
-                </MyFlexColumn>
-            </Modal>
-        </>
-    );
-}

package/dist/components/ActionIcons/ActionIconDownloadPDF/MyActionIconDownloadPDF.tsx DELETED Viewed

@@ -1,13 +0,0 @@
-import { utils_pdf_download } from "@/utils/utils_pdf";
-import { ActionIcon, Tooltip } from "@mantine/core";
-import { IconDownload } from "@tabler/icons-react";
-export function MyActionIconDownloadPDF({ pdfLink = "https://datafiles.chinhphu.vn/cpp/files/vbpq/2021/07/17-bgd.signed.pdf" }: { pdfLink: string }) {
-    return (
-        <Tooltip label="Nhấp để tải xuống">
-            <ActionIcon onClick={async () => await utils_pdf_download(pdfLink)} color="red">
-                <IconDownload />
-            </ActionIcon>
-        </Tooltip>
-    );
-}

package/dist/components/ActionIcons/ActionIconModal/MyActionIconModal.tsx DELETED Viewed

@@ -1,113 +0,0 @@
-import { MyFlexColumn } from "@/components/Layouts/FlexColumn/MyFlexColumn";
-import { TYPES_CRUD, TYPES_MANTINE_SIZE } from "@/types/types";
-import { ActionIcon, ActionIconProps, Modal } from "@mantine/core";
-import { useDisclosure } from "@mantine/hooks";
-import { IconEdit, IconPlus, IconTrash } from "@tabler/icons-react";
-import { ReactNode } from "react";
-interface IMyActionIconModal extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color" | "style">, ActionIconProps {
-    title?: string;
-    children?: ReactNode;
-    crudType?: TYPES_CRUD;
-    modalSize?: TYPES_MANTINE_SIZE;
-    disclosure: ReturnType<typeof useDisclosure>;
-    fullScreen?: boolean;
-    icon?: ReactNode;
-}
-export function MyActionIconModal({
-    fullScreen = false,
-    crudType = "default",
-    disclosure,
-    modalSize,
-    title,
-    children,
-    icon,
-    ...rest
-}: IMyActionIconModal) {
-    if (crudType == "default") {
-        return (
-            <>
-                <ActionIcon onClick={disclosure?.[1].open} color="indigo" {...rest}>
-                    {icon}
-                </ActionIcon>
-                <Modal
-                    fullScreen={fullScreen}
-                    size={modalSize}
-                    title={title}
-                    opened={disclosure?.[0]}
-                    onClose={disclosure[1].close}>
-                    <MyFlexColumn>{children}</MyFlexColumn>
-                </Modal>
-            </>
-        );
-    }
-    if (crudType == "create") {
-        return (
-            <>
-                <ActionIcon onClick={disclosure?.[1].open}  {...rest}>
-                    {icon ? icon : <IconPlus />}
-                </ActionIcon>
-                <Modal
-                    fullScreen={fullScreen}
-                    size={modalSize}
-                    title={title ? title : "Tạo dữ liệu mới"}
-                    opened={disclosure?.[0]}
-                    onClose={disclosure[1].close}>
-                    <MyFlexColumn>{children}</MyFlexColumn>
-                </Modal>
-            </>
-        );
-    }
-    if (crudType == "update") {
-        return (
-            <>
-                <ActionIcon onClick={disclosure?.[1].open} color="yellow"  {...rest}>
-                    {icon ? icon : <IconEdit />}
-                </ActionIcon>
-                <Modal
-                    fullScreen={fullScreen}
-                    size={modalSize}
-                    title={title ? title : "Sửa dữ liệu"}
-                    opened={disclosure?.[0]}
-                    onClose={disclosure[1].close}>
-                    <MyFlexColumn>{children}</MyFlexColumn>
-                </Modal>
-            </>
-        );
-    }
-    if (crudType == "delete") {
-        return (
-            <>
-                <ActionIcon onClick={disclosure?.[1].open} color="red"  {...rest}>
-                    {icon ? icon : <IconTrash />}
-                </ActionIcon>
-                <Modal
-                    fullScreen={fullScreen}
-                    size={modalSize}
-                    title={title ? title : "Xóa dữ liệu"}
-                    opened={disclosure?.[0]}
-                    onClose={disclosure[1].close}>
-                    <MyFlexColumn>{children}</MyFlexColumn>
-                </Modal>
-            </>
-        );
-    }
-    if (crudType == "check") {
-        return (
-            <>
-                <ActionIcon onClick={disclosure?.[1].open} color="green"  {...rest}>
-                    {icon ? icon : <IconTrash />}
-                </ActionIcon>
-                <Modal
-                    fullScreen={fullScreen}
-                    size={modalSize}
-                    title={title ? title : "Kiểm tra"}
-                    opened={disclosure?.[0]}
-                    onClose={disclosure[1].close}>
-                    <MyFlexColumn>{children}</MyFlexColumn>
-                </Modal>
-            </>
-        );
-    }
-}

package/dist/components/ActionIcons/ActionIconUpload/MyActionIconUpload.tsx DELETED Viewed

@@ -1,19 +0,0 @@
-import { ActionIcon } from "@mantine/core";
-import { Dropzone, MIME_TYPES } from "@mantine/dropzone";
-import { IconCloudUpload } from "@tabler/icons-react";
-import { useRef } from "react";
-export function MyActionIconUpload() {
-    const openRef = useRef<() => void>(null);
-    return (
-        <Dropzone
-            openRef={openRef}
-            onDrop={() => { }}
-            radius="md"
-            accept={[MIME_TYPES.pdf]}
-        >
-            <ActionIcon><IconCloudUpload /></ActionIcon>
-        </Dropzone>
-    )
-}