@tesouro/embedded-components-react 0.5.203 → 0.5.204

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/MeasureUnitsManagerContainer.js

@@ -21,117 +21,126 @@ var _ = {
 	name: "",
 	description: ""
 };
-function v({ open: v, onClose: y, managerLabels: b, deleteLabels: x, messageLabels: S }) {
-	let C = f(() => ({
+function v({ open: v, onClose: y, suspended: b = !1, managerLabels: x, deleteLabels: S, messageLabels: C }) {
+	let w = f(() => ({
 		...t,
-		...S
-	}), [S]), w = o(), T = c(), E = l(), D = u(), [O, k] = p(""), [A, j] = p(_), [M, N] = p(), [P, F] = p(), [I, L] = p(_), [R, z] = p(), [B, V] = p(), H = f(() => (w.data?.data ?? []).map((e) => ({
+		...C
+	}), [C]), T = o({ enabled: v && !b }), E = c(), D = l(), O = u(), [k, A] = p(""), [j, M] = p(_), [N, P] = p(), [F, I] = p(), [L, R] = p(_), [z, B] = p(), [V, H] = p(), [U, W] = p(v);
+	v !== U && (W(v), v || H(void 0));
+	let G = f(() => (T.data?.data ?? []).map((e) => ({
 		id: e.id,
 		name: e.name,
 		description: e.description ?? ""
-	})), [w.data]), U = f(() => {
-		let e = O.trim().toLowerCase();
-		return e ? H.filter((t) => t.name.toLowerCase().includes(e) || t.description.toLowerCase().includes(e)) : H;
-	}, [H, O]), W = s(B?.id), G = f(() => (W.data?.data ?? []).map((e) => ({
+	})), [T.data]), K = f(() => {
+		let e = k.trim().toLowerCase();
+		return e ? G.filter((t) => t.name.toLowerCase().includes(e) || t.description.toLowerCase().includes(e)) : G;
+	}, [G, k]), q = s(V?.id, { enabled: v && !b }), J = f(() => (q.data?.data ?? []).map((e) => ({
 		id: e.id,
 		name: e.name,
 		priceLabel: n(e.price)
-	})), [W.data]), K = d(async () => {
-		let t = r(A, C);
+	})), [q.data]), Y = d(async () => {
+		if (b) return;
+		let t = r(j, w);
 		if (t) {
-			N(t);
+			P(t);
 			return;
 		}
-		N(void 0);
+		P(void 0);
 		try {
-			await T.mutateAsync({ body: {
-				name: A.name.trim(),
-				description: A.description.trim() || void 0
-			} }), j(_);
+			await E.mutateAsync({ body: {
+				name: j.name.trim(),
+				description: j.description.trim() || void 0
+			} }), M(_);
 		} catch (t) {
-			N(e(t) ?? C.createMeasureUnitError);
+			P(e(t) ?? w.createMeasureUnitError);
 		}
 	}, [
-		A,
-		T,
-		C
-	]), q = d((e) => {
-		F(e.id), L({
+		b,
+		j,
+		E,
+		w
+	]), X = d((e) => {
+		I(e.id), R({
 			name: e.name,
 			description: e.description
-		}), z(void 0);
-	}, []), J = d(async () => {
-		if (!P) return;
-		let t = r(I, C);
+		}), B(void 0);
+	}, []), Z = d(async () => {
+		if (b || !F) return;
+		let t = r(L, w);
 		if (t) {
-			z(t);
+			B(t);
 			return;
 		}
-		z(void 0);
+		B(void 0);
 		try {
-			await E.mutateAsync({
-				path: { unit_id: P },
+			await D.mutateAsync({
+				path: { unit_id: F },
 				body: {
-					name: I.name.trim(),
-					description: I.description.trim() || void 0
+					name: L.name.trim(),
+					description: L.description.trim() || void 0
 				}
-			}), F(void 0);
+			}), I(void 0);
 		} catch (t) {
-			z(e(t) ?? C.updateMeasureUnitError);
+			B(e(t) ?? w.updateMeasureUnitError);
 		}
 	}, [
-		P,
-		I,
-		E,
-		C
-	]), Y = d(async () => {
-		if (B) try {
-			await D.mutateAsync({ path: { unit_id: B.id } }), V(void 0);
+		b,
+		F,
+		L,
+		D,
+		w
+	]), Q = d(async () => {
+		if (!b && V) try {
+			await O.mutateAsync({ path: { unit_id: V.id } }), H(void 0);
 		} catch {}
-	}, [B, D]);
+	}, [
+		b,
+		V,
+		O
+	]);
 	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(i, {
 		open: v,
 		onOpenChange: (e) => {
 			e || y();
 		},
-		units: U,
-		isLoading: w.isLoading,
-		searchValue: O,
-		onSearchChange: k,
-		createValues: A,
-		createError: M,
-		onCreateChange: (e) => j((t) => ({
+		units: K,
+		isLoading: T.isLoading,
+		searchValue: k,
+		onSearchChange: A,
+		createValues: j,
+		createError: N,
+		onCreateChange: (e) => M((t) => ({
 			...t,
 			...e
 		})),
-		onCreateSubmit: K,
-		isCreating: T.isPending,
-		editingUnitId: P,
-		editValues: I,
-		editError: R,
-		onEditStart: q,
-		onEditChange: (e) => L((t) => ({
+		onCreateSubmit: Y,
+		isCreating: E.isPending || b,
+		editingUnitId: F,
+		editValues: L,
+		editError: z,
+		onEditStart: X,
+		onEditChange: (e) => R((t) => ({
 			...t,
 			...e
 		})),
-		onEditSubmit: J,
-		onEditCancel: () => F(void 0),
-		isUpdating: E.isPending,
-		onDeleteClick: V,
+		onEditSubmit: Z,
+		onEditCancel: () => I(void 0),
+		isUpdating: D.isPending || b,
+		onDeleteClick: H,
 		onDone: y,
-		labels: b
+		labels: x
 	}), /* @__PURE__ */ h(a, {
-		open: !!B,
+		open: !!V,
 		onOpenChange: (e) => {
-			e || V(void 0);
+			e || H(void 0);
 		},
-		unitName: B?.name ?? "",
-		affectedProducts: G,
-		isLoadingProducts: W.isLoading,
-		isDeleting: D.isPending,
-		onConfirm: Y,
-		onCancel: () => V(void 0),
-		labels: x
+		unitName: V?.name ?? "",
+		affectedProducts: J,
+		isLoadingProducts: q.isLoading,
+		isDeleting: O.isPending || b,
+		onConfirm: Q,
+		onCancel: () => H(void 0),
+		labels: S
 	})] });
 }
 //#endregion

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/useMeasureUnits.js

@@ -7,11 +7,11 @@ import { useMeasureUnitsQuery as n } from "../../../data-access/dist/index9.js";
 import "../../../data-access/dist/index.js";
 import { useMemo as r } from "react";
 //#region ../../libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/useMeasureUnits.js
-function i() {
-	let i = n();
+function i({ enabled: i = !0 } = {}) {
+	let a = n({ enabled: i });
 	return {
-		unitNamesById: r(() => e(i.data?.data), [i.data]),
-		unitOptions: r(() => t(i.data?.data), [i.data])
+		unitNamesById: r(() => e(a.data?.data), [a.data]),
+		unitOptions: r(() => t(a.data?.data), [a.data])
 	};
 }
 //#endregion

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index2.js

@@ -37,6 +37,7 @@ var e = {
 	doneButton: "Done",
 	editAction: "Edit unit",
 	deleteAction: "Delete unit",
+	moreActionsLabel: "More actions",
 	saveAction: "Save unit",
 	cancelAction: "Cancel edit",
 	emptyText: "No measure units yet."

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index4.js

@@ -1,169 +1,171 @@
-import { Button as e, Input as t, InputGroup as n, InputGroupAddon as r, InputGroupInput as i, Sheet as a, SheetContent as o, SheetDescription as s, SheetFooter as c, SheetHeader as l, SheetTitle as u, Table as d, TableBody as f, TableCell as p, TableHead as m, TableHeader as h, TableRow as g } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { MEASURE_UNITS_MANAGER_LABELS_EN as _ } from "./index2.js";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { CheckIcon as b, PencilIcon as x, PlusIcon as S, Search as C, Trash2Icon as w, XIcon as T } from "lucide-react";
+import { Button as e, DropdownMenu as t, DropdownMenuContent as n, DropdownMenuItem as r, DropdownMenuTrigger as i, Input as a, InputGroup as o, InputGroupInput as s, Sheet as c, SheetContent as l, SheetDescription as u, SheetFooter as d, SheetHeader as f, SheetTitle as p, Table as m, TableBody as h, TableCell as g, TableHead as _, TableHeader as v, TableRow as y } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { MEASURE_UNITS_MANAGER_LABELS_EN as b } from "./index2.js";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { CheckIcon as C, MoreVerticalIcon as w, PencilIcon as T, PlusIcon as E, Trash2Icon as D, XIcon as O } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index4.js
-var E = "—";
-function D({ open: D, onOpenChange: O, units: k, isLoading: A, searchValue: j, onSearchChange: M, createValues: N, createError: P, onCreateChange: F, onCreateSubmit: I, isCreating: L, editingUnitId: R, editValues: z, editError: B, onEditStart: V, onEditChange: H, onEditSubmit: U, onEditCancel: W, isUpdating: G, onDeleteClick: K, onDone: q, labels: J }) {
-	let Y = {
-		..._,
-		...J
+var k = "—";
+function A({ open: A, onOpenChange: j, units: M, isLoading: N, searchValue: P, onSearchChange: F, createValues: I, createError: L, onCreateChange: R, onCreateSubmit: z, isCreating: B, editingUnitId: V, editValues: H, editError: U, onEditStart: W, onEditChange: G, onEditSubmit: K, onEditCancel: q, isUpdating: J, onDeleteClick: Y, onDone: X, labels: Z }) {
+	let Q = {
+		...b,
+		...Z
 	};
-	return /* @__PURE__ */ v(a, {
-		open: D,
-		onOpenChange: O,
-		children: /* @__PURE__ */ y(o, {
-			className: "ttw:gap-0 ttw:p-0",
+	return /* @__PURE__ */ x(c, {
+		open: A,
+		onOpenChange: j,
+		children: /* @__PURE__ */ S(l, {
+			className: "ttw:w-150 ttw:sm:max-w-150 ttw:gap-0 ttw:p-0",
 			children: [
-				/* @__PURE__ */ y(l, {
+				/* @__PURE__ */ S(f, {
 					className: "ttw:border-b ttw:border-border",
-					children: [/* @__PURE__ */ v(u, { children: Y.title }), /* @__PURE__ */ v(s, {
+					children: [/* @__PURE__ */ x(p, { children: Q.title }), /* @__PURE__ */ x(u, {
 						className: "ttw:sr-only",
-						children: Y.hiddenDescription
+						children: Q.hiddenDescription
 					})]
 				}),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ S("div", {
 					className: "ttw:flex-1 ttw:flex ttw:flex-col ttw:gap-4 ttw:overflow-y-auto ttw:px-6 ttw:py-4",
-					children: [/* @__PURE__ */ y(n, { children: [/* @__PURE__ */ v(r, {
-						align: "inline-start",
-						children: /* @__PURE__ */ v(C, {})
-					}), /* @__PURE__ */ v(i, {
-						"data-has-start-addon": !0,
-						placeholder: Y.searchPlaceholder,
-						value: j,
-						onChange: (e) => M(e.target.value)
-					})] }), /* @__PURE__ */ y(d, {
+					children: [/* @__PURE__ */ x(o, { children: /* @__PURE__ */ x(s, {
+						placeholder: Q.searchPlaceholder,
+						value: P,
+						onChange: (e) => F(e.target.value)
+					}) }), /* @__PURE__ */ S(m, {
 						className: "ttw:table-fixed ttw:border ttw:border-border ttw:rounded-md",
-						children: [/* @__PURE__ */ v(h, { children: /* @__PURE__ */ y(g, {
+						children: [/* @__PURE__ */ x(v, { children: /* @__PURE__ */ S(y, {
 							className: "ttw:hover:bg-transparent ttw:border-border",
 							children: [
-								/* @__PURE__ */ v(m, {
-									className: "ttw:w-[35%]",
-									children: Y.columnLabel
+								/* @__PURE__ */ x(_, {
+									className: "ttw:w-[30%]",
+									children: Q.columnLabel
 								}),
-								/* @__PURE__ */ v(m, {
-									className: "ttw:w-[55%]",
-									children: Y.columnDescription
+								/* @__PURE__ */ x(_, {
+									className: "ttw:w-[50%]",
+									children: Q.columnDescription
 								}),
-								/* @__PURE__ */ v(m, { className: "ttw:w-[10%]" })
+								/* @__PURE__ */ x(_, { className: "ttw:w-[20%]" })
 							]
-						}) }), /* @__PURE__ */ y(f, { children: [
-							/* @__PURE__ */ y(g, {
+						}) }), /* @__PURE__ */ S(h, { children: [
+							/* @__PURE__ */ S(y, {
 								className: "ttw:border-border",
 								children: [
-									/* @__PURE__ */ y(p, { children: [/* @__PURE__ */ v(t, {
-										placeholder: Y.namePlaceholder,
-										value: N.name,
-										"aria-invalid": !!P,
-										disabled: L,
+									/* @__PURE__ */ S(g, { children: [/* @__PURE__ */ x(a, {
+										placeholder: Q.namePlaceholder,
+										value: I.name,
+										"aria-invalid": !!L,
+										disabled: B,
 										className: "ttw:h-8",
-										onChange: (e) => F({ name: e.target.value })
-									}), P && /* @__PURE__ */ v("p", {
+										onChange: (e) => R({ name: e.target.value })
+									}), L && /* @__PURE__ */ x("p", {
 										className: "ttw:mt-1 ttw:text-sm ttw:text-destructive",
-										children: P
+										children: L
 									})] }),
-									/* @__PURE__ */ v(p, { children: /* @__PURE__ */ v(t, {
-										placeholder: Y.descriptionPlaceholder,
-										value: N.description,
-										disabled: L,
+									/* @__PURE__ */ x(g, { children: /* @__PURE__ */ x(a, {
+										placeholder: Q.descriptionPlaceholder,
+										value: I.description,
+										disabled: B,
 										className: "ttw:h-8",
-										onChange: (e) => F({ description: e.target.value })
+										onChange: (e) => R({ description: e.target.value })
 									}) }),
-									/* @__PURE__ */ v(p, {
+									/* @__PURE__ */ x(g, {
 										className: "ttw:text-right",
-										children: /* @__PURE__ */ y(e, {
+										children: /* @__PURE__ */ S(e, {
 											variant: "outline",
 											size: "sm",
-											onClick: I,
-											disabled: L,
+											onClick: z,
+											disabled: B,
 											className: "ttw:h-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0",
-											children: [/* @__PURE__ */ v(S, { className: "ttw:size-4" }), Y.addButton]
+											children: [/* @__PURE__ */ x(E, { className: "ttw:size-4" }), Q.addButton]
 										})
 									})
 								]
 							}),
-							A ? null : k.map((n) => R === n.id ? /* @__PURE__ */ y(g, {
+							N ? null : M.map((o) => V === o.id ? /* @__PURE__ */ S(y, {
 								className: "ttw:border-border",
 								children: [
-									/* @__PURE__ */ y(p, { children: [/* @__PURE__ */ v(t, {
-										value: z.name,
-										"aria-invalid": !!B,
-										disabled: G,
+									/* @__PURE__ */ S(g, { children: [/* @__PURE__ */ x(a, {
+										value: H.name,
+										"aria-invalid": !!U,
+										disabled: J,
 										className: "ttw:h-8",
-										onChange: (e) => H({ name: e.target.value })
-									}), B && /* @__PURE__ */ v("p", {
+										onChange: (e) => G({ name: e.target.value })
+									}), U && /* @__PURE__ */ x("p", {
 										className: "ttw:mt-1 ttw:text-sm ttw:text-destructive",
-										children: B
+										children: U
 									})] }),
-									/* @__PURE__ */ v(p, { children: /* @__PURE__ */ v(t, {
-										value: z.description,
-										disabled: G,
+									/* @__PURE__ */ x(g, { children: /* @__PURE__ */ x(a, {
+										value: H.description,
+										disabled: J,
 										className: "ttw:h-8",
-										onChange: (e) => H({ description: e.target.value })
+										onChange: (e) => G({ description: e.target.value })
 									}) }),
-									/* @__PURE__ */ v(p, { children: /* @__PURE__ */ y("div", {
+									/* @__PURE__ */ x(g, { children: /* @__PURE__ */ S("div", {
 										className: "ttw:flex ttw:justify-end ttw:gap-1",
-										children: [/* @__PURE__ */ v(e, {
+										children: [/* @__PURE__ */ x(e, {
 											variant: "outline",
 											size: "icon",
-											"aria-label": Y.saveAction,
-											onClick: U,
-											disabled: G,
+											"aria-label": Q.saveAction,
+											onClick: K,
+											disabled: J,
 											className: "ttw:size-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0",
-											children: /* @__PURE__ */ v(b, { className: "ttw:size-4" })
-										}), /* @__PURE__ */ v(e, {
+											children: /* @__PURE__ */ x(C, { className: "ttw:size-4" })
+										}), /* @__PURE__ */ x(e, {
 											variant: "outline",
 											size: "icon",
-											"aria-label": Y.cancelAction,
-											onClick: W,
-											disabled: G,
+											"aria-label": Q.cancelAction,
+											onClick: q,
+											disabled: J,
 											className: "ttw:size-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0",
-											children: /* @__PURE__ */ v(T, { className: "ttw:size-4" })
+											children: /* @__PURE__ */ x(O, { className: "ttw:size-4" })
 										})]
 									}) })
 								]
-							}, n.id) : /* @__PURE__ */ y(g, {
+							}, o.id) : /* @__PURE__ */ S(y, {
 								className: "ttw:border-border",
 								children: [
-									/* @__PURE__ */ v(p, {
+									/* @__PURE__ */ x(g, {
 										className: "ttw:text-sm ttw:truncate",
-										children: n.name
+										children: o.name
 									}),
-									/* @__PURE__ */ v(p, {
+									/* @__PURE__ */ x(g, {
 										className: "ttw:text-sm ttw:text-muted-foreground ttw:truncate",
-										children: n.description || E
+										children: o.description || k
 									}),
-									/* @__PURE__ */ v(p, { children: /* @__PURE__ */ y("div", {
-										className: "ttw:flex ttw:justify-end ttw:gap-1",
-										children: [/* @__PURE__ */ v(e, {
-											variant: "ghost",
-											size: "icon-sm",
-											"aria-label": Y.editAction,
-											onClick: () => V(n),
-											children: /* @__PURE__ */ v(x, { className: "ttw:size-4" })
-										}), /* @__PURE__ */ v(e, {
-											variant: "ghost",
-											size: "icon-sm",
-											"aria-label": Y.deleteAction,
-											onClick: () => K(n),
-											children: /* @__PURE__ */ v(w, { className: "ttw:size-4 ttw:text-destructive" })
-										})]
-									}) })
+									/* @__PURE__ */ x(g, {
+										className: "ttw:text-right",
+										children: /* @__PURE__ */ S(t, { children: [/* @__PURE__ */ x(i, {
+											asChild: !0,
+											children: /* @__PURE__ */ x(e, {
+												variant: "ghost",
+												size: "icon-sm",
+												"aria-label": Q.moreActionsLabel,
+												children: /* @__PURE__ */ x(w, { className: "ttw:size-4" })
+											})
+										}), /* @__PURE__ */ S(n, {
+											align: "end",
+											children: [/* @__PURE__ */ S(r, {
+												onClick: () => W(o),
+												children: [/* @__PURE__ */ x(T, { className: "ttw:size-4" }), Q.editAction]
+											}), /* @__PURE__ */ S(r, {
+												onClick: () => Y(o),
+												variant: "destructive",
+												children: [/* @__PURE__ */ x(D, { className: "ttw:size-4" }), Q.deleteAction]
+											})]
+										})] })
+									})
 								]
-							}, n.id)),
-							!A && k.length === 0 && /* @__PURE__ */ v(g, { children: /* @__PURE__ */ v(p, {
+							}, o.id)),
+							!N && M.length === 0 && /* @__PURE__ */ x(y, { children: /* @__PURE__ */ x(g, {
 								colSpan: 3,
 								className: "ttw:text-center ttw:text-muted-foreground",
-								children: Y.emptyText
+								children: Q.emptyText
 							}) })
 						] })]
 					})]
 				}),
-				/* @__PURE__ */ v(c, {
+				/* @__PURE__ */ x(d, {
 					className: "ttw:border-t ttw:border-border ttw:flex-row ttw:justify-end",
-					children: /* @__PURE__ */ v(e, {
-						onClick: q,
-						children: Y.doneButton
+					children: /* @__PURE__ */ x(e, {
+						onClick: X,
+						children: Q.doneButton
 					})
 				})
 			]
@@ -171,4 +173,4 @@ function D({ open: D, onOpenChange: O, units: k, isLoading: A, searchValue: j, o
 	});
 }
 //#endregion
-export { D as MeasureUnitsManager, D as default };
+export { A as MeasureUnitsManager, A as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tesouro/embedded-components-react",
-  "version": "0.5.203",
+  "version": "0.5.204",
   "license": "Apache-2.0",
   "type": "module",
   "packageDepSync": {