@webiny/app-headless-cms 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/admin/components/ContentEntryForm/ContentEntryFormProvider.js

@@ -0,0 +1,117 @@
+import react, { useCallback, useEffect, useRef, useState } from "react";
+import { DevToolsSection, useDialogs, useSnackbar } from "@webiny/app-admin";
+import { useRouter } from "@webiny/app";
+import { Form } from "@webiny/form";
+import { prepareFormData } from "@webiny/app-headless-cms-common";
+const promptMessage = "There are some unsaved changes! Are you sure you want to navigate away and discard all changes?";
+const ContentEntryFormContext = /*#__PURE__*/ react.createContext(void 0);
+const formValidationToMap = (invalidFields)=>Object.keys(invalidFields).reduce((acc, key)=>({
+            ...acc,
+            [key]: invalidFields[key].message || "Value is invalid."
+        }), {});
+const ContentEntryFormProvider = ({ model, entry: initialEntry, children, persistEntry, onChange, onInvalidFields, onAfterCreate, setSaveEntry, confirmNavigationIfDirty })=>{
+    const ref = useRef(null);
+    const onAfterSubmitRef = useRef(()=>void 0);
+    const [invalidFields, setInvalidFields] = useState({});
+    const { showSnackbar } = useSnackbar();
+    const saveOptionsRef = useRef({
+        skipValidators: void 0
+    });
+    const router = useRouter();
+    const dialogs = useDialogs();
+    const isPristineRef = useRef(true);
+    useEffect(()=>{
+        if (!confirmNavigationIfDirty) return;
+        return router.addTransitionGuard({
+            guard: ()=>!isPristineRef.current,
+            onBlocked: ()=>{
+                dialogs.showDialog({
+                    title: "Confirm Navigation",
+                    content: promptMessage,
+                    acceptLabel: "Yes!",
+                    cancelLabel: "No, stay here.",
+                    onAccept: ()=>router.confirmTransition(),
+                    onClose: ()=>router.cancelTransition()
+                });
+            }
+        });
+    }, [
+        confirmNavigationIfDirty
+    ]);
+    const saveEntry = useCallback(async (options = {})=>{
+        saveOptionsRef.current.skipValidators = options.skipValidators;
+        return await ref.current.submit(void 0, {
+            skipValidators: options.skipValidators
+        });
+    }, []);
+    const onFormSubmit = async (data)=>{
+        const values = prepareFormData(data, model.fields);
+        const isNewEntry = void 0 === initialEntry.id;
+        const { entry, error } = await persistEntry({
+            id: initialEntry.id,
+            values
+        }, {
+            skipValidators: saveOptionsRef.current.skipValidators,
+            createNewRevision: initialEntry.meta?.locked
+        });
+        if (error) {
+            if ("VALIDATION_FAILED" === error.code) {
+                const errors = error.data || [];
+                setInvalidFields(errors.reduce((acc, item)=>({
+                        ...acc,
+                        [item.fieldId]: item.error
+                    }), {}));
+            }
+            showSnackbar(error.message);
+            return;
+        }
+        showSnackbar("Entry saved successfully!");
+        setInvalidFields({});
+        const isNewRevision = !isNewEntry && entry.id !== initialEntry.id;
+        if ((isNewEntry || isNewRevision) && onAfterCreate) onAfterSubmitRef.current = onAfterCreate;
+        router.unblockTransition();
+        return entry;
+    };
+    useEffect(()=>{
+        if ("function" == typeof setSaveEntry) setSaveEntry(saveEntry);
+    }, [
+        setSaveEntry
+    ]);
+    return /*#__PURE__*/ react.createElement(Form, {
+        onSubmit: onFormSubmit,
+        onAfterSubmit: (data)=>{
+            onAfterSubmitRef.current(data);
+        },
+        onChange: onChange,
+        data: initialEntry.values,
+        ref: ref,
+        validateOnFirstSubmit: true,
+        invalidFields: invalidFields,
+        onInvalid: (invalidFields)=>{
+            setInvalidFields(formValidationToMap(invalidFields));
+            onInvalidFields && onInvalidFields(invalidFields);
+            showSnackbar("Some fields did not pass the validation. Please check the form.");
+        }
+    }, (formProps)=>{
+        isPristineRef.current = formProps.form.isPristine;
+        const context = {
+            entry: {
+                ...initialEntry,
+                values: formProps.data
+            },
+            saveEntry,
+            invalidFields
+        };
+        return /*#__PURE__*/ react.createElement(ContentEntryFormContext.Provider, {
+            value: context
+        }, /*#__PURE__*/ react.createElement(DevToolsSection, {
+            name: "Entry",
+            group: "CMS",
+            data: context.entry,
+            views: "raw"
+        }), children);
+    });
+};
+export { ContentEntryFormContext, ContentEntryFormProvider };
+
+//# sourceMappingURL=ContentEntryFormProvider.js.map

