@strapi/plugin-users-permissions 0.0.0-experimental.62ce06180fe9a772eaeb3d43d238b26644f39f7c → 0.0.0-experimental.6340da17068c3bed7fb006e7bcc554c71129e282

package/dist/admin/pages/Roles/pages/ListPage/components/TableBody.js

@@ -0,0 +1,129 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var PropTypes = require('prop-types');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var styledComponents = require('styled-components');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+
+const EditLink = styledComponents.styled(designSystem.Link)`
+  align-items: center;
+  height: 3.2rem;
+  width: 3.2rem;
+  display: flex;
+  justify-content: center;
+  padding: ${({ theme })=>`${theme.spaces[2]}`};
+
+  svg {
+    height: 1.6rem;
+    width: 1.6rem;
+
+    path {
+      fill: ${({ theme })=>theme.colors.neutral500};
+    }
+  }
+
+  &:hover,
+  &:focus {
+    svg {
+      path {
+        fill: ${({ theme })=>theme.colors.neutral800};
+      }
+    }
+  }
+`;
+const TableBody = ({ sortedRoles, canDelete, canUpdate, setRoleToDelete, onDelete })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const navigate = reactRouterDom.useNavigate();
+    const [showConfirmDelete, setShowConfirmDelete] = onDelete;
+    const checkCanDeleteRole = (role)=>canDelete && ![
+            'public',
+            'authenticated'
+        ].includes(role.type);
+    const handleClickDelete = (id)=>{
+        setRoleToDelete(id);
+        setShowConfirmDelete(!showConfirmDelete);
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tbody, {
+        children: sortedRoles?.map((role)=>/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tr, {
+                cursor: "pointer",
+                onClick: ()=>navigate(role.id.toString()),
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                        width: "20%",
+                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                            children: role.name
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                        width: "50%",
+                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                            children: role.description
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                        width: "30%",
+                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                            children: formatMessage({
+                                id: 'Roles.RoleRow.user-count',
+                                defaultMessage: '{number, plural, =0 {# user} one {# user} other {# users}}'
+                            }, {
+                                number: role.nb_users
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                            justifyContent: "end",
+                            onClick: (e)=>e.stopPropagation(),
+                            children: [
+                                canUpdate ? /*#__PURE__*/ jsxRuntime.jsx(EditLink, {
+                                    tag: reactRouterDom.NavLink,
+                                    to: role.id.toString(),
+                                    "aria-label": formatMessage({
+                                        id: 'app.component.table.edit',
+                                        defaultMessage: 'Edit {target}'
+                                    }, {
+                                        target: `${role.name}`
+                                    }),
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(icons.Pencil, {})
+                                }) : null,
+                                checkCanDeleteRole(role) && /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                    onClick: ()=>handleClickDelete(role.id.toString()),
+                                    variant: "ghost",
+                                    label: formatMessage({
+                                        id: 'global.delete-target',
+                                        defaultMessage: 'Delete {target}'
+                                    }, {
+                                        target: `${role.name}`
+                                    }),
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(icons.Trash, {})
+                                })
+                            ]
+                        })
+                    })
+                ]
+            }, role.name))
+    });
+};
+TableBody.defaultProps = {
+    canDelete: false,
+    canUpdate: false
+};
+TableBody.propTypes = {
+    onDelete: PropTypes__default.default.array.isRequired,
+    setRoleToDelete: PropTypes__default.default.func.isRequired,
+    sortedRoles: PropTypes__default.default.array.isRequired,
+    canDelete: PropTypes__default.default.bool,
+    canUpdate: PropTypes__default.default.bool
+};
+
+module.exports = TableBody;
+//# sourceMappingURL=TableBody.js.map

