@strapi/admin 5.0.0-alpha.1 → 5.0.0-alpha.3

package/dist/_chunks/ListPage-NmUS_cOz.mjs

@@ -1,292 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { Tr, Td, Typography, Flex, Box, IconButton, Main, HeaderLayout, Button, ActionLayout, ContentLayout, Table, TFooter, Thead, Th, VisuallyHidden, Tbody } from "@strapi/design-system";
-import { onRowClick, stopPropagation, useFocusWhenNavigate, useNotification, useQueryParams, useRBAC, getFetchClient } from "@strapi/helper-plugin";
-import { Plus, Duplicate, Pencil, Trash } from "@strapi/icons";
-import { AxiosError } from "axios";
-import produce from "immer";
-import { Helmet } from "react-helmet";
-import { useIntl } from "react-intl";
-import { useNavigate } from "react-router-dom";
-import { o as useTypedSelector, P as Page, m as useAPIErrorHandler, aO as SearchInput, E as ConfirmDialog } from "./index-hjUhNUvw.mjs";
-import { u as useAdminRoles } from "./useAdminRoles-QJQS1BCd.mjs";
-import { s as selectAdminPermissions } from "./selectors-uLWxH-jN.mjs";
-const RoleRow = ({
-  id,
-  name,
-  description,
-  usersCount,
-  icons,
-  rowIndex,
-  canUpdate
-}) => {
-  const { formatMessage } = useIntl();
-  const [, editObject] = icons;
-  const usersCountText = formatMessage(
-    {
-      id: `Roles.RoleRow.user-count`,
-      defaultMessage: "{number, plural, =0 {#  user} one {#  user} other {# users}}"
-    },
-    { number: usersCount }
-  );
-  return /* @__PURE__ */ jsxs(
-    Tr,
-    {
-      "aria-rowindex": rowIndex,
-      ...canUpdate ? onRowClick({
-        // @ts-expect-error – the prop uses `HTMLButtonElement` but we just specify `HTMLElement`
-        fn: editObject.onClick
-      }) : {},
-      children: [
-        /* @__PURE__ */ jsx(Td, { maxWidth: `${130 / 16}rem`, children: /* @__PURE__ */ jsx(Typography, { ellipsis: true, textColor: "neutral800", children: name }) }),
-        /* @__PURE__ */ jsx(Td, { maxWidth: `${250 / 16}rem`, children: /* @__PURE__ */ jsx(Typography, { ellipsis: true, textColor: "neutral800", children: description }) }),
-        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: usersCountText }) }),
-        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Flex, { justifyContent: "flex-end", ...stopPropagation, children: icons.map(
-          (icon, i) => icon ? /* @__PURE__ */ jsx(Box, { paddingLeft: i === 0 ? 0 : 1, children: /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              onClick: icon.onClick,
-              label: icon.label,
-              borderWidth: 0,
-              icon: icon.icon
-            }
-          ) }, icon.label) : null
-        ) }) })
-      ]
-    },
-    id
-  );
-};
-const ListPage = () => {
-  const { formatMessage } = useIntl();
-  useFocusWhenNavigate();
-  const permissions = useTypedSelector(selectAdminPermissions);
-  const { formatAPIError } = useAPIErrorHandler();
-  const toggleNotification = useNotification();
-  const [isWarningDeleteAllOpened, setIsWarningDeleteAllOpenend] = React.useState(false);
-  const [{ query }] = useQueryParams();
-  const {
-    isLoading: isLoadingForPermissions,
-    allowedActions: { canCreate, canDelete, canRead, canUpdate }
-  } = useRBAC(permissions.settings?.roles);
-  const { roles, refetch: refetchRoles } = useAdminRoles(
-    { filters: query?._q ? { name: { $containsi: query._q } } : void 0 },
-    {
-      refetchOnMountOrArgChange: true,
-      skip: isLoadingForPermissions || !canRead
-    }
-  );
-  const navigate = useNavigate();
-  const [{ roleToDelete }, dispatch] = React.useReducer(reducer, initialState);
-  const { post } = getFetchClient();
-  const handleDeleteData = async () => {
-    try {
-      dispatch({
-        type: "ON_REMOVE_ROLES"
-      });
-      await post("/admin/roles/batch-delete", {
-        ids: [roleToDelete]
-      });
-      await refetchRoles();
-      dispatch({
-        type: "RESET_DATA_TO_DELETE"
-      });
-    } catch (error) {
-      if (error instanceof AxiosError) {
-        toggleNotification({
-          type: "warning",
-          message: formatAPIError(error)
-        });
-      }
-    }
-    handleToggleModal();
-  };
-  const handleNewRoleClick = () => navigate("new");
-  const handleToggleModal = () => setIsWarningDeleteAllOpenend((prev) => !prev);
-  const handleClickDelete = (role) => (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    if (role.usersCount) {
-      toggleNotification({
-        type: "info",
-        message: { id: "Roles.ListPage.notification.delete-not-allowed" }
-      });
-    } else {
-      dispatch({
-        type: "SET_ROLE_TO_DELETE",
-        id: role.id
-      });
-      handleToggleModal();
-    }
-  };
-  const handleClickDuplicate = (role) => (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    navigate(`duplicate/${role.id}`);
-  };
-  const rowCount = roles.length + 1;
-  const colCount = 6;
-  if (isLoadingForPermissions) {
-    return /* @__PURE__ */ jsx(Page.Loading, {});
-  }
-  return /* @__PURE__ */ jsxs(Main, { children: [
-    /* @__PURE__ */ jsx(
-      Helmet,
-      {
-        title: formatMessage(
-          { id: "Settings.PageTitle", defaultMessage: "Settings - {name}" },
-          {
-            name: "Roles"
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      HeaderLayout,
-      {
-        primaryAction: canCreate ? /* @__PURE__ */ jsx(Button, { onClick: handleNewRoleClick, startIcon: /* @__PURE__ */ jsx(Plus, {}), size: "S", children: formatMessage({
-          id: "Settings.roles.list.button.add",
-          defaultMessage: "Add new role"
-        }) }) : null,
-        title: formatMessage({
-          id: "global.roles",
-          defaultMessage: "roles"
-        }),
-        subtitle: formatMessage({
-          id: "Settings.roles.list.description",
-          defaultMessage: "List of roles"
-        }),
-        as: "h2"
-      }
-    ),
-    canRead && /* @__PURE__ */ jsx(
-      ActionLayout,
-      {
-        startActions: /* @__PURE__ */ jsx(
-          SearchInput,
-          {
-            label: formatMessage(
-              { id: "app.component.search.label", defaultMessage: "Search for {target}" },
-              {
-                target: formatMessage({
-                  id: "global.roles",
-                  defaultMessage: "roles"
-                })
-              }
-            )
-          }
-        )
-      }
-    ),
-    canRead && /* @__PURE__ */ jsx(ContentLayout, { children: /* @__PURE__ */ jsxs(
-      Table,
-      {
-        colCount,
-        rowCount,
-        footer: canCreate ? /* @__PURE__ */ jsx(TFooter, { onClick: handleNewRoleClick, icon: /* @__PURE__ */ jsx(Plus, {}), children: formatMessage({
-          id: "Settings.roles.list.button.add",
-          defaultMessage: "Add new role"
-        }) }) : null,
-        children: [
-          /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { "aria-rowindex": 1, children: [
-            /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({
-              id: "global.name",
-              defaultMessage: "Name"
-            }) }) }),
-            /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({
-              id: "global.description",
-              defaultMessage: "Description"
-            }) }) }),
-            /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({
-              id: "global.users",
-              defaultMessage: "Users"
-            }) }) }),
-            /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(VisuallyHidden, { children: formatMessage({
-              id: "global.actions",
-              defaultMessage: "Actions"
-            }) }) })
-          ] }) }),
-          /* @__PURE__ */ jsx(Tbody, { children: roles?.map((role, index) => /* @__PURE__ */ jsx(
-            RoleRow,
-            {
-              id: role.id,
-              name: role.name,
-              description: role.description,
-              usersCount: role.usersCount,
-              icons: [
-                canCreate && {
-                  onClick: handleClickDuplicate(role),
-                  label: formatMessage({
-                    id: "app.utils.duplicate",
-                    defaultMessage: "Duplicate"
-                  }),
-                  icon: /* @__PURE__ */ jsx(Duplicate, {})
-                },
-                canUpdate && {
-                  onClick: () => navigate(role.id.toString()),
-                  label: formatMessage({ id: "app.utils.edit", defaultMessage: "Edit" }),
-                  icon: /* @__PURE__ */ jsx(Pencil, {})
-                },
-                canDelete && {
-                  onClick: handleClickDelete(role),
-                  label: formatMessage({ id: "global.delete", defaultMessage: "Delete" }),
-                  icon: /* @__PURE__ */ jsx(Trash, {})
-                }
-              ].filter(Boolean),
-              rowIndex: index + 2,
-              canUpdate
-            },
-            role.id
-          )) })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      ConfirmDialog,
-      {
-        isOpen: isWarningDeleteAllOpened,
-        onConfirm: handleDeleteData,
-        onClose: handleToggleModal
-      }
-    )
-  ] });
-};
-const initialState = {
-  roleToDelete: null,
-  showModalConfirmButtonLoading: false,
-  shouldRefetchData: false
-};
-const reducer = (state, action) => produce(state, (draftState) => {
-  switch (action.type) {
-    case "ON_REMOVE_ROLES": {
-      draftState.showModalConfirmButtonLoading = true;
-      break;
-    }
-    case "ON_REMOVE_ROLES_SUCCEEDED": {
-      draftState.shouldRefetchData = true;
-      draftState.roleToDelete = null;
-      break;
-    }
-    case "RESET_DATA_TO_DELETE": {
-      draftState.shouldRefetchData = false;
-      draftState.roleToDelete = null;
-      draftState.showModalConfirmButtonLoading = false;
-      break;
-    }
-    case "SET_ROLE_TO_DELETE": {
-      draftState.roleToDelete = action.id;
-      break;
-    }
-    default:
-      return draftState;
-  }
-});
-const ProtectedListPage = () => {
-  const permissions = useTypedSelector((state) => state.admin_app.permissions.settings?.roles.read);
-  return /* @__PURE__ */ jsx(Page.Protect, { permissions, children: /* @__PURE__ */ jsx(ListPage, {}) });
-};
-export {
-  ListPage,
-  ProtectedListPage
-};
-//# sourceMappingURL=ListPage-NmUS_cOz.mjs.map

