alinea 2.0.0-preview.4 → 2.0.0-preview.5

package/dist/dashboard/app/Badge.js

@@ -8,9 +8,9 @@ import { Icon } from "../../components/Icon.js";
 
 // src/dashboard/app/Badge.module.css
 var Badge_default = {
+  "Badge": "alinea-Badge",
   "Badge-label": "alinea-Badge-label",
-  "BadgeLabel": "alinea-Badge-label",
-  "Badge": "alinea-Badge"
+  "BadgeLabel": "alinea-Badge-label"
 };
 
 // src/dashboard/app/Badge.tsx

package/dist/dashboard/app/CompactField.js

@@ -19,25 +19,25 @@ import { Badge } from "./Badge.js";
 
 // src/dashboard/app/CompactField.module.css
 var CompactField_default = {
-  "CompactField-json": "alinea-CompactField-json",
-  "CompactFieldJson": "alinea-CompactField-json",
+  "CompactField": "alinea-CompactField",
+  "CompactField-list-count": "alinea-CompactField-list-count",
+  "CompactFieldListCount": "alinea-CompactField-list-count",
+  "CompactField-record-field": "alinea-CompactField-record-field",
+  "CompactFieldRecordField": "alinea-CompactField-record-field",
   "CompactField-record": "alinea-CompactField-record",
   "CompactFieldRecord": "alinea-CompactField-record",
-  "CompactField": "alinea-CompactField",
-  "CompactField-record-value": "alinea-CompactField-record-value",
-  "CompactFieldRecordValue": "alinea-CompactField-record-value",
-  "CompactField-record-label": "alinea-CompactField-record-label",
-  "CompactFieldRecordLabel": "alinea-CompactField-record-label",
-  "CompactField-items": "alinea-CompactField-items",
-  "CompactFieldItems": "alinea-CompactField-items",
   "CompactField-muted": "alinea-CompactField-muted",
   "CompactFieldMuted": "alinea-CompactField-muted",
-  "CompactField-list-count": "alinea-CompactField-list-count",
-  "CompactFieldListCount": "alinea-CompactField-list-count",
+  "CompactField-json": "alinea-CompactField-json",
+  "CompactFieldJson": "alinea-CompactField-json",
   "CompactField-text": "alinea-CompactField-text",
   "CompactFieldText": "alinea-CompactField-text",
-  "CompactField-record-field": "alinea-CompactField-record-field",
-  "CompactFieldRecordField": "alinea-CompactField-record-field"
+  "CompactField-items": "alinea-CompactField-items",
+  "CompactFieldItems": "alinea-CompactField-items",
+  "CompactField-record-label": "alinea-CompactField-record-label",
+  "CompactFieldRecordLabel": "alinea-CompactField-record-label",
+  "CompactField-record-value": "alinea-CompactField-record-value",
+  "CompactFieldRecordValue": "alinea-CompactField-record-value"
 };
 
 // src/dashboard/app/CompactField.tsx

package/dist/dashboard/app/DashboardErrorBoundary.js

@@ -69,13 +69,13 @@ var DashboardErrorBoundary_default = {
   "DashboardErrorBoundaryTitle": "alinea-DashboardErrorBoundary-title",
   "DashboardErrorBoundary-actions": "alinea-DashboardErrorBoundary-actions",
   "DashboardErrorBoundaryActions": "alinea-DashboardErrorBoundary-actions",
-  "DashboardErrorBoundary-message": "alinea-DashboardErrorBoundary-message",
-  "DashboardErrorBoundaryMessage": "alinea-DashboardErrorBoundary-message",
+  "DashboardErrorBoundary-heading": "alinea-DashboardErrorBoundary-heading",
+  "DashboardErrorBoundaryHeading": "alinea-DashboardErrorBoundary-heading",
   "DashboardErrorBoundary": "alinea-DashboardErrorBoundary",
   "DashboardErrorBoundary-card": "alinea-DashboardErrorBoundary-card",
   "DashboardErrorBoundaryCard": "alinea-DashboardErrorBoundary-card",
-  "DashboardErrorBoundary-heading": "alinea-DashboardErrorBoundary-heading",
-  "DashboardErrorBoundaryHeading": "alinea-DashboardErrorBoundary-heading"
+  "DashboardErrorBoundary-message": "alinea-DashboardErrorBoundary-message",
+  "DashboardErrorBoundaryMessage": "alinea-DashboardErrorBoundary-message"
 };
 
 // src/dashboard/app/DashboardErrorBoundary.tsx

