@strapi/content-manager 5.37.1 → 5.38.1

package/dist/admin/components/ConfigurationForm/Form.js

@@ -38,7 +38,10 @@ const ConfigurationForm = ({ attributes: attributes$1, fieldSizes, layout: editL
         const transformations = pipe(flattenPanels, replaceMainFieldWithNameOnly, extractMetadata, addTmpSpaceToLayout, addTmpKeysToLayout);
         return {
             layout: transformations(layout),
-            settings
+            settings: {
+                ...settings,
+                relationOpenMode: settings.relationOpenMode ?? 'modal'
+            }
         };
     }, [
         layout,
@@ -76,6 +79,7 @@ const ConfigurationForm = ({ attributes: attributes$1, fieldSizes, layout: editL
                                     })
                                 }),
                                 /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Grid.Root, {
+                                    gap: 4,
                                     children: [
                                         /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
                                             col: 6,
@@ -112,39 +116,67 @@ const ConfigurationForm = ({ attributes: attributes$1, fieldSizes, layout: editL
                                             })
                                         }),
                                         /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
-                                            paddingTop: 6,
-                                            paddingBottom: 6,
-                                            col: 12,
-                                            s: 12,
-                                            direction: "column",
-                                            alignItems: "stretch",
-                                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Divider, {})
-                                        }),
-                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
-                                            col: 12,
-                                            s: 12,
+                                            col: 6,
+                                            xs: 12,
                                             direction: "column",
                                             alignItems: "stretch",
-                                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                                                variant: "delta",
-                                                tag: "h3",
-                                                children: formatMessage({
-                                                    id: translations.getTranslation('containers.SettingPage.view'),
-                                                    defaultMessage: 'View'
-                                                })
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.InputRenderer, {
+                                                type: "enumeration",
+                                                label: formatMessage({
+                                                    id: translations.getTranslation('containers.SettingPage.editSettings.relationOpenMode'),
+                                                    defaultMessage: 'Relation open behavior'
+                                                }),
+                                                hint: formatMessage({
+                                                    id: translations.getTranslation('containers.SettingPage.editSettings.relationOpenMode.description'),
+                                                    defaultMessage: 'Choose how relation entries open when clicked'
+                                                }),
+                                                name: "settings.relationOpenMode",
+                                                options: [
+                                                    {
+                                                        label: formatMessage({
+                                                            id: translations.getTranslation('containers.SettingPage.editSettings.relationOpenMode.modal'),
+                                                            defaultMessage: 'Modal (default)'
+                                                        }),
+                                                        value: 'modal'
+                                                    },
+                                                    {
+                                                        label: formatMessage({
+                                                            id: translations.getTranslation('containers.SettingPage.editSettings.relationOpenMode.page'),
+                                                            defaultMessage: 'Navigate to page'
+                                                        }),
+                                                        value: 'page'
+                                                    },
+                                                    {
+                                                        label: formatMessage({
+                                                            id: translations.getTranslation('containers.SettingPage.editSettings.relationOpenMode.newTab'),
+                                                            defaultMessage: 'Open in new tab'
+                                                        }),
+                                                        value: 'newTab'
+                                                    }
+                                                ]
                                             })
-                                        }),
-                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
-                                            col: 12,
-                                            s: 12,
-                                            direction: "column",
-                                            alignItems: "stretch",
-                                            children: /*#__PURE__*/ jsxRuntime.jsx(Fields.Fields, {
-                                                attributes: attributes$1,
-                                                components: components,
-                                                fieldSizes: fieldSizes,
-                                                metadatas: metadatas
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Divider, {}),
+                                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                    direction: "column",
+                                    alignItems: "stretch",
+                                    gap: 2,
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                            variant: "delta",
+                                            tag: "h3",
+                                            children: formatMessage({
+                                                id: translations.getTranslation('containers.SettingPage.view'),
+                                                defaultMessage: 'View'
                                             })
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx(Fields.Fields, {
+                                            attributes: attributes$1,
+                                            components: components,
+                                            fieldSizes: fieldSizes,
+                                            metadatas: metadatas
                                         })
                                     ]
                                 })

