@byline/ui 2.5.2 → 2.6.1

package/dist/fields/draggable-context-menu.module.js

@@ -1,15 +0,0 @@
-import "./draggable-context-menu_module.css";
-const draggable_context_menu_module = {
-    menu: "menu-AK92L8",
-    item: "item-cZy6je",
-    row: "row-IT7owe",
-    "icon-slot": "icon-slot-eFcN9X",
-    iconSlot: "icon-slot-eFcN9X",
-    label: "label-FpWNo3",
-    "label-danger": "label-danger-QfUDsA",
-    labelDanger: "label-danger-QfUDsA",
-    "delete-icon": "delete-icon-VR2oJo",
-    deleteIcon: "delete-icon-VR2oJo",
-    separator: "separator-wdzZsH"
-};
-export default draggable_context_menu_module;

package/dist/fields/draggable-context-menu_module.css

@@ -1,91 +0,0 @@
-:is(.menu-AK92L8, .byline-draggable-menu) {
-  z-index: 40;
-  border: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
-  border-radius: var(--border-radius-sm);
-  background-color: #fff;
-  width: 8.5rem;
-  padding: .25rem .375rem;
-  box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
-}
-
-:is(.item-cZy6je, .byline-draggable-menu-item) {
-  border-radius: var(--border-radius-sm);
-  width: 100%;
-  color: var(--gray-600);
-  cursor: default;
-  -webkit-user-select: none;
-  user-select: none;
-  outline: none;
-  align-items: center;
-  gap: .25rem;
-  padding: 5px 2px;
-  display: flex;
-}
-
-@media (min-width: 48rem) {
-  :is(.item-cZy6je, .byline-draggable-menu-item) {
-    font-size: var(--font-size-sm);
-  }
-}
-
-:is(.item-cZy6je:hover, .item-cZy6je:focus, .byline-draggable-menu-item:hover, .byline-draggable-menu-item:focus) {
-  background-color: oklch(from var(--canvas-50) l c h / .3);
-}
-
-:is(.row-IT7owe, .byline-draggable-menu-row) {
-  align-items: center;
-  gap: .25rem;
-  width: 100%;
-  display: flex;
-}
-
-:is(.icon-slot-eFcN9X, .byline-draggable-menu-icon-slot) {
-  width: 22px;
-  display: inline-block;
-}
-
-:is(.label-FpWNo3, .byline-draggable-menu-label) {
-  text-align: left;
-  color: #000;
-  flex: 1;
-  align-self: flex-start;
-  width: 100%;
-  display: inline-block;
-}
-
-:is(.label-danger-QfUDsA, .byline-draggable-menu-label-danger) {
-  color: var(--red-600);
-}
-
-:is(.delete-icon-VR2oJo, .byline-draggable-menu-delete-icon) {
-  stroke: var(--red-600);
-}
-
-:is(.separator-wdzZsH, .byline-draggable-menu-separator) {
-  border: none;
-  border-top: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
-  width: 90%;
-  margin: .25rem auto;
-}
-
-:is(:is([data-theme="dark"], .dark) .menu-AK92L8, :is([data-theme="dark"], .dark) .byline-draggable-menu) {
-  background-color: var(--canvas-800);
-  border-color: var(--canvas-700);
-}
-
-:is(:is([data-theme="dark"], .dark) .item-cZy6je, :is([data-theme="dark"], .dark) .byline-draggable-menu-item) {
-  color: var(--gray-300);
-}
-
-:is(:is([data-theme="dark"], .dark) .item-cZy6je:hover, :is([data-theme="dark"], .dark) .item-cZy6je:focus, :is([data-theme="dark"], .dark) .byline-draggable-menu-item:hover, :is([data-theme="dark"], .dark) .byline-draggable-menu-item:focus) {
-  background-color: var(--canvas-900);
-}
-
-:is(:is([data-theme="dark"], .dark) .label-FpWNo3, :is([data-theme="dark"], .dark) .byline-draggable-menu-label) {
-  color: var(--gray-300);
-}
-
-:is(:is([data-theme="dark"], .dark) .separator-wdzZsH, :is([data-theme="dark"], .dark) .byline-draggable-menu-separator) {
-  border-top-color: var(--gray-900);
-}
-

