npm - @appcorp/app-corp-vista - Versions diffs - 0.0.2 → 0.0.3 - Mend

@appcorp/app-corp-vista 0.0.2 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/molecules/vista-button-v1.d.ts +3 -0
package/molecules/vista-button-v1.js +43 -0
package/molecules/vista-drawer-v1.js +7 -9
package/package.json +6 -6
package/type/vista-button-type.d.ts +34 -0
package/type/vista-button-type.js +28 -0
package/type/vista-drawer-type.d.ts +13 -2

package/molecules/vista-button-v1.d.ts ADDED Viewed

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

package/molecules/vista-button-v1.js ADDED Viewed

@@ -0,0 +1,43 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a, _b, _c;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaButtonV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var vista_button_type_1 = require("../type/vista-button-type");
+var vistaButtonSizeMap = (_a = {},
+    _a[vista_button_type_1.VISTA_BUTTON_SIZE.XS] = 'px-2 py-1 text-xs',
+    _a[vista_button_type_1.VISTA_BUTTON_SIZE.SM] = 'px-2 py-1 text-sm',
+    _a[vista_button_type_1.VISTA_BUTTON_SIZE.MD] = 'px-2.5 py-1.5 text-sm',
+    _a[vista_button_type_1.VISTA_BUTTON_SIZE.LG] = 'px-3 py-2 text-sm',
+    _a[vista_button_type_1.VISTA_BUTTON_SIZE.XL] = 'px-3.5 py-2.5 text-sm',
+    _a);
+var vistaButtonVariantMap = (_b = {},
+    _b[vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY] = 'bg-indigo-600 text-white hover:bg-indigo-500 focus-visible:outline-indigo-600',
+    _b[vista_button_type_1.VISTA_BUTTON_VARIANT.SECONDARY] = 'bg-white text-gray-900 hover:bg-gray-50 ring-1 ring-inset ring-gray-300',
+    _b[vista_button_type_1.VISTA_BUTTON_VARIANT.ICON] = 'bg-indigo-600 text-white hover:bg-indigo-500 focus-visible:outline-indigo-600 px-2 py-2 !rounded-full',
+    _b);
+var vistaButtonRoundedMap = (_c = {},
+    _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.NONE] = 'rounded-none',
+    _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.SM] = 'rounded-sm',
+    _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.MD] = 'rounded-md',
+    _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.LG] = 'rounded-lg',
+    _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.XL] = 'rounded-xl',
+    _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.XXL] = 'rounded-2xl',
+    _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.XXXL] = 'rounded-3xl',
+    _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.FULL] = 'rounded-full',
+    _c);
+var VistaButtonV1 = function (_a) {
+    var _b = _a.disabled, disabled = _b === void 0 ? false : _b, handleOnClick = _a.handleOnClick, icon = _a.icon, label = _a.label, prefixIcon = _a.prefixIcon, _c = _a.rounded, rounded = _c === void 0 ? vista_button_type_1.VISTA_BUTTON_ROUNDED.MD : _c, _d = _a.size, size = _d === void 0 ? vista_button_type_1.VISTA_BUTTON_SIZE.SM : _d, suffixIcon = _a.suffixIcon, _e = _a.variant, variant = _e === void 0 ? vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY : _e;
+    return (react_1.default.createElement("button", { className: "flex flex-row justify-center items-center font-semibold shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:bg-gray-200 disabled:text-gray-400 ".concat(vistaButtonVariantMap[variant], " ").concat(vistaButtonRoundedMap[rounded], " ").concat(vistaButtonSizeMap[size]), onClick: handleOnClick, disabled: disabled, type: "button" },
+        react_1.default.createElement("div", { className: 'flex flex-row justify-center items-center gap-2' },
+            react_1.default.createElement(react_1.default.Fragment, null, variant !== vista_button_type_1.VISTA_BUTTON_VARIANT.ICON && prefixIcon && prefixIcon),
+            react_1.default.createElement(react_1.default.Fragment, null,
+                variant !== vista_button_type_1.VISTA_BUTTON_VARIANT.ICON && label,
+                variant === vista_button_type_1.VISTA_BUTTON_VARIANT.ICON && icon),
+            react_1.default.createElement(react_1.default.Fragment, null, variant !== vista_button_type_1.VISTA_BUTTON_VARIANT.ICON && suffixIcon && suffixIcon))));
+};
+exports.VistaButtonV1 = VistaButtonV1;

package/molecules/vista-drawer-v1.js CHANGED Viewed

