@tesouro/embedded-components-react 0.5.258 → 0.5.260

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js

@@ -1,5 +1,5 @@
 //#region ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
-var e = "@tesouro/embedded-components-react", t = "0.5.258", n = "45e4ef46eef6436379f50a9c5a7ab1a25f8718c2", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.5.260", n = "fea5c2970c59d7a4dad7ac75d023dadcad238936", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

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

@@ -1,25 +1,25 @@
 import "../../../util/dist/lib/apiErrors.js";
 import { PRODUCT_MESSAGE_LABELS_EN as e } from "./lib/labels.js";
-import { buildProductDetailsView as t, buildProductRows as n, formatPrice as r, getCurrencyOptions as i, hasSelectedText as a } from "./lib/helpers.js";
-import { ProductFormSheet as o } from "../../ui/dist/index3.js";
+import { buildProductDetailsView as t, buildProductRows as n, formatPrice as r, hasSelectedText as i } from "./lib/helpers.js";
+import { ProductFormSheet as a } from "../../ui/dist/index3.js";
 import "../../ui/dist/index4.js";
 import "../../ui/dist/index5.js";
 import "../../ui/dist/index.js";
-import { useProductsQuery as s } from "../../data-access/dist/index2.js";
+import { useProductsQuery as o } from "../../data-access/dist/index2.js";
 import "../../data-access/dist/index3.js";
-import { useProductQuery as c } from "../../data-access/dist/index4.js";
-import { useCreateProductMutation as l } from "../../data-access/dist/index6.js";
+import { useProductQuery as s } from "../../data-access/dist/index4.js";
+import { useCreateProductMutation as c } from "../../data-access/dist/index6.js";
 import "../../data-access/dist/index7.js";
-import { useDeleteProductMutation as u } from "../../data-access/dist/index8.js";
-import { useMeasureUnitsQuery as d } from "../../data-access/dist/index9.js";
+import { useDeleteProductMutation as l } from "../../data-access/dist/index8.js";
+import { useMeasureUnitsQuery as u } from "../../data-access/dist/index9.js";
 import "../../data-access/dist/index10.js";
 import "../../data-access/dist/index11.js";
 import "../../data-access/dist/index12.js";
 import "../../data-access/dist/index13.js";
 import "../../data-access/dist/index.js";
-import { MeasureUnitsManagerContainer as f } from "./lib/MeasureUnitsManagerContainer.js";
-import { useMeasureUnits as p } from "./lib/useMeasureUnits.js";
-import { useProductForm as m } from "./lib/useProductForm.js";
+import { MeasureUnitsManagerContainer as d } from "./lib/MeasureUnitsManagerContainer.js";
+import { useMeasureUnits as f } from "./lib/useMeasureUnits.js";
+import { useProductForm as p } from "./lib/useProductForm.js";
 import "./lib/useProductSelector.js";
-import { ProductSelector as h } from "./lib/ProductSelector.js";
-export { f as MeasureUnitsManagerContainer, e as PRODUCT_MESSAGE_LABELS_EN, o as ProductFormSheet, h as ProductSelector, t as buildProductDetailsView, n as buildProductRows, r as formatPrice, i as getCurrencyOptions, a as hasSelectedText, l as useCreateProductMutation, u as useDeleteProductMutation, p as useMeasureUnits, d as useMeasureUnitsQuery, m as useProductForm, c as useProductQuery, s as useProductsQuery };
+import { ProductSelector as m } from "./lib/ProductSelector.js";
+export { d as MeasureUnitsManagerContainer, e as PRODUCT_MESSAGE_LABELS_EN, a as ProductFormSheet, m as ProductSelector, t as buildProductDetailsView, n as buildProductRows, r as formatPrice, i as hasSelectedText, c as useCreateProductMutation, l as useDeleteProductMutation, f as useMeasureUnits, u as useMeasureUnitsQuery, p as useProductForm, s as useProductQuery, o as useProductsQuery };

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

@@ -53,7 +53,8 @@ var e = {
 }, r = {
 	fieldLabel: "Item name",
 	placeholder: "e.g., Office supplies",
-	emptyText: "No saved items found - type to add an item"
+	emptyText: "No saved items found - type to add an item",
+	toggleListButton: "Show saved items"
 };
 //#endregion
 export { t as MEASURE_UNITS_MANAGER_LABELS_EN, n as MEASURE_UNIT_DELETE_DIALOG_LABELS_EN, e as PRODUCT_FORM_SHEET_LABELS_EN, r as PRODUCT_SELECTOR_LABELS_EN };

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

