@byline/ui 2.4.0 → 2.4.2

package/dist/admin/components/admin-users/roles.js

@@ -1,148 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import classnames from "classnames";
-import { useBylineAdminServices } from "../../../services/admin-services-context.js";
-import { Alert, Button, Checkbox, LoaderEllipsis } from "../../../uikit.js";
-import roles_module from "./roles.module.js";
-function setsEqual(a, b) {
-    if (a.size !== b.size) return false;
-    for (const item of a)if (!b.has(item)) return false;
-    return true;
-}
-function UserRoles({ user, allRoles, initialRoleIds, onClose, onSaved }) {
-    const { setUserRoles } = useBylineAdminServices();
-    const [initialSet, setInitialSet] = useState(()=>new Set(initialRoleIds));
-    const [selected, setSelected] = useState(()=>new Set(initialRoleIds));
-    const [saving, setSaving] = useState(false);
-    const [error, setError] = useState(null);
-    const [successMessage, setSuccessMessage] = useState(null);
-    const isDirty = !setsEqual(selected, initialSet);
-    function handleToggle(roleId, checked) {
-        setSelected((current)=>{
-            const next = new Set(current);
-            if (checked) next.add(roleId);
-            else next.delete(roleId);
-            return next;
-        });
-        setSuccessMessage(null);
-    }
-    async function handleSave() {
-        if (saving) return;
-        setSaving(true);
-        setError(null);
-        setSuccessMessage(null);
-        try {
-            const response = await setUserRoles({
-                data: {
-                    userId: user.id,
-                    roleIds: Array.from(selected)
-                }
-            });
-            const storedSet = new Set(response.roles.map((r)=>r.id));
-            setInitialSet(storedSet);
-            setSelected(new Set(storedSet));
-            setSuccessMessage('Saved.');
-            onSaved?.(response);
-        } catch (err) {
-            const code = getErrorCode(err);
-            if ('admin.roles.userNotFound' === code) setError('This user no longer exists.');
-            else 'admin.roles.notFound' === code ? setError('One or more selected roles no longer exist. Reload the page and try again.') : setError('Could not save roles. Please try again.');
-        } finally{
-            setSaving(false);
-        }
-    }
-    return /*#__PURE__*/ jsxs("div", {
-        className: classnames('byline-user-roles-wrap', roles_module.wrap),
-        children: [
-            error ? /*#__PURE__*/ jsx(Alert, {
-                intent: "danger",
-                children: error
-            }) : null,
-            successMessage ? /*#__PURE__*/ jsx(Alert, {
-                intent: "success",
-                children: successMessage
-            }) : null,
-            0 === allRoles.length ? /*#__PURE__*/ jsxs("p", {
-                className: classnames('muted', 'byline-user-roles-empty', roles_module.empty),
-                children: [
-                    "No roles have been created yet. Create roles in",
-                    ' ',
-                    /*#__PURE__*/ jsx("span", {
-                        className: "muted",
-                        children: "/admin/roles"
-                    }),
-                    " first."
-                ]
-            }) : /*#__PURE__*/ jsx("div", {
-                className: classnames('byline-user-roles-list', roles_module.list),
-                children: allRoles.map((role)=>/*#__PURE__*/ jsxs("div", {
-                        className: classnames('byline-user-roles-row', roles_module.row),
-                        children: [
-                            /*#__PURE__*/ jsx(Checkbox, {
-                                id: `role-${role.id}`,
-                                name: `role-${role.id}`,
-                                checked: selected.has(role.id),
-                                disabled: saving,
-                                onCheckedChange: (checked)=>handleToggle(role.id, true === checked),
-                                containerClasses: classnames('byline-user-roles-checkbox-auto', roles_module["checkbox-auto"]),
-                                componentClasses: classnames('byline-user-roles-checkbox-auto', roles_module["checkbox-auto"])
-                            }),
-                            /*#__PURE__*/ jsxs("label", {
-                                htmlFor: `role-${role.id}`,
-                                className: classnames('byline-user-roles-label', roles_module.label),
-                                children: [
-                                    /*#__PURE__*/ jsxs("div", {
-                                        className: classnames('byline-user-roles-label-head', roles_module["label-head"]),
-                                        children: [
-                                            /*#__PURE__*/ jsx("span", {
-                                                className: classnames('byline-user-roles-name', roles_module.name),
-                                                children: role.name
-                                            }),
-                                            /*#__PURE__*/ jsx("code", {
-                                                className: classnames('byline-user-roles-machine', roles_module.machine),
-                                                children: role.machine_name
-                                            })
-                                        ]
-                                    }),
-                                    role.description ? /*#__PURE__*/ jsx("p", {
-                                        className: classnames('muted', "byline-user-roles-description", roles_module.description),
-                                        children: role.description
-                                    }) : null
-                                ]
-                            })
-                        ]
-                    }, role.id))
-            }),
-            /*#__PURE__*/ jsxs("div", {
-                className: classnames('byline-user-roles-actions', roles_module.actions),
-                children: [
-                    /*#__PURE__*/ jsx(Button, {
-                        type: "button",
-                        intent: "secondary",
-                        size: "xs",
-                        onClick: onClose,
-                        disabled: saving,
-                        className: classnames('byline-user-roles-action', roles_module.action),
-                        children: successMessage ? 'Close' : 'Cancel'
-                    }),
-                    /*#__PURE__*/ jsx(Button, {
-                        type: "button",
-                        intent: "primary",
-                        size: "xs",
-                        onClick: ()=>void handleSave(),
-                        disabled: saving || !isDirty,
-                        className: classnames('byline-user-roles-action', roles_module.action),
-                        children: saving ? /*#__PURE__*/ jsx(LoaderEllipsis, {
-                            size: 30
-                        }) : 'Save'
-                    })
-                ]
-            })
-        ]
-    });
-}
-function getErrorCode(err) {
-    return 'string' == typeof err?.code ? err.code : null;
-}
-export { UserRoles };