@@ -1,4 +1,3 @@
-'use client';
 "use strict";
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -8,8 +7,10 @@ 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_button_type_1 = require("../type/vista-button-type");
 var VistaDrawerV1 = function (_a) {
-    var cancelTitle = _a.cancelTitle, children = _a.children, description = _a.description, handleCancelOnClick = _a.handleCancelOnClick, handleSaveOnClick = _a.handleSaveOnClick, handleSetIsOpen = _a.handleSetIsOpen, isOpen = _a.isOpen, saveTitle = _a.saveTitle, 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, 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" }),
@@ -24,15 +25,12 @@ var VistaDrawerV1 = function (_a) {
                                         react_1.default.createElement("div", { className: "flex items-start justify-between" },
                                             react_1.default.createElement(react_2.DialogTitle, { className: "text-base font-semibold text-white" }, title),
                                             react_1.default.createElement("div", { className: "ml-3 flex h-7 items-center" },
-                                                react_1.default.createElement("button", { type: "button", onClick: function () { return handleSetIsOpen(false); }, className: "relative rounded-md bg-indigo-700 text-indigo-200 hover:text-white focus:outline-none focus:ring-2 focus:ring-white" },
-                                                    react_1.default.createElement("span", { className: "absolute -inset-2.5" }),
-                                                    react_1.default.createElement("span", { className: "sr-only" }, "Close panel"),
-                                                    react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6" })))),
+                                                react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { handleOnClick: function () { return handleSetIsOpen(false); }, icon: react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6" }), variant: vista_button_type_1.VISTA_BUTTON_VARIANT.ICON }))),
                                         description && (react_1.default.createElement("div", { className: "mt-1" },
                                             react_1.default.createElement("p", { className: "text-sm text-indigo-300" }, description)))))),
                             react_1.default.createElement("div", { className: "relative flex-1 px-4 py-6 sm:px-6 overflow-y-scroll" }, children),
-                            react_1.default.createElement("div", { className: "flex shrink-0 justify-end px-4 py-4" },
-                                react_1.default.createElement("button", { className: "rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:ring-gray-400", onClick: function () { return handleCancelOnClick(false); }, type: "button" }, cancelTitle),
-                                handleSaveOnClick && saveTitle && (react_1.default.createElement("button", { className: "ml-4 inline-flex justify-center rounded-md bg-indigo-600 px-3 py-2 text-sm 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-500", onClick: handleSaveOnClick, type: "submit" }, saveTitle))))))))));
+                            react_1.default.createElement("div", { className: "flex shrink-0 justify-end px-4 py-4 gap-4" },
+                                react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { disabled: cancelDisabled, handleOnClick: function () { return handleCancelOnClick(false); }, label: cancelLabel, prefixIcon: cancelPrefixIcon, rounded: cancelRounded, size: cancelSize, suffixIcon: cancelSuffixIcon, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.SECONDARY }),
+                                handleSaveOnClick && saveLabel && (react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { disabled: saveDisabled, handleOnClick: handleSaveOnClick, label: saveLabel, prefixIcon: savePrefixIcon, rounded: saveRounded, size: saveSize, suffixIcon: saveSuffixIcon, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY }))))))))));
 };
 exports.VistaDrawerV1 = VistaDrawerV1;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/app-corp-vista",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
     "build:next": "next build",
@@ -36,7 +36,7 @@
     "@mdx-js/loader": "^3.1.0",
     "@mdx-js/react": "^3.1.0",
     "@mdxeditor/editor": "^3.20.0",
-    "@next/third-parties": "^15.1.2",
+    "@next/third-parties": "^15.1.3",
     "@react-jvectormap/core": "^1.0.4",
     "@react-jvectormap/world": "^1.1.2",
     "@react-pakistan/react-icon-collection": "^3.5.0",
@@ -58,20 +58,20 @@
     "@types/react-dom": "^19",
     "autoprefixer": "^10.4.20",
     "clsx": "^2.1.1",
-    "concurrently": "^9.1.0",
+    "concurrently": "^9.1.1",
     "eslint": "^9",
-    "eslint-config-next": "15.1.2",
+    "eslint-config-next": "15.1.3",
     "eslint-plugin-storybook": "^0.11.1",
     "fast-glob": "^3.3.2",
     "framer-motion": "^11.15.0",
     "husky": "^9.1.7",
-    "next": "^15.1.2",
+    "next": "^15.1.3",
     "next-intl": "^3.26.3",
     "postcss": "^8",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "storybook": "8.4.7",
-    "swr": "^2.2.5",
+    "swr": "^2.3.0",
     "tailwindcss": "^3.4.17",
     "tailwindcss-animate": "^1.0.7",
     "typescript": "^5"

package/type/vista-button-type.d.ts ADDED Viewed

