@strapi/admin 0.0.0-experimental.62ce06180fe9a772eaeb3d43d238b26644f39f7c → 0.0.0-experimental.6340da17068c3bed7fb006e7bcc554c71129e282

package/dist/admin/admin/src/pages/Settings/pages/ApiTokens/EditView/components/CollapsableContentType.mjs

@@ -0,0 +1,157 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import { Accordion, Box, Flex, Typography, Checkbox, Grid } from '@strapi/design-system';
+import { Cog } from '@strapi/icons';
+import capitalize from 'lodash/capitalize';
+import { useIntl } from 'react-intl';
+import { styled, css } from 'styled-components';
+import { useApiTokenPermissions } from '../apiTokenPermissions.mjs';
+
+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}
+  }
+`;
+const Border = styled.div`
+  flex: 1;
+  align-self: center;
+  border-top: 1px solid ${({ theme })=>theme.colors.neutral150};
+`;
+const CollapsableContentType = ({ controllers = [], label, orderNumber = 0, disabled = false })=>{
+    const { value: { onChangeSelectAll, onChange, selectedActions, setSelectedAction, selectedAction } } = useApiTokenPermissions();
+    const { formatMessage } = useIntl();
+    const isActionSelected = (actionId)=>actionId === selectedAction;
+    return /*#__PURE__*/ jsxs(Accordion.Item, {
+        value: `${label}-${orderNumber}`,
+        children: [
+            /*#__PURE__*/ jsx(Accordion.Header, {
+                variant: orderNumber % 2 ? 'primary' : 'secondary',
+                children: /*#__PURE__*/ jsx(Accordion.Trigger, {
+                    children: capitalize(label)
+                })
+            }),
+            /*#__PURE__*/ jsx(Accordion.Content, {
+                children: controllers?.map((controller)=>{
+                    const allActionsSelected = controller.actions.every((action)=>selectedActions.includes(action.actionId));
+                    const someActionsSelected = controller.actions.some((action)=>selectedActions.includes(action.actionId));
+                    return /*#__PURE__*/ jsxs(Box, {
+                        children: [
+                            /*#__PURE__*/ jsxs(Flex, {
+                                justifyContent: "space-between",
+                                alignItems: "center",
+                                padding: 4,
+                                children: [
+                                    /*#__PURE__*/ jsx(Box, {
+                                        paddingRight: 4,
+                                        children: /*#__PURE__*/ jsx(Typography, {
+                                            variant: "sigma",
+                                            textColor: "neutral600",
+                                            children: controller?.controller
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx(Border, {}),
+                                    /*#__PURE__*/ jsx(Box, {
+                                        paddingLeft: 4,
+                                        children: /*#__PURE__*/ jsx(Checkbox, {
+                                            checked: !allActionsSelected && someActionsSelected ? 'indeterminate' : allActionsSelected,
+                                            onCheckedChange: ()=>{
+                                                onChangeSelectAll({
+                                                    target: {
+                                                        value: [
+                                                            ...controller.actions
+                                                        ]
+                                                    }
+                                                });
+                                            },
+                                            disabled: disabled,
+                                            children: formatMessage({
+                                                id: 'app.utils.select-all',
+                                                defaultMessage: 'Select all'
+                                            })
+                                        })
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsx(Grid.Root, {
+                                gap: 4,
+                                padding: 4,
+                                children: controller?.actions && controller?.actions.map((action)=>{
+                                    return /*#__PURE__*/ jsx(Grid.Item, {
+                                        xs: 12,
+                                        s: 6,
+                                        direction: "column",
+                                        alignItems: "stretch",
+                                        children: /*#__PURE__*/ jsxs(CheckboxWrapper, {
+                                            $isActive: isActionSelected(action.actionId),
+                                            padding: 2,
+                                            hasRadius: true,
+                                            children: [
+                                                /*#__PURE__*/ jsx(Checkbox, {
+                                                    checked: selectedActions.includes(action.actionId),
+                                                    name: action.actionId,
+                                                    onCheckedChange: ()=>{
+                                                        onChange({
+                                                            target: {
+                                                                value: action.actionId
+                                                            }
+                                                        });
+                                                    },
+                                                    disabled: disabled,
+                                                    children: /*#__PURE__*/ jsx("span", {
+                                                        style: {
+                                                            overflowWrap: 'anywhere'
+                                                        },
+                                                        children: action.action
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsx("button", {
+                                                    type: "button",
+                                                    "data-testid": "action-cog",
+                                                    onClick: ()=>setSelectedAction({
+                                                            target: {
+                                                                value: action.actionId
+                                                            }
+                                                        }),
+                                                    style: {
+                                                        display: 'inline-flex',
+                                                        alignItems: 'center'
+                                                    },
+                                                    children: /*#__PURE__*/ jsx(Cog, {
+                                                        id: "cog"
+                                                    })
+                                                })
+                                            ]
+                                        })
+                                    }, action.actionId);
+                                })
+                            })
+                        ]
+                    }, `${label}.${controller?.controller}`);
+                })
+            })
+        ]
+    });
+};
+
+export { CollapsableContentType };
+//# sourceMappingURL=CollapsableContentType.mjs.map

package/dist/admin/admin/src/pages/Settings/pages/ApiTokens/EditView/components/CollapsableContentType.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsableContentType.mjs","sources":["../../../../../../../../../../admin/src/pages/Settings/pages/ApiTokens/EditView/components/CollapsableContentType.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Accordion,\n  Box,\n  BoxComponent,\n  Checkbox,\n  Flex,\n  Grid,\n  Typography,\n} from '@strapi/design-system';\nimport { Cog } from '@strapi/icons';\nimport capitalize from 'lodash/capitalize';\nimport { useIntl } from 'react-intl';\nimport { styled, css } from 'styled-components';\n\nimport { ContentApiPermission } from '../../../../../../../../shared/contracts/content-api/permissions';\nimport { useApiTokenPermissions } from '../apiTokenPermissions';\n\nconst activeCheckboxWrapperStyles = css`\n  background: ${(props) => props.theme.colors.primary100};\n\n  #cog {\n    opacity: 1;\n  }\n`;\n\nconst CheckboxWrapper = styled<BoxComponent>(Box)<{ $isActive: boolean }>`\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\nconst Border = styled.div`\n  flex: 1;\n  align-self: center;\n  border-top: 1px solid ${({ theme }) => theme.colors.neutral150};\n`;\n\ninterface CollapsableContentTypeProps {\n  controllers?: ContentApiPermission['controllers'];\n  label: ContentApiPermission['label'];\n  orderNumber?: number;\n  disabled?: boolean;\n}\n\nexport const CollapsableContentType = ({\n  controllers = [],\n  label,\n  orderNumber = 0,\n  disabled = false,\n}: CollapsableContentTypeProps) => {\n  const {\n    value: { onChangeSelectAll, onChange, selectedActions, setSelectedAction, selectedAction },\n  } = useApiTokenPermissions();\n  const { formatMessage } = useIntl();\n\n  const isActionSelected = (actionId: string) => actionId === selectedAction;\n\n  return (\n    <Accordion.Item value={`${label}-${orderNumber}`}>\n      <Accordion.Header variant={orderNumber % 2 ? 'primary' : 'secondary'}>\n        <Accordion.Trigger>{capitalize(label)}</Accordion.Trigger>\n      </Accordion.Header>\n      <Accordion.Content>\n        {controllers?.map((controller) => {\n          const allActionsSelected = controller.actions.every((action) =>\n            selectedActions.includes(action.actionId)\n          );\n\n          const someActionsSelected = controller.actions.some((action) =>\n            selectedActions.includes(action.actionId)\n          );\n\n          return (\n            <Box key={`${label}.${controller?.controller}`}>\n              <Flex justifyContent=\"space-between\" alignItems=\"center\" padding={4}>\n                <Box paddingRight={4}>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {controller?.controller}\n                  </Typography>\n                </Box>\n                <Border />\n                <Box paddingLeft={4}>\n                  <Checkbox\n                    checked={\n                      !allActionsSelected && someActionsSelected\n                        ? 'indeterminate'\n                        : allActionsSelected\n                    }\n                    onCheckedChange={() => {\n                      onChangeSelectAll({ target: { value: [...controller.actions] } });\n                    }}\n                    disabled={disabled}\n                  >\n                    {formatMessage({ id: 'app.utils.select-all', defaultMessage: 'Select all' })}\n                  </Checkbox>\n                </Box>\n              </Flex>\n              <Grid.Root gap={4} padding={4}>\n                {controller?.actions &&\n                  controller?.actions.map((action) => {\n                    return (\n                      <Grid.Item\n                        xs={12}\n                        s={6}\n                        key={action.actionId}\n                        direction=\"column\"\n                        alignItems=\"stretch\"\n                      >\n                        <CheckboxWrapper\n                          $isActive={isActionSelected(action.actionId)}\n                          padding={2}\n                          hasRadius\n                        >\n                          <Checkbox\n                            checked={selectedActions.includes(action.actionId)}\n                            name={action.actionId}\n                            onCheckedChange={() => {\n                              onChange({ target: { value: action.actionId } });\n                            }}\n                            disabled={disabled}\n                          >\n                            <span style={{ overflowWrap: 'anywhere' }}>{action.action}</span>\n                          </Checkbox>\n                          <button\n                            type=\"button\"\n                            data-testid=\"action-cog\"\n                            onClick={() =>\n                              setSelectedAction({ target: { value: action.actionId } })\n                            }\n                            style={{ display: 'inline-flex', alignItems: 'center' }}\n                          >\n                            <Cog id=\"cog\" />\n                          </button>\n                        </CheckboxWrapper>\n                      </Grid.Item>\n                    );\n                  })}\n              </Grid.Root>\n            </Box>\n          );\n        })}\n      </Accordion.Content>\n    </Accordion.Item>\n  );\n};\n"],"names":["activeCheckboxWrapperStyles","css","props","theme","colors","primary100","CheckboxWrapper","styled","Box","primary600","$isActive","Border","div","neutral150","CollapsableContentType","controllers","label","orderNumber","disabled","value","onChangeSelectAll","onChange","selectedActions","setSelectedAction","selectedAction","useApiTokenPermissions","formatMessage","useIntl","isActionSelected","actionId","_jsxs","Accordion","Item","_jsx","Header","variant","Trigger","capitalize","Content","map","controller","allActionsSelected","actions","every","action","includes","someActionsSelected","some","Flex","justifyContent","alignItems","padding","paddingRight","Typography","textColor","paddingLeft","Checkbox","checked","onCheckedChange","target","id","defaultMessage","Grid","Root","gap","xs","s","direction","hasRadius","name","span","style","overflowWrap","button","type","data-testid","onClick","display","Cog"],"mappings":";;;;;;;;;AAmBA,MAAMA,2BAAAA,GAA8BC,GAAG;cACzB,EAAE,CAACC,QAAUA,KAAAA,CAAMC,KAAK,CAACC,MAAM,CAACC,UAAU,CAAC;;;;;AAKzD,CAAC;AAED,MAAMC,eAAAA,GAAkBC,MAAAA,CAAqBC,GAAAA,CAA4B;;;;;;;;YAQ7D,EAAE,CAACN,QAAUA,KAAAA,CAAMC,KAAK,CAACC,MAAM,CAACK,UAAU,CAAC;;;;;AAKrD,EAAA,EAAE,CAACP,KAAAA,GAAUA,KAAAA,CAAMQ,SAAS,IAAIV,2BAAAA;;AAE9B,IAAA,EAAEA,2BAAAA;;AAEN,CAAC;AAED,MAAMW,MAAAA,GAASJ,MAAAA,CAAOK,GAAG;;;wBAGD,EAAE,CAAC,EAAET,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACS,UAAU,CAAC;AACjE,CAAC;AASM,MAAMC,sBAAAA,GAAyB,CAAC,EACrCC,cAAc,EAAE,EAChBC,KAAK,EACLC,WAAAA,GAAc,CAAC,EACfC,QAAAA,GAAW,KAAK,EACY,GAAA;AAC5B,IAAA,MAAM,EACJC,KAAAA,EAAO,EAAEC,iBAAiB,EAAEC,QAAQ,EAAEC,eAAe,EAAEC,iBAAiB,EAAEC,cAAc,EAAE,EAC3F,GAAGC,sBAAAA,EAAAA;IACJ,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAE1B,MAAMC,gBAAAA,GAAmB,CAACC,QAAAA,GAAqBA,QAAAA,KAAaL,cAAAA;IAE5D,qBACEM,IAAA,CAACC,UAAUC,IAAI,EAAA;AAACb,QAAAA,KAAAA,EAAO,CAAA,EAAGH,KAAAA,CAAM,CAAC,EAAEC,WAAAA,CAAAA,CAAa;;AAC9C,0BAAAgB,GAAA,CAACF,UAAUG,MAAM,EAAA;gBAACC,OAAAA,EAASlB,WAAAA,GAAc,IAAI,SAAA,GAAY,WAAA;wCACvDgB,GAAA,CAACF,UAAUK,OAAO,EAAA;8BAAEC,UAAAA,CAAWrB,KAAAA;;;AAEjC,0BAAAiB,GAAA,CAACF,UAAUO,OAAO,EAAA;AACfvB,gBAAAA,QAAAA,EAAAA,WAAAA,EAAawB,IAAI,CAACC,UAAAA,GAAAA;AACjB,oBAAA,MAAMC,kBAAAA,GAAqBD,UAAAA,CAAWE,OAAO,CAACC,KAAK,CAAC,CAACC,MAAAA,GACnDtB,eAAAA,CAAgBuB,QAAQ,CAACD,MAAAA,CAAOf,QAAQ,CAAA,CAAA;AAG1C,oBAAA,MAAMiB,mBAAAA,GAAsBN,UAAAA,CAAWE,OAAO,CAACK,IAAI,CAAC,CAACH,MAAAA,GACnDtB,eAAAA,CAAgBuB,QAAQ,CAACD,MAAAA,CAAOf,QAAQ,CAAA,CAAA;AAG1C,oBAAA,qBACEC,IAAA,CAACtB,GAAAA,EAAAA;;0CACCsB,IAAA,CAACkB,IAAAA,EAAAA;gCAAKC,cAAAA,EAAe,eAAA;gCAAgBC,UAAAA,EAAW,QAAA;gCAASC,OAAAA,EAAS,CAAA;;kDAChElB,GAAA,CAACzB,GAAAA,EAAAA;wCAAI4C,YAAAA,EAAc,CAAA;AACjB,wCAAA,QAAA,gBAAAnB,GAAA,CAACoB,UAAAA,EAAAA;4CAAWlB,OAAAA,EAAQ,OAAA;4CAAQmB,SAAAA,EAAU,YAAA;sDACnCd,UAAAA,EAAYA;;;kDAGjBP,GAAA,CAACtB,MAAAA,EAAAA,EAAAA,CAAAA;kDACDsB,GAAA,CAACzB,GAAAA,EAAAA;wCAAI+C,WAAAA,EAAa,CAAA;AAChB,wCAAA,QAAA,gBAAAtB,GAAA,CAACuB,QAAAA,EAAAA;4CACCC,OAAAA,EACE,CAAChB,kBAAAA,IAAsBK,mBAAAA,GACnB,eAAA,GACAL,kBAAAA;4CAENiB,eAAAA,EAAiB,IAAA;gDACftC,iBAAAA,CAAkB;oDAAEuC,MAAAA,EAAQ;wDAAExC,KAAAA,EAAO;AAAIqB,4DAAAA,GAAAA,UAAAA,CAAWE;AAAQ;AAAC;AAAE,iDAAA,CAAA;AACjE,4CAAA,CAAA;4CACAxB,QAAAA,EAAUA,QAAAA;sDAETQ,aAAAA,CAAc;gDAAEkC,EAAAA,EAAI,sBAAA;gDAAwBC,cAAAA,EAAgB;AAAa,6CAAA;;;;;AAIhF,0CAAA5B,GAAA,CAAC6B,KAAKC,IAAI,EAAA;gCAACC,GAAAA,EAAK,CAAA;gCAAGb,OAAAA,EAAS,CAAA;AACzBX,gCAAAA,QAAAA,EAAAA,UAAAA,EAAYE,OAAAA,IACXF,UAAAA,EAAYE,OAAAA,CAAQH,GAAAA,CAAI,CAACK,MAAAA,GAAAA;oCACvB,qBACEX,GAAA,CAAC6B,KAAK9B,IAAI,EAAA;wCACRiC,EAAAA,EAAI,EAAA;wCACJC,CAAAA,EAAG,CAAA;wCAEHC,SAAAA,EAAU,QAAA;wCACVjB,UAAAA,EAAW,SAAA;AAEX,wCAAA,QAAA,gBAAApB,IAAA,CAACxB,eAAAA,EAAAA;4CACCI,SAAAA,EAAWkB,gBAAAA,CAAiBgB,OAAOf,QAAQ,CAAA;4CAC3CsB,OAAAA,EAAS,CAAA;4CACTiB,SAAS,EAAA,IAAA;;8DAETnC,GAAA,CAACuB,QAAAA,EAAAA;AACCC,oDAAAA,OAAAA,EAASnC,eAAAA,CAAgBuB,QAAQ,CAACD,MAAAA,CAAOf,QAAQ,CAAA;AACjDwC,oDAAAA,IAAAA,EAAMzB,OAAOf,QAAQ;oDACrB6B,eAAAA,EAAiB,IAAA;wDACfrC,QAAAA,CAAS;4DAAEsC,MAAAA,EAAQ;AAAExC,gEAAAA,KAAAA,EAAOyB,OAAOf;AAAS;AAAE,yDAAA,CAAA;AAChD,oDAAA,CAAA;oDACAX,QAAAA,EAAUA,QAAAA;AAEV,oDAAA,QAAA,gBAAAe,GAAA,CAACqC,MAAAA,EAAAA;wDAAKC,KAAAA,EAAO;4DAAEC,YAAAA,EAAc;AAAW,yDAAA;AAAI5B,wDAAAA,QAAAA,EAAAA,MAAAA,CAAOA;;;8DAErDX,GAAA,CAACwC,QAAAA,EAAAA;oDACCC,IAAAA,EAAK,QAAA;oDACLC,aAAAA,EAAY,YAAA;AACZC,oDAAAA,OAAAA,EAAS,IACPrD,iBAAAA,CAAkB;4DAAEoC,MAAAA,EAAQ;AAAExC,gEAAAA,KAAAA,EAAOyB,OAAOf;AAAS;AAAE,yDAAA,CAAA;oDAEzD0C,KAAAA,EAAO;wDAAEM,OAAAA,EAAS,aAAA;wDAAe3B,UAAAA,EAAY;AAAS,qDAAA;AAEtD,oDAAA,QAAA,gBAAAjB,GAAA,CAAC6C,GAAAA,EAAAA;wDAAIlB,EAAAA,EAAG;;;;;AA3BPhB,qCAAAA,EAAAA,MAAAA,CAAOf,QAAQ,CAAA;AAgC1B,gCAAA,CAAA;;;AA/DI,qBAAA,EAAA,CAAA,EAAGb,KAAAA,CAAM,CAAC,EAAEwB,UAAAA,EAAYA,UAAAA,CAAAA,CAAY,CAAA;AAmElD,gBAAA,CAAA;;;;AAIR;;;;"}

