@byline/host-tanstack-start 0.9.3

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

@@ -0,0 +1,115 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useRouter } from "@tanstack/react-router";
+import { Alert, Button, LoaderEllipsis, Modal } from "@infonomic/uikit/react";
+import classnames from "classnames";
+import { deleteAdminUser } from "../../server-fns/admin-users/index.js";
+import { useNavigate } from "../chrome/loose-router.js";
+import delete_module from "./delete.module.js";
+function displayNameFor(user) {
+    const parts = [
+        user.given_name,
+        user.family_name
+    ].filter((part)=>'string' == typeof part && part.length > 0);
+    return parts.length > 0 ? parts.join(' ') : user.email;
+}
+function DeleteUser({ user, onClose }) {
+    const navigate = useNavigate();
+    const router = useRouter();
+    const [error, setError] = useState(null);
+    const [pending, setPending] = useState(false);
+    async function handleDelete() {
+        if (pending) return;
+        setPending(true);
+        setError(null);
+        try {
+            await deleteAdminUser({
+                data: {
+                    id: user.id,
+                    vid: user.vid
+                }
+            });
+            onClose?.();
+            await router.invalidate();
+            navigate({
+                to: '/admin/users'
+            });
+        } catch (err) {
+            const code = getErrorCode(err);
+            if ('admin.users.selfDeleteForbidden' === code) setError('You cannot delete your own admin account.');
+            else if ('admin.users.versionConflict' === code) setError('This user has been modified elsewhere since you opened this dialog. Close and reload before trying again.');
+            else 'admin.users.notFound' === code ? setError('This user has already been deleted.') : setError('Could not delete this admin user. Please try again.');
+            setPending(false);
+        }
+    }
+    return /*#__PURE__*/ jsxs(Modal.Content, {
+        className: classnames('byline-admin-user-delete-content', delete_module.content),
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: classnames('byline-admin-user-delete-body', delete_module.body),
+                children: [
+                    error ? /*#__PURE__*/ jsx(Alert, {
+                        intent: "danger",
+                        close: false,
+                        children: error
+                    }) : null,
+                    /*#__PURE__*/ jsxs("p", {
+                        className: classnames('byline-admin-user-delete-row', delete_module.row),
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                className: "muted",
+                                children: "User:"
+                            }),
+                            " ",
+                            displayNameFor(user)
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("p", {
+                        className: classnames('byline-admin-user-delete-row', delete_module.row),
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                className: "muted",
+                                children: "Email:"
+                            }),
+                            " ",
+                            user.email
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx("p", {
+                        className: classnames('byline-admin-user-delete-warning', delete_module.warning),
+                        children: "This will permanently delete the admin user. The action cannot be undone. Any active sessions will be invalidated at the next refresh."
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: classnames('byline-admin-user-delete-actions', delete_module.actions),
+                children: [
+                    /*#__PURE__*/ jsx(Button, {
+                        type: "button",
+                        intent: "secondary",
+                        size: "sm",
+                        onClick: onClose,
+                        disabled: pending,
+                        className: classnames('byline-admin-user-delete-button', delete_module.button),
+                        children: "Cancel"
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        size: "sm",
+                        intent: "danger",
+                        onClick: handleDelete,
+                        disabled: pending,
+                        className: classnames('byline-admin-user-delete-button', delete_module.button),
+                        children: true === pending ? /*#__PURE__*/ jsx(LoaderEllipsis, {
+                            size: 42
+                        }) : 'Delete User'
+                    })
+                ]
+            })
+        ]
+    });
+}
+function getErrorCode(err) {
+    return 'string' == typeof err?.code ? err.code : null;
+}
+export { DeleteUser };

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

@@ -0,0 +1,10 @@
+import "./delete_module.css";
+const delete_module = {
+    content: "content-PLOJda",
+    body: "body-HnBJV0",
+    row: "row-wckHy2",
+    warning: "warning-YpHtcA",
+    actions: "actions-kpLYuM",
+    button: "button-FxoGhX"
+};
+export default delete_module;

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

