@appcorp/app-corp-vista 0.0.52 → 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.
|
@@ -7,16 +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 checked = _a.checked, description = _a.description, handleOnChange = _a.handleOnChange, heading = _a.heading, id = _a.id, route = _a.route;
|
|
11
|
-
return (react_1.default.createElement("div",
|
|
12
|
-
react_1.default.createElement("
|
|
13
|
-
|
|
14
|
-
react_1.default.createElement("
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
react_1.default.createElement("span", { className: "
|
|
20
|
-
|
|
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))));
|
|
21
23
|
};
|
|
22
24
|
exports.VistaCheckboxV2 = VistaCheckboxV2;
|
package/package.json
CHANGED
|
@@ -13,7 +13,7 @@ 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
14
|
var vista_checkbox_v2_1 = require("../../molecules/vista-checkbox-v2/vista-checkbox-v2");
|
|
15
15
|
var VistaAuthV1 = function (_a) {
|
|
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;
|
|
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;
|
|
17
17
|
return (react_1.default.createElement("section", { className: 'h-screen' },
|
|
18
18
|
react_1.default.createElement("div", { className: "flex min-h-full flex-1" },
|
|
19
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') },
|
|
@@ -41,7 +41,7 @@ var VistaAuthV1 = function (_a) {
|
|
|
41
41
|
react_1.default.createElement(vista_checkbox_v2_1.VistaCheckboxV2, { checked: rememberMeChecked, description: rememberMeDescription, handleOnChange: rememberMeHandleOnChange, heading: rememberMeHeading, id: rememberMeId, route: rememberMeRoute }),
|
|
42
42
|
forgotPassword && forgotPasswordRoute && (react_1.default.createElement("div", { className: "text-sm/6" },
|
|
43
43
|
react_1.default.createElement("a", { href: forgotPasswordRoute, className: "font-semibold text-primary" }, forgotPassword)))),
|
|
44
|
-
react_1.default.createElement(vista_checkbox_v2_1.VistaCheckboxV2, { checked: termsOfUseChecked, description: termsOfUseDescription, handleOnChange: termsOfUseHandleOnChange, heading: termsOfUseHeading, id: termsOfUseId, route: termsOfUseRoute }),
|
|
44
|
+
react_1.default.createElement(vista_checkbox_v2_1.VistaCheckboxV2, { checked: termsOfUseChecked, description: termsOfUseDescription, error: termsOfUseError, handleOnChange: termsOfUseHandleOnChange, heading: termsOfUseHeading, id: termsOfUseId, route: termsOfUseRoute }),
|
|
45
45
|
react_1.default.createElement("div", null,
|
|
46
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 }))))))),
|
|
47
47
|
react_1.default.createElement("div", { className: "relative hidden w-0 flex-1 lg:block ".concat(reverted ? 'order-1' : 'order-2') },
|
|
@@ -33,6 +33,7 @@ export interface VistaAuthV1Props {
|
|
|
33
33
|
reverted?: boolean;
|
|
34
34
|
termsOfUseChecked: boolean;
|
|
35
35
|
termsOfUseDescription: string;
|
|
36
|
+
termsOfUseError?: string;
|
|
36
37
|
termsOfUseHandleOnChange: (k: string, v: boolean) => void;
|
|
37
38
|
termsOfUseHeading: string;
|
|
38
39
|
termsOfUseId: string;
|