@appcorp/app-corp-vista 0.2.80 → 0.2.81

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

@@ -1,2 +1,3 @@
-import React from 'react';
-export declare const VistaFeatureV1: () => React.JSX.Element;
+import { FC } from 'react';
+import { VistaFeatureV1Props } from '../../type/vista-feature-type';
+export declare const VistaFeatureV1: FC<VistaFeatureV1Props>;

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

@@ -5,39 +5,28 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaFeatureV1 = void 0;
 var react_1 = __importDefault(require("react"));
-var solid_1 = require("@heroicons/react/20/solid");
-var features = [
-    {
-        name: 'Push to deploy.',
-        description: 'Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores impedit perferendis suscipit eaque, iste dolor cupiditate blanditiis ratione.',
-        icon: solid_1.CloudArrowUpIcon,
-    },
-    {
-        name: 'SSL certificates.',
-        description: 'Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo.',
-        icon: solid_1.LockClosedIcon,
-    },
-    {
-        name: 'Database backups.',
-        description: 'Ac tincidunt sapien vehicula erat auctor pellentesque rhoncus. Et magna sit morbi lobortis.',
-        icon: solid_1.ServerIcon,
-    },
-];
-var VistaFeatureV1 = function () {
+var image_1 = __importDefault(require("next/image"));
+var VistaFeatureV1 = function (_a) {
+    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;
     return (react_1.default.createElement("div", { className: "overflow-hidden bg-gray-900 py-24 sm:py-32" },
         react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-6 lg:px-8" },
             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" },
-                react_1.default.createElement("div", { className: "lg:pt-4 lg:pr-8" },
+                react_1.default.createElement("div", { className: "lg:pt-4 lg:pr-8 w-full ".concat(revert ? 'order-2' : 'order-1') },
                     react_1.default.createElement("div", { className: "lg:max-w-lg" },
-                        react_1.default.createElement("h2", { className: "text-base/7 font-semibold text-indigo-400" }, "Deploy faster"),
-                        react_1.default.createElement("p", { className: "mt-2 text-4xl font-semibold tracking-tight text-pretty text-white sm:text-5xl" }, "A better workflow"),
-                        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."),
-                        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" },
+                        react_1.default.createElement("h2", { className: "text-base/7 font-semibold text-primary" }, subTitle),
+                        react_1.default.createElement("p", { className: "mt-2 text-4xl font-semibold tracking-tight text-pretty text-white sm:text-5xl" }, title),
+                        react_1.default.createElement("p", { className: "mt-6 text-lg/8 text-gray-300" }, description),
+                        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
+                            .filter(function (_a) {
+                            var enabled = _a.enabled;
+                            return enabled;
+                        })
+                            .map(function (item) { return (react_1.default.createElement("div", { key: item.name, className: "relative pl-9" },
                             react_1.default.createElement("dt", { className: "inline font-semibold text-white" },
-                                react_1.default.createElement(feature.icon, { "aria-hidden": "true", className: "absolute top-1 left-1 size-5 text-indigo-400" }),
-                                feature.name),
+                                react_1.default.createElement(item.icon, { "aria-hidden": "true", className: "absolute top-1 left-1 size-5 text-primary" }),
+                                item.name),
                             ' ',
-                            react_1.default.createElement("dd", { className: "inline" }, feature.description))); })))),
-                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" })))));
+                            react_1.default.createElement("dd", { className: "inline" }, item.description))); })))),
+                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 })))));
 };
 exports.VistaFeatureV1 = VistaFeatureV1;

package/package.json

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

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

@@ -1,6 +1,19 @@
 import { ForwardRefExoticComponent, SVGProps } from "react";
+export interface VistaFeatureV1Item {
+    description: string;
+    enabled: boolean;
+    icon: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref">>;
+    name: string;
+    order: number;
+}
 export interface VistaFeatureV1Props {
-    id: string;
+    description: string;
+    imageAlt: string;
+    imageSrc: string;
+    items: VistaFeatureV1Item[];
+    revert?: boolean;
+    subTitle: string;
+    title: string;
 }
 export interface VistaFeatureV2Item {
     name: string;