package/dist/fields/field-helpers.d.ts

@@ -1,26 +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 { Field } from '@byline/core';
-export declare const placeholderStoredFileValue: {
-    fileId: `${string}-${string}-${string}-${string}-${string}`;
-    filename: string;
-    originalFilename: string;
-    mimeType: string;
-    fileSize: number;
-    storageProvider: string;
-    storagePath: string;
-    storageUrl: null;
-    fileHash: null;
-    imageWidth: null;
-    imageHeight: null;
-    imageFormat: null;
-    processingStatus: string;
-    thumbnailGenerated: boolean;
-};
-export declare const placeholderForField: (f: Field) => any;
-export declare const defaultScalarForField: (f: Field, getFieldValues: () => Record<string, any>) => Promise<any>;

package/dist/fields/field-helpers.js

@@ -1,50 +0,0 @@
-import { resolveFieldDefaultValue } from "@byline/core";
-const placeholderStoredFileValue = {
-    fileId: crypto.randomUUID(),
-    filename: 'placeholder',
-    originalFilename: 'placeholder',
-    mimeType: 'application/octet-stream',
-    fileSize: 0,
-    storageProvider: 'placeholder',
-    storagePath: 'pending',
-    storageUrl: null,
-    fileHash: null,
-    imageWidth: null,
-    imageHeight: null,
-    imageFormat: null,
-    processingStatus: 'pending',
-    thumbnailGenerated: false
-};
-const placeholderForField = (f)=>{
-    switch(f.type){
-        case 'text':
-        case 'textArea':
-            return '';
-        case 'checkbox':
-            return false;
-        case 'integer':
-            return 0;
-        case 'counter':
-            return;
-        case 'richText':
-        case 'datetime':
-            return;
-        case 'select':
-            return '';
-        case 'file':
-        case 'image':
-            return placeholderStoredFileValue;
-        default:
-            return null;
-    }
-};
-const defaultScalarForField = async (f, getFieldValues)=>{
-    const schemaDefault = await resolveFieldDefaultValue(f, {
-        data: getFieldValues(),
-        now: ()=>new Date(),
-        uuid: ()=>crypto.randomUUID()
-    });
-    if (void 0 !== schemaDefault) return schemaDefault;
-    return placeholderForField(f);
-};
-export { defaultScalarForField, placeholderForField, placeholderStoredFileValue };

package/dist/fields/field-renderer.d.ts

@@ -1,37 +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 { Field, FieldComponentSlots, RichTextEditorComponent } from '@byline/core';
-interface FieldRendererProps {
-    field: Field;
-    defaultValue?: any;
-    basePath?: string;
-    disableSorting?: boolean;
-    hideLabel?: boolean;
-    /** Collection path (e.g. `'media'`) forwarded to upload-capable fields. */
-    collectionPath?: string;
-    /**
-     * The active content locale (e.g. `'en'`, `'fr'`). When provided and
-     * `field.localized === true`, a small locale badge is shown so the editor
-     * knows they are working on a localised field in the current language.
-     */
-    contentLocale?: string;
-    /**
-     * Optional UI component slot overrides from the admin config.
-     * Forwarded to value-field widgets that support custom slots.
-     */
-    components?: FieldComponentSlots;
-    /**
-     * Per-field rich-text editor component override from the admin config.
-     * Takes precedence over the globally registered
-     * `ClientConfig.fields.richText.editor` for this single field.
-     * Ignored when `field.type !== 'richText'`.
-     */
-    editor?: RichTextEditorComponent;
-}
-export declare const FieldRenderer: ({ field, defaultValue, basePath, disableSorting, hideLabel, collectionPath, contentLocale, components, editor, }: FieldRendererProps) => import("react").JSX.Element | null;
-export {};

package/dist/fields/field-renderer.js

