@appcorp/app-corp-vista 0.0.51 → 0.0.53

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 (5) hide show
  1. package/molecules/vista-checkbox-v2/vista-checkbox-v2.js +13 -14
  2. package/package.json +1 -1
  3. package/templates/vista-auth-v1/vista-auth-v1.js +4 -10
  4. package/type/vista-auth-type.d.ts +13 -0
  5. package/type/vista-checkbox-type.d.ts +4 -1
package/molecules/vista-checkbox-v2/vista-checkbox-v2.js CHANGED
@@ -7,19 +7,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.VistaCheckboxV2 = void 0;
8
8
  var react_1 = __importDefault(require("react"));
9
9
  var VistaCheckboxV2 = function (_a) {
10
- var description = _a.description, heading = _a.heading, id = _a.id, onChange = _a.onChange;
11
- return (react_1.default.createElement("div", { className: "flex gap-3" },
12
- react_1.default.createElement("div", { className: "flex h-6 shrink-0 items-center" },
13
- react_1.default.createElement("div", { className: "group grid size-4 grid-cols-1" },
14
- react_1.default.createElement("input", { "aria-describedby": "".concat(id, "-description"), className: "col-start-1 row-start-1 appearance-none rounded border border-gray-300 bg-white checked:border-indigo-600 checked:bg-indigo-600 indeterminate:border-indigo-600 indeterminate:bg-indigo-600 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 disabled:border-gray-300 disabled:bg-gray-100 disabled:checked:bg-gray-100 forced-colors:appearance-auto", id: id, name: id, onChange: onChange, type: "checkbox", value: id }),
15
- react_1.default.createElement("svg", { fill: "none", viewBox: "0 0 14 14", className: "pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white group-has-[:disabled]:stroke-gray-950/25" },
16
- react_1.default.createElement("path", { d: "M3 8L6 11L11 3.5", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: "opacity-0 group-has-[:checked]:opacity-100" }),
17
- react_1.default.createElement("path", { d: "M3 7H11", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: "opacity-0 group-has-[:indeterminate]:opacity-100" })))),
18
- react_1.default.createElement("div", { className: "text-sm/6" },
19
- react_1.default.createElement("label", { htmlFor: "comments", className: "font-medium text-gray-900" }, heading),
20
- ' ',
21
- react_1.default.createElement("span", { id: "comments-description", className: "text-gray-500" },
22
- react_1.default.createElement("span", { className: "sr-only" }, heading),
23
- description))));
10
+ var checked = _a.checked, description = _a.description, error = _a.error, handleOnChange = _a.handleOnChange, heading = _a.heading, id = _a.id, route = _a.route;
11
+ return (react_1.default.createElement("div", null,
12
+ react_1.default.createElement("div", { className: "flex gap-2 items-center" },
13
+ react_1.default.createElement("input", { "aria-describedby": "".concat(id, "-description"), checked: checked, className: "size-4 rounded border-gray-300 text-primary focus:ring-primary", id: id, name: id, onChange: function (e) { return handleOnChange(id, !checked); }, type: "checkbox" }),
14
+ react_1.default.createElement("div", { className: "text-sm/6" },
15
+ react_1.default.createElement("label", { htmlFor: id, className: "font-bold text-primary" },
16
+ route && (react_1.default.createElement("a", { className: 'underline', href: route, target: '_blank' }, heading)),
17
+ !route && heading),
18
+ ' ',
19
+ react_1.default.createElement("span", { id: "".concat(id, "-description"), className: "text-gray-500" },
20
+ react_1.default.createElement("span", { className: "sr-only" }, heading),
21
+ description))),
22
+ error && (react_1.default.createElement("p", { id: "".concat(id, "-error"), className: "mt-2 text-sm text-red-500 dark:text-red-500" }, error))));
24
23
  };
25
24
  exports.VistaCheckboxV2 = VistaCheckboxV2;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/app-corp-vista",
3
- "version": "0.0.51",
3
+ "version": "0.0.53",
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",
package/templates/vista-auth-v1/vista-auth-v1.js CHANGED
@@ -11,8 +11,9 @@ var image_1 = __importDefault(require("next/image"));
11
11
  var vista_text_input_v1_1 = require("../../molecules/vista-text-input-v1");
12
12
  var vista_button_v1_1 = require("../../molecules/vista-button-v1/vista-button-v1");
13
13
  var vista_button_type_1 = require("../../type/vista-button-type");
