@appcorp/app-corp-vista 0.1.77 → 0.1.79

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

@@ -51,7 +51,7 @@ var VistaComboboxV1 = function (_a) {
             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 },
+    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 },
         react_1.default.createElement(react_2.Label, { className: "block text-sm/6 font-medium text-gray-900 dark:text-white ".concat(labelClassName) },
             label,
             " ",

package/organisms/vista-table-v1/vista-table-body-v1.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 import { VistaTableV1Props } from '../../type/vista-table-type';
+import 'react-photo-view/dist/react-photo-view.css';
 export declare const TOOLTIP_OFFSET = -8;
 export declare const rowClasses = "odd:bg-gray-100 even:bg-gray-200 hover:bg-gray-300 dark:odd:bg-gray-800 dark:even:bg-gray-700 dark:hover:bg-gray-600";
 export declare const dataClasses = "p-2 cursor-pointer";

package/organisms/vista-table-v1/vista-table-body-v1.js

@@ -38,11 +38,13 @@ exports.VistaTableBodyV1 = exports.dataClasses = exports.rowClasses = exports.TO
 var react_1 = __importStar(require("react"));
 var util_functions_1 = require("@react-pakistan/util-functions");
 var react_tooltip_1 = require("react-tooltip");
-var vista_table_cell_v1_1 = require("../../atoms/table-cell-v1/vista-table-cell-v1");
+var vista_table_cell_v1_1 = require("../../atoms/vista-table-cell-v1/vista-table-cell-v1");
 var vista_dropdown_menu_v1_1 = require("../../molecules/vista-dropdown-menu-v1/vista-dropdown-menu-v1");
 var vista_shimmer_v1_1 = require("../../atoms/vista-shimmer-v1/vista-shimmer-v1");
 var vista_table_type_1 = require("../../type/vista-table-type");
 var uuid_1 = require("uuid");
+var react_photo_view_1 = require("react-photo-view");
+require("react-photo-view/dist/react-photo-view.css");
 exports.TOOLTIP_OFFSET = -8;
 exports.rowClasses = 'odd:bg-gray-100 even:bg-gray-200 hover:bg-gray-300 dark:odd:bg-gray-800 dark:even:bg-gray-700 dark:hover:bg-gray-600';
 exports.dataClasses = 'p-2 cursor-pointer';
@@ -64,7 +66,12 @@ var componentMap = (_a = {},
     _a[vista_table_type_1.VISTA_TABLE_CELL_TYPE.ACTIONS] = function (id, rowActions) { return (react_1.default.createElement("td", { className: exports.dataClasses },
         react_1.default.createElement("div", { className: "flex flex-row justify-center" },
             react_1.default.createElement(vista_dropdown_menu_v1_1.VistaDropdownMenuV1, { assetId: id, rowActions: rowActions })))); },
-    _a[vista_table_type_1.VISTA_TABLE_CELL_TYPE.IMAGE] = function () { return (react_1.default.createElement(react_1.default.Fragment, null)); },
+    _a[vista_table_type_1.VISTA_TABLE_CELL_TYPE.IMAGE] = function (images) { return (react_1.default.createElement("td", { className: exports.dataClasses },
+        react_1.default.createElement(react_photo_view_1.PhotoProvider, null,
+            react_1.default.createElement("div", { className: 'flex flex-row gap-2 flex-wrap' }, images.map(function (item, index) { return (react_1.default.createElement(react_photo_view_1.PhotoView, { key: index, src: item },
+                react_1.default.createElement("img", { src: item, alt: "image", height: 70, width: 70, className: 'rounded-lg' }))); }))))); },
+    _a[vista_table_type_1.VISTA_TABLE_CELL_TYPE.OBJECT] = function (val) { return (react_1.default.createElement("td", { className: exports.dataClasses },
+        react_1.default.createElement(vista_table_cell_v1_1.VistaTableCellV1, { label: val }))); },
     _a[vista_table_type_1.VISTA_TABLE_CELL_TYPE.MULTIPLE_TEXT_LINES] = function (val) { return (react_1.default.createElement("td", { className: exports.dataClasses }, val.map(function (v) {
         var id = (0, uuid_1.v4)();
         return (react_1.default.createElement(vista_table_cell_v1_1.VistaTableCellV1, { key: id, label: v }));
@@ -84,18 +91,26 @@ var VistaTableBodyV1 = function (_a) {
             }),
         !loading && (tableBodyRows === null || tableBodyRows === void 0 ? void 0 : tableBodyRows.map(function (row) {
             var ref = (0, uuid_1.v4)();
-            return (react_1.default.createElement("tr", { key: ref, className: exports.rowClasses }, tableBodyCols.map(function (_a, ind) {
+            return (react_1.default.createElement("tr", { key: ref, className: exports.rowClasses }, tableBodyCols.map(function (_a) {
                 var _b;
                 var key = _a.key, componentType = _a.componentType, expression = _a.expression;
                 var computedValue = '';
-                if (Array.isArray(key) && componentType !== vista_table_type_1.VISTA_TABLE_CELL_TYPE.MULTIPLE_TEXT_LINES) {
+                if (Array.isArray(key) && componentType === vista_table_type_1.VISTA_TABLE_CELL_TYPE.OBJECT) {
                     computedValue = row[key[0]][key[1]];
                 }
                 else if (Array.isArray(key) && componentType === vista_table_type_1.VISTA_TABLE_CELL_TYPE.MULTIPLE_TEXT_LINES) {
-                    computedValue = key.map(function (k) { return row[k]; });
+                    if (expression) {
+                        computedValue = key.map(function (k) { return expression(row[k]); });
+                    }
+                    else {
+                        computedValue = key.map(function (k) { return row[k]; });
+                    }
                 }
                 else {
                     computedValue = row[key];
+                    if (expression) {
+                        computedValue = expression(row[key]);
+                    }
                 }
                 if (componentType === vista_table_type_1.VISTA_TABLE_CELL_TYPE.CREATED_UPDATED_AT) {
                     computedValue = "".concat(row['createdAt']).concat(util_functions_1.VALUE_DELIMITER.DOLLAR).concat(row['updatedAt']);
@@ -103,9 +118,6 @@ var VistaTableBodyV1 = function (_a) {
                 if (componentType === vista_table_type_1.VISTA_TABLE_CELL_TYPE.ACTIONS) {
                     computedValue = row.id;
                 }
-                if (expression) {
-                    computedValue = expression(row[key]);
-                }
                 var reff = (0, uuid_1.v4)();
                 return (react_1.default.createElement(react_1.Fragment, { key: reff }, (_b = componentMap[componentType]) === null || _b === void 0 ? void 0 : _b.call(componentMap, computedValue, rowActions)));
             })));

package/organisms/vista-table-v1/vista-table-head-v1.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaTableHeadV1 = void 0;
 var react_1 = __importDefault(require("react"));
-var vista_table_cell_v1_1 = require("../../atoms/table-cell-v1/vista-table-cell-v1");
+var vista_table_cell_v1_1 = require("../../atoms/vista-table-cell-v1/vista-table-cell-v1");
 var VistaTableHeadV1 = function (_a) {
     var items = _a.items;
     return (react_1.default.createElement("tr", null, items.map(function (_a) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/app-corp-vista",
-  "version": "0.1.77",
+  "version": "0.1.79",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
     "build:next": "next build",
@@ -80,6 +80,7 @@
     "react": "^19",
     "react-copy-to-clipboard": "^5.1.0",
     "react-dom": "^19",
+    "react-photo-view": "^1.2.7",
     "react-slick": "^0.30.3",
     "react-tooltip": "^5.28.1",
     "slick-carousel": "^1",

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

@@ -19,6 +19,7 @@ export declare enum VISTA_TABLE_CELL_TYPE {
     ID = "ID",
     IMAGE = "IMAGE",
     MULTIPLE_TEXT_LINES = "MULTIPLE_TEXT_LINES",
+    OBJECT = "OBJECT",
     TEXT = "TEXT"
 }
 export interface VistaTableV1Props {

package/type/vista-table-type.js

@@ -9,5 +9,6 @@ var VISTA_TABLE_CELL_TYPE;
     VISTA_TABLE_CELL_TYPE["ID"] = "ID";
     VISTA_TABLE_CELL_TYPE["IMAGE"] = "IMAGE";
     VISTA_TABLE_CELL_TYPE["MULTIPLE_TEXT_LINES"] = "MULTIPLE_TEXT_LINES";
+    VISTA_TABLE_CELL_TYPE["OBJECT"] = "OBJECT";
     VISTA_TABLE_CELL_TYPE["TEXT"] = "TEXT";
 })(VISTA_TABLE_CELL_TYPE || (exports.VISTA_TABLE_CELL_TYPE = VISTA_TABLE_CELL_TYPE = {}));