@appcorp/app-corp-vista 0.2.78 → 0.2.79

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/molecules/vista-header-v1/nav-bar.js +18 -18
  2. package/molecules/vista-header-v8/vista-header-v8.d.ts +3 -2
  3. package/molecules/vista-header-v8/vista-header-v8.js +9 -130
  4. package/package.json +1 -1
  5. package/type/vista-header-type.d.ts +8 -1
package/molecules/vista-header-v1/nav-bar.js CHANGED
@@ -15,75 +15,75 @@ var NavBar = function (_a) {
15
15
  return (react_1.default.createElement("div", { className: "shadow-md" },
16
16
  react_1.default.createElement("nav", { "aria-label": "Global", className: "mx-auto flex max-w-7xl items-center justify-between p-1 lg:px-8" },
17
17
  react_1.default.createElement("div", { className: "flex lg:flex-1" },
18
- react_1.default.createElement("div", { className: "relative w-36 h-20 ".concat(logoContainerClassName) },
19
- react_1.default.createElement(image_1.default, { alt: logoAlt, className: "object-contain", fill: true, height: 0, sizes: "26vw", src: logoSrc, width: 0 }))),
18
+ react_1.default.createElement("div", { className: "relative w-16 h-16 ".concat(logoContainerClassName) },
19
+ react_1.default.createElement(image_1.default, { alt: logoAlt, className: "object-contain", fill: true, height: 0, priority: true, sizes: "16vw", src: logoSrc, width: 0 }))),
20
20
  react_1.default.createElement("div", { className: "flex lg:hidden" },
21
21
  react_1.default.createElement("button", { className: "-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700", onClick: function () { return handleMenuOpen(true); }, type: "button" },
22
22
  react_1.default.createElement("span", { className: "sr-only" }, "Open main menu"),
23
- react_1.default.createElement(outline_1.Bars3Icon, { "aria-hidden": "true", className: "size-6" }))),
23
+ react_1.default.createElement(outline_1.Bars3Icon, { "aria-hidden": "true", className: "size-6 text-gray-700 dark:text-gray-300" }))),
24
24
  react_1.default.createElement(react_2.PopoverGroup, { className: "hidden lg:flex lg:gap-x-12" }, items.map(function (_a) {
25
25
  var cta = _a.cta, handleOnClick = _a.handleOnClick, megaMenu = _a.megaMenu, name = _a.name;
26
26
  var multiGrid = megaMenu && megaMenu.length > 5 ? true : false;
27
27
  if (megaMenu && (megaMenu === null || megaMenu === void 0 ? void 0 : megaMenu.length) > 1) {
28
- return (react_1.default.createElement(react_2.Popover, { key: name, className: "" }, function (_a) {
28
+ return (react_1.default.createElement(react_2.Popover, { key: name }, function (_a) {
29
29
  var open = _a.open, close = _a.close;
30
30
  return (react_1.default.createElement(react_1.default.Fragment, null,
31
- react_1.default.createElement(react_2.PopoverButton, { className: "flex items-center gap-x-1 text-sm/6 font-semibold text-gray-900 cursor-pointer", onClick: handleOnClick },
31
+ react_1.default.createElement(react_2.PopoverButton, { className: "flex items-center gap-x-1 text-sm/6 font-semibold text-gray-900 dark:text-white cursor-pointer", onClick: handleOnClick },
32
32
  name,
33
33
  react_1.default.createElement(solid_1.ChevronDownIcon, { "aria-hidden": "true", className: "size-5 flex-none text-gray-400" })),
34
- open && (react_1.default.createElement(react_2.PopoverPanel, { className: "absolute left-1/2 z-10 mt-3 w-screen ".concat(multiGrid ? 'max-w-4xl' : 'max-w-md', " -translate-x-1/2 overflow-hidden rounded-3xl bg-white shadow-lg ring-1 ring-gray-900/5 transition data-closed:translate-y-1 data-closed:opacity-0 data-enter:duration-200 data-enter:ease-out data-leave:duration-150 data-leave:ease-in"), transition: true },
34
+ open && (react_1.default.createElement(react_2.PopoverPanel, { className: "absolute left-1/2 z-10 mt-3 w-screen ".concat(multiGrid ? 'max-w-4xl' : 'max-w-md', " -translate-x-1/2 overflow-hidden rounded-3xl bg-white dark:bg-gray-500 shadow-lg ring-1 ring-gray-900/5 transition data-closed:translate-y-1 data-closed:opacity-0 data-enter:duration-200 data-enter:ease-out data-leave:duration-150 data-leave:ease-in"), transition: true },
35
35
  react_1.default.createElement("div", { className: "".concat(multiGrid ? 'grid grid-cols-2 gap-4' : 'p-4') }, megaMenu.map(function (_a) {
36
36
  var name = _a.name, handleChildOnClick = _a.handleOnClick, description = _a.description, icon = _a.icon;
37
- return (react_1.default.createElement("div", { key: name, className: "group relative flex items-center gap-x-6 rounded-lg p-4 text-sm/6 hover:bg-gray-50" },
37
+ return (react_1.default.createElement("div", { key: name, className: "group relative flex items-center gap-x-6 rounded-lg p-4 text-sm/6 hover:bg-gray-50 dark:hover:bg-gray-600" },
38
38
  icon && (react_1.default.createElement("div", { className: "flex size-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white" }, icon)),
39
39
  react_1.default.createElement("div", { className: "flex-auto" },
40
40
  react_1.default.createElement("button", { onClick: function () {
41
41
  handleChildOnClick();
42
42
  close();
43
- }, className: "block font-semibold text-primary" },
43
+ }, className: "block font-semibold text-primary dark:text-white" },
44
44
  name,
45
45
  react_1.default.createElement("span", { className: "absolute inset-0" })),
46
- react_1.default.createElement("p", { className: "mt-1 text-gray-600" }, description))));
46
+ react_1.default.createElement("p", { className: "mt-1 text-gray-600 dark:text-gray-200" }, description))));
47
47
  })),
48
- react_1.default.createElement("div", { className: "grid grid-cols-2 divide-x divide-gray-900/5 bg-gray-50" }, cta && cta.length > 1 && cta.map(function (_a) {
48
+ react_1.default.createElement("div", { className: "grid grid-cols-2 divide-x divide-gray-900/5 bg-white dark:bg-gray-600" }, cta && cta.length > 1 && cta.map(function (_a) {
49
49
  var icon = _a.icon, name = _a.name, handleOnClick = _a.handleOnClick;
50
- return (react_1.default.createElement("button", { key: name, onClick: handleOnClick, className: "flex items-center justify-center gap-x-2.5 p-3 text-sm/6 font-semibold text-gray-900 hover:bg-gray-100" },
50
+ return (react_1.default.createElement("button", { key: name, onClick: handleOnClick, className: "flex items-center justify-center gap-x-2.5 p-3 text-sm/6 font-semibold text-gray-900 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700" },
51
51
  icon,
52
52
  name));
53
53
  }))))));
54
54
  }));
55
55
  }
56
56
  ;
57
- return (react_1.default.createElement("div", { className: "text-sm/6 font-semibold text-gray-900 cursor-pointer", key: name, onClick: handleOnClick }, name));
57
+ return (react_1.default.createElement("div", { className: "text-sm/6 font-semibold text-gray-900 dark:text-white cursor-pointer", key: name, onClick: handleOnClick }, name));
58
58
  })),
59
59
  react_1.default.createElement("div", { className: "hidden lg:flex lg:flex-1 lg:justify-end" }, loginVisible && (react_1.default.createElement("a", { href: "#", className: "text-sm/6 font-semibold text-gray-900" },
60
60
  "Log in ",
61
61
  react_1.default.createElement("span", { "aria-hidden": "true" }, "\u2192"))))),
62
62
  react_1.default.createElement(react_2.Dialog, { open: menuOpen, onClose: handleMenuOpen, className: "lg:hidden" },
63
63
  react_1.default.createElement("div", { className: "fixed inset-0 z-50" }),
64
- react_1.default.createElement(react_2.DialogPanel, { className: "fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white p-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10" },
64
+ react_1.default.createElement(react_2.DialogPanel, { className: "fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white dark:bg-gray-700 p-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10" },
65
65
  react_1.default.createElement("div", { className: "flex items-center justify-between" },
66
66
  react_1.default.createElement("a", { href: "#", className: "-m-1.5 p-1.5" },
67
67
  react_1.default.createElement("span", { className: "sr-only" }, companyName),
68
- react_1.default.createElement("img", { alt: logoAlt, className: "h-8 w-auto", src: logoSrc })),
68
+ react_1.default.createElement(image_1.default, { alt: logoAlt, className: "h-8 w-auto", height: 32, src: logoSrc, width: 32 })),
69
69
  react_1.default.createElement("button", { type: "button", onClick: function () { return handleMenuOpen(false); }, className: "-m-2.5 rounded-md p-2.5 text-gray-700" },
70
70
  react_1.default.createElement("span", { className: "sr-only" }, "Close menu"),
71
- react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6" }))),
71
+ react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6 text-gray-700 dark:text-gray-300" }))),
72
72
  react_1.default.createElement("div", { className: "mt-6 flow-root" },
73
73
  react_1.default.createElement("div", { className: "-my-6 divide-y divide-gray-500/10" },
74
74
  react_1.default.createElement("div", { className: "space-y-2 py-6" }, items.map(function (item) {
75
75
  if (item.megaMenu) {
76
76
  return (react_1.default.createElement(react_2.Disclosure, { as: "div", className: "-mx-3", key: item.name },
77
- react_1.default.createElement(react_2.DisclosureButton, { className: "group flex w-full items-center justify-between rounded-lg py-2 pr-3.5 pl-3 text-base/7 font-semibold text-gray-900 hover:bg-gray-50" },
77
+ react_1.default.createElement(react_2.DisclosureButton, { className: "group flex w-full items-center justify-between rounded-lg py-2 pr-3.5 pl-3 text-base/7 font-semibold text-gray-900 dark:text-white hover:bg-gray-200 dark:hover:bg-gray-800" },
78
78
  item.name,
79
79
  react_1.default.createElement(solid_1.ChevronDownIcon, { "aria-hidden": "true", className: "size-5 flex-none group-data-open:rotate-180" })),
80
80
  react_1.default.createElement(react_2.DisclosurePanel, { className: "mt-2 space-y-2" }, item.megaMenu.map(function (_a) {
81
81
  var name = _a.name, handleOnClick = _a.handleOnClick;
82
- return (react_1.default.createElement(react_2.DisclosureButton, { className: "block rounded-lg py-2 pr-3 pl-6 text-sm/7 font-semibold text-gray-900 hover:bg-gray-50", key: name, onClick: handleOnClick }, name));
82
+ return (react_1.default.createElement(react_2.DisclosureButton, { className: "block rounded-lg py-2 pr-3 pl-6 text-sm/7 font-semibold text-gray-900 dark:text-white hover:bg-gray-200 dark:hover:bg-gray-800 w-full text-left", key: name, onClick: handleOnClick }, name));
83
83
  }))));
84
84
  }
85
85
  ;
86
- return (react_1.default.createElement("div", { className: "-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 hover:bg-gray-50", key: item.name, onClick: item.handleOnClick }, item.name));
86
+ return (react_1.default.createElement("div", { className: "-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 dark:text-white hover:bg-gray-200 dark:hover:bg-gray-800", key: item.name, onClick: item.handleOnClick }, item.name));
87
87
  })),
88
88
  loginVisible && (react_1.default.createElement("div", { className: "py-6" },
89
89
  react_1.default.createElement("a", { href: "#", className: "-mx-3 block rounded-lg px-3 py-2.5 text-base/7 font-semibold text-gray-900 hover:bg-gray-50" }, "Log in")))))))));
package/molecules/vista-header-v8/vista-header-v8.d.ts CHANGED
@@ -1,2 +1,3 @@
1
- import React from 'react';
2
- export declare const VistaHeaderV8: () => React.JSX.Element;
1
+ import { FC } from 'react';
2
+ import { VistaHeaderV8Props } from '../../type/vista-header-type';
3
+ export declare const VistaHeaderV8: FC<VistaHeaderV8Props>;
package/molecules/vista-header-v8/vista-header-v8.js CHANGED
@@ -1,136 +1,15 @@
1
+ 'use client';
1
2
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
36
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
37
- if (ar || !(i in from)) {
38
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
39
- ar[i] = from[i];
40
- }
41
- }
42
- return to.concat(ar || Array.prototype.slice.call(from));
3
+ var __importDefault = (this && this.__importDefault) || function (mod) {
4
+ return (mod && mod.__esModule) ? mod : { "default": mod };
43
5
  };
44
6
  Object.defineProperty(exports, "__esModule", { value: true });
45
7
  exports.VistaHeaderV8 = void 0;
46
- var react_1 = __importStar(require("react"));
47
- var react_2 = require("@headlessui/react");
48
- var outline_1 = require("@heroicons/react/24/outline");
49
- var solid_1 = require("@heroicons/react/20/solid");
50
- var products = [
51
- { name: 'Analytics', description: 'Get a better understanding of your traffic', href: '#', icon: outline_1.ChartPieIcon },
52
- { name: 'Engagement', description: 'Speak directly to your customers', href: '#', icon: outline_1.CursorArrowRaysIcon },
53
- { name: 'Security', description: 'Your customers’ data will be safe and secure', href: '#', icon: outline_1.FingerPrintIcon },
54
- { name: 'Integrations', description: 'Connect with third-party tools', href: '#', icon: outline_1.SquaresPlusIcon },
55
- { name: 'Automations', description: 'Build strategic funnels that will convert', href: '#', icon: outline_1.ArrowPathIcon },
56
- ];
57
- var callsToAction = [
58
- { name: 'Watch demo', href: '#', icon: solid_1.PlayCircleIcon },
59
- { name: 'Contact sales', href: '#', icon: solid_1.PhoneIcon },
60
- ];
61
- var company = [
62
- { name: 'About us', href: '#' },
63
- { name: 'Careers', href: '#' },
64
- { name: 'Support', href: '#' },
65
- { name: 'Press', href: '#' },
66
- { name: 'Blog', href: '#' },
67
- ];
68
- var VistaHeaderV8 = function () {
69
- var _a = (0, react_1.useState)(false), mobileMenuOpen = _a[0], setMobileMenuOpen = _a[1];
70
- return (react_1.default.createElement("header", { className: "bg-white" },
71
- react_1.default.createElement("nav", { "aria-label": "Global", className: "mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8" },
72
- react_1.default.createElement("div", { className: "flex lg:flex-1" },
73
- react_1.default.createElement("a", { href: "#", className: "-m-1.5 p-1.5" },
74
- react_1.default.createElement("span", { className: "sr-only" }, "Your Company"),
75
- react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/logos/mark.svg?color=indigo&shade=600", className: "h-8 w-auto" }))),
76
- react_1.default.createElement("div", { className: "flex lg:hidden" },
77
- react_1.default.createElement("button", { type: "button", onClick: function () { return setMobileMenuOpen(true); }, className: "-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700" },
78
- react_1.default.createElement("span", { className: "sr-only" }, "Open main menu"),
79
- react_1.default.createElement(outline_1.Bars3Icon, { "aria-hidden": "true", className: "size-6" }))),
80
- react_1.default.createElement(react_2.PopoverGroup, { className: "hidden lg:flex lg:gap-x-12" },
81
- react_1.default.createElement(react_2.Popover, { className: "relative" },
82
- react_1.default.createElement(react_2.PopoverButton, { className: "flex items-center gap-x-1 text-sm/6 font-semibold text-gray-900" },
83
- "Product",
84
- react_1.default.createElement(solid_1.ChevronDownIcon, { "aria-hidden": "true", className: "size-5 flex-none text-gray-400" })),
85
- react_1.default.createElement(react_2.PopoverPanel, { transition: true, className: "absolute left-1/2 z-10 mt-3 w-screen max-w-md -translate-x-1/2 overflow-hidden rounded-3xl bg-white shadow-lg ring-1 ring-gray-900/5 transition data-closed:translate-y-1 data-closed:opacity-0 data-enter:duration-200 data-enter:ease-out data-leave:duration-150 data-leave:ease-in" },
86
- react_1.default.createElement("div", { className: "p-4" }, products.map(function (item) { return (react_1.default.createElement("div", { key: item.name, className: "group relative flex gap-x-6 rounded-lg p-4 text-sm/6 hover:bg-gray-50" },
87
- react_1.default.createElement("div", { className: "mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white" },
88
- react_1.default.createElement(item.icon, { "aria-hidden": "true", className: "size-6 text-gray-600 group-hover:text-indigo-600" })),
89
- react_1.default.createElement("div", { className: "flex-auto" },
90
- react_1.default.createElement("a", { href: item.href, className: "block font-semibold text-gray-900" },
91
- item.name,
92
- react_1.default.createElement("span", { className: "absolute inset-0" })),
93
- react_1.default.createElement("p", { className: "mt-1 text-gray-600" }, item.description)))); })),
94
- react_1.default.createElement("div", { className: "grid grid-cols-2 divide-x divide-gray-900/5 bg-gray-50" }, callsToAction.map(function (item) { return (react_1.default.createElement("a", { key: item.name, href: item.href, className: "flex items-center justify-center gap-x-2.5 p-3 text-sm/6 font-semibold text-gray-900 hover:bg-gray-100" },
95
- react_1.default.createElement(item.icon, { "aria-hidden": "true", className: "size-5 flex-none text-gray-400" }),
96
- item.name)); })))),
97
- react_1.default.createElement("a", { href: "#", className: "text-sm/6 font-semibold text-gray-900" }, "Features"),
98
- react_1.default.createElement("a", { href: "#", className: "text-sm/6 font-semibold text-gray-900" }, "Marketplace"),
99
- react_1.default.createElement(react_2.Popover, { className: "relative" },
100
- react_1.default.createElement(react_2.PopoverButton, { className: "flex items-center gap-x-1 text-sm/6 font-semibold text-gray-900" },
101
- "Company",
102
- react_1.default.createElement(solid_1.ChevronDownIcon, { "aria-hidden": "true", className: "size-5 flex-none text-gray-400" })),
103
- react_1.default.createElement(react_2.PopoverPanel, { transition: true, className: "absolute left-1/2 z-10 mt-3 w-56 -translate-x-1/2 rounded-xl bg-white p-2 shadow-lg ring-1 ring-gray-900/5 transition data-closed:translate-y-1 data-closed:opacity-0 data-enter:duration-200 data-enter:ease-out data-leave:duration-150 data-leave:ease-in" }, company.map(function (item) { return (react_1.default.createElement("a", { key: item.name, href: item.href, className: "block rounded-lg px-3 py-2 text-sm/6 font-semibold text-gray-900 hover:bg-gray-50" }, item.name)); })))),
104
- react_1.default.createElement("div", { className: "hidden lg:flex lg:flex-1 lg:justify-end" },
105
- react_1.default.createElement("a", { href: "#", className: "text-sm/6 font-semibold text-gray-900" },
106
- "Log in ",
107
- react_1.default.createElement("span", { "aria-hidden": "true" }, "\u2192")))),
108
- react_1.default.createElement(react_2.Dialog, { open: mobileMenuOpen, onClose: setMobileMenuOpen, className: "lg:hidden" },
109
- react_1.default.createElement("div", { className: "fixed inset-0 z-50" }),
110
- react_1.default.createElement(react_2.DialogPanel, { className: "fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white p-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10" },
111
- react_1.default.createElement("div", { className: "flex items-center justify-between" },
112
- react_1.default.createElement("a", { href: "#", className: "-m-1.5 p-1.5" },
113
- react_1.default.createElement("span", { className: "sr-only" }, "Your Company"),
114
- react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/logos/mark.svg?color=indigo&shade=600", className: "h-8 w-auto" })),
115
- react_1.default.createElement("button", { type: "button", onClick: function () { return setMobileMenuOpen(false); }, className: "-m-2.5 rounded-md p-2.5 text-gray-700" },
116
- react_1.default.createElement("span", { className: "sr-only" }, "Close menu"),
117
- react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6" }))),
118
- react_1.default.createElement("div", { className: "mt-6 flow-root" },
119
- react_1.default.createElement("div", { className: "-my-6 divide-y divide-gray-500/10" },
120
- react_1.default.createElement("div", { className: "space-y-2 py-6" },
121
- react_1.default.createElement(react_2.Disclosure, { as: "div", className: "-mx-3" },
122
- react_1.default.createElement(react_2.DisclosureButton, { className: "group flex w-full items-center justify-between rounded-lg py-2 pr-3.5 pl-3 text-base/7 font-semibold text-gray-900 hover:bg-gray-50" },
123
- "Product",
124
- react_1.default.createElement(solid_1.ChevronDownIcon, { "aria-hidden": "true", className: "size-5 flex-none group-data-open:rotate-180" })),
125
- react_1.default.createElement(react_2.DisclosurePanel, { className: "mt-2 space-y-2" }, __spreadArray(__spreadArray([], products, true), callsToAction, true).map(function (item) { return (react_1.default.createElement(react_2.DisclosureButton, { key: item.name, as: "a", href: item.href, className: "block rounded-lg py-2 pr-3 pl-6 text-sm/7 font-semibold text-gray-900 hover:bg-gray-50" }, item.name)); }))),
126
- react_1.default.createElement("a", { href: "#", className: "-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 hover:bg-gray-50" }, "Features"),
127
- react_1.default.createElement("a", { href: "#", className: "-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 hover:bg-gray-50" }, "Marketplace"),
128
- react_1.default.createElement(react_2.Disclosure, { as: "div", className: "-mx-3" },
129
- react_1.default.createElement(react_2.DisclosureButton, { className: "group flex w-full items-center justify-between rounded-lg py-2 pr-3.5 pl-3 text-base/7 font-semibold text-gray-900 hover:bg-gray-50" },
130
- "Company",
131
- react_1.default.createElement(solid_1.ChevronDownIcon, { "aria-hidden": "true", className: "size-5 flex-none group-data-open:rotate-180" })),
132
- react_1.default.createElement(react_2.DisclosurePanel, { className: "mt-2 space-y-2" }, company.map(function (item) { return (react_1.default.createElement(react_2.DisclosureButton, { key: item.name, as: "a", href: item.href, className: "block rounded-lg py-2 pr-3 pl-6 text-sm/7 font-semibold text-gray-900 hover:bg-gray-50" }, item.name)); })))),
133
- react_1.default.createElement("div", { className: "py-6" },
134
- react_1.default.createElement("a", { href: "#", className: "-mx-3 block rounded-lg px-3 py-2.5 text-base/7 font-semibold text-gray-900 hover:bg-gray-50" }, "Log in"))))))));
8
+ var react_1 = __importDefault(require("react"));
9
+ var nav_bar_1 = require("../vista-header-v1/nav-bar");
10
+ var VistaHeaderV8 = function (_a) {
11
+ var companyName = _a.companyName, handleMenuOpen = _a.handleMenuOpen, items = _a.items, _b = _a.loginVisible, loginVisible = _b === void 0 ? false : _b, logoAlt = _a.logoAlt, logoSrc = _a.logoSrc, menuOpen = _a.menuOpen;
12
+ return (react_1.default.createElement("header", { className: "bg-gray-50 dark:bg-gray-700" },
13
+ react_1.default.createElement(nav_bar_1.NavBar, { companyName: companyName, handleMenuOpen: handleMenuOpen, items: items, loginVisible: loginVisible, logoAlt: logoAlt, logoSrc: logoSrc, menuOpen: menuOpen })));
135
14
  };
136
15
  exports.VistaHeaderV8 = VistaHeaderV8;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/app-corp-vista",
3
- "version": "0.2.78",
3
+ "version": "0.2.79",
4
4
  "scripts": {
5
5
  "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib && cp yarn.lock lib",
6
6
  "build:next": "next build",
package/type/vista-header-type.d.ts CHANGED
@@ -45,7 +45,14 @@ export interface VistaHeaderV7Props {
45
45
  id: string;
46
46
  }
47
47
  export interface VistaHeaderV8Props {
48
- id: string;
48
+ companyName: string;
49
+ handleMenuOpen: () => void;
50
+ items: VistaHeaderV1Item[];
51
+ loginVisible?: boolean;
52
+ logoAlt: string;
53
+ logoContainerClassName?: string;
54
+ logoSrc: string;
55
+ menuOpen: boolean;
49
56
  }
50
57
  export interface VistaHeaderV9Props {
51
58
  id: string;