@akbarsafari00/bonyan-content-manager 5.52.1-fa.2

package/dist/admin/pages/EditView/EditViewPage.mjs

@@ -0,0 +1,297 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useRBAC, Page, useQueryParams, useNotification, useIsDesktop, useIsMobile, tours, Form, Layouts } from '@strapi/admin/strapi-admin';
+import { Tabs, Box, Grid } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { useParams, useLocation } from 'react-router-dom';
+import { styled } from 'styled-components';
+import { ActionsDrawer } from '../../components/ActionsDrawer.mjs';
+import { SINGLE_TYPES } from '../../constants/collections.mjs';
+import { PERMISSIONS } from '../../constants/plugin.mjs';
+import { DocumentRBAC, useDocumentRBAC } from '../../features/DocumentRBAC.mjs';
+import { useDoc } from '../../hooks/useDocument.mjs';
+import { useDocumentLayout } from '../../hooks/useDocumentLayout.mjs';
+import { useLazyComponents } from '../../hooks/useLazyComponents.mjs';
+import { useOnce } from '../../hooks/useOnce.mjs';
+import { usePersistentPartialQueryParams } from '../../hooks/usePersistentQueryParams.mjs';
+import { getTranslation } from '../../utils/translations.mjs';
+import { createYupSchema } from '../../utils/validation.mjs';
+import { Blocker } from './components/Blocker.mjs';
+import { FormLayout } from './components/FormLayout.mjs';
+import { Header } from './components/Header.mjs';
+import { PanelsProvider, usePanelsContext, Panels, ActionsPanelContent } from './components/Panels.mjs';
+import { handleInvisibleAttributes } from './utils/data.mjs';
+
+/* -------------------------------------------------------------------------------------------------
+ * EditViewPage
+ * -----------------------------------------------------------------------------------------------*/ const EditViewPage = ()=>{
+    const location = useLocation();
+    const [{ query: { status, plugins } }, setQuery] = useQueryParams({
+        status: 'draft'
+    });
+    const activeLocale = plugins?.i18n?.locale;
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    const isDesktop = useIsDesktop();
+    const isMobile = useIsMobile();
+    const visiblePanels = usePanelsContext('Panels', (s)=>s.visiblePanels);
+    const drawerHasContent = visiblePanels.length > 0;
+    const persistentQueryConfigs = React.useMemo(()=>({
+            STRAPI_LOCALE: {
+                paths: [
+                    'plugins.i18n.locale'
+                ],
+                scoped: false
+            }
+        }), []);
+    const { isHydrated } = usePersistentPartialQueryParams(persistentQueryConfigs);
+    const doc = useDoc({
+        skip: !isHydrated
+    });
+    const { document, meta, isLoading: isLoadingDocument, schema, components, collectionType, id, model, hasError, getTitle, getInitialFormValues } = doc;
+    const hasDraftAndPublished = schema?.options?.draftAndPublish ?? false;
+    useOnce(()=>{
+        /**
+     * We only ever want to fire the notification once otherwise
+     * whenever the app re-renders it'll pop up regardless of
+     * what we do because the state comes from react-router-dom
+     */ if (location?.state && 'error' in location.state) {
+            toggleNotification({
+                type: 'danger',
+                message: location.state.error,
+                timeout: 5000
+            });
+        }
+    });
+    const isLoadingActionsRBAC = useDocumentRBAC('EditViewPage', (state)=>state.isLoading);
+    const isSingleType = collectionType === SINGLE_TYPES;
+    /**
+   * single-types don't current have an id, but because they're a singleton
+   * we can simply use the update operation to continuously update the same
+   * document with varying params.
+   */ const isCreatingDocument = !id && !isSingleType;
+    const { isLoading: isLoadingLayout, edit: { layout, settings: { mainField } } } = useDocumentLayout(model);
+    const pageTitle = getTitle(mainField);
+    const { isLazyLoading } = useLazyComponents([]);
+    const isLoading = !isHydrated || isLoadingActionsRBAC || isLoadingDocument || isLoadingLayout || isLazyLoading;
+    const initialValues = getInitialFormValues(isCreatingDocument);
+    if (isLoading && !document?.documentId) {
+        return /*#__PURE__*/ jsx(Page.Loading, {});
+    }
+    if (!initialValues || hasError) {
+        return /*#__PURE__*/ jsx(Page.Error, {});
+    }
+    const handleTabChange = (status)=>{
+        if (status === 'published' || status === 'draft') {
+            setQuery({
+                status
+            }, 'push', true);
+        }
+    };
+    const validateSync = (values, options)=>{
+        const yupSchema = createYupSchema(schema?.attributes, components, {
+            status,
+            ...options
+        });
+        return yupSchema.validateSync(values, {
+            abortEarly: false
+        });
+    };
+    return /*#__PURE__*/ jsxs(Page.Main, {
+        children: [
+            /*#__PURE__*/ jsx(Page.Title, {
+                children: pageTitle
+            }),
+            isSingleType && /*#__PURE__*/ jsx(tours.contentManager.Introduction, {
+                children: /*#__PURE__*/ jsx(Box, {})
+            }),
+            /*#__PURE__*/ jsx(Form, {
+                disabled: hasDraftAndPublished && status === 'published',
+                initialValues: initialValues,
+                method: isCreatingDocument ? 'POST' : 'PUT',
+                validate: (values, options)=>{
+                    // removes hidden fields from the validation
+                    // this is necessary because the yup schema doesn't know about the visibility conditions
+                    // and we don't want to validate fields that are not visible
+                    const { data: cleanedValues, removedAttributes } = handleInvisibleAttributes(values, {
+                        schema,
+                        initialValues,
+                        components
+                    });
+                    const yupSchema = createYupSchema(schema?.attributes, components, {
+                        status,
+                        removedAttributes,
+                        ...options
+                    });
+                    return yupSchema.validate(cleanedValues, {
+                        abortEarly: false
+                    });
+                },
+                initialErrors: location?.state?.forceValidation ? validateSync(initialValues, {}) : {},
+                children: /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsx(Header, {
+                            isCreating: isCreatingDocument,
+                            status: hasDraftAndPublished ? getDocumentStatus(document, meta) : undefined,
+                            title: pageTitle
+                        }),
+                        /*#__PURE__*/ jsxs(Layouts.Content, {
+                            children: [
+                                /*#__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({
+                                                            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: {
+                                                initial: 6,
+                                                medium: 4,
+                                                large: 8
+                                            },
+                                            gap: 4,
+                                            children: [
+                                                /*#__PURE__*/ jsxs(Grid.Item, {
+                                                    col: 9,
+                                                    xs: 12,
+                                                    direction: "column",
+                                                    alignItems: "stretch",
+                                                    children: [
+                                                        /*#__PURE__*/ jsxs(Tabs.Content, {
+                                                            value: "draft",
+                                                            children: [
+                                                                /*#__PURE__*/ jsx(tours.contentManager.Fields, {
+                                                                    children: /*#__PURE__*/ jsx(Box, {})
+                                                                }),
+                                                                /*#__PURE__*/ jsx(FormLayout, {
+                                                                    layout: layout,
+                                                                    document: doc,
+                                                                    hasBackground: !isMobile
+                                                                })
+                                                            ]
+                                                        }),
+                                                        /*#__PURE__*/ jsx(Tabs.Content, {
+                                                            value: "published",
+                                                            children: /*#__PURE__*/ jsx(FormLayout, {
+                                                                layout: layout,
+                                                                document: doc,
+                                                                hasBackground: !isMobile
+                                                            })
+                                                        })
+                                                    ]
+                                                }),
+                                                isDesktop && /*#__PURE__*/ jsx(Grid.Item, {
+                                                    col: 3,
+                                                    direction: "column",
+                                                    alignItems: "stretch",
+                                                    children: /*#__PURE__*/ jsx(Panels, {})
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                }),
+                                !isDesktop && /*#__PURE__*/ jsxs(Fragment, {
+                                    children: [
+                                        /*#__PURE__*/ jsxs(ActionsDrawer.Root, {
+                                            hasContent: drawerHasContent,
+                                            hasSideNav: true,
+                                            children: [
+                                                /*#__PURE__*/ jsx(ActionsDrawer.Overlay, {}),
+                                                /*#__PURE__*/ jsx(ActionsDrawer.Header, {
+                                                    children: /*#__PURE__*/ jsx(ActionsPanelContent, {})
+                                                }),
+                                                /*#__PURE__*/ jsx(ActionsDrawer.Content, {
+                                                    children: /*#__PURE__*/ jsx(Panels, {
+                                                        withActions: false
+                                                    })
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ jsx(Box, {
+                                            height: "6.5rem"
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx(Blocker, {})
+                    ]
+                })
+            }, `${collectionType}:${model}:${id ?? 'create'}:${activeLocale ?? 'default'}`)
+        ]
+    });
+};
+const StatusTab = styled(Tabs.Trigger)`
+  text-transform: uppercase;
+`;
+/**
+ * @internal
+ * @description Returns the status of the document where its latest state takes priority,
+ * this typically will be "published" unless a user has edited their draft in which we should
+ * display "modified".
+ */ const getDocumentStatus = (document, meta)=>{
+    const docStatus = document?.status;
+    const statuses = meta?.availableStatus ?? [];
+    /**
+   * Creating an entry
+   */ if (!docStatus) {
+        return 'draft';
+    }
+    /**
+   * We're viewing a draft, but the document could have a published version
+   */ if (docStatus === 'draft' && statuses.find((doc)=>doc.publishedAt !== null)) {
+        return 'published';
+    }
+    return docStatus;
+};
+/* -------------------------------------------------------------------------------------------------
+ * ProtectedEditViewPage
+ * -----------------------------------------------------------------------------------------------*/ const ProtectedEditViewPage = ()=>{
+    const { slug = '' } = useParams();
+    const { permissions = [], isLoading, error } = useRBAC(PERMISSIONS.map((action)=>({
+            action,
+            subject: slug
+        })));
+    if (isLoading) {
+        return /*#__PURE__*/ jsx(Page.Loading, {});
+    }
+    if (error || !slug) {
+        return /*#__PURE__*/ jsx(Page.Error, {});
+    }
+    return /*#__PURE__*/ jsx(Page.Protect, {
+        permissions: permissions,
+        children: ({ permissions })=>/*#__PURE__*/ jsx(DocumentRBAC, {
+                permissions: permissions,
+                children: /*#__PURE__*/ jsx(PanelsProvider, {
+                    children: /*#__PURE__*/ jsx(EditViewPage, {})
+                })
+            })
+    });
+};
+
+export { EditViewPage, ProtectedEditViewPage, getDocumentStatus };
+//# sourceMappingURL=EditViewPage.mjs.map

package/dist/admin/pages/EditView/EditViewPage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditViewPage.mjs","sources":["../../../../admin/src/pages/EditView/EditViewPage.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport {\r\n  Page,\r\n  Form,\r\n  useRBAC,\r\n  useNotification,\r\n  useQueryParams,\r\n  tours,\r\n  Layouts,\r\n  useIsDesktop,\r\n  useIsMobile,\r\n} from '@strapi/admin/strapi-admin';\r\nimport { Grid, Tabs, Box } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\nimport { useLocation, useParams } from 'react-router-dom';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { ActionsDrawer } from '../../components/ActionsDrawer';\r\nimport { SINGLE_TYPES } from '../../constants/collections';\r\nimport { PERMISSIONS } from '../../constants/plugin';\r\nimport { DocumentRBAC, useDocumentRBAC } from '../../features/DocumentRBAC';\r\nimport { useDoc, type UseDocument } from '../../hooks/useDocument';\r\nimport { useDocumentLayout } from '../../hooks/useDocumentLayout';\r\nimport { useLazyComponents } from '../../hooks/useLazyComponents';\r\nimport { useOnce } from '../../hooks/useOnce';\r\nimport {\r\n  PersistentQueryConfig,\r\n  usePersistentPartialQueryParams,\r\n} from '../../hooks/usePersistentQueryParams';\r\nimport { getTranslation } from '../../utils/translations';\r\nimport { createYupSchema } from '../../utils/validation';\r\n\r\nimport { Blocker } from './components/Blocker';\r\nimport { FormLayout } from './components/FormLayout';\r\nimport { Header } from './components/Header';\r\nimport { Panels, PanelsProvider, usePanelsContext, ActionsPanelContent } from './components/Panels';\r\nimport { handleInvisibleAttributes } from './utils/data';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * EditViewPage\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst EditViewPage = () => {\r\n  const location = useLocation();\r\n  const [\r\n    {\r\n      query: { status, plugins },\r\n    },\r\n    setQuery,\r\n  ] = useQueryParams<{\r\n    status: 'draft' | 'published';\r\n    plugins?: { i18n?: { locale?: string } };\r\n  }>({\r\n    status: 'draft',\r\n  });\r\n\r\n  const activeLocale = plugins?.i18n?.locale;\r\n  const { formatMessage } = useIntl();\r\n  const { toggleNotification } = useNotification();\r\n  const isDesktop = useIsDesktop();\r\n  const isMobile = useIsMobile();\r\n  const visiblePanels = usePanelsContext('Panels', (s) => s.visiblePanels);\r\n  const drawerHasContent = visiblePanels.length > 0;\r\n\r\n  const persistentQueryConfigs: PersistentQueryConfig = React.useMemo(\r\n    () => ({\r\n      STRAPI_LOCALE: {\r\n        paths: ['plugins.i18n.locale'],\r\n        scoped: false,\r\n      },\r\n    }),\r\n    []\r\n  );\r\n\r\n  const { isHydrated } = usePersistentPartialQueryParams(persistentQueryConfigs);\r\n\r\n  const doc = useDoc({ skip: !isHydrated });\r\n  const {\r\n    document,\r\n    meta,\r\n    isLoading: isLoadingDocument,\r\n    schema,\r\n    components,\r\n    collectionType,\r\n    id,\r\n    model,\r\n    hasError,\r\n    getTitle,\r\n    getInitialFormValues,\r\n  } = doc;\r\n\r\n  const hasDraftAndPublished = schema?.options?.draftAndPublish ?? false;\r\n\r\n  useOnce(() => {\r\n    /**\r\n     * We only ever want to fire the notification once otherwise\r\n     * whenever the app re-renders it'll pop up regardless of\r\n     * what we do because the state comes from react-router-dom\r\n     */\r\n    if (location?.state && 'error' in location.state) {\r\n      toggleNotification({\r\n        type: 'danger',\r\n        message: location.state.error,\r\n        timeout: 5000,\r\n      });\r\n    }\r\n  });\r\n\r\n  const isLoadingActionsRBAC = useDocumentRBAC('EditViewPage', (state) => state.isLoading);\r\n\r\n  const isSingleType = collectionType === SINGLE_TYPES;\r\n\r\n  /**\r\n   * single-types don't current have an id, but because they're a singleton\r\n   * we can simply use the update operation to continuously update the same\r\n   * document with varying params.\r\n   */\r\n  const isCreatingDocument = !id && !isSingleType;\r\n\r\n  const {\r\n    isLoading: isLoadingLayout,\r\n    edit: {\r\n      layout,\r\n      settings: { mainField },\r\n    },\r\n  } = useDocumentLayout(model);\r\n  const pageTitle = getTitle(mainField);\r\n\r\n  const { isLazyLoading } = useLazyComponents([]);\r\n\r\n  const isLoading =\r\n    !isHydrated || isLoadingActionsRBAC || isLoadingDocument || isLoadingLayout || isLazyLoading;\r\n\r\n  const initialValues = getInitialFormValues(isCreatingDocument);\r\n\r\n  if (isLoading && !document?.documentId) {\r\n    return <Page.Loading />;\r\n  }\r\n\r\n  if (!initialValues || hasError) {\r\n    return <Page.Error />;\r\n  }\r\n\r\n  const handleTabChange = (status: string) => {\r\n    if (status === 'published' || status === 'draft') {\r\n      setQuery({ status }, 'push', true);\r\n    }\r\n  };\r\n\r\n  const validateSync = (values: Record<string, unknown>, options: Record<string, string>) => {\r\n    const yupSchema = createYupSchema(schema?.attributes, components, {\r\n      status,\r\n      ...options,\r\n    });\r\n\r\n    return yupSchema.validateSync(values, { abortEarly: false });\r\n  };\r\n\r\n  return (\r\n    <Page.Main>\r\n      <Page.Title>{pageTitle}</Page.Title>\r\n      {isSingleType && (\r\n        <tours.contentManager.Introduction>\r\n          {/* Invisible Anchor */}\r\n          <Box />\r\n        </tours.contentManager.Introduction>\r\n      )}\r\n      <Form\r\n        key={`${collectionType}:${model}:${id ?? 'create'}:${activeLocale ?? 'default'}`}\r\n        disabled={hasDraftAndPublished && status === 'published'}\r\n        initialValues={initialValues}\r\n        method={isCreatingDocument ? 'POST' : 'PUT'}\r\n        validate={(values: Record<string, unknown>, options: Record<string, string>) => {\r\n          // removes hidden fields from the validation\r\n          // this is necessary because the yup schema doesn't know about the visibility conditions\r\n          // and we don't want to validate fields that are not visible\r\n          const { data: cleanedValues, removedAttributes } = handleInvisibleAttributes(values, {\r\n            schema,\r\n            initialValues,\r\n            components,\r\n          });\r\n\r\n          const yupSchema = createYupSchema(schema?.attributes, components, {\r\n            status,\r\n            removedAttributes,\r\n            ...options,\r\n          });\r\n\r\n          return yupSchema.validate(cleanedValues, { abortEarly: false });\r\n        }}\r\n        initialErrors={location?.state?.forceValidation ? validateSync(initialValues, {}) : {}}\r\n      >\r\n        <>\r\n          <Header\r\n            isCreating={isCreatingDocument}\r\n            status={hasDraftAndPublished ? getDocumentStatus(document, meta) : undefined}\r\n            title={pageTitle}\r\n          />\r\n          <Layouts.Content>\r\n            <Tabs.Root variant=\"simple\" value={status} onValueChange={handleTabChange}>\r\n              <Tabs.List\r\n                aria-label={formatMessage({\r\n                  id: getTranslation('containers.edit.tabs.label'),\r\n                  defaultMessage: 'Document status',\r\n                })}\r\n              >\r\n                {hasDraftAndPublished ? (\r\n                  <>\r\n                    <StatusTab value=\"draft\">\r\n                      {formatMessage({\r\n                        id: getTranslation('containers.edit.tabs.draft'),\r\n                        defaultMessage: 'draft',\r\n                      })}\r\n                    </StatusTab>\r\n                    <StatusTab\r\n                      disabled={!meta || meta.availableStatus.length === 0}\r\n                      value=\"published\"\r\n                    >\r\n                      {formatMessage({\r\n                        id: getTranslation('containers.edit.tabs.published'),\r\n                        defaultMessage: 'published',\r\n                      })}\r\n                    </StatusTab>\r\n                  </>\r\n                ) : null}\r\n              </Tabs.List>\r\n              <Grid.Root\r\n                paddingTop={{\r\n                  initial: 6,\r\n                  medium: 4,\r\n                  large: 8,\r\n                }}\r\n                gap={4}\r\n              >\r\n                <Grid.Item col={9} xs={12} direction=\"column\" alignItems=\"stretch\">\r\n                  <Tabs.Content value=\"draft\">\r\n                    <tours.contentManager.Fields>\r\n                      <Box />\r\n                    </tours.contentManager.Fields>\r\n                    <FormLayout layout={layout} document={doc} hasBackground={!isMobile} />\r\n                  </Tabs.Content>\r\n                  <Tabs.Content value=\"published\">\r\n                    <FormLayout layout={layout} document={doc} hasBackground={!isMobile} />\r\n                  </Tabs.Content>\r\n                </Grid.Item>\r\n                {isDesktop && (\r\n                  <Grid.Item col={3} direction=\"column\" alignItems=\"stretch\">\r\n                    <Panels />\r\n                  </Grid.Item>\r\n                )}\r\n              </Grid.Root>\r\n            </Tabs.Root>\r\n            {!isDesktop && (\r\n              <>\r\n                <ActionsDrawer.Root hasContent={drawerHasContent} hasSideNav>\r\n                  <ActionsDrawer.Overlay />\r\n                  <ActionsDrawer.Header>\r\n                    <ActionsPanelContent />\r\n                  </ActionsDrawer.Header>\r\n                  <ActionsDrawer.Content>\r\n                    <Panels withActions={false} />\r\n                  </ActionsDrawer.Content>\r\n                </ActionsDrawer.Root>\r\n                {/* Adding a fixed height to the bottom of the page to prevent \r\n                the actions drawer from covering the content\r\n                (40px button + 12px * 2 padding + 1px border) */}\r\n                <Box height=\"6.5rem\" />\r\n              </>\r\n            )}\r\n          </Layouts.Content>\r\n          <Blocker />\r\n        </>\r\n      </Form>\r\n    </Page.Main>\r\n  );\r\n};\r\n\r\nconst StatusTab = styled(Tabs.Trigger)`\r\n  text-transform: uppercase;\r\n`;\r\n\r\n/**\r\n * @internal\r\n * @description Returns the status of the document where its latest state takes priority,\r\n * this typically will be \"published\" unless a user has edited their draft in which we should\r\n * display \"modified\".\r\n */\r\nconst getDocumentStatus = (\r\n  document: ReturnType<UseDocument>['document'],\r\n  meta: ReturnType<UseDocument>['meta']\r\n): 'draft' | 'published' | 'modified' => {\r\n  const docStatus = document?.status;\r\n  const statuses = meta?.availableStatus ?? [];\r\n\r\n  /**\r\n   * Creating an entry\r\n   */\r\n  if (!docStatus) {\r\n    return 'draft';\r\n  }\r\n\r\n  /**\r\n   * We're viewing a draft, but the document could have a published version\r\n   */\r\n  if (docStatus === 'draft' && statuses.find((doc) => doc.publishedAt !== null)) {\r\n    return 'published';\r\n  }\r\n\r\n  return docStatus;\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * ProtectedEditViewPage\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst ProtectedEditViewPage = () => {\r\n  const { slug = '' } = useParams<{\r\n    slug: string;\r\n  }>();\r\n  const {\r\n    permissions = [],\r\n    isLoading,\r\n    error,\r\n  } = useRBAC(\r\n    PERMISSIONS.map((action) => ({\r\n      action,\r\n      subject: slug,\r\n    }))\r\n  );\r\n\r\n  if (isLoading) {\r\n    return <Page.Loading />;\r\n  }\r\n\r\n  if (error || !slug) {\r\n    return <Page.Error />;\r\n  }\r\n\r\n  return (\r\n    <Page.Protect permissions={permissions}>\r\n      {({ permissions }) => (\r\n        <DocumentRBAC permissions={permissions}>\r\n          <PanelsProvider>\r\n            <EditViewPage />\r\n          </PanelsProvider>\r\n        </DocumentRBAC>\r\n      )}\r\n    </Page.Protect>\r\n  );\r\n};\r\n\r\nexport { EditViewPage, ProtectedEditViewPage, getDocumentStatus };\r\n"],"names":["EditViewPage","location","useLocation","query","status","plugins","setQuery","useQueryParams","activeLocale","i18n","locale","formatMessage","useIntl","toggleNotification","useNotification","isDesktop","useIsDesktop","isMobile","useIsMobile","visiblePanels","usePanelsContext","s","drawerHasContent","length","persistentQueryConfigs","React","useMemo","STRAPI_LOCALE","paths","scoped","isHydrated","usePersistentPartialQueryParams","doc","useDoc","skip","document","meta","isLoading","isLoadingDocument","schema","components","collectionType","id","model","hasError","getTitle","getInitialFormValues","hasDraftAndPublished","options","draftAndPublish","useOnce","state","type","message","error","timeout","isLoadingActionsRBAC","useDocumentRBAC","isSingleType","SINGLE_TYPES","isCreatingDocument","isLoadingLayout","edit","layout","settings","mainField","useDocumentLayout","pageTitle","isLazyLoading","useLazyComponents","initialValues","documentId","_jsx","Page","Loading","Error","handleTabChange","validateSync","values","yupSchema","createYupSchema","attributes","abortEarly","_jsxs","Main","Title","tours","contentManager","Introduction","Box","Form","disabled","method","validate","data","cleanedValues","removedAttributes","handleInvisibleAttributes","initialErrors","forceValidation","_Fragment","Header","isCreating","getDocumentStatus","undefined","title","Layouts","Content","Tabs","Root","variant","value","onValueChange","List","aria-label","getTranslation","defaultMessage","StatusTab","availableStatus","Grid","paddingTop","initial","medium","large","gap","Item","col","xs","direction","alignItems","Fields","FormLayout","hasBackground","Panels","ActionsDrawer","hasContent","hasSideNav","Overlay","ActionsPanelContent","withActions","height","Blocker","styled","Trigger","docStatus","statuses","find","publishedAt","ProtectedEditViewPage","slug","useParams","permissions","useRBAC","PERMISSIONS","map","action","subject","Protect","DocumentRBAC","PanelsProvider"],"mappings":"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"}

package/dist/admin/pages/EditView/components/Blocker.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+
+// Needs to be wrapped in a component to have access to the form context via a hook.
+/**
+ * Prevents users from leaving the page with unsaved form changes
+ */ const Blocker = ()=>{
+    const resetForm = strapiAdmin.useForm('Blocker', (state)=>state.resetForm);
+    // We reset the form to the published version to avoid errors like – https://strapi-inc.atlassian.net/browse/CONTENT-2284
+    return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Blocker, {
+        onProceed: resetForm
+    });
+};
+
+exports.Blocker = Blocker;
+//# sourceMappingURL=Blocker.js.map

package/dist/admin/pages/EditView/components/Blocker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Blocker.js","sources":["../../../../../admin/src/pages/EditView/components/Blocker.tsx"],"sourcesContent":["// Needs to be wrapped in a component to have access to the form context via a hook.\r\n\r\nimport { Blocker as BaseBlocker, useForm } from '@strapi/admin/strapi-admin';\r\n\r\n/**\r\n * Prevents users from leaving the page with unsaved form changes\r\n */\r\nconst Blocker = () => {\r\n  const resetForm = useForm('Blocker', (state) => state.resetForm);\r\n\r\n  // We reset the form to the published version to avoid errors like – https://strapi-inc.atlassian.net/browse/CONTENT-2284\r\n  return <BaseBlocker onProceed={resetForm} />;\r\n};\r\n\r\nexport { Blocker };\r\n"],"names":["Blocker","resetForm","useForm","state","_jsx","BaseBlocker","onProceed"],"mappings":";;;;;AAAA;AAIA;;AAEC,UACKA,OAAAA,GAAU,IAAA;AACd,IAAA,MAAMC,YAAYC,mBAAAA,CAAQ,SAAA,EAAW,CAACC,KAAAA,GAAUA,MAAMF,SAAS,CAAA;;AAG/D,IAAA,qBAAOG,cAAA,CAACC,mBAAAA,EAAAA;QAAYC,SAAAA,EAAWL;;AACjC;;;;"}

package/dist/admin/pages/EditView/components/Blocker.mjs

@@ -0,0 +1,16 @@
+import { jsx } from 'react/jsx-runtime';
+import { useForm, Blocker as Blocker$1 } from '@strapi/admin/strapi-admin';
+
+// Needs to be wrapped in a component to have access to the form context via a hook.
+/**
+ * Prevents users from leaving the page with unsaved form changes
+ */ const Blocker = ()=>{
+    const resetForm = useForm('Blocker', (state)=>state.resetForm);
+    // We reset the form to the published version to avoid errors like – https://strapi-inc.atlassian.net/browse/CONTENT-2284
+    return /*#__PURE__*/ jsx(Blocker$1, {
+        onProceed: resetForm
+    });
+};
+
+export { Blocker };
+//# sourceMappingURL=Blocker.mjs.map

package/dist/admin/pages/EditView/components/Blocker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Blocker.mjs","sources":["../../../../../admin/src/pages/EditView/components/Blocker.tsx"],"sourcesContent":["// Needs to be wrapped in a component to have access to the form context via a hook.\r\n\r\nimport { Blocker as BaseBlocker, useForm } from '@strapi/admin/strapi-admin';\r\n\r\n/**\r\n * Prevents users from leaving the page with unsaved form changes\r\n */\r\nconst Blocker = () => {\r\n  const resetForm = useForm('Blocker', (state) => state.resetForm);\r\n\r\n  // We reset the form to the published version to avoid errors like – https://strapi-inc.atlassian.net/browse/CONTENT-2284\r\n  return <BaseBlocker onProceed={resetForm} />;\r\n};\r\n\r\nexport { Blocker };\r\n"],"names":["Blocker","resetForm","useForm","state","_jsx","BaseBlocker","onProceed"],"mappings":";;;AAAA;AAIA;;AAEC,UACKA,OAAAA,GAAU,IAAA;AACd,IAAA,MAAMC,YAAYC,OAAAA,CAAQ,SAAA,EAAW,CAACC,KAAAA,GAAUA,MAAMF,SAAS,CAAA;;AAG/D,IAAA,qBAAOG,GAAA,CAACC,SAAAA,EAAAA;QAAYC,SAAAA,EAAWL;;AACjC;;;;"}