package/dist/admin/admin/src/pages/Settings/pages/ApiTokens/EditView/components/ContentTypesSection.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var CollapsableContentType = require('./CollapsableContentType.js');
+
+const ContentTypesSection = ({ section = null, ...props })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Accordion.Root, {
+            size: "M",
+            children: section && section.map((api, index)=>/*#__PURE__*/ jsxRuntime.jsx(CollapsableContentType.CollapsableContentType, {
+                    label: api.label,
+                    controllers: api.controllers,
+                    orderNumber: index,
+                    ...props
+                }, api.apiId))
+        })
+    });
+};
+
+exports.ContentTypesSection = ContentTypesSection;
+//# sourceMappingURL=ContentTypesSection.js.map

package/dist/admin/admin/src/pages/Settings/pages/ApiTokens/EditView/components/ContentTypesSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentTypesSection.js","sources":["../../../../../../../../../../admin/src/pages/Settings/pages/ApiTokens/EditView/components/ContentTypesSection.tsx"],"sourcesContent":["import { Accordion, Box } from '@strapi/design-system';\n\nimport { ContentApiPermission } from '../../../../../../../../shared/contracts/content-api/permissions';\n\nimport { CollapsableContentType } from './CollapsableContentType';\n\ninterface ContentTypesSectionProps {\n  section: ContentApiPermission[] | null;\n}\n\nexport const ContentTypesSection = ({ section = null, ...props }: ContentTypesSectionProps) => {\n  return (\n    <Box>\n      <Accordion.Root size=\"M\">\n        {section &&\n          section.map((api, index) => (\n            <CollapsableContentType\n              key={api.apiId}\n              label={api.label}\n              controllers={api.controllers}\n              orderNumber={index}\n              {...props}\n            />\n          ))}\n      </Accordion.Root>\n    </Box>\n  );\n};\n"],"names":["ContentTypesSection","section","props","_jsx","Box","Accordion","Root","size","map","api","index","CollapsableContentType","label","controllers","orderNumber","apiId"],"mappings":";;;;;;AAUO,MAAMA,sBAAsB,CAAC,EAAEC,UAAU,IAAI,EAAE,GAAGC,KAAAA,EAAiC,GAAA;AACxF,IAAA,qBACEC,cAAA,CAACC,gBAAAA,EAAAA;gCACCD,cAAA,CAACE,uBAAUC,IAAI,EAAA;YAACC,IAAAA,EAAK,GAAA;AAClBN,YAAAA,QAAAA,EAAAA,OAAAA,IACCA,QAAQO,GAAG,CAAC,CAACC,GAAAA,EAAKC,sBAChBP,cAAA,CAACQ,6CAAAA,EAAAA;AAECC,oBAAAA,KAAAA,EAAOH,IAAIG,KAAK;AAChBC,oBAAAA,WAAAA,EAAaJ,IAAII,WAAW;oBAC5BC,WAAAA,EAAaJ,KAAAA;AACZ,oBAAA,GAAGR;AAJCO,iBAAAA,EAAAA,GAAAA,CAAIM,KAAK,CAAA;;;AAU5B;;;;"}

