@strapi/content-manager 0.0.0-experimental.25e22c6cc9bc6b35392bb55d09f641a0a65e7403 → 0.0.0-experimental.3c73a4c6f6073abdf1608121a200c3d4d87b1aa8

package/dist/_chunks/{EditViewPage-0MiFkXa8.mjs → EditViewPage-CzuJgWWp.mjs}

@@ -1,12 +1,12 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import { useQueryParams, useNotification, Page, Form, Blocker, useRBAC } from "@strapi/admin/strapi-admin";
-import { Flex, Grid, Box, Main, Tabs } from "@strapi/design-system";
+import { Flex, Grid, GridItem, Box, Main, TabGroup, Tabs, TabPanels, TabPanel, Tab } from "@strapi/design-system";
 import { useIntl } from "react-intl";
 import { useLocation, useParams } from "react-router-dom";
 import { styled } from "styled-components";
-import { c as useDoc, f as useDocumentRBAC, h as useDocumentLayout, i as createYupSchema, j as Header, g as getTranslation, P as Panels, k as PERMISSIONS, l as DocumentRBAC, S as SINGLE_TYPES } from "./index-JNNNKUHs.mjs";
-import { M as MemoizedInputRenderer, u as useLazyComponents, c as createDefaultForm, t as transformDocument } from "./Field-BDMSCcy5.mjs";
+import { c as useDoc, f as useDocumentRBAC, h as useDocumentLayout, i as createYupSchema, j as Header, g as getTranslation, P as Panels, k as PERMISSIONS, l as DocumentRBAC, S as SINGLE_TYPES } from "./index-Dahjdw4h.mjs";
+import { M as MemoizedInputRenderer, u as useLazyComponents, c as createDefaultForm, t as transformDocument } from "./Field-QtUSh5mU.mjs";
 const useOnce = (effect) => React.useEffect(effect, emptyDeps);
 const emptyDeps = [];
 const FormLayout = ({ layout }) => {
@@ -14,7 +14,7 @@ const FormLayout = ({ layout }) => {
     if (panel.some((row) => row.some((field) => field.type === "dynamiczone"))) {
       const [row] = panel;
       const [field] = row;
-      return /* @__PURE__ */ jsx(Grid.Root, { gap: 4, children: /* @__PURE__ */ jsx(Grid.Item, { col: 12, s: 12, xs: 12, children: /* @__PURE__ */ jsx(MemoizedInputRenderer, { ...field }) }) }, field.name);
+      return /* @__PURE__ */ jsx(Grid, { gap: 4, children: /* @__PURE__ */ jsx(GridItem, { col: 12, s: 12, xs: 12, children: /* @__PURE__ */ jsx(MemoizedInputRenderer, { ...field }) }) }, field.name);
     }
     return /* @__PURE__ */ jsx(
       Box,
@@ -27,8 +27,8 @@ const FormLayout = ({ layout }) => {
         paddingTop: 6,
         paddingBottom: 6,
         borderColor: "neutral150",
-        children: /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 6, children: panel.map((row, gridRowIndex) => /* @__PURE__ */ jsx(Grid.Root, { gap: 4, children: row.map(({ size, ...field }) => {
-          return /* @__PURE__ */ jsx(Grid.Item, { col: size, s: 12, xs: 12, children: /* @__PURE__ */ jsx(MemoizedInputRenderer, { ...field }) }, field.name);
+        children: /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 6, children: panel.map((row, gridRowIndex) => /* @__PURE__ */ jsx(Grid, { gap: 4, children: row.map(({ size, ...field }) => {
+          return /* @__PURE__ */ jsx(GridItem, { col: size, s: 12, xs: 12, children: /* @__PURE__ */ jsx(MemoizedInputRenderer, { ...field }) }, field.name);
         }) }, gridRowIndex)) })
       },
       index
@@ -42,11 +42,10 @@ const EditViewPage = () => {
       query: { status }
     },
     setQuery
-  ] = useQueryParams({
-    status: "draft"
-  });
+  ] = useQueryParams();
   const { formatMessage } = useIntl();
   const { toggleNotification } = useNotification();
+  const tabApi = React.useRef(null);
   const {
     document,
     meta,
@@ -92,9 +91,11 @@ const EditViewPage = () => {
   if (!initialValues) {
     return /* @__PURE__ */ jsx(Page.Error, {});
   }
-  const handleTabChange = (status2) => {
-    if (status2 === "published" || status2 === "draft") {
-      setQuery({ status: status2 }, "push", true);
+  const handleTabChange = (index) => {
+    if (index === 0) {
+      setQuery({ status: "draft" }, "push", true);
+    } else {
+      setQuery({ status: "published" }, "push", true);
     }
   };
   const documentTitle = mainField !== "id" && document?.[mainField] ? document[mainField] : "Untitled";
@@ -116,41 +117,40 @@ const EditViewPage = () => {
               title: documentTitle
             }
           ),
-          /* @__PURE__ */ jsxs(Tabs.Root, { variant: "simple", value: status, onValueChange: handleTabChange, children: [
-            /* @__PURE__ */ jsx(
-              Tabs.List,
-              {
-                "aria-label": formatMessage({
-                  id: getTranslation("containers.edit.tabs.label"),
-                  defaultMessage: "Document status"
-                }),
-                children: hasDraftAndPublished ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(StatusTab, { value: "draft", children: formatMessage({
+          /* @__PURE__ */ jsxs(
+            TabGroup,
+            {
+              ref: tabApi,
+              variant: "simple",
+              label: formatMessage({
+                id: getTranslation("containers.edit.tabs.label"),
+                defaultMessage: "Document status"
+              }),
+              selectedTabIndex: hasDraftAndPublished && status === "published" ? 1 : 0,
+              onTabChange: (index) => {
+                handleTabChange(index);
+              },
+              children: [
+                hasDraftAndPublished ? /* @__PURE__ */ jsxs(Tabs, { children: [
+                  /* @__PURE__ */ jsx(StatusTab, { children: formatMessage({
                     id: getTranslation("containers.edit.tabs.draft"),
                     defaultMessage: "draft"
                   }) }),
-                  /* @__PURE__ */ jsx(
-                    StatusTab,
-                    {
-                      disabled: !meta || meta.availableStatus.length === 0,
-                      value: "published",
-                      children: formatMessage({
-                        id: getTranslation("containers.edit.tabs.published"),
-                        defaultMessage: "published"
-                      })
-                    }
-                  )
-                ] }) : null
-              }
-            ),
-            /* @__PURE__ */ jsxs(Grid.Root, { paddingTop: 8, gap: 4, children: [
-              /* @__PURE__ */ jsxs(Grid.Item, { col: 9, s: 12, children: [
-                /* @__PURE__ */ jsx(Tabs.Content, { value: "draft", children: /* @__PURE__ */ jsx(FormLayout, { layout }) }),
-                /* @__PURE__ */ jsx(Tabs.Content, { value: "published", children: /* @__PURE__ */ jsx(FormLayout, { layout }) })
-              ] }),
-              /* @__PURE__ */ jsx(Grid.Item, { col: 3, s: 12, children: /* @__PURE__ */ jsx(Panels, {}) })
-            ] })
-          ] }),
+                  /* @__PURE__ */ jsx(StatusTab, { disabled: !meta || meta.availableStatus.length === 0, children: formatMessage({
+                    id: getTranslation("containers.edit.tabs.published"),
+                    defaultMessage: "published"
+                  }) })
+                ] }) : null,
+                /* @__PURE__ */ jsxs(Grid, { paddingTop: 8, gap: 4, children: [
+                  /* @__PURE__ */ jsx(GridItem, { col: 9, s: 12, children: /* @__PURE__ */ jsxs(TabPanels, { children: [
+                    /* @__PURE__ */ jsx(TabPanel, { children: /* @__PURE__ */ jsx(FormLayout, { layout }) }),
+                    /* @__PURE__ */ jsx(TabPanel, { children: /* @__PURE__ */ jsx(FormLayout, { layout }) })
+                  ] }) }),
+                  /* @__PURE__ */ jsx(GridItem, { col: 3, s: 12, children: /* @__PURE__ */ jsx(Panels, {}) })
+                ] })
+              ]
+            }
+          ),
           /* @__PURE__ */ jsx(
             Blocker,
             {
@@ -162,7 +162,7 @@ const EditViewPage = () => {
     )
   ] });
 };
-const StatusTab = styled(Tabs.Trigger)`
+const StatusTab = styled(Tab)`
   text-transform: uppercase;
 `;
 const getDocumentStatus = (document, meta) => {
@@ -200,4 +200,4 @@ export {
   EditViewPage,
   ProtectedEditViewPage
 };
-//# sourceMappingURL=EditViewPage-0MiFkXa8.mjs.map
+//# sourceMappingURL=EditViewPage-CzuJgWWp.mjs.map

package/dist/_chunks/EditViewPage-CzuJgWWp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditViewPage-CzuJgWWp.mjs","sources":["../../admin/src/hooks/useOnce.ts","../../admin/src/pages/EditView/components/FormLayout.tsx","../../admin/src/pages/EditView/EditViewPage.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport * as React from 'react';\n\nexport const useOnce = (effect: React.EffectCallback) => React.useEffect(effect, emptyDeps);\n\nconst emptyDeps: React.DependencyList = [];\n","import { Box, Flex, Grid, GridItem } from '@strapi/design-system';\n\nimport { EditLayout } from '../../../hooks/useDocumentLayout';\n\nimport { InputRenderer } from './InputRenderer';\n\ninterface FormLayoutProps extends Pick<EditLayout, 'layout'> {}\n\nconst FormLayout = ({ layout }: FormLayoutProps) => {\n  return (\n    <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n      {layout.map((panel, index) => {\n        if (panel.some((row) => row.some((field) => field.type === 'dynamiczone'))) {\n          const [row] = panel;\n          const [field] = row;\n          return (\n            <Grid key={field.name} gap={4}>\n              <GridItem col={12} s={12} xs={12}>\n                <InputRenderer {...field} />\n              </GridItem>\n            </Grid>\n          );\n        }\n\n        return (\n          <Box\n            key={index}\n            hasRadius\n            background=\"neutral0\"\n            shadow=\"tableShadow\"\n            paddingLeft={6}\n            paddingRight={6}\n            paddingTop={6}\n            paddingBottom={6}\n            borderColor=\"neutral150\"\n          >\n            <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n              {panel.map((row, gridRowIndex) => (\n                <Grid key={gridRowIndex} gap={4}>\n                  {row.map(({ size, ...field }) => {\n                    return (\n                      <GridItem col={size} key={field.name} s={12} xs={12}>\n                        <InputRenderer {...field} />\n                      </GridItem>\n                    );\n                  })}\n                </Grid>\n              ))}\n            </Flex>\n          </Box>\n        );\n      })}\n    </Flex>\n  );\n};\n\nexport { FormLayout, FormLayoutProps };\n","import * as React from 'react';\n\nimport {\n  Page,\n  Blocker,\n  Form,\n  useRBAC,\n  useNotification,\n  useQueryParams,\n} from '@strapi/admin/strapi-admin';\nimport {\n  Grid,\n  GridItem,\n  Main,\n  SetSelectedTabIndexHandler,\n  Tab,\n  TabGroup,\n  TabPanel,\n  TabPanels,\n  Tabs,\n} from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { useLocation, useParams } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { SINGLE_TYPES } from '../../constants/collections';\nimport { PERMISSIONS } from '../../constants/plugin';\nimport { DocumentRBAC, useDocumentRBAC } from '../../features/DocumentRBAC';\nimport { type UseDocument, useDoc } from '../../hooks/useDocument';\nimport { useDocumentLayout } from '../../hooks/useDocumentLayout';\nimport { useLazyComponents } from '../../hooks/useLazyComponents';\nimport { useOnce } from '../../hooks/useOnce';\nimport { getTranslation } from '../../utils/translations';\nimport { createYupSchema } from '../../utils/validation';\n\nimport { FormLayout } from './components/FormLayout';\nimport { Header } from './components/Header';\nimport { Panels } from './components/Panels';\nimport { transformDocument } from './utils/data';\nimport { createDefaultForm } from './utils/forms';\n\n/* -------------------------------------------------------------------------------------------------\n * EditViewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst EditViewPage = () => {\n  const location = useLocation();\n  const [\n    {\n      query: { status },\n    },\n    setQuery,\n  ] = useQueryParams<{ status: 'draft' | 'published' }>();\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const tabApi = React.useRef<{\n    _handlers: {\n      setSelectedTabIndex: SetSelectedTabIndexHandler;\n    };\n  }>(null);\n\n  const {\n    document,\n    meta,\n    isLoading: isLoadingDocument,\n    schema,\n    components,\n    collectionType,\n    id,\n    model,\n  } = useDoc();\n\n  const hasDraftAndPublished = schema?.options?.draftAndPublish ?? false;\n\n  useOnce(() => {\n    /**\n     * We only ever want to fire the notification once otherwise\n     * whenever the app re-renders it'll pop up regardless of\n     * what we do because the state comes from react-router-dom\n     */\n    if (location?.state && 'error' in location.state) {\n      toggleNotification({\n        type: 'danger',\n        message: location.state.error,\n        timeout: 5000,\n      });\n    }\n  });\n\n  const isLoadingActionsRBAC = useDocumentRBAC('EditViewPage', (state) => state.isLoading);\n\n  const isSingleType = collectionType === SINGLE_TYPES;\n\n  /**\n   * single-types don't current have an id, but because they're a singleton\n   * we can simply use the update operation to continuously update the same\n   * document with varying params.\n   */\n  const isCreatingDocument = !id && !isSingleType;\n\n  const {\n    isLoading: isLoadingLayout,\n    edit: {\n      layout,\n      settings: { mainField },\n    },\n  } = useDocumentLayout(model);\n\n  const { isLazyLoading } = useLazyComponents([]);\n\n  const isLoading = isLoadingActionsRBAC || isLoadingDocument || isLoadingLayout || isLazyLoading;\n\n  /**\n   * Here we prepare the form for editing, we need to:\n   * - remove prohibited fields from the document (passwords | ADD YOURS WHEN THERES A NEW ONE)\n   * - swap out count objects on relations for empty arrays\n   * - set __temp_key__ on array objects for drag & drop\n   *\n   * We also prepare the form for new documents, so we need to:\n   * - set default values on fields\n   */\n  const initialValues = React.useMemo(() => {\n    if ((!document && !isCreatingDocument && !isSingleType) || !schema) {\n      return undefined;\n    }\n\n    /**\n     * Check that we have an ID so we know the\n     * document has been created in some way.\n     */\n    const form = document?.id ? document : createDefaultForm(schema, components);\n\n    return transformDocument(schema, components)(form);\n  }, [document, isCreatingDocument, isSingleType, schema, components]);\n\n  if (isLoading && !document?.documentId) {\n    return <Page.Loading />;\n  }\n\n  if (!initialValues) {\n    return <Page.Error />;\n  }\n\n  const handleTabChange = (index: number) => {\n    if (index === 0) {\n      setQuery({ status: 'draft' }, 'push', true);\n    } else {\n      setQuery({ status: 'published' }, 'push', true);\n    }\n  };\n\n  /**\n   * We look to see what the mainField is from the configuration,\n   * if it's an id we don't use it because it's a uuid format and\n   * not very user friendly. Instead in that case, we simply write \"Untitled\".\n   */\n  const documentTitle =\n    mainField !== 'id' && document?.[mainField] ? document[mainField] : 'Untitled';\n\n  return (\n    <Main paddingLeft={10} paddingRight={10}>\n      <Page.Title>{`${documentTitle}`}</Page.Title>\n      <Form\n        disabled={hasDraftAndPublished && status === 'published'}\n        initialValues={initialValues}\n        method={isCreatingDocument ? 'POST' : 'PUT'}\n        validationSchema={createYupSchema(schema?.attributes, components)}\n      >\n        {({ resetForm }) => (\n          <>\n            <Header\n              isCreating={isCreatingDocument}\n              status={hasDraftAndPublished ? getDocumentStatus(document, meta) : undefined}\n              title={documentTitle}\n            />\n            <TabGroup\n              ref={tabApi}\n              variant=\"simple\"\n              label={formatMessage({\n                id: getTranslation('containers.edit.tabs.label'),\n                defaultMessage: 'Document status',\n              })}\n              selectedTabIndex={hasDraftAndPublished && status === 'published' ? 1 : 0}\n              onTabChange={(index) => {\n                // TODO: remove this hack when the tabs in the DS are implemented well and we can actually use callbacks.\n                handleTabChange(index);\n              }}\n            >\n              {hasDraftAndPublished ? (\n                <Tabs>\n                  <StatusTab>\n                    {formatMessage({\n                      id: getTranslation('containers.edit.tabs.draft'),\n                      defaultMessage: 'draft',\n                    })}\n                  </StatusTab>\n                  <StatusTab disabled={!meta || meta.availableStatus.length === 0}>\n                    {formatMessage({\n                      id: getTranslation('containers.edit.tabs.published'),\n                      defaultMessage: 'published',\n                    })}\n                  </StatusTab>\n                </Tabs>\n              ) : null}\n              <Grid paddingTop={8} gap={4}>\n                <GridItem col={9} s={12}>\n                  <TabPanels>\n                    <TabPanel>\n                      <FormLayout layout={layout} />\n                    </TabPanel>\n                    <TabPanel>\n                      <FormLayout layout={layout} />\n                    </TabPanel>\n                  </TabPanels>\n                </GridItem>\n                <GridItem col={3} s={12}>\n                  <Panels />\n                </GridItem>\n              </Grid>\n            </TabGroup>\n            <Blocker\n              // We reset the form to the published version to avoid errors like – https://strapi-inc.atlassian.net/browse/CONTENT-2284\n              onProceed={resetForm}\n            />\n          </>\n        )}\n      </Form>\n    </Main>\n  );\n};\n\nconst StatusTab = styled(Tab)`\n  text-transform: uppercase;\n`;\n\n/**\n * @internal\n * @description Returns the status of the document where it's latest state takes priority,\n * this typically will be \"published\" unless a user has edited their draft in which we should\n * display \"modified\".\n */\nconst getDocumentStatus = (\n  document: ReturnType<UseDocument>['document'],\n  meta: ReturnType<UseDocument>['meta']\n): 'draft' | 'published' | 'modified' => {\n  const docStatus = document?.status;\n  const statuses = meta?.availableStatus ?? [];\n\n  /**\n   * Creating an entry\n   */\n  if (!docStatus) {\n    return 'draft';\n  }\n\n  /**\n   * We're viewing a draft, but the document could have a published version\n   */\n  if (docStatus === 'draft' && statuses.find((doc) => doc.publishedAt !== null)) {\n    return 'published';\n  }\n\n  return docStatus;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ProtectedEditViewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProtectedEditViewPage = () => {\n  const { slug = '' } = useParams<{\n    slug: string;\n  }>();\n  const {\n    permissions = [],\n    isLoading,\n    error,\n  } = useRBAC(\n    PERMISSIONS.map((action) => ({\n      action,\n      subject: slug,\n    }))\n  );\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  if (error || !slug) {\n    return <Page.Error />;\n  }\n\n  return (\n    <Page.Protect permissions={permissions}>\n      {({ permissions }) => (\n        <DocumentRBAC permissions={permissions}>\n          <EditViewPage />\n        </DocumentRBAC>\n      )}\n    </Page.Protect>\n  );\n};\n\nexport { EditViewPage, ProtectedEditViewPage };\n"],"names":["InputRenderer","permissions"],"mappings":"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"}

package/dist/_chunks/{Field-BG1xu38N.js → Field-Dh1yZyqy.js}

@@ -5,9 +5,9 @@ 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-CWpLBSt0.js");
+const index = require("./index-DcUu-_72.js");
 const fractionalIndexing = require("fractional-indexing");
-const Relations = require("./Relations-CcgFTcWo.js");
+const Relations = require("./Relations-B6fb2POW.js");
 const Icons = require("@strapi/icons");
 const styledComponents = require("styled-components");
 const ComponentIcon = require("./ComponentIcon-BXdiCGQp.js");
@@ -623,23 +623,17 @@ const LinkContent = React__namespace.forwardRef(
     const [popoverOpen, setPopoverOpen] = React__namespace.useState(
       editor.lastInsertedLinkPath ? slate.Path.equals(path, editor.lastInsertedLinkPath) : false
     );
+    const linkRef = React__namespace.useRef(null);
     const elementText = link.children.map((child) => child.text).join("");
     const [linkText, setLinkText] = React__namespace.useState(elementText);
     const [linkUrl, setLinkUrl] = React__namespace.useState(link.url);
     const linkInputRef = React__namespace.useRef(null);
     const [showRemoveButton, setShowRemoveButton] = React__namespace.useState(false);
     const [isSaveDisabled, setIsSaveDisabled] = React__namespace.useState(false);
-    const handleOpenChange = (isOpen) => {
-      if (isOpen) {
-        setPopoverOpen(isOpen);
-        setShowRemoveButton(isOpen);
-      } else {
-        setPopoverOpen(isOpen);
-        if (link.url === "") {
-          removeLink(editor);
-        }
-        slateReact.ReactEditor.focus(editor);
-      }
+    const handleOpenEditPopover = (e) => {
+      e.preventDefault();
+      setPopoverOpen(true);
+      setShowRemoveButton(true);
     };
     const onLinkChange = (e) => {
       setIsSaveDisabled(false);
@@ -662,14 +656,32 @@ const LinkContent = React__namespace.forwardRef(
       setPopoverOpen(false);
       editor.lastInsertedLinkPath = null;
     };
+    const handleDismiss = () => {
+      setPopoverOpen(false);
+      if (link.url === "") {
+        removeLink(editor);
+      }
+      slateReact.ReactEditor.focus(editor);
+    };
+    const inputNotDirty = !linkText || !linkUrl || link.url && link.url === linkUrl && elementText && elementText === linkText;
+    const composedRefs = designSystem.useComposedRefs(linkRef, forwardedRef);
     React__namespace.useEffect(() => {
       if (popoverOpen)
         linkInputRef.current?.focus();
     }, [popoverOpen]);
-    const inputNotDirty = !linkText || !linkUrl || link.url && link.url === linkUrl && elementText && elementText === linkText;
-    return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Popover.Root, { onOpenChange: handleOpenChange, open: popoverOpen, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(StyledBaseLink, { ...attributes, ref: forwardedRef, href: link.url, color: "primary600", children }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { padding: 4, tag: "form", onSubmit: handleSave, direction: "column", gap: 4, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        StyledBaseLink,
+        {
+          ...attributes,
+          ref: composedRefs,
+          href: link.url,
+          onClick: handleOpenEditPopover,
+          color: "primary600",
+          children
+        }
+      ),
+      popoverOpen && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover, { source: linkRef, onDismiss: handleDismiss, padding: 4, contentEditable: false, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { tag: "form", onSubmit: handleSave, direction: "column", gap: 4, children: [
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Root, { width: "368px", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 1, alignItems: "stretch", children: [
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
             id: "components.Blocks.popover.text",
@@ -723,7 +735,7 @@ const LinkContent = React__namespace.forwardRef(
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", onClick: () => handleOpenChange(false), children: formatMessage({
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", onClick: handleDismiss, children: formatMessage({
               id: "components.Blocks.popover.cancel",
               defaultMessage: "Cancel"
             }) }),
@@ -2414,9 +2426,9 @@ const NonRepeatableComponent = ({
       hasRadius: isNested,
       borderColor: isNested ? "neutral200" : void 0,
       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 }) => {
+        return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid, { gap: 4, children: row.map(({ size, ...field }) => {
           const completeFieldName = `${name2}.${field.name}`;
-          return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: size, s: 12, xs: 12, children: children({ ...field, name: completeFieldName }) }, completeFieldName);
+          return /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: size, s: 12, xs: 12, children: children({ ...field, name: completeFieldName }) }, completeFieldName);
         }) }, index2);
       }) })
     }
@@ -2592,9 +2604,9 @@ const RepeatableComponent = ({
                     onGrabItem: handleGrabItem,
                     __temp_key__: key,
                     children: layout.map((row, index22) => {
-                      return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 4, children: row.map(({ size, ...field }) => {
+                      return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid, { gap: 4, children: row.map(({ size, ...field }) => {
                         const completeFieldName = `${nameWithIndex}.${field.name}`;
-                        return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: size, s: 12, xs: 12, children: children({ ...field, name: completeFieldName }) }, completeFieldName);
+                        return /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: size, s: 12, xs: 12, children: children({ ...field, name: completeFieldName }) }, completeFieldName);
                       }) }, index22);
                     })
                   }
@@ -2639,7 +2651,7 @@ const TextButtonCustom = styledComponents.styled(designSystem.TextButton)`
   }
 
   @media (prefers-reduced-motion: no-preference) {
-    transition: background-color 120ms ${(props) => props.theme.motion.easings.easeOutQuad};
+    transition: background-color 120ms ${(props) => props.theme.easings.easeOutQuad};
   }
 `;
 const Component = ({
@@ -2907,7 +2919,7 @@ const ComponentBox = styledComponents.styled(designSystem.Flex)`
   cursor: pointer;
 
   @media (prefers-reduced-motion: no-preference) {
-    transition: color 120ms ${(props) => props.theme.motion.easings.easeOutQuad};
+    transition: color 120ms ${(props) => props.theme.easings.easeOutQuad};
   }
 
   &:focus,
@@ -4294,6 +4306,8 @@ const quoteAndCodeHandler = (editor, markdownType) => {
 };
 const CustomIconButton = styledComponents.styled(designSystem.IconButton)`
   padding: ${({ theme }) => theme.spaces[2]};
+  /* Trick to prevent the outline from overflowing because of the general outline-offset */
+  outline-offset: -2px !important;
 
   svg {
     width: 1.8rem;
@@ -4360,7 +4374,7 @@ const WysiwygNav = ({
     id: "components.Wysiwyg.selectOptions.title",
     defaultMessage: "Add a title"
   });
-  React__namespace.useRef(null);
+  const buttonMoreRef = React__namespace.useRef(null);
   const handleTogglePopover = () => {
     setVisiblePopover((prev) => !prev);
   };
@@ -4451,81 +4465,79 @@ const WysiwygNav = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Popover.Root, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(MoreButton, { label: "More", children: /* @__PURE__ */ jsxRuntime.jsx(Icons.More, {}) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Content, { sideOffset: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { padding: 2, children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(IconButtonGroupMargin, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  CustomIconButton,
-                  {
-                    onClick: () => onActionClick("Strikethrough", editorRef, handleTogglePopover),
-                    label: "Strikethrough",
-                    name: "Strikethrough",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(Icons.StrikeThrough, {})
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  CustomIconButton,
-                  {
-                    onClick: () => onActionClick("BulletList", editorRef, handleTogglePopover),
-                    label: "BulletList",
-                    name: "BulletList",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(Icons.BulletList, {})
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  CustomIconButton,
-                  {
-                    onClick: () => onActionClick("NumberList", editorRef, handleTogglePopover),
-                    label: "NumberList",
-                    name: "NumberList",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(Icons.NumberList, {})
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.IconButtonGroup, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  CustomIconButton,
-                  {
-                    onClick: () => onActionClick("Code", editorRef, handleTogglePopover),
-                    label: "Code",
-                    name: "Code",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Code, {})
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  CustomIconButton,
-                  {
-                    onClick: () => {
-                      handleTogglePopover();
-                      onToggleMediaLib();
-                    },
-                    label: "Image",
-                    name: "Image",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Image, {})
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  CustomLinkIconButton,
-                  {
-                    onClick: () => onActionClick("Link", editorRef, handleTogglePopover),
-                    label: "Link",
-                    name: "Link",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Link, {})
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  CustomIconButton,
-                  {
-                    onClick: () => onActionClick("Quote", editorRef, handleTogglePopover),
-                    label: "Quote",
-                    name: "Quote",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Quotes, {})
-                  }
-                )
-              ] })
-            ] }) })
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsx(MoreButton, { ref: buttonMoreRef, onClick: handleTogglePopover, label: "More", children: /* @__PURE__ */ jsxRuntime.jsx(Icons.More, {}) }),
+          visiblePopover && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover, { onDismiss: handleTogglePopover, centered: true, source: buttonMoreRef, spacing: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(IconButtonGroupMargin, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                CustomIconButton,
+                {
+                  onClick: () => onActionClick("Strikethrough", editorRef, handleTogglePopover),
+                  label: "Strikethrough",
+                  name: "Strikethrough",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Icons.StrikeThrough, {})
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                CustomIconButton,
+                {
+                  onClick: () => onActionClick("BulletList", editorRef, handleTogglePopover),
+                  label: "BulletList",
+                  name: "BulletList",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Icons.BulletList, {})
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                CustomIconButton,
+                {
+                  onClick: () => onActionClick("NumberList", editorRef, handleTogglePopover),
+                  label: "NumberList",
+                  name: "NumberList",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Icons.NumberList, {})
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.IconButtonGroup, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                CustomIconButton,
+                {
+                  onClick: () => onActionClick("Code", editorRef, handleTogglePopover),
+                  label: "Code",
+                  name: "Code",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Code, {})
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                CustomIconButton,
+                {
+                  onClick: () => {
+                    handleTogglePopover();
+                    onToggleMediaLib();
+                  },
+                  label: "Image",
+                  name: "Image",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Image, {})
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                CustomLinkIconButton,
+                {
+                  onClick: () => onActionClick("Link", editorRef, handleTogglePopover),
+                  label: "Link",
+                  name: "Link",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Link, {})
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                CustomIconButton,
+                {
+                  onClick: () => onActionClick("Quote", editorRef, handleTogglePopover),
+                  label: "Quote",
+                  name: "Quote",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Quotes, {})
+                }
+              )
+            ] })
+          ] }) })
         ] }),
         onTogglePreviewMode && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: onTogglePreviewMode, variant: "tertiary", children: formatMessage({
           id: "components.Wysiwyg.ToggleMode.preview-mode",
@@ -4919,9 +4931,9 @@ const DynamicComponent = ({
         ),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Actions, { children: accordionActions })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(AccordionContentRadius, { background: "neutral0", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 6, paddingRight: 6, paddingTop: 6, paddingBottom: 6, children: components[componentUid]?.layout?.map((row, rowInd) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 4, children: row.map(({ size, ...field }) => {
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(AccordionContentRadius, { background: "neutral0", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 6, paddingRight: 6, paddingTop: 6, paddingBottom: 6, children: components[componentUid]?.layout?.map((row, rowInd) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid, { gap: 4, children: row.map(({ size, ...field }) => {
         const fieldName = `${name2}.${index$1}.${field.name}`;
-        return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: size, s: 12, xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(MemoizedInputRenderer, { ...field, name: fieldName }) }, fieldName);
+        return /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: size, s: 12, xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(MemoizedInputRenderer, { ...field, name: fieldName }) }, fieldName);
       }) }, rowInd)) }) }) })
     ] }) }) })
   ] });
@@ -5228,4 +5240,4 @@ exports.transformDocument = transformDocument;
 exports.useDynamicZone = useDynamicZone;
 exports.useFieldHint = useFieldHint;
 exports.useLazyComponents = useLazyComponents;
-//# sourceMappingURL=Field-BG1xu38N.js.map
+//# sourceMappingURL=Field-Dh1yZyqy.js.map