package/dist/admin/components/admin-users/roles.module.js

@@ -1,18 +0,0 @@
-import "./roles_module.css";
-const roles_module = {
-    wrap: "wrap-OfMVin",
-    empty: "empty-VyJNuw",
-    list: "list-Pn84NV",
-    row: "row-vl41LV",
-    label: "label-l41_WQ",
-    "label-head": "label-head-txXi6K",
-    labelHead: "label-head-txXi6K",
-    name: "name-DIzBrV",
-    machine: "machine-CKvF4T",
-    description: "description-l0rG8S",
-    actions: "actions-Z2HS5O",
-    action: "action-KN4rct",
-    "checkbox-auto": "checkbox-auto-hKjmrD",
-    checkboxAuto: "checkbox-auto-hKjmrD"
-};
-export default roles_module;

package/dist/admin/components/admin-users/roles_module.css

@@ -1,75 +0,0 @@
-:is(.wrap-OfMVin, .byline-user-roles-wrap) {
-  gap: var(--spacing-12);
-  padding: var(--spacing-4);
-  margin-top: var(--spacing-4);
-  flex-direction: column;
-  display: flex;
-}
-
-:is(.empty-VyJNuw, .byline-user-roles-empty) {
-  margin: 0;
-  font-style: italic;
-}
-
-:is(.list-Pn84NV, .byline-user-roles-list) {
-  gap: var(--spacing-4);
-  flex-direction: column;
-  display: flex;
-}
-
-:is(.row-vl41LV, .byline-user-roles-row) {
-  align-items: flex-start;
-  gap: var(--spacing-8);
-  padding: var(--spacing-4) 0;
-  display: flex;
-}
-
-:is(.label-l41_WQ, .byline-user-roles-label) {
-  cursor: pointer;
-  flex: 1 1 0;
-  min-width: 0;
-}
-
-:is(.label-head-txXi6K, .byline-user-roles-label-head) {
-  align-items: center;
-  gap: var(--spacing-8);
-  display: flex;
-}
-
-:is(.name-DIzBrV, .byline-user-roles-name) {
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-medium);
-}
-
-:is(.machine-CKvF4T, .byline-user-roles-machine) {
-  background-color: var(--gray-100);
-  font-size: var(--font-size-xs);
-  border-radius: var(--border-radius-sm);
-  padding: .125rem .375rem;
-}
-
-:is(.description-l0rG8S, .byline-user-roles-description) {
-  font-size: var(--font-size-xs);
-  margin-bottom: 0;
-}
-
-:is(.actions-Z2HS5O, .byline-user-roles-actions) {
-  justify-content: flex-end;
-  align-items: center;
-  gap: var(--spacing-8);
-  margin-top: var(--spacing-16);
-  display: flex;
-}
-
-:is(.action-KN4rct, .byline-user-roles-action) {
-  min-width: 4rem;
-}
-
-:is(.checkbox-auto-hKjmrD, .byline-user-roles-checkbox-auto) {
-  width: auto !important;
-}
-
-:is(:is([data-theme="dark"], .dark) .machine-CKvF4T, :is([data-theme="dark"], .dark) .byline-user-roles-machine) {
-  background-color: var(--canvas-800);
-}
-

