@strapi/content-manager 5.48.1 → 5.49.0

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

@@ -1 +1 @@
-{"version":3,"file":"EditViewPage.js","sources":["../../../../admin/src/pages/EditView/EditViewPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Page,\n  Form,\n  useRBAC,\n  useNotification,\n  useQueryParams,\n  tours,\n  Layouts,\n  useIsDesktop,\n  useIsMobile,\n} from '@strapi/admin/strapi-admin';\nimport { Grid, Tabs, Box } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { useLocation, useParams } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { ActionsDrawer } from '../../components/ActionsDrawer';\nimport { SINGLE_TYPES } from '../../constants/collections';\nimport { PERMISSIONS } from '../../constants/plugin';\nimport { DocumentRBAC, useDocumentRBAC } from '../../features/DocumentRBAC';\nimport { useDoc, type UseDocument } from '../../hooks/useDocument';\nimport { useDocumentLayout } from '../../hooks/useDocumentLayout';\nimport { useLazyComponents } from '../../hooks/useLazyComponents';\nimport { useOnce } from '../../hooks/useOnce';\nimport {\n  PersistentQueryConfig,\n  usePersistentPartialQueryParams,\n} from '../../hooks/usePersistentQueryParams';\nimport { getTranslation } from '../../utils/translations';\nimport { createYupSchema } from '../../utils/validation';\n\nimport { Blocker } from './components/Blocker';\nimport { FormLayout } from './components/FormLayout';\nimport { Header } from './components/Header';\nimport { Panels, PanelsProvider, usePanelsContext, ActionsPanelContent } from './components/Panels';\nimport { handleInvisibleAttributes } from './utils/data';\n\n/* -------------------------------------------------------------------------------------------------\n * EditViewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst EditViewPage = () => {\n  const location = useLocation();\n  const [\n    {\n      query: { status, plugins },\n    },\n    setQuery,\n  ] = useQueryParams<{\n    status: 'draft' | 'published';\n    plugins?: { i18n?: { locale?: string } };\n  }>({\n    status: 'draft',\n  });\n\n  const activeLocale = plugins?.i18n?.locale;\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const isDesktop = useIsDesktop();\n  const isMobile = useIsMobile();\n  const visiblePanels = usePanelsContext('Panels', (s) => s.visiblePanels);\n  const drawerHasContent = visiblePanels.length > 0;\n\n  const persistentQueryConfigs: PersistentQueryConfig = React.useMemo(\n    () => ({\n      STRAPI_LOCALE: {\n        paths: ['plugins.i18n.locale'],\n        scoped: false,\n      },\n    }),\n    []\n  );\n\n  const { isHydrated } = usePersistentPartialQueryParams(persistentQueryConfigs);\n\n  const doc = useDoc({ skip: !isHydrated });\n  const {\n    document,\n    meta,\n    isLoading: isLoadingDocument,\n    schema,\n    components,\n    collectionType,\n    id,\n    model,\n    hasError,\n    getTitle,\n    getInitialFormValues,\n  } = doc;\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  const pageTitle = getTitle(mainField);\n\n  const { isLazyLoading } = useLazyComponents([]);\n\n  const isLoading =\n    !isHydrated || isLoadingActionsRBAC || isLoadingDocument || isLoadingLayout || isLazyLoading;\n\n  const initialValues = getInitialFormValues(isCreatingDocument);\n\n  if (isLoading && !document?.documentId) {\n    return <Page.Loading />;\n  }\n\n  if (!initialValues || hasError) {\n    return <Page.Error />;\n  }\n\n  const handleTabChange = (status: string) => {\n    if (status === 'published' || status === 'draft') {\n      setQuery({ status }, 'push', true);\n    }\n  };\n\n  const validateSync = (values: Record<string, unknown>, options: Record<string, string>) => {\n    const yupSchema = createYupSchema(schema?.attributes, components, {\n      status,\n      ...options,\n    });\n\n    return yupSchema.validateSync(values, { abortEarly: false });\n  };\n\n  return (\n    <Page.Main>\n      <Page.Title>{pageTitle}</Page.Title>\n      {isSingleType && (\n        <tours.contentManager.Introduction>\n          {/* Invisible Anchor */}\n          <Box />\n        </tours.contentManager.Introduction>\n      )}\n      <Form\n        key={`${collectionType}:${model}:${id ?? 'create'}:${activeLocale ?? 'default'}`}\n        disabled={hasDraftAndPublished && status === 'published'}\n        initialValues={initialValues}\n        method={isCreatingDocument ? 'POST' : 'PUT'}\n        validate={(values: Record<string, unknown>, options: Record<string, string>) => {\n          // removes hidden fields from the validation\n          // this is necessary because the yup schema doesn't know about the visibility conditions\n          // and we don't want to validate fields that are not visible\n          const { data: cleanedValues, removedAttributes } = handleInvisibleAttributes(values, {\n            schema,\n            initialValues,\n            components,\n          });\n\n          const yupSchema = createYupSchema(schema?.attributes, components, {\n            status,\n            removedAttributes,\n            ...options,\n          });\n\n          return yupSchema.validate(cleanedValues, { abortEarly: false });\n        }}\n        initialErrors={location?.state?.forceValidation ? validateSync(initialValues, {}) : {}}\n      >\n        <>\n          <Header\n            isCreating={isCreatingDocument}\n            status={hasDraftAndPublished ? getDocumentStatus(document, meta) : undefined}\n            title={pageTitle}\n          />\n          <Layouts.Content>\n            <Tabs.Root variant=\"simple\" value={status} onValueChange={handleTabChange}>\n              <Tabs.List\n                aria-label={formatMessage({\n                  id: getTranslation('containers.edit.tabs.label'),\n                  defaultMessage: 'Document status',\n                })}\n              >\n                {hasDraftAndPublished ? (\n                  <>\n                    <StatusTab value=\"draft\">\n                      {formatMessage({\n                        id: getTranslation('containers.edit.tabs.draft'),\n                        defaultMessage: 'draft',\n                      })}\n                    </StatusTab>\n                    <StatusTab\n                      disabled={!meta || meta.availableStatus.length === 0}\n                      value=\"published\"\n                    >\n                      {formatMessage({\n                        id: getTranslation('containers.edit.tabs.published'),\n                        defaultMessage: 'published',\n                      })}\n                    </StatusTab>\n                  </>\n                ) : null}\n              </Tabs.List>\n              <Grid.Root\n                paddingTop={{\n                  initial: 6,\n                  medium: 4,\n                  large: 8,\n                }}\n                gap={4}\n              >\n                <Grid.Item col={9} xs={12} direction=\"column\" alignItems=\"stretch\">\n                  <Tabs.Content value=\"draft\">\n                    <tours.contentManager.Fields>\n                      <Box />\n                    </tours.contentManager.Fields>\n                    <FormLayout layout={layout} document={doc} hasBackground={!isMobile} />\n                  </Tabs.Content>\n                  <Tabs.Content value=\"published\">\n                    <FormLayout layout={layout} document={doc} hasBackground={!isMobile} />\n                  </Tabs.Content>\n                </Grid.Item>\n                {isDesktop && (\n                  <Grid.Item col={3} direction=\"column\" alignItems=\"stretch\">\n                    <Panels />\n                  </Grid.Item>\n                )}\n              </Grid.Root>\n            </Tabs.Root>\n            {!isDesktop && (\n              <>\n                <ActionsDrawer.Root hasContent={drawerHasContent} hasSideNav>\n                  <ActionsDrawer.Overlay />\n                  <ActionsDrawer.Header>\n                    <ActionsPanelContent />\n                  </ActionsDrawer.Header>\n                  <ActionsDrawer.Content>\n                    <Panels withActions={false} />\n                  </ActionsDrawer.Content>\n                </ActionsDrawer.Root>\n                {/* Adding a fixed height to the bottom of the page to prevent \n                the actions drawer from covering the content\n                (40px button + 12px * 2 padding + 1px border) */}\n                <Box height=\"6.5rem\" />\n              </>\n            )}\n          </Layouts.Content>\n          <Blocker />\n        </>\n      </Form>\n    </Page.Main>\n  );\n};\n\nconst StatusTab = styled(Tabs.Trigger)`\n  text-transform: uppercase;\n`;\n\n/**\n * @internal\n * @description Returns the status of the document where its 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          <PanelsProvider>\n            <EditViewPage />\n          </PanelsProvider>\n        </DocumentRBAC>\n      )}\n    </Page.Protect>\n  );\n};\n\nexport { EditViewPage, ProtectedEditViewPage, getDocumentStatus };\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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"}
+{"version":3,"file":"EditViewPage.js","sources":["../../../../admin/src/pages/EditView/EditViewPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Page,\n  Form,\n  useRBAC,\n  useNotification,\n  useQueryParams,\n  tours,\n  Layouts,\n  useIsDesktop,\n  useIsMobile,\n} from '@strapi/admin/strapi-admin';\nimport { Grid, Tabs, Box } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { useLocation, useParams } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { ActionsDrawer } from '../../components/ActionsDrawer';\nimport { SINGLE_TYPES } from '../../constants/collections';\nimport { PERMISSIONS } from '../../constants/plugin';\nimport { DocumentRBAC, useDocumentRBAC } from '../../features/DocumentRBAC';\nimport { useDoc, type UseDocument } from '../../hooks/useDocument';\nimport { useDocumentLayout } from '../../hooks/useDocumentLayout';\nimport { useLazyComponents } from '../../hooks/useLazyComponents';\nimport { useOnce } from '../../hooks/useOnce';\nimport {\n  PersistentQueryConfig,\n  usePersistentPartialQueryParams,\n} from '../../hooks/usePersistentQueryParams';\nimport { getTranslation } from '../../utils/translations';\nimport { createYupSchema } from '../../utils/validation';\n\nimport { Blocker } from './components/Blocker';\nimport { FormLayout } from './components/FormLayout';\nimport { Header } from './components/Header';\nimport { Panels, PanelsProvider, usePanelsContext, ActionsPanelContent } from './components/Panels';\nimport { handleInvisibleAttributes } from './utils/data';\n\n/* -------------------------------------------------------------------------------------------------\n * EditViewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst EditViewPage = () => {\n  const location = useLocation();\n  const [\n    {\n      query: { status, plugins },\n    },\n    setQuery,\n  ] = useQueryParams<{\n    status: 'draft' | 'published';\n    plugins?: { i18n?: { locale?: string } };\n  }>({\n    status: 'draft',\n  });\n\n  const activeLocale = plugins?.i18n?.locale;\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const isDesktop = useIsDesktop();\n  const isMobile = useIsMobile();\n  const visiblePanels = usePanelsContext('Panels', (s) => s.visiblePanels);\n  const drawerHasContent = visiblePanels.length > 0;\n\n  const persistentQueryConfigs: PersistentQueryConfig = React.useMemo(\n    () => ({\n      STRAPI_LOCALE: {\n        paths: ['plugins.i18n.locale'],\n        scoped: false,\n      },\n    }),\n    []\n  );\n\n  const { isHydrated } = usePersistentPartialQueryParams(persistentQueryConfigs);\n\n  const doc = useDoc({ skip: !isHydrated });\n  const {\n    document,\n    meta,\n    isLoading: isLoadingDocument,\n    schema,\n    components,\n    collectionType,\n    id,\n    model,\n    hasError,\n    getTitle,\n    getInitialFormValues,\n  } = doc;\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  const pageTitle = getTitle(mainField);\n\n  const { isLazyLoading } = useLazyComponents([]);\n\n  const isLoading =\n    !isHydrated || isLoadingActionsRBAC || isLoadingDocument || isLoadingLayout || isLazyLoading;\n\n  const initialValues = getInitialFormValues(isCreatingDocument);\n\n  if (isLoading && !document?.documentId) {\n    return <Page.Loading />;\n  }\n\n  if (!initialValues || hasError) {\n    return <Page.Error />;\n  }\n\n  const handleTabChange = (status: string) => {\n    if (status === 'published' || status === 'draft') {\n      setQuery({ status }, 'push', true);\n    }\n  };\n\n  const validateSync = (values: Record<string, unknown>, options: Record<string, string>) => {\n    const yupSchema = createYupSchema(schema?.attributes, components, {\n      status,\n      ...options,\n    });\n\n    return yupSchema.validateSync(values, { abortEarly: false });\n  };\n\n  return (\n    <Page.Main>\n      <Page.Title>{pageTitle}</Page.Title>\n      {isSingleType && (\n        <tours.contentManager.Introduction>\n          {/* Invisible Anchor */}\n          <Box />\n        </tours.contentManager.Introduction>\n      )}\n      <Form\n        key={`${collectionType}:${model}:${id ?? 'create'}:${activeLocale ?? 'default'}`}\n        disabled={hasDraftAndPublished && status === 'published'}\n        initialValues={initialValues}\n        method={isCreatingDocument ? 'POST' : 'PUT'}\n        validate={(values: Record<string, unknown>, options: Record<string, string>) => {\n          // removes hidden fields from the validation\n          // this is necessary because the yup schema doesn't know about the visibility conditions\n          // and we don't want to validate fields that are not visible\n          const { data: cleanedValues, removedAttributes } = handleInvisibleAttributes(values, {\n            schema,\n            initialValues,\n            components,\n          });\n\n          const yupSchema = createYupSchema(schema?.attributes, components, {\n            status,\n            removedAttributes,\n            ...options,\n          });\n\n          return yupSchema.validate(cleanedValues, { abortEarly: false });\n        }}\n        initialErrors={location?.state?.forceValidation ? validateSync(initialValues, {}) : {}}\n      >\n        <>\n          <Header\n            isCreating={isCreatingDocument}\n            status={hasDraftAndPublished ? getDocumentStatus(document, meta) : undefined}\n            title={pageTitle}\n          />\n          <Layouts.Content>\n            <Tabs.Root variant=\"simple\" value={status} onValueChange={handleTabChange}>\n              <Tabs.List\n                aria-label={formatMessage({\n                  id: getTranslation('containers.edit.tabs.label'),\n                  defaultMessage: 'Document status',\n                })}\n              >\n                {hasDraftAndPublished ? (\n                  <>\n                    <StatusTab value=\"draft\">\n                      {formatMessage({\n                        id: getTranslation('containers.edit.tabs.draft'),\n                        defaultMessage: 'draft',\n                      })}\n                    </StatusTab>\n                    <StatusTab\n                      disabled={!meta || meta.availableStatus.length === 0}\n                      value=\"published\"\n                    >\n                      {formatMessage({\n                        id: getTranslation('containers.edit.tabs.published'),\n                        defaultMessage: 'published',\n                      })}\n                    </StatusTab>\n                  </>\n                ) : null}\n              </Tabs.List>\n              <Grid.Root\n                paddingTop={{\n                  initial: 6,\n                  medium: 4,\n                  large: 8,\n                }}\n                gap={4}\n              >\n                <Grid.Item col={9} xs={12} direction=\"column\" alignItems=\"stretch\">\n                  <Tabs.Content value=\"draft\">\n                    <tours.contentManager.Fields>\n                      <Box />\n                    </tours.contentManager.Fields>\n                    <FormLayout layout={layout} document={doc} hasBackground={!isMobile} />\n                  </Tabs.Content>\n                  <Tabs.Content value=\"published\">\n                    <FormLayout layout={layout} document={doc} hasBackground={!isMobile} />\n                  </Tabs.Content>\n                </Grid.Item>\n                {isDesktop && (\n                  <Grid.Item col={3} direction=\"column\" alignItems=\"stretch\">\n                    <Panels />\n                  </Grid.Item>\n                )}\n              </Grid.Root>\n            </Tabs.Root>\n            {!isDesktop && (\n              <>\n                <ActionsDrawer.Root hasContent={drawerHasContent} hasSideNav>\n                  <ActionsDrawer.Overlay />\n                  <ActionsDrawer.Header>\n                    <ActionsPanelContent />\n                  </ActionsDrawer.Header>\n                  <ActionsDrawer.Content>\n                    <Panels withActions={false} />\n                  </ActionsDrawer.Content>\n                </ActionsDrawer.Root>\n                {/* Adding a fixed height to the bottom of the page to prevent \n                the actions drawer from covering the content\n                (40px button + 12px * 2 padding + 1px border) */}\n                <Box height=\"6.5rem\" />\n              </>\n            )}\n          </Layouts.Content>\n          <Blocker />\n        </>\n      </Form>\n    </Page.Main>\n  );\n};\n\nconst StatusTab = styled(Tabs.Trigger)`\n  text-transform: uppercase;\n`;\n\n/**\n * @internal\n * @description Returns the status of the document where its 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          <PanelsProvider>\n            <EditViewPage />\n          </PanelsProvider>\n        </DocumentRBAC>\n      )}\n    </Page.Protect>\n  );\n};\n\nexport { EditViewPage, ProtectedEditViewPage, getDocumentStatus };\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/DocumentActions.js

@@ -23,9 +23,13 @@ var documents = require('../../../services/documents.js');
 var api = require('../../../utils/api.js');
 var translations = require('../../../utils/translations.js');
 var data = require('../utils/data.js');
+var keyboardShortcuts = require('../utils/keyboardShortcuts.js');
 var RelationModal = require('./FormInputs/Relations/RelationModal.js');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -42,14 +46,18 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var mapValues__default = /*#__PURE__*/_interopDefault(mapValues);
+var get__default = /*#__PURE__*/_interopDefault(get);
+var merge__default = /*#__PURE__*/_interopDefault(merge);
+var set__default = /*#__PURE__*/_interopDefault(set);
 
 const connectRelationToParent = (parentDataToUpdate, fieldToConnect, data, fieldToConnectUID)=>{
     /*
    * Check if the fieldToConnect is already present in the parentDataToUpdate.
    * This happens in particular when in the parentDocument you have created
    * a new component without saving.
-   */ const isFieldPresent = !!get(parentDataToUpdate, fieldToConnect);
+   */ const isFieldPresent = !!get__default.default(parentDataToUpdate, fieldToConnect);
     const fieldToConnectPath = isFieldPresent ? fieldToConnect : fieldToConnect.split('.').slice(0, -1).join('.');
     const fieldToConnectValue = isFieldPresent ? {
         connect: [
@@ -73,8 +81,8 @@ const connectRelationToParent = (parentDataToUpdate, fieldToConnect, data, field
         // In case the object was not present you need to pass the componentUID of the parent document
         __component: fieldToConnectUID
     };
-    const objectToConnect = set({}, fieldToConnectPath, fieldToConnectValue);
-    return merge(parentDataToUpdate, objectToConnect);
+    const objectToConnect = set__default.default({}, fieldToConnectPath, fieldToConnectValue);
+    return merge__default.default(parentDataToUpdate, objectToConnect);
 };
 const DocumentActions = ({ actions })=>{
     const { formatMessage } = reactIntl.useIntl();
@@ -92,18 +100,23 @@ const DocumentActions = ({ actions })=>{
         return null;
     }
     const addHintTooltip = (action, children)=>{
-        return !action.disabled ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tooltip, {
-            label: formatMessage({
-                id: 'content-manager.containers.EditView.saveHint',
-                defaultMessage: 'Ctrl / Cmd + Enter to {action}'
-            }, {
-                action: action.label
-            }),
+        if (action.disabled) {
+            return children;
+        }
+        const hint = action.type === 'publish' ? formatMessage({
+            id: 'content-manager.containers.EditView.publishHint',
+            defaultMessage: 'Ctrl / Cmd + Shift + Enter to publish'
+        }) : formatMessage({
+            id: 'content-manager.containers.EditView.saveHint',
+            defaultMessage: 'Ctrl / Cmd + Enter to save'
+        });
+        return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tooltip, {
+            label: hint,
             children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
                 width: "100%",
                 children: children
             })
-        }) : children;
+        });
     };
     const primaryActionContent = /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [
@@ -150,15 +163,15 @@ const DocumentActions = ({ actions })=>{
                 alignItems: "stretch",
                 direction: "column",
                 children: secondaryAction.type === 'publish' ? /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.tours.contentManager.Publish, {
-                    children: /*#__PURE__*/ jsxRuntime.jsx(DocumentActionButton, {
+                    children: addHintTooltip(secondaryAction, /*#__PURE__*/ jsxRuntime.jsx(DocumentActionButton, {
                         ...secondaryAction,
                         variant: secondaryAction.variant || 'secondary'
-                    })
-                }) : /*#__PURE__*/ jsxRuntime.jsx(DocumentActionButton, {
+                    }))
+                }) : addHintTooltip(secondaryAction, /*#__PURE__*/ jsxRuntime.jsx(DocumentActionButton, {
                     ...secondaryAction,
                     variant: secondaryAction.variant || 'secondary',
                     buttonType: "submit"
-                })
+                }))
             }) : null
         ]
     });
