@tesouro/embedded-components-react 0.2.338 → 0.2.340

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -655,6 +655,10 @@
655
655
  width: calc(var(--ttw-spacing) * 16);
656
656
  height: calc(var(--ttw-spacing) * 16);
657
657
  }
658
+ .ttw\:size-20 {
659
+ width: calc(var(--ttw-spacing) * 20);
660
+ height: calc(var(--ttw-spacing) * 20);
661
+ }
658
662
  .ttw\:size-\[18px\] {
659
663
  width: 18px;
660
664
  height: 18px;
@@ -1,7 +1,9 @@
1
1
  //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index34.js
2
2
  var e = {
3
3
  fieldLabel: "Select or add vendor",
4
+ triggerPlaceholder: "Select vendor",
4
5
  placeholder: "Search",
6
+ searchHint: "Type a vendor name to search",
5
7
  loading: "Searching vendors...",
6
8
  emptyResults: "No vendors found",
7
9
  addVendorAction: "Add vendor"
@@ -2,7 +2,7 @@ import { Command as e, CommandGroup as t, CommandInput as n, CommandItem as r, C
2
2
  import { VENDOR_SEARCH_COMBOBOX_LABELS_EN as f } from "./index34.js";
3
3
  import { useId as p, useState as m } from "react";
4
4
  import { jsx as h, jsxs as g } from "react/jsx-runtime";
5
- import { Plus as _, Search as v } from "lucide-react";
5
+ import { ChevronDown as _, Plus as v } from "lucide-react";
6
6
  //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index35.js
7
7
  var y = 5, b = "ttw:min-h-44";
8
8
  function x({ query: x, onQueryChange: S, results: C, isLoading: w, onAddVendor: T, testId: E, labels: D }) {
@@ -26,13 +26,13 @@ function x({ query: x, onQueryChange: S, results: C, isLoading: w, onAddVendor:
26
26
  id: k,
27
27
  role: "combobox",
28
28
  "aria-expanded": A,
29
- className: "ttw:flex ttw:h-10 ttw:w-full ttw:items-center ttw:gap-2 ttw:rounded-md ttw:border ttw:border-border ttw:bg-background ttw:px-3 ttw:text-left ttw:text-sm ttw:shadow-xs ttw:outline-none ttw:focus-visible:border-ring ttw:focus-visible:ring-[3px] ttw:focus-visible:ring-ring/50",
30
- children: [/* @__PURE__ */ h(v, {
29
+ className: "ttw:flex ttw:h-10 ttw:w-full ttw:items-center ttw:justify-between ttw:gap-2 ttw:rounded-md ttw:border ttw:border-border ttw:bg-background ttw:px-3 ttw:text-left ttw:text-sm ttw:shadow-xs ttw:outline-none ttw:focus-visible:border-ring ttw:focus-visible:ring-[3px] ttw:focus-visible:ring-ring/50",
30
+ children: [/* @__PURE__ */ h("span", {
31
+ className: "ttw:min-w-0 ttw:flex-1 ttw:truncate ttw:text-muted-foreground",
32
+ children: O.triggerPlaceholder
33
+ }), /* @__PURE__ */ h(_, {
31
34
  "aria-hidden": !0,
32
35
  className: "ttw:size-4 ttw:shrink-0 ttw:opacity-50"
33
- }), /* @__PURE__ */ h("span", {
34
- className: d("ttw:min-w-0 ttw:flex-1 ttw:truncate", !x && "ttw:text-muted-foreground"),
35
- children: x || O.placeholder
36
36
  })]
37
37
  })
38
38
  }), /* @__PURE__ */ h(c, {
@@ -64,10 +64,10 @@ function x({ query: x, onQueryChange: S, results: C, isLoading: w, onAddVendor:
64
64
  width: "30%"
65
65
  })]
66
66
  }, t))]
67
- }) : C.length === 0 && x ? /* @__PURE__ */ h("div", {
67
+ }) : x ? C.length === 0 ? /* @__PURE__ */ h("div", {
68
68
  className: d("ttw:flex ttw:items-center ttw:justify-center ttw:py-6 ttw:text-center ttw:text-sm", b),
69
69
  children: O.emptyResults
70
- }) : C.length > 0 ? /* @__PURE__ */ h(t, { children: C.map((e, t) => /* @__PURE__ */ g(r, {
70
+ }) : /* @__PURE__ */ h(t, { children: C.map((e, t) => /* @__PURE__ */ g(r, {
71
71
  value: `${e.name} ${e.email} ${t}`,
72
72
  onSelect: () => e.onSelect(),
73
73
  children: [/* @__PURE__ */ h("span", {
@@ -77,13 +77,16 @@ function x({ query: x, onQueryChange: S, results: C, isLoading: w, onAddVendor:
77
77
  className: "ttw:ml-auto ttw:text-muted-foreground",
78
78
  children: e.email
79
79
  })]
80
- }, `${e.name}:${e.email}:${t}`)) }) : null,
81
- w || C.length > 0 || x ? /* @__PURE__ */ h(a, {}) : null,
80
+ }, `${e.name}:${e.email}:${t}`)) }) : /* @__PURE__ */ h("div", {
81
+ className: d("ttw:flex ttw:items-center ttw:justify-center ttw:py-6 ttw:text-center ttw:text-sm ttw:text-muted-foreground", b),
82
+ children: O.searchHint
83
+ }),
84
+ /* @__PURE__ */ h(a, {}),
82
85
  /* @__PURE__ */ g(r, {
83
86
  value: "__add_vendor__",
84
87
  onSelect: T,
85
88
  className: "ttw:sticky ttw:bottom-0 ttw:bg-popover ttw:text-primary",
86
- children: [/* @__PURE__ */ h(_, { className: "ttw:size-4 ttw:text-primary" }), O.addVendorAction]
89
+ children: [/* @__PURE__ */ h(v, { className: "ttw:size-4 ttw:text-primary" }), O.addVendorAction]
87
90
  })
88
91
  ]
89
92
  })]
@@ -1,5 +1,5 @@
1
1
  //#region ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
2
- var e = "@tesouro/embedded-components-react", t = "0.2.338", n = "d36bb6a82cd2d994c7fc476136e6a9b9bab50052", r = Object.freeze({
2
+ var e = "@tesouro/embedded-components-react", t = "0.2.340", n = "96683717c6476c4de90f097be0352152aa29b098", r = Object.freeze({
3
3
  library_name: e,
4
4
  library_version: t,
5
5
  library_sha: n
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tesouro/embedded-components-react",
3
- "version": "0.2.338",
3
+ "version": "0.2.340",
4
4
  "license": "Apache-2.0",
5
5
  "type": "module",
6
6
  "packageDepSync": {