@byline/ui 2.4.0 → 2.4.2

package/dist/admin/components/admin-permissions/inspector_module.css

@@ -1,238 +0,0 @@
-:is(.head-I3FXon, .byline-inspector-head) {
-  align-items: center;
-  gap: var(--spacing-12);
-  margin-bottom: var(--spacing-16);
-  display: flex;
-}
-
-:is(.title-CYjHqj, .byline-inspector-title) {
-  margin: 0;
-}
-
-:is(.count-pill-_lI0zE, .byline-inspector-count-pill) {
-  background-color: var(--gray-25);
-  border: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
-  padding: var(--spacing-4) var(--spacing-8);
-  font-size: var(--font-size-sm);
-  border-radius: var(--border-radius-sm);
-}
-
-:is(.lead-oILWDF, .byline-inspector-lead) {
-  margin-bottom: var(--spacing-16);
-  font-size: var(--font-size-sm);
-}
-
-:is(.groups-tu0nDc, .byline-inspector-groups) {
-  gap: var(--spacing-8);
-  flex-direction: column;
-  display: flex;
-}
-
-:is(.group-EtyMYe, .byline-inspector-group) {
-  border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
-  border-radius: var(--border-radius-sm);
-}
-
-.group-EtyMYe summary::-webkit-details-marker {
-  display: none;
-}
-
-:is(.group-summary-DtWUME, .byline-inspector-group-summary) {
-  cursor: pointer;
-  padding: var(--spacing-12);
-  justify-content: space-between;
-  align-items: center;
-  list-style: none;
-  display: flex;
-}
-
-:is(.group-name-YVnU_1, .byline-inspector-group-name) {
-  font-weight: var(--font-weight-medium);
-}
-
-:is(.group-count-EVyCua, .byline-inspector-group-count) {
-  font-size: var(--font-size-xs);
-}
-
-:is(.group-body-BWpBH0, .byline-inspector-group-body) {
-  padding: 0 var(--spacing-12) var(--spacing-12) var(--spacing-12);
-}
-
-:is(.row-iqBBtL, .byline-inspector-row) {
-  border-top: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
-  padding: var(--spacing-8) 0;
-}
-
-:is(.row-iqBBtL:first-child, .byline-inspector-row:first-child) {
-  border-top: 0;
-}
-
-:is(.row-head-AxLDWZ, .byline-inspector-row-head) {
-  align-items: flex-start;
-  gap: var(--spacing-12);
-  display: flex;
-}
-
-:is(.row-info-fqTyrl, .byline-inspector-row-info) {
-  flex: 1 1 0;
-  min-width: 0;
-}
-
-:is(.row-meta-jR8B7R, .byline-inspector-row-meta) {
-  align-items: center;
-  gap: var(--spacing-8);
-  display: flex;
-}
-
-:is(.row-key-Fqj4Xg, .byline-inspector-row-key) {
-  background-color: var(--gray-50);
-  font-size: var(--font-size-xs);
-  border-radius: var(--border-radius-sm);
-  padding: .125rem .375rem;
-}
-
-:is(.row-source-dNn5Bv, .byline-inspector-row-source) {
-  text-transform: uppercase;
-  letter-spacing: .05em;
-  border-radius: var(--border-radius-sm);
-  background-color: var(--gray-100);
-  color: var(--gray-800);
-  padding: .125rem .375rem;
-  font-size: .625rem;
-}
-
-:is(.row-source-collection-GdjAWo, .byline-inspector-row-source-collection) {
-  background-color: var(--gray-100);
-  color: var(--gray-800);
-}
-
-:is(.row-source-admin-RSLuvi, .byline-inspector-row-source-admin) {
-  background-color: var(--blue-50);
-  color: var(--blue-700);
-}
-
-:is(.row-source-plugin-IHE6mA, .byline-inspector-row-source-plugin) {
-  background-color: var(--primary-50);
-  color: var(--primary-700);
-}
-
-:is(.row-source-core-MzfMU8, .byline-inspector-row-source-core) {
-  background-color: var(--green-50);
-  color: var(--green-700);
-}
-
-:is(.row-source-unknown-uGsgjP, .byline-inspector-row-source-unknown) {
-  background-color: var(--gray-50);
-  color: var(--gray-600);
-}
-
-:is(.row-label-wAkro2, .byline-inspector-row-label) {
-  margin: var(--spacing-4) 0 0 0;
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-medium);
-}
-
-:is(.row-description-To0P2i, .byline-inspector-row-description) {
-  font-size: var(--font-size-xs);
-  margin-bottom: 0;
-}
-
-:is(.loader-CBbfLX, .byline-inspector-loader) {
-  align-items: center;
-  gap: var(--spacing-8);
-  margin-top: var(--spacing-8);
-  font-size: var(--font-size-sm);
-  display: flex;
-}
-
-:is(.matrix-wUBTNq, .byline-inspector-matrix) {
-  margin-top: var(--spacing-8);
-  gap: var(--spacing-12);
-  padding: var(--spacing-12);
-  background-color: var(--canvas-25);
-  border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
-  border-radius: var(--border-radius-sm);
-  grid-template-columns: 1fr;
-  display: grid;
-}
-
-@media (min-width: 40rem) {
-  :is(.matrix-wUBTNq, .byline-inspector-matrix) {
-    grid-template-columns: 1fr 1fr;
-  }
-}
-
-:is(.matrix-title-UANgg0, .byline-inspector-matrix-title) {
-  margin: 0 0 var(--spacing-8) 0;
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-bold);
-}
-
-:is(.matrix-empty-j1eaHq, .byline-inspector-matrix-empty) {
-  font-style: italic;
-  font-size: var(--font-size-sm);
-  margin: 0;
-}
-
-:is(.matrix-list-k00LgN, .byline-inspector-matrix-list) {
-  font-size: var(--font-size-sm);
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-:is(.matrix-item-ON61fX, .byline-inspector-matrix-item) {
-  margin-bottom: var(--spacing-4);
-}
-
-:is(.matrix-name-FxgVBJ, .byline-inspector-matrix-name) {
-  font-weight: var(--font-weight-medium);
-}
-
-:is(:is([data-theme="dark"], .dark) .count-pill-_lI0zE, :is([data-theme="dark"], .dark) .byline-inspector-count-pill) {
-  background-color: var(--canvas-700);
-  border-color: var(--gray-700);
-}
-
-:is(:is([data-theme="dark"], .dark) .group-EtyMYe, :is([data-theme="dark"], .dark) .byline-inspector-group) {
-  border-color: var(--gray-700);
-}
-
-:is(:is([data-theme="dark"], .dark) .row-iqBBtL, :is([data-theme="dark"], .dark) .byline-inspector-row) {
-  border-top-color: var(--gray-700);
-}
-
-:is(:is([data-theme="dark"], .dark) .row-key-Fqj4Xg, :is([data-theme="dark"], .dark) .byline-inspector-row-key) {
-  background-color: var(--canvas-800);
-}
-
-:is(:is([data-theme="dark"], .dark) .row-source-collection-GdjAWo, :is([data-theme="dark"], .dark) .byline-inspector-row-source-collection) {
-  background-color: var(--canvas-700);
-  color: var(--gray-200);
-}
-
-:is(:is([data-theme="dark"], .dark) .row-source-admin-RSLuvi, :is([data-theme="dark"], .dark) .byline-inspector-row-source-admin) {
-  background-color: var(--blue-900);
-  color: var(--blue-200);
-}
-
-:is(:is([data-theme="dark"], .dark) .row-source-plugin-IHE6mA, :is([data-theme="dark"], .dark) .byline-inspector-row-source-plugin) {
-  background-color: var(--primary-900);
-  color: var(--primary-200);
-}
-
-:is(:is([data-theme="dark"], .dark) .row-source-core-MzfMU8, :is([data-theme="dark"], .dark) .byline-inspector-row-source-core) {
-  background-color: var(--green-900);
-  color: var(--green-200);
-}
-
-:is(:is([data-theme="dark"], .dark) .row-source-unknown-uGsgjP, :is([data-theme="dark"], .dark) .byline-inspector-row-source-unknown) {
-  background-color: var(--canvas-800);
-  color: var(--gray-400);
-}
-
-:is(:is([data-theme="dark"], .dark) .matrix-wUBTNq, :is([data-theme="dark"], .dark) .byline-inspector-matrix) {
-  background-color: var(--canvas-800);
-  border-color: var(--gray-700);
-}
-

package/dist/admin/components/admin-roles/create.d.ts

@@ -1,7 +0,0 @@
-import type { AdminRoleResponse } from '@byline/admin/admin-roles';
-interface CreateAdminRoleProps {
-    onClose?: () => void;
-    onSuccess?: (role: AdminRoleResponse) => void;
-}
-export declare function CreateAdminRole({ onClose, onSuccess }: CreateAdminRoleProps): import("react").JSX.Element;
-export {};

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

@@ -1,177 +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, TextArea } from "../../../uikit.js";
-import create_module from "./create.module.js";
-const createAdminRoleFormSchema = z.object({
-    name: z.string().min(1, 'Name is required').max(128, 'Name must not exceed 128 characters'),
-    machine_name: z.string().min(1, 'Machine name is required').max(128, 'Machine name must not exceed 128 characters').regex(/^[a-z0-9][a-z0-9_-]*$/, {
-        message: 'Lowercase letters, numbers, hyphens, and underscores only'
-    }),
-    description: z.string().max(2000, "Description must not exceed 2000 characters")
-});
-const initialValues = {
-    name: '',
-    machine_name: '',
-    description: ''
-};
-function normaliseText(value) {
-    return value.trim().length > 0 ? value : null;
-}
-function CreateAdminRole({ onClose, onSuccess }) {
-    const { createAdminRole } = useBylineAdminServices();
-    const [formError, setFormError] = useState(null);
-    const form = useForm({
-        defaultValues: initialValues,
-        validationLogic: revalidateLogic({
-            mode: 'blur',
-            modeAfterSubmission: 'change'
-        }),
-        validators: {
-            onDynamic: createAdminRoleFormSchema
-        },
-        onSubmit: async ({ value })=>{
-            setFormError(null);
-            try {
-                const created = await createAdminRole({
-                    data: {
-                        name: value.name.trim(),
-                        machine_name: value.machine_name.trim(),
-                        description: normaliseText(value.description)
-                    }
-                });
-                form.reset(initialValues);
-                onSuccess?.(created);
-            } catch (err) {
-                const code = getErrorCode(err);
-                if ('admin.roles.machineNameInUse' === code) return void form.setFieldMeta('machine_name', (meta)=>({
-                        ...meta,
-                        errorMap: {
-                            ...meta.errorMap,
-                            onServer: 'This machine name is already in use.'
-                        },
-                        errors: [
-                            'This machine name is already in use.'
-                        ]
-                    }));
-                setFormError('Could not create this admin role. Please try again.');
-            }
-        }
-    });
-    return /*#__PURE__*/ jsx("div", {
-        className: classnames('byline-role-create-wrap', create_module.wrap),
-        children: /*#__PURE__*/ jsxs("form", {
-            noValidate: true,
-            onSubmit: (event)=>{
-                event.preventDefault();
-                event.stopPropagation();
-                form.handleSubmit();
-            },
-            className: classnames('byline-role-create-form', create_module.form),
-            children: [
-                formError ? /*#__PURE__*/ jsx(Alert, {
-                    intent: "danger",
-                    children: formError
-                }) : null,
-                /*#__PURE__*/ jsx(form.Field, {
-                    name: "name",
-                    children: (field)=>/*#__PURE__*/ jsx(Input, {
-                            label: "Name",
-                            id: "new-role-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),
-                            helpText: "Human-readable label, e.g. 'Editor'.",
-                            required: true
-                        })
-                }),
-                /*#__PURE__*/ jsx(form.Field, {
-                    name: "machine_name",
-                    children: (field)=>/*#__PURE__*/ jsx(Input, {
-                            label: "Machine name",
-                            id: "new-role-machine-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),
-                            helpText: "Stable code-side handle, e.g. 'editor'. Cannot be changed later.",
-                            required: true
-                        })
-                }),
-                /*#__PURE__*/ jsx(form.Field, {
-                    name: "description",
-                    children: (field)=>/*#__PURE__*/ jsx(TextArea, {
-                            label: "Description",
-                            id: "new-role-description",
-                            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),
-                            rows: 3
-                        })
-                }),
-                /*#__PURE__*/ jsxs("div", {
-                    className: classnames('byline-role-create-actions', create_module.actions),
-                    children: [
-                        /*#__PURE__*/ jsx(Button, {
-                            type: "button",
-                            intent: "secondary",
-                            size: "sm",
-                            onClick: onClose,
-                            className: classnames('byline-role-create-action', create_module.action),
-                            children: "Cancel"
-                        }),
-                        /*#__PURE__*/ jsx(form.Subscribe, {
-                            selector: (state)=>({
-                                    canSubmit: state.canSubmit,
-                                    isSubmitting: state.isSubmitting
-                                }),
-                            children: ({ canSubmit, isSubmitting })=>/*#__PURE__*/ jsx(Button, {
-                                    size: "sm",
-                                    intent: "primary",
-                                    type: "submit",
-                                    disabled: !canSubmit || isSubmitting,
-                                    className: classnames('byline-role-create-action', create_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) {
-    if (err && 'object' == typeof err) {
-        const e = err;
-        if ('string' == typeof e.code) return e.code;
-        if (e.cause && 'object' == typeof e.cause && 'code' in e.cause) {
-            const cause = e.cause;
-            if ('string' == typeof cause.code) return cause.code;
-        }
-    }
-    return null;
-}
-export { CreateAdminRole };

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

@@ -1,8 +0,0 @@
-import "./create_module.css";
-const create_module = {
-    wrap: "wrap-FIx6P_",
-    form: "form-q7XTA4",
-    actions: "actions-mAbN0h",
-    action: "action-yxjk6G"
-};
-export default create_module;

package/dist/admin/components/admin-roles/create_module.css

@@ -1,27 +0,0 @@
-:is(.wrap-FIx6P_, .byline-role-create-wrap) {
-  gap: var(--spacing-8);
-  padding: var(--spacing-4);
-  margin-top: var(--spacing-4);
-  flex-direction: column;
-  display: flex;
-}
-
-:is(.form-q7XTA4, .byline-role-create-form) {
-  gap: var(--spacing-16);
-  padding-top: var(--spacing-8);
-  flex-direction: column;
-  display: flex;
-}
-
-:is(.actions-mAbN0h, .byline-role-create-actions) {
-  justify-content: flex-end;
-  align-items: center;
-  gap: var(--spacing-8);
-  margin-top: var(--spacing-16);
-  display: flex;
-}
-
-:is(.action-yxjk6G, .byline-role-create-action) {
-  min-width: 4rem;
-}
-

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

@@ -1,10 +0,0 @@
-import type { ListRegisteredAbilitiesResponse, SetRoleAbilitiesResponse } from '@byline/admin/admin-permissions';
-import type { AdminRoleResponse } from '@byline/admin/admin-roles';
-interface RolePermissionsProps {
-    role: AdminRoleResponse;
-    registered: ListRegisteredAbilitiesResponse;
-    initialAbilities: string[];
-    onSaved?: (response: SetRoleAbilitiesResponse) => void;
-}
-export declare function RolePermissions({ role, registered, initialAbilities, onSaved, }: RolePermissionsProps): import("react").JSX.Element;
-export {};