package/dist/admin/admin/src/pages/Settings/pages/ApiTokens/EditView/components/ContentTypesSection.mjs

@@ -0,0 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
+import { Box, Accordion } from '@strapi/design-system';
+import { CollapsableContentType } from './CollapsableContentType.mjs';
+
+const ContentTypesSection = ({ section = null, ...props })=>{
+    return /*#__PURE__*/ jsx(Box, {
+        children: /*#__PURE__*/ jsx(Accordion.Root, {
+            size: "M",
+            children: section && section.map((api, index)=>/*#__PURE__*/ jsx(CollapsableContentType, {
+                    label: api.label,
+                    controllers: api.controllers,
+                    orderNumber: index,
+                    ...props
+                }, api.apiId))
+        })
+    });
+};
+
+export { ContentTypesSection };
+//# sourceMappingURL=ContentTypesSection.mjs.map

package/dist/admin/admin/src/pages/Settings/pages/ApiTokens/EditView/components/ContentTypesSection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentTypesSection.mjs","sources":["../../../../../../../../../../admin/src/pages/Settings/pages/ApiTokens/EditView/components/ContentTypesSection.tsx"],"sourcesContent":["import { Accordion, Box } from '@strapi/design-system';\n\nimport { ContentApiPermission } from '../../../../../../../../shared/contracts/content-api/permissions';\n\nimport { CollapsableContentType } from './CollapsableContentType';\n\ninterface ContentTypesSectionProps {\n  section: ContentApiPermission[] | null;\n}\n\nexport const ContentTypesSection = ({ section = null, ...props }: ContentTypesSectionProps) => {\n  return (\n    <Box>\n      <Accordion.Root size=\"M\">\n        {section &&\n          section.map((api, index) => (\n            <CollapsableContentType\n              key={api.apiId}\n              label={api.label}\n              controllers={api.controllers}\n              orderNumber={index}\n              {...props}\n            />\n          ))}\n      </Accordion.Root>\n    </Box>\n  );\n};\n"],"names":["ContentTypesSection","section","props","_jsx","Box","Accordion","Root","size","map","api","index","CollapsableContentType","label","controllers","orderNumber","apiId"],"mappings":";;;;AAUO,MAAMA,sBAAsB,CAAC,EAAEC,UAAU,IAAI,EAAE,GAAGC,KAAAA,EAAiC,GAAA;AACxF,IAAA,qBACEC,GAAA,CAACC,GAAAA,EAAAA;gCACCD,GAAA,CAACE,UAAUC,IAAI,EAAA;YAACC,IAAAA,EAAK,GAAA;AAClBN,YAAAA,QAAAA,EAAAA,OAAAA,IACCA,QAAQO,GAAG,CAAC,CAACC,GAAAA,EAAKC,sBAChBP,GAAA,CAACQ,sBAAAA,EAAAA;AAECC,oBAAAA,KAAAA,EAAOH,IAAIG,KAAK;AAChBC,oBAAAA,WAAAA,EAAaJ,IAAII,WAAW;oBAC5BC,WAAAA,EAAaJ,KAAAA;AACZ,oBAAA,GAAGR;AAJCO,iBAAAA,EAAAA,GAAAA,CAAIM,KAAK,CAAA;;;AAU5B;;;;"}