package/admin/components/ContentEntryForm/ContentEntryFormProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentEntryForm/ContentEntryFormProvider.js","sources":["../../../../src/admin/components/ContentEntryForm/ContentEntryFormProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { DevToolsSection, useDialogs, useSnackbar } from \"@webiny/app-admin\";\nimport { useRouter } from \"@webiny/app\";\nimport type { FormAPI, FormInvalidFields, FormOnSubmit, FormValidation } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\nimport { prepareFormData } from \"@webiny/app-headless-cms-common\";\nimport type { CmsContentEntry, CmsModel } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport type {\n    CreateEntryResponse,\n    UpdateEntryRevisionResponse\n} from \"~/admin/contexts/Cms/index.js\";\nimport type { GenericRecord } from \"@webiny/app/types.js\";\n\nconst promptMessage =\n    \"There are some unsaved changes! Are you sure you want to navigate away and discard all changes?\";\n\ninterface SaveEntryOptions {\n    skipValidators?: string[];\n    createNewRevision?: boolean;\n}\n\nexport interface ContentEntryFormContext {\n    entry: Partial<Omit<CmsContentEntry, \"values\">> & Pick<CmsContentEntry, \"values\">;\n    saveEntry: (options?: SaveEntryOptions) => Promise<CmsContentEntry | null>;\n    invalidFields: FormInvalidFields;\n}\n\nexport const ContentEntryFormContext = React.createContext<ContentEntryFormContext | undefined>(\n    undefined\n);\n\nexport interface SetSaveEntry {\n    (cb: ContentEntryFormContext[\"saveEntry\"]): void;\n}\n\nexport interface PersistEntry {\n    (\n        entry: Partial<CmsContentEntry>,\n        options?: SaveEntryOptions\n    ): Promise<CreateEntryResponse | UpdateEntryRevisionResponse>;\n}\n\ninterface ContentEntryFormProviderProps {\n    entry: Partial<Omit<CmsContentEntry, \"values\">> & Pick<CmsContentEntry, \"values\">;\n    model: CmsModel;\n    persistEntry: PersistEntry;\n    confirmNavigationIfDirty: boolean;\n    onChange?: FormOnSubmit<Partial<CmsContentEntry>>;\n    onInvalidFields?: (invalidFields: FormValidation) => void;\n    onAfterCreate?: (entry: CmsContentEntry) => void;\n    setSaveEntry?: SetSaveEntry;\n    children: React.ReactNode;\n}\n\ninterface InvalidFieldError {\n    fieldId: string;\n    error: string;\n}\n\nconst formValidationToMap = (invalidFields: FormValidation): FormInvalidFields => {\n    return Object.keys(invalidFields).reduce(\n        (acc, key) => ({ ...acc, [key]: invalidFields[key].message || \"Value is invalid.\" }),\n        {} as FormInvalidFields\n    );\n};\n\nexport const ContentEntryFormProvider = ({\n    model,\n    entry: initialEntry,\n    children,\n    persistEntry,\n    onChange,\n    onInvalidFields,\n    onAfterCreate,\n    setSaveEntry,\n    confirmNavigationIfDirty\n}: ContentEntryFormProviderProps) => {\n    const ref = useRef<FormAPI<CmsContentEntry> | null>(null);\n    const onAfterSubmitRef = useRef<(entry: CmsContentEntry) => void>(() => void 0);\n    const [invalidFields, setInvalidFields] = useState<FormInvalidFields>({});\n    const { showSnackbar } = useSnackbar();\n    const saveOptionsRef = useRef<SaveEntryOptions>({ skipValidators: undefined });\n    const router = useRouter();\n    const dialogs = useDialogs();\n    const isPristineRef = useRef(true);\n\n    useEffect(() => {\n        if (!confirmNavigationIfDirty) {\n            return;\n        }\n\n        return router.addTransitionGuard({\n            guard: () => !isPristineRef.current,\n            onBlocked: () => {\n                dialogs.showDialog({\n                    title: \"Confirm Navigation\",\n                    content: promptMessage,\n                    acceptLabel: \"Yes!\",\n                    cancelLabel: \"No, stay here.\",\n                    onAccept: () => router.confirmTransition(),\n                    onClose: () => router.cancelTransition()\n                });\n            }\n        });\n    }, [confirmNavigationIfDirty]);\n\n    const saveEntry = useCallback(async (options: SaveEntryOptions = {}) => {\n        saveOptionsRef.current.skipValidators = options.skipValidators;\n\n        return (await ref.current!.submit(undefined, {\n            skipValidators: options.skipValidators\n        })) as Promise<CmsContentEntry | null>;\n    }, []);\n\n    const onFormSubmit: FormOnSubmit<CmsContentEntry> = async data => {\n        const values = prepareFormData<GenericRecord>(data, model.fields);\n        const isNewEntry = initialEntry.id === undefined;\n\n        const { entry, error } = await persistEntry(\n            {\n                id: initialEntry.id,\n                values\n            },\n            {\n                skipValidators: saveOptionsRef.current.skipValidators,\n                createNewRevision: initialEntry.meta?.locked\n            }\n        );\n\n        if (error) {\n            if (error.code === \"VALIDATION_FAILED\") {\n                const errors: InvalidFieldError[] = error.data || [];\n\n                setInvalidFields(\n                    errors.reduce((acc, item) => ({ ...acc, [item.fieldId]: item.error }), {})\n                );\n            }\n            showSnackbar(error.message);\n\n            return;\n        }\n\n        showSnackbar(\"Entry saved successfully!\");\n        setInvalidFields({});\n\n        const isNewRevision = !isNewEntry && entry.id !== initialEntry.id;\n\n        if ((isNewEntry || isNewRevision) && onAfterCreate) {\n            onAfterSubmitRef.current = onAfterCreate;\n        }\n\n        router.unblockTransition();\n\n        return entry;\n    };\n\n    useEffect(() => {\n        if (typeof setSaveEntry === \"function\") {\n            setSaveEntry(saveEntry);\n        }\n    }, [setSaveEntry]);\n\n    return (\n        <Form<CmsContentEntry>\n            onSubmit={onFormSubmit}\n            onAfterSubmit={data => {\n                onAfterSubmitRef.current(data);\n            }}\n            onChange={onChange}\n            data={initialEntry.values}\n            ref={ref}\n            validateOnFirstSubmit\n            invalidFields={invalidFields}\n            onInvalid={invalidFields => {\n                setInvalidFields(formValidationToMap(invalidFields));\n                onInvalidFields && onInvalidFields(invalidFields);\n                showSnackbar(\"Some fields did not pass the validation. Please check the form.\");\n            }}\n        >\n            {formProps => {\n                isPristineRef.current = formProps.form.isPristine;\n\n                const context: ContentEntryFormContext = {\n                    entry: { ...initialEntry, values: formProps.data },\n                    saveEntry,\n                    invalidFields\n                };\n                return (\n                    <ContentEntryFormContext.Provider value={context}>\n                        <DevToolsSection\n                            name={\"Entry\"}\n                            group={\"CMS\"}\n                            data={context.entry}\n                            views={\"raw\"}\n                        />\n                        {children}\n                    </ContentEntryFormContext.Provider>\n                );\n            }}\n        </Form>\n    );\n};\n"],"names":["promptMessage","ContentEntryFormContext","React","undefined","formValidationToMap","invalidFields","Object","acc","key","ContentEntryFormProvider","model","initialEntry","children","persistEntry","onChange","onInvalidFields","onAfterCreate","setSaveEntry","confirmNavigationIfDirty","ref","useRef","onAfterSubmitRef","setInvalidFields","useState","showSnackbar","useSnackbar","saveOptionsRef","router","useRouter","dialogs","useDialogs","isPristineRef","useEffect","saveEntry","useCallback","options","onFormSubmit","data","values","prepareFormData","isNewEntry","entry","error","errors","item","isNewRevision","Form","formProps","context","DevToolsSection"],"mappings":"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"}

