@materialui-reactjs/admin 1.0.4

package/dist/chunks/top-navbar-FBw88y_o.js

@@ -0,0 +1,78 @@
+import { v as e, y as t } from "./Common-C_ZhT4L6.js";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Link as i, useNavigate as a } from "react-router-dom";
+//#region src/components/top-navbar/TopNavbar.tsx
+var o = ({ userName: o, role: s }) => {
+	let c = a(), l = async () => {
+		c("/", { replace: !0 }), localStorage.removeItem("isLogin"), window.dispatchEvent(new Event("storage"));
+	};
+	return /* @__PURE__ */ n("nav", {
+		className: "navbar navbar-main navbar-expand-lg position-sticky z-index-sticky shadow-none bg-gradient-dark py-3 px-0",
+		"data-scroll": "true",
+		children: /* @__PURE__ */ n("div", {
+			className: "container-fluid",
+			children: /* @__PURE__ */ n("div", {
+				className: "collapse navbar-collapse mt-sm-0 mt-2 me-md-0 me-sm-4",
+				children: /* @__PURE__ */ n("ul", {
+					className: "navbar-nav justify-content-end ms-auto",
+					children: /* @__PURE__ */ r("li", {
+						className: "nav-item dropdown py-0",
+						children: [/* @__PURE__ */ r("button", {
+							className: "btn btn-sm btn-outline-light dropdown-toggle",
+							"data-bs-toggle": "dropdown",
+							"aria-expanded": "false",
+							children: [
+								/* @__PURE__ */ n("i", { className: "fa-regular fa-user-circle me-1" }),
+								o,
+								s && /* @__PURE__ */ n("span", {
+									className: "badge bg-warning text-white ms-2",
+									children: s
+								})
+							]
+						}), /* @__PURE__ */ r("ul", {
+							className: "dropdown-menu dropdown-menu-end dropdown-menu-animation dropdown-md p-2 border border-radius-xl mt-0 mt-lg-3",
+							role: "menu",
+							children: [
+								o && /* @__PURE__ */ n("li", {
+									className: "dropdown-item border-radius-md",
+									children: /* @__PURE__ */ n(i, {
+										className: "d-block w-100 nav-link py-1",
+										to: "/profile",
+										children: "Thông tin tài khoản"
+									})
+								}),
+								o && /* @__PURE__ */ n("li", {
+									className: "dropdown-item border-radius-md",
+									children: /* @__PURE__ */ n(i, {
+										className: "d-block w-100 nav-link py-1",
+										to: "/userlogs",
+										children: "Nhật ký hoạt động"
+									})
+								}),
+								/* @__PURE__ */ n("li", {
+									className: "dropdown-item border-radius-md",
+									children: /* @__PURE__ */ n(i, {
+										className: "d-block w-100 nav-link py-1",
+										to: "#",
+										onClick: async (n) => {
+											n.preventDefault();
+											try {
+												await l(), t("Đăng xuất thành công", "top-end", !0);
+											} catch (t) {
+												e(t.message);
+											}
+										},
+										children: "Đăng xuất"
+									})
+								})
+							]
+						})]
+					})
+				})
+			})
+		})
+	});
+};
+//#endregion
+export { o as t };

package/dist/components/echarts/BarChart.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+interface BarChartProps {
+    title?: string;
+    labels: string[];
+    values: number[];
+    color?: string;
+    showGrid?: boolean;
+    visible?: boolean;
+}
+export declare const BarChart: React.FC<BarChartProps>;
+export {};

package/dist/components/echarts/LineChart.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+interface LineChartProps {
+    title?: string;
+    labels: string[];
+    values: number[];
+    color?: string;
+    visible?: boolean;
+}
+export declare const LineChart: React.FC<LineChartProps>;
+export {};

package/dist/components/echarts/MultiBarChart.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+interface BarSeries {
+    name: string;
+    data: number[];
+    color?: string;
+}
+interface MultiBarChartProps {
+    title?: string;
+    labels: string[];
+    series: BarSeries[];
+    visible?: boolean;
+}
+export declare const MultiBarChart: React.FC<MultiBarChartProps>;
+export {};

