@byline/admin 2.5.1 → 2.6.0

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

@@ -0,0 +1,6 @@
+import "./checkbox-field_module.css";
+const checkbox_field_module = {
+    "field-checkbox": "field-checkbox-H7UwUd",
+    fieldCheckbox: "field-checkbox-H7UwUd"
+};
+export default checkbox_field_module;

package/dist/fields/checkbox/checkbox-field_module.css

@@ -0,0 +1,4 @@
+:is(.byline-field-checkbox, .field-checkbox-H7UwUd) {
+  margin: 0;
+}
+

package/dist/fields/column-formatter.d.ts

@@ -0,0 +1,20 @@
+/**
+ * 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 { ColumnFormatter, FormatterProps } from '@byline/core';
+/**
+ * Type guard: returns true when the formatter is a `{ component }` wrapper
+ * rather than a plain function.
+ */
+export declare function isComponentFormatter<T>(fmt: ColumnFormatter<T>): fmt is {
+    component: (props: FormatterProps<T>) => any;
+};
+/**
+ * Render a cell value through its column formatter (if any).
+ * Handles both plain-function and `{ component }` formatters.
+ */
+export declare function renderFormatted(value: any, document: any, formatter: ColumnFormatter): any;

package/dist/fields/column-formatter.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+function isComponentFormatter(fmt) {
+    return 'object' == typeof fmt && null !== fmt && 'component' in fmt;
+}
+function renderFormatted(value, document, formatter) {
+    if (isComponentFormatter(formatter)) {
+        const Component = formatter.component;
+        return /*#__PURE__*/ jsx(Component, {
+            value: value,
+            record: document
+        });
+    }
+    return formatter(value, document);
+}
+export { isComponentFormatter, renderFormatted };

package/dist/fields/date-time-formatter.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 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 { FormatterProps } from '@byline/core';
+/**
+ * SSR-safe date-time column formatter for list views.
+ *
+ * Uses the `LocalDateTime` component which renders a placeholder on the server
+ * and formats to the user's locale/timezone after hydration, avoiding
+ * server/client mismatches.
+ */
+export declare function DateTimeFormatter({ value }: FormatterProps): import("react").JSX.Element;

package/dist/fields/date-time-formatter.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+import { LocalDateTime } from "./local-date-time.js";
+function DateTimeFormatter({ value }) {
+    return /*#__PURE__*/ jsx(LocalDateTime, {
+        value: value
+    });
+}
+export { DateTimeFormatter };

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

@@ -0,0 +1,16 @@
+/**
+ * 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 { DateTimeField as FieldType } from '@byline/core';
+export declare const DateTimeField: ({ field, value, defaultValue, onChange, id, path, }: {
+    field: FieldType;
+    value?: Date | null;
+    defaultValue?: Date | null;
+    onChange?: (value: Date | null) => void;
+    id?: string;
+    path?: string;
+}) => import("react").JSX.Element;

package/dist/fields/datetime/datetime-field.js

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { DatePicker, ErrorText } from "@byline/ui/react";
+import classnames from "classnames";
+import { useFieldError, useFieldValue, useIsDirty } from "../../forms/form-context.js";
+import datetime_field_module from "./datetime-field.module.js";
+const DateTimeField = ({ field, value, defaultValue, onChange, id, path })=>{
+    const fieldPath = path ?? field.name;
+    const fieldError = useFieldError(fieldPath);
+    const isDirty = useIsDirty(fieldPath);
+    const fieldValue = useFieldValue(fieldPath);
+    const incomingValue = value ?? fieldValue ?? defaultValue ?? null;
+    return /*#__PURE__*/ jsxs("div", {
+        className: `byline-field-datetime ${field.name}`,
+        children: [
+            /*#__PURE__*/ jsx(DatePicker, {
+                id: id ?? fieldPath,
+                name: field.name,
+                label: field.label,
+                required: !field.optional,
+                initialValue: incomingValue,
+                mode: field.mode || 'datetime',
+                yearsInFuture: field.yearsInFuture || 1,
+                yearsInPast: field.yearsInPast || 10,
+                onDateChange: (date)=>onChange?.(date),
+                className: classnames(isDirty && [
+                    'byline-field-datetime-dirty',
+                    datetime_field_module.dirty
+                ])
+            }),
+            fieldError && /*#__PURE__*/ jsx(ErrorText, {
+                id: `${field.name}-error`,
+                text: fieldError
+            })
+        ]
+    });
+};
+export { DateTimeField };

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

