@appcorp/app-corp-vista 0.0.3 → 0.0.6

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/molecules/vista-text-input-v1.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaTextInputV1Props } from '../type/vista-text-input-type';
+export declare const VistaTextInputV1: FC<VistaTextInputV1Props>;

package/molecules/vista-text-input-v1.js

@@ -0,0 +1,28 @@
+'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.VistaTextInputV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var VistaTextInputV1 = function (_a) {
+    var _b = _a.autoFocus, autoFocus = _b === void 0 ? false : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, error = _a.error, handleOnChange = _a.handleOnChange, id = _a.id, info = _a.info, label = _a.label, optional = _a.optional, placeholder = _a.placeholder, _e = _a.required, required = _e === void 0 ? false : _e, prefix = _a.prefix, _f = _a.readOnly, readOnly = _f === void 0 ? false : _f, suffix = _a.suffix, _g = _a.type, type = _g === void 0 ? 'text' : _g, value = _a.value;
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("div", { className: "flex justify-between" },
+            react_1.default.createElement("div", { className: "flex items-center gap-2" },
+                react_1.default.createElement("label", { htmlFor: id, className: "block text-sm/6 font-medium text-gray-900 dark:text-white" }, label),
+                required && react_1.default.createElement("sup", { className: "text-red-500" }, "*")),
+            optional && (react_1.default.createElement("span", { id: "".concat(id, "-optional"), className: "text-sm/6 text-gray-500" }, optional))),
+        react_1.default.createElement("div", { className: "relative mt-2" },
+            prefix && (react_1.default.createElement("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3" },
+                react_1.default.createElement("span", { className: "text-gray-500 sm:text-sm" }, prefix))),
+            react_1.default.createElement("input", { autoComplete: id, className: "block w-full rounded-md border-0 bg-white/5 dark:bg-white/5 py-1.5 text-gray-900 dark:text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-primary disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-300 disabled:ring-gray-200 sm:text-sm/6 dark:disabled:bg-gray-800 dark:disabled:text-gray-400 dark:disabled:ring-gray-700 placeholder:text-gray-500 ".concat(prefix && 'pl-7', " ").concat(className), id: id, disabled: disabled, name: id, onChange: function (e) {
+                    return handleOnChange(id, e.target.value);
+                }, placeholder: placeholder, readOnly: readOnly, type: type, value: value, autoFocus: autoFocus }),
+            suffix && (react_1.default.createElement("div", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3" },
+                react_1.default.createElement("span", { id: "price-currency", className: "text-gray-500 sm:text-sm" }, suffix)))),
+        info && !error && (react_1.default.createElement("p", { id: "".concat(id, "-info"), className: "mt-2 text-sm text-indigo-500 dark:text-indigo-500" }, info)),
+        error && !info && (react_1.default.createElement("p", { id: "".concat(id, "-error"), className: "mt-2 text-sm text-red-500 dark:text-red-500" }, error))));
+};
+exports.VistaTextInputV1 = VistaTextInputV1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/app-corp-vista",
-  "version": "0.0.3",
+  "version": "0.0.6",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
     "build:next": "next build",
@@ -46,6 +46,7 @@
     "@storybook/addon-interactions": "8.4.7",
     "@storybook/addon-links": "8.4.7",
     "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/addon-themes": "^8.4.7",
     "@storybook/blocks": "8.4.7",
     "@storybook/nextjs": "8.4.7",
     "@storybook/react": "8.4.7",
@@ -67,6 +68,7 @@
     "husky": "^9.1.7",
     "next": "^15.1.3",
     "next-intl": "^3.26.3",
+    "next-themes": "^0.4.4",
     "postcss": "^8",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",

package/providers/index.d.ts

@@ -0,0 +1,4 @@
+import React, { ReactNode } from 'react';
+export declare function Providers({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;

package/providers/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Providers = Providers;
+var react_1 = __importDefault(require("react"));
+var next_themes_1 = require("next-themes");
+function Providers(_a) {
+    var children = _a.children;
+    return (react_1.default.createElement("main", { className: "font-primary" },
+        react_1.default.createElement(next_themes_1.ThemeProvider, { attribute: "class", defaultTheme: "light", enableSystem: true }, children)));
+}
+;

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 = {}));

package/type/vista-text-input-type.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode, HTMLInputTypeAttribute } from "react";
+export interface VistaTextInputV1Props {
+    autoFocus?: boolean;
+    className?: string;
+    disabled?: boolean;
+    error?: string;
+    handleOnChange: (k: string, v: string) => void;
+    id: string;
+    info?: string;
+    label: string;
+    optional?: string;
+    placeholder: string;
+    prefix?: ReactNode;
+    readOnly?: boolean;
+    required?: boolean;
+    suffix?: ReactNode;
+    type?: HTMLInputTypeAttribute;
+    value: string;
+}

package/type/vista-text-input-type.js

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