package/admin/components/ContentEntryForm/CustomLayout.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { CmsContentFormRendererPlugin, CmsModel } from "@webiny/app-headless-cms-common/types/index.js";
+interface CustomLayoutProps {
+    model: CmsModel;
+    formRenderer: CmsContentFormRendererPlugin;
+}
+export declare const CustomLayout: ({ model, formRenderer }: CustomLayoutProps) => React.JSX.Element;
+export {};

package/admin/components/ContentEntryForm/CustomLayout.js

@@ -0,0 +1,23 @@
+import react from "react";
+import { Bind, useForm } from "@webiny/form";
+import { FieldElement } from "./FieldElement.js";
+const CustomLayout = ({ model, formRenderer })=>{
+    const { data } = useForm();
+    const fields = model.fields.reduce((acc, field)=>{
+        acc[field.fieldId] = /*#__PURE__*/ react.createElement(FieldElement, {
+            field: field,
+            Bind: Bind,
+            contentModel: model
+        });
+        return acc;
+    }, {});
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, formRenderer.render({
+        data,
+        contentModel: model,
+        fields,
+        Bind: Bind
+    }));
+};
+export { CustomLayout };
+
+//# sourceMappingURL=CustomLayout.js.map

package/admin/components/ContentEntryForm/CustomLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentEntryForm/CustomLayout.js","sources":["../../../../src/admin/components/ContentEntryForm/CustomLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { Bind, useForm } from \"@webiny/form\";\nimport type {\n    BindComponent,\n    CmsContentFormRendererPlugin,\n    CmsModel\n} from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { FieldElement } from \"~/admin/components/ContentEntryForm/FieldElement.js\";\n\ninterface CustomLayoutProps {\n    model: CmsModel;\n    formRenderer: CmsContentFormRendererPlugin;\n}\n\nexport const CustomLayout = ({ model, formRenderer }: CustomLayoutProps) => {\n    const { data } = useForm();\n\n    const fields = model.fields.reduce(\n        (acc, field) => {\n            acc[field.fieldId] = (\n                <FieldElement field={field} Bind={Bind as BindComponent} contentModel={model} />\n            );\n\n            return acc;\n        },\n        {} as Record<string, React.ReactElement>\n    );\n\n    return (\n        <>\n            {formRenderer.render({\n                data,\n                contentModel: model,\n                fields,\n                Bind: Bind as BindComponent\n            })}\n        </>\n    );\n};\n"],"names":["CustomLayout","model","formRenderer","data","useForm","fields","acc","field","FieldElement","Bind"],"mappings":";;;AAcO,MAAMA,eAAe,CAAC,EAAEC,KAAK,EAAEC,YAAY,EAAqB;IACnE,MAAM,EAAEC,IAAI,EAAE,GAAGC;IAEjB,MAAMC,SAASJ,MAAM,MAAM,CAAC,MAAM,CAC9B,CAACK,KAAKC;QACFD,GAAG,CAACC,MAAM,OAAO,CAAC,GAAG,WAAH,GACd,oBAACC,cAAYA;YAAC,OAAOD;YAAO,MAAME;YAAuB,cAAcR;;QAG3E,OAAOK;IACX,GACA,CAAC;IAGL,OAAO,WAAP,GACI,0CACKJ,aAAa,MAAM,CAAC;QACjBC;QACA,cAAcF;QACdI;QACA,MAAMI;IACV;AAGZ"}

package/admin/components/ContentEntryForm/DefaultLayout.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import type { CmsModel } from "@webiny/app-headless-cms-common/types/index.js";
+export interface DefaultLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
+    model: CmsModel;
+}
+export declare const DefaultLayout: (({ model, ...props }: DefaultLayoutProps) => React.JSX.Element) & {
+    original: ({ model, ...props }: DefaultLayoutProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ model, ...props }: DefaultLayoutProps) => React.JSX.Element) & {
+        original: ({ model, ...props }: DefaultLayoutProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ model, ...props }: DefaultLayoutProps) => React.JSX.Element) & {
+        original: ({ model, ...props }: DefaultLayoutProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/admin/components/ContentEntryForm/DefaultLayout.js

@@ -0,0 +1,13 @@
+import react from "react";
+import { makeDecoratable } from "@webiny/app-admin";
+import { Bind } from "@webiny/form";
+import { Fields } from "./Fields.js";
+const DefaultLayout = makeDecoratable("DefaultLayout", ({ model, ...props })=>/*#__PURE__*/ react.createElement("div", props, /*#__PURE__*/ react.createElement(Fields, {
+        contentModel: model,
+        fields: model.fields || [],
+        layout: model.layout || [],
+        Bind: Bind
+    })));
+export { DefaultLayout };
+
+//# sourceMappingURL=DefaultLayout.js.map

package/admin/components/ContentEntryForm/DefaultLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentEntryForm/DefaultLayout.js","sources":["../../../../src/admin/components/ContentEntryForm/DefaultLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Bind } from \"@webiny/form\";\nimport type { CmsModel } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields.js\";\n\nexport interface DefaultLayoutProps extends React.HTMLAttributes<HTMLDivElement> {\n    model: CmsModel;\n}\n\nexport const DefaultLayout = makeDecoratable(\n    \"DefaultLayout\",\n    ({ model, ...props }: DefaultLayoutProps) => {\n        return (\n            <div {...props}>\n                <Fields\n                    contentModel={model}\n                    fields={model.fields || []}\n                    layout={model.layout || []}\n                    /**\n                     * TODO @ts-refactor\n                     * Figure out type for Bind.\n                     */\n                    // @ts-expect-error\n                    Bind={Bind}\n                />\n            </div>\n        );\n    }\n);\n"],"names":["DefaultLayout","makeDecoratable","model","props","Fields","Bind"],"mappings":";;;;AAUO,MAAMA,gBAAgBC,gBACzB,iBACA,CAAC,EAAEC,KAAK,EAAE,GAAGC,OAA2B,GAC7B,WAAP,GACI,oBAAC,OAAQA,OAAAA,WAAAA,GACL,oBAACC,QAAMA;QACH,cAAcF;QACd,QAAQA,MAAM,MAAM,IAAI,EAAE;QAC1B,QAAQA,MAAM,MAAM,IAAI,EAAE;QAM1B,MAAMG"}

