@appcorp/app-corp-vista 0.0.11 → 0.0.13

package/molecules/vista-dashboard-sidebar-v1/vista-dashboard-sidebar-v1.d.ts

@@ -1,3 +1,3 @@
 import { FC } from 'react';
 import { VistaDashboardSideBarV1Props } from '../../type/vista-dashboard-sidebar-type';
-export declare const DashboardSidebar: FC<VistaDashboardSideBarV1Props>;
+export declare const VistaDashboardSidebarV1: FC<VistaDashboardSideBarV1Props>;

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

@@ -34,10 +34,10 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DashboardSidebar = void 0;
+exports.VistaDashboardSidebarV1 = void 0;
 var react_1 = __importStar(require("react"));
 var class_names_1 = require("../../utils/class-names");
-var DashboardSidebar = function (_a) {
+var VistaDashboardSidebarV1 = function (_a) {
     var appName = _a.appName, apps = _a.apps, logo = _a.logo, navigation = _a.navigation, profile = _a.profile;
     return (react_1.default.createElement("div", { className: "flex grow flex-col gap-y-5 overflow-y-auto bg-gray-900 px-6 ring-1 ring-white/10" },
         react_1.default.createElement("div", { className: "flex h-16 shrink-0 items-center" },
@@ -81,4 +81,4 @@ var DashboardSidebar = function (_a) {
                         react_1.default.createElement("span", { className: "sr-only" }, "Your profile"),
                         react_1.default.createElement("span", { "aria-hidden": "true" }, profile.name)))))));
 };
-exports.DashboardSidebar = DashboardSidebar;
+exports.VistaDashboardSidebarV1 = VistaDashboardSidebarV1;

package/molecules/vista-dashboard-topbar-v1/vista-dashboard-topbar-v1.d.ts

@@ -1,3 +1,3 @@
 import { FC } from 'react';
 import { VistaDashboardTopBarV1Props } from '../../type/vista-dashboard-topbar-type';
-export declare const DashboardTopBar: FC<VistaDashboardTopBarV1Props>;
+export declare const VistaDashboardTopBarV1: FC<VistaDashboardTopBarV1Props>;

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

@@ -4,13 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DashboardTopBar = void 0;
+exports.VistaDashboardTopBarV1 = void 0;
 var react_1 = __importDefault(require("react"));
 var solid_1 = require("@heroicons/react/20/solid");
 var vista_dashboard_profile_v1_1 = require("../vista-dashboard-profile-v1/vista-dashboard-profile-v1");
 var vista_vertical_divider_v1_1 = require("../../atoms/vista-vertical-divider-v1/vista-vertical-divider-v1");
 var vista_dashboard_notification_v1_1 = require("../../atoms/vista-dashboard-notification-v1/vista-dashboard-notification-v1");
