strapi-plugin-navigation 3.0.0 → 3.0.1-beta.0

package/dist/admin/index.js

@@ -5641,7 +5641,7 @@ function createCollection(name2) {
 }
 const cache = /* @__PURE__ */ new Map();
 function useCollator(locale, options) {
-  const cacheKey = locale + (options ? Object.entries(options).sort((a, b) => a[0] < b[0] ? -1 : 1).join() : "");
+  const cacheKey = locale + Object.entries(options).sort((a, b) => a[0] < b[0] ? -1 : 1).join();
   if (cache.has(cacheKey)) {
     return cache.get(cacheKey);
   }
@@ -22871,6 +22871,15 @@ class ViewUpdate {
     return (this.flags & 4) > 0;
   }
   /**
+  Returns true when
+  [`viewportChanged`](https://codemirror.net/6/docs/ref/#view.ViewUpdate.viewportChanged) is true
+  and the viewport change is not just the result of mapping it in
+  response to document changes.
+  */
+  get viewportMoved() {
+    return (this.flags & 8) > 0;
+  }
+  /**
   Indicates whether the height of a block element in the editor
   changed in this update.
   */
@@ -22882,7 +22891,7 @@ class ViewUpdate {
   editor, or elements within the editor, changed.
   */
   get geometryChanged() {
-    return this.docChanged || (this.flags & (8 | 2)) > 0;
+    return this.docChanged || (this.flags & (16 | 2)) > 0;
   }
   /**
   True when this update indicates a focus change.
@@ -25803,7 +25812,7 @@ class ViewState {
       this.updateViewportLines();
     if (this.lineGaps.length || this.viewport.to - this.viewport.from > 2e3 << 1)
       this.updateLineGaps(this.ensureLineGaps(this.mapLineGaps(this.lineGaps, update.changes)));
-    update.flags |= this.computeVisibleRanges();
+    update.flags |= this.computeVisibleRanges(update.changes);
     if (scrollTarget)
       this.scrollTarget = scrollTarget;
     if (!this.mustEnforceCursorAssoc && update.selectionSet && update.view.lineWrapping && update.state.selection.main.empty && update.state.selection.main.assoc && !update.state.facet(nativeSelectionHidden))
@@ -25825,7 +25834,7 @@ class ViewState {
       if (scaleX > 5e-3 && Math.abs(this.scaleX - scaleX) > 5e-3 || scaleY > 5e-3 && Math.abs(this.scaleY - scaleY) > 5e-3) {
         this.scaleX = scaleX;
         this.scaleY = scaleY;
-        result |= 8;
+        result |= 16;
         refresh = measureContent = true;
       }
     }
@@ -25834,13 +25843,13 @@ class ViewState {
     if (this.paddingTop != paddingTop || this.paddingBottom != paddingBottom) {
       this.paddingTop = paddingTop;
       this.paddingBottom = paddingBottom;
-      result |= 8 | 2;
+      result |= 16 | 2;
     }
     if (this.editorWidth != view.scrollDOM.clientWidth) {
       if (oracle.lineWrapping)
         measureContent = true;
       this.editorWidth = view.scrollDOM.clientWidth;
-      result |= 8;
+      result |= 16;
     }
     let scrollTop = view.scrollDOM.scrollTop * this.scaleY;
     if (this.scrollTop != scrollTop) {
@@ -25863,7 +25872,7 @@ class ViewState {
     if (this.contentDOMWidth != contentWidth || this.editorHeight != view.scrollDOM.clientHeight) {
       this.contentDOMWidth = domRect.width;
       this.editorHeight = view.scrollDOM.clientHeight;
-      result |= 8;
+      result |= 16;
     }
     if (measureContent) {
       let lineHeights = view.docView.measureVisibleLineHeights(this.viewport);
@@ -25874,7 +25883,7 @@ class ViewState {
         refresh = lineHeight > 0 && oracle.refresh(whiteSpace, lineHeight, charWidth, textHeight, contentWidth / charWidth, lineHeights);
         if (refresh) {
           view.docView.minWidth = 0;
-          result |= 8;
+          result |= 16;
         }
       }
       if (dTop > 0 && dBottom > 0)
@@ -26076,7 +26085,7 @@ class ViewState {
       this.lineGapDeco = Decoration.set(gaps.map((gap) => gap.draw(this, this.heightOracle.lineWrapping)));
     }
   }
-  computeVisibleRanges() {
+  computeVisibleRanges(changes) {
     let deco = this.stateDeco;
     if (this.lineGaps.length)
       deco = deco.concat(this.lineGapDeco);
@@ -26088,9 +26097,21 @@ class ViewState {
       point() {
       }
     }, 20);
-    let changed = ranges.length != this.visibleRanges.length || this.visibleRanges.some((r, i) => r.from != ranges[i].from || r.to != ranges[i].to);
+    let changed = 0;
+    if (ranges.length != this.visibleRanges.length) {
+      changed = 8 | 4;
+    } else {
+      for (let i = 0; i < ranges.length && !(changed & 8); i++) {
+        let old = this.visibleRanges[i], nw = ranges[i];
+        if (old.from != nw.from || old.to != nw.to) {
+          changed |= 4;
+          if (!(changes && changes.mapPos(old.from, -1) == nw.from && changes.mapPos(old.to, 1) == nw.to))
+            changed |= 8;
+        }
+      }
+    }
     this.visibleRanges = ranges;
-    return changed ? 4 : 0;
+    return changed;
   }
   lineBlockAt(pos) {
     return pos >= this.viewport.from && pos <= this.viewport.to && this.viewportLines.find((b) => b.from <= pos && b.to >= pos) || scaleBlock(this.heightMap.lineAt(pos, QueryType$1.ByPos, this.heightOracle, 0, 0), this.scaler);
@@ -28389,14 +28410,7 @@ function rectanglesForRange(view, className, range) {
     return pieces(top2).concat(between).concat(pieces(bottom));
   }
   function piece(left, top2, right, bottom) {
-    return new RectangleMarker(
-      className,
-      left - base2.left,
-      top2 - base2.top - 0.01,
-      right - left,
-      bottom - top2 + 0.01
-      /* C.Epsilon */
-    );
+    return new RectangleMarker(className, left - base2.left, top2 - base2.top, right - left, bottom - top2);
   }
   function pieces({ top: top2, bottom, horizontal }) {
     let pieces2 = [];
@@ -28770,12 +28784,12 @@ class MatchDecorator {
     let changeFrom = 1e9, changeTo = -1;
     if (update.docChanged)
       update.changes.iterChanges((_f, _t, from, to) => {
-        if (to > update.view.viewport.from && from < update.view.viewport.to) {
+        if (to >= update.view.viewport.from && from <= update.view.viewport.to) {
           changeFrom = Math.min(from, changeFrom);
           changeTo = Math.max(to, changeTo);
         }
       });
-    if (update.viewportChanged || changeTo - changeFrom > 1e3)
+    if (update.viewportMoved || changeTo - changeFrom > 1e3)
       return this.createDeco(update.view);
     if (changeTo > -1)
       return this.updateRange(update.view, deco.map(update.changes), changeFrom, changeTo);
@@ -31038,10 +31052,10 @@ class IndentContext {
 const indentNodeProp = /* @__PURE__ */ new NodeProp();
 function syntaxIndentation(cx, ast, pos) {
   let stack = ast.resolveStack(pos);
-  let inner = stack.node.enterUnfinishedNodesBefore(pos);
+  let inner = ast.resolveInner(pos, -1).resolve(pos, 0).enterUnfinishedNodesBefore(pos);
   if (inner != stack.node) {
     let add2 = [];
-    for (let cur2 = inner; cur2 != stack.node; cur2 = cur2.parent)
+    for (let cur2 = inner; cur2 && !(cur2.from == stack.node.from && cur2.type == stack.node.type); cur2 = cur2.parent)
       add2.push(cur2);
     for (let i = add2.length - 1; i >= 0; i--)
       stack = { node: add2[i], next: stack };
@@ -50625,9 +50639,9 @@ const Field = ({ children, name: name2, hint, label, error, required }) => {
   );
 };
 const trads = {
-  en: () => Promise.resolve().then(() => require("../_chunks/en-CT7eKHZS.js")),
-  fr: () => Promise.resolve().then(() => require("../_chunks/fr-ybbSdjZO.js")),
-  ca: () => Promise.resolve().then(() => require("../_chunks/ca-DtaqQvTI.js"))
+  en: () => Promise.resolve().then(() => require("../_chunks/en-DFL7XJr6.js")),
+  fr: () => Promise.resolve().then(() => require("../_chunks/fr-CM4is9Gz.js")),
+  ca: () => Promise.resolve().then(() => require("../_chunks/ca-DnfumDWu.js"))
 };
 const getTradId = (msg) => `${PLUGIN_ID}.${msg}`;
 const getTrad = (msg, defaultMessage) => ({
@@ -52778,7 +52792,7 @@ const Item = ({
       level,
       isLast,
       style: { opacity: isDragging ? 0.2 : 1 },
-      ref: refs ? refs.dropRef : void 0,
+      ref: refs.dropRef,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           Card,
@@ -53708,98 +53722,94 @@ const NavigationItemForm = ({
         isSingleSelected
       });
       return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(Grid.Root, { gap: 5, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Grid.Item, { alignItems: "flex-start", col: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsxs(Grid.Root, { gap: 5, paddingBottom: 1, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Grid.Item, { alignItems: "flex-start", col: 8, children: /* @__PURE__ */ jsxRuntime.jsx(
             Field,
             {
-              name: "title",
-              label: formatMessage(getTrad("popup.item.form.title.label", "Title")),
-              error: renderError("title"),
+              name: "type",
+              label: formatMessage(getTrad("popup.item.form.type.label", "Internal link")),
+              error: renderError("type"),
               hint: formatMessage(
                 getTrad("popup.item.form.title.placeholder", "e.g. Blog")
               ),
               children: /* @__PURE__ */ jsxRuntime.jsx(
-                TextInput,
+                SingleSelect,
                 {
-                  type: "string",
-                  disabled: !canUpdate || values.autoSync && values.type === "INTERNAL",
-                  name: "title",
-                  onChange: (eventOrPath, value) => handleChange(eventOrPath, value, onChange),
-                  value: values.title
+                  onChange: (eventOrPath) => handleChange("type", eventOrPath, onChange),
+                  value: values.type,
+                  name: "type",
+                  disabled: !configQuery.data?.contentTypes.length || !canUpdate,
+                  width: "100%",
+                  children: navigationItemTypeOptions.map(({ key, label, value }) => /* @__PURE__ */ jsxRuntime.jsx(SingleSelectOption, { value, children: label }, key))
                 }
               )
             }
           ) }, "title"),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Grid.Item,
+          /* @__PURE__ */ jsxRuntime.jsx(Grid.Item, { alignItems: "flex-start", col: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
+            Field,
             {
-              alignItems: "flex-start",
-              col: values.type === "INTERNAL" ? 4 : 7,
-              lg: 12,
+              name: "menuAttached",
+              label: formatMessage(
+                getTrad("popup.item.form.menuAttached.label", "MenuAttached")
+              ),
+              error: renderError("menuAttached"),
+              hint: formatMessage(
+                getTrad(
+                  "popup.item.form.menuAttached.placeholder",
+                  "is menu item attached to menu"
+                )
+              ),
               children: /* @__PURE__ */ jsxRuntime.jsx(
-                Field,
+                Toggle,
                 {
-                  name: "type",
-                  label: formatMessage(getTrad("popup.item.form.type.label", "Internal link")),
-                  error: renderError("type"),
-                  hint: formatMessage(
-                    getTrad("popup.item.form.title.placeholder", "e.g. Blog")
+                  name: "menuAttached",
+                  checked: values.menuAttached,
+                  onChange: (eventOrPath) => handleChange(eventOrPath, !values.menuAttached, onChange),
+                  value: values.menuAttached,
+                  onLabel: formatMessage(
+                    getTrad("popup.item.form.menuAttached.value.yes", "yes")
                   ),
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    SingleSelect,
-                    {
-                      onChange: (eventOrPath) => handleChange("type", eventOrPath, onChange),
-                      value: values.type,
-                      name: "type",
-                      disabled: !configQuery.data?.contentTypes.length || !canUpdate,
-                      width: "100%",
-                      children: navigationItemTypeOptions.map(({ key, label, value }) => /* @__PURE__ */ jsxRuntime.jsx(SingleSelectOption, { value, children: label }, key))
-                    }
-                  )
+                  offLabel: formatMessage(
+                    getTrad("popup.item.form.menuAttached.value.no", "no")
+                  ),
+                  disabled: !canUpdate || (configQuery.data?.cascadeMenuAttached ? !(current.isMenuAllowedLevel && current.parentAttachedToMenu) : false),
+                  width: "100%"
                 }
               )
-            },
-            "type"
-          ),
+            }
+          ) }, "menuAttached")
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Grid.Root, { gap: 5, paddingTop: 1, paddingBottom: 1, children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             Grid.Item,
             {
               alignItems: "flex-start",
-              col: values.type === "INTERNAL" ? 4 : 5,
-              lg: 12,
+              col: values.type === "INTERNAL" ? 8 : 12,
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 Field,
                 {
-                  name: "menuAttached",
-                  label: formatMessage(
-                    getTrad("popup.item.form.menuAttached.label", "MenuAttached")
-                  ),
-                  error: renderError("menuAttached"),
+                  name: "title",
+                  label: formatMessage(getTrad("popup.item.form.title.label", "Title")),
+                  error: renderError("title"),
                   hint: formatMessage(
-                    getTrad(
-                      "popup.item.form.menuAttached.placeholder",
-                      "is menu item attached to menu"
-                    )
+                    getTrad("popup.item.form.title.placeholder", "e.g. Blog")
                   ),
                   children: /* @__PURE__ */ jsxRuntime.jsx(
-                    Toggle,
+                    TextInput,
                     {
-                      name: "menuAttached",
-                      checked: values.menuAttached,
-                      onChange: (eventOrPath) => handleChange(eventOrPath, !values.menuAttached, onChange),
-                      value: values.menuAttached,
-                      onLabel: "true",
-                      offLabel: "false",
-                      disabled: !canUpdate || (configQuery.data?.cascadeMenuAttached ? !(current.isMenuAllowedLevel && current.parentAttachedToMenu) : false),
-                      width: "100%"
+                      type: "string",
+                      disabled: !canUpdate || values.autoSync && values.type === "INTERNAL",
+                      name: "title",
+                      onChange: (eventOrPath, value) => handleChange(eventOrPath, value, onChange),
+                      value: values.title
                     }
                   )
                 }
               )
             },
-            "menuAttached"
+            "title"
           ),
-          values.type === "INTERNAL" && /* @__PURE__ */ jsxRuntime.jsx(Grid.Item, { alignItems: "flex-start", col: 4, lg: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
+          values.type === "INTERNAL" && /* @__PURE__ */ jsxRuntime.jsx(Grid.Item, { alignItems: "flex-start", col: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
             Field,
             {
               name: "autoSync",
@@ -53818,153 +53828,159 @@ const NavigationItemForm = ({
                 }
               )
             }
-          ) }, "autoSync"),
-          /* @__PURE__ */ jsxRuntime.jsx(Grid.Item, { alignItems: "flex-start", col: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
+          ) }, "autoSync")
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(Grid.Root, { gap: 5, paddingTop: 1, paddingBottom: 1, children: /* @__PURE__ */ jsxRuntime.jsx(Grid.Item, { alignItems: "flex-start", col: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
+          Field,
+          {
+            name: pathSourceName,
+            label: formatMessage(
+              getTrad(`popup.item.form.${pathSourceName}.label`, "Path")
+            ),
+            error: renderError(pathSourceName),
+            hint: [
+              formatMessage(
+                getTrad(`popup.item.form.${pathSourceName}.placeholder`, "e.g. Blog")
+              ),
+              pathDefault ? formatMessage(getTrad("popup.item.form.type.external.description"), {
+                value: pathDefault
+              }) : ""
+            ].join(" "),
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              TextInput,
+              {
+                disabled: !canUpdate,
+                name: pathSourceName,
+                onChange: (eventOrPath, value) => handleChange(eventOrPath, value, onChange),
+                value: values[pathSourceName],
+                width: "100%"
+              }
+            )
+          }
+        ) }, "title") }),
+        values.type === "INTERNAL" && /* @__PURE__ */ jsxRuntime.jsxs(Grid.Root, { gap: 5, paddingTop: 1, paddingBottom: 1, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Grid.Item,
+            {
+              alignItems: "flex-start",
+              col: values.relatedType && !isSingleSelected ? 6 : 12,
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                Field,
+                {
+                  name: "relatedType",
+                  label: formatMessage(
+                    getTrad("popup.item.form.relatedType.label", "Related Type")
+                  ),
+                  error: renderError("relatedType"),
+                  hint: !isLoading && lodash$1.isEmpty(relatedTypeSelectOptions) ? formatMessage(
+                    getTrad(
+                      "popup.item.form.relatedType.empty",
+                      "There are no more content types"
+                    )
+                  ) : void 0,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    SingleSelect,
+                    {
+                      name: "relatedType",
+                      onChange: (eventOrPath) => handleChange("relatedType", eventOrPath, onChange),
+                      value: values.relatedType,
+                      disabled: !configQuery.data?.contentTypes.length || !canUpdate,
+                      width: "100%",
+                      children: configQuery.data?.contentTypes.map((contentType2) => /* @__PURE__ */ jsxRuntime.jsx(SingleSelectOption, { value: contentType2.uid, children: contentType2.contentTypeName }, contentType2.uid))
+                    }
+                  )
+                }
+              )
+            }
+          ),
+          values.relatedType && !isSingleSelected && /* @__PURE__ */ jsxRuntime.jsx(Grid.Item, { alignItems: "flex-start", col: 6, children: /* @__PURE__ */ jsxRuntime.jsx(
             Field,
             {
-              name: pathSourceName,
-              label: formatMessage(
-                getTrad(`popup.item.form.${pathSourceName}.label`, "Path")
-              ),
-              error: renderError(pathSourceName),
-              hint: [
-                formatMessage(
-                  getTrad(`popup.item.form.${pathSourceName}.placeholder`, "e.g. Blog")
+              name: "related",
+              label: formatMessage(getTrad("popup.item.form.related.label", "Related")),
+              error: renderError("related"),
+              hint: !isLoading && thereAreNoMoreContentTypes ? formatMessage(
+                getTrad(
+                  "popup.item.form.related.empty",
+                  "There are no more entities"
                 ),
-                pathDefault ? formatMessage(getTrad("popup.item.form.type.external.description"), {
-                  value: pathDefault
-                }) : ""
-              ].join(" "),
+                { contentTypeName: values.relatedType }
+              ) : void 0,
               children: /* @__PURE__ */ jsxRuntime.jsx(
-                TextInput,
+                SingleSelect,
                 {
-                  disabled: !canUpdate,
-                  name: pathSourceName,
-                  onChange: (eventOrPath, value) => handleChange(eventOrPath, value, onChange),
-                  value: values[pathSourceName],
-                  width: "100%"
+                  name: "related",
+                  onChange: (eventOrPath) => handleChange("related", eventOrPath, onChange),
+                  value: values.related,
+                  options: relatedSelectOptions,
+                  disabled: isLoading || thereAreNoMoreContentTypes || !canUpdate,
+                  width: "100%",
+                  children: relatedSelectOptions.map(({ key, label, value }) => /* @__PURE__ */ jsxRuntime.jsx(SingleSelectOption, { value, children: label }, key))
                 }
               )
             }
-          ) }, pathSourceName),
-          values.type === "INTERNAL" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Grid.Item, { alignItems: "flex-start", col: 6, lg: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
-              Field,
-              {
-                name: "relatedType",
-                label: formatMessage(
-                  getTrad("popup.item.form.relatedType.label", "Related Type")
-                ),
-                error: renderError("relatedType"),
-                hint: !isLoading && lodash$1.isEmpty(relatedTypeSelectOptions) ? formatMessage(
-                  getTrad(
-                    "popup.item.form.relatedType.empty",
-                    "There are no more content types"
-                  )
-                ) : void 0,
-                children: /* @__PURE__ */ jsxRuntime.jsx(
-                  SingleSelect,
-                  {
-                    name: "relatedType",
-                    onChange: (eventOrPath) => handleChange("relatedType", eventOrPath, onChange),
-                    value: values.relatedType,
-                    disabled: !configQuery.data?.contentTypes.length || !canUpdate,
-                    width: "100%",
-                    children: configQuery.data?.contentTypes.map((contentType2) => /* @__PURE__ */ jsxRuntime.jsx(SingleSelectOption, { value: contentType2.uid, children: contentType2.contentTypeName }, contentType2.uid))
-                  }
-                )
+          ) })
+        ] }),
+        !lodash$1.isEmpty(configQuery.data?.additionalFields) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Grid.Root, { gap: 5, paddingTop: 1, paddingBottom: 1, children: /* @__PURE__ */ jsxRuntime.jsx(Grid.Item, { col: 12, lg: 12, children: /* @__PURE__ */ jsxRuntime.jsx(Divider, { width: "100%" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Grid.Root, { gap: 5, paddingTop: 1, paddingBottom: 1, children: [
+            configQuery.data?.additionalFields.map(
+              (additionalField, index2) => {
+                if (additionalField !== "audience") {
+                  return /* @__PURE__ */ jsxRuntime.jsx(Grid.Item, { alignItems: "flex-start", col: 6, children: /* @__PURE__ */ jsxRuntime.jsx(
+                    Field,
+                    {
+                      name: `additionalFields.${additionalField.name}`,
+                      label: additionalField.label,
+                      error: renderError(`additionalFields.${additionalField.name}`),
+                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                        AdditionalFieldInput,
+                        {
+                          name: `additionalFields.${additionalField.name}`,
+                          field: additionalField,
+                          isLoading,
+                          onChange,
+                          onChangeEnhancer: handleChange,
+                          value: lodash$1.get(values?.additionalFields, additionalField.name),
+                          disabled: !canUpdate
+                        }
+                      )
+                    }
+                  ) }, additionalField.name);
+                }
               }
-            ) }),
-            values.relatedType && !isSingleSelected && /* @__PURE__ */ jsxRuntime.jsx(Grid.Item, { alignItems: "flex-start", col: 6, lg: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
-              Field,
-              {
-                name: "related",
-                label: formatMessage(
-                  getTrad("popup.item.form.related.label", "Related")
-                ),
-                error: renderError("related"),
-                hint: !isLoading && thereAreNoMoreContentTypes ? formatMessage(
-                  getTrad(
-                    "popup.item.form.related.empty",
-                    "There are no more entities"
-                  ),
-                  { contentTypeName: values.relatedType }
-                ) : void 0,
-                children: /* @__PURE__ */ jsxRuntime.jsx(
-                  SingleSelect,
-                  {
-                    name: "related",
-                    onChange: (eventOrPath) => handleChange("related", eventOrPath, onChange),
-                    value: values.related,
-                    options: relatedSelectOptions,
-                    disabled: isLoading || thereAreNoMoreContentTypes || !canUpdate,
-                    width: "100%",
-                    children: relatedSelectOptions.map(({ key, label, value }) => /* @__PURE__ */ jsxRuntime.jsx(SingleSelectOption, { value, children: label }, key))
-                  }
-                )
+            ),
+            configQuery.data?.additionalFields.map(
+              (additionalField, index2) => {
+                if (additionalField === "audience") {
+                  return /* @__PURE__ */ jsxRuntime.jsx(Grid.Item, { alignItems: "flex-start", col: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
+                    Field,
+                    {
+                      name: "audience",
+                      label: formatMessage(getTrad("popup.item.form.audience.label")),
+                      error: renderError("audience"),
+                      hint: !isLoading && lodash$1.isEmpty(audienceOptions) ? formatMessage(
+                        getTrad("popup.item.form.title.placeholder", "e.g. Blog")
+                      ) : void 0,
+                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                        MultiSelect,
+                        {
+                          name: "audience",
+                          value: values.audience,
+                          onChange: (eventOrPath) => handleChange("audience", eventOrPath, onChange),
+                          width: "100%",
+                          children: audienceOptions.map(({ value, label }) => /* @__PURE__ */ jsxRuntime.jsx(MultiSelectOption, { value, children: label }, value))
+                        }
+                      )
+                    }
+                  ) }, "audience");
+                }
               }
-            ) })
+            )
           ] }),
-          !lodash$1.isEmpty(configQuery.data?.additionalFields) && /* @__PURE__ */ jsxRuntime.jsx(Grid.Item, { col: 12, lg: 12, children: /* @__PURE__ */ jsxRuntime.jsx(Divider, { width: "100%" }) }),
-          configQuery.data?.additionalFields.map(
-            (additionalField, index2) => {
-              if (additionalField === "audience") {
-                return /* @__PURE__ */ jsxRuntime.jsx(Grid.Item, { alignItems: "flex-start", col: 6, lg: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
-                  Field,
-                  {
-                    name: "audience",
-                    label: formatMessage(getTrad("popup.item.form.audience.label")),
-                    error: renderError("audience"),
-                    hint: !isLoading && lodash$1.isEmpty(audienceOptions) ? formatMessage(
-                      getTrad("popup.item.form.title.placeholder", "e.g. Blog")
-                    ) : void 0,
-                    children: /* @__PURE__ */ jsxRuntime.jsx(
-                      MultiSelect,
-                      {
-                        name: "audience",
-                        value: values.audience,
-                        onChange: (eventOrPath) => handleChange("audience", eventOrPath, onChange),
-                        width: "100%",
-                        children: audienceOptions.map(({ value, label }) => /* @__PURE__ */ jsxRuntime.jsx(MultiSelectOption, { value, children: label }, value))
-                      }
-                    )
-                  }
-                ) }, "audience");
-              } else {
-                return /* @__PURE__ */ jsxRuntime.jsx(
-                  Grid.Item,
-                  {
-                    alignItems: "flex-start",
-                    col: 6,
-                    lg: 12,
-                    children: /* @__PURE__ */ jsxRuntime.jsx(
-                      Field,
-                      {
-                        name: `additionalFields.${additionalField.name}`,
-                        label: additionalField.label,
-                        error: renderError(`additionalFields.${additionalField.name}`),
-                        children: /* @__PURE__ */ jsxRuntime.jsx(
-                          AdditionalFieldInput,
-                          {
-                            name: `additionalFields.${additionalField.name}`,
-                            field: additionalField,
-                            isLoading,
-                            onChange,
-                            onChangeEnhancer: handleChange,
-                            value: lodash$1.get(values?.additionalFields, additionalField.name),
-                            disabled: !canUpdate
-                          }
-                        )
-                      }
-                    )
-                  },
-                  additionalField.name
-                );
-              }
-            }
-          )
+          /* @__PURE__ */ jsxRuntime.jsx(Grid.Root, { gap: 5, paddingTop: 1, paddingBottom: 1, children: /* @__PURE__ */ jsxRuntime.jsx(Grid.Item, { col: 12, lg: 12, children: /* @__PURE__ */ jsxRuntime.jsx(Divider, { width: "100%" }) }) })
         ] }),
