@materialui-reactjs/admin 2.0.0 → 2.0.1

package/dist/ckeditor/plugins/pdffinder.d.ts

@@ -0,0 +1,18 @@
+import { ClassicEditor, Plugin } from 'ckeditor5';
+/**
+ * Nút toolbar `pdffinder` — chèn PDF viewer vào nội dung.
+ *
+ * `config.pdffinder` (do `Editor.tsx` cấp) trả về file đã chọn. Chỉ khi
+ * `mime` là PDF mới chèn, và người dùng được hỏi tiêu đề trước khi nhúng.
+ */
+export default class PdfFinder extends Plugin {
+    init(): void;
+    /**
+     * Nhúng PDF vào editor dưới dạng thẻ `<oembed>`.
+     *
+     * Đi qua đúng pipeline data của CKEditor (`toView` -> `toModel`) thay vì
+     * gán `innerHTML`: như vậy nội dung đi qua upcast converter + schema, và
+     * `GeneralHtmlSupport` giữ lại đúng những gì đã cấu hình `allow`.
+     */
+    insertPdf(editor: ClassicEditor, url: string, title: string): void;
+}

package/dist/ckeditor/types.d.ts

@@ -0,0 +1,37 @@
+import { ClassicEditor, EditorConfig } from 'ckeditor5';
+/**
+ * Kiểu dữ liệu 1 file mà elFinder trả về.
+ *
+ * Chỉ `url` là bắt buộc — `name` và `mime` tuỳ chọn vì connector có thể
+ * không trả về đủ field (xem `Editor.tsx`).
+ */
+export interface ElFinderFile {
+    url: string;
+    name?: string;
+    mime?: string;
+}
+/**
+ * Callback cho nút `elfinder` của toolbar.
+ *
+ * Plugin không tự mở file manager — nó chỉ gọi hàm này (do `Editor.tsx` cấp)
+ * để phía ứng dụng quyết định UI/luồng chọn ảnh.
+ */
+export type ElFinderOpener = (editor: ClassicEditor) => Promise<void> | void;
+/**
+ * Callback cho nút `pdffinder` của toolbar.
+ *
+ * Phải trả về file đã chọn; `PdfFinder` chỉ chèn khi `mime` là PDF.
+ * Trả `null`/`undefined` (hoặc người dùng huỷ) thì không chèn gì.
+ */
+export type PdfFinderOpener = (editor: ClassicEditor) => Promise<ElFinderFile | null | undefined> | ElFinderFile | null | undefined;
+/**
+ * Cấu hình editor của thư viện: `EditorConfig` chuẩn của CKEditor 5 cộng
+ * thêm 2 callback do `Editor.tsx` truyền vào.
+ *
+ * Dùng `extends` (không phải `Omit`) để CKEditor vẫn tự merge `toolbar`,
+ * `image`, `htmlSupport`... từ `defaultConfig` như bình thường.
+ */
+export interface M4DEditorConfig extends EditorConfig {
+    elfinder?: ElFinderOpener;
+    pdffinder?: PdfFinderOpener;
+}

package/dist/{common-DVWX6AUQ.js → common-CEZp8xpQ.js}

@@ -1,12 +1,23 @@
 //#region src/hook/common.ts
