@appcorp/app-corp-vista 0.0.13 → 0.0.15

package/molecules/vista-table-footer-v1.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaTableFooterV1Props } from '../type/vista-table-footer-type';
+export declare const VistaTableFooterV1: FC<VistaTableFooterV1Props>;

package/molecules/vista-table-footer-v1.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaTableFooterV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var solid_1 = require("@heroicons/react/20/solid");
+var vista_select_v1_1 = require("./vista-select-v1/vista-select-v1");
+var vista_button_v1_1 = require("./vista-button-v1/vista-button-v1");
+var VistaTableFooterV1 = function (_a) {
+    var currentPage = _a.currentPage, handleNextOnClick = _a.handleNextOnClick, handleOnSelect = _a.handleOnSelect, handlePreviousOnClick = _a.handlePreviousOnClick, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, listOptions = _a.listOptions, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selected = _a.selected, totalPages = _a.totalPages;
+    return (react_1.default.createElement("div", { className: "grid w-full grid-cols-12 items-center border-t border-gray-300 px-4 py-4 text-white" },
+        react_1.default.createElement("div", { className: "col-span-6" },
+            react_1.default.createElement("span", { className: "font-bold" },
+                "Page ",
+                currentPage),
+            ' ',
+            react_1.default.createElement("span", null,
+                "of ",
+                totalPages)),
+        react_1.default.createElement("div", { className: "col-span-6 flex flex-row items-center justify-end gap-4" },
+            react_1.default.createElement("div", { className: "min-w-36" },
+                react_1.default.createElement(vista_select_v1_1.VistaSelectV1, { listItems: listOptions, selected: selected, handleOnSelect: handleOnSelect, selectKey1: selectKey1, selectKey2: selectKey2 })),
+            react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { disabled: isPreviousDisabled, handleOnClick: handlePreviousOnClick, prefixIcon: react_1.default.createElement(solid_1.ChevronLeftIcon, { className: '5' }), label: "Previous" }),
+            react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { disabled: isNextDisabled, handleOnClick: handleNextOnClick, suffixIcon: react_1.default.createElement(solid_1.ChevronRightIcon, { className: '5' }), label: "Next" }))));
+};
+exports.VistaTableFooterV1 = VistaTableFooterV1;

package/molecules/vista-table-header-v1.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaTableHeaderV1Props } from '../type/vista-table-header-type';
+export declare const VistaTableHeaderV1: FC<VistaTableHeaderV1Props>;

package/molecules/vista-table-header-v1.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaTableHeaderV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var vista_button_v1_1 = require("./vista-button-v1/vista-button-v1");
+var VistaTableHeaderV1 = function (_a) {
+    var headerActions = _a.headerActions, tableDescription = _a.tableDescription, tableHeading = _a.tableHeading;
+    return (react_1.default.createElement("div", { className: "sm:flex sm:items-center" },
+        react_1.default.createElement("div", { className: "sm:flex-auto" },
+            react_1.default.createElement("h1", { className: "text-base font-semibold text-gray-50" }, tableHeading),
+            react_1.default.createElement("p", { className: "mt-2 text-sm text-gray-100" }, tableDescription)),
+        react_1.default.createElement("div", { className: "mt-4 flex gap-4 sm:ml-16 sm:mt-0 sm:flex-none" }, headerActions
+            .filter(function (_a) {
+            var enabled = _a.enabled;
+            return enabled;
+        })
+            .map(function (_a) {
+            var label = _a.label, handleOnClick = _a.handleOnClick, icon = _a.icon;
+            return (react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { key: label, handleOnClick: handleOnClick, icon: icon, label: label }));
+        }))));
+};
+exports.VistaTableHeaderV1 = VistaTableHeaderV1;

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaTableV1Props } from '../../type/vista-table-type';
+export declare const VistaTableV1: FC<VistaTableV1Props>;

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

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaTableV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var vista_table_header_v1_1 = require("../../molecules/vista-table-header-v1");
+var vista_table_footer_v1_1 = require("../../molecules/vista-table-footer-v1");
+var VistaTableV1 = function (_a) {
+    var currentPage = _a.currentPage, handleNextOnClick = _a.handleNextOnClick, handleOnSelect = _a.handleOnSelect, handlePreviousOnClick = _a.handlePreviousOnClick, headerActions = _a.headerActions, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, listOptions = _a.listOptions, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selected = _a.selected, tableBody = _a.tableBody, tableDescription = _a.tableDescription, tableHead = _a.tableHead, tableHeading = _a.tableHeading, totalPages = _a.totalPages;
+    return (react_1.default.createElement("div", { className: "px-4 sm:px-6 lg:px-8" },
+        react_1.default.createElement(vista_table_header_v1_1.VistaTableHeaderV1, { tableDescription: tableDescription, tableHeading: tableHeading, headerActions: headerActions }),
+        react_1.default.createElement("div", { className: "mt-8 flow-root" },
+            react_1.default.createElement("div", { className: "-mx-4 -my-2 sm:-mx-6 lg:-mx-8" },
+                react_1.default.createElement("div", { className: "inline-block min-w-full py-2 align-middle" },
+                    react_1.default.createElement("table", { className: "min-w-full divide-y divide-gray-700" },
+                        react_1.default.createElement("thead", null, tableHead),
+                        react_1.default.createElement("tbody", { className: "divide-y divide-gray-700" }, tableBody)),
+                    react_1.default.createElement(vista_table_footer_v1_1.VistaTableFooterV1, { currentPage: currentPage, handleNextOnClick: handleNextOnClick, handleOnSelect: handleOnSelect, handlePreviousOnClick: handlePreviousOnClick, isNextDisabled: isNextDisabled, isPreviousDisabled: isPreviousDisabled, listOptions: listOptions, selectKey1: selectKey1, selectKey2: selectKey2, selected: selected, totalPages: totalPages }))))));
+};
+exports.VistaTableV1 = VistaTableV1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/app-corp-vista",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "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.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaAuthV1Props } from '../../type/vista-auth-type';
+export declare const VistaAuthV1: FC<VistaAuthV1Props>;

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