package/dist/admin/pages/Roles/pages/ListPage/components/TableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.js","sources":["../../../../../../../admin/src/pages/Roles/pages/ListPage/components/TableBody.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Flex, IconButton, Link, Tbody, Td, Tr, Typography } from '@strapi/design-system';\nimport { Pencil, Trash } from '@strapi/icons';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\nimport { useNavigate, NavLink } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nconst EditLink = styled(Link)`\n  align-items: center;\n  height: 3.2rem;\n  width: 3.2rem;\n  display: flex;\n  justify-content: center;\n  padding: ${({ theme }) => `${theme.spaces[2]}`};\n\n  svg {\n    height: 1.6rem;\n    width: 1.6rem;\n\n    path {\n      fill: ${({ theme }) => theme.colors.neutral500};\n    }\n  }\n\n  &:hover,\n  &:focus {\n    svg {\n      path {\n        fill: ${({ theme }) => theme.colors.neutral800};\n      }\n    }\n  }\n`;\n\nconst TableBody = ({ sortedRoles, canDelete, canUpdate, setRoleToDelete, onDelete }) => {\n  const { formatMessage } = useIntl();\n  const navigate = useNavigate();\n  const [showConfirmDelete, setShowConfirmDelete] = onDelete;\n\n  const checkCanDeleteRole = (role) =>\n    canDelete && !['public', 'authenticated'].includes(role.type);\n\n  const handleClickDelete = (id) => {\n    setRoleToDelete(id);\n    setShowConfirmDelete(!showConfirmDelete);\n  };\n\n  return (\n    <Tbody>\n      {sortedRoles?.map((role) => (\n        <Tr cursor=\"pointer\" key={role.name} onClick={() => navigate(role.id.toString())}>\n          <Td width=\"20%\">\n            <Typography>{role.name}</Typography>\n          </Td>\n          <Td width=\"50%\">\n            <Typography>{role.description}</Typography>\n          </Td>\n          <Td width=\"30%\">\n            <Typography>\n              {formatMessage(\n                {\n                  id: 'Roles.RoleRow.user-count',\n                  defaultMessage: '{number, plural, =0 {# user} one {# user} other {# users}}',\n                },\n                { number: role.nb_users }\n              )}\n            </Typography>\n          </Td>\n          <Td>\n            <Flex justifyContent=\"end\" onClick={(e) => e.stopPropagation()}>\n              {canUpdate ? (\n                <EditLink\n                  tag={NavLink}\n                  to={role.id.toString()}\n                  aria-label={formatMessage(\n                    { id: 'app.component.table.edit', defaultMessage: 'Edit {target}' },\n                    { target: `${role.name}` }\n                  )}\n                >\n                  <Pencil />\n                </EditLink>\n              ) : null}\n\n              {checkCanDeleteRole(role) && (\n                <IconButton\n                  onClick={() => handleClickDelete(role.id.toString())}\n                  variant=\"ghost\"\n                  label={formatMessage(\n                    { id: 'global.delete-target', defaultMessage: 'Delete {target}' },\n                    { target: `${role.name}` }\n                  )}\n                >\n                  <Trash />\n                </IconButton>\n              )}\n            </Flex>\n          </Td>\n        </Tr>\n      ))}\n    </Tbody>\n  );\n};\n\nexport default TableBody;\n\nTableBody.defaultProps = {\n  canDelete: false,\n  canUpdate: false,\n};\n\nTableBody.propTypes = {\n  onDelete: PropTypes.array.isRequired,\n  setRoleToDelete: PropTypes.func.isRequired,\n  sortedRoles: PropTypes.array.isRequired,\n  canDelete: PropTypes.bool,\n  canUpdate: PropTypes.bool,\n};\n"],"names":["EditLink","styled","Link","theme","spaces","colors","neutral500","neutral800","TableBody","sortedRoles","canDelete","canUpdate","setRoleToDelete","onDelete","formatMessage","useIntl","navigate","useNavigate","showConfirmDelete","setShowConfirmDelete","checkCanDeleteRole","role","includes","type","handleClickDelete","id","_jsx","Tbody","map","_jsxs","Tr","cursor","onClick","toString","Td","width","Typography","name","description","defaultMessage","number","nb_users","Flex","justifyContent","e","stopPropagation","tag","NavLink","to","aria-label","target","Pencil","IconButton","variant","label","Trash","defaultProps","propTypes","PropTypes","array","isRequired","func","bool"],"mappings":"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"}

package/dist/admin/pages/Roles/pages/ListPage/components/TableBody.mjs

@@ -0,0 +1,123 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import { Tbody, Tr, Td, Typography, Flex, IconButton, Link } from '@strapi/design-system';
+import { Pencil, Trash } from '@strapi/icons';
+import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
+import { useNavigate, NavLink } from 'react-router-dom';
+import { styled } from 'styled-components';
+
+const EditLink = styled(Link)`
+  align-items: center;
+  height: 3.2rem;
+  width: 3.2rem;
+  display: flex;
+  justify-content: center;
+  padding: ${({ theme })=>`${theme.spaces[2]}`};
+
+  svg {
+    height: 1.6rem;
+    width: 1.6rem;
+
+    path {
+      fill: ${({ theme })=>theme.colors.neutral500};
+    }
+  }
+
+  &:hover,
+  &:focus {
+    svg {
+      path {
+        fill: ${({ theme })=>theme.colors.neutral800};
+      }
+    }
+  }
+`;
+const TableBody = ({ sortedRoles, canDelete, canUpdate, setRoleToDelete, onDelete })=>{
+    const { formatMessage } = useIntl();
+    const navigate = useNavigate();
+    const [showConfirmDelete, setShowConfirmDelete] = onDelete;
+    const checkCanDeleteRole = (role)=>canDelete && ![
+            'public',
+            'authenticated'
+        ].includes(role.type);
+    const handleClickDelete = (id)=>{
+        setRoleToDelete(id);
+        setShowConfirmDelete(!showConfirmDelete);
+    };
+    return /*#__PURE__*/ jsx(Tbody, {
+        children: sortedRoles?.map((role)=>/*#__PURE__*/ jsxs(Tr, {
+                cursor: "pointer",
+                onClick: ()=>navigate(role.id.toString()),
+                children: [
+                    /*#__PURE__*/ jsx(Td, {
+                        width: "20%",
+                        children: /*#__PURE__*/ jsx(Typography, {
+                            children: role.name
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Td, {
+                        width: "50%",
+                        children: /*#__PURE__*/ jsx(Typography, {
+                            children: role.description
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Td, {
+                        width: "30%",
+                        children: /*#__PURE__*/ jsx(Typography, {
+                            children: formatMessage({
+                                id: 'Roles.RoleRow.user-count',
+                                defaultMessage: '{number, plural, =0 {# user} one {# user} other {# users}}'
+                            }, {
+                                number: role.nb_users
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Td, {
+                        children: /*#__PURE__*/ jsxs(Flex, {
+                            justifyContent: "end",
+                            onClick: (e)=>e.stopPropagation(),
+                            children: [
+                                canUpdate ? /*#__PURE__*/ jsx(EditLink, {
+                                    tag: NavLink,
+                                    to: role.id.toString(),
+                                    "aria-label": formatMessage({
+                                        id: 'app.component.table.edit',
+                                        defaultMessage: 'Edit {target}'
+                                    }, {
+                                        target: `${role.name}`
+                                    }),
+                                    children: /*#__PURE__*/ jsx(Pencil, {})
+                                }) : null,
+                                checkCanDeleteRole(role) && /*#__PURE__*/ jsx(IconButton, {
+                                    onClick: ()=>handleClickDelete(role.id.toString()),
+                                    variant: "ghost",
+                                    label: formatMessage({
+                                        id: 'global.delete-target',
+                                        defaultMessage: 'Delete {target}'
+                                    }, {
+                                        target: `${role.name}`
+                                    }),
+                                    children: /*#__PURE__*/ jsx(Trash, {})
+                                })
+                            ]
+                        })
+                    })
+                ]
+            }, role.name))
+    });
+};
+TableBody.defaultProps = {
+    canDelete: false,
+    canUpdate: false
+};
+TableBody.propTypes = {
+    onDelete: PropTypes.array.isRequired,
+    setRoleToDelete: PropTypes.func.isRequired,
+    sortedRoles: PropTypes.array.isRequired,
+    canDelete: PropTypes.bool,
+    canUpdate: PropTypes.bool
+};
+
+export { TableBody as default };
+//# sourceMappingURL=TableBody.mjs.map

package/dist/admin/pages/Roles/pages/ListPage/components/TableBody.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.mjs","sources":["../../../../../../../admin/src/pages/Roles/pages/ListPage/components/TableBody.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Flex, IconButton, Link, Tbody, Td, Tr, Typography } from '@strapi/design-system';\nimport { Pencil, Trash } from '@strapi/icons';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\nimport { useNavigate, NavLink } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nconst EditLink = styled(Link)`\n  align-items: center;\n  height: 3.2rem;\n  width: 3.2rem;\n  display: flex;\n  justify-content: center;\n  padding: ${({ theme }) => `${theme.spaces[2]}`};\n\n  svg {\n    height: 1.6rem;\n    width: 1.6rem;\n\n    path {\n      fill: ${({ theme }) => theme.colors.neutral500};\n    }\n  }\n\n  &:hover,\n  &:focus {\n    svg {\n      path {\n        fill: ${({ theme }) => theme.colors.neutral800};\n      }\n    }\n  }\n`;\n\nconst TableBody = ({ sortedRoles, canDelete, canUpdate, setRoleToDelete, onDelete }) => {\n  const { formatMessage } = useIntl();\n  const navigate = useNavigate();\n  const [showConfirmDelete, setShowConfirmDelete] = onDelete;\n\n  const checkCanDeleteRole = (role) =>\n    canDelete && !['public', 'authenticated'].includes(role.type);\n\n  const handleClickDelete = (id) => {\n    setRoleToDelete(id);\n    setShowConfirmDelete(!showConfirmDelete);\n  };\n\n  return (\n    <Tbody>\n      {sortedRoles?.map((role) => (\n        <Tr cursor=\"pointer\" key={role.name} onClick={() => navigate(role.id.toString())}>\n          <Td width=\"20%\">\n            <Typography>{role.name}</Typography>\n          </Td>\n          <Td width=\"50%\">\n            <Typography>{role.description}</Typography>\n          </Td>\n          <Td width=\"30%\">\n            <Typography>\n              {formatMessage(\n                {\n                  id: 'Roles.RoleRow.user-count',\n                  defaultMessage: '{number, plural, =0 {# user} one {# user} other {# users}}',\n                },\n                { number: role.nb_users }\n              )}\n            </Typography>\n          </Td>\n          <Td>\n            <Flex justifyContent=\"end\" onClick={(e) => e.stopPropagation()}>\n              {canUpdate ? (\n                <EditLink\n                  tag={NavLink}\n                  to={role.id.toString()}\n                  aria-label={formatMessage(\n                    { id: 'app.component.table.edit', defaultMessage: 'Edit {target}' },\n                    { target: `${role.name}` }\n                  )}\n                >\n                  <Pencil />\n                </EditLink>\n              ) : null}\n\n              {checkCanDeleteRole(role) && (\n                <IconButton\n                  onClick={() => handleClickDelete(role.id.toString())}\n                  variant=\"ghost\"\n                  label={formatMessage(\n                    { id: 'global.delete-target', defaultMessage: 'Delete {target}' },\n                    { target: `${role.name}` }\n                  )}\n                >\n                  <Trash />\n                </IconButton>\n              )}\n            </Flex>\n          </Td>\n        </Tr>\n      ))}\n    </Tbody>\n  );\n};\n\nexport default TableBody;\n\nTableBody.defaultProps = {\n  canDelete: false,\n  canUpdate: false,\n};\n\nTableBody.propTypes = {\n  onDelete: PropTypes.array.isRequired,\n  setRoleToDelete: PropTypes.func.isRequired,\n  sortedRoles: PropTypes.array.isRequired,\n  canDelete: PropTypes.bool,\n  canUpdate: PropTypes.bool,\n};\n"],"names":["EditLink","styled","Link","theme","spaces","colors","neutral500","neutral800","TableBody","sortedRoles","canDelete","canUpdate","setRoleToDelete","onDelete","formatMessage","useIntl","navigate","useNavigate","showConfirmDelete","setShowConfirmDelete","checkCanDeleteRole","role","includes","type","handleClickDelete","id","_jsx","Tbody","map","_jsxs","Tr","cursor","onClick","toString","Td","width","Typography","name","description","defaultMessage","number","nb_users","Flex","justifyContent","e","stopPropagation","tag","NavLink","to","aria-label","target","Pencil","IconButton","variant","label","Trash","defaultProps","propTypes","PropTypes","array","isRequired","func","bool"],"mappings":"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"}

package/dist/admin/pages/Roles/pages/ListPage/index.js

@@ -0,0 +1,234 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var admin = require('@strapi/strapi/admin');
+var reactIntl = require('react-intl');
+var reactQuery = require('react-query');
+var reactRouterDom = require('react-router-dom');
+var constants = require('../../../../constants.js');
+require('lodash/isEmpty');
+var getTrad = require('../../../../utils/getTrad.js');
+var TableBody = require('./components/TableBody.js');
+
+const RolesListPage = ()=>{
+    const { trackUsage } = admin.useTracking();
+    const { formatMessage, locale } = reactIntl.useIntl();
+    const { toggleNotification } = admin.useNotification();
+    const { notifyStatus } = designSystem.useNotifyAT();
+    const [{ query }] = admin.useQueryParams();
+    const _q = query?._q || '';
+    const [showConfirmDelete, setShowConfirmDelete] = React.useState(false);
+    const [roleToDelete, setRoleToDelete] = React.useState();
+    const { del, get } = admin.useFetchClient();
+    const { isLoading: isLoadingForPermissions, allowedActions: { canRead, canDelete, canCreate, canUpdate } } = admin.useRBAC({
+        create: constants.PERMISSIONS.createRole,
+        read: constants.PERMISSIONS.readRoles,
+        update: constants.PERMISSIONS.updateRole,
+        delete: constants.PERMISSIONS.deleteRole
+    });
+    const { isLoading: isLoadingForData, data: { roles }, isFetching, refetch } = reactQuery.useQuery('get-roles', ()=>fetchData(toggleNotification, formatMessage, notifyStatus), {
+        initialData: {},
+        enabled: canRead
+    });
+    const { contains } = designSystem.useFilter(locale, {
+        sensitivity: 'base'
+    });
+    /**
+   * @type {Intl.Collator}
+   */ const formatter = designSystem.useCollator(locale, {
+        sensitivity: 'base'
+    });
+    const isLoading = isLoadingForData || isFetching || isLoadingForPermissions;
+    const handleShowConfirmDelete = ()=>{
+        setShowConfirmDelete(!showConfirmDelete);
+    };
+    const deleteData = async (id, formatMessage, toggleNotification)=>{
+        try {
+            await del(`/users-permissions/roles/${id}`);
+        } catch (error) {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'An error occurred'
+                })
+            });
+        }
+    };
+    const fetchData = async (toggleNotification, formatMessage, notifyStatus)=>{
+        try {
+            const { data } = await get('/users-permissions/roles');
+            notifyStatus('The roles have loaded successfully');
+            return data;
+        } catch (err) {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'An error occurred'
+                })
+            });
+            throw new Error(err);
+        }
+    };
+    const emptyLayout = {
+        roles: {
+            id: getTrad('Roles.empty'),
+            defaultMessage: "You don't have any roles yet."
+        },
+        search: {
+            id: getTrad('Roles.empty.search'),
+            defaultMessage: 'No roles match the search.'
+        }
+    };
+    const pageTitle = formatMessage({
+        id: 'global.roles',
+        defaultMessage: 'Roles'
+    });
+    const deleteMutation = reactQuery.useMutation((id)=>deleteData(id, formatMessage, toggleNotification), {
+        async onSuccess () {
+            await refetch();
+        }
+    });
+    const handleConfirmDelete = async ()=>{
+        await deleteMutation.mutateAsync(roleToDelete);
+        setShowConfirmDelete(!showConfirmDelete);
+    };
+    const sortedRoles = (roles || []).filter((role)=>contains(role.name, _q) || contains(role.description, _q)).sort((a, b)=>formatter.compare(a.name, b.name) || formatter.compare(a.description, b.description));
+    const emptyContent = _q && !sortedRoles.length ? 'search' : 'roles';
+    const colCount = 4;
+    const rowCount = (roles?.length || 0) + 1;
+    if (isLoading) {
+        return /*#__PURE__*/ jsxRuntime.jsx(admin.Page.Loading, {});
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs(admin.Page.Main, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(admin.Page.Title, {
+                children: formatMessage({
+                    id: 'Settings.PageTitle',
+                    defaultMessage: 'Settings - {name}'
+                }, {
+                    name: pageTitle
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(admin.Layouts.Header, {
+                title: formatMessage({
+                    id: 'global.roles',
+                    defaultMessage: 'Roles'
+                }),
+                subtitle: formatMessage({
+                    id: 'Settings.roles.list.description',
+                    defaultMessage: 'List of roles'
+                }),
+                primaryAction: canCreate ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.LinkButton, {
+                    to: "new",
+                    tag: reactRouterDom.NavLink,
+                    onClick: ()=>trackUsage('willCreateRole'),
+                    startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Plus, {}),
+                    size: "S",
+                    fullWidth: true,
+                    children: formatMessage({
+                        id: getTrad('List.button.roles'),
+                        defaultMessage: 'Add new role'
+                    })
+                }) : null
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(admin.Layouts.Action, {
+                startActions: /*#__PURE__*/ jsxRuntime.jsx(admin.SearchInput, {
+                    label: formatMessage({
+                        id: 'app.component.search.label',
+                        defaultMessage: 'Search'
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(admin.Layouts.Content, {
+                children: [
+                    !canRead && /*#__PURE__*/ jsxRuntime.jsx(admin.Page.NoPermissions, {}),
+                    canRead && sortedRoles && sortedRoles?.length ? /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Table, {
+                        colCount: colCount,
+                        rowCount: rowCount,
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Thead, {
+                                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tr, {
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                variant: "sigma",
+                                                textColor: "neutral600",
+                                                children: formatMessage({
+                                                    id: 'global.name',
+                                                    defaultMessage: 'Name'
+                                                })
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                variant: "sigma",
+                                                textColor: "neutral600",
+                                                children: formatMessage({
+                                                    id: 'global.description',
+                                                    defaultMessage: 'Description'
+                                                })
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                variant: "sigma",
+                                                textColor: "neutral600",
+                                                children: formatMessage({
+                                                    id: 'global.users',
+                                                    defaultMessage: 'Users'
+                                                })
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
+                                                children: formatMessage({
+                                                    id: 'global.actions',
+                                                    defaultMessage: 'Actions'
+                                                })
+                                            })
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(TableBody, {
+                                sortedRoles: sortedRoles,
+                                canDelete: canDelete,
+                                canUpdate: canUpdate,
+                                permissions: constants.PERMISSIONS,
+                                setRoleToDelete: setRoleToDelete,
+                                onDelete: [
+                                    showConfirmDelete,
+                                    setShowConfirmDelete
+                                ]
+                            })
+                        ]
+                    }) : /*#__PURE__*/ jsxRuntime.jsx(designSystem.EmptyStateLayout, {
+                        content: formatMessage(emptyLayout[emptyContent])
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Root, {
+                open: showConfirmDelete,
+                onOpenChange: handleShowConfirmDelete,
+                children: /*#__PURE__*/ jsxRuntime.jsx(admin.ConfirmDialog, {
+                    onConfirm: handleConfirmDelete
+                })
+            })
+        ]
+    });
+};
+const ProtectedRolesListPage = ()=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(admin.Page.Protect, {
+        permissions: constants.PERMISSIONS.accessRoles,
+        children: /*#__PURE__*/ jsxRuntime.jsx(RolesListPage, {})
+    });
+};
+
+exports.ProtectedRolesListPage = ProtectedRolesListPage;
+exports.RolesListPage = RolesListPage;
+//# sourceMappingURL=index.js.map

package/dist/admin/pages/Roles/pages/ListPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../admin/src/pages/Roles/pages/ListPage/index.jsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport {\n  Table,\n  Th,\n  Thead,\n  Tr,\n  Typography,\n  useNotifyAT,\n  VisuallyHidden,\n  EmptyStateLayout,\n  useCollator,\n  useFilter,\n  LinkButton,\n  Dialog,\n} from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport {\n  ConfirmDialog,\n  useTracking,\n  Page,\n  SearchInput,\n  useNotification,\n  useQueryParams,\n  useFetchClient,\n  useRBAC,\n  Layouts,\n} from '@strapi/strapi/admin';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQuery } from 'react-query';\nimport { NavLink } from 'react-router-dom';\n\nimport { PERMISSIONS } from '../../../../constants';\nimport { getTrad } from '../../../../utils';\n\nimport TableBody from './components/TableBody';\n\nexport const RolesListPage = () => {\n  const { trackUsage } = useTracking();\n  const { formatMessage, locale } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { notifyStatus } = useNotifyAT();\n  const [{ query }] = useQueryParams();\n  const _q = query?._q || '';\n  const [showConfirmDelete, setShowConfirmDelete] = useState(false);\n  const [roleToDelete, setRoleToDelete] = useState();\n  const { del, get } = useFetchClient();\n\n  const {\n    isLoading: isLoadingForPermissions,\n    allowedActions: { canRead, canDelete, canCreate, canUpdate },\n  } = useRBAC({\n    create: PERMISSIONS.createRole,\n    read: PERMISSIONS.readRoles,\n    update: PERMISSIONS.updateRole,\n    delete: PERMISSIONS.deleteRole,\n  });\n\n  const {\n    isLoading: isLoadingForData,\n    data: { roles },\n    isFetching,\n    refetch,\n  } = useQuery('get-roles', () => fetchData(toggleNotification, formatMessage, notifyStatus), {\n    initialData: {},\n    enabled: canRead,\n  });\n\n  const { contains } = useFilter(locale, {\n    sensitivity: 'base',\n  });\n\n  /**\n   * @type {Intl.Collator}\n   */\n  const formatter = useCollator(locale, {\n    sensitivity: 'base',\n  });\n\n  const isLoading = isLoadingForData || isFetching || isLoadingForPermissions;\n\n  const handleShowConfirmDelete = () => {\n    setShowConfirmDelete(!showConfirmDelete);\n  };\n\n  const deleteData = async (id, formatMessage, toggleNotification) => {\n    try {\n      await del(`/users-permissions/roles/${id}`);\n    } catch (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\n      });\n    }\n  };\n\n  const fetchData = async (toggleNotification, formatMessage, notifyStatus) => {\n    try {\n      const { data } = await get('/users-permissions/roles');\n      notifyStatus('The roles have loaded successfully');\n\n      return data;\n    } catch (err) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\n      });\n\n      throw new Error(err);\n    }\n  };\n\n  const emptyLayout = {\n    roles: {\n      id: getTrad('Roles.empty'),\n      defaultMessage: \"You don't have any roles yet.\",\n    },\n    search: {\n      id: getTrad('Roles.empty.search'),\n      defaultMessage: 'No roles match the search.',\n    },\n  };\n\n  const pageTitle = formatMessage({\n    id: 'global.roles',\n    defaultMessage: 'Roles',\n  });\n\n  const deleteMutation = useMutation((id) => deleteData(id, formatMessage, toggleNotification), {\n    async onSuccess() {\n      await refetch();\n    },\n  });\n\n  const handleConfirmDelete = async () => {\n    await deleteMutation.mutateAsync(roleToDelete);\n    setShowConfirmDelete(!showConfirmDelete);\n  };\n\n  const sortedRoles = (roles || [])\n    .filter((role) => contains(role.name, _q) || contains(role.description, _q))\n    .sort(\n      (a, b) => formatter.compare(a.name, b.name) || formatter.compare(a.description, b.description)\n    );\n\n  const emptyContent = _q && !sortedRoles.length ? 'search' : 'roles';\n\n  const colCount = 4;\n  const rowCount = (roles?.length || 0) + 1;\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Page.Main>\n      <Page.Title>\n        {formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          { name: pageTitle }\n        )}\n      </Page.Title>\n      <Layouts.Header\n        title={formatMessage({\n          id: 'global.roles',\n          defaultMessage: 'Roles',\n        })}\n        subtitle={formatMessage({\n          id: 'Settings.roles.list.description',\n          defaultMessage: 'List of roles',\n        })}\n        primaryAction={\n          canCreate ? (\n            <LinkButton\n              to=\"new\"\n              tag={NavLink}\n              onClick={() => trackUsage('willCreateRole')}\n              startIcon={<Plus />}\n              size=\"S\"\n              fullWidth\n            >\n              {formatMessage({\n                id: getTrad('List.button.roles'),\n                defaultMessage: 'Add new role',\n              })}\n            </LinkButton>\n          ) : null\n        }\n      />\n\n      <Layouts.Action\n        startActions={\n          <SearchInput\n            label={formatMessage({\n              id: 'app.component.search.label',\n              defaultMessage: 'Search',\n            })}\n          />\n        }\n      />\n\n      <Layouts.Content>\n        {!canRead && <Page.NoPermissions />}\n        {canRead && sortedRoles && sortedRoles?.length ? (\n          <Table colCount={colCount} rowCount={rowCount}>\n            <Thead>\n              <Tr>\n                <Th>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({ id: 'global.name', defaultMessage: 'Name' })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({\n                      id: 'global.description',\n                      defaultMessage: 'Description',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({\n                      id: 'global.users',\n                      defaultMessage: 'Users',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <VisuallyHidden>\n                    {formatMessage({\n                      id: 'global.actions',\n                      defaultMessage: 'Actions',\n                    })}\n                  </VisuallyHidden>\n                </Th>\n              </Tr>\n            </Thead>\n            <TableBody\n              sortedRoles={sortedRoles}\n              canDelete={canDelete}\n              canUpdate={canUpdate}\n              permissions={PERMISSIONS}\n              setRoleToDelete={setRoleToDelete}\n              onDelete={[showConfirmDelete, setShowConfirmDelete]}\n            />\n          </Table>\n        ) : (\n          <EmptyStateLayout content={formatMessage(emptyLayout[emptyContent])} />\n        )}\n      </Layouts.Content>\n      <Dialog.Root open={showConfirmDelete} onOpenChange={handleShowConfirmDelete}>\n        <ConfirmDialog onConfirm={handleConfirmDelete} />\n      </Dialog.Root>\n    </Page.Main>\n  );\n};\n\nexport const ProtectedRolesListPage = () => {\n  return (\n    <Page.Protect permissions={PERMISSIONS.accessRoles}>\n      <RolesListPage />\n    </Page.Protect>\n  );\n};\n"],"names":["RolesListPage","trackUsage","useTracking","formatMessage","locale","useIntl","toggleNotification","useNotification","notifyStatus","useNotifyAT","query","useQueryParams","_q","showConfirmDelete","setShowConfirmDelete","useState","roleToDelete","setRoleToDelete","del","get","useFetchClient","isLoading","isLoadingForPermissions","allowedActions","canRead","canDelete","canCreate","canUpdate","useRBAC","create","PERMISSIONS","createRole","read","readRoles","update","updateRole","delete","deleteRole","isLoadingForData","data","roles","isFetching","refetch","useQuery","fetchData","initialData","enabled","contains","useFilter","sensitivity","formatter","useCollator","handleShowConfirmDelete","deleteData","id","error","type","message","defaultMessage","err","Error","emptyLayout","getTrad","search","pageTitle","deleteMutation","useMutation","onSuccess","handleConfirmDelete","mutateAsync","sortedRoles","filter","role","name","description","sort","a","b","compare","emptyContent","length","colCount","rowCount","_jsx","Page","Loading","_jsxs","Main","Title","Layouts","Header","title","subtitle","primaryAction","LinkButton","to","tag","NavLink","onClick","startIcon","Plus","size","fullWidth","Action","startActions","SearchInput","label","Content","NoPermissions","Table","Thead","Tr","Th","Typography","variant","textColor","VisuallyHidden","TableBody","permissions","onDelete","EmptyStateLayout","content","Dialog","Root","open","onOpenChange","ConfirmDialog","onConfirm","ProtectedRolesListPage","Protect","accessRoles"],"mappings":"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"}