@materialui-reactjs/admin 1.0.6 → 2.0.0

package/dist/hook/common.d.ts

@@ -0,0 +1,65 @@
+import { NavigateFunction } from 'react-router-dom';
+import { UserType } from './index';
+import { MenuPermissionItem } from '../types/Menu';
+/** Sự kiện change của bất kỳ control nào trong form. */
+export type FormChangeEvent<T extends HTMLElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement> = React.ChangeEvent<T>;
+/**
+ * Handler onChange mà các component form nhận.
+ *
+ * Hầu hết component tự dựng một event giả (`{ target, preventDefault }`) để báo
+ * ngược lên cho parent, nên kiểu là `ChangeEvent` chứ không phải callback tự do.
+ */
+export type FormChangeHandler = (e: FormChangeEvent) => void;
+/** Giá trị nguyên thuỷ đọc từ một control của form. */
+export type FormScalar = string | number | boolean | File | null;
+/**
+ * Dữ liệu form sau khi đọc từ DOM.
+ *
+ * Khoá là động (tên `name` của input) nên không thể liệt kê trước. Giá trị được
+ * chặn ở các kiểu đi được qua `JSON.stringify` / `FormData`:
+ *
+ * - `FormScalar` — giá trị của một control đơn lẻ.
+ * - `CrudItem`    — tên field dạng lồng `user{city}` được dựng thành object
+ *                  (xem `handleObjChange` ở `update.ts`).
+ * - mảng         — các payload dạng `{ selected: [1, 2, 3] }` hoặc
+ *                  `{ details: [{ ... }, { ... }] }` (xem `List.handleDelete`
+ *                  và `UpdateDetail.handleDetailSubmit`).
+ */
+export type FormValue = Record<string, FormScalar | CrudItem | Array<FormScalar | CrudItem>>;
+/** Một bản ghi do API trả về. */
+export type CrudItem = Record<string, unknown>;
+/**
+ * Trạng thái của `item` trong các trang chi tiết / sửa.
+ *
+ * `false` là sentinel cho "API không trả về bản ghi" -> component rơi vào
+ * nhánh 404. Không dùng `undefined` vì `undefined` còn là giá trị khởi tạo (chưa
+ * tải xong), hai trạng thái này dẫn tới hai render khác nhau.
+ */
+export type ItemState = CrudItem | false | undefined;
+/**
+ * Đọc `id` từ `item` mà không vướng sentinel `false`.
+ *
+ * `item?.id` KHÔNG dùng được ở đây: optional chaining chỉ xử lý `null`/`undefined`,
+ * nên khi `item === false` TypeScript báo `Property 'id' does not exist on type
+ * 'false'`. Hàm này gom xử lý về một chỗ thay vì rải `item && item.id` khắp nơi.
+ */
+export declare function getItemId(item: ItemState): number | undefined;
+/**
+ * Props chung cho mọi trang CRUD (`detail`, `fields`, `import`, `update`).
+ *
+ * Trước đây mỗi file tự khai báo một bản `PropsType` với `menuData: any[]` và
+ * `user: any` — 4 bản trùng nhau và đều không kiểm soát được hình dạng dữ liệu.
+ */
+export interface BasePropsType {
+    menuData: MenuPermissionItem[];
+    navigate: NavigateFunction;
+    user: UserType;
+}
+/**
+ * Đọc giá trị từ một change event.
+ *
+ * Dùng chung cho `detail` và `fields` (trước đây copy-paste giống hệt nhau).
+ * `update` có biến thể riêng vì còn phải dựng lại object cho tên field dạng
+ * lồng `user{city}` — xem `handleObjChange` trong `update.ts`.
+ */
+export declare const handleHookChange: (e: FormChangeEvent) => FormValue;

package/dist/hook/detail.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../common-CHDJQ2Ca.cjs");exports.handleHookChange=e.n;

package/dist/hook/detail.d.ts

@@ -1,18 +1,12 @@
-import { NavigateFunction } from 'react-router-dom';
-export interface PropsType {
-    menuData: any[];
-    navigate: NavigateFunction;
-    user: any;
-}
+import { CrudItem, FormValue } from './common';
+export type { BasePropsType as PropsType, FormValue, CrudItem } from './common';
+export { handleHookChange } from './common';
 export interface StateType {
-    item: any;
-    data: any;
-    formValue: any;
+    /** Bản ghi đang xem, hoặc `false` khi API trả rỗng (đi vào nhánh 404). */
+    item: CrudItem | false | undefined;
+    /** Bản sao đã chuẩn hoá của `item`, dùng làm giá trị form ban đầu. */
+    formValue: FormValue;
+    /** Dữ liệu thô lấy từ API (dùng cho các trường đặc biệt). */
+    data: CrudItem | undefined;
     isDetail: boolean | undefined;
-    [key: string]: any;
 }
-export declare const handleHookChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => {
-    [name]: File | null;
-} | {
-    [name]: string;
-};

package/dist/hook/detail.js

@@ -1,12 +1,2 @@
-//#region src/hook/detail.ts
-var e = (e) => {
-	e.preventDefault();
-	let { name: t, type: n, value: r } = e.target;
-	if (n === "file") {
-		let n = e.target.files;
-		return { [t]: n ? n[0] : null };
-	}
-	return { [t]: r };
-};
-//#endregion
+import { n as e } from "../common-DVWX6AUQ.js";
 export { e as handleHookChange };

package/dist/hook/fields.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../common-CHDJQ2Ca.cjs");exports.handleHookChange=e.n;

package/dist/hook/fields.d.ts

@@ -1,18 +1,10 @@
-import { NavigateFunction } from 'react-router-dom';
-export interface PropsType {
-    menuData: any[];
-    navigate: NavigateFunction;
-    user: any;
-}
+import { FormValue, ItemState } from './common';
+export type { BasePropsType as PropsType, FormValue, CrudItem, ItemState } from './common';
+export { handleHookChange } from './common';
 export interface StateType {
-    item: any;
-    formValue: any;
+    /** Bản ghi cấu hình trường, hoặc `false` khi API trả rỗng. */
+    item: ItemState;
+    formValue: FormValue;
     isField: boolean;
     isDetail: boolean;
-    [key: string]: any;
 }
-export declare const handleHookChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => {
-    [name]: File | null;
-} | {
-    [name]: string;
-};

package/dist/hook/fields.js

