@appcorp/app-corp-vista 0.0.2 → 0.0.4

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 (8) hide show
  1. package/molecules/vista-button-v1.d.ts +3 -0
  2. package/molecules/vista-button-v1.js +43 -0
  3. package/molecules/vista-drawer-v1.js +15 -10
  4. package/package.json +6 -6
  5. package/type/vista-button-type.d.ts +34 -0
  6. package/type/vista-button-type.js +28 -0
  7. package/type/vista-drawer-type.d.ts +19 -2
  8. package/type/vista-drawer-type.js +7 -0
package/molecules/vista-button-v1.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { FC } from 'react';
2
+ import { VistaButtonV1Props } from '../type/vista-button-type';
3
+ export declare const VistaButtonV1: FC<VistaButtonV1Props>;
package/molecules/vista-button-v1.js ADDED
@@ -0,0 +1,43 @@
1
+ 'use client';
2
+ "use strict";
3
+ var __importDefault = (this && this.__importDefault) || function (mod) {
4
+ return (mod && mod.__esModule) ? mod : { "default": mod };
5
+ };
6
+ var _a, _b, _c;
7
+ Object.defineProperty(exports, "__esModule", { value: true });
8
+ exports.VistaButtonV1 = void 0;
9
+ var react_1 = __importDefault(require("react"));
10
+ var vista_button_type_1 = require("../type/vista-button-type");
11
+ var vistaButtonSizeMap = (_a = {},
12
+ _a[vista_button_type_1.VISTA_BUTTON_SIZE.XS] = 'px-2 py-1 text-xs',
13
+ _a[vista_button_type_1.VISTA_BUTTON_SIZE.SM] = 'px-2 py-1 text-sm',
14
+ _a[vista_button_type_1.VISTA_BUTTON_SIZE.MD] = 'px-2.5 py-1.5 text-sm',
15
+ _a[vista_button_type_1.VISTA_BUTTON_SIZE.LG] = 'px-3 py-2 text-sm',
16
+ _a[vista_button_type_1.VISTA_BUTTON_SIZE.XL] = 'px-3.5 py-2.5 text-sm',
17
+ _a);
18
+ var vistaButtonVariantMap = (_b = {},
19
+ _b[vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY] = 'bg-indigo-600 text-white hover:bg-indigo-500 focus-visible:outline-indigo-600',
20
+ _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',
21
+ _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',
22
+ _b);
23
+ var vistaButtonRoundedMap = (_c = {},
24
+ _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.NONE] = 'rounded-none',
25
+ _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.SM] = 'rounded-sm',
26
+ _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.MD] = 'rounded-md',
27
+ _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.LG] = 'rounded-lg',
28
+ _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.XL] = 'rounded-xl',
29
+ _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.XXL] = 'rounded-2xl',
30
+ _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.XXXL] = 'rounded-3xl',
31
+ _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.FULL] = 'rounded-full',
32
+ _c);
33
+ var VistaButtonV1 = function (_a) {
34
+ 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;
35
+ 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" },
36
+ react_1.default.createElement("div", { className: 'flex flex-row justify-center items-center gap-2' },
37
+ react_1.default.createElement(react_1.default.Fragment, null, variant !== vista_button_type_1.VISTA_BUTTON_VARIANT.ICON && prefixIcon && prefixIcon),
38
+ react_1.default.createElement(react_1.default.Fragment, null,
39
+ variant !== vista_button_type_1.VISTA_BUTTON_VARIANT.ICON && label,
40
+ variant === vista_button_type_1.VISTA_BUTTON_VARIANT.ICON && icon),
41
+ react_1.default.createElement(react_1.default.Fragment, null, variant !== vista_button_type_1.VISTA_BUTTON_VARIANT.ICON && suffixIcon && suffixIcon))));
42
+ };
43
+ exports.VistaButtonV1 = VistaButtonV1;
package/molecules/vista-drawer-v1.js CHANGED
@@ -1,22 +1,30 @@
1
- 'use client';
2
1
  "use strict";
3
2
  var __importDefault = (this && this.__importDefault) || function (mod) {
4
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
5
4
  };
5
+ var _a;
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.VistaDrawerV1 = void 0;
8
8
  var react_1 = __importDefault(require("react"));
9
9
  var react_2 = require("@headlessui/react");
10
10
  var outline_1 = require("@heroicons/react/24/outline");