@@ -1,206 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { getClientConfig } from "@byline/core";
-import classnames from "classnames";
-import { ArrayField } from "./array/array-field.js";
-import { BlocksField } from "./blocks/blocks-field.js";
-import { CheckboxField } from "./checkbox/checkbox-field.js";
-import { DateTimeField } from "./datetime/datetime-field.js";
-import field_renderer_module from "./field-renderer.module.js";
-import { FileField } from "./file/file-field.js";
-import { GroupField } from "./group/group-field.js";
-import { ImageField } from "./image/image-field.js";
-import { LocaleBadge } from "./locale-badge.js";
-import { NumericalField } from "./numerical/numerical-field.js";
-import { RelationField } from "./relation/relation-field.js";
-import { SelectField } from "./select/select-field.js";
-import { TextField } from "./text/text-field.js";
-import { TextAreaField } from "./text-area/text-area-field.js";
-import { useFieldChangeHandler } from "./use-field-change-handler.js";
-const FieldRenderer = ({ field, defaultValue, basePath, disableSorting, hideLabel, collectionPath, contentLocale, components, editor })=>{
-    const path = basePath ? `${basePath}.${field.name}` : field.name;
-    const htmlId = path.replace(/[[\].]/g, '-');
-    const handleChange = useFieldChangeHandler(field, path);
-    const isLocalised = true === field.localized;
-    const badge = isLocalised && contentLocale && !hideLabel ? /*#__PURE__*/ jsx(LocaleBadge, {
-        locale: contentLocale
-    }) : null;
-    const renderField = ()=>{
-        switch(field.type){
-            case 'text':
-                return /*#__PURE__*/ jsx(TextField, {
-                    field: hideLabel ? {
-                        ...field,
-                        label: void 0
-                    } : field,
-                    defaultValue: defaultValue,
-                    onChange: handleChange,
-                    path: path,
-                    id: htmlId,
-                    locale: isLocalised ? contentLocale : void 0,
-                    components: components
-                });
-            case 'textArea':
-                return /*#__PURE__*/ jsx(TextAreaField, {
-                    field: hideLabel ? {
-                        ...field,
-                        label: void 0
-                    } : field,
-                    defaultValue: defaultValue,
-                    onChange: handleChange,
-                    path: path,
-                    id: htmlId,
-                    locale: isLocalised ? contentLocale : void 0,
-                    components: components
-                });
-            case 'checkbox':
-                return /*#__PURE__*/ jsx(CheckboxField, {
-                    field: hideLabel ? {
-                        ...field,
-                        label: void 0
-                    } : field,
-                    defaultValue: defaultValue,
-                    onChange: handleChange,
-                    path: path,
-                    id: htmlId
-                });
-            case 'select':
-                return /*#__PURE__*/ jsx(SelectField, {
-                    field: hideLabel ? {
-                        ...field,
-                        label: void 0
-                    } : field,
-                    defaultValue: defaultValue,
-                    onChange: handleChange,
-                    path: path,
-                    id: htmlId
-                });
-            case 'richText':
-                {
-                    const RichTextEditor = editor ?? getClientConfig().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 /*#__PURE__*/ jsx(RichTextEditor, {
-                        field: hideLabel ? {
-                            ...field,
-                            label: void 0
-                        } : field,
-                        defaultValue: defaultValue,
-                        onChange: handleChange,
-                        path: path,
-                        instanceKey: htmlId,
-                        locale: isLocalised ? contentLocale : void 0
-                    });
-                }
-            case 'datetime':
-                return /*#__PURE__*/ jsx(DateTimeField, {
-                    field: hideLabel ? {
-                        ...field,
-                        label: void 0
-                    } : field,
-                    defaultValue: defaultValue,
-                    onChange: handleChange,
-                    path: path,
-                    id: htmlId
-                });
-            case 'integer':
-                return /*#__PURE__*/ jsx(NumericalField, {
-                    field: hideLabel ? {
-                        ...field,
-                        label: void 0
-                    } : field,
-                    defaultValue: defaultValue,
-                    onChange: handleChange,
-                    path: path,
-                    id: htmlId,
-                    components: components
-                });
-            case 'counter':
-                return /*#__PURE__*/ jsx(NumericalField, {
-                    field: hideLabel ? {
-                        ...field,
-                        label: void 0,
-                        readOnly: true
-                    } : {
-                        ...field,
-                        readOnly: true
-                    },
-                    defaultValue: defaultValue,
-                    onChange: handleChange,
-                    path: path,
-                    id: htmlId,
-                    components: components
-                });
-            case 'file':
-                return /*#__PURE__*/ jsx(FileField, {
-                    field: hideLabel ? {
-                        ...field,
-                        label: void 0
-                    } : field,
-                    defaultValue: defaultValue,
-                    onChange: handleChange,
-                    path: path,
-                    collectionPath: collectionPath
-                });
-            case 'image':
-                return /*#__PURE__*/ jsx(ImageField, {
-                    field: hideLabel ? {
-                        ...field,
-                        label: void 0
-                    } : field,
-                    defaultValue: defaultValue,
-                    onChange: handleChange,
-                    path: path,
-                    collectionPath: collectionPath
-                });
-            case 'relation':
-                return /*#__PURE__*/ jsx(RelationField, {
-                    field: hideLabel ? {
-                        ...field,
-                        label: void 0
-                    } : field,
-                    defaultValue: defaultValue,
-                    onChange: handleChange,
-                    path: path,
-                    id: htmlId
-                });
-            case 'group':
-                return /*#__PURE__*/ jsx(GroupField, {
-                    field: hideLabel ? {
-                        ...field,
-                        label: void 0
-                    } : field,
-                    defaultValue: defaultValue,
-                    path: path
-                });
-            case 'blocks':
-                if (!field.blocks) return null;
-                return /*#__PURE__*/ jsx(BlocksField, {
-                    field: field,
-                    defaultValue: defaultValue,
-                    path: path
-                });
-            case 'array':
-                if (!field.fields) return null;
-                return /*#__PURE__*/ jsx(ArrayField, {
-                    field: field,
-                    defaultValue: defaultValue,
-                    path: path,
-                    disableSorting: disableSorting
-                });
-            default:
-                return null;
-        }
-    };
-    const selfBadge = 'text' === field.type || 'textArea' === field.type || 'richText' === field.type;
-    if (badge && !selfBadge) return /*#__PURE__*/ jsxs("div", {
-        className: classnames('byline-field-localized-wrap', field_renderer_module["localized-wrap"]),
-        children: [
-            renderField(),
-            /*#__PURE__*/ jsx("span", {
-                className: classnames('byline-field-localized-badge', field_renderer_module["localized-badge"]),
-                children: badge
-            })
-        ]
-    });
-    return renderField();
-};
-export { FieldRenderer };

