@appcorp/app-corp-vista 0.0.26 → 0.0.28

package/molecules/{vista-chat-bubble-v1.js → vista-chat-bubble-v1/vista-chat-bubble-v1.js}

@@ -5,11 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaChatBubbleV1 = void 0;
 var react_1 = __importDefault(require("react"));
-var vista_avatar_v1_1 = require("./vista-avatar-v1/vista-avatar-v1");
-var format_timestamp_1 = require("../utils/format-timestamp");
-var vista_chat_type_1 = require("../type/vista-chat-type");
-var chat_triangle_1 = require("../atoms/chat-triangle");
-var chat_circle_1 = require("../atoms/chat-circle");
+var vista_avatar_v1_1 = require("../vista-avatar-v1/vista-avatar-v1");
+var format_timestamp_1 = require("../../utils/format-timestamp");
 var VistaChatBubbleV1 = function (_a) {
     var message = _a.message, timestamp = _a.timestamp, type = _a.type, showAvatar = _a.showAvatar, currentUser = _a.currentUser, status = _a.status;
     var isRecipient = currentUser && type !== currentUser;
@@ -28,18 +25,24 @@ var VistaChatBubbleV1 = function (_a) {
         borderBottomLeftRadius: '8px',
         borderBottomRightRadius: '8px',
     }); };
-    var getTriangle = function () {
-        return showAvatar ? (react_1.default.createElement(chat_triangle_1.ChatTriangle, { fill: isRecipient ? '#E5E7EB' : '#9153D0' })) : null;
-    };
-    var getStatusIndicator = function () {
-        if (isRecipient || !status)
-            return null;
-        var isViewed = status === vista_chat_type_1.VISTA_CHAT_BUBBLE_STATUS.VIEWED;
-        var fillPercentage = isViewed ? '100' : '50';
-        var fillColor = '#7e22ce';
-        var emptyColor = '#D1D5DB';
-        return (react_1.default.createElement(chat_circle_1.ChatCircle, { fillColor: fillColor, fillPercentage: fillPercentage, emptyColor: emptyColor }));
-    };
+    // const getTriangle = (): JSX.Element | null =>
+    //   showAvatar ? (
+    //     <ChatTriangle fill={isRecipient ? '#E5E7EB' : '#9153D0'} />
+    //   ) : null;
+    // const getStatusIndicator = (): JSX.Element | null => {
+    //   if (isRecipient || !status) return null;
+    //   const isViewed = status === VISTA_CHAT_BUBBLE_STATUS.VIEWED;
+    //   const fillPercentage = isViewed ? '100' : '50';
+    //   const fillColor = '#7e22ce';
+    //   const emptyColor = '#D1D5DB';
+    //   return (
+    //     <ChatCircle
+    //       fillColor={fillColor}
+    //       fillPercentage={fillPercentage}
+    //       emptyColor={emptyColor}
+    //     />
+    //   );
+    // };
     var getTextAlignmentClasses = function () {
         return "flex items-center px-4 py-2 text-xs justify-between ".concat(isRecipient ? 'text-left' : 'text-right');
     };
@@ -47,11 +50,10 @@ var VistaChatBubbleV1 = function (_a) {
         react_1.default.createElement("div", { className: "order-1 min-w-10" }, isRecipient && getAvatar()),
         react_1.default.createElement("div", { className: isRecipient ? 'order-2' : 'order-1' },
             react_1.default.createElement("div", { className: getBubbleClasses(), style: getBubbleStyles() },
-                react_1.default.createElement("div", { className: "absolute top-0 size-4 ".concat(isRecipient ? '-left-4 rotate-180' : '-right-4 rotate-90') }, getTriangle()),
+                react_1.default.createElement("div", { className: "absolute top-0 size-4 ".concat(isRecipient ? '-left-4 rotate-180' : '-right-4 rotate-90') }),
                 react_1.default.createElement("p", { className: "px-4 pt-2" }, message),
                 react_1.default.createElement("div", { className: getTextAlignmentClasses() },
-                    react_1.default.createElement("span", { className: "mr-2" }, (0, format_timestamp_1.formatTimestamp)(timestamp)),
-                    getStatusIndicator()))),
+                    react_1.default.createElement("span", { className: "mr-2" }, (0, format_timestamp_1.formatTimestamp)(timestamp))))),
         react_1.default.createElement("div", { className: "order-2 min-w-10" }, !isRecipient && getAvatar())));
 };
 exports.VistaChatBubbleV1 = VistaChatBubbleV1;