@@ -0,0 +1,35 @@
+:is(.content-PLOJda, .byline-admin-user-delete-content) {
+  gap: .25rem;
+}
+
+:is(.body-HnBJV0, .byline-admin-user-delete-body) {
+  flex-direction: column;
+  gap: .5rem;
+  display: flex;
+}
+
+:is(.row-wckHy2, .byline-admin-user-delete-row) {
+  margin: 0;
+}
+
+:is(.warning-YpHtcA, .byline-admin-user-delete-warning) {
+  color: var(--red-600);
+  margin-top: .75rem;
+}
+
+:is(:is([data-theme="dark"], .dark) .warning-YpHtcA, :is([data-theme="dark"], .dark) .byline-admin-user-delete-warning) {
+  color: var(--red-300);
+}
+
+:is(.actions-kpLYuM, .byline-admin-user-delete-actions) {
+  justify-content: flex-end;
+  align-items: center;
+  gap: .5rem;
+  margin-top: 1.5rem;
+  display: flex;
+}
+
+:is(.button-FxoGhX, .byline-admin-user-delete-button) {
+  min-width: 4rem;
+}
+

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

@@ -0,0 +1,13 @@
+import type { AdminUserListResponse } from '../../server-fns/admin-users/index.js';
+/**
+ * Admin-users list view.
+ *
+ * The server-fn layer returns `AdminUserListResponse` — rows already
+ * shaped via `toAdminUser`, meta for pagination. Sorting / searching /
+ * paging is expressed through URL search params; the route loader picks
+ * those up and re-queries.
+ */
+export declare function AdminUsersListView({ data }: {
+    data: AdminUserListResponse;
+}): import("react").JSX.Element;
+//# sourceMappingURL=list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/admin-shell/admin-users/list.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EACV,qBAAqB,EAEtB,MAAM,uCAAuC,CAAA;AAwE9C;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,qBAAqB,CAAA;CAAE,+BAkM3E"}

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

