@appcorp/app-corp-vista 0.0.25 → 0.0.27

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-combobox-v1/vista-combobox-v1.js

@@ -45,8 +45,8 @@ 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]);
-    return (react_1.default.createElement(react_2.Combobox, { as: "div", value: selectedItem, onChange: function (v) { return handleOnChange(nodeSelectKey, v); } },
-        react_1.default.createElement(react_2.Label, { className: "flex items-center gap-2 text-sm/6 font-medium text-gray-900 dark:text-white" },
+    return (react_1.default.createElement(react_2.Combobox, { as: "div", onChange: function (v) { return handleOnChange(nodeSelectKey, v); }, value: selectedItem[selectKey1] },
+        react_1.default.createElement(react_2.Label, { className: "block text-sm/6 font-medium text-gray-900 dark:text-white" },
             label,
             " ",
             required && react_1.default.createElement("sup", { className: "text-red-500" }, "*")),

package/molecules/vista-dashboard-sidebar-v1/vista-dashboard-sidebar-v1.js

@@ -45,7 +45,7 @@ var VistaDashboardSidebarV1 = function (_a) {
             return enabled;
         });
     }, [apps]);
-    return (react_1.default.createElement("div", { className: "flex grow flex-col gap-y-5 overflow-y-auto bg-gray-100 dark:bg-gray-900 px-6 ring-1 ring-white/10" },
+    return (react_1.default.createElement("div", { className: "flex grow flex-col gap-y-5 overflow-y-auto bg-gray-200 dark:bg-gray-900 px-6 ring-1 ring-white/10" },
         react_1.default.createElement("div", { className: "flex h-16 shrink-0 items-center" },
             react_1.default.createElement("img", { alt: appName, src: logo, className: "h-8 w-auto" })),
         react_1.default.createElement("nav", { className: "flex flex-1 flex-col" },

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

@@ -9,12 +9,15 @@ 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, selected = _a.selected;
-    return (react_1.default.createElement(react_2.Listbox, { value: selected, onChange: handleOnSelect },
-        label && (react_1.default.createElement(react_2.Label, { className: "block text-sm/6 font-medium text-gray-900 dark:text-white" }, label)),
+    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 },
+        label && (react_1.default.createElement(react_2.Label, { className: "block text-sm/6 font-medium text-gray-900 dark:text-white" },
+            label,
+            " ",
+            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-500 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm/6" },
-                react_1.default.createElement("span", { className: "block truncate" }, selected[selectKey1]),
+                react_1.default.createElement("span", { className: "block truncate" }, selectedItem[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 }, 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-indigo-600 data-[focus]:text-white", key: item[selectKey1], value: item[selectKey1] },

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, selected = _a.selected, 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, 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, selected: selected, 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 })),
             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/molecules/vista-text-area-v1.js

@@ -10,7 +10,10 @@ var VistaTextAreaV1 = function (_a) {
     var _b = _a.autoFocus, autoFocus = _b === void 0 ? false : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, error = _a.error, handleOnChange = _a.handleOnChange, id = _a.id, info = _a.info, label = _a.label, optional = _a.optional, placeholder = _a.placeholder, _e = _a.readOnly, readOnly = _e === void 0 ? false : _e, _f = _a.required, required = _f === void 0 ? false : _f, _g = _a.rows, rows = _g === void 0 ? 4 : _g, value = _a.value;
     return (react_1.default.createElement("div", null,
         react_1.default.createElement("div", { className: "flex justify-between" },
-            react_1.default.createElement("label", { htmlFor: id, className: "block text-sm/6 font-medium text-gray-900 dark:text-white" }, label),
+            react_1.default.createElement("label", { htmlFor: id, className: "block text-sm/6 font-medium text-gray-900 dark:text-white" },
+                label,
+                " ",
+                required && react_1.default.createElement("sup", { className: "text-red-500" }, "*")),
             optional && (react_1.default.createElement("span", { id: "".concat(id, "-optional"), className: "text-sm/6 text-gray-500" }, optional))),
         react_1.default.createElement("div", { className: "mt-2" },
             react_1.default.createElement("textarea", { autoFocus: autoFocus, className: "block w-full rounded-md border-0 bg-white/5 dark:bg-white/5 py-1.5 text-gray-900 dark:text-white shadow-sm ring-1 ring-inset ring-gray-500 focus:ring-2 focus:ring-inset focus:ring-primary disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200 sm:text-sm/6 dark:disabled:bg-gray-800 dark:disabled:text-gray-400 dark:disabled:ring-gray-700 placeholder:text-gray-500 ".concat(className), cols: 200, disabled: disabled, id: id, name: id, onChange: function (e) {

package/molecules/vista-text-input-v1.js

@@ -10,9 +10,11 @@ var VistaTextInputV1 = function (_a) {
     var _b = _a.autoFocus, autoFocus = _b === void 0 ? false : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, error = _a.error, handleOnChange = _a.handleOnChange, id = _a.id, info = _a.info, label = _a.label, optional = _a.optional, placeholder = _a.placeholder, _e = _a.required, required = _e === void 0 ? false : _e, prefix = _a.prefix, _f = _a.readOnly, readOnly = _f === void 0 ? false : _f, suffix = _a.suffix, _g = _a.type, type = _g === void 0 ? 'text' : _g, value = _a.value;
     return (react_1.default.createElement("div", null,
         react_1.default.createElement("div", { className: "flex justify-between" },
-            label && (react_1.default.createElement("div", { className: "flex items-center gap-2 mb-2" },
-                react_1.default.createElement("label", { htmlFor: id, className: "block text-sm/6 font-medium text-gray-900 dark:text-white" }, label),
-                required && react_1.default.createElement("sup", { className: "text-red-500" }, "*"))),
+            label && (react_1.default.createElement("div", { className: "mb-2" },
+                react_1.default.createElement("label", { htmlFor: id, className: "block text-sm/6 font-medium text-gray-900 dark:text-white" },
+                    label,
+                    " ",
+                    required && react_1.default.createElement("sup", { className: "text-red-500" }, "*")))),
             optional && (react_1.default.createElement("span", { id: "".concat(id, "-optional"), className: "text-sm/6 text-gray-500" }, optional))),
         react_1.default.createElement("div", { className: "relative" },
             prefix && (react_1.default.createElement("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3" },

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, selected = _a.selected, 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, 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, selected: selected, 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, 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.25",
+  "version": "0.0.27",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
     "build:next": "next build",

package/templates/vista-dashboard-v1/vista-dashboard-v1.js

@@ -22,7 +22,7 @@ var outline_1 = require("@heroicons/react/24/outline");
 var vista_dashboard_sidebar_v1_1 = require("../../molecules/vista-dashboard-sidebar-v1/vista-dashboard-sidebar-v1");
 var vista_dashboard_topbar_v1_1 = require("../../molecules/vista-dashboard-topbar-v1/vista-dashboard-topbar-v1");
 var VistaDashboardV1 = function (_a) {
-    var children = _a.children, sideBar = _a.sideBar, topBar = _a.topBar, isSideBarOpen = _a.isSideBarOpen, handleIsSideBarOpen = _a.handleIsSideBarOpen;
+    var children = _a.children, handleIsSideBarOpen = _a.handleIsSideBarOpen, isSideBarOpen = _a.isSideBarOpen, sideBar = _a.sideBar, topBar = _a.topBar;
     return (react_1.default.createElement("section", { className: 'h-full' },
         react_1.default.createElement(react_2.Dialog, { className: "relative z-10 xl:hidden", onClose: handleIsSideBarOpen, open: isSideBarOpen },
             react_1.default.createElement(react_2.DialogBackdrop, { className: "fixed inset-0 bg-gray-900/80 transition-opacity duration-300 ease-linear data-[closed]:opacity-0", transition: true }),

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

@@ -10,5 +10,7 @@ export interface VistaComboboxV1Props {
     query: string;
     required?: boolean;
     selectKey1: string;
-    selectedItem: any;
+    selectedItem: {
+        [key: string]: any;
+    };
 }

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

@@ -1,8 +1,11 @@
 export interface VistaSelectV1Props {
+    handleOnSelect: () => void;
     label?: string;
     listItems: any[];
-    selected: any;
-    handleOnSelect: () => void;
+    required?: boolean;
     selectKey1: string;
     selectKey2?: string;
+    selectedItem: {
+        [key: string]: any;
+    };
 }

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

@@ -8,6 +8,8 @@ export interface VistaTableFooterV1Props {
     listOptions: Object[];
     selectKey1: string;
     selectKey2?: string;
-    selected: Object;
+    selectedItem: {
+        [key: string]: any;
+    };
     totalPages: number;
 }

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

@@ -17,7 +17,9 @@ export interface VistaTableV1Props {
     listOptions: Object[];
     selectKey1: string;
     selectKey2?: string;
-    selected: Object;
+    selectedItem: {
+        [key: string]: any;
+    };
     tableBody: ReactNode;
     tableDescription: string;
     tableHead: ReactNode;

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;