@strapi/content-manager 0.0.0-experimental.e0df4d50334a17a1beb3d203bff414fbbff62f7b → 0.0.0-experimental.e100737b0ed96d0d80a5c6f4925c7374e63a342a

package/dist/admin/pages/EditView/utils/forms.js

@@ -0,0 +1,32 @@
+'use strict';
+
+/* -------------------------------------------------------------------------------------------------
+ * createDefaultForm
+ * -----------------------------------------------------------------------------------------------*/ /**
+ * @internal Using the content-type schema & the components dictionary of the content-type,
+ * creates a form with pre-filled default values. This is used when creating a new entry.
+ */ const createDefaultForm = (contentType, components = {})=>{
+    const traverseSchema = (attributes)=>{
+        return Object.entries(attributes).reduce((acc, [key, attribute])=>{
+            if ('default' in attribute) {
+                acc[key] = attribute.default;
+            } else if (attribute.type === 'component' && attribute.required) {
+                const defaultComponentForm = traverseSchema(components[attribute.component].attributes);
+                if (attribute.repeatable) {
+                    acc[key] = attribute.min ? [
+                        ...Array(attribute.min).fill(defaultComponentForm)
+                    ] : [];
+                } else {
+                    acc[key] = defaultComponentForm;
+                }
+            } else if (attribute.type === 'dynamiczone' && attribute.required) {
+                acc[key] = [];
+            }
+            return acc;
+        }, {});
+    };
+    return traverseSchema(contentType.attributes);
+};
+
+exports.createDefaultForm = createDefaultForm;
+//# sourceMappingURL=forms.js.map

package/dist/admin/pages/EditView/utils/forms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forms.js","sources":["../../../../../admin/src/pages/EditView/utils/forms.ts"],"sourcesContent":["import type { ComponentsDictionary, Document } from '../../../hooks/useDocument';\nimport type { Schema } from '@strapi/types';\n\ntype AnyData = Omit<Document, 'id'>;\n\n/* -------------------------------------------------------------------------------------------------\n * createDefaultForm\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * @internal Using the content-type schema & the components dictionary of the content-type,\n * creates a form with pre-filled default values. This is used when creating a new entry.\n */\nconst createDefaultForm = (\n  contentType: Schema.Schema,\n  components: ComponentsDictionary = {}\n): AnyData => {\n  const traverseSchema = (attributes: Schema.Schema['attributes']): AnyData => {\n    return Object.entries(attributes).reduce<AnyData>((acc, [key, attribute]) => {\n      if ('default' in attribute) {\n        acc[key] = attribute.default;\n      } else if (attribute.type === 'component' && attribute.required) {\n        const defaultComponentForm = traverseSchema(components[attribute.component].attributes);\n\n        if (attribute.repeatable) {\n          acc[key] = attribute.min ? [...Array(attribute.min).fill(defaultComponentForm)] : [];\n        } else {\n          acc[key] = defaultComponentForm;\n        }\n      } else if (attribute.type === 'dynamiczone' && attribute.required) {\n        acc[key] = [];\n      }\n\n      return acc;\n    }, {});\n  };\n\n  return traverseSchema(contentType.attributes);\n};\n\nexport { createDefaultForm };\n"],"names":["createDefaultForm","contentType","components","traverseSchema","attributes","Object","entries","reduce","acc","key","attribute","default","type","required","defaultComponentForm","component","repeatable","min","Array","fill"],"mappings":";;AAKA;;;;;AAOC,UACKA,iBAAoB,GAAA,CACxBC,WACAC,EAAAA,UAAAA,GAAmC,EAAE,GAAA;AAErC,IAAA,MAAMC,iBAAiB,CAACC,UAAAA,GAAAA;QACtB,OAAOC,MAAAA,CAAOC,OAAO,CAACF,UAAYG,CAAAA,CAAAA,MAAM,CAAU,CAACC,GAAAA,EAAK,CAACC,GAAAA,EAAKC,SAAU,CAAA,GAAA;AACtE,YAAA,IAAI,aAAaA,SAAW,EAAA;AAC1BF,gBAAAA,GAAG,CAACC,GAAAA,CAAI,GAAGC,SAAAA,CAAUC,OAAO;AAC9B,aAAA,MAAO,IAAID,SAAUE,CAAAA,IAAI,KAAK,WAAeF,IAAAA,SAAAA,CAAUG,QAAQ,EAAE;gBAC/D,MAAMC,oBAAAA,GAAuBX,eAAeD,UAAU,CAACQ,UAAUK,SAAS,CAAC,CAACX,UAAU,CAAA;gBAEtF,IAAIM,SAAAA,CAAUM,UAAU,EAAE;AACxBR,oBAAAA,GAAG,CAACC,GAAAA,CAAI,GAAGC,SAAAA,CAAUO,GAAG,GAAG;AAAIC,wBAAAA,GAAAA,KAAAA,CAAMR,SAAUO,CAAAA,GAAG,CAAEE,CAAAA,IAAI,CAACL,oBAAAA;AAAsB,qBAAA,GAAG,EAAE;iBAC/E,MAAA;oBACLN,GAAG,CAACC,IAAI,GAAGK,oBAAAA;AACb;AACF,aAAA,MAAO,IAAIJ,SAAUE,CAAAA,IAAI,KAAK,aAAiBF,IAAAA,SAAAA,CAAUG,QAAQ,EAAE;gBACjEL,GAAG,CAACC,GAAI,CAAA,GAAG,EAAE;AACf;YAEA,OAAOD,GAAAA;AACT,SAAA,EAAG,EAAC,CAAA;AACN,KAAA;IAEA,OAAOL,cAAAA,CAAeF,YAAYG,UAAU,CAAA;AAC9C;;;;"}

