@byline/ui 0.9.3

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

@@ -0,0 +1,192 @@
+:is(.wrap-PZMu6Q, .byline-role-permissions-wrap) {
+  gap: var(--spacing-12);
+  margin-bottom: var(--spacing-48);
+  flex-direction: column;
+  display: flex;
+}
+
+:is(.toolbar-YuC8Pa, .byline-role-permissions-toolbar) {
+  align-items: center;
+  gap: var(--spacing-12);
+  padding: var(--spacing-12);
+  border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
+  background-color: var(--canvas-25);
+  border-radius: var(--border-radius-sm);
+  flex-wrap: wrap;
+  display: flex;
+}
+
+:is(.counter-o7x3wE, .byline-role-permissions-counter) {
+  font-size: var(--font-size-sm);
+  margin: 0;
+}
+
+:is(.counter-num-aRlp6L, .byline-role-permissions-counter-num) {
+  font-weight: var(--font-weight-medium);
+}
+
+:is(.actions-URmqw4, .byline-role-permissions-actions) {
+  align-items: center;
+  gap: var(--spacing-8);
+  margin-left: auto;
+  display: flex;
+}
+
+:is(.action-dZR89y, .byline-role-permissions-action) {
+  min-width: 4rem;
+}
+
+:is(.checkbox-auto-RZCTjr, .byline-role-permissions-checkbox-auto) {
+  width: auto !important;
+}
+
+:is(.groups-Pgfk7i, .byline-role-permissions-groups) {
+  gap: var(--spacing-8);
+  flex-direction: column;
+  display: flex;
+}
+
+:is(.group-DiWZhB, .byline-role-permissions-group) {
+  border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
+  border-radius: var(--border-radius-sm);
+}
+
+:is(.group-head-kGzuxl, .byline-role-permissions-group-head) {
+  padding: var(--spacing-12);
+  border-bottom: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
+  justify-content: space-between;
+  align-items: center;
+  display: flex;
+}
+
+:is(.group-name-f7Ehe2, .byline-role-permissions-group-name) {
+  font-weight: var(--font-weight-medium);
+}
+
+:is(.group-count-UQe6jT, .byline-role-permissions-group-count) {
+  margin-left: var(--spacing-8);
+  font-size: var(--font-size-xs);
+}
+
+:is(.group-buttons-Ea04wO, .byline-role-permissions-group-buttons) {
+  align-items: center;
+  gap: var(--spacing-4);
+  display: flex;
+}
+
+:is(.grid-dUNuYY, .byline-role-permissions-grid) {
+  gap: var(--spacing-4);
+  padding: var(--spacing-12);
+  grid-template-columns: 1fr;
+  display: grid;
+}
+
+@media (min-width: 40rem) {
+  :is(.grid-dUNuYY, .byline-role-permissions-grid) {
+    grid-template-columns: 1fr 1fr;
+  }
+}
+
+:is(.row-dWk2LK, .byline-role-permissions-row) {
+  align-items: flex-start;
+  gap: var(--spacing-8);
+  padding: var(--spacing-4) 0;
+  display: flex;
+}
+
+:is(.label-vQbd4k, .byline-role-permissions-label) {
+  cursor: default;
+  flex: 1 1 0;
+  min-width: 0;
+}
+
+:is(.label-edit-bcM5x6, .byline-role-permissions-label-edit) {
+  cursor: pointer;
+}
+
+:is(.label-head-l8D5ui, .byline-role-permissions-label-head) {
+  align-items: center;
+  gap: var(--spacing-8);
+  display: flex;
+}
+
+:is(.label-name-jlhCoA, .byline-role-permissions-label-name) {
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-medium);
+}
+
+:is(.key-FIvnnZ, .byline-role-permissions-key) {
+  background-color: var(--gray-100);
+  font-size: var(--font-size-xs);
+  border-radius: var(--border-radius-sm);
+  padding: .125rem .375rem;
+}
+
+:is(.description-f9syLV, .byline-role-permissions-description) {
+  font-size: var(--font-size-xs);
+  margin-bottom: 0;
+}
+
+:is(.mode-toggle-MIdB3e, .byline-role-permissions-mode-toggle) {
+  border: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
+  border-radius: var(--border-radius-sm);
+  display: inline-flex;
+  overflow: hidden;
+}
+
+:is(.mode-button-QVtaDD, .byline-role-permissions-mode-button) {
+  font-size: var(--font-size-xs);
+  cursor: pointer;
+  background-color: #0000;
+  border: 0;
+  padding: .125rem .625rem;
+  transition: background-color .15s;
+}
+
+:is(.mode-button-QVtaDD:hover, .byline-role-permissions-mode-button:hover) {
+  background-color: var(--gray-50);
+}
+
+:is(.mode-button-active-MvfUNO, .byline-role-permissions-mode-button-active) {
+  background-color: var(--gray-100);
+  font-weight: var(--font-weight-medium);
+}
+
+:is(.mode-button-divider-_j0tbc, .byline-role-permissions-mode-button-divider) {
+  border-left: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
+}
+
+:is(.mode-button-disabled-Rf9fQ5, .byline-role-permissions-mode-button-disabled) {
+  opacity: .5;
+  cursor: not-allowed;
+}
+
+:is(:is([data-theme="dark"], .dark) .toolbar-YuC8Pa, :is([data-theme="dark"], .dark) .byline-role-permissions-toolbar) {
+  border-color: var(--gray-700);
+  background-color: var(--canvas-800);
+}
+
+:is(:is([data-theme="dark"], .dark) .group-DiWZhB, :is([data-theme="dark"], .dark) .byline-role-permissions-group) {
+  border-color: var(--gray-700);
+}
+
+:is(:is([data-theme="dark"], .dark) .group-head-kGzuxl, :is([data-theme="dark"], .dark) .byline-role-permissions-group-head) {
+  border-bottom-color: var(--gray-700);
+}
+
+:is(:is([data-theme="dark"], .dark) .key-FIvnnZ, :is([data-theme="dark"], .dark) .byline-role-permissions-key) {
+  background-color: var(--canvas-800);
+}
+
+:is(:is([data-theme="dark"], .dark) .mode-toggle-MIdB3e, :is([data-theme="dark"], .dark) .byline-role-permissions-mode-toggle) {
+  border-color: var(--gray-700);
+}
+
+:is(:is([data-theme="dark"], .dark) .mode-button-QVtaDD:hover, :is([data-theme="dark"], .dark) .byline-role-permissions-mode-button:hover), :is(:is([data-theme="dark"], .dark) .mode-button-active-MvfUNO, :is([data-theme="dark"], .dark) .byline-role-permissions-mode-button-active) {
+  background-color: var(--canvas-700);
+}
+
+:is(:is([data-theme="dark"], .dark) .mode-button-divider-_j0tbc, :is([data-theme="dark"], .dark) .byline-role-permissions-mode-button-divider) {
+  border-left-color: var(--gray-700);
+}
+

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