package/dist/admin/admin/src/pages/Settings/pages/ApiTokens/EditView/components/Permissions.js

@@ -0,0 +1,65 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var apiTokenPermissions = require('../apiTokenPermissions.js');
+var ActionBoundRoutes = require('./ActionBoundRoutes.js');
+var ContentTypesSection = require('./ContentTypesSection.js');
+
+const Permissions = ({ ...props })=>{
+    const { value: { data } } = apiTokenPermissions.useApiTokenPermissions();
+    const { formatMessage } = reactIntl.useIntl();
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Grid.Root, {
+        gap: 0,
+        shadow: "filterShadow",
+        hasRadius: true,
+        background: "neutral0",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Grid.Item, {
+                xs: 12,
+                col: 7,
+                paddingTop: 6,
+                paddingBottom: 6,
+                paddingLeft: 7,
+                paddingRight: 7,
+                direction: "column",
+                alignItems: "stretch",
+                gap: 6,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                        direction: "column",
+                        alignItems: "stretch",
+                        gap: 2,
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                variant: "delta",
+                                tag: "h2",
+                                children: formatMessage({
+                                    id: 'Settings.apiTokens.createPage.permissions.title',
+                                    defaultMessage: 'Permissions'
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                tag: "p",
+                                textColor: "neutral600",
+                                children: formatMessage({
+                                    id: 'Settings.apiTokens.createPage.permissions.description',
+                                    defaultMessage: 'Only actions bound by a route are listed below.'
+                                })
+                            })
+                        ]
+                    }),
+                    data?.permissions && /*#__PURE__*/ jsxRuntime.jsx(ContentTypesSection.ContentTypesSection, {
+                        section: data?.permissions,
+                        ...props
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(ActionBoundRoutes.ActionBoundRoutes, {})
+        ]
+    });
+};
+
+exports.Permissions = Permissions;
+//# sourceMappingURL=Permissions.js.map