package/dist/admin/components/admin-users/set-password.d.ts

@@ -1,8 +0,0 @@
-import type { AdminUserResponse } from '@byline/admin/admin-users';
-interface SetPasswordProps {
-    user: AdminUserResponse;
-    onClose?: () => void;
-    onSuccess?: (user: AdminUserResponse) => void;
-}
-export declare function SetPassword({ user, onClose, onSuccess }: SetPasswordProps): import("react").JSX.Element;
-export {};

package/dist/admin/components/admin-users/set-password.js

@@ -1,170 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { revalidateLogic, useForm } from "@tanstack/react-form-start";
-import { passwordSchema } from "@byline/core/validation";
-import classnames from "classnames";
-import { z } from "zod";
-import { useBylineAdminServices } from "../../../services/admin-services-context.js";
-import { Alert, Button, InputPassword, LoaderEllipsis } from "../../../uikit.js";
-import set_password_module from "./set-password.module.js";
-const setPasswordFormSchema = z.object({
-    password: passwordSchema,
-    confirm: z.string({
-        message: 'Please confirm the password'
-    })
-}).refine((v)=>v.password === v.confirm, {
-    message: 'Passwords do not match',
-    path: [
-        'confirm'
-    ]
-});
-function SetPassword({ user, onClose, onSuccess }) {
-    const { setAdminUserPassword } = useBylineAdminServices();
-    const [formError, setFormError] = useState(null);
-    const [successMessage, setSuccessMessage] = useState(null);
-    const form = useForm({
-        defaultValues: {
-            password: '',
-            confirm: ''
-        },
-        validationLogic: revalidateLogic({
-            mode: 'blur',
-            modeAfterSubmission: 'change'
-        }),
-        validators: {
-            onDynamic: setPasswordFormSchema
-        },
-        onSubmit: async ({ value })=>{
-            setFormError(null);
-            setSuccessMessage(null);
-            try {
-                const updated = await setAdminUserPassword({
-                    data: {
-                        id: user.id,
-                        vid: user.vid,
-                        password: value.password
-                    }
-                });
-                setSuccessMessage('Password updated.');
-                form.reset({
-                    password: '',
-                    confirm: ''
-                });
-                onSuccess?.(updated);
-            } catch (err) {
-                const code = getErrorCode(err);
-                if ('admin.users.versionConflict' === code) return void setFormError('This user has been modified elsewhere since you opened this form. Reload to refresh and try again.');
-                if ('admin.users.notFound' === code) return void setFormError('This user no longer exists.');
-                setFormError('Could not set the password. Please try again.');
-            }
-        }
-    });
-    return /*#__PURE__*/ jsx("div", {
-        className: classnames('byline-user-set-password-wrap', set_password_module.wrap),
-        children: /*#__PURE__*/ jsxs("form", {
-            noValidate: true,
-            onSubmit: (event)=>{
-                event.preventDefault();
-                event.stopPropagation();
-                form.handleSubmit();
-            },
-            className: classnames('byline-user-set-password-form', set_password_module.form),
-            children: [
-                formError ? /*#__PURE__*/ jsx(Alert, {
-                    intent: "danger",
-                    children: formError
-                }) : null,
-                successMessage ? /*#__PURE__*/ jsx(Alert, {
-                    intent: "success",
-                    children: successMessage
-                }) : null,
-                /*#__PURE__*/ jsxs("p", {
-                    className: "muted",
-                    children: [
-                        "Sets a new password for",
-                        ' ',
-                        /*#__PURE__*/ jsx("span", {
-                            className: classnames('byline-user-set-password-target', set_password_module.target),
-                            children: user.email
-                        }),
-                        ". The user will need to sign in again with the new password."
-                    ]
-                }),
-                /*#__PURE__*/ jsx(form.Field, {
-                    name: "password",
-                    children: (field)=>/*#__PURE__*/ jsx(InputPassword, {
-                            label: "New password",
-                            id: "password",
-                            name: field.name,
-                            value: field.state.value,
-                            onBlur: field.handleBlur,
-                            onChange: (e)=>field.handleChange(e.currentTarget.value),
-                            error: field.state.meta.errors.length > 0,
-                            errorText: firstError(field.state.meta.errors),
-                            autoComplete: "new-password",
-                            required: true
-                        })
-                }),
-                /*#__PURE__*/ jsx(form.Field, {
-                    name: "confirm",
-                    children: (field)=>/*#__PURE__*/ jsx(InputPassword, {
-                            label: "Confirm new password",
-                            id: "confirm",
-                            name: field.name,
-                            value: field.state.value,
-                            onBlur: field.handleBlur,
-                            onChange: (e)=>field.handleChange(e.currentTarget.value),
-                            error: field.state.meta.errors.length > 0,
-                            errorText: firstError(field.state.meta.errors),
-                            autoComplete: "new-password",
-                            required: true
-                        })
-                }),
-                /*#__PURE__*/ jsxs("div", {
-                    className: classnames('byline-user-set-password-actions', set_password_module.actions),
-                    children: [
-                        /*#__PURE__*/ jsx(Button, {
-                            type: "button",
-                            intent: "secondary",
-                            size: "sm",
-                            onClick: onClose,
-                            className: classnames('byline-user-set-password-action', set_password_module.action),
-                            children: successMessage ? 'Close' : 'Cancel'
-                        }),
-                        /*#__PURE__*/ jsx(form.Subscribe, {
-                            selector: (state)=>({
-                                    canSubmit: state.canSubmit,
-                                    isSubmitting: state.isSubmitting,
-                                    isDirty: state.isDirty
-                                }),
-                            children: ({ canSubmit, isSubmitting })=>/*#__PURE__*/ jsx(Button, {
-                                    size: "sm",
-                                    intent: "primary",
-                                    type: "submit",
-                                    disabled: !canSubmit || isSubmitting,
-                                    className: classnames('byline-user-set-password-action', set_password_module.action),
-                                    children: true === isSubmitting ? /*#__PURE__*/ jsx(LoaderEllipsis, {
-                                        size: 42
-                                    }) : 'Save'
-                                })
-                        })
-                    ]
-                })
-            ]
-        })
-    });
-}
-function firstError(errors) {
-    for (const err of errors){
-        if ('string' == typeof err) return err;
-        if (err && 'object' == typeof err && 'message' in err) {
-            const msg = err.message;
-            if ('string' == typeof msg) return msg;
-        }
-    }
-}
-function getErrorCode(err) {
-    return 'string' == typeof err?.code ? err.code : null;
-}
-export { SetPassword };

