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

package/dist/admin/pages/Roles/pages/CreatePage.js

@@ -0,0 +1,240 @@
+'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 formik = require('formik');
+var reactIntl = require('react-intl');
+var reactQuery = require('react-query');
+var reactRouterDom = require('react-router-dom');
+var index = require('../../../components/UsersPermissions/index.js');
+var constants = require('../../../constants.js');
+var getTrad = require('../../../utils/getTrad.js');
+var constants$1 = require('../constants.js');
+var usePlugins = require('../hooks/usePlugins.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const CreatePage = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = admin.useNotification();
+    const navigate = reactRouterDom.useNavigate();
+    const { isLoading: isLoadingPlugins, permissions, routes } = usePlugins.usePlugins();
+    const { trackUsage } = admin.useTracking();
+    const permissionsRef = React__namespace.useRef();
+    const { post } = admin.useFetchClient();
+    const mutation = reactQuery.useMutation((body)=>post(`/users-permissions/roles`, body), {
+        onError () {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'An error occurred'
+                })
+            });
+        },
+        onSuccess () {
+            trackUsage('didCreateRole');
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: getTrad('Settings.roles.created'),
+                    defaultMessage: 'Role created'
+                })
+            });
+            // Forcing redirecting since we don't have the id in the response
+            navigate(-1);
+        }
+    });
+    const handleCreateRoleSubmit = async (data)=>{
+        // TODO: refactor. Child -> parent component communication is evil;
+        // We should either move the provider one level up or move the state
+        // straight into redux.
+        const permissions = permissionsRef.current.getPermissions();
+        await mutation.mutate({
+            ...data,
+            ...permissions,
+            users: []
+        });
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(admin.Page.Main, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(admin.Page.Title, {
+                children: formatMessage({
+                    id: 'Settings.PageTitle',
+                    defaultMessage: 'Settings - {name}'
+                }, {
+                    name: 'Roles'
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(formik.Formik, {
+                enableReinitialize: true,
+                initialValues: {
+                    name: '',
+                    description: ''
+                },
+                onSubmit: handleCreateRoleSubmit,
+                validationSchema: constants$1.createRoleSchema,
+                children: ({ handleSubmit, values, handleChange, errors })=>/*#__PURE__*/ jsxRuntime.jsxs(formik.Form, {
+                        noValidate: true,
+                        onSubmit: handleSubmit,
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(admin.Layouts.Header, {
+                                primaryAction: !isLoadingPlugins && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                    type: "submit",
+                                    loading: mutation.isLoading,
+                                    startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Check, {}),
+                                    fullWidth: true,
+                                    children: formatMessage({
+                                        id: 'global.save',
+                                        defaultMessage: 'Save'
+                                    })
+                                }),
+                                title: formatMessage({
+                                    id: 'Settings.roles.create.title',
+                                    defaultMessage: 'Create a role'
+                                }),
+                                subtitle: formatMessage({
+                                    id: 'Settings.roles.create.description',
+                                    defaultMessage: 'Define the rights given to the role'
+                                }),
+                                navigationAction: // The back link for mobile works differently; it is placed higher up in the DOM.
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                    display: {
+                                        initial: 'none',
+                                        medium: 'block'
+                                    },
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(admin.BackButton, {
+                                        fallback: ".."
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(admin.Layouts.Content, {
+                                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                    background: "neutral0",
+                                    direction: "column",
+                                    alignItems: "stretch",
+                                    gap: 7,
+                                    hasRadius: true,
+                                    paddingTop: 6,
+                                    paddingBottom: 6,
+                                    paddingLeft: 7,
+                                    paddingRight: 7,
+                                    shadow: "filterShadow",
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                            direction: "column",
+                                            alignItems: "stretch",
+                                            children: [
+                                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                    variant: "delta",
+                                                    tag: "h2",
+                                                    children: formatMessage({
+                                                        id: getTrad('EditPage.form.roles'),
+                                                        defaultMessage: 'Role details'
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Grid.Root, {
+                                                    gap: 4,
+                                                    children: [
+                                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                                                            col: 6,
+                                                            xs: 12,
+                                                            direction: "column",
+                                                            alignItems: "stretch",
+                                                            children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+                                                                name: "name",
+                                                                error: errors?.name ? formatMessage({
+                                                                    id: errors.name,
+                                                                    defaultMessage: 'Name is required'
+                                                                }) : false,
+                                                                required: true,
+                                                                children: [
+                                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                                                                        children: formatMessage({
+                                                                            id: 'global.name',
+                                                                            defaultMessage: 'Name'
+                                                                        })
+                                                                    }),
+                                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.TextInput, {
+                                                                        type: "text",
+                                                                        value: values.name || '',
+                                                                        onChange: handleChange
+                                                                    }),
+                                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {})
+                                                                ]
+                                                            })
+                                                        }),
+                                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                                                            col: 6,
+                                                            xs: 12,
+                                                            direction: "column",
+                                                            alignItems: "stretch",
+                                                            children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+                                                                name: "description",
+                                                                error: errors?.description ? formatMessage({
+                                                                    id: errors.description,
+                                                                    defaultMessage: 'Description is required'
+                                                                }) : false,
+                                                                required: true,
+                                                                children: [
+                                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                                                                        children: formatMessage({
+                                                                            id: 'global.description',
+                                                                            defaultMessage: 'Description'
+                                                                        })
+                                                                    }),
+                                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Textarea, {
+                                                                        value: values.description || '',
+                                                                        onChange: handleChange
+                                                                    }),
+                                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {})
+                                                                ]
+                                                            })
+                                                        })
+                                                    ]
+                                                })
+                                            ]
+                                        }),
+                                        !isLoadingPlugins && /*#__PURE__*/ jsxRuntime.jsx(index, {
+                                            ref: permissionsRef,
+                                            permissions: permissions,
+                                            routes: routes
+                                        })
+                                    ]
+                                })
+                            })
+                        ]
+                    })
+            })
+        ]
+    });
+};
+const ProtectedRolesCreatePage = ()=>/*#__PURE__*/ jsxRuntime.jsx(admin.Page.Protect, {
+        permissions: constants.PERMISSIONS.createRole,
+        children: /*#__PURE__*/ jsxRuntime.jsx(CreatePage, {})
+    });
+
+exports.CreatePage = CreatePage;
+exports.ProtectedRolesCreatePage = ProtectedRolesCreatePage;
+//# sourceMappingURL=CreatePage.js.map

