@appcorp/app-corp-vista 0.2.20 → 0.2.22

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

@@ -19,7 +19,7 @@ var VistaRadioV1 = function (_a) {
             .map(function (_a) {
             var id = _a.id, label = _a.label, value = _a.value;
             return (react_1.default.createElement("div", { key: id, className: "flex items-center" },
-                react_1.default.createElement("input", { checked: selectedValue.toLowerCase() === value, className: "relative size-4 appearance-none rounded-full border border-gray-300 bg-white before:absolute before:inset-1 before:rounded-full before:bg-white not-checked:before:hidden checked:border-primary checked:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary disabled:border-gray-300 disabled:bg-gray-100 disabled:before:bg-gray-400 forced-colors:appearance-auto forced-colors:before:hidden", id: id, name: id, onChange: function (e) {
+                react_1.default.createElement("input", { checked: selectedValue === value, className: "relative size-4 appearance-none rounded-full border border-gray-300 bg-white before:absolute before:inset-1 before:rounded-full before:bg-white not-checked:before:hidden checked:border-primary checked:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary disabled:border-gray-300 disabled:bg-gray-100 disabled:before:bg-gray-400 forced-colors:appearance-auto forced-colors:before:hidden", id: id, name: id, onChange: function (e) {
                         return handleOnChange(id, e.target.value);
                     }, type: "radio", value: value }),
                 react_1.default.createElement("label", { htmlFor: id, className: "ml-3 block text-sm/6 font-medium text-gray-900 dark:text-white" }, label)));

package/organisms/vista-product-list-v4/vista-product-list-v4.d.ts

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

package/organisms/vista-product-list-v4/vista-product-list-v4.js

@@ -5,41 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaProductListV4 = void 0;
 var react_1 = __importDefault(require("react"));
-var products = [
-    {
-        id: 1,
-        name: 'Focus Paper Refill',
-        href: '#',
-        price: '$13',
-        description: '3 sizes available',
-        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce-images/category-page-01-image-card-01.jpg',
-        imageAlt: 'Person using a pen to cross a task off a productivity paper card.',
-    },
-    {
-        id: 2,
-        name: 'Focus Card Holder',
-        href: '#',
-        price: '$64',
-        description: 'Walnut',
-        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce-images/category-page-01-image-card-02.jpg',
-        imageAlt: 'Paper card sitting upright in walnut card holder on desk.',
-    },
-    {
-        id: 3,
-        name: 'Focus Carry Case',
-        href: '#',
-        price: '$32',
-        description: 'Heather Gray',
-        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce-images/category-page-01-image-card-03.jpg',
-        imageAlt: 'Textured gray felt pouch for paper cards with snap button flap and elastic pen holder loop.',
-    },
-];
-var VistaProductListV4 = function () {
+var VistaProductListV4 = function (_a) {
+    var items = _a.items;
     return (react_1.default.createElement("div", { className: "bg-white" },
-        react_1.default.createElement("div", { className: "mx-auto max-w-2xl px-4 py-16 sm:px-6 sm:py-24 lg:max-w-7xl lg:px-8" },
+        react_1.default.createElement("div", { className: "mx-auto max-w-2xl px-4 py-16 sm:px-6 sm:py-20 lg:max-w-7xl lg:px-8" },
             react_1.default.createElement("h2", { id: "products-heading", className: "sr-only" }, "Products"),
-            react_1.default.createElement("div", { className: "grid grid-cols-1 gap-x-6 gap-y-10 sm:grid-cols-2 lg:grid-cols-3 xl:gap-x-8" }, products.map(function (product) { return (react_1.default.createElement("a", { key: product.id, href: product.href, className: "group" },
-                react_1.default.createElement("img", { alt: product.imageAlt, src: product.imageSrc, className: "aspect-square w-full overflow-hidden rounded-lg object-cover group-hover:opacity-75 sm:aspect-2/3" }),
+            react_1.default.createElement("div", { className: "grid grid-cols-1 gap-x-6 gap-y-10 sm:grid-cols-2 lg:grid-cols-3 xl:gap-x-8" }, items.map(function (product) { return (react_1.default.createElement("a", { key: product.id, href: product.href, className: "group" },
+                react_1.default.createElement("img", { alt: product.imageAlt, className: "aspect-square w-full overflow-hidden rounded-lg object-cover group-hover:opacity-75 sm:aspect-2/3", src: product.imageSrc }),
                 react_1.default.createElement("div", { className: "mt-4 flex items-center justify-between text-base font-medium text-gray-900" },
                     react_1.default.createElement("h3", null, product.name),
                     react_1.default.createElement("p", null, product.price)),

package/package.json

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

package/type/vista-product-list-type.d.ts

@@ -7,8 +7,17 @@ export interface VistaProductListV2Props {
 export interface VistaProductListV3Props {
     id: string;
 }
-export interface VistaProductListV4Props {
+export interface VistaProductListV4Item {
+    description: string;
+    href: string;
     id: string;
+    imageAlt: string;
+    imageSrc: string;
+    name: string;
+    price?: string;
+}
+export interface VistaProductListV4Props {
+    items: VistaProductListV4Item[];
 }
 export interface VistaProductListV5Item {
     color?: string;