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

package/dist/admin/pages/ListConfiguration/components/EditFieldForm.js

@@ -0,0 +1,159 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var styledComponents = require('styled-components');
+var yup = require('yup');
+var FieldTypeIcon = require('../../../components/FieldTypeIcon.js');
+var strings = require('../../../utils/strings.js');
+var translations = require('../../../utils/translations.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
+
+const FIELD_SCHEMA = yup__namespace.object().shape({
+    label: yup__namespace.string().required(),
+    sortable: yup__namespace.boolean()
+});
+const EditFieldForm = ({ attribute, name, onClose })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { value, onChange } = strapiAdmin.useField(name);
+    if (!value) {
+        // 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.list-settings.modal-form.error',
+                defaultMessage: 'An error occurred while trying to open the form.'
+            }),
+            type: 'danger'
+        });
+        return null;
+    }
+    let shouldDisplaySortToggle = ![
+        'media',
+        'relation'
+    ].includes(attribute.type);
+    if ('relation' in attribute && [
+        'oneWay',
+        'oneToOne',
+        'manyToOne'
+    ].includes(attribute.relation)) {
+        shouldDisplaySortToggle = true;
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Content, {
+        children: /*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.Form, {
+            method: "PUT",
+            initialValues: value,
+            validationSchema: FIELD_SCHEMA,
+            onSubmit: (data)=>{
+                onChange(name, data);
+                onClose();
+            },
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Header, {
+                    children: /*#__PURE__*/ jsxRuntime.jsxs(HeaderContainer, {
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(FieldTypeIcon.FieldTypeIcon, {
+                                type: attribute.type
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Title, {
+                                children: formatMessage({
+                                    id: translations.getTranslation('containers.list-settings.modal-form.label'),
+                                    defaultMessage: 'Edit {fieldName}'
+                                }, {
+                                    fieldName: strings.capitalise(value.label)
+                                })
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Body, {
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Root, {
+                        gap: 4,
+                        children: [
+                            {
+                                name: 'label',
+                                label: formatMessage({
+                                    id: translations.getTranslation('form.Input.label'),
+                                    defaultMessage: 'Label'
+                                }),
+                                hint: formatMessage({
+                                    id: translations.getTranslation('form.Input.label.inputDescription'),
+                                    defaultMessage: "This value overrides the label displayed in the table's head"
+                                }),
+                                size: 6,
+                                type: 'string'
+                            },
+                            {
+                                label: formatMessage({
+                                    id: translations.getTranslation('form.Input.sort.field'),
+                                    defaultMessage: 'Enable sort on this field'
+                                }),
+                                name: 'sortable',
+                                size: 6,
+                                type: 'boolean'
+                            }
+                        ].filter((field)=>field.name !== 'sortable' || field.name === 'sortable' && shouldDisplaySortToggle).map(({ size, ...field })=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                                xs: 12,
+                                col: size,
+                                direction: "column",
+                                alignItems: "stretch",
+                                children: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.InputRenderer, {
+                                    ...field
+                                })
+                            }, field.name))
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Modal.Footer, {
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                            onClick: onClose,
+                            variant: "tertiary",
+                            children: formatMessage({
+                                id: 'app.components.Button.cancel',
+                                defaultMessage: 'Cancel'
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                            type: "submit",
+                            children: formatMessage({
+                                id: 'global.finish',
+                                defaultMessage: 'Finish'
+                            })
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+const HeaderContainer = styledComponents.styled(designSystem.Flex)`
+  svg {
+    width: 3.2rem;
+    margin-inline-end: ${({ theme })=>theme.spaces[3]};
+  }
+`;
+
+exports.EditFieldForm = EditFieldForm;
+//# sourceMappingURL=EditFieldForm.js.map

package/dist/admin/pages/ListConfiguration/components/EditFieldForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditFieldForm.js","sources":["../../../../../admin/src/pages/ListConfiguration/components/EditFieldForm.tsx"],"sourcesContent":["import { Form, useField, InputRenderer, useNotification } from '@strapi/admin/strapi-admin';\nimport { Button, Flex, FlexComponent, Grid, Modal } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\nimport * as yup from 'yup';\n\nimport { FieldTypeIcon } from '../../../components/FieldTypeIcon';\nimport { capitalise } from '../../../utils/strings';\nimport { getTranslation } from '../../../utils/translations';\n\nimport type { ListFieldLayout } from '../../../hooks/useDocumentLayout';\nimport type { FormData } from '../ListConfigurationPage';\n\ninterface EditFieldFormProps extends Pick<ListFieldLayout, 'attribute'> {\n  name: string;\n  onClose: () => void;\n}\n\nconst FIELD_SCHEMA = yup.object().shape({\n  label: yup.string().required(),\n  sortable: yup.boolean(),\n});\n\nconst EditFieldForm = ({ attribute, name, onClose }: EditFieldFormProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n\n  const { value, onChange } = useField<FormData['layout'][number]>(name);\n\n  if (!value) {\n    // This is very unlikely to happen, but it ensures the form is not opened without a value.\n    console.error(\n      \"You've opened a field to edit without it being part of the form, this is likely a bug with Strapi. Please open an issue.\"\n    );\n\n    toggleNotification({\n      message: formatMessage({\n        id: 'content-manager.containers.list-settings.modal-form.error',\n        defaultMessage: 'An error occurred while trying to open the form.',\n      }),\n      type: 'danger',\n    });\n\n    return null;\n  }\n\n  let shouldDisplaySortToggle = !['media', 'relation'].includes(attribute.type);\n\n  if ('relation' in attribute && ['oneWay', 'oneToOne', 'manyToOne'].includes(attribute.relation)) {\n    shouldDisplaySortToggle = true;\n  }\n\n  return (\n    <Modal.Content>\n      <Form\n        method=\"PUT\"\n        initialValues={value}\n        validationSchema={FIELD_SCHEMA}\n        onSubmit={(data) => {\n          onChange(name, data);\n          onClose();\n        }}\n      >\n        <Modal.Header>\n          <HeaderContainer>\n            {/* @ts-expect-error attribute.type === custom does not work here */}\n            <FieldTypeIcon type={attribute.type} />\n            <Modal.Title>\n              {formatMessage(\n                {\n                  id: getTranslation('containers.list-settings.modal-form.label'),\n                  defaultMessage: 'Edit {fieldName}',\n                },\n                { fieldName: capitalise(value.label) }\n              )}\n            </Modal.Title>\n          </HeaderContainer>\n        </Modal.Header>\n        <Modal.Body>\n          <Grid.Root gap={4}>\n            {[\n              {\n                name: 'label',\n                label: formatMessage({\n                  id: getTranslation('form.Input.label'),\n                  defaultMessage: 'Label',\n                }),\n                hint: formatMessage({\n                  id: getTranslation('form.Input.label.inputDescription'),\n                  defaultMessage: \"This value overrides the label displayed in the table's head\",\n                }),\n                size: 6,\n                type: 'string' as const,\n              },\n              {\n                label: formatMessage({\n                  id: getTranslation('form.Input.sort.field'),\n                  defaultMessage: 'Enable sort on this field',\n                }),\n                name: 'sortable',\n                size: 6,\n                type: 'boolean' as const,\n              },\n            ]\n              .filter(\n                (field) =>\n                  field.name !== 'sortable' ||\n                  (field.name === 'sortable' && shouldDisplaySortToggle)\n              )\n              .map(({ size, ...field }) => (\n                <Grid.Item\n                  key={field.name}\n                  xs={12}\n                  col={size}\n                  direction=\"column\"\n                  alignItems=\"stretch\"\n                >\n                  <InputRenderer {...field} />\n                </Grid.Item>\n              ))}\n          </Grid.Root>\n        </Modal.Body>\n        <Modal.Footer>\n          <Button onClick={onClose} variant=\"tertiary\">\n            {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n          </Button>\n          <Button type=\"submit\">\n            {formatMessage({ id: 'global.finish', defaultMessage: 'Finish' })}\n          </Button>\n        </Modal.Footer>\n      </Form>\n    </Modal.Content>\n  );\n};\n\nconst HeaderContainer = styled<FlexComponent>(Flex)`\n  svg {\n    width: 3.2rem;\n    margin-inline-end: ${({ theme }) => theme.spaces[3]};\n  }\n`;\n\nexport { EditFieldForm };\nexport type { EditFieldFormProps };\n"],"names":["FIELD_SCHEMA","yup","object","shape","label","string","required","sortable","boolean","EditFieldForm","attribute","name","onClose","formatMessage","useIntl","toggleNotification","useNotification","value","onChange","useField","console","error","message","id","defaultMessage","type","shouldDisplaySortToggle","includes","relation","_jsx","Modal","Content","_jsxs","Form","method","initialValues","validationSchema","onSubmit","data","Header","HeaderContainer","FieldTypeIcon","Title","getTranslation","fieldName","capitalise","Body","Grid","Root","gap","hint","size","filter","field","map","Item","xs","col","direction","alignItems","InputRenderer","Footer","Button","onClick","variant","styled","Flex","theme","spaces"],"mappings":"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"}

package/dist/admin/pages/ListConfiguration/components/EditFieldForm.mjs

@@ -0,0 +1,137 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useNotification, useField, Form, InputRenderer } from '@strapi/admin/strapi-admin';
+import { Modal, Grid, Button, Flex } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { styled } from 'styled-components';
+import * as yup from 'yup';
+import { FieldTypeIcon } from '../../../components/FieldTypeIcon.mjs';
+import { capitalise } from '../../../utils/strings.mjs';
+import { getTranslation } from '../../../utils/translations.mjs';
+
+const FIELD_SCHEMA = yup.object().shape({
+    label: yup.string().required(),
+    sortable: yup.boolean()
+});
+const EditFieldForm = ({ attribute, name, onClose })=>{
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    const { value, onChange } = useField(name);
+    if (!value) {
+        // 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.list-settings.modal-form.error',
+                defaultMessage: 'An error occurred while trying to open the form.'
+            }),
+            type: 'danger'
+        });
+        return null;
+    }
+    let shouldDisplaySortToggle = ![
+        'media',
+        'relation'
+    ].includes(attribute.type);
+    if ('relation' in attribute && [
+        'oneWay',
+        'oneToOne',
+        'manyToOne'
+    ].includes(attribute.relation)) {
+        shouldDisplaySortToggle = true;
+    }
+    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(HeaderContainer, {
+                        children: [
+                            /*#__PURE__*/ jsx(FieldTypeIcon, {
+                                type: attribute.type
+                            }),
+                            /*#__PURE__*/ jsx(Modal.Title, {
+                                children: formatMessage({
+                                    id: getTranslation('containers.list-settings.modal-form.label'),
+                                    defaultMessage: 'Edit {fieldName}'
+                                }, {
+                                    fieldName: capitalise(value.label)
+                                })
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ jsx(Modal.Body, {
+                    children: /*#__PURE__*/ jsx(Grid.Root, {
+                        gap: 4,
+                        children: [
+                            {
+                                name: 'label',
+                                label: formatMessage({
+                                    id: getTranslation('form.Input.label'),
+                                    defaultMessage: 'Label'
+                                }),
+                                hint: formatMessage({
+                                    id: getTranslation('form.Input.label.inputDescription'),
+                                    defaultMessage: "This value overrides the label displayed in the table's head"
+                                }),
+                                size: 6,
+                                type: 'string'
+                            },
+                            {
+                                label: formatMessage({
+                                    id: getTranslation('form.Input.sort.field'),
+                                    defaultMessage: 'Enable sort on this field'
+                                }),
+                                name: 'sortable',
+                                size: 6,
+                                type: 'boolean'
+                            }
+                        ].filter((field)=>field.name !== 'sortable' || field.name === 'sortable' && shouldDisplaySortToggle).map(({ size, ...field })=>/*#__PURE__*/ jsx(Grid.Item, {
+                                xs: 12,
+                                col: size,
+                                direction: "column",
+                                alignItems: "stretch",
+                                children: /*#__PURE__*/ jsx(InputRenderer, {
+                                    ...field
+                                })
+                            }, field.name))
+                    })
+                }),
+                /*#__PURE__*/ jsxs(Modal.Footer, {
+                    children: [
+                        /*#__PURE__*/ jsx(Button, {
+                            onClick: onClose,
+                            variant: "tertiary",
+                            children: formatMessage({
+                                id: 'app.components.Button.cancel',
+                                defaultMessage: 'Cancel'
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Button, {
+                            type: "submit",
+                            children: formatMessage({
+                                id: 'global.finish',
+                                defaultMessage: 'Finish'
+                            })
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+const HeaderContainer = styled(Flex)`
+  svg {
+    width: 3.2rem;
+    margin-inline-end: ${({ theme })=>theme.spaces[3]};
+  }
+`;
+
+export { EditFieldForm };
+//# sourceMappingURL=EditFieldForm.mjs.map

package/dist/admin/pages/ListConfiguration/components/EditFieldForm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditFieldForm.mjs","sources":["../../../../../admin/src/pages/ListConfiguration/components/EditFieldForm.tsx"],"sourcesContent":["import { Form, useField, InputRenderer, useNotification } from '@strapi/admin/strapi-admin';\nimport { Button, Flex, FlexComponent, Grid, Modal } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\nimport * as yup from 'yup';\n\nimport { FieldTypeIcon } from '../../../components/FieldTypeIcon';\nimport { capitalise } from '../../../utils/strings';\nimport { getTranslation } from '../../../utils/translations';\n\nimport type { ListFieldLayout } from '../../../hooks/useDocumentLayout';\nimport type { FormData } from '../ListConfigurationPage';\n\ninterface EditFieldFormProps extends Pick<ListFieldLayout, 'attribute'> {\n  name: string;\n  onClose: () => void;\n}\n\nconst FIELD_SCHEMA = yup.object().shape({\n  label: yup.string().required(),\n  sortable: yup.boolean(),\n});\n\nconst EditFieldForm = ({ attribute, name, onClose }: EditFieldFormProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n\n  const { value, onChange } = useField<FormData['layout'][number]>(name);\n\n  if (!value) {\n    // This is very unlikely to happen, but it ensures the form is not opened without a value.\n    console.error(\n      \"You've opened a field to edit without it being part of the form, this is likely a bug with Strapi. Please open an issue.\"\n    );\n\n    toggleNotification({\n      message: formatMessage({\n        id: 'content-manager.containers.list-settings.modal-form.error',\n        defaultMessage: 'An error occurred while trying to open the form.',\n      }),\n      type: 'danger',\n    });\n\n    return null;\n  }\n\n  let shouldDisplaySortToggle = !['media', 'relation'].includes(attribute.type);\n\n  if ('relation' in attribute && ['oneWay', 'oneToOne', 'manyToOne'].includes(attribute.relation)) {\n    shouldDisplaySortToggle = true;\n  }\n\n  return (\n    <Modal.Content>\n      <Form\n        method=\"PUT\"\n        initialValues={value}\n        validationSchema={FIELD_SCHEMA}\n        onSubmit={(data) => {\n          onChange(name, data);\n          onClose();\n        }}\n      >\n        <Modal.Header>\n          <HeaderContainer>\n            {/* @ts-expect-error attribute.type === custom does not work here */}\n            <FieldTypeIcon type={attribute.type} />\n            <Modal.Title>\n              {formatMessage(\n                {\n                  id: getTranslation('containers.list-settings.modal-form.label'),\n                  defaultMessage: 'Edit {fieldName}',\n                },\n                { fieldName: capitalise(value.label) }\n              )}\n            </Modal.Title>\n          </HeaderContainer>\n        </Modal.Header>\n        <Modal.Body>\n          <Grid.Root gap={4}>\n            {[\n              {\n                name: 'label',\n                label: formatMessage({\n                  id: getTranslation('form.Input.label'),\n                  defaultMessage: 'Label',\n                }),\n                hint: formatMessage({\n                  id: getTranslation('form.Input.label.inputDescription'),\n                  defaultMessage: \"This value overrides the label displayed in the table's head\",\n                }),\n                size: 6,\n                type: 'string' as const,\n              },\n              {\n                label: formatMessage({\n                  id: getTranslation('form.Input.sort.field'),\n                  defaultMessage: 'Enable sort on this field',\n                }),\n                name: 'sortable',\n                size: 6,\n                type: 'boolean' as const,\n              },\n            ]\n              .filter(\n                (field) =>\n                  field.name !== 'sortable' ||\n                  (field.name === 'sortable' && shouldDisplaySortToggle)\n              )\n              .map(({ size, ...field }) => (\n                <Grid.Item\n                  key={field.name}\n                  xs={12}\n                  col={size}\n                  direction=\"column\"\n                  alignItems=\"stretch\"\n                >\n                  <InputRenderer {...field} />\n                </Grid.Item>\n              ))}\n          </Grid.Root>\n        </Modal.Body>\n        <Modal.Footer>\n          <Button onClick={onClose} variant=\"tertiary\">\n            {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n          </Button>\n          <Button type=\"submit\">\n            {formatMessage({ id: 'global.finish', defaultMessage: 'Finish' })}\n          </Button>\n        </Modal.Footer>\n      </Form>\n    </Modal.Content>\n  );\n};\n\nconst HeaderContainer = styled<FlexComponent>(Flex)`\n  svg {\n    width: 3.2rem;\n    margin-inline-end: ${({ theme }) => theme.spaces[3]};\n  }\n`;\n\nexport { EditFieldForm };\nexport type { EditFieldFormProps };\n"],"names":["FIELD_SCHEMA","yup","object","shape","label","string","required","sortable","boolean","EditFieldForm","attribute","name","onClose","formatMessage","useIntl","toggleNotification","useNotification","value","onChange","useField","console","error","message","id","defaultMessage","type","shouldDisplaySortToggle","includes","relation","_jsx","Modal","Content","_jsxs","Form","method","initialValues","validationSchema","onSubmit","data","Header","HeaderContainer","FieldTypeIcon","Title","getTranslation","fieldName","capitalise","Body","Grid","Root","gap","hint","size","filter","field","map","Item","xs","col","direction","alignItems","InputRenderer","Footer","Button","onClick","variant","styled","Flex","theme","spaces"],"mappings":"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"}

package/dist/admin/pages/ListConfiguration/components/Header.js

@@ -0,0 +1,45 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var collections = require('../../../constants/collections.js');
+var strings = require('../../../utils/strings.js');
+var translations = require('../../../utils/translations.js');
+
+const Header = ({ name })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const params = reactRouterDom.useParams();
+    const modified = strapiAdmin.useForm('Header', (state)=>state.modified);
+    const isSubmitting = strapiAdmin.useForm('Header', (state)=>state.isSubmitting);
+    return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Header, {
+        navigationAction: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.BackButton, {
+            fallback: `../${collections.COLLECTION_TYPES}/${params.slug}`
+        }),
+        primaryAction: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+            size: "S",
+            disabled: !modified,
+            type: "submit",
+            loading: isSubmitting,
+            children: formatMessage({
+                id: 'global.save',
+                defaultMessage: 'Save'
+            })
+        }),
+        subtitle: formatMessage({
+            id: translations.getTranslation('components.SettingsViewWrapper.pluginHeader.description.list-settings'),
+            defaultMessage: 'Define the settings of the list view.'
+        }),
+        title: formatMessage({
+            id: translations.getTranslation('components.SettingsViewWrapper.pluginHeader.title'),
+            defaultMessage: 'Configure the view - {name}'
+        }, {
+            name: strings.capitalise(name)
+        })
+    });
+};
+
+exports.Header = Header;
+//# sourceMappingURL=Header.js.map

package/dist/admin/pages/ListConfiguration/components/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../../../admin/src/pages/ListConfiguration/components/Header.tsx"],"sourcesContent":["import { useForm, BackButton, Layouts } from '@strapi/admin/strapi-admin';\r\nimport { Button } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\nimport { useParams } from 'react-router-dom';\r\n\r\nimport { COLLECTION_TYPES } from '../../../constants/collections';\r\nimport { capitalise } from '../../../utils/strings';\r\nimport { getTranslation } from '../../../utils/translations';\r\n\r\ninterface HeaderProps {\r\n  collectionType: string;\r\n  name: string;\r\n  model: string;\r\n}\r\n\r\nconst Header = ({ name }: HeaderProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const params = useParams<{ slug: string }>();\r\n\r\n  const modified = useForm('Header', (state) => state.modified);\r\n  const isSubmitting = useForm('Header', (state) => state.isSubmitting);\r\n\r\n  return (\r\n    <Layouts.Header\r\n      navigationAction={<BackButton fallback={`../${COLLECTION_TYPES}/${params.slug}`} />}\r\n      primaryAction={\r\n        <Button size=\"S\" disabled={!modified} type=\"submit\" loading={isSubmitting}>\r\n          {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}\r\n        </Button>\r\n      }\r\n      subtitle={formatMessage({\r\n        id: getTranslation('components.SettingsViewWrapper.pluginHeader.description.list-settings'),\r\n        defaultMessage: 'Define the settings of the list view.',\r\n      })}\r\n      title={formatMessage(\r\n        {\r\n          id: getTranslation('components.SettingsViewWrapper.pluginHeader.title'),\r\n          defaultMessage: 'Configure the view - {name}',\r\n        },\r\n        { name: capitalise(name) }\r\n      )}\r\n    />\r\n  );\r\n};\r\n\r\nexport { Header };\r\nexport type { HeaderProps };\r\n"],"names":["Header","name","formatMessage","useIntl","params","useParams","modified","useForm","state","isSubmitting","_jsx","Layouts","navigationAction","BackButton","fallback","COLLECTION_TYPES","slug","primaryAction","Button","size","disabled","type","loading","id","defaultMessage","subtitle","getTranslation","title","capitalise"],"mappings":";;;;;;;;;;;AAeA,MAAMA,MAAAA,GAAS,CAAC,EAAEC,IAAI,EAAe,GAAA;IACnC,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,MAAAA,GAASC,wBAAAA,EAAAA;AAEf,IAAA,MAAMC,WAAWC,mBAAAA,CAAQ,QAAA,EAAU,CAACC,KAAAA,GAAUA,MAAMF,QAAQ,CAAA;AAC5D,IAAA,MAAMG,eAAeF,mBAAAA,CAAQ,QAAA,EAAU,CAACC,KAAAA,GAAUA,MAAMC,YAAY,CAAA;IAEpE,qBACEC,cAAA,CAACC,oBAAQX,MAAM,EAAA;AACbY,QAAAA,gBAAAA,gBAAkBF,cAAA,CAACG,sBAAAA,EAAAA;YAAWC,QAAAA,EAAU,CAAC,GAAG,EAAEC,4BAAAA,CAAiB,CAAC,EAAEX,MAAAA,CAAOY,IAAI,CAAA;;AAC7EC,QAAAA,aAAAA,gBACEP,cAAA,CAACQ,mBAAAA,EAAAA;YAAOC,IAAAA,EAAK,GAAA;AAAIC,YAAAA,QAAAA,EAAU,CAACd,QAAAA;YAAUe,IAAAA,EAAK,QAAA;YAASC,OAAAA,EAASb,YAAAA;sBAC1DP,aAAAA,CAAc;gBAAEqB,EAAAA,EAAI,aAAA;gBAAeC,cAAAA,EAAgB;AAAO,aAAA;;AAG/DC,QAAAA,QAAAA,EAAUvB,aAAAA,CAAc;AACtBqB,YAAAA,EAAAA,EAAIG,2BAAAA,CAAe,uEAAA,CAAA;YACnBF,cAAAA,EAAgB;AAClB,SAAA,CAAA;AACAG,QAAAA,KAAAA,EAAOzB,aAAAA,CACL;AACEqB,YAAAA,EAAAA,EAAIG,2BAAAA,CAAe,mDAAA,CAAA;YACnBF,cAAAA,EAAgB;SAClB,EACA;AAAEvB,YAAAA,IAAAA,EAAM2B,kBAAAA,CAAW3B,IAAAA;AAAM,SAAA;;AAIjC;;;;"}

package/dist/admin/pages/ListConfiguration/components/Header.mjs

@@ -0,0 +1,43 @@
+import { jsx } from 'react/jsx-runtime';
+import { useForm, Layouts, BackButton } from '@strapi/admin/strapi-admin';
+import { Button } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { useParams } from 'react-router-dom';
+import { COLLECTION_TYPES } from '../../../constants/collections.mjs';
+import { capitalise } from '../../../utils/strings.mjs';
+import { getTranslation } from '../../../utils/translations.mjs';
+
+const Header = ({ name })=>{
+    const { formatMessage } = useIntl();
+    const params = useParams();
+    const modified = useForm('Header', (state)=>state.modified);
+    const isSubmitting = useForm('Header', (state)=>state.isSubmitting);
+    return /*#__PURE__*/ jsx(Layouts.Header, {
+        navigationAction: /*#__PURE__*/ jsx(BackButton, {
+            fallback: `../${COLLECTION_TYPES}/${params.slug}`
+        }),
+        primaryAction: /*#__PURE__*/ jsx(Button, {
+            size: "S",
+            disabled: !modified,
+            type: "submit",
+            loading: isSubmitting,
+            children: formatMessage({
+                id: 'global.save',
+                defaultMessage: 'Save'
+            })
+        }),
+        subtitle: formatMessage({
+            id: getTranslation('components.SettingsViewWrapper.pluginHeader.description.list-settings'),
+            defaultMessage: 'Define the settings of the list view.'
+        }),
+        title: formatMessage({
+            id: getTranslation('components.SettingsViewWrapper.pluginHeader.title'),
+            defaultMessage: 'Configure the view - {name}'
+        }, {
+            name: capitalise(name)
+        })
+    });
+};
+
+export { Header };
+//# sourceMappingURL=Header.mjs.map

package/dist/admin/pages/ListConfiguration/components/Header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.mjs","sources":["../../../../../admin/src/pages/ListConfiguration/components/Header.tsx"],"sourcesContent":["import { useForm, BackButton, Layouts } from '@strapi/admin/strapi-admin';\r\nimport { Button } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\nimport { useParams } from 'react-router-dom';\r\n\r\nimport { COLLECTION_TYPES } from '../../../constants/collections';\r\nimport { capitalise } from '../../../utils/strings';\r\nimport { getTranslation } from '../../../utils/translations';\r\n\r\ninterface HeaderProps {\r\n  collectionType: string;\r\n  name: string;\r\n  model: string;\r\n}\r\n\r\nconst Header = ({ name }: HeaderProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const params = useParams<{ slug: string }>();\r\n\r\n  const modified = useForm('Header', (state) => state.modified);\r\n  const isSubmitting = useForm('Header', (state) => state.isSubmitting);\r\n\r\n  return (\r\n    <Layouts.Header\r\n      navigationAction={<BackButton fallback={`../${COLLECTION_TYPES}/${params.slug}`} />}\r\n      primaryAction={\r\n        <Button size=\"S\" disabled={!modified} type=\"submit\" loading={isSubmitting}>\r\n          {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}\r\n        </Button>\r\n      }\r\n      subtitle={formatMessage({\r\n        id: getTranslation('components.SettingsViewWrapper.pluginHeader.description.list-settings'),\r\n        defaultMessage: 'Define the settings of the list view.',\r\n      })}\r\n      title={formatMessage(\r\n        {\r\n          id: getTranslation('components.SettingsViewWrapper.pluginHeader.title'),\r\n          defaultMessage: 'Configure the view - {name}',\r\n        },\r\n        { name: capitalise(name) }\r\n      )}\r\n    />\r\n  );\r\n};\r\n\r\nexport { Header };\r\nexport type { HeaderProps };\r\n"],"names":["Header","name","formatMessage","useIntl","params","useParams","modified","useForm","state","isSubmitting","_jsx","Layouts","navigationAction","BackButton","fallback","COLLECTION_TYPES","slug","primaryAction","Button","size","disabled","type","loading","id","defaultMessage","subtitle","getTranslation","title","capitalise"],"mappings":";;;;;;;;;AAeA,MAAMA,MAAAA,GAAS,CAAC,EAAEC,IAAI,EAAe,GAAA;IACnC,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,MAAAA,GAASC,SAAAA,EAAAA;AAEf,IAAA,MAAMC,WAAWC,OAAAA,CAAQ,QAAA,EAAU,CAACC,KAAAA,GAAUA,MAAMF,QAAQ,CAAA;AAC5D,IAAA,MAAMG,eAAeF,OAAAA,CAAQ,QAAA,EAAU,CAACC,KAAAA,GAAUA,MAAMC,YAAY,CAAA;IAEpE,qBACEC,GAAA,CAACC,QAAQX,MAAM,EAAA;AACbY,QAAAA,gBAAAA,gBAAkBF,GAAA,CAACG,UAAAA,EAAAA;YAAWC,QAAAA,EAAU,CAAC,GAAG,EAAEC,gBAAAA,CAAiB,CAAC,EAAEX,MAAAA,CAAOY,IAAI,CAAA;;AAC7EC,QAAAA,aAAAA,gBACEP,GAAA,CAACQ,MAAAA,EAAAA;YAAOC,IAAAA,EAAK,GAAA;AAAIC,YAAAA,QAAAA,EAAU,CAACd,QAAAA;YAAUe,IAAAA,EAAK,QAAA;YAASC,OAAAA,EAASb,YAAAA;sBAC1DP,aAAAA,CAAc;gBAAEqB,EAAAA,EAAI,aAAA;gBAAeC,cAAAA,EAAgB;AAAO,aAAA;;AAG/DC,QAAAA,QAAAA,EAAUvB,aAAAA,CAAc;AACtBqB,YAAAA,EAAAA,EAAIG,cAAAA,CAAe,uEAAA,CAAA;YACnBF,cAAAA,EAAgB;AAClB,SAAA,CAAA;AACAG,QAAAA,KAAAA,EAAOzB,aAAAA,CACL;AACEqB,YAAAA,EAAAA,EAAIG,cAAAA,CAAe,mDAAA,CAAA;YACnBF,cAAAA,EAAgB;SAClB,EACA;AAAEvB,YAAAA,IAAAA,EAAM2B,UAAAA,CAAW3B,IAAAA;AAAM,SAAA;;AAIjC;;;;"}

package/dist/admin/pages/ListConfiguration/components/Settings.js

@@ -0,0 +1,202 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var useDocument = require('../../../hooks/useDocument.js');
+var translations = require('../../../utils/translations.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const EXCLUDED_SORT_ATTRIBUTE_TYPES = [
+    'media',
+    'richtext',
+    'dynamiczone',
+    'relation',
+    'component',
+    'json',
+    'blocks'
+];
+const Settings = ()=>{
+    const { formatMessage, locale } = reactIntl.useIntl();
+    const formatter = designSystem.useCollator(locale, {
+        sensitivity: 'base'
+    });
+    const { schema } = useDocument.useDoc();
+    const layout = strapiAdmin.useForm('Settings', (state)=>state.values.layout ?? []);
+    const currentSortBy = strapiAdmin.useForm('Settings', (state)=>state.values.settings.defaultSortBy);
+    const onChange = strapiAdmin.useForm('Settings', (state)=>state.onChange);
+    const sortOptions = React__namespace.useMemo(()=>Object.values(layout).reduce((acc, field)=>{
+            if (schema && !EXCLUDED_SORT_ATTRIBUTE_TYPES.includes(schema.attributes[field.name].type)) {
+                acc.push({
+                    value: field.name,
+                    label: typeof field.label !== 'string' ? formatMessage(field.label) : field.label
+                });
+            }
+            return acc;
+        }, []), [
+        formatMessage,
+        layout,
+        schema
+    ]);
+    const sortOptionsSorted = sortOptions.sort((a, b)=>formatter.compare(a.label, b.label));
+    React__namespace.useEffect(()=>{
+        if (sortOptionsSorted.findIndex((opt)=>opt.value === currentSortBy) === -1) {
+            onChange('settings.defaultSortBy', sortOptionsSorted[0]?.value);
+        }
+    }, [
+        currentSortBy,
+        onChange,
+        sortOptionsSorted
+    ]);
+    const formLayout = React__namespace.useMemo(()=>SETTINGS_FORM_LAYOUT.map((row)=>row.map((field)=>{
+                if (field.type === 'enumeration') {
+                    return {
+                        ...field,
+                        hint: field.hint ? formatMessage(field.hint) : undefined,
+                        label: formatMessage(field.label),
+                        options: field.name === 'settings.defaultSortBy' ? sortOptionsSorted : field.options
+                    };
+                } else {
+                    return {
+                        ...field,
+                        hint: field.hint ? formatMessage(field.hint) : undefined,
+                        label: formatMessage(field.label)
+                    };
+                }
+            })), [
+        formatMessage,
+        sortOptionsSorted
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        direction: "column",
+        alignItems: "stretch",
+        gap: 4,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                variant: "delta",
+                tag: "h2",
+                children: formatMessage({
+                    id: translations.getTranslation('containers.SettingPage.settings'),
+                    defaultMessage: 'Settings'
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Root, {
+                gap: 4,
+                children: formLayout.map((row)=>row.map(({ size, ...field })=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                            xs: 12,
+                            col: size,
+                            direction: "column",
+                            alignItems: "stretch",
+                            children: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.InputRenderer, {
+                                ...field
+                            })
+                        }, field.name)))
+            }, "bottom")
+        ]
+    });
+};
+const SETTINGS_FORM_LAYOUT = [
+    [
+        {
+            label: {
+                id: translations.getTranslation('form.Input.search'),
+                defaultMessage: 'Enable search'
+            },
+            name: 'settings.searchable',
+            size: 4,
+            type: 'boolean'
+        },
+        {
+            label: {
+                id: translations.getTranslation('form.Input.filters'),
+                defaultMessage: 'Enable filters'
+            },
+            name: 'settings.filterable',
+            size: 4,
+            type: 'boolean'
+        },
+        {
+            label: {
+                id: translations.getTranslation('form.Input.bulkActions'),
+                defaultMessage: 'Enable bulk actions'
+            },
+            name: 'settings.bulkable',
+            size: 4,
+            type: 'boolean'
+        }
+    ],
+    [
+        {
+            hint: {
+                id: translations.getTranslation('form.Input.pageEntries.inputDescription'),
+                defaultMessage: 'Note: You can override this value in the Collection Type settings page.'
+            },
+            label: {
+                id: translations.getTranslation('form.Input.pageEntries'),
+                defaultMessage: 'Entries per page'
+            },
+            name: 'settings.pageSize',
+            options: [
+                '10',
+                '20',
+                '50',
+                '100'
+            ].map((value)=>({
+                    value,
+                    label: value
+                })),
+            size: 6,
+            type: 'enumeration'
+        },
+        {
+            label: {
+                id: translations.getTranslation('form.Input.defaultSort'),
+                defaultMessage: 'Default sort attribute'
+            },
+            name: 'settings.defaultSortBy',
+            options: [],
+            size: 3,
+            type: 'enumeration'
+        },
+        {
+            label: {
+                id: translations.getTranslation('form.Input.sort.order'),
+                defaultMessage: 'Default sort order'
+            },
+            name: 'settings.defaultSortOrder',
+            options: [
+                'ASC',
+                'DESC'
+            ].map((value)=>({
+                    value,
+                    label: value
+                })),
+            size: 3,
+            type: 'enumeration'
+        }
+    ]
+];
+
+exports.Settings = Settings;
+//# sourceMappingURL=Settings.js.map