package/dist/admin/components/admin-users/set-password.module.js

@@ -1,9 +0,0 @@
-import "./set-password_module.css";
-const set_password_module = {
-    wrap: "wrap-JYgwBj",
-    form: "form-p6W4WN",
-    target: "target-f3_PF_",
-    actions: "actions-P5S9hQ",
-    action: "action-VPbV6x"
-};
-export default set_password_module;

package/dist/admin/components/admin-users/set-password_module.css

@@ -1,31 +0,0 @@
-:is(.wrap-JYgwBj, .byline-user-set-password-wrap) {
-  gap: var(--spacing-8);
-  padding: var(--spacing-4);
-  margin-top: var(--spacing-4);
-  flex-direction: column;
-  display: flex;
-}
-
-:is(.form-p6W4WN, .byline-user-set-password-form) {
-  gap: var(--spacing-16);
-  padding-top: var(--spacing-8);
-  flex-direction: column;
-  display: flex;
-}
-
-:is(.target-f3_PF_, .byline-user-set-password-target) {
-  font-weight: var(--font-weight-semibold);
-}
-
-:is(.actions-P5S9hQ, .byline-user-set-password-actions) {
-  justify-content: flex-end;
-  align-items: center;
-  gap: var(--spacing-8);
-  margin-top: var(--spacing-16);
-  display: flex;
-}
-
-:is(.action-VPbV6x, .byline-user-set-password-action) {
-  min-width: 4rem;
-}
-

package/dist/admin/components/admin-users/update.d.ts

@@ -1,8 +0,0 @@
-import type { AdminUserResponse } from '@byline/admin/admin-users';
-interface UpdateUserProps {
-    user: AdminUserResponse;
-    onClose?: () => void;
-    onSuccess?: (user: AdminUserResponse) => void;
-}
-export declare function UpdateUser({ user, onClose, onSuccess }: UpdateUserProps): import("react").JSX.Element;
-export {};