@appcorp/app-corp-vista 0.2.80 → 0.2.83

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 (7) hide show
  1. package/molecules/vista-footer-v10/vista-footer-v10.js +1 -1
  2. package/molecules/vista-footer-v3/vista-footer-v3.js +32 -96
  3. package/organisms/vista-feature-v1/vista-feature-v1.d.ts +3 -2
  4. package/organisms/vista-feature-v1/vista-feature-v1.js +17 -28
  5. package/package.json +2 -2
  6. package/type/vista-feature-type.d.ts +14 -1
  7. package/type/vista-footer-type.d.ts +27 -3
package/molecules/vista-footer-v10/vista-footer-v10.js CHANGED
@@ -10,7 +10,7 @@ var vista_text_input_v1_1 = require("../vista-text-input-v1");
10
10
  var vista_button_v1_1 = require("../vista-button-v1/vista-button-v1");
11
11
  var vista_button_type_1 = require("../../type/vista-button-type");
12
12
  var VistaFooterV10 = function (_a) {
13
- var _b = _a.containerClassName, containerClassName = _b === void 0 ? '' : _b, disclaimer = _a.disclaimer, email = _a.email, handleOnChange = _a.handleOnChange, handleOnSubmit = _a.handleOnSubmit, items = _a.items, logoAlt = _a.logoAlt, logoSrc = _a.logoSrc, showTechPartners = _a.showTechPartners, socialLinks = _a.socialLinks, subscribeDescription = _a.subscribeDescription, subscribeHeading = _a.subscribeHeading;
13
+ var _b = _a.containerClassName, containerClassName = _b === void 0 ? '' : _b, disclaimer = _a.disclaimer, email = _a.email, handleOnChange = _a.handleOnChange, handleOnSubmit = _a.handleOnSubmit, items = _a.items, logoAlt = _a.logoAlt, logoSrc = _a.logoSrc, _c = _a.showTechPartners, showTechPartners = _c === void 0 ? true : _c, socialLinks = _a.socialLinks, subscribeDescription = _a.subscribeDescription, subscribeHeading = _a.subscribeHeading;
14
14
  return (react_1.default.createElement("footer", { className: containerClassName },
15
15
  react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-6 pt-16 pb-8 sm:pt-20 lg:px-8 lg:pt-20" },
16
16
  react_1.default.createElement("div", { className: "xl:grid xl:grid-cols-3 xl:gap-8" },
package/molecules/vista-footer-v3/vista-footer-v3.js CHANGED
@@ -1,113 +1,49 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
2
  var __importDefault = (this && this.__importDefault) || function (mod) {
14
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
15
4
  };
16
5
  Object.defineProperty(exports, "__esModule", { value: true });
17
6
  exports.VistaFooterV3 = void 0;
18
7
  var react_1 = __importDefault(require("react"));
19
- var navigation = {
20
- solutions: [
21
- { name: 'Marketing', href: '#' },
22
- { name: 'Analytics', href: '#' },
23
- { name: 'Automation', href: '#' },
24
- { name: 'Commerce', href: '#' },
25
- { name: 'Insights', href: '#' },
26
- ],
27
- support: [
28
- { name: 'Submit ticket', href: '#' },
29
- { name: 'Documentation', href: '#' },
30
- { name: 'Guides', href: '#' },
31
- ],
32
- company: [
33
- { name: 'About', href: '#' },
34
- { name: 'Blog', href: '#' },
35
- { name: 'Jobs', href: '#' },
36
- { name: 'Press', href: '#' },
37
- ],
38
- legal: [
39
- { name: 'Terms of service', href: '#' },
40
- { name: 'Privacy policy', href: '#' },
41
- { name: 'License', href: '#' },
42
- ],
43
- social: [
44
- {
45
- name: 'Facebook',
46
- href: '#',
47
- icon: function (props) { return (react_1.default.createElement("svg", __assign({ fill: "currentColor", viewBox: "0 0 24 24" }, props),
48
- react_1.default.createElement("path", { fillRule: "evenodd", d: "M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z", clipRule: "evenodd" }))); },
49
- },
50
- {
51
- name: 'Instagram',
52
- href: '#',
53
- icon: function (props) { return (react_1.default.createElement("svg", __assign({ fill: "currentColor", viewBox: "0 0 24 24" }, props),
54
- react_1.default.createElement("path", { fillRule: "evenodd", d: "M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z", clipRule: "evenodd" }))); },
55
- },
56
- {
57
- name: 'X',
58
- href: '#',
59
- icon: function (props) { return (react_1.default.createElement("svg", __assign({ fill: "currentColor", viewBox: "0 0 24 24" }, props),
60
- react_1.default.createElement("path", { d: "M13.6823 10.6218L20.2391 3H18.6854L12.9921 9.61788L8.44486 3H3.2002L10.0765 13.0074L3.2002 21H4.75404L10.7663 14.0113L15.5685 21H20.8131L13.6819 10.6218H13.6823ZM11.5541 13.0956L10.8574 12.0991L5.31391 4.16971H7.70053L12.1742 10.5689L12.8709 11.5655L18.6861 19.8835H16.2995L11.5541 13.096V13.0956Z" }))); },
61
- },
62
- {
63
- name: 'GitHub',
64
- href: '#',
65
- icon: function (props) { return (react_1.default.createElement("svg", __assign({ fill: "currentColor", viewBox: "0 0 24 24" }, props),
66
- react_1.default.createElement("path", { fillRule: "evenodd", d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z", clipRule: "evenodd" }))); },
67
- },
68
- {
69
- name: 'YouTube',
70
- href: '#',
71
- icon: function (props) { return (react_1.default.createElement("svg", __assign({ fill: "currentColor", viewBox: "0 0 24 24" }, props),
72
- react_1.default.createElement("path", { fillRule: "evenodd", d: "M19.812 5.418c.861.23 1.538.907 1.768 1.768C21.998 8.746 22 12 22 12s0 3.255-.418 4.814a2.504 2.504 0 0 1-1.768 1.768c-1.56.419-7.814.419-7.814.419s-6.255 0-7.814-.419a2.505 2.505 0 0 1-1.768-1.768C2 15.255 2 12 2 12s0-3.255.417-4.814a2.507 2.507 0 0 1 1.768-1.768C5.744 5 11.998 5 11.998 5s6.255 0 7.814.418ZM15.194 12 10 15V9l5.194 3Z", clipRule: "evenodd" }))); },
73
- },
74
- ],
75
- };
76
- var VistaFooterV3 = function () {
77
- return (react_1.default.createElement("footer", { className: "bg-gray-900" },
8
+ var image_1 = __importDefault(require("next/image"));
9
+ var vista_button_v1_1 = require("../vista-button-v1/vista-button-v1");
10
+ var vista_button_type_1 = require("../../type/vista-button-type");
11
+ var VistaFooterV3 = function (_a) {
12
+ var _b = _a.containerClassName, containerClassName = _b === void 0 ? '' : _b, ctaLabel = _a.ctaLabel, description = _a.description, disclaimer = _a.disclaimer, handleOnClick = _a.handleOnClick, items = _a.items, logoAlt = _a.logoAlt, logoSrc = _a.logoSrc, _c = _a.showTechPartners, showTechPartners = _c === void 0 ? true : _c, socialLinks = _a.socialLinks, subTitle = _a.subTitle, title = _a.title;
13
+ return (react_1.default.createElement("footer", { className: "bg-gray-900 ".concat(containerClassName) },
78
14
  react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-6 py-16 sm:py-24 lg:px-8 lg:py-32" },
79
15
  react_1.default.createElement("div", { className: "mx-auto max-w-2xl text-center" },
80
16
  react_1.default.createElement("hgroup", null,
81
- react_1.default.createElement("h2", { className: "text-base/7 font-semibold text-indigo-400" }, "Get started"),
82
- react_1.default.createElement("p", { className: "mt-2 text-4xl font-semibold tracking-tight text-balance text-white sm:text-5xl" }, "Boost your productivity. Start using our app today.")),
83
- react_1.default.createElement("p", { className: "mx-auto mt-6 max-w-xl text-lg/8 text-pretty text-gray-400" }, "Incididunt sint fugiat pariatur cupidatat consectetur sit cillum anim id veniam aliqua proident excepteur commodo do ea."),
17
+ react_1.default.createElement("h2", { className: "text-base/7 font-semibold text-primary" }, subTitle),
18
+ react_1.default.createElement("p", { className: "mt-2 text-4xl font-semibold tracking-tight text-balance text-white sm:text-5xl" }, title)),
19
+ react_1.default.createElement("p", { className: "mx-auto mt-6 max-w-xl text-lg/8 text-pretty text-gray-400" }, description),
84
20
  react_1.default.createElement("div", { className: "mt-8 flex justify-center" },
85
- react_1.default.createElement("a", { href: "#", className: "rounded-md bg-indigo-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-indigo-400 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500" }, "Get started"))),
21
+ react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { handleOnClick: handleOnClick, label: ctaLabel, size: vista_button_type_1.VISTA_BUTTON_SIZE.LG, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY }))),
86
22
  react_1.default.createElement("div", { className: "mt-24 border-t border-white/10 pt-12 xl:grid xl:grid-cols-3 xl:gap-8" },
87
- react_1.default.createElement("img", { alt: "Company name", src: "https://tailwindcss.com/plus-assets/img/logos/mark.svg?color=indigo&shade=500", className: "h-9" }),
88
- react_1.default.createElement("div", { className: "mt-16 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0" },
89
- react_1.default.createElement("div", { className: "md:grid md:grid-cols-2 md:gap-8" },
90
- react_1.default.createElement("div", null,
91
- react_1.default.createElement("h3", { className: "text-sm/6 font-semibold text-white" }, "Solutions"),
92
- react_1.default.createElement("ul", { role: "list", className: "mt-6 space-y-4" }, navigation.solutions.map(function (item) { return (react_1.default.createElement("li", { key: item.name },
93
- react_1.default.createElement("a", { href: item.href, className: "text-sm/6 text-gray-400 hover:text-white" }, item.name))); }))),
94
- react_1.default.createElement("div", { className: "mt-10 md:mt-0" },
95
- react_1.default.createElement("h3", { className: "text-sm/6 font-semibold text-white" }, "Support"),
96
- react_1.default.createElement("ul", { role: "list", className: "mt-6 space-y-4" }, navigation.support.map(function (item) { return (react_1.default.createElement("li", { key: item.name },
97
- react_1.default.createElement("a", { href: item.href, className: "text-sm/6 text-gray-400 hover:text-white" }, item.name))); })))),
98
- react_1.default.createElement("div", { className: "md:grid md:grid-cols-2 md:gap-8" },
99
- react_1.default.createElement("div", null,
100
- react_1.default.createElement("h3", { className: "text-sm/6 font-semibold text-white" }, "Company"),
101
- react_1.default.createElement("ul", { role: "list", className: "mt-6 space-y-4" }, navigation.company.map(function (item) { return (react_1.default.createElement("li", { key: item.name },
102
- react_1.default.createElement("a", { href: item.href, className: "text-sm/6 text-gray-400 hover:text-white" }, item.name))); }))),
103
- react_1.default.createElement("div", { className: "mt-10 md:mt-0" },
104
- react_1.default.createElement("h3", { className: "text-sm/6 font-semibold text-white" }, "Legal"),
105
- react_1.default.createElement("ul", { role: "list", className: "mt-6 space-y-4" }, navigation.legal.map(function (item) { return (react_1.default.createElement("li", { key: item.name },
106
- react_1.default.createElement("a", { href: item.href, className: "text-sm/6 text-gray-400 hover:text-white" }, item.name))); })))))),
23
+ react_1.default.createElement("div", { className: 'size-20 relative' },
24
+ react_1.default.createElement(image_1.default, { alt: logoAlt, className: "object-contain", fill: true, height: 0, sizes: '10vw', src: logoSrc, width: 0 })),
25
+ react_1.default.createElement("div", { className: "mt-16 grid sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 xl:col-span-2 xl:mt-0" }, items.map(function (_a) {
26
+ var name = _a.name, subMenuItems = _a.subMenuItems;
27
+ return (react_1.default.createElement("div", { key: name },
28
+ react_1.default.createElement("h3", { className: "text-sm/6 font-semibold text-primary" }, name),
29
+ react_1.default.createElement("ul", { role: "list", className: "mt-6 space-y-4" }, subMenuItems.map(function (item) { return (react_1.default.createElement("li", { key: item.name },
30
+ react_1.default.createElement("a", { href: item.href, className: "text-sm/6 text-white hover:text-gray-300" }, item.name))); }))));
31
+ }))),
107
32
  react_1.default.createElement("div", { className: "mt-12 border-t border-white/10 pt-8 md:flex md:items-center md:justify-between" },
108
- react_1.default.createElement("div", { className: "flex gap-x-6 md:order-2" }, navigation.social.map(function (item) { return (react_1.default.createElement("a", { key: item.name, href: item.href, className: "text-gray-400 hover:text-white" },
33
+ react_1.default.createElement("div", { className: "flex gap-x-6 md:order-2" }, socialLinks
34
+ .filter(function (_a) {
35
+ var enabled = _a.enabled;
36
+ return enabled;
37
+ })
38
+ .sort(function (a, b) { return a.order - b.order; })
39
+ .map(function (item) { return (react_1.default.createElement("a", { key: item.name, href: item.href, className: "text-gray-400 hover:text-white", target: '_blank' },
109
40
  react_1.default.createElement("span", { className: "sr-only" }, item.name),
110
41
  react_1.default.createElement(item.icon, { "aria-hidden": "true", className: "size-6" }))); })),
111
- react_1.default.createElement("p", { className: "mt-8 text-sm/6 text-gray-400 md:order-1 md:mt-0" }, "\u00A9 2024 Your Company, Inc. All rights reserved.")))));
42
+ react_1.default.createElement("p", { className: "mt-8 text-sm/6 text-gray-400 md:order-1 md:mt-0" },
43
+ react_1.default.createElement("span", null, disclaimer),
44
+ showTechPartners && (react_1.default.createElement("span", null,
45
+ ' ',
46
+ "- Our ",
47
+ react_1.default.createElement("a", { className: 'text-primary', target: '_blank', href: 'https://appcorp.org' }, "Tech Partners"))))))));
112
48
  };
113
49
  exports.VistaFooterV3 = VistaFooterV3;
package/organisms/vista-feature-v1/vista-feature-v1.d.ts CHANGED
@@ -1,2 +1,3 @@
1
- import React from 'react';
2
- export declare const VistaFeatureV1: () => React.JSX.Element;
1
+ import { FC } from 'react';
2
+ import { VistaFeatureV1Props } from '../../type/vista-feature-type';
3
+ export declare const VistaFeatureV1: FC<VistaFeatureV1Props>;
package/organisms/vista-feature-v1/vista-feature-v1.js CHANGED
@@ -5,39 +5,28 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.VistaFeatureV1 = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
- var solid_1 = require("@heroicons/react/20/solid");
9
- var features = [
10
- {
11
- name: 'Push to deploy.',
12
- description: 'Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores impedit perferendis suscipit eaque, iste dolor cupiditate blanditiis ratione.',
13
- icon: solid_1.CloudArrowUpIcon,
14
- },
15
- {
16
- name: 'SSL certificates.',
17
- description: 'Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo.',
18
- icon: solid_1.LockClosedIcon,
19
- },
20
- {
21
- name: 'Database backups.',
22
- description: 'Ac tincidunt sapien vehicula erat auctor pellentesque rhoncus. Et magna sit morbi lobortis.',
23
- icon: solid_1.ServerIcon,
24
- },
25
- ];
26
- var VistaFeatureV1 = function () {
8
+ var image_1 = __importDefault(require("next/image"));
9
+ var VistaFeatureV1 = function (_a) {
10
+ var description = _a.description, imageAlt = _a.imageAlt, imageSrc = _a.imageSrc, items = _a.items, _b = _a.revert, revert = _b === void 0 ? false : _b, subTitle = _a.subTitle, title = _a.title;
27
11
  return (react_1.default.createElement("div", { className: "overflow-hidden bg-gray-900 py-24 sm:py-32" },
28
12
  react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-6 lg:px-8" },
29
13
  react_1.default.createElement("div", { className: "mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-2" },
30
- react_1.default.createElement("div", { className: "lg:pt-4 lg:pr-8" },
14
+ react_1.default.createElement("div", { className: "lg:pt-4 lg:pr-8 w-full ".concat(revert ? 'order-2' : 'order-1') },
31
15
  react_1.default.createElement("div", { className: "lg:max-w-lg" },
32
- react_1.default.createElement("h2", { className: "text-base/7 font-semibold text-indigo-400" }, "Deploy faster"),
33
- react_1.default.createElement("p", { className: "mt-2 text-4xl font-semibold tracking-tight text-pretty text-white sm:text-5xl" }, "A better workflow"),
34
- react_1.default.createElement("p", { className: "mt-6 text-lg/8 text-gray-300" }, "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores impedit perferendis suscipit eaque, iste dolor cupiditate blanditiis ratione."),
35
- react_1.default.createElement("dl", { className: "mt-10 max-w-xl space-y-8 text-base/7 text-gray-400 lg:max-w-none" }, features.map(function (feature) { return (react_1.default.createElement("div", { key: feature.name, className: "relative pl-9" },
16
+ react_1.default.createElement("h2", { className: "text-base/7 font-semibold text-primary" }, subTitle),
17
+ react_1.default.createElement("p", { className: "mt-2 text-4xl font-semibold tracking-tight text-pretty text-white sm:text-5xl" }, title),
18
+ react_1.default.createElement("p", { className: "mt-6 text-lg/8 text-gray-300" }, description),
19
+ react_1.default.createElement("dl", { className: "mt-10 max-w-xl space-y-8 text-base/7 text-gray-400 lg:max-w-none" }, items
20
+ .filter(function (_a) {
21
+ var enabled = _a.enabled;
22
+ return enabled;
23
+ })
24
+ .map(function (item) { return (react_1.default.createElement("div", { key: item.name, className: "relative pl-9" },
36
25
  react_1.default.createElement("dt", { className: "inline font-semibold text-white" },
37
- react_1.default.createElement(feature.icon, { "aria-hidden": "true", className: "absolute top-1 left-1 size-5 text-indigo-400" }),
38
- feature.name),
26
+ react_1.default.createElement(item.icon, { "aria-hidden": "true", className: "absolute top-1 left-1 size-5 text-primary" }),
27
+ item.name),
39
28
  ' ',
40
- react_1.default.createElement("dd", { className: "inline" }, feature.description))); })))),
41
- react_1.default.createElement("img", { alt: "Product screenshot", src: "https://tailwindcss.com/plus-assets/img/component-images/dark-project-app-screenshot.png", width: 2432, height: 1442, className: "w-3xl max-w-none rounded-xl shadow-xl ring-1 ring-white/10 sm:w-228 md:-ml-4 lg:-ml-0" })))));
29
+ react_1.default.createElement("dd", { className: "inline" }, item.description))); })))),
30
+ react_1.default.createElement(image_1.default, { alt: imageAlt, className: "w-3xl max-w-none rounded-xl shadow-xl ring-1 ring-gray-400/10 sm:w-228 md:-ml-4 lg:-ml-0 ".concat(revert ? 'order-1 lg:-ml-80' : 'order-2'), height: 1442, src: imageSrc, width: 232 })))));
42
31
  };
43
32
  exports.VistaFeatureV1 = VistaFeatureV1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/app-corp-vista",
3
- "version": "0.2.80",
3
+ "version": "0.2.83",
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",
@@ -41,7 +41,7 @@
41
41
  "@react-jvectormap/core": "^1.0.4",
42
42
  "@react-jvectormap/world": "^1.1.2",
43
43
  "@react-pakistan/react-icon-collection": "^3.5.0",
44
- "@react-pakistan/util-functions": "^1.24.33",
44
+ "@react-pakistan/util-functions": "^1.24.38",
45
45
  "@remixicon/react": "^4.6.0",
46
46
  "@storybook/addon-links": "^9",
47
47
  "@storybook/addon-onboarding": "^9",
package/type/vista-feature-type.d.ts CHANGED
@@ -1,6 +1,19 @@
1
1
  import { ForwardRefExoticComponent, SVGProps } from "react";
2
+ export interface VistaFeatureV1Item {
3
+ description: string;
4
+ enabled: boolean;
5
+ icon: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref">>;
6
+ name: string;
7
+ order: number;
8
+ }
2
9
  export interface VistaFeatureV1Props {
3
- id: string;
10
+ description: string;
11
+ imageAlt: string;
12
+ imageSrc: string;
13
+ items: VistaFeatureV1Item[];
14
+ revert?: boolean;
15
+ subTitle: string;
16
+ title: string;
4
17
  }
5
18
  export interface VistaFeatureV2Item {
6
19
  name: string;
package/type/vista-footer-type.d.ts CHANGED
@@ -5,8 +5,30 @@ export interface VistaFooterV1Props {
5
5
  export interface VistaFooterV2Props {
6
6
  id: string;
7
7
  }
8
+ export interface VistaFooterV3SocialLink {
9
+ enabled: boolean;
10
+ href: string;
11
+ icon: FC<any>;
12
+ name: string;
13
+ order: number;
14
+ }
15
+ export interface VistaFooterV3Item {
16
+ name: string;
17
+ subMenuItems: VistaFooterV10SubMenuItem[];
18
+ }
8
19
  export interface VistaFooterV3Props {
9
- id: string;
20
+ containerClassName?: string;
21
+ ctaLabel: string;
22
+ description: string;
23
+ disclaimer: string;
24
+ handleOnClick: () => void;
25
+ items: VistaFooterV3Item[];
26
+ logoAlt: string;
27
+ logoSrc: string;
28
+ showTechPartners?: boolean;
29
+ socialLinks: VistaFooterV3SocialLink[];
30
+ subTitle: string;
31
+ title: string;
10
32
  }
11
33
  export interface VistaFooterV4Props {
12
34
  id: string;
@@ -35,9 +57,11 @@ export interface VistaFooterV10Item {
35
57
  subMenuItems: VistaFooterV10SubMenuItem[];
36
58
  }
37
59
  export interface VistaFooterV10SocialLink {
38
- name: string;
60
+ enabled: boolean;
39
61
  href: string;
40
62
  icon: FC<any>;
63
+ name: string;
64
+ order: number;
41
65
  }
42
66
  export interface VistaFooterV10Props {
43
67
  containerClassName?: string;
@@ -48,7 +72,7 @@ export interface VistaFooterV10Props {
48
72
  items: VistaFooterV10Item[];
49
73
  logoAlt: string;
50
74
  logoSrc: string;
51
- showTechPartners: boolean;
75
+ showTechPartners?: boolean;
52
76
  socialLinks: VistaFooterV10SocialLink[];
53
77
  subscribeDescription: string;
54
78
  subscribeHeading: string;