@appcorp/stellar-solutions-invoice-module 0.1.21 → 0.1.24

package/base-modules/invoice/constants.js

@@ -321,18 +321,22 @@ exports.staticServiceSection = (_c = {},
     ],
     _c);
 exports.staticProductSection = (_d = {},
-    _d[form_schema_1.VISTA_FORM_ELEMENTS.SELECT_V1] = [
+    _d[form_schema_1.VISTA_FORM_ELEMENTS.COMBOBOX_V1] = [
         {
-            className: 'col-span-2',
+            // className: 'col-span-2',
+            // selectKey2: '',
             enabled: true,
+            handleInputOnChange: function () { return void 0; },
+            handleOnBlur: function () { return void 0; },
             handleOnChange: function () { return void 0; },
             label: 'Product',
             listItems: [],
+            nodeQueryKey: 'productQuery',
             nodeSelectKey: 'productId',
             order: 1,
+            query: '',
             required: false,
             selectKey1: 'name',
-            selectKey2: '',
             selectedItem: { name: '' },
         },
     ],

package/base-modules/invoice/context.js

@@ -752,7 +752,11 @@ var useInvoiceState = function () {
         if (comboboxElements) {
             (_d = state.products) === null || _d === void 0 ? void 0 : _d.forEach(function (product, i) {
                 comboboxElements[0].listItems = products;
+                comboboxElements[0].query = state.productQuery;
+                comboboxElements[0].handleInputOnChange = handleChange;
+                comboboxElements[0].handleOnBlur = handleChange;
                 comboboxElements[0].handleOnChange = function (k, v) {
+                    console.log('_>>>>>>>>>', k, v);
                     var val = __assign({}, v);
                     handleItemChangeProducts({
                         index: i,
@@ -777,7 +781,7 @@ var useInvoiceState = function () {
             });
         }
         return elements;
-    }, [state, handleItemChangeProducts, products]);
+    }, [state, handleItemChangeProducts, products, handleChange]);
     var headerActions = [
         {
             enabled: true,

package/base-modules/invoice/products-form-section.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -14,17 +25,20 @@ var vista_button_type_1 = require("@appcorp/app-corp-vista/type/vista-button-typ
 var vista_combobox_v1_1 = require("@appcorp/app-corp-vista/molecules/vista-combobox-v1/vista-combobox-v1");
 var context_2 = require("@appcorp/stellar-solutions-product-module/base-modules/product/context");
 var ProductsSection = function () {
-    var _a = (0, context_1.useInvoiceStateContext)(), products = _a.products, handleItemChangeProducts = _a.handleItemChangeProducts, handleDeleteServiceRow = _a.handleDeleteServiceRow;
+    var _a = (0, context_1.useInvoiceStateContext)(), products = _a.products, handleItemChangeProducts = _a.handleItemChangeProducts, handleDeleteServiceRow = _a.handleDeleteServiceRow, handleChange = _a.handleChange;
     var productList = (0, context_2.useProductStateContext)().products;
     return (react_1.default.createElement("div", { className: "flex flex-col gap-4" },
         react_1.default.createElement(vista_vertical_divider_v4_1.VistaVerticalDividerV4, { label: "Products" }),
         products.map(function (row, index) { return (react_1.default.createElement("div", { key: index, className: 'grid grid-cols-[17.5%_17.5%_17.5%_17.5%_17.5%_auto] items-end justify-between gap-4' },
             react_1.default.createElement("div", { className: 'col-span-2' },
-                react_1.default.createElement(vista_combobox_v1_1.VistaComboboxV1, { handleInputOnChange: function (k, v) { return handleItemChangeProducts({
-                        index: index,
-                        key: k,
-                        value: v
-                    }); }, handleOnBlur: function () { return void 0; }, handleOnChange: function () { return void 0; }, label: "Product", listItems: productList, nodeQueryKey: '', nodeSelectKey: 'productId', query: '', selectKey1: 'name', selectedItem: { id: products[index].productId } })),
+                react_1.default.createElement(vista_combobox_v1_1.VistaComboboxV1, { handleOnChange: function (k, v) {
+                        var val = __assign({}, v);
+                        handleItemChangeProducts({
+                            index: index,
+                            key: k,
+                            value: val.id,
+                        });
+                    }, handleOnBlur: handleChange, handleInputOnChange: handleChange, label: "Product", listItems: productList, nodeQueryKey: 'productQuery', nodeSelectKey: 'productId', query: '', selectKey1: 'name', selectedItem: { id: products[index].productId } })),
             react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: function (k, v) { return handleItemChangeProducts({ index: index, key: k, value: v }); }, id: 'quantity', label: 'Quantity', placeholder: '1', value: String(products[index].quantity), type: 'text' }),
             react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: function (k, v) { return handleItemChangeProducts({ index: index, key: k, value: v }); }, id: 'price', label: 'Price', placeholder: '0.00', value: products[index].price, type: 'number' }),
             react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: function (k, v) { return handleItemChangeProducts({ index: index, key: k, value: v }); }, id: 'rowTotal', label: 'Row Total', placeholder: '0.00', value: products[index].rowTotal, type: 'number', readOnly: true }),

package/base-modules/invoice/reducer.js

@@ -32,6 +32,7 @@ exports.initialInvoiceState = {
     city: '',
     companyId: '',
     companyQuery: '',
+    productQuery: '',
     count: 0,
     country: '',
     currency: 'PKR',

package/base-modules/invoice/types.d.ts

@@ -122,6 +122,7 @@ export interface InvoiceState extends Omit<InvoiceTypeBE, 'createdAt' | 'updated
     address: string;
     city: string;
     companyQuery: string;
+    productQuery: string;
     count: number;
     country: string;
     currentPage: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/stellar-solutions-invoice-module",
-  "version": "0.1.21",
+  "version": "0.1.24",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
     "build:next": "next build",