package/dist/fields/field-renderer.module.js

@@ -1,8 +0,0 @@
-import "./field-renderer_module.css";
-const field_renderer_module = {
-    "localized-wrap": "localized-wrap-bv51Y7",
-    localizedWrap: "localized-wrap-bv51Y7",
-    "localized-badge": "localized-badge-D5MrbH",
-    localizedBadge: "localized-badge-D5MrbH"
-};
-export default field_renderer_module;

package/dist/fields/field-renderer_module.css

@@ -1,11 +0,0 @@
-:is(.localized-wrap-bv51Y7, .byline-field-localized-wrap) {
-  position: relative;
-}
-
-:is(.localized-badge-D5MrbH, .byline-field-localized-badge) {
-  line-height: 1;
-  position: absolute;
-  top: 0;
-  right: 0;
-}
-

package/dist/fields/file/file-field.d.ts

@@ -1,19 +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 FileField as FieldType, type StoredFileValue } from '@byline/core';
-interface FileFieldProps {
-    field: FieldType;
-    /** Collection path required to call the /upload endpoint. */
-    collectionPath?: string;
-    value?: StoredFileValue | null;
-    defaultValue?: StoredFileValue | null;
-    onChange?: (value: StoredFileValue | null) => void;
-    path?: string;
-}
-export declare const FileField: ({ field, collectionPath, value, defaultValue, onChange: _onChange, path, }: FileFieldProps) => import("react").JSX.Element;
-export {};