Change layout shape

Signed-off-by: soupette <cyril.lpz@gmail.com>

packages/strapi-admin/ee/admin/containers/Roles/CreatePage/ContentTypeCollapse/Collapse/index.js

@@ -11,7 +11,7 @@ import Wrapper from './Wrapper';
 import RowLabel from '../../RowLabel';
 import { getCheckboxState, removeConditionKeyFromData } from '../../utils';
 
-const Collapse = ({ availableActions, isActive, isGrey, name, onClickToggle, pathToData }) => {
+const Collapse = ({ availableActions, isActive, isGrey, label, onClickToggle, pathToData }) => {
   const {
     modifiedData,
     onChangeParentCheckbox,
@@ -36,7 +36,7 @@ const Collapse = ({ availableActions, isActive, isGrey, name, onClickToggle, pat
         <Padded left size="sm" />
         <RowLabel
           isCollapsable
-          label={name}
+          label={label}
           checkboxName={pathToData}
           onChange={onChangeParentCheckbox}
           onClick={onClickToggle}
@@ -96,7 +96,7 @@ Collapse.propTypes = {
   availableActions: PropTypes.array.isRequired,
   isActive: PropTypes.bool.isRequired,
   isGrey: PropTypes.bool.isRequired,
-  name: PropTypes.string.isRequired,
+  label: PropTypes.string.isRequired,
   onClickToggle: PropTypes.func.isRequired,
   pathToData: PropTypes.string.isRequired,
 };

packages/strapi-admin/ee/admin/containers/Roles/CreatePage/ContentTypeCollapse/index.js

@@ -8,6 +8,7 @@ import Wrapper from './Wrapper';
 const ContentTypeCollapse = ({
   allActions,
   contentTypeName,
+  label,
   index,
   isActive,
   onClickToggleCollapse,
@@ -30,7 +31,7 @@ const ContentTypeCollapse = ({
         availableActions={availableActions}
         isActive={isActive}
         isGrey={index % 2 === 0}
-        name={contentTypeName}
+        label={label}
         onClickToggle={handleClickToggleCollapse}
         pathToData={pathToData}
       />
@@ -58,6 +59,7 @@ ContentTypeCollapse.propTypes = {
   contentTypeName: PropTypes.string.isRequired,
   index: PropTypes.number.isRequired,
   isActive: PropTypes.bool.isRequired,
+  label: PropTypes.string.isRequired,
   onClickToggleCollapse: PropTypes.func.isRequired,
   pathToData: PropTypes.string.isRequired,
   properties: PropTypes.array.isRequired,

packages/strapi-admin/ee/admin/containers/Roles/CreatePage/ContentTypeCollapses/index.js

@@ -14,17 +14,18 @@ const ContentTypeCollapses = ({ actions, pathToData, subjects }) => {
     [collapseToOpen]
   );
 
-  return Object.keys(subjects).map((subject, index) => {
+  return subjects.map(({ uid, label, properties }, index) => {
     return (
       <ContentTypeCollapse
         allActions={actions}
-        key={subject}
+        key={uid}
-        contentTypeName={subject}
+        contentTypeName={uid}
-        isActive={collapseToOpen === subject}
+        label={label}
+        isActive={collapseToOpen === uid}
         index={index}
         onClickToggleCollapse={handleClickToggleCollapse}
-        pathToData={`${pathToData}..${subject}`}
+        pathToData={`${pathToData}..${uid}`}
-        properties={subjects[subject].properties}
+        properties={properties}
       />
     );
   });
@@ -32,13 +33,19 @@ const ContentTypeCollapses = ({ actions, pathToData, subjects }) => {
 
 ContentTypeCollapses.defaultProps = {
   actions: [],
-  subjects: {},
+  subjects: [],
 };
 
 ContentTypeCollapses.propTypes = {
   actions: PropTypes.array.isRequired,
   pathToData: PropTypes.string.isRequired,
-  subjects: PropTypes.object,
+  subjects: PropTypes.arrayOf(
+    PropTypes.shape({
+      uid: PropTypes.string.isRequired,
+      label: PropTypes.string.isRequired,
+      properties: PropTypes.array.isRequired,
+    })
+  ),
 };
 
 export default memo(ContentTypeCollapses);

packages/strapi-admin/ee/admin/containers/Roles/CreatePage/ContentTypes/index.js

@@ -20,7 +20,13 @@ ContentTypes.propTypes = {
   kind: PropTypes.string.isRequired,
   layout: PropTypes.shape({
     actions: PropTypes.array,
-    subjects: PropTypes.object,
+    subjects: PropTypes.arrayOf(
+      PropTypes.shape({
+        uid: PropTypes.string.isRequired,
+        label: PropTypes.string.isRequired,
+        properties: PropTypes.array.isRequired,
+      })
+    ),
   }).isRequired,
 };
 

packages/strapi-admin/ee/admin/containers/Roles/CreatePage/temp/fakeData.js

@@ -283,8 +283,10 @@ const data = {
 
     singleTypes: {}, // same format as under,
     collectionTypes: {
-      subjects: {
+      subjects: [
-        address: {
+        {
+          uid: 'address',
+          label: 'Address',
           properties: [
             {
               label: 'Fields',
@@ -315,7 +317,9 @@ const data = {
             },
           ],
         },
-        restaurant: {
+        {
+          uid: 'restaurant',
+          label: 'Restaurant',
           properties: [
             {
               label: 'Fields',
@@ -384,10 +388,12 @@ const data = {
             },
           ],
         },
-        test: {
+        {
+          uid: 'test',
+          label: 'test',
           properties: [],
         },
-      },
+      ],
       actions: [
         {
           label: 'Create',