package/dist/admin/components/ConfigurationForm/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../../admin/src/components/ConfigurationForm/Form.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Form,\n  FormProps,\n  useForm,\n  InputRenderer,\n  BackButton,\n  Layouts,\n} from '@strapi/admin/strapi-admin';\nimport { Button, Divider, Flex, Grid, Main, Typography } from '@strapi/design-system';\nimport { generateNKeysBetween } from 'fractional-indexing';\nimport pipe from 'lodash/fp/pipe';\nimport { useIntl } from 'react-intl';\n\nimport { ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD } from '../../constants/attributes';\nimport { capitalise } from '../../utils/strings';\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    <>\n      <Main>\n        <Form initialValues={initialValues} onSubmit={onSubmit} method=\"PUT\">\n          <Header name={settings.displayName ?? ''} />\n          <Layouts.Content>\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\" tag=\"h2\">\n                {formatMessage({\n                  id: getTranslation('containers.SettingPage.settings'),\n                  defaultMessage: 'Settings',\n                })}\n              </Typography>\n              <Grid.Root>\n                <Grid.Item col={6} xs={12} direction=\"column\" alignItems=\"stretch\">\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                </Grid.Item>\n                <Grid.Item\n                  paddingTop={6}\n                  paddingBottom={6}\n                  col={12}\n                  s={12}\n                  direction=\"column\"\n                  alignItems=\"stretch\"\n                >\n                  <Divider />\n                </Grid.Item>\n                <Grid.Item col={12} s={12} direction=\"column\" alignItems=\"stretch\">\n                  <Typography variant=\"delta\" tag=\"h3\">\n                    {formatMessage({\n                      id: getTranslation('containers.SettingPage.view'),\n                      defaultMessage: 'View',\n                    })}\n                  </Typography>\n                </Grid.Item>\n                <Grid.Item col={12} s={12} direction=\"column\" alignItems=\"stretch\">\n                  <Fields\n                    attributes={attributes}\n                    components={components}\n                    fieldSizes={fieldSizes}\n                    metadatas={metadatas}\n                  />\n                </Grid.Item>\n              </Grid.Root>\n            </Flex>\n          </Layouts.Content>\n        </Form>\n      </Main>\n    </>\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    <Layouts.Header\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":["ConfigurationForm","attributes","fieldSizes","layout","editLayout","onSubmit","components","settings","metadatas","formatMessage","useIntl","initialValues","React","useMemo","transformations","pipe","flattenPanels","replaceMainFieldWithNameOnly","extractMetadata","addTmpSpaceToLayout","addTmpKeysToLayout","_jsx","_Fragment","Main","_jsxs","Form","method","Header","name","displayName","Layouts","Content","Flex","alignItems","background","direction","gap","hasRadius","shadow","paddingTop","paddingBottom","paddingLeft","paddingRight","Typography","variant","tag","id","getTranslation","defaultMessage","Grid","Root","Item","col","xs","InputRenderer","type","label","hint","options","Object","entries","reduce","acc","key","attribute","ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD","includes","push","value","s","Divider","Fields","flat","map","row","field","mainField","disabled","placeholder","size","editable","description","__temp_key__","totalSpaceTaken","TEMP_FIELD_NAME","keys","generateNKeysBetween","undefined","length","rowIndex","fieldKeys","children","fieldIndex","modified","useForm","state","isSubmitting","title","capitalise","subtitle","navigationAction","BackButton","primaryAction","Button","loading"],"mappings":"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"}
+{"version":3,"file":"Form.js","sources":["../../../../admin/src/components/ConfigurationForm/Form.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Form,\n  FormProps,\n  useForm,\n  InputRenderer,\n  BackButton,\n  Layouts,\n} from '@strapi/admin/strapi-admin';\nimport { Button, Divider, Flex, Grid, Main, Typography } from '@strapi/design-system';\nimport { generateNKeysBetween } from 'fractional-indexing';\nimport pipe from 'lodash/fp/pipe';\nimport { useIntl } from 'react-intl';\n\nimport { ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD } from '../../constants/attributes';\nimport { capitalise } from '../../utils/strings';\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        ...settings,\n        relationOpenMode: settings.relationOpenMode ?? 'modal',\n      },\n    };\n  }, [layout, settings]);\n\n  return (\n    <>\n      <Main>\n        <Form initialValues={initialValues} onSubmit={onSubmit} method=\"PUT\">\n          <Header name={settings.displayName ?? ''} />\n          <Layouts.Content>\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\" tag=\"h2\">\n                {formatMessage({\n                  id: getTranslation('containers.SettingPage.settings'),\n                  defaultMessage: 'Settings',\n                })}\n              </Typography>\n              <Grid.Root gap={4}>\n                <Grid.Item col={6} xs={12} direction=\"column\" alignItems=\"stretch\">\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                </Grid.Item>\n                <Grid.Item col={6} xs={12} direction=\"column\" alignItems=\"stretch\">\n                  <InputRenderer\n                    type=\"enumeration\"\n                    label={formatMessage({\n                      id: getTranslation('containers.SettingPage.editSettings.relationOpenMode'),\n                      defaultMessage: 'Relation open behavior',\n                    })}\n                    hint={formatMessage({\n                      id: getTranslation(\n                        'containers.SettingPage.editSettings.relationOpenMode.description'\n                      ),\n                      defaultMessage: 'Choose how relation entries open when clicked',\n                    })}\n                    name=\"settings.relationOpenMode\"\n                    options={[\n                      {\n                        label: formatMessage({\n                          id: getTranslation(\n                            'containers.SettingPage.editSettings.relationOpenMode.modal'\n                          ),\n                          defaultMessage: 'Modal (default)',\n                        }),\n                        value: 'modal',\n                      },\n                      {\n                        label: formatMessage({\n                          id: getTranslation(\n                            'containers.SettingPage.editSettings.relationOpenMode.page'\n                          ),\n                          defaultMessage: 'Navigate to page',\n                        }),\n                        value: 'page',\n                      },\n                      {\n                        label: formatMessage({\n                          id: getTranslation(\n                            'containers.SettingPage.editSettings.relationOpenMode.newTab'\n                          ),\n                          defaultMessage: 'Open in new tab',\n                        }),\n                        value: 'newTab',\n                      },\n                    ]}\n                  />\n                </Grid.Item>\n              </Grid.Root>\n              <Divider />\n              <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\n                <Typography variant=\"delta\" tag=\"h3\">\n                  {formatMessage({\n                    id: getTranslation('containers.SettingPage.view'),\n                    defaultMessage: 'View',\n                  })}\n                </Typography>\n                <Fields\n                  attributes={attributes}\n                  components={components}\n                  fieldSizes={fieldSizes}\n                  metadatas={metadatas}\n                />\n              </Flex>\n            </Flex>\n          </Layouts.Content>\n        </Form>\n      </Main>\n    </>\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    <Layouts.Header\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":["ConfigurationForm","attributes","fieldSizes","layout","editLayout","onSubmit","components","settings","metadatas","formatMessage","useIntl","initialValues","React","useMemo","transformations","pipe","flattenPanels","replaceMainFieldWithNameOnly","extractMetadata","addTmpSpaceToLayout","addTmpKeysToLayout","relationOpenMode","_jsx","_Fragment","Main","_jsxs","Form","method","Header","name","displayName","Layouts","Content","Flex","alignItems","background","direction","gap","hasRadius","shadow","paddingTop","paddingBottom","paddingLeft","paddingRight","Typography","variant","tag","id","getTranslation","defaultMessage","Grid","Root","Item","col","xs","InputRenderer","type","label","hint","options","Object","entries","reduce","acc","key","attribute","ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD","includes","push","value","Divider","Fields","flat","map","row","field","mainField","disabled","placeholder","size","editable","description","__temp_key__","totalSpaceTaken","TEMP_FIELD_NAME","keys","generateNKeysBetween","undefined","length","rowIndex","fieldKeys","children","fieldIndex","modified","useForm","state","isSubmitting","title","capitalise","subtitle","navigationAction","BackButton","primaryAction","Button","loading"],"mappings":"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"}

package/dist/admin/components/ConfigurationForm/Form.mjs

@@ -17,7 +17,10 @@ const ConfigurationForm = ({ attributes, fieldSizes, layout: editLayout, onSubmi
         const transformations = pipe(flattenPanels, replaceMainFieldWithNameOnly, extractMetadata, addTmpSpaceToLayout, addTmpKeysToLayout);
         return {
             layout: transformations(layout),
-            settings
+            settings: {
+                ...settings,
+                relationOpenMode: settings.relationOpenMode ?? 'modal'
+            }
         };
     }, [
         layout,
@@ -55,6 +58,7 @@ const ConfigurationForm = ({ attributes, fieldSizes, layout: editLayout, onSubmi
                                     })
                                 }),
                                 /*#__PURE__*/ jsxs(Grid.Root, {
+                                    gap: 4,
                                     children: [
                                         /*#__PURE__*/ jsx(Grid.Item, {
                                             col: 6,
@@ -91,39 +95,67 @@ const ConfigurationForm = ({ attributes, fieldSizes, layout: editLayout, onSubmi
                                             })
                                         }),
                                         /*#__PURE__*/ jsx(Grid.Item, {
-                                            paddingTop: 6,
-                                            paddingBottom: 6,
-                                            col: 12,
-                                            s: 12,
-                                            direction: "column",
-                                            alignItems: "stretch",
-                                            children: /*#__PURE__*/ jsx(Divider, {})
-                                        }),
-                                        /*#__PURE__*/ jsx(Grid.Item, {
-                                            col: 12,
-                                            s: 12,
+                                            col: 6,
+                                            xs: 12,
                                             direction: "column",
                                             alignItems: "stretch",
-                                            children: /*#__PURE__*/ jsx(Typography, {
-                                                variant: "delta",
-                                                tag: "h3",
-                                                children: formatMessage({
-                                                    id: getTranslation('containers.SettingPage.view'),
-                                                    defaultMessage: 'View'
-                                                })
+                                            children: /*#__PURE__*/ jsx(InputRenderer, {
+                                                type: "enumeration",
+                                                label: formatMessage({
+                                                    id: getTranslation('containers.SettingPage.editSettings.relationOpenMode'),
+                                                    defaultMessage: 'Relation open behavior'
+                                                }),
+                                                hint: formatMessage({
+                                                    id: getTranslation('containers.SettingPage.editSettings.relationOpenMode.description'),
+                                                    defaultMessage: 'Choose how relation entries open when clicked'
+                                                }),
+                                                name: "settings.relationOpenMode",
+                                                options: [
+                                                    {
+                                                        label: formatMessage({
+                                                            id: getTranslation('containers.SettingPage.editSettings.relationOpenMode.modal'),
+                                                            defaultMessage: 'Modal (default)'
+                                                        }),
+                                                        value: 'modal'
+                                                    },
+                                                    {
+                                                        label: formatMessage({
+                                                            id: getTranslation('containers.SettingPage.editSettings.relationOpenMode.page'),
+                                                            defaultMessage: 'Navigate to page'
+                                                        }),
+                                                        value: 'page'
+                                                    },
+                                                    {
+                                                        label: formatMessage({
+                                                            id: getTranslation('containers.SettingPage.editSettings.relationOpenMode.newTab'),
+                                                            defaultMessage: 'Open in new tab'
+                                                        }),
+                                                        value: 'newTab'
+                                                    }
+                                                ]
                                             })
-                                        }),
-                                        /*#__PURE__*/ jsx(Grid.Item, {
-                                            col: 12,
-                                            s: 12,
-                                            direction: "column",
-                                            alignItems: "stretch",
-                                            children: /*#__PURE__*/ jsx(Fields, {
-                                                attributes: attributes,
-                                                components: components,
-                                                fieldSizes: fieldSizes,
-                                                metadatas: metadatas
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsx(Divider, {}),
+                                /*#__PURE__*/ jsxs(Flex, {
+                                    direction: "column",
+                                    alignItems: "stretch",
+                                    gap: 2,
+                                    children: [
+                                        /*#__PURE__*/ jsx(Typography, {
+                                            variant: "delta",
+                                            tag: "h3",
+                                            children: formatMessage({
+                                                id: getTranslation('containers.SettingPage.view'),
+                                                defaultMessage: 'View'
                                             })
+                                        }),
+                                        /*#__PURE__*/ jsx(Fields, {
+                                            attributes: attributes,
+                                            components: components,
+                                            fieldSizes: fieldSizes,
+                                            metadatas: metadatas
                                         })
                                     ]
                                 })

package/dist/admin/components/ConfigurationForm/Form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Form.mjs","sources":["../../../../admin/src/components/ConfigurationForm/Form.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Form,\n  FormProps,\n  useForm,\n  InputRenderer,\n  BackButton,\n  Layouts,\n} from '@strapi/admin/strapi-admin';\nimport { Button, Divider, Flex, Grid, Main, Typography } from '@strapi/design-system';\nimport { generateNKeysBetween } from 'fractional-indexing';\nimport pipe from 'lodash/fp/pipe';\nimport { useIntl } from 'react-intl';\n\nimport { ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD } from '../../constants/attributes';\nimport { capitalise } from '../../utils/strings';\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    <>\n      <Main>\n        <Form initialValues={initialValues} onSubmit={onSubmit} method=\"PUT\">\n          <Header name={settings.displayName ?? ''} />\n          <Layouts.Content>\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\" tag=\"h2\">\n                {formatMessage({\n                  id: getTranslation('containers.SettingPage.settings'),\n                  defaultMessage: 'Settings',\n                })}\n              </Typography>\n              <Grid.Root>\n                <Grid.Item col={6} xs={12} direction=\"column\" alignItems=\"stretch\">\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                </Grid.Item>\n                <Grid.Item\n                  paddingTop={6}\n                  paddingBottom={6}\n                  col={12}\n                  s={12}\n                  direction=\"column\"\n                  alignItems=\"stretch\"\n                >\n                  <Divider />\n                </Grid.Item>\n                <Grid.Item col={12} s={12} direction=\"column\" alignItems=\"stretch\">\n                  <Typography variant=\"delta\" tag=\"h3\">\n                    {formatMessage({\n                      id: getTranslation('containers.SettingPage.view'),\n                      defaultMessage: 'View',\n                    })}\n                  </Typography>\n                </Grid.Item>\n                <Grid.Item col={12} s={12} direction=\"column\" alignItems=\"stretch\">\n                  <Fields\n                    attributes={attributes}\n                    components={components}\n                    fieldSizes={fieldSizes}\n                    metadatas={metadatas}\n                  />\n                </Grid.Item>\n              </Grid.Root>\n            </Flex>\n          </Layouts.Content>\n        </Form>\n      </Main>\n    </>\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    <Layouts.Header\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":["ConfigurationForm","attributes","fieldSizes","layout","editLayout","onSubmit","components","settings","metadatas","formatMessage","useIntl","initialValues","React","useMemo","transformations","pipe","flattenPanels","replaceMainFieldWithNameOnly","extractMetadata","addTmpSpaceToLayout","addTmpKeysToLayout","_jsx","_Fragment","Main","_jsxs","Form","method","Header","name","displayName","Layouts","Content","Flex","alignItems","background","direction","gap","hasRadius","shadow","paddingTop","paddingBottom","paddingLeft","paddingRight","Typography","variant","tag","id","getTranslation","defaultMessage","Grid","Root","Item","col","xs","InputRenderer","type","label","hint","options","Object","entries","reduce","acc","key","attribute","ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD","includes","push","value","s","Divider","Fields","flat","map","row","field","mainField","disabled","placeholder","size","editable","description","__temp_key__","totalSpaceTaken","TEMP_FIELD_NAME","keys","generateNKeysBetween","undefined","length","rowIndex","fieldKeys","children","fieldIndex","modified","useForm","state","isSubmitting","title","capitalise","subtitle","navigationAction","BackButton","primaryAction","Button","loading"],"mappings":"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"}
+{"version":3,"file":"Form.mjs","sources":["../../../../admin/src/components/ConfigurationForm/Form.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Form,\n  FormProps,\n  useForm,\n  InputRenderer,\n  BackButton,\n  Layouts,\n} from '@strapi/admin/strapi-admin';\nimport { Button, Divider, Flex, Grid, Main, Typography } from '@strapi/design-system';\nimport { generateNKeysBetween } from 'fractional-indexing';\nimport pipe from 'lodash/fp/pipe';\nimport { useIntl } from 'react-intl';\n\nimport { ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD } from '../../constants/attributes';\nimport { capitalise } from '../../utils/strings';\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        ...settings,\n        relationOpenMode: settings.relationOpenMode ?? 'modal',\n      },\n    };\n  }, [layout, settings]);\n\n  return (\n    <>\n      <Main>\n        <Form initialValues={initialValues} onSubmit={onSubmit} method=\"PUT\">\n          <Header name={settings.displayName ?? ''} />\n          <Layouts.Content>\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\" tag=\"h2\">\n                {formatMessage({\n                  id: getTranslation('containers.SettingPage.settings'),\n                  defaultMessage: 'Settings',\n                })}\n              </Typography>\n              <Grid.Root gap={4}>\n                <Grid.Item col={6} xs={12} direction=\"column\" alignItems=\"stretch\">\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                </Grid.Item>\n                <Grid.Item col={6} xs={12} direction=\"column\" alignItems=\"stretch\">\n                  <InputRenderer\n                    type=\"enumeration\"\n                    label={formatMessage({\n                      id: getTranslation('containers.SettingPage.editSettings.relationOpenMode'),\n                      defaultMessage: 'Relation open behavior',\n                    })}\n                    hint={formatMessage({\n                      id: getTranslation(\n                        'containers.SettingPage.editSettings.relationOpenMode.description'\n                      ),\n                      defaultMessage: 'Choose how relation entries open when clicked',\n                    })}\n                    name=\"settings.relationOpenMode\"\n                    options={[\n                      {\n                        label: formatMessage({\n                          id: getTranslation(\n                            'containers.SettingPage.editSettings.relationOpenMode.modal'\n                          ),\n                          defaultMessage: 'Modal (default)',\n                        }),\n                        value: 'modal',\n                      },\n                      {\n                        label: formatMessage({\n                          id: getTranslation(\n                            'containers.SettingPage.editSettings.relationOpenMode.page'\n                          ),\n                          defaultMessage: 'Navigate to page',\n                        }),\n                        value: 'page',\n                      },\n                      {\n                        label: formatMessage({\n                          id: getTranslation(\n                            'containers.SettingPage.editSettings.relationOpenMode.newTab'\n                          ),\n                          defaultMessage: 'Open in new tab',\n                        }),\n                        value: 'newTab',\n                      },\n                    ]}\n                  />\n                </Grid.Item>\n              </Grid.Root>\n              <Divider />\n              <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\n                <Typography variant=\"delta\" tag=\"h3\">\n                  {formatMessage({\n                    id: getTranslation('containers.SettingPage.view'),\n                    defaultMessage: 'View',\n                  })}\n                </Typography>\n                <Fields\n                  attributes={attributes}\n                  components={components}\n                  fieldSizes={fieldSizes}\n                  metadatas={metadatas}\n                />\n              </Flex>\n            </Flex>\n          </Layouts.Content>\n        </Form>\n      </Main>\n    </>\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    <Layouts.Header\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":["ConfigurationForm","attributes","fieldSizes","layout","editLayout","onSubmit","components","settings","metadatas","formatMessage","useIntl","initialValues","React","useMemo","transformations","pipe","flattenPanels","replaceMainFieldWithNameOnly","extractMetadata","addTmpSpaceToLayout","addTmpKeysToLayout","relationOpenMode","_jsx","_Fragment","Main","_jsxs","Form","method","Header","name","displayName","Layouts","Content","Flex","alignItems","background","direction","gap","hasRadius","shadow","paddingTop","paddingBottom","paddingLeft","paddingRight","Typography","variant","tag","id","getTranslation","defaultMessage","Grid","Root","Item","col","xs","InputRenderer","type","label","hint","options","Object","entries","reduce","acc","key","attribute","ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD","includes","push","value","Divider","Fields","flat","map","row","field","mainField","disabled","placeholder","size","editable","description","__temp_key__","totalSpaceTaken","TEMP_FIELD_NAME","keys","generateNKeysBetween","undefined","length","rowIndex","fieldKeys","children","fieldIndex","modified","useForm","state","isSubmitting","title","capitalise","subtitle","navigationAction","BackButton","primaryAction","Button","loading"],"mappings":"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"}

package/dist/admin/components/DragLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragLayer.js","sources":["../../../admin/src/components/DragLayer.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box } from '@strapi/design-system';\nimport { DragLayerMonitor, XYCoord, useDragLayer } from 'react-dnd';\n\nfunction getStyle(\n  initialOffset: XYCoord | null,\n  currentOffset: XYCoord | null,\n  mouseOffset: XYCoord | null\n) {\n  if (!initialOffset || !currentOffset || !mouseOffset) {\n    return { display: 'none' };\n  }\n\n  const { x, y } = mouseOffset;\n\n  return {\n    transform: `translate(${x}px, ${y}px)`,\n  };\n}\n\nexport interface DragLayerProps {\n  renderItem: (item: {\n    /**\n     * TODO: it'd be great if we could make this a union where the type infers the item.\n     */\n    item: any;\n    type: ReturnType<DragLayerMonitor['getItemType']>;\n  }) => React.ReactNode;\n}\n\nconst DragLayer = ({ renderItem }: DragLayerProps) => {\n  const { itemType, isDragging, item, initialOffset, currentOffset, mouseOffset } = useDragLayer(\n    (monitor) => ({\n      item: monitor.getItem(),\n      itemType: monitor.getItemType(),\n      initialOffset: monitor.getInitialSourceClientOffset(),\n      currentOffset: monitor.getSourceClientOffset(),\n      isDragging: monitor.isDragging(),\n      mouseOffset: monitor.getClientOffset(),\n    })\n  );\n\n  if (!isDragging) {\n    return null;\n  }\n\n  return (\n    <Box\n      height=\"100%\"\n      left={0}\n      position=\"fixed\"\n      pointerEvents=\"none\"\n      top={0}\n      zIndex={100}\n      width=\"100%\"\n    >\n      <Box style={getStyle(initialOffset, currentOffset, mouseOffset)}>\n        {renderItem({ type: itemType, item })}\n      </Box>\n    </Box>\n  );\n};\n\nexport { DragLayer };\n"],"names":["getStyle","initialOffset","currentOffset","mouseOffset","display","x","y","transform","DragLayer","renderItem","itemType","isDragging","item","useDragLayer","monitor","getItem","getItemType","getInitialSourceClientOffset","getSourceClientOffset","getClientOffset","_jsx","Box","height","left","position","pointerEvents","top","zIndex","width","style","type"],"mappings":";;;;;;;AAKA,SAASA,QACPC,CAAAA,aAA6B,EAC7BC,aAA6B,EAC7BC,WAA2B,EAAA;AAE3B,IAAA,IAAI,CAACF,aAAAA,IAAiB,CAACC,aAAAA,IAAiB,CAACC,WAAa,EAAA;QACpD,OAAO;YAAEC,OAAS,EAAA;AAAO,SAAA;AAC3B;AAEA,IAAA,MAAM,EAAEC,CAAC,EAAEC,CAAC,EAAE,GAAGH,WAAAA;IAEjB,OAAO;QACLI,SAAW,EAAA,CAAC,UAAU,EAAEF,CAAAA,CAAE,IAAI,EAAEC,CAAAA,CAAE,GAAG;AACvC,KAAA;AACF;AAYA,MAAME,SAAY,GAAA,CAAC,EAAEC,UAAU,EAAkB,GAAA;AAC/C,IAAA,MAAM,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,EAAEX,aAAa,EAAEC,aAAa,EAAEC,WAAW,EAAE,GAAGU,qBAChF,CAAA,CAACC,WAAa;AACZF,YAAAA,IAAAA,EAAME,QAAQC,OAAO,EAAA;AACrBL,YAAAA,QAAAA,EAAUI,QAAQE,WAAW,EAAA;AAC7Bf,YAAAA,aAAAA,EAAea,QAAQG,4BAA4B,EAAA;AACnDf,YAAAA,aAAAA,EAAeY,QAAQI,qBAAqB,EAAA;AAC5CP,YAAAA,UAAAA,EAAYG,QAAQH,UAAU,EAAA;AAC9BR,YAAAA,WAAAA,EAAaW,QAAQK,eAAe;SACtC,CAAA,CAAA;AAGF,IAAA,IAAI,CAACR,UAAY,EAAA;QACf,OAAO,IAAA;AACT;AAEA,IAAA,qBACES,cAACC,CAAAA,gBAAAA,EAAAA;QACCC,MAAO,EAAA,MAAA;QACPC,IAAM,EAAA,CAAA;QACNC,QAAS,EAAA,OAAA;QACTC,aAAc,EAAA,MAAA;QACdC,GAAK,EAAA,CAAA;QACLC,MAAQ,EAAA,GAAA;QACRC,KAAM,EAAA,MAAA;AAEN,QAAA,QAAA,gBAAAR,cAACC,CAAAA,gBAAAA,EAAAA;YAAIQ,KAAO7B,EAAAA,QAAAA,CAASC,eAAeC,aAAeC,EAAAA,WAAAA,CAAAA;sBAChDM,UAAW,CAAA;gBAAEqB,IAAMpB,EAAAA,QAAAA;AAAUE,gBAAAA;AAAK,aAAA;;;AAI3C;;;;"}
+{"version":3,"file":"DragLayer.js","sources":["../../../admin/src/components/DragLayer.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box } from '@strapi/design-system';\nimport { DragLayerMonitor, XYCoord, useDragLayer } from 'react-dnd';\n\nfunction getStyle(\n  initialOffset: XYCoord | null,\n  currentOffset: XYCoord | null,\n  mouseOffset: XYCoord | null\n) {\n  if (!initialOffset || !currentOffset || !mouseOffset) {\n    return { display: 'none' };\n  }\n\n  const { x, y } = mouseOffset;\n\n  return {\n    transform: `translate(${x}px, ${y}px)`,\n  };\n}\n\nexport interface DragLayerProps {\n  renderItem: (item: {\n    /**\n     * TODO: it'd be great if we could make this a union where the type infers the item.\n     */\n    item: any;\n    type: ReturnType<DragLayerMonitor['getItemType']>;\n  }) => React.ReactNode;\n}\n\nconst DragLayer = ({ renderItem }: DragLayerProps) => {\n  const { itemType, isDragging, item, initialOffset, currentOffset, mouseOffset } = useDragLayer(\n    (monitor) => ({\n      item: monitor.getItem(),\n      itemType: monitor.getItemType(),\n      initialOffset: monitor.getInitialSourceClientOffset(),\n      currentOffset: monitor.getSourceClientOffset(),\n      isDragging: monitor.isDragging(),\n      mouseOffset: monitor.getClientOffset(),\n    })\n  );\n\n  if (!isDragging) {\n    return null;\n  }\n\n  return (\n    <Box\n      height=\"100%\"\n      left={0}\n      position=\"fixed\"\n      pointerEvents=\"none\"\n      top={0}\n      zIndex={100}\n      width=\"100%\"\n    >\n      <Box style={getStyle(initialOffset, currentOffset, mouseOffset)}>\n        {renderItem({ type: itemType, item })}\n      </Box>\n    </Box>\n  );\n};\n\nexport { DragLayer };\n"],"names":["getStyle","initialOffset","currentOffset","mouseOffset","display","x","y","transform","DragLayer","renderItem","itemType","isDragging","item","useDragLayer","monitor","getItem","getItemType","getInitialSourceClientOffset","getSourceClientOffset","getClientOffset","_jsx","Box","height","left","position","pointerEvents","top","zIndex","width","style","type"],"mappings":";;;;;;;AAKA,SAASA,QAAAA,CACPC,aAA6B,EAC7BC,aAA6B,EAC7BC,WAA2B,EAAA;AAE3B,IAAA,IAAI,CAACF,aAAAA,IAAiB,CAACC,aAAAA,IAAiB,CAACC,WAAAA,EAAa;QACpD,OAAO;YAAEC,OAAAA,EAAS;AAAO,SAAA;AAC3B,IAAA;AAEA,IAAA,MAAM,EAAEC,CAAC,EAAEC,CAAC,EAAE,GAAGH,WAAAA;IAEjB,OAAO;QACLI,SAAAA,EAAW,CAAC,UAAU,EAAEF,CAAAA,CAAE,IAAI,EAAEC,CAAAA,CAAE,GAAG;AACvC,KAAA;AACF;AAYA,MAAME,SAAAA,GAAY,CAAC,EAAEC,UAAU,EAAkB,GAAA;AAC/C,IAAA,MAAM,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,EAAEX,aAAa,EAAEC,aAAa,EAAEC,WAAW,EAAE,GAAGU,qBAAAA,CAChF,CAACC,WAAa;AACZF,YAAAA,IAAAA,EAAME,QAAQC,OAAO,EAAA;AACrBL,YAAAA,QAAAA,EAAUI,QAAQE,WAAW,EAAA;AAC7Bf,YAAAA,aAAAA,EAAea,QAAQG,4BAA4B,EAAA;AACnDf,YAAAA,aAAAA,EAAeY,QAAQI,qBAAqB,EAAA;AAC5CP,YAAAA,UAAAA,EAAYG,QAAQH,UAAU,EAAA;AAC9BR,YAAAA,WAAAA,EAAaW,QAAQK,eAAe;SACtC,CAAA,CAAA;AAGF,IAAA,IAAI,CAACR,UAAAA,EAAY;QACf,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,qBACES,cAAA,CAACC,gBAAAA,EAAAA;QACCC,MAAAA,EAAO,MAAA;QACPC,IAAAA,EAAM,CAAA;QACNC,QAAAA,EAAS,OAAA;QACTC,aAAAA,EAAc,MAAA;QACdC,GAAAA,EAAK,CAAA;QACLC,MAAAA,EAAQ,GAAA;QACRC,KAAAA,EAAM,MAAA;AAEN,QAAA,QAAA,gBAAAR,cAAA,CAACC,gBAAAA,EAAAA;YAAIQ,KAAAA,EAAO7B,QAAAA,CAASC,eAAeC,aAAAA,EAAeC,WAAAA,CAAAA;sBAChDM,UAAAA,CAAW;gBAAEqB,IAAAA,EAAMpB,QAAAA;AAAUE,gBAAAA;AAAK,aAAA;;;AAI3C;;;;"}

package/dist/admin/components/DragLayer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DragLayer.mjs","sources":["../../../admin/src/components/DragLayer.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box } from '@strapi/design-system';\nimport { DragLayerMonitor, XYCoord, useDragLayer } from 'react-dnd';\n\nfunction getStyle(\n  initialOffset: XYCoord | null,\n  currentOffset: XYCoord | null,\n  mouseOffset: XYCoord | null\n) {\n  if (!initialOffset || !currentOffset || !mouseOffset) {\n    return { display: 'none' };\n  }\n\n  const { x, y } = mouseOffset;\n\n  return {\n    transform: `translate(${x}px, ${y}px)`,\n  };\n}\n\nexport interface DragLayerProps {\n  renderItem: (item: {\n    /**\n     * TODO: it'd be great if we could make this a union where the type infers the item.\n     */\n    item: any;\n    type: ReturnType<DragLayerMonitor['getItemType']>;\n  }) => React.ReactNode;\n}\n\nconst DragLayer = ({ renderItem }: DragLayerProps) => {\n  const { itemType, isDragging, item, initialOffset, currentOffset, mouseOffset } = useDragLayer(\n    (monitor) => ({\n      item: monitor.getItem(),\n      itemType: monitor.getItemType(),\n      initialOffset: monitor.getInitialSourceClientOffset(),\n      currentOffset: monitor.getSourceClientOffset(),\n      isDragging: monitor.isDragging(),\n      mouseOffset: monitor.getClientOffset(),\n    })\n  );\n\n  if (!isDragging) {\n    return null;\n  }\n\n  return (\n    <Box\n      height=\"100%\"\n      left={0}\n      position=\"fixed\"\n      pointerEvents=\"none\"\n      top={0}\n      zIndex={100}\n      width=\"100%\"\n    >\n      <Box style={getStyle(initialOffset, currentOffset, mouseOffset)}>\n        {renderItem({ type: itemType, item })}\n      </Box>\n    </Box>\n  );\n};\n\nexport { DragLayer };\n"],"names":["getStyle","initialOffset","currentOffset","mouseOffset","display","x","y","transform","DragLayer","renderItem","itemType","isDragging","item","useDragLayer","monitor","getItem","getItemType","getInitialSourceClientOffset","getSourceClientOffset","getClientOffset","_jsx","Box","height","left","position","pointerEvents","top","zIndex","width","style","type"],"mappings":";;;;;AAKA,SAASA,QACPC,CAAAA,aAA6B,EAC7BC,aAA6B,EAC7BC,WAA2B,EAAA;AAE3B,IAAA,IAAI,CAACF,aAAAA,IAAiB,CAACC,aAAAA,IAAiB,CAACC,WAAa,EAAA;QACpD,OAAO;YAAEC,OAAS,EAAA;AAAO,SAAA;AAC3B;AAEA,IAAA,MAAM,EAAEC,CAAC,EAAEC,CAAC,EAAE,GAAGH,WAAAA;IAEjB,OAAO;QACLI,SAAW,EAAA,CAAC,UAAU,EAAEF,CAAAA,CAAE,IAAI,EAAEC,CAAAA,CAAE,GAAG;AACvC,KAAA;AACF;AAYA,MAAME,SAAY,GAAA,CAAC,EAAEC,UAAU,EAAkB,GAAA;AAC/C,IAAA,MAAM,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,EAAEX,aAAa,EAAEC,aAAa,EAAEC,WAAW,EAAE,GAAGU,YAChF,CAAA,CAACC,WAAa;AACZF,YAAAA,IAAAA,EAAME,QAAQC,OAAO,EAAA;AACrBL,YAAAA,QAAAA,EAAUI,QAAQE,WAAW,EAAA;AAC7Bf,YAAAA,aAAAA,EAAea,QAAQG,4BAA4B,EAAA;AACnDf,YAAAA,aAAAA,EAAeY,QAAQI,qBAAqB,EAAA;AAC5CP,YAAAA,UAAAA,EAAYG,QAAQH,UAAU,EAAA;AAC9BR,YAAAA,WAAAA,EAAaW,QAAQK,eAAe;SACtC,CAAA,CAAA;AAGF,IAAA,IAAI,CAACR,UAAY,EAAA;QACf,OAAO,IAAA;AACT;AAEA,IAAA,qBACES,GAACC,CAAAA,GAAAA,EAAAA;QACCC,MAAO,EAAA,MAAA;QACPC,IAAM,EAAA,CAAA;QACNC,QAAS,EAAA,OAAA;QACTC,aAAc,EAAA,MAAA;QACdC,GAAK,EAAA,CAAA;QACLC,MAAQ,EAAA,GAAA;QACRC,KAAM,EAAA,MAAA;AAEN,QAAA,QAAA,gBAAAR,GAACC,CAAAA,GAAAA,EAAAA;YAAIQ,KAAO7B,EAAAA,QAAAA,CAASC,eAAeC,aAAeC,EAAAA,WAAAA,CAAAA;sBAChDM,UAAW,CAAA;gBAAEqB,IAAMpB,EAAAA,QAAAA;AAAUE,gBAAAA;AAAK,aAAA;;;AAI3C;;;;"}
+{"version":3,"file":"DragLayer.mjs","sources":["../../../admin/src/components/DragLayer.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box } from '@strapi/design-system';\nimport { DragLayerMonitor, XYCoord, useDragLayer } from 'react-dnd';\n\nfunction getStyle(\n  initialOffset: XYCoord | null,\n  currentOffset: XYCoord | null,\n  mouseOffset: XYCoord | null\n) {\n  if (!initialOffset || !currentOffset || !mouseOffset) {\n    return { display: 'none' };\n  }\n\n  const { x, y } = mouseOffset;\n\n  return {\n    transform: `translate(${x}px, ${y}px)`,\n  };\n}\n\nexport interface DragLayerProps {\n  renderItem: (item: {\n    /**\n     * TODO: it'd be great if we could make this a union where the type infers the item.\n     */\n    item: any;\n    type: ReturnType<DragLayerMonitor['getItemType']>;\n  }) => React.ReactNode;\n}\n\nconst DragLayer = ({ renderItem }: DragLayerProps) => {\n  const { itemType, isDragging, item, initialOffset, currentOffset, mouseOffset } = useDragLayer(\n    (monitor) => ({\n      item: monitor.getItem(),\n      itemType: monitor.getItemType(),\n      initialOffset: monitor.getInitialSourceClientOffset(),\n      currentOffset: monitor.getSourceClientOffset(),\n      isDragging: monitor.isDragging(),\n      mouseOffset: monitor.getClientOffset(),\n    })\n  );\n\n  if (!isDragging) {\n    return null;\n  }\n\n  return (\n    <Box\n      height=\"100%\"\n      left={0}\n      position=\"fixed\"\n      pointerEvents=\"none\"\n      top={0}\n      zIndex={100}\n      width=\"100%\"\n    >\n      <Box style={getStyle(initialOffset, currentOffset, mouseOffset)}>\n        {renderItem({ type: itemType, item })}\n      </Box>\n    </Box>\n  );\n};\n\nexport { DragLayer };\n"],"names":["getStyle","initialOffset","currentOffset","mouseOffset","display","x","y","transform","DragLayer","renderItem","itemType","isDragging","item","useDragLayer","monitor","getItem","getItemType","getInitialSourceClientOffset","getSourceClientOffset","getClientOffset","_jsx","Box","height","left","position","pointerEvents","top","zIndex","width","style","type"],"mappings":";;;;;AAKA,SAASA,QAAAA,CACPC,aAA6B,EAC7BC,aAA6B,EAC7BC,WAA2B,EAAA;AAE3B,IAAA,IAAI,CAACF,aAAAA,IAAiB,CAACC,aAAAA,IAAiB,CAACC,WAAAA,EAAa;QACpD,OAAO;YAAEC,OAAAA,EAAS;AAAO,SAAA;AAC3B,IAAA;AAEA,IAAA,MAAM,EAAEC,CAAC,EAAEC,CAAC,EAAE,GAAGH,WAAAA;IAEjB,OAAO;QACLI,SAAAA,EAAW,CAAC,UAAU,EAAEF,CAAAA,CAAE,IAAI,EAAEC,CAAAA,CAAE,GAAG;AACvC,KAAA;AACF;AAYA,MAAME,SAAAA,GAAY,CAAC,EAAEC,UAAU,EAAkB,GAAA;AAC/C,IAAA,MAAM,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,EAAEX,aAAa,EAAEC,aAAa,EAAEC,WAAW,EAAE,GAAGU,YAAAA,CAChF,CAACC,WAAa;AACZF,YAAAA,IAAAA,EAAME,QAAQC,OAAO,EAAA;AACrBL,YAAAA,QAAAA,EAAUI,QAAQE,WAAW,EAAA;AAC7Bf,YAAAA,aAAAA,EAAea,QAAQG,4BAA4B,EAAA;AACnDf,YAAAA,aAAAA,EAAeY,QAAQI,qBAAqB,EAAA;AAC5CP,YAAAA,UAAAA,EAAYG,QAAQH,UAAU,EAAA;AAC9BR,YAAAA,WAAAA,EAAaW,QAAQK,eAAe;SACtC,CAAA,CAAA;AAGF,IAAA,IAAI,CAACR,UAAAA,EAAY;QACf,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,qBACES,GAAA,CAACC,GAAAA,EAAAA;QACCC,MAAAA,EAAO,MAAA;QACPC,IAAAA,EAAM,CAAA;QACNC,QAAAA,EAAS,OAAA;QACTC,aAAAA,EAAc,MAAA;QACdC,GAAAA,EAAK,CAAA;QACLC,MAAAA,EAAQ,GAAA;QACRC,KAAAA,EAAM,MAAA;AAEN,QAAA,QAAA,gBAAAR,GAAA,CAACC,GAAAA,EAAAA;YAAIQ,KAAAA,EAAO7B,QAAAA,CAASC,eAAeC,aAAAA,EAAeC,WAAAA,CAAAA;sBAChDM,UAAAA,CAAW;gBAAEqB,IAAAA,EAAMpB,QAAAA;AAAUE,gBAAAA;AAAK,aAAA;;;AAI3C;;;;"}

package/dist/admin/components/DragPreviews/CardDragPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardDragPreview.js","sources":["../../../../admin/src/components/DragPreviews/CardDragPreview.tsx"],"sourcesContent":["import { useIsDesktop } from '@strapi/admin/strapi-admin';\nimport { Flex, FlexComponent, Typography } from '@strapi/design-system';\nimport { Cross, Drag, Pencil } from '@strapi/icons';\nimport { styled } from 'styled-components';\n\ninterface CardDragPreviewProps {\n  label: string;\n  isSibling?: boolean;\n}\n\nconst CardDragPreview = ({ label, isSibling = false }: CardDragPreviewProps) => {\n  const isDesktop = useIsDesktop();\n  return (\n    <FieldContainer\n      background={isSibling ? 'neutral100' : 'primary100'}\n      display=\"inline-flex\"\n      gap={3}\n      hasRadius\n      justifyContent=\"space-between\"\n      $isSibling={isSibling}\n      max-height={`3.2rem`}\n      maxWidth=\"min-content\"\n    >\n      <Flex gap={3}>\n        {isDesktop && (\n          <DragButton alignItems=\"center\" cursor=\"all-scroll\" padding={3}>\n            <Drag />\n          </DragButton>\n        )}\n\n        <Typography\n          textColor={isSibling ? undefined : 'primary600'}\n          fontWeight=\"bold\"\n          ellipsis\n          maxWidth=\"7.2rem\"\n        >\n          {label}\n        </Typography>\n      </Flex>\n\n      <Flex>\n        <ActionBox alignItems=\"center\">\n          <Pencil />\n        </ActionBox>\n\n        <ActionBox alignItems=\"center\">\n          <Cross />\n        </ActionBox>\n      </Flex>\n    </FieldContainer>\n  );\n};\n\nconst ActionBox = styled<FlexComponent>(Flex)`\n  height: ${({ theme }) => theme.spaces[7]};\n\n  &:last-child {\n    padding: 0 ${({ theme }) => theme.spaces[3]};\n  }\n`;\n\nconst DragButton = styled(ActionBox)`\n  border-right: 1px solid ${({ theme }) => theme.colors.primary200};\n\n  svg {\n    width: 1.2rem;\n    height: 1.2rem;\n  }\n`;\n\nconst FieldContainer = styled<FlexComponent>(Flex)<{ $isSibling: boolean }>`\n  border: 1px solid\n    ${({ theme, $isSibling }) => ($isSibling ? theme.colors.neutral150 : theme.colors.primary200)};\n\n  svg {\n    width: 1rem;\n    height: 1rem;\n\n    path {\n      fill: ${({ theme, $isSibling }) => ($isSibling ? undefined : theme.colors.primary600)};\n    }\n  }\n`;\n\nexport { CardDragPreview };\nexport type { CardDragPreviewProps };\n"],"names":["CardDragPreview","label","isSibling","isDesktop","useIsDesktop","_jsxs","FieldContainer","background","display","gap","hasRadius","justifyContent","$isSibling","max-height","maxWidth","Flex","_jsx","DragButton","alignItems","cursor","padding","Drag","Typography","textColor","undefined","fontWeight","ellipsis","ActionBox","Pencil","Cross","styled","theme","spaces","colors","primary200","neutral150","primary600"],"mappings":";;;;;;;;AAUA,MAAMA,kBAAkB,CAAC,EAAEC,KAAK,EAAEC,SAAAA,GAAY,KAAK,EAAwB,GAAA;AACzE,IAAA,MAAMC,SAAYC,GAAAA,wBAAAA,EAAAA;AAClB,IAAA,qBACEC,eAACC,CAAAA,cAAAA,EAAAA;AACCC,QAAAA,UAAAA,EAAYL,YAAY,YAAe,GAAA,YAAA;QACvCM,OAAQ,EAAA,aAAA;QACRC,GAAK,EAAA,CAAA;QACLC,SAAS,EAAA,IAAA;QACTC,cAAe,EAAA,eAAA;QACfC,UAAYV,EAAAA,SAAAA;QACZW,YAAY,EAAA,CAAC,MAAM,CAAC;QACpBC,QAAS,EAAA,aAAA;;0BAETT,eAACU,CAAAA,iBAAAA,EAAAA;gBAAKN,GAAK,EAAA,CAAA;;AACRN,oBAAAA,SAAAA,kBACCa,cAACC,CAAAA,UAAAA,EAAAA;wBAAWC,UAAW,EAAA,QAAA;wBAASC,MAAO,EAAA,YAAA;wBAAaC,OAAS,EAAA,CAAA;AAC3D,wBAAA,QAAA,gBAAAJ,cAACK,CAAAA,UAAAA,EAAAA,EAAAA;;kCAILL,cAACM,CAAAA,uBAAAA,EAAAA;AACCC,wBAAAA,SAAAA,EAAWrB,YAAYsB,SAAY,GAAA,YAAA;wBACnCC,UAAW,EAAA,MAAA;wBACXC,QAAQ,EAAA,IAAA;wBACRZ,QAAS,EAAA,QAAA;AAERb,wBAAAA,QAAAA,EAAAA;;;;0BAILI,eAACU,CAAAA,iBAAAA,EAAAA;;kCACCC,cAACW,CAAAA,SAAAA,EAAAA;wBAAUT,UAAW,EAAA,QAAA;AACpB,wBAAA,QAAA,gBAAAF,cAACY,CAAAA,YAAAA,EAAAA,EAAAA;;kCAGHZ,cAACW,CAAAA,SAAAA,EAAAA;wBAAUT,UAAW,EAAA,QAAA;AACpB,wBAAA,QAAA,gBAAAF,cAACa,CAAAA,WAAAA,EAAAA,EAAAA;;;;;;AAKX;AAEA,MAAMF,SAAAA,GAAYG,uBAAsBf,CAAAA,iBAAAA,CAAK;UACnC,EAAE,CAAC,EAAEgB,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAAC,CAAA,CAAE,CAAC;;;eAG5B,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAAC,CAAA,CAAE,CAAC;;AAEhD,CAAC;AAED,MAAMf,UAAAA,GAAaa,uBAAOH,CAAAA,SAAAA,CAAU;0BACV,EAAE,CAAC,EAAEI,KAAK,EAAE,GAAKA,KAAME,CAAAA,MAAM,CAACC,UAAU,CAAC;;;;;;AAMnE,CAAC;AAED,MAAM5B,cAAAA,GAAiBwB,uBAAsBf,CAAAA,iBAAAA,CAA8B;;AAEvE,IAAA,EAAE,CAAC,EAAEgB,KAAK,EAAEnB,UAAU,EAAE,GAAMA,UAAAA,GAAamB,KAAME,CAAAA,MAAM,CAACE,UAAU,GAAGJ,MAAME,MAAM,CAACC,UAAU,CAAE;;;;;;;AAOtF,YAAA,EAAE,CAAC,EAAEH,KAAK,EAAEnB,UAAU,EAAE,GAAMA,UAAAA,GAAaY,SAAYO,GAAAA,KAAAA,CAAME,MAAM,CAACG,UAAU,CAAE;;;AAG5F,CAAC;;;;"}
+{"version":3,"file":"CardDragPreview.js","sources":["../../../../admin/src/components/DragPreviews/CardDragPreview.tsx"],"sourcesContent":["import { useIsDesktop } from '@strapi/admin/strapi-admin';\nimport { Flex, FlexComponent, Typography } from '@strapi/design-system';\nimport { Cross, Drag, Pencil } from '@strapi/icons';\nimport { styled } from 'styled-components';\n\ninterface CardDragPreviewProps {\n  label: string;\n  isSibling?: boolean;\n}\n\nconst CardDragPreview = ({ label, isSibling = false }: CardDragPreviewProps) => {\n  const isDesktop = useIsDesktop();\n  return (\n    <FieldContainer\n      background={isSibling ? 'neutral100' : 'primary100'}\n      display=\"inline-flex\"\n      gap={3}\n      hasRadius\n      justifyContent=\"space-between\"\n      $isSibling={isSibling}\n      max-height={`3.2rem`}\n      maxWidth=\"min-content\"\n    >\n      <Flex gap={3}>\n        {isDesktop && (\n          <DragButton alignItems=\"center\" cursor=\"all-scroll\" padding={3}>\n            <Drag />\n          </DragButton>\n        )}\n\n        <Typography\n          textColor={isSibling ? undefined : 'primary600'}\n          fontWeight=\"bold\"\n          ellipsis\n          maxWidth=\"7.2rem\"\n        >\n          {label}\n        </Typography>\n      </Flex>\n\n      <Flex>\n        <ActionBox alignItems=\"center\">\n          <Pencil />\n        </ActionBox>\n\n        <ActionBox alignItems=\"center\">\n          <Cross />\n        </ActionBox>\n      </Flex>\n    </FieldContainer>\n  );\n};\n\nconst ActionBox = styled<FlexComponent>(Flex)`\n  height: ${({ theme }) => theme.spaces[7]};\n\n  &:last-child {\n    padding: 0 ${({ theme }) => theme.spaces[3]};\n  }\n`;\n\nconst DragButton = styled(ActionBox)`\n  border-right: 1px solid ${({ theme }) => theme.colors.primary200};\n\n  svg {\n    width: 1.2rem;\n    height: 1.2rem;\n  }\n`;\n\nconst FieldContainer = styled<FlexComponent>(Flex)<{ $isSibling: boolean }>`\n  border: 1px solid\n    ${({ theme, $isSibling }) => ($isSibling ? theme.colors.neutral150 : theme.colors.primary200)};\n\n  svg {\n    width: 1rem;\n    height: 1rem;\n\n    path {\n      fill: ${({ theme, $isSibling }) => ($isSibling ? undefined : theme.colors.primary600)};\n    }\n  }\n`;\n\nexport { CardDragPreview };\nexport type { CardDragPreviewProps };\n"],"names":["CardDragPreview","label","isSibling","isDesktop","useIsDesktop","_jsxs","FieldContainer","background","display","gap","hasRadius","justifyContent","$isSibling","max-height","maxWidth","Flex","_jsx","DragButton","alignItems","cursor","padding","Drag","Typography","textColor","undefined","fontWeight","ellipsis","ActionBox","Pencil","Cross","styled","theme","spaces","colors","primary200","neutral150","primary600"],"mappings":";;;;;;;;AAUA,MAAMA,kBAAkB,CAAC,EAAEC,KAAK,EAAEC,SAAAA,GAAY,KAAK,EAAwB,GAAA;AACzE,IAAA,MAAMC,SAAAA,GAAYC,wBAAAA,EAAAA;AAClB,IAAA,qBACEC,eAAA,CAACC,cAAAA,EAAAA;AACCC,QAAAA,UAAAA,EAAYL,YAAY,YAAA,GAAe,YAAA;QACvCM,OAAAA,EAAQ,aAAA;QACRC,GAAAA,EAAK,CAAA;QACLC,SAAS,EAAA,IAAA;QACTC,cAAAA,EAAe,eAAA;QACfC,UAAAA,EAAYV,SAAAA;QACZW,YAAAA,EAAY,CAAC,MAAM,CAAC;QACpBC,QAAAA,EAAS,aAAA;;0BAETT,eAAA,CAACU,iBAAAA,EAAAA;gBAAKN,GAAAA,EAAK,CAAA;;AACRN,oBAAAA,SAAAA,kBACCa,cAAA,CAACC,UAAAA,EAAAA;wBAAWC,UAAAA,EAAW,QAAA;wBAASC,MAAAA,EAAO,YAAA;wBAAaC,OAAAA,EAAS,CAAA;AAC3D,wBAAA,QAAA,gBAAAJ,cAAA,CAACK,UAAAA,EAAAA,EAAAA;;kCAILL,cAAA,CAACM,uBAAAA,EAAAA;AACCC,wBAAAA,SAAAA,EAAWrB,YAAYsB,SAAAA,GAAY,YAAA;wBACnCC,UAAAA,EAAW,MAAA;wBACXC,QAAQ,EAAA,IAAA;wBACRZ,QAAAA,EAAS,QAAA;AAERb,wBAAAA,QAAAA,EAAAA;;;;0BAILI,eAAA,CAACU,iBAAAA,EAAAA;;kCACCC,cAAA,CAACW,SAAAA,EAAAA;wBAAUT,UAAAA,EAAW,QAAA;AACpB,wBAAA,QAAA,gBAAAF,cAAA,CAACY,YAAAA,EAAAA,EAAAA;;kCAGHZ,cAAA,CAACW,SAAAA,EAAAA;wBAAUT,UAAAA,EAAW,QAAA;AACpB,wBAAA,QAAA,gBAAAF,cAAA,CAACa,WAAAA,EAAAA,EAAAA;;;;;;AAKX;AAEA,MAAMF,SAAAA,GAAYG,uBAAAA,CAAsBf,iBAAAA,CAAK;UACnC,EAAE,CAAC,EAAEgB,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;;;eAG5B,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;;AAEhD,CAAC;AAED,MAAMf,UAAAA,GAAaa,uBAAAA,CAAOH,SAAAA,CAAU;0BACV,EAAE,CAAC,EAAEI,KAAK,EAAE,GAAKA,KAAAA,CAAME,MAAM,CAACC,UAAU,CAAC;;;;;;AAMnE,CAAC;AAED,MAAM5B,cAAAA,GAAiBwB,uBAAAA,CAAsBf,iBAAAA,CAA8B;;AAEvE,IAAA,EAAE,CAAC,EAAEgB,KAAK,EAAEnB,UAAU,EAAE,GAAMA,UAAAA,GAAamB,KAAAA,CAAME,MAAM,CAACE,UAAU,GAAGJ,MAAME,MAAM,CAACC,UAAU,CAAE;;;;;;;AAOtF,YAAA,EAAE,CAAC,EAAEH,KAAK,EAAEnB,UAAU,EAAE,GAAMA,UAAAA,GAAaY,SAAAA,GAAYO,KAAAA,CAAME,MAAM,CAACG,UAAU,CAAE;;;AAG5F,CAAC;;;;"}

package/dist/admin/components/DragPreviews/CardDragPreview.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardDragPreview.mjs","sources":["../../../../admin/src/components/DragPreviews/CardDragPreview.tsx"],"sourcesContent":["import { useIsDesktop } from '@strapi/admin/strapi-admin';\nimport { Flex, FlexComponent, Typography } from '@strapi/design-system';\nimport { Cross, Drag, Pencil } from '@strapi/icons';\nimport { styled } from 'styled-components';\n\ninterface CardDragPreviewProps {\n  label: string;\n  isSibling?: boolean;\n}\n\nconst CardDragPreview = ({ label, isSibling = false }: CardDragPreviewProps) => {\n  const isDesktop = useIsDesktop();\n  return (\n    <FieldContainer\n      background={isSibling ? 'neutral100' : 'primary100'}\n      display=\"inline-flex\"\n      gap={3}\n      hasRadius\n      justifyContent=\"space-between\"\n      $isSibling={isSibling}\n      max-height={`3.2rem`}\n      maxWidth=\"min-content\"\n    >\n      <Flex gap={3}>\n        {isDesktop && (\n          <DragButton alignItems=\"center\" cursor=\"all-scroll\" padding={3}>\n            <Drag />\n          </DragButton>\n        )}\n\n        <Typography\n          textColor={isSibling ? undefined : 'primary600'}\n          fontWeight=\"bold\"\n          ellipsis\n          maxWidth=\"7.2rem\"\n        >\n          {label}\n        </Typography>\n      </Flex>\n\n      <Flex>\n        <ActionBox alignItems=\"center\">\n          <Pencil />\n        </ActionBox>\n\n        <ActionBox alignItems=\"center\">\n          <Cross />\n        </ActionBox>\n      </Flex>\n    </FieldContainer>\n  );\n};\n\nconst ActionBox = styled<FlexComponent>(Flex)`\n  height: ${({ theme }) => theme.spaces[7]};\n\n  &:last-child {\n    padding: 0 ${({ theme }) => theme.spaces[3]};\n  }\n`;\n\nconst DragButton = styled(ActionBox)`\n  border-right: 1px solid ${({ theme }) => theme.colors.primary200};\n\n  svg {\n    width: 1.2rem;\n    height: 1.2rem;\n  }\n`;\n\nconst FieldContainer = styled<FlexComponent>(Flex)<{ $isSibling: boolean }>`\n  border: 1px solid\n    ${({ theme, $isSibling }) => ($isSibling ? theme.colors.neutral150 : theme.colors.primary200)};\n\n  svg {\n    width: 1rem;\n    height: 1rem;\n\n    path {\n      fill: ${({ theme, $isSibling }) => ($isSibling ? undefined : theme.colors.primary600)};\n    }\n  }\n`;\n\nexport { CardDragPreview };\nexport type { CardDragPreviewProps };\n"],"names":["CardDragPreview","label","isSibling","isDesktop","useIsDesktop","_jsxs","FieldContainer","background","display","gap","hasRadius","justifyContent","$isSibling","max-height","maxWidth","Flex","_jsx","DragButton","alignItems","cursor","padding","Drag","Typography","textColor","undefined","fontWeight","ellipsis","ActionBox","Pencil","Cross","styled","theme","spaces","colors","primary200","neutral150","primary600"],"mappings":";;;;;;AAUA,MAAMA,kBAAkB,CAAC,EAAEC,KAAK,EAAEC,SAAAA,GAAY,KAAK,EAAwB,GAAA;AACzE,IAAA,MAAMC,SAAYC,GAAAA,YAAAA,EAAAA;AAClB,IAAA,qBACEC,IAACC,CAAAA,cAAAA,EAAAA;AACCC,QAAAA,UAAAA,EAAYL,YAAY,YAAe,GAAA,YAAA;QACvCM,OAAQ,EAAA,aAAA;QACRC,GAAK,EAAA,CAAA;QACLC,SAAS,EAAA,IAAA;QACTC,cAAe,EAAA,eAAA;QACfC,UAAYV,EAAAA,SAAAA;QACZW,YAAY,EAAA,CAAC,MAAM,CAAC;QACpBC,QAAS,EAAA,aAAA;;0BAETT,IAACU,CAAAA,IAAAA,EAAAA;gBAAKN,GAAK,EAAA,CAAA;;AACRN,oBAAAA,SAAAA,kBACCa,GAACC,CAAAA,UAAAA,EAAAA;wBAAWC,UAAW,EAAA,QAAA;wBAASC,MAAO,EAAA,YAAA;wBAAaC,OAAS,EAAA,CAAA;AAC3D,wBAAA,QAAA,gBAAAJ,GAACK,CAAAA,IAAAA,EAAAA,EAAAA;;kCAILL,GAACM,CAAAA,UAAAA,EAAAA;AACCC,wBAAAA,SAAAA,EAAWrB,YAAYsB,SAAY,GAAA,YAAA;wBACnCC,UAAW,EAAA,MAAA;wBACXC,QAAQ,EAAA,IAAA;wBACRZ,QAAS,EAAA,QAAA;AAERb,wBAAAA,QAAAA,EAAAA;;;;0BAILI,IAACU,CAAAA,IAAAA,EAAAA;;kCACCC,GAACW,CAAAA,SAAAA,EAAAA;wBAAUT,UAAW,EAAA,QAAA;AACpB,wBAAA,QAAA,gBAAAF,GAACY,CAAAA,MAAAA,EAAAA,EAAAA;;kCAGHZ,GAACW,CAAAA,SAAAA,EAAAA;wBAAUT,UAAW,EAAA,QAAA;AACpB,wBAAA,QAAA,gBAAAF,GAACa,CAAAA,KAAAA,EAAAA,EAAAA;;;;;;AAKX;AAEA,MAAMF,SAAAA,GAAYG,MAAsBf,CAAAA,IAAAA,CAAK;UACnC,EAAE,CAAC,EAAEgB,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAAC,CAAA,CAAE,CAAC;;;eAG5B,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAAC,CAAA,CAAE,CAAC;;AAEhD,CAAC;AAED,MAAMf,UAAAA,GAAaa,MAAOH,CAAAA,SAAAA,CAAU;0BACV,EAAE,CAAC,EAAEI,KAAK,EAAE,GAAKA,KAAME,CAAAA,MAAM,CAACC,UAAU,CAAC;;;;;;AAMnE,CAAC;AAED,MAAM5B,cAAAA,GAAiBwB,MAAsBf,CAAAA,IAAAA,CAA8B;;AAEvE,IAAA,EAAE,CAAC,EAAEgB,KAAK,EAAEnB,UAAU,EAAE,GAAMA,UAAAA,GAAamB,KAAME,CAAAA,MAAM,CAACE,UAAU,GAAGJ,MAAME,MAAM,CAACC,UAAU,CAAE;;;;;;;AAOtF,YAAA,EAAE,CAAC,EAAEH,KAAK,EAAEnB,UAAU,EAAE,GAAMA,UAAAA,GAAaY,SAAYO,GAAAA,KAAAA,CAAME,MAAM,CAACG,UAAU,CAAE;;;AAG5F,CAAC;;;;"}
+{"version":3,"file":"CardDragPreview.mjs","sources":["../../../../admin/src/components/DragPreviews/CardDragPreview.tsx"],"sourcesContent":["import { useIsDesktop } from '@strapi/admin/strapi-admin';\nimport { Flex, FlexComponent, Typography } from '@strapi/design-system';\nimport { Cross, Drag, Pencil } from '@strapi/icons';\nimport { styled } from 'styled-components';\n\ninterface CardDragPreviewProps {\n  label: string;\n  isSibling?: boolean;\n}\n\nconst CardDragPreview = ({ label, isSibling = false }: CardDragPreviewProps) => {\n  const isDesktop = useIsDesktop();\n  return (\n    <FieldContainer\n      background={isSibling ? 'neutral100' : 'primary100'}\n      display=\"inline-flex\"\n      gap={3}\n      hasRadius\n      justifyContent=\"space-between\"\n      $isSibling={isSibling}\n      max-height={`3.2rem`}\n      maxWidth=\"min-content\"\n    >\n      <Flex gap={3}>\n        {isDesktop && (\n          <DragButton alignItems=\"center\" cursor=\"all-scroll\" padding={3}>\n            <Drag />\n          </DragButton>\n        )}\n\n        <Typography\n          textColor={isSibling ? undefined : 'primary600'}\n          fontWeight=\"bold\"\n          ellipsis\n          maxWidth=\"7.2rem\"\n        >\n          {label}\n        </Typography>\n      </Flex>\n\n      <Flex>\n        <ActionBox alignItems=\"center\">\n          <Pencil />\n        </ActionBox>\n\n        <ActionBox alignItems=\"center\">\n          <Cross />\n        </ActionBox>\n      </Flex>\n    </FieldContainer>\n  );\n};\n\nconst ActionBox = styled<FlexComponent>(Flex)`\n  height: ${({ theme }) => theme.spaces[7]};\n\n  &:last-child {\n    padding: 0 ${({ theme }) => theme.spaces[3]};\n  }\n`;\n\nconst DragButton = styled(ActionBox)`\n  border-right: 1px solid ${({ theme }) => theme.colors.primary200};\n\n  svg {\n    width: 1.2rem;\n    height: 1.2rem;\n  }\n`;\n\nconst FieldContainer = styled<FlexComponent>(Flex)<{ $isSibling: boolean }>`\n  border: 1px solid\n    ${({ theme, $isSibling }) => ($isSibling ? theme.colors.neutral150 : theme.colors.primary200)};\n\n  svg {\n    width: 1rem;\n    height: 1rem;\n\n    path {\n      fill: ${({ theme, $isSibling }) => ($isSibling ? undefined : theme.colors.primary600)};\n    }\n  }\n`;\n\nexport { CardDragPreview };\nexport type { CardDragPreviewProps };\n"],"names":["CardDragPreview","label","isSibling","isDesktop","useIsDesktop","_jsxs","FieldContainer","background","display","gap","hasRadius","justifyContent","$isSibling","max-height","maxWidth","Flex","_jsx","DragButton","alignItems","cursor","padding","Drag","Typography","textColor","undefined","fontWeight","ellipsis","ActionBox","Pencil","Cross","styled","theme","spaces","colors","primary200","neutral150","primary600"],"mappings":";;;;;;AAUA,MAAMA,kBAAkB,CAAC,EAAEC,KAAK,EAAEC,SAAAA,GAAY,KAAK,EAAwB,GAAA;AACzE,IAAA,MAAMC,SAAAA,GAAYC,YAAAA,EAAAA;AAClB,IAAA,qBACEC,IAAA,CAACC,cAAAA,EAAAA;AACCC,QAAAA,UAAAA,EAAYL,YAAY,YAAA,GAAe,YAAA;QACvCM,OAAAA,EAAQ,aAAA;QACRC,GAAAA,EAAK,CAAA;QACLC,SAAS,EAAA,IAAA;QACTC,cAAAA,EAAe,eAAA;QACfC,UAAAA,EAAYV,SAAAA;QACZW,YAAAA,EAAY,CAAC,MAAM,CAAC;QACpBC,QAAAA,EAAS,aAAA;;0BAETT,IAAA,CAACU,IAAAA,EAAAA;gBAAKN,GAAAA,EAAK,CAAA;;AACRN,oBAAAA,SAAAA,kBACCa,GAAA,CAACC,UAAAA,EAAAA;wBAAWC,UAAAA,EAAW,QAAA;wBAASC,MAAAA,EAAO,YAAA;wBAAaC,OAAAA,EAAS,CAAA;AAC3D,wBAAA,QAAA,gBAAAJ,GAAA,CAACK,IAAAA,EAAAA,EAAAA;;kCAILL,GAAA,CAACM,UAAAA,EAAAA;AACCC,wBAAAA,SAAAA,EAAWrB,YAAYsB,SAAAA,GAAY,YAAA;wBACnCC,UAAAA,EAAW,MAAA;wBACXC,QAAQ,EAAA,IAAA;wBACRZ,QAAAA,EAAS,QAAA;AAERb,wBAAAA,QAAAA,EAAAA;;;;0BAILI,IAAA,CAACU,IAAAA,EAAAA;;kCACCC,GAAA,CAACW,SAAAA,EAAAA;wBAAUT,UAAAA,EAAW,QAAA;AACpB,wBAAA,QAAA,gBAAAF,GAAA,CAACY,MAAAA,EAAAA,EAAAA;;kCAGHZ,GAAA,CAACW,SAAAA,EAAAA;wBAAUT,UAAAA,EAAW,QAAA;AACpB,wBAAA,QAAA,gBAAAF,GAAA,CAACa,KAAAA,EAAAA,EAAAA;;;;;;AAKX;AAEA,MAAMF,SAAAA,GAAYG,MAAAA,CAAsBf,IAAAA,CAAK;UACnC,EAAE,CAAC,EAAEgB,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;;;eAG5B,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;;AAEhD,CAAC;AAED,MAAMf,UAAAA,GAAaa,MAAAA,CAAOH,SAAAA,CAAU;0BACV,EAAE,CAAC,EAAEI,KAAK,EAAE,GAAKA,KAAAA,CAAME,MAAM,CAACC,UAAU,CAAC;;;;;;AAMnE,CAAC;AAED,MAAM5B,cAAAA,GAAiBwB,MAAAA,CAAsBf,IAAAA,CAA8B;;AAEvE,IAAA,EAAE,CAAC,EAAEgB,KAAK,EAAEnB,UAAU,EAAE,GAAMA,UAAAA,GAAamB,KAAAA,CAAME,MAAM,CAACE,UAAU,GAAGJ,MAAME,MAAM,CAACC,UAAU,CAAE;;;;;;;AAOtF,YAAA,EAAE,CAAC,EAAEH,KAAK,EAAEnB,UAAU,EAAE,GAAMA,UAAAA,GAAaY,SAAAA,GAAYO,KAAAA,CAAME,MAAM,CAACG,UAAU,CAAE;;;AAG5F,CAAC;;;;"}

package/dist/admin/components/DragPreviews/ComponentDragPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentDragPreview.js","sources":["../../../../admin/src/components/DragPreviews/ComponentDragPreview.tsx"],"sourcesContent":["import { useIsDesktop } from '@strapi/admin/strapi-admin';\nimport { Flex, FlexComponent, IconButton, Typography } from '@strapi/design-system';\nimport { CaretDown, Drag, Trash } from '@strapi/icons';\nimport { styled } from 'styled-components';\n\ninterface ComponentDragPreviewProps {\n  displayedValue: string;\n}\n\nconst ComponentDragPreview = ({ displayedValue }: ComponentDragPreviewProps) => {\n  const isDesktop = useIsDesktop();\n  return (\n    <Flex\n      background=\"neutral0\"\n      borderColor=\"neutral200\"\n      justifyContent=\"space-between\"\n      gap={3}\n      padding={3}\n      width=\"30rem\"\n    >\n      <ToggleButton type=\"button\">\n        <Flex gap={6}>\n          <DropdownIconWrapper\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            background=\"neutral200\"\n            height=\"3.2rem\"\n            width=\"3.2rem\"\n          >\n            <CaretDown />\n          </DropdownIconWrapper>\n\n          <Flex maxWidth=\"15rem\">\n            <Typography textColor=\"neutral700\" ellipsis>\n              {displayedValue}\n            </Typography>\n          </Flex>\n        </Flex>\n      </ToggleButton>\n\n      <Flex gap={2}>\n        <IconButton withTooltip={false} label=\"\" variant=\"ghost\">\n          <Trash />\n        </IconButton>\n\n        {isDesktop && (\n          <IconButton withTooltip={false} label=\"\" variant=\"ghost\">\n            <Drag />\n          </IconButton>\n        )}\n      </Flex>\n    </Flex>\n  );\n};\n\nconst DropdownIconWrapper = styled<FlexComponent>(Flex)`\n  border-radius: 50%;\n\n  svg {\n    height: 0.6rem;\n    width: 1.1rem;\n    > path {\n      fill: ${({ theme }) => theme.colors.neutral600};\n    }\n  }\n`;\n\n// TODO: we shouldn't have to reset a whole button\nconst ToggleButton = styled.button`\n  border: none;\n  background: transparent;\n  display: block;\n  width: 100%;\n  text-align: unset;\n  padding: 0;\n`;\n\nexport { ComponentDragPreview };\nexport type { ComponentDragPreviewProps };\n"],"names":["ComponentDragPreview","displayedValue","isDesktop","useIsDesktop","_jsxs","Flex","background","borderColor","justifyContent","gap","padding","width","_jsx","ToggleButton","type","DropdownIconWrapper","alignItems","height","CaretDown","maxWidth","Typography","textColor","ellipsis","IconButton","withTooltip","label","variant","Trash","Drag","styled","theme","colors","neutral600","button"],"mappings":";;;;;;;;AASA,MAAMA,oBAAuB,GAAA,CAAC,EAAEC,cAAc,EAA6B,GAAA;AACzE,IAAA,MAAMC,SAAYC,GAAAA,wBAAAA,EAAAA;AAClB,IAAA,qBACEC,eAACC,CAAAA,iBAAAA,EAAAA;QACCC,UAAW,EAAA,UAAA;QACXC,WAAY,EAAA,YAAA;QACZC,cAAe,EAAA,eAAA;QACfC,GAAK,EAAA,CAAA;QACLC,OAAS,EAAA,CAAA;QACTC,KAAM,EAAA,OAAA;;0BAENC,cAACC,CAAAA,YAAAA,EAAAA;gBAAaC,IAAK,EAAA,QAAA;AACjB,gBAAA,QAAA,gBAAAV,eAACC,CAAAA,iBAAAA,EAAAA;oBAAKI,GAAK,EAAA,CAAA;;sCACTG,cAACG,CAAAA,mBAAAA,EAAAA;4BACCC,UAAW,EAAA,QAAA;4BACXR,cAAe,EAAA,QAAA;4BACfF,UAAW,EAAA,YAAA;4BACXW,MAAO,EAAA,QAAA;4BACPN,KAAM,EAAA,QAAA;AAEN,4BAAA,QAAA,gBAAAC,cAACM,CAAAA,eAAAA,EAAAA,EAAAA;;sCAGHN,cAACP,CAAAA,iBAAAA,EAAAA;4BAAKc,QAAS,EAAA,OAAA;AACb,4BAAA,QAAA,gBAAAP,cAACQ,CAAAA,uBAAAA,EAAAA;gCAAWC,SAAU,EAAA,YAAA;gCAAaC,QAAQ,EAAA,IAAA;AACxCrB,gCAAAA,QAAAA,EAAAA;;;;;;0BAMTG,eAACC,CAAAA,iBAAAA,EAAAA;gBAAKI,GAAK,EAAA,CAAA;;kCACTG,cAACW,CAAAA,uBAAAA,EAAAA;wBAAWC,WAAa,EAAA,KAAA;wBAAOC,KAAM,EAAA,EAAA;wBAAGC,OAAQ,EAAA,OAAA;AAC/C,wBAAA,QAAA,gBAAAd,cAACe,CAAAA,WAAAA,EAAAA,EAAAA;;AAGFzB,oBAAAA,SAAAA,kBACCU,cAACW,CAAAA,uBAAAA,EAAAA;wBAAWC,WAAa,EAAA,KAAA;wBAAOC,KAAM,EAAA,EAAA;wBAAGC,OAAQ,EAAA,OAAA;AAC/C,wBAAA,QAAA,gBAAAd,cAACgB,CAAAA,UAAAA,EAAAA,EAAAA;;;;;;AAMb;AAEA,MAAMb,mBAAAA,GAAsBc,uBAAsBxB,CAAAA,iBAAAA,CAAK;;;;;;;YAO3C,EAAE,CAAC,EAAEyB,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACC,UAAU,CAAC;;;AAGrD,CAAC;AAED;AACA,MAAMnB,YAAAA,GAAegB,uBAAOI,CAAAA,MAAM;;;;;;;AAOlC,CAAC;;;;"}
+{"version":3,"file":"ComponentDragPreview.js","sources":["../../../../admin/src/components/DragPreviews/ComponentDragPreview.tsx"],"sourcesContent":["import { useIsDesktop } from '@strapi/admin/strapi-admin';\nimport { Flex, FlexComponent, IconButton, Typography } from '@strapi/design-system';\nimport { CaretDown, Drag, Trash } from '@strapi/icons';\nimport { styled } from 'styled-components';\n\ninterface ComponentDragPreviewProps {\n  displayedValue: string;\n}\n\nconst ComponentDragPreview = ({ displayedValue }: ComponentDragPreviewProps) => {\n  const isDesktop = useIsDesktop();\n  return (\n    <Flex\n      background=\"neutral0\"\n      borderColor=\"neutral200\"\n      justifyContent=\"space-between\"\n      gap={3}\n      padding={3}\n      width=\"30rem\"\n    >\n      <ToggleButton type=\"button\">\n        <Flex gap={6}>\n          <DropdownIconWrapper\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            background=\"neutral200\"\n            height=\"3.2rem\"\n            width=\"3.2rem\"\n          >\n            <CaretDown />\n          </DropdownIconWrapper>\n\n          <Flex maxWidth=\"15rem\">\n            <Typography textColor=\"neutral700\" ellipsis>\n              {displayedValue}\n            </Typography>\n          </Flex>\n        </Flex>\n      </ToggleButton>\n\n      <Flex gap={2}>\n        <IconButton withTooltip={false} label=\"\" variant=\"ghost\">\n          <Trash />\n        </IconButton>\n\n        {isDesktop && (\n          <IconButton withTooltip={false} label=\"\" variant=\"ghost\">\n            <Drag />\n          </IconButton>\n        )}\n      </Flex>\n    </Flex>\n  );\n};\n\nconst DropdownIconWrapper = styled<FlexComponent>(Flex)`\n  border-radius: 50%;\n\n  svg {\n    height: 0.6rem;\n    width: 1.1rem;\n    > path {\n      fill: ${({ theme }) => theme.colors.neutral600};\n    }\n  }\n`;\n\n// TODO: we shouldn't have to reset a whole button\nconst ToggleButton = styled.button`\n  border: none;\n  background: transparent;\n  display: block;\n  width: 100%;\n  text-align: unset;\n  padding: 0;\n`;\n\nexport { ComponentDragPreview };\nexport type { ComponentDragPreviewProps };\n"],"names":["ComponentDragPreview","displayedValue","isDesktop","useIsDesktop","_jsxs","Flex","background","borderColor","justifyContent","gap","padding","width","_jsx","ToggleButton","type","DropdownIconWrapper","alignItems","height","CaretDown","maxWidth","Typography","textColor","ellipsis","IconButton","withTooltip","label","variant","Trash","Drag","styled","theme","colors","neutral600","button"],"mappings":";;;;;;;;AASA,MAAMA,oBAAAA,GAAuB,CAAC,EAAEC,cAAc,EAA6B,GAAA;AACzE,IAAA,MAAMC,SAAAA,GAAYC,wBAAAA,EAAAA;AAClB,IAAA,qBACEC,eAAA,CAACC,iBAAAA,EAAAA;QACCC,UAAAA,EAAW,UAAA;QACXC,WAAAA,EAAY,YAAA;QACZC,cAAAA,EAAe,eAAA;QACfC,GAAAA,EAAK,CAAA;QACLC,OAAAA,EAAS,CAAA;QACTC,KAAAA,EAAM,OAAA;;0BAENC,cAAA,CAACC,YAAAA,EAAAA;gBAAaC,IAAAA,EAAK,QAAA;AACjB,gBAAA,QAAA,gBAAAV,eAAA,CAACC,iBAAAA,EAAAA;oBAAKI,GAAAA,EAAK,CAAA;;sCACTG,cAAA,CAACG,mBAAAA,EAAAA;4BACCC,UAAAA,EAAW,QAAA;4BACXR,cAAAA,EAAe,QAAA;4BACfF,UAAAA,EAAW,YAAA;4BACXW,MAAAA,EAAO,QAAA;4BACPN,KAAAA,EAAM,QAAA;AAEN,4BAAA,QAAA,gBAAAC,cAAA,CAACM,eAAAA,EAAAA,EAAAA;;sCAGHN,cAAA,CAACP,iBAAAA,EAAAA;4BAAKc,QAAAA,EAAS,OAAA;AACb,4BAAA,QAAA,gBAAAP,cAAA,CAACQ,uBAAAA,EAAAA;gCAAWC,SAAAA,EAAU,YAAA;gCAAaC,QAAQ,EAAA,IAAA;AACxCrB,gCAAAA,QAAAA,EAAAA;;;;;;0BAMTG,eAAA,CAACC,iBAAAA,EAAAA;gBAAKI,GAAAA,EAAK,CAAA;;kCACTG,cAAA,CAACW,uBAAAA,EAAAA;wBAAWC,WAAAA,EAAa,KAAA;wBAAOC,KAAAA,EAAM,EAAA;wBAAGC,OAAAA,EAAQ,OAAA;AAC/C,wBAAA,QAAA,gBAAAd,cAAA,CAACe,WAAAA,EAAAA,EAAAA;;AAGFzB,oBAAAA,SAAAA,kBACCU,cAAA,CAACW,uBAAAA,EAAAA;wBAAWC,WAAAA,EAAa,KAAA;wBAAOC,KAAAA,EAAM,EAAA;wBAAGC,OAAAA,EAAQ,OAAA;AAC/C,wBAAA,QAAA,gBAAAd,cAAA,CAACgB,UAAAA,EAAAA,EAAAA;;;;;;AAMb;AAEA,MAAMb,mBAAAA,GAAsBc,uBAAAA,CAAsBxB,iBAAAA,CAAK;;;;;;;YAO3C,EAAE,CAAC,EAAEyB,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;;;AAGrD,CAAC;AAED;AACA,MAAMnB,YAAAA,GAAegB,uBAAAA,CAAOI,MAAM;;;;;;;AAOlC,CAAC;;;;"}