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

package/dist/admin/admin/src/pages/Settings/pages/Roles/components/ContentTypeCollapses.mjs

@@ -0,0 +1,362 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Flex, Box, Checkbox, Modal } from '@strapi/design-system';
+import { ChevronUp, ChevronDown } from '@strapi/icons';
+import get from 'lodash/get';
+import isEmpty from 'lodash/isEmpty';
+import omit from 'lodash/omit';
+import { useIntl } from 'react-intl';
+import { styled } from 'styled-components';
+import { capitalise } from '../../../../../utils/strings.mjs';
+import { usePermissionsDataManager } from '../hooks/usePermissionsDataManager.mjs';
+import { rowHeight, cellWidth } from '../utils/constants.mjs';
+import { createArrayOfValues } from '../utils/createArrayOfValues.mjs';
+import { getCheckboxState } from '../utils/getCheckboxState.mjs';
+import { CollapsePropertyMatrix } from './CollapsePropertyMatrix.mjs';
+import { ConditionsButton } from './ConditionsButton.mjs';
+import { ConditionsModal } from './ConditionsModal.mjs';
+import { HiddenAction } from './HiddenAction.mjs';
+import { RowLabelWithCheckbox } from './RowLabelWithCheckbox.mjs';
+
+const ContentTypeCollapses = ({ actions = [], isFormDisabled, pathToData, subjects = [] })=>{
+    const [collapseToOpen, setCollapseToOpen] = React.useState(null);
+    const handleClickToggleCollapse = (collapseName)=>()=>{
+            const nextCollapseToOpen = collapseToOpen === collapseName ? null : collapseName;
+            setCollapseToOpen(nextCollapseToOpen);
+        };
+    const subjectsWithActions = React.useMemo(()=>subjects.map(({ uid, label, properties })=>{
+            const availableActions = actions.map((action)=>({
+                    ...action,
+                    isDisplayed: Array.isArray(action.subjects) && action.subjects.indexOf(uid) !== -1
+                }));
+            return {
+                uid,
+                label,
+                properties,
+                availableActions
+            };
+        }), [
+        subjects,
+        actions
+    ]);
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: subjectsWithActions.map(({ uid, label, properties, availableActions }, index)=>{
+            const isActive = collapseToOpen === uid;
+            return /*#__PURE__*/ jsxs(Flex, {
+                direction: "column",
+                display: "inline-flex",
+                alignItems: "stretch",
+                minWidth: "100%",
+                borderColor: isActive ? 'primary600' : undefined,
+                children: [
+                    /*#__PURE__*/ jsx(Collapse, {
+                        availableActions: availableActions,
+                        isActive: isActive,
+                        isGrey: index % 2 === 0,
+                        isFormDisabled: isFormDisabled,
+                        label: label,
+                        onClickToggle: handleClickToggleCollapse(uid),
+                        pathToData: [
+                            pathToData,
+                            uid
+                        ].join('..'),
+                        subject: uid
+                    }),
+                    isActive && properties.map(({ label: propertyLabel, value, children: childrenForm })=>{
+                        return /*#__PURE__*/ jsx(CollapsePropertyMatrix, {
+                            availableActions: availableActions,
+                            childrenForm: childrenForm,
+                            isFormDisabled: isFormDisabled,
+                            label: propertyLabel,
+                            pathToData: [
+                                pathToData,
+                                uid
+                            ].join('..'),
+                            propertyName: value,
+                            subject: uid
+                        }, value);
+                    })
+                ]
+            }, uid);
+        })
+    });
+};
+const Collapse = ({ availableActions = [], isActive = false, isGrey = false, isFormDisabled = false, label, onClickToggle, pathToData, subject })=>{
+    const { formatMessage } = useIntl();
+    const { modifiedData, onChangeParentCheckbox, onChangeSimpleCheckbox, checkUserHasPermission, userPermissions } = usePermissionsDataManager();
+    const [isConditionModalOpen, setIsConditionModalOpen] = React.useState(false);
+    // This corresponds to the data related to the CT left checkbox
+    // modifiedData: { collectionTypes: { [ctuid]: {create: {properties: { fields: {f1: true} }, update: {}, ... } } } }
+    const mainData = get(modifiedData, pathToData.split('..'), {});
+    // The utils we are using: getCheckboxState, retrieves all the boolean leafs of an object in order
+    // to return the state of checkbox. Since the conditions are not related to the property we need to remove the key from the object.
+    const dataWithoutCondition = React.useMemo(()=>{
+        return Object.keys(mainData).reduce((acc, current)=>{
+            acc[current] = omit(mainData[current], 'conditions');
+            return acc;
+        }, {});
+    }, [
+        mainData
+    ]);
+    const { hasAllActionsSelected, hasSomeActionsSelected } = getCheckboxState(dataWithoutCondition);
+    // Here we create an array of <checkbox>, since the state of each one of them is used in
+    // order to know if whether or not we need to display the associated action in
+    // the <ConditionsModal />
+    const checkboxesActions = React.useMemo(()=>{
+        return generateCheckboxesActions(availableActions, modifiedData, pathToData);
+    }, [
+        availableActions,
+        modifiedData,
+        pathToData
+    ]);
+    // @ts-expect-error – hasConditions does not exist on all versions of checkboxesActions.
+    const doesConditionButtonHasConditions = checkboxesActions.some((action)=>action.hasConditions);
+    return /*#__PURE__*/ jsxs(BoxWrapper, {
+        $isActive: isActive,
+        children: [
+            /*#__PURE__*/ jsxs(Wrapper, {
+                height: rowHeight,
+                flex: 1,
+                alignItems: "center",
+                background: isGrey ? 'neutral100' : 'neutral0',
+                children: [
+                    /*#__PURE__*/ jsx(RowLabelWithCheckbox, {
+                        isCollapsable: true,
+                        isFormDisabled: isFormDisabled,
+                        label: capitalise(label),
+                        checkboxName: pathToData,
+                        onChange: onChangeParentCheckbox,
+                        onClick: onClickToggle,
+                        someChecked: hasSomeActionsSelected,
+                        value: hasAllActionsSelected,
+                        isActive: isActive,
+                        children: /*#__PURE__*/ jsx(Chevron, {
+                            paddingLeft: 2,
+                            children: isActive ? /*#__PURE__*/ jsx(ChevronUp, {}) : /*#__PURE__*/ jsx(ChevronDown, {})
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Flex, {
+                        style: {
+                            flex: 1
+                        },
+                        children: checkboxesActions.map(({ actionId, hasSomeActionsSelected, isDisplayed, ...restAction })=>{
+                            if (!isDisplayed) {
+                                return /*#__PURE__*/ jsx(HiddenAction, {}, actionId);
+                            }
+                            const { hasConditions, hasAllActionsSelected, isParentCheckbox, checkboxName, label: permissionLabel } = restAction;
+                            const userHasPermission = checkUserHasPermission(actionId, subject);
+                            if (isParentCheckbox) {
+                                return /*#__PURE__*/ jsx(Cell, {
+                                    justifyContent: "center",
+                                    alignItems: "center",
+                                    children: /*#__PURE__*/ jsxs(Box, {
+                                        position: "relative",
+                                        zIndex: 1,
+                                        children: [
+                                            hasConditions && /*#__PURE__*/ jsx(Box, {
+                                                tag: "span",
+                                                position: "absolute",
+                                                top: "-6px",
+                                                left: "37px",
+                                                width: "6px",
+                                                height: "6px",
+                                                borderRadius: "20px",
+                                                background: "primary600"
+                                            }),
+                                            /*#__PURE__*/ jsx(Checkbox, {
+                                                disabled: isFormDisabled || !userHasPermission,
+                                                name: checkboxName,
+                                                "aria-label": formatMessage({
+                                                    id: `Settings.permissions.select-by-permission`,
+                                                    defaultMessage: 'Select {label} permission'
+                                                }, {
+                                                    label: `${permissionLabel} ${label}`
+                                                }),
+                                                // Keep same signature as packages/core/admin/admin/src/components/Roles/Permissions/index.js l.91
+                                                onCheckedChange: (value)=>{
+                                                    onChangeParentCheckbox({
+                                                        target: {
+                                                            name: checkboxName,
+                                                            value: !!value
+                                                        }
+                                                    });
+                                                },
+                                                checked: hasSomeActionsSelected ? 'indeterminate' : hasAllActionsSelected
+                                            })
+                                        ]
+                                    })
+                                }, actionId);
+                            }
+                            return /*#__PURE__*/ jsxs(Cell, {
+                                justifyContent: "center",
+                                alignItems: "center",
+                                children: [
+                                    hasConditions && /*#__PURE__*/ jsx(Box, {
+                                        tag: "span",
+                                        position: "absolute",
+                                        top: "-6px",
+                                        left: "37px",
+                                        width: "6px",
+                                        height: "6px",
+                                        borderRadius: "20px",
+                                        background: "primary600"
+                                    }),
+                                    /*#__PURE__*/ jsx(Checkbox, {
+                                        disabled: isFormDisabled || !userHasPermission,
+                                        name: checkboxName,
+                                        // Keep same signature as packages/core/admin/admin/src/components/Roles/Permissions/index.js l.91
+                                        onCheckedChange: (value)=>{
+                                            onChangeSimpleCheckbox({
+                                                target: {
+                                                    name: checkboxName,
+                                                    value: !!value
+                                                }
+                                            });
+                                        },
+                                        checked: hasConditions ? 'indeterminate' : hasAllActionsSelected
+                                    })
+                                ]
+                            }, actionId);
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Box, {
+                bottom: "10px",
+                right: "9px",
+                position: "absolute",
+                children: /*#__PURE__*/ jsxs(Modal.Root, {
+                    open: isConditionModalOpen,
+                    onOpenChange: ()=>{
+                        setIsConditionModalOpen((prev)=>!prev);
+                    },
+                    children: [
+                        /*#__PURE__*/ jsx(Modal.Trigger, {
+                            children: /*#__PURE__*/ jsx(ConditionsButton, {
+                                hasConditions: doesConditionButtonHasConditions
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(ConditionsModal, {
+                            headerBreadCrumbs: [
+                                label,
+                                'Settings.permissions.conditions.conditions'
+                            ],
+                            actions: checkboxesActions,
+                            isFormDisabled: isFormDisabled,
+                            isReadOnly: userPermissions !== undefined,
+                            onClose: ()=>{
+                                setIsConditionModalOpen(false);
+                            }
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+const generateCheckboxesActions = (availableActions, modifiedData, pathToData)=>{
+    return availableActions.map(({ actionId, isDisplayed, applyToProperties, label })=>{
+        if (!isDisplayed) {
+            return {
+                actionId,
+                hasSomeActionsSelected: false,
+                isDisplayed
+            };
+        }
+        const baseCheckboxNameArray = [
+            ...pathToData.split('..'),
+            actionId
+        ];
+        const checkboxNameArray = isEmpty(applyToProperties) ? [
+            ...baseCheckboxNameArray,
+            'properties',
+            'enabled'
+        ] : baseCheckboxNameArray;
+        const conditionsValue = get(modifiedData, [
+            ...baseCheckboxNameArray,
+            'conditions'
+        ], null);
+        const baseCheckboxAction = {
+            actionId,
+            checkboxName: checkboxNameArray.join('..'),
+            hasConditions: createArrayOfValues(conditionsValue).some((val)=>val),
+            isDisplayed,
+            label,
+            pathToConditionsObject: baseCheckboxNameArray
+        };
+        if (isEmpty(applyToProperties)) {
+            const value = get(modifiedData, checkboxNameArray, false);
+            // Since applyToProperties is empty it is not a parent checkbox, therefore hasAllActionsSelected is
+            // equal to hasSomeActionsSelected
+            return {
+                ...baseCheckboxAction,
+                hasAllActionsSelected: value,
+                hasSomeActionsSelected: value,
+                isParentCheckbox: false
+            };
+        }
+        const mainData = get(modifiedData, checkboxNameArray, null);
+        const { hasAllActionsSelected, hasSomeActionsSelected } = getCheckboxState(mainData);
+        return {
+            ...baseCheckboxAction,
+            hasAllActionsSelected,
+            hasSomeActionsSelected,
+            isParentCheckbox: true
+        };
+    });
+};
+const activeRowStyle = (theme, isActive)=>`
+  ${Wrapper} {
+    background-color: ${theme.colors.primary100};
+    color: ${theme.colors.primary600};
+    border-radius: ${isActive ? '2px 2px 0 0' : '2px'};
+    font-weight: ${theme.fontWeights.bold};
+  }
+
+  ${Chevron} {
+    display: flex;
+  }
+  ${ConditionsButton} {
+    display: block;
+  }
+
+  &:focus-within {
+    ${()=>activeRowStyle(theme, isActive)}
+  }
+`;
+const Wrapper = styled(Flex)`
+  border: 1px solid transparent;
+`;
+const BoxWrapper = styled.div`
+  display: inline-flex;
+  min-width: 100%;
+  position: relative;
+
+  ${ConditionsButton} {
+    display: none;
+  }
+
+  ${({ $isActive, theme })=>$isActive && activeRowStyle(theme, $isActive)}
+
+  &:hover {
+    ${({ theme, $isActive })=>activeRowStyle(theme, $isActive)}
+  }
+`;
+const Cell = styled(Flex)`
+  width: ${cellWidth};
+  position: relative;
+`;
+const Chevron = styled(Box)`
+  display: none;
+
+  svg {
+    width: 1.4rem;
+  }
+
+  path {
+    fill: ${({ theme })=>theme.colors.primary600};
+  }
+`;
+
+export { ContentTypeCollapses };
+//# sourceMappingURL=ContentTypeCollapses.mjs.map

package/dist/admin/admin/src/pages/Settings/pages/Roles/components/ContentTypeCollapses.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentTypeCollapses.mjs","sources":["../../../../../../../../../admin/src/pages/Settings/pages/Roles/components/ContentTypeCollapses.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Checkbox, Box, BoxComponent, Flex, FlexComponent, Modal } from '@strapi/design-system';\nimport { ChevronDown, ChevronUp } from '@strapi/icons';\nimport get from 'lodash/get';\nimport isEmpty from 'lodash/isEmpty';\nimport omit from 'lodash/omit';\nimport { useIntl } from 'react-intl';\nimport { styled, DefaultTheme } from 'styled-components';\n\nimport { Action, Subject } from '../../../../../../../shared/contracts/permissions';\nimport { capitalise } from '../../../../../utils/strings';\nimport {\n  PermissionsDataManagerContextValue,\n  usePermissionsDataManager,\n} from '../hooks/usePermissionsDataManager';\nimport { cellWidth, rowHeight } from '../utils/constants';\nimport { createArrayOfValues } from '../utils/createArrayOfValues';\nimport { ConditionForm } from '../utils/forms';\nimport { getCheckboxState } from '../utils/getCheckboxState';\n\nimport { CollapsePropertyMatrix } from './CollapsePropertyMatrix';\nimport { ConditionsButton } from './ConditionsButton';\nimport { ConditionsModal } from './ConditionsModal';\nimport { HiddenAction } from './HiddenAction';\nimport { RowLabelWithCheckbox, RowLabelWithCheckboxProps } from './RowLabelWithCheckbox';\n\n/* -------------------------------------------------------------------------------------------------\n * ContentTypeCollapses\n * -----------------------------------------------------------------------------------------------*/\n\ninterface ContentTypeCollapsesProps extends Pick<CollapseProps, 'pathToData'> {\n  actions?: Action[];\n  isFormDisabled?: boolean;\n  subjects?: Subject[];\n}\n\nconst ContentTypeCollapses = ({\n  actions = [],\n  isFormDisabled,\n  pathToData,\n  subjects = [],\n}: ContentTypeCollapsesProps) => {\n  const [collapseToOpen, setCollapseToOpen] = React.useState<string | null>(null);\n\n  const handleClickToggleCollapse = (collapseName: string) => () => {\n    const nextCollapseToOpen = collapseToOpen === collapseName ? null : collapseName;\n\n    setCollapseToOpen(nextCollapseToOpen);\n  };\n\n  const subjectsWithActions = React.useMemo(\n    () =>\n      subjects.map(({ uid, label, properties }) => {\n        const availableActions = actions.map((action) => ({\n          ...action,\n          isDisplayed: Array.isArray(action.subjects) && action.subjects.indexOf(uid) !== -1,\n        }));\n        return { uid, label, properties, availableActions };\n      }),\n    [subjects, actions]\n  );\n\n  return (\n    <>\n      {subjectsWithActions.map(({ uid, label, properties, availableActions }, index) => {\n        const isActive = collapseToOpen === uid;\n        return (\n          <Flex\n            key={uid}\n            direction=\"column\"\n            display=\"inline-flex\"\n            alignItems=\"stretch\"\n            minWidth=\"100%\"\n            borderColor={isActive ? 'primary600' : undefined}\n          >\n            <Collapse\n              availableActions={availableActions}\n              isActive={isActive}\n              isGrey={index % 2 === 0}\n              isFormDisabled={isFormDisabled}\n              label={label}\n              onClickToggle={handleClickToggleCollapse(uid)}\n              pathToData={[pathToData, uid].join('..')}\n              subject={uid}\n            />\n            {isActive &&\n              properties.map(({ label: propertyLabel, value, children: childrenForm }) => {\n                return (\n                  <CollapsePropertyMatrix\n                    availableActions={availableActions}\n                    childrenForm={childrenForm}\n                    isFormDisabled={isFormDisabled}\n                    label={propertyLabel}\n                    pathToData={[pathToData, uid].join('..')}\n                    propertyName={value}\n                    key={value}\n                    subject={uid}\n                  />\n                );\n              })}\n          </Flex>\n        );\n      })}\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Collapse\n * -----------------------------------------------------------------------------------------------*/\n\ninterface CollapseProps\n  extends Pick<RowLabelWithCheckboxProps, 'isActive' | 'isFormDisabled' | 'label'> {\n  availableActions?: Array<Action & { isDisplayed: boolean }>;\n  isGrey?: boolean;\n  onClickToggle: RowLabelWithCheckboxProps['onClick'];\n  pathToData: string;\n  subject: string;\n}\n\nconst Collapse = ({\n  availableActions = [],\n  isActive = false,\n  isGrey = false,\n  isFormDisabled = false,\n  label,\n  onClickToggle,\n  pathToData,\n  subject,\n}: CollapseProps) => {\n  const { formatMessage } = useIntl();\n  const {\n    modifiedData,\n    onChangeParentCheckbox,\n    onChangeSimpleCheckbox,\n    checkUserHasPermission,\n    userPermissions,\n  } = usePermissionsDataManager();\n  const [isConditionModalOpen, setIsConditionModalOpen] = React.useState(false);\n\n  // This corresponds to the data related to the CT left checkbox\n  // modifiedData: { collectionTypes: { [ctuid]: {create: {properties: { fields: {f1: true} }, update: {}, ... } } } }\n  const mainData = get(modifiedData, pathToData.split('..'), {});\n  // The utils we are using: getCheckboxState, retrieves all the boolean leafs of an object in order\n  // to return the state of checkbox. Since the conditions are not related to the property we need to remove the key from the object.\n  const dataWithoutCondition = React.useMemo(() => {\n    return Object.keys(mainData).reduce<Record<string, ConditionForm>>((acc, current) => {\n      acc[current] = omit(mainData[current], 'conditions');\n\n      return acc;\n    }, {});\n  }, [mainData]);\n\n  const { hasAllActionsSelected, hasSomeActionsSelected } = getCheckboxState(dataWithoutCondition);\n\n  // Here we create an array of <checkbox>, since the state of each one of them is used in\n  // order to know if whether or not we need to display the associated action in\n  // the <ConditionsModal />\n  const checkboxesActions = React.useMemo(() => {\n    return generateCheckboxesActions(availableActions, modifiedData, pathToData);\n  }, [availableActions, modifiedData, pathToData]);\n\n  // @ts-expect-error – hasConditions does not exist on all versions of checkboxesActions.\n  const doesConditionButtonHasConditions = checkboxesActions.some((action) => action.hasConditions);\n\n  return (\n    <BoxWrapper $isActive={isActive}>\n      <Wrapper\n        height={rowHeight}\n        flex={1}\n        alignItems=\"center\"\n        background={isGrey ? 'neutral100' : 'neutral0'}\n      >\n        <RowLabelWithCheckbox\n          isCollapsable\n          isFormDisabled={isFormDisabled}\n          label={capitalise(label)}\n          checkboxName={pathToData}\n          onChange={onChangeParentCheckbox}\n          onClick={onClickToggle}\n          someChecked={hasSomeActionsSelected}\n          value={hasAllActionsSelected}\n          isActive={isActive}\n        >\n          <Chevron paddingLeft={2}>{isActive ? <ChevronUp /> : <ChevronDown />}</Chevron>\n        </RowLabelWithCheckbox>\n\n        <Flex style={{ flex: 1 }}>\n          {checkboxesActions.map(\n            ({ actionId, hasSomeActionsSelected, isDisplayed, ...restAction }) => {\n              if (!isDisplayed) {\n                return <HiddenAction key={actionId} />;\n              }\n\n              const {\n                hasConditions,\n                hasAllActionsSelected,\n                isParentCheckbox,\n                checkboxName,\n                label: permissionLabel,\n              } = restAction as VisibleCheckboxAction;\n\n              const userHasPermission = checkUserHasPermission(actionId, subject);\n\n              if (isParentCheckbox) {\n                return (\n                  <Cell key={actionId} justifyContent=\"center\" alignItems=\"center\">\n                    <Box position=\"relative\" zIndex={1}>\n                      {hasConditions && (\n                        <Box\n                          tag=\"span\"\n                          position=\"absolute\"\n                          top=\"-6px\"\n                          left=\"37px\"\n                          width=\"6px\"\n                          height=\"6px\"\n                          borderRadius=\"20px\"\n                          background=\"primary600\"\n                        />\n                      )}\n                      <Checkbox\n                        disabled={isFormDisabled || !userHasPermission}\n                        name={checkboxName}\n                        aria-label={formatMessage(\n                          {\n                            id: `Settings.permissions.select-by-permission`,\n                            defaultMessage: 'Select {label} permission',\n                          },\n                          { label: `${permissionLabel} ${label}` }\n                        )}\n                        // Keep same signature as packages/core/admin/admin/src/components/Roles/Permissions/index.js l.91\n                        onCheckedChange={(value) => {\n                          onChangeParentCheckbox({\n                            target: {\n                              name: checkboxName,\n                              value: !!value,\n                            },\n                          });\n                        }}\n                        checked={hasSomeActionsSelected ? 'indeterminate' : hasAllActionsSelected}\n                      />\n                    </Box>\n                  </Cell>\n                );\n              }\n\n              return (\n                <Cell key={actionId} justifyContent=\"center\" alignItems=\"center\">\n                  {hasConditions && (\n                    <Box\n                      tag=\"span\"\n                      position=\"absolute\"\n                      top=\"-6px\"\n                      left=\"37px\"\n                      width=\"6px\"\n                      height=\"6px\"\n                      borderRadius=\"20px\"\n                      background=\"primary600\"\n                    />\n                  )}\n                  <Checkbox\n                    disabled={isFormDisabled || !userHasPermission}\n                    name={checkboxName}\n                    // Keep same signature as packages/core/admin/admin/src/components/Roles/Permissions/index.js l.91\n                    onCheckedChange={(value) => {\n                      onChangeSimpleCheckbox({\n                        target: {\n                          name: checkboxName,\n                          value: !!value,\n                        },\n                      });\n                    }}\n                    checked={hasConditions ? 'indeterminate' : hasAllActionsSelected}\n                  />\n                </Cell>\n              );\n            }\n          )}\n        </Flex>\n      </Wrapper>\n      <Box bottom=\"10px\" right=\"9px\" position=\"absolute\">\n        <Modal.Root\n          open={isConditionModalOpen}\n          onOpenChange={() => {\n            setIsConditionModalOpen((prev) => !prev);\n          }}\n        >\n          <Modal.Trigger>\n            <ConditionsButton hasConditions={doesConditionButtonHasConditions} />\n          </Modal.Trigger>\n          <ConditionsModal\n            headerBreadCrumbs={[label, 'Settings.permissions.conditions.conditions']}\n            actions={checkboxesActions}\n            isFormDisabled={isFormDisabled}\n            isReadOnly={userPermissions !== undefined}\n            onClose={() => {\n              setIsConditionModalOpen(false);\n            }}\n          />\n        </Modal.Root>\n      </Box>\n    </BoxWrapper>\n  );\n};\n\ninterface VisibleCheckboxAction {\n  actionId: string;\n  hasAllActionsSelected: boolean;\n  hasSomeActionsSelected: boolean;\n  isDisplayed: true;\n  isParentCheckbox: boolean;\n  checkboxName: string;\n  label: string;\n  hasConditions: boolean;\n  pathToConditionsObject: string[];\n}\n\ninterface HiddenCheckboxAction {\n  actionId: string;\n  isDisplayed: false;\n  hasAllActionsSelected?: never;\n  hasSomeActionsSelected: boolean;\n}\n\nconst generateCheckboxesActions = (\n  availableActions: Array<Action & { isDisplayed: boolean }>,\n  modifiedData: PermissionsDataManagerContextValue['modifiedData'],\n  pathToData: string\n): Array<VisibleCheckboxAction | HiddenCheckboxAction> => {\n  return availableActions.map(({ actionId, isDisplayed, applyToProperties, label }) => {\n    if (!isDisplayed) {\n      return { actionId, hasSomeActionsSelected: false, isDisplayed };\n    }\n\n    const baseCheckboxNameArray = [...pathToData.split('..'), actionId];\n    const checkboxNameArray = isEmpty(applyToProperties)\n      ? [...baseCheckboxNameArray, 'properties', 'enabled']\n      : baseCheckboxNameArray;\n    const conditionsValue = get(modifiedData, [...baseCheckboxNameArray, 'conditions'], null);\n\n    const baseCheckboxAction = {\n      actionId,\n      checkboxName: checkboxNameArray.join('..'),\n      hasConditions: createArrayOfValues(conditionsValue).some((val) => val),\n      isDisplayed,\n      label,\n      pathToConditionsObject: baseCheckboxNameArray,\n    };\n\n    if (isEmpty(applyToProperties)) {\n      const value = get(modifiedData, checkboxNameArray, false);\n\n      // Since applyToProperties is empty it is not a parent checkbox, therefore hasAllActionsSelected is\n      // equal to hasSomeActionsSelected\n      return {\n        ...baseCheckboxAction,\n        hasAllActionsSelected: value,\n        hasSomeActionsSelected: value,\n        isParentCheckbox: false,\n      };\n    }\n\n    const mainData = get(modifiedData, checkboxNameArray, null);\n\n    const { hasAllActionsSelected, hasSomeActionsSelected } = getCheckboxState(mainData);\n\n    return {\n      ...baseCheckboxAction,\n      hasAllActionsSelected,\n      hasSomeActionsSelected,\n      isParentCheckbox: true,\n    };\n  });\n};\n\nconst activeRowStyle = (theme: DefaultTheme, isActive?: boolean): string => `\n  ${Wrapper} {\n    background-color: ${theme.colors.primary100};\n    color: ${theme.colors.primary600};\n    border-radius: ${isActive ? '2px 2px 0 0' : '2px'};\n    font-weight: ${theme.fontWeights.bold};\n  }\n\n  ${Chevron} {\n    display: flex;\n  }\n  ${ConditionsButton} {\n    display: block;\n  }\n\n  &:focus-within {\n    ${() => activeRowStyle(theme, isActive)}\n  }\n`;\n\nconst Wrapper = styled<FlexComponent>(Flex)`\n  border: 1px solid transparent;\n`;\n\nconst BoxWrapper = styled.div<{ $isActive: boolean }>`\n  display: inline-flex;\n  min-width: 100%;\n  position: relative;\n\n  ${ConditionsButton} {\n    display: none;\n  }\n\n  ${({ $isActive, theme }) => $isActive && activeRowStyle(theme, $isActive)}\n\n  &:hover {\n    ${({ theme, $isActive }) => activeRowStyle(theme, $isActive)}\n  }\n`;\n\nconst Cell = styled<FlexComponent>(Flex)`\n  width: ${cellWidth};\n  position: relative;\n`;\n\nconst Chevron = styled<BoxComponent>(Box)`\n  display: none;\n\n  svg {\n    width: 1.4rem;\n  }\n\n  path {\n    fill: ${({ theme }) => theme.colors.primary600};\n  }\n`;\n\nexport { ContentTypeCollapses };\nexport type { ContentTypeCollapsesProps, HiddenCheckboxAction, VisibleCheckboxAction };\n"],"names":["ContentTypeCollapses","actions","isFormDisabled","pathToData","subjects","collapseToOpen","setCollapseToOpen","React","useState","handleClickToggleCollapse","collapseName","nextCollapseToOpen","subjectsWithActions","useMemo","map","uid","label","properties","availableActions","action","isDisplayed","Array","isArray","indexOf","_jsx","_Fragment","index","isActive","_jsxs","Flex","direction","display","alignItems","minWidth","borderColor","undefined","Collapse","isGrey","onClickToggle","join","subject","propertyLabel","value","children","childrenForm","CollapsePropertyMatrix","propertyName","formatMessage","useIntl","modifiedData","onChangeParentCheckbox","onChangeSimpleCheckbox","checkUserHasPermission","userPermissions","usePermissionsDataManager","isConditionModalOpen","setIsConditionModalOpen","mainData","get","split","dataWithoutCondition","Object","keys","reduce","acc","current","omit","hasAllActionsSelected","hasSomeActionsSelected","getCheckboxState","checkboxesActions","generateCheckboxesActions","doesConditionButtonHasConditions","some","hasConditions","BoxWrapper","$isActive","Wrapper","height","rowHeight","flex","background","RowLabelWithCheckbox","isCollapsable","capitalise","checkboxName","onChange","onClick","someChecked","Chevron","paddingLeft","ChevronUp","ChevronDown","style","actionId","restAction","HiddenAction","isParentCheckbox","permissionLabel","userHasPermission","Cell","justifyContent","Box","position","zIndex","tag","top","left","width","borderRadius","Checkbox","disabled","name","aria-label","id","defaultMessage","onCheckedChange","target","checked","bottom","right","Modal","Root","open","onOpenChange","prev","Trigger","ConditionsButton","ConditionsModal","headerBreadCrumbs","isReadOnly","onClose","applyToProperties","baseCheckboxNameArray","checkboxNameArray","isEmpty","conditionsValue","baseCheckboxAction","createArrayOfValues","val","pathToConditionsObject","activeRowStyle","theme","colors","primary100","primary600","fontWeights","bold","styled","div","cellWidth"],"mappings":"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"}

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

@@ -0,0 +1,31 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var ContentTypeCollapses = require('./ContentTypeCollapses.js');
+var GlobalActions = require('./GlobalActions.js');
+
+const ContentTypes = ({ isFormDisabled, kind, layout: { actions, subjects } })=>{
+    const sortedSubjects = [
+        ...subjects
+    ].sort((a, b)=>a.label.localeCompare(b.label));
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
+        background: "neutral0",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(GlobalActions.GlobalActions, {
+                actions: actions,
+                kind: kind,
+                isFormDisabled: isFormDisabled
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(ContentTypeCollapses.ContentTypeCollapses, {
+                actions: actions,
+                isFormDisabled: isFormDisabled,
+                pathToData: kind,
+                subjects: sortedSubjects
+            })
+        ]
+    });
+};
+
+exports.ContentTypes = ContentTypes;
+//# sourceMappingURL=ContentTypes.js.map

package/dist/admin/admin/src/pages/Settings/pages/Roles/components/ContentTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentTypes.js","sources":["../../../../../../../../../admin/src/pages/Settings/pages/Roles/components/ContentTypes.tsx"],"sourcesContent":["import { Box } from '@strapi/design-system';\n\nimport { ContentPermission } from '../../../../../../../shared/contracts/permissions';\n\nimport { ContentTypeCollapses } from './ContentTypeCollapses';\nimport { GlobalActions, GlobalActionsProps } from './GlobalActions';\n\ninterface ContentTypesProps extends Pick<GlobalActionsProps, 'kind'> {\n  isFormDisabled?: boolean;\n  layout: ContentPermission;\n}\n\nconst ContentTypes = ({\n  isFormDisabled,\n  kind,\n  layout: { actions, subjects },\n}: ContentTypesProps) => {\n  const sortedSubjects = [...subjects].sort((a, b) => a.label.localeCompare(b.label));\n\n  return (\n    <Box background=\"neutral0\">\n      <GlobalActions actions={actions} kind={kind} isFormDisabled={isFormDisabled} />\n      <ContentTypeCollapses\n        actions={actions}\n        isFormDisabled={isFormDisabled}\n        pathToData={kind}\n        subjects={sortedSubjects}\n      />\n    </Box>\n  );\n};\n\nexport { ContentTypes };\n"],"names":["ContentTypes","isFormDisabled","kind","layout","actions","subjects","sortedSubjects","sort","a","b","label","localeCompare","_jsxs","Box","background","_jsx","GlobalActions","ContentTypeCollapses","pathToData"],"mappings":";;;;;;;AAYA,MAAMA,YAAAA,GAAe,CAAC,EACpBC,cAAc,EACdC,IAAI,EACJC,MAAAA,EAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAE,EACX,GAAA;AAClB,IAAA,MAAMC,cAAAA,GAAiB;AAAID,QAAAA,GAAAA;KAAS,CAACE,IAAI,CAAC,CAACC,CAAAA,EAAGC,CAAAA,GAAMD,CAAAA,CAAEE,KAAK,CAACC,aAAa,CAACF,CAAAA,CAAEC,KAAK,CAAA,CAAA;AAEjF,IAAA,qBACEE,eAAA,CAACC,gBAAAA,EAAAA;QAAIC,UAAAA,EAAW,UAAA;;0BACdC,cAAA,CAACC,2BAAAA,EAAAA;gBAAcZ,OAAAA,EAASA,OAAAA;gBAASF,IAAAA,EAAMA,IAAAA;gBAAMD,cAAAA,EAAgBA;;0BAC7Dc,cAAA,CAACE,yCAAAA,EAAAA;gBACCb,OAAAA,EAASA,OAAAA;gBACTH,cAAAA,EAAgBA,cAAAA;gBAChBiB,UAAAA,EAAYhB,IAAAA;gBACZG,QAAAA,EAAUC;;;;AAIlB;;;;"}

package/dist/admin/admin/src/pages/Settings/pages/Roles/components/ContentTypes.mjs

@@ -0,0 +1,29 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Box } from '@strapi/design-system';
+import { ContentTypeCollapses } from './ContentTypeCollapses.mjs';
+import { GlobalActions } from './GlobalActions.mjs';
+
+const ContentTypes = ({ isFormDisabled, kind, layout: { actions, subjects } })=>{
+    const sortedSubjects = [
+        ...subjects
+    ].sort((a, b)=>a.label.localeCompare(b.label));
+    return /*#__PURE__*/ jsxs(Box, {
+        background: "neutral0",
+        children: [
+            /*#__PURE__*/ jsx(GlobalActions, {
+                actions: actions,
+                kind: kind,
+                isFormDisabled: isFormDisabled
+            }),
+            /*#__PURE__*/ jsx(ContentTypeCollapses, {
+                actions: actions,
+                isFormDisabled: isFormDisabled,
+                pathToData: kind,
+                subjects: sortedSubjects
+            })
+        ]
+    });
+};
+
+export { ContentTypes };
+//# sourceMappingURL=ContentTypes.mjs.map

package/dist/admin/admin/src/pages/Settings/pages/Roles/components/ContentTypes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentTypes.mjs","sources":["../../../../../../../../../admin/src/pages/Settings/pages/Roles/components/ContentTypes.tsx"],"sourcesContent":["import { Box } from '@strapi/design-system';\n\nimport { ContentPermission } from '../../../../../../../shared/contracts/permissions';\n\nimport { ContentTypeCollapses } from './ContentTypeCollapses';\nimport { GlobalActions, GlobalActionsProps } from './GlobalActions';\n\ninterface ContentTypesProps extends Pick<GlobalActionsProps, 'kind'> {\n  isFormDisabled?: boolean;\n  layout: ContentPermission;\n}\n\nconst ContentTypes = ({\n  isFormDisabled,\n  kind,\n  layout: { actions, subjects },\n}: ContentTypesProps) => {\n  const sortedSubjects = [...subjects].sort((a, b) => a.label.localeCompare(b.label));\n\n  return (\n    <Box background=\"neutral0\">\n      <GlobalActions actions={actions} kind={kind} isFormDisabled={isFormDisabled} />\n      <ContentTypeCollapses\n        actions={actions}\n        isFormDisabled={isFormDisabled}\n        pathToData={kind}\n        subjects={sortedSubjects}\n      />\n    </Box>\n  );\n};\n\nexport { ContentTypes };\n"],"names":["ContentTypes","isFormDisabled","kind","layout","actions","subjects","sortedSubjects","sort","a","b","label","localeCompare","_jsxs","Box","background","_jsx","GlobalActions","ContentTypeCollapses","pathToData"],"mappings":";;;;;AAYA,MAAMA,YAAAA,GAAe,CAAC,EACpBC,cAAc,EACdC,IAAI,EACJC,MAAAA,EAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAE,EACX,GAAA;AAClB,IAAA,MAAMC,cAAAA,GAAiB;AAAID,QAAAA,GAAAA;KAAS,CAACE,IAAI,CAAC,CAACC,CAAAA,EAAGC,CAAAA,GAAMD,CAAAA,CAAEE,KAAK,CAACC,aAAa,CAACF,CAAAA,CAAEC,KAAK,CAAA,CAAA;AAEjF,IAAA,qBACEE,IAAA,CAACC,GAAAA,EAAAA;QAAIC,UAAAA,EAAW,UAAA;;0BACdC,GAAA,CAACC,aAAAA,EAAAA;gBAAcZ,OAAAA,EAASA,OAAAA;gBAASF,IAAAA,EAAMA,IAAAA;gBAAMD,cAAAA,EAAgBA;;0BAC7Dc,GAAA,CAACE,oBAAAA,EAAAA;gBACCb,OAAAA,EAASA,OAAAA;gBACTH,cAAAA,EAAgBA,cAAAA;gBAChBiB,UAAAA,EAAYhB,IAAAA;gBACZG,QAAAA,EAAUC;;;;AAIlB;;;;"}

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

@@ -0,0 +1,131 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var get = require('lodash/get');
+var reactIntl = require('react-intl');
+var usePermissionsDataManager = require('../hooks/usePermissionsDataManager.js');
+var constants = require('../utils/constants.js');
+var getCheckboxState = require('../utils/getCheckboxState.js');
+var removeConditionKeyFromData = require('../utils/removeConditionKeyFromData.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var get__default = /*#__PURE__*/_interopDefault(get);
+
+const GlobalActions = ({ actions = [], isFormDisabled, kind })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { modifiedData, onChangeCollectionTypeGlobalActionCheckbox, checkUserHasPermission } = usePermissionsDataManager.usePermissionsDataManager();
+    const displayedActions = actions.filter(({ subjects })=>subjects && subjects.length);
+    const checkboxesState = React__namespace.useMemo(()=>{
+        const actionsIds = displayedActions.map(({ actionId })=>actionId);
+        const data = modifiedData[kind];
+        const relatedActionsData = actionsIds.reduce((acc, actionId)=>{
+            Object.keys(data).forEach((ctUid)=>{
+                const actionIdData = get__default.default(data, [
+                    ctUid,
+                    actionId
+                ]);
+                const actionIdState = {
+                    [ctUid]: removeConditionKeyFromData.removeConditionKeyFromData(actionIdData)
+                };
+                if (!acc[actionId]) {
+                    acc[actionId] = actionIdState;
+                } else {
+                    acc[actionId] = {
+                        ...acc[actionId],
+                        ...actionIdState
+                    };
+                }
+            });
+            return acc;
+        }, {});
+        const checkboxesState = Object.keys(relatedActionsData).reduce((acc, current)=>{
+            acc[current] = getCheckboxState.getCheckboxState(relatedActionsData[current]);
+            return acc;
+        }, {});
+        return checkboxesState;
+    }, [
+        modifiedData,
+        displayedActions,
+        kind
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+        paddingBottom: 4,
+        paddingTop: 6,
+        style: {
+            paddingLeft: constants.firstRowWidth
+        },
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+            gap: 0,
+            children: displayedActions.map(({ label, actionId, subjects })=>{
+                const allSubjects = subjects || [];
+                const userHasPermissionForAll = allSubjects.length > 0 && allSubjects.every((subject)=>checkUserHasPermission(actionId, subject));
+                return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                    shrink: 0,
+                    width: constants.cellWidth,
+                    direction: "column",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    gap: 3,
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                            variant: "sigma",
+                            textColor: "neutral500",
+                            children: formatMessage({
+                                id: `Settings.roles.form.permissions.${label.toLowerCase()}`,
+                                defaultMessage: label
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Checkbox, {
+                            disabled: isFormDisabled || !userHasPermissionForAll,
+                            onCheckedChange: (value)=>{
+                                onChangeCollectionTypeGlobalActionCheckbox(kind, actionId, !!value);
+                            },
+                            name: actionId,
+                            "aria-label": formatMessage({
+                                id: `Settings.permissions.select-all-by-permission`,
+                                defaultMessage: 'Select all {label} permissions'
+                            }, {
+                                label: formatMessage({
+                                    id: `Settings.roles.form.permissions.${label.toLowerCase()}`,
+                                    defaultMessage: label
+                                })
+                            }),
+                            checked: get__default.default(checkboxesState, [
+                                actionId,
+                                'hasSomeActionsSelected'
+                            ], false) ? 'indeterminate' : get__default.default(checkboxesState, [
+                                actionId,
+                                'hasAllActionsSelected'
+                            ], false)
+                        })
+                    ]
+                }, actionId);
+            })
+        })
+    });
+};
+
+exports.GlobalActions = GlobalActions;
+//# sourceMappingURL=GlobalActions.js.map