npm - @appcorp/app-corp-vista - Versions diffs - 0.2.53 → 0.2.55 - Mend

@appcorp/app-corp-vista 0.2.53 → 0.2.55

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 (3) hide show

package/molecules/vista-contact-v3/vista-contact-v3.js +11 -19
package/package.json +1 -1
package/type/vista-contact-type.d.ts +23 -0

package/molecules/vista-contact-v3/vista-contact-v3.js CHANGED Viewed

@@ -6,8 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaContactV3 = void 0;
 var react_1 = __importDefault(require("react"));
 var outline_1 = require("@heroicons/react/24/outline");
+var vista_button_v1_1 = require("../vista-button-v1/vista-button-v1");
+var vista_button_type_1 = require("../../type/vista-button-type");
+var vista_text_input_v1_1 = require("../vista-text-input-v1");
+var vista_text_area_v1_1 = require("../vista-text-area-v1");
 var VistaContactV3 = function (_a) {
-    var address = _a.address, description = _a.description, email = _a.email, phone = _a.phone, title = _a.title;
+    var address = _a.address, description = _a.description, email = _a.email, emailId = _a.emailId, emailLabel = _a.emailLabel, emailPlaceholder = _a.emailPlaceholder, emailValue = _a.emailValue, firstNameId = _a.firstNameId, firstNameLabel = _a.firstNameLabel, firstNamePlaceholder = _a.firstNamePlaceholder, firstNameValue = _a.firstNameValue, handleOnChange = _a.handleOnChange, handleOnClick = _a.handleOnClick, lastNameId = _a.lastNameId, lastNameLabel = _a.lastNameLabel, lastNamePlaceholder = _a.lastNamePlaceholder, lastNameValue = _a.lastNameValue, messageId = _a.messageId, messageLabel = _a.messageLabel, messagePlaceholder = _a.messagePlaceholder, messageValue = _a.messageValue, phone = _a.phone, phoneId = _a.phoneId, phoneLabel = _a.phoneLabel, phonePlaceholder = _a.phonePlaceholder, phoneValue = _a.phoneValue, _b = _a.sendLabel, sendLabel = _b === void 0 ? 'Send' : _b, title = _a.title;
     return (react_1.default.createElement("div", { className: "relative isolate bg-white" },
         react_1.default.createElement("div", { className: "mx-auto grid max-w-7xl grid-cols-1 lg:grid-cols-2" },
             react_1.default.createElement("div", { className: "relative px-6 pt-24 pb-20 sm:pt-32 lg:static lg:px-8 lg:py-48" },
@@ -44,27 +48,15 @@ var VistaContactV3 = function (_a) {
             react_1.default.createElement("form", { action: "#", method: "POST", className: "px-6 pt-20 pb-24 sm:pb-32 lg:px-8 lg:py-48" },
                 react_1.default.createElement("div", { className: "mx-auto max-w-xl lg:mr-0 lg:max-w-lg" },
                     react_1.default.createElement("div", { className: "grid grid-cols-1 gap-x-8 gap-y-6 sm:grid-cols-2" },
-                        react_1.default.createElement("div", null,
-                            react_1.default.createElement("label", { htmlFor: "first-name", className: "block text-sm/6 font-semibold text-primary" }, "First name"),
-                            react_1.default.createElement("div", { className: "mt-2.5" },
-                                react_1.default.createElement("input", { id: "first-name", name: "first-name", type: "text", autoComplete: "given-name", className: "block w-full rounded-md bg-white px-3.5 py-2 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-primary" }))),
-                        react_1.default.createElement("div", null,
-                            react_1.default.createElement("label", { htmlFor: "last-name", className: "block text-sm/6 font-semibold text-primary" }, "Last name"),
-                            react_1.default.createElement("div", { className: "mt-2.5" },
-                                react_1.default.createElement("input", { id: "last-name", name: "last-name", type: "text", autoComplete: "family-name", className: "block w-full rounded-md bg-white px-3.5 py-2 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-primary" }))),
+                        react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: handleOnChange, id: firstNameId, label: firstNameLabel, placeholder: firstNamePlaceholder, required: true, type: 'text', value: firstNameValue }),
+                        react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: handleOnChange, id: lastNameId, label: lastNameLabel, placeholder: lastNamePlaceholder, required: true, type: 'text', value: lastNameValue }),
                         react_1.default.createElement("div", { className: "sm:col-span-2" },
-                            react_1.default.createElement("label", { htmlFor: "email", className: "block text-sm/6 font-semibold text-primary" }, "Email"),
-                            react_1.default.createElement("div", { className: "mt-2.5" },
-                                react_1.default.createElement("input", { id: "email", name: "email", type: "email", autoComplete: "email", className: "block w-full rounded-md bg-white px-3.5 py-2 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-primary" }))),
+                            react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: handleOnChange, id: emailId, label: emailLabel, placeholder: emailPlaceholder, required: true, type: 'email', value: emailValue })),
                         react_1.default.createElement("div", { className: "sm:col-span-2" },
-                            react_1.default.createElement("label", { htmlFor: "phone-number", className: "block text-sm/6 font-semibold text-primary" }, "Phone number"),
-                            react_1.default.createElement("div", { className: "mt-2.5" },
-                                react_1.default.createElement("input", { id: "phone-number", name: "phone-number", type: "tel", autoComplete: "tel", className: "block w-full rounded-md bg-white px-3.5 py-2 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-primary" }))),
+                            react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: handleOnChange, id: phoneId, label: phoneLabel, placeholder: phonePlaceholder, required: true, type: 'tel', value: phoneValue })),
                         react_1.default.createElement("div", { className: "sm:col-span-2" },
-                            react_1.default.createElement("label", { htmlFor: "message", className: "block text-sm/6 font-semibold text-primary" }, "Message"),
-                            react_1.default.createElement("div", { className: "mt-2.5" },
-                                react_1.default.createElement("textarea", { id: "message", name: "message", rows: 4, className: "block w-full rounded-md bg-white px-3.5 py-2 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-primary", defaultValue: '' })))),
+                            react_1.default.createElement(vista_text_area_v1_1.VistaTextAreaV1, { handleOnChange: handleOnChange, id: messageId, label: messageLabel, placeholder: messagePlaceholder, required: true, value: messageValue }))),
                     react_1.default.createElement("div", { className: "mt-8 flex justify-end" },
-                        react_1.default.createElement("button", { type: "submit", className: "rounded-md bg-primary px-3.5 py-2.5 text-center text-sm font-semibold text-white shadow-xs hover:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary" }, "Send message")))))));
+                        react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { disabled: !firstNameValue || !lastNameValue || !emailValue || !phoneValue || !messageValue, handleOnClick: handleOnClick, label: sendLabel, size: vista_button_type_1.VISTA_BUTTON_SIZE.XL, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY })))))));
 };
 exports.VistaContactV3 = VistaContactV3;

package/package.json CHANGED Viewed

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

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

@@ -8,7 +8,30 @@ export interface VistaContactV3Props {
     address?: string[];
     description: string;
     email?: string;
+    emailId: string;
+    emailLabel: string;
+    emailPlaceholder: string;
+    emailValue: string;
+    firstNameId: string;
+    firstNameLabel: string;
+    firstNamePlaceholder: string;
+    firstNameValue: string;
+    handleOnChange: (k: string, v: string) => void;
+    handleOnClick: () => void;
+    lastNameId: string;
+    lastNameLabel: string;
+    lastNamePlaceholder: string;
+    lastNameValue: string;
+    messageId: string;
+    messageLabel: string;
+    messagePlaceholder: string;
+    messageValue: string;
     phone?: string;
+    phoneId: string;
+    phoneLabel: string;
+    phonePlaceholder: string;
+    phoneValue: string;
+    sendLabel?: string;
     title: string;
 }
 export interface VistaContactV4Props {