@byline/admin 4.18.0 → 5.0.0

package/dist/forms/form-renderer.js

@@ -1,9 +1,9 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { getAdminConfig } from "@byline/core";
 import { useTranslation } from "@byline/i18n/react";
-import { Alert, Button, ComboButton } from "@byline/ui/react";
+import { Alert, Button, ComboButton, LoaderEllipsis } from "@byline/ui/react";
 import clsx from "clsx";
 import { sliceFieldAdmin } from "../fields/field-admin.js";
 import { FieldRenderer } from "../fields/field-renderer.js";
@@ -24,7 +24,7 @@ import { computeStatusTransitions } from "./status-transitions.js";
 import { TreePlacementWidget } from "./tree-placement-widget.js";
 import { executeUploadsWithProgress } from "./upload-executor.js";
 import { useFormLayout } from "./use-form-layout.js";
-const FormContent = ({ mode, fields, onSubmit, onCancel, onStatusChange, onUnpublish, scheduledPublication, onSchedulePublication, onConfirmScheduledPublication, onCancelScheduledPublication, onDelete, onDuplicate, onCopyToLocale, onDeleteLocale, contentLocales, nextStatus, workflowStatuses, publishedVersion, initialData, adminConfig, useAsTitle, useAsPath, showPath = true, heading, advertiseLocales, tree, headingLabel, headerSlot, collectionPath, initialLocale, onLocaleChange, defaultLocale = 'en', useNavigationGuard: useNavigationGuardProp, restoreWarnings, _activeTabBySet, _onTabChange })=>{
+const FormContent = ({ mode, mutationIssue, mutationsBlocked = false, observedRevision, onMutationError, onTreeMutationCommitted, scheduledPublicationsNeedReconfirmation = false, scheduledPublicationsHref, onReloadDocument, fields, onSubmit, onCancel, onStatusChange, onUnpublish, scheduledPublication, onSchedulePublication, onConfirmScheduledPublication, onCancelScheduledPublication, onDelete, onDuplicate, onCopyToLocale, onDeleteLocale, contentLocales, nextStatus, workflowStatuses, publishedVersion, initialData, adminConfig, useAsTitle, useAsPath, showPath = true, heading, advertiseLocales, tree, headingLabel, headerSlot, collectionPath, initialLocale, onLocaleChange, defaultLocale = 'en', useNavigationGuard: useNavigationGuardProp, restoreWarnings, _activeTabBySet, _onTabChange })=>{
     const { getFieldValues, runFieldHooks, validateForm, errors: initialErrors, hasChanges: hasChangesFn, resetHasChanges, getPatches, getDirtyBreakdown, getSystemPath, getSystemAvailableLocales, subscribeErrors, subscribeMeta, setFieldValue, setFieldError, getPendingUploads, clearPendingUploads, setFieldUploading } = useFormContext();
     const { t } = useTranslation('byline-admin');
     const [errors, setErrors] = useState(initialErrors);
@@ -33,10 +33,15 @@ const FormContent = ({ mode, fields, onSubmit, onCancel, onStatusChange, onUnpub
     const [isUploading, setIsUploading] = useState(false);
     const submittingRef = useRef(false);
     const [isSubmitting, setIsSubmitting] = useState(false);
+    const isBusy = isUploading || isSubmitting;
+    const formRef = useRef(null);
+    const focusBeforeBusyRef = useRef(null);
+    const restoreFocusAfterBusyRef = useRef(false);
     const [showUnsavedModal, setShowUnsavedModal] = useState(false);
     const [pendingSystemFieldsSubmit, setPendingSystemFieldsSubmit] = useState(null);
     const [contentLocale, setContentLocale] = useState(initialLocale ?? defaultLocale);
     const scheduling = useScheduledPublication({
+        disabled: mutationsBlocked,
         schedule: scheduledPublication ?? null,
         onSchedule: onSchedulePublication,
         onConfirm: onConfirmScheduledPublication,
@@ -92,7 +97,27 @@ const FormContent = ({ mode, fields, onSubmit, onCancel, onStatusChange, onUnpub
     }) : 'create' === mode ? t('forms.heading.create') : t('forms.heading.edit'));
     const guardFromContext = useNavigationGuardAdapter();
     const useGuard = useNavigationGuardProp ?? guardFromContext;
-    const guard = useGuard(hasChanges);
+    const [discarding, setDiscarding] = useState(false);
+    const [reloadFailed, setReloadFailed] = useState(false);
+    const warningRef = useRef(null);
+    const mutationBlockedRef = useRef(mutationsBlocked);
+    mutationBlockedRef.current = mutationsBlocked || discarding;
+    const guard = useGuard(hasChanges && !discarding);
+    useEffect(()=>{
+        if (mutationIssue) warningRef.current?.focus();
+    }, [
+        mutationIssue
+    ]);
+    useEffect(()=>{
+        if (!discarding) return;
+        Promise.resolve().then(()=>onReloadDocument ? onReloadDocument() : window.location.reload()).catch(()=>{
+            setDiscarding(false);
+            setReloadFailed(true);
+        });
+    }, [
+        discarding,
+        onReloadDocument
+    ]);
     const currentStatus = initialData?.status;
     const { primaryStatus, secondaryStatuses, isTerminal } = computeStatusTransitions(currentStatus, workflowStatuses, nextStatus);
     useEffect(()=>subscribeErrors((newErrors)=>setErrors(newErrors)), [
@@ -106,13 +131,40 @@ const FormContent = ({ mode, fields, onSubmit, onCancel, onStatusChange, onUnpub
         subscribeMeta,
         getFieldValues
     ]);
+    useEffect(()=>{
+        if (isBusy || !restoreFocusAfterBusyRef.current) return;
+        restoreFocusAfterBusyRef.current = false;
+        if (mutationIssue) {
+            warningRef.current?.focus();
+            focusBeforeBusyRef.current = null;
+            return;
+        }
+        const original = focusBeforeBusyRef.current;
+        focusBeforeBusyRef.current = null;
+        const originalCanReceiveFocus = original?.isConnected === true && !original.matches(':disabled, [aria-disabled="true"]');
+        const target = originalCanReceiveFocus ? original : formRef.current?.querySelector('input:not(:disabled), textarea:not(:disabled), select:not(:disabled), button:not(:disabled), [tabindex]:not([tabindex="-1"])');
+        target?.focus({
+            preventScroll: true
+        });
+    }, [
+        isBusy,
+        mutationIssue
+    ]);
+    const captureFocusBeforeBusy = useCallback(()=>{
+        if (null != focusBeforeBusyRef.current) return;
+        const activeElement = document.activeElement;
+        if (!(activeElement instanceof HTMLElement) || !formRef.current?.contains(activeElement)) return;
+        focusBeforeBusyRef.current = activeElement;
+        restoreFocusAfterBusyRef.current = true;
+    }, []);
     const handleCancel = ()=>{
         if (onCancel && 'function' == typeof onCancel) onCancel();
     };
     const submitPayload = useCallback(async (payload)=>{
-        if ('function' != typeof onSubmit) return;
+        if (mutationBlockedRef.current || 'function' != typeof onSubmit) return;
         if (submittingRef.current) return;
         submittingRef.current = true;
+        captureFocusBeforeBusy();
         setIsSubmitting(true);
         try {
             await onSubmit(payload);
@@ -122,10 +174,12 @@ const FormContent = ({ mode, fields, onSubmit, onCancel, onStatusChange, onUnpub
             setIsSubmitting(false);
         }
     }, [
+        captureFocusBeforeBusy,
         onSubmit,
         resetHasChanges
     ]);
     const handleSubmit = (e)=>{
+        if (mutationBlockedRef.current) return void e.preventDefault();
         e.preventDefault();
         (async ()=>{
             const hookErrors = await runFieldHooks(fields);
@@ -135,8 +189,10 @@ const FormContent = ({ mode, fields, onSubmit, onCancel, onStatusChange, onUnpub
                 ...formErrors
             ];
             if (allErrors.length > 0) return void console.error('Form validation failed:', allErrors);
+            if (mutationBlockedRef.current) return;
             const pendingUploads = getPendingUploads();
             if (pendingUploads.size > 0) {
+                captureFocusBeforeBusy();
                 setIsUploading(true);
                 try {
                     const uploadResult = await executeUploadsWithProgress(pendingUploads, uploadField, ({ fieldPath, status })=>{
@@ -245,196 +301,287 @@ const FormContent = ({ mode, fields, onSubmit, onCancel, onStatusChange, onUnpub
             ]
         }, `tabset:${set.name}`);
     };
-    return /*#__PURE__*/ jsxs("form", {
-        method: "post",
-        noValidate: true,
-        onSubmit: handleSubmit,
-        className: clsx('byline-form', form_renderer_module.form),
-        inert: isUploading ? true : void 0,
-        "aria-busy": isUploading,
+    const busyAnnouncement = isUploading ? t('forms.actions.uploading') : isSubmitting ? t('forms.actions.saving') : '';
+    return /*#__PURE__*/ jsxs(Fragment, {
         children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: clsx('byline-form-heading-row', form_renderer_module["heading-row"]),
-                children: [
-                    /*#__PURE__*/ jsx("h1", {
-                        className: clsx('byline-form-heading', form_renderer_module.heading),
-                        children: computedHeading
-                    }),
-                    headerSlot
-                ]
+            /*#__PURE__*/ jsx("span", {
+                className: clsx('byline-form-busy-status', form_renderer_module["busy-status"]),
+                role: "status",
+                "aria-live": "polite",
+                children: busyAnnouncement
             }),
-            /*#__PURE__*/ jsxs("div", {
-                className: clsx('byline-form-status-bar', form_renderer_module["status-bar"]),
-                children: [
-                    /*#__PURE__*/ jsx("div", {
-                        className: clsx('byline-form-status-details', form_renderer_module["status-details"]),
-                        children: /*#__PURE__*/ jsx(FormStatusDisplay, {
-                            initialData: initialData,
-                            workflowStatuses: workflowStatuses,
-                            publishedVersion: publishedVersion,
-                            onUnpublish: onUnpublish,
-                            afterStatusCells: /*#__PURE__*/ jsx(ScheduledPublicationCell, {
-                                state: scheduling.state,
-                                timeZone: scheduling.timeZone
-                            })
-                        })
-                    }),
-                    /*#__PURE__*/ jsxs("div", {
-                        className: clsx('byline-form-actions', form_renderer_module.actions),
-                        children: [
-                            /*#__PURE__*/ jsx(Button, {
-                                className: clsx('byline-form-actions-button', form_renderer_module["actions-button"]),
-                                size: "sm",
-                                intent: "noeffect",
-                                type: "button",
-                                onClick: handleCancel,
-                                children: false === hasChanges ? t('common.actions.close') : t('common.actions.cancel')
-                            }),
-                            /*#__PURE__*/ jsx(Button, {
-                                className: clsx('byline-form-actions-button', form_renderer_module["actions-button"]),
-                                size: "sm",
-                                type: "submit",
-                                disabled: false === hasChanges || isUploading || isSubmitting,
-                                children: isUploading ? t('forms.actions.uploading') : t('common.actions.save')
-                            }),
-                            primaryStatus && onStatusChange && /*#__PURE__*/ jsx("div", {
-                                className: clsx('byline-form-actions-status-wrap', form_renderer_module["actions-status-wrap"]),
-                                children: /*#__PURE__*/ jsx(ComboButton, {
-                                    buttonClassName: clsx('byline-form-actions-combo-button', form_renderer_module["actions-combo-button"]),
-                                    triggerClassName: clsx('byline-form-actions-combo-trigger', form_renderer_module["actions-combo-trigger"]),
-                                    options: secondaryStatuses.map((s)=>({
-                                            label: isTerminal ? t('forms.actions.revertTo', {
-                                                label: s.label ?? s.name
-                                            }) : s.verb ?? s.label ?? s.name,
-                                            value: s.name
-                                        })),
-                                    sideOffset: 5,
-                                    size: "sm",
-                                    type: "button",
-                                    intent: isTerminal ? 'info' : 'success',
-                                    disabled: statusBusy,
-                                    onOptionSelect: async (value)=>{
-                                        if (hasChanges) return void setShowUnsavedModal(true);
-                                        setStatusBusy(true);
-                                        try {
-                                            await onStatusChange(value);
-                                        } finally{
-                                            setStatusBusy(false);
-                                        }
-                                    },
-                                    onButtonClick: isTerminal ? void 0 : async ()=>{
-                                        if (hasChanges) return void setShowUnsavedModal(true);
-                                        setStatusBusy(true);
-                                        try {
-                                            await onStatusChange(primaryStatus.name);
-                                        } finally{
-                                            setStatusBusy(false);
-                                        }
-                                    },
-                                    children: statusBusy ? '...' : isTerminal ? primaryStatus.label ?? primaryStatus.name : primaryStatus.verb ?? primaryStatus.label ?? primaryStatus.name
+            /*#__PURE__*/ jsx("div", {
+                "aria-busy": isBusy,
+                children: /*#__PURE__*/ jsxs("form", {
+                    ref: formRef,
+                    method: "post",
+                    noValidate: true,
+                    onSubmit: handleSubmit,
+                    className: clsx('byline-form', form_renderer_module.form),
+                    inert: isBusy ? true : void 0,
+                    children: [
+                        /*#__PURE__*/ jsxs("div", {
+                            className: clsx('byline-form-heading-row', form_renderer_module["heading-row"]),
+                            children: [
+                                /*#__PURE__*/ jsx("h1", {
+                                    className: clsx('byline-form-heading', form_renderer_module.heading),
+                                    children: computedHeading
+                                }),
+                                headerSlot
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: clsx('byline-form-status-bar', form_renderer_module["status-bar"]),
+                            children: [
+                                /*#__PURE__*/ jsx("div", {
+                                    className: clsx('byline-form-status-details', form_renderer_module["status-details"]),
+                                    children: /*#__PURE__*/ jsx(FormStatusDisplay, {
+                                        disabled: mutationsBlocked || discarding,
+                                        initialData: initialData,
+                                        workflowStatuses: workflowStatuses,
+                                        publishedVersion: publishedVersion,
+                                        onUnpublish: onUnpublish,
+                                        afterStatusCells: /*#__PURE__*/ jsx(ScheduledPublicationCell, {
+                                            state: scheduling.state,
+                                            timeZone: scheduling.timeZone
+                                        })
+                                    })
+                                }),
+                                /*#__PURE__*/ jsxs("div", {
+                                    className: clsx('byline-form-actions', form_renderer_module.actions),
+                                    children: [
+                                        /*#__PURE__*/ jsx(Button, {
+                                            className: clsx('byline-form-actions-button', form_renderer_module["actions-button"]),
+                                            size: "sm",
+                                            intent: "noeffect",
+                                            type: "button",
+                                            onClick: handleCancel,
+                                            children: false === hasChanges ? t('common.actions.close') : t('common.actions.cancel')
+                                        }),
+                                        /*#__PURE__*/ jsx(Button, {
+                                            className: clsx('byline-form-actions-button', form_renderer_module["actions-button"]),
+                                            size: "sm",
+                                            type: "submit",
+                                            disabled: mutationsBlocked || discarding || false === hasChanges || isUploading || isSubmitting,
+                                            "aria-label": isSubmitting ? t('common.actions.save') : void 0,
+                                            children: isUploading ? t('forms.actions.uploading') : /*#__PURE__*/ jsxs("span", {
+                                                className: clsx('byline-form-save-content', form_renderer_module["save-content"]),
+                                                children: [
+                                                    /*#__PURE__*/ jsx("span", {
+                                                        className: clsx('byline-form-save-label', form_renderer_module["save-label"], isSubmitting && form_renderer_module["save-label-hidden"]),
+                                                        children: t('common.actions.save')
+                                                    }),
+                                                    isSubmitting ? /*#__PURE__*/ jsx("span", {
+                                                        className: clsx('byline-form-save-loader', form_renderer_module["save-loader"]),
+                                                        children: /*#__PURE__*/ jsx(LoaderEllipsis, {
+                                                            size: 28,
+                                                            "aria-hidden": "true"
+                                                        })
+                                                    }) : null
+                                                ]
+                                            })
+                                        }),
+                                        primaryStatus && onStatusChange && /*#__PURE__*/ jsx("div", {
+                                            className: clsx('byline-form-actions-status-wrap', form_renderer_module["actions-status-wrap"]),
+                                            children: /*#__PURE__*/ jsx(ComboButton, {
+                                                buttonClassName: clsx('byline-form-actions-combo-button', form_renderer_module["actions-combo-button"]),
+                                                triggerClassName: clsx('byline-form-actions-combo-trigger', form_renderer_module["actions-combo-trigger"]),
+                                                options: secondaryStatuses.map((s)=>({
+                                                        label: isTerminal ? t('forms.actions.revertTo', {
+                                                            label: s.label ?? s.name
+                                                        }) : s.verb ?? s.label ?? s.name,
+                                                        value: s.name
+                                                    })),
+                                                sideOffset: 5,
+                                                size: "sm",
+                                                type: "button",
+                                                intent: isTerminal ? 'info' : 'success',
+                                                disabled: mutationsBlocked || discarding || statusBusy,
+                                                onOptionSelect: async (value)=>{
+                                                    if (mutationBlockedRef.current) return;
+                                                    if (hasChanges) return void setShowUnsavedModal(true);
+                                                    setStatusBusy(true);
+                                                    try {
+                                                        await onStatusChange(value);
+                                                    } catch (error) {
+                                                        onMutationError?.(error);
+                                                    } finally{
+                                                        setStatusBusy(false);
+                                                    }
+                                                },
+                                                onButtonClick: isTerminal ? void 0 : async ()=>{
+                                                    if (mutationBlockedRef.current) return;
+                                                    if (hasChanges) return void setShowUnsavedModal(true);
+                                                    setStatusBusy(true);
+                                                    try {
+                                                        await onStatusChange(primaryStatus.name);
+                                                    } catch (error) {
+                                                        onMutationError?.(error);
+                                                    } finally{
+                                                        setStatusBusy(false);
+                                                    }
+                                                },
+                                                children: statusBusy ? '...' : isTerminal ? primaryStatus.label ?? primaryStatus.name : primaryStatus.verb ?? primaryStatus.label ?? primaryStatus.name
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsx(DocumentActions, {
+                                            disabled: mutationsBlocked || discarding,
+                                            publishedVersion: publishedVersion,
+                                            onUnpublish: onUnpublish,
+                                            onDelete: onDelete,
+                                            onDuplicate: onDuplicate,
+                                            sourceTitle: null != useAsTitle && null != initialData ? initialData[useAsTitle] : null,
+                                            onCopyToLocale: onCopyToLocale,
+                                            sourceLocale: contentLocale,
+                                            contentLocales: contentLocales,
+                                            hasUnsavedChanges: hasChanges,
+                                            onUnsavedChanges: ()=>setShowUnsavedModal(true),
+                                            onDeleteLocale: onDeleteLocale,
+                                            defaultLocale: defaultLocale,
+                                            availableLocales: initialData?._availableVersionLocales,
+                                            scheduledPublicationState: scheduling.state,
+                                            onSchedulePublication: scheduling.openSchedule,
+                                            onConfirmScheduledPublication: scheduling.confirm,
+                                            onCancelScheduledPublication: scheduling.cancel
+                                        })
+                                    ]
                                 })
-                            }),
-                            /*#__PURE__*/ jsx(DocumentActions, {
-                                publishedVersion: publishedVersion,
-                                onUnpublish: onUnpublish,
-                                onDelete: onDelete,
-                                onDuplicate: onDuplicate,
-                                sourceTitle: null != useAsTitle && null != initialData ? initialData[useAsTitle] : null,
-                                onCopyToLocale: onCopyToLocale,
-                                sourceLocale: contentLocale,
-                                contentLocales: contentLocales,
-                                hasUnsavedChanges: hasChanges,
-                                onUnsavedChanges: ()=>setShowUnsavedModal(true),
-                                onDeleteLocale: onDeleteLocale,
-                                defaultLocale: defaultLocale,
-                                availableLocales: initialData?._availableVersionLocales,
-                                scheduledPublicationState: scheduling.state,
-                                onSchedulePublication: scheduling.openSchedule,
-                                onConfirmScheduledPublication: scheduling.confirm,
-                                onCancelScheduledPublication: scheduling.cancel
-                            })
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx(ScheduledPublicationNotice, {
-                state: scheduling.state,
-                timeZone: scheduling.timeZone,
-                busy: scheduling.busy,
-                onConfirm: scheduling.confirm,
-                onReschedule: scheduling.openSchedule,
-                onCancel: scheduling.cancel
-            }),
-            scheduling.modal,
-            restoreWarnings && restoreWarnings.length > 0 && /*#__PURE__*/ jsxs(Alert, {
-                className: "m-0 mt-4",
-                intent: "warning",
-                icon: true,
-                close: false,
-                title: t('forms.restoreWarnings.title'),
-                children: [
-                    /*#__PURE__*/ jsx("p", {
-                        children: t('forms.restoreWarnings.body', {
-                            count: restoreWarnings.length
+                            ]
+                        }),
+                        (mutationIssue || scheduledPublicationsNeedReconfirmation) && /*#__PURE__*/ jsxs("div", {
+                            ref: warningRef,
+                            tabIndex: -1,
+                            role: "alert",
+                            "aria-live": "assertive",
+                            className: clsx('byline-document-concurrency', form_renderer_module.concurrency),
+                            children: [
+                                mutationIssue && /*#__PURE__*/ jsxs(Alert, {
+                                    intent: "warning",
+                                    icon: true,
+                                    close: false,
+                                    title: t(`documentConcurrency.${mutationIssue}Title`),
+                                    children: [
+                                        /*#__PURE__*/ jsx("p", {
+                                            children: t(`documentConcurrency.${mutationIssue}`)
+                                        }),
+                                        'committed' !== mutationIssue && /*#__PURE__*/ jsx(Button, {
+                                            type: "button",
+                                            disabled: discarding,
+                                            onClick: ()=>{
+                                                setReloadFailed(false);
+                                                setDiscarding(true);
+                                            },
+                                            children: t('documentConcurrency.reloadAction')
+                                        }),
+                                        reloadFailed && /*#__PURE__*/ jsx("p", {
+                                            children: t('documentConcurrency.reloadFailed')
+                                        })
+                                    ]
+                                }),
+                                scheduledPublicationsNeedReconfirmation && /*#__PURE__*/ jsxs(Alert, {
+                                    intent: "warning",
+                                    icon: true,
+                                    close: false,
+                                    title: t('documentConcurrency.schedulesTitle'),
+                                    children: [
+                                        /*#__PURE__*/ jsx("p", {
+                                            children: t('documentConcurrency.schedules')
+                                        }),
+                                        scheduledPublicationsHref && /*#__PURE__*/ jsx("a", {
+                                            href: scheduledPublicationsHref,
+                                            children: t('documentConcurrency.reviewSchedules')
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx(ScheduledPublicationNotice, {
+                            state: scheduling.state,
+                            timeZone: scheduling.timeZone,
+                            busy: mutationsBlocked || discarding || scheduling.busy,
+                            onConfirm: scheduling.confirm,
+                            onReschedule: scheduling.openSchedule,
+                            onCancel: scheduling.cancel
+                        }),
+                        scheduling.modal,
+                        restoreWarnings && restoreWarnings.length > 0 && /*#__PURE__*/ jsxs(Alert, {
+                            className: "m-0 mt-4",
+                            intent: "warning",
+                            icon: true,
+                            close: false,
+                            title: t('forms.restoreWarnings.title'),
+                            children: [
+                                /*#__PURE__*/ jsx("p", {
+                                    children: t('forms.restoreWarnings.body', {
+                                        count: restoreWarnings.length
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx("ul", {
+                                    children: restoreWarnings.map((w)=>/*#__PURE__*/ jsx("li", {
+                                            children: w
+                                        }, w))
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: clsx('byline-form-layout', form_renderer_module.layout),
+                            children: [
+                                /*#__PURE__*/ jsx("div", {
+                                    className: clsx('byline-form-content', form_renderer_module.content),
+                                    children: layout.main.map((name)=>renderItem(name))
+                                }),
+                                /*#__PURE__*/ jsxs("div", {
+                                    className: clsx('byline-form-sidebar', form_renderer_module.sidebar),
+                                    children: [
+                                        showPath && (useAsPath || 'string' == typeof initialData?.path && initialData.path.length > 0) && /*#__PURE__*/ jsx(PathWidget, {
+                                            disabled: mutationsBlocked || discarding,
+                                            useAsPath: useAsPath,
+                                            collectionPath: collectionPath ?? '',
+                                            defaultLocale: defaultLocale,
+                                            activeLocale: contentLocale,
+                                            mode: mode,
+                                            slugifier: pathSlugifier,
+                                            sourceLocked: pathSourceLocked
+                                        }),
+                                        tree && 'edit' === mode && 'string' == typeof initialData?.id && /*#__PURE__*/ jsx(TreePlacementWidget, {
+                                            disabled: mutationsBlocked || discarding,
+                                            onMutationError: onMutationError,
+                                            onCommitted: onTreeMutationCommitted,
+                                            expectedRevision: observedRevision ?? initialData.revision,
+                                            collectionPath: collectionPath ?? '',
+                                            documentId: initialData.id,
+                                            useAsTitle: useAsTitle
+                                        }),
+                                        advertiseLocales && /*#__PURE__*/ jsx(AvailableLocalesWidget, {
+                                            disabled: mutationsBlocked || discarding,
+                                            contentLocales: contentLocales ?? [],
+                                            availableVersionLocales: initialData?._availableVersionLocales ?? []
+                                        }),
+                                        (layout.sidebar ?? []).map((name)=>renderItem(name))
+                                    ]
+                                })
+                            ]
+                        }),
+                        showUnsavedModal && /*#__PURE__*/ jsx(UnsavedChangesModal, {
+                            onClose: ()=>setShowUnsavedModal(false)
+                        }),
+                        !mutationsBlocked && !discarding && null != pendingSystemFieldsSubmit && /*#__PURE__*/ jsx(SystemFieldsConfirmModal, {
+                            contentDirty: pendingSystemFieldsSubmit.contentDirty,
+                            pathDirty: pendingSystemFieldsSubmit.pathDirty,
+                            availableLocalesDirty: pendingSystemFieldsSubmit.availableLocalesDirty,
+                            onCancel: ()=>setPendingSystemFieldsSubmit(null),
+                            onConfirm: ()=>{
+                                const payload = pendingSystemFieldsSubmit;
+                                setPendingSystemFieldsSubmit(null);
+                                submitPayload(payload);
+                            }
+                        }),
+                        guard.isBlocked && /*#__PURE__*/ jsx(NavigationGuardModal, {
+                            onStay: guard.stay,
+                            onProceed: guard.proceed
                         })
-                    }),
-                    /*#__PURE__*/ jsx("ul", {
-                        children: restoreWarnings.map((w)=>/*#__PURE__*/ jsx("li", {
-                                children: w
-                            }, w))
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxs("div", {
-                className: clsx('byline-form-layout', form_renderer_module.layout),
-                children: [
-                    /*#__PURE__*/ jsx("div", {
-                        className: clsx('byline-form-content', form_renderer_module.content),
-                        children: layout.main.map((name)=>renderItem(name))
-                    }),
-                    /*#__PURE__*/ jsxs("div", {
-                        className: clsx('byline-form-sidebar', form_renderer_module.sidebar),
-                        children: [
-                            showPath && (useAsPath || 'string' == typeof initialData?.path && initialData.path.length > 0) && /*#__PURE__*/ jsx(PathWidget, {
-                                useAsPath: useAsPath,
-                                collectionPath: collectionPath ?? '',
-                                defaultLocale: defaultLocale,
-                                activeLocale: contentLocale,
-                                mode: mode,
-                                slugifier: pathSlugifier,
-                                sourceLocked: pathSourceLocked
-                            }),
-                            tree && 'edit' === mode && 'string' == typeof initialData?.id && /*#__PURE__*/ jsx(TreePlacementWidget, {
-                                collectionPath: collectionPath ?? '',
-                                documentId: initialData.id,
-                                useAsTitle: useAsTitle
-                            }),
-                            advertiseLocales && /*#__PURE__*/ jsx(AvailableLocalesWidget, {
-                                contentLocales: contentLocales ?? [],
-                                availableVersionLocales: initialData?._availableVersionLocales ?? []
-                            }),
-                            (layout.sidebar ?? []).map((name)=>renderItem(name))
-                        ]
-                    })
-                ]
-            }),
-            showUnsavedModal && /*#__PURE__*/ jsx(UnsavedChangesModal, {
-                onClose: ()=>setShowUnsavedModal(false)
-            }),
-            null != pendingSystemFieldsSubmit && /*#__PURE__*/ jsx(SystemFieldsConfirmModal, {
-                contentDirty: pendingSystemFieldsSubmit.contentDirty,
-                pathDirty: pendingSystemFieldsSubmit.pathDirty,
-                availableLocalesDirty: pendingSystemFieldsSubmit.availableLocalesDirty,
-                onCancel: ()=>setPendingSystemFieldsSubmit(null),
-                onConfirm: ()=>{
-                    const payload = pendingSystemFieldsSubmit;
-                    setPendingSystemFieldsSubmit(null);
-                    submitPayload(payload);
-                }
-            }),
-            guard.isBlocked && /*#__PURE__*/ jsx(NavigationGuardModal, {
-                onStay: guard.stay,
-                onProceed: guard.proceed
+                    ]
+                })
             })
         ]
     });

package/dist/forms/form-renderer.module.js

@@ -24,12 +24,23 @@ const form_renderer_module = {
     actions: "actions-AZBIdR",
     "actions-button": "actions-button-VIwbST",
     actionsButton: "actions-button-VIwbST",
+    "busy-status": "busy-status-kzSMVH",
+    busyStatus: "busy-status-kzSMVH",
+    "save-content": "save-content-bc8XeC",
+    saveContent: "save-content-bc8XeC",
+    "save-label": "save-label-iJw9DA",
+    saveLabel: "save-label-iJw9DA",
+    "save-label-hidden": "save-label-hidden-Wct46I",
+    saveLabelHidden: "save-label-hidden-Wct46I",
+    "save-loader": "save-loader-g2wcnV",
+    saveLoader: "save-loader-g2wcnV",
     "actions-status-wrap": "actions-status-wrap-hSvlps",
     actionsStatusWrap: "actions-status-wrap-hSvlps",
     "actions-combo-button": "actions-combo-button-XvqHCC",
     actionsComboButton: "actions-combo-button-XvqHCC",
     "actions-combo-trigger": "actions-combo-trigger-bmXUzc",
     actionsComboTrigger: "actions-combo-trigger-bmXUzc",
+    concurrency: "concurrency-UT6bX5",
     layout: "layout-WTbLYr",
     content: "content-_P5cdJ",
     sidebar: "sidebar-WsxX88",