@appcorp/app-corp-vista 0.1.73 → 0.1.74
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.
|
@@ -51,10 +51,10 @@ var VistaComboboxV1 = function (_a) {
|
|
|
51
51
|
" ",
|
|
52
52
|
required && react_1.default.createElement("sup", { className: "text-red-500" }, "*")),
|
|
53
53
|
react_1.default.createElement("div", { className: "relative mt-2" },
|
|
54
|
-
react_1.default.createElement(react_2.ComboboxInput, { className: "w-full rounded-md border-0 bg-white/5 dark:bg-white/5 py-1.5 pl-3 pr-10 text-gray-900 dark:text-white shadow-sm ring-1 ring-inset ring-gray-
|
|
54
|
+
react_1.default.createElement(react_2.ComboboxInput, { className: "w-full rounded-md border-0 bg-white/5 dark:bg-white/5 py-1.5 pl-3 pr-10 text-gray-900 dark:text-white shadow-sm ring-1 ring-inset ring-gray-200 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm/6 ".concat(comboboxInputClassName), onChange: function (e) { return handleInputOnChange(nodeQueryKey, e.target.value); }, onBlur: function (e) { return handleOnBlur(nodeQueryKey, e.target.value); }, placeholder: placeholder }),
|
|
55
55
|
react_1.default.createElement(react_2.ComboboxButton, { className: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none ".concat(comboboxButtonClassName) },
|
|
56
56
|
react_1.default.createElement(solid_1.ChevronUpDownIcon, { className: "size-5 text-gray-900 dark:text-white\" aria-hidden=\"true ".concat(inputIconClassName) })),
|
|
57
|
-
(filteredList === null || filteredList === void 0 ? void 0 : filteredList.length) > 0 && (react_1.default.createElement(react_2.ComboboxOptions, { className: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-gray-200 dark:bg-gray-700 py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-none sm:text-sm ".concat(comboboxOptionsClassName) }, filteredList.map(function (item) { return (react_1.default.createElement(react_2.ComboboxOption, { className: "group relative cursor-default select-none py-2 pl-3 pr-9 text-gray-900 dark:text-white data-[focus]:bg-primary data-[focus]:text-white data-[focus]:outline-none ".concat(comboboxOptionClassName), key: item[selectKey1] || item, value: item
|
|
57
|
+
(filteredList === null || filteredList === void 0 ? void 0 : filteredList.length) > 0 && (react_1.default.createElement(react_2.ComboboxOptions, { className: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-gray-200 dark:bg-gray-700 py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-none sm:text-sm ".concat(comboboxOptionsClassName) }, filteredList.map(function (item) { return (react_1.default.createElement(react_2.ComboboxOption, { className: "group relative cursor-default select-none py-2 pl-3 pr-9 text-gray-900 dark:text-white data-[focus]:bg-primary data-[focus]:text-white data-[focus]:outline-none ".concat(comboboxOptionClassName), key: item[selectKey1] || item, value: item },
|
|
58
58
|
react_1.default.createElement("span", { className: "block truncate group-data-[selected]:font-semibold" }, item[selectKey1] || item),
|
|
59
59
|
react_1.default.createElement("span", { className: "absolute inset-y-0 right-0 hidden items-center pr-4 text-primary group-data-[selected]:flex group-data-[focus]:text-white ".concat(checkClassName) },
|
|
60
60
|
react_1.default.createElement(solid_1.CheckIcon, { className: "size-5", "aria-hidden": "true" })))); })))),
|
|
@@ -17,7 +17,7 @@ var VistaSelectV1 = function (_a) {
|
|
|
17
17
|
" ",
|
|
18
18
|
required && react_1.default.createElement("sup", { className: "text-red-500" }, "*"))),
|
|
19
19
|
react_1.default.createElement("div", { className: "relative ".concat(label ? 'mt-2' : '') },
|
|
20
|
-
react_1.default.createElement(react_2.ListboxButton, { className: "relative w-full cursor-default rounded-md bg-white/5 dark:bg-white/5 py-1.5 pl-3 pr-10 text-left text-gray-900 dark:text-white shadow-sm ring-1 ring-inset ring-gray-
|
|
20
|
+
react_1.default.createElement(react_2.ListboxButton, { className: "relative w-full cursor-default rounded-md bg-white/5 dark:bg-white/5 py-1.5 pl-3 pr-10 text-left text-gray-900 dark:text-white shadow-sm ring-1 ring-inset ring-gray-200 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm/6 min-h-9", id: nodeSelectKey },
|
|
21
21
|
react_1.default.createElement("span", { className: "block truncate" }, selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem[selectKey1]),
|
|
22
22
|
react_1.default.createElement("span", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2" },
|
|
23
23
|
react_1.default.createElement(solid_1.ChevronUpDownIcon, { "aria-hidden": "true", className: "size-5 text-gray-900 dark:text-white" }))),
|