@materialui-reactjs/admin 1.0.4 → 1.0.5

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

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

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

@@ -7,7 +7,7 @@ interface UFileProps {
     required?: boolean;
     disabled?: boolean;
     readonly?: boolean;
-    ext: string;
+    ext?: string;
     df?: string;
     onChange?: ((e: any) => void);
 }

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

@@ -12,4 +12,5 @@ interface UFileProps {
     onChange?: ((e: any) => void);
 }
 export declare const UFiles: React.FC<UFileProps>;
+export declare const validateRequiredFiles: (formValue: any, fieldName: string, fieldLabel: string) => boolean;
 export {};

package/dist/components/form/index.js

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

@@ -14,6 +14,7 @@ export declare class SingleDetail extends React.Component<PropsType, StateType>
     ctype: string;
     fluid: boolean;
     isBackUri: boolean;
+    debug: boolean;
     renderForm: () => React.JSX.Element;
     syncPermissionsAndState: () => Promise<void>;
     initDidMount(): Promise<void>;

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

@@ -17,6 +17,7 @@ export declare class SingleFields extends React.Component<PropsType, StateType>
     ctype: string;
     fluid: boolean;
     isBackUri: boolean;
+    debug: boolean;
     renderForm: () => React.JSX.Element;
     renderAfterForm: () => React.JSX.Element;
     handleChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => Promise<void>;

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

@@ -17,10 +17,11 @@ export declare class SingleUpdate extends React.Component<PropsType, StateType>
     formRef: React.RefObject<HTMLFormElement | null>;
     fluid: boolean;
     isBackUri: boolean;
+    debug: boolean;
     constructor(props: PropsType);
     renderForm: () => React.JSX.Element;
     renderAfterForm: () => React.JSX.Element;
-    handleChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => Promise<void>;
+    handleChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => void;
     syncPermissionsAndState: () => Promise<void>;
     initDidMount(): Promise<void>;
     componentDidMount: () => void;

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-DyPwG6ZR.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../../chunks/single-DfnwtW2f.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/hook/detail.d.ts

@@ -11,4 +11,8 @@ export interface StateType {
     isDetail: boolean | undefined;
     [key: string]: any;
 }
-export declare const handleHookChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>, formValue: any) => any;
+export declare const handleHookChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => {
+    [name]: File | null;
+} | {
+    [name]: string;
+};

package/dist/hook/detail.js

@@ -1,12 +1,12 @@
 //#region src/hook/detail.ts
