@materialui-reactjs/admin 1.0.6 → 2.0.1

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

@@ -0,0 +1,57 @@
+import { CrudItem } from '../../hook/common';
+/**
+ * Kiểu cột mà `service.tbFields()` trả về cho từng field của bảng.
+ */
+export type TableColumnType = "text" | "number" | "date" | "select" | "selecthtml" | (string & {});
+/** Cấu hình hiển thị của một cột trong bảng. */
+export interface TableColumnConfig {
+    type: TableColumnType;
+    width?: number;
+    tdClassName?: string;
+    thClassName?: string;
+    /**
+ * Hàm chuyển đổi giá trị thô của API thành nội dung hiển thị.
+ *
+ * `raw = true` nghĩa là đang dựng nội dung cho `dangerouslySetInnerHTML`, nên hàm
+ * phải trả về chuỗi HTML — nhưng ép thành overload sẽ chặn cả những hàm trả
+ * `string | ReactNode`, vốn hợp lệ và phổ biến hơn. Ở đây chỉ siết tham số
+ * (`unknown` — giá trị đến từ API) và để kiểu trả về là `unknown`; phía render
+ * đã ép sang `ReactNode` khi cần.
+ */
+    func?: (value: unknown, raw?: boolean) => unknown;
+}
+/** Cấu hình của một trường tìm kiếm. */
+export interface TableFilterConfig {
+    type: "text" | "select" | (string & {});
+    /** Danh sách chọn: mảng literal, hoặc tên key tra trong `TableOptions`. */
+    option?: string | Array<CrudItem>;
+    /** Tên trường dùng làm nhãn/giá trị hiển thị. */
+    keyName?: string;
+}
+/**
+ * Hợp đồng mà consumer phải cung cấp cho `CardTable` / `SearchBox`.
+ *
+ * Trước đây prop `service` kiểu `any`, nên sai tên hàm chỉ lộ ra lúc runtime.
+ * Giờ sai kiểu sẽ bị TypeScript chặn ngay.
+ */
+export interface TableService {
+    /** Cấu hình cột hiển thị cho `field`. */
+    tbFields: (field: string) => TableColumnConfig;
+    /** Cấu hình trường tìm kiếm cho `field`. */
+    ftFields: (field: string) => TableFilterConfig;
+    /** Nhãn tiếng Việt của `field`. */
+    fieldName: (field: string) => string;
+}
+/**
+ * Bảng tra danh sách chọn, dùng bởi `ftFields().option` khi trả về tên key
+ * (chuỗi) thay vì mảng literal.
+ */
+export type TableOptions = Record<string, Array<Record<string, unknown>>>;
+/**
+ * Nội dung form render bên trong modal thêm/sửa.
+ *
+ * Không định nghĩa lại ở đây mà dùng chung với `ModalForm` — chính `ModalForm`
+ * là nơi quyết định gọi `frmBody(formData, handleChange)`, nên để một nguồn
+ * duy nhất tránh hai bản chữ ký lệch nhau.
+ */
+export type { ModalFormBody as TableFormBody } from './ModalForm';

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

@@ -1,7 +1,13 @@
 import { TooltipProps } from '@mui/material';
