@strapi/plugin-users-permissions 0.0.0-next.f8af92b375dc730ba47ed2117f25df893aae696c → 0.0.0-next.f93d6eabe52aa7681655cfa08eedbc3708dbb90d

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,KAAMC,CAAAA,KAAK,CAACC,MAAM,CAACC,UAAU,CAAC;;;;;AAKzD,CAAC;AAEKC,MAAAA,eAAAA,GAAkBC,uBAAOC,CAAAA,gBAAAA,CAAI;;;;;;;;YAQvB,EAAE,CAACN,QAAUA,KAAMC,CAAAA,KAAK,CAACC,MAAM,CAACK,UAAU,CAAC;;;;;AAKrD,EAAA,EAAE,CAACP,KAAAA,GAAUA,KAAMQ,CAAAA,QAAQ,IAAIV,2BAA4B;;AAEzD,IAAA,EAAEA,2BAA4B;;AAElC;;;;"}

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

@@ -0,0 +1,31 @@
+import { Box } from '@strapi/design-system';
+import { css, styled } 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,KAAMC,CAAAA,KAAK,CAACC,MAAM,CAACC,UAAU,CAAC;;;;;AAKzD,CAAC;AAEKC,MAAAA,eAAAA,GAAkBC,MAAOC,CAAAA,GAAAA,CAAI;;;;;;;;YAQvB,EAAE,CAACN,QAAUA,KAAMC,CAAAA,KAAK,CAACC,MAAM,CAACK,UAAU,CAAC;;;;;AAKrD,EAAA,EAAE,CAACP,KAAAA,GAAUA,KAAMQ,CAAAA,QAAQ,IAAIV,2BAA4B;;AAEzD,IAAA,EAAEA,2BAA4B;;AAElC;;;;"}

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