package/dist/_chunks/ListPage-NmUS_cOz.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListPage-NmUS_cOz.mjs","sources":["../../admin/src/pages/Settings/pages/Roles/components/RoleRow.tsx","../../admin/src/pages/Settings/pages/Roles/ListPage.tsx"],"sourcesContent":["import { Box, Flex, IconButton, IconButtonProps, Td, Tr, Typography } from '@strapi/design-system';\nimport { onRowClick, stopPropagation } from '@strapi/helper-plugin';\nimport { useIntl } from 'react-intl';\n\nimport type { AdminRole } from '../../../../../hooks/useAdminRoles';\n\ninterface RoleRowProps extends Pick<AdminRole, 'id' | 'name' | 'description' | 'usersCount'> {\n  icons: Array<Required<Pick<IconButtonProps, 'icon' | 'label' | 'onClick'>>>;\n  rowIndex: number;\n  canUpdate?: boolean;\n}\n\nconst RoleRow = ({\n  id,\n  name,\n  description,\n  usersCount,\n  icons,\n  rowIndex,\n  canUpdate,\n}: RoleRowProps) => {\n  const { formatMessage } = useIntl();\n  const [, editObject] = icons;\n\n  const usersCountText = formatMessage(\n    {\n      id: `Roles.RoleRow.user-count`,\n      defaultMessage: '{number, plural, =0 {#  user} one {#  user} other {# users}}',\n    },\n    { number: usersCount }\n  );\n\n  return (\n    <Tr\n      aria-rowindex={rowIndex}\n      key={id}\n      {...(canUpdate\n        ? onRowClick({\n            // @ts-expect-error – the prop uses `HTMLButtonElement` but we just specify `HTMLElement`\n            fn: editObject.onClick,\n          })\n        : {})}\n    >\n      <Td maxWidth={`${130 / 16}rem`}>\n        <Typography ellipsis textColor=\"neutral800\">\n          {name}\n        </Typography>\n      </Td>\n      <Td maxWidth={`${250 / 16}rem`}>\n        <Typography ellipsis textColor=\"neutral800\">\n          {description}\n        </Typography>\n      </Td>\n      <Td>\n        <Typography textColor=\"neutral800\">{usersCountText}</Typography>\n      </Td>\n      <Td>\n        <Flex justifyContent=\"flex-end\" {...stopPropagation}>\n          {icons.map((icon, i) =>\n            icon ? (\n              <Box key={icon.label} paddingLeft={i === 0 ? 0 : 1}>\n                <IconButton\n                  onClick={icon.onClick}\n                  label={icon.label}\n                  borderWidth={0}\n                  icon={icon.icon}\n                />\n              </Box>\n            ) : null\n          )}\n        </Flex>\n      </Td>\n    </Tr>\n  );\n};\n\nexport { RoleRow };\nexport type { RoleRowProps };\n","import * as React from 'react';\n\nimport {\n  ActionLayout,\n  Button,\n  ContentLayout,\n  HeaderLayout,\n  Main,\n  Table,\n  Tbody,\n  TFooter,\n  Th,\n  Thead,\n  Tr,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport {\n  getFetchClient,\n  useFocusWhenNavigate,\n  useQueryParams,\n  useNotification,\n  useRBAC,\n} from '@strapi/helper-plugin';\nimport { Duplicate, Pencil, Plus, Trash } from '@strapi/icons';\nimport { AxiosError } from 'axios';\nimport produce from 'immer';\nimport { Helmet } from 'react-helmet';\nimport { useIntl } from 'react-intl';\nimport { useNavigate } from 'react-router-dom';\n\nimport { ConfirmDialog } from '../../../../components/ConfirmDialog';\nimport { Page } from '../../../../components/PageHelpers';\nimport { SearchInput } from '../../../../components/SearchInput';\nimport { useTypedSelector } from '../../../../core/store/hooks';\nimport { useAdminRoles, AdminRole } from '../../../../hooks/useAdminRoles';\nimport { useAPIErrorHandler } from '../../../../hooks/useAPIErrorHandler';\nimport { selectAdminPermissions } from '../../../../selectors';\n\nimport { RoleRow, RoleRowProps } from './components/RoleRow';\n\nconst ListPage = () => {\n  const { formatMessage } = useIntl();\n  useFocusWhenNavigate();\n  const permissions = useTypedSelector(selectAdminPermissions);\n  const { formatAPIError } = useAPIErrorHandler();\n  const toggleNotification = useNotification();\n  const [isWarningDeleteAllOpened, setIsWarningDeleteAllOpenend] = React.useState(false);\n  const [{ query }] = useQueryParams<{ _q?: string }>();\n  const {\n    isLoading: isLoadingForPermissions,\n    allowedActions: { canCreate, canDelete, canRead, canUpdate },\n  } = useRBAC(permissions.settings?.roles);\n\n  const { roles, refetch: refetchRoles } = useAdminRoles(\n    { filters: query?._q ? { name: { $containsi: query._q } } : undefined },\n    {\n      refetchOnMountOrArgChange: true,\n      skip: isLoadingForPermissions || !canRead,\n    }\n  );\n\n  const navigate = useNavigate();\n  const [{ roleToDelete }, dispatch] = React.useReducer(reducer, initialState);\n\n  const { post } = getFetchClient();\n\n  const handleDeleteData = async () => {\n    try {\n      dispatch({\n        type: 'ON_REMOVE_ROLES',\n      });\n\n      await post('/admin/roles/batch-delete', {\n        ids: [roleToDelete],\n      });\n\n      await refetchRoles();\n\n      dispatch({\n        type: 'RESET_DATA_TO_DELETE',\n      });\n    } catch (error) {\n      if (error instanceof AxiosError) {\n        toggleNotification({\n          type: 'warning',\n          message: formatAPIError(error),\n        });\n      }\n    }\n    handleToggleModal();\n  };\n\n  const handleNewRoleClick = () => navigate('new');\n\n  const handleToggleModal = () => setIsWarningDeleteAllOpenend((prev) => !prev);\n\n  const handleClickDelete = (role: AdminRole) => (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (role.usersCount) {\n      toggleNotification({\n        type: 'info',\n        message: { id: 'Roles.ListPage.notification.delete-not-allowed' },\n      });\n    } else {\n      dispatch({\n        type: 'SET_ROLE_TO_DELETE',\n        id: role.id,\n      });\n\n      handleToggleModal();\n    }\n  };\n\n  const handleClickDuplicate = (role: AdminRole) => (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    navigate(`duplicate/${role.id}`);\n  };\n\n  const rowCount = roles.length + 1;\n  const colCount = 6;\n\n  if (isLoadingForPermissions) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Main>\n      <Helmet\n        title={formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          {\n            name: 'Roles',\n          }\n        )}\n      />\n      <HeaderLayout\n        primaryAction={\n          canCreate ? (\n            <Button onClick={handleNewRoleClick} startIcon={<Plus />} size=\"S\">\n              {formatMessage({\n                id: 'Settings.roles.list.button.add',\n                defaultMessage: 'Add new role',\n              })}\n            </Button>\n          ) : null\n        }\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        as=\"h2\"\n      />\n      {canRead && (\n        <ActionLayout\n          startActions={\n            <SearchInput\n              label={formatMessage(\n                { id: 'app.component.search.label', defaultMessage: 'Search for {target}' },\n                {\n                  target: formatMessage({\n                    id: 'global.roles',\n                    defaultMessage: 'roles',\n                  }),\n                }\n              )}\n            />\n          }\n        />\n      )}\n      {canRead && (\n        <ContentLayout>\n          <Table\n            colCount={colCount}\n            rowCount={rowCount}\n            footer={\n              canCreate ? (\n                <TFooter onClick={handleNewRoleClick} icon={<Plus />}>\n                  {formatMessage({\n                    id: 'Settings.roles.list.button.add',\n                    defaultMessage: 'Add new role',\n                  })}\n                </TFooter>\n              ) : null\n            }\n          >\n            <Thead>\n              <Tr aria-rowindex={1}>\n                <Th>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({\n                      id: 'global.name',\n                      defaultMessage: 'Name',\n                    })}\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            <Tbody>\n              {roles?.map((role, index) => (\n                <RoleRow\n                  key={role.id}\n                  id={role.id}\n                  name={role.name}\n                  description={role.description}\n                  usersCount={role.usersCount}\n                  icons={\n                    [\n                      canCreate &&\n                        ({\n                          onClick: handleClickDuplicate(role),\n                          label: formatMessage({\n                            id: 'app.utils.duplicate',\n                            defaultMessage: 'Duplicate',\n                          }),\n                          icon: <Duplicate />,\n                        } satisfies RoleRowProps['icons'][number]),\n                      canUpdate &&\n                        ({\n                          onClick: () => navigate(role.id.toString()),\n                          label: formatMessage({ id: 'app.utils.edit', defaultMessage: 'Edit' }),\n                          icon: <Pencil />,\n                        } satisfies RoleRowProps['icons'][number]),\n                      canDelete &&\n                        ({\n                          onClick: handleClickDelete(role),\n                          label: formatMessage({ id: 'global.delete', defaultMessage: 'Delete' }),\n                          icon: <Trash />,\n                        } satisfies RoleRowProps['icons'][number]),\n                    ].filter(Boolean) as RoleRowProps['icons']\n                  }\n                  rowIndex={index + 2}\n                  canUpdate={canUpdate}\n                />\n              ))}\n            </Tbody>\n          </Table>\n        </ContentLayout>\n      )}\n      <ConfirmDialog\n        isOpen={isWarningDeleteAllOpened}\n        onConfirm={handleDeleteData}\n        onClose={handleToggleModal}\n      />\n    </Main>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Reducer\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * TODO: do we actually need this reducer? It's not doing a lot...\n */\n\ninterface State {\n  roleToDelete: null | AdminRole['id'];\n  showModalConfirmButtonLoading: boolean;\n  shouldRefetchData: boolean;\n}\n\nconst initialState = {\n  roleToDelete: null,\n  showModalConfirmButtonLoading: false,\n  shouldRefetchData: false,\n} satisfies State;\n\ninterface SetRoleToDeleteAction extends Pick<AdminRole, 'id'> {\n  type: 'SET_ROLE_TO_DELETE';\n}\n\ninterface ResetDataToDeleteAction {\n  type: 'RESET_DATA_TO_DELETE';\n}\n\ninterface OnRemoveRolesAction {\n  type: 'ON_REMOVE_ROLES';\n}\n\ninterface OnRemoveRolesSucceededAction {\n  type: 'ON_REMOVE_ROLES_SUCCEEDED';\n}\n\ntype Action =\n  | SetRoleToDeleteAction\n  | ResetDataToDeleteAction\n  | OnRemoveRolesAction\n  | OnRemoveRolesSucceededAction;\n\nconst reducer = (state: State, action: Action) =>\n  produce(state, (draftState) => {\n    switch (action.type) {\n      case 'ON_REMOVE_ROLES': {\n        draftState.showModalConfirmButtonLoading = true;\n        break;\n      }\n      case 'ON_REMOVE_ROLES_SUCCEEDED': {\n        draftState.shouldRefetchData = true;\n        draftState.roleToDelete = null;\n        break;\n      }\n      case 'RESET_DATA_TO_DELETE': {\n        draftState.shouldRefetchData = false;\n        draftState.roleToDelete = null;\n        draftState.showModalConfirmButtonLoading = false;\n        break;\n      }\n      case 'SET_ROLE_TO_DELETE': {\n        draftState.roleToDelete = action.id;\n\n        break;\n      }\n      default:\n        return draftState;\n    }\n  });\n\n/* -------------------------------------------------------------------------------------------------\n * ProtectedListPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProtectedListPage = () => {\n  const permissions = useTypedSelector((state) => state.admin_app.permissions.settings?.roles.read);\n\n  return (\n    <Page.Protect permissions={permissions}>\n      <ListPage />\n    </Page.Protect>\n  );\n};\n\nexport { ProtectedListPage, ListPage };\n"],"names":[],"mappings":"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"}

package/dist/_chunks/ListPage-Pf5LxUYn.js

@@ -1,313 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const designSystem = require("@strapi/design-system");
-const helperPlugin = require("@strapi/helper-plugin");
-const Icons = require("@strapi/icons");
-const axios = require("axios");
-const produce = require("immer");
-const reactHelmet = require("react-helmet");
-const reactIntl = require("react-intl");
-const reactRouterDom = require("react-router-dom");
-const index = require("./index-ejSDPT-T.js");
-const useAdminRoles = require("./useAdminRoles-SnzC_mvy.js");
-const selectors = require("./selectors-T2YIN4Fb.js");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-function _interopNamespace(e) {
-  if (e && e.__esModule)
-    return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespace(React);
-const produce__default = /* @__PURE__ */ _interopDefault(produce);
-const RoleRow = ({
-  id,
-  name,
-  description,
-  usersCount,
-  icons,
-  rowIndex,
-  canUpdate
-}) => {
-  const { formatMessage } = reactIntl.useIntl();
-  const [, editObject] = icons;
-  const usersCountText = formatMessage(
-    {
-      id: `Roles.RoleRow.user-count`,
-      defaultMessage: "{number, plural, =0 {#  user} one {#  user} other {# users}}"
-    },
-    { number: usersCount }
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    designSystem.Tr,
-    {
-      "aria-rowindex": rowIndex,
-      ...canUpdate ? helperPlugin.onRowClick({
-        // @ts-expect-error – the prop uses `HTMLButtonElement` but we just specify `HTMLElement`
-        fn: editObject.onClick
-      }) : {},
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { maxWidth: `${130 / 16}rem`, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { ellipsis: true, textColor: "neutral800", children: name }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { maxWidth: `${250 / 16}rem`, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { ellipsis: true, textColor: "neutral800", children: description }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: usersCountText }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "flex-end", ...helperPlugin.stopPropagation, children: icons.map(
-          (icon, i) => icon ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: i === 0 ? 0 : 1, children: /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.IconButton,
-            {
-              onClick: icon.onClick,
-              label: icon.label,
-              borderWidth: 0,
-              icon: icon.icon
-            }
-          ) }, icon.label) : null
-        ) }) })
-      ]
-    },
-    id
-  );
-};
-const ListPage = () => {
-  const { formatMessage } = reactIntl.useIntl();
-  helperPlugin.useFocusWhenNavigate();
-  const permissions = index.useTypedSelector(selectors.selectAdminPermissions);
-  const { formatAPIError } = index.useAPIErrorHandler();
-  const toggleNotification = helperPlugin.useNotification();
-  const [isWarningDeleteAllOpened, setIsWarningDeleteAllOpenend] = React__namespace.useState(false);
-  const [{ query }] = helperPlugin.useQueryParams();
-  const {
-    isLoading: isLoadingForPermissions,
-    allowedActions: { canCreate, canDelete, canRead, canUpdate }
-  } = helperPlugin.useRBAC(permissions.settings?.roles);
-  const { roles, refetch: refetchRoles } = useAdminRoles.useAdminRoles(
-    { filters: query?._q ? { name: { $containsi: query._q } } : void 0 },
-    {
-      refetchOnMountOrArgChange: true,
-      skip: isLoadingForPermissions || !canRead
-    }
-  );
-  const navigate = reactRouterDom.useNavigate();
-  const [{ roleToDelete }, dispatch] = React__namespace.useReducer(reducer, initialState);
-  const { post } = helperPlugin.getFetchClient();
-  const handleDeleteData = async () => {
-    try {
-      dispatch({
-        type: "ON_REMOVE_ROLES"
-      });
-      await post("/admin/roles/batch-delete", {
-        ids: [roleToDelete]
-      });
-      await refetchRoles();
-      dispatch({
-        type: "RESET_DATA_TO_DELETE"
-      });
-    } catch (error) {
-      if (error instanceof axios.AxiosError) {
-        toggleNotification({
-          type: "warning",
-          message: formatAPIError(error)
-        });
-      }
-    }
-    handleToggleModal();
-  };
-  const handleNewRoleClick = () => navigate("new");
-  const handleToggleModal = () => setIsWarningDeleteAllOpenend((prev) => !prev);
-  const handleClickDelete = (role) => (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    if (role.usersCount) {
-      toggleNotification({
-        type: "info",
-        message: { id: "Roles.ListPage.notification.delete-not-allowed" }
-      });
-    } else {
-      dispatch({
-        type: "SET_ROLE_TO_DELETE",
-        id: role.id
-      });
-      handleToggleModal();
-    }
-  };
-  const handleClickDuplicate = (role) => (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    navigate(`duplicate/${role.id}`);
-  };
-  const rowCount = roles.length + 1;
-  const colCount = 6;
-  if (isLoadingForPermissions) {
-    return /* @__PURE__ */ jsxRuntime.jsx(index.Page.Loading, {});
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      reactHelmet.Helmet,
-      {
-        title: formatMessage(
-          { id: "Settings.PageTitle", defaultMessage: "Settings - {name}" },
-          {
-            name: "Roles"
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.HeaderLayout,
-      {
-        primaryAction: canCreate ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleNewRoleClick, startIcon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Plus, {}), size: "S", children: formatMessage({
-          id: "Settings.roles.list.button.add",
-          defaultMessage: "Add new role"
-        }) }) : null,
-        title: formatMessage({
-          id: "global.roles",
-          defaultMessage: "roles"
-        }),
-        subtitle: formatMessage({
-          id: "Settings.roles.list.description",
-          defaultMessage: "List of roles"
-        }),
-        as: "h2"
-      }
-    ),
-    canRead && /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.ActionLayout,
-      {
-        startActions: /* @__PURE__ */ jsxRuntime.jsx(
-          index.SearchInput,
-          {
-            label: formatMessage(
-              { id: "app.component.search.label", defaultMessage: "Search for {target}" },
-              {
-                target: formatMessage({
-                  id: "global.roles",
-                  defaultMessage: "roles"
-                })
-              }
-            )
-          }
-        )
-      }
-    ),
-    canRead && /* @__PURE__ */ jsxRuntime.jsx(designSystem.ContentLayout, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-      designSystem.Table,
-      {
-        colCount,
-        rowCount,
-        footer: canCreate ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.TFooter, { onClick: handleNewRoleClick, icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Plus, {}), children: formatMessage({
-          id: "Settings.roles.list.button.add",
-          defaultMessage: "Add new role"
-        }) }) : null,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { "aria-rowindex": 1, 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(designSystem.Tbody, { children: roles?.map((role, index2) => /* @__PURE__ */ jsxRuntime.jsx(
-            RoleRow,
-            {
-              id: role.id,
-              name: role.name,
-              description: role.description,
-              usersCount: role.usersCount,
-              icons: [
-                canCreate && {
-                  onClick: handleClickDuplicate(role),
-                  label: formatMessage({
-                    id: "app.utils.duplicate",
-                    defaultMessage: "Duplicate"
-                  }),
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Duplicate, {})
-                },
-                canUpdate && {
-                  onClick: () => navigate(role.id.toString()),
-                  label: formatMessage({ id: "app.utils.edit", defaultMessage: "Edit" }),
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Pencil, {})
-                },
-                canDelete && {
-                  onClick: handleClickDelete(role),
-                  label: formatMessage({ id: "global.delete", defaultMessage: "Delete" }),
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Trash, {})
-                }
-              ].filter(Boolean),
-              rowIndex: index2 + 2,
-              canUpdate
-            },
-            role.id
-          )) })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      index.ConfirmDialog,
-      {
-        isOpen: isWarningDeleteAllOpened,
-        onConfirm: handleDeleteData,
-        onClose: handleToggleModal
-      }
-    )
-  ] });
-};
-const initialState = {
-  roleToDelete: null,
-  showModalConfirmButtonLoading: false,
-  shouldRefetchData: false
-};
-const reducer = (state, action) => produce__default.default(state, (draftState) => {
-  switch (action.type) {
-    case "ON_REMOVE_ROLES": {
-      draftState.showModalConfirmButtonLoading = true;
-      break;
-    }
-    case "ON_REMOVE_ROLES_SUCCEEDED": {
-      draftState.shouldRefetchData = true;
-      draftState.roleToDelete = null;
-      break;
-    }
-    case "RESET_DATA_TO_DELETE": {
-      draftState.shouldRefetchData = false;
-      draftState.roleToDelete = null;
-      draftState.showModalConfirmButtonLoading = false;
-      break;
-    }
-    case "SET_ROLE_TO_DELETE": {
-      draftState.roleToDelete = action.id;
-      break;
-    }
-    default:
-      return draftState;
-  }
-});
-const ProtectedListPage = () => {
-  const permissions = index.useTypedSelector((state) => state.admin_app.permissions.settings?.roles.read);
-  return /* @__PURE__ */ jsxRuntime.jsx(index.Page.Protect, { permissions, children: /* @__PURE__ */ jsxRuntime.jsx(ListPage, {}) });
-};
-exports.ListPage = ListPage;
-exports.ProtectedListPage = ProtectedListPage;
-//# sourceMappingURL=ListPage-Pf5LxUYn.js.map