package/admin/components/ContentEntryForm/FieldElement.d.ts

@@ -0,0 +1 @@
+export * from "@webiny/app-headless-cms-common/Fields/FieldElement.js";

package/admin/components/ContentEntryForm/FieldElement.js

@@ -0,0 +1 @@
+export * from "@webiny/app-headless-cms-common/Fields/FieldElement.js";

package/admin/components/ContentEntryForm/Fields.d.ts

@@ -1,11 +1 @@
-import React from "react";
-import { CmsEditorContentModel, CmsEditorField, CmsEditorFieldsLayout, BindComponent } from "../../../types";
-interface FieldsProps {
-    Bind: BindComponent;
-    contentModel: CmsEditorContentModel;
-    fields: CmsEditorField[];
-    layout: CmsEditorFieldsLayout;
-    gridClassName?: string;
-}
-export declare const Fields: React.FC<FieldsProps>;
-export {};
+export * from "@webiny/app-headless-cms-common/Fields/Fields.js";

package/admin/components/ContentEntryForm/Fields.js

@@ -1,46 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Fields = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Grid = require("@webiny/ui/Grid");
-
-var _RenderFieldElement = _interopRequireDefault(require("./RenderFieldElement"));
-
-var getFieldById = function getFieldById(fields, id) {
-  return fields.find(function (field) {
-    return field.id === id;
-  }) || null;
-};
-
-var Fields = function Fields(_ref) {
-  var Bind = _ref.Bind,
-      fields = _ref.fields,
-      layout = _ref.layout,
-      contentModel = _ref.contentModel,
-      gridClassName = _ref.gridClassName;
-  return /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
-    className: gridClassName
-  }, layout.map(function (row, rowIndex) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-      key: rowIndex
-    }, row.map(function (fieldId) {
-      return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-        span: Math.floor(12 / row.length),
-        key: fieldId
-      }, /*#__PURE__*/_react.default.createElement(_RenderFieldElement.default, {
-        field: getFieldById(fields, fieldId),
-        Bind: Bind,
-        contentModel: contentModel
-      }));
-    }));
-  }));
-};
-
-exports.Fields = Fields;
+export * from "@webiny/app-headless-cms-common/Fields/Fields.js";

package/admin/components/ContentEntryForm/Header/ContentFormOptionsMenu/ContentFormOptionsMenu.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ContentFormOptionsMenu: () => React.JSX.Element;

package/admin/components/ContentEntryForm/Header/ContentFormOptionsMenu/ContentFormOptionsMenu.js

@@ -0,0 +1,13 @@
+import react from "react";
+import { OptionsMenu } from "@webiny/app-admin";
+import { useContentEntryEditorConfig } from "../../../../config/contentEntries/index.js";
+const ContentFormOptionsMenu = ()=>{
+    const { menuItemActions } = useContentEntryEditorConfig();
+    return /*#__PURE__*/ react.createElement(OptionsMenu, {
+        actions: menuItemActions,
+        "data-testid": "cms.content-form.header.more-options"
+    });
+};
+export { ContentFormOptionsMenu };
+
+//# sourceMappingURL=ContentFormOptionsMenu.js.map

package/admin/components/ContentEntryForm/Header/ContentFormOptionsMenu/ContentFormOptionsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentEntryForm/Header/ContentFormOptionsMenu/ContentFormOptionsMenu.js","sources":["../../../../../../src/admin/components/ContentEntryForm/Header/ContentFormOptionsMenu/ContentFormOptionsMenu.tsx"],"sourcesContent":["import React from \"react\";\nimport { OptionsMenu } from \"@webiny/app-admin\";\nimport { useContentEntryEditorConfig } from \"~/admin/config/contentEntries/index.js\";\n\nexport const ContentFormOptionsMenu = () => {\n    const { menuItemActions } = useContentEntryEditorConfig();\n\n    return (\n        <OptionsMenu\n            actions={menuItemActions}\n            data-testid={\"cms.content-form.header.more-options\"}\n        />\n    );\n};\n"],"names":["ContentFormOptionsMenu","menuItemActions","useContentEntryEditorConfig","OptionsMenu"],"mappings":";;;AAIO,MAAMA,yBAAyB;IAClC,MAAM,EAAEC,eAAe,EAAE,GAAGC;IAE5B,OAAO,WAAP,GACI,oBAACC,aAAWA;QACR,SAASF;QACT,eAAa;;AAGzB"}

package/admin/components/ContentEntryForm/Header/ContentFormOptionsMenu/index.d.ts

@@ -0,0 +1 @@
+export * from "./ContentFormOptionsMenu.js";

package/admin/components/ContentEntryForm/Header/ContentFormOptionsMenu/index.js

@@ -0,0 +1 @@
+export * from "./ContentFormOptionsMenu.js";

package/admin/components/ContentEntryForm/Header/DeleteEntry/DeleteEntry.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DeleteEntry: () => React.JSX.Element | null;

package/admin/components/ContentEntryForm/Header/DeleteEntry/DeleteEntry.js

@@ -0,0 +1,29 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/delete.svg";
+import { useNavigateFolder } from "@webiny/app-aco";
+import { usePermission } from "../../../../hooks/index.js";
+import { ContentEntryEditorConfig } from "../../../../config/contentEntries/index.js";
+import { useContentEntry } from "../../../../views/contentEntries/hooks/useContentEntry.js";
+const DeleteEntry = ()=>{
+    const { navigateToFolder } = useNavigateFolder();
+    const { entry, loading, ...contentEntry } = useContentEntry();
+    const { canDelete } = usePermission();
+    const { OptionsMenuItem } = ContentEntryEditorConfig.Actions.MenuItemAction.useOptionsMenuItem();
+    const deleteEntry = async ()=>{
+        const response = await contentEntry.deleteEntry({
+            id: entry.entryId
+        });
+        if ("boolean" == typeof response) navigateToFolder(entry.wbyAco_location.folderId);
+    };
+    if (!canDelete(entry, "cms.contentEntry")) return null;
+    return /*#__PURE__*/ react.createElement(OptionsMenuItem, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        label: "Trash entry",
+        onAction: deleteEntry,
+        disabled: !entry.id || loading,
+        "data-testid": "cms.content-form.header.delete"
+    });
+};
+export { DeleteEntry };
+
+//# sourceMappingURL=DeleteEntry.js.map