@@ -1,12 +1,2 @@
-//#region src/hook/fields.ts
-var e = (e) => {
-	e.preventDefault();
-	let { name: t, type: n, value: r } = e.target;
-	if (n === "file") {
-		let n = e.target.files;
-		return { [t]: n ? n[0] : null };
-	}
-	return { [t]: r };
-};
-//#endregion
+import { n as e } from "../common-DVWX6AUQ.js";
 export { e as handleHookChange };

package/dist/hook/import.d.ts

@@ -1,15 +1,10 @@
-import { NavigateFunction } from 'react-router-dom';
-export interface PropsType {
-    menuData: any[];
-    navigate: NavigateFunction;
-    user: any;
-}
+import { FormValue } from './common';
+export type { BasePropsType as PropsType, FormValue } from './common';
+/** Lỗi trả về từ API: một chuỗi, hoặc map field -> thông báo. */
+export type FormError = string | Record<string, string>;
 export interface StateType {
-    formValue: any;
-    error: {
-        [key: string]: string;
-    } | string;
+    formValue: FormValue;
+    error: FormError;
     isCre: boolean;
     isEdit: boolean;
-    [key: string]: any;
 }

package/dist/hook/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../Common-BBYXssMH.cjs"),t=require("../common-CHDJQ2Ca.cjs");var n=e=>{if(!e)return{};let[t,n]=e.split(`:`);return!t||!n?{}:{[t]:n}},r=e=>{let t=Object.entries(e).filter(([e,t])=>t!==`none`).map(([e,t])=>`${e}:${t}`).join(`,`);return t?{sort:t}:{}},i=async(t,n)=>{try{let r=new URLSearchParams;for(let[e,n]of Object.entries(t))n!=null&&r.append(e,String(n));let i=`${n}?${r.toString()}`;return(await e.n(i,{},`GET`)).data}catch{return{items:[],page:1,length:10,pageTotal:0,recordTotal:0}}},a=async(t,n,r,i)=>{let a=t.currentTarget,o=Number(a.getAttribute(`data-page`)??1),s={...n,page:o};return i(`${r}?${e.a(s)}`,{replace:!0}),s},o=async(t,n,r)=>{let i={...t,page:1};return r(`${n}?${e.a(i)}`,{replace:!0}),i},s=async(e,t)=>{e.preventDefault();let{name:n,value:r}=e.target,i={...t};return n===`pageLen`?(i.pageLen=Number(r),i.page=1):i[n]=r,i};exports.convertQueryToSort=n,exports.convertSortToQuery=r,exports.fetchHookData=i,exports.getItemId=t.t,exports.handleHookChange=t.n,exports.handleHookClickPage=a,exports.handleHookSeachForm=o,exports.handleParamChange=s;

package/dist/hook/index.d.ts

@@ -1,4 +1,7 @@
 import { NavigateFunction } from 'react-router-dom';