11
+ var vista_button_v1_1 = require("./vista-button-v1");
12
+ var vista_drawer_type_1 = require("../type/vista-drawer-type");
13
+ var vista_button_type_1 = require("../type/vista-button-type");
14
+ var vistaDrawerSizeMap = (_a = {},
15
+ _a[vista_drawer_type_1.VISTA_DRAWER_SIZE.MD] = 'max-w-md',
16
+ _a[vista_drawer_type_1.VISTA_DRAWER_SIZE.LG] = 'max-w-4xl',
17
+ _a[vista_drawer_type_1.VISTA_DRAWER_SIZE.XL] = 'max-w-6xl',
18
+ _a);
11
19
  var VistaDrawerV1 = function (_a) {
12
- 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;
20
+ 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;
13
21
  return (react_1.default.createElement(react_2.Dialog, { open: isOpen, onClose: handleSetIsOpen, className: "relative z-10" },
14
22
  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" }),
15
23
  react_1.default.createElement("div", { className: "fixed inset-0" }),
16
24
  react_1.default.createElement("div", { className: "fixed inset-0 overflow-hidden" },
17
25
  react_1.default.createElement("div", { className: "absolute inset-0 overflow-hidden" },
18
26
  react_1.default.createElement("div", { className: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" },
19
- 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" },
27
+ 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 },
20
28
  react_1.default.createElement("div", { className: "flex h-full flex-col divide-y divide-gray-200 bg-white shadow-xl" },
21
29
  react_1.default.createElement("div", null,
22
30
  react_1.default.createElement("div", { className: "flex min-h-0 flex-1 flex-col" },
@@ -24,15 +32,12 @@ var VistaDrawerV1 = function (_a) {
24
32
  react_1.default.createElement("div", { className: "flex items-start justify-between" },
25
33
  react_1.default.createElement(react_2.DialogTitle, { className: "text-base font-semibold text-white" }, title),
26
34
  react_1.default.createElement("div", { className: "ml-3 flex h-7 items-center" },
27
- 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" },
28
- react_1.default.createElement("span", { className: "absolute -inset-2.5" }),
29
- react_1.default.createElement("span", { className: "sr-only" }, "Close panel"),
30
- react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6" })))),
35
+ 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 }))),
31
36
  description && (react_1.default.createElement("div", { className: "mt-1" },
32
37
  react_1.default.createElement("p", { className: "text-sm text-indigo-300" }, description)))))),
33
38
  react_1.default.createElement("div", { className: "relative flex-1 px-4 py-6 sm:px-6 overflow-y-scroll" }, children),
34
- react_1.default.createElement("div", { className: "flex shrink-0 justify-end px-4 py-4" },
35
- 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),
36
- 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))))))))));
39
+ react_1.default.createElement("div", { className: "flex shrink-0 justify-end px-4 py-4 gap-4" },
40
+ 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 }),
41
+ 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 }))))))))));
37
42
  };
38
43
  exports.VistaDrawerV1 = VistaDrawerV1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/app-corp-vista",
