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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditFieldForm.js","sources":["../../../../admin/src/components/ConfigurationForm/EditFieldForm.tsx"],"sourcesContent":["import {\r\n  useNotification,\r\n  InputRenderer,\r\n  Form,\r\n  InputProps,\r\n  useField,\r\n} from '@strapi/admin/strapi-admin';\r\nimport { Button, Flex, Grid, Modal } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\nimport * as yup from 'yup';\r\n\r\nimport { ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD } from '../../constants/attributes';\r\nimport { useGetInitialDataQuery } from '../../services/init';\r\nimport { capitalise } from '../../utils/strings';\r\nimport { getTranslation } from '../../utils/translations';\r\nimport { FieldTypeIcon } from '../FieldTypeIcon';\r\n\r\nimport { TEMP_FIELD_NAME } from './Fields';\r\n\r\nimport type { ConfigurationFormData } from './Form';\r\nimport type { Schema } from '@strapi/types';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Constants\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst FIELD_SCHEMA = yup.object().shape({\r\n  label: yup.string().required().nullable(),\r\n  description: yup.string().nullable(),\r\n  placeholder: yup.string().nullable(),\r\n  editable: yup.boolean(),\r\n  size: yup.number().required(),\r\n});\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * EditFieldForm\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface EditFieldFormProps {\r\n  attribute?: Schema.Attribute.AnyAttribute;\r\n  name: string;\r\n  onClose: () => void;\r\n}\r\n\r\nconst EditFieldForm = ({ attribute, name, onClose }: EditFieldFormProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const { toggleNotification } = useNotification();\r\n\r\n  const { value, onChange } =\r\n    useField<ConfigurationFormData['layout'][number]['children'][number]>(name);\r\n\r\n  const { data: mainFieldOptions } = useGetInitialDataQuery(undefined, {\r\n    selectFromResult: (res) => {\r\n      if (attribute?.type !== 'relation' || !res.data) {\r\n        return { data: [] };\r\n      }\r\n\r\n      if ('targetModel' in attribute && typeof attribute.targetModel === 'string') {\r\n        const targetSchema = res.data.contentTypes.find(\r\n          (schema) => schema.uid === attribute.targetModel\r\n        );\r\n\r\n        if (targetSchema) {\r\n          return {\r\n            data: Object.entries(targetSchema.attributes).reduce<\r\n              Array<{ label: string; value: string }>\r\n            >((acc, [key, attribute]) => {\r\n              /**\r\n               * Create the list of attributes from the schema as to which can\r\n               * be our `mainField` and dictate the display name of the schema\r\n               * we're editing.\r\n               */\r\n              if (!ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD.includes(attribute.type)) {\r\n                acc.push({\r\n                  label: key,\r\n                  value: key,\r\n                });\r\n              }\r\n\r\n              return acc;\r\n            }, []),\r\n          };\r\n        }\r\n      }\r\n\r\n      return { data: [] };\r\n    },\r\n    skip: attribute?.type !== 'relation',\r\n  });\r\n\r\n  if (!value || value.name === TEMP_FIELD_NAME || !attribute) {\r\n    // This is very unlikely to happen, but it ensures the form is not opened without a value.\r\n    console.error(\r\n      \"You've opened a field to edit without it being part of the form, this is likely a bug with Strapi. Please open an issue.\"\r\n    );\r\n\r\n    toggleNotification({\r\n      message: formatMessage({\r\n        id: 'content-manager.containers.edit-settings.modal-form.error',\r\n        defaultMessage: 'An error occurred while trying to open the form.',\r\n      }),\r\n      type: 'danger',\r\n    });\r\n\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Modal.Content>\r\n      <Form\r\n        method=\"PUT\"\r\n        initialValues={value}\r\n        validationSchema={FIELD_SCHEMA}\r\n        onSubmit={(data) => {\r\n          onChange(name, data);\r\n          onClose();\r\n        }}\r\n      >\r\n        <Modal.Header>\r\n          <Flex gap={3}>\r\n            <FieldTypeIcon type={attribute.type} />\r\n            <Modal.Title>\r\n              {formatMessage(\r\n                {\r\n                  id: 'content-manager.containers.edit-settings.modal-form.label',\r\n                  defaultMessage: 'Edit {fieldName}',\r\n                },\r\n                { fieldName: capitalise(value.name) }\r\n              )}\r\n            </Modal.Title>\r\n          </Flex>\r\n        </Modal.Header>\r\n        <Modal.Body>\r\n          <Grid.Root gap={4}>\r\n            {[\r\n              {\r\n                name: 'label',\r\n                label: formatMessage({\r\n                  id: getTranslation('containers.edit-settings.modal-form.label'),\r\n                  defaultMessage: 'Label',\r\n                }),\r\n                size: 6,\r\n                type: 'string' as const,\r\n              },\r\n              {\r\n                name: 'description',\r\n                label: formatMessage({\r\n                  id: getTranslation('containers.edit-settings.modal-form.description'),\r\n                  defaultMessage: 'Description',\r\n                }),\r\n                size: 6,\r\n                type: 'string' as const,\r\n              },\r\n              {\r\n                name: 'placeholder',\r\n                label: formatMessage({\r\n                  id: getTranslation('containers.edit-settings.modal-form.placeholder'),\r\n                  defaultMessage: 'Placeholder',\r\n                }),\r\n                size: 6,\r\n                type: 'string' as const,\r\n              },\r\n              {\r\n                name: 'editable',\r\n                label: formatMessage({\r\n                  id: getTranslation('containers.edit-settings.modal-form.editable'),\r\n                  defaultMessage: 'Editable',\r\n                }),\r\n                size: 6,\r\n                type: 'boolean' as const,\r\n              },\r\n              {\r\n                name: 'mainField',\r\n                label: formatMessage({\r\n                  id: getTranslation('containers.edit-settings.modal-form.mainField'),\r\n                  defaultMessage: 'Entry title',\r\n                }),\r\n                hint: formatMessage({\r\n                  id: getTranslation(\r\n                    'containers.SettingPage.edit-settings.modal-form.mainField.hint'\r\n                  ),\r\n                  defaultMessage: 'Set the displayed field',\r\n                }),\r\n                size: 6,\r\n                options: mainFieldOptions,\r\n                type: 'enumeration' as const,\r\n              },\r\n              {\r\n                name: 'size',\r\n                label: formatMessage({\r\n                  id: getTranslation('containers.ListSettingsView.modal-form.size'),\r\n                  defaultMessage: 'Size',\r\n                }),\r\n                size: 6,\r\n                options: [\r\n                  { value: '4', label: '33%' },\r\n                  { value: '6', label: '50%' },\r\n                  { value: '8', label: '66%' },\r\n                  { value: '12', label: '100%' },\r\n                ],\r\n                type: 'enumeration' as const,\r\n              },\r\n            ]\r\n              .filter(filterFieldsBasedOnAttributeType(attribute.type))\r\n              .map(({ size, ...field }) => (\r\n                <Grid.Item\r\n                  key={field.name}\r\n                  col={size}\r\n                  xs={12}\r\n                  direction=\"column\"\r\n                  alignItems=\"stretch\"\r\n                >\r\n                  <InputRenderer {...field} />\r\n                </Grid.Item>\r\n              ))}\r\n          </Grid.Root>\r\n        </Modal.Body>\r\n        <Modal.Footer>\r\n          <Modal.Close>\r\n            <Button variant=\"tertiary\">\r\n              {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\r\n            </Button>\r\n          </Modal.Close>\r\n          <Button type=\"submit\">\r\n            {formatMessage({ id: 'global.finish', defaultMessage: 'Finish' })}\r\n          </Button>\r\n        </Modal.Footer>\r\n      </Form>\r\n    </Modal.Content>\r\n  );\r\n};\r\n\r\n/**\r\n * @internal\r\n * @description not all edit fields have the same editable properties, it depends on the type\r\n * e.g. a dynamic zone can only change it's label.\r\n */\r\nconst filterFieldsBasedOnAttributeType = (type: Schema.Attribute.Kind) => (field: InputProps) => {\r\n  switch (type) {\r\n    case 'blocks':\r\n    case 'richtext':\r\n      return field.name !== 'size' && field.name !== 'mainField';\r\n    case 'boolean':\r\n    case 'media':\r\n      return field.name !== 'placeholder' && field.name !== 'mainField';\r\n    case 'component':\r\n      return field.name === 'label' || field.name === 'editable';\r\n    case 'dynamiczone':\r\n    case 'json':\r\n      return field.name !== 'placeholder' && field.name !== 'mainField' && field.name !== 'size';\r\n    case 'relation':\r\n      return true;\r\n    default:\r\n      return field.name !== 'mainField';\r\n  }\r\n};\r\n\r\nexport { EditFieldForm };\r\nexport type { EditFieldFormProps };\r\n"],"names":["FIELD_SCHEMA","yup","object","shape","label","string","required","nullable","description","placeholder","editable","boolean","size","number","EditFieldForm","attribute","name","onClose","formatMessage","useIntl","toggleNotification","useNotification","value","onChange","useField","data","mainFieldOptions","useGetInitialDataQuery","undefined","selectFromResult","res","type","targetModel","targetSchema","contentTypes","find","schema","uid","Object","entries","attributes","reduce","acc","key","ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD","includes","push","skip","TEMP_FIELD_NAME","console","error","message","id","defaultMessage","_jsx","Modal","Content","_jsxs","Form","method","initialValues","validationSchema","onSubmit","Header","Flex","gap","FieldTypeIcon","Title","fieldName","capitalise","Body","Grid","Root","getTranslation","hint","options","filter","filterFieldsBasedOnAttributeType","map","field","Item","col","xs","direction","alignItems","InputRenderer","Footer","Close","Button","variant"],"mappings":"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"}

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

@@ -0,0 +1,240 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useNotification, useField, Form, InputRenderer } from '@strapi/admin/strapi-admin';
+import { Modal, Flex, Grid, Button } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import * as yup from 'yup';
+import { ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD } from '../../constants/attributes.mjs';
+import { useGetInitialDataQuery } from '../../services/init.mjs';
+import { capitalise } from '../../utils/strings.mjs';
+import { getTranslation } from '../../utils/translations.mjs';
+import { FieldTypeIcon } from '../FieldTypeIcon.mjs';
+import { TEMP_FIELD_NAME } from './Fields.mjs';
+
+/* -------------------------------------------------------------------------------------------------
+ * Constants
+ * -----------------------------------------------------------------------------------------------*/ const FIELD_SCHEMA = yup.object().shape({
+    label: yup.string().required().nullable(),
+    description: yup.string().nullable(),
+    placeholder: yup.string().nullable(),
+    editable: yup.boolean(),
+    size: yup.number().required()
+});
+const EditFieldForm = ({ attribute, name, onClose })=>{
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    const { value, onChange } = useField(name);
+    const { data: mainFieldOptions } = useGetInitialDataQuery(undefined, {
+        selectFromResult: (res)=>{
+            if (attribute?.type !== 'relation' || !res.data) {
+                return {
+                    data: []
+                };
+            }
+            if ('targetModel' in attribute && typeof attribute.targetModel === 'string') {
+                const targetSchema = res.data.contentTypes.find((schema)=>schema.uid === attribute.targetModel);
+                if (targetSchema) {
+                    return {
+                        data: Object.entries(targetSchema.attributes).reduce((acc, [key, attribute])=>{
+                            /**
+               * Create the list of attributes from the schema as to which can
+               * be our `mainField` and dictate the display name of the schema
+               * we're editing.
+               */ if (!ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD.includes(attribute.type)) {
+                                acc.push({
+                                    label: key,
+                                    value: key
+                                });
+                            }
+                            return acc;
+                        }, [])
+                    };
+                }
+            }
+            return {
+                data: []
+            };
+        },
+        skip: attribute?.type !== 'relation'
+    });
+    if (!value || value.name === TEMP_FIELD_NAME || !attribute) {
+        // This is very unlikely to happen, but it ensures the form is not opened without a value.
+        console.error("You've opened a field to edit without it being part of the form, this is likely a bug with Strapi. Please open an issue.");
+        toggleNotification({
+            message: formatMessage({
+                id: 'content-manager.containers.edit-settings.modal-form.error',
+                defaultMessage: 'An error occurred while trying to open the form.'
+            }),
+            type: 'danger'
+        });
+        return null;
+    }
+    return /*#__PURE__*/ jsx(Modal.Content, {
+        children: /*#__PURE__*/ jsxs(Form, {
+            method: "PUT",
+            initialValues: value,
+            validationSchema: FIELD_SCHEMA,
+            onSubmit: (data)=>{
+                onChange(name, data);
+                onClose();
+            },
+            children: [
+                /*#__PURE__*/ jsx(Modal.Header, {
+                    children: /*#__PURE__*/ jsxs(Flex, {
+                        gap: 3,
+                        children: [
+                            /*#__PURE__*/ jsx(FieldTypeIcon, {
+                                type: attribute.type
+                            }),
+                            /*#__PURE__*/ jsx(Modal.Title, {
+                                children: formatMessage({
+                                    id: 'content-manager.containers.edit-settings.modal-form.label',
+                                    defaultMessage: 'Edit {fieldName}'
+                                }, {
+                                    fieldName: capitalise(value.name)
+                                })
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ jsx(Modal.Body, {
+                    children: /*#__PURE__*/ jsx(Grid.Root, {
+                        gap: 4,
+                        children: [
+                            {
+                                name: 'label',
+                                label: formatMessage({
+                                    id: getTranslation('containers.edit-settings.modal-form.label'),
+                                    defaultMessage: 'Label'
+                                }),
+                                size: 6,
+                                type: 'string'
+                            },
+                            {
+                                name: 'description',
+                                label: formatMessage({
+                                    id: getTranslation('containers.edit-settings.modal-form.description'),
+                                    defaultMessage: 'Description'
+                                }),
+                                size: 6,
+                                type: 'string'
+                            },
+                            {
+                                name: 'placeholder',
+                                label: formatMessage({
+                                    id: getTranslation('containers.edit-settings.modal-form.placeholder'),
+                                    defaultMessage: 'Placeholder'
+                                }),
+                                size: 6,
+                                type: 'string'
+                            },
+                            {
+                                name: 'editable',
+                                label: formatMessage({
+                                    id: getTranslation('containers.edit-settings.modal-form.editable'),
+                                    defaultMessage: 'Editable'
+                                }),
+                                size: 6,
+                                type: 'boolean'
+                            },
+                            {
+                                name: 'mainField',
+                                label: formatMessage({
+                                    id: getTranslation('containers.edit-settings.modal-form.mainField'),
+                                    defaultMessage: 'Entry title'
+                                }),
+                                hint: formatMessage({
+                                    id: getTranslation('containers.SettingPage.edit-settings.modal-form.mainField.hint'),
+                                    defaultMessage: 'Set the displayed field'
+                                }),
+                                size: 6,
+                                options: mainFieldOptions,
+                                type: 'enumeration'
+                            },
+                            {
+                                name: 'size',
+                                label: formatMessage({
+                                    id: getTranslation('containers.ListSettingsView.modal-form.size'),
+                                    defaultMessage: 'Size'
+                                }),
+                                size: 6,
+                                options: [
+                                    {
+                                        value: '4',
+                                        label: '33%'
+                                    },
+                                    {
+                                        value: '6',
+                                        label: '50%'
+                                    },
+                                    {
+                                        value: '8',
+                                        label: '66%'
+                                    },
+                                    {
+                                        value: '12',
+                                        label: '100%'
+                                    }
+                                ],
+                                type: 'enumeration'
+                            }
+                        ].filter(filterFieldsBasedOnAttributeType(attribute.type)).map(({ size, ...field })=>/*#__PURE__*/ jsx(Grid.Item, {
+                                col: size,
+                                xs: 12,
+                                direction: "column",
+                                alignItems: "stretch",
+                                children: /*#__PURE__*/ jsx(InputRenderer, {
+                                    ...field
+                                })
+                            }, field.name))
+                    })
+                }),
+                /*#__PURE__*/ jsxs(Modal.Footer, {
+                    children: [
+                        /*#__PURE__*/ jsx(Modal.Close, {
+                            children: /*#__PURE__*/ jsx(Button, {
+                                variant: "tertiary",
+                                children: formatMessage({
+                                    id: 'app.components.Button.cancel',
+                                    defaultMessage: 'Cancel'
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Button, {
+                            type: "submit",
+                            children: formatMessage({
+                                id: 'global.finish',
+                                defaultMessage: 'Finish'
+                            })
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+/**
+ * @internal
+ * @description not all edit fields have the same editable properties, it depends on the type
+ * e.g. a dynamic zone can only change it's label.
+ */ const filterFieldsBasedOnAttributeType = (type)=>(field)=>{
+        switch(type){
+            case 'blocks':
+            case 'richtext':
+                return field.name !== 'size' && field.name !== 'mainField';
+            case 'boolean':
+            case 'media':
+                return field.name !== 'placeholder' && field.name !== 'mainField';
+            case 'component':
+                return field.name === 'label' || field.name === 'editable';
+            case 'dynamiczone':
+            case 'json':
+                return field.name !== 'placeholder' && field.name !== 'mainField' && field.name !== 'size';
+            case 'relation':
+                return true;
+            default:
+                return field.name !== 'mainField';
+        }
+    };
+
+export { EditFieldForm };
+//# sourceMappingURL=EditFieldForm.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditFieldForm.mjs","sources":["../../../../admin/src/components/ConfigurationForm/EditFieldForm.tsx"],"sourcesContent":["import {\r\n  useNotification,\r\n  InputRenderer,\r\n  Form,\r\n  InputProps,\r\n  useField,\r\n} from '@strapi/admin/strapi-admin';\r\nimport { Button, Flex, Grid, Modal } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\nimport * as yup from 'yup';\r\n\r\nimport { ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD } from '../../constants/attributes';\r\nimport { useGetInitialDataQuery } from '../../services/init';\r\nimport { capitalise } from '../../utils/strings';\r\nimport { getTranslation } from '../../utils/translations';\r\nimport { FieldTypeIcon } from '../FieldTypeIcon';\r\n\r\nimport { TEMP_FIELD_NAME } from './Fields';\r\n\r\nimport type { ConfigurationFormData } from './Form';\r\nimport type { Schema } from '@strapi/types';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Constants\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst FIELD_SCHEMA = yup.object().shape({\r\n  label: yup.string().required().nullable(),\r\n  description: yup.string().nullable(),\r\n  placeholder: yup.string().nullable(),\r\n  editable: yup.boolean(),\r\n  size: yup.number().required(),\r\n});\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * EditFieldForm\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface EditFieldFormProps {\r\n  attribute?: Schema.Attribute.AnyAttribute;\r\n  name: string;\r\n  onClose: () => void;\r\n}\r\n\r\nconst EditFieldForm = ({ attribute, name, onClose }: EditFieldFormProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const { toggleNotification } = useNotification();\r\n\r\n  const { value, onChange } =\r\n    useField<ConfigurationFormData['layout'][number]['children'][number]>(name);\r\n\r\n  const { data: mainFieldOptions } = useGetInitialDataQuery(undefined, {\r\n    selectFromResult: (res) => {\r\n      if (attribute?.type !== 'relation' || !res.data) {\r\n        return { data: [] };\r\n      }\r\n\r\n      if ('targetModel' in attribute && typeof attribute.targetModel === 'string') {\r\n        const targetSchema = res.data.contentTypes.find(\r\n          (schema) => schema.uid === attribute.targetModel\r\n        );\r\n\r\n        if (targetSchema) {\r\n          return {\r\n            data: Object.entries(targetSchema.attributes).reduce<\r\n              Array<{ label: string; value: string }>\r\n            >((acc, [key, attribute]) => {\r\n              /**\r\n               * Create the list of attributes from the schema as to which can\r\n               * be our `mainField` and dictate the display name of the schema\r\n               * we're editing.\r\n               */\r\n              if (!ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD.includes(attribute.type)) {\r\n                acc.push({\r\n                  label: key,\r\n                  value: key,\r\n                });\r\n              }\r\n\r\n              return acc;\r\n            }, []),\r\n          };\r\n        }\r\n      }\r\n\r\n      return { data: [] };\r\n    },\r\n    skip: attribute?.type !== 'relation',\r\n  });\r\n\r\n  if (!value || value.name === TEMP_FIELD_NAME || !attribute) {\r\n    // This is very unlikely to happen, but it ensures the form is not opened without a value.\r\n    console.error(\r\n      \"You've opened a field to edit without it being part of the form, this is likely a bug with Strapi. Please open an issue.\"\r\n    );\r\n\r\n    toggleNotification({\r\n      message: formatMessage({\r\n        id: 'content-manager.containers.edit-settings.modal-form.error',\r\n        defaultMessage: 'An error occurred while trying to open the form.',\r\n      }),\r\n      type: 'danger',\r\n    });\r\n\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Modal.Content>\r\n      <Form\r\n        method=\"PUT\"\r\n        initialValues={value}\r\n        validationSchema={FIELD_SCHEMA}\r\n        onSubmit={(data) => {\r\n          onChange(name, data);\r\n          onClose();\r\n        }}\r\n      >\r\n        <Modal.Header>\r\n          <Flex gap={3}>\r\n            <FieldTypeIcon type={attribute.type} />\r\n            <Modal.Title>\r\n              {formatMessage(\r\n                {\r\n                  id: 'content-manager.containers.edit-settings.modal-form.label',\r\n                  defaultMessage: 'Edit {fieldName}',\r\n                },\r\n                { fieldName: capitalise(value.name) }\r\n              )}\r\n            </Modal.Title>\r\n          </Flex>\r\n        </Modal.Header>\r\n        <Modal.Body>\r\n          <Grid.Root gap={4}>\r\n            {[\r\n              {\r\n                name: 'label',\r\n                label: formatMessage({\r\n                  id: getTranslation('containers.edit-settings.modal-form.label'),\r\n                  defaultMessage: 'Label',\r\n                }),\r\n                size: 6,\r\n                type: 'string' as const,\r\n              },\r\n              {\r\n                name: 'description',\r\n                label: formatMessage({\r\n                  id: getTranslation('containers.edit-settings.modal-form.description'),\r\n                  defaultMessage: 'Description',\r\n                }),\r\n                size: 6,\r\n                type: 'string' as const,\r\n              },\r\n              {\r\n                name: 'placeholder',\r\n                label: formatMessage({\r\n                  id: getTranslation('containers.edit-settings.modal-form.placeholder'),\r\n                  defaultMessage: 'Placeholder',\r\n                }),\r\n                size: 6,\r\n                type: 'string' as const,\r\n              },\r\n              {\r\n                name: 'editable',\r\n                label: formatMessage({\r\n                  id: getTranslation('containers.edit-settings.modal-form.editable'),\r\n                  defaultMessage: 'Editable',\r\n                }),\r\n                size: 6,\r\n                type: 'boolean' as const,\r\n              },\r\n              {\r\n                name: 'mainField',\r\n                label: formatMessage({\r\n                  id: getTranslation('containers.edit-settings.modal-form.mainField'),\r\n                  defaultMessage: 'Entry title',\r\n                }),\r\n                hint: formatMessage({\r\n                  id: getTranslation(\r\n                    'containers.SettingPage.edit-settings.modal-form.mainField.hint'\r\n                  ),\r\n                  defaultMessage: 'Set the displayed field',\r\n                }),\r\n                size: 6,\r\n                options: mainFieldOptions,\r\n                type: 'enumeration' as const,\r\n              },\r\n              {\r\n                name: 'size',\r\n                label: formatMessage({\r\n                  id: getTranslation('containers.ListSettingsView.modal-form.size'),\r\n                  defaultMessage: 'Size',\r\n                }),\r\n                size: 6,\r\n                options: [\r\n                  { value: '4', label: '33%' },\r\n                  { value: '6', label: '50%' },\r\n                  { value: '8', label: '66%' },\r\n                  { value: '12', label: '100%' },\r\n                ],\r\n                type: 'enumeration' as const,\r\n              },\r\n            ]\r\n              .filter(filterFieldsBasedOnAttributeType(attribute.type))\r\n              .map(({ size, ...field }) => (\r\n                <Grid.Item\r\n                  key={field.name}\r\n                  col={size}\r\n                  xs={12}\r\n                  direction=\"column\"\r\n                  alignItems=\"stretch\"\r\n                >\r\n                  <InputRenderer {...field} />\r\n                </Grid.Item>\r\n              ))}\r\n          </Grid.Root>\r\n        </Modal.Body>\r\n        <Modal.Footer>\r\n          <Modal.Close>\r\n            <Button variant=\"tertiary\">\r\n              {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\r\n            </Button>\r\n          </Modal.Close>\r\n          <Button type=\"submit\">\r\n            {formatMessage({ id: 'global.finish', defaultMessage: 'Finish' })}\r\n          </Button>\r\n        </Modal.Footer>\r\n      </Form>\r\n    </Modal.Content>\r\n  );\r\n};\r\n\r\n/**\r\n * @internal\r\n * @description not all edit fields have the same editable properties, it depends on the type\r\n * e.g. a dynamic zone can only change it's label.\r\n */\r\nconst filterFieldsBasedOnAttributeType = (type: Schema.Attribute.Kind) => (field: InputProps) => {\r\n  switch (type) {\r\n    case 'blocks':\r\n    case 'richtext':\r\n      return field.name !== 'size' && field.name !== 'mainField';\r\n    case 'boolean':\r\n    case 'media':\r\n      return field.name !== 'placeholder' && field.name !== 'mainField';\r\n    case 'component':\r\n      return field.name === 'label' || field.name === 'editable';\r\n    case 'dynamiczone':\r\n    case 'json':\r\n      return field.name !== 'placeholder' && field.name !== 'mainField' && field.name !== 'size';\r\n    case 'relation':\r\n      return true;\r\n    default:\r\n      return field.name !== 'mainField';\r\n  }\r\n};\r\n\r\nexport { EditFieldForm };\r\nexport type { EditFieldFormProps };\r\n"],"names":["FIELD_SCHEMA","yup","object","shape","label","string","required","nullable","description","placeholder","editable","boolean","size","number","EditFieldForm","attribute","name","onClose","formatMessage","useIntl","toggleNotification","useNotification","value","onChange","useField","data","mainFieldOptions","useGetInitialDataQuery","undefined","selectFromResult","res","type","targetModel","targetSchema","contentTypes","find","schema","uid","Object","entries","attributes","reduce","acc","key","ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD","includes","push","skip","TEMP_FIELD_NAME","console","error","message","id","defaultMessage","_jsx","Modal","Content","_jsxs","Form","method","initialValues","validationSchema","onSubmit","Header","Flex","gap","FieldTypeIcon","Title","fieldName","capitalise","Body","Grid","Root","getTranslation","hint","options","filter","filterFieldsBasedOnAttributeType","map","field","Item","col","xs","direction","alignItems","InputRenderer","Footer","Close","Button","variant"],"mappings":"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"}