aq-fe-framework 0.1.23 → 0.1.25

package/dist/utils/chunk-ZEQATKHS.mjs

@@ -0,0 +1,97 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/utils/notification.ts
+import { notifications } from "@mantine/notifications";
+function utils_notification_show({ crudType = "create", message, color }) {
+  if (crudType == "create") {
+    notifications.show({
+      message: message ? message : "Th\xEAm th\xE0nh c\xF4ng!",
+      color: color ? color : "green"
+    });
+    return;
+  }
+  if (crudType == "update") {
+    notifications.show({
+      message: message ? message : "C\u1EADp nh\u1EADt th\xE0nh c\xF4ng!",
+      color: color ? color : "green"
+    });
+    return;
+  }
+  if (crudType == "delete") {
+    notifications.show({
+      message: message ? message : "X\xF3a th\xE0nh c\xF4ng!",
+      color: color ? color : "green"
+    });
+    return;
+  }
+  if (crudType == "error") {
+    notifications.show({
+      message: message ? message : "L\u1ED7i!",
+      color: color ? color : "red"
+    });
+    return;
+  }
+  if (crudType == "importSucess") {
+    notifications.show({
+      message: message ? message : "Import th\xE0nh c\xF4ng!"
+    });
+    return;
+  }
+}
+
+// src/utils/pdf.ts
+import axios from "axios";
+async function utils_pdf_download(url) {
+  try {
+    const response = await axios.get(url, {
+      responseType: "blob"
+      // Đảm bảo nhận dữ liệu dạng blob để tải file
+    });
+    const blob = new Blob([response.data], { type: "application/pdf" });
+    const link = document.createElement("a");
+    link.href = window.URL.createObjectURL(blob);
+    link.download = "file.pdf";
+    link.click();
+    window.URL.revokeObjectURL(link.href);
+  } catch (error) {
+    console.error("Error downloading PDF:", error);
+  }
+}
+
+export {
+  __spreadValues,
+  __spreadProps,
+  __objRest,
+  utils_notification_show,
+  utils_pdf_download
+};

package/dist/utils/components/index.css

@@ -0,0 +1,112 @@
+/* src/components/ActionIcons/SwitchTheme/css.module.css */
+.icon {
+  width: calc(1.375rem * var(--mantine-scale));
+  height: calc(1.375rem * var(--mantine-scale));
+}
+[data-mantine-color-scheme=dark] .dark {
+  display: none;
+}
+[data-mantine-color-scheme=light] .dark {
+  display: block;
+}
+[data-mantine-color-scheme=light] .light {
+  display: none;
+}
+[data-mantine-color-scheme=dark] .light {
+  display: block;
+}
+
+/* src/components/Layouts/HeaderMegaMenu/css.module.css */
+.header {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  height: calc(3.75rem * var(--mantine-scale));
+  background-color: var(--mantine-color-white);
+}
+[data-mantine-color-scheme=dark] .header {
+  background-color: var(--mantine-color-dark);
+}
+.header {
+  padding-left: var(--mantine-spacing-md);
+  padding-right: var(--mantine-spacing-md);
+  border-bottom: 1px solid var(--mantine-color-gray-3);
+}
+[data-mantine-color-scheme=dark] .header {
+  border-bottom: 1px solid var(--mantine-color-dark-4);
+}
+.link {
+  display: flex;
+  align-items: center;
+  height: 100%;
+  padding-left: var(--mantine-spacing-md);
+  padding-right: var(--mantine-spacing-md);
+  text-decoration: none;
+  color: var(--mantine-color-black);
+}
+[data-mantine-color-scheme=dark] .link {
+  color: var(--mantine-color-white);
+}
+.link {
+  font-weight: 500;
+  font-size: var(--mantine-font-size-sm);
+}
+@media (max-width: $mantine-breakpoint-sm) {
+  .link {
+    height: calc(2.625rem * var(--mantine-scale));
+    width: 100%;
+  }
+}
+@media (hover: hover) {
+  .link:hover {
+    background-color: var(--mantine-color-gray-0);
+  }
+  [data-mantine-color-scheme=dark] .link:hover {
+    background-color: var(--mantine-color-dark-6);
+  }
+}
+@media (hover: none) {
+  .link:active {
+    background-color: var(--mantine-color-gray-0);
+  }
+  [data-mantine-color-scheme=dark] .link:active {
+    background-color: var(--mantine-color-dark-6);
+  }
+}
+.subLink {
+  width: 100%;
+  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
+  border-radius: var(--mantine-radius-md);
+}
+@media (hover: hover) {
+  .subLink:hover {
+    background-color: var(--mantine-color-gray-0);
+  }
+  [data-mantine-color-scheme=dark] .subLink:hover {
+    background-color: var(--mantine-color-dark-7);
+  }
+}
+@media (hover: none) {
+  .subLink:active {
+    background-color: var(--mantine-color-gray-0);
+  }
+  [data-mantine-color-scheme=dark] .subLink:active {
+    background-color: var(--mantine-color-dark-7);
+  }
+}
+.dropdownFooter {
+  background-color: var(--mantine-color-gray-0);
+}
+[data-mantine-color-scheme=dark] .dropdownFooter {
+  background-color: var(--mantine-color-dark-7);
+}
+.dropdownFooter {
+  margin: calc(var(--mantine-spacing-md) * -1);
+  margin-top: var(--mantine-spacing-sm);
+  padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
+  padding-bottom: var(--mantine-spacing-xl);
+  border-top: 1px solid var(--mantine-color-gray-1);
+}
+[data-mantine-color-scheme=dark] .dropdownFooter {
+  border-top: 1px solid var(--mantine-color-dark-5);
+}

package/dist/utils/components/index.d.mts

@@ -0,0 +1,128 @@
+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 { ConfigOptions } from 'export-to-csv';
+import { MRT_RowData, MRT_TableOptions, MRT_ColumnDef, MRT_TableInstance } from 'mantine-react-table';
+import { EditorOptions } from '@tiptap/react';
+
+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>;
+
+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 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;
+
+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;
+
+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 SelectFileModalProps {
+    onExportStructure?: () => void;
+    stack: ReturnType<typeof useModalsStack<"select-file-page" | "select-field-page" | "implement-page">>;
+}
+
+interface IAQCardProps {
+    imgSrc?: string | null;
+    title?: string;
+    description?: string;
+    children?: ReactNode;
+    date?: string;
+    status?: string;
+    href?: string;
+}
+
+type FormatFunction<TData extends MRT_RowData> = (value: any) => any;
+interface IDataTable<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<TData>): react.JSX.Element | undefined;
+
+interface IMyTextEditor extends Partial<EditorOptions> {
+    label?: string;
+    error?: string;
+    value?: string;
+    onChange?: any;
+    contentHeight?: MantineSize | string;
+    autoHiddenToolBar?: boolean;
+}
+
+interface IMenu {
+    label?: string;
+    href?: string;
+}
+interface IHeaderMegaMenu {
+    children?: ReactNode;
+    menus?: IMenu[];
+}
+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 };