3
- "version": "0.0.2",
3
+ "version": "0.0.4",
4
4
  "scripts": {
5
5
  "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
6
6
  "build:next": "next build",
@@ -36,7 +36,7 @@
36
36
  "@mdx-js/loader": "^3.1.0",
37
37
  "@mdx-js/react": "^3.1.0",
38
38
  "@mdxeditor/editor": "^3.20.0",
39
- "@next/third-parties": "^15.1.2",
39
+ "@next/third-parties": "^15.1.3",
40
40
  "@react-jvectormap/core": "^1.0.4",
41
41
  "@react-jvectormap/world": "^1.1.2",
42
42
  "@react-pakistan/react-icon-collection": "^3.5.0",
@@ -58,20 +58,20 @@
58
58
  "@types/react-dom": "^19",
59
59
  "autoprefixer": "^10.4.20",
60
60
  "clsx": "^2.1.1",
61
- "concurrently": "^9.1.0",
61
+ "concurrently": "^9.1.1",
62
62
  "eslint": "^9",
63
- "eslint-config-next": "15.1.2",
63
+ "eslint-config-next": "15.1.3",
64
64
  "eslint-plugin-storybook": "^0.11.1",
65
65
  "fast-glob": "^3.3.2",
66
66
  "framer-motion": "^11.15.0",
67
67
  "husky": "^9.1.7",
68
- "next": "^15.1.2",
68
+ "next": "^15.1.3",
69
69
  "next-intl": "^3.26.3",
70
70
  "postcss": "^8",
71
71
  "react": "^19.0.0",
72
72
  "react-dom": "^19.0.0",
73
73
  "storybook": "8.4.7",
74
- "swr": "^2.2.5",
74
+ "swr": "^2.3.0",
75
75
  "tailwindcss": "^3.4.17",
76
76
  "tailwindcss-animate": "^1.0.7",
77
77
  "typescript": "^5"
package/type/vista-button-type.d.ts ADDED
@@ -0,0 +1,34 @@
1
+ import { ReactNode, MouseEvent } from "react";
2
+ export declare enum VISTA_BUTTON_SIZE {
3
+ XS = "XS",
4
+ SM = "SM",
5
+ MD = "MD",
6
+ LG = "LG",
7
+ XL = "XL"
8
+ }
9
+ export declare enum VISTA_BUTTON_VARIANT {
10
+ PRIMARY = "PRIMARY",
11
+ SECONDARY = "SECONDARY",
12
+ ICON = "ICON"
13
+ }
14
+ export declare enum VISTA_BUTTON_ROUNDED {
15
+ SM = "SM",
16
+ MD = "MD",
17
+ LG = "LG",
18
+ XL = "XL",
19
+ XXL = "XXL",
20
+ XXXL = "XXXL",
21
+ FULL = "FULL",
22
+ NONE = "NONE"
23
+ }
24
+ export interface VistaButtonV1Props {
25
+ disabled?: boolean;
26
+ handleOnClick: (e: MouseEvent<HTMLButtonElement>) => void;
27
+ icon?: ReactNode;
28
+ label?: string;
29
+ prefixIcon?: ReactNode;
30
+ rounded?: VISTA_BUTTON_ROUNDED;
31
+ size?: VISTA_BUTTON_SIZE;
32
+ suffixIcon?: ReactNode;
33
+ variant?: VISTA_BUTTON_VARIANT;
34
+ }
package/type/vista-button-type.js ADDED
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.VISTA_BUTTON_ROUNDED = exports.VISTA_BUTTON_VARIANT = exports.VISTA_BUTTON_SIZE = void 0;
4
+ var VISTA_BUTTON_SIZE;
5
+ (function (VISTA_BUTTON_SIZE) {
6
+ VISTA_BUTTON_SIZE["XS"] = "XS";
7
+ VISTA_BUTTON_SIZE["SM"] = "SM";
8
+ VISTA_BUTTON_SIZE["MD"] = "MD";
9
+ VISTA_BUTTON_SIZE["LG"] = "LG";
10
+ VISTA_BUTTON_SIZE["XL"] = "XL";
11
+ })(VISTA_BUTTON_SIZE || (exports.VISTA_BUTTON_SIZE = VISTA_BUTTON_SIZE = {}));
12
+ var VISTA_BUTTON_VARIANT;
13
+ (function (VISTA_BUTTON_VARIANT) {
14
+ VISTA_BUTTON_VARIANT["PRIMARY"] = "PRIMARY";
15
+ VISTA_BUTTON_VARIANT["SECONDARY"] = "SECONDARY";
16
+ VISTA_BUTTON_VARIANT["ICON"] = "ICON";
17
+ })(VISTA_BUTTON_VARIANT || (exports.VISTA_BUTTON_VARIANT = VISTA_BUTTON_VARIANT = {}));
18
+ var VISTA_BUTTON_ROUNDED;
19
+ (function (VISTA_BUTTON_ROUNDED) {
20
+ VISTA_BUTTON_ROUNDED["SM"] = "SM";
21
+ VISTA_BUTTON_ROUNDED["MD"] = "MD";
22
+ VISTA_BUTTON_ROUNDED["LG"] = "LG";
23
+ VISTA_BUTTON_ROUNDED["XL"] = "XL";
24
+ VISTA_BUTTON_ROUNDED["XXL"] = "XXL";
25
+ VISTA_BUTTON_ROUNDED["XXXL"] = "XXXL";
26
+ VISTA_BUTTON_ROUNDED["FULL"] = "FULL";
27
+ VISTA_BUTTON_ROUNDED["NONE"] = "NONE";
28
+ })(VISTA_BUTTON_ROUNDED || (exports.VISTA_BUTTON_ROUNDED = VISTA_BUTTON_ROUNDED = {}));
package/type/vista-drawer-type.d.ts CHANGED
@@ -1,12 +1,29 @@
1
1
  import { ReactNode } from "react";
2
+ import { VISTA_BUTTON_ROUNDED, VISTA_BUTTON_SIZE } from "./vista-button-type";
3
+ export declare enum VISTA_DRAWER_SIZE {
4
+ MD = "MD",
5
+ LG = "LG",
6
+ XL = "XL"
7
+ }
2
8
  export interface VistaDrawerV1Props {
3
- cancelTitle: string;
9
+ cancelDisabled?: boolean;
10
+ cancelLabel: string;
11
+ cancelPrefixIcon?: ReactNode;
12
+ cancelRounded: VISTA_BUTTON_ROUNDED;
13
+ cancelSize: VISTA_BUTTON_SIZE;
14
+ cancelSuffixIcon?: ReactNode;
4
15
  children: ReactNode;
5
16
  description?: string;
6
17
  handleCancelOnClick: (b: boolean) => void;
7
18
  handleSaveOnClick?: () => void;
8
19
  handleSetIsOpen: (b: boolean) => void;
9
20
  isOpen: boolean;
10
- saveTitle?: string;
21
+ saveDisabled?: boolean;
22
+ saveLabel?: string;
23
+ savePrefixIcon?: ReactNode;
24
+ saveRounded: VISTA_BUTTON_ROUNDED;
25
+ saveSize: VISTA_BUTTON_SIZE;
26
+ saveSuffixIcon?: ReactNode;
27
+ size?: VISTA_DRAWER_SIZE;
11
28
  title: string;
12
29
  }
package/type/vista-drawer-type.js CHANGED
@@ -1,2 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.VISTA_DRAWER_SIZE = void 0;
4
+ var VISTA_DRAWER_SIZE;
5
+ (function (VISTA_DRAWER_SIZE) {
6
+ VISTA_DRAWER_SIZE["MD"] = "MD";
7
+ VISTA_DRAWER_SIZE["LG"] = "LG";
8
+ VISTA_DRAWER_SIZE["XL"] = "XL";
9
+ })(VISTA_DRAWER_SIZE || (exports.VISTA_DRAWER_SIZE = VISTA_DRAWER_SIZE = {}));