@@ -0,0 +1,34 @@
+import { ReactNode, MouseEvent } from "react";
+export declare enum VISTA_BUTTON_SIZE {
+    XS = "XS",
+    SM = "SM",
+    MD = "MD",
+    LG = "LG",
+    XL = "XL"
+}
+export declare enum VISTA_BUTTON_VARIANT {
+    PRIMARY = "PRIMARY",
+    SECONDARY = "SECONDARY",
+    ICON = "ICON"
+}
+export declare enum VISTA_BUTTON_ROUNDED {
+    SM = "SM",
+    MD = "MD",
+    LG = "LG",
+    XL = "XL",
+    XXL = "XXL",
+    XXXL = "XXXL",
+    FULL = "FULL",
+    NONE = "NONE"
+}
+export interface VistaButtonV1Props {
+    disabled?: boolean;
+    handleOnClick: (e: MouseEvent<HTMLButtonElement>) => void;
+    icon?: ReactNode;
+    label?: string;
+    prefixIcon?: ReactNode;
+    rounded?: VISTA_BUTTON_ROUNDED;
+    size?: VISTA_BUTTON_SIZE;
+    suffixIcon?: ReactNode;
+    variant?: VISTA_BUTTON_VARIANT;
+}

package/type/vista-button-type.js ADDED Viewed

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VISTA_BUTTON_ROUNDED = exports.VISTA_BUTTON_VARIANT = exports.VISTA_BUTTON_SIZE = void 0;
+var VISTA_BUTTON_SIZE;
+(function (VISTA_BUTTON_SIZE) {
+    VISTA_BUTTON_SIZE["XS"] = "XS";
+    VISTA_BUTTON_SIZE["SM"] = "SM";
+    VISTA_BUTTON_SIZE["MD"] = "MD";
+    VISTA_BUTTON_SIZE["LG"] = "LG";
+    VISTA_BUTTON_SIZE["XL"] = "XL";
+})(VISTA_BUTTON_SIZE || (exports.VISTA_BUTTON_SIZE = VISTA_BUTTON_SIZE = {}));
+var VISTA_BUTTON_VARIANT;
+(function (VISTA_BUTTON_VARIANT) {
+    VISTA_BUTTON_VARIANT["PRIMARY"] = "PRIMARY";
+    VISTA_BUTTON_VARIANT["SECONDARY"] = "SECONDARY";
+    VISTA_BUTTON_VARIANT["ICON"] = "ICON";
+})(VISTA_BUTTON_VARIANT || (exports.VISTA_BUTTON_VARIANT = VISTA_BUTTON_VARIANT = {}));
+var VISTA_BUTTON_ROUNDED;
+(function (VISTA_BUTTON_ROUNDED) {
+    VISTA_BUTTON_ROUNDED["SM"] = "SM";
+    VISTA_BUTTON_ROUNDED["MD"] = "MD";
+    VISTA_BUTTON_ROUNDED["LG"] = "LG";
+    VISTA_BUTTON_ROUNDED["XL"] = "XL";
+    VISTA_BUTTON_ROUNDED["XXL"] = "XXL";
+    VISTA_BUTTON_ROUNDED["XXXL"] = "XXXL";
+    VISTA_BUTTON_ROUNDED["FULL"] = "FULL";
+    VISTA_BUTTON_ROUNDED["NONE"] = "NONE";
+})(VISTA_BUTTON_ROUNDED || (exports.VISTA_BUTTON_ROUNDED = VISTA_BUTTON_ROUNDED = {}));

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

@@ -1,12 +1,23 @@
 import { ReactNode } from "react";
+import { VISTA_BUTTON_ROUNDED, VISTA_BUTTON_SIZE } from "./vista-button-type";
 export interface VistaDrawerV1Props {
-    cancelTitle: string;
+    cancelDisabled?: boolean;
+    cancelLabel: string;
+    cancelPrefixIcon?: ReactNode;
+    cancelRounded: VISTA_BUTTON_ROUNDED;
+    cancelSize: VISTA_BUTTON_SIZE;
+    cancelSuffixIcon?: ReactNode;
     children: ReactNode;
     description?: string;
     handleCancelOnClick: (b: boolean) => void;
     handleSaveOnClick?: () => void;
     handleSetIsOpen: (b: boolean) => void;
     isOpen: boolean;
-    saveTitle?: string;
+    saveDisabled?: boolean;
+    saveLabel?: string;
+    savePrefixIcon?: ReactNode;
+    saveRounded: VISTA_BUTTON_ROUNDED;
+    saveSize: VISTA_BUTTON_SIZE;
+    saveSuffixIcon?: ReactNode;
     title: string;
 }