@strapi/content-manager 0.0.0-next.5f27c76d39a0c192701bdc9daabce3bb59389ce3 → 0.0.0-next.62638801ce303ba9d03355a9f041541cc6668ae0

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

@@ -1,6 +1,6 @@
 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 { Layouts, useTracking, useNotification, useAPIErrorHandler, useQueryParams, useStrapiApp, Page, tours, BackButton, SearchInput, Table, Pagination, useTable, useRBAC } from '@strapi/admin/strapi-admin';
 import { Box, EmptyStateLayout, Flex, Typography, Button } from '@strapi/design-system';
 import { Plus } from '@strapi/icons';
 import { EmptyDocuments } from '@strapi/icons/symbols';
@@ -174,234 +174,250 @@ const ListViewPage = ()=>{
             });
         };
     if (!isFetching && results.length === 0) {
-        return /*#__PURE__*/ jsxs(Page.Main, {
+        return /*#__PURE__*/ jsxs(Fragment, {
             children: [
-                /*#__PURE__*/ jsx(Page.Title, {
-                    children: `${contentTypeTitle}`
+                /*#__PURE__*/ jsx(tours.contentManager.Introduction, {
+                    children: /*#__PURE__*/ jsx(Box, {})
                 }),
-                /*#__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__*/ jsx(Box, {
-                        background: "neutral0",
-                        shadow: "filterShadow",
-                        hasRadius: true,
-                        children: /*#__PURE__*/ jsx(EmptyStateLayout, {
-                            action: canCreate ? /*#__PURE__*/ jsx(CreateButton, {
-                                variant: "secondary"
+                /*#__PURE__*/ jsxs(Page.Main, {
+                    children: [
+                        /*#__PURE__*/ jsx(Page.Title, {
+                            children: `${contentTypeTitle}`
+                        }),
+                        /*#__PURE__*/ jsx(LayoutsHeaderCustom, {
+                            primaryAction: canCreate ? /*#__PURE__*/ jsx(tours.contentManager.CreateNewEntry, {
+                                children: /*#__PURE__*/ jsx(CreateButton, {})
                             }) : null,
-                            content: formatMessage({
-                                id: 'app.components.EmptyStateLayout.content-document',
-                                defaultMessage: 'No content found'
+                            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)
+                                    })
+                                ]
                             }),
-                            hasRadius: true,
-                            icon: /*#__PURE__*/ jsx(EmptyDocuments, {
-                                width: "16rem"
+                            startActions: /*#__PURE__*/ jsxs(Fragment, {
+                                children: [
+                                    list.settings.searchable && /*#__PURE__*/ jsx(SearchInput, {
+                                        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, {
+                                        schema: schema
+                                    }) : null
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Layouts.Content, {
+                            children: /*#__PURE__*/ jsx(Box, {
+                                background: "neutral0",
+                                shadow: "filterShadow",
+                                hasRadius: true,
+                                children: /*#__PURE__*/ jsx(EmptyStateLayout, {
+                                    action: canCreate ? /*#__PURE__*/ jsx(CreateButton, {
+                                        variant: "secondary"
+                                    }) : null,
+                                    content: formatMessage({
+                                        id: 'app.components.EmptyStateLayout.content-document',
+                                        defaultMessage: 'No content found'
+                                    }),
+                                    hasRadius: true,
+                                    icon: /*#__PURE__*/ jsx(EmptyDocuments, {
+                                        width: "16rem"
+                                    })
+                                })
                             })
                         })
-                    })
+                    ]
                 })
             ]
         });
     }
-    return /*#__PURE__*/ jsxs(Page.Main, {
+    return /*#__PURE__*/ jsxs(Fragment, {
         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(tours.contentManager.Introduction, {
+                children: /*#__PURE__*/ jsx(Box, {})
             }),
-            /*#__PURE__*/ jsx(Layouts.Action, {
-                endActions: /*#__PURE__*/ jsxs(Fragment, {
-                    children: [
-                        /*#__PURE__*/ jsx(InjectionZone, {
-                            area: "listView.actions"
+            /*#__PURE__*/ jsxs(Page.Main, {
+                children: [
+                    /*#__PURE__*/ jsx(Page.Title, {
+                        children: `${contentTypeTitle}`
+                    }),
+                    /*#__PURE__*/ jsx(LayoutsHeaderCustom, {
+                        primaryAction: canCreate ? /*#__PURE__*/ jsx(tours.contentManager.CreateNewEntry, {
+                            children: /*#__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
                         }),
-                        /*#__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"
+                        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)
+                                })
+                            ]
                         }),
-                        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,
+                        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__*/ jsx(TableActionsBar, {}),
-                                /*#__PURE__*/ jsxs(Table.Content, {
+                                /*#__PURE__*/ jsxs(Table.Root, {
+                                    rows: results,
+                                    headers: tableHeaders,
+                                    isLoading: isFetching,
                                     children: [
-                                        /*#__PURE__*/ jsxs(Table.Head, {
+                                        /*#__PURE__*/ jsx(TableActionsBar, {}),
+                                        /*#__PURE__*/ jsxs(Table.Content, {
                                             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),
+                                                /*#__PURE__*/ jsxs(Table.Head, {
                                                     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
+                                                        /*#__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
                                                                     })
-                                                                }, 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);
-                                            })
+                                                            ]
+                                                        }, row.id);
+                                                    })
+                                                })
+                                            ]
                                         })
                                     ]
+                                }),
+                                /*#__PURE__*/ jsxs(Pagination.Root, {
+                                    ...pagination,
+                                    onPageSizeChange: ()=>trackUsage('willChangeNumberOfEntriesPerPage'),
+                                    children: [
+                                        /*#__PURE__*/ jsx(Pagination.PageSize, {}),
+                                        /*#__PURE__*/ jsx(Pagination.Links, {})
+                                    ]
                                 })
                             ]
-                        }),
-                        /*#__PURE__*/ jsxs(Pagination.Root, {
-                            ...pagination,
-                            onPageSizeChange: ()=>trackUsage('willChangeNumberOfEntriesPerPage'),
-                            children: [
-                                /*#__PURE__*/ jsx(Pagination.PageSize, {}),
-                                /*#__PURE__*/ jsx(Pagination.Links, {})
-                            ]
                         })
-                    ]
-                })
+                    })
+                ]
             })
         ]
     });