-var e = (e, t) => {
+var e = (e) => {
 	e.preventDefault();
-	let { name: n, type: r, value: i } = e.target;
-	if (r === "file") {
-		let r = e.target.files;
-		t[n] = r ? r[0] : null;
-	} else t[n] = i;
-	return t;
+	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
 export { e as handleHookChange };

package/dist/hook/fields.d.ts

@@ -11,4 +11,8 @@ export interface StateType {
     isDetail: boolean;
     [key: string]: any;
 }
-export declare const handleHookChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>, formValue: any) => any;
+export declare const handleHookChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => {
+    [name]: File | null;
+} | {
+    [name]: string;
+};

package/dist/hook/fields.js

@@ -1,12 +1,12 @@
 //#region src/hook/fields.ts
-var e = (e, t) => {
+var e = (e) => {
 	e.preventDefault();
-	let { name: n, type: r, value: i } = e.target;
-	if (r === "file") {
-		let r = e.target.files;
-		t[n] = r ? r[0] : null;
-	} else t[n] = i;
-	return t;
+	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
 export { e as handleHookChange };

package/dist/hook/index.d.ts

@@ -56,6 +56,6 @@ export declare const handleHookClickPage: (e: React.MouseEvent<HTMLAnchorElement
 export declare const handleHookSeachForm: (params: Record<string, any>, cUri: string, navigate: NavigateFunction) => Promise<{
     page: number;
 }>;
-export declare const handleHookChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>, params: Record<string, any>) => Promise<{
+export declare const handleParamChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>, params: Record<string, any>) => Promise<{
     [x: string]: any;
 }>;

package/dist/hook/index.js

@@ -38,4 +38,4 @@ var n = (e) => {
 	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, s as handleHookChange, a as handleHookClickPage, o as handleHookSeachForm };
+export { n as convertQueryToSort, r as convertSortToQuery, i as fetchHookData, a as handleHookClickPage, o as handleHookSeachForm, s as handleParamChange };

package/dist/hook/update.d.ts

@@ -16,9 +16,18 @@ export interface StateType {
     isDetail?: boolean;
     [key: string]: any;
 }
-export declare const handleHookChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>, formValue: Record<string, any>) => Promise<Record<string, any>>;
-export declare const handleObjChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>, data: Record<string, any>) => {
+export declare const handleHookChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => {
+    [name]: File | null;
+} | {
+    [name]: string | Record<string, any>;
+};
+export declare const handleObjChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => {
+    name: string;
+    type: string;
+    value: string;
+} | {
     name: string;
     type: string;
-    value: any;
+    value: Record<string, any>;
 };
+export declare const deepMerge: (target: Record<string, any>, source: Record<string, any>) => Record<string, any>;

package/dist/hook/update.js

@@ -1,29 +1,32 @@
 //#region src/hook/update.ts
-var e = async (e, n) => {
+var e = (e) => {
 	e.preventDefault();
-	let { name: r, type: i, value: a } = t(e, n);
-	if (i === "file") {
+	let { name: n, type: r, value: i } = t(e);
+	if (r === "file") {
 		let t = e.target.files;
-		n[r] = t ? t[0] : null;
-	} else n[r] = a;
-	return n;
-}, t = (e, t) => {
-	let { name: n, type: r, value: i } = e.target, a = n.split(/[\{\}]+/).filter(Boolean), o = a.shift();
-	if (!o || a.length === 0) return {
-		name: n,
-		type: r,
-		value: i
-	};
-	let s = JSON.parse(JSON.stringify(t?.[o] || {})), c = s;
-	for (let e = 0; e < a.length - 1; e++) {
-		let t = a[e];
-		c[t] = { ...c[t] || {} }, c = c[t];
+		return { [n]: t ? t[0] : null };
 	}
-	return c[a[a.length - 1]] = i, {
-		name: o,
-		type: r,
-		value: s
+	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;
 };
 //#endregion
-export { e as handleHookChange, t as handleObjChange };
+export { n as deepMerge, e as handleHookChange, t as handleObjChange };

package/dist/index.js

@@ -1,11 +1,11 @@
-import { C as e, E as t, S as n, T as r, _ as i, a, b as o, c as s, d as c, f as l, g as u, h as d, i as f, l as p, m, n as h, o as g, p as _, r as v, s as y, t as b, u as x, v as S, w as C, x as w, y as T } from "./chunks/form-C8gzkYMW.js";
-import { t as E } from "./chunks/SortableItem-B4-Zsso3.js";
-import { t as D } from "./chunks/UDragFile-CAiSfTsp.js";
-import { a as O, i as k, n as A, r as j, t as M } from "./chunks/echarts-CRmndsxC.js";
-import { t as N } from "./chunks/SpinnerLoader-h8RDIarB.js";
-import { a as P, c as F, i as I, l as L, n as R, o as z, r as B, s as V, t as H } from "./chunks/meta-k8MmuQjS.js";
-import { a as U, d as W, i as G, n as K, r as q, t as J, u as Y } from "./chunks/HeaderUpdate-lrSYWsKp.js";
-import { t as X } from "./chunks/sidebar-Dj4Xr9du.js";
-import { a as Z, i as Q, n as $, o as ee, r as te, s as ne, t as re } from "./chunks/single-DyPwG6ZR.js";
-import { t as ie } from "./chunks/top-navbar-FBw88y_o.js";
-export { t as AdvancedMultiSelect, r as AsxhUImages, O as BarChart, l as BoxAddRow, L as BtnGroup, P as CardTable, i as CheckBox, c as CheckTreeBox, W as CusTooltip, x as DateInput, p as DateTimeInput, _ as Editor, s as EfFile, m as EfImage, y as EfImages, I as ElfinderModal, S as Email, U as Error403, G as Error404, B as Head, q as HeaderDetail, K as HeaderIndex, J as HeaderUpdate, k as LineChart, F as ModalForm, j as MultiBarChart, A as MultiLineChart, R as NavTabs, T as NumberText, H as PDFEmbed, g as PImage, Y as Pagination, o as Password, w as PhoneVn, M as PieChart, n as RatioKeyVal, V as ScrollTable, z as SearchBox, a as SelectAddRowBox, f as SelectAddRowBoxAdvanced, d as SelectBox, u as SelectMBox, X as Sidebar, ne as SingleDetail, ee as SingleFields, Z as SingleImport, Q as SingleIndex, te as SingleUpdate, $ as SingleUpdateDetail, re as SingleUpdateTableDetail, E as SortableItem, N as SpinnerLoader, e as Text, C as Textarea, ie as TopNavbar, D as UDragFile, v as UFile, h as UFiles, b as UImages };
+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-DirVyglJ.js";
+import { t as D } from "./chunks/SortableItem-B4-Zsso3.js";
+import { t as O } from "./chunks/UDragFile-CAiSfTsp.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-BkJxF49g.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-CYN7fndV.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-DfnwtW2f.js";
+import { t as ae } from "./chunks/top-navbar-FBw88y_o.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 };

package/dist/utils/index.js

@@ -623,14 +623,14 @@ var de = (e) => {
 	};
 	showErrors = (e) => {
 		this.options.html;
-		let t = e.data("bs.validator.errors"), n = e.closest(".form-group, .boxUFile"), r = n.find(".form-control-feedback");
+		let t = e.data("bs.validator.errors"), n = e.closest(".form-group"), r = n.find(".form-control-feedback");
 		t.length && (t = $("<ul/>").addClass("list-unstyled").append($.map(t, (e) => {
 			let t = $("<li/>");
 			return this.options.html ? t.html(e) : t.text(e);
 		})), n.addClass("has-error has-danger"), n.find(".invalid-tooltip, .invalid-feedback").remove(), n.find(".select2,.form-control").removeClass("is-valid").addClass("is-invalid"), n.append(`<div class="invalid-feedback"><ul class="list-unstyled">${t.html()}<ul/></div>`), n.removeClass("has-success"), n.hasClass("has-feedback"), r.removeClass(this.options.feedback?.success), r.addClass(this.options.feedback?.error));
 	};
 	clearErrors = (e) => {
-		let t = e.closest(".form-group, .boxUFile"), n = t.find(".form-control-feedback");
+		let t = e.closest(".form-group"), n = t.find(".form-control-feedback");
 		t.removeClass("has-error has-danger has-success"), t.find(".invalid-tooltip, .invalid-feedback").remove(), t.find(".select2,.form-control").addClass("is-valid").removeClass("is-invalid"), t.addClass("has-success"), t.hasClass("has-feedback"), n.removeClass(this.options.feedback?.error), n.removeClass(this.options.feedback?.success), n.addClass(this.options.feedback?.success);
 	};
 	hasErrors = () => !!this.$inputs.filter(function() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@materialui-reactjs/admin",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "publishConfig": {
     "access": "public"
   },