@tesouro/embedded-components-react 0.3.24 → 0.3.26

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index61.js

@@ -1,201 +1,2 @@
-import { AmountFilter as e, DateRangePicker as t, FilterBar as n, FilterMenuButton as r, FilterTag as ee, Input as te, MultiSelectFilter as i, Popover as a, PopoverContent as o, PopoverTrigger as s, RadioGroup as c, RadioGroupItem as l, useFilterPanel as u } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BILLS_FILTER_BAR_LABELS_EN as d } from "./index59.js";
-import { BillsFilterField as f } from "./index60.js";
-import { useMemo as ne } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { ListFilterIcon as h } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index61.js
-var g = {
-	date: "ttw:w-auto",
-	status: "ttw:w-56",
-	amount: "ttw:w-64",
-	vendor: "ttw:w-64",
-	attachment: "ttw:w-56"
-}, _ = {
-	[f.Vendor]: "vendor",
-	[f.IssueDate]: "date",
-	[f.DueDate]: "date",
-	[f.Status]: "status",
-	[f.TotalAmount]: "amount",
-	[f.AddedOn]: "date",
-	[f.Attachment]: "attachment"
-}, v = [
-	f.IssueDate,
-	f.DueDate,
-	f.AddedOn
-];
-function y({ fields: f, activeFilterCount: y, chips: b, onRemoveChip: x, onClearAll: S, dateField: C, onDateFieldChange: w, datePresets: T, selectedDatePreset: E, dateFrom: D, dateTo: O, onDateRangeChange: k, onDatePresetChange: A, statusOptions: j, selectedStatuses: M, onStatusChange: N, amountMode: P, onAmountModeChange: F, amountMin: I, amountMax: L, onAmountMinChange: re, onAmountMaxChange: R, vendorOptions: z, selectedVendors: B, onVendorChange: V, vendorSearchValue: H, onVendorSearchChange: U, isVendorLoading: W, isVendorError: G, hasAttachment: K, onHasAttachmentChange: q, searchSlot: J, testIds: Y, labels: X, className: ie }) {
-	let Z = ne(() => ({
-		...d,
-		...X,
-		fields: {
-			...d.fields,
-			...X?.fields
-		},
-		filterMenuButton: {
-			...d.filterMenuButton,
-			...X?.filterMenuButton
-		},
-		filterTag: {
-			...d.filterTag,
-			...X?.filterTag
-		},
-		amountFilter: {
-			...d.amountFilter,
-			...X?.amountFilter
-		},
-		dateRangePicker: {
-			...d.dateRangePicker,
-			...X?.dateRangePicker
-		}
-	}), [X]), Q = u(), $ = Q.activePanelId, ae = Q.isMenuOpen || !!$, oe = ($ && g[$]) ?? "ttw:w-52", se = (e) => {
-		$ && e.preventDefault(), Q.toggleMenu();
-	}, ce = (e) => {
-		e || (Q.closeMenu(), Q.closePanel());
-	}, le = (e) => {
-		v.includes(e) && w(e), Q.openPanel(_[e]);
-	}, ue = K === void 0 ? "any" : K ? "has" : "none", de = (e) => {
-		q(e === "any" ? void 0 : e === "has");
-	};
-	return /* @__PURE__ */ p(n, {
-		className: ie,
-		searchSlot: J,
-		menuSlot: /* @__PURE__ */ m(a, {
-			open: ae,
-			onOpenChange: ce,
-			children: [/* @__PURE__ */ p(s, {
-				asChild: !0,
-				children: /* @__PURE__ */ p(r, {
-					size: "md",
-					activeCount: y,
-					onClick: se,
-					labels: Z.filterMenuButton,
-					"data-testid": Y?.menuButton
-				})
-			}), /* @__PURE__ */ m(o, {
-				align: "start",
-				className: `ttw:p-0 ${oe}`,
-				children: [
-					Q.isMenuOpen ? /* @__PURE__ */ p("div", {
-						className: "ttw:p-1",
-						role: "menu",
-						"aria-label": Z.fieldMenuLabel,
-						children: f.map((e) => /* @__PURE__ */ m("button", {
-							type: "button",
-							role: "menuitem",
-							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: () => le(e),
-							children: [/* @__PURE__ */ p(h, {
-								className: "ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground",
-								"aria-hidden": !0
-							}), Z.fields[e]]
-						}, e))
-					}) : null,
-					$ === "date" ? /* @__PURE__ */ p(t, {
-						from: D,
-						to: O,
-						onRangeChange: k,
-						selectedPreset: E,
-						onPresetChange: A,
-						presets: [...T],
-						labels: {
-							...Z.dateRangePicker,
-							fieldLabel: Z.fields[C]
-						}
-					}) : null,
-					$ === "status" ? /* @__PURE__ */ p(i, {
-						options: [...j],
-						selectedValues: [...M],
-						onSelectionChange: N
-					}) : null,
-					$ === "amount" ? /* @__PURE__ */ p(e, {
-						mode: P,
-						onModeChange: F,
-						min: I,
-						max: L,
-						onMinChange: re,
-						onMaxChange: R,
-						showFlowDirection: !1,
-						labels: {
-							...Z.amountFilter,
-							min: Z.amountMin,
-							max: Z.amountMax
-						}
-					}) : null,
-					$ === "vendor" ? /* @__PURE__ */ m("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:p-3",
-						children: [/* @__PURE__ */ p(te, {
-							type: "search",
-							className: "ttw:h-8 ttw:text-xs",
-							"aria-label": Z.vendorSearchLabel,
-							placeholder: Z.vendorSearchPlaceholder,
-							value: H,
-							onChange: (e) => U(e.target.value)
-						}), W ? /* @__PURE__ */ p("p", {
-							className: "ttw:px-1 ttw:text-xs ttw:text-muted-foreground",
-							children: Z.vendorLoading
-						}) : G ? /* @__PURE__ */ p("p", {
-							className: "ttw:px-1 ttw:text-xs ttw:text-destructive",
-							children: Z.vendorError
-						}) : z.length === 0 ? /* @__PURE__ */ p("p", {
-							className: "ttw:px-1 ttw:text-xs ttw:text-muted-foreground",
-							children: Z.vendorEmpty
-						}) : /* @__PURE__ */ p(i, {
-							options: [...z],
-							selectedValues: [...B],
-							onSelectionChange: V
-						})]
-					}) : null,
-					$ === "attachment" ? /* @__PURE__ */ p("div", {
-						className: "ttw:p-3",
-						children: /* @__PURE__ */ p(c, {
-							value: ue,
-							onValueChange: de,
-							"aria-label": Z.attachmentLabel,
-							className: "ttw:flex ttw:flex-col ttw:gap-1",
-							children: [
-								{
-									value: "any",
-									label: Z.attachmentAny
-								},
-								{
-									value: "has",
-									label: Z.attachmentHas
-								},
-								{
-									value: "none",
-									label: Z.attachmentNone
-								}
-							].map(({ value: e, label: t }) => /* @__PURE__ */ m("label", {
-								className: "ttw:flex ttw:cursor-pointer ttw:items-center ttw:gap-2",
-								children: [/* @__PURE__ */ p(l, { value: e }), /* @__PURE__ */ p("span", {
-									className: "ttw:text-xs ttw:font-medium",
-									children: t
-								})]
-							}, e))
-						})
-					}) : null
-				]
-			})]
-		}),
-		activeChipsSlot: /* @__PURE__ */ m("span", {
-			className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2",
-			"data-testid": Y?.chips,
-			children: [b.map((e) => /* @__PURE__ */ p(ee, {
-				label: e.label,
-				labels: Z.filterTag,
-				onDismiss: () => x(e.key)
-			}, e.key)), b.length > 0 ? /* @__PURE__ */ p("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: S,
-				children: Z.clearAll
-			}) : null]
-		})
-	});
-}
-function b(e) {
-	return /* @__PURE__ */ p(y, { ...e }, e.fields.join("|"));
-}
-//#endregion
-export { b as BillsFilterBar, b as default };
+import "./index59.js";
+import "./index60.js";

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index62.js