+import { MenuPermissionItem } from '../types/Menu';
+export type { BasePropsType, FormValue, FormScalar, CrudItem, ItemState, FormChangeEvent, FormChangeHandler, } from './common';
+export { getItemId, handleHookChange } from './common';
 export interface UserType {
     id: number;
     username: string;
@@ -7,26 +10,35 @@ export interface UserType {
     numberId: number;
     group: string;
 }
+/**
+ * Filter truyền lên API: `page`, `pageLen`, từ khoá tìm kiếm, ...
+ *
+ * Kiểu này thay cho `Record<string, any>`: các key động vẫn được phép, nhưng
+ * giá trị bị chặn ở mức primitive — đủ cho query string và chặn được
+ * object/function lọt vào `URLSearchParams` (toString() sẽ ra `[object Object]`).
+ */
+export type TableFilter = Record<string, string | number | boolean | undefined>;
 export interface PropsType {
-    menuData: any[];
+    menuData: MenuPermissionItem[];
     navigate: NavigateFunction;
     user: UserType;
-    [key: string]: any;
 }
 export interface StateTable {
-    items: any[];
-    sort?: Record<string, any>;
-    filter?: Record<string, any>;
+    items: Record<string, any>[];
+    sort?: Record<string, "asc" | "desc" | "none">;
+    filter?: TableFilter;
     page: number;
     length: number;
     pageTotal: number;
     recordTotal: number;
-    [key: string]: any;
 }
 export interface StateType {
     data: StateTable;
-    error?: any;
-    status?: any;
+    /** Nội dung lỗi để hiển thị qua `showMessage` (đã được escape bên trong đó). */
+    error?: string | string[];
+    status?: unknown;
+    /** Cờ đang tải — render overlay spinner. */
+    loading?: boolean;
     selectedIds: number[];
     isDel: boolean | undefined;
     isCre: boolean | undefined;
@@ -37,9 +49,9 @@ export interface StateType {
     isImport: boolean | undefined;
     isExport: boolean | undefined;
     isCopy: boolean | undefined;
-    ftfield?: any[];
-    tbfield?: any[];
-    [key: string]: any;
+    /** Tên các cột lọc (form) và cột hiển thị (bảng). */
+    ftfield?: string[];
+    tbfield?: string[];
 }
 export declare const convertQueryToSort: (sort: string) => {
     [x: string]: string;
@@ -49,13 +61,9 @@ export declare const convertSortToQuery: (sort: Record<string, string>) => {
 } | {
     sort?: undefined;
 };
-export declare const fetchHookData: (params: Record<string, any>, getDataUrl: string) => Promise<StateTable>;
-export declare const handleHookClickPage: (e: React.MouseEvent<HTMLAnchorElement>, params: Record<string, any>, cUri: string, navigate: NavigateFunction) => Promise<{
-    page: number;
-}>;
-export declare const handleHookSeachForm: (params: Record<string, any>, cUri: string, navigate: NavigateFunction) => Promise<{
-    page: number;
-}>;
-export declare const handleParamChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>, params: Record<string, any>) => Promise<{
-    [x: string]: any;
+export declare const fetchHookData: (params: TableFilter, getDataUrl: string) => Promise<StateTable>;
+export declare const handleHookClickPage: (e: React.MouseEvent<HTMLAnchorElement>, params: TableFilter, cUri: string, navigate: NavigateFunction) => Promise<TableFilter>;
+export declare const handleHookSeachForm: (params: TableFilter, cUri: string, navigate: NavigateFunction) => Promise<TableFilter>;
+export declare const handleParamChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>, params: TableFilter) => Promise<{
+    [x: string]: string | number | boolean | undefined;
 }>;

package/dist/hook/index.js

@@ -1,16 +1,19 @@
-import { i as e, t } from "../chunks/Common-BURf0rBN.js";
+import { a as e, n as t } from "../Common-1GAoFU4L.js";
+import { n, t as r } from "../common-DVWX6AUQ.js";
 //#region src/hook/index.ts
-var n = (e) => {
+var i = (e) => {
 	if (!e) return {};
 	let [t, n] = e.split(":");
 	return !t || !n ? {} : { [t]: n };
-}, r = (e) => {
+}, a = (e) => {
 	let t = Object.entries(e).filter(([e, t]) => t !== "none").map(([e, t]) => `${e}:${t}`).join(",");
 	return t ? { sort: t } : {};
-}, i = async (e, n) => {
+}, o = async (e, n) => {
 	try {
-		let r = `${n}?${new URLSearchParams(e).toString()}`;
-		return (await t(r, {}, "GET")).data;
+		let r = new URLSearchParams();
+		for (let [t, n] of Object.entries(e)) n != null && r.append(t, String(n));
+		let i = `${n}?${r.toString()}`;
+		return (await t(i, {}, "GET")).data;
 	} catch {
 		return {
 			items: [],
@@ -20,22 +23,22 @@ var n = (e) => {
 			recordTotal: 0
 		};
 	}
-}, a = async (t, n, r, i) => {
+}, s = async (t, n, r, i) => {
 	let a = t.currentTarget, o = Number(a.getAttribute("data-page") ?? 1), s = {
 		...n,
 		page: o
 	};
 	return i(`${r}?${e(s)}`, { replace: !0 }), s;
-}, o = async (t, n, r) => {
+}, c = async (t, n, r) => {
 	let i = {
 		...t,
 		page: 1
 	};
 	return r(`${n}?${e(i)}`, { replace: !0 }), i;
-}, s = async (e, t) => {
+}, l = async (e, t) => {
 	e.preventDefault();
 	let { name: n, value: r } = e.target, i = { ...t };
 	return n === "pageLen" ? (i.pageLen = Number(r), i.page = 1) : i[n] = r, i;
 };
 //#endregion
-export { n as convertQueryToSort, r as convertSortToQuery, i as fetchHookData, a as handleHookClickPage, o as handleHookSeachForm, s as handleParamChange };
+export { i as convertQueryToSort, a as convertSortToQuery, o as fetchHookData, r as getItemId, n as handleHookChange, s as handleHookClickPage, c as handleHookSeachForm, l as handleParamChange };

package/dist/hook/update.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=e=>{e.preventDefault();let{name:n,type:r,value:i}=t(e);if(r===`file`){let t=e.target.files;return{[n]:t?.[0]??null}}return{[n]:i}},t=e=>{let{name:t,type:n,value:r}=e.target,i=t.split(/[{}]+/).filter(Boolean),a=i.shift();if(!a||i.length===0)return{name:t,type:n,value:r};let o={},s=o;for(let e=0;e<i.length-1;e++)s[i[e]]={},s=s[i[e]];return s[i[i.length-1]]=r,{name:a,type:n,value:o}},n=(e,t)=>{let r={...e};return Object.keys(t).forEach(e=>{let i=t[e],a=r[e];i&&typeof i==`object`&&!Array.isArray(i)&&a&&typeof a==`object`&&!Array.isArray(a)?r[e]=n(a,i):r[e]=i}),r};exports.deepMerge=n,exports.handleHookChange=e,exports.handleObjChange=t;

package/dist/hook/update.d.ts

@@ -1,26 +1,18 @@
-import { NavigateFunction } from 'react-router-dom';
-export interface PropsType {
-    menuData: any[];
-    navigate: NavigateFunction;
-    user: any;
-}
+import { FormError } from './import';
+import { CrudItem, FormChangeEvent, FormValue } from './common';
+export type { BasePropsType as PropsType } from './common';
+export type { FormError } from './import';
 export interface StateType {
-    item?: any;
-    formValue: any;
+    /** Bản ghi đang sửa, hoặc `false` khi API trả rỗng (đi vào nhánh 404). */
+    item?: CrudItem | false;
+    formValue: FormValue;
     loading?: boolean;
-    error?: {
-        [key: string]: string;
-    } | string;
+    error?: FormError;
     isCre?: boolean;
     isEdit?: boolean;
     isDetail?: boolean;
-    [key: string]: any;
 }
-export declare const handleHookChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => {
-    [name]: File | null;
-} | {
-    [name]: string | Record<string, any>;
-};
+export declare const handleHookChange: (e: FormChangeEvent) => FormValue;
 export declare const handleObjChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => {
     name: string;
     type: string;

package/dist/hook/update.js

@@ -4,11 +4,11 @@ var e = (e) => {
 	let { name: n, type: r, value: i } = t(e);
 	if (r === "file") {
 		let t = e.target.files;
-		return { [n]: t ? t[0] : null };
+		return { [n]: t?.[0] ?? null };
 	}
 	return { [n]: i };
 }, t = (e) => {
-	let { name: t, type: n, value: r } = e.target, i = t.split(/[\{\}]+/).filter(Boolean), a = i.shift();
+	let { name: t, type: n, value: r } = e.target, i = t.split(/[{}]+/).filter(Boolean), a = i.shift();
 	if (!a || i.length === 0) return {
 		name: t,
 		type: n,

package/dist/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./form-DUL_O4IY.cjs"),t=require("./SortableItem-C3KzO8Xh.cjs"),n=require("./UDragFile-oJ05zNLR.cjs"),r=require("./echarts-Dla22xas.cjs"),i=require("./SpinnerLoader-BujLjvC3.cjs");require("./components/loader/index.cjs");const a=require("./meta-CXHXSPbq.cjs"),o=require("./HeaderUpdate-DIwc8EAA.cjs"),s=require("./common-CHDJQ2Ca.cjs"),c=require("./sidebar-G5Ody16K.cjs"),l=require("./single-CsUaxEjQ.cjs"),u=require("./components/top-navbar/index.cjs"),d=require("./hook/index.cjs");exports.AdvancedMultiSelect=e.D,exports.AsxhUImages=e.E,exports.BarChart=r.a,exports.BoxAddRow=e.p,exports.BtnGroup=a.l,exports.CardTable=a.a,exports.CheckBox=e.v,exports.CheckTreeBox=e.f,exports.CusTooltip=o.d,exports.DateInput=e.d,exports.DateTimeInput=e.u,exports.Editor=e.m,exports.EfFile=e.l,exports.EfImage=e.h,exports.EfImages=e.c,exports.ElfinderModal=a.i,exports.Email=e.y,exports.Error403=o.a,exports.Error404=o.i,exports.Head=a.r,exports.HeaderDetail=o.r,exports.HeaderIndex=o.n,exports.HeaderUpdate=o.t,exports.LineChart=r.i,exports.ModalForm=a.c,exports.MultiBarChart=r.r,exports.MultiLineChart=r.n,exports.NavTabs=a.n,exports.NumberText=e.b,exports.PDFEmbed=a.t,exports.PImage=e.s,exports.Pagination=o.u,exports.Password=e.x,exports.PhoneVn=e.S,exports.PieChart=r.t,exports.RatioKeyVal=e.C,exports.ScrollTable=a.s,exports.SearchBox=a.o,exports.SelectAddRowBox=e.o,exports.SelectAddRowBoxAdvanced=e.a,exports.SelectBox=e.g,exports.SelectMBox=e._,exports.Sidebar=c.t,exports.SingleDetail=l.s,exports.SingleFields=l.o,exports.SingleImport=l.a,exports.SingleIndex=l.i,exports.SingleUpdate=l.r,exports.SingleUpdateDetail=l.n,exports.SingleUpdateTableDetail=l.t,exports.SortableItem=t.t,exports.SpinnerLoader=i.t,exports.Text=e.w,exports.Textarea=e.T,exports.TopNavbar=u.TopNavbar,exports.UDragFile=n.t,exports.UFile=e.i,exports.UFiles=e.n,exports.UImages=e.t,exports.convertQueryToSort=d.convertQueryToSort,exports.convertSortToQuery=d.convertSortToQuery,exports.fetchHookData=d.fetchHookData,exports.getItemId=s.t,exports.handleHookChange=s.n,exports.handleHookClickPage=d.handleHookClickPage,exports.handleHookSeachForm=d.handleHookSeachForm,exports.handleParamChange=d.handleParamChange,exports.validateRequiredFiles=e.r;

package/dist/index.d.ts

@@ -5,3 +5,19 @@ export * from './components/meta';
 export * from './components/sidebar';
 export * from './components/single';
 export * from './components/top-navbar';
+/**
+ * Kiểu dùng chung cho các props bắt buộc người dùng phải cung cấp.
+ *
+ * Không export từ đây thì consumer không có cách nào lấy được kiểu — ví dụ
+ * `CardTable` yêu cầu `service: TableService`, nhưng nếu không re-export thì
+ * họ buộc phải tự viết lại cấu trúc, và mọi thay đổi sau này của package
+ * không ai biết.
+ */
+export * from './types/Menu';
+export * from './components/meta/CardTable.types';
+/**
+ * Kiểu của lớp tiện ích và hook — consumer dùng chúng để tự định nghĩa
+ * service/bundle, nên phải lấy được từ entry point chính.
+ */
+export * from './hook';
+export type { ApiResponse, DateInput, StatusOption, RouteElement } from './utils';

package/dist/index.js

@@ -1,11 +1,14 @@
-import { C as e, D as t, E as n, S as r, T as i, _ as a, a as o, b as s, c, d as l, f as u, g as d, h as f, i as p, l as m, m as h, n as g, o as _, p as v, r as y, s as b, t as x, u as S, v as C, w, x as T, y as E } from "./chunks/form-CPkpL5eA.js";
-import { t as D } from "./chunks/SortableItem-B4-Zsso3.js";
-import { t as O } from "./chunks/UDragFile-BnUR3riq.js";
-import { a as k, i as A, n as j, r as M, t as N } from "./chunks/echarts-CRmndsxC.js";
-import { t as P } from "./chunks/SpinnerLoader-h8RDIarB.js";
-import { a as F, c as I, i as L, l as R, n as z, o as B, r as V, s as H, t as U } from "./chunks/meta-4qPWijBT.js";
-import { a as W, d as G, i as K, n as q, r as J, t as Y, u as X } from "./chunks/HeaderUpdate-DuS-gHNR.js";
-import { t as Z } from "./chunks/sidebar-Dj4Xr9du.js";
-import { a as Q, i as $, n as ee, o as te, r as ne, s as re, t as ie } from "./chunks/single-CRF61o_U.js";
-import { t as ae } from "./chunks/top-navbar-Bob0gMUh.js";
-export { t as AdvancedMultiSelect, n as AsxhUImages, k as BarChart, v as BoxAddRow, R as BtnGroup, F as CardTable, C as CheckBox, u as CheckTreeBox, G as CusTooltip, l as DateInput, S as DateTimeInput, h as Editor, m as EfFile, f as EfImage, c as EfImages, L as ElfinderModal, E as Email, W as Error403, K as Error404, V as Head, J as HeaderDetail, q as HeaderIndex, Y as HeaderUpdate, A as LineChart, I as ModalForm, M as MultiBarChart, j as MultiLineChart, z as NavTabs, s as NumberText, U as PDFEmbed, b as PImage, X as Pagination, T as Password, r as PhoneVn, N as PieChart, e as RatioKeyVal, H as ScrollTable, B as SearchBox, _ as SelectAddRowBox, o as SelectAddRowBoxAdvanced, d as SelectBox, a as SelectMBox, Z as Sidebar, re as SingleDetail, te as SingleFields, Q as SingleImport, $ as SingleIndex, ne as SingleUpdate, ee as SingleUpdateDetail, ie as SingleUpdateTableDetail, D as SortableItem, P as SpinnerLoader, w as Text, i as Textarea, ae as TopNavbar, O as UDragFile, p as UFile, g as UFiles, x as UImages, y as validateRequiredFiles };
+import { C as e, D as t, E as n, S as r, T as i, _ as a, a as o, b as s, c, d as l, f as u, g as d, h as f, i as p, l as m, m as h, n as g, o as _, p as v, r as y, s as b, t as x, u as S, v as C, w, x as T, y as E } from "./form-BNAbGCXe.js";
+import { t as D } from "./SortableItem-B4-Zsso3.js";
+import { t as O } from "./UDragFile-BqGt1-gK.js";
+import { a as k, i as A, n as j, r as M, t as N } from "./echarts-CRmndsxC.js";
+import { t as P } from "./SpinnerLoader-CyhOQC6d.js";
+import "./components/loader/index.js";
+import { a as F, c as I, i as L, l as R, n as z, o as B, r as V, s as H, t as U } from "./meta-Dhll5zt9.js";
+import { a as W, d as G, i as K, n as q, r as J, t as Y, u as X } from "./HeaderUpdate-UXncZcAD.js";
+import { n as Z, t as Q } from "./common-DVWX6AUQ.js";
+import { t as $ } from "./sidebar-CVORMKBY.js";
+import { a as ee, i as te, n as ne, o as re, r as ie, s as ae, t as oe } from "./single-CqD5cgNi.js";
+import { TopNavbar as se } from "./components/top-navbar/index.js";
+import { convertQueryToSort as ce, convertSortToQuery as le, fetchHookData as ue, handleHookClickPage as de, handleHookSeachForm as fe, handleParamChange as pe } from "./hook/index.js";
+export { t as AdvancedMultiSelect, n as AsxhUImages, k as BarChart, v as BoxAddRow, R as BtnGroup, F as CardTable, C as CheckBox, u as CheckTreeBox, G as CusTooltip, l as DateInput, S as DateTimeInput, h as Editor, m as EfFile, f as EfImage, c as EfImages, L as ElfinderModal, E as Email, W as Error403, K as Error404, V as Head, J as HeaderDetail, q as HeaderIndex, Y as HeaderUpdate, A as LineChart, I as ModalForm, M as MultiBarChart, j as MultiLineChart, z as NavTabs, s as NumberText, U as PDFEmbed, b as PImage, X as Pagination, T as Password, r as PhoneVn, N as PieChart, e as RatioKeyVal, H as ScrollTable, B as SearchBox, _ as SelectAddRowBox, o as SelectAddRowBoxAdvanced, d as SelectBox, a as SelectMBox, $ as Sidebar, ae as SingleDetail, re as SingleFields, ee as SingleImport, te as SingleIndex, ie as SingleUpdate, ne as SingleUpdateDetail, oe as SingleUpdateTableDetail, D as SortableItem, P as SpinnerLoader, w as Text, i as Textarea, se as TopNavbar, O as UDragFile, p as UFile, g as UFiles, x as UImages, ce as convertQueryToSort, le as convertSortToQuery, ue as fetchHookData, Q as getItemId, Z as handleHookChange, de as handleHookClickPage, fe as handleHookSeachForm, pe as handleParamChange, y as validateRequiredFiles };

package/dist/meta-CXHXSPbq.cjs

@@ -0,0 +1 @@
+const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./Common-BBYXssMH.cjs"),n=require("./Validator-BcydBvOg.cjs"),r=require("./HeaderUpdate-DIwc8EAA.cjs");let i=require("react");i=e.t(i,1);let a=require("react-select");a=e.t(a,1);let o=require("react/jsx-runtime"),s=require("bootstrap"),c=require("react-router-dom"),l=require("react-helmet-async");var u=({cUri:e,itemId:t,isEdit:n=!1,isDel:i=!1,onDelete:a})=>(0,o.jsxs)(`div`,{className:`btn-group`,children:[n&&(0,o.jsx)(r.d,{title:`Chỉnh sửa`,children:(0,o.jsx)(c.Link,{to:e+`/edit/`+t,className:`btn btn-sm btn-icon btn-info`,children:(0,o.jsx)(`i`,{className:`material-icons text-white position-relative text-lg`,children:`drive_file_rename_outline`})})}),i&&(0,o.jsx)(r.d,{title:`Xóa`,children:(0,o.jsx)(`button`,{type:`button`,onClick:()=>a?.(t),className:`btn btn-sm btn-icon btn-danger`,children:(0,o.jsx)(`i`,{className:`material-icons text-white position-relative text-lg`,children:`delete`})})})]}),d=({modalRef:e,title:r,apiGetDetail:a,frmBody:l,onSubmit:u,onHide:d,itemId:f,setItemId:p,data:m,clsWidth:h=`xl`,btnTxt:g=`Lưu lại`,style:_={},clsBody:v=``})=>{let y=(0,i.useRef)(null),[b,x]=(0,i.useState)(),[S,C]=(0,i.useState)({});(0,i.useEffect)(()=>{if(!e.current)return;x(s.Modal.getOrCreateInstance(e.current,{backdrop:`static`,keyboard:!1}));let t=()=>{y?.current&&new n.t(y?.current).run()},r=()=>{p&&p(0),C({}),y?.current&&new n.t(y?.current).destroy()};return e.current.addEventListener(`shown.bs.modal`,t),e.current.addEventListener(`hidden.bs.modal`,r),()=>{e.current?.removeEventListener(`shown.bs.modal`,t),e.current?.removeEventListener(`hidden.bs.modal`,r)}},[]),(0,i.useEffect)(()=>{f&&(async()=>{try{if(!a)return;y.current&&t.x(y.current,!0);let e=await t.n(a+`/`+f,{},`GET`,`application/json`,!1),n=e?e.data:void 0;y.current&&t.x(y.current,!1),C(n??{})}catch(e){console.log(e)}})()},[f]),(0,i.useEffect)(()=>{m&&C(m)},[m]);let w=e=>{e.preventDefault(),document.activeElement?.blur(),b?.hide(),d&&d()};return(0,o.jsx)(`div`,{ref:e,className:`modal fade p-0 mx-auto`,tabIndex:-1,"data-bs-backdrop":`static`,"data-bs-keyboard":`false`,children:(0,o.jsx)(`div`,{className:`modal-dialog modal-${h}`,style:_,children:(0,o.jsx)(`div`,{className:`modal-content`,children:(0,o.jsxs)(c.Form,{ref:y,className:`position-relative`,encType:`multipart/form-data`,"data-toggle":`validator`,role:`form`,method:`POST`,onSubmit:async e=>{if(e.preventDefault(),!y?.current)return;let t=new n.t(y?.current);!t.hasErrors()&&!t.isIncomplete()&&b&&u(S,b,C)},children:[(0,o.jsxs)(`div`,{className:`modal-header py-3`,children:[(0,o.jsx)(`h5`,{className:`modal-title`,children:r}),(0,o.jsx)(`button`,{type:`button`,className:`btn-close btn-md-close`,onClick:w,children:(0,o.jsx)(`span`,{"aria-hidden":`true`,children:(0,o.jsx)(`i`,{className:`fal fa-times`,style:{fontSize:`1rem`}})})})]}),(0,o.jsx)(`div`,{className:`modal-body rounded-bottom pb-0 ${v}`,style:{overflowY:`auto`},children:l(S,async e=>{let{name:t,value:r}=n.i(e);C(e=>({...e,[t]:r}))})}),(0,o.jsxs)(`div`,{className:`modal-footer d-flex justify-content-center`,children:[(0,o.jsx)(`button`,{type:`button`,className:`btn btn-secondary btn-md-close`,"data-bs-original-title":`reply`,onClick:w,children:`Hủy`}),(0,o.jsx)(`button`,{type:`submit`,className:`btn btn-success`,"data-bs-original-title":`save`,children:g})]})]})})})})},f=({header:e,data:t,numOfFirst:n=0,numOfLast:r=0,columnWidth:a=200,...s})=>{let c=(0,i.useRef)(null),[l,u]=(0,i.useState)(0),[d,f]=(0,i.useState)(0),[p,m]=(0,i.useState)(!1),[h,g]=(0,i.useState)(!1),_=(e,t,n,r)=>e<n?{position:`left`}:e>=t-r?{position:`right`}:{position:`none`};(0,i.useEffect)(()=>{let e=c.current;if(!e)return;let t=()=>{u(e.scrollLeft),f(e.scrollWidth-e.offsetWidth)};return t(),e.addEventListener(`scroll`,t),window.addEventListener(`resize`,t),()=>{e.removeEventListener(`scroll`,t),window.removeEventListener(`resize`,t)}},[]),(0,i.useEffect)(()=>{let e=l>5,t=l<d-5;m(e),g(t)},[l,d]);let v=e=>{c.current&&(c.current.scrollLeft+=e.deltaY)},y=e=>{c.current&&c.current.scrollBy({left:e?150:-150,behavior:`smooth`})},b=t=>e[t]?.width??a,x=e.slice(0,n).reduce((e,t,n)=>e+b(n),0)||0,S=e.slice(e.length-r).reduce((t,n,i)=>t+b(e.length-r+i),0)||0;return(0,o.jsxs)(`div`,{className:`scroll-table-group`,children:[(0,o.jsx)(`div`,{className:`fade-overlay fade-left ${p?`fade-visible`:`fade-hidden`}`,style:{left:`${x}px`}}),(0,o.jsx)(`div`,{className:`fade-overlay fade-right ${h?`fade-visible`:`fade-hidden`}`,style:{right:`${S}px`}}),p&&(0,o.jsx)(`button`,{title:`Phải`,className:`scroll-btn left-btn`,onClick:()=>y(!1),style:{left:`${x}px`},children:(0,o.jsx)(`i`,{className:`fa-solid fa-chevron-left`})}),h&&(0,o.jsx)(`button`,{title:`Trái`,className:`scroll-btn right-btn`,onClick:()=>y(!0),style:{right:`${S}px`},children:(0,o.jsx)(`i`,{className:`fa-solid fa-chevron-right`})}),(0,o.jsx)(`div`,{ref:c,onWheel:v,className:`table-container`,children:(0,o.jsxs)(`table`,{className:`custom-table`,...s,children:[(0,o.jsx)(`thead`,{children:(0,o.jsx)(`tr`,{className:`text-center`,children:e.map((t,i)=>{let{position:s}=_(i,e.length,n,r),c=t.width??a,l={left:s===`left`?`${e.slice(0,i).reduce((e,t,n)=>e+b(n),0)}px`:void 0,right:s===`right`?`${e.slice(i+1).reduce((e,t,n)=>e+b(i+1+n),0)}px`:void 0,minWidth:`${c}px`};return(0,o.jsx)(`th`,{style:l,className:`custom-th ${s===`none`?``:`sticky-col`} ${t.thClassName??``}`,children:t.label},i)})})}),(0,o.jsxs)(`tbody`,{children:[t.map((t,i)=>(0,o.jsx)(`tr`,{className:`custom-tr`,children:e.map((i,s)=>{let c=Object.values(t)[s],{position:l}=_(s,e.length,n,r),u=i.width??a,d={left:l===`left`?`${e.slice(0,s).reduce((e,t,n)=>e+b(n),0)}px`:void 0,right:l===`right`?`${e.slice(s+1).reduce((e,t,n)=>e+b(s+1+n),0)}px`:void 0,minWidth:`${u}px`};return(0,o.jsx)(`td`,{style:d,className:`custom-td ${l===`none`?``:`sticky-col`} ${i.tdClassName??``}`,children:c},s)})},i)),t.length?``:(0,o.jsx)(`tr`,{className:`text-center`,children:(0,o.jsx)(`td`,{className:`px-3 pt-2`,colSpan:20,children:(0,o.jsx)(`p`,{children:`Không có dữ liệu`})})})]})]})})]})},p=(e,t)=>{t(e);let n=e.currentTarget.closest(`.input-group-outline`);e.currentTarget.value.trim()===``?n?.classList.remove(`is-filled`):n?.classList.add(`is-filled`)},m=e=>{e.preventDefault(),e.currentTarget.closest(`.input-group-outline`)?.classList.add(`is-focused`)},h=e=>{e.preventDefault(),e.currentTarget.closest(`.input-group-outline`)?.classList.remove(`is-focused`)},g=({label:e,name:t,value:n=``,required:r=!1,disabled:a=!1,readonly:s=!1,cpnClass:c=``,minLength:l=0,maxLength:u=255,onChange:d,style:f={}})=>{let g=(0,i.useRef)(null);return(0,i.useEffect)(()=>{document.activeElement!==g.current&&d&&d({target:{name:t,value:n},preventDefault:()=>{}})},[n]),(0,o.jsx)(`div`,{className:`form-group `+(c??``),children:(0,o.jsxs)(`div`,{className:`input-group input-group-outline ${n?`is-filled`:``}`,children:[(0,o.jsx)(`div`,{className:`form-label`,children:e+(r?` *`:``)}),(0,o.jsx)(`input`,{style:f,name:t,placeholder:``,readOnly:s,disabled:a,required:r,minLength:l,maxLength:u,"data-required-error":`Vui lòng nhập dữ liệu`,"data-error":`Dữ liệu không hợp lệ`,className:`form-control`,value:n,onChange:e=>p(e,d),onFocus:m,onBlur:h})]})})},_=(e,t)=>e.find(e=>e.value===t)||null,v=(e,t,n,r,i)=>{let a=[];r&&a.push({value:-1,label:`Tất cả`}),i&&a.push({value:0,label:`Không có`});let o=Array.isArray(e)?e.map(e=>({value:e[t],label:e[n]})):[];return[...a,...o]},y=({label:e,name:t,lists:n=[],keyValue:r=`id`,keyName:s=`name`,value:c=``,cpnClass:l=``,required:u=!1,disabled:d=!1,all:f=!1,zero:p=!1,onChange:m,style:h={}})=>{let[g,y]=(0,i.useState)([]);(0,i.useEffect)(()=>{y(v(n,r,s,f,p))},[n]);let b=(0,i.useRef)(!1);(0,i.useEffect)(()=>{b.current||g.length&&(b.current=!0,m?.({target:{name:t,value:c},preventDefault:()=>{}}))},[g]);let x=e=>{m&&m({target:{name:t,value:e},preventDefault:()=>{}})},S=(0,i.useRef)(null);return(0,i.useEffect)(()=>{let e=S.current?.querySelector(`input[name="${t}"][required]`);e&&e.setCustomValidity(c?``:`Vui lòng nhập dữ liệu`)},[c,t,u]),(0,o.jsx)(`div`,{ref:S,className:`form-group box-select `+(l??``),style:h,children:(0,o.jsxs)(`div`,{className:`input-group input-group-outline is-filled`,children:[(0,o.jsx)(`span`,{className:`form-label`,children:e+(u?` *`:``)}),(0,o.jsx)(a.default,{menuPortalTarget:document.body,styles:{menuPortal:e=>({...e,zIndex:99999})},classNamePrefix:`react-select`,placeholder:`Chọn`,name:t,options:g,value:_(g,c),onChange:e=>x(e?.value),noOptionsMessage:()=>`Không có dữ liệu`,isDisabled:d,required:u,"data-required-error":`Vui lòng nhập dữ liệu`,"data-error":`Dữ liệu không hợp lệ`,className:`form-control`})]})})},b=({ftfield:e,service:t,options:n,filter:r,handleChange:i,handleSearchForm:a})=>{let s=Array.isArray(e)?e:[];return(0,o.jsxs)(c.Form,{className:`d-flex align-items-center`,onSubmit:a,children:[(0,o.jsx)(`div`,{className:`mb-3 me-3`,children:`Tìm kiếm`}),(0,o.jsx)(`div`,{className:`row grid-space-16 row-cols-${s.length} flex-1`,children:s.map((e,a)=>{let s=t.ftFields(e);switch(s.type){case`text`:return(0,o.jsx)(g,{style:{minWidth:100},label:t.fieldName(e),name:e,cpnClass:`mb-3 col`,value:String(r?.[e]??``),onChange:i},a);case`select`:{let c=typeof s.option==`string`?n?.[s.option]??[]:s.option??[],l=s.keyName||`name`;return(0,o.jsx)(y,{style:{minWidth:100},label:t.fieldName(e),name:e,lists:c,keyName:l,cpnClass:`mb-3 col`,all:!0,value:r?.[e]??-1,onChange:i},a)}default:return``}})}),(0,o.jsx)(`div`,{className:`mb-3 ms-3`,children:(0,o.jsx)(`button`,{title:`Tìm kiếm`,type:`submit`,className:`btn btn-primary`,children:`Tìm`})})]})},x=({frmBody:e,service:n,apiOption:a,options:l,tbOption:u,roleOption:p,clsWidth:m=`xl`,btnTxt:h=`Lưu lại`})=>{let g=(0,i.useRef)(null),_=(0,c.useNavigate)(),[v,y]=(0,i.useState)(0),[x,S]=(0,i.useState)({items:[],page:1,filter:{},length:10,pageTotal:0,recordTotal:0}),C=(0,i.useRef)(!1);(0,i.useEffect)(()=>{C.current||(C.current=!0,w())},[]);let w=async e=>{try{let n=a.filter||{},r=e??x.filter??{},i=await t.n(a.apiGetData,{...r,...n},`GET`),o=i?i.data:x;o.filter||={...r,...n},S({...o,filter:o.filter??{...r,...n}})}catch(e){console.log(e)}},T=e=>{if(!g.current)return;let t=s.Modal.getOrCreateInstance(g?.current,{backdrop:`static`,keyboard:!1});y(e),t.show()},E=async e=>{try{e.preventDefault();let t=await r.s(e,x?.filter||{},a?.cUri,_);S({...x,filter:t}),await w(t)}catch(e){console.log(e)}},D=async e=>{e.preventDefault();let t=await r.l(e,x?.filter||{});S({...x,filter:t})},O=async e=>{e.preventDefault(),await w()},k=async(e,n)=>{try{g?.current&&t.x(g?.current,!0),e={...e,...a.formData};let r=e.id,i=r?a.apiEdit+`/`+r:a.apiCreate,o=await t.n(i,e,`POST`);r?t.b(`Cập nhật thành công`,`top-end`,!0):t.b(`Thêm mới thành công`,`top-end`,!0),o?.data?.id&&(await w(),document.activeElement?.blur(),n.hide())}catch(e){t.y(e.message)}finally{g?.current&&t.x(g?.current,!1)}},A=async e=>{try{if(!(await t.v()).isConfirmed)return;await t.n(`${a.apiDelete}/${e}`,{},`DELETE`),t.b(`Xoá thành công!`,`top-end`,!0),await w()}catch(e){t.y(e.message)}},j=[],M=u.numOfLast-1;j.push({label:`STT`,width:50,tdClassName:`text-center px-0`});for(let e of u.tbfield){let t=n.tbFields(e);j.push({label:n.fieldName(e),width:t?.width||150,tdClassName:t?.tdClassName||`text-start`})}(p?.isDelOne||p?.isEdit)&&(M+=1,j.push({label:`Thao tác`,width:100,align:`center`,thClassName:`p-0`,tdClassName:`text-center`}));let N=x?.items?.length?x?.items.map((e,r)=>{let i={};i.stt=r+1;for(let r of u.tbfield){let a=n.tbFields(r);switch(a.type){case`number`:i[r]=e[r]?.toLocaleString(`vi-VN`);break;case`selecthtml`:{let t=a?.func;i[r]=t?(0,o.jsx)(`span`,{dangerouslySetInnerHTML:{__html:t(e[r],!0)}}):(0,o.jsx)(`span`,{children:e[r]});break}case`select`:{let t=a?.func;i[r]=t?t(e[r],!0):e[r];break}case`date`:i[r]=t.s(e[r]);break;default:i[r]=e[r]}}return(p?.isDelOne||p?.isEdit)&&(i.action=(0,o.jsxs)(`div`,{className:`btn-group`,children:[(0,o.jsx)(`button`,{title:`Chỉnh sửa`,type:`button`,onClick:()=>T(e.id),className:`btn btn-sm btn-icon btn-info`,children:(0,o.jsx)(`i`,{className:`material-icons text-white position-relative text-lg`,children:`drive_file_rename_outline`})}),(0,o.jsx)(`button`,{title:`Xóa`,type:`button`,onClick:()=>A(e.id),className:`btn btn-sm btn-icon btn-danger`,children:(0,o.jsx)(`i`,{className:`material-icons text-white position-relative text-lg`,children:`delete`})})]})),i}):[];return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(`div`,{className:`card mb-20`,children:[(0,o.jsxs)(`div`,{className:`card-header flex-auto col-auto d-flex align-items-center`,children:[(0,o.jsx)(`h3`,{className:`card-title`,children:u.title}),p?.isCre&&(0,o.jsx)(`button`,{type:`button`,title:`Thêm mới`,className:`btn btn-success btn-sm btn-icon ms-auto`,onClick:()=>T(0),children:(0,o.jsx)(`i`,{className:`material-icons text-white position-relative text-lg`,children:`add`})})]}),(0,o.jsx)(`hr`,{className:`m-0`}),(0,o.jsxs)(`div`,{className:`card-body`,children:[(0,o.jsx)(b,{ftfield:u.ftfield,service:n,options:l,filter:x?.filter||{},handleChange:D,handleSearchForm:O}),(0,o.jsx)(f,{header:j,data:N,numOfFirst:u.numOfFirst,numOfLast:M,columnWidth:u.columnWidth}),x.items.length?(0,o.jsx)(r.u,{data:x,onChange:D,onClickPage:E}):``]})]}),(0,o.jsx)(d,{title:`Thêm mới`,modalRef:g,frmBody:e,clsWidth:m,onSubmit:k,btnTxt:h,itemId:v,setItemId:y,apiGetDetail:a.apiGetDetail})]})},S=({id:e,title:t=`Hình ảnh`,clsWidth:n=`xl`,elId:r})=>(0,o.jsx)(o.Fragment,{children:(0,o.jsx)(`div`,{id:e,className:`modal fade p-0 mx-auto`,"data-bs-backdrop":`static`,"data-bs-keyboard":`false`,children:(0,o.jsx)(`div`,{className:`modal-dialog modal-dialog-scrollable modal-${n}`,children:(0,o.jsxs)(`div`,{className:`modal-content`,children:[(0,o.jsxs)(`div`,{className:`modal-header py-3`,children:[(0,o.jsx)(`h5`,{className:`modal-title`,children:t}),(0,o.jsx)(`button`,{type:`button`,className:`btn-close btn-md-close`,children:(0,o.jsx)(`span`,{"aria-hidden":`true`,children:(0,o.jsx)(`i`,{className:`fal fa-times`,style:{fontSize:`1rem`}})})})]}),(0,o.jsx)(`div`,{className:`modal-body rounded-bottom pb-0`,children:(0,o.jsx)(`div`,{id:r,style:{height:`500px`}})})]})})})}),C=({config:e})=>(0,o.jsx)(o.Fragment,{children:(0,o.jsxs)(l.Helmet,{children:[(0,o.jsx)(`title`,{children:e?.name}),(0,o.jsx)(`link`,{rel:`shortcut icon`,href:t.f(e?.favicon||`/styles/favicon.ico`),type:`image/x-icon`}),(0,o.jsx)(`link`,{rel:`canonical`,href:`/`}),(0,o.jsx)(`link`,{rel:`apple-touch-icon`,href:t.f(e?.logotext||`/styles/logotext.png`)}),(0,o.jsx)(`link`,{rel:`stylesheet`,type:`text/css`,href:`https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900|Roboto+Slab:400,700`})]})});function w({tabs:e,onChange:t}){let n=(0,i.useRef)(null),r=(0,i.useRef)(null),a=(0,i.useRef)([]),[s,c]=(0,i.useState)(e[0]?.key),l=e=>{let t=r.current,i=a.current[e],o=n.current;if(!t||!i||!o)return;let s=o.getBoundingClientRect(),c=i.getBoundingClientRect(),l=c.left-s.left;t.style.width=`${c.width}px`,t.style.transform=`translate3d(${l}px, 0, 0)`};(0,i.useLayoutEffect)(()=>{if(!e.length)return;let t=e.findIndex(e=>e.key===s),n=t===-1?0:t;c(e[n].key),l(n)},[e]),(0,i.useLayoutEffect)(()=>{let t=e.findIndex(e=>e.key===s);t!==-1&&l(t)},[s]),(0,i.useEffect)(()=>{if(!n.current)return;let t=()=>{let t=e.findIndex(e=>e.key===s);t!==-1&&l(t)};window.addEventListener(`resize`,t);let r=new ResizeObserver(t);return r.observe(n.current),()=>{window.removeEventListener(`resize`,t),r.disconnect()}},[s,e]);let u=e=>{c(e),t?.(e)};return(0,o.jsx)(`div`,{className:`nav-wrapper position-relative`,children:(0,o.jsxs)(`ul`,{ref:n,className:`nav nav-pills nav-fill p-1 position-relative`,children:[(0,o.jsx)(`div`,{ref:r,className:`moving-tab position-absolute nav-link`,style:{padding:0,top:`0.25rem`,left:0,pointerEvents:`none`,transition:`transform 0.5s ease, width 0.5s ease`,willChange:`transform, width`,zIndex:1},children:(0,o.jsx)(`div`,{className:`nav-link mb-0 px-0 py-2 cursor-pointer active`,children:e.find(e=>e.key===s)?.label})}),e.map((e,t)=>(0,o.jsx)(`li`,{ref:e=>{e&&(a.current[t]=e)},className:`nav-item`,children:(0,o.jsx)(`div`,{className:`nav-link cursor-pointer align-middle ${s===e.key?`active`:``}`,onClick:()=>u(e.key),style:{position:`relative`,zIndex:2},children:(0,o.jsxs)(`div`,{className:`d-flex align-items-center justify-content-center`,children:[e.icon&&(0,o.jsx)(`i`,{className:`material-icons text-md position-relative line-height-1 me-1`,style:{top:0},children:e.icon}),e.label]})})},e.key))]})})}function T({src:e,title:t=`PDF Viewer`,fullWidth:n=!0,fullHeight:r=!0,className:i=``,style:a={}}){let s={width:n?`100%`:`auto`,height:r?`100vh`:`600px`,border:`none`,...a};return(0,o.jsx)(`div`,{className:`w-full h-full ${i}`,style:{position:`relative`},children:(0,o.jsx)(`iframe`,{src:e,title:t,style:s,allow:`fullscreen`})})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return T}});