@appcorp/app-corp-vista 0.1.22 → 0.1.24

package/molecules/vista-button-group-v1/vista-button-group-v1.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaButtonGroupV1Props } from '../../type/vista-button-group-type';
+export declare const VistaButtonGroupV1: FC<VistaButtonGroupV1Props>;

package/molecules/vista-button-group-v1/vista-button-group-v1.js

@@ -0,0 +1,16 @@
+'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.VistaButtonGroupV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var VistaButtonGroupV1 = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b;
+    return (react_1.default.createElement("span", { className: "isolate inline-flex rounded-md shadow-xs" },
+        react_1.default.createElement("button", { type: "button", className: "relative inline-flex items-center rounded-l-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" }, "Years"),
+        react_1.default.createElement("button", { type: "button", className: "relative -ml-px inline-flex items-center bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" }, "Months"),
+        react_1.default.createElement("button", { type: "button", className: "relative -ml-px inline-flex items-center rounded-r-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" }, "Days")));
+};
+exports.VistaButtonGroupV1 = VistaButtonGroupV1;

package/molecules/vista-button-group-v2/vista-button-group-v2.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaButtonGroupV2Props } from '../../type/vista-button-group-type';
+export declare const VistaButtonGroupV2: FC<VistaButtonGroupV2Props>;

package/molecules/vista-button-group-v2/vista-button-group-v2.js

@@ -0,0 +1,20 @@
+'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.VistaButtonGroupV2 = void 0;
+var react_1 = __importDefault(require("react"));
+var solid_1 = require("@heroicons/react/20/solid");
+var VistaButtonGroupV2 = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b;
+    return (react_1.default.createElement("span", { className: "isolate inline-flex rounded-md shadow-xs" },
+        react_1.default.createElement("button", { type: "button", className: "relative inline-flex items-center rounded-l-md bg-white px-2 py-2 text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" },
+            react_1.default.createElement("span", { className: "sr-only" }, "Previous"),
+            react_1.default.createElement(solid_1.ChevronLeftIcon, { "aria-hidden": "true", className: "size-5" })),
+        react_1.default.createElement("button", { type: "button", className: "relative -ml-px inline-flex items-center rounded-r-md bg-white px-2 py-2 text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" },
+            react_1.default.createElement("span", { className: "sr-only" }, "Next"),
+            react_1.default.createElement(solid_1.ChevronRightIcon, { "aria-hidden": "true", className: "size-5" }))));
+};
+exports.VistaButtonGroupV2 = VistaButtonGroupV2;

package/molecules/vista-button-group-v3/vista-button-group-v3.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaButtonGroupV3Props } from '../../type/vista-button-group-type';
+export declare const VistaButtonGroupV3: FC<VistaButtonGroupV3Props>;

package/molecules/vista-button-group-v3/vista-button-group-v3.js

@@ -0,0 +1,18 @@
+'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.VistaButtonGroupV3 = void 0;
+var react_1 = __importDefault(require("react"));
+var solid_1 = require("@heroicons/react/20/solid");
+var VistaButtonGroupV3 = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b;
+    return (react_1.default.createElement("span", { className: "isolate inline-flex rounded-md shadow-xs" },
+        react_1.default.createElement("button", { type: "button", className: "relative inline-flex items-center gap-x-1.5 rounded-l-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" },
+            react_1.default.createElement(solid_1.BookmarkIcon, { "aria-hidden": "true", className: "-ml-0.5 size-5 text-gray-400" }),
+            "Bookmark"),
+        react_1.default.createElement("button", { type: "button", className: "relative -ml-px inline-flex items-center rounded-r-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" }, "12k")));
+};
+exports.VistaButtonGroupV3 = VistaButtonGroupV3;

package/molecules/vista-button-group-v4/vista-button-group-v4.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaButtonGroupV4Props } from '../../type/vista-button-group-type';
+export declare const VistaButtonGroupV4: FC<VistaButtonGroupV4Props>;

package/molecules/vista-button-group-v4/vista-button-group-v4.js

@@ -0,0 +1,32 @@
+'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.VistaButtonGroupV4 = void 0;
+var react_1 = __importDefault(require("react"));
+var react_2 = require("@headlessui/react");
+var solid_1 = require("@heroicons/react/20/solid");
+var VistaButtonGroupV4 = function (_a) {
+    var selectedOption = _a.selectedOption, items = _a.items;
+    return (react_1.default.createElement("div", { className: "inline-flex rounded-md shadow-xs" },
+        react_1.default.createElement("button", { type: "button", className: "relative inline-flex items-center rounded-l-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" }, selectedOption),
+        react_1.default.createElement(react_2.Menu, { as: "div", className: "relative -ml-px block" },
+            react_1.default.createElement(react_2.MenuButton, { className: "relative inline-flex items-center rounded-r-md bg-white px-2 py-2 text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" },
+                react_1.default.createElement("span", { className: "sr-only" }, "Open options"),
+                react_1.default.createElement(solid_1.ChevronDownIcon, { "aria-hidden": "true", className: "size-5" })),
+            react_1.default.createElement(react_2.MenuItems, { transition: true, className: "absolute right-0 z-10 mt-2 -mr-1 w-56 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black/5 transition focus:outline-hidden data-closed:scale-95 data-closed:transform data-closed:opacity-0 data-enter:duration-100 data-enter:ease-out data-leave:duration-75 data-leave:ease-in" },
+                react_1.default.createElement("div", { className: "py-1" }, items
+                    .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, handleOnClick = _a.handleOnClick;
+                    return (react_1.default.createElement(react_2.MenuItem, { key: label },
+                        react_1.default.createElement("div", { onClick: handleOnClick, className: "block px-4 py-2 text-sm text-gray-700 data-focus:bg-gray-100 data-focus:text-gray-900 data-focus:outline-hidden" }, label)));
+                }))))));
+};
+exports.VistaButtonGroupV4 = VistaButtonGroupV4;

