@byline/ui 2.5.1 → 2.6.0

package/dist/services/field-services-types.d.ts

@@ -1,63 +0,0 @@
-/**
- * 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
- */
-/**
- * Framework-neutral function contracts that field/form components in
- * `@byline/ui` need from the host application. The host wires concrete
- * implementations via `BylineFieldServicesProvider` — typically thin
- * adapters around TanStack Start server functions, Next.js server
- * actions, or any other RPC-style transport.
- */
-import type { StoredFileValue } from '@byline/core';
-export interface CollectionListParams {
-    page?: number;
-    page_size?: number;
-    order?: string;
-    desc?: boolean;
-    query?: string;
-    locale?: string;
-    status?: string;
-    fields?: string[];
-}
-export interface CollectionListDoc {
-    id: string;
-    path?: string;
-    [field: string]: unknown;
-}
-export interface CollectionListResponse {
-    docs: CollectionListDoc[];
-    meta: {
-        totalPages?: number;
-        [k: string]: unknown;
-    };
-    included: {
-        collection: {
-            id: string;
-            [k: string]: unknown;
-        };
-    };
-}
-export type GetCollectionDocumentsFn = (input: {
-    collection: string;
-    params: CollectionListParams;
-}) => Promise<CollectionListResponse>;
-export interface UploadedFileResult {
-    documentId?: string;
-    documentVersionId?: string;
-    /**
-     * The persisted file value, including the `variants` array with
-     * `storagePath`, `storageUrl`, `width`, `height`, and `format` for each
-     * generated derivative. Single source of truth — the legacy top-level
-     * `variants: { name, url }[]` is gone.
-     */
-    storedFile: StoredFileValue;
-}
-export type UploadFieldFn = (collection: string, formData: FormData, createDocument?: boolean) => Promise<UploadedFileResult>;
-export interface BylineFieldServices {
-    getCollectionDocuments: GetCollectionDocumentsFn;
-    uploadField: UploadFieldFn;
-}

package/dist/services/field-services-types.js

@@ -1 +0,0 @@
-export { };

package/dist/widgets/diff-viewer/diff-modal.d.ts

@@ -1,22 +0,0 @@
-export interface DiffModalProps {
-    isOpen: boolean;
-    onDismiss: () => void;
-    collection: string;
-    documentId: string;
-    /** The `versionId` of the historical version to compare. */
-    versionId: string;
-    /** A human-readable label for the historical version (e.g. a date string). */
-    versionLabel: string;
-    /** The already-loaded current (latest) version of the document. */
-    currentDocument: Record<string, unknown>;
-    /** Content locale to compare — undefined / 'all' shows all locales. */
-    locale?: string;
-    /**
-     * Host-provided loader for a historical document version. The diff
-     * modal is framework-neutral; callers wire this to whatever transport
-     * they use (e.g. `BylineAdminServices.getCollectionDocumentVersion` in
-     * the admin shell).
-     */
-    loadHistoricalVersion: (collection: string, documentId: string, versionId: string, locale: string | undefined) => Promise<Record<string, unknown>>;
-}
-export declare function DiffModal({ isOpen, onDismiss, collection, documentId, versionId, versionLabel, currentDocument, locale, loadHistoricalVersion, }: DiffModalProps): import("react").JSX.Element;

package/dist/widgets/diff-viewer/diff-modal.js