-interface TooltipCusProps extends Omit<TooltipProps, "children"> {
+interface TooltipCusProps extends Omit<TooltipProps, "children" | "placement"> {
     children: React.ReactElement;
     y?: number;
+    /**
+     * `Tooltip` của MUI chỉ nhận đúng 12 vị trí đã định nghĩa (`TooltipProps`
+     * mặc định không để truyền string tự do). Thu hẹp về đúng union đó thay vì
+     * ép `as any` — trước đây sai kiểu chỉ lộ lúc runtime.
+     */
+    placement?: TooltipProps["placement"];
 }
-export declare function CusTooltip({ title, children, placement, y }: TooltipCusProps): import("react").JSX.Element;
+export declare function CusTooltip({ title, children, placement, y }: TooltipCusProps): import('react').JSX.Element;
 export {};

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

@@ -1 +1,10 @@
-export declare const Head: ({ config }: Record<string, any>) => import("react").JSX.Element;
+/** Cấu hình mà app truyền cho `Head` để dựng `<Helmet>`. */
+export interface HeadConfig {
+    name?: string;
+    favicon?: string;
+    logotext?: string;
+    [key: string]: unknown;
+}
+export declare const Head: ({ config }: {
+    config?: HeadConfig;
+}) => import('react').JSX.Element;

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

@@ -1,8 +1,9 @@
+import { CrudItem } from '../../hook/common';
 export interface HDProps {
     cUri: string;
     adminUri: string;
     title: string;
-    item?: any;
+    item?: CrudItem;
     isSave?: boolean;
     titleAction?: string;
 }

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

@@ -2,7 +2,11 @@ export interface HUProps {
     adminUri: string;
     cUri: string;
     title: string;
-    itemId: number;
+    /**
+     * `id` của bản ghi. Tuỳ chọn vì trang "thêm mới" chưa có bản ghi nào —
+     * lúc đó header chỉ hiện nút quay lại, không dùng id.
+     */
+    itemId?: number;
     isSave?: boolean;
     titleAction?: string;
 }

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

@@ -1,18 +1,48 @@
-import { Modal } from 'bootstrap';
-interface ModalProps {
-    modalRef: any;
+import { Dispatch, RefObject, SetStateAction } from 'react';
+import { FormValue } from '../../hook/common';
+/**
+ * Instance modal của Bootstrap, chỉ phần `ModalForm` thực sự dùng.
+ *
+ * Cố tình KHÔNG khai báo `Modal` từ `bootstrap`: đó là peerDependency nhưng
+ * `@types/bootstrap` thì không được khai ở đâu cả. Nếu để kiểu đó lọt vào
+ * `.d.ts`, mọi consumer chạy `skipLibCheck: false` đều phải tự cài
+ * `@types/bootstrap` chỉ để typecheck — đã kiểm chứng bằng cách cài package
+ * vào một project sạch.
+ */
+export interface ModalInstance {
+    hide(): void;
+    show(): void;
+}
+/**
+ * Nội dung form trong modal.
+ *
+ * Là HÀM render chứ không phải node: `ModalForm` gọi
+ * `frmBody(formData, handleChange)` để truyền dữ liệu hiện tại + handler đổi
+ * giá trị xuống form con. Truyền một element trực tiếp sẽ ném
+ * "frmBody is not a function" lúc runtime.
+ */
+export type ModalFormBody = (formData: FormValue, onChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => void) => React.ReactNode;
+export interface ModalFormProps {
+    /** Element gốc của modal; component gắn instance Bootstrap vào đây. */
+    modalRef: RefObject<HTMLDivElement | null>;
+    /** URL chi tiết; có `itemId` thì modal tự nạp bản ghi. */
     apiGetDetail?: string;
+    /** `0` (hoặc bỏ trống) = chế độ thêm mới. */
     itemId?: number;
-    setItemId?: any;
+    /** Được gọi khi modal đóng, để parent reset `itemId` về 0. */
+    setItemId?: (id: number) => void;
     title: string;
-    frmBody: any;
+    frmBody: ModalFormBody;
     clsWidth?: string;
     btnTxt?: string;
-    onHide?: any;
-    style?: any;
+    onHide?: () => void;
+    style?: React.CSSProperties;
     clsBody?: string;
-    data?: any;
-    onSubmit: (data: any, modal: Modal, setFormData?: React.Dispatch<any>) => void;
+    /**
+     * Dữ liệu khởi tạo cho form; ưu tiên dùng `itemId` để tự nạp từ API.
+     * Cùng kiểu với state nội bộ nên gán thẳng, không cần chuyển đổi.
+     */
+    data?: FormValue;
+    onSubmit: (data: FormValue, modal: ModalInstance, setFormData?: Dispatch<SetStateAction<FormValue>>) => void;
 }
-export declare const ModalForm: React.FC<ModalProps>;
-export {};
+export declare const ModalForm: React.FC<ModalFormProps>;

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

@@ -8,5 +8,5 @@ interface Props {
     tabs: Tab[];
     onChange?: (key: TabKey) => void;
 }
-export declare function NavTabs({ tabs, onChange }: Props): import("react").JSX.Element;
+export declare function NavTabs({ tabs, onChange }: Props): import('react').JSX.Element;
 export {};

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

@@ -1,13 +1,17 @@
 import { default as React } from 'react';
-interface HeaderItem {
-    label?: any;
+import { CrudItem } from '../../hook/common';
+export interface HeaderItem {
+    /** Nhãn cột: chuỗi, hoặc node React tuỳ ý (vd icon, badge). */
+    label?: React.ReactNode;
     width?: number;
+    /** Căn chỉnh nội dung ô dữ liệu — CSS `text-*` của Bootstrap. */
+    align?: string;
     thClassName?: string;
     tdClassName?: string;
 }
 interface ScrollTableProps extends React.HTMLAttributes<HTMLTableElement> {
     header: HeaderItem[];
-    data: Record<string, any>[];
+    data: CrudItem[];
     numOfFirst?: number;
     numOfLast?: number;
     columnWidth?: number;

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

@@ -1,9 +1,12 @@
+import { TableFilter } from '../../hook/index';
+import { FormChangeHandler } from '../../hook/common';
+import { TableOptions, TableService } from './CardTable.types';
 export interface SearchBoxProps {
-    ftfield: any[];
-    service: any;
-    options: any;
-    filter: any;
-    handleChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => void;
+    ftfield: string[];
+    service: TableService;
+    options: TableOptions;
+    filter: TableFilter;
+    handleChange: FormChangeHandler;
     handleSearchForm: (e: React.MouseEvent<HTMLFormElement>) => void;
 }
 export declare const SearchBox: React.FC<SearchBoxProps>;

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

@@ -1 +1,11 @@
-export declare function SortableItem({ id, className, iconSize, iconStyle, children }: any): import("react").JSX.Element;
+import { CSSProperties, ReactNode } from 'react';
+/** Props của một item có thể kéo-thả (dùng chung bởi `BoxAddRow`). */
+export interface SortableItemProps {
+    /** Khóa duy nhất — `useSortable` dùng nó để định danh node. */
+    id: string;
+    className?: string;
+    iconSize?: string;
+    iconStyle?: CSSProperties;
+    children?: ReactNode;
+}
+export declare function SortableItem({ id, className, iconSize, iconStyle, children, }: SortableItemProps): import('react').JSX.Element;

package/dist/components/meta/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../SortableItem-C3KzO8Xh.cjs"),t=require("../../meta-BANk9kHW.cjs"),n=require("../../HeaderUpdate-Dirxjmxs.cjs");exports.BtnGroup=t.l,exports.CardTable=t.a,exports.CusTooltip=n.d,exports.ElfinderModal=t.i,exports.Error403=n.a,exports.Error404=n.i,exports.Head=t.r,exports.HeaderDetail=n.r,exports.HeaderIndex=n.n,exports.HeaderUpdate=n.t,exports.ModalForm=t.c,exports.NavTabs=t.n,exports.PDFEmbed=t.t,exports.Pagination=n.u,exports.ScrollTable=t.s,exports.SearchBox=t.o,exports.SortableItem=e.t;

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

@@ -1,5 +1,6 @@
 export * from './BtnGroup';
 export * from './CardTable';
+export * from './CardTable.types';
 export * from './CusTooltip';
 export * from './ElfinderModal';
 export * from './Error403';

package/dist/components/meta/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../chunks/SortableItem-B4-Zsso3.js";
-import { a as t, c as n, i as r, l as i, n as a, o, r as s, s as c, t as l } from "../../chunks/meta-4qPWijBT.js";
-import { a as u, d, i as f, n as p, r as m, t as h, u as g } from "../../chunks/HeaderUpdate-DuS-gHNR.js";
+import { t as e } from "../../SortableItem-B4-Zsso3.js";
+import { a as t, c as n, i as r, l as i, n as a, o, r as s, s as c, t as l } from "../../meta-CheDAmMh.js";
+import { a as u, d, i as f, n as p, r as m, t as h, u as g } from "../../HeaderUpdate-drlnuHI8.js";
 export { i as BtnGroup, t as CardTable, d as CusTooltip, r as ElfinderModal, u as Error403, f as Error404, s as Head, m as HeaderDetail, p as HeaderIndex, h as HeaderUpdate, n as ModalForm, a as NavTabs, l as PDFEmbed, g as Pagination, c as ScrollTable, o as SearchBox, e as SortableItem };

package/dist/components/sidebar/Sidebar.types.d.ts

@@ -1,17 +1,19 @@
-export interface MenuItem {
+import { MenuPermissionItem } from '../../types/Menu';
+/**
+ * Menu hiển thị trong Sidebar.
+ *
+ * Mở rộng `MenuPermissionItem` (hình dạng tối thiểu cho lớp phân quyền) bằng
+ * các trường chỉ dùng để render. Nhờ vậy `MenuItem[]` truyền thẳng được vào
+ * `checkPermission` mà không cần ép kiểu.
+ */
+export interface MenuItem extends MenuPermissionItem {
     id: number;
     name: string;
     url: string;
-    module: string;
-    controller: string;
-    action: string;
-    code: number;
     parentId: number;
     sortOrder: number;
     menuIcon: string;
-    status: number;
     vf: number;
-    isPer: boolean;
     subs?: MenuItem[];
 }
 export interface SidebarProps {

package/dist/components/sidebar/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../sidebar-CfQAYWi-.cjs");exports.Sidebar=e.t;

package/dist/components/sidebar/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/sidebar-Dj4Xr9du.js";
+import { t as e } from "../../sidebar-CzRmfvhi.js";
 export { e as Sidebar };

package/dist/components/single/Detail.d.ts

@@ -7,9 +7,14 @@ export declare class SingleDetail extends React.Component<PropsType, StateType>
     state: StateType;
     title: string;
     cUri: string;
-    cLink: string;
-    API_URL: any;
-    ADMIN_URI: any;
+    private _envOverride;
+    private _cLinkOverride?;
+    get API_URL(): string;
+    set API_URL(v: string);
+    get ADMIN_URI(): string;
+    set ADMIN_URI(v: string);
+    get cLink(): string;
+    set cLink(v: string);
     getDataUrl: string;
     ctype: string;
     fluid: boolean;

package/dist/components/single/Fields.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 import { PropsType, StateType } from '../../hook/fields';
+import { CrudItem } from '../../hook/common';
 export declare class SingleFields extends React.Component<PropsType, StateType> {
     effectRan: boolean;
     module: string;
@@ -8,9 +9,14 @@ export declare class SingleFields extends React.Component<PropsType, StateType>
     state: StateType;
     title: string;
     cUri: string;
-    cLink: string;
-    API_URL: any;
-    ADMIN_URI: any;
+    private _envOverride;
+    private _cLinkOverride?;
+    get API_URL(): string;
+    set API_URL(v: string);
+    get ADMIN_URI(): string;
+    set ADMIN_URI(v: string);
+    get cLink(): string;
+    set cLink(v: string);
     getDataUrl: string;
     editUrl: string;
     createUrl: string;
@@ -26,7 +32,7 @@ export declare class SingleFields extends React.Component<PropsType, StateType>
     componentDidMount(): void;
     componentDidMountAfter: () => Promise<void>;
     handleSubmit: (e: React.SubmitEvent<HTMLFormElement>) => Promise<void>;
-    afterSubmit: (_item: any) => Promise<void>;
+    afterSubmit: (_item: CrudItem | false) => Promise<void>;
     renderHeaderUpdate(): React.JSX.Element;
     render(): React.JSX.Element;
 }

package/dist/components/single/Import.d.ts

@@ -6,9 +6,14 @@ export declare class SingleImport extends React.Component<PropsType, StateType>
     state: StateType;
     title: string;
     cUri: string;
-    cLink: string;
-    API_URL: any;
-    ADMIN_URI: any;
+    private _envOverride;
+    private _cLinkOverride?;
+    get API_URL(): string;
+    set API_URL(v: string);
+    get ADMIN_URI(): string;
+    set ADMIN_URI(v: string);
+    get cLink(): string;
+    set cLink(v: string);
     importUrl: string;
     importFile: string;
     ctype: string;

package/dist/components/single/List.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
-import { StateType, PropsType } from '../../hook/index';
+import { StateType, PropsType, TableFilter } from '../../hook/index';
+import { CrudItem } from '../../hook/common';
 export declare class SingleIndex extends React.Component<PropsType, StateType> {
     effectRan: boolean;
     fluid: boolean;
@@ -10,9 +11,14 @@ export declare class SingleIndex extends React.Component<PropsType, StateType> {
     state: StateType;
     activeMethod: string[];
     cUri: string;
-    cLink: string;
-    API_URL: any;
-    ADMIN_URI: any;
+    private _envOverride;
+    private _cLinkOverride?;
+    get API_URL(): string;
+    set API_URL(v: string);
+    get ADMIN_URI(): string;
+    set ADMIN_URI(v: string);
+    get cLink(): string;
+    set cLink(v: string);
     getDataUrl: string;
     deleteUrl: string;
     copyUrl: string;
@@ -27,11 +33,31 @@ export declare class SingleIndex extends React.Component<PropsType, StateType> {
     handleExport: () => Promise<void>;
     handleSelectOne: (id: number, checked: boolean) => void;
     handleSelectAll: (checked: boolean, skipIds?: number[]) => void;
-    setFilter(filter: any): Promise<void>;
+    setFilter(filter: TableFilter): Promise<void>;
     fetchData: () => Promise<void>;
+    /**
+     * Điểm mở rộng (override point) để subclass nạp cấu hình cột theo người dùng.
+     *
+     * Mặc định trả hai object RỖNG — nghĩa là `ftfield`/`tbfield` rơi về `[]`.
+     * Đây là hành vi có chủ đích, không phải stub quên hoàn thiện: thư viện
+     * không được phụ thuộc vào service cụ thể của ứng dụng, nên consumer muốn
+     * dùng `hasField` thì override hàm này (xem `Fields.tsx`).
+     *
+     * Kiểu trả về khớp với cách đọc ở `syncPermissionsAndState`.
+     */
     syncGetField: () => Promise<{
-        userfield: Record<string, any>;
-        tablefield: Record<string, any>;
+        userfield: CrudItem & {
+            data?: {
+                ftfield?: string[];
+                tbfield?: string[];
+            };
+        };
+        tablefield: CrudItem & {
+            data?: {
+                deft?: string[];
+                detb?: string[];
+            };
+        };
     }>;
     syncPermissionsAndState: () => Promise<void>;
     initDidMount(): Promise<void>;

package/dist/components/single/Update.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 import { PropsType, StateType } from '../../hook/update';
+import { CrudItem } from '../../hook/common';
 export declare class SingleUpdate extends React.Component<PropsType, StateType> {
     effectRan: boolean;
     module: string;
@@ -7,9 +8,14 @@ export declare class SingleUpdate extends React.Component<PropsType, StateType>
     state: StateType;
     title: string;
     cUri: string;
-    cLink: string;
-    API_URL: any;
-    ADMIN_URI: any;
+    private _envOverride;
+    private _cLinkOverride?;
+    get API_URL(): string;
+    set API_URL(v: string);
+    get ADMIN_URI(): string;
+    set ADMIN_URI(v: string);
+    get cLink(): string;
+    set cLink(v: string);
     getDataUrl: string;
     editUrl: string;
     createUrl: string;
@@ -28,7 +34,7 @@ export declare class SingleUpdate extends React.Component<PropsType, StateType>
     componentDidMountAfter: () => Promise<void>;
     beforeSubmit: () => Promise<unknown>;
     handleSubmit: (e: React.SubmitEvent<HTMLFormElement>) => Promise<void>;
-    afterSubmit: (_item: any) => Promise<void>;
+    afterSubmit: (_item: CrudItem) => Promise<void>;
     renderHeaderUpdate(): React.JSX.Element;
     render(): React.JSX.Element;
 }

package/dist/components/single/UpdateDetail.d.ts

@@ -1,7 +1,8 @@
 import { SingleUpdate } from './Update';
+import { FormValue } from '../../hook/common';
 export declare class SingleUpdateDetail extends SingleUpdate {
     urlUpdateDetail: string;
-    render(): any;
-    handleDetailSubmit: (formData: any[], frmRef: Element) => Promise<void>;
+    render(): import('react').JSX.Element;
+    handleDetailSubmit: (formData: FormValue[], frmRef: Element) => Promise<void>;
     editDetailAfter: (_itemId: number) => Promise<void>;
 }

package/dist/components/single/UpdateTableDetail.d.ts

@@ -1,5 +1,6 @@
 import { SingleUpdate } from './Update';
 import { PropsType } from '../../hook/update';
+import { TableFormBody } from '../meta/CardTable.types';
 export declare class SingleUpdateTableDetail extends SingleUpdate {
     urlGetDeTableList: string;
     urlGetDeTable: string;
@@ -10,9 +11,9 @@ export declare class SingleUpdateTableDetail extends SingleUpdate {
     isBackUri: boolean;
     constructor(props: PropsType);
     fetchDataDetails(): Promise<{}>;
-    render(): any;
-    renderDeTable(): import("react").JSX.Element;
-    renderModalDeBody: (_formData: any, _handleFMChange?: any) => import("react").JSX.Element;
+    render(): import('react').JSX.Element;
+    renderDeTable(): import('react').JSX.Element;
+    renderModalDeBody: TableFormBody;
     handleDetailSubmit: (e: React.SubmitEvent<HTMLFormElement>) => Promise<void>;
     editDetailAfter: (_itemId: number) => Promise<void>;
 }

package/dist/components/single/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../single-C2WPEjhk.cjs");exports.SingleDetail=e.s,exports.SingleFields=e.o,exports.SingleImport=e.a,exports.SingleIndex=e.i,exports.SingleUpdate=e.r,exports.SingleUpdateDetail=e.n,exports.SingleUpdateTableDetail=e.t;

package/dist/components/single/index.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../../chunks/single-CRF61o_U.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../../single-BsJ7TYJi.js";
 export { a as SingleDetail, r as SingleFields, e as SingleImport, t as SingleIndex, i as SingleUpdate, n as SingleUpdateDetail, o as SingleUpdateTableDetail };

package/dist/components/top-navbar/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../rolldown-runtime-BocRIvOZ.cjs"),t=require("../../Common-DFahMuQE.cjs");let n=require("react");n=e.t(n,1);let r=require("react/jsx-runtime"),i=require("react-router-dom");var a=({userName:e,role:n})=>{let a=(0,i.useNavigate)(),o=async()=>{a(`/`,{replace:!0}),localStorage.removeItem(`isLogin`),window.dispatchEvent(new Event(`storage`))};return(0,r.jsx)(`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:(0,r.jsx)(`div`,{className:`container-fluid`,children:(0,r.jsx)(`div`,{className:`collapse navbar-collapse mt-sm-0 mt-2 me-md-0 me-sm-4`,children:(0,r.jsx)(`ul`,{className:`navbar-nav justify-content-end ms-auto`,children:(0,r.jsxs)(`li`,{className:`nav-item dropdown py-0`,children:[(0,r.jsxs)(`button`,{className:`btn btn-sm btn-outline-light dropdown-toggle`,"data-bs-toggle":`dropdown`,"aria-expanded":`false`,children:[(0,r.jsx)(`i`,{className:`fa-regular fa-user-circle me-1`}),e,n&&(0,r.jsx)(`span`,{className:`badge bg-warning text-white ms-2`,children:n})]}),(0,r.jsxs)(`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:[e&&(0,r.jsx)(`li`,{className:`dropdown-item border-radius-md`,children:(0,r.jsx)(i.Link,{className:`d-block w-100 nav-link py-1`,to:`/profile`,children:`Thông tin tài khoản`})}),e&&(0,r.jsx)(`li`,{className:`dropdown-item border-radius-md`,children:(0,r.jsx)(i.Link,{className:`d-block w-100 nav-link py-1`,to:`/userlogs`,children:`Nhật ký hoạt động`})}),(0,r.jsx)(`li`,{className:`dropdown-item border-radius-md`,children:(0,r.jsx)(i.Link,{className:`d-block w-100 nav-link py-1`,to:`#`,onClick:async e=>{e.preventDefault();try{await o(),t.S(`Đăng xuất thành công`,`top-end`,!0)}catch(e){t.x(t.s(e))}},children:`Đăng xuất`})})]})]})})})})})};exports.TopNavbar=a;

package/dist/components/top-navbar/index.js

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

package/dist/echarts-Bi3uwLbg.cjs

@@ -0,0 +1 @@
+const e=require("./rolldown-runtime-BocRIvOZ.cjs");let t=require("react");t=e.t(t,1);let n=require("react/jsx-runtime"),r=require("echarts-for-react");r=e.t(r,1);var i=(0,t.memo)(({title:e=`Bar Chart`,labels:i,values:a,color:o=`#5470C6`,showGrid:s=!1,visible:c=!1})=>{let l=(0,t.useRef)(null),u=(0,t.useMemo)(()=>({title:{text:e,left:`center`,textStyle:{fontSize:18,fontFamily:`Roboto, sans-serif`}},textStyle:{fontFamily:`Roboto, sans-serif`},tooltip:{trigger:`axis`,axisPointer:{type:`shadow`}},xAxis:{type:`category`,data:i,axisTick:{alignWithLabel:!0},axisLabel:{rotate:0}},yAxis:{type:`value`,splitLine:{show:s}},series:[{data:a,type:`bar`,barWidth:`50%`,itemStyle:{color:o,borderRadius:[6,6,0,0]},emphasis:{itemStyle:{color:`#91cc75`}}}],grid:{left:`5%`,right:`5%`,bottom:`10%`,containLabel:!0},animationDuration:600}),[e,i,a,o,s]);return(0,t.useEffect)(()=>{c&&l.current?.getEchartsInstance()?.resize()},[c]),(0,n.jsx)(r.default,{ref:l,option:u,style:{height:400,width:`100%`},notMerge:!0,autoResize:!0,lazyUpdate:!0})}),a=(0,t.memo)(({title:e=`Line Chart`,labels:i,values:a,color:o=`#5470C6`,visible:s=!1})=>{let c=(0,t.useRef)(null),l=(0,t.useMemo)(()=>({title:{text:e,left:`center`,textStyle:{fontSize:18,fontFamily:`Roboto, sans-serif`}},textStyle:{fontFamily:`Roboto, sans-serif`},tooltip:{trigger:`axis`},xAxis:{type:`category`,data:i,boundaryGap:!1},yAxis:{type:`value`,min:e=>Math.floor(e.min*.9),max:e=>Math.ceil(e.max*1.1)},series:[{data:a,type:`line`,smooth:!0,lineStyle:{color:o,width:3},itemStyle:{color:o},areaStyle:{color:`${o}33`}}],grid:{left:`5%`,right:`5%`,bottom:`10%`,containLabel:!0}}),[e,i,a,o]);return(0,t.useEffect)(()=>{s&&c.current?.getEchartsInstance()?.resize()},[s]),(0,n.jsx)(r.default,{ref:c,option:l,style:{height:400,width:`100%`},notMerge:!0,autoResize:!0,lazyUpdate:!0})}),o=(0,t.memo)(({title:e=`Multi Bar Chart`,labels:i,series:a,visible:o=!1})=>{let s=(0,t.useRef)(null),c=(0,t.useMemo)(()=>({title:{text:e,left:`center`,textStyle:{fontSize:18,fontFamily:`Roboto, sans-serif`}},textStyle:{fontFamily:`Roboto, sans-serif`},tooltip:{trigger:`axis`,axisPointer:{type:`shadow`}},legend:{top:`5%`,left:`center`,icon:`circle`},grid:{top:`15%`,left:`5%`,right:`5%`,bottom:`10%`,containLabel:!0},xAxis:{type:`category`,data:Array.isArray(i)?i:[],axisTick:{alignWithLabel:!0}},yAxis:{type:`value`,splitLine:{lineStyle:{color:`#eee`}}},series:Array.isArray(a)?a.map(e=>({name:e.name,type:`bar`,data:e.data,barWidth:`40%`,itemStyle:{color:e.color,borderRadius:[4,4,0,0]},emphasis:{focus:`series`}})):[],animationDuration:600}),[e,i,a]);return(0,t.useEffect)(()=>{o&&s.current?.getEchartsInstance()?.resize()},[o]),(0,n.jsx)(r.default,{ref:s,option:c,style:{height:400,width:`100%`},notMerge:!0,autoResize:!0,lazyUpdate:!0})}),s=(0,t.memo)(({title:e=`Multi-Line Chart`,labels:i,series:a,visible:o=!1})=>{let s=(0,t.useRef)(null),c=(0,t.useMemo)(()=>({title:{text:e,left:`center`,textStyle:{fontSize:18,fontFamily:`Roboto, sans-serif`}},textStyle:{fontFamily:`Roboto, sans-serif`},tooltip:{trigger:`axis`,backgroundColor:`rgba(50,50,50,0.8)`,borderWidth:0,textStyle:{color:`#fff`}},legend:{top:`5%`,left:`center`,icon:`circle`},grid:{top:`15%`,left:`5%`,right:`5%`,bottom:`10%`,containLabel:!0},xAxis:{type:`category`,data:Array.isArray(i)?i:[],boundaryGap:!1,axisLine:{lineStyle:{color:`#aaa`}},axisLabel:{fontSize:12}},yAxis:{type:`value`,axisLine:{show:!1},splitLine:{lineStyle:{color:`#eee`}}},series:Array.isArray(a)?a.map(e=>({name:e.name,type:`line`,data:e.data,smooth:!0,lineStyle:{width:3,color:e.color},itemStyle:{color:e.color},areaStyle:{color:e.color?`${e.color}33`:void 0},emphasis:{focus:`series`}})):[],animationDuration:600}),[e,i,a]);return(0,t.useEffect)(()=>{o&&s.current?.getEchartsInstance()?.resize()},[o]),(0,n.jsx)(r.default,{ref:s,option:c,style:{height:400,width:`100%`},notMerge:!0,autoResize:!0,lazyUpdate:!0})}),c=(0,t.memo)(({title:e=`Pie Chart`,data:i,visible:a=!1})=>{let o=(0,t.useRef)(null),s=(0,t.useMemo)(()=>({title:{text:e,left:`center`,textStyle:{fontSize:18,fontFamily:`Roboto, sans-serif`}},textStyle:{fontFamily:`Roboto, sans-serif`},tooltip:{trigger:`item`,formatter:`{a} <br/>{b}: {c} ({d}%)`},legend:{left:`center`,top:`top`},series:[{name:e,type:`pie`,radius:`65%`,center:[`50%`,`60%`],data:i,emphasis:{itemStyle:{shadowBlur:10,shadowOffsetX:0,shadowColor:`rgba(0, 0, 0, 0.3)`}},label:{formatter:`{b}: {d}%`}}]}),[i,e]);return(0,t.useEffect)(()=>{a&&o.current?.getEchartsInstance()?.resize()},[a]),(0,n.jsx)(r.default,{ref:o,option:s,style:{height:400,width:`100%`},notMerge:!0,autoResize:!0,lazyUpdate:!0})});Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});

package/dist/{chunks/echarts-CRmndsxC.js → echarts-CTzMqeR5.js}

@@ -156,14 +156,14 @@ var o = e(({ title: e = "Bar Chart", labels: o, values: s, color: c = "#5470C6",
 		},
 		xAxis: {
 			type: "category",
-			data: o,
+			data: Array.isArray(o) ? o : [],
 			axisTick: { alignWithLabel: !0 }
 		},
 		yAxis: {
 			type: "value",
 			splitLine: { lineStyle: { color: "#eee" } }
 		},
-		series: s.map((e) => ({
+		series: Array.isArray(s) ? s.map((e) => ({
 			name: e.name,
 			type: "bar",
 			data: e.data,
@@ -178,7 +178,7 @@ var o = e(({ title: e = "Bar Chart", labels: o, values: s, color: c = "#5470C6",
 				]
 			},
 			emphasis: { focus: "series" }
-		})),
+		})) : [],
 		animationDuration: 600
 	}), [
 		e,
@@ -229,7 +229,7 @@ var o = e(({ title: e = "Bar Chart", labels: o, values: s, color: c = "#5470C6",
 		},
 		xAxis: {
 			type: "category",
-			data: o,
+			data: Array.isArray(o) ? o : [],
 			boundaryGap: !1,
 			axisLine: { lineStyle: { color: "#aaa" } },
 			axisLabel: { fontSize: 12 }