@@ -406,7 +419,7 @@ const transformData = (data)=>{
         if ('apiData' in data) {
             return data.apiData;
         }
-        return mapValues(transformData)(data);
+        return mapValues__default.default(transformData)(data);
     }
     return data;
 };
@@ -680,17 +693,28 @@ const transformData = (data)=>{
     // see RFC "Count draft relations" in Notion
     const enableDraftRelationsCount = false;
     const hasDraftRelations = enableDraftRelationsCount;
-    // Auto-publish on CMD+Enter on macOS, and CTRL+Enter on Windows/Linux
+    /**
+   * Disabled when:
+   *  - currently if you're cloning a document we don't support publish & clone at the same time.
+   *  - the form is submitting
+   *  - the active tab is the published tab
+   *  - the document is already published & not modified
+   *  - the document is being created & not modified
+   *  - the user doesn't have the permission to publish
+   */ const isDisabled = isCloning || isSubmitting || isLoadingDraftRelations || activeTab === 'published' || !modified && isDocumentPublished || !modified && !document?.documentId || !canPublish;
+    // Publish on CMD+Shift+Enter (macOS) / CTRL+Shift+Enter (Windows/Linux).
+    // Saving a draft (CMD/CTRL+Enter) is handled by the UpdateAction.
     React__namespace.useEffect(()=>{
         if (!schema?.options?.draftAndPublish) {
             return;
         }
         const handleKeyDown = (e)=>{
-            if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {
-                e.preventDefault();
-                {
-                    performPublish();
-                }
+            if (keyboardShortcuts.getEditViewShortcut(e) !== 'publish') {
+                return;
+            }
+            e.preventDefault();
+            if (!isDisabled && !hasDraftRelations) {
+                performPublish();
             }
         };
         window.addEventListener('keydown', handleKeyDown);
@@ -699,6 +723,7 @@ const transformData = (data)=>{
         };
     }, [
         hasDraftRelations,
+        isDisabled,
         performPublish,
         schema?.options?.draftAndPublish
     ]);
@@ -713,15 +738,7 @@ const transformData = (data)=>{
             'preview',
             'relation-modal'
         ],
-        /**
-     * Disabled when:
-     *  - currently if you're cloning a document we don't support publish & clone at the same time.
-     *  - the form is submitting
-     *  - the active tab is the published tab
-     *  - the document is already published & not modified
-     *  - the document is being created & not modified
-     *  - the user doesn't have the permission to publish
-     */ disabled: isCloning || isSubmitting || isLoadingDraftRelations || activeTab === 'published' || !modified && isDocumentPublished || !modified && !document?.documentId || !canPublish,
+        disabled: isDisabled,
         label: formatMessage({
             id: 'app.utils.publish',
             defaultMessage: 'Publish'
@@ -800,6 +817,12 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
     const { schema } = useDocument.useDoc();
     const suitableSchema = fromRelationModal ? relationalModalSchema : schema;
     const hasDraftAndPublished = suitableSchema?.options?.draftAndPublish ?? false;
+    /**
+   * Disabled when:
+   * - the form is submitting
+   * - the document is not modified & we're not cloning (you can save a clone entity straight away)
+   * - the active tab is the published tab
+   */ const isDisabled = isSubmitting || !modified && !isCloning || activeTab === 'published';
     const handleUpdate = async ()=>{
         setSubmitting(true);
         try {
@@ -949,14 +972,32 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
             }
         }
     };
+    // Save a draft on CMD+Enter (macOS) / CTRL+Enter (Windows/Linux), with CMD/CTRL+S as an alias.
+    // Publishing (CMD/CTRL+Shift+Enter) is handled by the PublishAction.
+    // `handleUpdate` is recreated on every render, so we read the latest version (and the latest
+    // disabled state) through refs and register the listener only once.
+    const handleUpdateRef = React__namespace.useRef(handleUpdate);
+    handleUpdateRef.current = handleUpdate;
+    const isDisabledRef = React__namespace.useRef(isDisabled);
+    isDisabledRef.current = isDisabled;
+    React__namespace.useEffect(()=>{
+        const handleKeyDown = (e)=>{
+            if (keyboardShortcuts.getEditViewShortcut(e) !== 'save') {
+                return;
+            }
+            e.preventDefault();
+            if (!isDisabledRef.current) {
+                handleUpdateRef.current();
+            }
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return ()=>{
+            window.removeEventListener('keydown', handleKeyDown);
+        };
+    }, []);
     return {
         loading: isLoading,
-        /**
-     * Disabled when:
-     * - the form is submitting
-     * - the document is not modified & we're not cloning (you can save a clone entity straight away)
-     * - the active tab is the published tab
-     */ disabled: isSubmitting || !modified && !isCloning || activeTab === 'published',
+        disabled: isDisabled,
         label: formatMessage({
             id: 'global.save',
             defaultMessage: 'Save'