@strapi/admin 5.0.0-alpha.1 → 5.0.0-alpha.3

package/dist/admin/EditViewPage-MF0jfabM.js

@@ -0,0 +1,226 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const designSystem = require('@strapi/design-system');
+const reactHelmet = require('react-helmet');
+const reactIntl = require('react-intl');
+const reactRouterDom = require('react-router-dom');
+const styled = require('styled-components');
+const layout = require('./reducers-uDxSALD_.js');
+const useOnce = require('./useOnce--ZSbXFh3.js');
+const useDocumentLayout = require('./useDocumentLayout-wBQQmFJL.js');
+const InputRenderer = require('./InputRenderer-89lhMw5B.js');
+const useSyncRbac = require('./useSyncRbac-fR63KADE.js');
+const index = require('./index-Xcv2DEB8.js');
+
+const _interopDefault = e => e && e.__esModule ? e : { default: e };
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespace(React);
+const styled__default = /*#__PURE__*/_interopDefault(styled);
+
+const FormLayout = ({ layout }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 6, children: layout.map((panel, index) => {
+    if (panel.some((row) => row.some((field) => field.type === "dynamiczone"))) {
+      const [row] = panel;
+      const [field] = row;
+      return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid, { gap: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 12, s: 12, xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(InputRenderer.InputRenderer, { ...field }) }) }, field.name);
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Box,
+      {
+        hasRadius: true,
+        background: "neutral0",
+        shadow: "tableShadow",
+        paddingLeft: 6,
+        paddingRight: 6,
+        paddingTop: 6,
+        paddingBottom: 6,
+        borderColor: "neutral150",
+        children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 6, children: panel.map((row, gridRowIndex) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid, { gap: 4, children: row.map(({ size, ...field }) => {
+          return /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: size, s: 12, xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(InputRenderer.InputRenderer, { ...field }) }, field.name);
+        }) }, gridRowIndex)) })
+      },
+      index
+    );
+  }) });
+};
+
+const EditViewPage = () => {
+  const location = reactRouterDom.useLocation();
+  const [
+    {
+      query: { status }
+    },
+    setQuery
+  ] = layout.useQueryParams();
+  const { formatMessage } = reactIntl.useIntl();
+  const { toggleNotification } = layout.useNotification();
+  const tabApi = React__namespace.useRef(null);
+  const {
+    document,
+    meta,
+    isLoading: isLoadingDocument,
+    schema,
+    components,
+    collectionType,
+    id,
+    model
+  } = layout.useDoc();
+  const hasDraftAndPublished = schema?.options?.draftAndPublish ?? false;
+  React__namespace.useEffect(() => {
+    if (tabApi.current && hasDraftAndPublished) {
+      tabApi.current._handlers.setSelectedTabIndex(!status || status === "draft" ? 0 : 1);
+    }
+  }, [hasDraftAndPublished, status]);
+  useOnce.useOnce(() => {
+    if (location?.state && "error" in location.state) {
+      toggleNotification({
+        type: "danger",
+        message: location.state.error,
+        timeout: 5e3
+      });
+    }
+  });
+  const isLoadingActionsRBAC = useDocumentLayout.useDocumentRBAC("EditViewPage", (state) => state.isLoading);
+  const isSingleType = collectionType === layout.SINGLE_TYPES;
+  const isCreatingDocument = !id && !isSingleType;
+  const {
+    isLoading: isLoadingLayout,
+    edit: {
+      layout: layout$1,
+      settings: { mainField }
+    }
+  } = useDocumentLayout.useDocumentLayout(model);
+  const { isLazyLoading } = InputRenderer.useLazyComponents([]);
+  const isLoading = isLoadingActionsRBAC || isLoadingDocument || isLoadingLayout || isLazyLoading;
+  const initialValues = React__namespace.useMemo(() => {
+    if (!document && !isCreatingDocument && !isSingleType || !schema) {
+      return void 0;
+    }
+    const form = document?.id ? document : InputRenderer.createDefaultForm(schema, components);
+    return InputRenderer.transformDocument(schema, components)(form);
+  }, [document, isCreatingDocument, isSingleType, schema, components]);
+  if (isLoading && !document?.documentId) {
+    return /* @__PURE__ */ jsxRuntime.jsx(layout.Page.Loading, {});
+  }
+  if (!initialValues) {
+    return /* @__PURE__ */ jsxRuntime.jsx(layout.Page.Error, {});
+  }
+  const handleTabChange = (index, { resetForm }) => {
+    if (index === 0) {
+      setQuery({ status: "draft" }, "push", true);
+    } else {
+      setQuery({ status: "published" }, "push", true);
+      resetForm();
+    }
+  };
+  const documentTitle = mainField !== "id" && document?.[mainField] ? document[mainField] : "Untitled";
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { paddingLeft: 10, paddingRight: 10, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(reactHelmet.Helmet, { title: `${documentTitle} | Strapi` }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      layout.Form,
+      {
+        disabled: hasDraftAndPublished && status === "published",
+        initialValues,
+        method: isCreatingDocument ? "POST" : "PUT",
+        validationSchema: layout.createYupSchema(schema?.attributes, components),
+        children: ({ resetForm }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            index.Header,
+            {
+              isCreating: isCreatingDocument,
+              status: hasDraftAndPublished ? getDocumentStatus(document, meta) : void 0,
+              title: documentTitle
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            designSystem.TabGroup,
+            {
+              ref: tabApi,
+              variant: "simple",
+              label: formatMessage({
+                id: layout.getTranslation("containers.edit.tabs.label"),
+                defaultMessage: "Document status"
+              }),
+              initialSelectedTabIndex: hasDraftAndPublished && status === "published" ? 1 : 0,
+              onTabChange: (index) => {
+                handleTabChange(index, { resetForm });
+              },
+              children: [
+                hasDraftAndPublished ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(StatusTab, { children: formatMessage({
+                    id: layout.getTranslation("containers.edit.tabs.draft"),
+                    defaultMessage: "draft"
+                  }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(StatusTab, { disabled: !meta || meta.availableStatus.length === 0, children: formatMessage({
+                    id: layout.getTranslation("containers.edit.tabs.published"),
+                    defaultMessage: "published"
+                  }) })
+                ] }) : null,
+                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid, { paddingTop: 8, gap: 4, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 9, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.TabPanels, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.TabPanel, { children: /* @__PURE__ */ jsxRuntime.jsx(FormLayout, { layout: layout$1 }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.TabPanel, { children: /* @__PURE__ */ jsxRuntime.jsx(FormLayout, { layout: layout$1 }) })
+                  ] }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 3, s: 12, children: /* @__PURE__ */ jsxRuntime.jsx(index.Panels, {}) })
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(layout.Blocker, {})
+        ] })
+      }
+    )
+  ] });
+};
+const StatusTab = styled__default.default(designSystem.Tab)`
+  text-transform: uppercase;
+`;
+const getDocumentStatus = (document, meta) => {
+  const docStatus = document?.status;
+  const statuses = meta?.availableStatus ?? [];
+  if (!docStatus) {
+    return "draft";
+  }
+  if (docStatus === "draft" && statuses.find((doc) => doc.publishedAt !== null)) {
+    return "published";
+  }
+  return docStatus;
+};
+const ProtectedEditViewPage = () => {
+  const { slug } = reactRouterDom.useParams();
+  const [{ query }] = layout.useQueryParams();
+  const { permissions = [], isLoading, isError } = useSyncRbac.useSyncRbac(slug ?? "", query, "editView");
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(layout.Page.Loading, {});
+  }
+  if (!isLoading && isError || !slug) {
+    return /* @__PURE__ */ jsxRuntime.jsx(layout.Page.Error, {});
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(layout.Page.Protect, { permissions, children: ({ permissions: permissions2 }) => /* @__PURE__ */ jsxRuntime.jsx(useDocumentLayout.DocumentRBAC, { permissions: permissions2, children: /* @__PURE__ */ jsxRuntime.jsx(EditViewPage, {}) }) });
+};
+
+exports.EditViewPage = EditViewPage;
+exports.ProtectedEditViewPage = ProtectedEditViewPage;
+//# sourceMappingURL=EditViewPage-MF0jfabM.js.map