-function e(e) {
+var e = (e, t, n) => ({
+	target: n === void 0 ? {
+		name: e,
+		value: t
+	} : {
+		name: e,
+		value: t,
+		type: n
+	},
+	preventDefault: () => {}
+});
+function t(e) {
 	if (!e) return;
 	let t = e.id;
 	if (t == null || t === "") return;
 	let n = Number(t);
 	return Number.isNaN(n) ? void 0 : n;
 }
-var t = (e) => {
+var n = (e) => {
 	e.preventDefault();
 	let { name: t, type: n, value: r } = e.target;
 	if (n === "file") {
@@ -16,4 +27,4 @@ var t = (e) => {
 	return { [t]: r };
 };
 //#endregion
-export { t as n, e as t };
+export { t as n, n as r, e as t };

package/dist/common-ivDX6gGq.cjs

@@ -0,0 +1 @@
+var e=(e,t,n)=>({target:n===void 0?{name:e,value:t}:{name:e,value:t,type:n},preventDefault:()=>{}});function t(e){if(!e)return;let t=e.id;if(t==null||t===``)return;let n=Number(t);return Number.isNaN(n)?void 0:n}var n=e=>{e.preventDefault();let{name:t,type:n,value:r}=e.target;if(n===`file`){let n=e.target.files;return{[t]:n?.[0]??null}}return{[t]:r}};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});

package/dist/components/echarts/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../echarts-Dla22xas.cjs");exports.BarChart=e.a,exports.LineChart=e.i,exports.MultiBarChart=e.r,exports.MultiLineChart=e.n,exports.PieChart=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../echarts-Bi3uwLbg.cjs");exports.BarChart=e.a,exports.LineChart=e.i,exports.MultiBarChart=e.r,exports.MultiLineChart=e.n,exports.PieChart=e.t;

package/dist/components/echarts/index.js

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

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

@@ -1,3 +1,4 @@
+import { FormChangeHandler } from '../../hook/common';
 interface UImageProps {
     label: string;
     name: string;
@@ -9,7 +10,7 @@ interface UImageProps {
     readonly?: boolean;
     ext: string;
     df?: string;
-    onChange?: (e: any) => void;
+    onChange?: FormChangeHandler;
 }
 export declare const AsxhUImages: React.FC<UImageProps>;
 export {};

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

@@ -1,3 +1,4 @@
+import { FormScalar } from '../../hook/common';
 type FieldType = "text" | "textarea" | "select" | "selectMulti" | "image" | "editor";
 export interface Option {
     name: string;
@@ -5,7 +6,7 @@ export interface Option {
     type: FieldType;
     options?: {
         label: string;
-        value: any;
+        value: FormScalar;
     }[];
     keyValue?: string;
     keyName?: string;

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

@@ -1,3 +1,16 @@
+import { CrudItem, FormScalar } from '../../hook/common';
+/**
+ * Handler mà các control trong file này nhận.
+ *
+ * `Text`/`Textarea` vẫn khai báo `ChangeEvent<HTMLInputElement>`/`Textarea` cụ thể
+ * vì chúng gắn vào control thật; alias ở đây chỉ để đỡ lặp.
+ *
+ * `handleChange`/`handleNumChange` nhận `T` là generic và truyền thẳng event ra
+ * cho `onChange`, nên không cần union thủ công. `onChange` cho phép `undefined`
+ * vì prop ở các control là optional — trước đây kiểu `any` che mất điều này.
+ */
+type InputChangeHandler = (e: React.ChangeEvent<HTMLInputElement>) => void;
+type TextareaChangeHandler = (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
 interface TextProps {
     label: string;
     name: string;
@@ -9,7 +22,7 @@ interface TextProps {
     required?: boolean;
     disabled?: boolean;
     readonly?: boolean;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: InputChangeHandler;
 }
 export declare const Text: React.FC<TextProps>;
 interface EmailProps {
@@ -34,7 +47,7 @@ interface TextareaProps {
     disabled?: boolean;
     readonly?: boolean;
     rows?: number;
-    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onChange?: TextareaChangeHandler;
 }
 export declare const Textarea: React.FC<TextareaProps>;
 interface NumberProps {
@@ -77,7 +90,7 @@ interface PhoneVnProps {
 export declare const PhoneVn: React.FC<PhoneVnProps>;
 interface RatioKeyValProps {
     label: string;
-    lists: any;
+    lists?: Array<CrudItem | FormScalar>;
     name: string;
     value?: string | number;
     cpnClass?: string;
@@ -88,8 +101,8 @@ export declare const RatioKeyVal: React.FC<RatioKeyValProps>;
 interface CheckBoxProps {
     label: string;
     name: string;
-    value?: any[];
-    lists: any[];
+    value?: FormScalar[];
+    lists: CrudItem[];
     col: string;
     keyValue?: string;
     keyName?: string;
@@ -99,7 +112,7 @@ interface CheckBoxProps {
     required?: boolean;
     disabled?: boolean;
     readonly?: boolean;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: InputChangeHandler;
 }
 export declare const CheckBox: React.FC<CheckBoxProps>;
 export {};

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

@@ -1,3 +1,4 @@
+import { FormChangeHandler } from '../../hook/common';
 interface EditorProps {
     label: string;
     name: string;
@@ -6,7 +7,7 @@ interface EditorProps {
     required?: boolean;
     disabled?: boolean;
     readonly?: boolean;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: FormChangeHandler;
 }
 export declare const Editor: React.FC<EditorProps>;
 export {};

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

@@ -1,3 +1,4 @@
+import { FormChangeHandler } from '../../hook/common';
 interface EfImageProps {
     label: string;
     name: string;
@@ -9,7 +10,7 @@ interface EfImageProps {
     readonly?: boolean;
     ext: string;
     df?: string;
-    onChange?: (e: any) => void;
+    onChange?: FormChangeHandler;
 }
 export declare const EfImage: React.FC<EfImageProps>;
 export {};

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

@@ -1,3 +1,4 @@
+import { FormChangeHandler } from '../../hook/common';
 interface EfImagesProps {
     label: string;
     name: string;
@@ -8,7 +9,7 @@ interface EfImagesProps {
     disabled?: boolean;
     readonly?: boolean;
     ext: string;
-    onChange?: (e: any) => void;
+    onChange?: FormChangeHandler;
 }
 export declare const EfImages: React.FC<EfImagesProps>;
 export {};

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

@@ -1,3 +1,4 @@
+import { FormChangeHandler } from '../../hook/common';
 interface PImageProps {
     label: string;
     name: string;
@@ -9,7 +10,7 @@ interface PImageProps {
     readonly?: boolean;
     ext: string;
     df?: string;
-    onChange?: (e: any) => void;
+    onChange?: FormChangeHandler;
 }
 export declare const PImage: React.FC<PImageProps>;
 export {};

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

@@ -1,16 +1,25 @@
+import { CrudItem } from '../../hook/common';
+/**
+ * Kiểu callback render dòng (truyền vào `rendeRowData`).
+ *
+ * `detail` là bản ghi động do API trả về, chỉ chắc chắn có key `itemName` —
+ * nên là `CrudItem` thay vì `any`. `handleEditRow` có sẵn ở component, truyền
+ * vào để consumer tự dùng khi muốn sửa giá trị một field của dòng đó.
+ */
+type RenderRowData = (detail: CrudItem, index: number, handleEditRow: (e: React.ChangeEvent<HTMLInputElement>, row: number) => void) => React.ReactNode;
 interface SelectProps {
     itemLabel: string;
     itemName: string;
     selectName?: string;
-    lists: any[];
+    lists?: CrudItem[];
     clsWidth?: string;
     btnTxt?: string;
-    rendeRowData?: any;
-    detailRow?: any;
+    rendeRowData?: RenderRowData;
+    detailRow?: CrudItem[];
     isEdit?: boolean;
     keyValue?: string;
     keyName?: string;
-    onSubmit?: (data: any, frmRef: any) => void;
+    onSubmit?: (data: CrudItem[], frmRef: HTMLFormElement | null) => void;
 }
 export declare const SelectAddRowBoxAdvanced: React.FC<SelectProps>;
 export {};

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

@@ -1,32 +1,45 @@
+import { CSSProperties } from 'react';
+import { CrudItem, FormChangeHandler, FormScalar } from '../../hook/common';
+/**
+ * Một option của react-select.
+ *
+ * `value` là giá trị sẽ đưa vào `FormValue` nên bị chặn ở mức `FormScalar` — nếu
+ * để `any` thì `value: {a: 1}` lọt vào form data mà không ai bắt được. `label`
+ * là thứ hiển thị nên cho phép `ReactNode`.
+ */
+export interface OptionType {
+    value: FormScalar;
+    label: string | number | React.ReactNode;
+}
 interface SelectProps {
     label: string;
     name: string;
-    lists: any[];
+    lists?: CrudItem[];
     keyValue?: string;
     keyName?: string;
-    value?: string | number | any;
+    value?: FormScalar;
     cpnClass?: string;
     required?: boolean;
     disabled?: boolean;
     all?: boolean;
     zero?: boolean;
-    style?: any;
-    onChange?: (e: any) => void;
+    style?: CSSProperties;
+    onChange?: FormChangeHandler;
 }
 export declare const SelectBox: React.FC<SelectProps>;
 interface SelectMProps {
     label: string;
     name: string;
-    lists: any[];
+    lists?: CrudItem[];
     keyValue?: string;
     keyName?: string;
-    value?: any[];
+    value?: FormScalar[];
     cpnClass?: string;
     required?: boolean;
     disabled?: boolean;
     all?: boolean;
     zero?: boolean;
-    onChange?: (e: any) => void;
+    onChange?: FormChangeHandler;
 }
 export declare const SelectMBox: React.FC<SelectMProps>;
 export {};

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

@@ -1,3 +1,4 @@
+import { FormChangeHandler } from '../../hook/common';
 interface UFileProps {
     label: string;
     name: string;
@@ -7,7 +8,7 @@ interface UFileProps {
     disabled?: boolean;
     readonly?: boolean;
     ext: string;
-    onChange: (e: any) => void;
+    onChange: FormChangeHandler;
 }
 export declare const UDragFile: React.FC<UFileProps>;
 export {};

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

@@ -1,3 +1,4 @@
+import { FormChangeHandler } from '../../hook/common';
 interface UFileProps {
     label: string;
     name: string;
@@ -9,7 +10,7 @@ interface UFileProps {
     readonly?: boolean;
     ext?: string;
     df?: string;
-    onChange?: (e: any) => void;
+    onChange?: FormChangeHandler;
 }
 export declare const UFile: React.FC<UFileProps>;
 export {};

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

@@ -1,3 +1,4 @@
+import { FormChangeHandler, FormValue } from '../../hook/common';
 interface UFileProps {
     label: string;
     name: string;
@@ -9,8 +10,14 @@ interface UFileProps {
     readonly?: boolean;
     ext: string;
     df?: string;
-    onChange?: (e: any) => void;
+    onChange?: FormChangeHandler;
 }
 export declare const UFiles: React.FC<UFileProps>;
-export declare const validateRequiredFiles: (formValue: any, fieldName: string, fieldLabel: string) => boolean;
+/**
+ * Kiểm tra field "file" bắt buộc trước khi submit.
+ *
+ * Đọc `FormValue` thay vì `any`: giá trị của `fieldName` và `${fieldName}_upload`
+ * đều có thể vắng mặt trong payload, nên phải xử lý cả trường hợp thiếu.
+ */
+export declare const validateRequiredFiles: (formValue: FormValue, fieldName: string, fieldLabel: string) => boolean;
 export {};

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

@@ -1,3 +1,4 @@
+import { FormChangeHandler } from '../../hook/common';
 interface UImageProps {
     label: string;
     name: string;
@@ -9,7 +10,7 @@ interface UImageProps {
     readonly?: boolean;
     ext: string;
     df?: string;
-    onChange?: (e: any) => void;
+    onChange?: FormChangeHandler;
 }
 export declare const UImages: React.FC<UImageProps>;
 export {};

package/dist/components/form/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../form-DUL_O4IY.cjs"),t=require("../../UDragFile-oJ05zNLR.cjs");exports.AdvancedMultiSelect=e.D,exports.AsxhUImages=e.E,exports.BoxAddRow=e.p,exports.CheckBox=e.v,exports.CheckTreeBox=e.f,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.Email=e.y,exports.NumberText=e.b,exports.PImage=e.s,exports.Password=e.x,exports.PhoneVn=e.S,exports.RatioKeyVal=e.C,exports.SelectAddRowBox=e.o,exports.SelectAddRowBoxAdvanced=e.a,exports.SelectBox=e.g,exports.SelectMBox=e._,exports.Text=e.w,exports.Textarea=e.T,exports.UDragFile=t.t,exports.UFile=e.i,exports.UFiles=e.n,exports.UImages=e.t,exports.validateRequiredFiles=e.r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../form-sgtop6li.cjs"),t=require("../../UDragFile-Db0sK4M7.cjs");exports.AdvancedMultiSelect=e.D,exports.AsxhUImages=e.E,exports.BoxAddRow=e.p,exports.CheckBox=e.v,exports.CheckTreeBox=e.f,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.Email=e.y,exports.NumberText=e.b,exports.PImage=e.s,exports.Password=e.x,exports.PhoneVn=e.S,exports.RatioKeyVal=e.C,exports.SelectAddRowBox=e.o,exports.SelectAddRowBoxAdvanced=e.a,exports.SelectBox=e.g,exports.SelectMBox=e._,exports.Text=e.w,exports.Textarea=e.T,exports.UDragFile=t.t,exports.UFile=e.i,exports.UFiles=e.n,exports.UImages=e.t,exports.validateRequiredFiles=e.r;

package/dist/components/form/index.js

@@ -1,3 +1,3 @@
-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 "../../UDragFile-BqGt1-gK.js";
+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-heyswTRq.js";
+import { t as D } from "../../UDragFile-D8wOZ1Ut.js";
 export { t as AdvancedMultiSelect, n as AsxhUImages, v as BoxAddRow, C as CheckBox, u as CheckTreeBox, l as DateInput, S as DateTimeInput, h as Editor, m as EfFile, f as EfImage, c as EfImages, E as Email, s as NumberText, b as PImage, T as Password, r as PhoneVn, e as RatioKeyVal, _ as SelectAddRowBox, o as SelectAddRowBoxAdvanced, d as SelectBox, a as SelectMBox, w as Text, i as Textarea, D as UDragFile, p as UFile, g as UFiles, x as UImages, y as validateRequiredFiles };

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

@@ -1,8 +1,10 @@
 import { TableFormBody, TableOptions, TableService } from './CardTable.types';
+import { FormValue } from '../../hook/common';
+import { TableFilter } from '../../hook/index';
 export interface ApiOptionType {
     cUri: string;
-    filter?: any;
-    formData?: any;
+    filter?: TableFilter;
+    formData?: Partial<FormValue>;
     apiGetData: string;
     apiGetDetail: string;
     apiCreate: string;

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

@@ -1,3 +1,4 @@
+import { CrudItem } from '../../hook/common';
 /**
  * Kiểu cột mà `service.tbFields()` trả về cho từng field của bảng.
  */
@@ -9,16 +10,21 @@ export interface TableColumnConfig {
     tdClassName?: string;
     thClassName?: string;
     /**
-     * Hàm chuyển đổi giá trị thô của API thành nội dung hiển thị.
-     * Tham số thứ hai `raw` = true nghĩa là đang dựng nội dung cho `dangerouslySetInnerHTML`.
-     */
-    func?: (value: any, raw?: boolean) => any;
+ * 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<Record<string, any>>;
+    option?: string | Array<CrudItem>;
     /** Tên trường dùng làm nhãn/giá trị hiển thị. */
     keyName?: string;
 }

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 {};

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/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,11 +1,12 @@
 import { TableFilter } from '../../hook/index';
+import { FormChangeHandler } from '../../hook/common';
 import { TableOptions, TableService } from './CardTable.types';
 export interface SearchBoxProps {
     ftfield: string[];
     service: TableService;
     options: TableOptions;
     filter: TableFilter;
-    handleChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => void;
+    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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../SortableItem-C3KzO8Xh.cjs"),t=require("../../meta-CXHXSPbq.cjs"),n=require("../../HeaderUpdate-DIwc8EAA.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;
+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.js

@@ -1,4 +1,4 @@
 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-Dhll5zt9.js";
-import { a as u, d, i as f, n as p, r as m, t as h, u as g } from "../../HeaderUpdate-UXncZcAD.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/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../sidebar-G5Ody16K.cjs");exports.Sidebar=e.t;
+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 "../../sidebar-CVORMKBY.js";
+import { t as e } from "../../sidebar-CzRmfvhi.js";
 export { e as Sidebar };

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;
@@ -32,7 +33,7 @@ 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.
@@ -45,8 +46,18 @@ export declare class SingleIndex extends React.Component<PropsType, StateType> {
      * 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;
@@ -33,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;
 }