@@ -1,146 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import classnames from "classnames";
-import react_diff_viewer_continued, { DiffMethod } from "react-diff-viewer-continued";
-import { CloseIcon, IconButton, LoaderRing, Modal } from "../../uikit.js";
-import diff_modal_module from "./diff-modal.module.js";
-const STRIP_KEYS = new Set([
-    'id',
-    'versionId',
-    'path',
-    'status',
-    'createdAt',
-    'updatedAt',
-    'hasPublishedVersion',
-    '_publishedVersion'
-]);
-function stripMeta(doc) {
-    if (doc.fields && 'object' == typeof doc.fields) return doc.fields;
-    return Object.fromEntries(Object.entries(doc).filter(([k])=>!STRIP_KEYS.has(k)));
-}
-function DiffModal({ isOpen, onDismiss, collection, documentId, versionId, versionLabel, currentDocument, locale, loadHistoricalVersion }) {
-    const [historicalDoc, setHistoricalDoc] = useState(null);
-    const [loading, setLoading] = useState(false);
-    const [error, setError] = useState(null);
-    useEffect(()=>{
-        if (!isOpen || !versionId) return;
-        let cancelled = false;
-        setLoading(true);
-        setError(null);
-        setHistoricalDoc(null);
-        loadHistoricalVersion(collection, documentId, versionId, locale).then((doc)=>{
-            if (cancelled) return;
-            setHistoricalDoc(doc);
-        }).catch((err)=>{
-            if (cancelled) return;
-            setError(err instanceof Error ? err.message : 'Failed to load version');
-        }).finally(()=>{
-            if (!cancelled) setLoading(false);
-        });
-        return ()=>{
-            cancelled = true;
-        };
-    }, [
-        isOpen,
-        collection,
-        documentId,
-        versionId,
-        locale,
-        loadHistoricalVersion
-    ]);
-    const currentStr = currentDocument ? JSON.stringify(stripMeta(currentDocument), null, 2) : '';
-    const historicalStr = historicalDoc ? JSON.stringify(stripMeta(historicalDoc), null, 2) : '';
-    return /*#__PURE__*/ jsx(Modal, {
-        isOpen: isOpen,
-        closeOnOverlayClick: true,
-        onDismiss: onDismiss,
-        children: /*#__PURE__*/ jsxs(Modal.Container, {
-            style: {
-                width: '96vw',
-                maxWidth: '96vw',
-                height: '90vh',
-                maxHeight: '90vh',
-                display: 'flex',
-                flexDirection: 'column',
-                overflow: 'hidden'
-            },
-            children: [
-                /*#__PURE__*/ jsxs(Modal.Header, {
-                    className: classnames('byline-diff-modal-header', diff_modal_module.header),
-                    children: [
-                        /*#__PURE__*/ jsxs("div", {
-                            className: classnames('byline-diff-modal-title-stack', diff_modal_module["title-stack"]),
-                            children: [
-                                /*#__PURE__*/ jsx("h3", {
-                                    className: classnames('byline-diff-modal-title', diff_modal_module.title),
-                                    children: "Version Comparison"
-                                }),
-                                /*#__PURE__*/ jsxs("p", {
-                                    className: classnames('byline-diff-modal-subtitle', diff_modal_module.subtitle),
-                                    children: [
-                                        "Comparing",
-                                        ' ',
-                                        /*#__PURE__*/ jsx("span", {
-                                            className: classnames('byline-diff-modal-version', diff_modal_module.version),
-                                            children: versionLabel
-                                        }),
-                                        ' ',
-                                        "(left) against current version (right)"
-                                    ]
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ jsx(IconButton, {
-                            onClick: onDismiss,
-                            size: "xs",
-                            "aria-label": "Close comparison",
-                            children: /*#__PURE__*/ jsx(CloseIcon, {
-                                width: "15px",
-                                height: "15px"
-                            })
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsxs(Modal.Content, {
-                    className: classnames('byline-diff-modal-content', diff_modal_module.content),
-                    style: {
-                        minHeight: 0
-                    },
-                    children: [
-                        loading && /*#__PURE__*/ jsxs("div", {
-                            className: classnames('byline-diff-modal-state', diff_modal_module.state),
-                            children: [
-                                /*#__PURE__*/ jsx(LoaderRing, {
-                                    size: 28,
-                                    color: "#666666"
-                                }),
-                                /*#__PURE__*/ jsx("span", {
-                                    children: "Loading version…"
-                                })
-                            ]
-                        }),
-                        error && /*#__PURE__*/ jsx("div", {
-                            className: classnames('byline-diff-modal-state', 'byline-diff-modal-error', diff_modal_module.state, diff_modal_module.error),
-                            children: error
-                        }),
-                        !loading && !error && historicalDoc && /*#__PURE__*/ jsx("div", {
-                            className: classnames('byline-diff-modal-viewer', diff_modal_module.viewer),
-                            children: /*#__PURE__*/ jsx(react_diff_viewer_continued, {
-                                oldValue: historicalStr,
-                                newValue: currentStr,
-                                splitView: true,
-                                compareMethod: DiffMethod.LINES,
-                                useDarkTheme: true,
-                                leftTitle: versionLabel,
-                                rightTitle: "Current version",
-                                hideLineNumbers: false
-                            })
-                        })
-                    ]
-                })
-            ]
-        })
-    });
-}
-export { DiffModal };

package/dist/widgets/diff-viewer/diff-modal.module.js

@@ -1,14 +0,0 @@
-import "./diff-modal_module.css";
-const diff_modal_module = {
-    header: "header-da1tQG",
-    "title-stack": "title-stack-mSxmPG",
-    titleStack: "title-stack-mSxmPG",
-    title: "title-xO708s",
-    subtitle: "subtitle-VnkAjp",
-    version: "version-sRziHD",
-    content: "content-_KyVkg",
-    state: "state-Gg9w8j",
-    error: "error-BP4kEV",
-    viewer: "viewer-hxDZsJ"
-};
-export default diff_modal_module;

package/dist/widgets/diff-viewer/diff-modal_module.css

@@ -1,56 +0,0 @@
-:is(.header-da1tQG, .byline-diff-modal-header) {
-  padding-top: var(--spacing-16);
-  margin-bottom: var(--spacing-8);
-  flex-shrink: 0;
-}
-
-:is(.title-stack-mSxmPG, .byline-diff-modal-title-stack) {
-  flex-direction: column;
-  display: flex;
-}
-
-:is(.title-xO708s, .byline-diff-modal-title) {
-  font-size: var(--font-size-xl);
-  margin: 0;
-}
-
-:is(.subtitle-VnkAjp, .byline-diff-modal-subtitle) {
-  font-size: var(--font-size-sm);
-  color: var(--gray-400);
-  margin: 0;
-}
-
-:is(.version-sRziHD, .byline-diff-modal-version) {
-  font-family: var(--font-family-mono);
-  font-size: var(--font-size-xs);
-  background-color: var(--canvas-700);
-  padding: 0 var(--spacing-4);
-  border-radius: var(--border-radius-sm);
-}
-
-:is(.content-_KyVkg, .byline-diff-modal-content) {
-  flex: 1 1 0;
-  min-height: 0;
-  padding: 0;
-  overflow: auto;
-}
-
-:is(.state-Gg9w8j, .byline-diff-modal-state) {
-  justify-content: center;
-  align-items: center;
-  gap: var(--spacing-12);
-  height: 100%;
-  color: var(--gray-400);
-  display: flex;
-}
-
-:is(.error-BP4kEV, .byline-diff-modal-error) {
-  color: var(--red-400);
-  gap: 0;
-}
-
-:is(.viewer-hxDZsJ, .byline-diff-modal-viewer) {
-  font-family: var(--font-family-mono);
-  font-size: var(--font-size-sm);
-}
-

package/dist/widgets/status-badge/status-badge.d.ts

@@ -1,25 +0,0 @@
-/**
- * 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 { WorkflowStatus } from '@byline/core';
-/**
- * Compact badge for workflow status values. Maps the three built-in
- * statuses (draft, published, archived) to semantic intents and falls
- * back to `noeffect` for any custom workflow statuses.
- *
- * When `hasPublishedVersion` is true and the current status is not
- * `published`, a small green dot is rendered before the badge to
- * indicate that a published version is live.
- *
- * Stable override handles: `.byline-status-badge-wrap`,
- * `.byline-status-badge-dot`, `.byline-status-badge`.
- */
-export declare const StatusBadge: ({ status, workflowStatuses, hasPublishedVersion, }: {
-    status: string;
-    workflowStatuses: WorkflowStatus[];
-    hasPublishedVersion?: boolean;
-}) => import("react").JSX.Element;

package/dist/widgets/status-badge/status-badge.js

@@ -1,35 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { WORKFLOW_STATUS_ARCHIVED, WORKFLOW_STATUS_DRAFT, WORKFLOW_STATUS_PUBLISHED } from "@byline/core";
-import classnames from "classnames";
-import { Badge } from "../../uikit.js";
-import status_badge_module from "./status-badge.module.js";
-function statusIntent(status) {
-    switch(status){
-        case WORKFLOW_STATUS_PUBLISHED:
-            return 'success';
-        case WORKFLOW_STATUS_DRAFT:
-            return 'warning';
-        case WORKFLOW_STATUS_ARCHIVED:
-            return 'info';
-        default:
-            return 'noeffect';
-    }
-}
-const StatusBadge = ({ status, workflowStatuses, hasPublishedVersion })=>{
-    const label = workflowStatuses.find((s)=>s.name === status)?.label ?? String(status ?? '');
-    return /*#__PURE__*/ jsxs("span", {
-        className: classnames('byline-status-badge-wrap', status_badge_module.wrap),
-        children: [
-            true === hasPublishedVersion && 'published' !== status && /*#__PURE__*/ jsx("span", {
-                title: "A published version is live",
-                className: classnames('byline-status-badge-dot', status_badge_module.dot)
-            }),
-            /*#__PURE__*/ jsx(Badge, {
-                intent: statusIntent(status),
-                className: classnames('byline-status-badge', status_badge_module.badge),
-                children: label
-            })
-        ]
-    });
-};
-export { StatusBadge };

package/dist/widgets/status-badge/status-badge.module.js

@@ -1,7 +0,0 @@
-import "./status-badge_module.css";
-const status_badge_module = {
-    wrap: "wrap-ZbeRnh",
-    dot: "dot-VmpmJH",
-    badge: "badge-zXEFyw"
-};
-export default status_badge_module;

package/dist/widgets/status-badge/status-badge_module.css

@@ -1,20 +0,0 @@
-:is(.wrap-ZbeRnh, .byline-status-badge-wrap) {
-  align-items: center;
-  gap: var(--spacing-4);
-  display: inline-flex;
-}
-
-:is(.dot-VmpmJH, .byline-status-badge-dot) {
-  border-radius: var(--border-radius-full);
-  background-color: var(--green-500);
-  width: .5rem;
-  height: .5rem;
-  display: inline-block;
-}
-
-:is(.badge-zXEFyw, .byline-status-badge) {
-  padding: 0 .375rem;
-  font-size: .65rem;
-  line-height: 1.5;
-}
-

package/src/admin/group.module.css

@@ -1,41 +0,0 @@
-/**
- * Group — labelled fieldset clustering related fields together.
- *
- * Used by `FormRenderer` when a `CollectionAdminConfig` declares a
- * `groups` primitive. Renders a bordered, padded `<fieldset>` with an
- * optional `<legend>` for the label.
- *
- * Override handles: `.byline-admin-group` (the fieldset) and
- * `.byline-admin-group-legend` (the optional heading) are exposed as
- * stable global classes for host overrides.
- *
- * Note: this is the *admin layout* group primitive, not the schema-level
- * `group` field type. Field widgets use `byline-field-*` handles to keep
- * the namespaces disambiguated.
- */
-
-.group,
-:global(.byline-admin-group) {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-16);
-  padding: var(--spacing-12);
-  border: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
-  border-radius: var(--border-radius-md);
-}
-
-.legend,
-:global(.byline-admin-group-legend) {
-  padding-inline: var(--spacing-4);
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-medium);
-}
-
-/* ─── Dark theme variants ───────────────────────────────────── */
-
-:is([data-theme="dark"], :global(.dark)) {
-  .group,
-  :global(.byline-admin-group) {
-    border-color: var(--gray-700);
-  }
-}

package/src/admin/group.tsx

@@ -1,40 +0,0 @@
-/**
- * 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 { ReactNode } from 'react'
-
-import cx from 'classnames'
-
-import styles from './group.module.css'
-
-interface AdminGroupProps {
-  /** Optional heading rendered as a `<legend>` above the cluster. */
-  label?: string
-  children: ReactNode
-  className?: string
-}
-
-/**
- * Labelled fieldset clustering related fields together.
- *
- * Used by `FormRenderer` when a `CollectionAdminConfig` declares a `groups`
- * primitive. Renders a bordered, padded `<fieldset>` with an optional
- * `<legend>` for the label.
- *
- * Stable override handles: `.byline-admin-group` on the fieldset and
- * `.byline-admin-group-legend` on the legend (alongside the hashed
- * CSS-modules locals).
- */
-export const AdminGroup = ({ label, children, className }: AdminGroupProps) => {
-  return (
-    <fieldset className={cx('byline-admin-group', styles.group, className)}>
-      {label && <legend className={cx('byline-admin-group-legend', styles.legend)}>{label}</legend>}
-      {children}
-    </fieldset>
-  )
-}

package/src/admin/row.module.css

@@ -1,32 +0,0 @@
-/**
- * Row — horizontal flex layout for admin form fields.
- *
- * Members render side-by-side at `sm` and above, stack vertically below.
- * `flex: 1` + `min-width: 0` on direct children lets two text inputs
- * share the row evenly without overflowing.
- *
- * Override handle: `.byline-admin-row` is exposed as a stable global
- * class so hosts can target this element from their own stylesheet
- * without referring to the hashed local name.
- */
-
-.row,
-:global(.byline-admin-row) {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: var(--spacing-16);
-}
-
-.row > *,
-:global(.byline-admin-row) > * {
-  flex: 1;
-  min-width: 0;
-}
-
-@media (min-width: 40rem) {
-  .row,
-  :global(.byline-admin-row) {
-    flex-direction: row;
-  }
-}

package/src/admin/row.tsx

@@ -1,33 +0,0 @@
-/**
- * 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 { ReactNode } from 'react'
-
-import cx from 'classnames'
-
-import styles from './row.module.css'
-
-interface AdminRowProps {
-  children: ReactNode
-  className?: string
-}
-
-/**
- * Horizontal flex-row layout for admin form fields.
- *
- * Used by `FormRenderer` when a `CollectionAdminConfig` declares a `rows`
- * primitive. Members are rendered side-by-side above the `sm` breakpoint
- * and stack vertically below it. `flex-1` + `min-width: 0` lets two text
- * inputs share the row evenly without overflowing.
- *
- * The element carries `.byline-admin-row` as a stable global class for
- * host overrides (alongside the hashed CSS-modules local).
- */
-export const AdminRow = ({ children, className }: AdminRowProps) => {
-  return <div className={cx('byline-admin-row', styles.row, className)}>{children}</div>
-}

package/src/admin/tabs.module.css

@@ -1,107 +0,0 @@
-/**
- * Tabs — navigation bar for admin form layouts.
- *
- * Override handles:
- *   .byline-admin-tabs        — the tablist container
- *   .byline-admin-tab         — each tab button
- *   .byline-admin-tab-active  — added when the tab is the active one
- *   .byline-admin-tab-label   — the inner label span (with optional badge)
- *   .byline-admin-tab-badge   — the inline error-count badge
- */
-
-.tabs,
-:global(.byline-admin-tabs) {
-  display: flex;
-  gap: var(--spacing-16);
-  border-bottom: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
-}
-
-.tab,
-:global(.byline-admin-tab) {
-  position: relative;
-  margin-bottom: -1px;
-  padding: 0.625rem 0;
-  border-bottom: 2px solid transparent;
-  background: none;
-  color: var(--gray-500);
-  font-size: 1.1rem;
-  font-weight: var(--font-weight-medium);
-  cursor: pointer;
-  transition:
-    color 150ms ease,
-    border-color 150ms ease;
-  outline: none;
-}
-
-.tab:hover,
-:global(.byline-admin-tab):hover {
-  color: var(--gray-800);
-  border-bottom-color: var(--gray-300);
-}
-
-.tab:focus-visible,
-:global(.byline-admin-tab):focus-visible {
-  box-shadow: 0 0 0 2px var(--blue-500);
-}
-
-.tab-active,
-:global(.byline-admin-tab-active) {
-  color: var(--primary-600);
-  border-bottom-color: var(--primary-400);
-}
-
-.tab-active:hover,
-:global(.byline-admin-tab-active):hover {
-  color: var(--primary-600);
-  border-bottom-color: var(--primary-400);
-}
-
-.label,
-:global(.byline-admin-tab-label) {
-  display: flex;
-  align-items: center;
-  gap: 0.375rem;
-}
-
-.badge,
-:global(.byline-admin-tab-badge) {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 1.25rem;
-  height: 1.25rem;
-  padding: 0 0.375rem;
-  font-size: 0.7rem;
-}
-
-/* ─── Dark theme variants ───────────────────────────────────── */
-
-:is([data-theme="dark"], :global(.dark)) {
-  .tabs,
-  :global(.byline-admin-tabs) {
-    border-bottom-color: var(--gray-700);
-  }
-
-  .tab,
-  :global(.byline-admin-tab) {
-    color: var(--gray-400);
-  }
-
-  .tab:hover,
-  :global(.byline-admin-tab):hover {
-    color: var(--gray-200);
-    border-bottom-color: var(--gray-600);
-  }
-
-  .tab-active,
-  :global(.byline-admin-tab-active) {
-    color: var(--primary-200);
-    border-bottom-color: var(--primary-400);
-  }
-
-  .tab-active:hover,
-  :global(.byline-admin-tab-active):hover {
-    color: var(--primary-200);
-    border-bottom-color: var(--primary-400);
-  }
-}