package/dist/admin/pages/Roles/pages/CreatePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreatePage.js","sources":["../../../../../admin/src/pages/Roles/pages/CreatePage.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Button,\n  Flex,\n  Grid,\n  Textarea,\n  TextInput,\n  Typography,\n  Field,\n  Box,\n} from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\nimport {\n  Page,\n  useTracking,\n  useNotification,\n  useFetchClient,\n  Layouts,\n  BackButton,\n} from '@strapi/strapi/admin';\nimport { Formik, Form } from 'formik';\nimport { useIntl } from 'react-intl';\nimport { useMutation } from 'react-query';\nimport { useNavigate } from 'react-router-dom';\n\nimport UsersPermissions from '../../../components/UsersPermissions';\nimport { PERMISSIONS } from '../../../constants';\nimport getTrad from '../../../utils/getTrad';\nimport { createRoleSchema } from '../constants';\nimport { usePlugins } from '../hooks/usePlugins';\n\nexport const CreatePage = () => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const navigate = useNavigate();\n  const { isLoading: isLoadingPlugins, permissions, routes } = usePlugins();\n  const { trackUsage } = useTracking();\n  const permissionsRef = React.useRef();\n  const { post } = useFetchClient();\n  const mutation = useMutation((body) => post(`/users-permissions/roles`, body), {\n    onError() {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: 'notification.error',\n          defaultMessage: 'An error occurred',\n        }),\n      });\n    },\n\n    onSuccess() {\n      trackUsage('didCreateRole');\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({\n          id: getTrad('Settings.roles.created'),\n          defaultMessage: 'Role created',\n        }),\n      });\n\n      // Forcing redirecting since we don't have the id in the response\n      navigate(-1);\n    },\n  });\n\n  const handleCreateRoleSubmit = async (data) => {\n    // TODO: refactor. Child -> parent component communication is evil;\n    // We should either move the provider one level up or move the state\n    // straight into redux.\n    const permissions = permissionsRef.current.getPermissions();\n\n    await mutation.mutate({ ...data, ...permissions, users: [] });\n  };\n\n  return (\n    <Page.Main>\n      <Page.Title>\n        {formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          { name: 'Roles' }\n        )}\n      </Page.Title>\n      <Formik\n        enableReinitialize\n        initialValues={{ name: '', description: '' }}\n        onSubmit={handleCreateRoleSubmit}\n        validationSchema={createRoleSchema}\n      >\n        {({ handleSubmit, values, handleChange, errors }) => (\n          <Form noValidate onSubmit={handleSubmit}>\n            <Layouts.Header\n              primaryAction={\n                !isLoadingPlugins && (\n                  <Button\n                    type=\"submit\"\n                    loading={mutation.isLoading}\n                    startIcon={<Check />}\n                    fullWidth\n                  >\n                    {formatMessage({\n                      id: 'global.save',\n                      defaultMessage: 'Save',\n                    })}\n                  </Button>\n                )\n              }\n              title={formatMessage({\n                id: 'Settings.roles.create.title',\n                defaultMessage: 'Create a role',\n              })}\n              subtitle={formatMessage({\n                id: 'Settings.roles.create.description',\n                defaultMessage: 'Define the rights given to the role',\n              })}\n              navigationAction={\n                // The back link for mobile works differently; it is placed higher up in the DOM.\n                <Box display={{ initial: 'none', medium: 'block' }}>\n                  <BackButton fallback=\"..\" />\n                </Box>\n              }\n            />\n            <Layouts.Content>\n              <Flex\n                background=\"neutral0\"\n                direction=\"column\"\n                alignItems=\"stretch\"\n                gap={7}\n                hasRadius\n                paddingTop={6}\n                paddingBottom={6}\n                paddingLeft={7}\n                paddingRight={7}\n                shadow=\"filterShadow\"\n              >\n                <Flex direction=\"column\" alignItems=\"stretch\">\n                  <Typography variant=\"delta\" tag=\"h2\">\n                    {formatMessage({\n                      id: getTrad('EditPage.form.roles'),\n                      defaultMessage: 'Role details',\n                    })}\n                  </Typography>\n\n                  <Grid.Root gap={4}>\n                    <Grid.Item col={6} xs={12} direction=\"column\" alignItems=\"stretch\">\n                      <Field.Root\n                        name=\"name\"\n                        error={\n                          errors?.name\n                            ? formatMessage({ id: errors.name, defaultMessage: 'Name is required' })\n                            : false\n                        }\n                        required\n                      >\n                        <Field.Label>\n                          {formatMessage({\n                            id: 'global.name',\n                            defaultMessage: 'Name',\n                          })}\n                        </Field.Label>\n                        <TextInput type=\"text\" value={values.name || ''} onChange={handleChange} />\n                        <Field.Error />\n                      </Field.Root>\n                    </Grid.Item>\n                    <Grid.Item col={6} xs={12} direction=\"column\" alignItems=\"stretch\">\n                      <Field.Root\n                        name=\"description\"\n                        error={\n                          errors?.description\n                            ? formatMessage({\n                                id: errors.description,\n                                defaultMessage: 'Description is required',\n                              })\n                            : false\n                        }\n                        required\n                      >\n                        <Field.Label>\n                          {formatMessage({\n                            id: 'global.description',\n                            defaultMessage: 'Description',\n                          })}\n                        </Field.Label>\n                        <Textarea value={values.description || ''} onChange={handleChange} />\n                        <Field.Error />\n                      </Field.Root>\n                    </Grid.Item>\n                  </Grid.Root>\n                </Flex>\n\n                {!isLoadingPlugins && (\n                  <UsersPermissions\n                    ref={permissionsRef}\n                    permissions={permissions}\n                    routes={routes}\n                  />\n                )}\n              </Flex>\n            </Layouts.Content>\n          </Form>\n        )}\n      </Formik>\n    </Page.Main>\n  );\n};\n\nexport const ProtectedRolesCreatePage = () => (\n  <Page.Protect permissions={PERMISSIONS.createRole}>\n    <CreatePage />\n  </Page.Protect>\n);\n"],"names":["CreatePage","formatMessage","useIntl","toggleNotification","useNotification","navigate","useNavigate","isLoading","isLoadingPlugins","permissions","routes","usePlugins","trackUsage","useTracking","permissionsRef","React","useRef","post","useFetchClient","mutation","useMutation","body","onError","type","message","id","defaultMessage","onSuccess","getTrad","handleCreateRoleSubmit","data","current","getPermissions","mutate","users","_jsxs","Page","Main","_jsx","Title","name","Formik","enableReinitialize","initialValues","description","onSubmit","validationSchema","createRoleSchema","handleSubmit","values","handleChange","errors","Form","noValidate","Layouts","Header","primaryAction","Button","loading","startIcon","Check","fullWidth","title","subtitle","navigationAction","Box","display","initial","medium","BackButton","fallback","Content","Flex","background","direction","alignItems","gap","hasRadius","paddingTop","paddingBottom","paddingLeft","paddingRight","shadow","Typography","variant","tag","Grid","Root","Item","col","xs","Field","error","required","Label","TextInput","value","onChange","Error","Textarea","UsersPermissions","ref","ProtectedRolesCreatePage","Protect","PERMISSIONS","createRole"],"mappings":"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"}