@@ -0,0 +1,9 @@
+import type { AdminRoleResponse } from '@byline/admin/admin-roles';
+interface UpdateRoleProps {
+    role: AdminRoleResponse;
+    onClose?: () => void;
+    onSuccess?: (role: AdminRoleResponse) => void;
+}
+export declare function UpdateRole({ role, onClose, onSuccess }: UpdateRoleProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=update.d.ts.map

package/dist/admin/components/admin-roles/update.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"update.d.ts","sourceRoot":"","sources":["../../../../src/admin/components/admin-roles/update.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAsClE,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,SAAS,EAAE,EAAE,eAAe,+BAsIvE"}

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

@@ -0,0 +1,166 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { revalidateLogic, useForm } from "@tanstack/react-form-start";
+import { Alert, Button, Input, LoaderEllipsis, TextArea } from "@infonomic/uikit/react";
+import classnames from "classnames";
+import { z } from "zod";
+import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import update_module from "./update.module.js";
+const updateRoleSchema = z.object({
+    name: z.string().min(1, 'Name is required').max(128, 'Name must not exceed 128 characters'),
+    description: z.string().max(2000, "Description must not exceed 2000 characters")
+});
+function defaultsFrom(role) {
+    return {
+        name: role.name,
+        description: role.description ?? ''
+    };
+}
+function buildPatch(values, role) {
+    const patch = {};
+    const normaliseText = (value)=>value.trim().length > 0 ? value : null;
+    const nextDescription = normaliseText(values.description);
+    const nextName = values.name.trim();
+    if (nextName !== role.name) patch.name = nextName;
+    if (nextDescription !== role.description) patch.description = nextDescription;
+    return patch;
+}
+function UpdateRole({ role, onClose, onSuccess }) {
+    const { updateAdminRole } = useBylineAdminServices();
+    const [formError, setFormError] = useState(null);
+    const [successMessage, setSuccessMessage] = useState(null);
+    const form = useForm({
+        defaultValues: defaultsFrom(role),
+        validationLogic: revalidateLogic({
+            mode: 'blur',
+            modeAfterSubmission: 'change'
+        }),
+        validators: {
+            onDynamic: updateRoleSchema
+        },
+        onSubmit: async ({ value })=>{
+            setFormError(null);
+            setSuccessMessage(null);
+            const patch = buildPatch(value, role);
+            if (0 === Object.keys(patch).length) return void setSuccessMessage('No changes to save.');
+            try {
+                const updated = await updateAdminRole({
+                    data: {
+                        id: role.id,
+                        vid: role.vid,
+                        patch
+                    }
+                });
+                setSuccessMessage('Saved.');
+                onSuccess?.(updated);
+            } catch (err) {
+                const code = getErrorCode(err);
+                if ('admin.roles.versionConflict' === code) return void setFormError('This role has been modified elsewhere since you opened this form. Reload to get the latest values and try again.');
+                if ('admin.roles.notFound' === code) return void setFormError('This role no longer exists.');
+                setFormError('Could not save changes. Please try again.');
+            }
+        }
+    });
+    return /*#__PURE__*/ jsx("div", {
+        className: classnames('byline-role-update-wrap', update_module.wrap),
+        children: /*#__PURE__*/ jsxs("form", {
+            noValidate: true,
+            onSubmit: (event)=>{
+                event.preventDefault();
+                event.stopPropagation();
+                form.handleSubmit();
+            },
+            className: classnames('byline-role-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: "name",
+                    children: (field)=>/*#__PURE__*/ jsx(Input, {
+                            label: "Name",
+                            id: "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),
+                            required: true
+                        })
+                }),
+                /*#__PURE__*/ jsx(Input, {
+                    label: "Machine name",
+                    id: "role-machine-name",
+                    name: "machine_name",
+                    value: role.machine_name,
+                    readOnly: true,
+                    disabled: true,
+                    helpText: "The stable code-side handle. Cannot be changed after creation."
+                }),
+                /*#__PURE__*/ jsx(form.Field, {
+                    name: "description",
+                    children: (field)=>/*#__PURE__*/ jsx(TextArea, {
+                            label: "Description",
+                            id: "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-update-actions', update_module.actions),
+                    children: [
+                        /*#__PURE__*/ jsx(Button, {
+                            type: "button",
+                            intent: "secondary",
+                            size: "sm",
+                            onClick: onClose,
+                            className: classnames('byline-role-update-action', update_module.action),
+                            children: successMessage ? 'Close' : '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-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 { UpdateRole };

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

@@ -0,0 +1,8 @@
+import "./update_module.css";
+const update_module = {
+    wrap: "wrap-mfIMVS",
+    form: "form-aniFJU",
+    actions: "actions-b9qrxi",
+    action: "action-h2ZUf2"
+};
+export default update_module;

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

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

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

@@ -0,0 +1,9 @@
+import type { AdminUserResponse } from '@byline/admin/admin-users';
+interface CreateAdminUserProps {
+    onClose?: () => void;
+    /** Called on successful create with the new user so the parent can navigate. */
+    onSuccess?: (user: AdminUserResponse) => void;
+}
+export declare function CreateAdminUser({ onClose, onSuccess }: CreateAdminUserProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=create.d.ts.map

package/dist/admin/components/admin-users/create.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../../../src/admin/components/admin-users/create.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AA2ClE,UAAU,oBAAoB;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,gFAAgF;IAChF,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAA;CAC9C;AAED,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,oBAAoB,+BA8N3E"}