@@ -0,0 +1,47 @@
+'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.VistaAuthV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var link_1 = __importDefault(require("next/link"));
+var image_1 = __importDefault(require("next/image"));
+var VistaAuthV1 = function (_a) {
+    var actionLabel = _a.actionLabel, actionRoute = _a.actionRoute, banner = _a.banner, bannerAlt = _a.bannerAlt, description = _a.description, emailSignInButtonLabel = _a.emailSignInButtonLabel, forgotPassword = _a.forgotPassword, forgotPasswordRoute = _a.forgotPasswordRoute, handleSignIn = _a.handleSignIn, heading = _a.heading, inputElements = _a.inputElements, _b = _a.label, label = _b === void 0 ? false : _b, logo = _a.logo, logoAlt = _a.logoAlt, _c = _a.reverted, reverted = _c === void 0 ? false : _c;
+    return (react_1.default.createElement("section", { className: 'h-screen' },
+        react_1.default.createElement("div", { className: "flex min-h-full flex-1" },
+            react_1.default.createElement("div", { className: "flex flex-1 flex-col justify-center px-4 py-12 sm:px-6 lg:flex-none lg:px-20 xl:px-24 ".concat(reverted ? 'order-2' : 'order-1') },
+                react_1.default.createElement("div", { className: "mx-auto w-full max-w-sm lg:w-96" },
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement("img", { alt: logoAlt, src: logo, className: "h-10 w-auto" }),
+                        react_1.default.createElement("h2", { className: "mt-8 text-2xl/9 font-bold tracking-tight text-gray-900" }, heading),
+                        react_1.default.createElement("p", { className: "mt-2 text-sm/6 text-gray-500" },
+                            description,
+                            ' ',
+                            react_1.default.createElement(link_1.default, { href: actionRoute, className: "font-semibold text-indigo-600 hover:text-indigo-500" }, actionLabel))),
+                    react_1.default.createElement("div", { className: "mt-10" },
+                        react_1.default.createElement("div", null,
+                            react_1.default.createElement("div", { className: "space-y-6" },
+                                inputElements.map(function (_a) {
+                                    var autoComplete = _a.autoComplete, handleOnChange = _a.handleOnChange, id = _a.id, inputLabel = _a.inputLabel, inputType = _a.inputType, placeholder = _a.placeholder, value = _a.value;
+                                    return (react_1.default.createElement("div", { key: id },
+                                        react_1.default.createElement("label", { htmlFor: inputLabel, className: "block text-sm/6 font-medium text-gray-900" }, inputLabel),
+                                        react_1.default.createElement("div", { className: "mt-2" },
+                                            react_1.default.createElement("input", { autoComplete: autoComplete, className: "block w-full rounded-md border-0 py-1.5 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm/6", id: inputLabel, name: inputLabel, onChange: handleOnChange, placeholder: placeholder, required: true, type: inputType, value: value }))));
+                                }),
+                                react_1.default.createElement("div", { className: "flex items-center justify-between" },
+                                    react_1.default.createElement("div", { className: "flex items-center" },
+                                        react_1.default.createElement("input", { id: "remember-me", name: "remember-me", type: "checkbox", className: "size-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600" }),
+                                        react_1.default.createElement("label", { htmlFor: "remember-me", className: "ml-3 block text-sm/6 text-gray-700" }, "Remember me")),
+                                    forgotPassword && forgotPasswordRoute && (react_1.default.createElement("div", { className: "text-sm/6" },
+                                        react_1.default.createElement("a", { href: forgotPasswordRoute, className: "font-semibold text-indigo-600 hover:text-indigo-500" }, forgotPassword)))),
+                                react_1.default.createElement("div", null,
+                                    react_1.default.createElement("button", { className: "flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm/6 font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600", onClick: handleSignIn, type: "submit" }, emailSignInButtonLabel))))))),
+            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 }),
+                label && (react_1.default.createElement("div", { className: "absolute top-14 bg-indigo-500 px-6 py-2 ".concat(reverted ? 'right-0' : 'left-0') },
+                    react_1.default.createElement("p", { className: "text-xl font-semibold text-white" }, label)))))));
+};
+exports.VistaAuthV1 = VistaAuthV1;

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

