@tesouro/embedded-components-react 0.5.235 → 0.5.243

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index4.js

@@ -1,102 +1,150 @@
-import { Button as e, Checkbox as t, DialogFooter as n, DialogHeader as r, DialogTitle as i, Separator as a, Typography as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Check as u } from "lucide-react";
+import { AmountFilter as e, DateRangePicker as t, FilterBar as n, FilterMenuButton as r, FilterTag as i, Input as a, MultiSelectFilter as o, Popover as s, PopoverContent as c, PopoverTrigger as l, SearchInput as u } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { INVOICES_FILTER_BAR_LABELS_EN as d } from "./index2.js";
+import { InvoicesFilterField as f } from "./index3.js";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { ListFilter as g } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index4.js
-function d({ view: d, onToggleItem: f, onToggleAll: p, onAllSelectedChange: m, onSkip: h, onSave: g, labels: _ }) {
-	return /* @__PURE__ */ l(s, { children: [
-		/* @__PURE__ */ c(r, {
-			className: "ttw:border-b ttw:border-border ttw:p-6",
-			children: /* @__PURE__ */ l(i, {
-				className: "ttw:flex ttw:flex-row ttw:items-center ttw:gap-4",
-				children: [/* @__PURE__ */ c("span", {
-					className: "ttw:flex ttw:size-10 ttw:items-center ttw:justify-center ttw:rounded-full ttw:border ttw:border-emerald-200 ttw:bg-emerald-50",
-					children: /* @__PURE__ */ c(u, { className: "ttw:size-6 ttw:text-green-700" })
-				}), d.title]
-			})
+var _ = [
+	f.DueDate,
+	f.CreatedAt,
+	f.IssueDate
+], v = {
+	dueDate: "ttw:w-auto",
+	createdAt: "ttw:w-auto",
+	issueDate: "ttw:w-auto",
+	status: "ttw:w-56",
+	amount: "ttw:w-64",
+	customer: "ttw:w-64"
+};
+function y({ fields: y, searchValue: b, onSearchChange: x, isPopoverOpen: S, isMenuOpen: C, activePanel: w, onMenuToggle: T, onPopoverClose: E, onFieldSelect: D, activeFilterCount: O, chips: k, showClearAll: A, onRemoveChip: j, onClearAll: M, dateRanges: N, datePresets: P, onDateRangeChange: F, onDatePresetChange: I, statusOptions: L, selectedStatuses: R, onStatusChange: z, amountMode: B, onAmountModeChange: V, amountMin: H, amountMax: U, onAmountMinChange: W, onAmountMaxChange: G, customerName: K, onCustomerNameChange: q, labels: J }) {
+	let Y = {
+		...d,
+		...J,
+		fields: {
+			...d.fields,
+			...J?.fields
+		},
+		filterMenuButton: {
+			...d.filterMenuButton,
+			...J?.filterMenuButton
+		},
+		filterTag: {
+			...d.filterTag,
+			...J?.filterTag
+		},
+		amountFilter: {
+			...d.amountFilter,
+			...J?.amountFilter
+		},
+		dateRangePicker: {
+			...d.dateRangePicker,
+			...J?.dateRangePicker
+		}
+	}, X = w && v[w] || "ttw:w-52";
+	return /* @__PURE__ */ m(n, {
+		className: "ttw:pl-4",
+		searchSlot: /* @__PURE__ */ m(u, {
+			value: b,
+			onChange: (e) => x(e.target.value),
+			placeholder: Y.searchPlaceholder,
+			"aria-label": Y.searchLabel,
+			className: "ttw:min-w-64"
 		}),
-		/* @__PURE__ */ l("div", {
-			className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:p-6",
-			children: [/* @__PURE__ */ l("div", {
-				className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-1.5",
-				children: [/* @__PURE__ */ l("div", {
-					className: "ttw:flex ttw:min-w-0 ttw:flex-col ttw:gap-1",
-					children: [/* @__PURE__ */ c(o, {
-						variant: "h4",
-						children: _.productsQuestion
-					}), /* @__PURE__ */ c(o, {
-						variant: "caption",
-						color: "muted",
-						children: _.productsCaption
-					})]
-				}), /* @__PURE__ */ c(e, {
-					type: "button",
-					variant: "ghost",
-					className: "ttw:shrink-0 ttw:text-primary ttw:hover:text-primary",
-					disabled: d.inProgress,
-					onClick: p,
-					children: d.toggleAllLabel
-				})]
-			}), /* @__PURE__ */ l("ul", {
-				className: "ttw:flex ttw:flex-col ttw:gap-3",
+		menuSlot: /* @__PURE__ */ h(s, {
+			open: S,
+			onOpenChange: (e) => {
+				e || E();
+			},
+			children: [/* @__PURE__ */ m(l, {
+				asChild: !0,
+				children: /* @__PURE__ */ m(r, {
+					activeCount: O,
+					onClick: T,
+					labels: Y.filterMenuButton
+				})
+			}), /* @__PURE__ */ h(c, {
+				align: "start",
+				className: `ttw:p-0 ${X}`,
 				children: [
-					/* @__PURE__ */ l("li", {
-						className: "ttw:flex ttw:items-center ttw:gap-2",
-						children: [/* @__PURE__ */ c(t, {
-							checked: d.allSelected,
-							onCheckedChange: (e) => m(e === !0),
-							disabled: d.inProgress || d.items.length === 0,
-							"aria-label": _.productsAllLabel
-						}), /* @__PURE__ */ c(o, {
-							variant: "body2",
-							className: "ttw:font-semibold",
-							children: _.productsAllLabel
-						})]
+					C && /* @__PURE__ */ m("div", {
+						className: "ttw:p-1",
+						children: y.map((e) => /* @__PURE__ */ h("button", {
+							type: "button",
+							className: "ttw:flex ttw:w-full ttw:cursor-pointer ttw:items-center ttw:gap-2 ttw:rounded-md ttw:px-2 ttw:py-1.5 ttw:text-xs ttw:font-medium ttw:transition-colors ttw:hover:bg-accent",
+							onClick: () => D(e),
+							children: [/* @__PURE__ */ m(g, {
+								className: "ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground",
+								"aria-hidden": !0
+							}), Y.fields[e]]
+						}, e))
 					}),
-					/* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(a, {}) }),
-					d.items.map((e) => /* @__PURE__ */ l("li", {
-						className: "ttw:flex ttw:items-start ttw:gap-2",
-						children: [/* @__PURE__ */ c(t, {
-							checked: e.selected,
-							onCheckedChange: () => f(e.key),
-							disabled: d.inProgress,
-							"aria-label": e.name
-						}), /* @__PURE__ */ l("div", {
-							className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col ttw:gap-1",
-							children: [/* @__PURE__ */ c(o, {
-								variant: "caption",
-								className: "ttw:truncate",
-								title: e.name,
-								children: e.name
-							}), /* @__PURE__ */ c(o, {
-								variant: "caption",
-								color: "muted",
-								className: "ttw:truncate",
-								children: e.priceLabel
-							})]
-						})]
-					}, e.key))
+					_.map((e) => w === e && /* @__PURE__ */ m(t, {
+						from: N[e]?.from,
+						to: N[e]?.to,
+						onRangeChange: (t) => F(e, t),
+						selectedPreset: N[e]?.preset,
+						onPresetChange: (t) => I(e, t),
+						presets: [...P],
+						labels: {
+							...Y.dateRangePicker,
+							fieldLabel: Y.fields[e]
+						}
+					}, e)),
+					w === f.Status && /* @__PURE__ */ m(o, {
+						options: [...L],
+						selectedValues: [...R],
+						onSelectionChange: z
+					}),
+					w === f.Amount && /* @__PURE__ */ m(e, {
+						mode: B,
+						onModeChange: V,
+						min: H,
+						max: U,
+						onMinChange: W,
+						onMaxChange: G,
+						showFlowDirection: !1,
+						labels: {
+							...Y.amountFilter,
+							min: Y.amountMin,
+							max: Y.amountMax
+						}
+					}),
+					w === f.Customer && /* @__PURE__ */ h("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:p-3",
+						children: [
+							/* @__PURE__ */ m("p", {
+								className: "ttw:text-xs ttw:font-medium ttw:text-muted-foreground",
+								children: Y.customerNameHeading
+							}),
+							/* @__PURE__ */ m(a, {
+								type: "text",
+								value: K,
+								onChange: (e) => q(e.target.value),
+								placeholder: Y.customerSearchPlaceholder,
+								"aria-label": Y.customerNameHeading,
+								className: "ttw:h-8 ttw:text-xs"
+							}),
+							/* @__PURE__ */ m("p", {
+								className: "ttw:text-xs ttw:text-muted-foreground",
+								children: Y.customerSearchHint
+							})
+						]
+					})
 				]
 			})]
 		}),
-		/* @__PURE__ */ l(n, {
-			className: "ttw:flex ttw:flex-row ttw:gap-4 ttw:border-t ttw:border-border ttw:p-6",
-			children: [/* @__PURE__ */ c(e, {
-				type: "button",
-				variant: "outline",
-				className: "ttw:flex-1 ttw:border-border",
-				disabled: d.inProgress,
-				onClick: h,
-				children: _.skipButton
-			}), /* @__PURE__ */ c(e, {
-				type: "button",
-				className: "ttw:flex-1",
-				disabled: d.saveDisabled,
-				loading: d.inProgress,
-				onClick: g,
-				children: _.saveItemsButton
-			})]
-		})
-	] });
+		activeChipsSlot: /* @__PURE__ */ h(p, { children: [k.map((e) => /* @__PURE__ */ m(i, {
+			label: e.label,
+			variant: "default",
+			labels: Y.filterTag,
+			onDismiss: () => j(e.key)
+		}, e.key)), A && /* @__PURE__ */ m("button", {
+			type: "button",
+			className: "ttw:cursor-pointer ttw:whitespace-nowrap ttw:text-xs ttw:text-muted-foreground ttw:transition-colors ttw:hover:text-foreground",
+			onClick: M,
+			children: Y.clearAll
+		})] })
+	});
 }
 //#endregion
-export { d as ReceivableActionsModalProductsStep };
+export { y as InvoicesFilterBar, y as default };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index41.js

@@ -1,28 +1,2 @@
-import { Typography as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { FileIcon as r, MailXIcon as i, SendIcon as a } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index41.js
-var o = {
-	issue_and_send: a,
-	issue: i,
-	draft: r
-};
-function s({ option: r }) {
-	let i = o[r.value];
-	return /* @__PURE__ */ n("div", {
-		className: "ttw:flex ttw:items-center ttw:gap-3",
-		children: [/* @__PURE__ */ t(i, { className: "ttw:size-5 ttw:shrink-0 ttw:text-muted-foreground" }), /* @__PURE__ */ n("div", {
-			className: "ttw:flex ttw:flex-col ttw:text-left",
-			children: [/* @__PURE__ */ t(e, {
-				variant: "body2",
-				children: r.title
-			}), /* @__PURE__ */ t(e, {
-				variant: "body2",
-				color: "muted",
-				children: r.description
-			})]
-		})]
-	});
-}
-//#endregion
-export { s as CreationModeOption };
+import "react";
+import "react/jsx-runtime";

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index42.js

@@ -1,236 +1,4 @@
-import { Button as e, DatePicker as t, FieldError as n, Input as r, Label as i, Select as a, SelectContent as o, SelectItem as s, SelectSeparator as c, SelectTrigger as l, SelectValue as u, Typography as d, cn as f } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_RECURRENCE_SECTION_LABELS_EN as p } from "./index8.js";
-import { CreationModeOption as m } from "./index41.js";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index42.js
-var v = "ttw:text-sm ttw:font-normal ttw:text-nowrap ttw:text-muted-foreground";
-function y({ idPrefix: y, view: b, disabled: x, onFrequencyChange: S, onMonthDayChange: C, onWeekdayChange: w, onStartDateChange: T, onEndModeChange: E, onEndDateChange: D, onMaxOccurrencesChange: O, onCreationModeChange: k, onSetUpEmailClick: A, emailDialog: j, labels: M }) {
-	let N = {
-		...p,
-		...M
-	}, P = {
-		frequency: `${y}-frequency`,
-		monthDay: `${y}-issue-mode`,
-		startDate: `${y}-start-date`,
-		endMode: `${y}-end-mode`,
-		endDate: `${y}-end-date`,
-		occurrences: `${y}-max-occurrences`,
-		creationMode: `${y}-automation-level`,
-		emailError: `${y}-email-error`
-	}, { schedule: F, creationMode: I } = b, L = (e, n, r) => /* @__PURE__ */ g("div", {
-		className: "ttw:w-44",
-		children: /* @__PURE__ */ g(t, {
-			id: e,
-			value: n.value,
-			onChange: r,
-			placeholder: N.recurrenceDatePlaceholder,
-			disabled: x || n.disabled,
-			minDate: n.minDate,
-			maxDate: n.maxDate,
-			defaultMonth: n.minDate,
-			disabledDates: n.isDateDisabled,
-			"aria-invalid": n.invalid || void 0
-		})
-	}), R = (e) => /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(r, {
-		id: P.occurrences,
-		className: "ttw:w-16",
-		type: "text",
-		inputMode: "numeric",
-		value: e.value,
-		disabled: x,
-		"aria-invalid": e.invalid || void 0,
-		"aria-describedby": F?.maxOccurrencesError ? `${P.occurrences}-error` : void 0,
-		onChange: (e) => O(e.target.value)
-	}), /* @__PURE__ */ g(i, {
-		htmlFor: P.occurrences,
-		className: v,
-		children: e.unitLabel
-	})] });
-	return /* @__PURE__ */ _("section", {
-		className: "ttw:flex ttw:flex-col ttw:gap-2.5",
-		children: [
-			/* @__PURE__ */ _("div", {
-				className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2.5",
-				children: [
-					/* @__PURE__ */ g(i, {
-						htmlFor: P.frequency,
-						className: v,
-						children: N.recurrenceRepeatLabel
-					}),
-					/* @__PURE__ */ _(a, {
-						value: b.frequency.value,
-						disabled: x || b.frequency.disabled,
-						onValueChange: S,
-						children: [/* @__PURE__ */ g(l, {
-							id: P.frequency,
-							className: "ttw:w-31",
-							children: /* @__PURE__ */ g(u, {})
-						}), /* @__PURE__ */ g(o, { children: b.frequency.options.map((e) => /* @__PURE__ */ g(s, {
-							value: e.value,
-							children: e.label
-						}, e.value)) })]
-					}),
-					b.monthDay && /* @__PURE__ */ _(h, { children: [
-						/* @__PURE__ */ g(i, {
-							htmlFor: P.monthDay,
-							className: v,
-							children: N.recurrenceMonthDayLead
-						}),
-						/* @__PURE__ */ _(a, {
-							value: b.monthDay.value,
-							disabled: x || b.monthDay.disabled,
-							onValueChange: C,
-							children: [/* @__PURE__ */ g(l, {
-								id: P.monthDay,
-								className: "ttw:w-fit ttw:min-w-21",
-								"aria-invalid": b.monthDay.invalid || void 0,
-								children: /* @__PURE__ */ g(u, {})
-							}), /* @__PURE__ */ _(o, { children: [
-								b.monthDay.edgeOptions.map((e) => /* @__PURE__ */ g(s, {
-									value: e.value,
-									children: e.label
-								}, e.value)),
-								/* @__PURE__ */ g(c, {}),
-								b.monthDay.dayOptions.map((e) => /* @__PURE__ */ g(s, {
-									value: e.value,
-									children: e.label
-								}, e.value))
-							] })]
-						}),
-						/* @__PURE__ */ g(d, {
-							variant: "body2",
-							color: "muted",
-							component: "span",
-							className: "ttw:text-nowrap",
-							children: N.recurrenceMonthDayTrail
-						})
-					] }),
-					b.weekday && /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(d, {
-						variant: "body2",
-						color: "muted",
-						component: "span",
-						children: N.recurrenceWeekdayLead
-					}), /* @__PURE__ */ g("div", {
-						className: f("ttw:flex ttw:h-8 ttw:w-56 ttw:rounded-md ttw:border ttw:border-border", b.weekday.invalid && "ttw:border-destructive", b.weekday.disabled && "ttw:opacity-50"),
-						children: b.weekday.options.map((e, t, n) => /* @__PURE__ */ g("button", {
-							type: "button",
-							disabled: x || b.weekday?.disabled,
-							"aria-pressed": e.pressed,
-							onClick: () => w(e.value),
-							className: f("ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center ttw:text-sm ttw:font-medium ttw:transition-colors ttw:hover:cursor-pointer ttw:hover:bg-muted ttw:disabled:pointer-events-none", e.pressed && "ttw:bg-muted", t < n.length - 1 && "ttw:border-r ttw:border-border"),
-							children: e.label
-						}, e.value))
-					})] })
-				]
-			}),
-			F && /* @__PURE__ */ _("div", {
-				className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2.5",
-				children: [
-					/* @__PURE__ */ g(i, {
-						htmlFor: P.startDate,
-						className: v,
-						children: N.recurrenceStartOnLabel
-					}),
-					L(P.startDate, F.start, T),
-					F.end.kind === "choice" ? /* @__PURE__ */ _(h, { children: [
-						/* @__PURE__ */ g(i, {
-							htmlFor: P.endMode,
-							className: v,
-							children: N.recurrenceEndChoiceLead
-						}),
-						/* @__PURE__ */ _(a, {
-							value: F.end.mode.value,
-							disabled: x,
-							onValueChange: E,
-							children: [/* @__PURE__ */ g(l, {
-								id: P.endMode,
-								className: "ttw:w-21",
-								"aria-invalid": F.end.mode.invalid || void 0,
-								children: /* @__PURE__ */ g(u, {})
-							}), /* @__PURE__ */ g(o, { children: F.end.mode.options.map((e) => /* @__PURE__ */ g(s, {
-								value: e.value,
-								children: e.label
-							}, e.value)) })]
-						}),
-						F.end.date && L(P.endDate, F.end.date, D),
-						F.end.occurrences && R(F.end.occurrences)
-					] }) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(i, {
-						htmlFor: P.occurrences,
-						className: v,
-						children: N.recurrenceEndCountLead
-					}), R(F.end.occurrences)] })
-				]
-			}),
-			F?.maxOccurrencesError && /* @__PURE__ */ g(n, {
-				id: `${P.occurrences}-error`,
-				errors: [{ message: F.maxOccurrencesError }]
-			}),
-			j,
-			b.lastDayCaption && /* @__PURE__ */ g(d, {
-				variant: "caption",
-				color: "muted",
-				children: b.lastDayCaption
-			}),
-			I && /* @__PURE__ */ _("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:pt-1.5",
-				children: [
-					/* @__PURE__ */ g(i, {
-						htmlFor: P.creationMode,
-						children: /* @__PURE__ */ _(d, {
-							variant: "body2",
-							component: "span",
-							className: "ttw:block",
-							children: [
-								N.recurrenceCreationModeQuestion,
-								" ",
-								/* @__PURE__ */ g(d, {
-									variant: "body2",
-									component: "span",
-									color: "muted",
-									children: N.recurrenceCreationModeHint
-								})
-							]
-						})
-					}),
-					/* @__PURE__ */ _(a, {
-						value: I.value,
-						disabled: x,
-						onValueChange: (e) => k(e),
-						children: [/* @__PURE__ */ g(l, {
-							id: P.creationMode,
-							"aria-invalid": !!I.emailError || void 0,
-							"aria-describedby": I.emailError ? P.emailError : void 0,
-							className: "ttw:h-auto! ttw:w-full ttw:py-2.5 ttw:*:data-[slot=select-value]:line-clamp-none",
-							children: /* @__PURE__ */ g(u, {})
-						}), /* @__PURE__ */ g(o, { children: I.options.map((e) => /* @__PURE__ */ g(s, {
-							value: e.value,
-							children: /* @__PURE__ */ g(m, { option: e })
-						}, e.value)) })]
-					}),
-					I.emailSummary !== void 0 && /* @__PURE__ */ _("div", {
-						className: "ttw:flex ttw:items-center ttw:gap-2",
-						children: [/* @__PURE__ */ g(d, {
-							variant: "body2",
-							color: "muted",
-							className: "ttw:truncate",
-							children: I.emailSummary
-						}), /* @__PURE__ */ g(e, {
-							type: "button",
-							variant: "link",
-							className: "ttw:h-auto ttw:p-0",
-							disabled: x,
-							onClick: A,
-							children: N.recurrenceSetUpEmail
-						})]
-					}),
-					I.emailError && /* @__PURE__ */ g(n, {
-						id: P.emailError,
-						errors: [{ message: I.emailError }]
-					})
-				]
-			})
-		]
-	});
-}
-//#endregion
-export { y as ReceivableRecurrenceSection, y as default };
+import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "./index41.js";
+import "react/jsx-runtime";
+import "lucide-react";

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index43.js

@@ -1,3 +1 @@
-import "./index8.js";
-import "./index40.js";
 import "./index42.js";