@appcorp/app-corp-vista 0.1.72 → 0.1.73
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.
|
@@ -12,7 +12,7 @@ var VistaSelectV1 = function (_a) {
|
|
|
12
12
|
var _b = _a.className, className = _b === void 0 ? '' : _b, handleOnChange = _a.handleOnChange, label = _a.label, listItems = _a.listItems, nodeSelectKey = _a.nodeSelectKey, _c = _a.required, required = _c === void 0 ? false : _c, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selectedItem = _a.selectedItem;
|
|
13
13
|
return (react_1.default.createElement("div", { className: className },
|
|
14
14
|
react_1.default.createElement(react_2.Listbox, { value: selectedItem, onChange: function (v) { return handleOnChange(nodeSelectKey, v); } },
|
|
15
|
-
label && (react_1.default.createElement(react_2.Label, { className: "block text-sm/6 font-medium text-gray-900 dark:text-white" },
|
|
15
|
+
label && (react_1.default.createElement(react_2.Label, { className: "block text-sm/6 font-medium text-gray-900 dark:text-white", id: nodeSelectKey },
|
|
16
16
|
label,
|
|
17
17
|
" ",
|
|
18
18
|
required && react_1.default.createElement("sup", { className: "text-red-500" }, "*"))),
|
|
@@ -21,7 +21,7 @@ var VistaSelectV1 = function (_a) {
|
|
|
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" }))),
|
|
24
|
-
react_1.default.createElement(react_2.ListboxOptions, { 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 data-[closed]:data-[leave]:opacity-0 data-[leave]:transition data-[leave]:duration-100 data-[leave]:ease-in sm:text-sm", transition: true, id: nodeSelectKey }, listItems.map(function (item) { return (react_1.default.createElement(react_2.ListboxOption, {
|
|
24
|
+
react_1.default.createElement(react_2.ListboxOptions, { 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 data-[closed]:data-[leave]:opacity-0 data-[leave]:transition data-[leave]:duration-100 data-[leave]:ease-in sm:text-sm", transition: true, id: nodeSelectKey }, listItems.map(function (item) { return (react_1.default.createElement(react_2.ListboxOption, { 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", id: item[selectKey1], key: item[selectKey1], value: item },
|
|
25
25
|
react_1.default.createElement("span", { className: "block truncate font-normal group-data-[selected]:font-semibold" },
|
|
26
26
|
item[selectKey1],
|
|
27
27
|
" ",
|