@appcorp/app-corp-vista 0.1.81 → 0.1.82
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,7 +51,6 @@ var VistaComboboxV1 = function (_a) {
|
|
|
51
51
|
return id === selectedItem.id;
|
|
52
52
|
})[0];
|
|
53
53
|
}, [selectedItem]);
|
|
54
|
-
console.log('_>>>>', selectedItem);
|
|
55
54
|
return (react_1.default.createElement(react_2.Combobox, { as: "div", className: "".concat(comboboxClassName), onChange: function (v) { return handleOnChange(nodeSelectKey, v); }, value: (filteredItem === null || filteredItem === void 0 ? void 0 : filteredItem[selectKey1]) || selectedItem[selectKey1] || '', disabled: disabled },
|
|
56
55
|
react_1.default.createElement(react_2.Label, { className: "block text-sm/6 font-medium text-gray-900 dark:text-white ".concat(labelClassName) },
|
|
57
56
|
label,
|
|
@@ -62,7 +61,7 @@ var VistaComboboxV1 = function (_a) {
|
|
|
62
61
|
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) },
|
|
63
62
|
react_1.default.createElement(solid_1.ChevronUpDownIcon, { className: "size-5 text-gray-900 dark:text-white\" aria-hidden=\"true ".concat(inputIconClassName) })),
|
|
64
63
|
(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 === null || item === void 0 ? void 0 : item[selectKey1], value: item },
|
|
65
|
-
react_1.default.createElement("span", { className: "block truncate group-data-[selected]:font-semibold" },
|
|
64
|
+
react_1.default.createElement("span", { className: "block truncate group-data-[selected]:font-semibold" }, item === null || item === void 0 ? void 0 : item[selectKey1]),
|
|
66
65
|
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) },
|
|
67
66
|
react_1.default.createElement(solid_1.CheckIcon, { className: "size-5", "aria-hidden": "true" })))); })))),
|
|
68
67
|
error && (react_1.default.createElement("p", { id: "".concat(nodeQueryKey, "-error"), className: "mt-2 text-sm text-red-500" }, error))));
|
|
@@ -41,6 +41,9 @@ var solid_1 = require("@heroicons/react/20/solid");
|
|
|
41
41
|
var VistaSelectV1 = function (_a) {
|
|
42
42
|
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;
|
|
43
43
|
var filteredItem = (0, react_1.useMemo)(function () {
|
|
44
|
+
if (!selectedItem.id) {
|
|
45
|
+
return null;
|
|
46
|
+
}
|
|
44
47
|
return listItems.filter(function (_a) {
|
|
45
48
|
var id = _a.id;
|
|
46
49
|
return id === selectedItem.id;
|
|
@@ -54,7 +57,7 @@ var VistaSelectV1 = function (_a) {
|
|
|
54
57
|
required && react_1.default.createElement("sup", { className: "text-red-500" }, "*"))),
|
|
55
58
|
react_1.default.createElement("div", { className: "relative ".concat(label ? 'mt-2' : '') },
|
|
56
59
|
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 },
|
|
57
|
-
react_1.default.createElement("span", { className: "block truncate" }, filteredItem === null || filteredItem === void 0 ? void 0 : filteredItem[selectKey1]),
|
|
60
|
+
react_1.default.createElement("span", { className: "block truncate" }, (filteredItem === null || filteredItem === void 0 ? void 0 : filteredItem[selectKey1]) || selectedItem[selectKey1]),
|
|
58
61
|
react_1.default.createElement("span", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2" },
|
|
59
62
|
react_1.default.createElement(solid_1.ChevronUpDownIcon, { "aria-hidden": "true", className: "size-5 text-gray-900 dark:text-white" }))),
|
|
60
63
|
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 },
|