package/dist/components/echarts/MultiLineChart.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+interface LineSeries {
+    name: string;
+    data: number[];
+    color?: string;
+}
+interface MultiLineChartProps {
+    title?: string;
+    labels: string[];
+    series: LineSeries[];
+    visible?: boolean;
+}
+export declare const MultiLineChart: React.FC<MultiLineChartProps>;
+export {};

package/dist/components/echarts/PieChart.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+interface PieDataItem {
+    name: string;
+    value: number;
+}
+interface PieChartProps {
+    title?: string;
+    data: PieDataItem[];
+    visible?: boolean;
+}
+export declare const PieChart: React.FC<PieChartProps>;
+export {};

package/dist/components/echarts/index.d.ts

@@ -0,0 +1,5 @@
+export { BarChart } from './BarChart';
+export { LineChart } from './LineChart';
+export { MultiBarChart } from './MultiBarChart';
+export { MultiLineChart } from './MultiLineChart';
+export { PieChart } from './PieChart';

package/dist/components/echarts/index.js

@@ -0,0 +1,2 @@
+import { a as e, i as t, n, r, t as i } from "../../chunks/echarts-CRmndsxC.js";
+export { e as BarChart, t as LineChart, r as MultiBarChart, n as MultiLineChart, i as PieChart };

package/dist/components/form/AdvancedMultiSelect.d.ts

@@ -0,0 +1,16 @@
+interface SelectProps {
+    label?: string;
+    name?: string;
+    lists?: any[];
+    keyValue?: string;
+    keyName?: string;
+    value?: string | number | any;
+    cpnClass?: string;
+    required?: boolean;
+    disabled?: boolean;
+    all?: boolean;
+    zero?: boolean;
+    onChange?: (e: any) => void;
+}
+export declare const AdvancedMultiSelect: React.FC<SelectProps>;
+export {};

package/dist/components/form/AsxhUImages.d.ts

@@ -0,0 +1,15 @@
+interface UImageProps {
+    label: string;
+    name: string;
+    isEdit?: boolean;
+    value?: string[];
+    cpnClass?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    ext: string;
+    df?: string;
+    onChange?: ((e: any) => void);
+}
+export declare const AsxhUImages: React.FC<UImageProps>;
+export {};

package/dist/components/form/BoxAddRow.d.ts

@@ -0,0 +1,26 @@
+type FieldType = "text" | "textarea" | "select" | "selectMulti" | "image" | "editor";
+export interface Option {
+    name: string;
+    label: string;
+    type: FieldType;
+    options?: {
+        label: string;
+        value: any;
+    }[];
+    keyValue?: string;
+    keyName?: string;
+    all?: boolean;
+    zero?: boolean;
+    df?: string;
+    ext?: string;
+    colClass?: string;
+}
+type Row = Record<string, string | File | any | null | any[]>;
+interface BoxAddRowProps {
+    layout?: number;
+    options: Option[];
+    onChange?: (rows: Row[]) => void;
+    data?: Row[];
+}
+export declare const BoxAddRow: React.FC<BoxAddRowProps>;
+export {};

package/dist/components/form/CheckTreeBox.d.ts

@@ -0,0 +1,18 @@
+interface CheckTreeBoxProps {
+    label?: string;
+    name: string;
+    values?: any[];
+    lists: any[];
+    col?: string;
+    keyValue?: string;
+    keyName?: string;
+    minLength?: number;
+    maxLength?: number;
+    cpnClass?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    onChange?: (e: any) => void;
+}
+export declare const CheckTreeBox: React.FC<CheckTreeBoxProps>;
+export {};

package/dist/components/form/CusForm.d.ts

