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

package/dist/admin/Form-KkSKnRfU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form-KkSKnRfU.js","sources":["../../admin/src/content-manager/components/ConfigurationForm/EditFieldForm.tsx","../../admin/src/content-manager/components/ConfigurationForm/Fields.tsx","../../admin/src/content-manager/components/ConfigurationForm/Form.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Button,\n  Flex,\n  Grid,\n  GridItem,\n  ModalBody,\n  ModalFooter,\n  ModalHeader,\n  ModalLayout,\n  Typography,\n} from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport * as yup from 'yup';\n\nimport { Form, InputProps, useField } from '../../../components/Form';\nimport { InputRenderer } from '../../../components/FormInputs/Renderer';\nimport { useNotification } from '../../../features/Notifications';\nimport { capitalise } from '../../../utils/strings';\nimport { ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD } from '../../constants/attributes';\nimport { useGetInitialDataQuery } from '../../services/init';\nimport { getTranslation } from '../../utils/translations';\nimport { FieldTypeIcon } from '../FieldTypeIcon';\n\nimport { TEMP_FIELD_NAME } from './Fields';\n\nimport type { ConfigurationFormData } from './Form';\nimport type { Attribute } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * Constants\n * -----------------------------------------------------------------------------------------------*/\n\nconst FIELD_SCHEMA = yup.object().shape({\n  label: yup.string().required(),\n  description: yup.string(),\n  editable: yup.boolean(),\n  size: yup.number().required(),\n});\n\n/* -------------------------------------------------------------------------------------------------\n * EditFieldForm\n * -----------------------------------------------------------------------------------------------*/\n\ninterface EditFieldFormProps {\n  attribute?: Attribute.Any;\n  name: string;\n  onClose: () => void;\n}\n\nconst EditFieldForm = ({ attribute, name, onClose }: EditFieldFormProps) => {\n  const { formatMessage } = useIntl();\n  const id = React.useId();\n  const { toggleNotification } = useNotification();\n\n  const { value, onChange } =\n    useField<ConfigurationFormData['layout'][number]['children'][number]>(name);\n\n  const { data: mainFieldOptions } = useGetInitialDataQuery(undefined, {\n    selectFromResult: (res) => {\n      if (attribute?.type !== 'relation' || !res.data) {\n        return { data: [] };\n      }\n\n      if ('targetModel' in attribute && typeof attribute.targetModel === 'string') {\n        const targetSchema = res.data.contentTypes.find(\n          (schema) => schema.uid === attribute.targetModel\n        );\n\n        if (targetSchema) {\n          return {\n            data: Object.entries(targetSchema.attributes).reduce<\n              Array<{ label: string; value: string }>\n            >((acc, [key, attribute]) => {\n              /**\n               * Create the list of attributes from the schema as to which can\n               * be our `mainField` and dictate the display name of the schema\n               * we're editing.\n               */\n              if (!ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD.includes(attribute.type)) {\n                acc.push({\n                  label: key,\n                  value: key,\n                });\n              }\n\n              return acc;\n            }, []),\n          };\n        }\n      }\n\n      return { data: [] };\n    },\n    skip: attribute?.type !== 'relation',\n  });\n\n  if (!value || value.name === TEMP_FIELD_NAME || !attribute) {\n    // This is very unlikely to happen, but it ensures the form is not opened without a value.\n    console.error(\n      \"You've opened a field to edit without it being part of the form, this is likely a bug with Strapi. Please open an issue.\"\n    );\n\n    toggleNotification({\n      message: formatMessage({\n        id: 'content-manager.containers.edit-settings.modal-form.error',\n        defaultMessage: 'An error occurred while trying to open the form.',\n      }),\n      type: 'danger',\n    });\n\n    return null;\n  }\n\n  return (\n    <ModalLayout onClose={onClose} labelledBy={id}>\n      <Form\n        method=\"PUT\"\n        initialValues={value}\n        validationSchema={FIELD_SCHEMA}\n        onSubmit={(data) => {\n          onChange(name, data);\n          onClose();\n        }}\n      >\n        <ModalHeader>\n          <Flex gap={3}>\n            <FieldTypeIcon type={attribute.type} />\n            <Typography fontWeight=\"bold\" textColor=\"neutral800\" as=\"h2\" id={id}>\n              {formatMessage(\n                {\n                  id: 'content-manager.containers.edit-settings.modal-form.label',\n                  defaultMessage: 'Edit {fieldName}',\n                },\n                { fieldName: capitalise(value.name) }\n              )}\n            </Typography>\n          </Flex>\n        </ModalHeader>\n        <ModalBody>\n          <Grid gap={4}>\n            {[\n              {\n                name: 'label',\n                label: formatMessage({\n                  id: getTranslation('containers.edit-settings.modal-form.label'),\n                  defaultMessage: 'Label',\n                }),\n                size: 6,\n                type: 'string' as const,\n              },\n              {\n                name: 'description',\n                label: formatMessage({\n                  id: getTranslation('containers.edit-settings.modal-form.description'),\n                  defaultMessage: 'Description',\n                }),\n                size: 6,\n                type: 'string' as const,\n              },\n              {\n                name: 'placeholder',\n                label: formatMessage({\n                  id: getTranslation('containers.edit-settings.modal-form.placeholder'),\n                  defaultMessage: 'Placeholder',\n                }),\n                size: 6,\n                type: 'string' as const,\n              },\n              {\n                name: 'editable',\n                label: formatMessage({\n                  id: getTranslation('containers.edit-settings.modal-form.editable'),\n                  defaultMessage: 'Editable',\n                }),\n                size: 6,\n                type: 'boolean' as const,\n              },\n              {\n                name: 'mainField',\n                label: formatMessage({\n                  id: getTranslation('containers.edit-settings.modal-form.mainField'),\n                  defaultMessage: 'Entry title',\n                }),\n                hint: formatMessage({\n                  id: getTranslation(\n                    'containers.SettingPage.edit-settings.modal-form.mainField.hint'\n                  ),\n                  defaultMessage: 'Set the displayed field',\n                }),\n                size: 6,\n                options: mainFieldOptions,\n                type: 'enumeration' as const,\n              },\n              {\n                name: 'size',\n                label: formatMessage({\n                  id: getTranslation('containers.ListSettingsView.modal-form.size'),\n                  defaultMessage: 'Size',\n                }),\n                size: 6,\n                options: [\n                  { value: '4', label: '33%' },\n                  { value: '6', label: '50%' },\n                  { value: '8', label: '66%' },\n                  { value: '12', label: '100%' },\n                ],\n                type: 'enumeration' as const,\n              },\n            ]\n              .filter(filterFieldsBasedOnAttributeType(attribute.type))\n              .map(({ size, ...field }) => (\n                <GridItem key={field.name} col={size}>\n                  <InputRenderer {...field} />\n                </GridItem>\n              ))}\n          </Grid>\n        </ModalBody>\n        <ModalFooter\n          startActions={\n            <Button onClick={onClose} variant=\"tertiary\">\n              {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n            </Button>\n          }\n          endActions={\n            <Button type=\"submit\">\n              {formatMessage({ id: 'global.finish', defaultMessage: 'Finish' })}\n            </Button>\n          }\n        />\n      </Form>\n    </ModalLayout>\n  );\n};\n\n/**\n * @internal\n * @description not all edit fields have the same editable properties, it depends on the type\n * e.g. a dynamic zone can only change it's label.\n */\nconst filterFieldsBasedOnAttributeType = (type: Attribute.Kind) => (field: InputProps) => {\n  switch (type) {\n    case 'blocks':\n    case 'richtext':\n      return field.name !== 'size' && field.name !== 'mainField';\n    case 'boolean':\n    case 'media':\n      return field.name !== 'placeholder' && field.name !== 'mainField';\n    case 'component':\n    case 'dynamiczone':\n      return field.name === 'label' || field.name === 'editable';\n    case 'json':\n      return field.name !== 'placeholder' && field.name !== 'mainField' && field.name !== 'size';\n    case 'relation':\n      return true;\n    default:\n      return field.name !== 'mainField';\n  }\n};\n\nexport { EditFieldForm };\nexport type { EditFieldFormProps };\n","import * as React from 'react';\n\nimport {\n  Box,\n  Flex,\n  Grid,\n  GridItem,\n  IconButton,\n  Typography,\n  useComposedRefs,\n} from '@strapi/design-system';\nimport { Link, Menu } from '@strapi/design-system/v2';\nimport { Cog, Cross, Drag, Pencil, Plus } from '@strapi/icons';\nimport { generateNKeysBetween as generateNKeysBetweenImpl } from 'fractional-indexing';\nimport { getEmptyImage } from 'react-dnd-html5-backend';\nimport { useIntl } from 'react-intl';\nimport { NavLink } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport { useField, useForm } from '../../../components/Form';\nimport { ItemTypes } from '../../constants/dragAndDrop';\nimport { type UseDragAndDropOptions, useDragAndDrop } from '../../hooks/useDragAndDrop';\nimport { getTranslation } from '../../utils/translations';\nimport { ComponentIcon } from '../ComponentIcon';\n\nimport { EditFieldForm, EditFieldFormProps } from './EditFieldForm';\n\nimport type { ConfigurationFormData, EditFieldSpacerLayout } from './Form';\nimport type { EditLayout } from '../../hooks/useDocumentLayout';\n\ntype FormField = ConfigurationFormData['layout'][number]['children'][number];\ntype Field = Omit<ConfigurationFormData['layout'][number]['children'][number], '__temp_key__'>;\n\n/* -------------------------------------------------------------------------------------------------\n * Fields\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FieldsProps extends Pick<EditLayout, 'metadatas'>, Pick<FieldProps, 'components'> {\n  attributes: {\n    [key: string]: FieldProps['attribute'];\n  };\n  fieldSizes: Record<string, number>;\n  components: EditLayout['components'];\n}\n\nconst Fields = ({ attributes, fieldSizes, components, metadatas = {} }: FieldsProps) => {\n  const { formatMessage } = useIntl();\n\n  const layout = useForm<ConfigurationFormData['layout']>(\n    'Fields',\n    (state) => state.values.layout ?? []\n  );\n  const onChange = useForm('Fields', (state) => state.onChange);\n  const addFieldRow = useForm('Fields', (state) => state.addFieldRow);\n  const removeFieldRow = useForm('Fields', (state) => state.removeFieldRow);\n\n  const existingFields = layout.map((row) => row.children.map((field) => field.name)).flat();\n\n  /**\n   * Get the fields that are not already in the layout\n   * But also check that they are visible before we give users\n   * the option to display them. e.g. `id` is not visible.\n   */\n  const remainingFields = Object.entries(metadatas).reduce<Field[]>((acc, current) => {\n    const [name, { visible, ...field }] = current;\n\n    if (!existingFields.includes(name) && visible === true) {\n      const type = attributes[name]?.type;\n      const size = type ? fieldSizes[type] : 12;\n\n      acc.push({\n        ...field,\n        label: field.label ?? name,\n        name,\n        size,\n      });\n    }\n\n    return acc;\n  }, []);\n\n  const handleMoveField: FieldProps['onMoveField'] = (\n    [newRowIndex, newFieldIndex],\n    [currentRowIndex, currentFieldIndex]\n  ) => {\n    /**\n     * Because this view has the constraint that the sum of field sizes cannot be greater\n     * than 12, we don't use the form's method to move field rows, instead, we calculate\n     * the new layout and set the entire form.\n     */\n    const newLayout = structuredClone(layout);\n\n    /**\n     * Remove field from the current layout space using splice so we have the item\n     */\n    const [field] = newLayout[currentRowIndex].children.splice(currentFieldIndex, 1);\n\n    if (!field || field.name === TEMP_FIELD_NAME) {\n      return;\n    }\n\n    const newRow = newLayout[newRowIndex].children;\n    const [newFieldKey] = generateNKeysBetween(newRow, 1, currentFieldIndex, newFieldIndex);\n\n    /**\n     * Next we inject the field into it's new row at it's specified index, we then remove the spaces\n     * if they exist and recalculate into potentially two arrays ONLY if the sizing is now over 12,\n     * the row and the rest of the row that couldn't fit.\n     *\n     * for example, if i have a row of `[{size: 4}, {size: 6}]` and i add `{size: 8}` a index 0,\n     * the new array will look like `[{size: 8}, {size: 4}, {size: 6}]` which breaks the limit of 12,\n     * so instead we make two arrays for the new rows `[[{size: 8}, {size: 4}], [{size: 6}]]` which we\n     * then inject at the original row point with spacers included.\n     */\n    newRow.splice(newFieldIndex, 0, { ...field, __temp_key__: newFieldKey });\n\n    if (newLayout[newRowIndex].children.reduce((acc, curr) => acc + curr.size, 0) > 12) {\n      const recalculatedRows = chunkArray(\n        newLayout[newRowIndex].children.filter((field) => field.name !== TEMP_FIELD_NAME)\n      );\n\n      const rowKeys = generateNKeysBetween(\n        newLayout,\n        recalculatedRows.length,\n        currentRowIndex,\n        newRowIndex\n      );\n\n      newLayout.splice(\n        newRowIndex,\n        1,\n        ...recalculatedRows.map((row, index) => ({\n          __temp_key__: rowKeys[index],\n          children: row,\n        }))\n      );\n    }\n\n    /**\n     * Now we remove our spacers from the rows so we can understand what dead rows exist:\n     * - if there's only spacers left\n     * - there's nothing in the row, e.g. a size 12 field left it.\n     * These rows are then filtered out.\n     * After that, we recalculate the spacers for the rows that need them.\n     */\n    const newLayoutWithSpacers = newLayout\n      .map((row) => ({\n        ...row,\n        children: row.children.filter((field) => field.name !== TEMP_FIELD_NAME),\n      }))\n      .filter((row) => row.children.length > 0)\n      .map((row) => {\n        const totalSpaceTaken = row.children.reduce((acc, curr) => acc + curr.size, 0);\n\n        if (totalSpaceTaken < 12) {\n          const [spacerKey] = generateNKeysBetweenImpl(\n            row.children.at(-1)?.__temp_key__,\n            undefined,\n            1\n          );\n\n          return {\n            ...row,\n            children: [\n              ...row.children,\n              {\n                name: TEMP_FIELD_NAME,\n                size: 12 - totalSpaceTaken,\n                __temp_key__: spacerKey,\n              } satisfies EditFieldSpacerLayout,\n            ],\n          };\n        }\n\n        return row;\n      });\n\n    onChange('layout', newLayoutWithSpacers);\n  };\n\n  const handleRemoveField =\n    (rowIndex: number, fieldIndex: number): FieldProps['onRemoveField'] =>\n    () => {\n      if (layout[rowIndex].children.length === 1) {\n        removeFieldRow(`layout`, rowIndex);\n      } else {\n        onChange(`layout.${rowIndex}.children.${fieldIndex}`, undefined);\n      }\n    };\n\n  const handleAddField = (field: Field) => () => {\n    addFieldRow('layout', { children: [field] });\n  };\n\n  return (\n    <Flex paddingTop={6} direction=\"column\" alignItems=\"stretch\" gap={4}>\n      <Flex alignItems=\"flex-start\" direction=\"column\" justifyContent=\"space-between\">\n        <Typography fontWeight=\"bold\">\n          {formatMessage({\n            id: getTranslation('containers.list.displayedFields'),\n            defaultMessage: 'Displayed fields',\n          })}\n        </Typography>\n        <Typography variant=\"pi\" textColor=\"neutral600\">\n          {formatMessage({\n            id: 'containers.SettingPage.editSettings.description',\n            defaultMessage: 'Drag & drop the fields to build the layout',\n          })}\n        </Typography>\n      </Flex>\n      <Box padding={4} hasRadius borderStyle=\"dashed\" borderWidth=\"1px\" borderColor=\"neutral300\">\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\n          {layout.map((row, rowIndex) => (\n            <Grid gap={2} key={row.__temp_key__}>\n              {row.children.map(({ size, ...field }, fieldIndex) => (\n                <GridItem key={field.name} col={size}>\n                  <Field\n                    attribute={attributes[field.name]}\n                    components={components}\n                    index={[rowIndex, fieldIndex]}\n                    name={`layout.${rowIndex}.children.${fieldIndex}`}\n                    onMoveField={handleMoveField}\n                    onRemoveField={handleRemoveField(rowIndex, fieldIndex)}\n                  />\n                </GridItem>\n              ))}\n            </Grid>\n          ))}\n          <Menu.Root>\n            <Menu.Trigger\n              startIcon={<Plus />}\n              endIcon={null}\n              disabled={remainingFields.length === 0}\n              fullWidth\n              variant=\"secondary\"\n            >\n              {formatMessage({\n                id: getTranslation('containers.SettingPage.add.field'),\n                defaultMessage: 'Insert another field',\n              })}\n            </Menu.Trigger>\n            <Menu.Content>\n              {remainingFields.map((field) => (\n                <Menu.Item key={field.name} onSelect={handleAddField(field)}>\n                  {field.label}\n                </Menu.Item>\n              ))}\n            </Menu.Content>\n          </Menu.Root>\n        </Flex>\n      </Box>\n    </Flex>\n  );\n};\n\n/**\n * @internal\n * @description Small abstraction to solve within an array of fields where you can\n * add a field to the beginning or start, move back and forth what it's index range\n * should be when calculating it's new temp key\n */\nconst generateNKeysBetween = <Field extends { __temp_key__: string }>(\n  field: Field[],\n  count: number,\n  currInd: number,\n  newInd: number\n) => {\n  const startKey = currInd > newInd ? field[newInd - 1]?.__temp_key__ : field[newInd]?.__temp_key__;\n  const endKey = currInd > newInd ? field[newInd]?.__temp_key__ : field[newInd + 1]?.__temp_key__;\n\n  return generateNKeysBetweenImpl(startKey, endKey, count);\n};\n\n/**\n * @internal\n * @description chunks a row of layouts by the max size we allow, 12. It does not add the\n * spacers again, that should be added separately.\n */\nconst chunkArray = (array: FormField[]) => {\n  const result: Array<FormField[]> = [];\n  let temp: FormField[] = [];\n\n  array.reduce((acc, field) => {\n    if (acc + field.size > 12) {\n      result.push(temp);\n      temp = [field];\n      return field.size;\n    } else {\n      temp.push(field);\n      return acc + field.size;\n    }\n  }, 0);\n\n  if (temp.length > 0) {\n    result.push(temp);\n  }\n\n  return result;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Field\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FieldProps extends Pick<EditFieldFormProps, 'name' | 'attribute'> {\n  components: EditLayout['components'];\n  index: [row: number, index: number];\n  onMoveField: UseDragAndDropOptions<number[]>['onMoveItem'];\n  onRemoveField: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nconst TEMP_FIELD_NAME = '_TEMP_';\n\n/**\n * Displays a field in the layout with drag options, also\n * opens a modal  to edit the details of said field.\n */\nconst Field = ({ attribute, components, name, index, onMoveField, onRemoveField }: FieldProps) => {\n  const [isModalOpen, setIsModalOpen] = React.useState(false);\n  const { formatMessage } = useIntl();\n\n  const { value } = useField<FormField>(name);\n\n  const [{ isDragging }, objectRef, dropRef, dragRef, dragPreviewRef] = useDragAndDrop<\n    Array<number>\n  >(true, {\n    dropSensitivity: 'immediate',\n    type: ItemTypes.EDIT_FIELD,\n    item: { index, label: value?.label, name },\n    index,\n    onMoveItem: onMoveField,\n  });\n\n  React.useEffect(() => {\n    dragPreviewRef(getEmptyImage(), { captureDraggingState: false });\n  }, [dragPreviewRef]);\n\n  const composedRefs = useComposedRefs<HTMLSpanElement>(dragRef, objectRef);\n\n  const handleRemoveField: React.MouseEventHandler<HTMLButtonElement> = (e) => {\n    e.stopPropagation();\n    onRemoveField(e);\n  };\n\n  const tempRefs = useComposedRefs<HTMLSpanElement>(dropRef, objectRef);\n\n  if (!value) {\n    return null;\n  }\n\n  if (value.name === TEMP_FIELD_NAME) {\n    return <Flex as=\"span\" height=\"100%\" style={{ opacity: 0 }} ref={tempRefs} />;\n  }\n\n  return (\n    <>\n      <Flex\n        borderColor=\"neutral150\"\n        background=\"neutral100\"\n        hasRadius\n        style={{ opacity: isDragging ? 0.5 : 1 }}\n        ref={dropRef}\n        gap={3}\n        cursor=\"pointer\"\n        onClick={() => {\n          setIsModalOpen(true);\n        }}\n      >\n        <DragButton\n          as=\"span\"\n          aria-label={formatMessage(\n            {\n              id: getTranslation('components.DraggableCard.move.field'),\n              defaultMessage: 'Move {item}',\n            },\n            { item: value.label }\n          )}\n          onClick={(e) => e.stopPropagation()}\n          ref={composedRefs}\n        >\n          <Drag />\n        </DragButton>\n        <Flex direction=\"column\" alignItems=\"flex-start\" grow={1} overflow=\"hidden\">\n          <Flex gap={3} justifyContent=\"space-between\" width=\"100%\">\n            <Typography ellipsis fontWeight=\"bold\">\n              {value.label}\n            </Typography>\n            <Flex>\n              <IconButton\n                borderWidth={0}\n                background=\"transparent\"\n                onClick={(e) => {\n                  e.stopPropagation();\n                  setIsModalOpen(true);\n                }}\n                aria-label={formatMessage(\n                  {\n                    id: getTranslation('components.DraggableCard.edit.field'),\n                    defaultMessage: 'Edit {item}',\n                  },\n                  { item: value.label }\n                )}\n              >\n                <Pencil />\n              </IconButton>\n              <IconButton\n                borderWidth={0}\n                onClick={handleRemoveField}\n                background=\"transparent\"\n                aria-label={formatMessage(\n                  {\n                    id: getTranslation('components.DraggableCard.delete.field'),\n                    defaultMessage: 'Delete {item}',\n                  },\n                  { item: value.label }\n                )}\n              >\n                <Cross />\n              </IconButton>\n            </Flex>\n          </Flex>\n          {attribute?.type === 'component' ? (\n            <Flex\n              paddingTop={3}\n              paddingRight={3}\n              paddingBottom={3}\n              paddingLeft={0}\n              alignItems=\"flex-start\"\n              direction=\"column\"\n              gap={2}\n              width=\"100%\"\n            >\n              <Grid gap={4} width=\"100%\">\n                {components[attribute.component].layout.map((row) =>\n                  row.map(({ size, ...field }) => (\n                    <GridItem key={field.name} col={size}>\n                      <Flex\n                        alignItems=\"center\"\n                        background=\"neutral0\"\n                        paddingTop={2}\n                        paddingBottom={2}\n                        paddingLeft={3}\n                        paddingRight={3}\n                        hasRadius\n                        borderColor=\"neutral200\"\n                      >\n                        <Typography textColor=\"neutral800\">{field.name}</Typography>\n                      </Flex>\n                    </GridItem>\n                  ))\n                )}\n              </Grid>\n              <Link\n                // used to stop the edit form from appearing when we click here.\n                onClick={(e) => e.stopPropagation()}\n                startIcon={<Cog />}\n                as={NavLink}\n                // @ts-expect-error – DS does not infer props from the `as` prop\n                to={`../components/${attribute.component}/configurations/edit`}\n              >\n                {formatMessage({\n                  id: getTranslation('components.FieldItem.linkToComponentLayout'),\n                  defaultMessage: \"Set the component's layout\",\n                })}\n              </Link>\n            </Flex>\n          ) : null}\n          {attribute?.type === 'dynamiczone' ? (\n            <Flex\n              paddingTop={3}\n              paddingRight={3}\n              paddingBottom={3}\n              paddingLeft={0}\n              alignItems=\"flex-start\"\n              gap={2}\n              width=\"100%\"\n            >\n              {attribute?.components.map((uid) => (\n                <ComponentLink\n                  // used to stop the edit form from appearing when we click here.\n                  onClick={(e) => e.stopPropagation()}\n                  key={uid}\n                  to={`../components/${uid}/configurations/edit`}\n                >\n                  <ComponentIcon icon={components[uid].settings.icon} />\n                  <Typography fontSize={1} textColor=\"neutral600\" fontWeight=\"bold\">\n                    {components[uid].settings.displayName}\n                  </Typography>\n                </ComponentLink>\n              ))}\n            </Flex>\n          ) : null}\n        </Flex>\n      </Flex>\n      {isModalOpen && value.name !== TEMP_FIELD_NAME && (\n        <EditFieldForm attribute={attribute} name={name} onClose={() => setIsModalOpen(false)} />\n      )}\n    </>\n  );\n};\n\nconst DragButton = styled(IconButton)`\n  height: unset;\n  align-self: stretch;\n  display: flex;\n  align-items: center;\n  padding: 0 ${({ theme }) => theme.spaces[3]};\n  border-right: 1px solid ${({ theme }) => theme.colors.neutral150};\n  cursor: all-scroll;\n\n  svg {\n    width: ${12 / 16}rem;\n    height: ${12 / 16}rem;\n  }\n`;\n\nconst ComponentLink = styled(NavLink)`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: ${({ theme }) => theme.spaces[1]};\n  padding: ${(props) => props.theme.spaces[2]};\n  border: 1px solid ${({ theme }) => theme.colors.neutral200};\n  background: ${({ theme }) => theme.colors.neutral0};\n  width: 8.75rem;\n  border-radius: ${({ theme }) => theme.borderRadius};\n  text-decoration: none;\n\n  &:focus,\n  &:hover {\n    ${({ theme }) => `\n      background-color: ${theme.colors.primary100};\n      border-color: ${theme.colors.primary200};\n\n      ${Typography} {\n          color: ${theme.colors.primary600};\n      }\n    `}\n\n    /* > ComponentIcon */\n    > div:first-child {\n      background: ${({ theme }) => theme.colors.primary200};\n      color: ${({ theme }) => theme.colors.primary600};\n\n      svg {\n        path {\n          fill: ${({ theme }) => theme.colors.primary600};\n        }\n      }\n    }\n  }\n`;\n\nexport { Fields, TEMP_FIELD_NAME };\nexport type { FieldsProps };\n","import * as React from 'react';\n\nimport {\n  Button,\n  ContentLayout,\n  Divider,\n  Flex,\n  Grid,\n  GridItem,\n  HeaderLayout,\n  Layout,\n  Main,\n  Typography,\n} from '@strapi/design-system';\nimport { generateNKeysBetween } from 'fractional-indexing';\nimport pipe from 'lodash/fp/pipe';\nimport { useIntl } from 'react-intl';\n\nimport { Form, FormProps, useForm } from '../../../components/Form';\nimport { InputRenderer } from '../../../components/FormInputs/Renderer';\nimport { BackButton } from '../../../features/BackButton';\nimport { capitalise } from '../../../utils/strings';\nimport { ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD } from '../../constants/attributes';\nimport { getTranslation } from '../../utils/translations';\n\nimport { Fields, FieldsProps, TEMP_FIELD_NAME } from './Fields';\n\nimport type { EditFieldLayout, EditLayout } from '../../hooks/useDocumentLayout';\n\n/* -------------------------------------------------------------------------------------------------\n * ConfigurationForm\n * -----------------------------------------------------------------------------------------------*/\n\ninterface ConfigurationFormProps extends Pick<FieldsProps, 'attributes' | 'fieldSizes'> {\n  layout: EditLayout;\n  onSubmit: FormProps<ConfigurationFormData>['onSubmit'];\n}\n\n/**\n * Every key in EditFieldLayout is turned to optional never and then we overwrite the ones we are using.\n */\n\ntype EditFieldSpacerLayout = {\n  [key in keyof Omit<EditFieldLayout, 'name' | 'size'>]?: never;\n} & {\n  description?: never;\n  editable?: never;\n  name: '_TEMP_';\n  size: number;\n  __temp_key__: string;\n};\n\ninterface ConfigurationFormData extends Pick<EditLayout, 'settings'> {\n  layout: Array<{\n    __temp_key__: string;\n    children: Array<\n      | (Pick<EditFieldLayout, 'label' | 'size' | 'name' | 'placeholder' | 'mainField'> & {\n          description: EditFieldLayout['hint'];\n          editable: EditFieldLayout['disabled'];\n          __temp_key__: string;\n        })\n      | EditFieldSpacerLayout\n    >;\n  }>;\n}\n\nconst ConfigurationForm = ({\n  attributes,\n  fieldSizes,\n  layout: editLayout,\n  onSubmit,\n}: ConfigurationFormProps) => {\n  const { components, settings, layout, metadatas } = editLayout;\n\n  const { formatMessage } = useIntl();\n\n  const initialValues: ConfigurationFormData = React.useMemo(() => {\n    const transformations = pipe(\n      flattenPanels,\n      replaceMainFieldWithNameOnly,\n      extractMetadata,\n      addTmpSpaceToLayout,\n      addTmpKeysToLayout\n    );\n\n    return {\n      layout: transformations(layout),\n      settings,\n    };\n  }, [layout, settings]);\n\n  return (\n    <Layout>\n      <Main>\n        <Form initialValues={initialValues} onSubmit={onSubmit} method=\"PUT\">\n          <Header name={settings.displayName ?? ''} />\n          <ContentLayout>\n            <Flex\n              alignItems=\"stretch\"\n              background=\"neutral0\"\n              direction=\"column\"\n              gap={6}\n              hasRadius\n              shadow=\"tableShadow\"\n              paddingTop={6}\n              paddingBottom={6}\n              paddingLeft={7}\n              paddingRight={7}\n            >\n              <Typography variant=\"delta\" as=\"h2\">\n                {formatMessage({\n                  id: getTranslation('containers.SettingPage.settings'),\n                  defaultMessage: 'Settings',\n                })}\n              </Typography>\n              <Grid>\n                <GridItem col={6} s={12}>\n                  <InputRenderer\n                    type=\"enumeration\"\n                    label={formatMessage({\n                      id: getTranslation('containers.SettingPage.editSettings.entry.title'),\n                      defaultMessage: 'Entry title',\n                    })}\n                    hint={formatMessage({\n                      id: getTranslation(\n                        'containers.SettingPage.editSettings.entry.title.description'\n                      ),\n                      defaultMessage: 'Set the display field of your entry',\n                    })}\n                    name=\"settings.mainField\"\n                    options={Object.entries(attributes).reduce<\n                      Array<{ label: string; value: string }>\n                    >((acc, [key, attribute]) => {\n                      if (!attribute) {\n                        return acc;\n                      }\n\n                      /**\n                       * Create the list of attributes from the schema as to which can\n                       * be our `mainField` and dictate the display name of the schema\n                       * we're editing.\n                       */\n                      if (!ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD.includes(attribute.type)) {\n                        acc.push({\n                          label: key,\n                          value: key,\n                        });\n                      }\n\n                      return acc;\n                    }, [])}\n                  />\n                </GridItem>\n                <GridItem paddingTop={6} paddingBottom={6} col={12} s={12}>\n                  <Divider />\n                </GridItem>\n                <GridItem col={12} s={12}>\n                  <Typography variant=\"delta\" as=\"h3\">\n                    {formatMessage({\n                      id: getTranslation('containers.SettingPage.view'),\n                      defaultMessage: 'View',\n                    })}\n                  </Typography>\n                </GridItem>\n                <GridItem col={12} s={12}>\n                  <Fields\n                    attributes={attributes}\n                    components={components}\n                    fieldSizes={fieldSizes}\n                    metadatas={metadatas}\n                  />\n                </GridItem>\n              </Grid>\n            </Flex>\n          </ContentLayout>\n        </Form>\n      </Main>\n    </Layout>\n  );\n};\n\n/**\n * @internal\n * @description Panels don't exist in the layout, so we flatten by one.\n */\nconst flattenPanels = (layout: EditLayout['layout']): EditLayout['layout'][number] =>\n  layout.flat(1);\n\n/**\n * @internal\n * @description We don't need the mainField object in the layout, we only need the name.\n */\nconst replaceMainFieldWithNameOnly = (layout: EditLayout['layout'][number]) =>\n  layout.map((row) =>\n    row.map((field) => ({\n      ...field,\n      mainField: field.mainField?.name,\n    }))\n  );\n\n/**\n * @internal\n * @description We extract the metadata values from the field layout, because these are editable by the user.\n */\nconst extractMetadata = (\n  layout: EditLayout['layout'][number]\n): Array<Exclude<ConfigurationFormData['layout'], { name: '_TEMP_' }>[number]['children']> => {\n  return layout.map((row) =>\n    row.map(({ label, disabled, hint, placeholder, size, name, mainField }) => ({\n      label,\n      editable: !disabled,\n      description: hint,\n      mainField,\n      placeholder,\n      size,\n      name,\n      __temp_key__: '',\n    }))\n  );\n};\n\n/**\n * @internal\n * @description Each row of the layout has a max size of 12 (based on bootstrap grid system)\n * So in order to offer a better drop zone we add the _TEMP_ div to complete the remaining substract (12 - existing)\n */\nconst addTmpSpaceToLayout = (\n  layout: ReturnType<typeof extractMetadata>\n): Array<ConfigurationFormData['layout'][number]['children']> => [\n  ...layout.map((row) => {\n    const totalSpaceTaken = row.reduce((acc, field) => acc + field.size, 0);\n\n    if (totalSpaceTaken < 12) {\n      return [\n        ...row,\n        {\n          name: TEMP_FIELD_NAME,\n          size: 12 - totalSpaceTaken,\n          __temp_key__: '',\n        } satisfies EditFieldSpacerLayout,\n      ];\n    }\n\n    return row;\n  }),\n];\n\n/**\n * @internal\n * @description At this point of the transformations we have Field[][], but each row for the form should have a __temp_key__\n * applied. This means we need to change it so `Field` is nested under the children property.\n */\nconst addTmpKeysToLayout = (\n  layout: ReturnType<typeof addTmpSpaceToLayout>\n): ConfigurationFormData['layout'] => {\n  const keys = generateNKeysBetween(undefined, undefined, layout.length);\n\n  return layout.map((row, rowIndex) => {\n    const fieldKeys = generateNKeysBetween(undefined, undefined, row.length);\n\n    return {\n      __temp_key__: keys[rowIndex],\n      children: row.map((field, fieldIndex) => {\n        return {\n          ...field,\n          __temp_key__: fieldKeys[fieldIndex],\n        };\n      }),\n    };\n  });\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Header\n * -----------------------------------------------------------------------------------------------*/\n\ninterface HeaderProps {\n  name: string;\n}\n\nconst Header = ({ name }: HeaderProps) => {\n  const { formatMessage } = useIntl();\n  const modified = useForm('Header', (state) => state.modified);\n  const isSubmitting = useForm('Header', (state) => state.isSubmitting);\n\n  return (\n    <HeaderLayout\n      title={formatMessage(\n        {\n          id: getTranslation('components.SettingsViewWrapper.pluginHeader.title'),\n          defaultMessage: `Configure the view - {name}`,\n        },\n        { name: capitalise(name) }\n      )}\n      subtitle={formatMessage({\n        id: getTranslation('components.SettingsViewWrapper.pluginHeader.description.edit-settings'),\n        defaultMessage: 'Customize how the edit view will look like.',\n      })}\n      navigationAction={<BackButton />}\n      primaryAction={\n        <Button disabled={!modified} loading={isSubmitting} type=\"submit\">\n          {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}\n        </Button>\n      }\n    />\n  );\n};\n\nexport { ConfigurationForm };\nexport type { ConfigurationFormProps, ConfigurationFormData, EditFieldSpacerLayout };\n"],"names":["yup","useIntl","React","useNotification","useField","useGetInitialDataQuery","attribute","ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD","jsx","ModalLayout","jsxs","Form","ModalHeader","Flex","FieldTypeIcon","Typography","capitalise","ModalBody","Grid","getTranslation","GridItem","InputRenderer","ModalFooter","Button","layout","useForm","field","generateNKeysBetweenImpl","Box","Menu","Plus","useDragAndDrop","ItemTypes","getEmptyImage","useComposedRefs","Fragment","Drag","IconButton","Pencil","Cross","Link","Cog","NavLink","ComponentIcon","styled","pipe","Layout","Main","ContentLayout","Divider","generateNKeysBetween","HeaderLayout","BackButton"],"mappings":"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"}

package/dist/admin/History-0MMslhUv.mjs

@@ -0,0 +1,430 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { ContentLayout, Flex, Grid, GridItem, Box, Typography, HeaderLayout, Main } from '@strapi/design-system';
+import { stringify } from 'qs';
+import { Helmet } from 'react-helmet';
+import { useIntl } from 'react-intl';
+import { useParams, NavLink, Link as Link$1, Navigate } from 'react-router-dom';
+import { a0 as Form, n as useQueryParams, d as COLLECTION_TYPES, V as contentManagerApi, c as createContext, P as Page, af as useDocument, D as buildValidParams } from './reducers-TOuLOGw_.mjs';
+import { g as getDisplayName, R as RelativeTime, D as DocumentRBAC, a as useDocumentLayout } from './useDocumentLayout-5UQF9Yls.mjs';
+import { u as useSyncRbac } from './useSyncRbac-Od0wrAnD.mjs';
+import { I as InputRenderer } from './InputRenderer-ddUokGFQ.mjs';
+import { Link } from '@strapi/design-system/v2';
+import { ArrowLeft } from '@strapi/icons';
+
+const UNSUPPORTED_TYPES = ["media", "relation"];
+const CustomInputRenderer = (props) => {
+  if (UNSUPPORTED_TYPES.includes(props.type)) {
+    return /* @__PURE__ */ jsxs(Typography, { children: [
+      "TODO: support ",
+      props.type
+    ] });
+  }
+  return /* @__PURE__ */ jsx(InputRenderer, { ...props });
+};
+const VersionContent = () => {
+  const { version, layout } = useHistoryContext("VersionContent", (state) => ({
+    version: state.selectedVersion,
+    layout: state.layout
+  }));
+  return /* @__PURE__ */ jsx(ContentLayout, { children: /* @__PURE__ */ jsx(Form, { disabled: true, method: "PUT", initialValues: version.data, children: /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 6, position: "relative", children: layout.map((panel, index) => {
+    if (panel.some((row) => row.some((field) => field.type === "dynamiczone"))) {
+      const [row] = panel;
+      const [field] = row;
+      return /* @__PURE__ */ jsx(Grid, { gap: 4, children: /* @__PURE__ */ jsx(GridItem, { col: 12, s: 12, xs: 12, children: /* @__PURE__ */ jsx(CustomInputRenderer, { ...field }) }) }, field.name);
+    }
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        hasRadius: true,
+        background: "neutral0",
+        shadow: "tableShadow",
+        paddingLeft: 6,
+        paddingRight: 6,
+        paddingTop: 6,
+        paddingBottom: 6,
+        borderColor: "neutral150",
+        children: /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 6, children: panel.map((row, gridRowIndex) => /* @__PURE__ */ jsx(Grid, { gap: 4, children: row.map(({ size, ...field }) => {
+          return /* @__PURE__ */ jsx(GridItem, { col: size, s: 12, xs: 12, children: /* @__PURE__ */ jsx(CustomInputRenderer, { ...field }) }, field.name);
+        }) }, gridRowIndex)) })
+      },
+      index
+    );
+  }) }) }) });
+};
+
+const VersionHeader = ({ headerId }) => {
+  const { formatMessage, formatDate } = useIntl();
+  const { version, mainField, schema } = useHistoryContext("VersionHeader", (state) => ({
+    version: state.selectedVersion,
+    mainField: state.mainField,
+    schema: state.schema
+  }));
+  const [{ query }] = useQueryParams();
+  const { collectionType } = useParams();
+  const mainFieldValue = version.data[mainField];
+  const getBackLink = () => {
+    const pluginsQueryParams = stringify({ plugins: query.plugins }, { encode: false });
+    if (collectionType === COLLECTION_TYPES) {
+      return {
+        pathname: `../${collectionType}/${version.contentType}/${version.relatedDocumentId}`,
+        search: pluginsQueryParams
+      };
+    }
+    return {
+      pathname: `../${collectionType}/${version.contentType}`,
+      search: pluginsQueryParams
+    };
+  };
+  return /* @__PURE__ */ jsx(
+    HeaderLayout,
+    {
+      id: headerId,
+      title: formatDate(new Date(version.createdAt), {
+        year: "numeric",
+        month: "numeric",
+        day: "numeric",
+        hour: "numeric",
+        minute: "numeric"
+      }),
+      subtitle: /* @__PURE__ */ jsx(Typography, { variant: "epsilon", children: formatMessage(
+        {
+          id: "content-manager.history.version.subtitle",
+          defaultMessage: "{hasLocale, select, true {{subtitle}, in {locale}} other {{subtitle}}}"
+        },
+        {
+          hasLocale: Boolean(version.locale),
+          subtitle: `${mainFieldValue || ""} (${schema.info.singularName})`.trim(),
+          locale: version.locale?.name
+        }
+      ) }),
+      navigationAction: /* @__PURE__ */ jsx(
+        Link,
+        {
+          startIcon: /* @__PURE__ */ jsx(ArrowLeft, {}),
+          as: NavLink,
+          to: getBackLink(),
+          children: formatMessage({
+            id: "global.back",
+            defaultMessage: "Back"
+          })
+        }
+      )
+    }
+  );
+};
+
+const BlueText = (children) => /* @__PURE__ */ jsx(Typography, { textColor: "primary600", children });
+const VersionCard = ({ version, isCurrent }) => {
+  const { formatDate, formatMessage } = useIntl();
+  const [{ query }] = useQueryParams();
+  const statusData = (() => {
+    switch (version.status) {
+      case "draft":
+        return {
+          background: "secondary100",
+          border: "secondary200",
+          text: "secondary700",
+          message: {
+            id: "content-manager.containers.List.draft",
+            defaultMessage: "Draft"
+          }
+        };
+      case "modified":
+        return {
+          background: "alternative100",
+          border: "alternative200",
+          text: "alternative700",
+          message: {
+            // TODO: check the translation key once D&P v5 is done
+            id: "content-manager.containers.List.modified",
+            defaultMessage: "Modified"
+          }
+        };
+      case "published":
+      default:
+        return {
+          background: "success100",
+          border: "success200",
+          text: "success700",
+          message: {
+            id: "content-manager.containers.List.published",
+            defaultMessage: "Published"
+          }
+        };
+    }
+  })();
+  const isActive = query.id === version.id.toString();
+  const author = version.createdBy && getDisplayName(version.createdBy, formatMessage);
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      direction: "column",
+      alignItems: "flex-start",
+      gap: 3,
+      hasRadius: true,
+      borderWidth: "1px",
+      borderStyle: "solid",
+      borderColor: isActive ? "primary600" : "neutral200",
+      paddingTop: 5,
+      paddingBottom: 5,
+      paddingLeft: 5,
+      paddingRight: 5,
+      as: Link$1,
+      to: `?${stringify({ ...query, id: version.id })}`,
+      style: { textDecoration: "none" },
+      children: [
+        /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 1, alignItems: "flex-start", children: [
+          /* @__PURE__ */ jsx(Typography, { as: "h3", fontWeight: "semiBold", children: formatDate(version.createdAt, {
+            day: "numeric",
+            month: "numeric",
+            year: "numeric",
+            hour: "2-digit",
+            minute: "2-digit"
+          }) }),
+          /* @__PURE__ */ jsx(Typography, { as: "p", textColor: "neutral600", children: formatMessage(
+            {
+              id: "content-manager.history.sidebar.versionDescription",
+              defaultMessage: "{distanceToNow}{isAnonymous, select, true {} other { by {author}}}{isCurrent, select, true { <b>(current)</b>} other {}}"
+            },
+            {
+              distanceToNow: /* @__PURE__ */ jsx(RelativeTime, { timestamp: new Date(version.createdAt) }),
+              author,
+              isAnonymous: !Boolean(version.createdBy),
+              isCurrent,
+              b: BlueText
+            }
+          ) })
+        ] }),
+        version.status && /* @__PURE__ */ jsx(
+          Box,
+          {
+            background: statusData.background,
+            borderStyle: "solid",
+            borderWidth: "1px",
+            borderColor: statusData.border,
+            hasRadius: true,
+            paddingLeft: "6px",
+            paddingRight: "6px",
+            paddingTop: "2px",
+            paddingBottom: "2px",
+            children: /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", textColor: statusData.text, children: formatMessage(statusData.message) })
+          }
+        )
+      ]
+    }
+  );
+};
+const PaginationButton = ({ page, children }) => {
+  const [{ query }] = useQueryParams();
+  const { id: _id, ...queryRest } = query;
+  return /* @__PURE__ */ jsx(Link$1, { to: { search: stringify({ ...queryRest, page }) }, style: { textDecoration: "none" }, children: /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "primary600", children }) });
+};
+const VersionsList = () => {
+  const { formatMessage } = useIntl();
+  const { versions, page } = useHistoryContext("VersionsList", (state) => ({
+    versions: state.versions,
+    page: state.page
+  }));
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      shrink: 0,
+      direction: "column",
+      alignItems: "stretch",
+      width: "320px",
+      height: "100vh",
+      background: "neutral0",
+      borderColor: "neutral200",
+      borderWidth: "0 0 0 1px",
+      borderStyle: "solid",
+      as: "aside",
+      children: [
+        /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            direction: "row",
+            justifyContent: "space-between",
+            padding: 4,
+            borderColor: "neutral200",
+            borderWidth: "0 0 1px",
+            borderStyle: "solid",
+            as: "header",
+            children: [
+              /* @__PURE__ */ jsx(Typography, { as: "h2", variant: "omega", fontWeight: "semiBold", children: formatMessage({
+                id: "content-manager.history.sidebar.title",
+                defaultMessage: "Versions"
+              }) }),
+              /* @__PURE__ */ jsx(Box, { background: "neutral150", hasRadius: true, padding: 1, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: versions.meta.pagination.total }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(Box, { flex: 1, overflow: "auto", children: [
+          versions.meta.pagination.page > 1 && /* @__PURE__ */ jsx(Box, { paddingTop: 4, textAlign: "center", children: /* @__PURE__ */ jsx(PaginationButton, { page: page - 1, children: formatMessage({
+            id: "content-manager.history.sidebar.show-newer",
+            defaultMessage: "Show newer versions"
+          }) }) }),
+          /* @__PURE__ */ jsx(
+            Flex,
+            {
+              direction: "column",
+              gap: 3,
+              paddingTop: 5,
+              paddingBottom: 5,
+              paddingLeft: 4,
+              paddingRight: 4,
+              as: "ul",
+              alignItems: "stretch",
+              children: versions.data.map((version, index) => /* @__PURE__ */ jsx(
+                "li",
+                {
+                  "aria-label": formatMessage({
+                    id: "content-manager.history.sidebar.title.version-card.aria-label",
+                    defaultMessage: "Version card"
+                  }),
+                  children: /* @__PURE__ */ jsx(VersionCard, { version, isCurrent: page === 1 && index === 0 })
+                },
+                version.id
+              ))
+            }
+          ),
+          versions.meta.pagination.page < versions.meta.pagination.pageCount && /* @__PURE__ */ jsx(Box, { paddingBottom: 5, textAlign: "center", children: /* @__PURE__ */ jsx(PaginationButton, { page: page + 1, children: formatMessage({
+            id: "content-manager.history.sidebar.show-older",
+            defaultMessage: "Show older versions"
+          }) }) })
+        ] })
+      ]
+    }
+  );
+};
+
+const historyVersionsApi = contentManagerApi.injectEndpoints({
+  endpoints: (builder) => ({
+    getHistoryVersions: builder.query({
+      query(params) {
+        return {
+          url: `/content-manager/history-versions`,
+          method: "GET",
+          config: {
+            params
+          }
+        };
+      },
+      providesTags: ["HistoryVersion"]
+    })
+  })
+});
+const { useGetHistoryVersionsQuery } = historyVersionsApi;
+
+const [HistoryProvider, useHistoryContext] = createContext("HistoryPage");
+const HistoryPage = () => {
+  const headerId = React.useId();
+  const { formatMessage } = useIntl();
+  const {
+    slug,
+    id: documentId,
+    collectionType
+  } = useParams();
+  const { isLoading: isLoadingDocument, schema } = useDocument({
+    collectionType,
+    model: slug
+  });
+  const {
+    isLoading: isLoadingLayout,
+    edit: {
+      layout,
+      settings: { displayName, mainField }
+    }
+  } = useDocumentLayout(slug);
+  const [{ query }] = useQueryParams();
+  const { id: selectedVersionId, ...queryWithoutId } = query;
+  const validQueryParamsWithoutId = buildValidParams(queryWithoutId);
+  const page = validQueryParamsWithoutId.page ? Number(validQueryParamsWithoutId.page) : 1;
+  const versionsResponse = useGetHistoryVersionsQuery(
+    {
+      contentType: slug,
+      ...documentId ? { documentId } : {},
+      // Omit id since it's not needed by the endpoint and caused extra refetches
+      ...validQueryParamsWithoutId
+    },
+    { refetchOnMountOrArgChange: true }
+  );
+  const initialRequestId = React.useRef(versionsResponse.requestId);
+  const isStaleRequest = versionsResponse.requestId === initialRequestId.current;
+  if (!slug || collectionType === COLLECTION_TYPES && !documentId) {
+    return /* @__PURE__ */ jsx(Navigate, { to: "/content-manager" });
+  }
+  if (isLoadingDocument || isLoadingLayout || versionsResponse.isFetching || isStaleRequest) {
+    return /* @__PURE__ */ jsx(Page.Loading, {});
+  }
+  if (!versionsResponse.isError && !versionsResponse.data?.data?.length) {
+    return /* @__PURE__ */ jsx(Page.NoData, {});
+  }
+  if (versionsResponse.data?.data?.length && !selectedVersionId) {
+    return /* @__PURE__ */ jsx(
+      Navigate,
+      {
+        to: { search: stringify({ ...query, id: versionsResponse.data.data[0].id }) },
+        replace: true
+      }
+    );
+  }
+  const selectedVersion = versionsResponse.data?.data?.find(
+    (version) => version.id.toString() === selectedVersionId
+  );
+  if (versionsResponse.isError || !layout || !schema || !selectedVersion || // This should not happen as it's covered by versionsResponse.isError, but we need it for TS
+  versionsResponse.data.error) {
+    return /* @__PURE__ */ jsx(Page.Error, {});
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Helmet,
+      {
+        title: formatMessage(
+          {
+            id: "content-manager.history.page-title",
+            defaultMessage: "{contentType} history"
+          },
+          {
+            contentType: displayName
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      HistoryProvider,
+      {
+        contentType: slug,
+        id: documentId,
+        schema,
+        layout,
+        selectedVersion,
+        versions: versionsResponse.data,
+        page,
+        mainField,
+        children: /* @__PURE__ */ jsxs(Flex, { direction: "row", alignItems: "flex-start", children: [
+          /* @__PURE__ */ jsxs(Main, { grow: 1, height: "100vh", overflow: "auto", labelledBy: headerId, children: [
+            /* @__PURE__ */ jsx(VersionHeader, { headerId }),
+            /* @__PURE__ */ jsx(VersionContent, {})
+          ] }),
+          /* @__PURE__ */ jsx(VersionsList, {})
+        ] })
+      }
+    )
+  ] });
+};
+const ProtectedHistoryPage = () => {
+  const { slug } = useParams();
+  const [{ query }] = useQueryParams();
+  const { permissions = [], isLoading, isError } = useSyncRbac(slug ?? "", query, "History");
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Page.Loading, {});
+  }
+  if (!isLoading && isError || !slug) {
+    return /* @__PURE__ */ jsx(Box, { height: "100vh", children: /* @__PURE__ */ jsx(Page.Error, {}) });
+  }
+  return /* @__PURE__ */ jsx(Box, { height: "100vh", children: /* @__PURE__ */ jsx(Page.Protect, { permissions, children: ({ permissions: permissions2 }) => /* @__PURE__ */ jsx(DocumentRBAC, { permissions: permissions2, children: /* @__PURE__ */ jsx(HistoryPage, {}) }) }) });
+};
+
+export { HistoryProvider, ProtectedHistoryPage, useHistoryContext };
+//# sourceMappingURL=History-0MMslhUv.mjs.map