package/dist/admin/pages/EditView/utils/forms.mjs

@@ -0,0 +1,30 @@
+/* -------------------------------------------------------------------------------------------------
+ * createDefaultForm
+ * -----------------------------------------------------------------------------------------------*/ /**
+ * @internal Using the content-type schema & the components dictionary of the content-type,
+ * creates a form with pre-filled default values. This is used when creating a new entry.
+ */ const createDefaultForm = (contentType, components = {})=>{
+    const traverseSchema = (attributes)=>{
+        return Object.entries(attributes).reduce((acc, [key, attribute])=>{
+            if ('default' in attribute) {
+                acc[key] = attribute.default;
+            } else if (attribute.type === 'component' && attribute.required) {
+                const defaultComponentForm = traverseSchema(components[attribute.component].attributes);
+                if (attribute.repeatable) {
+                    acc[key] = attribute.min ? [
+                        ...Array(attribute.min).fill(defaultComponentForm)
+                    ] : [];
+                } else {
+                    acc[key] = defaultComponentForm;
+                }
+            } else if (attribute.type === 'dynamiczone' && attribute.required) {
+                acc[key] = [];
+            }
+            return acc;
+        }, {});
+    };
+    return traverseSchema(contentType.attributes);
+};
+
+export { createDefaultForm };
+//# sourceMappingURL=forms.mjs.map