@@ -1,107 +1,127 @@
-import { Input as e, cn as t } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { PRODUCT_SELECTOR_LABELS_EN as n } from "./index2.js";
-import { useCallback as r, useId as i, useState as a } from "react";
+import { cn as e } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { PRODUCT_SELECTOR_LABELS_EN as t } from "./index2.js";
+import { useCallback as n, useId as r, useRef as i, useState as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { CheckIcon as c, Loader2Icon as l } from "lucide-react";
+import { CheckIcon as c, ChevronDownIcon as l, Loader2Icon as u } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index6.js
-function u({ inputValue: u, onInputValueChange: d, options: f, value: p, onOptionSelect: m, isLoading: h, disabled: g, invalid: _, inputId: v, focusOnMount: y, maxLength: b, labels: x }) {
-	let S = {
-		...n,
-		...x
-	}, C = i(), [w, T] = a(!1), [E, D] = a(), O = f.findIndex((e) => e.value === E), k = () => {
-		T(!1), D(void 0);
-	}, A = (e) => {
-		m(e), k();
-	}, j = (e) => `${C}-option-${e}`, M = (e) => {
+function d({ inputValue: d, onInputValueChange: f, options: p, value: m, onOptionSelect: h, isLoading: g, disabled: _, invalid: v, inputId: y, focusOnMount: b, maxLength: x, labels: S }) {
+	let C = {
+		...t,
+		...S
+	}, w = r(), [T, E] = a(!1), [D, O] = a(), k = p.findIndex((e) => e.value === D), A = () => {
+		E(!1), O(void 0);
+	}, j = (e) => {
+		h(e), A();
+	}, M = (e) => `${w}-option-${e}`, N = (e) => {
 		if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-			if (e.preventDefault(), T(!0), !f.length) return;
-			let t = e.key === "ArrowDown" ? Math.min(O + 1, f.length - 1) : Math.max(O - 1, 0);
-			D(f[t].value), document.getElementById(j(t))?.scrollIntoView?.({ block: "nearest" });
+			if (e.preventDefault(), E(!0), !p.length) return;
+			let t = e.key === "ArrowDown" ? Math.min(k + 1, p.length - 1) : Math.max(k - 1, 0);
+			O(p[t].value), document.getElementById(M(t))?.scrollIntoView?.({ block: "nearest" });
 			return;
 		}
 		if (e.key === "Enter") {
 			e.preventDefault();
-			let t = f[O];
-			w && t ? A(t.value) : k();
+			let t = p[k];
+			T && t ? j(t.value) : A();
 			return;
 		}
-		if (e.key === "Tab" && w) {
-			let e = u.trim().toLowerCase();
+		if (e.key === "Tab" && T) {
+			let e = d.trim().toLowerCase();
 			if (!e) return;
-			let t = f.find((t) => t.label.toLowerCase() === e) ?? (f.length === 1 ? f[0] : void 0);
-			t ? A(t.value) : k();
+			let t = p.find((t) => t.label.toLowerCase() === e) ?? (p.length === 1 ? p[0] : void 0);
+			t ? j(t.value) : A();
 			return;
 		}
-		e.key === "Escape" && w && (e.stopPropagation(), k());
-	}, N = r((e) => {
-		e && y && e.focus();
-	}, [y]), P = w && O >= 0 ? j(O) : void 0;
+		e.key === "Escape" && T && (e.stopPropagation(), A());
+	}, P = i(null), F = n((e) => {
+		P.current = e, e && b && e.focus();
+	}, [b]), I = () => {
+		if (T) {
+			A();
+			return;
+		}
+		P.current?.focus(), E(!0);
+	}, L = T && k >= 0 ? M(k) : void 0;
 	return /* @__PURE__ */ s("div", {
 		className: "ttw:relative ttw:w-full",
-		children: [
-			h ? /* @__PURE__ */ o(l, { className: "ttw:pointer-events-none ttw:absolute ttw:left-3 ttw:top-1/2 ttw:size-4 ttw:-translate-y-1/2 ttw:animate-spin ttw:text-muted-foreground" }) : null,
-			/* @__PURE__ */ o(e, {
-				id: v,
-				role: "combobox",
-				"aria-label": S.fieldLabel,
-				"aria-autocomplete": "list",
-				"aria-expanded": w,
-				"aria-controls": C,
-				"aria-activedescendant": P,
-				"aria-invalid": _ || void 0,
-				autoComplete: "off",
-				ref: N,
-				maxLength: b,
-				disabled: g,
-				placeholder: S.placeholder,
-				className: t(h && "ttw:pl-9"),
-				value: u,
-				onFocus: () => T(!0),
-				onClick: () => T(!0),
-				onBlur: k,
-				onChange: (e) => {
-					d(e.target.value), T(!0), D(void 0);
-				},
-				onKeyDown: M
-			}),
-			w && !g ? /* @__PURE__ */ o("div", {
-				role: "presentation",
-				className: "ttw:absolute ttw:left-0 ttw:top-full ttw:z-50 ttw:mt-1 ttw:w-full ttw:min-w-138 ttw:overflow-hidden ttw:rounded-md ttw:border ttw:border-border ttw:bg-popover ttw:text-popover-foreground ttw:shadow-md",
-				onMouseDown: (e) => e.preventDefault(),
-				children: /* @__PURE__ */ s("ul", {
-					id: C,
-					role: "listbox",
-					"aria-label": S.fieldLabel,
-					className: "ttw:max-h-87 ttw:scroll-py-1 ttw:overflow-y-auto ttw:p-1",
-					children: [f.map((e, n) => /* @__PURE__ */ s("li", {
-						id: j(n),
-						role: "option",
-						"aria-selected": e.value === p,
-						className: t("ttw:relative ttw:flex ttw:w-full ttw:cursor-default ttw:items-center ttw:gap-2 ttw:rounded-sm ttw:py-1.5 ttw:pr-8 ttw:pl-2 ttw:text-sm ttw:select-none", n === O && "ttw:bg-accent ttw:text-accent-foreground"),
-						onMouseEnter: () => D(e.value),
-						onMouseDown: () => A(e.value),
-						children: [
-							/* @__PURE__ */ o("span", {
-								className: "ttw:min-w-0 ttw:flex-1 ttw:truncate",
-								children: e.label
-							}),
-							e.meta ? /* @__PURE__ */ o("span", {
-								className: "ttw:shrink-0 ttw:text-right ttw:text-xs ttw:text-muted-foreground",
-								children: e.meta
-							}) : null,
-							e.value === p ? /* @__PURE__ */ o("span", {
-								className: "ttw:pointer-events-none ttw:absolute ttw:right-2 ttw:flex ttw:size-4 ttw:items-center ttw:justify-center",
-								children: /* @__PURE__ */ o(c, { className: "ttw:size-4" })
-							}) : null
-						]
-					}, e.value)), f.length ? null : /* @__PURE__ */ o("li", {
-						className: "ttw:py-2 ttw:text-center ttw:text-sm ttw:text-muted-foreground",
-						children: S.emptyText
-					})]
+		children: [/* @__PURE__ */ s("div", {
+			className: e("ttw:flex ttw:h-9 ttw:w-full ttw:min-w-0 ttw:items-center ttw:rounded-md ttw:border ttw:border-input ttw:shadow-xs ttw:transition-[color,box-shadow] ttw:has-[input:focus-visible]:border-ring ttw:has-[input:focus-visible]:ring-[3px] ttw:has-[input:focus-visible]:ring-ring/50 ttw:has-[[aria-invalid=true]]:border-destructive", _ && "ttw:opacity-50"),
+			children: [
+				g ? /* @__PURE__ */ o(u, { className: "ttw:pointer-events-none ttw:ml-3 ttw:size-4 ttw:shrink-0 ttw:animate-spin ttw:text-muted-foreground" }) : null,
+				/* @__PURE__ */ o("input", {
+					id: y,
+					role: "combobox",
+					"aria-label": C.fieldLabel,
+					"aria-autocomplete": "list",
+					"aria-expanded": T,
+					"aria-controls": w,
+					"aria-activedescendant": L,
+					"aria-invalid": v || void 0,
+					autoComplete: "off",
+					ref: F,
+					maxLength: x,
+					disabled: _,
+					placeholder: C.placeholder,
+					className: e("ttw:h-full ttw:min-w-0 ttw:flex-1 ttw:bg-transparent ttw:pr-2 ttw:text-base ttw:outline-none ttw:placeholder:text-muted-foreground ttw:disabled:cursor-not-allowed ttw:md:text-sm", g ? "ttw:pl-2" : "ttw:pl-3"),
+					value: d,
+					onFocus: () => E(!0),
+					onClick: () => E(!0),
+					onBlur: A,
+					onChange: (e) => {
+						f(e.target.value), E(!0), O(void 0);
+					},
+					onKeyDown: N
+				}),
+				/* @__PURE__ */ o("button", {
+					type: "button",
+					tabIndex: -1,
+					"aria-label": C.toggleListButton,
+					"aria-controls": w,
+					"aria-expanded": T,
+					disabled: _,
+					className: "ttw:mr-[0.3rem] ttw:flex ttw:size-6 ttw:shrink-0 ttw:cursor-pointer ttw:items-center ttw:justify-center ttw:rounded-[calc(var(--radius)-5px)] ttw:text-muted-foreground ttw:transition-all ttw:hover:bg-accent ttw:hover:text-accent-foreground ttw:disabled:pointer-events-none",
+					onMouseDown: (e) => e.preventDefault(),
+					onClick: I,
+					children: /* @__PURE__ */ o(l, { className: "ttw:pointer-events-none ttw:size-4" })
 				})
-			}) : null
-		]
+			]
+		}), T && !_ ? /* @__PURE__ */ o("div", {
+			role: "presentation",
+			className: "ttw:absolute ttw:left-0 ttw:top-full ttw:z-50 ttw:mt-1.5 ttw:w-full ttw:min-w-138 ttw:overflow-hidden ttw:rounded-md ttw:bg-popover ttw:text-popover-foreground ttw:shadow-md ttw:ring-1 ttw:ring-foreground/10",
+			onMouseDown: (e) => e.preventDefault(),
+			children: /* @__PURE__ */ s("ul", {
+				id: w,
+				role: "listbox",
+				"aria-label": C.fieldLabel,
+				className: "ttw:max-h-87 ttw:scroll-py-1 ttw:overflow-y-auto ttw:p-1",
+				children: [p.map((t, n) => /* @__PURE__ */ s("li", {
+					id: M(n),
+					role: "option",
+					"aria-selected": t.value === m,
+					className: e("ttw:relative ttw:flex ttw:w-full ttw:cursor-default ttw:items-center ttw:gap-2 ttw:rounded-sm ttw:py-1.5 ttw:pr-8 ttw:pl-2 ttw:text-sm ttw:select-none", n === k && "ttw:bg-accent ttw:text-accent-foreground"),
+					onMouseEnter: () => O(t.value),
+					onMouseDown: () => j(t.value),
+					children: [
+						/* @__PURE__ */ o("span", {
+							className: "ttw:min-w-0 ttw:flex-1 ttw:truncate",
+							children: t.label
+						}),
+						t.meta ? /* @__PURE__ */ o("span", {
+							className: "ttw:shrink-0 ttw:text-right ttw:text-xs ttw:text-muted-foreground",
+							children: t.meta
+						}) : null,
+						t.value === m ? /* @__PURE__ */ o("span", {
+							className: "ttw:pointer-events-none ttw:absolute ttw:right-2 ttw:flex ttw:size-4 ttw:items-center ttw:justify-center",
+							children: /* @__PURE__ */ o(c, { className: "ttw:size-4" })
+						}) : null
+					]
+				}, t.value)), p.length ? null : /* @__PURE__ */ o("li", {
+					className: "ttw:py-2 ttw:text-center ttw:text-sm ttw:text-muted-foreground",
+					children: C.emptyText
+				})]
+			})
+		}) : null]
 	});
 }
 //#endregion
-export { u as ProductSelector, u as default };
+export { d as ProductSelector, d as default };

package/package.json

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

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

@@ -1,4 +0,0 @@
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "./index41.js";
-import "react/jsx-runtime";
-import "lucide-react";