@byline/ui 2.5.1 → 2.6.0

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

@@ -1,20 +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 { 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

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

@@ -1,16 +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 { 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

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

@@ -1,16 +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 { 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

@@ -1,37 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
-import { useFieldError, useFieldValue, useIsDirty } from "../../forms/form-context.js";
-import { DatePicker, ErrorText } from "../../uikit.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

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

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

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

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

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

@@ -1,83 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
-import { DeleteIcon, Dropdown, EllipsisIcon, IconButton, PlusIcon } from "../uikit.js";
-import draggable_context_menu_module from "./draggable-context-menu.module.js";
-function DraggableContextMenu({ onAddBelow, onRemove }) {
-    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: "Add Below"
-                                    })
-                                ]
-                            })
-                        }),
-                        /*#__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: "Remove"
-                                        })
-                                    ]
-                                })
-                            })
-                        })
-                    ]
-                })
-            })
-        ]
-    });
-}
-export { DraggableContextMenu };

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;