-        availableLocaleOptions && availableLocaleOptions.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        availableLocaleOptions && availableLocaleOptions.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(Grid.Root, { gap: 5, paddingTop: 1, paddingBottom: 1, children: /* @__PURE__ */ jsxRuntime.jsxs(Grid.Item, { alignItems: "flex-start", col: 12, children: [
           /* @__PURE__ */ jsxRuntime.jsx(Divider, { marginTop: 5, marginBottom: 5 }),
           /* @__PURE__ */ jsxRuntime.jsxs(Grid.Root, { gap: 5, children: [
             /* @__PURE__ */ jsxRuntime.jsx(Grid.Item, { alignItems: "flex-start", col: 6, lg: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -53999,7 +54015,8 @@ const NavigationItemForm = ({
               }
             ) }) })
           ] })
-        ] })
+        ] }, "title") }),
+        /* @__PURE__ */ jsxRuntime.jsx(Grid.Root, { gap: 5, children: /* @__PURE__ */ jsxRuntime.jsx(Grid.Item, { alignItems: "flex-start", col: 12 }, "title") })
       ] });
     } }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -54189,7 +54206,7 @@ const Inner$1 = () => {
   const [currentLocale, setCurrentLocale] = React.useState();
   const viewPermissions = React.useMemo(
     () => ({
-      access: pluginPermissions.access || pluginPermissions.update,
+      access: pluginPermissions.access,
       update: pluginPermissions.update
     }),
     []