@byline/admin 5.1.3 → 5.2.0

package/dist/fields/draggable-context-menu.jsx

@@ -1,50 +0,0 @@
-'use client';
-/**
- * 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 { useTranslation } from '@byline/i18n/react';
-import { DeleteIcon, Dropdown as DropdownMenu, EllipsisIcon, IconButton, PlusIcon, } from '@byline/ui/react';
-import cx from 'clsx';
-import styles from './draggable-context-menu.module.css';
-export function DraggableContextMenu({ onAddBelow, onRemove, }) {
-    const { t } = useTranslation('byline-admin');
-    const itemClass = cx('byline-draggable-menu-item', styles.item);
-    const rowClass = cx('byline-draggable-menu-row', styles.row);
-    const iconSlotClass = cx('byline-draggable-menu-icon-slot', styles['icon-slot']);
-    const labelClass = cx('byline-draggable-menu-label', styles.label);
-    return (<DropdownMenu.Root modal={false}>
-      <DropdownMenu.Trigger render={<IconButton variant="text" size="sm" aria-label={t('fields.draggableMenu.triggerAriaLabel')}/>}>
-        <EllipsisIcon width="16px" height="16px"/>
-      </DropdownMenu.Trigger>
-
-      <DropdownMenu.Portal>
-        <DropdownMenu.Content align="end" sideOffset={0} className={cx('byline-draggable-menu', styles.menu)}>
-          <DropdownMenu.Item className={itemClass} onClick={onAddBelow}>
-            <div className={rowClass}>
-              <span className={iconSlotClass}>
-                <PlusIcon width="18px" height="18px"/>
-              </span>
-              <span className={labelClass}>{t('fields.draggableMenu.addBelow')}</span>
-            </div>
-          </DropdownMenu.Item>
-          <DropdownMenu.Separator className={cx('byline-draggable-menu-separator', styles.separator)}/>
-          <DropdownMenu.Item className={itemClass} onClick={onRemove}>
-            <div className={rowClass}>
-              <div className={rowClass}>
-                <span className={iconSlotClass}>
-                  <DeleteIcon width="18px" height="18px" svgClassName={cx('byline-draggable-menu-delete-icon', styles['delete-icon'])}/>
-                </span>
-                <span className={cx('byline-draggable-menu-label byline-draggable-menu-label-danger', styles.label, styles['label-danger'])}>
-                  {t('fields.draggableMenu.remove')}
-                </span>
-              </div>
-            </div>
-          </DropdownMenu.Item>
-        </DropdownMenu.Content>
-      </DropdownMenu.Portal>
-    </DropdownMenu.Root>);
-}

package/dist/fields/field-admin.test.node.js

@@ -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 { describe, expect, it } from 'vitest';
-import { sliceFieldAdmin } from './field-admin.js';
-describe('sliceFieldAdmin', () => {
-    const answer = { editor: (() => null) };
-    const question = { components: {} };
-    it('returns undefined for an undefined map', () => {
-        expect(sliceFieldAdmin(undefined, 'faq')).toBeUndefined();
-    });
-    it('returns undefined when no entry addresses a descendant of the child', () => {
-        expect(sliceFieldAdmin({ faq: question, other: question }, 'faq')).toBeUndefined();
-    });
-    it('strips the child prefix from descendant keys', () => {
-        expect(sliceFieldAdmin({ 'faq.answer': answer, 'faq.question': question }, 'faq')).toEqual({
-            answer,
-            question,
-        });
-    });
-    it('keeps deeper paths dotted for the next level to slice', () => {
-        const map = { 'files.filesGroup.publicationFile': question };
-        const level1 = sliceFieldAdmin(map, 'files');
-        expect(level1).toEqual({ 'filesGroup.publicationFile': question });
-        expect(sliceFieldAdmin(level1, 'filesGroup')).toEqual({ publicationFile: question });
-    });
-    it('does not match on name prefixes that are not path segments', () => {
-        // 'faqExtra.answer' must not be sliced by child 'faq'.
-        expect(sliceFieldAdmin({ 'faqExtra.answer': answer }, 'faq')).toBeUndefined();
-    });
-    it('excludes the child’s own exact-name entry from the slice', () => {
-        expect(sliceFieldAdmin({ faq: question, 'faq.answer': answer }, 'faq')).toEqual({
-            answer,
-        });
-    });
-});

package/dist/fields/field-renderer.jsx

@@ -1,136 +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 { getAdminConfig } from '@byline/core';
-import cx from 'clsx';
-import { useFormContext } from '../forms/form-context';
-import { ArrayField } from './array/array-field';
-import { BlocksField } from './blocks/blocks-field';
-import { CheckboxField } from './checkbox/checkbox-field';
-import { CodeField } from './code/code-field';
-import { DateTimeField } from './datetime/datetime-field';
-import styles from './field-renderer.module.css';
-import { FileField } from './file/file-field';
-import { GroupField } from './group/group-field';
-import { ImageField } from './image/image-field';
-import { LocaleBadge } from './locale-badge';
-import { NumericalField } from './numerical/numerical-field';
-import { RelationField } from './relation/relation-field';
-import { RelationManyField } from './relation/relation-many-field';
-import { SelectField } from './select/select-field';
-import { TextField } from './text/text-field';
-import { TextAreaField } from './text-area/text-area-field';
-import { useFieldChangeHandler } from './use-field-change-handler';
-import { useFieldCondition } from './use-field-condition';
-export const FieldRenderer = ({ field, defaultValue: initialDefault, basePath, disableSorting, hideLabel, contentLocale, components, editor, fieldAdmin, }) => {
-    const path = basePath ? `${basePath}.${field.name}` : field.name;
-    const htmlId = path.replace(/[[\].]/g, '-');
-    const handleChange = useFieldChangeHandler(field, path);
-    const { getFieldValue } = useFormContext();
-    // Conditional visibility (BaseField.condition) — re-evaluated on every form
-    // edit; the field unmounts while its condition is false.
-    const visible = useFieldCondition(field, basePath);
-    // Conditional fields unmount while hidden, so on re-show the uncontrolled
-    // widget must be re-seeded from the live form store (which survives the
-    // unmount) rather than the initial document data — otherwise an edit made
-    // before hiding would be visually reverted while the store (and the patch
-    // stream) still carried it. `undefined` means the path was never written,
-    // in which case the initial default stands.
-    const storedValue = field.condition ? getFieldValue(path) : undefined;
-    const defaultValue = storedValue !== undefined ? storedValue : initialDefault;
-    // When a locale is active and the field is localised, inject a badge into
-    // the field label so the editor knows they are editing locale-specific content.
-    const isLocalised = field.localized === true;
-    const badge = isLocalised && contentLocale && !hideLabel ? <LocaleBadge locale={contentLocale}/> : null;
-    // All hooks have run by this point, so a conditional bail-out is safe.
-    // Hiding retains the field's stored value — no clearing patch is emitted.
-    if (!visible)
-        return null;
-    /**
-     * Render the underlying field widget. If the field is localised, we wrap it
-     * so we can append the locale badge after the label.
-     */
-    const renderField = () => {
-        switch (field.type) {
-            case 'text':
-                return (<TextField field={hideLabel ? { ...field, label: undefined } : field} defaultValue={defaultValue} onChange={handleChange} path={path} id={htmlId} locale={isLocalised ? contentLocale : undefined} components={components}/>);
-            case 'textArea':
-                return (<TextAreaField field={hideLabel ? { ...field, label: undefined } : field} defaultValue={defaultValue} onChange={handleChange} path={path} id={htmlId} locale={isLocalised ? contentLocale : undefined} components={components}/>);
-            case 'code':
-                return (<CodeField field={hideLabel ? { ...field, label: undefined } : field} defaultValue={defaultValue} onChange={handleChange} path={path} id={htmlId} locale={isLocalised ? contentLocale : undefined} components={components}/>);
-            case 'checkbox':
-                return (<CheckboxField field={hideLabel ? { ...field, label: undefined } : field} defaultValue={defaultValue} onChange={handleChange} path={path} id={htmlId}/>);
-            case 'select':
-                return (<SelectField field={hideLabel ? { ...field, label: undefined } : field} defaultValue={defaultValue} onChange={handleChange} path={path} id={htmlId}/>);
-            case 'richText': {
-                // Admin-side per-field override takes precedence over the globally
-                // registered editor (`AdminConfig.fields.richText.editor`). The
-                // override travels via `FieldAdminConfig.fields.<name>.editor` —
-                // see admin-types — so React component references stay out of the
-                // schema graph that's loaded by the server bootstrap.
-                const RichTextEditor = editor ?? getAdminConfig().fields?.richText?.editor;
-                if (!RichTextEditor) {
-                    throw new Error('No richText editor registered. Install @byline/richtext-lexical and set ' +
-                        '`fields.richText.editor` in your admin config.');
-                }
-                return (<RichTextEditor field={hideLabel ? { ...field, label: undefined } : field} defaultValue={defaultValue} onChange={handleChange} path={path} instanceKey={htmlId} locale={isLocalised ? contentLocale : undefined}/>);
-            }
-            case 'datetime':
-                return (<DateTimeField field={hideLabel ? { ...field, label: undefined } : field} defaultValue={defaultValue} onChange={handleChange} path={path} id={htmlId}/>);
-            case 'integer':
-            case 'float':
-            case 'decimal':
-                return (<NumericalField field={hideLabel ? { ...field, label: undefined } : field} defaultValue={defaultValue} onChange={handleChange} path={path} id={htmlId} components={components}/>);
-            case 'counter':
-                // Counter values are allocator-assigned; force readOnly at the
-                // renderer level so the widget is always non-editable regardless
-                // of whether the developer set `field.readOnly` explicitly.
-                return (<NumericalField field={hideLabel
-                        ? { ...field, label: undefined, readOnly: true }
-                        : { ...field, readOnly: true }} defaultValue={defaultValue} onChange={handleChange} path={path} id={htmlId} components={components}/>);
-            case 'file':
-                return (<FileField field={hideLabel ? { ...field, label: undefined } : field} defaultValue={defaultValue} onChange={handleChange} path={path}/>);
-            case 'image':
-                return (<ImageField field={hideLabel ? { ...field, label: undefined } : field} defaultValue={defaultValue} onChange={handleChange} path={path}/>);
-            case 'relation':
-                if (field.hasMany) {
-                    return (<RelationManyField field={hideLabel ? { ...field, label: undefined } : field} defaultValue={defaultValue} path={path} id={htmlId}/>);
-                }
-                return (<RelationField field={hideLabel ? { ...field, label: undefined } : field} defaultValue={defaultValue} onChange={handleChange} path={path} id={htmlId}/>);
-            case 'group':
-                // Render a group field as a fixed-order inline field group.
-                return (<GroupField field={hideLabel
-                        ? { ...field, label: undefined }
-                        : field} defaultValue={defaultValue} path={path} disableSorting={disableSorting} contentLocale={contentLocale} fieldAdmin={fieldAdmin}/>);
-            case 'blocks':
-                if (!field.blocks)
-                    return null;
-                return (<BlocksField field={field} defaultValue={defaultValue} path={path} contentLocale={contentLocale}/>);
-            case 'array':
-                if (!field.fields)
-                    return null;
-                return (<ArrayField field={field} defaultValue={defaultValue} path={path} disableSorting={disableSorting} contentLocale={contentLocale} fieldAdmin={fieldAdmin}/>);
-            default:
-                return null;
-        }
-    };
-    // text, textArea, and code render the badge inside their own Label row;
-    // the outer wrapper is only needed for other field types.
-    const selfBadge = field.type === 'text' ||
-        field.type === 'textArea' ||
-        field.type === 'code' ||
-        field.type === 'richText';
-    if (badge && !selfBadge) {
-        return (<div className={cx('byline-field-localized-wrap', styles['localized-wrap'])}>
-        {renderField()}
-        <span className={cx('byline-field-localized-badge', styles['localized-badge'])}>
-          {badge}
-        </span>
-      </div>);
-    }
-    return renderField();
-};