package/admin/components/ContentEntryForm/Header/DeleteEntry/DeleteEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentEntryForm/Header/DeleteEntry/DeleteEntry.js","sources":["../../../../../../src/admin/components/ContentEntryForm/Header/DeleteEntry/DeleteEntry.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { useNavigateFolder } from \"@webiny/app-aco\";\nimport { usePermission } from \"~/admin/hooks/index.js\";\nimport { ContentEntryEditorConfig } from \"~/admin/config/contentEntries/index.js\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry.js\";\n\nexport const DeleteEntry = () => {\n    const { navigateToFolder } = useNavigateFolder();\n    const { entry, loading, ...contentEntry } = useContentEntry();\n    const { canDelete } = usePermission();\n\n    const { OptionsMenuItem } =\n        ContentEntryEditorConfig.Actions.MenuItemAction.useOptionsMenuItem();\n\n    const deleteEntry = async () => {\n        const response = await contentEntry.deleteEntry({ id: entry.entryId });\n        if (typeof response === \"boolean\") {\n            navigateToFolder(entry.wbyAco_location.folderId);\n        }\n    };\n\n    if (!canDelete(entry, \"cms.contentEntry\")) {\n        return null;\n    }\n\n    return (\n        <OptionsMenuItem\n            icon={<DeleteIcon />}\n            label={\"Trash entry\"}\n            onAction={deleteEntry}\n            disabled={!entry.id || loading}\n            data-testid={\"cms.content-form.header.delete\"}\n        />\n    );\n};\n"],"names":["DeleteEntry","navigateToFolder","useNavigateFolder","entry","loading","contentEntry","useContentEntry","canDelete","usePermission","OptionsMenuItem","ContentEntryEditorConfig","deleteEntry","response","DeleteIcon"],"mappings":";;;;;;AAOO,MAAMA,cAAc;IACvB,MAAM,EAAEC,gBAAgB,EAAE,GAAGC;IAC7B,MAAM,EAAEC,KAAK,EAAEC,OAAO,EAAE,GAAGC,cAAc,GAAGC;IAC5C,MAAM,EAAEC,SAAS,EAAE,GAAGC;IAEtB,MAAM,EAAEC,eAAe,EAAE,GACrBC,yBAAyB,OAAO,CAAC,cAAc,CAAC,kBAAkB;IAEtE,MAAMC,cAAc;QAChB,MAAMC,WAAW,MAAMP,aAAa,WAAW,CAAC;YAAE,IAAIF,MAAM,OAAO;QAAC;QACpE,IAAI,AAAoB,aAApB,OAAOS,UACPX,iBAAiBE,MAAM,eAAe,CAAC,QAAQ;IAEvD;IAEA,IAAI,CAACI,UAAUJ,OAAO,qBAClB,OAAO;IAGX,OAAO,WAAP,GACI,oBAACM,iBAAAA;QACG,oBAAM,oBAACI,gBAAUA;QACjB,OAAO;QACP,UAAUF;QACV,UAAU,CAACR,MAAM,EAAE,IAAIC;QACvB,eAAa;;AAGzB"}

package/admin/components/ContentEntryForm/Header/DeleteEntry/index.d.ts

@@ -0,0 +1 @@
+export * from "./DeleteEntry.js";

package/admin/components/ContentEntryForm/Header/DeleteEntry/index.js

@@ -0,0 +1 @@
+export * from "./DeleteEntry.js";

package/admin/components/ContentEntryForm/Header/Header.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+export declare const Header: (() => React.JSX.Element) & {
+    original: () => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/admin/components/ContentEntryForm/Header/Header.js

@@ -0,0 +1,22 @@
+import react from "react";
+import { Helmet } from "react-helmet";
+import { Buttons, makeDecoratable } from "@webiny/app-admin";
+import { useContentEntryEditorConfig } from "../../../config/contentEntries/index.js";
+import { useContentEntry } from "../../../views/contentEntries/hooks/index.js";
+const Header = makeDecoratable("ContentEntryFormHeader", ()=>{
+    const { buttonActions } = useContentEntryEditorConfig();
+    const { entry } = useContentEntry();
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-between gap-sm border-b-sm border-neutral-dimmed pb-md mb-md",
+        id: "headerToolbarGrid"
+    }, entry.meta?.title ? /*#__PURE__*/ react.createElement(Helmet, {
+        title: entry.meta.title
+    }) : null, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-sm"
+    }, /*#__PURE__*/ react.createElement(Buttons, {
+        actions: buttonActions
+    })));
+});
+export { Header };
+
+//# sourceMappingURL=Header.js.map

package/admin/components/ContentEntryForm/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentEntryForm/Header/Header.js","sources":["../../../../../src/admin/components/ContentEntryForm/Header/Header.tsx"],"sourcesContent":["import React from \"react\";\nimport { Helmet } from \"react-helmet\";\nimport { Buttons, makeDecoratable } from \"@webiny/app-admin\";\nimport { useContentEntryEditorConfig } from \"~/admin/config/contentEntries/index.js\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/index.js\";\n\nexport const Header = makeDecoratable(\"ContentEntryFormHeader\", () => {\n    const { buttonActions } = useContentEntryEditorConfig();\n    const { entry } = useContentEntry();\n\n    return (\n        <div\n            className={\n                \"flex items-center justify-between gap-sm border-b-sm border-neutral-dimmed pb-md mb-md\"\n            }\n            id=\"headerToolbarGrid\"\n        >\n            {entry.meta?.title ? <Helmet title={entry.meta.title} /> : null}\n            <div className={\"flex items-center gap-sm\"}>\n                <Buttons actions={buttonActions} />\n            </div>\n        </div>\n    );\n});\n"],"names":["Header","makeDecoratable","buttonActions","useContentEntryEditorConfig","entry","useContentEntry","Helmet","Buttons"],"mappings":";;;;;AAMO,MAAMA,SAASC,gBAAgB,0BAA0B;IAC5D,MAAM,EAAEC,aAAa,EAAE,GAAGC;IAC1B,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAElB,OAAO,WAAP,GACI,oBAAC;QACG,WACI;QAEJ,IAAG;OAEFD,MAAM,IAAI,EAAE,QAAQ,WAAR,GAAQ,oBAACE,QAAMA;QAAC,OAAOF,MAAM,IAAI,CAAC,KAAK;SAAO,oBAC3D,oBAAC;QAAI,WAAW;qBACZ,oBAACG,SAAOA;QAAC,SAASL;;AAIlC"}