@@ -1,3 +1,39 @@
-import "./index59.js";
-import "./index60.js";
-import "./index61.js";
+import { AMOUNT_FILTER_LABELS_EN as e, DATE_RANGE_PICKER_LABELS_EN as t, FILTER_MENU_BUTTON_LABELS_EN as n, FILTER_TAG_LABELS_EN as r } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index62.js
+var i = {
+	fields: {
+		vendor: "Vendor",
+		issueDate: "Issue date",
+		dueDate: "Due date",
+		status: "Status",
+		totalAmount: "Total amount",
+		addedOn: "Added on",
+		attachment: "Attachment"
+	},
+	fieldMenuLabel: "Filter bills by",
+	amountMin: "No less than",
+	amountMax: "No more than",
+	vendorSearchPlaceholder: "Search vendors",
+	vendorSearchLabel: "Search vendors",
+	vendorEmpty: "No vendors match",
+	vendorLoading: "Loading vendors",
+	vendorError: "Couldn't load vendors",
+	attachmentAny: "Any",
+	attachmentHas: "Has attachment",
+	attachmentNone: "No attachment",
+	attachmentLabel: "Filter by attachment",
+	clearAll: "Clear all",
+	filterMenuButton: n,
+	filterTag: r,
+	amountFilter: {
+		modeAny: e.modeAny,
+		modeExact: e.modeExact,
+		modeRange: e.modeRange,
+		flowAny: e.flowAny,
+		flowIn: e.flowIn,
+		flowOut: e.flowOut
+	},
+	dateRangePicker: { presetPlaceholder: t.presetPlaceholder }
+};
+//#endregion
+export { i as BILLS_FILTER_BAR_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index63.js

@@ -3,14 +3,10 @@ var e = {
 	Vendor: "vendor",
 	IssueDate: "issueDate",
 	DueDate: "dueDate",
-	ScheduledDate: "scheduledDate",
-	PaidDate: "paidDate",
 	Status: "status",
-	AmountDue: "amountDue",
-	AmountScheduled: "amountScheduled",
-	AmountPaid: "amountPaid",
 	TotalAmount: "totalAmount",
-	AddedOn: "addedOn"
+	AddedOn: "addedOn",
+	Attachment: "attachment"
 };
 //#endregion
-export { e as BillColumn };
+export { e as BillsFilterField };