@strapi/admin 5.48.0 → 5.49.0

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

@@ -1 +1 @@
-{"version":3,"file":"CreatePage.js","sources":["../../../../../../../../admin/src/pages/Settings/pages/Roles/CreatePage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Box,\n  Button,\n  Field,\n  Flex,\n  Grid,\n  Main,\n  Textarea,\n  TextInput,\n  Typography,\n} from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\nimport { format } from 'date-fns';\nimport { Formik, Form, FormikHelpers } from 'formik';\nimport { useIntl } from 'react-intl';\nimport { useNavigate, useParams } from 'react-router-dom';\nimport { styled } from 'styled-components';\nimport * as yup from 'yup';\n\nimport { Layouts } from '../../../../components/Layouts/Layout';\nimport { Page } from '../../../../components/PageHelpers';\nimport { useTypedSelector } from '../../../../core/store/hooks';\nimport { BackButton } from '../../../../features/BackButton';\nimport { useNotification } from '../../../../features/Notifications';\nimport { useTracking } from '../../../../features/Tracking';\nimport { useAPIErrorHandler } from '../../../../hooks/useAPIErrorHandler';\nimport {\n  useCreateRoleMutation,\n  useGetRolePermissionLayoutQuery,\n  useGetRolePermissionsQuery,\n  useUpdateRolePermissionsMutation,\n} from '../../../../services/users';\nimport { isBaseQueryError } from '../../../../utils/baseQuery';\nimport { translatedErrors } from '../../../../utils/translatedErrors';\n\nimport { Permissions, PermissionsAPI } from './components/Permissions';\n\n/* -------------------------------------------------------------------------------------------------\n * CreatePage\n * -----------------------------------------------------------------------------------------------*/\n\nconst CREATE_SCHEMA = yup.object().shape({\n  name: yup.string().required(translatedErrors.required.id),\n  description: yup.string().required(translatedErrors.required.id),\n});\n\n/**\n * TODO: be nice if we could just infer this from the schema\n */\ninterface CreateRoleFormValues {\n  name: string;\n  description: string;\n}\n\n/**\n * TODO: this whole section of the app needs refactoring. Using a ref to\n * manage the state of the child is nonsensical.\n */\nconst CreatePage = () => {\n  const { id } = useParams();\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const navigate = useNavigate();\n  const permissionsRef = React.useRef<PermissionsAPI>(null);\n  const { trackUsage } = useTracking();\n  const {\n    _unstableFormatAPIError: formatAPIError,\n    _unstableFormatValidationErrors: formatValidationErrors,\n  } = useAPIErrorHandler();\n\n  const { isLoading: isLoadingPermissionsLayout, currentData: permissionsLayout } =\n    useGetRolePermissionLayoutQuery({\n      /**\n       * Role here is a query param so if there's no role we pass an empty string\n       * which returns us a default layout.\n       */\n      role: id ?? '',\n    });\n\n  /**\n   * We need this so if we're cloning a role, we can fetch\n   * the current permissions that role has.\n   */\n  const { currentData: rolePermissions, isLoading: isLoadingRole } = useGetRolePermissionsQuery(\n    {\n      id: id!,\n    },\n    {\n      skip: !id,\n      refetchOnMountOrArgChange: true,\n    }\n  );\n\n  const [createRole] = useCreateRoleMutation();\n  const [updateRolePermissions] = useUpdateRolePermissionsMutation();\n\n  const handleCreateRoleSubmit = async (\n    data: CreateRoleFormValues,\n    formik: FormikHelpers<CreateRoleFormValues>\n  ) => {\n    try {\n      if (id) {\n        trackUsage('willDuplicateRole');\n      } else {\n        trackUsage('willCreateNewRole');\n      }\n\n      const res = await createRole(data);\n\n      if ('error' in res) {\n        if (isBaseQueryError(res.error) && res.error.name === 'ValidationError') {\n          formik.setErrors(formatValidationErrors(res.error));\n        } else {\n          toggleNotification({\n            type: 'danger',\n            message: formatAPIError(res.error),\n          });\n        }\n\n        return;\n      }\n\n      const { permissionsToSend } = permissionsRef.current?.getPermissions() ?? {};\n\n      if (res.data.id && Array.isArray(permissionsToSend) && permissionsToSend.length > 0) {\n        const updateRes = await updateRolePermissions({\n          id: res.data.id,\n          permissions: permissionsToSend,\n        });\n\n        if ('error' in updateRes) {\n          if (isBaseQueryError(updateRes.error) && updateRes.error.name === 'ValidationError') {\n            formik.setErrors(formatValidationErrors(updateRes.error));\n          } else {\n            toggleNotification({\n              type: 'danger',\n              message: formatAPIError(updateRes.error),\n            });\n          }\n\n          return;\n        }\n      }\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({ id: 'Settings.roles.created', defaultMessage: 'created' }),\n      });\n\n      navigate(`../roles/${res.data.id.toString()}`, { replace: true });\n    } catch (err) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\n      });\n    }\n  };\n\n  if ((isLoadingPermissionsLayout && isLoadingRole) || !permissionsLayout) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Main>\n      <Page.Title>\n        {formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          {\n            name: 'Roles',\n          }\n        )}\n      </Page.Title>\n      <Formik\n        initialValues={\n          {\n            name: '',\n            description: `${formatMessage({\n              id: 'Settings.roles.form.created',\n              defaultMessage: 'Created',\n            })} ${format(new Date(), 'PPP')}`,\n          } satisfies CreateRoleFormValues\n        }\n        onSubmit={handleCreateRoleSubmit}\n        validationSchema={CREATE_SCHEMA}\n        validateOnChange={false}\n      >\n        {({ values, errors, handleReset, handleChange, isSubmitting }) => (\n          <Form>\n            <>\n              <Layouts.Header\n                primaryAction={\n                  <Flex width=\"100%\" gap={2}>\n                    <Button\n                      variant=\"secondary\"\n                      onClick={() => {\n                        handleReset();\n                        permissionsRef.current?.resetForm();\n                      }}\n                      fullWidth\n                    >\n                      {formatMessage({\n                        id: 'app.components.Button.reset',\n                        defaultMessage: 'Reset',\n                      })}\n                    </Button>\n                    <Button type=\"submit\" loading={isSubmitting} startIcon={<Check />} fullWidth>\n                      {formatMessage({\n                        id: 'global.save',\n                        defaultMessage: 'Save',\n                      })}\n                    </Button>\n                  </Flex>\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=\"../roles\" />\n                  </Box>\n                }\n              />\n              <Layouts.Content>\n                <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n                  <Box background=\"neutral0\" padding={6} shadow=\"filterShadow\" hasRadius>\n                    <Flex direction=\"column\" alignItems=\"stretch\" gap={4}>\n                      <Flex justifyContent=\"space-between\">\n                        <Box>\n                          <Box>\n                            <Typography fontWeight=\"bold\">\n                              {formatMessage({\n                                id: 'global.details',\n                                defaultMessage: 'Details',\n                              })}\n                            </Typography>\n                          </Box>\n                          <Box>\n                            <Typography variant=\"pi\" textColor=\"neutral600\">\n                              {formatMessage({\n                                id: 'Settings.roles.form.description',\n                                defaultMessage: 'Name and description of the role',\n                              })}\n                            </Typography>\n                          </Box>\n                        </Box>\n                        <UsersRoleNumber>\n                          {formatMessage(\n                            {\n                              id: 'Settings.roles.form.button.users-with-role',\n                              defaultMessage:\n                                '{number, plural, =0 {# users} one {# user} other {# users}} with this role',\n                            },\n                            { number: 0 }\n                          )}\n                        </UsersRoleNumber>\n                      </Flex>\n                      <Grid.Root gap={4}>\n                        <Grid.Item m={6} xs={12} direction=\"column\" alignItems=\"stretch\">\n                          <Field.Root\n                            name=\"name\"\n                            error={errors.name && formatMessage({ id: errors.name })}\n                            required\n                          >\n                            <Field.Label>\n                              {formatMessage({\n                                id: 'global.name',\n                                defaultMessage: 'Name',\n                              })}\n                            </Field.Label>\n                            <TextInput type=\"text\" onChange={handleChange} value={values.name} />\n                            <Field.Error />\n                          </Field.Root>\n                        </Grid.Item>\n                        <Grid.Item m={6} xs={12} direction=\"column\" alignItems=\"stretch\">\n                          <Field.Root\n                            name=\"description\"\n                            error={errors.description && formatMessage({ id: errors.description })}\n                          >\n                            <Field.Label>\n                              {formatMessage({\n                                id: 'global.description',\n                                defaultMessage: 'Description',\n                              })}\n                            </Field.Label>\n                            <Textarea onChange={handleChange} value={values.description} />\n                          </Field.Root>\n                        </Grid.Item>\n                      </Grid.Root>\n                    </Flex>\n                  </Box>\n                  <Box shadow=\"filterShadow\" hasRadius>\n                    <Permissions\n                      isFormDisabled={false}\n                      ref={permissionsRef}\n                      permissions={rolePermissions}\n                      layout={permissionsLayout}\n                    />\n                  </Box>\n                </Flex>\n              </Layouts.Content>\n            </>\n          </Form>\n        )}\n      </Formik>\n    </Main>\n  );\n};\n\nconst UsersRoleNumber = styled.div`\n  border: 1px solid ${({ theme }) => theme.colors.primary200};\n  background: ${({ theme }) => theme.colors.primary100};\n  padding: ${({ theme }) => `${theme.spaces[2]} ${theme.spaces[4]}`};\n  color: ${({ theme }) => theme.colors.primary600};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  font-size: 1.2rem;\n  font-weight: bold;\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * ProtectedCreatePage\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProtectedCreatePage = () => {\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions.settings?.roles.create\n  );\n\n  return (\n    <Page.Protect permissions={permissions}>\n      <CreatePage />\n    </Page.Protect>\n  );\n};\n\nexport { CreatePage, ProtectedCreatePage };\n"],"names":["CREATE_SCHEMA","yup","object","shape","name","string","required","translatedErrors","id","description","CreatePage","useParams","toggleNotification","useNotification","formatMessage","useIntl","navigate","useNavigate","permissionsRef","React","useRef","trackUsage","useTracking","_unstableFormatAPIError","formatAPIError","_unstableFormatValidationErrors","formatValidationErrors","useAPIErrorHandler","isLoading","isLoadingPermissionsLayout","currentData","permissionsLayout","useGetRolePermissionLayoutQuery","role","rolePermissions","isLoadingRole","useGetRolePermissionsQuery","skip","refetchOnMountOrArgChange","createRole","useCreateRoleMutation","updateRolePermissions","useUpdateRolePermissionsMutation","handleCreateRoleSubmit","data","formik","res","isBaseQueryError","error","setErrors","type","message","permissionsToSend","current","getPermissions","Array","isArray","length","updateRes","permissions","defaultMessage","toString","replace","err","_jsx","Page","Loading","_jsxs","Main","Title","Formik","initialValues","format","Date","onSubmit","validationSchema","validateOnChange","values","errors","handleReset","handleChange","isSubmitting","Form","_Fragment","Layouts","Header","primaryAction","Flex","width","gap","Button","variant","onClick","resetForm","fullWidth","loading","startIcon","Check","title","subtitle","navigationAction","Box","display","initial","medium","BackButton","fallback","Content","direction","alignItems","background","padding","shadow","hasRadius","justifyContent","Typography","fontWeight","textColor","UsersRoleNumber","number","Grid","Root","Item","m","xs","Field","Label","TextInput","onChange","value","Error","Textarea","Permissions","isFormDisabled","ref","layout","styled","div","theme","colors","primary200","primary100","spaces","primary600","borderRadius","ProtectedCreatePage","useTypedSelector","state","admin_app","settings","roles","create","Protect"],"mappings":"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"}
+{"version":3,"file":"CreatePage.js","sources":["../../../../../../../../admin/src/pages/Settings/pages/Roles/CreatePage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Box,\n  Button,\n  Field,\n  Flex,\n  Grid,\n  Main,\n  Textarea,\n  TextInput,\n  Typography,\n} from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\nimport { format } from 'date-fns';\nimport { Formik, Form, FormikHelpers } from 'formik';\nimport { useIntl } from 'react-intl';\nimport { useNavigate, useParams } from 'react-router-dom';\nimport { styled } from 'styled-components';\nimport * as yup from 'yup';\n\nimport { Layouts } from '../../../../components/Layouts/Layout';\nimport { Page } from '../../../../components/PageHelpers';\nimport { useTypedSelector } from '../../../../core/store/hooks';\nimport { BackButton } from '../../../../features/BackButton';\nimport { useNotification } from '../../../../features/Notifications';\nimport { useTracking } from '../../../../features/Tracking';\nimport { useAPIErrorHandler } from '../../../../hooks/useAPIErrorHandler';\nimport {\n  useCreateRoleMutation,\n  useGetRolePermissionLayoutQuery,\n  useGetRolePermissionsQuery,\n  useUpdateRolePermissionsMutation,\n} from '../../../../services/users';\nimport { isBaseQueryError } from '../../../../utils/baseQuery';\nimport { translatedErrors } from '../../../../utils/translatedErrors';\n\nimport { Permissions, PermissionsAPI } from './components/Permissions';\n\n/* -------------------------------------------------------------------------------------------------\n * CreatePage\n * -----------------------------------------------------------------------------------------------*/\n\nconst CREATE_SCHEMA = yup.object().shape({\n  name: yup.string().required(translatedErrors.required.id),\n  description: yup.string().required(translatedErrors.required.id),\n});\n\n/**\n * TODO: be nice if we could just infer this from the schema\n */\ninterface CreateRoleFormValues {\n  name: string;\n  description: string;\n}\n\n/**\n * TODO: this whole section of the app needs refactoring. Using a ref to\n * manage the state of the child is nonsensical.\n */\nconst CreatePage = () => {\n  const { id } = useParams();\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const navigate = useNavigate();\n  const permissionsRef = React.useRef<PermissionsAPI>(null);\n  const { trackUsage } = useTracking();\n  const {\n    _unstableFormatAPIError: formatAPIError,\n    _unstableFormatValidationErrors: formatValidationErrors,\n  } = useAPIErrorHandler();\n\n  const { isLoading: isLoadingPermissionsLayout, currentData: permissionsLayout } =\n    useGetRolePermissionLayoutQuery({\n      /**\n       * Role here is a query param so if there's no role we pass an empty string\n       * which returns us a default layout.\n       */\n      role: id ?? '',\n    });\n\n  /**\n   * We need this so if we're cloning a role, we can fetch\n   * the current permissions that role has.\n   */\n  const { currentData: rolePermissions, isLoading: isLoadingRole } = useGetRolePermissionsQuery(\n    {\n      id: id!,\n    },\n    {\n      skip: !id,\n      refetchOnMountOrArgChange: true,\n    }\n  );\n\n  const [createRole] = useCreateRoleMutation();\n  const [updateRolePermissions] = useUpdateRolePermissionsMutation();\n\n  const handleCreateRoleSubmit = async (\n    data: CreateRoleFormValues,\n    formik: FormikHelpers<CreateRoleFormValues>\n  ) => {\n    try {\n      if (id) {\n        trackUsage('willDuplicateRole');\n      } else {\n        trackUsage('willCreateNewRole');\n      }\n\n      const res = await createRole(data);\n\n      if ('error' in res) {\n        if (isBaseQueryError(res.error) && res.error.name === 'ValidationError') {\n          formik.setErrors(formatValidationErrors(res.error));\n        } else {\n          toggleNotification({\n            type: 'danger',\n            message: formatAPIError(res.error),\n          });\n        }\n\n        return;\n      }\n\n      const { permissionsToSend } = permissionsRef.current?.getPermissions() ?? {};\n\n      if (res.data.id && Array.isArray(permissionsToSend) && permissionsToSend.length > 0) {\n        const updateRes = await updateRolePermissions({\n          id: res.data.id,\n          permissions: permissionsToSend,\n        });\n\n        if ('error' in updateRes) {\n          if (isBaseQueryError(updateRes.error) && updateRes.error.name === 'ValidationError') {\n            formik.setErrors(formatValidationErrors(updateRes.error));\n          } else {\n            toggleNotification({\n              type: 'danger',\n              message: formatAPIError(updateRes.error),\n            });\n          }\n\n          return;\n        }\n      }\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({ id: 'Settings.roles.created', defaultMessage: 'created' }),\n      });\n\n      navigate(`../roles/${res.data.id.toString()}`, { replace: true });\n    } catch (err) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\n      });\n    }\n  };\n\n  if ((isLoadingPermissionsLayout && isLoadingRole) || !permissionsLayout) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Main>\n      <Page.Title>\n        {formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          {\n            name: 'Roles',\n          }\n        )}\n      </Page.Title>\n      <Formik\n        initialValues={\n          {\n            name: '',\n            description: `${formatMessage({\n              id: 'Settings.roles.form.created',\n              defaultMessage: 'Created',\n            })} ${format(new Date(), 'PPP')}`,\n          } satisfies CreateRoleFormValues\n        }\n        onSubmit={handleCreateRoleSubmit}\n        validationSchema={CREATE_SCHEMA}\n        validateOnChange={false}\n      >\n        {({ values, errors, handleReset, handleChange, isSubmitting }) => (\n          <Form>\n            <>\n              <Layouts.Header\n                primaryAction={\n                  <Flex width=\"100%\" gap={2}>\n                    <Button\n                      variant=\"secondary\"\n                      onClick={() => {\n                        handleReset();\n                        permissionsRef.current?.resetForm();\n                      }}\n                      fullWidth\n                    >\n                      {formatMessage({\n                        id: 'app.components.Button.reset',\n                        defaultMessage: 'Reset',\n                      })}\n                    </Button>\n                    <Button type=\"submit\" loading={isSubmitting} startIcon={<Check />} fullWidth>\n                      {formatMessage({\n                        id: 'global.save',\n                        defaultMessage: 'Save',\n                      })}\n                    </Button>\n                  </Flex>\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=\"../roles\" />\n                  </Box>\n                }\n              />\n              <Layouts.Content>\n                <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n                  <Box background=\"neutral0\" padding={6} shadow=\"filterShadow\" hasRadius>\n                    <Flex direction=\"column\" alignItems=\"stretch\" gap={4}>\n                      <Flex justifyContent=\"space-between\">\n                        <Box>\n                          <Box>\n                            <Typography fontWeight=\"bold\">\n                              {formatMessage({\n                                id: 'global.details',\n                                defaultMessage: 'Details',\n                              })}\n                            </Typography>\n                          </Box>\n                          <Box>\n                            <Typography variant=\"pi\" textColor=\"neutral600\">\n                              {formatMessage({\n                                id: 'Settings.roles.form.description',\n                                defaultMessage: 'Name and description of the role',\n                              })}\n                            </Typography>\n                          </Box>\n                        </Box>\n                        <UsersRoleNumber>\n                          {formatMessage(\n                            {\n                              id: 'Settings.roles.form.button.users-with-role',\n                              defaultMessage:\n                                '{number, plural, =0 {# users} one {# user} other {# users}} with this role',\n                            },\n                            { number: 0 }\n                          )}\n                        </UsersRoleNumber>\n                      </Flex>\n                      <Grid.Root gap={4}>\n                        <Grid.Item m={6} xs={12} direction=\"column\" alignItems=\"stretch\">\n                          <Field.Root\n                            name=\"name\"\n                            error={errors.name && formatMessage({ id: errors.name })}\n                            required\n                          >\n                            <Field.Label>\n                              {formatMessage({\n                                id: 'global.name',\n                                defaultMessage: 'Name',\n                              })}\n                            </Field.Label>\n                            <TextInput type=\"text\" onChange={handleChange} value={values.name} />\n                            <Field.Error />\n                          </Field.Root>\n                        </Grid.Item>\n                        <Grid.Item m={6} xs={12} direction=\"column\" alignItems=\"stretch\">\n                          <Field.Root\n                            name=\"description\"\n                            error={errors.description && formatMessage({ id: errors.description })}\n                          >\n                            <Field.Label>\n                              {formatMessage({\n                                id: 'global.description',\n                                defaultMessage: 'Description',\n                              })}\n                            </Field.Label>\n                            <Textarea onChange={handleChange} value={values.description} />\n                          </Field.Root>\n                        </Grid.Item>\n                      </Grid.Root>\n                    </Flex>\n                  </Box>\n                  <Box shadow=\"filterShadow\" hasRadius>\n                    <Permissions\n                      isFormDisabled={false}\n                      ref={permissionsRef}\n                      permissions={rolePermissions}\n                      layout={permissionsLayout}\n                    />\n                  </Box>\n                </Flex>\n              </Layouts.Content>\n            </>\n          </Form>\n        )}\n      </Formik>\n    </Main>\n  );\n};\n\nconst UsersRoleNumber = styled.div`\n  border: 1px solid ${({ theme }) => theme.colors.primary200};\n  background: ${({ theme }) => theme.colors.primary100};\n  padding: ${({ theme }) => `${theme.spaces[2]} ${theme.spaces[4]}`};\n  color: ${({ theme }) => theme.colors.primary600};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  font-size: 1.2rem;\n  font-weight: bold;\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * ProtectedCreatePage\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProtectedCreatePage = () => {\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions.settings?.roles.create\n  );\n\n  return (\n    <Page.Protect permissions={permissions}>\n      <CreatePage />\n    </Page.Protect>\n  );\n};\n\nexport { CreatePage, ProtectedCreatePage };\n"],"names":["CREATE_SCHEMA","yup","object","shape","name","string","required","translatedErrors","id","description","CreatePage","useParams","toggleNotification","useNotification","formatMessage","useIntl","navigate","useNavigate","permissionsRef","React","useRef","trackUsage","useTracking","_unstableFormatAPIError","formatAPIError","_unstableFormatValidationErrors","formatValidationErrors","useAPIErrorHandler","isLoading","isLoadingPermissionsLayout","currentData","permissionsLayout","useGetRolePermissionLayoutQuery","role","rolePermissions","isLoadingRole","useGetRolePermissionsQuery","skip","refetchOnMountOrArgChange","createRole","useCreateRoleMutation","updateRolePermissions","useUpdateRolePermissionsMutation","handleCreateRoleSubmit","data","formik","res","isBaseQueryError","error","setErrors","type","message","permissionsToSend","current","getPermissions","Array","isArray","length","updateRes","permissions","defaultMessage","toString","replace","err","_jsx","Page","Loading","_jsxs","Main","Title","Formik","initialValues","format","Date","onSubmit","validationSchema","validateOnChange","values","errors","handleReset","handleChange","isSubmitting","Form","_Fragment","Layouts","Header","primaryAction","Flex","width","gap","Button","variant","onClick","resetForm","fullWidth","loading","startIcon","Check","title","subtitle","navigationAction","Box","display","initial","medium","BackButton","fallback","Content","direction","alignItems","background","padding","shadow","hasRadius","justifyContent","Typography","fontWeight","textColor","UsersRoleNumber","number","Grid","Root","Item","m","xs","Field","Label","TextInput","onChange","value","Error","Textarea","Permissions","isFormDisabled","ref","layout","styled","div","theme","colors","primary200","primary100","spaces","primary600","borderRadius","ProtectedCreatePage","useTypedSelector","state","admin_app","settings","roles","create","Protect"],"mappings":"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"}