-var DashboardTopBar = function (_a) {
+var VistaDashboardTopBarV1 = function (_a) {
     var avatarAlt = _a.avatarAlt, avatarInitials = _a.avatarInitials, avatarUrl = _a.avatarUrl, name = _a.name, profileMenuItems = _a.profileMenuItems, handleOnClick = _a.handleOnClick;
     return (react_1.default.createElement("div", { className: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-6 border-b border-white/5 bg-gray-900 px-4 shadow-sm sm:px-6 lg:px-8" },
         react_1.default.createElement("button", { type: "button", onClick: function () { return handleOnClick(true); }, className: "-m-2.5 p-2.5 text-white xl:hidden" },
@@ -27,4 +27,4 @@ var DashboardTopBar = function (_a) {
         react_1.default.createElement(vista_vertical_divider_v1_1.VistaVerticalDividerV1, null),
         react_1.default.createElement(vista_dashboard_profile_v1_1.VistaDashboardProfileV1, { avatarAlt: avatarAlt, avatarInitials: avatarInitials, avatarUrl: avatarUrl, name: name, profileMenuItems: profileMenuItems })));
 };
-exports.DashboardTopBar = DashboardTopBar;
+exports.VistaDashboardTopBarV1 = VistaDashboardTopBarV1;

package/molecules/vista-dropdown-menu-v1/vista-dropdown-menu-v1.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaDropDownMenuV1Props } from '../../type/vista-dropdown-menu-type';
+export declare const VistaDropdownMenuV1: FC<VistaDropDownMenuV1Props>;

package/molecules/vista-dropdown-menu-v1/vista-dropdown-menu-v1.js

@@ -0,0 +1,31 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaDropdownMenuV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var react_2 = require("@headlessui/react");
+var solid_1 = require("@heroicons/react/20/solid");
+var VistaDropdownMenuV1 = function (_a) {
+    var assetId = _a.assetId, rowActions = _a.rowActions;
+    return (react_1.default.createElement(react_2.Menu, { as: "div", className: "relative inline-block text-left" },
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(react_2.MenuButton, { className: "flex items-center rounded-full bg-gray-400 text-gray-50 hover:text-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500" },
+                react_1.default.createElement("span", { className: "sr-only" }, "Open options"),
+                react_1.default.createElement(solid_1.EllipsisVerticalIcon, { "aria-hidden": "true", className: "size-5" }))),
+        react_1.default.createElement(react_2.MenuItems, { transition: true, className: "absolute right-0 z-10 mt-2 w-56 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black/5 transition focus:outline-none data-[closed]:scale-95 data-[closed]:transform data-[closed]:opacity-0 data-[enter]:duration-100 data-[leave]:duration-75 data-[enter]:ease-out data-[leave]:ease-in" },
+            react_1.default.createElement("div", { className: "py-1" }, rowActions
+                .filter(function (_a) {
+                var enabled = _a.enabled;
+                return enabled;
+            })
+                .sort(function (a, b) { return a.order - b.order; })
+                .map(function (_a) {
+                var label = _a.label, handleAction = _a.handleAction;
+                return (react_1.default.createElement(react_2.MenuItem, { key: label },
+                    react_1.default.createElement("button", { onClick: function () { return handleAction(assetId); }, className: "block w-full px-4 py-2 text-left text-sm text-gray-700 data-[focus]:bg-gray-100 data-[focus]:text-gray-900 data-[focus]:outline-none" }, label)));
+            })))));
+};
+exports.VistaDropdownMenuV1 = VistaDropdownMenuV1;

package/organisms/{vista-dashboard-header → vista-dashboard-header-v1}/vista-dashboard-header-v1.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaDashboardHeaderV1 = void 0;
 var react_1 = __importDefault(require("react"));
-var vista_dashboard_tab_navigator_v1_1 = require("../../molecules/vista-dashboard-tab-navigator/vista-dashboard-tab-navigator-v1");
+var vista_dashboard_tab_navigator_v1_1 = require("../../molecules/vista-dashboard-tab-navigator-v1/vista-dashboard-tab-navigator-v1");
 var VistaDashboardHeaderV1 = function (_a) {
     var heading = _a.heading, items = _a.items;
     return (react_1.default.createElement(react_1.default.Fragment, null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/app-corp-vista",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "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

@@ -33,11 +33,11 @@ var VistaDashboardV1 = function (_a) {
                             react_1.default.createElement("button", { type: "button", onClick: function () { return handleIsSideBarOpen(false); }, className: "-m-2.5 p-2.5" },
                                 react_1.default.createElement("span", { className: "sr-only" }, "Close sidebar"),
                                 react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6 text-white" })))),
-                    react_1.default.createElement(vista_dashboard_sidebar_v1_1.DashboardSidebar, __assign({}, sideBar))))),
+                    react_1.default.createElement(vista_dashboard_sidebar_v1_1.VistaDashboardSidebarV1, __assign({}, sideBar))))),
         react_1.default.createElement("div", { className: "hidden ".concat(!isSideBarOpen ? 'xl:fixed xl:inset-y-0 xl:z-10 xl:flex xl:w-72 xl:flex-col' : '') },
-            react_1.default.createElement(vista_dashboard_sidebar_v1_1.DashboardSidebar, __assign({}, sideBar))),
+            react_1.default.createElement(vista_dashboard_sidebar_v1_1.VistaDashboardSidebarV1, __assign({}, sideBar))),
         react_1.default.createElement("div", { className: "".concat(!isSideBarOpen ? 'xl:pl-72' : '') },
-            react_1.default.createElement(vista_dashboard_topbar_v1_1.DashboardTopBar, __assign({}, topBar, { handleOnClick: handleIsSideBarOpen })),
+            react_1.default.createElement(vista_dashboard_topbar_v1_1.VistaDashboardTopBarV1, __assign({}, topBar, { handleOnClick: handleIsSideBarOpen })),
             react_1.default.createElement("div", { className: "overflow-y-auto" }, children))));
 };
 exports.VistaDashboardV1 = VistaDashboardV1;