@@ -0,0 +1,28 @@
+import { ChangeEvent } from "react";
+export interface VistaAuthInputElements {
+    autoComplete?: string;
+    enabled: boolean;
+    handleOnChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    id: string;
+    inputLabel: string;
+    inputType: string;
+    placeholder: string;
+    value: string;
+}
+export interface VistaAuthV1Props {
+    actionLabel: string;
+    actionRoute: string;
+    banner: string;
+    bannerAlt: string;
+    description: string;
+    emailSignInButtonLabel: string;
+    forgotPassword: string;
+    forgotPasswordRoute?: string;
+    handleSignIn: () => void;
+    heading: string;
+    inputElements: VistaAuthInputElements[];
+    label?: string;
+    logo: string;
+    logoAlt: string;
+    reverted?: boolean;
+}

package/type/vista-auth-type.js

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

package/type/vista-table-footer-type.d.ts

@@ -0,0 +1,13 @@
+export interface VistaTableFooterV1Props {
+    currentPage: number;
+    handleNextOnClick: () => void;
+    handleOnSelect: () => void;
+    handlePreviousOnClick: () => void;
+    isNextDisabled: boolean;
+    isPreviousDisabled: boolean;
+    listOptions: Object[];
+    selectKey1: string;
+    selectKey2?: string;
+    selected: Object;
+    totalPages: number;
+}

package/type/vista-table-footer-type.js

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

package/type/vista-table-header-type.d.ts

@@ -0,0 +1,6 @@
+import { VistaTableHeaderActionItem } from "./vista-table-type";
+export interface VistaTableHeaderV1Props {
+    headerActions: VistaTableHeaderActionItem[];
+    tableDescription: string;
+    tableHeading: string;
+}

package/type/vista-table-header-type.js

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

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

@@ -0,0 +1,26 @@
+import { ReactNode } from "react";
+export interface VistaTableHeaderActionItem {
+    enabled: boolean;
+    handleOnClick: () => void;
+    icon?: ReactNode;
+    label: string;
+    order: number;
+}
+export interface VistaTableV1Props {
+    currentPage: number;
+    handleNextOnClick: () => void;
+    handleOnSelect: () => void;
+    handlePreviousOnClick: () => void;
+    headerActions: VistaTableHeaderActionItem[];
+    isNextDisabled: boolean;
+    isPreviousDisabled: boolean;
+    listOptions: Object[];
+    selectKey1: string;
+    selectKey2?: string;
+    selected: Object;
+    tableBody: ReactNode;
+    tableDescription: string;
+    tableHead: ReactNode;
+    tableHeading: string;
+    totalPages: number;
+}

package/type/vista-table-type.js

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