@@ -0,0 +1,5 @@
+import "./datetime-field_module.css";
+const datetime_field_module = {
+    dirty: "dirty-cC4ARG"
+};
+export default datetime_field_module;

package/dist/fields/datetime/datetime-field_module.css

@@ -0,0 +1,4 @@
+:is(.dirty-cC4ARG, .byline-field-datetime-dirty) {
+  border-color: var(--blue-300);
+}
+

package/dist/fields/draggable-context-menu.d.ts

@@ -0,0 +1,6 @@
+interface DraggableContextMenuProps {
+    onAddBelow?: () => void;
+    onRemove?: () => void;
+}
+export declare function DraggableContextMenu({ onAddBelow, onRemove, }: DraggableContextMenuProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,85 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "@byline/i18n/react";
+import { DeleteIcon, Dropdown, EllipsisIcon, IconButton, PlusIcon } from "@byline/ui/react";
+import classnames from "classnames";
+import draggable_context_menu_module from "./draggable-context-menu.module.js";
+function DraggableContextMenu({ onAddBelow, onRemove }) {
+    const { t } = useTranslation('byline-admin');
+    const itemClass = classnames('byline-draggable-menu-item', draggable_context_menu_module.item);
+    const rowClass = classnames('byline-draggable-menu-row', draggable_context_menu_module.row);
+    const iconSlotClass = classnames('byline-draggable-menu-icon-slot', draggable_context_menu_module["icon-slot"]);
+    const labelClass = classnames('byline-draggable-menu-label', draggable_context_menu_module.label);
+    return /*#__PURE__*/ jsxs(Dropdown.Root, {
+        modal: false,
+        children: [
+            /*#__PURE__*/ jsx(Dropdown.Trigger, {
+                render: /*#__PURE__*/ jsx(IconButton, {
+                    variant: "text",
+                    size: "sm"
+                }),
+                children: /*#__PURE__*/ jsx(EllipsisIcon, {
+                    width: "16px",
+                    height: "16px"
+                })
+            }),
+            /*#__PURE__*/ jsx(Dropdown.Portal, {
+                children: /*#__PURE__*/ jsxs(Dropdown.Content, {
+                    align: "end",
+                    sideOffset: 0,
+                    className: classnames('byline-draggable-menu', draggable_context_menu_module.menu),
+                    children: [
+                        /*#__PURE__*/ jsx(Dropdown.Item, {
+                            className: itemClass,
+                            onClick: onAddBelow,
+                            children: /*#__PURE__*/ jsxs("div", {
+                                className: rowClass,
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: iconSlotClass,
+                                        children: /*#__PURE__*/ jsx(PlusIcon, {
+                                            width: "18px",
+                                            height: "18px"
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: labelClass,
+                                        children: t('fields.draggableMenu.addBelow')
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Dropdown.Separator, {
+                            className: classnames('byline-draggable-menu-separator', draggable_context_menu_module.separator)
+                        }),
+                        /*#__PURE__*/ jsx(Dropdown.Item, {
+                            className: itemClass,
+                            onClick: onRemove,
+                            children: /*#__PURE__*/ jsx("div", {
+                                className: rowClass,
+                                children: /*#__PURE__*/ jsxs("div", {
+                                    className: rowClass,
+                                    children: [
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: iconSlotClass,
+                                            children: /*#__PURE__*/ jsx(DeleteIcon, {
+                                                width: "18px",
+                                                height: "18px",
+                                                svgClassName: classnames('byline-draggable-menu-delete-icon', draggable_context_menu_module["delete-icon"])
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: classnames('byline-draggable-menu-label byline-draggable-menu-label-danger', draggable_context_menu_module.label, draggable_context_menu_module["label-danger"]),
+                                            children: t('fields.draggableMenu.remove')
+                                        })
+                                    ]
+                                })
+                            })
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+export { DraggableContextMenu };

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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1,91 @@
+: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

@@ -0,0 +1,26 @@
+/**
+ * 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

@@ -0,0 +1,50 @@
+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

@@ -0,0 +1,37 @@
+/**
+ * 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

@@ -0,0 +1,206 @@
+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 };