@strapi/admin 4.26.0 → 4.26.2

package/dist/_chunks/InternalErrorPage-BjU_jwcO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalErrorPage-BjU_jwcO.js","sources":["../../admin/src/pages/InternalErrorPage.tsx"],"sourcesContent":["/**\n * InternalErrorPage\n *\n * This is the page we show when the user gets a 500 error\n *\n */\n\nimport {\n  ContentLayout,\n  EmptyStateLayout,\n  HeaderLayout,\n  LinkButton,\n  Main,\n} from '@strapi/design-system';\nimport { useFocusWhenNavigate } from '@strapi/helper-plugin';\nimport { ArrowRight, EmptyPictures } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nexport const InternalErrorPage = () => {\n  const { formatMessage } = useIntl();\n\n  useFocusWhenNavigate();\n\n  return (\n    <Main labelledBy=\"title\">\n      <HeaderLayout\n        id=\"title\"\n        title={formatMessage({\n          id: 'content-manager.pageNotFound',\n          defaultMessage: 'Page not found',\n        })}\n      />\n      <ContentLayout>\n        <EmptyStateLayout\n          action={\n            <LinkButton variant=\"secondary\" endIcon={<ArrowRight />} to=\"/\">\n              {formatMessage({\n                id: 'app.components.NotFoundPage.back',\n                defaultMessage: 'Back to homepage',\n              })}\n            </LinkButton>\n          }\n          content={formatMessage({\n            id: 'notification.error',\n            defaultMessage: 'An error occured',\n          })}\n          hasRadius\n          icon={<EmptyPictures width=\"10rem\" />}\n          shadow=\"tableShadow\"\n        />\n      </ContentLayout>\n    </Main>\n  );\n};\n"],"names":["useIntl","useFocusWhenNavigate","jsxs","Main","jsx","HeaderLayout","ContentLayout","EmptyStateLayout","LinkButton","ArrowRight","EmptyPictures"],"mappings":";;;;;;;AAkBO,MAAM,oBAAoB,MAAM;AACrC,QAAM,EAAE,cAAA,IAAkBA,kBAAA;AAE1BC,oCAAA;AAEA,SACEC,2BAAAA,KAACC,aAAAA,MAAA,EAAK,YAAW,SACf,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,aAAAA;AAAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,OAAO,cAAc;AAAA,UACnB,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA;AAAA,IAAA;AAAA,mCAEFC,aAAAA,eAAA,EACC,UAAAF,2BAAAA;AAAAA,MAACG,aAAAA;AAAAA,MAAA;AAAA,QACC,QACEH,2BAAAA,IAACI,aAAAA,YAAA,EAAW,SAAQ,aAAY,SAASJ,2BAAAA,IAACK,MAAAA,YAAA,CAAA,CAAW,GAAI,IAAG,KACzD,UAAA,cAAc;AAAA,UACb,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB,GACH;AAAA,QAEF,SAAS,cAAc;AAAA,UACrB,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB;AAAA,QACD,WAAS;AAAA,QACT,MAAML,2BAAAA,IAACM,MAAAA,eAAA,EAAc,OAAM,QAAA,CAAQ;AAAA,QACnC,QAAO;AAAA,MAAA;AAAA,IAAA,EACT,CACF;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/_chunks/InternalErrorPage-CMTg0WcA.mjs

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Main, HeaderLayout, ContentLayout, EmptyStateLayout, LinkButton } from "@strapi/design-system";
+import { useFocusWhenNavigate } from "@strapi/helper-plugin";
+import { EmptyPictures, ArrowRight } from "@strapi/icons";
+import { useIntl } from "react-intl";
+const InternalErrorPage = () => {
+  const { formatMessage } = useIntl();
+  useFocusWhenNavigate();
+  return /* @__PURE__ */ jsxs(Main, { labelledBy: "title", children: [
+    /* @__PURE__ */ jsx(
+      HeaderLayout,
+      {
+        id: "title",
+        title: formatMessage({
+          id: "content-manager.pageNotFound",
+          defaultMessage: "Page not found"
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(ContentLayout, { children: /* @__PURE__ */ jsx(
+      EmptyStateLayout,
+      {
+        action: /* @__PURE__ */ jsx(LinkButton, { variant: "secondary", endIcon: /* @__PURE__ */ jsx(ArrowRight, {}), to: "/", children: formatMessage({
+          id: "app.components.NotFoundPage.back",
+          defaultMessage: "Back to homepage"
+        }) }),
+        content: formatMessage({
+          id: "notification.error",
+          defaultMessage: "An error occured"
+        }),
+        hasRadius: true,
+        icon: /* @__PURE__ */ jsx(EmptyPictures, { width: "10rem" }),
+        shadow: "tableShadow"
+      }
+    ) })
+  ] });
+};
+export {
+  InternalErrorPage
+};
+//# sourceMappingURL=InternalErrorPage-CMTg0WcA.mjs.map

package/dist/_chunks/InternalErrorPage-CMTg0WcA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalErrorPage-CMTg0WcA.mjs","sources":["../../admin/src/pages/InternalErrorPage.tsx"],"sourcesContent":["/**\n * InternalErrorPage\n *\n * This is the page we show when the user gets a 500 error\n *\n */\n\nimport {\n  ContentLayout,\n  EmptyStateLayout,\n  HeaderLayout,\n  LinkButton,\n  Main,\n} from '@strapi/design-system';\nimport { useFocusWhenNavigate } from '@strapi/helper-plugin';\nimport { ArrowRight, EmptyPictures } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nexport const InternalErrorPage = () => {\n  const { formatMessage } = useIntl();\n\n  useFocusWhenNavigate();\n\n  return (\n    <Main labelledBy=\"title\">\n      <HeaderLayout\n        id=\"title\"\n        title={formatMessage({\n          id: 'content-manager.pageNotFound',\n          defaultMessage: 'Page not found',\n        })}\n      />\n      <ContentLayout>\n        <EmptyStateLayout\n          action={\n            <LinkButton variant=\"secondary\" endIcon={<ArrowRight />} to=\"/\">\n              {formatMessage({\n                id: 'app.components.NotFoundPage.back',\n                defaultMessage: 'Back to homepage',\n              })}\n            </LinkButton>\n          }\n          content={formatMessage({\n            id: 'notification.error',\n            defaultMessage: 'An error occured',\n          })}\n          hasRadius\n          icon={<EmptyPictures width=\"10rem\" />}\n          shadow=\"tableShadow\"\n        />\n      </ContentLayout>\n    </Main>\n  );\n};\n"],"names":[],"mappings":";;;;;AAkBO,MAAM,oBAAoB,MAAM;AACrC,QAAM,EAAE,cAAA,IAAkB,QAAA;AAE1B,uBAAA;AAEA,SACE,qBAAC,MAAA,EAAK,YAAW,SACf,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,OAAO,cAAc;AAAA,UACnB,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA;AAAA,IAAA;AAAA,wBAEF,eAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QACE,oBAAC,YAAA,EAAW,SAAQ,aAAY,SAAS,oBAAC,YAAA,CAAA,CAAW,GAAI,IAAG,KACzD,UAAA,cAAc;AAAA,UACb,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB,GACH;AAAA,QAEF,SAAS,cAAc;AAAA,UACrB,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB;AAAA,QACD,WAAS;AAAA,QACT,MAAM,oBAAC,eAAA,EAAc,OAAM,QAAA,CAAQ;AAAA,QACnC,QAAO;AAAA,MAAA;AAAA,IAAA,EACT,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/_chunks/Layout-B1VcCCiT.js

@@ -0,0 +1,88 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const designSystem = require("@strapi/design-system");
+const helperPlugin = require("@strapi/helper-plugin");
+const Icons = require("@strapi/icons");
+const reactIntl = require("react-intl");
+const index = require("./index-BiELGgSr.js");
+const constants = require("./constants-WJ4DI42l.js");
+const styled = require("styled-components");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const styled__default = /* @__PURE__ */ _interopDefault(styled);
+const Toggle = styled__default.default(designSystem.Flex)`
+  svg path {
+    fill: ${({ theme }) => theme.colors.neutral600};
+  }
+`;
+const StageDragPreview = ({ name }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    designSystem.Flex,
+    {
+      background: "primary100",
+      borderStyle: "dashed",
+      borderColor: "primary600",
+      borderWidth: "1px",
+      gap: 3,
+      hasRadius: true,
+      padding: 3,
+      shadow: "tableShadow",
+      width: helperPlugin.pxToRem(300),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Toggle,
+          {
+            alignItems: "center",
+            background: "neutral200",
+            borderRadius: "50%",
+            height: 6,
+            justifyContent: "center",
+            width: 6,
+            children: /* @__PURE__ */ jsxRuntime.jsx(Icons.CarretDown, { width: `${8 / 16}rem` })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", children: name })
+      ]
+    }
+  );
+};
+const DragLayerRendered = () => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.DragLayer,
+    {
+      renderItem: (item) => {
+        if (item.type === constants.DRAG_DROP_TYPES.STAGE) {
+          return /* @__PURE__ */ jsxRuntime.jsx(StageDragPreview, { name: typeof item.item === "string" ? item.item : null });
+        }
+      }
+    }
+  );
+};
+const Root = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Layout, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Main, { tabIndex: -1, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.ContentLayout, { children }) }) });
+};
+const Back = ({ href }) => {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.Link, { startIcon: /* @__PURE__ */ jsxRuntime.jsx(Icons.ArrowLeft, {}), to: href, children: formatMessage({
+    id: "global.back",
+    defaultMessage: "Back"
+  }) });
+};
+const Header = ({ title, subtitle, navigationAction, primaryAction }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.SettingsPageTitle, { name: title }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.HeaderLayout,
+      {
+        navigationAction,
+        primaryAction,
+        title,
+        subtitle
+      }
+    )
+  ] });
+};
+exports.Back = Back;
+exports.DragLayerRendered = DragLayerRendered;
+exports.Header = Header;
+exports.Root = Root;
+//# sourceMappingURL=Layout-B1VcCCiT.js.map

