Move input selected state to parent component

Move input selected state from controller to parent component (plugin)
to prevent multiple selections and highlighting of checkbox fields
from different controllers.

Signed-off-by: Christos Malliaridis <c.malliaridis@gmail.com>

packages/strapi-plugin-users-permissions/admin/src/components/Controller/index.js

@@ -14,9 +14,8 @@ import InputCheckbox from '../InputCheckboxPlugin';
 
 import { Header, Label, Separator, Wrapper } from './Components';
 
-function Controller({ actions, inputNamePath, isOpen, name }) {
+function Controller({ actions, inputNamePath, isOpen, name, inputSelected, setInputSelected }) {
   const { selectAllActions } = useEditPageContext();
-  const [inputSelected, setInputSelected] = useState('');
 
   const areAllActionsSelected = () => {
     return Object.keys(actions).every(

packages/strapi-plugin-users-permissions/admin/src/components/Plugin/index.js

@@ -17,7 +17,7 @@ import { Banner, Chevron, ControllerWrapper, Description, Icon, Name, Wrapper }
 
 class Plugin extends React.Component {
   // eslint-disable-line react/prefer-stateless-function
-  state = { collapse: false };
+  state = { collapse: false, inputSelected: '' };
 
   static contextType = EditPageContext;
 
@@ -51,6 +51,10 @@ class Plugin extends React.Component {
     }
   };
 
+  setInputSelectedState = name => {
+    this.setState({ inputSelected: name });
+  };
+
   render() {
     const { appPlugins } = this.context;
     const { plugin } = this.props;
@@ -101,6 +105,8 @@ class Plugin extends React.Component {
                 inputNamePath={`permissions.${this.props.name}`}
                 isOpen={this.state.collapse}
                 key={key}
+                inputSelected={this.state.inputSelected}
+                setInputSelected={this.setInputSelectedState}
                 name={key}
                 actions={controllerActions}
                 resetInputBackground={this.state.resetInputBackground}