npm - @strapi/plugin-users-permissions - Versions diffs - 5.0.0-beta.9 → 5.0.0-rc.1 - Mend

@strapi/plugin-users-permissions 5.0.0-beta.9 → 5.0.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (57) hide show

package/admin/src/pages/EmailTemplates/components/EmailTable.jsx CHANGED Viewed

@@ -10,6 +10,7 @@ import {
   Tr,
   Typography,
   VisuallyHidden,
+  Box,
 } from '@strapi/design-system';
 import { Check, Pencil, ArrowClockwise as Refresh } from '@strapi/icons';
 import PropTypes from 'prop-types';
@@ -53,12 +54,14 @@ const EmailTable = ({ canUpdate, onEditClick }) => {
       <Tbody>
         <Tr onClick={() => onEditClick('reset_password')}>
           <Td>
-            <Refresh
-              aria-label={formatMessage({
-                id: 'global.reset-password',
-                defaultMessage: 'Reset password',
-              })}
-            />
+            <Box width="3.2rem" height="3.2rem" padding="0.8rem">
+              <Refresh
+                aria-label={formatMessage({
+                  id: 'global.reset-password',
+                  defaultMessage: 'Reset password',
+                })}
+              />
+            </Box>
           </Td>
           <Td>
             <Typography>
@@ -84,12 +87,14 @@ const EmailTable = ({ canUpdate, onEditClick }) => {
         </Tr>
         <Tr onClick={() => onEditClick('email_confirmation')}>
           <Td>
-            <Check
-              aria-label={formatMessage({
-                id: getTrad('Email.template.email_confirmation'),
-                defaultMessage: 'Email address confirmation',
-              })}
-            />
+            <Box width="3.2rem" height="3.2rem" padding="0.8rem">
+              <Check
+                aria-label={formatMessage({
+                  id: getTrad('Email.template.email_confirmation'),
+                  defaultMessage: 'Email address confirmation',
+                })}
+              />
+            </Box>
           </Td>
           <Td>
             <Typography>

package/admin/src/pages/EmailTemplates/index.jsx CHANGED Viewed

@@ -134,13 +134,12 @@ const EmailTemplatesPage = () => {
       />
       <Layouts.Content>
         <EmailTable onEditClick={handleEditClick} canUpdate={canUpdate} />
-        {isModalOpen && (
-          <EmailForm
-            template={data[templateToEdit]}
-            onToggle={handleToggle}
-            onSubmit={handleSubmit}
-          />
-        )}
+        <EmailForm
+          template={data[templateToEdit]}
+          onToggle={handleToggle}
+          open={isModalOpen}
+          onSubmit={handleSubmit}
+        />
       </Layouts.Content>
     </Page.Main>
   );

package/admin/src/pages/Providers/index.jsx CHANGED Viewed

@@ -63,7 +63,7 @@ export const ProvidersPage = () => {
   const submitMutation = useMutation((body) => put('/users-permissions/providers', body), {
     async onSuccess() {
-      await queryClient.invalidateQueries(['users-permissions', 'providers']);
+      await queryClient.invalidateQueries(['users-permissions', 'get-providers']);
       toggleNotification({
         type: 'success',

package/admin/src/pages/Roles/pages/CreatePage.jsx CHANGED Viewed

@@ -4,7 +4,6 @@ import {
   Button,
   Flex,
   Grid,
-  GridItem,
   Main,
   Textarea,
   TextInput,
@@ -125,8 +124,8 @@ export const CreatePage = () => {
                     })}
                   </Typography>
-                  <Grid gap={4}>
-                    <GridItem col={6}>
+                  <Grid.Root gap={4}>
+                    <Grid.Item col={6}>
                       <Field.Root
                         name="name"
                         error={
@@ -145,8 +144,8 @@ export const CreatePage = () => {
                         <TextInput value={values.name || ''} onChange={handleChange} />
                         <Field.Error />
                       </Field.Root>
-                    </GridItem>
-                    <GridItem col={6}>
+                    </Grid.Item>
+                    <Grid.Item col={6}>
                       <Field.Root
                         name="description"
                         error={
@@ -168,8 +167,8 @@ export const CreatePage = () => {
                         <Textarea value={values.description || ''} onChange={handleChange} />
                         <Field.Error />
                       </Field.Root>
-                    </GridItem>
-                  </Grid>
+                    </Grid.Item>
+                  </Grid.Root>
                 </Flex>
                 {!isLoadingPlugins && (

package/admin/src/pages/Roles/pages/EditPage.jsx CHANGED Viewed

@@ -7,7 +7,6 @@ import {
   TextInput,
   Textarea,
   Typography,
-  GridItem,
   Grid,
   Field,
 } from '@strapi/design-system';
@@ -143,8 +142,8 @@ export const EditPage = () => {
                     })}
                   </Typography>
-                  <Grid gap={4}>
-                    <GridItem col={6}>
+                  <Grid.Root gap={4}>
+                    <Grid.Item col={6}>
                       <Field.Root
                         name="name"
                         error={
@@ -166,8 +165,8 @@ export const EditPage = () => {
                         <TextInput value={values.name || ''} onChange={handleChange} />
                         <Field.Error />
                       </Field.Root>
-                    </GridItem>
-                    <GridItem col={6}>
+                    </Grid.Item>
+                    <Grid.Item col={6}>
                       <Field.Root
                         name="description"
                         error={
@@ -189,8 +188,8 @@ export const EditPage = () => {
                         <Textarea value={values.description || ''} onChange={handleChange} />
                         <Field.Error />
                       </Field.Root>
-                    </GridItem>
-                  </Grid>
+                    </Grid.Item>
+                  </Grid.Root>
                 </Flex>
                 {!isLoadingPlugins && (

package/admin/src/pages/Roles/pages/ListPage/components/TableBody.jsx CHANGED Viewed

@@ -4,20 +4,20 @@ import { Flex, IconButton, Link, Tbody, Td, Tr, Typography } from '@strapi/desig
 import { Pencil, Trash } from '@strapi/icons';
 import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
-import { useNavigate } from 'react-router-dom';
+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]}}`};
-  width: 3.2rem;
+  padding: ${({ theme }) => `${theme.spaces[2]}`};
   svg {
-    height: 1.2rem;
-    width: 1.2rem;
+    height: 1.6rem;
+    width: 1.6rem;
     path {
       fill: ${({ theme }) => theme.colors.neutral500};
@@ -72,6 +72,7 @@ const TableBody = ({ sortedRoles, canDelete, canUpdate, setRoleToDelete, onDelet
             <Flex justifyContent="end" onClick={(e) => e.stopPropagation()}>
               {canUpdate ? (
                 <EditLink
+                  tag={NavLink}
                   to={role.id.toString()}
                   aria-label={formatMessage(
                     { id: 'app.component.table.edit', defaultMessage: 'Edit {target}' },

package/admin/src/pages/Roles/pages/ListPage/index.jsx CHANGED Viewed

@@ -11,8 +11,9 @@ import {
   EmptyStateLayout,
   useCollator,
   useFilter,
+  LinkButton,
+  Dialog,
 } from '@strapi/design-system';
-import { LinkButton } from '@strapi/design-system';
 import { Plus } from '@strapi/icons';
 import {
   ConfirmDialog,
@@ -250,11 +251,9 @@ export const RolesListPage = () => {
             <EmptyStateLayout content={formatMessage(emptyLayout[emptyContent])} />
           )}
         </Layouts.Content>
-        <ConfirmDialog
-          onConfirm={handleConfirmDelete}
-          onClose={handleShowConfirmDelete}
-          isOpen={showConfirmDelete}
-        />
+        <Dialog.Root open={showConfirmDelete} onOpenChange={handleShowConfirmDelete}>
+          <ConfirmDialog onConfirm={handleConfirmDelete} />
+        </Dialog.Root>
       </Page.Main>
     </Layouts.Root>
   );

package/dist/_chunks/{index-DU64Xec_.js → index-B-NW87wS.js} RENAMED Viewed

@@ -7,7 +7,7 @@ const icons = require("@strapi/icons");
 const admin = require("@strapi/strapi/admin");
 const reactIntl = require("react-intl");
 const reactQuery = require("react-query");
-const index = require("./index-DbtKSwQT.js");
+const index = require("./index-bWmIxmrB.js");
 require("lodash/isEmpty");
 const yup = require("yup");
 function _interopNamespace(e) {
@@ -231,7 +231,7 @@ const AdvancedSettingsPage = () => {
                 id: "global.settings",
                 defaultMessage: "Settings"
               }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid, { gap: 6, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 6, children: [
                 {
                   label: {
                     id: index.getTrad("EditForm.inputSelect.label.role"),
@@ -250,7 +250,7 @@ const AdvancedSettingsPage = () => {
                   type: "enumeration"
                 },
                 ...layout
-              ].map(({ size, ...field }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: size, children: /* @__PURE__ */ jsxRuntime.jsx(
+              ].map(({ size, ...field }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: size, children: /* @__PURE__ */ jsxRuntime.jsx(
                 admin.InputRenderer,
                 {
                   ...field,
@@ -269,4 +269,4 @@ const AdvancedSettingsPage = () => {
 };
 exports.AdvancedSettingsPage = AdvancedSettingsPage;
 exports.ProtectedAdvancedSettingsPage = ProtectedAdvancedSettingsPage;
-//# sourceMappingURL=index-DU64Xec_.js.map
+//# sourceMappingURL=index-B-NW87wS.js.map

package/dist/_chunks/index-B-NW87wS.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index-B-NW87wS.js","sources":["../../admin/src/pages/AdvancedSettings/utils/layout.js","../../admin/src/pages/AdvancedSettings/utils/schema.js","../../admin/src/pages/AdvancedSettings/index.jsx"],"sourcesContent":["import { getTrad } from '../../../utils';\n\nconst layout = [\n {\n label: {\n id: getTrad('EditForm.inputToggle.label.email'),\n defaultMessage: 'One account per email address',\n },\n hint: {\n id: getTrad('EditForm.inputToggle.description.email'),\n defaultMessage:\n 'Disallow the user to create multiple accounts using the same email address with different authentication providers.',\n },\n name: 'unique_email',\n type: 'boolean',\n size: 12,\n },\n {\n label: {\n id: getTrad('EditForm.inputToggle.label.sign-up'),\n defaultMessage: 'Enable sign-ups',\n },\n hint: {\n id: getTrad('EditForm.inputToggle.description.sign-up'),\n defaultMessage:\n 'When disabled (OFF), the registration process is forbidden. No one can subscribe anymore no matter the used provider.',\n },\n name: 'allow_register',\n type: 'boolean',\n size: 12,\n },\n {\n label: {\n id: getTrad('EditForm.inputToggle.label.email-reset-password'),\n defaultMessage: 'Reset password page',\n },\n hint: {\n id: getTrad('EditForm.inputToggle.description.email-reset-password'),\n defaultMessage: \"URL of your application's reset password page.\",\n },\n placeholder: {\n id: getTrad('EditForm.inputToggle.placeholder.email-reset-password'),\n defaultMessage: 'ex: https://youtfrontend.com/reset-password',\n },\n name: 'email_reset_password',\n type: 'string',\n size: 12,\n },\n {\n label: {\n id: getTrad('EditForm.inputToggle.label.email-confirmation'),\n defaultMessage: 'Enable email confirmation',\n },\n hint: {\n id: getTrad('EditForm.inputToggle.description.email-confirmation'),\n defaultMessage: 'When enabled (ON), new registered users receive a confirmation email.',\n },\n name: 'email_confirmation',\n type: 'boolean',\n size: 12,\n },\n {\n label: {\n id: getTrad('EditForm.inputToggle.label.email-confirmation-redirection'),\n defaultMessage: 'Redirection url',\n },\n hint: {\n id: getTrad('EditForm.inputToggle.description.email-confirmation-redirection'),\n defaultMessage: 'After you confirmed your email, choose where you will be redirected.',\n },\n placeholder: {\n id: getTrad('EditForm.inputToggle.placeholder.email-confirmation-redirection'),\n defaultMessage: 'ex: https://youtfrontend.com/email-confirmation',\n },\n name: 'email_confirmation_redirection',\n type: 'string',\n size: 12,\n },\n];\n\nexport default layout;\n","import { translatedErrors } from '@strapi/strapi/admin';\nimport * as yup from 'yup';\n\n// eslint-disable-next-line prefer-regex-literals\nconst URL_REGEX = new RegExp('(^$)|((.+:\\\\/\\\\/.*)(d*)\\\\/?(.*))');\n\nconst schema = yup.object().shape({\n email_confirmation_redirection: yup.mixed().when('email_confirmation', {\n is: true,\n then: yup.string().matches(URL_REGEX).required(),\n otherwise: yup.string().nullable(),\n }),\n email_reset_password: yup\n .string(translatedErrors.string)\n .matches(URL_REGEX, {\n id: translatedErrors.regex.id,\n defaultMessage: 'This is not a valid URL',\n })\n .nullable(),\n});\n\nexport default schema;\n","import React from 'react';\n\nimport { Box, Button, Flex, Grid, Typography, useNotifyAT } from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\nimport {\n useAPIErrorHandler,\n Page,\n Form,\n InputRenderer,\n useNotification,\n useFetchClient,\n useRBAC,\n Layouts,\n} from '@strapi/strapi/admin';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQuery, useQueryClient } from 'react-query';\n\nimport { PERMISSIONS } from '../../constants';\nimport { getTrad } from '../../utils';\n\nimport layout from './utils/layout';\nimport schema from './utils/schema';\n\nconst ProtectedAdvancedSettingsPage = () => (\n <Page.Protect permissions={PERMISSIONS.readAdvancedSettings}>\n <AdvancedSettingsPage />\n </Page.Protect>\n);\n\nconst AdvancedSettingsPage = () => {\n const { formatMessage } = useIntl();\n const { toggleNotification } = useNotification();\n const { notifyStatus } = useNotifyAT();\n const queryClient = useQueryClient();\n const { get, put } = useFetchClient();\n const { formatAPIError } = useAPIErrorHandler();\n\n const {\n isLoading: isLoadingForPermissions,\n allowedActions: { canUpdate },\n } = useRBAC({ update: PERMISSIONS.updateAdvancedSettings });\n\n const { isLoading: isLoadingData, data } = useQuery(\n ['users-permissions', 'advanced'],\n async () => {\n const { data } = await get('/users-permissions/advanced');\n\n return data;\n },\n {\n onSuccess() {\n notifyStatus(\n formatMessage({\n id: getTrad('Form.advancedSettings.data.loaded'),\n defaultMessage: 'Advanced settings data has been loaded',\n })\n );\n },\n onError() {\n toggleNotification({\n type: 'danger',\n message: formatMessage({\n id: getTrad('notification.error'),\n defaultMessage: 'An error occured',\n }),\n });\n },\n }\n );\n\n const isLoading = isLoadingForPermissions || isLoadingData;\n\n const submitMutation = useMutation((body) => put('/users-permissions/advanced', body), {\n async onSuccess() {\n await queryClient.invalidateQueries(['users-permissions', 'advanced']);\n\n toggleNotification({\n type: 'success',\n message: formatMessage({\n id: getTrad('notification.success.saved'),\n defaultMessage: 'Saved',\n }),\n });\n },\n onError(error) {\n toggleNotification({\n type: 'danger',\n message: formatAPIError(error),\n });\n },\n refetchActive: true,\n });\n\n const { isLoading: isSubmittingForm } = submitMutation;\n\n const handleSubmit = async (body) => {\n submitMutation.mutate({\n ...body,\n email_confirmation_redirection: body.email_confirmation\n ? body.email_confirmation_redirection\n : '',\n });\n };\n\n if (isLoading) {\n return <Page.Loading />;\n }\n\n return (\n <Page.Main aria-busy={isSubmittingForm}>\n <Page.Title>\n {formatMessage(\n { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n {\n name: formatMessage({\n id: getTrad('HeaderNav.link.advancedSettings'),\n defaultMessage: 'Advanced Settings',\n }),\n }\n )}\n </Page.Title>\n <Form onSubmit={handleSubmit} initialValues={data.settings} validationSchema={schema}>\n {({ values, isSubmitting, modified }) => {\n return (\n <>\n <Layouts.Header\n title={formatMessage({\n id: getTrad('HeaderNav.link.advancedSettings'),\n defaultMessage: 'Advanced Settings',\n })}\n primaryAction={\n <Button\n loading={isSubmitting}\n type=\"submit\"\n disabled={!modified || !canUpdate}\n startIcon={<Check />}\n size=\"S\"\n >\n {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}\n </Button>\n }\n />\n <Layouts.Content>\n <Box\n background=\"neutral0\"\n hasRadius\n shadow=\"filterShadow\"\n paddingTop={6}\n paddingBottom={6}\n paddingLeft={7}\n paddingRight={7}\n >\n <Flex direction=\"column\" alignItems=\"stretch\" gap={4}>\n <Typography variant=\"delta\" tag=\"h2\">\n {formatMessage({\n id: 'global.settings',\n defaultMessage: 'Settings',\n })}\n </Typography>\n <Grid.Root gap={6}>\n {[\n {\n label: {\n id: getTrad('EditForm.inputSelect.label.role'),\n defaultMessage: 'Default role for authenticated users',\n },\n hint: {\n id: getTrad('EditForm.inputSelect.description.role'),\n defaultMessage:\n 'It will attach the new authenticated user to the selected role.',\n },\n options: data.roles.map((role) => ({\n label: role.name,\n value: role.type,\n })),\n name: 'default_role',\n size: 6,\n type: 'enumeration',\n },\n ...layout,\n ].map(({ size, ...field }) => (\n <Grid.Item key={field.name} col={size}>\n <InputRenderer\n {...field}\n disabled={\n field.name === 'email_confirmation_redirection' &&\n values.email_confirmation === false\n }\n label={formatMessage(field.label)}\n hint={field.hint ? formatMessage(field.hint) : undefined}\n placeholder={\n field.placeholder ? formatMessage(field.placeholder) : undefined\n }\n />\n </Grid.Item>\n ))}\n </Grid.Root>\n </Flex>\n </Box>\n </Layouts.Content>\n </>\n );\n }}\n </Form>\n </Page.Main>\n );\n};\n\nexport { ProtectedAdvancedSettingsPage, AdvancedSettingsPage };\n"],"names":["getTrad","yup","translatedErrors","jsx","Page","PERMISSIONS","useIntl","useNotification","useNotifyAT","useQueryClient","useFetchClient","useAPIErrorHandler","useRBAC","useQuery","data","useMutation","jsxs","Form","Fragment","Layouts","Button","Check","Box","Flex","Typography","Grid","InputRenderer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAAM,SAAS;AAAA,EACb;AAAA,IACE,OAAO;AAAA,MACL,IAAIA,MAAO,QAAC,kCAAkC;AAAA,MAC9C,gBAAgB;AAAA,IACjB;AAAA,IACD,MAAM;AAAA,MACJ,IAAIA,MAAO,QAAC,wCAAwC;AAAA,MACpD,gBACE;AAAA,IACH;AAAA,IACD,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EACP;AAAA,EACD;AAAA,IACE,OAAO;AAAA,MACL,IAAIA,MAAO,QAAC,oCAAoC;AAAA,MAChD,gBAAgB;AAAA,IACjB;AAAA,IACD,MAAM;AAAA,MACJ,IAAIA,MAAO,QAAC,0CAA0C;AAAA,MACtD,gBACE;AAAA,IACH;AAAA,IACD,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EACP;AAAA,EACD;AAAA,IACE,OAAO;AAAA,MACL,IAAIA,MAAO,QAAC,iDAAiD;AAAA,MAC7D,gBAAgB;AAAA,IACjB;AAAA,IACD,MAAM;AAAA,MACJ,IAAIA,MAAO,QAAC,uDAAuD;AAAA,MACnE,gBAAgB;AAAA,IACjB;AAAA,IACD,aAAa;AAAA,MACX,IAAIA,MAAO,QAAC,uDAAuD;AAAA,MACnE,gBAAgB;AAAA,IACjB;AAAA,IACD,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EACP;AAAA,EACD;AAAA,IACE,OAAO;AAAA,MACL,IAAIA,MAAO,QAAC,+CAA+C;AAAA,MAC3D,gBAAgB;AAAA,IACjB;AAAA,IACD,MAAM;AAAA,MACJ,IAAIA,MAAO,QAAC,qDAAqD;AAAA,MACjE,gBAAgB;AAAA,IACjB;AAAA,IACD,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EACP;AAAA,EACD;AAAA,IACE,OAAO;AAAA,MACL,IAAIA,MAAO,QAAC,2DAA2D;AAAA,MACvE,gBAAgB;AAAA,IACjB;AAAA,IACD,MAAM;AAAA,MACJ,IAAIA,MAAO,QAAC,iEAAiE;AAAA,MAC7E,gBAAgB;AAAA,IACjB;AAAA,IACD,aAAa;AAAA,MACX,IAAIA,MAAO,QAAC,iEAAiE;AAAA,MAC7E,gBAAgB;AAAA,IACjB;AAAA,IACD,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EACP;AACH;AC1EA,MAAM,YAAY,IAAI,OAAO,kCAAkC;AAE/D,MAAM,SAASC,eAAI,OAAQ,EAAC,MAAM;AAAA,EAChC,gCAAgCA,eAAI,QAAQ,KAAK,sBAAsB;AAAA,IACrE,IAAI;AAAA,IACJ,MAAMA,eAAI,OAAM,EAAG,QAAQ,SAAS,EAAE,SAAU;AAAA,IAChD,WAAWA,eAAI,OAAQ,EAAC,SAAU;AAAA,EACtC,CAAG;AAAA,EACD,sBAAsBA,eACnB,OAAOC,MAAgB,iBAAC,MAAM,EAC9B,QAAQ,WAAW;AAAA,IAClB,IAAIA,MAAAA,iBAAiB,MAAM;AAAA,IAC3B,gBAAgB;AAAA,EACtB,CAAK,EACA,SAAU;AACf,CAAC;ACIK,MAAA,gCAAgC,MACpCC,2BAAA,IAACC,WAAK,SAAL,EAAa,aAAaC,kBAAY,sBACrC,UAACF,2BAAAA,IAAA,sBAAA,CAAA,CAAqB,EACxB,CAAA;AAGF,MAAM,uBAAuB,MAAM;AAC3B,QAAA,EAAE,kBAAkBG,UAAAA;AACpB,QAAA,EAAE,uBAAuBC,MAAAA;AACzB,QAAA,EAAE,iBAAiBC,aAAAA;AACzB,QAAM,cAAcC,WAAAA;AACpB,QAAM,EAAE,KAAK,IAAI,IAAIC,MAAe,eAAA;AAC9B,QAAA,EAAE,mBAAmBC,MAAAA;AAErB,QAAA;AAAA,IACJ,WAAW;AAAA,IACX,gBAAgB,EAAE,UAAU;AAAA,MAC1BC,MAAQ,QAAA,EAAE,QAAQP,MAAAA,YAAY,uBAAwB,CAAA;AAE1D,QAAM,EAAE,WAAW,eAAe,KAAS,IAAAQ,WAAA;AAAA,IACzC,CAAC,qBAAqB,UAAU;AAAA,IAChC,YAAY;AACV,YAAM,EAAE,MAAAC,MAAAA,IAAS,MAAM,IAAI,6BAA6B;AAEjDA,aAAAA;AAAAA,IACT;AAAA,IACA;AAAA,MACE,YAAY;AACV;AAAA,UACE,cAAc;AAAA,YACZ,IAAId,cAAQ,mCAAmC;AAAA,YAC/C,gBAAgB;AAAA,UAAA,CACjB;AAAA,QAAA;AAAA,MAEL;AAAA,MACA,UAAU;AACW,2BAAA;AAAA,UACjB,MAAM;AAAA,UACN,SAAS,cAAc;AAAA,YACrB,IAAIA,cAAQ,oBAAoB;AAAA,YAChC,gBAAgB;AAAA,UAAA,CACjB;AAAA,QAAA,CACF;AAAA,MACH;AAAA,IACF;AAAA,EAAA;AAGF,QAAM,YAAY,2BAA2B;AAE7C,QAAM,iBAAiBe,WAAAA,YAAY,CAAC,SAAS,IAAI,+BAA+B,IAAI,GAAG;AAAA,IACrF,MAAM,YAAY;AAChB,YAAM,YAAY,kBAAkB,CAAC,qBAAqB,UAAU,CAAC;AAElD,yBAAA;AAAA,QACjB,MAAM;AAAA,QACN,SAAS,cAAc;AAAA,UACrB,IAAIf,cAAQ,4BAA4B;AAAA,UACxC,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA,CACF;AAAA,IACH;AAAA,IACA,QAAQ,OAAO;AACM,yBAAA;AAAA,QACjB,MAAM;AAAA,QACN,SAAS,eAAe,KAAK;AAAA,MAAA,CAC9B;AAAA,IACH;AAAA,IACA,eAAe;AAAA,EAAA,CAChB;AAEK,QAAA,EAAE,WAAW,iBAAqB,IAAA;AAElC,QAAA,eAAe,OAAO,SAAS;AACnC,mBAAe,OAAO;AAAA,MACpB,GAAG;AAAA,MACH,gCAAgC,KAAK,qBACjC,KAAK,iCACL;AAAA,IAAA,CACL;AAAA,EAAA;AAGH,MAAI,WAAW;AACN,WAAAG,+BAACC,MAAAA,KAAK,SAAL,CAAa,CAAA;AAAA,EACvB;AAEA,SACGY,2BAAAA,KAAAZ,MAAAA,KAAK,MAAL,EAAU,aAAW,kBACpB,UAAA;AAAA,IAACD,2BAAAA,IAAAC,MAAA,KAAK,OAAL,EACE,UAAA;AAAA,MACC,EAAE,IAAI,sBAAsB,gBAAgB,oBAAoB;AAAA,MAChE;AAAA,QACE,MAAM,cAAc;AAAA,UAClB,IAAIJ,cAAQ,iCAAiC;AAAA,UAC7C,gBAAgB;AAAA,QAAA,CACjB;AAAA,MACH;AAAA,IAAA,GAEJ;AAAA,IACCG,2BAAA,IAAAc,MAAA,MAAA,EAAK,UAAU,cAAc,eAAe,KAAK,UAAU,kBAAkB,QAC3E,UAAC,CAAA,EAAE,QAAQ,cAAc,eAAe;AACvC,aAEID,2BAAA,KAAAE,qBAAA,EAAA,UAAA;AAAA,QAAAf,2BAAA;AAAA,UAACgB,MAAAA,QAAQ;AAAA,UAAR;AAAA,YACC,OAAO,cAAc;AAAA,cACnB,IAAInB,cAAQ,iCAAiC;AAAA,cAC7C,gBAAgB;AAAA,YAAA,CACjB;AAAA,YACD,eACEG,2BAAA;AAAA,cAACiB,aAAA;AAAA,cAAA;AAAA,gBACC,SAAS;AAAA,gBACT,MAAK;AAAA,gBACL,UAAU,CAAC,YAAY,CAAC;AAAA,gBACxB,0CAAYC,MAAM,OAAA,EAAA;AAAA,gBAClB,MAAK;AAAA,gBAEJ,wBAAc,EAAE,IAAI,eAAe,gBAAgB,QAAQ;AAAA,cAAA;AAAA,YAC9D;AAAA,UAAA;AAAA,QAEJ;AAAA,QACAlB,2BAAAA,IAACgB,MAAQ,QAAA,SAAR,EACC,UAAAhB,2BAAA;AAAA,UAACmB,aAAA;AAAA,UAAA;AAAA,YACC,YAAW;AAAA,YACX,WAAS;AAAA,YACT,QAAO;AAAA,YACP,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,aAAa;AAAA,YACb,cAAc;AAAA,YAEd,0CAACC,mBAAK,EAAA,WAAU,UAAS,YAAW,WAAU,KAAK,GACjD,UAAA;AAAA,cAAApB,+BAACqB,aAAAA,YAAW,EAAA,SAAQ,SAAQ,KAAI,MAC7B,UAAc,cAAA;AAAA,gBACb,IAAI;AAAA,gBACJ,gBAAgB;AAAA,cACjB,CAAA,GACH;AAAA,cACCrB,2BAAA,IAAAsB,aAAA,KAAK,MAAL,EAAU,KAAK,GACb,UAAA;AAAA,gBACC;AAAA,kBACE,OAAO;AAAA,oBACL,IAAIzB,cAAQ,iCAAiC;AAAA,oBAC7C,gBAAgB;AAAA,kBAClB;AAAA,kBACA,MAAM;AAAA,oBACJ,IAAIA,cAAQ,uCAAuC;AAAA,oBACnD,gBACE;AAAA,kBACJ;AAAA,kBACA,SAAS,KAAK,MAAM,IAAI,CAAC,UAAU;AAAA,oBACjC,OAAO,KAAK;AAAA,oBACZ,OAAO,KAAK;AAAA,kBAAA,EACZ;AAAA,kBACF,MAAM;AAAA,kBACN,MAAM;AAAA,kBACN,MAAM;AAAA,gBACR;AAAA,gBACA,GAAG;AAAA,cACH,EAAA,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,MACrBG,2BAAAA,IAAAsB,aAAA,KAAK,MAAL,EAA2B,KAAK,MAC/B,UAAAtB,2BAAA;AAAA,gBAACuB,MAAA;AAAA,gBAAA;AAAA,kBACE,GAAG;AAAA,kBACJ,UACE,MAAM,SAAS,oCACf,OAAO,uBAAuB;AAAA,kBAEhC,OAAO,cAAc,MAAM,KAAK;AAAA,kBAChC,MAAM,MAAM,OAAO,cAAc,MAAM,IAAI,IAAI;AAAA,kBAC/C,aACE,MAAM,cAAc,cAAc,MAAM,WAAW,IAAI;AAAA,gBAAA;AAAA,cAV7C,EAAA,GAAA,MAAM,IAatB,CACD,GACH;AAAA,YAAA,GACF;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,MACF,EAAA,CAAA;AAAA,IAAA,GAGN;AAAA,EACF,EAAA,CAAA;AAEJ;;;"}

package/dist/_chunks/{index-8gj-Xbnv.mjs → index-BM3Y3D1I.mjs} RENAMED Viewed

@@ -3,8 +3,8 @@ import * as React from "react";
 import { createContext, useContext, useMemo, useCallback, useReducer, forwardRef, useImperativeHandle, memo, useEffect, useState } from "react";
 import { translatedErrors, useNotification, useFetchClient, useAPIErrorHandler, Page, useTracking, Layouts, BackButton, useQueryParams, useRBAC, SearchInput, ConfirmDialog } from "@strapi/strapi/admin";
 import { useNavigate, useMatch, NavLink, Routes, Route } from "react-router-dom";
-import { g as getTrad, P as PERMISSIONS } from "./index-BBs5I2vg.mjs";
-import { Box, Flex, Typography, Checkbox, Grid, GridItem, VisuallyHidden, Accordion, Main, Button, Field, TextInput, Textarea, Link, Tbody, Tr, Td, IconButton, useNotifyAT, useFilter, useCollator, LinkButton, Table, Thead, Th, EmptyStateLayout } from "@strapi/design-system";
+import { g as getTrad, P as PERMISSIONS } from "./index-CKip12uF.mjs";
+import { Box, Flex, Typography, Checkbox, Grid, VisuallyHidden, Accordion, Main, Button, Field, TextInput, Textarea, Link, Tbody, Tr, Td, IconButton, useNotifyAT, useFilter, useCollator, LinkButton, Table, Thead, Th, EmptyStateLayout, Dialog } from "@strapi/design-system";
 import { Cog, Check, Pencil, Trash, Plus } from "@strapi/icons";
 import { Formik, Form } from "formik";
 import { useIntl } from "react-intl";
@@ -59,7 +59,8 @@ const init$1 = (initialState2, permissions) => {
 };
 const activeCheckboxWrapperStyles = css`
   background: ${(props) => props.theme.colors.primary100};
-  svg {
+  #cog {
     opacity: 1;
   }
 `;
@@ -68,7 +69,7 @@ const CheckboxWrapper = styled(Box)`
   justify-content: space-between;
   align-items: center;
-  svg {
+  #cog {
     opacity: 0;
     path {
       fill: ${(props) => props.theme.colors.primary600};
@@ -118,22 +119,21 @@ const SubCategory = ({ subCategory }) => {
         Checkbox,
         {
           name: subCategory.name,
-          value: hasAllActionsSelected,
-          onValueChange: (value) => handleChangeSelectAll({ target: { name: subCategory.name, value } }),
-          indeterminate: hasSomeActionsSelected,
+          checked: hasSomeActionsSelected ? "indeterminate" : hasAllActionsSelected,
+          onCheckedChange: (value) => handleChangeSelectAll({ target: { name: subCategory.name, value } }),
           children: formatMessage({ id: "app.utils.select-all", defaultMessage: "Select all" })
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx(Flex, { paddingTop: 6, paddingBottom: 6, children: /* @__PURE__ */ jsx(Grid, { gap: 2, style: { flex: 1 }, children: subCategory.actions.map((action) => {
+    /* @__PURE__ */ jsx(Flex, { paddingTop: 6, paddingBottom: 6, children: /* @__PURE__ */ jsx(Grid.Root, { gap: 2, style: { flex: 1 }, children: subCategory.actions.map((action) => {
       const name = `${action.name}.enabled`;
-      return /* @__PURE__ */ jsx(GridItem, { col: 6, children: /* @__PURE__ */ jsxs(CheckboxWrapper, { isActive: isActionSelected(action.name), padding: 2, hasRadius: true, children: [
+      return /* @__PURE__ */ jsx(Grid.Item, { col: 6, children: /* @__PURE__ */ jsxs(CheckboxWrapper, { isActive: isActionSelected(action.name), padding: 2, hasRadius: true, children: [
         /* @__PURE__ */ jsx(
           Checkbox,
           {
-            value: get(modifiedData, name, false),
+            checked: get(modifiedData, name, false),
             name,
-            onValueChange: (value) => onChange({ target: { name, value } }),
+            onCheckedChange: (value) => onChange({ target: { name, value } }),
             children: action.label
           }
         ),
@@ -153,7 +153,7 @@ const SubCategory = ({ subCategory }) => {
                   route: action.name
                 }
               ) }),
-              /* @__PURE__ */ jsx(Cog, {})
+              /* @__PURE__ */ jsx(Cog, { id: "cog" })
             ]
           }
         )
@@ -229,6 +229,7 @@ const Permissions = () => {
     /* @__PURE__ */ jsx(Accordion.Header, { variant: index % 2 === 0 ? "secondary" : void 0, children: /* @__PURE__ */ jsx(
       Accordion.Trigger,
       {
+        caretPosition: "right",
         description: formatMessage(
           {
             id: "users-permissions.Plugin.permissions.plugins.description",
@@ -335,7 +336,7 @@ const Policies = () => {
   const pathResolved = path.slice(1).join(".");
   const displayedRoutes = isEmpty(controllerRoutes) ? [] : controllerRoutes.filter((o) => o.handler.endsWith(pathResolved));
   return /* @__PURE__ */ jsx(
-    GridItem,
+    Grid.Item,
     {
       col: 5,
       background: "neutral150",
@@ -454,8 +455,8 @@ const UsersPermissions = forwardRef(({ permissions, routes }, ref) => {
     onChangeSelectAll: handleChangeSelectAll,
     onSelectedAction: handleSelectedAction
   };
-  return /* @__PURE__ */ jsx(UsersPermissionsProvider, { value: providerValue, children: /* @__PURE__ */ jsxs(Grid, { gap: 0, shadow: "filterShadow", hasRadius: true, background: "neutral0", children: [
-    /* @__PURE__ */ jsx(GridItem, { col: 7, paddingTop: 6, paddingBottom: 6, paddingLeft: 7, paddingRight: 7, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
+  return /* @__PURE__ */ jsx(UsersPermissionsProvider, { value: providerValue, children: /* @__PURE__ */ jsxs(Grid.Root, { gap: 0, shadow: "filterShadow", hasRadius: true, background: "neutral0", children: [
+    /* @__PURE__ */ jsx(Grid.Item, { col: 7, paddingTop: 6, paddingBottom: 6, paddingLeft: 7, paddingRight: 7, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
       /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
         /* @__PURE__ */ jsx(Typography, { variant: "delta", tag: "h2", children: formatMessage({
           id: getTrad("Plugins.header.title"),
@@ -640,8 +641,8 @@ const CreatePage = () => {
                     id: getTrad("EditPage.form.roles"),
                     defaultMessage: "Role details"
                   }) }),
-                  /* @__PURE__ */ jsxs(Grid, { gap: 4, children: [
-                    /* @__PURE__ */ jsx(GridItem, { col: 6, children: /* @__PURE__ */ jsxs(
+                  /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, children: [
+                    /* @__PURE__ */ jsx(Grid.Item, { col: 6, children: /* @__PURE__ */ jsxs(
                       Field.Root,
                       {
                         name: "name",
@@ -657,7 +658,7 @@ const CreatePage = () => {
                         ]
                       }
                     ) }),
-                    /* @__PURE__ */ jsx(GridItem, { col: 6, children: /* @__PURE__ */ jsxs(
+                    /* @__PURE__ */ jsx(Grid.Item, { col: 6, children: /* @__PURE__ */ jsxs(
                       Field.Root,
                       {
                         name: "description",
@@ -794,8 +795,8 @@ const EditPage = () => {
                     id: getTrad("EditPage.form.roles"),
                     defaultMessage: "Role details"
                   }) }),
-                  /* @__PURE__ */ jsxs(Grid, { gap: 4, children: [
-                    /* @__PURE__ */ jsx(GridItem, { col: 6, children: /* @__PURE__ */ jsxs(
+                  /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, children: [
+                    /* @__PURE__ */ jsx(Grid.Item, { col: 6, children: /* @__PURE__ */ jsxs(
                       Field.Root,
                       {
                         name: "name",
@@ -814,7 +815,7 @@ const EditPage = () => {
                         ]
                       }
                     ) }),
-                    /* @__PURE__ */ jsx(GridItem, { col: 6, children: /* @__PURE__ */ jsxs(
+                    /* @__PURE__ */ jsx(Grid.Item, { col: 6, children: /* @__PURE__ */ jsxs(
                       Field.Root,
                       {
                         name: "description",
@@ -855,14 +856,14 @@ const ProtectedRolesEditPage = () => /* @__PURE__ */ jsx(Page.Protect, { permiss
 const EditLink = styled(Link)`
   align-items: center;
   height: 3.2rem;
+  width: 3.2rem;
   display: flex;
   justify-content: center;
-  padding: ${({ theme }) => `${theme.spaces[2]}}`};
-  width: 3.2rem;
+  padding: ${({ theme }) => `${theme.spaces[2]}`};
   svg {
-    height: 1.2rem;
-    width: 1.2rem;
+    height: 1.6rem;
+    width: 1.6rem;
     path {
       fill: ${({ theme }) => theme.colors.neutral500};
@@ -901,6 +902,7 @@ const TableBody = ({ sortedRoles, canDelete, canUpdate, setRoleToDelete, onDelet
       canUpdate ? /* @__PURE__ */ jsx(
         EditLink,
         {
+          tag: NavLink,
           to: role.id.toString(),
           "aria-label": formatMessage(
             { id: "app.component.table.edit", defaultMessage: "Edit {target}" },
@@ -1107,14 +1109,7 @@ const RolesListPage = () => {
           )
         ] }) : /* @__PURE__ */ jsx(EmptyStateLayout, { content: formatMessage(emptyLayout[emptyContent]) })
       ] }),
-      /* @__PURE__ */ jsx(
-        ConfirmDialog,
-        {
-          onConfirm: handleConfirmDelete,
-          onClose: handleShowConfirmDelete,
-          isOpen: showConfirmDelete
-        }
-      )
+      /* @__PURE__ */ jsx(Dialog.Root, { open: showConfirmDelete, onOpenChange: handleShowConfirmDelete, children: /* @__PURE__ */ jsx(ConfirmDialog, { onConfirm: handleConfirmDelete }) })
     ] })
   ] });
 };
@@ -1131,4 +1126,4 @@ const Roles = () => {
 export {
   Roles as default
 };
-//# sourceMappingURL=index-8gj-Xbnv.mjs.map
+//# sourceMappingURL=index-BM3Y3D1I.mjs.map