package/dist/_chunks/Layout-B1VcCCiT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout-B1VcCCiT.js","sources":["../../ee/admin/src/pages/SettingsPage/pages/ReviewWorkflows/components/StageDragPreview.tsx","../../ee/admin/src/pages/SettingsPage/pages/ReviewWorkflows/components/Layout.tsx"],"sourcesContent":["import { Flex, Typography } from '@strapi/design-system';\nimport { pxToRem } from '@strapi/helper-plugin';\nimport { CarretDown } from '@strapi/icons';\nimport styled from 'styled-components';\n\nconst Toggle = styled(Flex)`\n  svg path {\n    fill: ${({ theme }) => theme.colors.neutral600};\n  }\n`;\n\nexport type StageDragPreviewType = {\n  name: string | null;\n};\n\nexport const StageDragPreview = ({ name }: StageDragPreviewType) => {\n  return (\n    <Flex\n      background=\"primary100\"\n      borderStyle=\"dashed\"\n      borderColor=\"primary600\"\n      borderWidth=\"1px\"\n      gap={3}\n      hasRadius\n      padding={3}\n      shadow=\"tableShadow\"\n      width={pxToRem(300)}\n    >\n      <Toggle\n        alignItems=\"center\"\n        background=\"neutral200\"\n        borderRadius=\"50%\"\n        height={6}\n        justifyContent=\"center\"\n        width={6}\n      >\n        <CarretDown width={`${8 / 16}rem`} />\n      </Toggle>\n\n      <Typography fontWeight=\"bold\">{name}</Typography>\n    </Flex>\n  );\n};\n","import React, { PropsWithChildren } from 'react';\n\nimport { ContentLayout, HeaderLayout, Layout, Main } from '@strapi/design-system';\nimport { Link, SettingsPageTitle } from '@strapi/helper-plugin';\nimport { ArrowLeft } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { DragLayer } from '../../../../../../../../admin/src/components/DragLayer';\nimport { DRAG_DROP_TYPES } from '../constants';\n\nimport { StageDragPreview } from './StageDragPreview';\n\nconst DragLayerRendered = () => {\n  return (\n    <DragLayer\n      renderItem={(item) => {\n        if (item.type === DRAG_DROP_TYPES.STAGE) {\n          return <StageDragPreview name={typeof item.item === 'string' ? item.item : null} />;\n        }\n      }}\n    />\n  );\n};\n\nconst Root: React.FC<PropsWithChildren> = ({ children }) => {\n  return (\n    <Layout>\n      <Main tabIndex={-1}>\n        <ContentLayout>{children}</ContentLayout>\n      </Main>\n    </Layout>\n  );\n};\n\ntype BackProps = {\n  href: string;\n};\nconst Back: React.FC<BackProps> = ({ href }) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Link startIcon={<ArrowLeft />} to={href}>\n      {formatMessage({\n        id: 'global.back',\n        defaultMessage: 'Back',\n      })}\n    </Link>\n  );\n};\n\ntype HeaderProps = {\n  title: string;\n  navigationAction?: React.ReactNode;\n  primaryAction?: React.ReactNode;\n  secondaryAction?: React.ReactNode;\n  subtitle?: React.ReactNode;\n};\nconst Header: React.FC<HeaderProps> = ({ title, subtitle, navigationAction, primaryAction }) => {\n  return (\n    <>\n      <SettingsPageTitle name={title} />\n      <HeaderLayout\n        navigationAction={navigationAction}\n        primaryAction={primaryAction}\n        title={title}\n        subtitle={subtitle}\n      />\n    </>\n  );\n};\n\nexport { Back, DragLayerRendered, Header, Root };\n"],"names":["styled","Flex","jsxs","pxToRem","jsx","CarretDown","Typography","DragLayer","DRAG_DROP_TYPES","Layout","Main","ContentLayout","useIntl","Link","ArrowLeft","Fragment","SettingsPageTitle","HeaderLayout"],"mappings":";;;;;;;;;;;AAKA,MAAM,SAASA,gBAAAA,QAAOC,iBAAI;AAAA;AAAA,YAEd,CAAC,EAAE,MAAA,MAAY,MAAM,OAAO,UAAU;AAAA;AAAA;AAQ3C,MAAM,mBAAmB,CAAC,EAAE,WAAiC;AAClE,SACEC,2BAAAA;AAAAA,IAACD,aAAAA;AAAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,KAAK;AAAA,MACL,WAAS;AAAA,MACT,SAAS;AAAA,MACT,QAAO;AAAA,MACP,OAAOE,aAAAA,QAAQ,GAAG;AAAA,MAElB,UAAA;AAAA,QAAAC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,YAAW;AAAA,YACX,YAAW;AAAA,YACX,cAAa;AAAA,YACb,QAAQ;AAAA,YACR,gBAAe;AAAA,YACf,OAAO;AAAA,YAEP,yCAACC,MAAAA,YAAA,EAAW,OAAO,GAAG,IAAI,EAAE,MAAA,CAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAGrCD,2BAAAA,IAACE,aAAAA,YAAA,EAAW,YAAW,QAAQ,UAAA,KAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1C;AC9BA,MAAM,oBAAoB,MAAM;AAC9B,SACEF,2BAAAA;AAAAA,IAACG,MAAAA;AAAAA,IAAA;AAAA,MACC,YAAY,CAAC,SAAS;AACpB,YAAI,KAAK,SAASC,UAAAA,gBAAgB,OAAO;AACvC,iBAAOJ,+BAAC,oBAAiB,MAAM,OAAO,KAAK,SAAS,WAAW,KAAK,OAAO,KAAA,CAAM;AAAA,QACnF;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,MAAM,OAAoC,CAAC,EAAE,eAAe;AAC1D,SACEA,2BAAAA,IAACK,aAAAA,QAAA,EACC,UAAAL,2BAAAA,IAACM,aAAAA,MAAA,EAAK,UAAU,IACd,UAAAN,2BAAAA,IAACO,aAAAA,eAAA,EAAe,SAAA,CAAS,EAAA,CAC3B,GACF;AAEJ;AAKA,MAAM,OAA4B,CAAC,EAAE,WAAW;AAC9C,QAAM,EAAE,cAAA,IAAkBC,kBAAA;AAE1B,SACER,+BAACS,aAAAA,QAAK,WAAWT,2BAAAA,IAACU,MAAAA,aAAU,GAAI,IAAI,MACjC,UAAA,cAAc;AAAA,IACb,IAAI;AAAA,IACJ,gBAAgB;AAAA,EAAA,CACjB,GACH;AAEJ;AASA,MAAM,SAAgC,CAAC,EAAE,OAAO,UAAU,kBAAkB,oBAAoB;AAC9F,SACEZ,2BAAAA,KAAAa,qBAAA,EACE,UAAA;AAAA,IAAAX,2BAAAA,IAACY,aAAAA,mBAAA,EAAkB,MAAM,MAAA,CAAO;AAAA,IAChCZ,2BAAAA;AAAAA,MAACa,aAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;;;;;"}