package/dist/dashboard/app/EntryFields.d.ts

@@ -5,9 +5,10 @@ import { type PropsWithChildren } from 'react';
 import type { EditorNode } from '../atoms/editor.js';
 interface NodeEditorProps extends PropsWithChildren {
     node: EditorNode;
+    readOnly?: boolean;
     type: Type;
 }
-export declare function NodeEditor({ children, node, type }: NodeEditorProps): import("react").JSX.Element;
+export declare function NodeEditor({ children, node, readOnly, type }: NodeEditorProps): import("react").JSX.Element;
 export declare function FieldsEditor(): import("react").JSX.Element[];
 export declare function EntryFields(): import("react").JSX.Element[];
 export interface EditFieldsProps {
@@ -18,4 +19,5 @@ interface EditFieldProps {
     field: Field;
 }
 export declare const EditField: import("react").MemoExoticComponent<({ field }: EditFieldProps) => import("react").JSX.Element | null>;
+export declare function fieldWidth(width?: number): string;
 export {};

package/dist/dashboard/app/EntryFields.js

@@ -32,8 +32,8 @@ var EntryFields_default = {
 // src/dashboard/app/EntryFields.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var styles = styler(EntryFields_default);
-function NodeEditor({ children, node, type }) {
-  const editor = useNodeEditor(node, type);
+function NodeEditor({ children, node, readOnly, type }) {
+  const editor = useNodeEditor(node, type, readOnly);
   return /* @__PURE__ */ jsx(EditorScope, { editor, children: children ?? /* @__PURE__ */ jsx(FieldsEditor, {}) });
 }
 function FieldsEditor() {
@@ -64,7 +64,7 @@ var EditFields = memo(function EditFields2({ fields }) {
       "div",
       {
         className: styles.EditField.slot(),
-        style: { gridColumn: `span ${fieldSpan()}` },
+        style: { flexBasis: fieldWidth() },
         children: /* @__PURE__ */ jsx(FormSection, { section: new EntryEditorSection(value) })
       },
       name
@@ -83,19 +83,22 @@ var EditField = memo(function EditField2({ field }) {
     "div",
     {
       className: styles.EditField.slot(),
-      style: { gridColumn: `span ${fieldSpan(options.width)}` },
+      style: { flexBasis: fieldWidth(options.width) },
       children: /* @__PURE__ */ jsx(View, { field })
     }
   );
 });
-function fieldSpan(width = 1) {
-  const columns = 12;
-  return Math.max(1, Math.min(columns, Math.round(width * columns)));
+function fieldWidth(width = 1) {
+  const fraction = Math.max(0, Math.min(1, width));
+  if (fraction === 0) return "0px";
+  if (fraction === 1) return "100%";
+  return `calc(${fraction * 100}% - var(--alinea-field-gap) * ${1 - fraction})`;
 }
 export {
   EditField,
   EditFields,
   EntryFields,
   FieldsEditor,
-  NodeEditor
+  NodeEditor,
+  fieldWidth
 };

package/dist/dashboard/app/EntryHeader.js

@@ -18,10 +18,11 @@ import { getType } from "alinea/core/Internal";
 import { MediaFile, MediaLibrary } from "alinea/core/media/MediaTypes";
 import { assert } from "alinea/core/util/Assert";
 import { isRecord } from "alinea/core/util/Objects";
-import { configAtom } from "alinea/dashboard/atoms/core";
 import { activityAtom } from "alinea/dashboard/atoms/activity";
+import { configAtom } from "alinea/dashboard/atoms/core";
 import { routeAtom } from "alinea/dashboard/atoms/nav";
 import { policyAtom } from "alinea/dashboard/atoms/user";
+import { useSaveShortcut } from "alinea/dashboard/hook/UseSaveShortcut";
 import { useState, useTransition } from "react";
 import {
   IcOutlineArchive,
@@ -30,6 +31,7 @@ import {
   IcRoundDelete,
   IcRoundEdit,
   IcRoundFlashOn,
+  IcRoundLanguage,
   IcRoundMoreHoriz,
   IcRoundPublishedWithChanges,
   IcRoundSave,
@@ -41,15 +43,6 @@ import { EditorBackButton } from "./EditorBackButton.js";
 
 // src/dashboard/app/EntryHeader.module.css
 var EntryHeader_default = {
-  "EntryHeader": "alinea-EntryHeader",
-  "EntryHeader-actions": "alinea-EntryHeader-actions",
-  "EntryHeaderActions": "alinea-EntryHeader-actions",
-  "EntryHeader-status": "alinea-EntryHeader-status",
-  "EntryHeaderStatus": "alinea-EntryHeader-status",
-  "is-dirty": "alinea-is-dirty",
-  "isDirty": "alinea-is-dirty",
-  "EntryHeader-content": "alinea-EntryHeader-content",
-  "EntryHeaderContent": "alinea-EntryHeader-content",
   "EntryHeader-sidebarToggle": "alinea-EntryHeader-sidebarToggle",
   "EntryHeaderSidebarToggle": "alinea-EntryHeader-sidebarToggle",
   "EntryHeader-main": "alinea-EntryHeader-main",
@@ -57,15 +50,25 @@ var EntryHeader_default = {
   "EntryHeader-type": "alinea-EntryHeader-type",
   "EntryHeaderType": "alinea-EntryHeader-type",
   "EntryHeader-title": "alinea-EntryHeader-title",
-  "EntryHeaderTitle": "alinea-EntryHeader-title"
+  "EntryHeaderTitle": "alinea-EntryHeader-title",
+  "EntryHeader-actions": "alinea-EntryHeader-actions",
+  "EntryHeaderActions": "alinea-EntryHeader-actions",
+  "EntryHeader-status": "alinea-EntryHeader-status",
+  "EntryHeaderStatus": "alinea-EntryHeader-status",
+  "EntryHeader": "alinea-EntryHeader",
+  "EntryHeader-content": "alinea-EntryHeader-content",
+  "EntryHeaderContent": "alinea-EntryHeader-content",
+  "is-dirty": "alinea-is-dirty",
+  "isDirty": "alinea-is-dirty"
 };
 
 // src/dashboard/app/EntryHeader.tsx
 import {
-  entryHeaderActionIds,
-  entryHeaderPrimaryActionIds
+  entryHeaderActions,
+  entryHeaderPrimaryActions
 } from "./EntryHeaderActions.js";
 import { EntrySidebarToggle } from "./EntrySidebarToggle.js";
+import { ReadOnlyBadge } from "./ReadOnlyBadge.js";
 import {
   DashboardModal,
   DashboardModalContent,
@@ -82,16 +85,22 @@ function UrlConflictModal({ conflict, onClose }) {
       onOpenChange: (isOpen) => {
         if (!isOpen) onClose();
       },
-      children: conflict && /* @__PURE__ */ jsxs(DashboardModalDialog, { label: "URL alias already in use", children: [
+      children: conflict && /* @__PURE__ */ jsxs(DashboardModalDialog, { label: "URL already in use", children: [
         /* @__PURE__ */ jsxs(DashboardModalContent, { children: [
           /* @__PURE__ */ jsxs("p", { children: [
-            "The URL alias ",
+            "The URL ",
             /* @__PURE__ */ jsx("strong", { children: conflict.url }),
             " is already defined on entry ",
             /* @__PURE__ */ jsx("strong", { children: conflict.entryId }),
+            " in workspace",
+            " ",
+            /* @__PURE__ */ jsx("strong", { children: conflict.workspace }),
+            ", root",
+            " ",
+            /* @__PURE__ */ jsx("strong", { children: conflict.root }),
             "."
           ] }),
-          /* @__PURE__ */ jsx("p", { children: "Remove or change this alias, then publish again." })
+          /* @__PURE__ */ jsx("p", { children: "Change the entry path or remove this alias, then try again." })
         ] }),
         /* @__PURE__ */ jsx(DashboardModalFooter, { children: /* @__PURE__ */ jsx(Button, { intent: "primary", onPress: onClose, children: "OK" }) })
       ] })
@@ -117,19 +126,22 @@ var variantDescription = {
   published: "Published",
   unpublished: "Unpublished",
   archived: "Archived",
-  draft: "Draft"
+  draft: "Draft",
+  untranslated: "Untranslated"
 };
 var badgeStatus = {
   published: "published",
   unpublished: "unpublished",
   archived: "archived",
-  draft: "draft"
+  draft: "draft",
+  untranslated: "untranslated"
 };
 var badgeIcon = {
   published: IcRoundCheck,
   unpublished: IcRoundFlashOn,
   archived: IcOutlineArchive,
-  draft: IcRoundEdit
+  draft: IcRoundEdit,
+  untranslated: IcRoundLanguage
 };
 function EntryHeader({
   controls,
@@ -142,6 +154,7 @@ function EntryHeader({
   selectedEntry
 }) {
   const config = useAtomValueRaw(configAtom);
+  const activity = useAtomValueRaw(activityAtom);
   const policy = useAtomValueRaw(policyAtom);
   const route = useAtomValueRaw(routeAtom);
   const setRoute = useSetAtom(routeAtom);
@@ -168,7 +181,6 @@ function EntryHeader({
   const replaceFile = useSetAtom(localeData.replaceFile);
   const reset = useSetAtom(node.reset);
   const isDirty = useAtomValueRaw(node.isDirty);
-  const activity = useAtomValueRaw(activityAtom);
   const activeVersion = Array.from(versions.values()).find(
     (version) => version.active
   );
@@ -184,12 +196,12 @@ function EntryHeader({
   const isRevision = selectedVersion?.type === "history";
   const isUnpublished = activeStatus === "draft" && activeVersion.main;
   const viewedStatus = selectedEntry.status;
-  const status = viewedStatus === "draft" && selectedEntry.main ? "unpublished" : viewedStatus;
+  const status = untranslated ? "untranslated" : viewedStatus === "draft" && selectedEntry.main ? "unpublished" : viewedStatus;
+  const showStatus = isRevision || status !== "published";
   const [isPending, startTransition] = useTransition();
-  const isActionDisabled = isPending || activity.hasFailedMutations;
+  const isActionDisabled = isPending || activity.isMutating;
   const [urlConflict, setUrlConflict] = useState();
   function runAction(action) {
-    if (activity.hasFailedMutations) return;
     startTransition(async () => {
       try {
         await action();
@@ -221,7 +233,7 @@ function EntryHeader({
     input.click();
   }
   const canSaveDraft = !isMedia && config.enableDrafts && access.update;
-  const primaryActionIds = entryHeaderPrimaryActionIds({
+  const primaryActions = entryHeaderPrimaryActions({
     access,
     activeStatus,
     canPublishParents,
@@ -231,8 +243,33 @@ function EntryHeader({
     parentNeedsTranslation,
     untranslated
   });
+  function createDraft() {
+    runAction(async () => {
+      await saveDraft(node);
+      setSelectedVersion({ type: "status", status: "draft" });
+    });
+  }
+  function saveTranslationChanges() {
+    runAction(() => saveTranslation(node));
+  }
+  function publishChanges() {
+    runAction(() => publishEdits(node));
+  }
+  function saveDraftChanges() {
+    runAction(() => saveDraft(node));
+  }
+  function publishCurrentDraft() {
+    runAction(publishDraft);
+  }
+  let saveShortcut;
+  if (primaryActions.dirty?.saveDraft) saveShortcut = saveDraftChanges;
+  else if (primaryActions.dirty?.publish) saveShortcut = publishChanges;
+  else if (primaryActions.saveTranslation) saveShortcut = saveTranslationChanges;
+  else if (primaryActions.createDraft) saveShortcut = createDraft;
+  else if (primaryActions.publishDraft) saveShortcut = publishCurrentDraft;
+  useSaveShortcut(saveShortcut, isActionDisabled);
   let primaryAction = null;
-  if (primaryActionIds.includes("create-draft")) {
+  if (primaryActions.createDraft) {
     primaryAction = /* @__PURE__ */ jsx(
       Button,
       {
@@ -240,14 +277,11 @@ function EntryHeader({
         intent: "primary",
         isDisabled: isActionDisabled,
         isPending,
-        onPress: () => runAction(async () => {
-          await saveDraft(node);
-          setSelectedVersion({ type: "status", status: "draft" });
-        }),
+        onPress: createDraft,
         children: "Create draft"
       }
     );
-  } else if (primaryActionIds.includes("save-translation")) {
+  } else if (primaryActions.saveTranslation) {
     primaryAction = /* @__PURE__ */ jsx(
       Button,
       {
@@ -255,11 +289,11 @@ function EntryHeader({
         intent: "primary",
         isDisabled: isActionDisabled,
         isPending,
-        onPress: () => runAction(() => saveTranslation(node)),
+        onPress: saveTranslationChanges,
         children: "Save translation"
       }
     );
-  } else if (primaryActionIds.includes("discard-changes")) {
+  } else if (primaryActions.dirty) {
     primaryAction = /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         Button,
@@ -270,30 +304,30 @@ function EntryHeader({
           children: "Discard my changes"
         }
       ),
-      primaryActionIds.includes("publish-edits") && /* @__PURE__ */ jsx(
+      primaryActions.dirty.publish && /* @__PURE__ */ jsx(
         Button,
         {
           icon: IcRoundCheck,
           intent: canSaveDraft ? "secondary" : "primary",
           isDisabled: isActionDisabled,
           isPending,
-          onPress: () => runAction(() => publishEdits(node)),
+          onPress: publishChanges,
           children: "Publish"
         }
       ),
-      primaryActionIds.includes("save-draft") && /* @__PURE__ */ jsx(
+      primaryActions.dirty.saveDraft && /* @__PURE__ */ jsx(
         Button,
         {
           icon: IcRoundSave,
           intent: "primary",
           isDisabled: isActionDisabled,
           isPending,
-          onPress: () => runAction(() => saveDraft(node)),
+          onPress: saveDraftChanges,
           children: "Save draft"
         }
       )
     ] });
-  } else if (primaryActionIds.includes("publish-draft")) {
+  } else if (primaryActions.publishDraft) {
     primaryAction = /* @__PURE__ */ jsx(
       Button,
       {
@@ -301,13 +335,13 @@ function EntryHeader({
         intent: "primary",
         isDisabled: isActionDisabled,
         isPending,
-        onPress: () => runAction(publishDraft),
+        onPress: publishCurrentDraft,
         children: "Publish"
       }
     );
   }
   const menuItems = [];
-  const actionIds = entryHeaderActionIds({
+  const actions = entryHeaderActions({
     access,
     activeStatus,
     canDelete: activeVersion.seeded === null,
@@ -321,51 +355,48 @@ function EntryHeader({
     isUnpublished,
     untranslated
   });
-  for (const actionId of actionIds) {
-    if (actionId === "remove-draft") {
-      menuItems.push({
-        id: "remove-draft",
-        label: "Remove draft",
-        action: discardDraft,
-        icon: IcRoundDelete
-      });
-    } else if (actionId === "replace") {
-      menuItems.push({
-        id: "replace",
-        label: "Replace",
-        action: replaceMediaFile,
-        icon: IcRoundSync
-      });
-    } else if (actionId === "unpublish") {
-      menuItems.push({
-        id: "unpublish",
-        label: "Unpublish",
-        action: unpublish,
-        icon: IcRoundVisibilityOff
-      });
-    } else if (actionId === "archive") {
-      menuItems.push({
-        id: "archive",
-        label: "Archive",
-        action: archive,
-        icon: IcRoundArchive
-      });
-    } else if (actionId === "publish") {
-      menuItems.push({
-        id: "publish",
-        label: "Publish",
-        action: publishArchived,
-        icon: IcRoundCheck
-      });
-    } else {
-      menuItems.push({
-        id: "delete",
-        label: "Delete",
-        action: deleteAndNavigate,
-        icon: IcRoundDelete
-      });
-    }
-  }
+  if (actions.removeDraft)
+    menuItems.push({
+      id: "remove-draft",
+      label: "Remove draft",
+      action: discardDraft,
+      icon: IcRoundDelete
+    });
+  if (actions.replace)
+    menuItems.push({
+      id: "replace",
+      label: "Replace",
+      action: replaceMediaFile,
+      icon: IcRoundSync
+    });
+  if (actions.unpublish)
+    menuItems.push({
+      id: "unpublish",
+      label: "Unpublish",
+      action: unpublish,
+      icon: IcRoundVisibilityOff
+    });
+  if (actions.archive)
+    menuItems.push({
+      id: "archive",
+      label: "Archive",
+      action: archive,
+      icon: IcRoundArchive
+    });
+  if (actions.publish)
+    menuItems.push({
+      id: "publish",
+      label: "Publish",
+      action: publishArchived,
+      icon: IcRoundCheck
+    });
+  if (actions.delete)
+    menuItems.push({
+      id: "delete",
+      label: "Delete",
+      action: deleteAndNavigate,
+      icon: IcRoundDelete
+    });
   return /* @__PURE__ */ jsxs("header", { className: styles.EntryHeader({ dirty: isDirty }), children: [
     /* @__PURE__ */ jsxs("div", { className: styles.EntryHeader.content(), children: [
       /* @__PURE__ */ jsxs("div", { className: styles.EntryHeader.main(), children: [
@@ -383,7 +414,7 @@ function EntryHeader({
         ),
         /* @__PURE__ */ jsx("h1", { className: styles.EntryHeader.title(), children: selectedEntry.title }),
         controls,
-        /* @__PURE__ */ jsx(
+        showStatus && /* @__PURE__ */ jsx(
           Badge,
           {
             className: styles.EntryHeader.status(),
@@ -393,6 +424,7 @@ function EntryHeader({
           }
         ),
         /* @__PURE__ */ jsx(Badge, { className: styles.EntryHeader.type(), icon: typeData.icon, children: typeData.label }),
+        !access.update && /* @__PURE__ */ jsx(ReadOnlyBadge, {}),
         menuItems.length > 0 && /* @__PURE__ */ jsx(
           Menu,
           {

package/dist/dashboard/app/EntryHeaderActions.d.ts

@@ -1,6 +1,4 @@
 import type { EntryStatus } from 'alinea/core/Entry';
-export type EntryHeaderActionId = 'remove-draft' | 'replace' | 'unpublish' | 'archive' | 'publish' | 'delete';
-export type EntryHeaderPrimaryActionId = 'create-draft' | 'save-translation' | 'discard-changes' | 'publish-edits' | 'save-draft' | 'publish-draft';
 interface EntryHeaderAccess {
     archive: boolean;
     delete: boolean;
@@ -32,6 +30,25 @@ export interface EntryHeaderPrimaryActionState {
     parentNeedsTranslation: boolean;
     untranslated: boolean;
 }
-export declare function entryHeaderPrimaryActionIds({ access, activeStatus, canPublishParents, canSaveDraft, isDirty, isRevision, parentNeedsTranslation, untranslated }: EntryHeaderPrimaryActionState): Array<EntryHeaderPrimaryActionId>;
-export declare function entryHeaderActionIds({ access, activeStatus, canDelete, canPublishParents, draftsEnabled, isDirty, isMediaFile, isMediaLibrary, isParentUnpublished, isRevision, isUnpublished, untranslated }: EntryHeaderActionState): Array<EntryHeaderActionId>;
+export interface EntryDirtyActions {
+    publish: boolean;
+    saveDraft: boolean;
+}
+export interface EntryHeaderPrimaryActions {
+    createDraft: boolean;
+    dirty: EntryDirtyActions | undefined;
+    publishDraft: boolean;
+    saveTranslation: boolean;
+}
+export interface EntryHeaderActions {
+    archive: boolean;
+    delete: boolean;
+    publish: boolean;
+    removeDraft: boolean;
+    replace: boolean;
+    unpublish: boolean;
+}
+export declare function entryDirtyActions(canPublish: boolean, canSaveDraft: boolean): EntryDirtyActions;
+export declare function entryHeaderPrimaryActions({ access, activeStatus, canPublishParents, canSaveDraft, isDirty, isRevision, parentNeedsTranslation, untranslated }: EntryHeaderPrimaryActionState): EntryHeaderPrimaryActions;
+export declare function entryHeaderActions({ access, activeStatus, canDelete, canPublishParents, draftsEnabled, isDirty, isMediaFile, isMediaLibrary, isParentUnpublished, isRevision, isUnpublished, untranslated }: EntryHeaderActionState): EntryHeaderActions;
 export {};

package/dist/dashboard/app/EntryHeaderActions.js

@@ -1,7 +1,10 @@
 import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/dashboard/app/EntryHeaderActions.ts
-function entryHeaderPrimaryActionIds({
+function entryDirtyActions(canPublish, canSaveDraft) {
+  return { publish: canPublish, saveDraft: canSaveDraft };
+}
+function entryHeaderPrimaryActions({
   access,
   activeStatus,
   canPublishParents,
@@ -11,21 +14,29 @@ function entryHeaderPrimaryActionIds({
   parentNeedsTranslation,
   untranslated
 }) {
-  if (isRevision) return canSaveDraft ? ["create-draft"] : [];
+  const actions = {
+    createDraft: false,
+    dirty: void 0,
+    publishDraft: false,
+    saveTranslation: false
+  };
+  if (isRevision) {
+    actions.createDraft = canSaveDraft;
+    return actions;
+  }
   if (untranslated) {
-    return !parentNeedsTranslation && access.update ? ["save-translation"] : [];
+    actions.saveTranslation = !parentNeedsTranslation && access.update;
+    return actions;
   }
   if (isDirty) {
-    const actions = ["discard-changes"];
-    if (access.publish) actions.push("publish-edits");
-    if (canSaveDraft) actions.push("save-draft");
+    actions.dirty = entryDirtyActions(access.publish, canSaveDraft);
     return actions;
   }
   if (activeStatus === "draft" && canPublishParents && access.publish)
-    return ["publish-draft"];
-  return [];
+    actions.publishDraft = true;
+  return actions;
 }
-function entryHeaderActionIds({
+function entryHeaderActions({
   access,
   activeStatus,
   canDelete,
@@ -39,33 +50,43 @@ function entryHeaderActionIds({
   isUnpublished,
   untranslated
 }) {
-  if (isRevision || isDirty || untranslated) return [];
+  const actions = {
+    archive: false,
+    delete: false,
+    publish: false,
+    removeDraft: false,
+    replace: false,
+    unpublish: false
+  };
+  if (isRevision || isDirty || untranslated) return actions;
   if (activeStatus === "draft") {
-    if (!isUnpublished) return access.update ? ["remove-draft"] : [];
+    if (!isUnpublished) {
+      actions.removeDraft = access.update;
+      return actions;
+    }
     if (isParentUnpublished) {
-      return canDelete && access.delete ? ["delete"] : [];
+      actions.delete = canDelete && access.delete;
+      return actions;
     }
-    return access.archive ? ["archive"] : [];
+    actions.archive = access.archive;
+    return actions;
   }
   if (activeStatus === "published") {
     if (isMediaFile) {
-      const actions3 = [];
-      if (access.update && access.upload) actions3.push("replace");
-      if (canDelete && access.delete) actions3.push("delete");
-      return actions3;
+      actions.replace = access.update && access.upload;
+      actions.delete = canDelete && access.delete;
+      return actions;
     }
-    const actions2 = [];
-    if (!isMediaLibrary && draftsEnabled && access.publish)
-      actions2.push("unpublish");
-    if (canDelete && access.archive) actions2.push("archive");
-    return actions2;
+    actions.unpublish = !isMediaLibrary && draftsEnabled && access.publish;
+    actions.archive = canDelete && access.archive;
+    return actions;
   }
-  const actions = [];
-  if (canPublishParents && access.publish) actions.push("publish");
-  if (canDelete && access.delete) actions.push("delete");
+  actions.publish = canPublishParents && access.publish;
+  actions.delete = canDelete && access.delete;
   return actions;
 }
 export {
-  entryHeaderActionIds,
-  entryHeaderPrimaryActionIds
+  entryDirtyActions,
+  entryHeaderActions,
+  entryHeaderPrimaryActions
 };