14
+ var vista_checkbox_v2_1 = require("../../molecules/vista-checkbox-v2/vista-checkbox-v2");
14
15
  var VistaAuthV1 = function (_a) {
15
- var actionLabel = _a.actionLabel, actionRoute = _a.actionRoute, banner = _a.banner, bannerAlt = _a.bannerAlt, description = _a.description, emailAuthButtonLabel = _a.emailAuthButtonLabel, forgotPassword = _a.forgotPassword, forgotPasswordRoute = _a.forgotPasswordRoute, handleAuth = _a.handleAuth, heading = _a.heading, inputElements = _a.inputElements, _b = _a.label, label = _b === void 0 ? false : _b, logo = _a.logo, logoAlt = _a.logoAlt, _c = _a.reverted, reverted = _c === void 0 ? false : _c, _d = _a.buttonDisabled, buttonDisabled = _d === void 0 ? false : _d;
16
+ var actionLabel = _a.actionLabel, actionRoute = _a.actionRoute, banner = _a.banner, bannerAlt = _a.bannerAlt, _b = _a.buttonDisabled, buttonDisabled = _b === void 0 ? false : _b, description = _a.description, emailAuthButtonLabel = _a.emailAuthButtonLabel, forgotPassword = _a.forgotPassword, forgotPasswordRoute = _a.forgotPasswordRoute, handleAuth = _a.handleAuth, heading = _a.heading, inputElements = _a.inputElements, _c = _a.label, label = _c === void 0 ? false : _c, logo = _a.logo, logoAlt = _a.logoAlt, rememberMeChecked = _a.rememberMeChecked, rememberMeDescription = _a.rememberMeDescription, rememberMeHandleOnChange = _a.rememberMeHandleOnChange, rememberMeHeading = _a.rememberMeHeading, rememberMeId = _a.rememberMeId, rememberMeRoute = _a.rememberMeRoute, _d = _a.reverted, reverted = _d === void 0 ? false : _d, termsOfUseChecked = _a.termsOfUseChecked, termsOfUseDescription = _a.termsOfUseDescription, termsOfUseHandleOnChange = _a.termsOfUseHandleOnChange, termsOfUseHeading = _a.termsOfUseHeading, termsOfUseId = _a.termsOfUseId, termsOfUseRoute = _a.termsOfUseRoute, termsOfUseError = _a.termsOfUseError;
16
17
  return (react_1.default.createElement("section", { className: 'h-screen' },
17
18
  react_1.default.createElement("div", { className: "flex min-h-full flex-1" },
18
19
  react_1.default.createElement("div", { className: "flex flex-1 flex-col justify-center px-4 py-12 sm:px-6 lg:flex-none lg:px-20 xl:px-24 ".concat(reverted ? 'order-2' : 'order-1') },
@@ -37,17 +38,10 @@ var VistaAuthV1 = function (_a) {
37
38
  return (react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { error: error, handleOnChange: handleOnChange, id: id, key: id, label: inputLabel, placeholder: placeholder, type: inputType, value: value }));
38
39
  }),
39
40
  react_1.default.createElement("div", { className: "flex items-center justify-between" },
40
- react_1.default.createElement("div", { className: "flex items-center" },
41
- react_1.default.createElement("input", { id: "remember-me", name: "remember-me", type: "checkbox", className: "size-4 rounded border-gray-300 text-primary focus:ring-primary" }),
42
- react_1.default.createElement("label", { htmlFor: "remember-me", className: "ml-3 block text-sm/6 text-gray-700 dark:text-gray-300" }, "Remember me")),
41
+ react_1.default.createElement(vista_checkbox_v2_1.VistaCheckboxV2, { checked: rememberMeChecked, description: rememberMeDescription, handleOnChange: rememberMeHandleOnChange, heading: rememberMeHeading, id: rememberMeId, route: rememberMeRoute }),
43
42
  forgotPassword && forgotPasswordRoute && (react_1.default.createElement("div", { className: "text-sm/6" },
44
43
  react_1.default.createElement("a", { href: forgotPasswordRoute, className: "font-semibold text-primary" }, forgotPassword)))),
45
- react_1.default.createElement("div", null,
46
- react_1.default.createElement("div", { className: "flex items-center" },
47
- react_1.default.createElement("input", { id: "terms-of-use", name: "terms-of-use", type: "checkbox", className: "size-4 rounded border-gray-300 text-primary focus:ring-primary" }),
48
- react_1.default.createElement("label", { htmlFor: "terms-of-use", className: "ml-3 block text-sm/6 text-gray-700 dark:text-gray-300" },
49
- "I agree to the ",
50
- react_1.default.createElement("a", { className: 'text-primary font-bold hover:underline hover:underline-offset-1', href: "/terms-of-use" }, "Terms of use")))),
44
+ react_1.default.createElement(vista_checkbox_v2_1.VistaCheckboxV2, { checked: termsOfUseChecked, description: termsOfUseDescription, error: termsOfUseError, handleOnChange: termsOfUseHandleOnChange, heading: termsOfUseHeading, id: termsOfUseId, route: termsOfUseRoute }),
51
45
  react_1.default.createElement("div", null,
52
46
  react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { handleOnClick: handleAuth, label: emailAuthButtonLabel, className: 'w-full', size: vista_button_type_1.VISTA_BUTTON_SIZE.LG, disabled: buttonDisabled }))))))),
53
47
  react_1.default.createElement("div", { className: "relative hidden w-0 flex-1 lg:block ".concat(reverted ? 'order-1' : 'order-2') },
package/type/vista-auth-type.d.ts CHANGED
@@ -24,5 +24,18 @@ export interface VistaAuthV1Props {
24
24
  label?: string;
25
25
  logo: string;
26
26
  logoAlt: string;
27
+ rememberMeChecked: boolean;
28
+ rememberMeDescription: string;
29
+ rememberMeHandleOnChange: (k: string, v: boolean) => void;
30
+ rememberMeHeading: string;
31
+ rememberMeId: string;
32
+ rememberMeRoute?: string;
27
33
  reverted?: boolean;
34
+ termsOfUseChecked: boolean;
35
+ termsOfUseDescription: string;
36
+ termsOfUseError?: string;
37
+ termsOfUseHandleOnChange: (k: string, v: boolean) => void;
38
+ termsOfUseHeading: string;
39
+ termsOfUseId: string;
40
+ termsOfUseRoute?: string;
28
41
  }
package/type/vista-checkbox-type.d.ts CHANGED
@@ -7,10 +7,13 @@ export interface VistaCheckboxV1Props {
7
7
  id: string;
8
8
  }
9
9
  export interface VistaCheckboxV2Props {
10
+ checked: boolean;
10
11
  description: string;
12
+ error?: string;
13
+ handleOnChange: (k: string, v: boolean) => void;
11
14
  heading: string;
12
15
  id: string;
13
- onChange: (e: ChangeEvent<HTMLInputElement>) => void;
16
+ route?: string;
14
17
  }
15
18
  export interface VistaCheckboxV3Props {
16
19
  description?: string;