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

package/dist/admin/pages/ListView/ListViewPage.mjs

@@ -0,0 +1,411 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Layouts, useTracking, useNotification, useAPIErrorHandler, useQueryParams, useStrapiApp, Page, BackButton, SearchInput, Table, Pagination, useTable, useRBAC } from '@strapi/admin/strapi-admin';
+import { Flex, Typography, Button } from '@strapi/design-system';
+import { Plus } from '@strapi/icons';
+import isEqual from 'lodash/isEqual';
+import { stringify } from 'qs';
+import { useIntl } from 'react-intl';
+import { useNavigate, Link, useParams } from 'react-router-dom';
+import { styled } from 'styled-components';
+import { InjectionZone } from '../../components/InjectionZone.mjs';
+import { HOOKS } from '../../constants/hooks.mjs';
+import { PERMISSIONS } from '../../constants/plugin.mjs';
+import { useDocumentRBAC, DocumentRBAC } from '../../features/DocumentRBAC.mjs';
+import { useDoc } from '../../hooks/useDocument.mjs';
+import { useDocumentLayout, convertListLayoutToFieldLayouts } from '../../hooks/useDocumentLayout.mjs';
+import { usePrev } from '../../hooks/usePrev.mjs';
+import { useGetAllDocumentsQuery } from '../../services/documents.mjs';
+import { buildValidParams } from '../../utils/api.mjs';
+import { getTranslation } from '../../utils/translations.mjs';
+import { getDisplayName } from '../../utils/users.mjs';
+import { DocumentStatus } from '../EditView/components/DocumentStatus.mjs';
+import { BulkActionsRenderer } from './components/BulkActions/Actions.mjs';
+import { Filters as FiltersImpl } from './components/Filters.mjs';
+import { TableActions } from './components/TableActions.mjs';
+import { CellContent } from './components/TableCells/CellContent.mjs';
+import { ViewSettingsMenu } from './components/ViewSettingsMenu.mjs';
+
+const { INJECT_COLUMN_IN_TABLE } = HOOKS;
+/* -------------------------------------------------------------------------------------------------
+ * ListViewPage
+ * -----------------------------------------------------------------------------------------------*/ const LayoutsHeaderCustom = styled(Layouts.Header)`
+  overflow-wrap: anywhere;
+`;
+const ListViewPage = ()=>{
+    const { trackUsage } = useTracking();
+    const navigate = useNavigate();
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler(getTranslation);
+    const { collectionType, model, schema } = useDoc();
+    const { list } = useDocumentLayout(model);
+    const [displayedHeaders, setDisplayedHeaders] = React.useState([]);
+    const listLayout = usePrev(list.layout);
+    React.useEffect(()=>{
+        /**
+     * ONLY update the displayedHeaders if the document
+     * layout has actually changed in value.
+     */ if (!isEqual(listLayout, list.layout)) {
+            setDisplayedHeaders(list.layout);
+        }
+    }, [
+        list.layout,
+        listLayout
+    ]);
+    const handleSetHeaders = (headers)=>{
+        setDisplayedHeaders(convertListLayoutToFieldLayouts(headers, schema.attributes, list.metadatas));
+    };
+    const [{ query }] = useQueryParams({
+        page: '1',
+        pageSize: list.settings.pageSize.toString(),
+        sort: list.settings.defaultSortBy ? `${list.settings.defaultSortBy}:${list.settings.defaultSortOrder}` : ''
+    });
+    const params = React.useMemo(()=>buildValidParams(query), [
+        query
+    ]);
+    const { data, error, isFetching } = useGetAllDocumentsQuery({
+        model,
+        params
+    });
+    /**
+   * If the API returns an error, display a notification
+   */ React.useEffect(()=>{
+        if (error) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(error)
+            });
+        }
+    }, [
+        error,
+        formatAPIError,
+        toggleNotification
+    ]);
+    const { results = [], pagination } = data ?? {};
+    React.useEffect(()=>{
+        if (pagination && pagination.pageCount > 0 && pagination.page > pagination.pageCount) {
+            navigate({
+                search: stringify({
+                    ...query,
+                    page: pagination.pageCount
+                })
+            }, {
+                replace: true
+            });
+        }
+    }, [
+        pagination,
+        formatMessage,
+        query,
+        navigate
+    ]);
+    const { canCreate } = useDocumentRBAC('ListViewPage', ({ canCreate })=>({
+            canCreate
+        }));
+    const runHookWaterfall = useStrapiApp('ListViewPage', ({ runHookWaterfall })=>runHookWaterfall);
+    /**
+   * Run the waterfall and then inject our additional table headers.
+   */ const tableHeaders = React.useMemo(()=>{
+        const headers = runHookWaterfall(INJECT_COLUMN_IN_TABLE, {
+            displayedHeaders,
+            layout: list
+        });
+        const formattedHeaders = headers.displayedHeaders.map((header)=>{
+            /**
+       * When the header label is a string, it is an attribute on the current content-type:
+       * Use the attribute name value to compute the translation.
+       * Otherwise, it should be a  translation object coming from a plugin that injects into the table (ie i18n, content-releases, review-workflows):
+       * Use the translation object as is.
+       */ const translation = typeof header.label === 'string' ? {
+                id: `content-manager.content-types.${model}.${header.name}`,
+                defaultMessage: header.label
+            } : header.label;
+            return {
+                ...header,
+                label: formatMessage(translation),
+                name: `${header.name}${header.mainField?.name ? `.${header.mainField.name}` : ''}`
+            };
+        });
+        if (schema?.options?.draftAndPublish) {
+            formattedHeaders.push({
+                attribute: {
+                    type: 'custom'
+                },
+                name: 'status',
+                label: formatMessage({
+                    id: getTranslation(`containers.list.table-headers.status`),
+                    defaultMessage: 'status'
+                }),
+                searchable: false,
+                sortable: false
+            });
+        }
+        return formattedHeaders;
+    }, [
+        displayedHeaders,
+        formatMessage,
+        list,
+        runHookWaterfall,
+        schema?.options?.draftAndPublish,
+        model
+    ]);
+    if (isFetching) {
+        return /*#__PURE__*/ jsx(Page.Loading, {});
+    }
+    if (error) {
+        return /*#__PURE__*/ jsx(Page.Error, {});
+    }
+    const contentTypeTitle = schema?.info.displayName ? formatMessage({
+        id: schema.info.displayName,
+        defaultMessage: schema.info.displayName
+    }) : formatMessage({
+        id: 'content-manager.containers.untitled',
+        defaultMessage: 'Untitled'
+    });
+    const handleRowClick = (id)=>()=>{
+            trackUsage('willEditEntryFromList');
+            navigate({
+                pathname: id.toString(),
+                search: stringify({
+                    plugins: query.plugins
+                })
+            });
+        };
+    return /*#__PURE__*/ jsxs(Page.Main, {
+        children: [
+            /*#__PURE__*/ jsx(Page.Title, {
+                children: `${contentTypeTitle}`
+            }),
+            /*#__PURE__*/ jsx(LayoutsHeaderCustom, {
+                primaryAction: canCreate ? /*#__PURE__*/ jsx(CreateButton, {}) : null,
+                subtitle: formatMessage({
+                    id: getTranslation('pages.ListView.header-subtitle'),
+                    defaultMessage: '{number, plural, =0 {# entries} one {# entry} other {# entries}} found'
+                }, {
+                    number: pagination?.total
+                }),
+                title: contentTypeTitle,
+                navigationAction: /*#__PURE__*/ jsx(BackButton, {})
+            }),
+            /*#__PURE__*/ jsx(Layouts.Action, {
+                endActions: /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsx(InjectionZone, {
+                            area: "listView.actions"
+                        }),
+                        /*#__PURE__*/ jsx(ViewSettingsMenu, {
+                            setHeaders: handleSetHeaders,
+                            resetHeaders: ()=>setDisplayedHeaders(list.layout),
+                            headers: displayedHeaders.map((header)=>header.name)
+                        })
+                    ]
+                }),
+                startActions: /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        list.settings.searchable && /*#__PURE__*/ jsx(SearchInput, {
+                            disabled: results.length === 0,
+                            label: formatMessage({
+                                id: 'app.component.search.label',
+                                defaultMessage: 'Search for {target}'
+                            }, {
+                                target: contentTypeTitle
+                            }),
+                            placeholder: formatMessage({
+                                id: 'global.search',
+                                defaultMessage: 'Search'
+                            }),
+                            trackedEvent: "didSearch"
+                        }),
+                        list.settings.filterable && schema ? /*#__PURE__*/ jsx(FiltersImpl, {
+                            disabled: results.length === 0,
+                            schema: schema
+                        }) : null
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx(Layouts.Content, {
+                children: /*#__PURE__*/ jsxs(Flex, {
+                    gap: 4,
+                    direction: "column",
+                    alignItems: "stretch",
+                    children: [
+                        /*#__PURE__*/ jsxs(Table.Root, {
+                            rows: results,
+                            headers: tableHeaders,
+                            isLoading: isFetching,
+                            children: [
+                                /*#__PURE__*/ jsx(TableActionsBar, {}),
+                                /*#__PURE__*/ jsxs(Table.Content, {
+                                    children: [
+                                        /*#__PURE__*/ jsxs(Table.Head, {
+                                            children: [
+                                                /*#__PURE__*/ jsx(Table.HeaderCheckboxCell, {}),
+                                                tableHeaders.map((header)=>/*#__PURE__*/ jsx(Table.HeaderCell, {
+                                                        ...header
+                                                    }, header.name))
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ jsx(Table.Loading, {}),
+                                        /*#__PURE__*/ jsx(Table.Empty, {
+                                            action: canCreate ? /*#__PURE__*/ jsx(CreateButton, {
+                                                variant: "secondary"
+                                            }) : null
+                                        }),
+                                        /*#__PURE__*/ jsx(Table.Body, {
+                                            children: results.map((row)=>{
+                                                return /*#__PURE__*/ jsxs(Table.Row, {
+                                                    cursor: "pointer",
+                                                    onClick: handleRowClick(row.documentId),
+                                                    children: [
+                                                        /*#__PURE__*/ jsx(Table.CheckboxCell, {
+                                                            id: row.id
+                                                        }),
+                                                        tableHeaders.map(({ cellFormatter, ...header })=>{
+                                                            if (header.name === 'status') {
+                                                                const { status } = row;
+                                                                return /*#__PURE__*/ jsx(Table.Cell, {
+                                                                    children: /*#__PURE__*/ jsx(DocumentStatus, {
+                                                                        status: status,
+                                                                        maxWidth: 'min-content'
+                                                                    })
+                                                                }, header.name);
+                                                            }
+                                                            if ([
+                                                                'createdBy',
+                                                                'updatedBy'
+                                                            ].includes(header.name.split('.')[0])) {
+                                                                // Display the users full name
+                                                                // Some entries doesn't have a user assigned as creator/updater (ex: entries created through content API)
+                                                                // In this case, we display a dash
+                                                                return /*#__PURE__*/ jsx(Table.Cell, {
+                                                                    children: /*#__PURE__*/ jsx(Typography, {
+                                                                        textColor: "neutral800",
+                                                                        children: row[header.name.split('.')[0]] ? getDisplayName(row[header.name.split('.')[0]]) : '-'
+                                                                    })
+                                                                }, header.name);
+                                                            }
+                                                            if (typeof cellFormatter === 'function') {
+                                                                return /*#__PURE__*/ jsx(Table.Cell, {
+                                                                    children: cellFormatter(row, header, {
+                                                                        collectionType,
+                                                                        model
+                                                                    })
+                                                                }, header.name);
+                                                            }
+                                                            return /*#__PURE__*/ jsx(Table.Cell, {
+                                                                children: /*#__PURE__*/ jsx(CellContent, {
+                                                                    content: row[header.name.split('.')[0]],
+                                                                    rowId: row.documentId,
+                                                                    ...header
+                                                                })
+                                                            }, header.name);
+                                                        }),
+                                                        /*#__PURE__*/ jsx(ActionsCell, {
+                                                            onClick: (e)=>e.stopPropagation(),
+                                                            children: /*#__PURE__*/ jsx(TableActions, {
+                                                                document: row
+                                                            })
+                                                        })
+                                                    ]
+                                                }, row.id);
+                                            })
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs(Pagination.Root, {
+                            ...pagination,
+                            onPageSizeChange: ()=>trackUsage('willChangeNumberOfEntriesPerPage'),
+                            children: [
+                                /*#__PURE__*/ jsx(Pagination.PageSize, {}),
+                                /*#__PURE__*/ jsx(Pagination.Links, {})
+                            ]
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+const ActionsCell = styled(Table.Cell)`
+  display: flex;
+  justify-content: flex-end;
+`;
+/* -------------------------------------------------------------------------------------------------
+ * TableActionsBar
+ * -----------------------------------------------------------------------------------------------*/ const TableActionsBar = ()=>{
+    const selectRow = useTable('TableActionsBar', (state)=>state.selectRow);
+    const [{ query }] = useQueryParams();
+    const locale = query?.plugins?.i18n?.locale;
+    const prevLocale = usePrev(locale);
+    // TODO: find a better way to reset the selected rows when the locale changes across all the app
+    React.useEffect(()=>{
+        if (prevLocale !== locale) {
+            selectRow([]);
+        }
+    }, [
+        selectRow,
+        prevLocale,
+        locale
+    ]);
+    return /*#__PURE__*/ jsx(Table.ActionBar, {
+        children: /*#__PURE__*/ jsx(BulkActionsRenderer, {})
+    });
+};
+const CreateButton = ({ variant })=>{
+    const { formatMessage } = useIntl();
+    const { trackUsage } = useTracking();
+    const [{ query }] = useQueryParams();
+    return /*#__PURE__*/ jsx(Button, {
+        variant: variant,
+        tag: Link,
+        onClick: ()=>{
+            trackUsage('willCreateEntry', {
+                status: 'draft'
+            });
+        },
+        startIcon: /*#__PURE__*/ jsx(Plus, {}),
+        style: {
+            textDecoration: 'none'
+        },
+        to: {
+            pathname: 'create',
+            search: stringify({
+                plugins: query.plugins
+            })
+        },
+        minWidth: "max-content",
+        marginLeft: 2,
+        children: formatMessage({
+            id: getTranslation('HeaderLayout.button.label-add-entry'),
+            defaultMessage: 'Create new entry'
+        })
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * ProtectedListViewPage
+ * -----------------------------------------------------------------------------------------------*/ const ProtectedListViewPage = ()=>{
+    const { slug = '' } = useParams();
+    const { permissions = [], isLoading, error } = useRBAC(PERMISSIONS.map((action)=>({
+            action,
+            subject: slug
+        })));
+    if (isLoading) {
+        return /*#__PURE__*/ jsx(Page.Loading, {});
+    }
+    if (error || !slug) {
+        return /*#__PURE__*/ jsx(Page.Error, {});
+    }
+    return /*#__PURE__*/ jsx(Page.Protect, {
+        permissions: permissions,
+        children: ({ permissions })=>/*#__PURE__*/ jsx(DocumentRBAC, {
+                permissions: permissions,
+                children: /*#__PURE__*/ jsx(ListViewPage, {})
+            })
+    });
+};
+
+export { ListViewPage, ProtectedListViewPage };
+//# sourceMappingURL=ListViewPage.mjs.map

package/dist/admin/pages/ListView/ListViewPage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListViewPage.mjs","sources":["../../../../admin/src/pages/ListView/ListViewPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Page,\n  Pagination,\n  SearchInput,\n  Table,\n  BackButton,\n  useNotification,\n  useStrapiApp,\n  useTracking,\n  useAPIErrorHandler,\n  useQueryParams,\n  useRBAC,\n  Layouts,\n  useTable,\n} from '@strapi/admin/strapi-admin';\nimport { Button, Flex, Typography, ButtonProps } from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport isEqual from 'lodash/isEqual';\nimport { stringify } from 'qs';\nimport { useIntl } from 'react-intl';\nimport { useNavigate, Link as ReactRouterLink, useParams } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { InjectionZone } from '../../components/InjectionZone';\nimport { HOOKS } from '../../constants/hooks';\nimport { PERMISSIONS } from '../../constants/plugin';\nimport { DocumentRBAC, useDocumentRBAC } from '../../features/DocumentRBAC';\nimport { useDoc } from '../../hooks/useDocument';\nimport {\n  ListFieldLayout,\n  convertListLayoutToFieldLayouts,\n  useDocumentLayout,\n} from '../../hooks/useDocumentLayout';\nimport { usePrev } from '../../hooks/usePrev';\nimport { useGetAllDocumentsQuery } from '../../services/documents';\nimport { buildValidParams } from '../../utils/api';\nimport { getTranslation } from '../../utils/translations';\nimport { getDisplayName } from '../../utils/users';\nimport { DocumentStatus } from '../EditView/components/DocumentStatus';\n\nimport { BulkActionsRenderer } from './components/BulkActions/Actions';\nimport { Filters } from './components/Filters';\nimport { TableActions } from './components/TableActions';\nimport { CellContent } from './components/TableCells/CellContent';\nimport { ViewSettingsMenu } from './components/ViewSettingsMenu';\n\nimport type { Modules } from '@strapi/types';\n\nconst { INJECT_COLUMN_IN_TABLE } = HOOKS;\n\n/* -------------------------------------------------------------------------------------------------\n * ListViewPage\n * -----------------------------------------------------------------------------------------------*/\nconst LayoutsHeaderCustom = styled(Layouts.Header)`\n  overflow-wrap: anywhere;\n`;\n\nconst ListViewPage = () => {\n  const { trackUsage } = useTracking();\n  const navigate = useNavigate();\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler(getTranslation);\n\n  const { collectionType, model, schema } = useDoc();\n  const { list } = useDocumentLayout(model);\n\n  const [displayedHeaders, setDisplayedHeaders] = React.useState<ListFieldLayout[]>([]);\n\n  const listLayout = usePrev(list.layout);\n  React.useEffect(() => {\n    /**\n     * ONLY update the displayedHeaders if the document\n     * layout has actually changed in value.\n     */\n    if (!isEqual(listLayout, list.layout)) {\n      setDisplayedHeaders(list.layout);\n    }\n  }, [list.layout, listLayout]);\n\n  const handleSetHeaders = (headers: string[]) => {\n    setDisplayedHeaders(\n      convertListLayoutToFieldLayouts(headers, schema!.attributes, list.metadatas)\n    );\n  };\n\n  const [{ query }] = useQueryParams<{\n    plugins?: Record<string, unknown>;\n    page?: string;\n    pageSize?: string;\n    sort?: string;\n  }>({\n    page: '1',\n    pageSize: list.settings.pageSize.toString(),\n    sort: list.settings.defaultSortBy\n      ? `${list.settings.defaultSortBy}:${list.settings.defaultSortOrder}`\n      : '',\n  });\n\n  const params = React.useMemo(() => buildValidParams(query), [query]);\n\n  const { data, error, isFetching } = useGetAllDocumentsQuery({\n    model,\n    params,\n  });\n\n  /**\n   * If the API returns an error, display a notification\n   */\n  React.useEffect(() => {\n    if (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatAPIError(error),\n      });\n    }\n  }, [error, formatAPIError, toggleNotification]);\n\n  const { results = [], pagination } = data ?? {};\n\n  React.useEffect(() => {\n    if (pagination && pagination.pageCount > 0 && pagination.page > pagination.pageCount) {\n      navigate(\n        {\n          search: stringify({\n            ...query,\n            page: pagination.pageCount,\n          }),\n        },\n        { replace: true }\n      );\n    }\n  }, [pagination, formatMessage, query, navigate]);\n\n  const { canCreate } = useDocumentRBAC('ListViewPage', ({ canCreate }) => ({\n    canCreate,\n  }));\n\n  const runHookWaterfall = useStrapiApp('ListViewPage', ({ runHookWaterfall }) => runHookWaterfall);\n  /**\n   * Run the waterfall and then inject our additional table headers.\n   */\n  const tableHeaders = React.useMemo(() => {\n    const headers = runHookWaterfall(INJECT_COLUMN_IN_TABLE, {\n      displayedHeaders,\n      layout: list,\n    });\n\n    const formattedHeaders = headers.displayedHeaders.map<ListFieldLayout>((header) => {\n      /**\n       * When the header label is a string, it is an attribute on the current content-type:\n       * Use the attribute name value to compute the translation.\n       * Otherwise, it should be a  translation object coming from a plugin that injects into the table (ie i18n, content-releases, review-workflows):\n       * Use the translation object as is.\n       */\n      const translation =\n        typeof header.label === 'string'\n          ? {\n              id: `content-manager.content-types.${model}.${header.name}`,\n              defaultMessage: header.label,\n            }\n          : header.label;\n\n      return {\n        ...header,\n        label: formatMessage(translation),\n        name: `${header.name}${header.mainField?.name ? `.${header.mainField.name}` : ''}`,\n      };\n    });\n\n    if (schema?.options?.draftAndPublish) {\n      formattedHeaders.push({\n        attribute: {\n          type: 'custom',\n        },\n        name: 'status',\n        label: formatMessage({\n          id: getTranslation(`containers.list.table-headers.status`),\n          defaultMessage: 'status',\n        }),\n        searchable: false,\n        sortable: false,\n      } satisfies ListFieldLayout);\n    }\n\n    return formattedHeaders;\n  }, [\n    displayedHeaders,\n    formatMessage,\n    list,\n    runHookWaterfall,\n    schema?.options?.draftAndPublish,\n    model,\n  ]);\n\n  if (isFetching) {\n    return <Page.Loading />;\n  }\n\n  if (error) {\n    return <Page.Error />;\n  }\n\n  const contentTypeTitle = schema?.info.displayName\n    ? formatMessage({ id: schema.info.displayName, defaultMessage: schema.info.displayName })\n    : formatMessage({\n        id: 'content-manager.containers.untitled',\n        defaultMessage: 'Untitled',\n      });\n\n  const handleRowClick = (id: Modules.Documents.ID) => () => {\n    trackUsage('willEditEntryFromList');\n    navigate({\n      pathname: id.toString(),\n      search: stringify({ plugins: query.plugins }),\n    });\n  };\n\n  return (\n    <Page.Main>\n      <Page.Title>{`${contentTypeTitle}`}</Page.Title>\n      <LayoutsHeaderCustom\n        primaryAction={canCreate ? <CreateButton /> : null}\n        subtitle={formatMessage(\n          {\n            id: getTranslation('pages.ListView.header-subtitle'),\n            defaultMessage:\n              '{number, plural, =0 {# entries} one {# entry} other {# entries}} found',\n          },\n          { number: pagination?.total }\n        )}\n        title={contentTypeTitle}\n        navigationAction={<BackButton />}\n      />\n      <Layouts.Action\n        endActions={\n          <>\n            <InjectionZone area=\"listView.actions\" />\n            <ViewSettingsMenu\n              setHeaders={handleSetHeaders}\n              resetHeaders={() => setDisplayedHeaders(list.layout)}\n              headers={displayedHeaders.map((header) => header.name)}\n            />\n          </>\n        }\n        startActions={\n          <>\n            {list.settings.searchable && (\n              <SearchInput\n                disabled={results.length === 0}\n                label={formatMessage(\n                  { id: 'app.component.search.label', defaultMessage: 'Search for {target}' },\n                  { target: contentTypeTitle }\n                )}\n                placeholder={formatMessage({\n                  id: 'global.search',\n                  defaultMessage: 'Search',\n                })}\n                trackedEvent=\"didSearch\"\n              />\n            )}\n            {list.settings.filterable && schema ? (\n              <Filters disabled={results.length === 0} schema={schema} />\n            ) : null}\n          </>\n        }\n      />\n      <Layouts.Content>\n        <Flex gap={4} direction=\"column\" alignItems=\"stretch\">\n          <Table.Root rows={results} headers={tableHeaders} isLoading={isFetching}>\n            <TableActionsBar />\n            <Table.Content>\n              <Table.Head>\n                <Table.HeaderCheckboxCell />\n                {tableHeaders.map((header: ListFieldLayout) => (\n                  <Table.HeaderCell key={header.name} {...header} />\n                ))}\n              </Table.Head>\n              <Table.Loading />\n              <Table.Empty action={canCreate ? <CreateButton variant=\"secondary\" /> : null} />\n              <Table.Body>\n                {results.map((row) => {\n                  return (\n                    <Table.Row\n                      cursor=\"pointer\"\n                      key={row.id}\n                      onClick={handleRowClick(row.documentId)}\n                    >\n                      <Table.CheckboxCell id={row.id} />\n                      {tableHeaders.map(({ cellFormatter, ...header }) => {\n                        if (header.name === 'status') {\n                          const { status } = row;\n\n                          return (\n                            <Table.Cell key={header.name}>\n                              <DocumentStatus status={status} maxWidth={'min-content'} />\n                            </Table.Cell>\n                          );\n                        }\n                        if (['createdBy', 'updatedBy'].includes(header.name.split('.')[0])) {\n                          // Display the users full name\n                          // Some entries doesn't have a user assigned as creator/updater (ex: entries created through content API)\n                          // In this case, we display a dash\n                          return (\n                            <Table.Cell key={header.name}>\n                              <Typography textColor=\"neutral800\">\n                                {row[header.name.split('.')[0]]\n                                  ? getDisplayName(row[header.name.split('.')[0]])\n                                  : '-'}\n                              </Typography>\n                            </Table.Cell>\n                          );\n                        }\n                        if (typeof cellFormatter === 'function') {\n                          return (\n                            <Table.Cell key={header.name}>\n                              {/* @ts-expect-error – TODO: fix this TS error */}\n                              {cellFormatter(row, header, { collectionType, model })}\n                            </Table.Cell>\n                          );\n                        }\n                        return (\n                          <Table.Cell key={header.name}>\n                            <CellContent\n                              content={row[header.name.split('.')[0]]}\n                              rowId={row.documentId}\n                              {...header}\n                            />\n                          </Table.Cell>\n                        );\n                      })}\n                      {/* we stop propagation here to allow the menu to trigger it's events without triggering the row redirect */}\n                      <ActionsCell onClick={(e) => e.stopPropagation()}>\n                        <TableActions document={row} />\n                      </ActionsCell>\n                    </Table.Row>\n                  );\n                })}\n              </Table.Body>\n            </Table.Content>\n          </Table.Root>\n          <Pagination.Root\n            {...pagination}\n            onPageSizeChange={() => trackUsage('willChangeNumberOfEntriesPerPage')}\n          >\n            <Pagination.PageSize />\n            <Pagination.Links />\n          </Pagination.Root>\n        </Flex>\n      </Layouts.Content>\n    </Page.Main>\n  );\n};\n\nconst ActionsCell = styled(Table.Cell)`\n  display: flex;\n  justify-content: flex-end;\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * TableActionsBar\n * -----------------------------------------------------------------------------------------------*/\n\nconst TableActionsBar = () => {\n  const selectRow = useTable('TableActionsBar', (state) => state.selectRow);\n  const [{ query }] = useQueryParams<{ plugins: { i18n: { locale: string } } }>();\n  const locale = query?.plugins?.i18n?.locale;\n  const prevLocale = usePrev(locale);\n\n  // TODO: find a better way to reset the selected rows when the locale changes across all the app\n  React.useEffect(() => {\n    if (prevLocale !== locale) {\n      selectRow([]);\n    }\n  }, [selectRow, prevLocale, locale]);\n\n  return (\n    <Table.ActionBar>\n      <BulkActionsRenderer />\n    </Table.ActionBar>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * CreateButton\n * -----------------------------------------------------------------------------------------------*/\n\ninterface CreateButtonProps extends Pick<ButtonProps, 'variant'> {}\n\nconst CreateButton = ({ variant }: CreateButtonProps) => {\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const [{ query }] = useQueryParams<{ plugins: object }>();\n\n  return (\n    <Button\n      variant={variant}\n      tag={ReactRouterLink}\n      onClick={() => {\n        trackUsage('willCreateEntry', { status: 'draft' });\n      }}\n      startIcon={<Plus />}\n      style={{ textDecoration: 'none' }}\n      to={{\n        pathname: 'create',\n        search: stringify({ plugins: query.plugins }),\n      }}\n      minWidth=\"max-content\"\n      marginLeft={2}\n    >\n      {formatMessage({\n        id: getTranslation('HeaderLayout.button.label-add-entry'),\n        defaultMessage: 'Create new entry',\n      })}\n    </Button>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ProtectedListViewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProtectedListViewPage = () => {\n  const { slug = '' } = useParams<{\n    slug: string;\n  }>();\n  const {\n    permissions = [],\n    isLoading,\n    error,\n  } = useRBAC(\n    PERMISSIONS.map((action) => ({\n      action,\n      subject: slug,\n    }))\n  );\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  if (error || !slug) {\n    return <Page.Error />;\n  }\n\n  return (\n    <Page.Protect permissions={permissions}>\n      {({ permissions }) => (\n        <DocumentRBAC permissions={permissions}>\n          <ListViewPage />\n        </DocumentRBAC>\n      )}\n    </Page.Protect>\n  );\n};\n\nexport { ListViewPage, ProtectedListViewPage };\n"],"names":["INJECT_COLUMN_IN_TABLE","HOOKS","LayoutsHeaderCustom","styled","Layouts","Header","ListViewPage","trackUsage","useTracking","navigate","useNavigate","formatMessage","useIntl","toggleNotification","useNotification","_unstableFormatAPIError","formatAPIError","useAPIErrorHandler","getTranslation","collectionType","model","schema","useDoc","list","useDocumentLayout","displayedHeaders","setDisplayedHeaders","React","useState","listLayout","usePrev","layout","useEffect","isEqual","handleSetHeaders","headers","convertListLayoutToFieldLayouts","attributes","metadatas","query","useQueryParams","page","pageSize","settings","toString","sort","defaultSortBy","defaultSortOrder","params","useMemo","buildValidParams","data","error","isFetching","useGetAllDocumentsQuery","type","message","results","pagination","pageCount","search","stringify","replace","canCreate","useDocumentRBAC","runHookWaterfall","useStrapiApp","tableHeaders","formattedHeaders","map","header","translation","label","id","name","defaultMessage","mainField","options","draftAndPublish","push","attribute","searchable","sortable","_jsx","Page","Loading","Error","contentTypeTitle","info","displayName","handleRowClick","pathname","plugins","_jsxs","Main","Title","primaryAction","CreateButton","subtitle","number","total","title","navigationAction","BackButton","Action","endActions","_Fragment","InjectionZone","area","ViewSettingsMenu","setHeaders","resetHeaders","startActions","SearchInput","disabled","length","target","placeholder","trackedEvent","filterable","Filters","Content","Flex","gap","direction","alignItems","Table","Root","rows","isLoading","TableActionsBar","Head","HeaderCheckboxCell","HeaderCell","Empty","action","variant","Body","row","Row","cursor","onClick","documentId","CheckboxCell","cellFormatter","status","Cell","DocumentStatus","maxWidth","includes","split","Typography","textColor","getDisplayName","CellContent","content","rowId","ActionsCell","e","stopPropagation","TableActions","document","Pagination","onPageSizeChange","PageSize","Links","selectRow","useTable","state","locale","i18n","prevLocale","ActionBar","BulkActionsRenderer","Button","tag","ReactRouterLink","startIcon","Plus","style","textDecoration","to","minWidth","marginLeft","ProtectedListViewPage","slug","useParams","permissions","useRBAC","PERMISSIONS","subject","Protect","DocumentRBAC"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,MAAM,EAAEA,sBAAsB,EAAE,GAAGC,KAAAA;AAEnC;;AAEkG,qGAClG,MAAMC,mBAAsBC,GAAAA,MAAAA,CAAOC,OAAQC,CAAAA,MAAM,CAAC;;AAElD,CAAC;AAED,MAAMC,YAAe,GAAA,IAAA;IACnB,MAAM,EAAEC,UAAU,EAAE,GAAGC,WAAAA,EAAAA;AACvB,IAAA,MAAMC,QAAWC,GAAAA,WAAAA,EAAAA;IACjB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,eAAAA,EAAAA;AAC/B,IAAA,MAAM,EAAEC,uBAAAA,EAAyBC,cAAc,EAAE,GAAGC,kBAAmBC,CAAAA,cAAAA,CAAAA;AAEvE,IAAA,MAAM,EAAEC,cAAc,EAAEC,KAAK,EAAEC,MAAM,EAAE,GAAGC,MAAAA,EAAAA;AAC1C,IAAA,MAAM,EAAEC,IAAI,EAAE,GAAGC,iBAAkBJ,CAAAA,KAAAA,CAAAA;AAEnC,IAAA,MAAM,CAACK,gBAAkBC,EAAAA,mBAAAA,CAAoB,GAAGC,KAAMC,CAAAA,QAAQ,CAAoB,EAAE,CAAA;IAEpF,MAAMC,UAAAA,GAAaC,OAAQP,CAAAA,IAAAA,CAAKQ,MAAM,CAAA;AACtCJ,IAAAA,KAAAA,CAAMK,SAAS,CAAC,IAAA;AACd;;;AAGC,QACD,IAAI,CAACC,OAAAA,CAAQJ,UAAYN,EAAAA,IAAAA,CAAKQ,MAAM,CAAG,EAAA;AACrCL,YAAAA,mBAAAA,CAAoBH,KAAKQ,MAAM,CAAA;AACjC;KACC,EAAA;AAACR,QAAAA,IAAAA,CAAKQ,MAAM;AAAEF,QAAAA;AAAW,KAAA,CAAA;AAE5B,IAAA,MAAMK,mBAAmB,CAACC,OAAAA,GAAAA;AACxBT,QAAAA,mBAAAA,CACEU,gCAAgCD,OAASd,EAAAA,MAAAA,CAAQgB,UAAU,EAAEd,KAAKe,SAAS,CAAA,CAAA;AAE/E,KAAA;AAEA,IAAA,MAAM,CAAC,EAAEC,KAAK,EAAE,CAAC,GAAGC,cAKjB,CAAA;QACDC,IAAM,EAAA,GAAA;AACNC,QAAAA,QAAAA,EAAUnB,IAAKoB,CAAAA,QAAQ,CAACD,QAAQ,CAACE,QAAQ,EAAA;QACzCC,IAAMtB,EAAAA,IAAAA,CAAKoB,QAAQ,CAACG,aAAa,GAC7B,CAAC,EAAEvB,KAAKoB,QAAQ,CAACG,aAAa,CAAC,CAAC,EAAEvB,IAAKoB,CAAAA,QAAQ,CAACI,gBAAgB,CAAC,CAAC,GAClE;AACN,KAAA,CAAA;AAEA,IAAA,MAAMC,SAASrB,KAAMsB,CAAAA,OAAO,CAAC,IAAMC,iBAAiBX,KAAQ,CAAA,EAAA;AAACA,QAAAA;AAAM,KAAA,CAAA;IAEnE,MAAM,EAAEY,IAAI,EAAEC,KAAK,EAAEC,UAAU,EAAE,GAAGC,uBAAwB,CAAA;AAC1DlC,QAAAA,KAAAA;AACA4B,QAAAA;AACF,KAAA,CAAA;AAEA;;MAGArB,KAAAA,CAAMK,SAAS,CAAC,IAAA;AACd,QAAA,IAAIoB,KAAO,EAAA;YACTvC,kBAAmB,CAAA;gBACjB0C,IAAM,EAAA,QAAA;AACNC,gBAAAA,OAAAA,EAASxC,cAAeoC,CAAAA,KAAAA;AAC1B,aAAA,CAAA;AACF;KACC,EAAA;AAACA,QAAAA,KAAAA;AAAOpC,QAAAA,cAAAA;AAAgBH,QAAAA;AAAmB,KAAA,CAAA;IAE9C,MAAM,EAAE4C,UAAU,EAAE,EAAEC,UAAU,EAAE,GAAGP,QAAQ,EAAC;AAE9CxB,IAAAA,KAAAA,CAAMK,SAAS,CAAC,IAAA;QACd,IAAI0B,UAAAA,IAAcA,UAAWC,CAAAA,SAAS,GAAG,CAAA,IAAKD,WAAWjB,IAAI,GAAGiB,UAAWC,CAAAA,SAAS,EAAE;YACpFlD,QACE,CAAA;AACEmD,gBAAAA,MAAAA,EAAQC,SAAU,CAAA;AAChB,oBAAA,GAAGtB,KAAK;AACRE,oBAAAA,IAAAA,EAAMiB,WAAWC;AACnB,iBAAA;aAEF,EAAA;gBAAEG,OAAS,EAAA;AAAK,aAAA,CAAA;AAEpB;KACC,EAAA;AAACJ,QAAAA,UAAAA;AAAY/C,QAAAA,aAAAA;AAAe4B,QAAAA,KAAAA;AAAO9B,QAAAA;AAAS,KAAA,CAAA;IAE/C,MAAM,EAAEsD,SAAS,EAAE,GAAGC,eAAAA,CAAgB,cAAgB,EAAA,CAAC,EAAED,SAAS,EAAE,IAAM;AACxEA,YAAAA;SACF,CAAA,CAAA;AAEA,IAAA,MAAME,mBAAmBC,YAAa,CAAA,cAAA,EAAgB,CAAC,EAAED,gBAAgB,EAAE,GAAKA,gBAAAA,CAAAA;AAChF;;AAEC,MACD,MAAME,YAAAA,GAAexC,KAAMsB,CAAAA,OAAO,CAAC,IAAA;QACjC,MAAMd,OAAAA,GAAU8B,iBAAiBjE,sBAAwB,EAAA;AACvDyB,YAAAA,gBAAAA;YACAM,MAAQR,EAAAA;AACV,SAAA,CAAA;AAEA,QAAA,MAAM6C,mBAAmBjC,OAAQV,CAAAA,gBAAgB,CAAC4C,GAAG,CAAkB,CAACC,MAAAA,GAAAA;AACtE;;;;;AAKC,UACD,MAAMC,WACJ,GAAA,OAAOD,MAAOE,CAAAA,KAAK,KAAK,QACpB,GAAA;gBACEC,EAAI,EAAA,CAAC,8BAA8B,EAAErD,KAAAA,CAAM,CAAC,EAAEkD,MAAAA,CAAOI,IAAI,CAAC,CAAC;AAC3DC,gBAAAA,cAAAA,EAAgBL,OAAOE;AACzB,aAAA,GACAF,OAAOE,KAAK;YAElB,OAAO;AACL,gBAAA,GAAGF,MAAM;AACTE,gBAAAA,KAAAA,EAAO7D,aAAc4D,CAAAA,WAAAA,CAAAA;gBACrBG,IAAM,EAAA,CAAC,EAAEJ,MAAOI,CAAAA,IAAI,CAAC,EAAEJ,MAAAA,CAAOM,SAAS,EAAEF,IAAAA,GAAO,CAAC,CAAC,EAAEJ,OAAOM,SAAS,CAACF,IAAI,CAAC,CAAC,GAAG,EAAA,CAAG;AACnF,aAAA;AACF,SAAA,CAAA;QAEA,IAAIrD,MAAAA,EAAQwD,SAASC,eAAiB,EAAA;AACpCV,YAAAA,gBAAAA,CAAiBW,IAAI,CAAC;gBACpBC,SAAW,EAAA;oBACTzB,IAAM,EAAA;AACR,iBAAA;gBACAmB,IAAM,EAAA,QAAA;AACNF,gBAAAA,KAAAA,EAAO7D,aAAc,CAAA;oBACnB8D,EAAIvD,EAAAA,cAAAA,CAAe,CAAC,oCAAoC,CAAC,CAAA;oBACzDyD,cAAgB,EAAA;AAClB,iBAAA,CAAA;gBACAM,UAAY,EAAA,KAAA;gBACZC,QAAU,EAAA;AACZ,aAAA,CAAA;AACF;QAEA,OAAOd,gBAAAA;KACN,EAAA;AACD3C,QAAAA,gBAAAA;AACAd,QAAAA,aAAAA;AACAY,QAAAA,IAAAA;AACA0C,QAAAA,gBAAAA;AACA5C,QAAAA,MAAAA,EAAQwD,OAASC,EAAAA,eAAAA;AACjB1D,QAAAA;AACD,KAAA,CAAA;AAED,IAAA,IAAIiC,UAAY,EAAA;QACd,qBAAO8B,GAAA,CAACC,KAAKC,OAAO,EAAA,EAAA,CAAA;AACtB;AAEA,IAAA,IAAIjC,KAAO,EAAA;QACT,qBAAO+B,GAAA,CAACC,KAAKE,KAAK,EAAA,EAAA,CAAA;AACpB;AAEA,IAAA,MAAMC,gBAAmBlE,GAAAA,MAAAA,EAAQmE,IAAKC,CAAAA,WAAAA,GAClC9E,aAAc,CAAA;QAAE8D,EAAIpD,EAAAA,MAAAA,CAAOmE,IAAI,CAACC,WAAW;QAAEd,cAAgBtD,EAAAA,MAAAA,CAAOmE,IAAI,CAACC;AAAY,KAAA,CAAA,GACrF9E,aAAc,CAAA;QACZ8D,EAAI,EAAA,qCAAA;QACJE,cAAgB,EAAA;AAClB,KAAA,CAAA;IAEJ,MAAMe,cAAAA,GAAiB,CAACjB,EAA6B,GAAA,IAAA;YACnDlE,UAAW,CAAA,uBAAA,CAAA;YACXE,QAAS,CAAA;AACPkF,gBAAAA,QAAAA,EAAUlB,GAAG7B,QAAQ,EAAA;AACrBgB,gBAAAA,MAAAA,EAAQC,SAAU,CAAA;AAAE+B,oBAAAA,OAAAA,EAASrD,MAAMqD;AAAQ,iBAAA;AAC7C,aAAA,CAAA;AACF,SAAA;IAEA,qBACEC,IAAA,CAACT,KAAKU,IAAI,EAAA;;AACR,0BAAAX,GAAA,CAACC,KAAKW,KAAK,EAAA;0BAAE,CAAC,EAAER,iBAAiB;;0BACjCJ,GAACjF,CAAAA,mBAAAA,EAAAA;gBACC8F,aAAejC,EAAAA,SAAAA,iBAAYoB,IAACc,YAAkB,EAAA,EAAA,CAAA,GAAA,IAAA;AAC9CC,gBAAAA,QAAAA,EAAUvF,aACR,CAAA;AACE8D,oBAAAA,EAAAA,EAAIvD,cAAe,CAAA,gCAAA,CAAA;oBACnByD,cACE,EAAA;iBAEJ,EAAA;AAAEwB,oBAAAA,MAAAA,EAAQzC,UAAY0C,EAAAA;AAAM,iBAAA,CAAA;gBAE9BC,KAAOd,EAAAA,gBAAAA;AACPe,gBAAAA,gBAAAA,gBAAkBnB,GAACoB,CAAAA,UAAAA,EAAAA,EAAAA;;AAErB,0BAAApB,GAAA,CAAC/E,QAAQoG,MAAM,EAAA;gBACbC,UACE,gBAAAZ,IAAA,CAAAa,QAAA,EAAA;;sCACEvB,GAACwB,CAAAA,aAAAA,EAAAA;4BAAcC,IAAK,EAAA;;sCACpBzB,GAAC0B,CAAAA,gBAAAA,EAAAA;4BACCC,UAAY5E,EAAAA,gBAAAA;4BACZ6E,YAAc,EAAA,IAAMrF,mBAAoBH,CAAAA,IAAAA,CAAKQ,MAAM,CAAA;AACnDI,4BAAAA,OAAAA,EAASV,iBAAiB4C,GAAG,CAAC,CAACC,MAAAA,GAAWA,OAAOI,IAAI;;;;gBAI3DsC,YACE,gBAAAnB,IAAA,CAAAa,QAAA,EAAA;;AACGnF,wBAAAA,IAAAA,CAAKoB,QAAQ,CAACsC,UAAU,kBACvBE,GAAC8B,CAAAA,WAAAA,EAAAA;4BACCC,QAAUzD,EAAAA,OAAAA,CAAQ0D,MAAM,KAAK,CAAA;AAC7B3C,4BAAAA,KAAAA,EAAO7D,aACL,CAAA;gCAAE8D,EAAI,EAAA,4BAAA;gCAA8BE,cAAgB,EAAA;6BACpD,EAAA;gCAAEyC,MAAQ7B,EAAAA;AAAiB,6BAAA,CAAA;AAE7B8B,4BAAAA,WAAAA,EAAa1G,aAAc,CAAA;gCACzB8D,EAAI,EAAA,eAAA;gCACJE,cAAgB,EAAA;AAClB,6BAAA,CAAA;4BACA2C,YAAa,EAAA;;AAGhB/F,wBAAAA,IAAAA,CAAKoB,QAAQ,CAAC4E,UAAU,IAAIlG,uBAC3B8D,GAACqC,CAAAA,WAAAA,EAAAA;4BAAQN,QAAUzD,EAAAA,OAAAA,CAAQ0D,MAAM,KAAK,CAAA;4BAAG9F,MAAQA,EAAAA;AAC/C,yBAAA,CAAA,GAAA;;;;AAIV,0BAAA8D,GAAA,CAAC/E,QAAQqH,OAAO,EAAA;AACd,gBAAA,QAAA,gBAAA5B,IAAC6B,CAAAA,IAAAA,EAAAA;oBAAKC,GAAK,EAAA,CAAA;oBAAGC,SAAU,EAAA,QAAA;oBAASC,UAAW,EAAA,SAAA;;AAC1C,sCAAAhC,IAAA,CAACiC,MAAMC,IAAI,EAAA;4BAACC,IAAMvE,EAAAA,OAAAA;4BAAStB,OAASgC,EAAAA,YAAAA;4BAAc8D,SAAW5E,EAAAA,UAAAA;;8CAC3D8B,GAAC+C,CAAAA,eAAAA,EAAAA,EAAAA,CAAAA;AACD,8CAAArC,IAAA,CAACiC,MAAML,OAAO,EAAA;;AACZ,sDAAA5B,IAAA,CAACiC,MAAMK,IAAI,EAAA;;AACT,8DAAAhD,GAAA,CAAC2C,MAAMM,kBAAkB,EAAA,EAAA,CAAA;AACxBjE,gDAAAA,YAAAA,CAAaE,GAAG,CAAC,CAACC,MACjB,iBAAAa,GAAA,CAAC2C,MAAMO,UAAU,EAAA;AAAoB,wDAAA,GAAG/D;AAAjBA,qDAAAA,EAAAA,MAAAA,CAAOI,IAAI,CAAA;;;AAGtC,sDAAAS,GAAA,CAAC2C,MAAMzC,OAAO,EAAA,EAAA,CAAA;AACd,sDAAAF,GAAA,CAAC2C,MAAMQ,KAAK,EAAA;AAACC,4CAAAA,MAAAA,EAAQxE,0BAAYoB,GAACc,CAAAA,YAAAA,EAAAA;gDAAauC,OAAQ,EAAA;AAAiB,6CAAA,CAAA,GAAA;;AACxE,sDAAArD,GAAA,CAAC2C,MAAMW,IAAI,EAAA;sDACRhF,OAAQY,CAAAA,GAAG,CAAC,CAACqE,GAAAA,GAAAA;gDACZ,qBACE7C,IAAA,CAACiC,MAAMa,GAAG,EAAA;oDACRC,MAAO,EAAA,SAAA;oDAEPC,OAASnD,EAAAA,cAAAA,CAAegD,IAAII,UAAU,CAAA;;AAEtC,sEAAA3D,GAAA,CAAC2C,MAAMiB,YAAY,EAAA;AAACtE,4DAAAA,EAAAA,EAAIiE,IAAIjE;;AAC3BN,wDAAAA,YAAAA,CAAaE,GAAG,CAAC,CAAC,EAAE2E,aAAa,EAAE,GAAG1E,MAAQ,EAAA,GAAA;4DAC7C,IAAIA,MAAAA,CAAOI,IAAI,KAAK,QAAU,EAAA;gEAC5B,MAAM,EAAEuE,MAAM,EAAE,GAAGP,GAAAA;gEAEnB,qBACEvD,GAAA,CAAC2C,MAAMoB,IAAI,EAAA;AACT,oEAAA,QAAA,gBAAA/D,GAACgE,CAAAA,cAAAA,EAAAA;wEAAeF,MAAQA,EAAAA,MAAAA;wEAAQG,QAAU,EAAA;;AAD3B9E,iEAAAA,EAAAA,MAAAA,CAAOI,IAAI,CAAA;AAIhC;4DACA,IAAI;AAAC,gEAAA,WAAA;AAAa,gEAAA;6DAAY,CAAC2E,QAAQ,CAAC/E,MAAAA,CAAOI,IAAI,CAAC4E,KAAK,CAAC,GAAA,CAAI,CAAC,CAAA,CAAE,CAAG,EAAA;;;;gEAIlE,qBACEnE,GAAA,CAAC2C,MAAMoB,IAAI,EAAA;AACT,oEAAA,QAAA,gBAAA/D,GAACoE,CAAAA,UAAAA,EAAAA;wEAAWC,SAAU,EAAA,YAAA;kFACnBd,GAAG,CAACpE,OAAOI,IAAI,CAAC4E,KAAK,CAAC,GAAA,CAAI,CAAC,CAAA,CAAE,CAAC,GAC3BG,eAAef,GAAG,CAACpE,MAAOI,CAAAA,IAAI,CAAC4E,KAAK,CAAC,GAAI,CAAA,CAAC,CAAE,CAAA,CAAC,CAC7C,GAAA;;AAJShF,iEAAAA,EAAAA,MAAAA,CAAOI,IAAI,CAAA;AAQhC;4DACA,IAAI,OAAOsE,kBAAkB,UAAY,EAAA;gEACvC,qBACE7D,GAAA,CAAC2C,MAAMoB,IAAI,EAAA;AAERF,oEAAAA,QAAAA,EAAAA,aAAAA,CAAcN,KAAKpE,MAAQ,EAAA;AAAEnD,wEAAAA,cAAAA;AAAgBC,wEAAAA;AAAM,qEAAA;AAFrCkD,iEAAAA,EAAAA,MAAAA,CAAOI,IAAI,CAAA;AAKhC;4DACA,qBACES,GAAA,CAAC2C,MAAMoB,IAAI,EAAA;AACT,gEAAA,QAAA,gBAAA/D,GAACuE,CAAAA,WAAAA,EAAAA;oEACCC,OAASjB,EAAAA,GAAG,CAACpE,MAAAA,CAAOI,IAAI,CAAC4E,KAAK,CAAC,GAAA,CAAI,CAAC,CAAA,CAAE,CAAC;AACvCM,oEAAAA,KAAAA,EAAOlB,IAAII,UAAU;AACpB,oEAAA,GAAGxE;;AAJSA,6DAAAA,EAAAA,MAAAA,CAAOI,IAAI,CAAA;AAQhC,yDAAA,CAAA;sEAEAS,GAAC0E,CAAAA,WAAAA,EAAAA;4DAAYhB,OAAS,EAAA,CAACiB,CAAMA,GAAAA,CAAAA,CAAEC,eAAe,EAAA;AAC5C,4DAAA,QAAA,gBAAA5E,GAAC6E,CAAAA,YAAAA,EAAAA;gEAAaC,QAAUvB,EAAAA;;;;AAhDrBA,iDAAAA,EAAAA,GAAAA,CAAIjE,EAAE,CAAA;AAoDjB,6CAAA;;;;;;AAIN,sCAAAoB,IAAA,CAACqE,WAAWnC,IAAI,EAAA;AACb,4BAAA,GAAGrE,UAAU;AACdyG,4BAAAA,gBAAAA,EAAkB,IAAM5J,UAAW,CAAA,kCAAA,CAAA;;AAEnC,8CAAA4E,GAAA,CAAC+E,WAAWE,QAAQ,EAAA,EAAA,CAAA;AACpB,8CAAAjF,GAAA,CAAC+E,WAAWG,KAAK,EAAA,EAAA;;;;;;;;AAM7B;AAEA,MAAMR,WAAc1J,GAAAA,MAAAA,CAAO2H,KAAMoB,CAAAA,IAAI,CAAC;;;AAGtC,CAAC;AAED;;AAEkG,qGAElG,MAAMhB,eAAkB,GAAA,IAAA;AACtB,IAAA,MAAMoC,YAAYC,QAAS,CAAA,iBAAA,EAAmB,CAACC,KAAAA,GAAUA,MAAMF,SAAS,CAAA;AACxE,IAAA,MAAM,CAAC,EAAE/H,KAAK,EAAE,CAAC,GAAGC,cAAAA,EAAAA;IACpB,MAAMiI,MAAAA,GAASlI,KAAOqD,EAAAA,OAAAA,EAAS8E,IAAMD,EAAAA,MAAAA;AACrC,IAAA,MAAME,aAAa7I,OAAQ2I,CAAAA,MAAAA,CAAAA;;AAG3B9I,IAAAA,KAAAA,CAAMK,SAAS,CAAC,IAAA;AACd,QAAA,IAAI2I,eAAeF,MAAQ,EAAA;AACzBH,YAAAA,SAAAA,CAAU,EAAE,CAAA;AACd;KACC,EAAA;AAACA,QAAAA,SAAAA;AAAWK,QAAAA,UAAAA;AAAYF,QAAAA;AAAO,KAAA,CAAA;IAElC,qBACEtF,GAAA,CAAC2C,MAAM8C,SAAS,EAAA;AACd,QAAA,QAAA,gBAAAzF,GAAC0F,CAAAA,mBAAAA,EAAAA,EAAAA;;AAGP,CAAA;AAQA,MAAM5E,YAAe,GAAA,CAAC,EAAEuC,OAAO,EAAqB,GAAA;IAClD,MAAM,EAAE7H,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM,EAAEL,UAAU,EAAE,GAAGC,WAAAA,EAAAA;AACvB,IAAA,MAAM,CAAC,EAAE+B,KAAK,EAAE,CAAC,GAAGC,cAAAA,EAAAA;AAEpB,IAAA,qBACE2C,GAAC2F,CAAAA,MAAAA,EAAAA;QACCtC,OAASA,EAAAA,OAAAA;QACTuC,GAAKC,EAAAA,IAAAA;QACLnC,OAAS,EAAA,IAAA;AACPtI,YAAAA,UAAAA,CAAW,iBAAmB,EAAA;gBAAE0I,MAAQ,EAAA;AAAQ,aAAA,CAAA;AAClD,SAAA;AACAgC,QAAAA,SAAAA,gBAAW9F,GAAC+F,CAAAA,IAAAA,EAAAA,EAAAA,CAAAA;QACZC,KAAO,EAAA;YAAEC,cAAgB,EAAA;AAAO,SAAA;QAChCC,EAAI,EAAA;YACF1F,QAAU,EAAA,QAAA;AACV/B,YAAAA,MAAAA,EAAQC,SAAU,CAAA;AAAE+B,gBAAAA,OAAAA,EAASrD,MAAMqD;AAAQ,aAAA;AAC7C,SAAA;QACA0F,QAAS,EAAA,aAAA;QACTC,UAAY,EAAA,CAAA;kBAEX5K,aAAc,CAAA;AACb8D,YAAAA,EAAAA,EAAIvD,cAAe,CAAA,qCAAA,CAAA;YACnByD,cAAgB,EAAA;AAClB,SAAA;;AAGN,CAAA;AAEA;;AAEkG,2GAE5F6G,qBAAwB,GAAA,IAAA;AAC5B,IAAA,MAAM,EAAEC,IAAAA,GAAO,EAAE,EAAE,GAAGC,SAAAA,EAAAA;AAGtB,IAAA,MAAM,EACJC,WAAAA,GAAc,EAAE,EAChB1D,SAAS,EACT7E,KAAK,EACN,GAAGwI,QACFC,WAAYxH,CAAAA,GAAG,CAAC,CAACkE,UAAY;AAC3BA,YAAAA,MAAAA;YACAuD,OAASL,EAAAA;SACX,CAAA,CAAA,CAAA;AAGF,IAAA,IAAIxD,SAAW,EAAA;QACb,qBAAO9C,GAAA,CAACC,KAAKC,OAAO,EAAA,EAAA,CAAA;AACtB;IAEA,IAAIjC,KAAAA,IAAS,CAACqI,IAAM,EAAA;QAClB,qBAAOtG,GAAA,CAACC,KAAKE,KAAK,EAAA,EAAA,CAAA;AACpB;IAEA,qBACEH,GAAA,CAACC,KAAK2G,OAAO,EAAA;QAACJ,WAAaA,EAAAA,WAAAA;AACxB,QAAA,QAAA,EAAA,CAAC,EAAEA,WAAW,EAAE,iBACfxG,GAAC6G,CAAAA,YAAAA,EAAAA;gBAAaL,WAAaA,EAAAA,WAAAA;AACzB,gBAAA,QAAA,gBAAAxG,GAAC7E,CAAAA,YAAAA,EAAAA,EAAAA;;;AAKX;;;;"}

package/dist/admin/pages/ListView/components/AutoCloneFailureModal.js

@@ -0,0 +1,88 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var translations = require('../../../utils/translations.js');
+
+const AutoCloneFailureModalBody = ({ prohibitedFields })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const getDefaultErrorMessage = (reason)=>{
+        switch(reason){
+            case 'relation':
+                return 'Duplicating the relation could remove it from the original entry.';
+            case 'unique':
+                return 'Identical values in a unique field are not allowed';
+            default:
+                return reason;
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                variant: "beta",
+                children: formatMessage({
+                    id: translations.getTranslation('containers.list.autoCloneModal.title'),
+                    defaultMessage: "This entry can't be duplicated directly."
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                marginTop: 2,
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                    textColor: "neutral600",
+                    children: formatMessage({
+                        id: translations.getTranslation('containers.list.autoCloneModal.description'),
+                        defaultMessage: "A new entry will be created with the same content, but you'll have to change the following fields to save it."
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                marginTop: 6,
+                gap: 2,
+                direction: "column",
+                alignItems: "stretch",
+                children: prohibitedFields.map(([fieldPath, reason])=>/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                        direction: "column",
+                        gap: 2,
+                        alignItems: "flex-start",
+                        borderColor: "neutral200",
+                        hasRadius: true,
+                        padding: 6,
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                                direction: "row",
+                                tag: "ol",
+                                children: fieldPath.map((pathSegment, index)=>/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Typography, {
+                                        fontWeight: "semiBold",
+                                        tag: "li",
+                                        children: [
+                                            pathSegment,
+                                            index !== fieldPath.length - 1 && /*#__PURE__*/ jsxRuntime.jsx(Icons.ChevronRight, {
+                                                fill: "neutral500",
+                                                height: "0.8rem",
+                                                width: "0.8rem",
+                                                style: {
+                                                    margin: '0 0.8rem'
+                                                }
+                                            })
+                                        ]
+                                    }, index))
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                tag: "p",
+                                textColor: "neutral600",
+                                children: formatMessage({
+                                    id: translations.getTranslation(`containers.list.autoCloneModal.error.${reason}`),
+                                    defaultMessage: getDefaultErrorMessage(reason)
+                                })
+                            })
+                        ]
+                    }, fieldPath.join()))
+            })
+        ]
+    });
+};
+
+exports.AutoCloneFailureModalBody = AutoCloneFailureModalBody;
+//# sourceMappingURL=AutoCloneFailureModal.js.map

package/dist/admin/pages/ListView/components/AutoCloneFailureModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCloneFailureModal.js","sources":["../../../../../admin/src/pages/ListView/components/AutoCloneFailureModal.tsx"],"sourcesContent":["import { Box, Flex, Typography } from '@strapi/design-system';\nimport { ChevronRight } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { getTranslation } from '../../../utils/translations';\n\nimport type { ProhibitedCloningField } from '../../../../../shared/contracts/collection-types';\n\ntype Reason = ProhibitedCloningField[1];\n\ninterface AutoCloneFailureModalBodyProps {\n  prohibitedFields: ProhibitedCloningField[];\n}\n\nconst AutoCloneFailureModalBody = ({ prohibitedFields }: AutoCloneFailureModalBodyProps) => {\n  const { formatMessage } = useIntl();\n\n  const getDefaultErrorMessage = (reason: Reason) => {\n    switch (reason) {\n      case 'relation':\n        return 'Duplicating the relation could remove it from the original entry.';\n      case 'unique':\n        return 'Identical values in a unique field are not allowed';\n      default:\n        return reason;\n    }\n  };\n\n  return (\n    <>\n      <Typography variant=\"beta\">\n        {formatMessage({\n          id: getTranslation('containers.list.autoCloneModal.title'),\n          defaultMessage: \"This entry can't be duplicated directly.\",\n        })}\n      </Typography>\n      <Box marginTop={2}>\n        <Typography textColor=\"neutral600\">\n          {formatMessage({\n            id: getTranslation('containers.list.autoCloneModal.description'),\n            defaultMessage:\n              \"A new entry will be created with the same content, but you'll have to change the following fields to save it.\",\n          })}\n        </Typography>\n      </Box>\n      <Flex marginTop={6} gap={2} direction=\"column\" alignItems=\"stretch\">\n        {prohibitedFields.map(([fieldPath, reason]) => (\n          <Flex\n            direction=\"column\"\n            gap={2}\n            alignItems=\"flex-start\"\n            borderColor=\"neutral200\"\n            hasRadius\n            padding={6}\n            key={fieldPath.join()}\n          >\n            <Flex direction=\"row\" tag=\"ol\">\n              {fieldPath.map((pathSegment, index) => (\n                <Typography fontWeight=\"semiBold\" tag=\"li\" key={index}>\n                  {pathSegment}\n                  {index !== fieldPath.length - 1 && (\n                    <ChevronRight\n                      fill=\"neutral500\"\n                      height=\"0.8rem\"\n                      width=\"0.8rem\"\n                      style={{ margin: '0 0.8rem' }}\n                    />\n                  )}\n                </Typography>\n              ))}\n            </Flex>\n            <Typography tag=\"p\" textColor=\"neutral600\">\n              {formatMessage({\n                id: getTranslation(`containers.list.autoCloneModal.error.${reason}`),\n                defaultMessage: getDefaultErrorMessage(reason),\n              })}\n            </Typography>\n          </Flex>\n        ))}\n      </Flex>\n    </>\n  );\n};\n\nexport { AutoCloneFailureModalBody };\nexport type { AutoCloneFailureModalBodyProps };\n"],"names":["AutoCloneFailureModalBody","prohibitedFields","formatMessage","useIntl","getDefaultErrorMessage","reason","_jsxs","_Fragment","_jsx","Typography","variant","id","getTranslation","defaultMessage","Box","marginTop","textColor","Flex","gap","direction","alignItems","map","fieldPath","borderColor","hasRadius","padding","tag","pathSegment","index","fontWeight","length","ChevronRight","fill","height","width","style","margin","join"],"mappings":";;;;;;;;AAcA,MAAMA,yBAA4B,GAAA,CAAC,EAAEC,gBAAgB,EAAkC,GAAA;IACrF,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAE1B,IAAA,MAAMC,yBAAyB,CAACC,MAAAA,GAAAA;QAC9B,OAAQA,MAAAA;YACN,KAAK,UAAA;gBACH,OAAO,mEAAA;YACT,KAAK,QAAA;gBACH,OAAO,oDAAA;AACT,YAAA;gBACE,OAAOA,MAAAA;AACX;AACF,KAAA;IAEA,qBACEC,eAAA,CAAAC,mBAAA,EAAA;;0BACEC,cAACC,CAAAA,uBAAAA,EAAAA;gBAAWC,OAAQ,EAAA,MAAA;0BACjBR,aAAc,CAAA;AACbS,oBAAAA,EAAAA,EAAIC,2BAAe,CAAA,sCAAA,CAAA;oBACnBC,cAAgB,EAAA;AAClB,iBAAA;;0BAEFL,cAACM,CAAAA,gBAAAA,EAAAA;gBAAIC,SAAW,EAAA,CAAA;AACd,gBAAA,QAAA,gBAAAP,cAACC,CAAAA,uBAAAA,EAAAA;oBAAWO,SAAU,EAAA,YAAA;8BACnBd,aAAc,CAAA;AACbS,wBAAAA,EAAAA,EAAIC,2BAAe,CAAA,4CAAA,CAAA;wBACnBC,cACE,EAAA;AACJ,qBAAA;;;0BAGJL,cAACS,CAAAA,iBAAAA,EAAAA;gBAAKF,SAAW,EAAA,CAAA;gBAAGG,GAAK,EAAA,CAAA;gBAAGC,SAAU,EAAA,QAAA;gBAASC,UAAW,EAAA,SAAA;AACvDnB,gBAAAA,QAAAA,EAAAA,gBAAAA,CAAiBoB,GAAG,CAAC,CAAC,CAACC,SAAWjB,EAAAA,MAAAA,CAAO,iBACxCC,eAACW,CAAAA,iBAAAA,EAAAA;wBACCE,SAAU,EAAA,QAAA;wBACVD,GAAK,EAAA,CAAA;wBACLE,UAAW,EAAA,YAAA;wBACXG,WAAY,EAAA,YAAA;wBACZC,SAAS,EAAA,IAAA;wBACTC,OAAS,EAAA,CAAA;;0CAGTjB,cAACS,CAAAA,iBAAAA,EAAAA;gCAAKE,SAAU,EAAA,KAAA;gCAAMO,GAAI,EAAA,IAAA;AACvBJ,gCAAAA,QAAAA,EAAAA,SAAAA,CAAUD,GAAG,CAAC,CAACM,WAAAA,EAAaC,sBAC3BtB,eAACG,CAAAA,uBAAAA,EAAAA;wCAAWoB,UAAW,EAAA,UAAA;wCAAWH,GAAI,EAAA,IAAA;;AACnCC,4CAAAA,WAAAA;AACAC,4CAAAA,KAAAA,KAAUN,SAAUQ,CAAAA,MAAM,GAAG,CAAA,kBAC5BtB,cAACuB,CAAAA,kBAAAA,EAAAA;gDACCC,IAAK,EAAA,YAAA;gDACLC,MAAO,EAAA,QAAA;gDACPC,KAAM,EAAA,QAAA;gDACNC,KAAO,EAAA;oDAAEC,MAAQ,EAAA;AAAW;;;AAPcR,qCAAAA,EAAAA,KAAAA,CAAAA;;0CAapDpB,cAACC,CAAAA,uBAAAA,EAAAA;gCAAWiB,GAAI,EAAA,GAAA;gCAAIV,SAAU,EAAA,YAAA;0CAC3Bd,aAAc,CAAA;AACbS,oCAAAA,EAAAA,EAAIC,2BAAe,CAAA,CAAC,qCAAqC,EAAEP,OAAO,CAAC,CAAA;AACnEQ,oCAAAA,cAAAA,EAAgBT,sBAAuBC,CAAAA,MAAAA;AACzC,iCAAA;;;AArBGiB,qBAAAA,EAAAA,SAAAA,CAAUe,IAAI,EAAA,CAAA;;;;AA4B/B;;;;"}