package/dist/fields/field-services-context.jsx

@@ -1,17 +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 { createContext, useContext } from 'react';
-const FieldServicesContext = createContext(null);
-export const BylineFieldServicesProvider = ({ services, children, }) => (<FieldServicesContext.Provider value={services}>{children}</FieldServicesContext.Provider>);
-export const useBylineFieldServices = () => {
-    const ctx = useContext(FieldServicesContext);
-    if (!ctx) {
-        throw new Error('@byline/ui: BylineFieldServicesProvider missing. Wrap your admin tree with <BylineFieldServicesProvider services={…} />.');
-    }
-    return ctx;
-};

package/dist/fields/file/file-field.jsx

@@ -1,176 +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 { isPendingStoredFileValue, } from '@byline/core';
-import { useTranslation } from '@byline/i18n/react';
-import { CloseIcon, DocumentIcon, DownloadIcon, ErrorText, HelpText, IconButton, Label, LoaderRing, VideoIcon, } from '@byline/ui/react';
-import cx from 'clsx';
-import { useFieldError, useFieldValue, useFormContext, useIsDirty, useIsFieldUploading, } from '../../forms/form-context';
-import { useFieldChangeHandler } from '../use-field-change-handler';
-import styles from './file-field.module.css';
-import { FileUploadField } from './file-upload-field';
-/**
- * Trigger a download via a temporary anchor. Mirrors the helper in
- * `image-lightbox.tsx`: same-origin URLs respect the `download` attribute and
- * save with the suggested filename; cross-origin URLs without CORS headers
- * fall through to navigation in a new tab, where the user can right-click
- * Save As.
- */
-function triggerDownload(url, filename) {
-    if (typeof document === 'undefined')
-        return;
-    const a = document.createElement('a');
-    a.href = url;
-    if (filename)
-        a.download = filename;
-    a.target = '_blank';
-    a.rel = 'noreferrer';
-    document.body.appendChild(a);
-    a.click();
-    document.body.removeChild(a);
-}
-export const FileField = ({ field, value, defaultValue, onChange: _onChange, path, }) => {
-    const fieldPath = path ?? field.name;
-    const { t } = useTranslation('byline-admin');
-    const fieldError = useFieldError(fieldPath);
-    const isDirty = useIsDirty(fieldPath);
-    const fieldValue = useFieldValue(fieldPath);
-    const isUploading = useIsFieldUploading(fieldPath);
-    // `collectionPath` comes from form context rather than a prop: it is
-    // constant for the form, and prop-drilling it meant any container that
-    // forgot to forward it silently rendered this widget read-only.
-    const { removePendingUpload, documentId, collectionPath } = useFormContext();
-    const handleChange = useFieldChangeHandler(field, fieldPath);
-    // Mirror the image-field rule: once the field has been touched, the form
-    // value is authoritative (even when null, so a click-to-remove sticks);
-    // otherwise fall back to props.
-    const incomingValue = isDirty
-        ? (fieldValue ?? null)
-        : (value ?? fieldValue ?? defaultValue ?? null);
-    const isPending = isPendingStoredFileValue(incomingValue);
-    // Legacy placeholder shape — kept for backwards compatibility with older
-    // seed data, matching the image-field check.
-    const isOldPlaceholder = (v) => {
-        if (!v || typeof v !== 'object')
-            return false;
-        const maybe = v;
-        return maybe.storageProvider === 'placeholder' && maybe.storagePath === 'pending';
-    };
-    const showUploadWidget = incomingValue == null || isOldPlaceholder(incomingValue);
-    // `upload.requireSavedDocument` gate: until the document is persisted,
-    // render a "save first" notice in place of the upload zone. Server-side
-    // upload hooks that depend on save-time state (counters, document id)
-    // rely on this; existing stored values still render normally below.
-    const uploadGated = field.upload?.requireSavedDocument === true && documentId == null;
-    const handleRemove = () => {
-        if (isPending) {
-            removePendingUpload(fieldPath);
-        }
-        handleChange(null);
-    };
-    // MIME-driven glyph dispatch. Until a dedicated VideoField primitive lands,
-    // the FileField is the canonical home for video uploads — the schema's
-    // `upload.allowedMimeTypes` decides what gets in, and we swap the glyph
-    // here based on the resolved MIME so the tile reads as "video" rather
-    // than "generic document".
-    const isVideo = incomingValue?.mimeType?.startsWith('video/') === true;
-    const FileGlyph = isVideo ? VideoIcon : DocumentIcon;
-    const htmlId = fieldPath;
-    return (<div className={`byline-field-file ${field.name}`}>
-      <div className={cx('byline-field-file-header', styles.header)}>
-        <Label id={htmlId} htmlFor={htmlId} label={field.label ?? field.name} required={!field.optional}/>
-      </div>
-
-      {showUploadWidget ? (uploadGated ? (<div className={cx('byline-field-file-empty', styles.empty)} role="note" data-testid="upload-require-saved-document">
-            {t('fields.upload.requireSavedDocument')}
-          </div>) : collectionPath ? (<FileUploadField field={field} collectionPath={collectionPath} fieldPath={fieldPath} onUploaded={(uploaded) => {
-                handleChange(uploaded);
-            }}/>) : (<div className={cx('byline-field-file-empty', styles.empty)}>
-            {t('fields.file.empty')}
-          </div>)) : (<div className={cx('byline-field-file-tile', styles.tile)}>
-          {isUploading && (<div className={cx('byline-field-file-uploading', styles.uploading)} aria-live="polite" aria-busy="true">
-              <LoaderRing />
-            </div>)}
-          {collectionPath && (<div className={cx('byline-field-file-actions', styles.actions)}>
-              {!isPending && incomingValue?.storageUrl && (<IconButton type="button" intent="noeffect" onClick={() => triggerDownload(incomingValue.storageUrl, incomingValue.originalFilename ?? incomingValue.filename)} size="xs" disabled={isUploading} aria-label={t('fields.file.downloadAriaLabel')}>
-                  <DownloadIcon width="15px" height="15px"/>
-                </IconButton>)}
-              <IconButton type="button" intent="noeffect" onClick={handleRemove} size="xs" disabled={isUploading} aria-label={t('fields.file.removeAriaLabel')}>
-                <CloseIcon width="15px" height="15px"/>
-              </IconButton>
-            </div>)}
-          {/* Document icon + (optional) pending badge — mirrors the
-                image-field's preview-wrap so the file tile has the same
-                visual hierarchy: glyph on the left, metadata on the right.
-                When the file is stored (non-pending and resolvable storageUrl),
-                the wrap is rendered as an anchor that opens the asset in a new
-                tab — browser-native viewer dispatch (PDFs render inline,
-                non-renderable types fall through to download). */}
-          {!isPending && incomingValue?.storageUrl ? (<a href={incomingValue.storageUrl} target="_blank" rel="noreferrer" aria-label={t('fields.file.openInNewTabAriaLabel', {
-                    filename: incomingValue.originalFilename ?? incomingValue.filename,
-                })} className={cx('byline-field-file-icon-wrap', styles['icon-wrap'])}>
-              <FileGlyph width="48px" height="48px" className={cx('byline-field-file-icon', styles.icon)}/>
-            </a>) : (<div className={cx('byline-field-file-icon-wrap', styles['icon-wrap'])}>
-              <FileGlyph width="48px" height="48px" className={cx('byline-field-file-icon', styles.icon)}/>
-              {isPending && (<div className={cx('byline-field-file-pending', styles.pending)}>
-                  {t('fields.fileMeta.pendingUpload')}
-                </div>)}
-            </div>)}
-          <div className={cx('byline-field-file-meta', styles.meta)}>
-            <div>
-              <span className={cx('byline-field-file-meta-key', styles['meta-key'])}>
-                {t('fields.fileMeta.filename')}
-              </span>{' '}
-              {incomingValue?.filename}
-            </div>
-            <div>
-              <span className={cx('byline-field-file-meta-key', styles['meta-key'])}>
-                {t('fields.fileMeta.original')}
-              </span>{' '}
-              {incomingValue?.originalFilename}
-            </div>
-            <div>
-              <span className={cx('byline-field-file-meta-key', styles['meta-key'])}>
-                {t('fields.fileMeta.type')}
-              </span>{' '}
-              {incomingValue?.mimeType}
-            </div>
-            <div>
-              <span className={cx('byline-field-file-meta-key', styles['meta-key'])}>
-                {t('fields.fileMeta.size')}
-              </span>{' '}
-              {incomingValue?.fileSize}
-            </div>
-            {isPending ? (<div>
-                <span className={cx('byline-field-file-meta-key', styles['meta-key'])}>
-                  {t('fields.fileMeta.status')}
-                </span>{' '}
-                <span className={cx('byline-field-file-meta-pending', styles['meta-pending'])}>
-                  {t('fields.fileMeta.willUploadOnSave')}
-                </span>
-              </div>) : (<>
-                <div>
-                  <span className={cx('byline-field-file-meta-key', styles['meta-key'])}>
-                    {t('fields.fileMeta.storage')}
-                  </span>{' '}
-                  {incomingValue?.storageProvider}
-                </div>
-                <div>
-                  <span className={cx('byline-field-file-meta-key', styles['meta-key'])}>
-                    {t('fields.fileMeta.path')}
-                  </span>{' '}
-                  {incomingValue?.storagePath}
-                </div>
-              </>)}
-          </div>
-        </div>)}
-
-      {field.helpText && <HelpText text={field.helpText}/>}
-
-      {fieldError && <ErrorText id={`${field.name}-error`} text={fieldError}/>}
-    </div>);
-};

