@appcorp/app-corp-vista 0.0.42 → 0.0.44

package/molecules/vista-modal-v1/vista-modal-v1.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { VistaModalV1Props } from "../../type/vista-modal-type";
+export declare const VistaModalV1: FC<VistaModalV1Props>;

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

@@ -0,0 +1,35 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaModalV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var react_2 = require("@headlessui/react");
+var vista_button_v1_1 = require("../vista-button-v1/vista-button-v1");
+var vista_modal_type_1 = require("../../type/vista-modal-type");
+var vista_button_type_1 = require("../../type/vista-button-type");
+var vistaModalSizeMap = (_a = {},
+    _a[vista_modal_type_1.VISTA_MODAL_SIZE.MD] = 'md:max-w-md md:min-w-md md:max-h-60',
+    _a[vista_modal_type_1.VISTA_MODAL_SIZE.LG] = 'md:max-w-4xl md:min-w-4xl md:max-h-[50vh]',
+    _a[vista_modal_type_1.VISTA_MODAL_SIZE.XL] = 'md:max-w-6xl md:min-w-6xl md:max-h-[calc(100vh-100px)]',
+    _a);
+var VistaModalV1 = function (_a) {
+    var _b = _a.cancelDisabled, cancelDisabled = _b === void 0 ? false : _b, cancelLabel = _a.cancelLabel, cancelPrefixIcon = _a.cancelPrefixIcon, _c = _a.cancelRounded, cancelRounded = _c === void 0 ? vista_button_type_1.VISTA_BUTTON_ROUNDED.MD : _c, _d = _a.cancelSize, cancelSize = _d === void 0 ? vista_button_type_1.VISTA_BUTTON_SIZE.MD : _d, cancelSuffixIcon = _a.cancelSuffixIcon, children = _a.children, handleCancelOnClick = _a.handleCancelOnClick, handleSaveOnClick = _a.handleSaveOnClick, handleSetIsOpen = _a.handleSetIsOpen, isOpen = _a.isOpen, _e = _a.saveDisabled, saveDisabled = _e === void 0 ? false : _e, saveLabel = _a.saveLabel, savePrefixIcon = _a.savePrefixIcon, _f = _a.saveRounded, saveRounded = _f === void 0 ? vista_button_type_1.VISTA_BUTTON_ROUNDED.MD : _f, _g = _a.saveSize, saveSize = _g === void 0 ? vista_button_type_1.VISTA_BUTTON_SIZE.MD : _g, saveSuffixIcon = _a.saveSuffixIcon, _h = _a.size, size = _h === void 0 ? vista_modal_type_1.VISTA_MODAL_SIZE.MD : _h, title = _a.title, mainIcon = _a.mainIcon;
+    return (react_1.default.createElement(react_2.Dialog, { open: isOpen, onClose: handleSetIsOpen, className: "relative z-10" },
+        react_1.default.createElement(react_2.DialogBackdrop, { transition: true, className: "fixed inset-0 bg-gray-500/75 transition-opacity data-[closed]:opacity-0 data-[enter]:duration-300 data-[leave]:duration-200 data-[enter]:ease-out data-[leave]:ease-in" }),
+        react_1.default.createElement("div", { className: "fixed inset-0 z-10 w-screen overflow-y-auto" },
+            react_1.default.createElement("div", { className: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" },
+                react_1.default.createElement(react_2.DialogPanel, { transition: true, className: "relative transform overflow-y-auto rounded-lg bg-white px-4 pb-4 pt-5 text-left shadow-xl transition-all data-[closed]:translate-y-4 data-[closed]:opacity-0 data-[enter]:duration-300 data-[leave]:duration-200 data-[enter]:ease-out data-[leave]:ease-in sm:my-8 sm:w-full sm:max-w-sm sm:p-6 data-[closed]:sm:translate-y-0 data-[closed]:sm:scale-95 ".concat(vistaModalSizeMap[size]) },
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement("div", { className: "mx-auto flex size-12 items-center justify-center rounded-full bg-green-100" }, mainIcon),
+                        react_1.default.createElement("div", { className: "mt-3 text-center sm:mt-5" },
+                            react_1.default.createElement(react_2.DialogTitle, { as: "h3", className: "text-base font-semibold text-gray-900" }, title),
+                            react_1.default.createElement("div", { className: "mt-2" }, children))),
+                    react_1.default.createElement("div", { className: "mt-5 sm:mt-6 sm:grid sm:grid-flow-row-dense sm:grid-cols-2 sm:gap-3" },
+                        react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { handleOnClick: function () { return handleCancelOnClick(false); }, label: cancelLabel, size: cancelSize, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.SECONDARY, rounded: cancelRounded, disabled: cancelDisabled, suffixIcon: cancelSuffixIcon, prefixIcon: cancelPrefixIcon }),
+                        handleSaveOnClick && saveLabel && (react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { handleOnClick: handleSaveOnClick, label: saveLabel, size: saveSize, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY, rounded: saveRounded, disabled: saveDisabled, suffixIcon: saveSuffixIcon, prefixIcon: savePrefixIcon }))))))));
+};
+exports.VistaModalV1 = VistaModalV1;

package/package.json

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

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

@@ -0,0 +1,29 @@
+import { ReactNode } from "react";
+import { VISTA_BUTTON_ROUNDED, VISTA_BUTTON_SIZE } from "./vista-button-type";
+export declare enum VISTA_MODAL_SIZE {
+    MD = "MD",
+    LG = "LG",
+    XL = "XL"
+}
+export interface VistaModalV1Props {
+    cancelDisabled?: boolean;
+    cancelLabel: string;
+    cancelPrefixIcon?: ReactNode;
+    cancelRounded?: VISTA_BUTTON_ROUNDED;
+    cancelSize?: VISTA_BUTTON_SIZE;
+    cancelSuffixIcon?: ReactNode;
+    mainIcon: ReactNode;
+    children: ReactNode;
+    handleCancelOnClick: (b: boolean) => void;
+    handleSaveOnClick?: () => void;
+    handleSetIsOpen: (b: boolean) => void;
+    isOpen: boolean;
+    saveDisabled?: boolean;
+    saveLabel?: string;
+    savePrefixIcon?: ReactNode;
+    saveRounded?: VISTA_BUTTON_ROUNDED;
+    saveSize?: VISTA_BUTTON_SIZE;
+    saveSuffixIcon?: ReactNode;
+    size?: VISTA_MODAL_SIZE;
+    title: string;
+}

package/type/vista-modal-type.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VISTA_MODAL_SIZE = void 0;
+var VISTA_MODAL_SIZE;
+(function (VISTA_MODAL_SIZE) {
+    VISTA_MODAL_SIZE["MD"] = "MD";
+    VISTA_MODAL_SIZE["LG"] = "LG";
+    VISTA_MODAL_SIZE["XL"] = "XL";
+})(VISTA_MODAL_SIZE || (exports.VISTA_MODAL_SIZE = VISTA_MODAL_SIZE = {}));