@byline/ui 2.4.0 → 2.4.2

package/dist/admin/components/admin-account/update.js

@@ -1,207 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { revalidateLogic, useForm } from "@tanstack/react-form-start";
-import classnames from "classnames";
-import { z } from "zod";
-import { useBylineAdminServices } from "../../../services/admin-services-context.js";
-import { Alert, Button, Input, LoaderEllipsis } from "../../../uikit.js";
-import update_module from "./update.module.js";
-const updateAccountSchema = z.object({
-    given_name: z.string().max(100, 'Given name must not exceed 100 characters'),
-    family_name: z.string().max(100, 'Family name must not exceed 100 characters'),
-    username: z.string().max(100, 'Username must not exceed 100 characters'),
-    email: z.email({
-        message: 'Enter a valid email address'
-    }).min(3).max(254, 'Email must not exceed 254 characters')
-});
-function defaultsFrom(account) {
-    return {
-        given_name: account.given_name ?? '',
-        family_name: account.family_name ?? '',
-        username: account.username ?? '',
-        email: account.email
-    };
-}
-function buildPatch(values, account) {
-    const patch = {};
-    const normaliseText = (value)=>value.trim().length > 0 ? value : null;
-    const nextGiven = normaliseText(values.given_name);
-    const nextFamily = normaliseText(values.family_name);
-    const nextUsername = normaliseText(values.username);
-    if (nextGiven !== account.given_name) patch.given_name = nextGiven;
-    if (nextFamily !== account.family_name) patch.family_name = nextFamily;
-    if (nextUsername !== account.username) patch.username = nextUsername;
-    if (values.email !== account.email) patch.email = values.email;
-    return patch;
-}
-function UpdateAccount({ account, onClose, onSuccess }) {
-    const { updateAccount } = useBylineAdminServices();
-    const [formError, setFormError] = useState(null);
-    const [successMessage, setSuccessMessage] = useState(null);
-    const form = useForm({
-        defaultValues: defaultsFrom(account),
-        validationLogic: revalidateLogic({
-            mode: 'blur',
-            modeAfterSubmission: 'change'
-        }),
-        validators: {
-            onDynamic: updateAccountSchema
-        },
-        onSubmit: async ({ value })=>{
-            setFormError(null);
-            setSuccessMessage(null);
-            const patch = buildPatch(value, account);
-            if (0 === Object.keys(patch).length) return void setSuccessMessage('No changes to save.');
-            try {
-                const updated = await updateAccount({
-                    data: {
-                        vid: account.vid,
-                        patch
-                    }
-                });
-                setSuccessMessage('Saved.');
-                onSuccess?.(updated);
-            } catch (err) {
-                const code = getErrorCode(err);
-                if ('admin.users.emailInUse' === code) return void form.setFieldMeta('email', (meta)=>({
-                        ...meta,
-                        errorMap: {
-                            ...meta.errorMap,
-                            onServer: 'This email is already in use.'
-                        },
-                        errors: [
-                            'This email is already in use.'
-                        ]
-                    }));
-                if ('admin.users.versionConflict' === code) return void setFormError('Your account has been modified elsewhere since you opened this form. Reload to refresh and try again.');
-                if ('admin.account.notFound' === code) return void setFormError('Your admin account could not be found. Please sign in again.');
-                setFormError('Could not save changes. Please try again.');
-            }
-        }
-    });
-    return /*#__PURE__*/ jsx("div", {
-        className: classnames('byline-account-update-wrap', update_module.wrap),
-        children: /*#__PURE__*/ jsxs("form", {
-            noValidate: true,
-            onSubmit: (event)=>{
-                event.preventDefault();
-                event.stopPropagation();
-                form.handleSubmit();
-            },
-            className: classnames('byline-account-update-form', update_module.form),
-            children: [
-                formError ? /*#__PURE__*/ jsx(Alert, {
-                    intent: "danger",
-                    children: formError
-                }) : null,
-                successMessage ? /*#__PURE__*/ jsx(Alert, {
-                    intent: "success",
-                    children: successMessage
-                }) : null,
-                /*#__PURE__*/ jsx(form.Field, {
-                    name: "given_name",
-                    children: (field)=>/*#__PURE__*/ jsx(Input, {
-                            label: "Given name",
-                            id: "given_name",
-                            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: "given-name"
-                        })
-                }),
-                /*#__PURE__*/ jsx(form.Field, {
-                    name: "family_name",
-                    children: (field)=>/*#__PURE__*/ jsx(Input, {
-                            label: "Family name",
-                            id: "family_name",
-                            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: "family-name"
-                        })
-                }),
-                /*#__PURE__*/ jsx(form.Field, {
-                    name: "username",
-                    children: (field)=>/*#__PURE__*/ jsx(Input, {
-                            label: "Username",
-                            id: "username",
-                            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),
-                            helpText: "Optional. Leave blank to clear.",
-                            autoComplete: "username"
-                        })
-                }),
-                /*#__PURE__*/ jsx(form.Field, {
-                    name: "email",
-                    children: (field)=>/*#__PURE__*/ jsx(Input, {
-                            label: "Email",
-                            id: "email",
-                            name: field.name,
-                            type: "email",
-                            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: "email",
-                            required: true
-                        })
-                }),
-                /*#__PURE__*/ jsxs("div", {
-                    className: classnames('byline-account-update-actions', update_module.actions),
-                    children: [
-                        /*#__PURE__*/ jsx(Button, {
-                            type: "button",
-                            intent: "secondary",
-                            size: "sm",
-                            onClick: onClose,
-                            className: classnames('byline-account-update-action', update_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-account-update-action', update_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 { UpdateAccount };

package/dist/admin/components/admin-account/update.module.js

@@ -1,8 +0,0 @@
-import "./update_module.css";
-const update_module = {
-    wrap: "wrap-qSOtam",
-    form: "form-DEvqGV",
-    actions: "actions-Eg0XQA",
-    action: "action-CSfiVK"
-};
-export default update_module;

package/dist/admin/components/admin-account/update_module.css

@@ -1,27 +0,0 @@
-:is(.wrap-qSOtam, .byline-account-update-wrap) {
-  gap: var(--spacing-8);
-  padding: var(--spacing-4);
-  margin-top: var(--spacing-4);
-  flex-direction: column;
-  display: flex;
-}
-
-:is(.form-DEvqGV, .byline-account-update-form) {
-  gap: var(--spacing-16);
-  padding-top: var(--spacing-8);
-  flex-direction: column;
-  display: flex;
-}
-
-:is(.actions-Eg0XQA, .byline-account-update-actions) {
-  justify-content: flex-end;
-  align-items: center;
-  gap: var(--spacing-8);
-  margin-top: var(--spacing-16);
-  display: flex;
-}
-
-:is(.action-CSfiVK, .byline-account-update-action) {
-  min-width: 4rem;
-}
-

package/dist/admin/components/admin-permissions/inspector.d.ts

@@ -1,4 +0,0 @@
-import type { ListRegisteredAbilitiesResponse } from '@byline/admin/admin-permissions';
-export declare function AbilitiesInspector({ data }: {
-    data: ListRegisteredAbilitiesResponse;
-}): import("react").JSX.Element;

package/dist/admin/components/admin-permissions/inspector.js

@@ -1,284 +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 { Button, Container, LoaderRing, Section } from "../../../uikit.js";
-import inspector_module from "./inspector.module.js";
-function sourceVariant(source) {
-    switch(source){
-        case 'collection':
-            return {
-                global: 'byline-inspector-row-source-collection',
-                local: inspector_module["row-source-collection"]
-            };
-        case 'admin':
-            return {
-                global: 'byline-inspector-row-source-admin',
-                local: inspector_module["row-source-admin"]
-            };
-        case 'plugin':
-            return {
-                global: 'byline-inspector-row-source-plugin',
-                local: inspector_module["row-source-plugin"]
-            };
-        case 'core':
-            return {
-                global: 'byline-inspector-row-source-core',
-                local: inspector_module["row-source-core"]
-            };
-        default:
-            return {
-                global: 'byline-inspector-row-source-unknown',
-                local: inspector_module["row-source-unknown"]
-            };
-    }
-}
-function displayUser(user) {
-    const parts = [
-        user.given_name,
-        user.family_name
-    ].filter((p)=>'string' == typeof p && p.length > 0);
-    return parts.length > 0 ? `${parts.join(' ')} (${user.email})` : user.email;
-}
-function MatrixPanel({ matrix }) {
-    return /*#__PURE__*/ jsxs("div", {
-        className: classnames('byline-inspector-matrix', inspector_module.matrix),
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                children: [
-                    /*#__PURE__*/ jsxs("h4", {
-                        className: classnames('byline-inspector-matrix-title', inspector_module["matrix-title"]),
-                        children: [
-                            "Roles (",
-                            matrix.roles.length,
-                            ")"
-                        ]
-                    }),
-                    0 === matrix.roles.length ? /*#__PURE__*/ jsx("p", {
-                        className: classnames('muted', 'byline-inspector-matrix-empty', inspector_module["matrix-empty"]),
-                        children: "No role grants this ability."
-                    }) : /*#__PURE__*/ jsx("ul", {
-                        className: classnames('byline-inspector-matrix-list', inspector_module["matrix-list"]),
-                        children: matrix.roles.map((role)=>/*#__PURE__*/ jsxs("li", {
-                                className: classnames('byline-inspector-matrix-item', inspector_module["matrix-item"]),
-                                children: [
-                                    /*#__PURE__*/ jsx("span", {
-                                        className: classnames('byline-inspector-matrix-name', inspector_module["matrix-name"]),
-                                        children: role.name
-                                    }),
-                                    /*#__PURE__*/ jsxs("span", {
-                                        className: "muted",
-                                        children: [
-                                            "\xa0\xb7\xa0",
-                                            role.machine_name
-                                        ]
-                                    })
-                                ]
-                            }, role.id))
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxs("div", {
-                children: [
-                    /*#__PURE__*/ jsxs("h4", {
-                        className: classnames('byline-inspector-matrix-title', inspector_module["matrix-title"]),
-                        children: [
-                            "Admin users (",
-                            matrix.users.length,
-                            ")"
-                        ]
-                    }),
-                    0 === matrix.users.length ? /*#__PURE__*/ jsx("p", {
-                        className: classnames('muted', 'byline-inspector-matrix-empty', inspector_module["matrix-empty"]),
-                        children: "No admin user holds this ability."
-                    }) : /*#__PURE__*/ jsx("ul", {
-                        className: classnames('byline-inspector-matrix-list', inspector_module["matrix-list"]),
-                        children: matrix.users.map((user)=>/*#__PURE__*/ jsx("li", {
-                                className: classnames('byline-inspector-matrix-item', inspector_module["matrix-item"]),
-                                children: displayUser(user)
-                            }, user.id))
-                    })
-                ]
-            })
-        ]
-    });
-}
-function AbilityRow({ ability, matrix, loading, onToggle, expanded }) {
-    const sv = sourceVariant(ability.source);
-    return /*#__PURE__*/ jsxs("div", {
-        className: classnames('byline-inspector-row', inspector_module.row),
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: classnames('byline-inspector-row-head', inspector_module["row-head"]),
-                children: [
-                    /*#__PURE__*/ jsxs("div", {
-                        className: classnames('byline-inspector-row-info', inspector_module["row-info"]),
-                        children: [
-                            /*#__PURE__*/ jsxs("div", {
-                                className: classnames('byline-inspector-row-meta', inspector_module["row-meta"]),
-                                children: [
-                                    /*#__PURE__*/ jsx("code", {
-                                        className: classnames('byline-inspector-row-key', inspector_module["row-key"]),
-                                        children: ability.key
-                                    }),
-                                    /*#__PURE__*/ jsx("span", {
-                                        className: classnames('byline-inspector-row-source', inspector_module["row-source"], sv.global, sv.local),
-                                        children: ability.source ?? 'unknown'
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ jsx("p", {
-                                className: classnames('byline-inspector-row-label', inspector_module["row-label"]),
-                                children: ability.label
-                            }),
-                            ability.description ? /*#__PURE__*/ jsx("p", {
-                                className: classnames('muted', "byline-inspector-row-description", inspector_module["row-description"]),
-                                children: ability.description
-                            }) : null
-                        ]
-                    }),
-                    /*#__PURE__*/ jsx(Button, {
-                        size: "xs",
-                        intent: "secondary",
-                        onClick: onToggle,
-                        children: expanded ? 'Hide' : 'Holders'
-                    })
-                ]
-            }),
-            expanded ? loading ? /*#__PURE__*/ jsxs("div", {
-                className: classnames('byline-inspector-loader', inspector_module.loader),
-                children: [
-                    /*#__PURE__*/ jsx(LoaderRing, {
-                        size: 20,
-                        color: "#888"
-                    }),
-                    /*#__PURE__*/ jsx("span", {
-                        className: "muted",
-                        children: "Loading…"
-                    })
-                ]
-            }) : matrix ? /*#__PURE__*/ jsx(MatrixPanel, {
-                matrix: matrix
-            }) : null : null
-        ]
-    });
-}
-function GroupSection({ group, matrices, loading, expanded, onToggle }) {
-    return /*#__PURE__*/ jsxs("details", {
-        open: true,
-        className: classnames('byline-inspector-group', inspector_module.group),
-        children: [
-            /*#__PURE__*/ jsxs("summary", {
-                className: classnames('byline-inspector-group-summary', inspector_module["group-summary"]),
-                children: [
-                    /*#__PURE__*/ jsx("span", {
-                        className: classnames('byline-inspector-group-name', inspector_module["group-name"]),
-                        children: group.group
-                    }),
-                    /*#__PURE__*/ jsxs("span", {
-                        className: classnames('muted', 'byline-inspector-group-count', inspector_module["group-count"]),
-                        children: [
-                            group.abilities.length,
-                            " abilities"
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx("div", {
-                className: classnames('byline-inspector-group-body', inspector_module["group-body"]),
-                children: group.abilities.map((ability)=>/*#__PURE__*/ jsx(AbilityRow, {
-                        ability: ability,
-                        matrix: matrices[ability.key],
-                        loading: loading.has(ability.key),
-                        expanded: expanded.has(ability.key),
-                        onToggle: ()=>onToggle(ability.key)
-                    }, ability.key))
-            })
-        ]
-    });
-}
-function AbilitiesInspector({ data }) {
-    const { whoHasAbility } = useBylineAdminServices();
-    const [expanded, setExpanded] = useState(new Set());
-    const [loading, setLoading] = useState(new Set());
-    const [matrices, setMatrices] = useState({});
-    async function handleToggle(abilityKey) {
-        setExpanded((current)=>{
-            const next = new Set(current);
-            if (next.has(abilityKey)) next.delete(abilityKey);
-            else next.add(abilityKey);
-            return next;
-        });
-        if (!matrices[abilityKey] && !loading.has(abilityKey)) {
-            setLoading((current)=>new Set(current).add(abilityKey));
-            try {
-                const result = await whoHasAbility({
-                    data: {
-                        ability: abilityKey
-                    }
-                });
-                setMatrices((current)=>({
-                        ...current,
-                        [abilityKey]: result
-                    }));
-            } finally{
-                setLoading((current)=>{
-                    const next = new Set(current);
-                    next.delete(abilityKey);
-                    return next;
-                });
-            }
-        }
-    }
-    return /*#__PURE__*/ jsx(Section, {
-        children: /*#__PURE__*/ jsxs(Container, {
-            children: [
-                /*#__PURE__*/ jsxs("div", {
-                    className: classnames('byline-inspector-head', inspector_module.head),
-                    children: [
-                        /*#__PURE__*/ jsx("h1", {
-                            className: classnames('byline-inspector-title', inspector_module.title),
-                            children: "Abilities Inspector"
-                        }),
-                        /*#__PURE__*/ jsxs("span", {
-                            className: classnames('byline-inspector-count-pill', inspector_module["count-pill"]),
-                            children: [
-                                data.total,
-                                " registered"
-                            ]
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsxs("p", {
-                    className: classnames('muted', 'byline-inspector-lead', inspector_module.lead),
-                    children: [
-                        "Read-only view of every ability registered through ",
-                        /*#__PURE__*/ jsx("code", {
-                            children: "bylineCore.abilities"
-                        }),
-                        ". Collections auto-register CRUD + workflow abilities; admin subsystems contribute their own keys at composition root via ",
-                        /*#__PURE__*/ jsx("code", {
-                            children: "registerAdminAbilities"
-                        }),
-                        "."
-                    ]
-                }),
-                0 === data.groups.length ? /*#__PURE__*/ jsx("p", {
-                    className: classnames('muted', 'byline-inspector-empty', inspector_module.empty),
-                    children: "No abilities are registered."
-                }) : /*#__PURE__*/ jsx("div", {
-                    className: classnames('byline-inspector-groups', inspector_module.groups),
-                    children: data.groups.map((group)=>/*#__PURE__*/ jsx(GroupSection, {
-                            group: group,
-                            matrices: matrices,
-                            loading: loading,
-                            expanded: expanded,
-                            onToggle: (key)=>void handleToggle(key)
-                        }, group.group))
-                })
-            ]
-        })
-    });
-}
-export { AbilitiesInspector };

package/dist/admin/components/admin-permissions/inspector.module.js

@@ -1,56 +0,0 @@
-import "./inspector_module.css";
-const inspector_module = {
-    head: "head-I3FXon",
-    title: "title-CYjHqj",
-    "count-pill": "count-pill-_lI0zE",
-    countPill: "count-pill-_lI0zE",
-    lead: "lead-oILWDF",
-    groups: "groups-tu0nDc",
-    group: "group-EtyMYe",
-    "group-summary": "group-summary-DtWUME",
-    groupSummary: "group-summary-DtWUME",
-    "group-name": "group-name-YVnU_1",
-    groupName: "group-name-YVnU_1",
-    "group-count": "group-count-EVyCua",
-    groupCount: "group-count-EVyCua",
-    "group-body": "group-body-BWpBH0",
-    groupBody: "group-body-BWpBH0",
-    row: "row-iqBBtL",
-    "row-head": "row-head-AxLDWZ",
-    rowHead: "row-head-AxLDWZ",
-    "row-info": "row-info-fqTyrl",
-    rowInfo: "row-info-fqTyrl",
-    "row-meta": "row-meta-jR8B7R",
-    rowMeta: "row-meta-jR8B7R",
-    "row-key": "row-key-Fqj4Xg",
-    rowKey: "row-key-Fqj4Xg",
-    "row-source": "row-source-dNn5Bv",
-    rowSource: "row-source-dNn5Bv",
-    "row-source-collection": "row-source-collection-GdjAWo",
-    rowSourceCollection: "row-source-collection-GdjAWo",
-    "row-source-admin": "row-source-admin-RSLuvi",
-    rowSourceAdmin: "row-source-admin-RSLuvi",
-    "row-source-plugin": "row-source-plugin-IHE6mA",
-    rowSourcePlugin: "row-source-plugin-IHE6mA",
-    "row-source-core": "row-source-core-MzfMU8",
-    rowSourceCore: "row-source-core-MzfMU8",
-    "row-source-unknown": "row-source-unknown-uGsgjP",
-    rowSourceUnknown: "row-source-unknown-uGsgjP",
-    "row-label": "row-label-wAkro2",
-    rowLabel: "row-label-wAkro2",
-    "row-description": "row-description-To0P2i",
-    rowDescription: "row-description-To0P2i",
-    loader: "loader-CBbfLX",
-    matrix: "matrix-wUBTNq",
-    "matrix-title": "matrix-title-UANgg0",
-    matrixTitle: "matrix-title-UANgg0",
-    "matrix-empty": "matrix-empty-j1eaHq",
-    matrixEmpty: "matrix-empty-j1eaHq",
-    "matrix-list": "matrix-list-k00LgN",
-    matrixList: "matrix-list-k00LgN",
-    "matrix-item": "matrix-item-ON61fX",
-    matrixItem: "matrix-item-ON61fX",
-    "matrix-name": "matrix-name-FxgVBJ",
-    matrixName: "matrix-name-FxgVBJ"
-};
-export default inspector_module;