package/admin/components/ContentEntryForm/Header/RevisionSelector/RevisionSelector.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const RevisionSelector: () => React.JSX.Element | null;

package/admin/components/ContentEntryForm/Header/RevisionSelector/RevisionSelector.js

@@ -0,0 +1,52 @@
+import react, { useCallback } from "react";
+import { useRoute, useRouter } from "@webiny/app-admin";
+import { Button, DropdownMenu, Text } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/keyboard_arrow_down.svg";
+import { useContentEntry } from "../../../../views/contentEntries/hooks/useContentEntry.js";
+import { statuses } from "../../../../constants.js";
+import { Routes } from "../../../../../routes.js";
+import { useFullScreenContentEntry } from "../../../../views/contentEntries/ContentEntry/FullScreenContentEntry/useFullScreenContentEntry.js";
+const RevisionSelector = ()=>{
+    const { goToRoute } = useRouter();
+    const { route } = useRoute(Routes.ContentEntries.List);
+    const { entry, revisions, loading } = useContentEntry();
+    const { openRevisionList } = useFullScreenContentEntry();
+    const showRevisionsDrawer = useCallback(()=>{
+        openRevisionList(true);
+    }, []);
+    const currentRevision = {
+        version: entry.meta?.version || 1,
+        status: entry.meta?.status || "draft"
+    };
+    if (!revisions.length) return null;
+    const firstFiveRevisions = revisions.slice(0, 5);
+    return /*#__PURE__*/ react.createElement(DropdownMenu, {
+        trigger: /*#__PURE__*/ react.createElement(Button, {
+            variant: "ghost",
+            disabled: loading,
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            iconPosition: "end",
+            text: /*#__PURE__*/ react.createElement(react.Fragment, null, "v", currentRevision.version, " (", statuses[currentRevision.status], ")")
+        })
+    }, firstFiveRevisions.slice(0, 5).map((revision)=>/*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            key: revision.id,
+            onClick: ()=>{
+                goToRoute(Routes.ContentEntries.List, {
+                    ...route.params,
+                    id: revision.id
+                });
+            },
+            text: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Text, {
+                size: "sm"
+            }, "v", revision.meta.version, " (", statuses[revision.meta.status], ")"))
+        })), revisions.length > 5 ? /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(DropdownMenu.Separator, null), /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+        key: "revisions-all",
+        onClick: showRevisionsDrawer,
+        text: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Text, {
+            size: "sm"
+        }, "Show All Revisions"))
+    })) : null);
+};
+export { RevisionSelector };
+
+//# sourceMappingURL=RevisionSelector.js.map

package/admin/components/ContentEntryForm/Header/RevisionSelector/RevisionSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentEntryForm/Header/RevisionSelector/RevisionSelector.js","sources":["../../../../../../src/admin/components/ContentEntryForm/Header/RevisionSelector/RevisionSelector.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useRoute, useRouter } from \"@webiny/app-admin\";\nimport { Button, DropdownMenu, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as DownButton } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry.js\";\nimport { statuses as statusLabels } from \"~/admin/constants.js\";\nimport { Routes } from \"~/routes.js\";\nimport { useFullScreenContentEntry } from \"~/admin/views/contentEntries/ContentEntry/FullScreenContentEntry/useFullScreenContentEntry.js\";\n\nexport const RevisionSelector = () => {\n    const { goToRoute } = useRouter();\n    const { route } = useRoute(Routes.ContentEntries.List);\n\n    const { entry, revisions, loading } = useContentEntry();\n    const { openRevisionList } = useFullScreenContentEntry();\n\n    const showRevisionsDrawer = useCallback(() => {\n        openRevisionList(true);\n    }, []);\n\n    const currentRevision = {\n        version: entry.meta?.version || 1,\n        status: entry.meta?.status || \"draft\"\n    };\n\n    if (!revisions.length) {\n        return null;\n    }\n\n    const firstFiveRevisions = revisions.slice(0, 5);\n\n    return (\n        <DropdownMenu\n            trigger={\n                <Button\n                    variant={\"ghost\"}\n                    disabled={loading}\n                    icon={<DownButton />}\n                    iconPosition={\"end\"}\n                    text={\n                        <>\n                            v{currentRevision.version} ({statusLabels[currentRevision.status]})\n                        </>\n                    }\n                />\n            }\n        >\n            {firstFiveRevisions.slice(0, 5).map(revision => (\n                <DropdownMenu.Item\n                    key={revision.id}\n                    onClick={() => {\n                        goToRoute(Routes.ContentEntries.List, {\n                            ...route.params,\n                            id: revision.id\n                        });\n                    }}\n                    text={\n                        <>\n                            <Text size={\"sm\"}>\n                                v{revision.meta.version} ({statusLabels[revision.meta.status]})\n                            </Text>\n                        </>\n                    }\n                />\n            ))}\n            {revisions.length > 5 ? (\n                <>\n                    <DropdownMenu.Separator />\n                    <DropdownMenu.Item\n                        key={\"revisions-all\"}\n                        onClick={showRevisionsDrawer}\n                        text={\n                            <>\n                                <Text size={\"sm\"}>Show All Revisions</Text>\n                            </>\n                        }\n                    />\n                </>\n            ) : null}\n        </DropdownMenu>\n    );\n};\n"],"names":["RevisionSelector","goToRoute","useRouter","route","useRoute","Routes","entry","revisions","loading","useContentEntry","openRevisionList","useFullScreenContentEntry","showRevisionsDrawer","useCallback","currentRevision","firstFiveRevisions","DropdownMenu","Button","DownButton","statusLabels","revision","Text"],"mappings":";;;;;;;;AASO,MAAMA,mBAAmB;IAC5B,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAM,EAAEC,KAAK,EAAE,GAAGC,SAASC,OAAO,cAAc,CAAC,IAAI;IAErD,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAEC,OAAO,EAAE,GAAGC;IACtC,MAAM,EAAEC,gBAAgB,EAAE,GAAGC;IAE7B,MAAMC,sBAAsBC,YAAY;QACpCH,iBAAiB;IACrB,GAAG,EAAE;IAEL,MAAMI,kBAAkB;QACpB,SAASR,MAAM,IAAI,EAAE,WAAW;QAChC,QAAQA,MAAM,IAAI,EAAE,UAAU;IAClC;IAEA,IAAI,CAACC,UAAU,MAAM,EACjB,OAAO;IAGX,MAAMQ,qBAAqBR,UAAU,KAAK,CAAC,GAAG;IAE9C,OAAO,WAAP,GACI,oBAACS,cAAYA;QACT,uBACI,oBAACC,QAAMA;YACH,SAAS;YACT,UAAUT;YACV,oBAAM,oBAACU,gBAAUA;YACjB,cAAc;YACd,oBACI,0CAAE,KACIJ,gBAAgB,OAAO,EAAC,MAAGK,QAAY,CAACL,gBAAgB,MAAM,CAAC,EAAC;;OAMjFC,mBAAmB,KAAK,CAAC,GAAG,GAAG,GAAG,CAACK,CAAAA,WAAAA,WAAAA,GAChC,oBAACJ,aAAa,IAAI;YACd,KAAKI,SAAS,EAAE;YAChB,SAAS;gBACLnB,UAAUI,OAAO,cAAc,CAAC,IAAI,EAAE;oBAClC,GAAGF,MAAM,MAAM;oBACf,IAAIiB,SAAS,EAAE;gBACnB;YACJ;YACA,oBACI,wDACI,oBAACC,MAAIA;gBAAC,MAAM;eAAM,KACZD,SAAS,IAAI,CAAC,OAAO,EAAC,MAAGD,QAAY,CAACC,SAAS,IAAI,CAAC,MAAM,CAAC,EAAC;aAMjFb,UAAU,MAAM,GAAG,IAAI,WAAJ,GAChB,wDACI,oBAACS,aAAa,SAAS,uBACvB,oBAACA,aAAa,IAAI;QACd,KAAK;QACL,SAASJ;QACT,oBACI,wDACI,oBAACS,MAAIA;YAAC,MAAM;WAAM;UAKlC;AAGhB"}

package/admin/components/ContentEntryForm/Header/RevisionSelector/index.d.ts

@@ -0,0 +1 @@
+export * from "./RevisionSelector.js";

package/admin/components/ContentEntryForm/Header/RevisionSelector/index.js

@@ -0,0 +1 @@
+export * from "./RevisionSelector.js";

package/admin/components/ContentEntryForm/Header/SaveAndPublishContent/SaveAndPublishContent.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const SaveAndPublishButton: () => React.JSX.Element | null;

package/admin/components/ContentEntryForm/Header/SaveAndPublishContent/SaveAndPublishContent.js

@@ -0,0 +1,27 @@
+import react from "react";
+import { ContentEntryEditorConfig } from "../../../../config/contentEntries/index.js";
+import { useContentEntry } from "../../../../views/contentEntries/hooks/useContentEntry.js";
+import { usePermission } from "../../../../hooks/usePermission.js";
+import { useContentEntryForm } from "../../useContentEntryForm.js";
+const SaveAndPublishButton = ()=>{
+    const { loading, entry, publishEntryRevision } = useContentEntry();
+    const { saveEntry } = useContentEntryForm();
+    const { ButtonPrimary } = ContentEntryEditorConfig.Actions.ButtonAction.useButtons();
+    const saveAndPublish = async ()=>{
+        const entry = await saveEntry();
+        if (!entry || !entry.id) return;
+        await publishEntryRevision({
+            id: entry.id
+        });
+    };
+    const { canEdit, canPublish } = usePermission();
+    if (!canEdit(entry, "cms.contentEntry") || !canPublish("cms.contentEntry")) return null;
+    return /*#__PURE__*/ react.createElement(ButtonPrimary, {
+        onAction: saveAndPublish,
+        disabled: loading,
+        "data-testid": "cms-content-save-publish-content-button"
+    }, "Save & Publish");
+};
+export { SaveAndPublishButton };
+
+//# sourceMappingURL=SaveAndPublishContent.js.map

package/admin/components/ContentEntryForm/Header/SaveAndPublishContent/SaveAndPublishContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentEntryForm/Header/SaveAndPublishContent/SaveAndPublishContent.js","sources":["../../../../../../src/admin/components/ContentEntryForm/Header/SaveAndPublishContent/SaveAndPublishContent.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ContentEntryEditorConfig } from \"~/admin/config/contentEntries/index.js\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry.js\";\nimport { usePermission } from \"~/admin/hooks/usePermission.js\";\nimport { useContentEntryForm } from \"~/admin/components/ContentEntryForm/useContentEntryForm.js\";\n\nexport const SaveAndPublishButton = () => {\n    const { loading, entry, publishEntryRevision } = useContentEntry();\n    const { saveEntry } = useContentEntryForm();\n    const { ButtonPrimary } = ContentEntryEditorConfig.Actions.ButtonAction.useButtons();\n\n    const saveAndPublish = async () => {\n        const entry = await saveEntry();\n        if (!entry || !entry.id) {\n            return;\n        }\n        await publishEntryRevision({ id: entry.id });\n    };\n\n    const { canEdit, canPublish } = usePermission();\n\n    if (!canEdit(entry, \"cms.contentEntry\") || !canPublish(\"cms.contentEntry\")) {\n        return null;\n    }\n\n    return (\n        <ButtonPrimary\n            onAction={saveAndPublish}\n            disabled={loading}\n            data-testid=\"cms-content-save-publish-content-button\"\n        >\n            {\"Save & Publish\"}\n        </ButtonPrimary>\n    );\n};\n"],"names":["SaveAndPublishButton","loading","entry","publishEntryRevision","useContentEntry","saveEntry","useContentEntryForm","ButtonPrimary","ContentEntryEditorConfig","saveAndPublish","canEdit","canPublish","usePermission"],"mappings":";;;;;AAOO,MAAMA,uBAAuB;IAChC,MAAM,EAAEC,OAAO,EAAEC,KAAK,EAAEC,oBAAoB,EAAE,GAAGC;IACjD,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAM,EAAEC,aAAa,EAAE,GAAGC,yBAAyB,OAAO,CAAC,YAAY,CAAC,UAAU;IAElF,MAAMC,iBAAiB;QACnB,MAAMP,QAAQ,MAAMG;QACpB,IAAI,CAACH,SAAS,CAACA,MAAM,EAAE,EACnB;QAEJ,MAAMC,qBAAqB;YAAE,IAAID,MAAM,EAAE;QAAC;IAC9C;IAEA,MAAM,EAAEQ,OAAO,EAAEC,UAAU,EAAE,GAAGC;IAEhC,IAAI,CAACF,QAAQR,OAAO,uBAAuB,CAACS,WAAW,qBACnD,OAAO;IAGX,OAAO,WAAP,GACI,oBAACJ,eAAAA;QACG,UAAUE;QACV,UAAUR;QACV,eAAY;OAEX;AAGb"}