@@ -0,0 +1,328 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useRouter, useRouterState } from "@tanstack/react-router";
+import { CreateAdminUser, LocalDateTime } from "@byline/ui";
+import { CloseIcon, Container, Drawer, IconButton, PlusIcon, Search, Section, Select, Table, useToastManager } from "@infonomic/uikit/react";
+import classnames from "classnames";
+import { Link, useNavigate } from "../chrome/loose-router.js";
+import { RouterPager } from "../chrome/router-pager.js";
+import { TableHeadingCellSortable } from "../chrome/th-sortable.js";
+import { formatNumber } from "../chrome/utils.js";
+import list_module from "./list.module.js";
+const tableColumnDefs = [
+    {
+        fieldName: 'given_name',
+        label: 'Given Name',
+        path: '/admin/users',
+        sortable: true,
+        scope: 'col',
+        align: 'left',
+        className: 'byline-admin-users-list-col-given'
+    },
+    {
+        fieldName: 'family_name',
+        label: 'Family Name',
+        path: '/admin/users',
+        sortable: true,
+        scope: 'col',
+        align: 'left',
+        className: 'byline-admin-users-list-col-family'
+    },
+    {
+        fieldName: 'email',
+        label: 'Email',
+        path: '/admin/users',
+        sortable: true,
+        scope: 'col',
+        align: 'left',
+        className: 'byline-admin-users-list-col-email'
+    },
+    {
+        fieldName: 'updated_at',
+        label: 'Updated',
+        path: '/admin/users',
+        sortable: true,
+        scope: 'col',
+        align: 'right',
+        className: 'byline-admin-users-list-col-date'
+    },
+    {
+        fieldName: 'created_at',
+        label: 'Created',
+        path: '/admin/users',
+        sortable: true,
+        scope: 'col',
+        align: 'right',
+        className: 'byline-admin-users-list-col-date'
+    }
+];
+function Stats({ total }) {
+    return /*#__PURE__*/ jsx("span", {
+        className: classnames('byline-admin-users-list-stats', list_module.stats),
+        children: formatNumber(total, 0)
+    });
+}
+function padRows(value) {
+    return Array.from({
+        length: value
+    }).map((_, index)=>/*#__PURE__*/ jsx("div", {
+            className: classnames('byline-admin-users-list-pad-row', list_module.padRow),
+            children: "\xa0"
+        }, `empty-row-${index}`));
+}
+function AdminUsersListView({ data }) {
+    const navigate = useNavigate();
+    const router = useRouter();
+    const toastManager = useToastManager();
+    const pathname = useRouterState({
+        select: (s)=>s.location.pathname
+    });
+    const [isCreateDrawerOpen, setIsCreateDrawerOpen] = useState(false);
+    const openCreateDrawer = ()=>setIsCreateDrawerOpen(true);
+    const closeCreateDrawer = ()=>setIsCreateDrawerOpen(false);
+    const handleCreateSuccess = (created)=>{
+        setIsCreateDrawerOpen(false);
+        router.invalidate();
+        toastManager.add({
+            title: 'Admin user created',
+            description: created.email,
+            data: {
+                intent: 'success'
+            }
+        });
+    };
+    function updateSearch(patch) {
+        navigate({
+            to: pathname,
+            search: (current)=>{
+                const next = {
+                    ...current
+                };
+                for (const [key, value] of Object.entries(patch))if (null == value || '' === value) delete next[key];
+                else next[key] = value;
+                return next;
+            }
+        });
+    }
+    const handleOnSearch = (query)=>{
+        updateSearch({
+            page: void 0,
+            query: query.length > 0 ? query : void 0
+        });
+    };
+    const handleOnClear = ()=>{
+        updateSearch({
+            page: void 0,
+            query: void 0
+        });
+    };
+    const handleOnPageSizeChange = (value)=>{
+        const pageSize = String(value);
+        if (0 === pageSize.length) return;
+        updateSearch({
+            page: void 0,
+            page_size: Number(pageSize)
+        });
+    };
+    return /*#__PURE__*/ jsxs(Section, {
+        children: [
+            /*#__PURE__*/ jsxs(Container, {
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: classnames('byline-admin-users-list-head', list_module.head),
+                        children: [
+                            /*#__PURE__*/ jsx("h1", {
+                                className: classnames('byline-admin-users-list-title', list_module.title),
+                                children: "Admin Users"
+                            }),
+                            /*#__PURE__*/ jsx(Stats, {
+                                total: data.meta.total
+                            }),
+                            /*#__PURE__*/ jsx(IconButton, {
+                                "aria-label": "Create New Admin User",
+                                onClick: openCreateDrawer,
+                                children: /*#__PURE__*/ jsx(PlusIcon, {
+                                    height: "18px",
+                                    width: "18px",
+                                    svgClassName: "stroke-white"
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: classnames('byline-admin-users-list-options', list_module.options),
+                        children: [
+                            /*#__PURE__*/ jsx(Search, {
+                                onSearch: handleOnSearch,
+                                onClear: handleOnClear,
+                                inputSize: "sm",
+                                placeholder: "Search by name or email",
+                                className: classnames('byline-admin-users-list-search', list_module.search)
+                            }),
+                            /*#__PURE__*/ jsx(RouterPager, {
+                                page: data.meta.page,
+                                count: data.meta.total_pages,
+                                showFirstButton: true,
+                                showLastButton: true,
+                                componentName: "pagerTop",
+                                "aria-label": "Top Pager"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs(Table.Container, {
+                        className: classnames('byline-admin-users-list-table-wrap', list_module.tableWrap),
+                        children: [
+                            /*#__PURE__*/ jsxs(Table, {
+                                children: [
+                                    /*#__PURE__*/ jsx(Table.Header, {
+                                        children: /*#__PURE__*/ jsx(Table.Row, {
+                                            children: tableColumnDefs.map((column)=>/*#__PURE__*/ jsx(TableHeadingCellSortable, {
+                                                    ...column,
+                                                    ref: void 0
+                                                }, column.fieldName))
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx(Table.Body, {
+                                        children: data.users.map((user)=>/*#__PURE__*/ jsxs(Table.Row, {
+                                                className: classnames({
+                                                    'byline-admin-users-list-disabled': !user.is_enabled,
+                                                    [list_module.disabled]: !user.is_enabled
+                                                }),
+                                                children: [
+                                                    /*#__PURE__*/ jsx(Table.Cell, {
+                                                        children: /*#__PURE__*/ jsx(Link, {
+                                                            to: '/admin/users/$id',
+                                                            params: {
+                                                                id: user.id
+                                                            },
+                                                            children: user.given_name ?? /*#__PURE__*/ jsx("span", {
+                                                                className: classnames('muted byline-admin-users-list-not-set', list_module.notSet),
+                                                                children: "Not set"
+                                                            })
+                                                        })
+                                                    }),
+                                                    /*#__PURE__*/ jsx(Table.Cell, {
+                                                        children: user.family_name ?? /*#__PURE__*/ jsx("span", {
+                                                            className: classnames('muted byline-admin-users-list-not-set', list_module.notSet),
+                                                            children: "Not set"
+                                                        })
+                                                    }),
+                                                    /*#__PURE__*/ jsx(Table.Cell, {
+                                                        children: user.email
+                                                    }),
+                                                    /*#__PURE__*/ jsx(Table.Cell, {
+                                                        className: classnames('byline-admin-users-list-cell-right', list_module.cellRight),
+                                                        children: /*#__PURE__*/ jsx(LocalDateTime, {
+                                                            value: user.updated_at
+                                                        })
+                                                    }),
+                                                    /*#__PURE__*/ jsx(Table.Cell, {
+                                                        className: classnames('byline-admin-users-list-cell-right', list_module.cellRight),
+                                                        children: /*#__PURE__*/ jsx(LocalDateTime, {
+                                                            value: user.created_at
+                                                        })
+                                                    })
+                                                ]
+                                            }, user.id))
+                                    })
+                                ]
+                            }),
+                            padRows(Math.max(0, 6 - data.users.length))
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: classnames('byline-admin-users-list-options byline-admin-users-list-options-bottom', list_module.options, list_module.optionsBottom),
+                        children: [
+                            /*#__PURE__*/ jsx(Select, {
+                                containerClassName: classnames('byline-admin-users-list-page-size', list_module.pageSize),
+                                id: "page_size",
+                                name: "page_size",
+                                size: "sm",
+                                defaultValue: String(data.meta.page_size),
+                                onValueChange: handleOnPageSizeChange,
+                                items: [
+                                    {
+                                        value: '10',
+                                        label: '10'
+                                    },
+                                    {
+                                        value: '20',
+                                        label: '20'
+                                    },
+                                    {
+                                        value: '50',
+                                        label: '50'
+                                    },
+                                    {
+                                        value: '100',
+                                        label: '100'
+                                    }
+                                ]
+                            }),
+                            /*#__PURE__*/ jsx(RouterPager, {
+                                smoothScrollToTop: true,
+                                page: data.meta.page,
+                                count: data.meta.total_pages,
+                                showFirstButton: true,
+                                showLastButton: true,
+                                componentName: "pagerBottom",
+                                "aria-label": "Bottom Pager"
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Drawer, {
+                id: "admin-users-create-drawer",
+                closeOnOverlayClick: false,
+                width: "medium",
+                topOffset: "50px",
+                isOpen: isCreateDrawerOpen,
+                onDismiss: closeCreateDrawer,
+                className: classnames('byline-admin-users-list-drawer', list_module.drawer),
+                children: /*#__PURE__*/ jsxs(Drawer.Container, {
+                    "aria-hidden": !isCreateDrawerOpen,
+                    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: closeCreateDrawer,
+                                    children: /*#__PURE__*/ jsx(CloseIcon, {
+                                        width: "14px",
+                                        height: "14px",
+                                        svgClassName: "white-icon stroke-white"
+                                    })
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx(Drawer.Header, {
+                            children: /*#__PURE__*/ jsx("h2", {
+                                children: "New Admin User"
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Drawer.Content, {
+                            children: /*#__PURE__*/ jsx("div", {
+                                className: classnames('byline-admin-users-list-drawer-scroll', list_module.drawerScroll),
+                                children: /*#__PURE__*/ jsx(CreateAdminUser, {
+                                    onClose: closeCreateDrawer,
+                                    onSuccess: handleCreateSuccess
+                                })
+                            })
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+export { AdminUsersListView };

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

@@ -0,0 +1,22 @@
+import "./list_module.css";
+const list_module = {
+    head: "head-solAK6",
+    title: "title-NDEZhi",
+    stats: "stats-CFepbN",
+    options: "options-D8UHij",
+    optionsBottom: "optionsBottom-OGuDgY",
+    search: "search-sNvus0",
+    pageSize: "pageSize-LvAS5k",
+    tableWrap: "tableWrap-BugdQX",
+    cellRight: "cellRight-d9yFaV",
+    notSet: "notSet-tuuMnO",
+    padRow: "padRow-WhFX_n",
+    disabled: "disabled-T8rwPk",
+    colGiven: "colGiven-IeVbug",
+    colFamily: "colFamily-KBf_jv",
+    colEmail: "colEmail-LgVtAz",
+    colDate: "colDate-MNe4i9",
+    drawer: "drawer-fjY2LQ",
+    drawerScroll: "drawerScroll-Wx9W1R"
+};
+export default list_module;

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

@@ -0,0 +1,112 @@
+:is(.head-solAK6, .byline-admin-users-list-head) {
+  align-items: center;
+  gap: .75rem;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  display: flex;
+}
+
+:is(.title-NDEZhi, .byline-admin-users-list-title) {
+  margin: 0;
+  padding-bottom: 2px;
+}
+
+:is(.stats-CFepbN, .byline-admin-users-list-stats) {
+  white-space: nowrap;
+  background-color: var(--gray-25);
+  border: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
+  border-radius: .375rem;
+  justify-content: center;
+  align-items: center;
+  min-width: 28px;
+  height: 28px;
+  margin-bottom: -4px;
+  margin-right: auto;
+  padding: 5px 6px;
+  font-size: .875rem;
+  line-height: 0;
+  display: flex;
+}
+
+:is(:is([data-theme="dark"], .dark) .stats-CFepbN, :is([data-theme="dark"], .dark) .byline-admin-users-list-stats) {
+  background-color: var(--canvas-700);
+}
+
+:is(.options-D8UHij, .byline-admin-users-list-options) {
+  flex-direction: column;
+  align-items: flex-start;
+  gap: .5rem;
+  margin-top: .75rem;
+  margin-bottom: .75rem;
+  display: flex;
+}
+
+@media (min-width: 40rem) {
+  :is(.options-D8UHij, .byline-admin-users-list-options) {
+    flex-direction: row;
+    align-items: center;
+  }
+}
+
+:is(.optionsBottom-OGuDgY, .byline-admin-users-list-options-bottom) {
+  margin-top: 0;
+  margin-bottom: 1.25rem;
+}
+
+:is(.search-sNvus0, .byline-admin-users-list-search) {
+  width: 100%;
+  max-width: 350px;
+  margin-right: auto;
+}
+
+@media (min-width: 40rem) {
+  :is(.pageSize-LvAS5k, .byline-admin-users-list-page-size) {
+    margin-left: auto;
+  }
+}
+
+:is(.tableWrap-BugdQX, .byline-admin-users-list-table-wrap) {
+  margin-top: .5rem;
+  margin-bottom: .75rem;
+}
+
+:is(.cellRight-d9yFaV, .byline-admin-users-list-cell-right) {
+  text-align: right;
+}
+
+:is(.notSet-tuuMnO, .byline-admin-users-list-not-set) {
+  font-style: italic;
+}
+
+:is(.padRow-WhFX_n, .byline-admin-users-list-pad-row) {
+  border: 0;
+  height: 32px;
+}
+
+:is(.disabled-T8rwPk, .byline-admin-users-list-disabled) {
+  color: #ef4444;
+}
+
+:is(.colGiven-IeVbug, .byline-admin-users-list-col-given), :is(.colFamily-KBf_jv, .byline-admin-users-list-col-family) {
+  width: 18%;
+}
+
+:is(.colEmail-LgVtAz, .byline-admin-users-list-col-email) {
+  width: 28%;
+}
+
+:is(.colDate-MNe4i9, .byline-admin-users-list-col-date) {
+  width: 18%;
+}
+
+@media (min-width: 48rem) {
+  :is(.drawer-fjY2LQ, .byline-admin-users-list-drawer) {
+    width: 600px;
+  }
+}
+
+:is(.drawerScroll-Wx9W1R, .byline-admin-users-list-drawer-scroll) {
+  max-height: calc(100vh - 160px);
+  overflow-y: auto;
+}
+

package/dist/admin-shell/chrome/admin-app-bar.d.ts

@@ -0,0 +1,7 @@
+import { type CurrentAdminUser } from '../../server-fns/auth/index.js';
+interface AdminAppBarProps {
+    user: CurrentAdminUser;
+}
+export declare function AdminAppBar({ user }: AdminAppBarProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=admin-app-bar.d.ts.map

package/dist/admin-shell/chrome/admin-app-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-app-bar.d.ts","sourceRoot":"","sources":["../../../src/admin-shell/chrome/admin-app-bar.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AAMpF,UAAU,gBAAgB;IACxB,IAAI,EAAE,gBAAgB,CAAA;CACvB;AASD,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,gBAAgB,+BAyCrD"}