@strapi/content-manager 5.7.0 → 5.8.1

package/dist/_chunks/{Field-fBnTwgU4.mjs → Field-CZwQcrmw.mjs}

@@ -5,9 +5,9 @@ import { useStrapiApp, createContext, useField, useNotification, useForm, useAPI
 import { Box, SingleSelect, SingleSelectOption, Typography, Flex, BaseLink, Button, Popover, Field, Tooltip, IconButton, useComposedRefs, Portal, FocusTrap, Divider, VisuallyHidden, Grid as Grid$1, Accordion, TextButton, TextInput, IconButtonGroup, Menu, MenuItem } from "@strapi/design-system";
 import pipe$1 from "lodash/fp/pipe";
 import { useIntl } from "react-intl";
-import { m as DOCUMENT_META_FIELDS, g as getTranslation, c as useDoc, e as contentManagerApi, n as CLONE_PATH, d as buildValidParams, f as useDocumentRBAC, S as SINGLE_TYPES, o as useDocLayout } from "./index-Bu_-B7ZA.mjs";
+import { m as DOCUMENT_META_FIELDS, g as getTranslation, c as useDoc, e as contentManagerApi, n as CLONE_PATH, d as buildValidParams, f as useDocumentRBAC, S as SINGLE_TYPES, o as useDocLayout } from "./index-Rej95OkL.mjs";
 import { generateNKeysBetween } from "fractional-indexing";
-import { u as useComponent, C as ComponentProvider, M as MemoizedRelationsField } from "./Relations-BVdRfDkW.mjs";
+import { u as useComponent, C as ComponentProvider, M as MemoizedRelationsField } from "./Relations-i1BqMPqp.mjs";
 import { CodeBlock as CodeBlock$1, HeadingOne, HeadingTwo, HeadingThree, HeadingFour, HeadingFive, HeadingSix, Image as Image$1, NumberList, BulletList, Paragraph, Quotes, Link as Link$1, Drag, Collapse, Bold, Italic, Underline, StrikeThrough, Code, Expand, PlusCircle, Plus, Trash, EyeStriked, CheckCircle, WarningCircle, Loader, ArrowClockwise, More } from "@strapi/icons";
 import { styled, css, keyframes } from "styled-components";
 import { C as ComponentIcon, a as COMPONENT_ICONS } from "./ComponentIcon-u4bIXTFY.mjs";
@@ -5149,7 +5149,8 @@ const DynamicComponent = ({
   onDropItem,
   onCancel,
   dynamicComponentsByCategory = {},
-  onAddComponent
+  onAddComponent,
+  children
 }) => {
   const { formatMessage } = useIntl();
   const formValues = useForm("DynamicComponent", (state) => state.values);
@@ -5227,13 +5228,18 @@ const DynamicComponent = ({
       }
     ),
     /* @__PURE__ */ jsxs(Menu.Root, { children: [
-      /* @__PURE__ */ jsxs(Menu.Trigger, { size: "S", endIcon: null, paddingLeft: 2, paddingRight: 2, children: [
-        /* @__PURE__ */ jsx(More, { "aria-hidden": true, focusable: false }),
-        /* @__PURE__ */ jsx(VisuallyHidden, { tag: "span", children: formatMessage({
-          id: getTranslation("components.DynamicZone.more-actions"),
-          defaultMessage: "More actions"
-        }) })
-      ] }),
+      /* @__PURE__ */ jsx(Menu.Trigger, { size: "S", endIcon: null, paddingLeft: 0, paddingRight: 0, children: /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          variant: "ghost",
+          label: formatMessage({
+            id: getTranslation("components.DynamicZone.more-actions"),
+            defaultMessage: "More actions"
+          }),
+          tag: "span",
+          children: /* @__PURE__ */ jsx(More, { "aria-hidden": true, focusable: false })
+        }
+      ) }),
       /* @__PURE__ */ jsxs(Menu.Content, { children: [
         /* @__PURE__ */ jsxs(Menu.SubRoot, { children: [
           /* @__PURE__ */ jsx(Menu.SubTrigger, { children: formatMessage({
@@ -5297,7 +5303,7 @@ const DynamicComponent = ({
                 xs: 12,
                 direction: "column",
                 alignItems: "stretch",
-                children: /* @__PURE__ */ jsx(MemoizedInputRenderer, { ...fieldWithTranslatedLabel, name: fieldName })
+                children: children ? children({ ...fieldWithTranslatedLabel, name: fieldName }) : /* @__PURE__ */ jsx(MemoizedInputRenderer, { ...fieldWithTranslatedLabel, name: fieldName })
               },
               fieldName
             );
@@ -5383,7 +5389,8 @@ const DynamicZone = ({
   label,
   labelAction,
   name: name2,
-  required = false
+  required = false,
+  children
 }) => {
   const { max = Infinity, min = -Infinity } = attribute ?? {};
   const [addComponentIsOpen, setAddComponentIsOpen] = React.useState(false);
@@ -5569,7 +5576,8 @@ const DynamicZone = ({
               onDropItem: handleDropItem,
               onGrabItem: handleGrabItem,
               onAddComponent: handleAddComponent,
-              dynamicComponentsByCategory
+              dynamicComponentsByCategory,
+              children
             }
           )
         },
@@ -5612,4 +5620,4 @@ export {
   transformDocument as t,
   useLazyComponents as u
 };
-//# sourceMappingURL=Field-fBnTwgU4.mjs.map
+//# sourceMappingURL=Field-CZwQcrmw.mjs.map