@@ -0,0 +1,105 @@
+interface TextProps {
+    label: string;
+    name: string;
+    style?: React.CSSProperties;
+    value?: string | number;
+    minLength?: number;
+    maxLength?: number;
+    cpnClass?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const Text: React.FC<TextProps>;
+interface EmailProps {
+    label: string;
+    name: string;
+    value?: string;
+    minLength?: number;
+    maxLength?: number;
+    cpnClass?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const Email: React.FC<EmailProps>;
+interface TextareaProps {
+    label: string;
+    name: string;
+    value?: string;
+    cpnClass?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    rows?: number;
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+}
+export declare const Textarea: React.FC<TextareaProps>;
+interface NumberProps {
+    label: string;
+    name: string;
+    style?: React.CSSProperties;
+    value?: number | string;
+    step?: number;
+    cpnClass?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    min?: number | string;
+    max?: number | string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const NumberText: React.FC<NumberProps>;
+interface PassowrdProps {
+    label: string;
+    name: string;
+    value?: string;
+    cpnClass?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    autoComplete?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const Password: React.FC<PassowrdProps>;
+interface PhoneVnProps {
+    label: string;
+    name: string;
+    value: string;
+    cpnClass: string;
+    required?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const PhoneVn: React.FC<PhoneVnProps>;
+interface RatioKeyValProps {
+    label: string;
+    lists: any;
+    name: string;
+    value?: string | number;
+    cpnClass?: string;
+    required?: boolean;
+    disabled?: boolean;
+}
+export declare const RatioKeyVal: React.FC<RatioKeyValProps>;
+interface CheckBoxProps {
+    label: string;
+    name: string;
+    value?: any[];
+    lists: any[];
+    col: string;
+    keyValue?: string;
+    keyName?: string;
+    minLength?: number;
+    maxLength?: number;
+    cpnClass?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const CheckBox: React.FC<CheckBoxProps>;
+export {};

package/dist/components/form/DateInput.d.ts

@@ -0,0 +1,14 @@
+interface DateProps {
+    label: string;
+    name: string;
+    value?: string;
+    cpnClass?: string;
+    required?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    placeholderText?: string;
+    readonly?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const DateInput: React.FC<DateProps>;
+export {};

package/dist/components/form/DateTimeInput.d.ts

@@ -0,0 +1,11 @@
+import { DateTimePickerProps } from '@mui/x-date-pickers/DateTimePicker';
+interface DateTimeProps extends Omit<DateTimePickerProps, "value" | "defaultValue" | "onChange"> {
+    label: string;
+    value?: string;
+    defaultValue?: string | Date;
+    cpnClass?: string;
+    required?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const DateTimeInput: React.FC<DateTimeProps>;
+export {};

package/dist/components/form/Editor.d.ts

@@ -0,0 +1,12 @@
+interface EditorProps {
+    label: string;
+    name: string;
+    value?: string;
+    cpnClass?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const Editor: React.FC<EditorProps>;
+export {};

package/dist/components/form/EfFile.d.ts

@@ -0,0 +1,15 @@
+interface EfFileProps {
+    label: string;
+    name: string;
+    isEdit?: boolean;
+    value?: string;
+    cpnClass?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    ext: string;
+    df?: string;
+    onChange?: ((e: any) => void);
+}
+export declare const EfFile: React.FC<EfFileProps>;
+export {};

package/dist/components/form/EfImage.d.ts

@@ -0,0 +1,15 @@
+interface EfImageProps {
+    label: string;
+    name: string;
+    isEdit?: boolean;
+    value?: string;
+    cpnClass?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    ext: string;
+    df?: string;
+    onChange?: ((e: any) => void);
+}
+export declare const EfImage: React.FC<EfImageProps>;
+export {};

package/dist/components/form/EfImages.d.ts

@@ -0,0 +1,14 @@
+interface EfImagesProps {
+    label: string;
+    name: string;
+    isEdit?: boolean;
+    value?: string[];
+    cpnClass?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    ext: string;
+    onChange?: ((e: any) => void);
+}
+export declare const EfImages: React.FC<EfImagesProps>;
+export {};

package/dist/components/form/PImage.d.ts

@@ -0,0 +1,15 @@
+interface PImageProps {
+    label: string;
+    name: string;
+    isEdit?: boolean;
+    value?: string;
+    cpnClass?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    ext: string;
+    df?: string;
+    onChange?: ((e: any) => void);
+}
+export declare const PImage: React.FC<PImageProps>;
+export {};

package/dist/components/form/SelectAddRowBox.d.ts

@@ -0,0 +1,17 @@
+interface SelectProps {
+    itemLabel: string;
+    itemName: string;
+    selectName?: string;
+    keyName?: string;
+    keyValue?: string;
+    lists: any[];
+    clsWidth?: string;
+    btnTxt?: string;
+    rendeRowData?: any;
+    detailRow?: any;
+    isEdit?: boolean;
+    onSubmit?: (data: any, frmRef: any) => void;
+    onChangeRow?: (data: any) => void;
+}
+export declare const SelectAddRowBox: React.FC<SelectProps>;
+export {};

package/dist/components/form/SelectAddRowBoxAdvanced.d.ts

@@ -0,0 +1,16 @@
+interface SelectProps {
+    itemLabel: string;
+    itemName: string;
+    selectName?: string;
+    lists: any[];
+    clsWidth?: string;
+    btnTxt?: string;
+    rendeRowData?: any;
+    detailRow?: any;
+    isEdit?: boolean;
+    keyValue?: string;
+    keyName?: string;
+    onSubmit?: (data: any, frmRef: any) => void;
+}
+export declare const SelectAddRowBoxAdvanced: React.FC<SelectProps>;
+export {};

package/dist/components/form/SelectBox.d.ts

@@ -0,0 +1,32 @@
+interface SelectProps {
+    label: string;
+    name: string;
+    lists: any[];
+    keyValue?: string;
+    keyName?: string;
+    value?: string | number | any;
+    cpnClass?: string;
+    required?: boolean;
+    disabled?: boolean;
+    all?: boolean;
+    zero?: boolean;
+    style?: any;
+    onChange?: (e: any) => void;
+}
+export declare const SelectBox: React.FC<SelectProps>;
+interface SelectMProps {
+    label: string;
+    name: string;
+    lists: any[];
+    keyValue?: string;
+    keyName?: string;
+    value?: any[];
+    cpnClass?: string;
+    required?: boolean;
+    disabled?: boolean;
+    all?: boolean;
+    zero?: boolean;
+    onChange?: (e: any) => void;
+}
+export declare const SelectMBox: React.FC<SelectMProps>;
+export {};

package/dist/components/form/UDragFile.d.ts

@@ -0,0 +1,13 @@
+interface UFileProps {
+    label: string;
+    name: string;
+    value?: string;
+    cpnClass?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    ext: string;
+    onChange: ((e: any) => void);
+}
+export declare const UDragFile: React.FC<UFileProps>;
+export {};

package/dist/components/form/UFile.d.ts

@@ -0,0 +1,15 @@
+interface UFileProps {
+    label: string;
+    name: string;
+    isEdit?: boolean;
+    value?: string;
+    cpnClass?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    ext: string;
+    df?: string;
+    onChange?: ((e: any) => void);
+}
+export declare const UFile: React.FC<UFileProps>;
+export {};

package/dist/components/form/UFiles.d.ts

@@ -0,0 +1,15 @@
+interface UFileProps {
+    label: string;
+    name: string;
+    isEdit?: boolean;
+    value?: string[];
+    cpnClass?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    ext: string;
+    df?: string;
+    onChange?: ((e: any) => void);
+}
+export declare const UFiles: React.FC<UFileProps>;
+export {};

package/dist/components/form/UImages.d.ts

@@ -0,0 +1,15 @@
+interface UImageProps {
+    label: string;
+    name: string;
+    isEdit?: boolean;
+    value?: string[];
+    cpnClass?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    ext: string;
+    df?: string;
+    onChange?: ((e: any) => void);
+}
+export declare const UImages: React.FC<UImageProps>;
+export {};

package/dist/components/form/index.d.ts

@@ -0,0 +1,19 @@
+export * from './AdvancedMultiSelect';
+export * from './AsxhUImages';
+export * from './BoxAddRow';
+export * from './CheckTreeBox';
+export * from './CusForm';
+export * from './DateInput';
+export * from './DateTimeInput';
+export * from './Editor';
+export * from './EfFile';
+export * from './EfImage';
+export * from './EfImages';
+export * from './PImage';
+export * from './SelectAddRowBox';
+export * from './SelectAddRowBoxAdvanced';
+export * from './SelectBox';
+export * from './UDragFile';
+export * from './UFile';
+export * from './UFiles';
+export * from './UImages';

package/dist/components/form/index.js

@@ -0,0 +1,3 @@
+import { C as e, E as t, S as n, T as r, _ as i, a, b as o, c as s, d as c, f as l, g as u, h as d, i as f, l as p, m, n as h, o as g, p as _, r as v, s as y, t as b, u as x, v as S, w as C, x as w, y as T } from "../../chunks/form-C8gzkYMW.js";
+import { t as E } from "../../chunks/UDragFile-CAiSfTsp.js";
+export { t as AdvancedMultiSelect, r as AsxhUImages, l as BoxAddRow, i as CheckBox, c as CheckTreeBox, x as DateInput, p as DateTimeInput, _ as Editor, s as EfFile, m as EfImage, y as EfImages, S as Email, T as NumberText, g as PImage, o as Password, w as PhoneVn, n as RatioKeyVal, a as SelectAddRowBox, f as SelectAddRowBoxAdvanced, d as SelectBox, u as SelectMBox, e as Text, C as Textarea, E as UDragFile, v as UFile, h as UFiles, b as UImages };

package/dist/components/loader/SpinnerLoader.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+interface SpinnerLoaderProps {
+    children: ReactNode;
+    loading: boolean;
+    style?: React.CSSProperties;
+}
+export declare const SpinnerLoader: React.FC<SpinnerLoaderProps>;
+export {};

package/dist/components/loader/index.d.ts

@@ -0,0 +1 @@
+export * from './SpinnerLoader';

package/dist/components/loader/index.js

@@ -0,0 +1,3 @@
+import { t as e } from "../../chunks/SpinnerLoader-h8RDIarB.js";
+import "../../chunks/loader-BUiOnhOH.js";
+export { e as SpinnerLoader };

package/dist/components/meta/BtnGroup.d.ts

@@ -0,0 +1,8 @@
+export interface BtnProps {
+    cUri: string;
+    itemId: number;
+    isEdit?: boolean | number;
+    isDel?: boolean | number;
+    onDelete?: (id: number) => void;
+}
+export declare const BtnGroup: React.FC<BtnProps>;

package/dist/components/meta/CardTable.d.ts

@@ -0,0 +1,37 @@
+export interface ApiOptionType {
+    cUri: string;
+    filter?: any;
+    formData?: any;
+    apiGetData: string;
+    apiGetDetail: string;
+    apiCreate: string;
+    apiEdit: string;
+    apiDelete: string;
+}
+export interface TbOption {
+    title: string;
+    tbfield: string[];
+    ftfield: string[];
+    columnWidth: number;
+    numOfFirst: number;
+    numOfLast: number;
+}
+export interface RoleOption {
+    isCre: boolean;
+    isEdit: boolean;
+    isDetail: boolean;
+    isDelOne: boolean;
+    isIndex: boolean;
+}
+interface CardTableProps {
+    frmBody: any;
+    service: any;
+    options: any;
+    tbOption: TbOption;
+    roleOption: RoleOption;
+    apiOption: ApiOptionType;
+    clsWidth?: string;
+    btnTxt?: string;
+}
+export declare const CardTable: React.FC<CardTableProps>;
+export {};