@@ -0,0 +1,156 @@
+'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');
+
+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(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: 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(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.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 col={6} key={action.name} direction=\"column\" alignItems=\"stretch\">\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","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,154 @@
+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: 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 col={6} key={action.name} direction=\"column\" alignItems=\"stretch\">\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","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,50 @@
+'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');
+
+const PermissionRow = ({ name, permissions })=>{
+    const subCategories = React.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__*/ jsxRuntime.jsx(designSystem.Box, {
+        padding: 6,
+        children: subCategories.map((subCategory)=>/*#__PURE__*/ jsxRuntime.jsx(SubCategory, {
+                subCategory: subCategory
+            }, subCategory.name))
+    });
+};
+PermissionRow.propTypes = {
+    name: PropTypes.string.isRequired,
+    permissions: PropTypes.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,aAAQ,CAAA,IAAA;QAC5B,OAAOC,MAAAA,CACLC,MAAOC,CAAAA,MAAM,CAACL,WAAAA,CAAYM,WAAW,CAAA,CAAEC,MAAM,CAAC,CAACC,GAAAA,EAAKC,IAAMC,EAAAA,KAAAA,GAAAA;AACxD,YAAA,MAAMC,WAAc,GAAA,CAAC,EAAEZ,IAAAA,CAAK,aAAa,EAAEK,MAAAA,CAAOQ,IAAI,CAACZ,YAAYM,WAAW,CAAC,CAACI,KAAAA,CAAM,CAAC,CAAC;YACxF,MAAMG,OAAAA,GAAUV,OACdC,MAAOQ,CAAAA,IAAI,CAACH,IAAMF,CAAAA,CAAAA,MAAM,CAAC,CAACC,GAAKM,EAAAA,OAAAA,GAAAA;gBAC7B,OAAO;AACFN,oBAAAA,GAAAA,GAAAA;AACH,oBAAA;wBACE,GAAGC,IAAI,CAACK,OAAQ,CAAA;wBAChBC,KAAOD,EAAAA,OAAAA;AACPf,wBAAAA,IAAAA,EAAM,CAAC,EAAEY,WAAAA,CAAY,CAAC,EAAEG,QAAQ;AAClC;AACD,iBAAA;AACH,aAAA,EAAG,EAAE,CACL,EAAA,OAAA,CAAA;YAGF,OAAO;AACFN,gBAAAA,GAAAA,GAAAA;AACH,gBAAA;AACEK,oBAAAA,OAAAA;AACAE,oBAAAA,KAAAA,EAAOX,OAAOQ,IAAI,CAACZ,YAAYM,WAAW,CAAC,CAACI,KAAM,CAAA;oBAClDX,IAAMY,EAAAA;AACR;AACD,aAAA;AACH,SAAA,EAAG,EAAE,CACL,EAAA,OAAA,CAAA;KAED,EAAA;AAACZ,QAAAA,IAAAA;AAAMC,QAAAA;AAAY,KAAA,CAAA;AAEtB,IAAA,qBACEgB,cAACC,CAAAA,gBAAAA,EAAAA;QAAIC,OAAS,EAAA,CAAA;AACXjB,QAAAA,QAAAA,EAAAA,aAAAA,CAAckB,GAAG,CAAC,CAACC,WAAAA,iBAClBJ,cAACK,CAAAA,WAAAA,EAAAA;gBAAmCD,WAAaA,EAAAA;AAA/BA,aAAAA,EAAAA,WAAAA,CAAYrB,IAAI,CAAA;;AAI1C;AAEAD,aAAAA,CAAcwB,SAAS,GAAG;IACxBvB,IAAMwB,EAAAA,SAAAA,CAAUC,MAAM,CAACC,UAAU;IACjCzB,WAAauB,EAAAA,SAAAA,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,OAAQ,CAAA,IAAA;QAC5B,OAAOC,MAAAA,CACLC,MAAOC,CAAAA,MAAM,CAACL,WAAAA,CAAYM,WAAW,CAAA,CAAEC,MAAM,CAAC,CAACC,GAAAA,EAAKC,IAAMC,EAAAA,KAAAA,GAAAA;AACxD,YAAA,MAAMC,WAAc,GAAA,CAAC,EAAEZ,IAAAA,CAAK,aAAa,EAAEK,MAAAA,CAAOQ,IAAI,CAACZ,YAAYM,WAAW,CAAC,CAACI,KAAAA,CAAM,CAAC,CAAC;YACxF,MAAMG,OAAAA,GAAUV,OACdC,MAAOQ,CAAAA,IAAI,CAACH,IAAMF,CAAAA,CAAAA,MAAM,CAAC,CAACC,GAAKM,EAAAA,OAAAA,GAAAA;gBAC7B,OAAO;AACFN,oBAAAA,GAAAA,GAAAA;AACH,oBAAA;wBACE,GAAGC,IAAI,CAACK,OAAQ,CAAA;wBAChBC,KAAOD,EAAAA,OAAAA;AACPf,wBAAAA,IAAAA,EAAM,CAAC,EAAEY,WAAAA,CAAY,CAAC,EAAEG,QAAQ;AAClC;AACD,iBAAA;AACH,aAAA,EAAG,EAAE,CACL,EAAA,OAAA,CAAA;YAGF,OAAO;AACFN,gBAAAA,GAAAA,GAAAA;AACH,gBAAA;AACEK,oBAAAA,OAAAA;AACAE,oBAAAA,KAAAA,EAAOX,OAAOQ,IAAI,CAACZ,YAAYM,WAAW,CAAC,CAACI,KAAM,CAAA;oBAClDX,IAAMY,EAAAA;AACR;AACD,aAAA;AACH,SAAA,EAAG,EAAE,CACL,EAAA,OAAA,CAAA;KAED,EAAA;AAACZ,QAAAA,IAAAA;AAAMC,QAAAA;AAAY,KAAA,CAAA;AAEtB,IAAA,qBACEgB,GAACC,CAAAA,GAAAA,EAAAA;QAAIC,OAAS,EAAA,CAAA;AACXjB,QAAAA,QAAAA,EAAAA,aAAAA,CAAckB,GAAG,CAAC,CAACC,WAAAA,iBAClBJ,GAACK,CAAAA,WAAAA,EAAAA;gBAAmCD,WAAaA,EAAAA;AAA/BA,aAAAA,EAAAA,WAAAA,CAAYrB,IAAI,CAAA;;AAI1C;AAEAD,aAAAA,CAAcwB,SAAS,GAAG;IACxBvB,IAAMwB,EAAAA,SAAAA,CAAUC,MAAM,CAACC,UAAU;IACjCzB,WAAauB,EAAAA,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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../admin/src/components/Permissions/index.jsx"],"sourcesContent":["import React, { useReducer } from 'react';\n\nimport { Accordion, Flex } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useUsersPermissions } from '../../contexts/UsersPermissionsContext';\nimport formatPluginName from '../../utils/formatPluginName';\n\nimport init from './init';\nimport PermissionRow from './PermissionRow';\nimport { initialState, reducer } from './reducer';\n\nconst Permissions = () => {\n  const { modifiedData } = useUsersPermissions();\n  const { formatMessage } = useIntl();\n  const [{ collapses }] = useReducer(reducer, initialState, (state) => init(state, modifiedData));\n\n  return (\n    <Accordion.Root size=\"M\">\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={1}>\n        {collapses.map((collapse, index) => (\n          <Accordion.Item key={collapse.name} value={collapse.name}>\n            <Accordion.Header variant={index % 2 === 0 ? 'secondary' : undefined}>\n              <Accordion.Trigger\n                caretPosition=\"right\"\n                description={formatMessage(\n                  {\n                    id: 'users-permissions.Plugin.permissions.plugins.description',\n                    defaultMessage: 'Define all allowed actions for the {name} plugin.',\n                  },\n                  { name: collapse.name }\n                )}\n              >\n                {formatPluginName(collapse.name)}\n              </Accordion.Trigger>\n            </Accordion.Header>\n            <Accordion.Content>\n              <PermissionRow permissions={modifiedData[collapse.name]} name={collapse.name} />\n            </Accordion.Content>\n          </Accordion.Item>\n        ))}\n      </Flex>\n    </Accordion.Root>\n  );\n};\n\nexport default Permissions;\n"],"names":["Permissions","modifiedData","useUsersPermissions","formatMessage","useIntl","collapses","useReducer","reducer","initialState","state","init","_jsx","Accordion","Root","size","Flex","direction","alignItems","gap","map","collapse","index","_jsxs","Item","value","name","Header","variant","undefined","Trigger","caretPosition","description","id","defaultMessage","formatPluginName","Content","PermissionRow","permissions"],"mappings":";;;;;;;;;;;;AAYA,MAAMA,WAAc,GAAA,IAAA;IAClB,MAAM,EAAEC,YAAY,EAAE,GAAGC,yBAAAA,EAAAA;IACzB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAM,CAAC,EAAEC,SAAS,EAAE,CAAC,GAAGC,gBAAWC,CAAAA,eAAAA,EAASC,oBAAc,EAAA,CAACC,KAAUC,GAAAA,IAAAA,CAAKD,KAAOR,EAAAA,YAAAA,CAAAA,CAAAA;IAEjF,qBACEU,cAAA,CAACC,uBAAUC,IAAI,EAAA;QAACC,IAAK,EAAA,GAAA;AACnB,QAAA,QAAA,gBAAAH,cAACI,CAAAA,iBAAAA,EAAAA;YAAKC,SAAU,EAAA,QAAA;YAASC,UAAW,EAAA,SAAA;YAAUC,GAAK,EAAA,CAAA;AAChDb,YAAAA,QAAAA,EAAAA,SAAAA,CAAUc,GAAG,CAAC,CAACC,UAAUC,KACxB,iBAAAC,eAAA,CAACV,uBAAUW,IAAI,EAAA;AAAqBC,oBAAAA,KAAAA,EAAOJ,SAASK,IAAI;;AACtD,sCAAAd,cAAA,CAACC,uBAAUc,MAAM,EAAA;4BAACC,OAASN,EAAAA,KAAAA,GAAQ,CAAM,KAAA,CAAA,GAAI,WAAcO,GAAAA,SAAAA;oDACzDjB,cAAA,CAACC,uBAAUiB,OAAO,EAAA;gCAChBC,aAAc,EAAA,OAAA;AACdC,gCAAAA,WAAAA,EAAa5B,aACX,CAAA;oCACE6B,EAAI,EAAA,0DAAA;oCACJC,cAAgB,EAAA;iCAElB,EAAA;AAAER,oCAAAA,IAAAA,EAAML,SAASK;AAAK,iCAAA,CAAA;AAGvBS,gCAAAA,QAAAA,EAAAA,gBAAAA,CAAiBd,SAASK,IAAI;;;AAGnC,sCAAAd,cAAA,CAACC,uBAAUuB,OAAO,EAAA;AAChB,4BAAA,QAAA,gBAAAxB,cAACyB,CAAAA,OAAAA,EAAAA;AAAcC,gCAAAA,WAAAA,EAAapC,YAAY,CAACmB,QAASK,CAAAA,IAAI,CAAC;AAAEA,gCAAAA,IAAAA,EAAML,SAASK;;;;AAhBvDL,iBAAAA,EAAAA,QAAAA,CAASK,IAAI,CAAA;;;AAuB5C;;;;"}