package/dist/admin/pages/EditView/utils/forms.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"forms.mjs","sources":["../../../../../admin/src/pages/EditView/utils/forms.ts"],"sourcesContent":["import type { ComponentsDictionary, Document } from '../../../hooks/useDocument';\nimport type { Schema } from '@strapi/types';\n\ntype AnyData = Omit<Document, 'id'>;\n\n/* -------------------------------------------------------------------------------------------------\n * createDefaultForm\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * @internal Using the content-type schema & the components dictionary of the content-type,\n * creates a form with pre-filled default values. This is used when creating a new entry.\n */\nconst createDefaultForm = (\n  contentType: Schema.Schema,\n  components: ComponentsDictionary = {}\n): AnyData => {\n  const traverseSchema = (attributes: Schema.Schema['attributes']): AnyData => {\n    return Object.entries(attributes).reduce<AnyData>((acc, [key, attribute]) => {\n      if ('default' in attribute) {\n        acc[key] = attribute.default;\n      } else if (attribute.type === 'component' && attribute.required) {\n        const defaultComponentForm = traverseSchema(components[attribute.component].attributes);\n\n        if (attribute.repeatable) {\n          acc[key] = attribute.min ? [...Array(attribute.min).fill(defaultComponentForm)] : [];\n        } else {\n          acc[key] = defaultComponentForm;\n        }\n      } else if (attribute.type === 'dynamiczone' && attribute.required) {\n        acc[key] = [];\n      }\n\n      return acc;\n    }, {});\n  };\n\n  return traverseSchema(contentType.attributes);\n};\n\nexport { createDefaultForm };\n"],"names":["createDefaultForm","contentType","components","traverseSchema","attributes","Object","entries","reduce","acc","key","attribute","default","type","required","defaultComponentForm","component","repeatable","min","Array","fill"],"mappings":"AAKA;;;;;AAOC,UACKA,iBAAoB,GAAA,CACxBC,WACAC,EAAAA,UAAAA,GAAmC,EAAE,GAAA;AAErC,IAAA,MAAMC,iBAAiB,CAACC,UAAAA,GAAAA;QACtB,OAAOC,MAAAA,CAAOC,OAAO,CAACF,UAAYG,CAAAA,CAAAA,MAAM,CAAU,CAACC,GAAAA,EAAK,CAACC,GAAAA,EAAKC,SAAU,CAAA,GAAA;AACtE,YAAA,IAAI,aAAaA,SAAW,EAAA;AAC1BF,gBAAAA,GAAG,CAACC,GAAAA,CAAI,GAAGC,SAAAA,CAAUC,OAAO;AAC9B,aAAA,MAAO,IAAID,SAAUE,CAAAA,IAAI,KAAK,WAAeF,IAAAA,SAAAA,CAAUG,QAAQ,EAAE;gBAC/D,MAAMC,oBAAAA,GAAuBX,eAAeD,UAAU,CAACQ,UAAUK,SAAS,CAAC,CAACX,UAAU,CAAA;gBAEtF,IAAIM,SAAAA,CAAUM,UAAU,EAAE;AACxBR,oBAAAA,GAAG,CAACC,GAAAA,CAAI,GAAGC,SAAAA,CAAUO,GAAG,GAAG;AAAIC,wBAAAA,GAAAA,KAAAA,CAAMR,SAAUO,CAAAA,GAAG,CAAEE,CAAAA,IAAI,CAACL,oBAAAA;AAAsB,qBAAA,GAAG,EAAE;iBAC/E,MAAA;oBACLN,GAAG,CAACC,IAAI,GAAGK,oBAAAA;AACb;AACF,aAAA,MAAO,IAAIJ,SAAUE,CAAAA,IAAI,KAAK,aAAiBF,IAAAA,SAAAA,CAAUG,QAAQ,EAAE;gBACjEL,GAAG,CAACC,GAAI,CAAA,GAAG,EAAE;AACf;YAEA,OAAOD,GAAAA;AACT,SAAA,EAAG,EAAC,CAAA;AACN,KAAA;IAEA,OAAOL,cAAAA,CAAeF,YAAYG,UAAU,CAAA;AAC9C;;;;"}

package/dist/admin/pages/ListConfiguration/ListConfigurationPage.js