package/dist/admin/admin/src/pages/Settings/pages/ApiTokens/EditView/components/Permissions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Permissions.js","sources":["../../../../../../../../../../admin/src/pages/Settings/pages/ApiTokens/EditView/components/Permissions.tsx"],"sourcesContent":["import { Flex, Grid, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useApiTokenPermissions } from '../apiTokenPermissions';\n\nimport { ActionBoundRoutes } from './ActionBoundRoutes';\nimport { ContentTypesSection } from './ContentTypesSection';\n\nexport const Permissions = ({ ...props }) => {\n  const {\n    value: { data },\n  } = useApiTokenPermissions();\n  const { formatMessage } = useIntl();\n\n  return (\n    <Grid.Root gap={0} shadow=\"filterShadow\" hasRadius background=\"neutral0\">\n      <Grid.Item\n        xs={12}\n        col={7}\n        paddingTop={6}\n        paddingBottom={6}\n        paddingLeft={7}\n        paddingRight={7}\n        direction=\"column\"\n        alignItems=\"stretch\"\n        gap={6}\n      >\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\n          <Typography variant=\"delta\" tag=\"h2\">\n            {formatMessage({\n              id: 'Settings.apiTokens.createPage.permissions.title',\n              defaultMessage: 'Permissions',\n            })}\n          </Typography>\n          <Typography tag=\"p\" textColor=\"neutral600\">\n            {formatMessage({\n              id: 'Settings.apiTokens.createPage.permissions.description',\n              defaultMessage: 'Only actions bound by a route are listed below.',\n            })}\n          </Typography>\n        </Flex>\n        {data?.permissions && <ContentTypesSection section={data?.permissions} {...props} />}\n      </Grid.Item>\n      <ActionBoundRoutes />\n    </Grid.Root>\n  );\n};\n"],"names":["Permissions","props","value","data","useApiTokenPermissions","formatMessage","useIntl","_jsxs","Grid","Root","gap","shadow","hasRadius","background","Item","xs","col","paddingTop","paddingBottom","paddingLeft","paddingRight","direction","alignItems","Flex","_jsx","Typography","variant","tag","id","defaultMessage","textColor","permissions","ContentTypesSection","section","ActionBoundRoutes"],"mappings":";;;;;;;;;AAQO,MAAMA,WAAAA,GAAc,CAAC,EAAE,GAAGC,KAAAA,EAAO,GAAA;AACtC,IAAA,MAAM,EACJC,KAAAA,EAAO,EAAEC,IAAI,EAAE,EAChB,GAAGC,0CAAAA,EAAAA;IACJ,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAE1B,qBACEC,eAAA,CAACC,kBAAKC,IAAI,EAAA;QAACC,GAAAA,EAAK,CAAA;QAAGC,MAAAA,EAAO,cAAA;QAAeC,SAAS,EAAA,IAAA;QAACC,UAAAA,EAAW,UAAA;;AAC5D,0BAAAN,eAAA,CAACC,kBAAKM,IAAI,EAAA;gBACRC,EAAAA,EAAI,EAAA;gBACJC,GAAAA,EAAK,CAAA;gBACLC,UAAAA,EAAY,CAAA;gBACZC,aAAAA,EAAe,CAAA;gBACfC,WAAAA,EAAa,CAAA;gBACbC,YAAAA,EAAc,CAAA;gBACdC,SAAAA,EAAU,QAAA;gBACVC,UAAAA,EAAW,SAAA;gBACXZ,GAAAA,EAAK,CAAA;;kCAELH,eAAA,CAACgB,iBAAAA,EAAAA;wBAAKF,SAAAA,EAAU,QAAA;wBAASC,UAAAA,EAAW,SAAA;wBAAUZ,GAAAA,EAAK,CAAA;;0CACjDc,cAAA,CAACC,uBAAAA,EAAAA;gCAAWC,OAAAA,EAAQ,OAAA;gCAAQC,GAAAA,EAAI,IAAA;0CAC7BtB,aAAAA,CAAc;oCACbuB,EAAAA,EAAI,iDAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;0CAEFL,cAAA,CAACC,uBAAAA,EAAAA;gCAAWE,GAAAA,EAAI,GAAA;gCAAIG,SAAAA,EAAU,YAAA;0CAC3BzB,aAAAA,CAAc;oCACbuB,EAAAA,EAAI,uDAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;;;AAGH1B,oBAAAA,IAAAA,EAAM4B,6BAAeP,cAAA,CAACQ,uCAAAA,EAAAA;AAAoBC,wBAAAA,OAAAA,EAAS9B,IAAAA,EAAM4B,WAAAA;AAAc,wBAAA,GAAG9B;;;;0BAE7EuB,cAAA,CAACU,mCAAAA,EAAAA,EAAAA;;;AAGP;;;;"}

package/dist/admin/admin/src/pages/Settings/pages/ApiTokens/EditView/components/Permissions.mjs