package/dist/admin/pages/Roles/pages/CreatePage.mjs

@@ -0,0 +1,217 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Box, Button, Flex, Typography, Grid, Field, TextInput, Textarea } from '@strapi/design-system';
+import { Check } from '@strapi/icons';
+import { Page, useNotification, useTracking, useFetchClient, Layouts, BackButton } from '@strapi/strapi/admin';
+import { Formik, Form } from 'formik';
+import { useIntl } from 'react-intl';
+import { useMutation } from 'react-query';
+import { useNavigate } from 'react-router-dom';
+import UsersPermissions from '../../../components/UsersPermissions/index.mjs';
+import { PERMISSIONS } from '../../../constants.mjs';
+import getTrad from '../../../utils/getTrad.mjs';
+import { createRoleSchema } from '../constants.mjs';
+import { usePlugins } from '../hooks/usePlugins.mjs';
+
+const CreatePage = ()=>{
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    const navigate = useNavigate();
+    const { isLoading: isLoadingPlugins, permissions, routes } = usePlugins();
+    const { trackUsage } = useTracking();
+    const permissionsRef = React.useRef();
+    const { post } = useFetchClient();
+    const mutation = useMutation((body)=>post(`/users-permissions/roles`, body), {
+        onError () {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'An error occurred'
+                })
+            });
+        },
+        onSuccess () {
+            trackUsage('didCreateRole');
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: getTrad('Settings.roles.created'),
+                    defaultMessage: 'Role created'
+                })
+            });
+            // Forcing redirecting since we don't have the id in the response
+            navigate(-1);
+        }
+    });
+    const handleCreateRoleSubmit = async (data)=>{
+        // TODO: refactor. Child -> parent component communication is evil;
+        // We should either move the provider one level up or move the state
+        // straight into redux.
+        const permissions = permissionsRef.current.getPermissions();
+        await mutation.mutate({
+            ...data,
+            ...permissions,
+            users: []
+        });
+    };
+    return /*#__PURE__*/ jsxs(Page.Main, {
+        children: [
+            /*#__PURE__*/ jsx(Page.Title, {
+                children: formatMessage({
+                    id: 'Settings.PageTitle',
+                    defaultMessage: 'Settings - {name}'
+                }, {
+                    name: 'Roles'
+                })
+            }),
+            /*#__PURE__*/ jsx(Formik, {
+                enableReinitialize: true,
+                initialValues: {
+                    name: '',
+                    description: ''
+                },
+                onSubmit: handleCreateRoleSubmit,
+                validationSchema: createRoleSchema,
+                children: ({ handleSubmit, values, handleChange, errors })=>/*#__PURE__*/ jsxs(Form, {
+                        noValidate: true,
+                        onSubmit: handleSubmit,
+                        children: [
+                            /*#__PURE__*/ jsx(Layouts.Header, {
+                                primaryAction: !isLoadingPlugins && /*#__PURE__*/ jsx(Button, {
+                                    type: "submit",
+                                    loading: mutation.isLoading,
+                                    startIcon: /*#__PURE__*/ jsx(Check, {}),
+                                    fullWidth: true,
+                                    children: formatMessage({
+                                        id: 'global.save',
+                                        defaultMessage: 'Save'
+                                    })
+                                }),
+                                title: formatMessage({
+                                    id: 'Settings.roles.create.title',
+                                    defaultMessage: 'Create a role'
+                                }),
+                                subtitle: formatMessage({
+                                    id: 'Settings.roles.create.description',
+                                    defaultMessage: 'Define the rights given to the role'
+                                }),
+                                navigationAction: // The back link for mobile works differently; it is placed higher up in the DOM.
+                                /*#__PURE__*/ jsx(Box, {
+                                    display: {
+                                        initial: 'none',
+                                        medium: 'block'
+                                    },
+                                    children: /*#__PURE__*/ jsx(BackButton, {
+                                        fallback: ".."
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Layouts.Content, {
+                                children: /*#__PURE__*/ jsxs(Flex, {
+                                    background: "neutral0",
+                                    direction: "column",
+                                    alignItems: "stretch",
+                                    gap: 7,
+                                    hasRadius: true,
+                                    paddingTop: 6,
+                                    paddingBottom: 6,
+                                    paddingLeft: 7,
+                                    paddingRight: 7,
+                                    shadow: "filterShadow",
+                                    children: [
+                                        /*#__PURE__*/ jsxs(Flex, {
+                                            direction: "column",
+                                            alignItems: "stretch",
+                                            children: [
+                                                /*#__PURE__*/ jsx(Typography, {
+                                                    variant: "delta",
+                                                    tag: "h2",
+                                                    children: formatMessage({
+                                                        id: getTrad('EditPage.form.roles'),
+                                                        defaultMessage: 'Role details'
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsxs(Grid.Root, {
+                                                    gap: 4,
+                                                    children: [
+                                                        /*#__PURE__*/ jsx(Grid.Item, {
+                                                            col: 6,
+                                                            xs: 12,
+                                                            direction: "column",
+                                                            alignItems: "stretch",
+                                                            children: /*#__PURE__*/ jsxs(Field.Root, {
+                                                                name: "name",
+                                                                error: errors?.name ? formatMessage({
+                                                                    id: errors.name,
+                                                                    defaultMessage: 'Name is required'
+                                                                }) : false,
+                                                                required: true,
+                                                                children: [
+                                                                    /*#__PURE__*/ jsx(Field.Label, {
+                                                                        children: formatMessage({
+                                                                            id: 'global.name',
+                                                                            defaultMessage: 'Name'
+                                                                        })
+                                                                    }),
+                                                                    /*#__PURE__*/ jsx(TextInput, {
+                                                                        type: "text",
+                                                                        value: values.name || '',
+                                                                        onChange: handleChange
+                                                                    }),
+                                                                    /*#__PURE__*/ jsx(Field.Error, {})
+                                                                ]
+                                                            })
+                                                        }),
+                                                        /*#__PURE__*/ jsx(Grid.Item, {
+                                                            col: 6,
+                                                            xs: 12,
+                                                            direction: "column",
+                                                            alignItems: "stretch",
+                                                            children: /*#__PURE__*/ jsxs(Field.Root, {
+                                                                name: "description",
+                                                                error: errors?.description ? formatMessage({
+                                                                    id: errors.description,
+                                                                    defaultMessage: 'Description is required'
+                                                                }) : false,
+                                                                required: true,
+                                                                children: [
+                                                                    /*#__PURE__*/ jsx(Field.Label, {
+                                                                        children: formatMessage({
+                                                                            id: 'global.description',
+                                                                            defaultMessage: 'Description'
+                                                                        })
+                                                                    }),
+                                                                    /*#__PURE__*/ jsx(Textarea, {
+                                                                        value: values.description || '',
+                                                                        onChange: handleChange
+                                                                    }),
+                                                                    /*#__PURE__*/ jsx(Field.Error, {})
+                                                                ]
+                                                            })
+                                                        })
+                                                    ]
+                                                })
+                                            ]
+                                        }),
+                                        !isLoadingPlugins && /*#__PURE__*/ jsx(UsersPermissions, {
+                                            ref: permissionsRef,
+                                            permissions: permissions,
+                                            routes: routes
+                                        })
+                                    ]
+                                })
+                            })
+                        ]
+                    })
+            })
+        ]
+    });
+};
+const ProtectedRolesCreatePage = ()=>/*#__PURE__*/ jsx(Page.Protect, {
+        permissions: PERMISSIONS.createRole,
+        children: /*#__PURE__*/ jsx(CreatePage, {})
+    });
+
+export { CreatePage, ProtectedRolesCreatePage };
+//# sourceMappingURL=CreatePage.mjs.map

package/dist/admin/pages/Roles/pages/CreatePage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreatePage.mjs","sources":["../../../../../admin/src/pages/Roles/pages/CreatePage.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Button,\n  Flex,\n  Grid,\n  Textarea,\n  TextInput,\n  Typography,\n  Field,\n  Box,\n} from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\nimport {\n  Page,\n  useTracking,\n  useNotification,\n  useFetchClient,\n  Layouts,\n  BackButton,\n} from '@strapi/strapi/admin';\nimport { Formik, Form } from 'formik';\nimport { useIntl } from 'react-intl';\nimport { useMutation } from 'react-query';\nimport { useNavigate } from 'react-router-dom';\n\nimport UsersPermissions from '../../../components/UsersPermissions';\nimport { PERMISSIONS } from '../../../constants';\nimport getTrad from '../../../utils/getTrad';\nimport { createRoleSchema } from '../constants';\nimport { usePlugins } from '../hooks/usePlugins';\n\nexport const CreatePage = () => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const navigate = useNavigate();\n  const { isLoading: isLoadingPlugins, permissions, routes } = usePlugins();\n  const { trackUsage } = useTracking();\n  const permissionsRef = React.useRef();\n  const { post } = useFetchClient();\n  const mutation = useMutation((body) => post(`/users-permissions/roles`, body), {\n    onError() {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: 'notification.error',\n          defaultMessage: 'An error occurred',\n        }),\n      });\n    },\n\n    onSuccess() {\n      trackUsage('didCreateRole');\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({\n          id: getTrad('Settings.roles.created'),\n          defaultMessage: 'Role created',\n        }),\n      });\n\n      // Forcing redirecting since we don't have the id in the response\n      navigate(-1);\n    },\n  });\n\n  const handleCreateRoleSubmit = async (data) => {\n    // TODO: refactor. Child -> parent component communication is evil;\n    // We should either move the provider one level up or move the state\n    // straight into redux.\n    const permissions = permissionsRef.current.getPermissions();\n\n    await mutation.mutate({ ...data, ...permissions, users: [] });\n  };\n\n  return (\n    <Page.Main>\n      <Page.Title>\n        {formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          { name: 'Roles' }\n        )}\n      </Page.Title>\n      <Formik\n        enableReinitialize\n        initialValues={{ name: '', description: '' }}\n        onSubmit={handleCreateRoleSubmit}\n        validationSchema={createRoleSchema}\n      >\n        {({ handleSubmit, values, handleChange, errors }) => (\n          <Form noValidate onSubmit={handleSubmit}>\n            <Layouts.Header\n              primaryAction={\n                !isLoadingPlugins && (\n                  <Button\n                    type=\"submit\"\n                    loading={mutation.isLoading}\n                    startIcon={<Check />}\n                    fullWidth\n                  >\n                    {formatMessage({\n                      id: 'global.save',\n                      defaultMessage: 'Save',\n                    })}\n                  </Button>\n                )\n              }\n              title={formatMessage({\n                id: 'Settings.roles.create.title',\n                defaultMessage: 'Create a role',\n              })}\n              subtitle={formatMessage({\n                id: 'Settings.roles.create.description',\n                defaultMessage: 'Define the rights given to the role',\n              })}\n              navigationAction={\n                // The back link for mobile works differently; it is placed higher up in the DOM.\n                <Box display={{ initial: 'none', medium: 'block' }}>\n                  <BackButton fallback=\"..\" />\n                </Box>\n              }\n            />\n            <Layouts.Content>\n              <Flex\n                background=\"neutral0\"\n                direction=\"column\"\n                alignItems=\"stretch\"\n                gap={7}\n                hasRadius\n                paddingTop={6}\n                paddingBottom={6}\n                paddingLeft={7}\n                paddingRight={7}\n                shadow=\"filterShadow\"\n              >\n                <Flex direction=\"column\" alignItems=\"stretch\">\n                  <Typography variant=\"delta\" tag=\"h2\">\n                    {formatMessage({\n                      id: getTrad('EditPage.form.roles'),\n                      defaultMessage: 'Role details',\n                    })}\n                  </Typography>\n\n                  <Grid.Root gap={4}>\n                    <Grid.Item col={6} xs={12} direction=\"column\" alignItems=\"stretch\">\n                      <Field.Root\n                        name=\"name\"\n                        error={\n                          errors?.name\n                            ? formatMessage({ id: errors.name, defaultMessage: 'Name is required' })\n                            : false\n                        }\n                        required\n                      >\n                        <Field.Label>\n                          {formatMessage({\n                            id: 'global.name',\n                            defaultMessage: 'Name',\n                          })}\n                        </Field.Label>\n                        <TextInput type=\"text\" value={values.name || ''} onChange={handleChange} />\n                        <Field.Error />\n                      </Field.Root>\n                    </Grid.Item>\n                    <Grid.Item col={6} xs={12} direction=\"column\" alignItems=\"stretch\">\n                      <Field.Root\n                        name=\"description\"\n                        error={\n                          errors?.description\n                            ? formatMessage({\n                                id: errors.description,\n                                defaultMessage: 'Description is required',\n                              })\n                            : false\n                        }\n                        required\n                      >\n                        <Field.Label>\n                          {formatMessage({\n                            id: 'global.description',\n                            defaultMessage: 'Description',\n                          })}\n                        </Field.Label>\n                        <Textarea value={values.description || ''} onChange={handleChange} />\n                        <Field.Error />\n                      </Field.Root>\n                    </Grid.Item>\n                  </Grid.Root>\n                </Flex>\n\n                {!isLoadingPlugins && (\n                  <UsersPermissions\n                    ref={permissionsRef}\n                    permissions={permissions}\n                    routes={routes}\n                  />\n                )}\n              </Flex>\n            </Layouts.Content>\n          </Form>\n        )}\n      </Formik>\n    </Page.Main>\n  );\n};\n\nexport const ProtectedRolesCreatePage = () => (\n  <Page.Protect permissions={PERMISSIONS.createRole}>\n    <CreatePage />\n  </Page.Protect>\n);\n"],"names":["CreatePage","formatMessage","useIntl","toggleNotification","useNotification","navigate","useNavigate","isLoading","isLoadingPlugins","permissions","routes","usePlugins","trackUsage","useTracking","permissionsRef","React","useRef","post","useFetchClient","mutation","useMutation","body","onError","type","message","id","defaultMessage","onSuccess","getTrad","handleCreateRoleSubmit","data","current","getPermissions","mutate","users","_jsxs","Page","Main","_jsx","Title","name","Formik","enableReinitialize","initialValues","description","onSubmit","validationSchema","createRoleSchema","handleSubmit","values","handleChange","errors","Form","noValidate","Layouts","Header","primaryAction","Button","loading","startIcon","Check","fullWidth","title","subtitle","navigationAction","Box","display","initial","medium","BackButton","fallback","Content","Flex","background","direction","alignItems","gap","hasRadius","paddingTop","paddingBottom","paddingLeft","paddingRight","shadow","Typography","variant","tag","Grid","Root","Item","col","xs","Field","error","required","Label","TextInput","value","onChange","Error","Textarea","UsersPermissions","ref","ProtectedRolesCreatePage","Protect","PERMISSIONS","createRole"],"mappings":"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"}