@strapi/content-manager 0.0.0-next.d2d15ef227d67cce89c2673764c0555c841cd29c → 0.0.0-next.eba25ec571b091c6bde1104eb6c753debdf15462

package/dist/_chunks/{Field-COL25JiC.js → Field-DUK83cfh.js}

@@ -5,15 +5,15 @@ const strapiAdmin = require("@strapi/admin/strapi-admin");
 const designSystem = require("@strapi/design-system");
 const pipe$1 = require("lodash/fp/pipe");
 const reactIntl = require("react-intl");
-const index = require("./index-BdMf2lfT.js");
+const index = require("./index-T-aWjbj2.js");
 const fractionalIndexing = require("fractional-indexing");
-const Relations = require("./Relations-DR7EUgyC.js");
+const Relations = require("./Relations-Cne2AlrL.js");
 const Icons = require("@strapi/icons");
 const styledComponents = require("styled-components");
 const ComponentIcon = require("./ComponentIcon-BXdiCGQp.js");
 const reactDndHtml5Backend = require("react-dnd-html5-backend");
 const useDragAndDrop = require("./useDragAndDrop-J0TUUbR6.js");
-const objects = require("./objects-gigeqt7s.js");
+const objects = require("./objects-BcXOv6_9.js");
 const slate = require("slate");
 const slateHistory = require("slate-history");
 const slateReact = require("slate-react");
@@ -542,7 +542,7 @@ const CodeEditor = (props) => {
 const codeBlocks = {
   code: {
     renderElement: (props) => /* @__PURE__ */ jsxRuntime.jsx(CodeEditor, { ...props }),
-    icon: Icons.Code,
+    icon: Icons.CodeBlock,
     label: {
       id: "components.Blocks.blocks.code",
       defaultMessage: "Code block"
@@ -2658,7 +2658,7 @@ const Initializer = ({ disabled, name: name2, onClick }) => {
     designSystem.Box,
     {
       tag: "button",
-      background: "neutral100",
+      background: disabled ? "neutral150" : "neutral100",
       borderColor: field.error ? "danger600" : "neutral200",
       hasRadius: true,
       disabled,
@@ -2666,32 +2666,32 @@ const Initializer = ({ disabled, name: name2, onClick }) => {
       paddingTop: 9,
       paddingBottom: 9,
       type: "button",
+      style: { cursor: disabled ? "not-allowed" : "pointer" },
       children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(CircleIcon, {}) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "primary600", variant: "pi", fontWeight: "bold", children: formatMessage({
-          id: index.getTranslation("components.empty-repeatable"),
-          defaultMessage: "No entry yet. Click on the button below to add one."
-        }) }) })
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", color: disabled ? "neutral500" : "primary600", children: /* @__PURE__ */ jsxRuntime.jsx(Icons.PlusCircle, { width: "3.2rem", height: "3.2rem" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Typography,
+          {
+            textColor: disabled ? "neutral600" : "primary600",
+            variant: "pi",
+            fontWeight: "bold",
+            children: formatMessage({
+              id: index.getTranslation("components.empty-repeatable"),
+              defaultMessage: "No entry yet. Click to add one."
+            })
+          }
+        ) })
       ] })
     }
   ) });
 };
-const CircleIcon = styledComponents.styled(Icons.PlusCircle)`
-  width: 2.4rem;
-  height: 2.4rem;
-  > circle {
-    fill: ${({ theme }) => theme.colors.primary200};
-  }
-  > path {
-    fill: ${({ theme }) => theme.colors.primary600};
-  }
-`;
 const NonRepeatableComponent = ({
   attribute,
   name: name2,
   children,
   layout
 }) => {
+  const { formatMessage } = reactIntl.useIntl();
   const { value } = strapiAdmin.useField(name2);
   const level = Relations.useComponent("NonRepeatableComponent", (state) => state.level);
   const isNested = level > 0;
@@ -2708,6 +2708,10 @@ const NonRepeatableComponent = ({
       children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 6, children: layout.map((row, index2) => {
         return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 4, children: row.map(({ size, ...field }) => {
           const completeFieldName = `${name2}.${field.name}`;
+          const translatedLabel = formatMessage({
+            id: `content-manager.components.${attribute.component}.${field.name}`,
+            defaultMessage: field.label
+          });
           return /* @__PURE__ */ jsxRuntime.jsx(
             designSystem.Grid.Item,
             {
@@ -2716,7 +2720,7 @@ const NonRepeatableComponent = ({
               xs: 12,
               direction: "column",
               alignItems: "stretch",
-              children: children({ ...field, name: completeFieldName })
+              children: children({ ...field, label: translatedLabel, name: completeFieldName })
             },
             completeFieldName
           );
@@ -2918,6 +2922,10 @@ const RepeatableComponent = ({
                     children: layout.map((row, index22) => {
                       return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 4, children: row.map(({ size, ...field }) => {
                         const completeFieldName = `${nameWithIndex}.${field.name}`;
+                        const translatedLabel = formatMessage({
+                          id: `content-manager.components.${attribute.component}.${field.name}`,
+                          defaultMessage: field.label
+                        });
                         return /* @__PURE__ */ jsxRuntime.jsx(
                           designSystem.Grid.Item,
                           {
@@ -2926,7 +2934,11 @@ const RepeatableComponent = ({
                             xs: 12,
                             direction: "column",
                             alignItems: "stretch",
-                            children: children({ ...field, name: completeFieldName })
+                            children: children({
+                              ...field,
+                              label: translatedLabel,
+                              name: completeFieldName
+                            })
                           },
                           completeFieldName
                         );
@@ -5271,6 +5283,13 @@ const DynamicComponent = ({
           alignItems: "stretch",
           children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 4, children: row.map(({ size, ...field }) => {
             const fieldName = `${name2}.${index$1}.${field.name}`;
+            const fieldWithTranslatedLabel = {
+              ...field,
+              label: formatMessage({
+                id: `content-manager.components.${componentUid}.${field.name}`,
+                defaultMessage: field.label
+              })
+            };
             return /* @__PURE__ */ jsxRuntime.jsx(
               designSystem.Grid.Item,
               {
@@ -5279,7 +5298,7 @@ const DynamicComponent = ({
                 xs: 12,
                 direction: "column",
                 alignItems: "stretch",
-                children: /* @__PURE__ */ jsxRuntime.jsx(MemoizedInputRenderer, { ...field, name: fieldName })
+                children: /* @__PURE__ */ jsxRuntime.jsx(MemoizedInputRenderer, { ...fieldWithTranslatedLabel, name: fieldName })
               },
               fieldName
             );
@@ -5592,4 +5611,4 @@ exports.transformDocument = transformDocument;
 exports.useDynamicZone = useDynamicZone;
 exports.useFieldHint = useFieldHint;
 exports.useLazyComponents = useLazyComponents;
-//# sourceMappingURL=Field-COL25JiC.js.map
+//# sourceMappingURL=Field-DUK83cfh.js.map