@@ -0,0 +1,178 @@
+'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 reactRouterDom = require('react-router-dom');
+var collections = require('../../constants/collections.js');
+var useDocument = require('../../hooks/useDocument.js');
+var useDocumentLayout = require('../../hooks/useDocumentLayout.js');
+var hooks = require('../../modules/hooks.js');
+var contentTypes = require('../../services/contentTypes.js');
+var objects = require('../../utils/objects.js');
+var Header = require('./components/Header.js');
+var Settings = require('./components/Settings.js');
+var SortDisplayedFields = require('./components/SortDisplayedFields.js');
+
+function _interopNamespaceDefault(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__*/_interopNamespaceDefault(React);
+
+const ListConfiguration = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { trackUsage } = strapiAdmin.useTracking();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
+    const { model, collectionType } = useDocument.useDoc();
+    const { isLoading: isLoadingLayout, list, edit } = useDocumentLayout.useDocLayout();
+    const [updateContentTypeConfiguration] = contentTypes.useUpdateContentTypeConfigurationMutation();
+    const handleSubmit = async (data)=>{
+        try {
+            trackUsage('willSaveContentTypeLayout');
+            const layoutData = data.layout ?? [];
+            /**
+       * We reconstruct the metadatas object by taking the existing edit metadatas
+       * and re-merging that by attribute name with the current list metadatas, whilst overwriting
+       * the data from the form we've built.
+       */ const meta = Object.entries(edit.metadatas).reduce((acc, [name, editMeta])=>{
+                const { mainField: _mainField, ...listMeta } = list.metadatas[name];
+                const { label, sortable } = layoutData.find((field)=>field.name === name) ?? {};
+                acc[name] = {
+                    edit: editMeta,
+                    list: {
+                        ...listMeta,
+                        label: label || listMeta.label,
+                        sortable: sortable || listMeta.sortable
+                    }
+                };
+                return acc;
+            }, {});
+            const res = await updateContentTypeConfiguration({
+                layouts: {
+                    edit: edit.layout.flatMap((panel)=>panel.map((row)=>row.map(({ name, size })=>({
+                                    name,
+                                    size
+                                })))),
+                    list: layoutData.map((field)=>field.name)
+                },
+                settings: objects.setIn(data.settings, 'displayName', undefined),
+                metadatas: meta,
+                uid: model
+            });
+            if ('data' in res) {
+                trackUsage('didEditListSettings');
+                toggleNotification({
+                    type: 'success',
+                    message: formatMessage({
+                        id: 'notification.success.saved',
+                        defaultMessage: 'Saved'
+                    })
+                });
+            } else {
+                toggleNotification({
+                    type: 'danger',
+                    message: formatAPIError(res.error)
+                });
+            }
+        } catch (err) {
+            console.error(err);
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'An error occurred'
+                })
+            });
+        }
+    };
+    const initialValues = React__namespace.useMemo(()=>{
+        return {
+            layout: list.layout.map(({ label, sortable, name })=>({
+                    label: typeof label === 'string' ? label : formatMessage(label),
+                    sortable,
+                    name
+                })),
+            settings: list.settings
+        };
+    }, [
+        formatMessage,
+        list.layout,
+        list.settings
+    ]);
+    if (collectionType === collections.SINGLE_TYPES) {
+        return /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Navigate, {
+            to: `/single-types/${model}`
+        });
+    }
+    if (isLoadingLayout) {
+        return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Loading, {});
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.Layouts.Root, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Title, {
+                children: `Configure ${list.settings.displayName} List View`
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Main, {
+                children: /*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.Form, {
+                    initialValues: initialValues,
+                    onSubmit: handleSubmit,
+                    method: "PUT",
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(Header.Header, {
+                            collectionType: collectionType,
+                            model: model,
+                            name: list.settings.displayName ?? ''
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Content, {
+                            children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                alignItems: "stretch",
+                                background: "neutral0",
+                                direction: "column",
+                                gap: 6,
+                                hasRadius: true,
+                                shadow: "tableShadow",
+                                paddingTop: 6,
+                                paddingBottom: 6,
+                                paddingLeft: 7,
+                                paddingRight: 7,
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(Settings.Settings, {}),
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Divider, {}),
+                                    /*#__PURE__*/ jsxRuntime.jsx(SortDisplayedFields.SortDisplayedFields, {})
+                                ]
+                            })
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+const ProtectedListConfiguration = ()=>{
+    const permissions = hooks.useTypedSelector((state)=>state.admin_app.permissions.contentManager?.collectionTypesConfigurations);
+    return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Protect, {
+        permissions: permissions,
+        children: /*#__PURE__*/ jsxRuntime.jsx(ListConfiguration, {})
+    });
+};
+
+exports.ListConfiguration = ListConfiguration;
+exports.ProtectedListConfiguration = ProtectedListConfiguration;
+//# sourceMappingURL=ListConfigurationPage.js.map