package/molecules/vista-button-group-v5/vista-button-group-v5.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaButtonGroupV5Props } from '../../type/vista-button-group-type';
+export declare const VistaButtonGroupV5: FC<VistaButtonGroupV5Props>;

package/molecules/vista-button-group-v5/vista-button-group-v5.js

@@ -0,0 +1,26 @@
+'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.VistaButtonGroupV5 = void 0;
+var react_1 = __importDefault(require("react"));
+var solid_1 = require("@heroicons/react/20/solid");
+var VistaButtonGroupV5 = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b;
+    return (react_1.default.createElement("span", { className: "inline-flex" },
+        react_1.default.createElement("span", { className: "inline-flex shrink-0 items-center rounded-l-md border border-gray-300 bg-white px-2 py-2" },
+            react_1.default.createElement("div", { className: "group grid size-4 grid-cols-1" },
+                react_1.default.createElement("input", { name: "select-all", type: "checkbox", "aria-label": "Select all", className: "col-start-1 row-start-1 appearance-none rounded-sm border border-gray-300 bg-white checked:border-indigo-600 checked:bg-indigo-600 indeterminate:border-indigo-600 indeterminate:bg-indigo-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 disabled:border-gray-300 disabled:bg-gray-100 disabled:checked:bg-gray-100 forced-colors:appearance-auto" }),
+                react_1.default.createElement("svg", { fill: "none", viewBox: "0 0 14 14", className: "pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white group-has-disabled:stroke-gray-950/25" },
+                    react_1.default.createElement("path", { d: "M3 8L6 11L11 3.5", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: "opacity-0 group-has-checked:opacity-100" }),
+                    react_1.default.createElement("path", { d: "M3 7H11", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: "opacity-0 group-has-indeterminate:opacity-100" })))),
+        react_1.default.createElement("div", { className: "-ml-px grid grid-cols-1" },
+            react_1.default.createElement("select", { id: "message-type", name: "message-type", "aria-label": "Select message type", className: "col-start-1 row-start-1 w-full appearance-none rounded-r-md bg-white py-1.5 pr-8 pl-3 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-600 sm:text-sm/6" },
+                react_1.default.createElement("option", null, "Unread messages"),
+                react_1.default.createElement("option", null, "Sent messages"),
+                react_1.default.createElement("option", null, "All messages")),
+            react_1.default.createElement(solid_1.ChevronDownIcon, { "aria-hidden": "true", className: "pointer-events-none col-start-1 row-start-1 mr-2 size-5 self-center justify-self-end text-gray-500 sm:size-4" }))));
+};
+exports.VistaButtonGroupV5 = VistaButtonGroupV5;

package/package.json

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

package/templates/vista-auth-v1/vista-auth-v1.js

@@ -58,7 +58,7 @@ var VistaAuthV1 = function (_a) {
                         }),
                         react_1.default.createElement(vista_checkbox_v2_1.VistaCheckboxV2, { checked: termsOfUseChecked, description: termsOfUseDescription, error: termsOfUseError, handleOnChange: termsOfUseHandleOnChange, heading: termsOfUseHeading, id: termsOfUseId, route: termsOfUseRoute })))),
             react_1.default.createElement("div", { className: "relative hidden w-0 flex-1 lg:block ".concat(reverted ? 'order-1' : 'order-2') },
-                react_1.default.createElement(image_1.default, { alt: bannerAlt, className: "absolute inset-0 size-full object-cover ".concat(reverted ? '' : 'scale-x-[-1]'), fill: true, height: 0, loading: "lazy", sizes: "60vw", src: banner, width: 0 }),
+                react_1.default.createElement(image_1.default, { alt: bannerAlt, className: "absolute inset-0 size-full object-cover ".concat(reverted ? '' : 'scale-x-[-1]'), fill: true, height: 0, loading: "lazy", priority: true, sizes: "60vw", src: banner, width: 0 }),
                 label && (react_1.default.createElement("div", { className: "absolute top-14 bg-primary px-6 py-2 ".concat(reverted ? 'right-0' : 'left-0') },
                     react_1.default.createElement("p", { className: "text-xl font-semibold text-white" }, label)))))));
 };

package/type/vista-button-group-type.d.ts

@@ -0,0 +1,23 @@
+export interface VistaButtonGroupItemV4 {
+    enabled: true;
+    order: number;
+    label: string;
+    handleOnClick: () => void;
+}
+export interface VistaButtonGroupV1Props {
+    className?: string;
+}
+export interface VistaButtonGroupV2Props {
+    className?: string;
+}
+export interface VistaButtonGroupV3Props {
+    className?: string;
+}
+export interface VistaButtonGroupV4Props {
+    className?: string;
+    selectedOption: string;
+    items: VistaButtonGroupItemV4[];
+}
+export interface VistaButtonGroupV5Props {
+    className?: string;
+}

package/type/vista-button-group-type.js

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