package/dist/fields/file/file-upload-field.jsx

@@ -1,89 +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 { useCallback, useRef, useState } from 'react';
-import { createPendingStoredFileValue, } from '@byline/core';
-import { useTranslation } from '@byline/i18n/react';
-import cx from 'clsx';
-import { useFormContext } from '../../forms/form-context';
-import styles from './file-upload-field.module.css';
-export const FileUploadField = ({ field: _field, collectionPath, fieldPath, onUploaded, accept, }) => {
-    const inputRef = useRef(null);
-    const { t } = useTranslation('byline-admin');
-    const [status, setStatus] = useState('idle');
-    const [errorMessage, setErrorMessage] = useState(null);
-    const [isDragOver, setIsDragOver] = useState(false);
-    const { addPendingUpload } = useFormContext();
-    const handleFileSelected = useCallback((file) => {
-        setStatus('processing');
-        setErrorMessage(null);
-        // Blob URL is created so the form orchestrator can revoke it on cleanup
-        // alongside image-field uploads; it isn't surfaced in the UI here.
-        const previewUrl = URL.createObjectURL(file);
-        const pendingValue = createPendingStoredFileValue(file, previewUrl);
-        if (!addPendingUpload(fieldPath, {
-            file,
-            previewUrl,
-            collectionPath,
-        })) {
-            return;
-        }
-        setStatus('idle');
-        onUploaded(pendingValue);
-    }, [collectionPath, fieldPath, addPendingUpload, onUploaded]);
-    const handleFileChange = useCallback((e) => {
-        const file = e.target.files?.[0];
-        if (file)
-            handleFileSelected(file);
-        // Reset so re-selecting the same file fires the event again.
-        e.target.value = '';
-    }, [handleFileSelected]);
-    const handleBrowseClick = useCallback(() => {
-        inputRef.current?.click();
-    }, []);
-    const handleDragOver = useCallback((e) => {
-        e.preventDefault();
-        setIsDragOver(true);
-    }, []);
-    const handleDragLeave = useCallback((e) => {
-        e.preventDefault();
-        setIsDragOver(false);
-    }, []);
-    const handleDrop = useCallback((e) => {
-        e.preventDefault();
-        setIsDragOver(false);
-        const file = e.dataTransfer.files?.[0];
-        if (file)
-            handleFileSelected(file);
-    }, [handleFileSelected]);
-    const isProcessing = status === 'processing';
-    return (<div className={cx('byline-field-file-upload', styles.root)}>
-      <input ref={inputRef} type="file" accept={accept} className={cx('byline-field-file-upload-input', styles.input)} onChange={handleFileChange} disabled={isProcessing} aria-hidden="true" tabIndex={-1}/>
-
-      <div role="button" tabIndex={0} aria-label={t('fields.file.upload.zoneAriaLabel')} onDragOver={handleDragOver} onDragLeave={handleDragLeave} onDrop={handleDrop} onClick={handleBrowseClick} onKeyDown={(e) => {
-            if (e.key === 'Enter' || e.key === ' ') {
-                e.preventDefault();
-                handleBrowseClick();
-            }
-        }} className={cx('byline-field-file-upload-zone', styles.zone, isDragOver &&
-            !isProcessing && ['byline-field-file-upload-zone-active', styles['zone-active']], isProcessing && ['byline-field-file-upload-zone-busy', styles['zone-busy']])}>
-        <svg xmlns="http://www.w3.org/2000/svg" className={cx('byline-field-file-upload-icon', styles.icon)} fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={1.5} aria-hidden="true">
-          <path strokeLinecap="round" strokeLinejoin="round" d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5"/>
-        </svg>
-        <span className={cx('byline-field-file-upload-label', styles.label)}>
-          {t('fields.file.upload.label')}{' '}
-          <span className={cx('byline-field-file-upload-action', styles.action)}>
-            {t('fields.file.upload.browse')}
-          </span>
-        </span>
-      </div>
-
-      {status === 'error' && errorMessage && (<p className={cx('byline-field-file-upload-error', styles.error)} role="alert">
-          {errorMessage}
-        </p>)}
-    </div>);
-};