package/dist/admin/pages/ListConfiguration/ListConfigurationPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListConfigurationPage.js","sources":["../../../../admin/src/pages/ListConfiguration/ListConfigurationPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Form,\n  type FormProps,\n  useNotification,\n  useTracking,\n  useAPIErrorHandler,\n  Page,\n  Layouts,\n} from '@strapi/admin/strapi-admin';\nimport { Divider, Flex, Main } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { Navigate } from 'react-router-dom';\n\nimport { SINGLE_TYPES } from '../../constants/collections';\nimport { useDoc } from '../../hooks/useDocument';\nimport { ListFieldLayout, ListLayout, useDocLayout } from '../../hooks/useDocumentLayout';\nimport { useTypedSelector } from '../../modules/hooks';\nimport { useUpdateContentTypeConfigurationMutation } from '../../services/contentTypes';\nimport { setIn } from '../../utils/objects';\n\nimport { Header } from './components/Header';\nimport { Settings } from './components/Settings';\nimport { SortDisplayedFields } from './components/SortDisplayedFields';\n\nimport type { Metadatas } from '../../../../shared/contracts/content-types';\n\ninterface FormData extends Pick<ListLayout, 'settings'> {\n  layout: Array<Pick<ListFieldLayout, 'sortable' | 'name'> & { label: string }>;\n}\n\nconst ListConfiguration = () => {\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const { toggleNotification } = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n\n  const { model, collectionType } = useDoc();\n\n  const { isLoading: isLoadingLayout, list, edit } = useDocLayout();\n\n  const [updateContentTypeConfiguration] = useUpdateContentTypeConfigurationMutation();\n  const handleSubmit: FormProps<FormData>['onSubmit'] = async (data) => {\n    try {\n      trackUsage('willSaveContentTypeLayout');\n      const layoutData = data.layout ?? [];\n      /**\n       * We reconstruct the metadatas object by taking the existing edit metadatas\n       * and re-merging that by attribute name with the current list metadatas, whilst overwriting\n       * the data from the form we've built.\n       */\n      const meta = Object.entries(edit.metadatas).reduce<Metadatas>((acc, [name, editMeta]) => {\n        const { mainField: _mainField, ...listMeta } = list.metadatas[name];\n\n        const { label, sortable } = layoutData.find((field) => field.name === name) ?? {};\n\n        acc[name] = {\n          edit: editMeta,\n          list: {\n            ...listMeta,\n            label: label || listMeta.label,\n            sortable: sortable || listMeta.sortable,\n          },\n        };\n\n        return acc;\n      }, {});\n\n      const res = await updateContentTypeConfiguration({\n        layouts: {\n          edit: edit.layout.flatMap((panel) =>\n            panel.map((row) => row.map(({ name, size }) => ({ name, size })))\n          ),\n          list: layoutData.map((field) => field.name),\n        },\n        settings: setIn(data.settings, 'displayName', undefined),\n        metadatas: meta,\n        uid: model,\n      });\n\n      if ('data' in res) {\n        trackUsage('didEditListSettings');\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({ id: 'notification.success.saved', defaultMessage: 'Saved' }),\n        });\n      } else {\n        toggleNotification({\n          type: 'danger',\n          message: formatAPIError(res.error),\n        });\n      }\n    } catch (err) {\n      console.error(err);\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\n      });\n    }\n  };\n\n  const initialValues = React.useMemo(() => {\n    return {\n      layout: list.layout.map(({ label, sortable, name }) => ({\n        label: typeof label === 'string' ? label : formatMessage(label),\n        sortable,\n        name,\n      })),\n      settings: list.settings,\n    } satisfies FormData;\n  }, [formatMessage, list.layout, list.settings]);\n\n  if (collectionType === SINGLE_TYPES) {\n    return <Navigate to={`/single-types/${model}`} />;\n  }\n\n  if (isLoadingLayout) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Layouts.Root>\n      <Page.Title>{`Configure ${list.settings.displayName} List View`}</Page.Title>\n      <Main>\n        <Form initialValues={initialValues} onSubmit={handleSubmit} method=\"PUT\">\n          <Header\n            collectionType={collectionType}\n            model={model}\n            name={list.settings.displayName ?? ''}\n          />\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              <Settings />\n              <Divider />\n              <SortDisplayedFields />\n            </Flex>\n          </Layouts.Content>\n        </Form>\n      </Main>\n    </Layouts.Root>\n  );\n};\n\nconst ProtectedListConfiguration = () => {\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions.contentManager?.collectionTypesConfigurations\n  );\n\n  return (\n    <Page.Protect permissions={permissions}>\n      <ListConfiguration />\n    </Page.Protect>\n  );\n};\n\nexport { ProtectedListConfiguration, ListConfiguration };\nexport type { FormData };\n"],"names":["ListConfiguration","formatMessage","useIntl","trackUsage","useTracking","toggleNotification","useNotification","_unstableFormatAPIError","formatAPIError","useAPIErrorHandler","model","collectionType","useDoc","isLoading","isLoadingLayout","list","edit","useDocLayout","updateContentTypeConfiguration","useUpdateContentTypeConfigurationMutation","handleSubmit","data","layoutData","layout","meta","Object","entries","metadatas","reduce","acc","name","editMeta","mainField","_mainField","listMeta","label","sortable","find","field","res","layouts","flatMap","panel","map","row","size","settings","setIn","undefined","uid","type","message","id","defaultMessage","error","err","console","initialValues","React","useMemo","SINGLE_TYPES","_jsx","Navigate","to","Page","Loading","_jsxs","Layouts","Root","Title","displayName","Main","Form","onSubmit","method","Header","Content","Flex","alignItems","background","direction","gap","hasRadius","shadow","paddingTop","paddingBottom","paddingLeft","paddingRight","Settings","Divider","SortDisplayedFields","ProtectedListConfiguration","permissions","useTypedSelector","state","admin_app","contentManager","collectionTypesConfigurations","Protect"],"mappings":"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"}