package/dist/_chunks/Layout-B_l-uK27.mjs

@@ -0,0 +1,87 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { Flex, Typography, HeaderLayout, Layout, Main, ContentLayout } from "@strapi/design-system";
+import { pxToRem, SettingsPageTitle, Link } from "@strapi/helper-plugin";
+import { CarretDown, ArrowLeft } from "@strapi/icons";
+import { useIntl } from "react-intl";
+import { P as DragLayer } from "./index-Cwr9u7_W.mjs";
+import { D as DRAG_DROP_TYPES } from "./constants-CeIfN9Z8.mjs";
+import styled from "styled-components";
+const Toggle = styled(Flex)`
+  svg path {
+    fill: ${({ theme }) => theme.colors.neutral600};
+  }
+`;
+const StageDragPreview = ({ name }) => {
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      background: "primary100",
+      borderStyle: "dashed",
+      borderColor: "primary600",
+      borderWidth: "1px",
+      gap: 3,
+      hasRadius: true,
+      padding: 3,
+      shadow: "tableShadow",
+      width: pxToRem(300),
+      children: [
+        /* @__PURE__ */ jsx(
+          Toggle,
+          {
+            alignItems: "center",
+            background: "neutral200",
+            borderRadius: "50%",
+            height: 6,
+            justifyContent: "center",
+            width: 6,
+            children: /* @__PURE__ */ jsx(CarretDown, { width: `${8 / 16}rem` })
+          }
+        ),
+        /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: name })
+      ]
+    }
+  );
+};
+const DragLayerRendered = () => {
+  return /* @__PURE__ */ jsx(
+    DragLayer,
+    {
+      renderItem: (item) => {
+        if (item.type === DRAG_DROP_TYPES.STAGE) {
+          return /* @__PURE__ */ jsx(StageDragPreview, { name: typeof item.item === "string" ? item.item : null });
+        }
+      }
+    }
+  );
+};
+const Root = ({ children }) => {
+  return /* @__PURE__ */ jsx(Layout, { children: /* @__PURE__ */ jsx(Main, { tabIndex: -1, children: /* @__PURE__ */ jsx(ContentLayout, { children }) }) });
+};
+const Back = ({ href }) => {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsx(Link, { startIcon: /* @__PURE__ */ jsx(ArrowLeft, {}), to: href, children: formatMessage({
+    id: "global.back",
+    defaultMessage: "Back"
+  }) });
+};
+const Header = ({ title, subtitle, navigationAction, primaryAction }) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(SettingsPageTitle, { name: title }),
+    /* @__PURE__ */ jsx(
+      HeaderLayout,
+      {
+        navigationAction,
+        primaryAction,
+        title,
+        subtitle
+      }
+    )
+  ] });
+};
+export {
+  Back as B,
+  DragLayerRendered as D,
+  Header as H,
+  Root as R
+};
+//# sourceMappingURL=Layout-B_l-uK27.mjs.map