@@ -0,0 +1,63 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Grid, Flex, Typography } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { useApiTokenPermissions } from '../apiTokenPermissions.mjs';
+import { ActionBoundRoutes } from './ActionBoundRoutes.mjs';
+import { ContentTypesSection } from './ContentTypesSection.mjs';
+
+const Permissions = ({ ...props })=>{
+    const { value: { data } } = useApiTokenPermissions();
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsxs(Grid.Root, {
+        gap: 0,
+        shadow: "filterShadow",
+        hasRadius: true,
+        background: "neutral0",
+        children: [
+            /*#__PURE__*/ jsxs(Grid.Item, {
+                xs: 12,
+                col: 7,
+                paddingTop: 6,
+                paddingBottom: 6,
+                paddingLeft: 7,
+                paddingRight: 7,
+                direction: "column",
+                alignItems: "stretch",
+                gap: 6,
+                children: [
+                    /*#__PURE__*/ jsxs(Flex, {
+                        direction: "column",
+                        alignItems: "stretch",
+                        gap: 2,
+                        children: [
+                            /*#__PURE__*/ jsx(Typography, {
+                                variant: "delta",
+                                tag: "h2",
+                                children: formatMessage({
+                                    id: 'Settings.apiTokens.createPage.permissions.title',
+                                    defaultMessage: 'Permissions'
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Typography, {
+                                tag: "p",
+                                textColor: "neutral600",
+                                children: formatMessage({
+                                    id: 'Settings.apiTokens.createPage.permissions.description',
+                                    defaultMessage: 'Only actions bound by a route are listed below.'
+                                })
+                            })
+                        ]
+                    }),
+                    data?.permissions && /*#__PURE__*/ jsx(ContentTypesSection, {
+                        section: data?.permissions,
+                        ...props
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(ActionBoundRoutes, {})
+        ]
+    });
+};
+
+export { Permissions };
+//# sourceMappingURL=Permissions.mjs.map

package/dist/admin/admin/src/pages/Settings/pages/ApiTokens/EditView/components/Permissions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Permissions.mjs","sources":["../../../../../../../../../../admin/src/pages/Settings/pages/ApiTokens/EditView/components/Permissions.tsx"],"sourcesContent":["import { Flex, Grid, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useApiTokenPermissions } from '../apiTokenPermissions';\n\nimport { ActionBoundRoutes } from './ActionBoundRoutes';\nimport { ContentTypesSection } from './ContentTypesSection';\n\nexport const Permissions = ({ ...props }) => {\n  const {\n    value: { data },\n  } = useApiTokenPermissions();\n  const { formatMessage } = useIntl();\n\n  return (\n    <Grid.Root gap={0} shadow=\"filterShadow\" hasRadius background=\"neutral0\">\n      <Grid.Item\n        xs={12}\n        col={7}\n        paddingTop={6}\n        paddingBottom={6}\n        paddingLeft={7}\n        paddingRight={7}\n        direction=\"column\"\n        alignItems=\"stretch\"\n        gap={6}\n      >\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\n          <Typography variant=\"delta\" tag=\"h2\">\n            {formatMessage({\n              id: 'Settings.apiTokens.createPage.permissions.title',\n              defaultMessage: 'Permissions',\n            })}\n          </Typography>\n          <Typography tag=\"p\" textColor=\"neutral600\">\n            {formatMessage({\n              id: 'Settings.apiTokens.createPage.permissions.description',\n              defaultMessage: 'Only actions bound by a route are listed below.',\n            })}\n          </Typography>\n        </Flex>\n        {data?.permissions && <ContentTypesSection section={data?.permissions} {...props} />}\n      </Grid.Item>\n      <ActionBoundRoutes />\n    </Grid.Root>\n  );\n};\n"],"names":["Permissions","props","value","data","useApiTokenPermissions","formatMessage","useIntl","_jsxs","Grid","Root","gap","shadow","hasRadius","background","Item","xs","col","paddingTop","paddingBottom","paddingLeft","paddingRight","direction","alignItems","Flex","_jsx","Typography","variant","tag","id","defaultMessage","textColor","permissions","ContentTypesSection","section","ActionBoundRoutes"],"mappings":";;;;;;;AAQO,MAAMA,WAAAA,GAAc,CAAC,EAAE,GAAGC,KAAAA,EAAO,GAAA;AACtC,IAAA,MAAM,EACJC,KAAAA,EAAO,EAAEC,IAAI,EAAE,EAChB,GAAGC,sBAAAA,EAAAA;IACJ,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAE1B,qBACEC,IAAA,CAACC,KAAKC,IAAI,EAAA;QAACC,GAAAA,EAAK,CAAA;QAAGC,MAAAA,EAAO,cAAA;QAAeC,SAAS,EAAA,IAAA;QAACC,UAAAA,EAAW,UAAA;;AAC5D,0BAAAN,IAAA,CAACC,KAAKM,IAAI,EAAA;gBACRC,EAAAA,EAAI,EAAA;gBACJC,GAAAA,EAAK,CAAA;gBACLC,UAAAA,EAAY,CAAA;gBACZC,aAAAA,EAAe,CAAA;gBACfC,WAAAA,EAAa,CAAA;gBACbC,YAAAA,EAAc,CAAA;gBACdC,SAAAA,EAAU,QAAA;gBACVC,UAAAA,EAAW,SAAA;gBACXZ,GAAAA,EAAK,CAAA;;kCAELH,IAAA,CAACgB,IAAAA,EAAAA;wBAAKF,SAAAA,EAAU,QAAA;wBAASC,UAAAA,EAAW,SAAA;wBAAUZ,GAAAA,EAAK,CAAA;;0CACjDc,GAAA,CAACC,UAAAA,EAAAA;gCAAWC,OAAAA,EAAQ,OAAA;gCAAQC,GAAAA,EAAI,IAAA;0CAC7BtB,aAAAA,CAAc;oCACbuB,EAAAA,EAAI,iDAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;0CAEFL,GAAA,CAACC,UAAAA,EAAAA;gCAAWE,GAAAA,EAAI,GAAA;gCAAIG,SAAAA,EAAU,YAAA;0CAC3BzB,aAAAA,CAAc;oCACbuB,EAAAA,EAAI,uDAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;;;AAGH1B,oBAAAA,IAAAA,EAAM4B,6BAAeP,GAAA,CAACQ,mBAAAA,EAAAA;AAAoBC,wBAAAA,OAAAA,EAAS9B,IAAAA,EAAM4B,WAAAA;AAAc,wBAAA,GAAG9B;;;;0BAE7EuB,GAAA,CAACU,iBAAAA,EAAAA,EAAAA;;;AAGP;;;;"}

package/dist/admin/admin/src/pages/Settings/pages/ApiTokens/EditView/reducer.js

@@ -0,0 +1,91 @@
+'use strict';
+
+var immer = require('immer');
+var pull = require('lodash/pull');
+var transformPermissionsData = require('./utils/transformPermissionsData.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var pull__default = /*#__PURE__*/_interopDefault(pull);
+
+const initialState = {
+    data: {
+        allActionsIds: [],
+        permissions: []
+    },
+    routes: {},
+    selectedAction: '',
+    selectedActions: []
+};
+const reducer = (state, action)=>immer.produce(state, (draftState)=>{
+        switch(action.type){
+            case 'ON_CHANGE':
+                {
+                    if (draftState.selectedActions.includes(action.value)) {
+                        pull__default.default(draftState.selectedActions, action.value);
+                    } else {
+                        draftState.selectedActions.push(action.value);
+                    }
+                    break;
+                }
+            case 'SELECT_ALL_IN_PERMISSION':
+                {
+                    const areAllSelected = action.value.every((item)=>draftState.selectedActions.includes(item.actionId));
+                    if (areAllSelected) {
+                        action.value.forEach((item)=>{
+                            pull__default.default(draftState.selectedActions, item.actionId);
+                        });
+                    } else {
+                        action.value.forEach((item)=>{
+                            draftState.selectedActions.push(item.actionId);
+                        });
+                    }
+                    break;
+                }
+            case 'SELECT_ALL_ACTIONS':
+                {
+                    draftState.selectedActions = [
+                        ...draftState.data.allActionsIds
+                    ];
+                    break;
+                }
+            case 'ON_CHANGE_READ_ONLY':
+                {
+                    const onlyReadOnlyActions = draftState.data.allActionsIds.filter((actionId)=>actionId.includes('find') || actionId.includes('findOne'));
+                    draftState.selectedActions = [
+                        ...onlyReadOnlyActions
+                    ];
+                    break;
+                }
+            case 'UPDATE_PERMISSIONS_LAYOUT':
+                {
+                    draftState.data = transformPermissionsData.transformPermissionsData(action.value);
+                    break;
+                }
+            case 'UPDATE_ROUTES':
+                {
+                    draftState.routes = {
+                        ...action.value
+                    };
+                    break;
+                }
+            case 'UPDATE_PERMISSIONS':
+                {
+                    draftState.selectedActions = [
+                        ...action.value
+                    ];
+                    break;
+                }
+            case 'SET_SELECTED_ACTION':
+                {
+                    draftState.selectedAction = action.value;
+                    break;
+                }
+            default:
+                return draftState;
+        }
+    });
+
+exports.initialState = initialState;
+exports.reducer = reducer;
+//# sourceMappingURL=reducer.js.map

package/dist/admin/admin/src/pages/Settings/pages/ApiTokens/EditView/reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducer.js","sources":["../../../../../../../../../admin/src/pages/Settings/pages/ApiTokens/EditView/reducer.ts"],"sourcesContent":["/* eslint-disable consistent-return */\nimport { produce } from 'immer';\nimport pull from 'lodash/pull';\n\nimport { ContentApiPermission } from '../../../../../../../shared/contracts/content-api/permissions';\n\nimport { ApiTokenPermissionsContextValue } from './apiTokenPermissions';\nimport { transformPermissionsData } from './utils/transformPermissionsData';\n\ntype InitialState = Pick<\n  ApiTokenPermissionsContextValue['value'],\n  'data' | 'routes' | 'selectedAction' | 'selectedActions'\n>;\n\ninterface ActionOnChange {\n  type: 'ON_CHANGE';\n  value: string;\n}\n\ninterface ActionSelectAllInPermission {\n  type: 'SELECT_ALL_IN_PERMISSION';\n  value: { action: string; actionId: string }[];\n}\n\ninterface ActionSelectAllActions {\n  type: 'SELECT_ALL_ACTIONS';\n}\n\ninterface ActionOnChangeReadOnly {\n  type: 'ON_CHANGE_READ_ONLY';\n}\n\ninterface ActionUpdatePermissionsLayout {\n  type: 'UPDATE_PERMISSIONS_LAYOUT';\n  value: ContentApiPermission;\n}\n\ninterface ActionUpdateRoutes {\n  type: 'UPDATE_ROUTES';\n  value: ApiTokenPermissionsContextValue['value']['routes'] | undefined;\n}\n\ninterface ActionUpdatePermissions {\n  type: 'UPDATE_PERMISSIONS';\n  value: any[];\n}\n\ninterface ActionSetSelectedAction {\n  type: 'SET_SELECTED_ACTION';\n  value: string;\n}\n\ntype Action =\n  | ActionOnChange\n  | ActionSelectAllInPermission\n  | ActionSelectAllActions\n  | ActionOnChangeReadOnly\n  | ActionUpdatePermissionsLayout\n  | ActionUpdateRoutes\n  | ActionUpdatePermissions\n  | ActionSetSelectedAction;\n\nexport const initialState: InitialState = {\n  data: {\n    allActionsIds: [],\n    permissions: [],\n  },\n  routes: {},\n  selectedAction: '',\n  selectedActions: [],\n};\n\nexport const reducer = (state: InitialState, action: Action) =>\n  produce(state, (draftState) => {\n    switch (action.type) {\n      case 'ON_CHANGE': {\n        if (draftState.selectedActions.includes(action.value)) {\n          pull(draftState.selectedActions, action.value);\n        } else {\n          draftState.selectedActions.push(action.value);\n        }\n        break;\n      }\n      case 'SELECT_ALL_IN_PERMISSION': {\n        const areAllSelected = action.value.every((item) =>\n          draftState.selectedActions.includes(item.actionId)\n        );\n\n        if (areAllSelected) {\n          action.value.forEach((item) => {\n            pull(draftState.selectedActions, item.actionId);\n          });\n        } else {\n          action.value.forEach((item) => {\n            draftState.selectedActions.push(item.actionId);\n          });\n        }\n        break;\n      }\n\n      case 'SELECT_ALL_ACTIONS': {\n        draftState.selectedActions = [...draftState.data.allActionsIds];\n\n        break;\n      }\n      case 'ON_CHANGE_READ_ONLY': {\n        const onlyReadOnlyActions = draftState.data.allActionsIds.filter(\n          (actionId) => actionId.includes('find') || actionId.includes('findOne')\n        );\n        draftState.selectedActions = [...onlyReadOnlyActions];\n        break;\n      }\n      case 'UPDATE_PERMISSIONS_LAYOUT': {\n        draftState.data = transformPermissionsData(action.value);\n        break;\n      }\n      case 'UPDATE_ROUTES': {\n        draftState.routes = { ...action.value };\n        break;\n      }\n      case 'UPDATE_PERMISSIONS': {\n        draftState.selectedActions = [...action.value];\n        break;\n      }\n      case 'SET_SELECTED_ACTION': {\n        draftState.selectedAction = action.value;\n        break;\n      }\n      default:\n        return draftState;\n    }\n  });\n"],"names":["initialState","data","allActionsIds","permissions","routes","selectedAction","selectedActions","reducer","state","action","produce","draftState","type","includes","value","pull","push","areAllSelected","every","item","actionId","forEach","onlyReadOnlyActions","filter","transformPermissionsData"],"mappings":"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"}

package/dist/admin/admin/src/pages/Settings/pages/ApiTokens/EditView/reducer.mjs

@@ -0,0 +1,84 @@
+import { produce } from 'immer';
+import pull from 'lodash/pull';
+import { transformPermissionsData } from './utils/transformPermissionsData.mjs';
+
+const initialState = {
+    data: {
+        allActionsIds: [],
+        permissions: []
+    },
+    routes: {},
+    selectedAction: '',
+    selectedActions: []
+};
+const reducer = (state, action)=>produce(state, (draftState)=>{
+        switch(action.type){
+            case 'ON_CHANGE':
+                {
+                    if (draftState.selectedActions.includes(action.value)) {
+                        pull(draftState.selectedActions, action.value);
+                    } else {
+                        draftState.selectedActions.push(action.value);
+                    }
+                    break;
+                }
+            case 'SELECT_ALL_IN_PERMISSION':
+                {
+                    const areAllSelected = action.value.every((item)=>draftState.selectedActions.includes(item.actionId));
+                    if (areAllSelected) {
+                        action.value.forEach((item)=>{
+                            pull(draftState.selectedActions, item.actionId);
+                        });
+                    } else {
+                        action.value.forEach((item)=>{
+                            draftState.selectedActions.push(item.actionId);
+                        });
+                    }
+                    break;
+                }
+            case 'SELECT_ALL_ACTIONS':
+                {
+                    draftState.selectedActions = [
+                        ...draftState.data.allActionsIds
+                    ];
+                    break;
+                }
+            case 'ON_CHANGE_READ_ONLY':
+                {
+                    const onlyReadOnlyActions = draftState.data.allActionsIds.filter((actionId)=>actionId.includes('find') || actionId.includes('findOne'));
+                    draftState.selectedActions = [
+                        ...onlyReadOnlyActions
+                    ];
+                    break;
+                }
+            case 'UPDATE_PERMISSIONS_LAYOUT':
+                {
+                    draftState.data = transformPermissionsData(action.value);
+                    break;
+                }
+            case 'UPDATE_ROUTES':
+                {
+                    draftState.routes = {
+                        ...action.value
+                    };
+                    break;
+                }
+            case 'UPDATE_PERMISSIONS':
+                {
+                    draftState.selectedActions = [
+                        ...action.value
+                    ];
+                    break;
+                }
+            case 'SET_SELECTED_ACTION':
+                {
+                    draftState.selectedAction = action.value;
+                    break;
+                }
+            default:
+                return draftState;
+        }
+    });
+
+export { initialState, reducer };
+//# sourceMappingURL=reducer.mjs.map

package/dist/admin/admin/src/pages/Settings/pages/ApiTokens/EditView/reducer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducer.mjs","sources":["../../../../../../../../../admin/src/pages/Settings/pages/ApiTokens/EditView/reducer.ts"],"sourcesContent":["/* eslint-disable consistent-return */\nimport { produce } from 'immer';\nimport pull from 'lodash/pull';\n\nimport { ContentApiPermission } from '../../../../../../../shared/contracts/content-api/permissions';\n\nimport { ApiTokenPermissionsContextValue } from './apiTokenPermissions';\nimport { transformPermissionsData } from './utils/transformPermissionsData';\n\ntype InitialState = Pick<\n  ApiTokenPermissionsContextValue['value'],\n  'data' | 'routes' | 'selectedAction' | 'selectedActions'\n>;\n\ninterface ActionOnChange {\n  type: 'ON_CHANGE';\n  value: string;\n}\n\ninterface ActionSelectAllInPermission {\n  type: 'SELECT_ALL_IN_PERMISSION';\n  value: { action: string; actionId: string }[];\n}\n\ninterface ActionSelectAllActions {\n  type: 'SELECT_ALL_ACTIONS';\n}\n\ninterface ActionOnChangeReadOnly {\n  type: 'ON_CHANGE_READ_ONLY';\n}\n\ninterface ActionUpdatePermissionsLayout {\n  type: 'UPDATE_PERMISSIONS_LAYOUT';\n  value: ContentApiPermission;\n}\n\ninterface ActionUpdateRoutes {\n  type: 'UPDATE_ROUTES';\n  value: ApiTokenPermissionsContextValue['value']['routes'] | undefined;\n}\n\ninterface ActionUpdatePermissions {\n  type: 'UPDATE_PERMISSIONS';\n  value: any[];\n}\n\ninterface ActionSetSelectedAction {\n  type: 'SET_SELECTED_ACTION';\n  value: string;\n}\n\ntype Action =\n  | ActionOnChange\n  | ActionSelectAllInPermission\n  | ActionSelectAllActions\n  | ActionOnChangeReadOnly\n  | ActionUpdatePermissionsLayout\n  | ActionUpdateRoutes\n  | ActionUpdatePermissions\n  | ActionSetSelectedAction;\n\nexport const initialState: InitialState = {\n  data: {\n    allActionsIds: [],\n    permissions: [],\n  },\n  routes: {},\n  selectedAction: '',\n  selectedActions: [],\n};\n\nexport const reducer = (state: InitialState, action: Action) =>\n  produce(state, (draftState) => {\n    switch (action.type) {\n      case 'ON_CHANGE': {\n        if (draftState.selectedActions.includes(action.value)) {\n          pull(draftState.selectedActions, action.value);\n        } else {\n          draftState.selectedActions.push(action.value);\n        }\n        break;\n      }\n      case 'SELECT_ALL_IN_PERMISSION': {\n        const areAllSelected = action.value.every((item) =>\n          draftState.selectedActions.includes(item.actionId)\n        );\n\n        if (areAllSelected) {\n          action.value.forEach((item) => {\n            pull(draftState.selectedActions, item.actionId);\n          });\n        } else {\n          action.value.forEach((item) => {\n            draftState.selectedActions.push(item.actionId);\n          });\n        }\n        break;\n      }\n\n      case 'SELECT_ALL_ACTIONS': {\n        draftState.selectedActions = [...draftState.data.allActionsIds];\n\n        break;\n      }\n      case 'ON_CHANGE_READ_ONLY': {\n        const onlyReadOnlyActions = draftState.data.allActionsIds.filter(\n          (actionId) => actionId.includes('find') || actionId.includes('findOne')\n        );\n        draftState.selectedActions = [...onlyReadOnlyActions];\n        break;\n      }\n      case 'UPDATE_PERMISSIONS_LAYOUT': {\n        draftState.data = transformPermissionsData(action.value);\n        break;\n      }\n      case 'UPDATE_ROUTES': {\n        draftState.routes = { ...action.value };\n        break;\n      }\n      case 'UPDATE_PERMISSIONS': {\n        draftState.selectedActions = [...action.value];\n        break;\n      }\n      case 'SET_SELECTED_ACTION': {\n        draftState.selectedAction = action.value;\n        break;\n      }\n      default:\n        return draftState;\n    }\n  });\n"],"names":["initialState","data","allActionsIds","permissions","routes","selectedAction","selectedActions","reducer","state","action","produce","draftState","type","includes","value","pull","push","areAllSelected","every","item","actionId","forEach","onlyReadOnlyActions","filter","transformPermissionsData"],"mappings":"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"}

package/dist/admin/admin/src/pages/Settings/pages/ApiTokens/EditView/utils/transformPermissionsData.js

@@ -0,0 +1,29 @@
+'use strict';
+
+const transformPermissionsData = (data)=>{
+    const layout = {
+        allActionsIds: [],
+        permissions: []
+    };
+    layout.permissions = Object.entries(data).map(([apiId, permission])=>({
+            apiId,
+            label: apiId.split('::')[1],
+            controllers: Object.keys(permission.controllers).map((controller)=>({
+                    controller,
+                    actions: controller in permission.controllers ? permission.controllers[controller].map((action)=>{
+                        const actionId = `${apiId}.${controller}.${action}`;
+                        if (apiId.includes('api::')) {
+                            layout.allActionsIds.push(actionId);
+                        }
+                        return {
+                            action,
+                            actionId
+                        };
+                    }).flat() : []
+                })).flat()
+        }));
+    return layout;
+};
+
+exports.transformPermissionsData = transformPermissionsData;
+//# sourceMappingURL=transformPermissionsData.js.map

package/dist/admin/admin/src/pages/Settings/pages/ApiTokens/EditView/utils/transformPermissionsData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformPermissionsData.js","sources":["../../../../../../../../../../admin/src/pages/Settings/pages/ApiTokens/EditView/utils/transformPermissionsData.ts"],"sourcesContent":["import { ContentApiPermission } from '../../../../../../../../shared/contracts/content-api/permissions';\n\ninterface Layout {\n  allActionsIds: string[];\n  permissions: {\n    apiId: string;\n    label: string;\n    controllers: { controller: string; actions: { action: string; actionId: string }[] }[];\n  }[];\n}\n\nexport const transformPermissionsData = (data: ContentApiPermission) => {\n  const layout: Layout = {\n    allActionsIds: [],\n    permissions: [],\n  };\n\n  layout.permissions = Object.entries(data).map(([apiId, permission]) => ({\n    apiId,\n    label: apiId.split('::')[1],\n    controllers: Object.keys(permission.controllers)\n      .map((controller) => ({\n        controller,\n        actions:\n          controller in permission.controllers\n            ? permission.controllers[controller]\n                .map((action: ContentApiPermission['controllers']) => {\n                  const actionId = `${apiId}.${controller}.${action}`;\n\n                  if (apiId.includes('api::')) {\n                    layout.allActionsIds.push(actionId);\n                  }\n\n                  return {\n                    action,\n                    actionId,\n                  };\n                })\n                .flat()\n            : [],\n      }))\n      .flat(),\n  }));\n\n  return layout;\n};\n"],"names":["transformPermissionsData","data","layout","allActionsIds","permissions","Object","entries","map","apiId","permission","label","split","controllers","keys","controller","actions","action","actionId","includes","push","flat"],"mappings":";;AAWO,MAAMA,2BAA2B,CAACC,IAAAA,GAAAA;AACvC,IAAA,MAAMC,MAAAA,GAAiB;AACrBC,QAAAA,aAAAA,EAAe,EAAE;AACjBC,QAAAA,WAAAA,EAAa;AACf,KAAA;AAEAF,IAAAA,MAAAA,CAAOE,WAAW,GAAGC,MAAAA,CAAOC,OAAO,CAACL,IAAAA,CAAAA,CAAMM,GAAG,CAAC,CAAC,CAACC,KAAAA,EAAOC,UAAAA,CAAW,IAAM;AACtED,YAAAA,KAAAA;AACAE,YAAAA,KAAAA,EAAOF,KAAAA,CAAMG,KAAK,CAAC,IAAA,CAAK,CAAC,CAAA,CAAE;YAC3BC,WAAAA,EAAaP,MAAAA,CAAOQ,IAAI,CAACJ,UAAAA,CAAWG,WAAW,EAC5CL,GAAG,CAAC,CAACO,UAAAA,IAAgB;AACpBA,oBAAAA,UAAAA;oBACAC,OAAAA,EACED,UAAAA,IAAcL,UAAAA,CAAWG,WAAW,GAChCH,UAAAA,CAAWG,WAAW,CAACE,UAAAA,CAAW,CAC/BP,GAAG,CAAC,CAACS,MAAAA,GAAAA;wBACJ,MAAMC,QAAAA,GAAW,GAAGT,KAAAA,CAAM,CAAC,EAAEM,UAAAA,CAAW,CAAC,EAAEE,MAAAA,CAAAA,CAAQ;wBAEnD,IAAIR,KAAAA,CAAMU,QAAQ,CAAC,OAAA,CAAA,EAAU;4BAC3BhB,MAAAA,CAAOC,aAAa,CAACgB,IAAI,CAACF,QAAAA,CAAAA;AAC5B,wBAAA;wBAEA,OAAO;AACLD,4BAAAA,MAAAA;AACAC,4BAAAA;AACF,yBAAA;oBACF,CAAA,CAAA,CACCG,IAAI,KACP;AACR,iBAAA,GACCA,IAAI;SACT,CAAA,CAAA;IAEA,OAAOlB,MAAAA;AACT;;;;"}