@appcorp/app-corp-vista 0.0.80 → 0.0.82
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.
- package/molecules/vista-dashboard-sidebar-v1/vista-dashboard-sidebar-v1.js +1 -1
- package/molecules/vista-dashboard-topbar-v1/vista-dashboard-topbar-v1.js +6 -5
- package/package.json +1 -1
- package/templates/vista-auth-v1/vista-auth-v1.js +34 -21
- package/templates/vista-dashboard-v1/vista-dashboard-v1.js +1 -1
- package/type/vista-auth-type.d.ts +11 -3
- package/type/vista-dashboard-topbar-type.d.ts +1 -0
|
@@ -65,7 +65,7 @@ var VistaDashboardSidebarV1 = function (_a) {
|
|
|
65
65
|
.map(function (item) { return (react_1.default.createElement("li", { key: item.label },
|
|
66
66
|
react_1.default.createElement("button", { onClick: item.handleOnClick, className: (0, class_names_1.classNames)(item.isActive
|
|
67
67
|
? 'text-gray-700 bg-gray-300 dark:bg-gray-700 dark:text-white'
|
|
68
|
-
: 'text-gray-700 hover:bg-gray-300 dark:text-gray-400 dark:hover:bg-gray-800', 'group flex w-full gap-x-3 rounded-md p-2 text-sm/6 font-semibold') },
|
|
68
|
+
: 'text-gray-700 hover:bg-gray-300 dark:text-gray-400 dark:hover:bg-gray-800', 'group flex w-full gap-x-3 rounded-md p-2 text-sm/6 font-semibold cursor-pointer') },
|
|
69
69
|
(0, react_1.createElement)(item.icon, {
|
|
70
70
|
'aria-hidden': 'true',
|
|
71
71
|
className: 'size-6 shrink-0',
|
|
@@ -13,7 +13,7 @@ var vista_dashboard_notification_v1_1 = require("../../atoms/vista-dashboard-not
|
|
|
13
13
|
var vista_dashboard_topbar_type_1 = require("../../type/vista-dashboard-topbar-type");
|
|
14
14
|
var solid_2 = require("@heroicons/react/24/solid");
|
|
15
15
|
var VistaDashboardTopBarV1 = function (_a) {
|
|
16
|
-
var avatarAlt = _a.avatarAlt, avatarInitials = _a.avatarInitials, avatarUrl = _a.avatarUrl, handleOnClick = _a.handleOnClick, handleTheme = _a.handleTheme, name = _a.name, profileMenuItems = _a.profileMenuItems, _b = _a.theme, theme = _b === void 0 ? vista_dashboard_topbar_type_1.VISTA_THEME.LIGHT : _b;
|
|
16
|
+
var avatarAlt = _a.avatarAlt, avatarInitials = _a.avatarInitials, avatarUrl = _a.avatarUrl, handleOnClick = _a.handleOnClick, handleTheme = _a.handleTheme, name = _a.name, profileMenuItems = _a.profileMenuItems, _b = _a.theme, theme = _b === void 0 ? vista_dashboard_topbar_type_1.VISTA_THEME.LIGHT : _b, _c = _a.themeEnabled, themeEnabled = _c === void 0 ? true : _c;
|
|
17
17
|
return (react_1.default.createElement("div", { className: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-6 border-b border-black/10 bg-gray-100 dark:bg-gray-900 px-4 shadow-sm sm:px-6 lg:px-8" },
|
|
18
18
|
react_1.default.createElement("button", { type: "button", onClick: function () { return handleOnClick(true); }, className: "-m-2.5 p-2.5 text-white xl:hidden" },
|
|
19
19
|
react_1.default.createElement("span", { className: "sr-only" }, "Open sidebar"),
|
|
@@ -23,10 +23,11 @@ var VistaDashboardTopBarV1 = function (_a) {
|
|
|
23
23
|
react_1.default.createElement("div", { className: "relative w-full" },
|
|
24
24
|
react_1.default.createElement(solid_1.MagnifyingGlassIcon, { "aria-hidden": "true", className: "pointer-events-none absolute inset-y-0 left-0 h-full w-5 text-gray-500" }),
|
|
25
25
|
react_1.default.createElement("input", { id: "search-field", name: "search", type: "search", placeholder: "Search...", className: "block size-full border-0 bg-transparent py-0 pl-8 pr-0 text-white focus:ring-0 sm:text-sm" }))),
|
|
26
|
-
react_1.default.createElement(
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
26
|
+
themeEnabled && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
27
|
+
react_1.default.createElement(vista_vertical_divider_v1_1.VistaVerticalDividerV1, null),
|
|
28
|
+
theme === vista_dashboard_topbar_type_1.VISTA_THEME.LIGHT ? (react_1.default.createElement("button", { onClick: handleTheme },
|
|
29
|
+
react_1.default.createElement(solid_2.SunIcon, { className: 'size-5 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300' }))) : (react_1.default.createElement("button", { onClick: handleTheme },
|
|
30
|
+
react_1.default.createElement(solid_2.MoonIcon, { className: 'size-5 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300' }))))),
|
|
30
31
|
react_1.default.createElement(vista_vertical_divider_v1_1.VistaVerticalDividerV1, null),
|
|
31
32
|
react_1.default.createElement(vista_dashboard_notification_v1_1.VistaDashboardNotificationV1, null),
|
|
32
33
|
react_1.default.createElement(vista_vertical_divider_v1_1.VistaVerticalDividerV1, null),
|
package/package.json
CHANGED
|
@@ -13,37 +13,50 @@ 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
|
|
16
|
+
var _b, _c;
|
|
17
|
+
var actionLabel = _a.actionLabel, actionRoute = _a.actionRoute, banner = _a.banner, bannerAlt = _a.bannerAlt, _d = _a.buttonDisabled, buttonDisabled = _d === void 0 ? false : _d, description = _a.description, emailAuthButtonLabel = _a.emailAuthButtonLabel, forgotPassword = _a.forgotPassword, forgotPasswordRoute = _a.forgotPasswordRoute, handleAuth = _a.handleAuth, heading = _a.heading, _e = _a.inputElements, inputElements = _e === void 0 ? [] : _e, _f = _a.label, label = _f === void 0 ? false : _f, logo = _a.logo, logoAlt = _a.logoAlt, rememberMeChecked = _a.rememberMeChecked, rememberMeDescription = _a.rememberMeDescription, rememberMeHandleOnChange = _a.rememberMeHandleOnChange, rememberMeHeading = _a.rememberMeHeading, rememberMeId = _a.rememberMeId, rememberMeRoute = _a.rememberMeRoute, _g = _a.reverted, reverted = _g === void 0 ? false : _g, _h = _a.socialProviders, socialProviders = _h === void 0 ? [] : _h, termsOfUseChecked = _a.termsOfUseChecked, termsOfUseDescription = _a.termsOfUseDescription, termsOfUseError = _a.termsOfUseError, termsOfUseHandleOnChange = _a.termsOfUseHandleOnChange, termsOfUseHeading = _a.termsOfUseHeading, termsOfUseId = _a.termsOfUseId, termsOfUseRoute = _a.termsOfUseRoute;
|
|
17
18
|
return (react_1.default.createElement("section", { className: 'h-screen bg-white dark:bg-gray-900' },
|
|
18
19
|
react_1.default.createElement("div", { className: "flex min-h-full flex-1" },
|
|
19
20
|
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') },
|
|
20
21
|
react_1.default.createElement("div", { className: "mx-auto w-full max-w-sm lg:w-96" },
|
|
21
|
-
react_1.default.createElement("div",
|
|
22
|
+
react_1.default.createElement("div", { className: 'pb-4' },
|
|
22
23
|
react_1.default.createElement(image_1.default, { alt: logoAlt, src: logo, width: 40, height: 40 }),
|
|
23
24
|
react_1.default.createElement("h2", { className: "mt-8 text-2xl/9 font-bold tracking-tight text-gray-900 dark:text-white" }, heading),
|
|
24
25
|
react_1.default.createElement("p", { className: "mt-2 text-sm/6 text-gray-500 dark:text-gray-300" },
|
|
25
26
|
description,
|
|
26
27
|
' ',
|
|
27
28
|
react_1.default.createElement(link_1.default, { href: actionRoute, className: "font-semibold text-primary" }, actionLabel))),
|
|
28
|
-
react_1.default.createElement("div", { className: "
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
29
|
+
react_1.default.createElement("div", { className: "space-y-4" },
|
|
30
|
+
inputElements
|
|
31
|
+
.filter(function (_a) {
|
|
32
|
+
var enabled = _a.enabled;
|
|
33
|
+
return enabled;
|
|
34
|
+
})
|
|
35
|
+
.map(function (_a) {
|
|
36
|
+
var error = _a.error, handleOnChange = _a.handleOnChange, id = _a.id, inputLabel = _a.inputLabel, inputType = _a.inputType, placeholder = _a.placeholder, value = _a.value;
|
|
37
|
+
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
|
+
react_1.default.createElement("div", { className: "flex items-center justify-between" },
|
|
40
|
+
rememberMeHandleOnChange && rememberMeHeading && rememberMeId && (react_1.default.createElement(vista_checkbox_v2_1.VistaCheckboxV2, { checked: rememberMeChecked, description: rememberMeDescription || '', handleOnChange: rememberMeHandleOnChange, heading: rememberMeHeading, id: rememberMeId, route: rememberMeRoute })),
|
|
41
|
+
forgotPassword && forgotPasswordRoute && (react_1.default.createElement("div", { className: "text-sm/6" },
|
|
42
|
+
react_1.default.createElement("a", { href: forgotPasswordRoute, className: "font-semibold text-primary" }, forgotPassword)))),
|
|
43
|
+
emailAuthButtonLabel && handleAuth && (react_1.default.createElement("div", null,
|
|
44
|
+
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 }))),
|
|
45
|
+
(inputElements === null || inputElements === void 0 ? void 0 : inputElements.length) >= 1 && (socialProviders === null || socialProviders === void 0 ? void 0 : socialProviders.length) >= 1 && (react_1.default.createElement("div", { className: "relative" },
|
|
46
|
+
react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-0 flex items-center" },
|
|
47
|
+
react_1.default.createElement("div", { className: "w-full border-t border-gray-200" })),
|
|
48
|
+
react_1.default.createElement("div", { className: "relative flex justify-center text-sm/6 font-medium" },
|
|
49
|
+
react_1.default.createElement("span", { className: "bg-white px-6 text-gray-900" }, "Or continue with")))), (_c = (_b = socialProviders === null || socialProviders === void 0 ? void 0 : socialProviders.filter(function (_a) {
|
|
50
|
+
var enabled = _a.enabled;
|
|
51
|
+
return enabled;
|
|
52
|
+
})) === null || _b === void 0 ? void 0 : _b.sort(function (a, b) { return a.order - b.order; })) === null || _c === void 0 ? void 0 :
|
|
53
|
+
_c.map(function (_a) {
|
|
54
|
+
var handleOnClick = _a.handleOnClick, icon = _a.icon, label = _a.label;
|
|
55
|
+
return (react_1.default.createElement("button", { key: label, onClick: handleOnClick, className: "flex w-full items-center justify-center gap-3 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:bg-gray-50 focus-visible:ring-transparent" },
|
|
56
|
+
react_1.default.createElement(image_1.default, { width: 20, height: 20, alt: label, src: icon }),
|
|
57
|
+
react_1.default.createElement("span", { className: "text-sm/6 font-semibold" }, label)));
|
|
58
|
+
}),
|
|
59
|
+
react_1.default.createElement(vista_checkbox_v2_1.VistaCheckboxV2, { checked: termsOfUseChecked, description: termsOfUseDescription, error: termsOfUseError, handleOnChange: termsOfUseHandleOnChange, heading: termsOfUseHeading, id: termsOfUseId, route: termsOfUseRoute })))),
|
|
47
60
|
react_1.default.createElement("div", { className: "relative hidden w-0 flex-1 lg:block ".concat(reverted ? 'order-1' : 'order-2') },
|
|
48
61
|
react_1.default.createElement(image_1.default, { alt: bannerAlt, className: "absolute inset-0 size-full object-cover ".concat(reverted ? '' : 'scale-x-[-1]'), fill: true, height: 0, loading: "lazy", sizes: "60vw", src: banner, width: 0 }),
|
|
49
62
|
label && (react_1.default.createElement("div", { className: "absolute top-14 bg-primary px-6 py-2 ".concat(reverted ? 'right-0' : 'left-0') },
|
|
@@ -30,7 +30,7 @@ var VistaDashboardV1 = function (_a) {
|
|
|
30
30
|
react_1.default.createElement(react_2.DialogPanel, { transition: true, className: "relative mr-16 flex w-full max-w-xs flex-1 transform transition duration-300 ease-in-out data-[closed]:-translate-x-full" },
|
|
31
31
|
react_1.default.createElement(react_2.TransitionChild, null,
|
|
32
32
|
react_1.default.createElement("div", { className: "absolute left-full top-0 flex w-16 justify-center pt-5 duration-300 ease-in-out data-[closed]:opacity-0" },
|
|
33
|
-
react_1.default.createElement("button", {
|
|
33
|
+
react_1.default.createElement("button", { className: "-m-2.5 p-2.5", onClick: function () { return handleIsSideBarOpen(false); }, type: "button" },
|
|
34
34
|
react_1.default.createElement("span", { className: "sr-only" }, "Close sidebar"),
|
|
35
35
|
react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6 text-white" })))),
|
|
36
36
|
react_1.default.createElement(vista_dashboard_sidebar_v1_1.VistaDashboardSidebarV1, __assign({}, sideBar))))),
|
|
@@ -8,6 +8,13 @@ export interface VistaAuthInputElements {
|
|
|
8
8
|
placeholder: string;
|
|
9
9
|
value: string;
|
|
10
10
|
}
|
|
11
|
+
export interface VistaAuthSocialProviders {
|
|
12
|
+
enabled: boolean;
|
|
13
|
+
handleOnClick: () => void;
|
|
14
|
+
icon: string;
|
|
15
|
+
label: string;
|
|
16
|
+
order: number;
|
|
17
|
+
}
|
|
11
18
|
export interface VistaAuthV1Props {
|
|
12
19
|
actionLabel: string;
|
|
13
20
|
actionRoute: string;
|
|
@@ -15,12 +22,12 @@ export interface VistaAuthV1Props {
|
|
|
15
22
|
bannerAlt: string;
|
|
16
23
|
buttonDisabled?: boolean;
|
|
17
24
|
description: string;
|
|
18
|
-
emailAuthButtonLabel
|
|
25
|
+
emailAuthButtonLabel?: string;
|
|
19
26
|
forgotPassword?: string;
|
|
20
27
|
forgotPasswordRoute?: string;
|
|
21
|
-
handleAuth
|
|
28
|
+
handleAuth?: () => void;
|
|
22
29
|
heading: string;
|
|
23
|
-
inputElements
|
|
30
|
+
inputElements?: VistaAuthInputElements[];
|
|
24
31
|
label?: string;
|
|
25
32
|
logo: string;
|
|
26
33
|
logoAlt: string;
|
|
@@ -38,4 +45,5 @@ export interface VistaAuthV1Props {
|
|
|
38
45
|
termsOfUseHeading: string;
|
|
39
46
|
termsOfUseId: string;
|
|
40
47
|
termsOfUseRoute?: string;
|
|
48
|
+
socialProviders?: VistaAuthSocialProviders[];
|
|
41
49
|
}
|