package/admin/components/ContentEntryForm/Header/SaveAndPublishContent/index.d.ts

@@ -0,0 +1 @@
+export * from "./SaveAndPublishContent.js";

package/admin/components/ContentEntryForm/Header/SaveAndPublishContent/index.js

@@ -0,0 +1 @@
+export * from "./SaveAndPublishContent.js";

package/admin/components/ContentEntryForm/Header/SaveContent/SaveContent.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const SaveContentButton: () => React.JSX.Element | null;

package/admin/components/ContentEntryForm/Header/SaveContent/SaveContent.js

@@ -0,0 +1,25 @@
+import react from "react";
+import { ContentEntryEditorConfig } from "../../../../config/contentEntries/index.js";
+import { usePermission } from "../../../../hooks/usePermission.js";
+import { useContentEntryForm } from "../../useContentEntryForm.js";
+import { useIsModelPublishable } from "../../../../hooks/useIsModelPublishable.js";
+const SaveContentButton = ()=>{
+    const { useButtons } = ContentEntryEditorConfig.Actions.ButtonAction;
+    const { canEdit } = usePermission();
+    const { ButtonSecondary } = useButtons();
+    const { entry, saveEntry } = useContentEntryForm();
+    const isModelPublishable = useIsModelPublishable();
+    if (!canEdit(entry, "cms.contentEntry")) return null;
+    const skipValidators = isModelPublishable ? [
+        "required"
+    ] : [];
+    return /*#__PURE__*/ react.createElement(ButtonSecondary, {
+        "data-testid": "cms-content-save-content-button",
+        onAction: ()=>saveEntry({
+                skipValidators
+            })
+    }, "Save");
+};
+export { SaveContentButton };
+
+//# sourceMappingURL=SaveContent.js.map

