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

package/dist/admin/components/FormModal/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../admin/src/components/FormModal/index.jsx"],"sourcesContent":["/**\n *\n * FormModal\n *\n */\n\nimport * as React from 'react';\n\nimport { Button, Flex, Grid, Modal, Breadcrumbs, Crumb } from '@strapi/design-system';\nimport { Form, Formik } from 'formik';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nimport Input from './Input';\n\nconst FormModal = ({\n  headerBreadcrumbs,\n  initialData,\n  isSubmiting,\n  layout,\n  isOpen,\n  onSubmit,\n  onToggle,\n  providerToEditName,\n}) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Modal.Root open={isOpen} onOpenChange={onToggle}>\n      <Modal.Content>\n        <Modal.Header>\n          <Breadcrumbs label={headerBreadcrumbs.join(', ')}>\n            {headerBreadcrumbs.map((crumb, index, arr) => (\n              <Crumb isCurrent={index === arr.length - 1} key={crumb}>\n                {crumb}\n              </Crumb>\n            ))}\n          </Breadcrumbs>\n        </Modal.Header>\n        <Formik\n          onSubmit={(values) => onSubmit(values)}\n          initialValues={initialData}\n          validationSchema={layout.schema}\n          validateOnChange={false}\n        >\n          {({ errors, handleChange, values }) => {\n            return (\n              <Form>\n                <Modal.Body>\n                  <Flex direction=\"column\" alignItems=\"stretch\" gap={1}>\n                    <Grid.Root gap={5}>\n                      {layout.form.map((row) => {\n                        return row.map((input) => {\n                          return (\n                            <Grid.Item\n                              key={input.name}\n                              col={input.size}\n                              xs={12}\n                              direction=\"column\"\n                              alignItems=\"stretch\"\n                            >\n                              <Input\n                                {...input}\n                                error={errors[input.name]}\n                                onChange={handleChange}\n                                value={values[input.name]}\n                                providerToEditName={providerToEditName}\n                              />\n                            </Grid.Item>\n                          );\n                        });\n                      })}\n                    </Grid.Root>\n                  </Flex>\n                </Modal.Body>\n                <Modal.Footer>\n                  <Button variant=\"tertiary\" onClick={onToggle} type=\"button\">\n                    {formatMessage({\n                      id: 'app.components.Button.cancel',\n                      defaultMessage: 'Cancel',\n                    })}\n                  </Button>\n                  <Button type=\"submit\" loading={isSubmiting}>\n                    {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}\n                  </Button>\n                </Modal.Footer>\n              </Form>\n            );\n          }}\n        </Formik>\n      </Modal.Content>\n    </Modal.Root>\n  );\n};\n\nFormModal.defaultProps = {\n  initialData: null,\n  providerToEditName: null,\n};\n\nFormModal.propTypes = {\n  headerBreadcrumbs: PropTypes.arrayOf(PropTypes.string).isRequired,\n  initialData: PropTypes.object,\n  layout: PropTypes.shape({\n    form: PropTypes.arrayOf(PropTypes.array),\n    schema: PropTypes.object,\n  }).isRequired,\n  isOpen: PropTypes.bool.isRequired,\n  isSubmiting: PropTypes.bool.isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  onToggle: PropTypes.func.isRequired,\n  providerToEditName: PropTypes.string,\n};\n\nexport default FormModal;\n"],"names":["FormModal","headerBreadcrumbs","initialData","isSubmiting","layout","isOpen","onSubmit","onToggle","providerToEditName","formatMessage","useIntl","_jsx","Modal","Root","open","onOpenChange","_jsxs","Content","Header","Breadcrumbs","label","join","map","crumb","index","arr","Crumb","isCurrent","length","Formik","values","initialValues","validationSchema","schema","validateOnChange","errors","handleChange","Form","Body","Flex","direction","alignItems","gap","Grid","form","row","input","Item","col","size","xs","Input","error","name","onChange","value","Footer","Button","variant","onClick","type","id","defaultMessage","loading","defaultProps","propTypes","PropTypes","arrayOf","string","isRequired","object","shape","array","bool","func"],"mappings":"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"}

package/dist/admin/components/Permissions/PermissionRow/CheckboxWrapper.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var designSystem = require('@strapi/design-system');
+var styledComponents = require('styled-components');
+
+const activeCheckboxWrapperStyles = styledComponents.css`
+  background: ${(props)=>props.theme.colors.primary100};
+
+  #cog {
+    opacity: 1;
+  }
+`;
+const CheckboxWrapper = styledComponents.styled(designSystem.Box)`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  #cog {
+    opacity: 0;
+    path {
+      fill: ${(props)=>props.theme.colors.primary600};
+    }
+  }
+
+  /* Show active style both on hover and when the action is selected */
+  ${(props)=>props.isActive && activeCheckboxWrapperStyles}
+  &:hover {
+    ${activeCheckboxWrapperStyles}
+  }
+`;
+
+module.exports = CheckboxWrapper;
+//# sourceMappingURL=CheckboxWrapper.js.map

package/dist/admin/components/Permissions/PermissionRow/CheckboxWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxWrapper.js","sources":["../../../../../admin/src/components/Permissions/PermissionRow/CheckboxWrapper.jsx"],"sourcesContent":["import { Box } from '@strapi/design-system';\nimport { styled, css } from 'styled-components';\n\nconst activeCheckboxWrapperStyles = css`\n  background: ${(props) => props.theme.colors.primary100};\n\n  #cog {\n    opacity: 1;\n  }\n`;\n\nconst CheckboxWrapper = styled(Box)`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  #cog {\n    opacity: 0;\n    path {\n      fill: ${(props) => props.theme.colors.primary600};\n    }\n  }\n\n  /* Show active style both on hover and when the action is selected */\n  ${(props) => props.isActive && activeCheckboxWrapperStyles}\n  &:hover {\n    ${activeCheckboxWrapperStyles}\n  }\n`;\n\nexport default CheckboxWrapper;\n"],"names":["activeCheckboxWrapperStyles","css","props","theme","colors","primary100","CheckboxWrapper","styled","Box","primary600","isActive"],"mappings":";;;;;AAGA,MAAMA,2BAAAA,GAA8BC,oBAAG;cACzB,EAAE,CAACC,QAAUA,KAAAA,CAAMC,KAAK,CAACC,MAAM,CAACC,UAAU,CAAC;;;;;AAKzD,CAAC;AAED,MAAMC,eAAAA,GAAkBC,uBAAAA,CAAOC,gBAAAA,CAAI;;;;;;;;YAQvB,EAAE,CAACN,QAAUA,KAAAA,CAAMC,KAAK,CAACC,MAAM,CAACK,UAAU,CAAC;;;;;AAKrD,EAAA,EAAE,CAACP,KAAAA,GAAUA,KAAAA,CAAMQ,QAAQ,IAAIV,2BAAAA;;AAE7B,IAAA,EAAEA,2BAAAA;;AAEN;;;;"}

package/dist/admin/components/Permissions/PermissionRow/CheckboxWrapper.mjs

@@ -0,0 +1,31 @@
+import { Box } from '@strapi/design-system';
+import { styled, css } from 'styled-components';
+
+const activeCheckboxWrapperStyles = css`
+  background: ${(props)=>props.theme.colors.primary100};
+
+  #cog {
+    opacity: 1;
+  }
+`;
+const CheckboxWrapper = styled(Box)`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  #cog {
+    opacity: 0;
+    path {
+      fill: ${(props)=>props.theme.colors.primary600};
+    }
+  }
+
+  /* Show active style both on hover and when the action is selected */
+  ${(props)=>props.isActive && activeCheckboxWrapperStyles}
+  &:hover {
+    ${activeCheckboxWrapperStyles}
+  }
+`;
+
+export { CheckboxWrapper as default };
+//# sourceMappingURL=CheckboxWrapper.mjs.map

package/dist/admin/components/Permissions/PermissionRow/CheckboxWrapper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxWrapper.mjs","sources":["../../../../../admin/src/components/Permissions/PermissionRow/CheckboxWrapper.jsx"],"sourcesContent":["import { Box } from '@strapi/design-system';\nimport { styled, css } from 'styled-components';\n\nconst activeCheckboxWrapperStyles = css`\n  background: ${(props) => props.theme.colors.primary100};\n\n  #cog {\n    opacity: 1;\n  }\n`;\n\nconst CheckboxWrapper = styled(Box)`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  #cog {\n    opacity: 0;\n    path {\n      fill: ${(props) => props.theme.colors.primary600};\n    }\n  }\n\n  /* Show active style both on hover and when the action is selected */\n  ${(props) => props.isActive && activeCheckboxWrapperStyles}\n  &:hover {\n    ${activeCheckboxWrapperStyles}\n  }\n`;\n\nexport default CheckboxWrapper;\n"],"names":["activeCheckboxWrapperStyles","css","props","theme","colors","primary100","CheckboxWrapper","styled","Box","primary600","isActive"],"mappings":";;;AAGA,MAAMA,2BAAAA,GAA8BC,GAAG;cACzB,EAAE,CAACC,QAAUA,KAAAA,CAAMC,KAAK,CAACC,MAAM,CAACC,UAAU,CAAC;;;;;AAKzD,CAAC;AAED,MAAMC,eAAAA,GAAkBC,MAAAA,CAAOC,GAAAA,CAAI;;;;;;;;YAQvB,EAAE,CAACN,QAAUA,KAAAA,CAAMC,KAAK,CAACC,MAAM,CAACK,UAAU,CAAC;;;;;AAKrD,EAAA,EAAE,CAACP,KAAAA,GAAUA,KAAAA,CAAMQ,QAAQ,IAAIV,2BAAAA;;AAE7B,IAAA,EAAEA,2BAAAA;;AAEN;;;;"}

package/dist/admin/components/Permissions/PermissionRow/SubCategory.js

@@ -0,0 +1,163 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var get = require('lodash/get');
+var PropTypes = require('prop-types');
+var reactIntl = require('react-intl');
+var styledComponents = require('styled-components');
+var index = require('../../../contexts/UsersPermissionsContext/index.js');
+var CheckboxWrapper = require('./CheckboxWrapper.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var get__default = /*#__PURE__*/_interopDefault(get);
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+
+const Border = styledComponents.styled.div`
+  flex: 1;
+  align-self: center;
+  border-top: 1px solid ${({ theme })=>theme.colors.neutral150};
+`;
+const SubCategory = ({ subCategory })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { onChange, onChangeSelectAll, onSelectedAction, selectedAction, modifiedData } = index.useUsersPermissions();
+    const currentScopedModifiedData = React.useMemo(()=>{
+        return get__default.default(modifiedData, subCategory.name, {});
+    }, [
+        modifiedData,
+        subCategory
+    ]);
+    const hasAllActionsSelected = React.useMemo(()=>{
+        return Object.values(currentScopedModifiedData).every((action)=>action.enabled === true);
+    }, [
+        currentScopedModifiedData
+    ]);
+    const hasSomeActionsSelected = React.useMemo(()=>{
+        return Object.values(currentScopedModifiedData).some((action)=>action.enabled === true) && !hasAllActionsSelected;
+    }, [
+        currentScopedModifiedData,
+        hasAllActionsSelected
+    ]);
+    const handleChangeSelectAll = React.useCallback(({ target: { name } })=>{
+        onChangeSelectAll({
+            target: {
+                name,
+                value: !hasAllActionsSelected
+            }
+        });
+    }, [
+        hasAllActionsSelected,
+        onChangeSelectAll
+    ]);
+    const isActionSelected = React.useCallback((actionName)=>{
+        return selectedAction === actionName;
+    }, [
+        selectedAction
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                justifyContent: "space-between",
+                alignItems: "center",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                        paddingRight: 4,
+                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                            variant: "sigma",
+                            textColor: "neutral600",
+                            children: subCategory.label
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(Border, {}),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                        paddingLeft: 4,
+                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Checkbox, {
+                            name: subCategory.name,
+                            checked: hasSomeActionsSelected ? 'indeterminate' : hasAllActionsSelected,
+                            onCheckedChange: (value)=>handleChangeSelectAll({
+                                    target: {
+                                        name: subCategory.name,
+                                        value
+                                    }
+                                }),
+                            children: formatMessage({
+                                id: 'app.utils.select-all',
+                                defaultMessage: 'Select all'
+                            })
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                paddingTop: 6,
+                paddingBottom: 6,
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Root, {
+                    gap: 2,
+                    style: {
+                        flex: 1
+                    },
+                    children: subCategory.actions.map((action)=>{
+                        const name = `${action.name}.enabled`;
+                        return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                            col: 4,
+                            xs: 12,
+                            s: 6,
+                            direction: "column",
+                            alignItems: "stretch",
+                            children: /*#__PURE__*/ jsxRuntime.jsxs(CheckboxWrapper, {
+                                isActive: isActionSelected(action.name),
+                                padding: 2,
+                                hasRadius: true,
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Checkbox, {
+                                        checked: get__default.default(modifiedData, name, false),
+                                        name: name,
+                                        onCheckedChange: (value)=>onChange({
+                                                target: {
+                                                    name,
+                                                    value
+                                                }
+                                            }),
+                                        children: action.label
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsxs("button", {
+                                        type: "button",
+                                        onClick: ()=>onSelectedAction(action.name),
+                                        style: {
+                                            display: 'inline-flex',
+                                            alignItems: 'center'
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
+                                                tag: "span",
+                                                children: formatMessage({
+                                                    id: 'app.utils.show-bound-route',
+                                                    defaultMessage: 'Show bound route for {route}'
+                                                }, {
+                                                    route: action.name
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsx(icons.Cog, {
+                                                id: "cog",
+                                                cursor: "pointer"
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        }, action.name);
+                    })
+                })
+            })
+        ]
+    });
+};
+SubCategory.propTypes = {
+    subCategory: PropTypes__default.default.object.isRequired
+};
+
+module.exports = SubCategory;
+//# sourceMappingURL=SubCategory.js.map

package/dist/admin/components/Permissions/PermissionRow/SubCategory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubCategory.js","sources":["../../../../../admin/src/components/Permissions/PermissionRow/SubCategory.jsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\n\nimport { Box, Checkbox, Flex, Typography, Grid, VisuallyHidden } from '@strapi/design-system';\nimport { Cog } from '@strapi/icons';\nimport get from 'lodash/get';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { useUsersPermissions } from '../../../contexts/UsersPermissionsContext';\n\nimport CheckboxWrapper from './CheckboxWrapper';\n\nconst Border = styled.div`\n  flex: 1;\n  align-self: center;\n  border-top: 1px solid ${({ theme }) => theme.colors.neutral150};\n`;\n\nconst SubCategory = ({ subCategory }) => {\n  const { formatMessage } = useIntl();\n  const { onChange, onChangeSelectAll, onSelectedAction, selectedAction, modifiedData } =\n    useUsersPermissions();\n\n  const currentScopedModifiedData = useMemo(() => {\n    return get(modifiedData, subCategory.name, {});\n  }, [modifiedData, subCategory]);\n\n  const hasAllActionsSelected = useMemo(() => {\n    return Object.values(currentScopedModifiedData).every((action) => action.enabled === true);\n  }, [currentScopedModifiedData]);\n\n  const hasSomeActionsSelected = useMemo(() => {\n    return (\n      Object.values(currentScopedModifiedData).some((action) => action.enabled === true) &&\n      !hasAllActionsSelected\n    );\n  }, [currentScopedModifiedData, hasAllActionsSelected]);\n\n  const handleChangeSelectAll = useCallback(\n    ({ target: { name } }) => {\n      onChangeSelectAll({ target: { name, value: !hasAllActionsSelected } });\n    },\n    [hasAllActionsSelected, onChangeSelectAll]\n  );\n\n  const isActionSelected = useCallback(\n    (actionName) => {\n      return selectedAction === actionName;\n    },\n    [selectedAction]\n  );\n\n  return (\n    <Box>\n      <Flex justifyContent=\"space-between\" alignItems=\"center\">\n        <Box paddingRight={4}>\n          <Typography variant=\"sigma\" textColor=\"neutral600\">\n            {subCategory.label}\n          </Typography>\n        </Box>\n        <Border />\n        <Box paddingLeft={4}>\n          <Checkbox\n            name={subCategory.name}\n            checked={hasSomeActionsSelected ? 'indeterminate' : hasAllActionsSelected}\n            onCheckedChange={(value) =>\n              handleChangeSelectAll({ target: { name: subCategory.name, value } })\n            }\n          >\n            {formatMessage({ id: 'app.utils.select-all', defaultMessage: 'Select all' })}\n          </Checkbox>\n        </Box>\n      </Flex>\n      <Flex paddingTop={6} paddingBottom={6}>\n        <Grid.Root gap={2} style={{ flex: 1 }}>\n          {subCategory.actions.map((action) => {\n            const name = `${action.name}.enabled`;\n\n            return (\n              <Grid.Item\n                col={4}\n                xs={12}\n                s={6}\n                key={action.name}\n                direction=\"column\"\n                alignItems=\"stretch\"\n              >\n                <CheckboxWrapper isActive={isActionSelected(action.name)} padding={2} hasRadius>\n                  <Checkbox\n                    checked={get(modifiedData, name, false)}\n                    name={name}\n                    onCheckedChange={(value) => onChange({ target: { name, value } })}\n                  >\n                    {action.label}\n                  </Checkbox>\n                  <button\n                    type=\"button\"\n                    onClick={() => onSelectedAction(action.name)}\n                    style={{ display: 'inline-flex', alignItems: 'center' }}\n                  >\n                    <VisuallyHidden tag=\"span\">\n                      {formatMessage(\n                        {\n                          id: 'app.utils.show-bound-route',\n                          defaultMessage: 'Show bound route for {route}',\n                        },\n                        {\n                          route: action.name,\n                        }\n                      )}\n                    </VisuallyHidden>\n                    <Cog id=\"cog\" cursor=\"pointer\" />\n                  </button>\n                </CheckboxWrapper>\n              </Grid.Item>\n            );\n          })}\n        </Grid.Root>\n      </Flex>\n    </Box>\n  );\n};\n\nSubCategory.propTypes = {\n  subCategory: PropTypes.object.isRequired,\n};\n\nexport default SubCategory;\n"],"names":["Border","styled","div","theme","colors","neutral150","SubCategory","subCategory","formatMessage","useIntl","onChange","onChangeSelectAll","onSelectedAction","selectedAction","modifiedData","useUsersPermissions","currentScopedModifiedData","useMemo","get","name","hasAllActionsSelected","Object","values","every","action","enabled","hasSomeActionsSelected","some","handleChangeSelectAll","useCallback","target","value","isActionSelected","actionName","_jsxs","Box","Flex","justifyContent","alignItems","_jsx","paddingRight","Typography","variant","textColor","label","paddingLeft","Checkbox","checked","onCheckedChange","id","defaultMessage","paddingTop","paddingBottom","Grid","Root","gap","style","flex","actions","map","Item","col","xs","s","direction","CheckboxWrapper","isActive","padding","hasRadius","button","type","onClick","display","VisuallyHidden","tag","route","Cog","cursor","propTypes","PropTypes","object","isRequired"],"mappings":"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"}

package/dist/admin/components/Permissions/PermissionRow/SubCategory.mjs

@@ -0,0 +1,156 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo, useCallback } from 'react';
+import { Box, Flex, Typography, Checkbox, Grid, VisuallyHidden } from '@strapi/design-system';
+import { Cog } from '@strapi/icons';
+import get from 'lodash/get';
+import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
+import { styled } from 'styled-components';
+import { useUsersPermissions } from '../../../contexts/UsersPermissionsContext/index.mjs';
+import CheckboxWrapper from './CheckboxWrapper.mjs';
+
+const Border = styled.div`
+  flex: 1;
+  align-self: center;
+  border-top: 1px solid ${({ theme })=>theme.colors.neutral150};
+`;
+const SubCategory = ({ subCategory })=>{
+    const { formatMessage } = useIntl();
+    const { onChange, onChangeSelectAll, onSelectedAction, selectedAction, modifiedData } = useUsersPermissions();
+    const currentScopedModifiedData = useMemo(()=>{
+        return get(modifiedData, subCategory.name, {});
+    }, [
+        modifiedData,
+        subCategory
+    ]);
+    const hasAllActionsSelected = useMemo(()=>{
+        return Object.values(currentScopedModifiedData).every((action)=>action.enabled === true);
+    }, [
+        currentScopedModifiedData
+    ]);
+    const hasSomeActionsSelected = useMemo(()=>{
+        return Object.values(currentScopedModifiedData).some((action)=>action.enabled === true) && !hasAllActionsSelected;
+    }, [
+        currentScopedModifiedData,
+        hasAllActionsSelected
+    ]);
+    const handleChangeSelectAll = useCallback(({ target: { name } })=>{
+        onChangeSelectAll({
+            target: {
+                name,
+                value: !hasAllActionsSelected
+            }
+        });
+    }, [
+        hasAllActionsSelected,
+        onChangeSelectAll
+    ]);
+    const isActionSelected = useCallback((actionName)=>{
+        return selectedAction === actionName;
+    }, [
+        selectedAction
+    ]);
+    return /*#__PURE__*/ jsxs(Box, {
+        children: [
+            /*#__PURE__*/ jsxs(Flex, {
+                justifyContent: "space-between",
+                alignItems: "center",
+                children: [
+                    /*#__PURE__*/ jsx(Box, {
+                        paddingRight: 4,
+                        children: /*#__PURE__*/ jsx(Typography, {
+                            variant: "sigma",
+                            textColor: "neutral600",
+                            children: subCategory.label
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Border, {}),
+                    /*#__PURE__*/ jsx(Box, {
+                        paddingLeft: 4,
+                        children: /*#__PURE__*/ jsx(Checkbox, {
+                            name: subCategory.name,
+                            checked: hasSomeActionsSelected ? 'indeterminate' : hasAllActionsSelected,
+                            onCheckedChange: (value)=>handleChangeSelectAll({
+                                    target: {
+                                        name: subCategory.name,
+                                        value
+                                    }
+                                }),
+                            children: formatMessage({
+                                id: 'app.utils.select-all',
+                                defaultMessage: 'Select all'
+                            })
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Flex, {
+                paddingTop: 6,
+                paddingBottom: 6,
+                children: /*#__PURE__*/ jsx(Grid.Root, {
+                    gap: 2,
+                    style: {
+                        flex: 1
+                    },
+                    children: subCategory.actions.map((action)=>{
+                        const name = `${action.name}.enabled`;
+                        return /*#__PURE__*/ jsx(Grid.Item, {
+                            col: 4,
+                            xs: 12,
+                            s: 6,
+                            direction: "column",
+                            alignItems: "stretch",
+                            children: /*#__PURE__*/ jsxs(CheckboxWrapper, {
+                                isActive: isActionSelected(action.name),
+                                padding: 2,
+                                hasRadius: true,
+                                children: [
+                                    /*#__PURE__*/ jsx(Checkbox, {
+                                        checked: get(modifiedData, name, false),
+                                        name: name,
+                                        onCheckedChange: (value)=>onChange({
+                                                target: {
+                                                    name,
+                                                    value
+                                                }
+                                            }),
+                                        children: action.label
+                                    }),
+                                    /*#__PURE__*/ jsxs("button", {
+                                        type: "button",
+                                        onClick: ()=>onSelectedAction(action.name),
+                                        style: {
+                                            display: 'inline-flex',
+                                            alignItems: 'center'
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ jsx(VisuallyHidden, {
+                                                tag: "span",
+                                                children: formatMessage({
+                                                    id: 'app.utils.show-bound-route',
+                                                    defaultMessage: 'Show bound route for {route}'
+                                                }, {
+                                                    route: action.name
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsx(Cog, {
+                                                id: "cog",
+                                                cursor: "pointer"
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        }, action.name);
+                    })
+                })
+            })
+        ]
+    });
+};
+SubCategory.propTypes = {
+    subCategory: PropTypes.object.isRequired
+};
+
+export { SubCategory as default };
+//# sourceMappingURL=SubCategory.mjs.map

package/dist/admin/components/Permissions/PermissionRow/SubCategory.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubCategory.mjs","sources":["../../../../../admin/src/components/Permissions/PermissionRow/SubCategory.jsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\n\nimport { Box, Checkbox, Flex, Typography, Grid, VisuallyHidden } from '@strapi/design-system';\nimport { Cog } from '@strapi/icons';\nimport get from 'lodash/get';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { useUsersPermissions } from '../../../contexts/UsersPermissionsContext';\n\nimport CheckboxWrapper from './CheckboxWrapper';\n\nconst Border = styled.div`\n  flex: 1;\n  align-self: center;\n  border-top: 1px solid ${({ theme }) => theme.colors.neutral150};\n`;\n\nconst SubCategory = ({ subCategory }) => {\n  const { formatMessage } = useIntl();\n  const { onChange, onChangeSelectAll, onSelectedAction, selectedAction, modifiedData } =\n    useUsersPermissions();\n\n  const currentScopedModifiedData = useMemo(() => {\n    return get(modifiedData, subCategory.name, {});\n  }, [modifiedData, subCategory]);\n\n  const hasAllActionsSelected = useMemo(() => {\n    return Object.values(currentScopedModifiedData).every((action) => action.enabled === true);\n  }, [currentScopedModifiedData]);\n\n  const hasSomeActionsSelected = useMemo(() => {\n    return (\n      Object.values(currentScopedModifiedData).some((action) => action.enabled === true) &&\n      !hasAllActionsSelected\n    );\n  }, [currentScopedModifiedData, hasAllActionsSelected]);\n\n  const handleChangeSelectAll = useCallback(\n    ({ target: { name } }) => {\n      onChangeSelectAll({ target: { name, value: !hasAllActionsSelected } });\n    },\n    [hasAllActionsSelected, onChangeSelectAll]\n  );\n\n  const isActionSelected = useCallback(\n    (actionName) => {\n      return selectedAction === actionName;\n    },\n    [selectedAction]\n  );\n\n  return (\n    <Box>\n      <Flex justifyContent=\"space-between\" alignItems=\"center\">\n        <Box paddingRight={4}>\n          <Typography variant=\"sigma\" textColor=\"neutral600\">\n            {subCategory.label}\n          </Typography>\n        </Box>\n        <Border />\n        <Box paddingLeft={4}>\n          <Checkbox\n            name={subCategory.name}\n            checked={hasSomeActionsSelected ? 'indeterminate' : hasAllActionsSelected}\n            onCheckedChange={(value) =>\n              handleChangeSelectAll({ target: { name: subCategory.name, value } })\n            }\n          >\n            {formatMessage({ id: 'app.utils.select-all', defaultMessage: 'Select all' })}\n          </Checkbox>\n        </Box>\n      </Flex>\n      <Flex paddingTop={6} paddingBottom={6}>\n        <Grid.Root gap={2} style={{ flex: 1 }}>\n          {subCategory.actions.map((action) => {\n            const name = `${action.name}.enabled`;\n\n            return (\n              <Grid.Item\n                col={4}\n                xs={12}\n                s={6}\n                key={action.name}\n                direction=\"column\"\n                alignItems=\"stretch\"\n              >\n                <CheckboxWrapper isActive={isActionSelected(action.name)} padding={2} hasRadius>\n                  <Checkbox\n                    checked={get(modifiedData, name, false)}\n                    name={name}\n                    onCheckedChange={(value) => onChange({ target: { name, value } })}\n                  >\n                    {action.label}\n                  </Checkbox>\n                  <button\n                    type=\"button\"\n                    onClick={() => onSelectedAction(action.name)}\n                    style={{ display: 'inline-flex', alignItems: 'center' }}\n                  >\n                    <VisuallyHidden tag=\"span\">\n                      {formatMessage(\n                        {\n                          id: 'app.utils.show-bound-route',\n                          defaultMessage: 'Show bound route for {route}',\n                        },\n                        {\n                          route: action.name,\n                        }\n                      )}\n                    </VisuallyHidden>\n                    <Cog id=\"cog\" cursor=\"pointer\" />\n                  </button>\n                </CheckboxWrapper>\n              </Grid.Item>\n            );\n          })}\n        </Grid.Root>\n      </Flex>\n    </Box>\n  );\n};\n\nSubCategory.propTypes = {\n  subCategory: PropTypes.object.isRequired,\n};\n\nexport default SubCategory;\n"],"names":["Border","styled","div","theme","colors","neutral150","SubCategory","subCategory","formatMessage","useIntl","onChange","onChangeSelectAll","onSelectedAction","selectedAction","modifiedData","useUsersPermissions","currentScopedModifiedData","useMemo","get","name","hasAllActionsSelected","Object","values","every","action","enabled","hasSomeActionsSelected","some","handleChangeSelectAll","useCallback","target","value","isActionSelected","actionName","_jsxs","Box","Flex","justifyContent","alignItems","_jsx","paddingRight","Typography","variant","textColor","label","paddingLeft","Checkbox","checked","onCheckedChange","id","defaultMessage","paddingTop","paddingBottom","Grid","Root","gap","style","flex","actions","map","Item","col","xs","s","direction","CheckboxWrapper","isActive","padding","hasRadius","button","type","onClick","display","VisuallyHidden","tag","route","Cog","cursor","propTypes","PropTypes","object","isRequired"],"mappings":"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"}

package/dist/admin/components/Permissions/PermissionRow/index.js

@@ -0,0 +1,55 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var sortBy = require('lodash/sortBy');
+var PropTypes = require('prop-types');
+var SubCategory = require('./SubCategory.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var sortBy__default = /*#__PURE__*/_interopDefault(sortBy);
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+
+const PermissionRow = ({ name, permissions })=>{
+    const subCategories = React.useMemo(()=>{
+        return sortBy__default.default(Object.values(permissions.controllers).reduce((acc, curr, index)=>{
+            const currentName = `${name}.controllers.${Object.keys(permissions.controllers)[index]}`;
+            const actions = sortBy__default.default(Object.keys(curr).reduce((acc, current)=>{
+                return [
+                    ...acc,
+                    {
+                        ...curr[current],
+                        label: current,
+                        name: `${currentName}.${current}`
+                    }
+                ];
+            }, []), 'label');
+            return [
+                ...acc,
+                {
+                    actions,
+                    label: Object.keys(permissions.controllers)[index],
+                    name: currentName
+                }
+            ];
+        }, []), 'label');
+    }, [
+        name,
+        permissions
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+        padding: 6,
+        children: subCategories.map((subCategory)=>/*#__PURE__*/ jsxRuntime.jsx(SubCategory, {
+                subCategory: subCategory
+            }, subCategory.name))
+    });
+};
+PermissionRow.propTypes = {
+    name: PropTypes__default.default.string.isRequired,
+    permissions: PropTypes__default.default.object.isRequired
+};
+
+module.exports = PermissionRow;
+//# sourceMappingURL=index.js.map

package/dist/admin/components/Permissions/PermissionRow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../admin/src/components/Permissions/PermissionRow/index.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { Box } from '@strapi/design-system';\nimport sortBy from 'lodash/sortBy';\nimport PropTypes from 'prop-types';\n\nimport SubCategory from './SubCategory';\n\nconst PermissionRow = ({ name, permissions }) => {\n  const subCategories = useMemo(() => {\n    return sortBy(\n      Object.values(permissions.controllers).reduce((acc, curr, index) => {\n        const currentName = `${name}.controllers.${Object.keys(permissions.controllers)[index]}`;\n        const actions = sortBy(\n          Object.keys(curr).reduce((acc, current) => {\n            return [\n              ...acc,\n              {\n                ...curr[current],\n                label: current,\n                name: `${currentName}.${current}`,\n              },\n            ];\n          }, []),\n          'label'\n        );\n\n        return [\n          ...acc,\n          {\n            actions,\n            label: Object.keys(permissions.controllers)[index],\n            name: currentName,\n          },\n        ];\n      }, []),\n      'label'\n    );\n  }, [name, permissions]);\n\n  return (\n    <Box padding={6}>\n      {subCategories.map((subCategory) => (\n        <SubCategory key={subCategory.name} subCategory={subCategory} />\n      ))}\n    </Box>\n  );\n};\n\nPermissionRow.propTypes = {\n  name: PropTypes.string.isRequired,\n  permissions: PropTypes.object.isRequired,\n};\n\nexport default PermissionRow;\n"],"names":["PermissionRow","name","permissions","subCategories","useMemo","sortBy","Object","values","controllers","reduce","acc","curr","index","currentName","keys","actions","current","label","_jsx","Box","padding","map","subCategory","SubCategory","propTypes","PropTypes","string","isRequired","object"],"mappings":";;;;;;;;;;;;;;AAQA,MAAMA,gBAAgB,CAAC,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAA;AAC1C,IAAA,MAAMC,gBAAgBC,aAAAA,CAAQ,IAAA;QAC5B,OAAOC,uBAAAA,CACLC,MAAAA,CAAOC,MAAM,CAACL,WAAAA,CAAYM,WAAW,CAAA,CAAEC,MAAM,CAAC,CAACC,GAAAA,EAAKC,IAAAA,EAAMC,KAAAA,GAAAA;AACxD,YAAA,MAAMC,WAAAA,GAAc,CAAA,EAAGZ,IAAAA,CAAK,aAAa,EAAEK,MAAAA,CAAOQ,IAAI,CAACZ,WAAAA,CAAYM,WAAW,CAAC,CAACI,MAAM,CAAA,CAAE;YACxF,MAAMG,OAAAA,GAAUV,wBACdC,MAAAA,CAAOQ,IAAI,CAACH,IAAAA,CAAAA,CAAMF,MAAM,CAAC,CAACC,GAAAA,EAAKM,OAAAA,GAAAA;gBAC7B,OAAO;AACFN,oBAAAA,GAAAA,GAAAA;AACH,oBAAA;wBACE,GAAGC,IAAI,CAACK,OAAAA,CAAQ;wBAChBC,KAAAA,EAAOD,OAAAA;AACPf,wBAAAA,IAAAA,EAAM,CAAA,EAAGY,WAAAA,CAAY,CAAC,EAAEG,OAAAA,CAAAA;AAC1B;AACD,iBAAA;AACH,YAAA,CAAA,EAAG,EAAE,CAAA,EACL,OAAA,CAAA;YAGF,OAAO;AACFN,gBAAAA,GAAAA,GAAAA;AACH,gBAAA;AACEK,oBAAAA,OAAAA;AACAE,oBAAAA,KAAAA,EAAOX,OAAOQ,IAAI,CAACZ,YAAYM,WAAW,CAAC,CAACI,KAAAA,CAAM;oBAClDX,IAAAA,EAAMY;AACR;AACD,aAAA;AACH,QAAA,CAAA,EAAG,EAAE,CAAA,EACL,OAAA,CAAA;IAEJ,CAAA,EAAG;AAACZ,QAAAA,IAAAA;AAAMC,QAAAA;AAAY,KAAA,CAAA;AAEtB,IAAA,qBACEgB,cAAA,CAACC,gBAAAA,EAAAA;QAAIC,OAAAA,EAAS,CAAA;AACXjB,QAAAA,QAAAA,EAAAA,aAAAA,CAAckB,GAAG,CAAC,CAACC,WAAAA,iBAClBJ,cAAA,CAACK,WAAAA,EAAAA;gBAAmCD,WAAAA,EAAaA;AAA/BA,aAAAA,EAAAA,WAAAA,CAAYrB,IAAI,CAAA;;AAI1C;AAEAD,aAAAA,CAAcwB,SAAS,GAAG;IACxBvB,IAAAA,EAAMwB,0BAAAA,CAAUC,MAAM,CAACC,UAAU;IACjCzB,WAAAA,EAAauB,0BAAAA,CAAUG,MAAM,CAACD;AAChC,CAAA;;;;"}

package/dist/admin/components/Permissions/PermissionRow/index.mjs

@@ -0,0 +1,48 @@
+import { jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { Box } from '@strapi/design-system';
+import sortBy from 'lodash/sortBy';
+import PropTypes from 'prop-types';
+import SubCategory from './SubCategory.mjs';
+
+const PermissionRow = ({ name, permissions })=>{
+    const subCategories = useMemo(()=>{
+        return sortBy(Object.values(permissions.controllers).reduce((acc, curr, index)=>{
+            const currentName = `${name}.controllers.${Object.keys(permissions.controllers)[index]}`;
+            const actions = sortBy(Object.keys(curr).reduce((acc, current)=>{
+                return [
+                    ...acc,
+                    {
+                        ...curr[current],
+                        label: current,
+                        name: `${currentName}.${current}`
+                    }
+                ];
+            }, []), 'label');
+            return [
+                ...acc,
+                {
+                    actions,
+                    label: Object.keys(permissions.controllers)[index],
+                    name: currentName
+                }
+            ];
+        }, []), 'label');
+    }, [
+        name,
+        permissions
+    ]);
+    return /*#__PURE__*/ jsx(Box, {
+        padding: 6,
+        children: subCategories.map((subCategory)=>/*#__PURE__*/ jsx(SubCategory, {
+                subCategory: subCategory
+            }, subCategory.name))
+    });
+};
+PermissionRow.propTypes = {
+    name: PropTypes.string.isRequired,
+    permissions: PropTypes.object.isRequired
+};
+
+export { PermissionRow as default };
+//# sourceMappingURL=index.mjs.map

package/dist/admin/components/Permissions/PermissionRow/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../admin/src/components/Permissions/PermissionRow/index.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { Box } from '@strapi/design-system';\nimport sortBy from 'lodash/sortBy';\nimport PropTypes from 'prop-types';\n\nimport SubCategory from './SubCategory';\n\nconst PermissionRow = ({ name, permissions }) => {\n  const subCategories = useMemo(() => {\n    return sortBy(\n      Object.values(permissions.controllers).reduce((acc, curr, index) => {\n        const currentName = `${name}.controllers.${Object.keys(permissions.controllers)[index]}`;\n        const actions = sortBy(\n          Object.keys(curr).reduce((acc, current) => {\n            return [\n              ...acc,\n              {\n                ...curr[current],\n                label: current,\n                name: `${currentName}.${current}`,\n              },\n            ];\n          }, []),\n          'label'\n        );\n\n        return [\n          ...acc,\n          {\n            actions,\n            label: Object.keys(permissions.controllers)[index],\n            name: currentName,\n          },\n        ];\n      }, []),\n      'label'\n    );\n  }, [name, permissions]);\n\n  return (\n    <Box padding={6}>\n      {subCategories.map((subCategory) => (\n        <SubCategory key={subCategory.name} subCategory={subCategory} />\n      ))}\n    </Box>\n  );\n};\n\nPermissionRow.propTypes = {\n  name: PropTypes.string.isRequired,\n  permissions: PropTypes.object.isRequired,\n};\n\nexport default PermissionRow;\n"],"names":["PermissionRow","name","permissions","subCategories","useMemo","sortBy","Object","values","controllers","reduce","acc","curr","index","currentName","keys","actions","current","label","_jsx","Box","padding","map","subCategory","SubCategory","propTypes","PropTypes","string","isRequired","object"],"mappings":";;;;;;;AAQA,MAAMA,gBAAgB,CAAC,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAA;AAC1C,IAAA,MAAMC,gBAAgBC,OAAAA,CAAQ,IAAA;QAC5B,OAAOC,MAAAA,CACLC,MAAAA,CAAOC,MAAM,CAACL,WAAAA,CAAYM,WAAW,CAAA,CAAEC,MAAM,CAAC,CAACC,GAAAA,EAAKC,IAAAA,EAAMC,KAAAA,GAAAA;AACxD,YAAA,MAAMC,WAAAA,GAAc,CAAA,EAAGZ,IAAAA,CAAK,aAAa,EAAEK,MAAAA,CAAOQ,IAAI,CAACZ,WAAAA,CAAYM,WAAW,CAAC,CAACI,MAAM,CAAA,CAAE;YACxF,MAAMG,OAAAA,GAAUV,OACdC,MAAAA,CAAOQ,IAAI,CAACH,IAAAA,CAAAA,CAAMF,MAAM,CAAC,CAACC,GAAAA,EAAKM,OAAAA,GAAAA;gBAC7B,OAAO;AACFN,oBAAAA,GAAAA,GAAAA;AACH,oBAAA;wBACE,GAAGC,IAAI,CAACK,OAAAA,CAAQ;wBAChBC,KAAAA,EAAOD,OAAAA;AACPf,wBAAAA,IAAAA,EAAM,CAAA,EAAGY,WAAAA,CAAY,CAAC,EAAEG,OAAAA,CAAAA;AAC1B;AACD,iBAAA;AACH,YAAA,CAAA,EAAG,EAAE,CAAA,EACL,OAAA,CAAA;YAGF,OAAO;AACFN,gBAAAA,GAAAA,GAAAA;AACH,gBAAA;AACEK,oBAAAA,OAAAA;AACAE,oBAAAA,KAAAA,EAAOX,OAAOQ,IAAI,CAACZ,YAAYM,WAAW,CAAC,CAACI,KAAAA,CAAM;oBAClDX,IAAAA,EAAMY;AACR;AACD,aAAA;AACH,QAAA,CAAA,EAAG,EAAE,CAAA,EACL,OAAA,CAAA;IAEJ,CAAA,EAAG;AAACZ,QAAAA,IAAAA;AAAMC,QAAAA;AAAY,KAAA,CAAA;AAEtB,IAAA,qBACEgB,GAAA,CAACC,GAAAA,EAAAA;QAAIC,OAAAA,EAAS,CAAA;AACXjB,QAAAA,QAAAA,EAAAA,aAAAA,CAAckB,GAAG,CAAC,CAACC,WAAAA,iBAClBJ,GAAA,CAACK,WAAAA,EAAAA;gBAAmCD,WAAAA,EAAaA;AAA/BA,aAAAA,EAAAA,WAAAA,CAAYrB,IAAI,CAAA;;AAI1C;AAEAD,aAAAA,CAAcwB,SAAS,GAAG;IACxBvB,IAAAA,EAAMwB,SAAAA,CAAUC,MAAM,CAACC,UAAU;IACjCzB,WAAAA,EAAauB,SAAAA,CAAUG,MAAM,CAACD;AAChC,CAAA;;;;"}

package/dist/admin/components/Permissions/index.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var index = require('../../contexts/UsersPermissionsContext/index.js');
+var formatPluginName = require('../../utils/formatPluginName.js');
+var init = require('./init.js');
+var index$1 = require('./PermissionRow/index.js');
+var reducer = require('./reducer.js');
+
+const Permissions = ()=>{
+    const { modifiedData } = index.useUsersPermissions();
+    const { formatMessage } = reactIntl.useIntl();
+    const [{ collapses }] = React.useReducer(reducer.reducer, reducer.initialState, (state)=>init(state, modifiedData));
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Accordion.Root, {
+        size: "M",
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+            direction: "column",
+            alignItems: "stretch",
+            gap: 1,
+            children: collapses.map((collapse, index)=>/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Accordion.Item, {
+                    value: collapse.name,
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Accordion.Header, {
+                            variant: index % 2 === 0 ? 'secondary' : undefined,
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Accordion.Trigger, {
+                                caretPosition: "right",
+                                description: formatMessage({
+                                    id: 'users-permissions.Plugin.permissions.plugins.description',
+                                    defaultMessage: 'Define all allowed actions for the {name} plugin.'
+                                }, {
+                                    name: collapse.name
+                                }),
+                                children: formatPluginName(collapse.name)
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Accordion.Content, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(index$1, {
+                                permissions: modifiedData[collapse.name],
+                                name: collapse.name
+                            })
+                        })
+                    ]
+                }, collapse.name))
+        })
+    });
+};
+
+module.exports = Permissions;
+//# sourceMappingURL=index.js.map