@byline/host-tanstack-start 0.9.3

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

@@ -0,0 +1,292 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useRouter } from "@tanstack/react-router";
+import { CreateAdminRole, DraggableSortable, LocalDateTime, moveItem, useSortable } from "@byline/ui";
+import { Button, CloseIcon, Container, Drawer, GripperVerticalIcon, IconButton, LoaderEllipsis, PlusIcon, Section, Table, useToastManager } from "@infonomic/uikit/react";
+import classnames from "classnames";
+import { reorderAdminRoles } from "../../server-fns/admin-roles/reorder.js";
+import { Link } from "../chrome/loose-router.js";
+import { formatNumber } from "../chrome/utils.js";
+import list_module from "./list.module.js";
+function Stats({ total }) {
+    return /*#__PURE__*/ jsx("span", {
+        className: classnames('byline-roles-list-stats', list_module.stats),
+        children: formatNumber(total, 0)
+    });
+}
+const DraggableRow = ({ item, disabled })=>{
+    const { attributes, isDragging, listeners, setNodeRef, transform, transition } = useSortable({
+        id: item.id,
+        disabled,
+        transition: {
+            duration: 250,
+            easing: 'cubic-bezier(0, 0.2, 0.2, 1)'
+        }
+    });
+    return /*#__PURE__*/ jsxs(Table.Row, {
+        ref: setNodeRef,
+        style: {
+            transform: transform ? `translate3d(${transform.x}px, ${transform.y}px, 0)` : void 0,
+            transition,
+            zIndex: isDragging ? 10 : 'auto'
+        },
+        children: [
+            /*#__PURE__*/ jsx(Table.Cell, {
+                className: classnames('byline-roles-list-grip-cell', list_module.gripCell),
+                children: /*#__PURE__*/ jsx("div", {
+                    className: classnames('byline-roles-list-grip', list_module.grip),
+                    ...attributes,
+                    ...listeners,
+                    children: /*#__PURE__*/ jsx(GripperVerticalIcon, {})
+                })
+            }),
+            /*#__PURE__*/ jsx(Table.Cell, {
+                children: /*#__PURE__*/ jsx(Link, {
+                    to: '/admin/roles/$id',
+                    params: {
+                        id: item.id
+                    },
+                    children: item.name
+                })
+            }),
+            /*#__PURE__*/ jsx(Table.Cell, {
+                children: item.machine_name
+            }),
+            /*#__PURE__*/ jsx(Table.Cell, {
+                children: item.description ?? /*#__PURE__*/ jsx("span", {
+                    className: classnames('muted byline-roles-list-not-set', list_module.notSet),
+                    children: "Not set"
+                })
+            }),
+            /*#__PURE__*/ jsx(Table.Cell, {
+                className: classnames('byline-roles-list-cell-right', list_module.cellRight),
+                children: /*#__PURE__*/ jsx(LocalDateTime, {
+                    value: item.created_at
+                })
+            })
+        ]
+    });
+};
+function padRows(value) {
+    return Array.from({
+        length: value
+    }).map((_, index)=>/*#__PURE__*/ jsx("div", {
+            className: classnames('byline-roles-list-pad-row', list_module.padRow),
+            children: "\xa0"
+        }, `empty-row-${index}`));
+}
+function AdminRolesListView({ data }) {
+    const router = useRouter();
+    const toastManager = useToastManager();
+    const [items, setItems] = useState(data.roles);
+    const [orderChanged, setOrderChanged] = useState(false);
+    const [isSaving, setIsSaving] = useState(false);
+    const [isCreateDrawerOpen, setIsCreateDrawerOpen] = useState(false);
+    useEffect(()=>{
+        if (!orderChanged) setItems(data.roles);
+    }, [
+        data.roles,
+        orderChanged
+    ]);
+    const openCreateDrawer = ()=>setIsCreateDrawerOpen(true);
+    const closeCreateDrawer = ()=>setIsCreateDrawerOpen(false);
+    const handleCreateSuccess = (created)=>{
+        setIsCreateDrawerOpen(false);
+        router.invalidate();
+        toastManager.add({
+            title: 'Admin role created',
+            description: created.name,
+            data: {
+                intent: 'success'
+            }
+        });
+    };
+    const handleOnDragEnd = ({ moveFromIndex, moveToIndex })=>{
+        if (moveFromIndex < 0 || moveToIndex < 0 || moveFromIndex === moveToIndex) return;
+        setItems((current)=>moveItem(current, moveFromIndex, moveToIndex));
+        setOrderChanged(true);
+    };
+    async function handleOnSave(event) {
+        event.preventDefault();
+        if (isSaving) return;
+        setIsSaving(true);
+        const previousItems = items;
+        try {
+            await reorderAdminRoles({
+                data: {
+                    ids: items.map((role)=>role.id)
+                }
+            });
+            setOrderChanged(false);
+            router.invalidate();
+            toastManager.add({
+                title: 'Order saved',
+                data: {
+                    intent: 'success'
+                }
+            });
+        } catch (_err) {
+            setItems(previousItems);
+            setOrderChanged(false);
+            toastManager.add({
+                title: 'Could not save the new order',
+                description: 'Please try again.',
+                data: {
+                    intent: 'danger'
+                }
+            });
+        } finally{
+            setIsSaving(false);
+        }
+    }
+    return /*#__PURE__*/ jsxs(Section, {
+        children: [
+            /*#__PURE__*/ jsxs(Container, {
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: classnames('byline-roles-list-head', list_module.head),
+                        children: [
+                            /*#__PURE__*/ jsx("h1", {
+                                className: classnames('byline-roles-list-title', list_module.title),
+                                children: "Admin Roles"
+                            }),
+                            /*#__PURE__*/ jsx(Stats, {
+                                total: data.roles.length
+                            }),
+                            /*#__PURE__*/ jsx(IconButton, {
+                                "aria-label": "Create New Admin Role",
+                                onClick: openCreateDrawer,
+                                children: /*#__PURE__*/ jsx(PlusIcon, {
+                                    height: "18px",
+                                    width: "18px",
+                                    svgClassName: "stroke-white"
+                                })
+                            })
+                        ]
+                    }),
+                    0 === items.length ? /*#__PURE__*/ jsx("div", {
+                        className: classnames('byline-roles-list-empty', list_module.empty),
+                        children: "No admin roles found"
+                    }) : /*#__PURE__*/ jsx(DraggableSortable, {
+                        ids: items.map((item)=>item.id),
+                        onDragEnd: handleOnDragEnd,
+                        children: /*#__PURE__*/ jsxs(Table.Container, {
+                            className: classnames('byline-roles-list-table-wrap', list_module.tableWrap),
+                            children: [
+                                /*#__PURE__*/ jsxs(Table, {
+                                    children: [
+                                        /*#__PURE__*/ jsx(Table.Header, {
+                                            children: /*#__PURE__*/ jsxs(Table.Row, {
+                                                children: [
+                                                    /*#__PURE__*/ jsx(Table.HeadingCell, {
+                                                        className: classnames('byline-roles-list-col-drag', list_module.colDrag)
+                                                    }),
+                                                    /*#__PURE__*/ jsx(Table.HeadingCell, {
+                                                        className: classnames('byline-roles-list-col-name', list_module.colName),
+                                                        children: "Name"
+                                                    }),
+                                                    /*#__PURE__*/ jsx(Table.HeadingCell, {
+                                                        className: classnames('byline-roles-list-col-machine', list_module.colMachine),
+                                                        children: "Machine Name"
+                                                    }),
+                                                    /*#__PURE__*/ jsx(Table.HeadingCell, {
+                                                        className: classnames("byline-roles-list-col-description", list_module.colDescription),
+                                                        children: "Description"
+                                                    }),
+                                                    /*#__PURE__*/ jsx(Table.HeadingCell, {
+                                                        className: classnames('byline-roles-list-col-created', list_module.colCreated),
+                                                        children: "Created"
+                                                    })
+                                                ]
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsx(Table.Body, {
+                                            children: items.map((role)=>/*#__PURE__*/ jsx(DraggableRow, {
+                                                    item: role,
+                                                    disabled: isSaving
+                                                }, role.id))
+                                        })
+                                    ]
+                                }),
+                                padRows(Math.max(0, 6 - items.length))
+                            ]
+                        })
+                    }),
+                    orderChanged ? /*#__PURE__*/ jsx("div", {
+                        className: classnames('byline-roles-list-save', list_module.save),
+                        children: /*#__PURE__*/ jsx("form", {
+                            onSubmit: handleOnSave,
+                            noValidate: true,
+                            className: classnames('byline-roles-list-save-form', list_module.saveForm),
+                            children: /*#__PURE__*/ jsx("div", {
+                                className: classnames('byline-roles-list-save-actions', list_module.saveActions),
+                                children: /*#__PURE__*/ jsx(Button, {
+                                    type: "submit",
+                                    size: "sm",
+                                    disabled: isSaving,
+                                    children: isSaving ? /*#__PURE__*/ jsx(LoaderEllipsis, {
+                                        size: 30,
+                                        color: "#aaaaaa"
+                                    }) : /*#__PURE__*/ jsx("span", {
+                                        children: "Save Order"
+                                    })
+                                })
+                            })
+                        })
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ jsx(Drawer, {
+                id: "admin-roles-create-drawer",
+                closeOnOverlayClick: false,
+                width: "medium",
+                topOffset: "50px",
+                isOpen: isCreateDrawerOpen,
+                onDismiss: closeCreateDrawer,
+                className: classnames('byline-roles-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 Role"
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Drawer.Content, {
+                            children: /*#__PURE__*/ jsx("div", {
+                                className: classnames('byline-roles-list-drawer-scroll', list_module.drawerScroll),
+                                children: /*#__PURE__*/ jsx(CreateAdminRole, {
+                                    onClose: closeCreateDrawer,
+                                    onSuccess: handleCreateSuccess
+                                })
+                            })
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+export { AdminRolesListView };

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

@@ -0,0 +1,24 @@
+import "./list_module.css";
+const list_module = {
+    head: "head-tRBRIb",
+    title: "title-ilh9WE",
+    stats: "stats-VFYS9x",
+    empty: "empty-XuyCPn",
+    grip: "grip-rc06aa",
+    notSet: "notSet-HnK_cm",
+    padRow: "padRow-WexdIw",
+    tableWrap: "tableWrap-DszpnZ",
+    colDrag: "colDrag-PIiXbG",
+    colName: "colName-iPo5OD",
+    colMachine: "colMachine-ziA8MI",
+    colDescription: "colDescription-IBoY_U",
+    colCreated: "colCreated-brEUbj",
+    gripCell: "gripCell-HaqEID",
+    cellRight: "cellRight-dtJUMm",
+    save: "save-m3M58Y",
+    saveForm: "saveForm-T5QwcC",
+    saveActions: "saveActions-rLzw8I",
+    drawerScroll: "drawerScroll-faHlwB",
+    drawer: "drawer-Ipy39E"
+};
+export default list_module;

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

@@ -0,0 +1,113 @@
+:is(.head-tRBRIb, .byline-roles-list-head) {
+  align-items: center;
+  gap: .75rem;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  display: flex;
+}
+
+:is(.title-ilh9WE, .byline-roles-list-title) {
+  margin: 0;
+  padding-bottom: 2px;
+}
+
+:is(.stats-VFYS9x, .byline-roles-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-VFYS9x, :is([data-theme="dark"], .dark) .byline-roles-list-stats) {
+  background-color: var(--canvas-700);
+}
+
+:is(.empty-XuyCPn, .byline-roles-list-empty) {
+  caption-side: bottom;
+  text-align: center;
+  margin-top: 6vh;
+}
+
+:is(.grip-rc06aa, .byline-roles-list-grip) {
+  cursor: grab;
+}
+
+:is(.notSet-HnK_cm, .byline-roles-list-not-set) {
+  font-style: italic;
+}
+
+:is(.padRow-WexdIw, .byline-roles-list-pad-row) {
+  border: 0;
+  height: 32px;
+}
+
+:is(.tableWrap-DszpnZ, .byline-roles-list-table-wrap) {
+  margin-top: .5rem;
+  margin-bottom: .75rem;
+}
+
+:is(.colDrag-PIiXbG, .byline-roles-list-col-drag) {
+  width: 2%;
+  padding: .5rem;
+}
+
+:is(.colName-iPo5OD, .byline-roles-list-col-name), :is(.colMachine-ziA8MI, .byline-roles-list-col-machine) {
+  width: 20%;
+}
+
+:is(.colDescription-IBoY_U, .byline-roles-list-col-description) {
+  width: 40%;
+}
+
+:is(.colCreated-brEUbj, .byline-roles-list-col-created) {
+  text-align: right;
+  width: 18%;
+}
+
+:is(.gripCell-HaqEID, .byline-roles-list-grip-cell) {
+  width: 2%;
+}
+
+:is(.cellRight-dtJUMm, .byline-roles-list-cell-right) {
+  text-align: right;
+}
+
+:is(.save-m3M58Y, .byline-roles-list-save) {
+  padding-top: .25rem;
+  padding-bottom: .25rem;
+  padding-right: .25rem;
+}
+
+:is(.saveForm-T5QwcC, .byline-roles-list-save-form) {
+  flex-direction: column;
+  width: 100%;
+  display: flex;
+}
+
+:is(.saveActions-rLzw8I, .byline-roles-list-save-actions) {
+  justify-content: flex-end;
+  gap: .5rem;
+  display: flex;
+}
+
+:is(.drawerScroll-faHlwB, .byline-roles-list-drawer-scroll) {
+  max-height: calc(100vh - 160px);
+  overflow-y: auto;
+}
+
+@media (min-width: 48rem) {
+  :is(.drawer-Ipy39E, .byline-roles-list-drawer) {
+    width: 600px;
+  }
+}
+

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

@@ -0,0 +1,18 @@
+/**
+ * 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
+ */
+import type React from 'react';
+import type { AdminRoleResponse } from '../../server-fns/admin-roles/index.js';
+import type { AdminUserResponse } from '../../server-fns/admin-users/index.js';
+interface AccountContainerProps {
+    user: AdminUserResponse;
+    allRoles: AdminRoleResponse[];
+    initialUserRoles: AdminRoleResponse[];
+}
+export declare function AccountContainer({ user, allRoles, initialUserRoles }: AccountContainerProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=container.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/admin-shell/admin-users/container.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkB9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAA;AAC9E,OAAO,KAAK,EAAE,iBAAiB,EAAqB,MAAM,uCAAuC,CAAA;AAkGjG,UAAU,qBAAqB;IAC7B,IAAI,EAAE,iBAAiB,CAAA;IACvB,QAAQ,EAAE,iBAAiB,EAAE,CAAA;IAC7B,gBAAgB,EAAE,iBAAiB,EAAE,CAAA;CACtC;AAED,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,EAAE,qBAAqB,qBAkN3F"}