@appcorp/app-corp-vista 0.1.74 → 0.1.75

package/molecules/vista-combobox-v1/vista-combobox-v1.js

@@ -45,7 +45,13 @@ var VistaComboboxV1 = function (_a) {
             ? listItems
             : listItems.filter(function (item) { var _a; return (_a = item[selectKey1]) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(query.toLowerCase()); });
     }, [listItems, query, selectKey1]);
-    return (react_1.default.createElement(react_2.Combobox, { as: "div", className: "".concat(comboboxClassName), onChange: function (v) { return handleOnChange(nodeSelectKey, v); }, value: selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem[selectKey1], disabled: disabled },
+    var filteredItem = (0, react_1.useMemo)(function () {
+        return listItems.filter(function (_a) {
+            var id = _a.id;
+            return id === selectedItem.id;
+        })[0];
+    }, [selectedItem]);
+    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], disabled: disabled },
         react_1.default.createElement(react_2.Label, { className: "block text-sm/6 font-medium text-gray-900 dark:text-white ".concat(labelClassName) },
             label,
             " ",

package/molecules/vista-select-v1/vista-select-v1.js

@@ -1,15 +1,51 @@
 'use client';
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaSelectV1 = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var react_2 = require("@headlessui/react");
 var solid_1 = require("@heroicons/react/20/solid");
 var VistaSelectV1 = function (_a) {
     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;
+    var filteredItem = (0, react_1.useMemo)(function () {
+        return listItems.filter(function (_a) {
+            var id = _a.id;
+            return id === selectedItem.id;
+        })[0];
+    }, [selectedItem]);
     return (react_1.default.createElement("div", { className: className },
         react_1.default.createElement(react_2.Listbox, { value: selectedItem, onChange: function (v) { return handleOnChange(nodeSelectKey, v); } },
             label && (react_1.default.createElement(react_2.Label, { className: "block text-sm/6 font-medium text-gray-900 dark:text-white", id: nodeSelectKey },
@@ -18,7 +54,7 @@ var VistaSelectV1 = function (_a) {
                 required && react_1.default.createElement("sup", { className: "text-red-500" }, "*"))),
             react_1.default.createElement("div", { className: "relative ".concat(label ? 'mt-2' : '') },
                 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 },
-                    react_1.default.createElement("span", { className: "block truncate" }, selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem[selectKey1]),
+                    react_1.default.createElement("span", { className: "block truncate" }, filteredItem === null || filteredItem === void 0 ? void 0 : filteredItem[selectKey1]),
                     react_1.default.createElement("span", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2" },
                         react_1.default.createElement(solid_1.ChevronUpDownIcon, { "aria-hidden": "true", className: "size-5 text-gray-900 dark:text-white" }))),
                 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 },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/app-corp-vista",
-  "version": "0.1.74",
+  "version": "0.1.75",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
     "build:next": "next build",

package/type/vista-combobox-type.d.ts

@@ -9,7 +9,7 @@ export interface VistaComboboxV1Props {
     error?: string;
     handleInputOnChange: (k: string, v: string) => void;
     handleOnBlur: (k: string, v: string) => void;
-    handleOnChange: (k: string, v: string) => void;
+    handleOnChange: (k: string, v: object) => void;
     inputIconClassName?: string;
     label: string;
     labelClassName?: string;

package/type/vista-select-type.d.ts

@@ -1,6 +1,6 @@
 export interface VistaSelectV1Props {
     className?: string;
-    handleOnChange: (k: string, v: object | string) => void;
+    handleOnChange: (k: string, v: object) => void;
     label?: string;
     listItems: any[];
     nodeSelectKey: string;