package/admin/components/ContentEntryForm/Header/SaveContent/SaveContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentEntryForm/Header/SaveContent/SaveContent.js","sources":["../../../../../../src/admin/components/ContentEntryForm/Header/SaveContent/SaveContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { ContentEntryEditorConfig } from \"~/admin/config/contentEntries/index.js\";\nimport { usePermission } from \"~/admin/hooks/usePermission.js\";\nimport { useContentEntryForm } from \"~/admin/components/ContentEntryForm/useContentEntryForm.js\";\nimport { useIsModelPublishable } from \"~/admin/hooks/useIsModelPublishable.js\";\n\nexport const SaveContentButton = () => {\n    const { useButtons } = ContentEntryEditorConfig.Actions.ButtonAction;\n    const { canEdit } = usePermission();\n    const { ButtonSecondary } = useButtons();\n    const { entry, saveEntry } = useContentEntryForm();\n    const isModelPublishable = useIsModelPublishable();\n\n    if (!canEdit(entry, \"cms.contentEntry\")) {\n        return null;\n    }\n\n    const skipValidators = isModelPublishable ? [\"required\"] : [];\n\n    return (\n        <ButtonSecondary\n            data-testid={\"cms-content-save-content-button\"}\n            onAction={() => saveEntry({ skipValidators })}\n        >\n            {\"Save\"}\n        </ButtonSecondary>\n    );\n};\n"],"names":["SaveContentButton","useButtons","ContentEntryEditorConfig","canEdit","usePermission","ButtonSecondary","entry","saveEntry","useContentEntryForm","isModelPublishable","useIsModelPublishable","skipValidators"],"mappings":";;;;;AAMO,MAAMA,oBAAoB;IAC7B,MAAM,EAAEC,UAAU,EAAE,GAAGC,yBAAyB,OAAO,CAAC,YAAY;IACpE,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAM,EAAEC,eAAe,EAAE,GAAGJ;IAC5B,MAAM,EAAEK,KAAK,EAAEC,SAAS,EAAE,GAAGC;IAC7B,MAAMC,qBAAqBC;IAE3B,IAAI,CAACP,QAAQG,OAAO,qBAChB,OAAO;IAGX,MAAMK,iBAAiBF,qBAAqB;QAAC;KAAW,GAAG,EAAE;IAE7D,OAAO,WAAP,GACI,oBAACJ,iBAAAA;QACG,eAAa;QACb,UAAU,IAAME,UAAU;gBAAEI;YAAe;OAE1C;AAGb"}

package/admin/components/ContentEntryForm/Header/SaveContent/index.d.ts

@@ -0,0 +1 @@
+export * from "./SaveContent.js";

package/admin/components/ContentEntryForm/Header/SaveContent/index.js

@@ -0,0 +1 @@
+export * from "./SaveContent.js";

package/admin/components/ContentEntryForm/Header/ShowRevisionsList/ShowRevisionList.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ShowRevisionList: () => React.JSX.Element;