@byline/host-tanstack-start 0.9.3

package/dist/admin-shell/admin-users/container.js

@@ -0,0 +1,418 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useRouter } from "@tanstack/react-router";
+import { LocalDateTime, SetPassword, UpdateUser, UserRoles } from "@byline/ui";
+import { Button, CloseIcon, Drawer, EditIcon, IconButton, Modal, useToastManager } from "@infonomic/uikit/react";
+import classnames from "classnames";
+import container_module from "./container.module.js";
+import { DeleteUser } from "./delete.js";
+const panels = {
+    update: {
+        title: 'Account Details',
+        drawerWidth: 'medium',
+        component: UpdateUser
+    },
+    set_password: {
+        title: 'Set Password',
+        drawerWidth: 'medium',
+        component: SetPassword
+    },
+    delete_user: {
+        title: 'Delete Admin User',
+        drawerWidth: 'medium',
+        component: DeleteUser
+    },
+    roles: {
+        title: 'User Roles',
+        drawerWidth: 'medium',
+        component: ()=>null
+    },
+    empty: {
+        title: '',
+        drawerWidth: 'medium',
+        component: ()=>null
+    }
+};
+function ContainerSection({ title, onEdit, children }) {
+    return /*#__PURE__*/ jsxs("div", {
+        className: classnames('byline-admin-user-section', container_module.section),
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: classnames('byline-admin-user-section-head', container_module.sectionHead),
+                children: [
+                    /*#__PURE__*/ jsx("h2", {
+                        children: title
+                    }),
+                    onEdit ? /*#__PURE__*/ jsx(IconButton, {
+                        variant: "text",
+                        onClick: onEdit,
+                        "aria-label": `Edit ${title}`,
+                        children: /*#__PURE__*/ jsx(EditIcon, {
+                            width: "20px",
+                            height: "20px"
+                        })
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ jsx("div", {
+                children: children
+            })
+        ]
+    });
+}
+function RoleBadge({ role }) {
+    return /*#__PURE__*/ jsx("span", {
+        title: role.machine_name,
+        className: classnames('byline-admin-user-role-badge', container_module.roleBadge),
+        children: role.name
+    });
+}
+function AccountContainer({ user, allRoles, initialUserRoles }) {
+    const router = useRouter();
+    const toastManager = useToastManager();
+    const [currentUser, setCurrentUser] = useState(user);
+    const [currentUserRoles, setCurrentUserRoles] = useState(initialUserRoles);
+    const [current, setCurrent] = useState('empty');
+    const [isDrawerOpen, setIsDrawerOpen] = useState(false);
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const openDrawer = (key)=>()=>{
+            setCurrent(key);
+            setIsDrawerOpen(true);
+        };
+    const openModal = (key)=>()=>{
+            setCurrent(key);
+            setIsModalOpen(true);
+        };
+    const closeDrawer = ()=>{
+        setCurrent('empty');
+        setIsDrawerOpen(false);
+    };
+    const closeModal = ()=>{
+        setCurrent('empty');
+        setIsModalOpen(false);
+    };
+    const handleSuccess = (updated)=>{
+        setCurrentUser(updated);
+    };
+    const handleRolesSaved = (response)=>{
+        setCurrentUserRoles(response.roles);
+        router.invalidate();
+        toastManager.add({
+            title: 'Roles saved',
+            description: `${response.roles.length} role${1 === response.roles.length ? '' : 's'} assigned to ${currentUser.email}.`,
+            data: {
+                intent: 'success'
+            }
+        });
+    };
+    const Panel = panels[current].component;
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: classnames('byline-admin-user-grid', container_module.grid),
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: classnames('byline-admin-user-column', container_module.column),
+                        children: /*#__PURE__*/ jsxs(ContainerSection, {
+                            title: "Account Details",
+                            onEdit: openDrawer('update'),
+                            children: [
+                                /*#__PURE__*/ jsxs("p", {
+                                    className: classnames('byline-admin-user-line', container_module.line),
+                                    children: [
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: "muted",
+                                            children: "Email:"
+                                        }),
+                                        " ",
+                                        currentUser.email
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsxs("p", {
+                                    className: classnames('byline-admin-user-line', container_module.line),
+                                    children: [
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: "muted",
+                                            children: "Given name:"
+                                        }),
+                                        ' ',
+                                        currentUser.given_name ?? /*#__PURE__*/ jsx("span", {
+                                            className: classnames('muted byline-admin-user-not-set', container_module.notSet),
+                                            children: "Not set"
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsxs("p", {
+                                    className: classnames('byline-admin-user-line', container_module.line),
+                                    children: [
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: "muted",
+                                            children: "Family name:"
+                                        }),
+                                        ' ',
+                                        currentUser.family_name ?? /*#__PURE__*/ jsx("span", {
+                                            className: classnames('muted byline-admin-user-not-set', container_module.notSet),
+                                            children: "Not set"
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsxs("p", {
+                                    className: classnames('byline-admin-user-line', container_module.line),
+                                    children: [
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: "muted",
+                                            children: "Username:"
+                                        }),
+                                        ' ',
+                                        currentUser.username ?? /*#__PURE__*/ jsx("span", {
+                                            className: classnames('muted byline-admin-user-not-set', container_module.notSet),
+                                            children: "Not set"
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsxs("p", {
+                                    className: classnames('byline-admin-user-line', container_module.line),
+                                    children: [
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: "muted",
+                                            children: "Super admin:"
+                                        }),
+                                        ' ',
+                                        currentUser.is_super_admin ? 'Yes' : 'No'
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsxs("p", {
+                                    className: classnames('byline-admin-user-line', container_module.line),
+                                    children: [
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: "muted",
+                                            children: "Email verified:"
+                                        }),
+                                        ' ',
+                                        currentUser.is_email_verified ? 'Yes' : 'No'
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsxs("p", {
+                                    className: classnames('byline-admin-user-line-spaced', container_module.lineSpaced),
+                                    children: [
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: "muted",
+                                            children: "Status:"
+                                        }),
+                                        ' ',
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: classnames({
+                                                'byline-admin-user-status-on': currentUser.is_enabled,
+                                                [container_module.statusOn]: currentUser.is_enabled,
+                                                'byline-admin-user-status-off': !currentUser.is_enabled,
+                                                [container_module.statusOff]: !currentUser.is_enabled
+                                            }),
+                                            children: currentUser.is_enabled ? 'Enabled' : 'Disabled'
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsx(Button, {
+                                    size: "sm",
+                                    onClick: openDrawer('update'),
+                                    children: "Update Details"
+                                }),
+                                /*#__PURE__*/ jsxs("div", {
+                                    className: classnames('muted byline-admin-user-meta', container_module.meta),
+                                    children: [
+                                        /*#__PURE__*/ jsxs("p", {
+                                            children: [
+                                                /*#__PURE__*/ jsx("span", {
+                                                    className: "font-bold",
+                                                    children: "Created:\xa0"
+                                                }),
+                                                /*#__PURE__*/ jsx(LocalDateTime, {
+                                                    value: currentUser.created_at
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ jsxs("p", {
+                                            children: [
+                                                /*#__PURE__*/ jsx("span", {
+                                                    className: "font-bold",
+                                                    children: "Updated:\xa0"
+                                                }),
+                                                /*#__PURE__*/ jsx(LocalDateTime, {
+                                                    value: currentUser.updated_at
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ jsxs("p", {
+                                            className: classnames('byline-admin-user-line', container_module.line),
+                                            children: [
+                                                /*#__PURE__*/ jsx("span", {
+                                                    className: "font-bold",
+                                                    children: "Last login:\xa0"
+                                                }),
+                                                /*#__PURE__*/ jsx(LocalDateTime, {
+                                                    value: currentUser.last_login,
+                                                    fallback: "Never"
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: classnames('byline-admin-user-column', container_module.column),
+                        children: [
+                            /*#__PURE__*/ jsxs(ContainerSection, {
+                                title: "Roles",
+                                onEdit: openDrawer('roles'),
+                                children: [
+                                    0 === currentUserRoles.length ? /*#__PURE__*/ jsx("p", {
+                                        className: classnames('muted byline-admin-user-role-empty', container_module.roleEmpty),
+                                        children: "No roles assigned."
+                                    }) : /*#__PURE__*/ jsx("div", {
+                                        className: classnames('byline-admin-user-role-list', container_module.roleList),
+                                        children: currentUserRoles.map((role)=>/*#__PURE__*/ jsx(RoleBadge, {
+                                                role: role
+                                            }, role.id))
+                                    }),
+                                    /*#__PURE__*/ jsx(Button, {
+                                        size: "sm",
+                                        onClick: openDrawer('roles'),
+                                        children: "Edit Roles"
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs(ContainerSection, {
+                                title: "Password",
+                                onEdit: openDrawer('set_password'),
+                                children: [
+                                    /*#__PURE__*/ jsx("p", {
+                                        className: classnames('byline-admin-user-line-spaced', container_module.lineSpaced),
+                                        children: "Set a new password for this user."
+                                    }),
+                                    /*#__PURE__*/ jsx(Button, {
+                                        size: "sm",
+                                        onClick: openDrawer('set_password'),
+                                        children: "Set Password"
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs(ContainerSection, {
+                                title: "Delete Admin User",
+                                children: [
+                                    /*#__PURE__*/ jsx("p", {
+                                        className: classnames('byline-admin-user-line-spaced', container_module.lineSpaced),
+                                        children: "Permanently delete this admin user."
+                                    }),
+                                    /*#__PURE__*/ jsx(Button, {
+                                        size: "sm",
+                                        intent: "danger",
+                                        onClick: openModal('delete_user'),
+                                        children: "Delete Admin User"
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Drawer, {
+                id: "admin-user-drawer",
+                closeOnOverlayClick: false,
+                width: "medium",
+                topOffset: "46px",
+                isOpen: isDrawerOpen,
+                onDismiss: closeDrawer,
+                className: classnames({
+                    'byline-admin-user-drawer-large': 'large' === panels[current].drawerWidth,
+                    [container_module.drawerLarge]: 'large' === panels[current].drawerWidth,
+                    'byline-admin-user-drawer': 'large' !== panels[current].drawerWidth,
+                    [container_module.drawer]: 'large' !== panels[current].drawerWidth
+                }),
+                children: /*#__PURE__*/ jsxs(Drawer.Container, {
+                    "aria-hidden": !isDrawerOpen,
+                    className: "p-2",
+                    children: [
+                        /*#__PURE__*/ jsxs(Drawer.TopActions, {
+                            children: [
+                                /*#__PURE__*/ jsx("button", {
+                                    type: "button",
+                                    tabIndex: 0,
+                                    className: "sr-only",
+                                    children: "no action"
+                                }),
+                                /*#__PURE__*/ jsx(IconButton, {
+                                    "aria-label": "Close",
+                                    size: "sm",
+                                    onClick: closeDrawer,
+                                    children: /*#__PURE__*/ jsx(CloseIcon, {
+                                        width: "14px",
+                                        height: "14px",
+                                        svgClassName: "white-icon stroke-white"
+                                    })
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx(Drawer.Header, {
+                            children: /*#__PURE__*/ jsx("h2", {
+                                children: panels[current].title
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Drawer.Content, {
+                            children: /*#__PURE__*/ jsx("div", {
+                                className: classnames('byline-admin-user-drawer-scroll', container_module.drawerScroll),
+                                children: 'roles' === current ? /*#__PURE__*/ jsx(UserRoles, {
+                                    user: currentUser,
+                                    allRoles: allRoles,
+                                    initialRoleIds: currentUserRoles.map((r)=>r.id),
+                                    onClose: closeDrawer,
+                                    onSaved: handleRolesSaved
+                                }) : /*#__PURE__*/ jsx(Panel, {
+                                    user: currentUser,
+                                    onClose: closeDrawer,
+                                    onSuccess: handleSuccess
+                                })
+                            })
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx(Modal, {
+                isOpen: isModalOpen,
+                onDismiss: closeModal,
+                closeOnOverlayClick: false,
+                children: /*#__PURE__*/ jsxs(Modal.Container, {
+                    className: classnames('byline-admin-user-modal', container_module.modal),
+                    children: [
+                        /*#__PURE__*/ jsxs(Modal.Header, {
+                            className: classnames('byline-admin-user-modal-head', container_module.modalHead),
+                            children: [
+                                /*#__PURE__*/ jsx("h3", {
+                                    className: "m-0",
+                                    children: panels[current].title
+                                }),
+                                /*#__PURE__*/ jsx(IconButton, {
+                                    "aria-label": "Close",
+                                    size: "sm",
+                                    onClick: closeModal,
+                                    children: /*#__PURE__*/ jsx(CloseIcon, {
+                                        width: "14px",
+                                        height: "14px",
+                                        svgClassName: "white-icon"
+                                    })
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx(Panel, {
+                            user: currentUser,
+                            onClose: closeModal,
+                            onSuccess: handleSuccess
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+export { AccountContainer };

package/dist/admin-shell/admin-users/container.module.js

@@ -0,0 +1,22 @@
+import "./container_module.css";
+const container_module = {
+    grid: "grid-nBHDrL",
+    column: "column-J0OabL",
+    section: "section-R34Khp",
+    sectionHead: "sectionHead-PGlw6z",
+    line: "line-ZxSh_u",
+    lineSpaced: "lineSpaced-vW9jSV",
+    meta: "meta-xRLnxZ",
+    statusOn: "statusOn-pkaui4",
+    statusOff: "statusOff-ZHJPdj",
+    notSet: "notSet-c868TC",
+    roleList: "roleList-ExtJo8",
+    roleEmpty: "roleEmpty-hPiCNR",
+    roleBadge: "roleBadge-WC4NMj",
+    drawer: "drawer-mGlQb6",
+    drawerLarge: "drawerLarge-TviQRx",
+    drawerScroll: "drawerScroll-oMah5X",
+    modal: "modal-bnEv25",
+    modalHead: "modalHead-LNaBLq"
+};
+export default container_module;

package/dist/admin-shell/admin-users/container_module.css

@@ -0,0 +1,136 @@
+:is(.grid-nBHDrL, .byline-admin-user-grid) {
+  flex-direction: column;
+  gap: 1rem;
+  margin-bottom: 3rem;
+  display: flex;
+}
+
+@media (min-width: 40rem) {
+  :is(.grid-nBHDrL, .byline-admin-user-grid) {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    display: grid;
+  }
+}
+
+:is(.column-J0OabL, .byline-admin-user-column) {
+  flex-direction: column;
+  gap: 1rem;
+  margin-bottom: 1rem;
+  display: flex;
+}
+
+:is(.section-R34Khp, .byline-admin-user-section) {
+  border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
+  background-color: var(--canvas-25);
+  border-radius: .125rem;
+  padding: 1rem;
+}
+
+:is(:is([data-theme="dark"], .dark) .section-R34Khp, :is([data-theme="dark"], .dark) .byline-admin-user-section) {
+  border-color: var(--gray-700);
+  background-color: var(--canvas-800);
+}
+
+:is(.sectionHead-PGlw6z, .byline-admin-user-section-head) {
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: .5rem;
+  display: flex;
+}
+
+:is(.line-ZxSh_u, .byline-admin-user-line) {
+  margin-bottom: 0;
+}
+
+:is(.lineSpaced-vW9jSV, .byline-admin-user-line-spaced) {
+  margin-bottom: .75rem;
+}
+
+:is(.meta-xRLnxZ, .byline-admin-user-meta) {
+  margin-top: 1rem;
+  font-size: .75rem;
+}
+
+:is(.statusOn-pkaui4, .byline-admin-user-status-on) {
+  color: var(--green-600);
+}
+
+:is(.statusOff-ZHJPdj, .byline-admin-user-status-off) {
+  color: var(--red-600);
+}
+
+:is(:is([data-theme="dark"], .dark) .statusOn-pkaui4, :is([data-theme="dark"], .dark) .byline-admin-user-status-on) {
+  color: var(--green-400);
+}
+
+:is(:is([data-theme="dark"], .dark) .statusOff-ZHJPdj, :is([data-theme="dark"], .dark) .byline-admin-user-status-off) {
+  color: var(--red-400);
+}
+
+:is(.notSet-c868TC, .byline-admin-user-not-set) {
+  font-style: italic;
+}
+
+:is(.roleList-ExtJo8, .byline-admin-user-role-list) {
+  flex-wrap: wrap;
+  gap: .25rem;
+  margin-bottom: .75rem;
+  display: flex;
+}
+
+:is(.roleEmpty-hPiCNR, .byline-admin-user-role-empty) {
+  margin: 0;
+  font-style: italic;
+}
+
+:is(.roleBadge-WC4NMj, .byline-admin-user-role-badge) {
+  color: #1d4ed8;
+  background-color: #eff6ff;
+  border-radius: .125rem;
+  align-items: center;
+  padding: .125rem .5rem;
+  font-size: .75rem;
+  font-weight: 500;
+  display: inline-flex;
+}
+
+:is(:is([data-theme="dark"], .dark) .roleBadge-WC4NMj, :is([data-theme="dark"], .dark) .byline-admin-user-role-badge) {
+  color: #bfdbfe;
+  background-color: #1e3a8a66;
+}
+
+@media (min-width: 48rem) {
+  :is(.drawer-mGlQb6, .byline-admin-user-drawer) {
+    width: 500px;
+  }
+
+  :is(.drawerLarge-TviQRx, .byline-admin-user-drawer-large) {
+    width: 700px;
+  }
+}
+
+@media (min-width: 66rem) {
+  :is(.drawerLarge-TviQRx, .byline-admin-user-drawer-large) {
+    width: 800px;
+  }
+}
+
+:is(.drawerScroll-oMah5X, .byline-admin-user-drawer-scroll) {
+  max-height: calc(100vh - 160px);
+  overflow-y: auto;
+}
+
+@media (min-width: 40rem) {
+  :is(.modal-bnEv25, .byline-admin-user-modal) {
+    max-width: 550px;
+    margin-bottom: 6rem;
+  }
+}
+
+:is(.modalHead-LNaBLq, .byline-admin-user-modal-head) {
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 1rem;
+  display: flex;
+}
+

package/dist/admin-shell/admin-users/delete.d.ts

@@ -0,0 +1,9 @@
+import { type AdminUserResponse } from '../../server-fns/admin-users/index.js';
+interface DeleteUserProps {
+    user: AdminUserResponse;
+    onClose?: () => void;
+    onSuccess?: (user: AdminUserResponse) => void;
+}
+export declare function DeleteUser({ user, onClose }: DeleteUserProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=delete.d.ts.map

package/dist/admin-shell/admin-users/delete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete.d.ts","sourceRoot":"","sources":["../../../src/admin-shell/admin-users/delete.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAAE,KAAK,iBAAiB,EAAmB,MAAM,uCAAuC,CAAA;AAI/F,UAAU,eAAe;IACvB,IAAI,EAAE,iBAAiB,CAAA;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAA;CAC9C;AASD,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,eAAe,+BA6E5D"}