package/dist/_chunks/Layout-B_l-uK27.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout-B_l-uK27.mjs","sources":["../../ee/admin/src/pages/SettingsPage/pages/ReviewWorkflows/components/StageDragPreview.tsx","../../ee/admin/src/pages/SettingsPage/pages/ReviewWorkflows/components/Layout.tsx"],"sourcesContent":["import { Flex, Typography } from '@strapi/design-system';\nimport { pxToRem } from '@strapi/helper-plugin';\nimport { CarretDown } from '@strapi/icons';\nimport styled from 'styled-components';\n\nconst Toggle = styled(Flex)`\n  svg path {\n    fill: ${({ theme }) => theme.colors.neutral600};\n  }\n`;\n\nexport type StageDragPreviewType = {\n  name: string | null;\n};\n\nexport const StageDragPreview = ({ name }: StageDragPreviewType) => {\n  return (\n    <Flex\n      background=\"primary100\"\n      borderStyle=\"dashed\"\n      borderColor=\"primary600\"\n      borderWidth=\"1px\"\n      gap={3}\n      hasRadius\n      padding={3}\n      shadow=\"tableShadow\"\n      width={pxToRem(300)}\n    >\n      <Toggle\n        alignItems=\"center\"\n        background=\"neutral200\"\n        borderRadius=\"50%\"\n        height={6}\n        justifyContent=\"center\"\n        width={6}\n      >\n        <CarretDown width={`${8 / 16}rem`} />\n      </Toggle>\n\n      <Typography fontWeight=\"bold\">{name}</Typography>\n    </Flex>\n  );\n};\n","import React, { PropsWithChildren } from 'react';\n\nimport { ContentLayout, HeaderLayout, Layout, Main } from '@strapi/design-system';\nimport { Link, SettingsPageTitle } from '@strapi/helper-plugin';\nimport { ArrowLeft } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { DragLayer } from '../../../../../../../../admin/src/components/DragLayer';\nimport { DRAG_DROP_TYPES } from '../constants';\n\nimport { StageDragPreview } from './StageDragPreview';\n\nconst DragLayerRendered = () => {\n  return (\n    <DragLayer\n      renderItem={(item) => {\n        if (item.type === DRAG_DROP_TYPES.STAGE) {\n          return <StageDragPreview name={typeof item.item === 'string' ? item.item : null} />;\n        }\n      }}\n    />\n  );\n};\n\nconst Root: React.FC<PropsWithChildren> = ({ children }) => {\n  return (\n    <Layout>\n      <Main tabIndex={-1}>\n        <ContentLayout>{children}</ContentLayout>\n      </Main>\n    </Layout>\n  );\n};\n\ntype BackProps = {\n  href: string;\n};\nconst Back: React.FC<BackProps> = ({ href }) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Link startIcon={<ArrowLeft />} to={href}>\n      {formatMessage({\n        id: 'global.back',\n        defaultMessage: 'Back',\n      })}\n    </Link>\n  );\n};\n\ntype HeaderProps = {\n  title: string;\n  navigationAction?: React.ReactNode;\n  primaryAction?: React.ReactNode;\n  secondaryAction?: React.ReactNode;\n  subtitle?: React.ReactNode;\n};\nconst Header: React.FC<HeaderProps> = ({ title, subtitle, navigationAction, primaryAction }) => {\n  return (\n    <>\n      <SettingsPageTitle name={title} />\n      <HeaderLayout\n        navigationAction={navigationAction}\n        primaryAction={primaryAction}\n        title={title}\n        subtitle={subtitle}\n      />\n    </>\n  );\n};\n\nexport { Back, DragLayerRendered, Header, Root };\n"],"names":[],"mappings":";;;;;;;;AAKA,MAAM,SAAS,OAAO,IAAI;AAAA;AAAA,YAEd,CAAC,EAAE,MAAA,MAAY,MAAM,OAAO,UAAU;AAAA;AAAA;AAQ3C,MAAM,mBAAmB,CAAC,EAAE,WAAiC;AAClE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,KAAK;AAAA,MACL,WAAS;AAAA,MACT,SAAS;AAAA,MACT,QAAO;AAAA,MACP,OAAO,QAAQ,GAAG;AAAA,MAElB,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,YAAW;AAAA,YACX,YAAW;AAAA,YACX,cAAa;AAAA,YACb,QAAQ;AAAA,YACR,gBAAe;AAAA,YACf,OAAO;AAAA,YAEP,8BAAC,YAAA,EAAW,OAAO,GAAG,IAAI,EAAE,MAAA,CAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAGrC,oBAAC,YAAA,EAAW,YAAW,QAAQ,UAAA,KAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1C;AC9BA,MAAM,oBAAoB,MAAM;AAC9B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,YAAY,CAAC,SAAS;AACpB,YAAI,KAAK,SAAS,gBAAgB,OAAO;AACvC,iBAAO,oBAAC,oBAAiB,MAAM,OAAO,KAAK,SAAS,WAAW,KAAK,OAAO,KAAA,CAAM;AAAA,QACnF;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,MAAM,OAAoC,CAAC,EAAE,eAAe;AAC1D,SACE,oBAAC,QAAA,EACC,UAAA,oBAAC,MAAA,EAAK,UAAU,IACd,UAAA,oBAAC,eAAA,EAAe,SAAA,CAAS,EAAA,CAC3B,GACF;AAEJ;AAKA,MAAM,OAA4B,CAAC,EAAE,WAAW;AAC9C,QAAM,EAAE,cAAA,IAAkB,QAAA;AAE1B,SACE,oBAAC,QAAK,WAAW,oBAAC,aAAU,GAAI,IAAI,MACjC,UAAA,cAAc;AAAA,IACb,IAAI;AAAA,IACJ,gBAAgB;AAAA,EAAA,CACjB,GACH;AAEJ;AASA,MAAM,SAAgC,CAAC,EAAE,OAAO,UAAU,kBAAkB,oBAAoB;AAC9F,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,mBAAA,EAAkB,MAAM,MAAA,CAAO;AAAA,IAChC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}