package/type/vista-dropdown-menu-type.d.ts

@@ -0,0 +1,10 @@
+export interface RowActionItem {
+    enabled: boolean;
+    handleAction: (i: string) => void;
+    label: string;
+    order: number;
+}
+export interface VistaDropDownMenuV1Props {
+    assetId: string;
+    rowActions: RowActionItem[];
+}

package/type/vista-dropdown-menu-type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/organisms/vista-comboboxes/vista-comboboxes-v1.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-import { VistaComboboxesV1Props } from '../../type/vista-comboboxes-type';
-export declare const VistaComboboxesV1: FC<VistaComboboxesV1Props>;

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

@@ -1,59 +0,0 @@
-'use client';
-"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.VistaComboboxesV1 = void 0;
-var react_1 = __importStar(require("react"));
-var react_2 = require("@headlessui/react");
-var solid_1 = require("@heroicons/react/20/solid");
-var VistaComboboxesV1 = function (_a) {
-    var checkClassName = _a.checkClassName, comboboxButtonClassName = _a.comboboxButtonClassName, comboboxClassName = _a.comboboxClassName, comboboxInputClassName = _a.comboboxInputClassName, comboboxOptionClassName = _a.comboboxOptionClassName, comboboxOptionsClassName = _a.comboboxOptionsClassName, handleInputOnChange = _a.handleInputOnChange, handleOnBlur = _a.handleOnBlur, handleOnChange = _a.handleOnChange, inputIconClassName = _a.inputIconClassName, label = _a.label, labelClassName = _a.labelClassName, listItems = _a.listItems, nodeQueryKey = _a.nodeQueryKey, nodeSelectKey = _a.nodeSelectKey, query = _a.query, selectKey1 = _a.selectKey1, selectedItem = _a.selectedItem, placeholder = _a.placeholder;
-    var filteredList = (0, react_1.useMemo)(function () {
-        return query === ''
-            ? 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 },
-        react_1.default.createElement(react_2.Label, { className: "block text-sm/6 font-medium text-gray-900 dark:text-white ".concat(labelClassName) }, label),
-        react_1.default.createElement("div", { className: "relative mt-2" },
-            react_1.default.createElement(react_2.ComboboxInput, { className: "block w-full rounded-md bg-white dark:bg-gray-800 py-1.5 pl-3 pr-10 text-gray-800 dark:text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm/6 placeholder-gray-500 ".concat(comboboxInputClassName), onChange: function (e) { return handleInputOnChange(nodeQueryKey, e.target.value); }, onBlur: function (e) { return handleOnBlur(nodeQueryKey, e.target.value); }, placeholder: placeholder }),
-            react_1.default.createElement(react_2.ComboboxButton, { className: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none ".concat(comboboxButtonClassName) },
-                react_1.default.createElement(solid_1.ChevronUpDownIcon, { className: "size-5 text-gray-800 dark:text-white ".concat(inputIconClassName), "aria-hidden": "true" })),
-            (filteredList === null || filteredList === void 0 ? void 0 : filteredList.length) > 0 && (react_1.default.createElement(react_2.ComboboxOptions, { className: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white dark:bg-gray-800 py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-none sm:text-sm ".concat(comboboxOptionsClassName) }, filteredList.map(function (item) { return (react_1.default.createElement(react_2.ComboboxOption, { className: "group relative cursor-default select-none py-2 pl-3 pr-9 text-gray-800 dark:text-white data-[focus]:bg-indigo-600 data-[focus]:text-white data-[focus]:outline-none ".concat(comboboxOptionClassName), key: item[selectKey1] || item, value: item[selectKey1] || item },
-                react_1.default.createElement("span", { className: "block truncate group-data-[selected]:font-semibold" }, item[selectKey1] || item),
-                react_1.default.createElement("span", { className: "absolute inset-y-0 right-0 hidden items-center pr-4 text-indigo-600 group-data-[selected]:flex group-data-[focus]:text-white ".concat(checkClassName) },
-                    react_1.default.createElement(solid_1.CheckIcon, { className: "size-5", "aria-hidden": "true" })))); }))))));
-};
-exports.VistaComboboxesV1 = VistaComboboxesV1;