@byline/host-tanstack-start 0.9.3

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

@@ -0,0 +1,259 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useRouter } from "@tanstack/react-router";
+import { LocalDateTime, RolePermissions, UpdateRole } from "@byline/ui";
+import { Button, CloseIcon, Drawer, IconButton, Modal, useToastManager } from "@infonomic/uikit/react";
+import classnames from "classnames";
+import container_module from "./container.module.js";
+import { DeleteRole } from "./delete.js";
+const panels = {
+    update: {
+        title: 'Role Details',
+        component: UpdateRole
+    },
+    delete_role: {
+        title: 'Delete Admin Role',
+        component: DeleteRole
+    },
+    empty: {
+        title: '',
+        component: ()=>null
+    }
+};
+function RoleContainer({ role, registered, initialAbilities }) {
+    const router = useRouter();
+    const toastManager = useToastManager();
+    const [currentRole, setCurrentRole] = useState(role);
+    const [currentAbilities, setCurrentAbilities] = useState(initialAbilities);
+    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)=>{
+        setCurrentRole(updated);
+    };
+    const handlePermissionsSaved = (response)=>{
+        setCurrentAbilities(response.abilities);
+        router.invalidate();
+        toastManager.add({
+            title: 'Permissions saved',
+            description: `${response.abilities.length} abilities granted to ${currentRole.name}.`,
+            data: {
+                intent: 'success'
+            }
+        });
+    };
+    const Panel = panels[current].component;
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: classnames('byline-role-detail-card', container_module.card),
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: classnames('byline-role-detail-head', container_module.head),
+                        children: [
+                            /*#__PURE__*/ jsx("h2", {
+                                className: classnames('byline-role-detail-title', container_module.title),
+                                children: "Role Details"
+                            }),
+                            /*#__PURE__*/ jsxs("div", {
+                                className: classnames('byline-role-detail-actions', container_module.actions),
+                                children: [
+                                    /*#__PURE__*/ jsx(Button, {
+                                        size: "xs",
+                                        intent: "secondary",
+                                        onClick: openDrawer('update'),
+                                        children: "Edit Details"
+                                    }),
+                                    /*#__PURE__*/ jsx(Button, {
+                                        size: "xs",
+                                        intent: "danger",
+                                        onClick: openModal('delete_role'),
+                                        children: "Delete Role"
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: classnames('byline-role-detail-grid', container_module.grid),
+                        children: [
+                            /*#__PURE__*/ jsxs("p", {
+                                className: classnames('byline-role-detail-row', container_module.row),
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "muted",
+                                        children: "Name:"
+                                    }),
+                                    " ",
+                                    currentRole.name
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("p", {
+                                className: classnames('byline-role-detail-row', container_module.row),
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "muted",
+                                        children: "Machine name:"
+                                    }),
+                                    " ",
+                                    currentRole.machine_name
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("p", {
+                                className: classnames('byline-role-detail-row byline-role-detail-grid-full', container_module.row, container_module.gridFull),
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "muted",
+                                        children: "Description:"
+                                    }),
+                                    ' ',
+                                    currentRole.description ?? /*#__PURE__*/ jsx("span", {
+                                        className: classnames('muted byline-role-detail-not-set', container_module.notSet),
+                                        children: "Not set"
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: classnames('muted byline-role-detail-meta', container_module.meta),
+                        children: [
+                            /*#__PURE__*/ jsxs("p", {
+                                className: classnames('byline-role-detail-row', container_module.row),
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "font-bold",
+                                        children: "Created:\xa0"
+                                    }),
+                                    /*#__PURE__*/ jsx(LocalDateTime, {
+                                        value: currentRole.created_at
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("p", {
+                                className: classnames('byline-role-detail-row', container_module.row),
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "font-bold",
+                                        children: "Updated:\xa0"
+                                    }),
+                                    /*#__PURE__*/ jsx(LocalDateTime, {
+                                        value: currentRole.updated_at
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(RolePermissions, {
+                role: currentRole,
+                registered: registered,
+                initialAbilities: currentAbilities,
+                onSaved: handlePermissionsSaved
+            }),
+            /*#__PURE__*/ jsx(Drawer, {
+                id: "admin-role-drawer",
+                closeOnOverlayClick: false,
+                width: "medium",
+                topOffset: "46px",
+                isOpen: isDrawerOpen,
+                onDismiss: closeDrawer,
+                className: classnames('byline-role-detail-drawer', container_module.drawer),
+                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-role-detail-drawer-content', container_module.drawerContent),
+                                children: /*#__PURE__*/ jsx(Panel, {
+                                    role: currentRole,
+                                    onClose: closeDrawer,
+                                    onSuccess: handleSuccess
+                                })
+                            })
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx(Modal, {
+                isOpen: isModalOpen,
+                onDismiss: closeModal,
+                closeOnOverlayClick: false,
+                children: /*#__PURE__*/ jsxs(Modal.Container, {
+                    className: classnames('byline-role-detail-modal', container_module.modal),
+                    children: [
+                        /*#__PURE__*/ jsxs(Modal.Header, {
+                            className: classnames('byline-role-detail-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, {
+                            role: currentRole,
+                            onClose: closeModal,
+                            onSuccess: handleSuccess
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+export { RoleContainer };

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

@@ -0,0 +1,17 @@
+import "./container_module.css";
+const container_module = {
+    card: "card-glD1iI",
+    head: "head-uuMT0C",
+    actions: "actions-wqeS5n",
+    title: "title-zAMNLo",
+    grid: "grid-uVLLml",
+    gridFull: "gridFull-poMPwn",
+    row: "row-DwUCaD",
+    meta: "meta-i09RAH",
+    notSet: "notSet-j4BgOv",
+    drawerContent: "drawerContent-K5wE40",
+    drawer: "drawer-OkhPiR",
+    modal: "modal-UVJdsy",
+    modalHead: "modalHead-uhbg3i"
+};
+export default container_module;

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

@@ -0,0 +1,93 @@
+:is(.card-glD1iI, .byline-role-detail-card) {
+  border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
+  background-color: var(--canvas-25);
+  border-radius: .125rem;
+  margin-bottom: 1.5rem;
+  padding: 1rem;
+}
+
+:is(:is([data-theme="dark"], .dark) .card-glD1iI, :is([data-theme="dark"], .dark) .byline-role-detail-card) {
+  border-color: var(--gray-700);
+  background-color: var(--canvas-800);
+}
+
+:is(.head-uuMT0C, .byline-role-detail-head) {
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: .75rem;
+  margin-bottom: .75rem;
+  display: flex;
+}
+
+:is(.actions-wqeS5n, .byline-role-detail-actions) {
+  align-items: center;
+  gap: .5rem;
+  display: flex;
+}
+
+:is(.title-zAMNLo, .byline-role-detail-title) {
+  margin: 0;
+}
+
+:is(.grid-uVLLml, .byline-role-detail-grid) {
+  gap: .25rem;
+  display: grid;
+}
+
+@media (min-width: 40rem) {
+  :is(.grid-uVLLml, .byline-role-detail-grid) {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  :is(.gridFull-poMPwn, .byline-role-detail-grid-full) {
+    grid-column: span 2 / span 2;
+  }
+}
+
+:is(.row-DwUCaD, .byline-role-detail-row) {
+  margin: 0;
+}
+
+:is(.meta-i09RAH, .byline-role-detail-meta) {
+  gap: .25rem;
+  margin-top: .75rem;
+  font-size: .75rem;
+  display: grid;
+}
+
+@media (min-width: 40rem) {
+  :is(.meta-i09RAH, .byline-role-detail-meta) {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+:is(.notSet-j4BgOv, .byline-role-detail-not-set) {
+  font-style: italic;
+}
+
+:is(.drawerContent-K5wE40, .byline-role-detail-drawer-content) {
+  max-height: calc(100vh - 160px);
+  overflow-y: auto;
+}
+
+@media (min-width: 48rem) {
+  :is(.drawer-OkhPiR, .byline-role-detail-drawer) {
+    width: 500px;
+  }
+}
+
+@media (min-width: 40rem) {
+  :is(.modal-UVJdsy, .byline-role-detail-modal) {
+    max-width: 550px;
+    margin-bottom: 6rem;
+  }
+}
+
+:is(.modalHead-uhbg3i, .byline-role-detail-modal-head) {
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 1rem;
+  display: flex;
+}
+

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"delete.d.ts","sourceRoot":"","sources":["../../../src/admin-shell/admin-roles/delete.tsx"],"names":[],"mappings":"AAyBA,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;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,eAAe,+BA2E5D"}

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

@@ -0,0 +1,107 @@
+"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 { deleteAdminRole } from "../../server-fns/admin-roles/index.js";
+import { useNavigate } from "../chrome/loose-router.js";
+import delete_module from "./delete.module.js";
+function DeleteRole({ role, 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 deleteAdminRole({
+                data: {
+                    id: role.id,
+                    vid: role.vid
+                }
+            });
+            onClose?.();
+            await router.invalidate();
+            navigate({
+                to: '/admin/roles'
+            });
+        } catch (err) {
+            const code = getErrorCode(err);
+            if ('admin.roles.versionConflict' === code) setError('This role has been modified elsewhere since you opened this dialog. Close and reload before trying again.');
+            else 'admin.roles.notFound' === code ? setError('This role has already been deleted.') : setError('Could not delete this role. Please try again.');
+            setPending(false);
+        }
+    }
+    return /*#__PURE__*/ jsxs(Modal.Content, {
+        className: classnames('byline-role-delete-content', delete_module.content),
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: classnames('byline-role-delete-body', delete_module.body),
+                children: [
+                    error ? /*#__PURE__*/ jsx(Alert, {
+                        intent: "danger",
+                        close: false,
+                        children: error
+                    }) : null,
+                    /*#__PURE__*/ jsxs("p", {
+                        className: classnames('byline-role-delete-row', delete_module.row),
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                className: "muted",
+                                children: "Role:"
+                            }),
+                            " ",
+                            role.name
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("p", {
+                        className: classnames('byline-role-delete-row', delete_module.row),
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                className: "muted",
+                                children: "Machine name:"
+                            }),
+                            " ",
+                            role.machine_name
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx("p", {
+                        className: classnames('byline-role-delete-warning', delete_module.warning),
+                        children: "This will permanently delete the role. Any users assigned to it lose the role; any per-role ability grants are removed. The action cannot be undone."
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: classnames('byline-role-delete-actions', delete_module.actions),
+                children: [
+                    /*#__PURE__*/ jsx(Button, {
+                        type: "button",
+                        intent: "secondary",
+                        size: "sm",
+                        onClick: onClose,
+                        disabled: pending,
+                        className: classnames('byline-role-delete-button', delete_module.button),
+                        children: "Cancel"
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        size: "sm",
+                        intent: "danger",
+                        onClick: handleDelete,
+                        disabled: pending,
+                        className: classnames('byline-role-delete-button', delete_module.button),
+                        children: true === pending ? /*#__PURE__*/ jsx(LoaderEllipsis, {
+                            size: 42
+                        }) : 'Delete Role'
+                    })
+                ]
+            })
+        ]
+    });
+}
+function getErrorCode(err) {
+    return 'string' == typeof err?.code ? err.code : null;
+}
+export { DeleteRole };

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

@@ -0,0 +1,10 @@
+import "./delete_module.css";
+const delete_module = {
+    content: "content-MyS85J",
+    body: "body-_CDaPY",
+    row: "row-OH2svT",
+    warning: "warning-pdOBqF",
+    actions: "actions-GBQeIV",
+    button: "button-F5hAWF"
+};
+export default delete_module;

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

@@ -0,0 +1,35 @@
+:is(.content-MyS85J, .byline-role-delete-content) {
+  gap: .25rem;
+}
+
+:is(.body-_CDaPY, .byline-role-delete-body) {
+  flex-direction: column;
+  gap: .5rem;
+  display: flex;
+}
+
+:is(.row-OH2svT, .byline-role-delete-row) {
+  margin: 0;
+}
+
+:is(.warning-pdOBqF, .byline-role-delete-warning) {
+  color: var(--red-600);
+  margin-top: .75rem;
+}
+
+:is(:is([data-theme="dark"], .dark) .warning-pdOBqF, :is([data-theme="dark"], .dark) .byline-role-delete-warning) {
+  color: var(--red-300);
+}
+
+:is(.actions-GBQeIV, .byline-role-delete-actions) {
+  justify-content: flex-end;
+  align-items: center;
+  gap: .5rem;
+  margin-top: 1.5rem;
+  display: flex;
+}
+
+:is(.button-F5hAWF, .byline-role-delete-button) {
+  min-width: 4rem;
+}
+

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

@@ -0,0 +1,25 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+/**
+ * Admin-roles list view.
+ *
+ * Two distinguishing features vs. admin-users:
+ *  - **No search/sort/pagination.** The role set is small by design;
+ *    presentation order is editorial via drag-and-drop.
+ *  - **Drag-to-reorder.** Re-ordered ids are sent to `reorderAdminRoles`
+ *    on Save; the Save button only appears once an order change exists.
+ *
+ * Optimistic UI: the local `items` state is updated immediately on drag
+ * end. If the server rejects the reorder we revert and surface a toast.
+ */
+import type React from 'react';
+import type { AdminRoleListResponse } from '../../server-fns/admin-roles/index.js';
+export declare function AdminRolesListView({ data }: {
+    data: AdminRoleListResponse;
+}): React.JSX.Element;
+//# sourceMappingURL=list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/admin-shell/admin-roles/list.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA8B9B,OAAO,KAAK,EACV,qBAAqB,EAEtB,MAAM,uCAAuC,CAAA;AA0E9C,wBAAgB,kBAAkB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,qBAAqB,CAAA;CAAE,qBAiL3E"}