package/dist/admin/pages/ListConfiguration/ListConfigurationPage.mjs

@@ -0,0 +1,156 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useTracking, useNotification, useAPIErrorHandler, Page, Layouts, Form } from '@strapi/admin/strapi-admin';
+import { Main, Flex, Divider } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { Navigate } from 'react-router-dom';
+import { SINGLE_TYPES } from '../../constants/collections.mjs';
+import { useDoc } from '../../hooks/useDocument.mjs';
+import { useDocLayout } from '../../hooks/useDocumentLayout.mjs';
+import { useTypedSelector } from '../../modules/hooks.mjs';
+import { useUpdateContentTypeConfigurationMutation } from '../../services/contentTypes.mjs';
+import { setIn } from '../../utils/objects.mjs';
+import { Header } from './components/Header.mjs';
+import { Settings } from './components/Settings.mjs';
+import { SortDisplayedFields } from './components/SortDisplayedFields.mjs';
+
+const ListConfiguration = ()=>{
+    const { formatMessage } = useIntl();
+    const { trackUsage } = useTracking();
+    const { toggleNotification } = useNotification();
+    const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
+    const { model, collectionType } = useDoc();
+    const { isLoading: isLoadingLayout, list, edit } = useDocLayout();
+    const [updateContentTypeConfiguration] = useUpdateContentTypeConfigurationMutation();
+    const handleSubmit = async (data)=>{
+        try {
+            trackUsage('willSaveContentTypeLayout');
+            const layoutData = data.layout ?? [];
+            /**
+       * We reconstruct the metadatas object by taking the existing edit metadatas
+       * and re-merging that by attribute name with the current list metadatas, whilst overwriting
+       * the data from the form we've built.
+       */ const meta = Object.entries(edit.metadatas).reduce((acc, [name, editMeta])=>{
+                const { mainField: _mainField, ...listMeta } = list.metadatas[name];
+                const { label, sortable } = layoutData.find((field)=>field.name === name) ?? {};
+                acc[name] = {
+                    edit: editMeta,
+                    list: {
+                        ...listMeta,
+                        label: label || listMeta.label,
+                        sortable: sortable || listMeta.sortable
+                    }
+                };
+                return acc;
+            }, {});
+            const res = await updateContentTypeConfiguration({
+                layouts: {
+                    edit: edit.layout.flatMap((panel)=>panel.map((row)=>row.map(({ name, size })=>({
+                                    name,
+                                    size
+                                })))),
+                    list: layoutData.map((field)=>field.name)
+                },
+                settings: setIn(data.settings, 'displayName', undefined),
+                metadatas: meta,
+                uid: model
+            });
+            if ('data' in res) {
+                trackUsage('didEditListSettings');
+                toggleNotification({
+                    type: 'success',
+                    message: formatMessage({
+                        id: 'notification.success.saved',
+                        defaultMessage: 'Saved'
+                    })
+                });
+            } else {
+                toggleNotification({
+                    type: 'danger',
+                    message: formatAPIError(res.error)
+                });
+            }
+        } catch (err) {
+            console.error(err);
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'An error occurred'
+                })
+            });
+        }
+    };
+    const initialValues = React.useMemo(()=>{
+        return {
+            layout: list.layout.map(({ label, sortable, name })=>({
+                    label: typeof label === 'string' ? label : formatMessage(label),
+                    sortable,
+                    name
+                })),
+            settings: list.settings
+        };
+    }, [
+        formatMessage,
+        list.layout,
+        list.settings
+    ]);
+    if (collectionType === SINGLE_TYPES) {
+        return /*#__PURE__*/ jsx(Navigate, {
+            to: `/single-types/${model}`
+        });
+    }
+    if (isLoadingLayout) {
+        return /*#__PURE__*/ jsx(Page.Loading, {});
+    }
+    return /*#__PURE__*/ jsxs(Layouts.Root, {
+        children: [
+            /*#__PURE__*/ jsx(Page.Title, {
+                children: `Configure ${list.settings.displayName} List View`
+            }),
+            /*#__PURE__*/ jsx(Main, {
+                children: /*#__PURE__*/ jsxs(Form, {
+                    initialValues: initialValues,
+                    onSubmit: handleSubmit,
+                    method: "PUT",
+                    children: [
+                        /*#__PURE__*/ jsx(Header, {
+                            collectionType: collectionType,
+                            model: model,
+                            name: list.settings.displayName ?? ''
+                        }),
+                        /*#__PURE__*/ jsx(Layouts.Content, {
+                            children: /*#__PURE__*/ jsxs(Flex, {
+                                alignItems: "stretch",
+                                background: "neutral0",
+                                direction: "column",
+                                gap: 6,
+                                hasRadius: true,
+                                shadow: "tableShadow",
+                                paddingTop: 6,
+                                paddingBottom: 6,
+                                paddingLeft: 7,
+                                paddingRight: 7,
+                                children: [
+                                    /*#__PURE__*/ jsx(Settings, {}),
+                                    /*#__PURE__*/ jsx(Divider, {}),
+                                    /*#__PURE__*/ jsx(SortDisplayedFields, {})
+                                ]
+                            })
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+const ProtectedListConfiguration = ()=>{
+    const permissions = useTypedSelector((state)=>state.admin_app.permissions.contentManager?.collectionTypesConfigurations);
+    return /*#__PURE__*/ jsx(Page.Protect, {
+        permissions: permissions,
+        children: /*#__PURE__*/ jsx(ListConfiguration, {})
+    });
+};
+
+export { ListConfiguration, ProtectedListConfiguration };
+//# sourceMappingURL=ListConfigurationPage.mjs.map

package/dist/admin/pages/ListConfiguration/ListConfigurationPage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListConfigurationPage.mjs","sources":["../../../../admin/src/pages/ListConfiguration/ListConfigurationPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Form,\n  type FormProps,\n  useNotification,\n  useTracking,\n  useAPIErrorHandler,\n  Page,\n  Layouts,\n} from '@strapi/admin/strapi-admin';\nimport { Divider, Flex, Main } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { Navigate } from 'react-router-dom';\n\nimport { SINGLE_TYPES } from '../../constants/collections';\nimport { useDoc } from '../../hooks/useDocument';\nimport { ListFieldLayout, ListLayout, useDocLayout } from '../../hooks/useDocumentLayout';\nimport { useTypedSelector } from '../../modules/hooks';\nimport { useUpdateContentTypeConfigurationMutation } from '../../services/contentTypes';\nimport { setIn } from '../../utils/objects';\n\nimport { Header } from './components/Header';\nimport { Settings } from './components/Settings';\nimport { SortDisplayedFields } from './components/SortDisplayedFields';\n\nimport type { Metadatas } from '../../../../shared/contracts/content-types';\n\ninterface FormData extends Pick<ListLayout, 'settings'> {\n  layout: Array<Pick<ListFieldLayout, 'sortable' | 'name'> & { label: string }>;\n}\n\nconst ListConfiguration = () => {\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const { toggleNotification } = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n\n  const { model, collectionType } = useDoc();\n\n  const { isLoading: isLoadingLayout, list, edit } = useDocLayout();\n\n  const [updateContentTypeConfiguration] = useUpdateContentTypeConfigurationMutation();\n  const handleSubmit: FormProps<FormData>['onSubmit'] = async (data) => {\n    try {\n      trackUsage('willSaveContentTypeLayout');\n      const layoutData = data.layout ?? [];\n      /**\n       * We reconstruct the metadatas object by taking the existing edit metadatas\n       * and re-merging that by attribute name with the current list metadatas, whilst overwriting\n       * the data from the form we've built.\n       */\n      const meta = Object.entries(edit.metadatas).reduce<Metadatas>((acc, [name, editMeta]) => {\n        const { mainField: _mainField, ...listMeta } = list.metadatas[name];\n\n        const { label, sortable } = layoutData.find((field) => field.name === name) ?? {};\n\n        acc[name] = {\n          edit: editMeta,\n          list: {\n            ...listMeta,\n            label: label || listMeta.label,\n            sortable: sortable || listMeta.sortable,\n          },\n        };\n\n        return acc;\n      }, {});\n\n      const res = await updateContentTypeConfiguration({\n        layouts: {\n          edit: edit.layout.flatMap((panel) =>\n            panel.map((row) => row.map(({ name, size }) => ({ name, size })))\n          ),\n          list: layoutData.map((field) => field.name),\n        },\n        settings: setIn(data.settings, 'displayName', undefined),\n        metadatas: meta,\n        uid: model,\n      });\n\n      if ('data' in res) {\n        trackUsage('didEditListSettings');\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({ id: 'notification.success.saved', defaultMessage: 'Saved' }),\n        });\n      } else {\n        toggleNotification({\n          type: 'danger',\n          message: formatAPIError(res.error),\n        });\n      }\n    } catch (err) {\n      console.error(err);\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\n      });\n    }\n  };\n\n  const initialValues = React.useMemo(() => {\n    return {\n      layout: list.layout.map(({ label, sortable, name }) => ({\n        label: typeof label === 'string' ? label : formatMessage(label),\n        sortable,\n        name,\n      })),\n      settings: list.settings,\n    } satisfies FormData;\n  }, [formatMessage, list.layout, list.settings]);\n\n  if (collectionType === SINGLE_TYPES) {\n    return <Navigate to={`/single-types/${model}`} />;\n  }\n\n  if (isLoadingLayout) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Layouts.Root>\n      <Page.Title>{`Configure ${list.settings.displayName} List View`}</Page.Title>\n      <Main>\n        <Form initialValues={initialValues} onSubmit={handleSubmit} method=\"PUT\">\n          <Header\n            collectionType={collectionType}\n            model={model}\n            name={list.settings.displayName ?? ''}\n          />\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              <Settings />\n              <Divider />\n              <SortDisplayedFields />\n            </Flex>\n          </Layouts.Content>\n        </Form>\n      </Main>\n    </Layouts.Root>\n  );\n};\n\nconst ProtectedListConfiguration = () => {\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions.contentManager?.collectionTypesConfigurations\n  );\n\n  return (\n    <Page.Protect permissions={permissions}>\n      <ListConfiguration />\n    </Page.Protect>\n  );\n};\n\nexport { ProtectedListConfiguration, ListConfiguration };\nexport type { FormData };\n"],"names":["ListConfiguration","formatMessage","useIntl","trackUsage","useTracking","toggleNotification","useNotification","_unstableFormatAPIError","formatAPIError","useAPIErrorHandler","model","collectionType","useDoc","isLoading","isLoadingLayout","list","edit","useDocLayout","updateContentTypeConfiguration","useUpdateContentTypeConfigurationMutation","handleSubmit","data","layoutData","layout","meta","Object","entries","metadatas","reduce","acc","name","editMeta","mainField","_mainField","listMeta","label","sortable","find","field","res","layouts","flatMap","panel","map","row","size","settings","setIn","undefined","uid","type","message","id","defaultMessage","error","err","console","initialValues","React","useMemo","SINGLE_TYPES","_jsx","Navigate","to","Page","Loading","_jsxs","Layouts","Root","Title","displayName","Main","Form","onSubmit","method","Header","Content","Flex","alignItems","background","direction","gap","hasRadius","shadow","paddingTop","paddingBottom","paddingLeft","paddingRight","Settings","Divider","SortDisplayedFields","ProtectedListConfiguration","permissions","useTypedSelector","state","admin_app","contentManager","collectionTypesConfigurations","Protect"],"mappings":"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"}