package/molecules/{vista-chat-side-bar-v1.js → vista-chat-side-bar-v1/vista-chat-side-bar-v1.js}

@@ -16,9 +16,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaChatSideBarV1 = void 0;
 var react_1 = __importDefault(require("react"));
-var vista_chat_heading_v1_1 = require("./vista-chat-heading-v1");
-var vista_chat_search_bar_v1_1 = require("./vista-chat-search-bar-v1");
-var vista_chat_list_item_v1_1 = require("./vista-chat-list-item-v1");
+var vista_chat_heading_v1_1 = require("../vista-chat-heading-v1/vista-chat-heading-v1");
+var vista_chat_search_bar_v1_1 = require("../vista-chat-search-bar-v1/vista-chat-search-bar-v1");
+var vista_chat_list_item_v1_1 = require("../vista-chat-list-item-v1/vista-chat-list-item-v1");
 var VistaChatSideBarV1 = function (_a) {
     var chats = _a.chats;
     return (react_1.default.createElement("div", { className: "col-span-3 flex flex-col border-r border-gray-600 shadow-md" },

package/molecules/{vista-chat-side-bar-v2.js → vista-chat-side-bar-v2/vista-chat-side-bar-v2.js}

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaChatSideBarV2 = void 0;
 var react_1 = __importDefault(require("react"));
-var vista_chat_heading_v1_1 = require("./vista-chat-heading-v1");
+var vista_chat_heading_v1_1 = require("../vista-chat-heading-v1/vista-chat-heading-v1");
 var VistaChatSideBarV2 = function (_a) {
     var sectionHeading = _a.sectionHeading;
     return (react_1.default.createElement("div", { className: "col-span-3 flex flex-col border-r border-gray-200 shadow-md" },

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

@@ -9,8 +9,8 @@ var react_1 = __importDefault(require("react"));
 var react_2 = require("@headlessui/react");
 var solid_1 = require("@heroicons/react/20/solid");
 var VistaSelectV1 = function (_a) {
-    var handleOnSelect = _a.handleOnSelect, label = _a.label, listItems = _a.listItems, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selectedItem = _a.selectedItem, _b = _a.required, required = _b === void 0 ? false : _b;
-    return (react_1.default.createElement(react_2.Listbox, { value: selectedItem, onChange: handleOnSelect },
+    var handleOnSelect = _a.handleOnSelect, label = _a.label, listItems = _a.listItems, nodeSelectedKey = _a.nodeSelectedKey, _b = _a.required, required = _b === void 0 ? false : _b, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selectedItem = _a.selectedItem;
+    return (react_1.default.createElement(react_2.Listbox, { value: selectedItem, onChange: function (v) { return handleOnSelect(nodeSelectedKey, v); } },
         label && (react_1.default.createElement(react_2.Label, { className: "block text-sm/6 font-medium text-gray-900 dark:text-white" },
             label,
             " ",

package/molecules/vista-table-footer-v1.js

@@ -9,7 +9,7 @@ var solid_1 = require("@heroicons/react/20/solid");
 var vista_select_v1_1 = require("./vista-select-v1/vista-select-v1");
 var vista_button_v1_1 = require("./vista-button-v1/vista-button-v1");
 var VistaTableFooterV1 = function (_a) {
-    var currentPage = _a.currentPage, handleNextOnClick = _a.handleNextOnClick, handleOnSelect = _a.handleOnSelect, handlePreviousOnClick = _a.handlePreviousOnClick, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, listOptions = _a.listOptions, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selectedItem = _a.selectedItem, totalPages = _a.totalPages;
+    var currentPage = _a.currentPage, handleNextOnClick = _a.handleNextOnClick, handleOnSelect = _a.handleOnSelect, handlePreviousOnClick = _a.handlePreviousOnClick, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, listOptions = _a.listOptions, nodeSelectedKey = _a.nodeSelectedKey, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selectedItem = _a.selectedItem, totalPages = _a.totalPages;
     return (react_1.default.createElement("div", { className: "grid w-full grid-cols-12 items-center border-t border-gray-300 px-4 py-4 text-white" },
         react_1.default.createElement("div", { className: "col-span-6 text-gray-900 dark:text-white" },
             react_1.default.createElement("span", { className: "font-bold" },
@@ -21,7 +21,7 @@ var VistaTableFooterV1 = function (_a) {
                 totalPages)),
         react_1.default.createElement("div", { className: "col-span-6 flex flex-row items-center justify-end gap-4" },
             react_1.default.createElement("div", { className: "min-w-36" },
-                react_1.default.createElement(vista_select_v1_1.VistaSelectV1, { listItems: listOptions, selectedItem: selectedItem, handleOnSelect: handleOnSelect, selectKey1: selectKey1, selectKey2: selectKey2 })),
+                react_1.default.createElement(vista_select_v1_1.VistaSelectV1, { listItems: listOptions, selectedItem: selectedItem, handleOnSelect: handleOnSelect, selectKey1: selectKey1, selectKey2: selectKey2, nodeSelectedKey: nodeSelectedKey })),
             react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { disabled: isPreviousDisabled, handleOnClick: handlePreviousOnClick, prefixIcon: react_1.default.createElement(solid_1.ChevronLeftIcon, { className: '5' }), label: "Previous" }),
             react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { disabled: isNextDisabled, handleOnClick: handleNextOnClick, suffixIcon: react_1.default.createElement(solid_1.ChevronRightIcon, { className: '5' }), label: "Next" }))));
 };

package/organisms/vista-chat-v1/vista-chat-v1.js

@@ -40,9 +40,9 @@ var sort_messages_by_timestamp_1 = require("../../utils/sort-messages-by-timesta
 var get_divider_label_1 = require("../../utils/get-divider-label");
 var should_show_avatar_1 = require("../../utils/should-show-avatar");
 var vista_chat_type_1 = require("../../type/vista-chat-type");
-var vista_chat_bubble_v1_1 = require("../../molecules/vista-chat-bubble-v1");
-var vista_chat_heading_v1_1 = require("../../molecules/vista-chat-heading-v1");
-var vista_chat_side_bar_v1_1 = require("../../molecules/vista-chat-side-bar-v1");
+var vista_chat_bubble_v1_1 = require("../../molecules/vista-chat-bubble-v1/vista-chat-bubble-v1");
+var vista_chat_heading_v1_1 = require("../../molecules/vista-chat-heading-v1/vista-chat-heading-v1");
+var vista_chat_side_bar_v1_1 = require("../../molecules/vista-chat-side-bar-v1/vista-chat-side-bar-v1");
 var VistaChatV1 = function (_a) {
     var currentUser = _a.currentUser, messages = _a.messages, chats = _a.chats;
     var chatContainerRef = (0, react_1.useRef)(null);

package/organisms/vista-chat-v2/vista-chat-v2.js

@@ -6,8 +6,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaChatV2 = void 0;
 var react_1 = __importDefault(require("react"));
-var vista_chat_heading_v1_1 = require("../../molecules/vista-chat-heading-v1");
-var vista_chat_side_bar_v2_1 = require("../../molecules/vista-chat-side-bar-v2");
+var vista_chat_heading_v1_1 = require("../../molecules/vista-chat-heading-v1/vista-chat-heading-v1");
+var vista_chat_side_bar_v2_1 = require("../../molecules/vista-chat-side-bar-v2/vista-chat-side-bar-v2");
 var vista_text_input_v1_1 = require("../../molecules/vista-text-input-v1");
 var vista_button_v1_1 = require("../../molecules/vista-button-v1/vista-button-v1");
 var vista_button_type_1 = require("../../type/vista-button-type");

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

@@ -8,7 +8,7 @@ var react_1 = __importDefault(require("react"));
 var vista_table_header_v1_1 = require("../../molecules/vista-table-header-v1");
 var vista_table_footer_v1_1 = require("../../molecules/vista-table-footer-v1");
 var VistaTableV1 = function (_a) {
-    var currentPage = _a.currentPage, handleNextOnClick = _a.handleNextOnClick, handleOnSelect = _a.handleOnSelect, handlePreviousOnClick = _a.handlePreviousOnClick, headerActions = _a.headerActions, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, listOptions = _a.listOptions, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selectedItem = _a.selectedItem, tableBody = _a.tableBody, tableDescription = _a.tableDescription, tableHead = _a.tableHead, tableHeading = _a.tableHeading, totalPages = _a.totalPages;
+    var currentPage = _a.currentPage, handleNextOnClick = _a.handleNextOnClick, handleOnSelect = _a.handleOnSelect, handlePreviousOnClick = _a.handlePreviousOnClick, headerActions = _a.headerActions, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, listOptions = _a.listOptions, nodeSelectedKey = _a.nodeSelectedKey, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selectedItem = _a.selectedItem, tableBody = _a.tableBody, tableDescription = _a.tableDescription, tableHead = _a.tableHead, tableHeading = _a.tableHeading, totalPages = _a.totalPages;
     return (react_1.default.createElement("div", { className: "px-4 sm:px-6 lg:px-8" },
         react_1.default.createElement(vista_table_header_v1_1.VistaTableHeaderV1, { tableDescription: tableDescription, tableHeading: tableHeading, headerActions: headerActions }),
         react_1.default.createElement("div", { className: "mt-8 flow-root" },
@@ -17,6 +17,6 @@ var VistaTableV1 = function (_a) {
                     react_1.default.createElement("table", { className: "min-w-full divide-y divide-gray-700" },
                         react_1.default.createElement("thead", null, tableHead),
                         react_1.default.createElement("tbody", { className: "divide-y divide-gray-700" }, tableBody)),
-                    react_1.default.createElement(vista_table_footer_v1_1.VistaTableFooterV1, { currentPage: currentPage, handleNextOnClick: handleNextOnClick, handleOnSelect: handleOnSelect, handlePreviousOnClick: handlePreviousOnClick, isNextDisabled: isNextDisabled, isPreviousDisabled: isPreviousDisabled, listOptions: listOptions, selectKey1: selectKey1, selectKey2: selectKey2, selectedItem: selectedItem, totalPages: totalPages }))))));
+                    react_1.default.createElement(vista_table_footer_v1_1.VistaTableFooterV1, { currentPage: currentPage, handleNextOnClick: handleNextOnClick, handleOnSelect: handleOnSelect, handlePreviousOnClick: handlePreviousOnClick, isNextDisabled: isNextDisabled, isPreviousDisabled: isPreviousDisabled, listOptions: listOptions, nodeSelectedKey: nodeSelectedKey, selectKey1: selectKey1, selectKey2: selectKey2, selectedItem: selectedItem, totalPages: totalPages }))))));
 };
 exports.VistaTableV1 = VistaTableV1;

package/package.json

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

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

@@ -1,7 +1,8 @@
 export interface VistaSelectV1Props {
-    handleOnSelect: () => void;
+    handleOnSelect: (k: string, v: string) => void;
     label?: string;
     listItems: any[];
+    nodeSelectedKey: string;
     required?: boolean;
     selectKey1: string;
     selectKey2?: string;

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

@@ -6,6 +6,7 @@ export interface VistaTableFooterV1Props {
     isNextDisabled: boolean;
     isPreviousDisabled: boolean;
     listOptions: Object[];
+    nodeSelectedKey: string;
     selectKey1: string;
     selectKey2?: string;
     selectedItem: {

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

@@ -15,6 +15,7 @@ export interface VistaTableV1Props {
     isNextDisabled: boolean;
     isPreviousDisabled: boolean;
     listOptions: Object[];
+    nodeSelectedKey: string;
     selectKey1: string;
     selectKey2?: string;
     selectedItem: {

package/atoms/chat-circle.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-export interface ChatCircleProps {
-    fillPercentage: string;
-    fillColor: string;
-    emptyColor: string;
-}
-export declare const ChatCircle: FC<ChatCircleProps>;

package/atoms/chat-circle.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChatCircle = void 0;
-var react_1 = __importDefault(require("react"));
-var ChatCircle = function (_a) {
-    var fillColor = _a.fillColor, fillPercentage = _a.fillPercentage, emptyColor = _a.emptyColor;
-    return (react_1.default.createElement("svg", { viewBox: "0 0 32 32", width: 12, height: 12, xmlns: "http://www.w3.org/2000/svg" },
-        react_1.default.createElement("mask", { id: "circle-mask-".concat(fillPercentage) },
-            react_1.default.createElement("rect", { x: "0", y: "0", width: "".concat(fillPercentage, "%"), height: "100%", fill: "white" })),
-        react_1.default.createElement("circle", { cx: "16", cy: "16", r: "15", fill: emptyColor }),
-        react_1.default.createElement("circle", { cx: "16", cy: "16", r: "15", fill: fillColor, mask: "url(#circle-mask-".concat(fillPercentage, ")") })));
-};
-exports.ChatCircle = ChatCircle;

package/atoms/chat-triangle.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-type ChatTriangleProps = {
-    fill: string;
-};
-export declare const ChatTriangle: React.FC<ChatTriangleProps>;
-export {};

package/atoms/chat-triangle.js

@@ -1,43 +0,0 @@
-"use strict";
-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.ChatTriangle = void 0;
-var React = __importStar(require("react"));
-var ChatTriangle = function (_a) {
-    var fill = _a.fill;
-    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", x: "0px", y: "0px", viewBox: "0 0 100 100", xmlSpace: "preserve", fill: fill },
-        React.createElement("polygon", { points: "0,100 100,100 0,0" })));
-};
-exports.ChatTriangle = ChatTriangle;