@appcorp/app-corp-vista 0.0.3 → 0.0.4

package/molecules/vista-drawer-v1.js

@@ -2,22 +2,29 @@
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaDrawerV1 = void 0;
 var react_1 = __importDefault(require("react"));
 var react_2 = require("@headlessui/react");
 var outline_1 = require("@heroicons/react/24/outline");
 var vista_button_v1_1 = require("./vista-button-v1");
+var vista_drawer_type_1 = require("../type/vista-drawer-type");
 var vista_button_type_1 = require("../type/vista-button-type");
+var vistaDrawerSizeMap = (_a = {},
+    _a[vista_drawer_type_1.VISTA_DRAWER_SIZE.MD] = 'max-w-md',
+    _a[vista_drawer_type_1.VISTA_DRAWER_SIZE.LG] = 'max-w-4xl',
+    _a[vista_drawer_type_1.VISTA_DRAWER_SIZE.XL] = 'max-w-6xl',
+    _a);
 var VistaDrawerV1 = 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, description = _a.description, 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, title = _a.title;
+    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, description = _a.description, 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_drawer_type_1.VISTA_DRAWER_SIZE.MD : _h, title = _a.title;
     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 duration-500 ease-in-out data-[closed]:opacity-0" }),
         react_1.default.createElement("div", { className: "fixed inset-0" }),
         react_1.default.createElement("div", { className: "fixed inset-0 overflow-hidden" },
             react_1.default.createElement("div", { className: "absolute inset-0 overflow-hidden" },
                 react_1.default.createElement("div", { className: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" },
-                    react_1.default.createElement(react_2.DialogPanel, { transition: true, className: "pointer-events-auto w-screen max-w-md transform transition duration-500 ease-in-out data-[closed]:translate-x-full sm:duration-700" },
+                    react_1.default.createElement(react_2.DialogPanel, { className: "pointer-events-auto w-screen transform transition duration-500 ease-in-out data-[closed]:translate-x-full sm:duration-700 ".concat(vistaDrawerSizeMap[size]), transition: true },
                         react_1.default.createElement("div", { className: "flex h-full flex-col divide-y divide-gray-200 bg-white shadow-xl" },
                             react_1.default.createElement("div", null,
                                 react_1.default.createElement("div", { className: "flex min-h-0 flex-1 flex-col" },

package/package.json

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

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

@@ -1,5 +1,10 @@
 import { ReactNode } from "react";
 import { VISTA_BUTTON_ROUNDED, VISTA_BUTTON_SIZE } from "./vista-button-type";
+export declare enum VISTA_DRAWER_SIZE {
+    MD = "MD",
+    LG = "LG",
+    XL = "XL"
+}
 export interface VistaDrawerV1Props {
     cancelDisabled?: boolean;
     cancelLabel: string;
@@ -19,5 +24,6 @@ export interface VistaDrawerV1Props {
     saveRounded: VISTA_BUTTON_ROUNDED;
     saveSize: VISTA_BUTTON_SIZE;
     saveSuffixIcon?: ReactNode;
+    size?: VISTA_DRAWER_SIZE;
     title: string;
 }

package/type/vista-drawer-type.js

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