package/dist/fields/group/group-field.jsx

@@ -1,46 +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 { useMemo } from 'react';
-import { ErrorText } from '@byline/ui/react';
-import cx from 'clsx';
-import { sliceFieldAdmin } from '../../fields/field-admin';
-import { placeholderForField } from '../../fields/field-helpers';
-import { FieldRenderer } from '../../fields/field-renderer';
-import { useFieldError } from '../../forms/form-context';
-import styles from './group-field.module.css';
-export const GroupField = ({ field, defaultValue, path, disableSorting = true, contentLocale, fieldAdmin, }) => {
-    const fieldError = useFieldError(field.name);
-    // Default value for a group field is a plain object: { rating: 5, comment: '...' }
-    // Normalize to a plain object if not already one.
-    const groupData = useMemo(() => {
-        if (defaultValue && typeof defaultValue === 'object' && !Array.isArray(defaultValue)) {
-            return defaultValue;
-        }
-        // Fallback: build a placeholder object from child field definitions
-        const placeholder = {};
-        for (const childField of field.fields) {
-            placeholder[childField.name] = placeholderForField(childField);
-        }
-        return placeholder;
-    }, [defaultValue, field.fields]);
-    return (<div className={`byline-field-group ${field.name}`}>
-      {field.label && (<div className={cx('byline-field-group-header', styles.header)}>
-          <h3 className={cx('byline-field-group-title', styles.title)}>
-            {field.label}{' '}
-            {!field.optional && (<span className={cx('byline-field-group-required', styles.required)}>*</span>)}
-          </h3>
-          {field.helpText && (<p className={cx('byline-field-group-help', styles.help)}>{field.helpText}</p>)}
-        </div>)}
-      <div className={cx('byline-field-group-body', styles.body)}>
-        {field.fields.map((innerField) => {
-            return (<FieldRenderer key={innerField.name} field={innerField} defaultValue={groupData[innerField.name]} basePath={path} disableSorting={disableSorting} contentLocale={contentLocale} components={fieldAdmin?.[innerField.name]?.components} editor={fieldAdmin?.[innerField.name]?.editor} fieldAdmin={sliceFieldAdmin(fieldAdmin, innerField.name)}/>);
-        })}
-      </div>
-      {fieldError && <ErrorText id={`${field.name}-error`} text={fieldError}/>}
-    </div>);
-};