package/dist/admin/admin/src/pages/Settings/pages/Roles/EditPage.js

@@ -22,7 +22,8 @@ var translatedErrors = require('../../../../utils/translatedErrors.js');
 var Permissions = require('./components/Permissions.js');
 var RoleForm = require('./components/RoleForm.js');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -39,8 +40,8 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 
 const EDIT_ROLE_SCHEMA = yup__namespace.object().shape({
     name: yup__namespace.string().required(translatedErrors.translatedErrors.required.id),

package/dist/admin/admin/src/pages/Settings/pages/Roles/EditPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditPage.js","sources":["../../../../../../../../admin/src/pages/Settings/pages/Roles/EditPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Button, Flex, Main } from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\nimport { Formik, FormikHelpers } from 'formik';\nimport { useIntl } from 'react-intl';\nimport { Navigate, useMatch } from 'react-router-dom';\nimport * as yup from 'yup';\n\nimport { Layouts } from '../../../../components/Layouts/Layout';\nimport { Page } from '../../../../components/PageHelpers';\nimport { useTypedSelector } from '../../../../core/store/hooks';\nimport { BackButton } from '../../../../features/BackButton';\nimport { useNotification } from '../../../../features/Notifications';\nimport { useTracking } from '../../../../features/Tracking';\nimport { useAdminRoles } from '../../../../hooks/useAdminRoles';\nimport { useAPIErrorHandler } from '../../../../hooks/useAPIErrorHandler';\nimport {\n  useGetRolePermissionLayoutQuery,\n  useGetRolePermissionsQuery,\n  useUpdateRoleMutation,\n  useUpdateRolePermissionsMutation,\n} from '../../../../services/users';\nimport { isBaseQueryError } from '../../../../utils/baseQuery';\nimport { translatedErrors } from '../../../../utils/translatedErrors';\n\nimport { Permissions, PermissionsAPI } from './components/Permissions';\nimport { RoleForm } from './components/RoleForm';\n\nconst EDIT_ROLE_SCHEMA = yup.object().shape({\n  name: yup.string().required(translatedErrors.required.id),\n  description: yup.string().optional(),\n});\n\n/**\n * TODO: be nice if we could just infer this from the schema\n */\ninterface EditRoleFormValues {\n  name: string;\n  description: string;\n}\n\nconst EditPage = () => {\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const match = useMatch('/settings/roles/:id');\n  const id = match?.params.id;\n  const permissionsRef = React.useRef<PermissionsAPI>(null);\n  const { trackUsage } = useTracking();\n  const {\n    _unstableFormatAPIError: formatAPIError,\n    _unstableFormatValidationErrors: formatValidationErrors,\n  } = useAPIErrorHandler();\n\n  const { isLoading: isLoadingPermissionsLayout, data: permissionsLayout } =\n    useGetRolePermissionLayoutQuery({\n      /**\n       * Role here is a query param so if there's no role we pass an empty string\n       * which returns us a default layout.\n       */\n      role: id ?? '',\n    });\n\n  const {\n    roles,\n    isLoading: isRoleLoading,\n    refetch: refetchRole,\n  } = useAdminRoles(\n    { id },\n    {\n      refetchOnMountOrArgChange: true,\n    }\n  );\n\n  const role = roles[0] ?? {};\n\n  const { data: permissions, isLoading: isLoadingPermissions } = useGetRolePermissionsQuery(\n    {\n      id: id!,\n    },\n    {\n      skip: !id,\n      refetchOnMountOrArgChange: true,\n    }\n  );\n\n  const [updateRole] = useUpdateRoleMutation();\n  const [updateRolePermissions] = useUpdateRolePermissionsMutation();\n\n  if (!id) {\n    return <Navigate to=\"/settings/roles\" />;\n  }\n\n  const handleEditRoleSubmit = async (\n    data: EditRoleFormValues,\n    formik: FormikHelpers<EditRoleFormValues>\n  ) => {\n    try {\n      const { permissionsToSend, didUpdateConditions } =\n        permissionsRef.current?.getPermissions() ?? {};\n\n      const res = await updateRole({\n        id,\n        ...data,\n      });\n\n      if ('error' in res) {\n        if (isBaseQueryError(res.error) && res.error.name === 'ValidationError') {\n          formik.setErrors(formatValidationErrors(res.error));\n        } else {\n          toggleNotification({\n            type: 'danger',\n            message: formatAPIError(res.error),\n          });\n        }\n\n        return;\n      }\n\n      if (role.code !== 'strapi-super-admin' && permissionsToSend) {\n        const updateRes = await updateRolePermissions({\n          id: res.data.id,\n          permissions: permissionsToSend,\n        });\n\n        if ('error' in updateRes) {\n          if (isBaseQueryError(updateRes.error) && updateRes.error.name === 'ValidationError') {\n            formik.setErrors(formatValidationErrors(updateRes.error));\n          } else {\n            toggleNotification({\n              type: 'danger',\n              message: formatAPIError(updateRes.error),\n            });\n          }\n\n          return;\n        }\n\n        if (didUpdateConditions) {\n          trackUsage('didUpdateConditions');\n        }\n      }\n\n      permissionsRef.current?.setFormAfterSubmit();\n\n      await refetchRole();\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({ id: 'notification.success.saved' }),\n      });\n    } catch (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\n      });\n    }\n  };\n\n  const isFormDisabled = !isRoleLoading && role.code === 'strapi-super-admin';\n\n  if (isLoadingPermissionsLayout || isRoleLoading || isLoadingPermissions || !permissionsLayout) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Main>\n      <Page.Title>\n        {formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          {\n            name: 'Roles',\n          }\n        )}\n      </Page.Title>\n      <Formik\n        enableReinitialize\n        initialValues={\n          {\n            name: role.name ?? '',\n            description: role.description ?? '',\n          } satisfies EditRoleFormValues\n        }\n        onSubmit={handleEditRoleSubmit}\n        validationSchema={EDIT_ROLE_SCHEMA}\n        validateOnChange={false}\n      >\n        {({ handleSubmit, values, errors, handleChange, handleBlur, isSubmitting }) => (\n          <form onSubmit={handleSubmit}>\n            <Layouts.Header\n              primaryAction={\n                <Button\n                  type=\"submit\"\n                  startIcon={<Check />}\n                  disabled={role.code === 'strapi-super-admin'}\n                  loading={isSubmitting}\n                  fullWidth\n                >\n                  {formatMessage({\n                    id: 'global.save',\n                    defaultMessage: 'Save',\n                  })}\n                </Button>\n              }\n              title={formatMessage({\n                id: 'Settings.roles.edit.title',\n                defaultMessage: 'Edit 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=\"../roles\" />\n                </Box>\n              }\n            />\n            <Layouts.Content>\n              <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n                <RoleForm\n                  disabled={isFormDisabled}\n                  errors={errors}\n                  values={values}\n                  onChange={handleChange}\n                  onBlur={handleBlur}\n                  role={role}\n                />\n                <Box shadow=\"filterShadow\" hasRadius>\n                  <Permissions\n                    isFormDisabled={isFormDisabled}\n                    permissions={permissions}\n                    ref={permissionsRef}\n                    layout={permissionsLayout}\n                  />\n                </Box>\n              </Flex>\n            </Layouts.Content>\n          </form>\n        )}\n      </Formik>\n    </Main>\n  );\n};\n\nconst ProtectedEditPage = () => {\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions.settings?.roles.update\n  );\n\n  return (\n    <Page.Protect permissions={permissions}>\n      <EditPage />\n    </Page.Protect>\n  );\n};\n\nexport { EditPage, ProtectedEditPage };\nexport type { EditRoleFormValues };\n"],"names":["EDIT_ROLE_SCHEMA","yup","object","shape","name","string","required","translatedErrors","id","description","optional","EditPage","toggleNotification","useNotification","formatMessage","useIntl","match","useMatch","params","permissionsRef","React","useRef","trackUsage","useTracking","_unstableFormatAPIError","formatAPIError","_unstableFormatValidationErrors","formatValidationErrors","useAPIErrorHandler","isLoading","isLoadingPermissionsLayout","data","permissionsLayout","useGetRolePermissionLayoutQuery","role","roles","isRoleLoading","refetch","refetchRole","useAdminRoles","refetchOnMountOrArgChange","permissions","isLoadingPermissions","useGetRolePermissionsQuery","skip","updateRole","useUpdateRoleMutation","updateRolePermissions","useUpdateRolePermissionsMutation","_jsx","Navigate","to","handleEditRoleSubmit","formik","permissionsToSend","didUpdateConditions","current","getPermissions","res","isBaseQueryError","error","setErrors","type","message","code","updateRes","setFormAfterSubmit","defaultMessage","isFormDisabled","Page","Loading","_jsxs","Main","Title","Formik","enableReinitialize","initialValues","onSubmit","validationSchema","validateOnChange","handleSubmit","values","errors","handleChange","handleBlur","isSubmitting","form","Layouts","Header","primaryAction","Button","startIcon","Check","disabled","loading","fullWidth","title","subtitle","navigationAction","Box","display","initial","medium","BackButton","fallback","Content","Flex","direction","alignItems","gap","RoleForm","onChange","onBlur","shadow","hasRadius","Permissions","ref","layout","ProtectedEditPage","useTypedSelector","state","admin_app","settings","update","Protect"],"mappings":"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"}
+{"version":3,"file":"EditPage.js","sources":["../../../../../../../../admin/src/pages/Settings/pages/Roles/EditPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Button, Flex, Main } from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\nimport { Formik, FormikHelpers } from 'formik';\nimport { useIntl } from 'react-intl';\nimport { Navigate, useMatch } from 'react-router-dom';\nimport * as yup from 'yup';\n\nimport { Layouts } from '../../../../components/Layouts/Layout';\nimport { Page } from '../../../../components/PageHelpers';\nimport { useTypedSelector } from '../../../../core/store/hooks';\nimport { BackButton } from '../../../../features/BackButton';\nimport { useNotification } from '../../../../features/Notifications';\nimport { useTracking } from '../../../../features/Tracking';\nimport { useAdminRoles } from '../../../../hooks/useAdminRoles';\nimport { useAPIErrorHandler } from '../../../../hooks/useAPIErrorHandler';\nimport {\n  useGetRolePermissionLayoutQuery,\n  useGetRolePermissionsQuery,\n  useUpdateRoleMutation,\n  useUpdateRolePermissionsMutation,\n} from '../../../../services/users';\nimport { isBaseQueryError } from '../../../../utils/baseQuery';\nimport { translatedErrors } from '../../../../utils/translatedErrors';\n\nimport { Permissions, PermissionsAPI } from './components/Permissions';\nimport { RoleForm } from './components/RoleForm';\n\nconst EDIT_ROLE_SCHEMA = yup.object().shape({\n  name: yup.string().required(translatedErrors.required.id),\n  description: yup.string().optional(),\n});\n\n/**\n * TODO: be nice if we could just infer this from the schema\n */\ninterface EditRoleFormValues {\n  name: string;\n  description: string;\n}\n\nconst EditPage = () => {\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const match = useMatch('/settings/roles/:id');\n  const id = match?.params.id;\n  const permissionsRef = React.useRef<PermissionsAPI>(null);\n  const { trackUsage } = useTracking();\n  const {\n    _unstableFormatAPIError: formatAPIError,\n    _unstableFormatValidationErrors: formatValidationErrors,\n  } = useAPIErrorHandler();\n\n  const { isLoading: isLoadingPermissionsLayout, data: permissionsLayout } =\n    useGetRolePermissionLayoutQuery({\n      /**\n       * Role here is a query param so if there's no role we pass an empty string\n       * which returns us a default layout.\n       */\n      role: id ?? '',\n    });\n\n  const {\n    roles,\n    isLoading: isRoleLoading,\n    refetch: refetchRole,\n  } = useAdminRoles(\n    { id },\n    {\n      refetchOnMountOrArgChange: true,\n    }\n  );\n\n  const role = roles[0] ?? {};\n\n  const { data: permissions, isLoading: isLoadingPermissions } = useGetRolePermissionsQuery(\n    {\n      id: id!,\n    },\n    {\n      skip: !id,\n      refetchOnMountOrArgChange: true,\n    }\n  );\n\n  const [updateRole] = useUpdateRoleMutation();\n  const [updateRolePermissions] = useUpdateRolePermissionsMutation();\n\n  if (!id) {\n    return <Navigate to=\"/settings/roles\" />;\n  }\n\n  const handleEditRoleSubmit = async (\n    data: EditRoleFormValues,\n    formik: FormikHelpers<EditRoleFormValues>\n  ) => {\n    try {\n      const { permissionsToSend, didUpdateConditions } =\n        permissionsRef.current?.getPermissions() ?? {};\n\n      const res = await updateRole({\n        id,\n        ...data,\n      });\n\n      if ('error' in res) {\n        if (isBaseQueryError(res.error) && res.error.name === 'ValidationError') {\n          formik.setErrors(formatValidationErrors(res.error));\n        } else {\n          toggleNotification({\n            type: 'danger',\n            message: formatAPIError(res.error),\n          });\n        }\n\n        return;\n      }\n\n      if (role.code !== 'strapi-super-admin' && permissionsToSend) {\n        const updateRes = await updateRolePermissions({\n          id: res.data.id,\n          permissions: permissionsToSend,\n        });\n\n        if ('error' in updateRes) {\n          if (isBaseQueryError(updateRes.error) && updateRes.error.name === 'ValidationError') {\n            formik.setErrors(formatValidationErrors(updateRes.error));\n          } else {\n            toggleNotification({\n              type: 'danger',\n              message: formatAPIError(updateRes.error),\n            });\n          }\n\n          return;\n        }\n\n        if (didUpdateConditions) {\n          trackUsage('didUpdateConditions');\n        }\n      }\n\n      permissionsRef.current?.setFormAfterSubmit();\n\n      await refetchRole();\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({ id: 'notification.success.saved' }),\n      });\n    } catch (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\n      });\n    }\n  };\n\n  const isFormDisabled = !isRoleLoading && role.code === 'strapi-super-admin';\n\n  if (isLoadingPermissionsLayout || isRoleLoading || isLoadingPermissions || !permissionsLayout) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Main>\n      <Page.Title>\n        {formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          {\n            name: 'Roles',\n          }\n        )}\n      </Page.Title>\n      <Formik\n        enableReinitialize\n        initialValues={\n          {\n            name: role.name ?? '',\n            description: role.description ?? '',\n          } satisfies EditRoleFormValues\n        }\n        onSubmit={handleEditRoleSubmit}\n        validationSchema={EDIT_ROLE_SCHEMA}\n        validateOnChange={false}\n      >\n        {({ handleSubmit, values, errors, handleChange, handleBlur, isSubmitting }) => (\n          <form onSubmit={handleSubmit}>\n            <Layouts.Header\n              primaryAction={\n                <Button\n                  type=\"submit\"\n                  startIcon={<Check />}\n                  disabled={role.code === 'strapi-super-admin'}\n                  loading={isSubmitting}\n                  fullWidth\n                >\n                  {formatMessage({\n                    id: 'global.save',\n                    defaultMessage: 'Save',\n                  })}\n                </Button>\n              }\n              title={formatMessage({\n                id: 'Settings.roles.edit.title',\n                defaultMessage: 'Edit 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=\"../roles\" />\n                </Box>\n              }\n            />\n            <Layouts.Content>\n              <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n                <RoleForm\n                  disabled={isFormDisabled}\n                  errors={errors}\n                  values={values}\n                  onChange={handleChange}\n                  onBlur={handleBlur}\n                  role={role}\n                />\n                <Box shadow=\"filterShadow\" hasRadius>\n                  <Permissions\n                    isFormDisabled={isFormDisabled}\n                    permissions={permissions}\n                    ref={permissionsRef}\n                    layout={permissionsLayout}\n                  />\n                </Box>\n              </Flex>\n            </Layouts.Content>\n          </form>\n        )}\n      </Formik>\n    </Main>\n  );\n};\n\nconst ProtectedEditPage = () => {\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions.settings?.roles.update\n  );\n\n  return (\n    <Page.Protect permissions={permissions}>\n      <EditPage />\n    </Page.Protect>\n  );\n};\n\nexport { EditPage, ProtectedEditPage };\nexport type { EditRoleFormValues };\n"],"names":["EDIT_ROLE_SCHEMA","yup","object","shape","name","string","required","translatedErrors","id","description","optional","EditPage","toggleNotification","useNotification","formatMessage","useIntl","match","useMatch","params","permissionsRef","React","useRef","trackUsage","useTracking","_unstableFormatAPIError","formatAPIError","_unstableFormatValidationErrors","formatValidationErrors","useAPIErrorHandler","isLoading","isLoadingPermissionsLayout","data","permissionsLayout","useGetRolePermissionLayoutQuery","role","roles","isRoleLoading","refetch","refetchRole","useAdminRoles","refetchOnMountOrArgChange","permissions","isLoadingPermissions","useGetRolePermissionsQuery","skip","updateRole","useUpdateRoleMutation","updateRolePermissions","useUpdateRolePermissionsMutation","_jsx","Navigate","to","handleEditRoleSubmit","formik","permissionsToSend","didUpdateConditions","current","getPermissions","res","isBaseQueryError","error","setErrors","type","message","code","updateRes","setFormAfterSubmit","defaultMessage","isFormDisabled","Page","Loading","_jsxs","Main","Title","Formik","enableReinitialize","initialValues","onSubmit","validationSchema","validateOnChange","handleSubmit","values","errors","handleChange","handleBlur","isSubmitting","form","Layouts","Header","primaryAction","Button","startIcon","Check","disabled","loading","fullWidth","title","subtitle","navigationAction","Box","display","initial","medium","BackButton","fallback","Content","Flex","direction","alignItems","gap","RoleForm","onChange","onBlur","shadow","hasRadius","Permissions","ref","layout","ProtectedEditPage","useTypedSelector","state","admin_app","settings","update","Protect"],"mappings":"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"}

package/dist/admin/admin/src/pages/Settings/pages/Roles/ListPage.js

@@ -22,7 +22,8 @@ var selectors = require('../../../../selectors.js');
 var getFetchClient = require('../../../../utils/getFetchClient.js');
 var RoleRow = require('./components/RoleRow.js');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -39,7 +40,7 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 const ListPage = ()=>{
     const { formatMessage } = reactIntl.useIntl();

package/dist/admin/admin/src/pages/Settings/pages/Roles/ListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListPage.js","sources":["../../../../../../../../admin/src/pages/Settings/pages/Roles/ListPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Button,\n  Dialog,\n  Table,\n  Tbody,\n  TFooter,\n  Th,\n  Thead,\n  Tr,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport { Duplicate, Pencil, Plus, Trash } from '@strapi/icons';\nimport { produce } from 'immer';\nimport { useIntl } from 'react-intl';\nimport { useNavigate } from 'react-router-dom';\n\nimport { ConfirmDialog } from '../../../../components/ConfirmDialog';\nimport { Layouts } from '../../../../components/Layouts/Layout';\nimport { Page } from '../../../../components/PageHelpers';\nimport { SearchInput } from '../../../../components/SearchInput';\nimport { useTypedSelector } from '../../../../core/store/hooks';\nimport { useNotification } from '../../../../features/Notifications';\nimport { useAdminRoles, AdminRole } from '../../../../hooks/useAdminRoles';\nimport { useAPIErrorHandler } from '../../../../hooks/useAPIErrorHandler';\nimport { useFetchClient } from '../../../../hooks/useFetchClient';\nimport { useQueryParams } from '../../../../hooks/useQueryParams';\nimport { useRBAC } from '../../../../hooks/useRBAC';\nimport { selectAdminPermissions } from '../../../../selectors';\nimport { isFetchError } from '../../../../utils/getFetchClient';\n\nimport { RoleRow, RoleRowProps } from './components/RoleRow';\n\nconst ListPage = () => {\n  const { formatMessage } = useIntl();\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  const { post } = useFetchClient();\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 (isFetchError(error)) {\n        toggleNotification({\n          type: 'danger',\n          message: formatAPIError(error),\n        });\n      }\n    }\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: formatMessage({ 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    <Page.Main>\n      <Page.Title>\n        {formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          {\n            name: 'Roles',\n          }\n        )}\n      </Page.Title>\n      <Layouts.Header\n        primaryAction={\n          canCreate ? (\n            <Button onClick={handleNewRoleClick} startIcon={<Plus />} size=\"S\" fullWidth>\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      />\n      {canRead && (\n        <Layouts.Action\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        <Layouts.Content>\n          <Table\n            colCount={colCount}\n            rowCount={rowCount}\n            footer={\n              canCreate ? (\n                <TFooter cursor=\"pointer\" 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                  cursor=\"pointer\"\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                          children: <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                          children: <Pencil />,\n                        } satisfies RoleRowProps['icons'][number]),\n                      canDelete &&\n                        ({\n                          onClick: handleClickDelete(role),\n                          label: formatMessage({ id: 'global.delete', defaultMessage: 'Delete' }),\n                          children: <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        </Layouts.Content>\n      )}\n      <Dialog.Root open={isWarningDeleteAllOpened} onOpenChange={handleToggleModal}>\n        <ConfirmDialog onConfirm={handleDeleteData} />\n      </Dialog.Root>\n    </Page.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":["ListPage","formatMessage","useIntl","permissions","useTypedSelector","selectAdminPermissions","formatAPIError","useAPIErrorHandler","toggleNotification","useNotification","isWarningDeleteAllOpened","setIsWarningDeleteAllOpenend","React","useState","query","useQueryParams","isLoading","isLoadingForPermissions","allowedActions","canCreate","canDelete","canRead","canUpdate","useRBAC","settings","roles","refetch","refetchRoles","useAdminRoles","filters","_q","name","$containsi","undefined","refetchOnMountOrArgChange","skip","navigate","useNavigate","roleToDelete","dispatch","useReducer","reducer","initialState","post","useFetchClient","handleDeleteData","type","ids","error","isFetchError","message","handleNewRoleClick","handleToggleModal","prev","handleClickDelete","role","e","preventDefault","stopPropagation","usersCount","id","handleClickDuplicate","rowCount","length","colCount","_jsx","Page","Loading","_jsxs","Main","Title","defaultMessage","Layouts","Header","primaryAction","Button","onClick","startIcon","Plus","size","fullWidth","title","subtitle","Action","startActions","SearchInput","label","target","Content","Table","footer","TFooter","cursor","icon","Thead","Tr","aria-rowindex","Th","Typography","variant","textColor","VisuallyHidden","Tbody","map","index","RoleRow","description","icons","children","Duplicate","toString","Pencil","Trash","filter","Boolean","rowIndex","Dialog","Root","open","onOpenChange","ConfirmDialog","onConfirm","showModalConfirmButtonLoading","shouldRefetchData","state","action","produce","draftState","ProtectedListPage","admin_app","read","Protect"],"mappings":"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"}
+{"version":3,"file":"ListPage.js","sources":["../../../../../../../../admin/src/pages/Settings/pages/Roles/ListPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Button,\n  Dialog,\n  Table,\n  Tbody,\n  TFooter,\n  Th,\n  Thead,\n  Tr,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport { Duplicate, Pencil, Plus, Trash } from '@strapi/icons';\nimport { produce } from 'immer';\nimport { useIntl } from 'react-intl';\nimport { useNavigate } from 'react-router-dom';\n\nimport { ConfirmDialog } from '../../../../components/ConfirmDialog';\nimport { Layouts } from '../../../../components/Layouts/Layout';\nimport { Page } from '../../../../components/PageHelpers';\nimport { SearchInput } from '../../../../components/SearchInput';\nimport { useTypedSelector } from '../../../../core/store/hooks';\nimport { useNotification } from '../../../../features/Notifications';\nimport { useAdminRoles, AdminRole } from '../../../../hooks/useAdminRoles';\nimport { useAPIErrorHandler } from '../../../../hooks/useAPIErrorHandler';\nimport { useFetchClient } from '../../../../hooks/useFetchClient';\nimport { useQueryParams } from '../../../../hooks/useQueryParams';\nimport { useRBAC } from '../../../../hooks/useRBAC';\nimport { selectAdminPermissions } from '../../../../selectors';\nimport { isFetchError } from '../../../../utils/getFetchClient';\n\nimport { RoleRow, RoleRowProps } from './components/RoleRow';\n\nconst ListPage = () => {\n  const { formatMessage } = useIntl();\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  const { post } = useFetchClient();\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 (isFetchError(error)) {\n        toggleNotification({\n          type: 'danger',\n          message: formatAPIError(error),\n        });\n      }\n    }\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: formatMessage({ 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    <Page.Main>\n      <Page.Title>\n        {formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          {\n            name: 'Roles',\n          }\n        )}\n      </Page.Title>\n      <Layouts.Header\n        primaryAction={\n          canCreate ? (\n            <Button onClick={handleNewRoleClick} startIcon={<Plus />} size=\"S\" fullWidth>\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      />\n      {canRead && (\n        <Layouts.Action\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        <Layouts.Content>\n          <Table\n            colCount={colCount}\n            rowCount={rowCount}\n            footer={\n              canCreate ? (\n                <TFooter cursor=\"pointer\" 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                  cursor=\"pointer\"\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                          children: <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                          children: <Pencil />,\n                        } satisfies RoleRowProps['icons'][number]),\n                      canDelete &&\n                        ({\n                          onClick: handleClickDelete(role),\n                          label: formatMessage({ id: 'global.delete', defaultMessage: 'Delete' }),\n                          children: <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        </Layouts.Content>\n      )}\n      <Dialog.Root open={isWarningDeleteAllOpened} onOpenChange={handleToggleModal}>\n        <ConfirmDialog onConfirm={handleDeleteData} />\n      </Dialog.Root>\n    </Page.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":["ListPage","formatMessage","useIntl","permissions","useTypedSelector","selectAdminPermissions","formatAPIError","useAPIErrorHandler","toggleNotification","useNotification","isWarningDeleteAllOpened","setIsWarningDeleteAllOpenend","React","useState","query","useQueryParams","isLoading","isLoadingForPermissions","allowedActions","canCreate","canDelete","canRead","canUpdate","useRBAC","settings","roles","refetch","refetchRoles","useAdminRoles","filters","_q","name","$containsi","undefined","refetchOnMountOrArgChange","skip","navigate","useNavigate","roleToDelete","dispatch","useReducer","reducer","initialState","post","useFetchClient","handleDeleteData","type","ids","error","isFetchError","message","handleNewRoleClick","handleToggleModal","prev","handleClickDelete","role","e","preventDefault","stopPropagation","usersCount","id","handleClickDuplicate","rowCount","length","colCount","_jsx","Page","Loading","_jsxs","Main","Title","defaultMessage","Layouts","Header","primaryAction","Button","onClick","startIcon","Plus","size","fullWidth","title","subtitle","Action","startActions","SearchInput","label","target","Content","Table","footer","TFooter","cursor","icon","Thead","Tr","aria-rowindex","Th","Typography","variant","textColor","VisuallyHidden","Tbody","map","index","RoleRow","description","icons","children","Duplicate","toString","Pencil","Trash","filter","Boolean","rowIndex","Dialog","Root","open","onOpenChange","ConfirmDialog","onConfirm","showModalConfirmButtonLoading","shouldRefetchData","state","action","produce","draftState","ProtectedListPage","admin_app","read","Protect"],"mappings":"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"}

package/dist/admin/admin/src/pages/Settings/pages/Roles/components/CollapsePropertyMatrix.js

@@ -15,7 +15,10 @@ var HiddenAction = require('./HiddenAction.js');
 var RequiredSign = require('./RequiredSign.js');
 var RowLabelWithCheckbox = require('./RowLabelWithCheckbox.js');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -32,7 +35,8 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var get__default = /*#__PURE__*/_interopDefault(get);
 
 const CollapsePropertyMatrix = ({ availableActions = [], childrenForm = [], isFormDisabled, label, pathToData, propertyName, subject })=>{
     const propertyActions = React__namespace.useMemo(()=>availableActions.map((action)=>{
@@ -150,7 +154,7 @@ const ActionRow = ({ childrenForm = [], label, isFormDisabled = false, name, req
                                     name
                                 ];
                                 if (!isCollapsable) {
-                                    const checkboxValue = get(modifiedData, checkboxName, false);
+                                    const checkboxValue = get__default.default(modifiedData, checkboxName, false);
                                     const fieldPath = propertyName === 'fields' ? name : undefined;
                                     const userHasPermission = checkUserHasPermission(actionId, subject, fieldPath);
                                     return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
@@ -179,7 +183,7 @@ const ActionRow = ({ childrenForm = [], label, isFormDisabled = false, name, req
                                         })
                                     }, actionId);
                                 }
-                                const data = get(modifiedData, checkboxName, {});
+                                const data = get__default.default(modifiedData, checkboxName, {});
                                 const { hasAllActionsSelected, hasSomeActionsSelected } = getCheckboxState.getCheckboxState(data);
                                 const fieldPath = propertyName === 'fields' ? name : undefined;
                                 const userHasPermission = checkUserHasPermission(actionId, subject, fieldPath);
@@ -237,7 +241,7 @@ const ActionRow = ({ childrenForm = [], label, isFormDisabled = false, name, req
         return acc;
     }, []);
     const data = actionIds.reduce((acc, current)=>{
-        const mainData = get(modifiedData, [
+        const mainData = get__default.default(modifiedData, [
             ...pathToContentType.split('..'),
             current,
             'properties',
@@ -380,7 +384,7 @@ const SubActionRow = ({ childrenForm = [], isFormDisabled, recursiveLevel, pathT
                                                     ...parentName.split('..'),
                                                     value
                                                 ];
-                                                const checkboxValue = get(modifiedData, checkboxName, false);
+                                                const checkboxValue = get__default.default(modifiedData, checkboxName, false);
                                                 if (!subChildrenForm) {
                                                     const fieldPath = propertyName === 'fields' ? `${parentName}.${value}` : undefined;
                                                     const userHasPermission = checkUserHasPermission(actionId, subject, fieldPath);