package/dist/admin/EditViewPage-MF0jfabM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditViewPage-MF0jfabM.js","sources":["../../admin/src/content-manager/pages/EditView/components/FormLayout.tsx","../../admin/src/content-manager/pages/EditView/EditViewPage.tsx"],"sourcesContent":["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  Grid,\n  GridItem,\n  Main,\n  SetSelectedTabIndexHandler,\n  Tab,\n  TabGroup,\n  TabPanel,\n  TabPanels,\n  Tabs,\n} from '@strapi/design-system';\nimport { Helmet } from 'react-helmet';\nimport { useIntl } from 'react-intl';\nimport { useLocation, useParams } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport { Blocker, Form, FormHelpers } from '../../../components/Form';\nimport { Page } from '../../../components/PageHelpers';\nimport { useNotification } from '../../../features/Notifications';\nimport { useOnce } from '../../../hooks/useOnce';\nimport { useQueryParams } from '../../../hooks/useQueryParams';\nimport { SINGLE_TYPES } from '../../constants/collections';\nimport { DocumentRBAC, useDocumentRBAC } from '../../features/DocumentRBAC';\nimport { type UseDocument, useDoc } from '../../hooks/useDocument';\nimport { useDocumentLayout } from '../../hooks/useDocumentLayout';\nimport { useLazyComponents } from '../../hooks/useLazyComponents';\nimport { useSyncRbac } from '../../hooks/useSyncRbac';\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  React.useEffect(() => {\n    if (tabApi.current && hasDraftAndPublished) {\n      tabApi.current._handlers.setSelectedTabIndex(!status || status === 'draft' ? 0 : 1);\n    }\n  }, [hasDraftAndPublished, status]);\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, { resetForm }: Pick<FormHelpers, 'resetForm'>) => {\n    if (index === 0) {\n      setQuery({ status: 'draft' }, 'push', true);\n    } else {\n      setQuery({ status: 'published' }, 'push', true);\n      // We reset the form to the published version to avoid errors like – https://strapi-inc.atlassian.net/browse/CONTENT-2284\n      resetForm();\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      <Helmet title={`${documentTitle} | Strapi`} />\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              initialSelectedTabIndex={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, { resetForm });\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          </>\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 [{ query }] = useQueryParams();\n  const { permissions = [], isLoading, isError } = useSyncRbac(slug ?? '', query, 'editView');\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  if ((!isLoading && isError) || !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":["jsx","Flex","Grid","GridItem","InputRenderer","Box","useLocation","useQueryParams","useIntl","useNotification","React","useDoc","useOnce","useDocumentRBAC","SINGLE_TYPES","layout","useDocumentLayout","useLazyComponents","createDefaultForm","transformDocument","Page","jsxs","Main","Helmet","Form","createYupSchema","Fragment","Header","TabGroup","getTranslation","Tabs","TabPanels","TabPanel","Panels","Blocker","styled","Tab","useParams","useSyncRbac","permissions","DocumentRBAC"],"mappings":"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"}