✨ Add personFinder reducer function

Author: Jonas Gossens

examples/react-chayns-personfinder/Example.jsx

@@ -25,6 +25,29 @@ export default class PersonFinderExample extends PureComponent {
     render() {
         return (
             <div style={{ marginBottom: '300px' }}>
+                <PersonFinder
+                    ref={(ref) => { this.relationFinder = ref; }}
+                    dynamic
+                    placeholder="Users with reducer: show only persons with an 'e' in the name"
+                    onChange={PersonFinderExample.handleSelect}
+                    reducerFunction={state => new Promise((resolve) => {
+                        console.log(state);
+                        const newState = {
+                            ...state,
+                            persons: {
+                                related: state.persons.related.map((person) => {
+                                    console.log(person);
+                                    return person.firstName.indexOf('e') >= 0 || person.lastName.indexOf('e') >= 0;
+                                }),
+                                unrelated: state.persons.unrelated.filter((person) => {
+                                    console.log(person);
+                                    return person.firstName.indexOf('e') >= 0 || person.lastName.indexOf('e') >= 0;
+                                }),
+                            },
+                        };
+                        resolve(newState);
+                    })}
+                />
                 <PersonFinder
                     defaultValue="Smith"
                     ref={(ref) => { this.relationFinder = ref; }}

src/react-chayns-personfinder/README.md

@@ -41,6 +41,7 @@ Then it can be used like in the following example:
 | boxClassName  | ClassName of the box-overlay                                                                       | string         |               |
 | uacId         | ID of the UAC-Group to search in                                                                   | number         |               |
 | locationId    | LocationId of the UAC-Group to search in                                                           | number         |               |
+| reducerFunction | Function to reduce the results (see example)                                                     | Function       |               |
 
 ## Clear the PersonFinder
 If you want to clear the PersonFinder, you need to have a reference to the ReactElement:

src/react-chayns-personfinder/component/PersonFinder.jsx

@@ -11,6 +11,7 @@ export default class PersonFinder extends Component {
         showSites: PropTypes.bool,
         uacId: PropTypes.number,
         locationId: PropTypes.number,
+        reducerFunction: PropTypes.func,
     };
 
     static defaultProps = {
@@ -19,6 +20,7 @@ export default class PersonFinder extends Component {
         showSites: false,
         uacId: null,
         locationId: null,
+        reducerFunction: null,
     };
 
     personFinder = React.createRef();

src/react-chayns-personfinder/component/PersonFinderData.jsx

@@ -32,6 +32,7 @@ export default class PersonFinderData extends Component {
         uacId: PropTypes.number,
         locationId: PropTypes.number,
         parent: PropTypes.instanceOf(Element),
+        reducerFunction: PropTypes.func,
     };
 
     static defaultProps = {
@@ -47,6 +48,7 @@ export default class PersonFinderData extends Component {
         uacId: null,
         locationId: null,
         parent: document.querySelector('.tapp'),
+        reducerFunction: null,
     };
 
     resultList = null;
@@ -180,7 +182,7 @@ export default class PersonFinderData extends Component {
         }
 
         const {
-            persons: enablePersons, sites: enableSites, includeOwn, uacId, locationId,
+            persons: enablePersons, sites: enableSites, includeOwn, uacId, locationId, reducerFunction,
         } = this.props;
 
         const promises = [];
@@ -233,9 +235,14 @@ export default class PersonFinderData extends Component {
                 sites = { ...sites }; // Forces rerendering
             }
 
+            let newState = { persons, sites };
+
+            if (reducerFunction) {
+                newState = await reducerFunction(newState);
+            }
+
             this.setState({
-                persons,
-                sites,
+                ...newState,
                 lazyLoading: clear ? false : lazyLoading,
             });
         } catch (ex) {
@@ -323,7 +330,11 @@ export default class PersonFinderData extends Component {
     hasEntries() {
         const { persons, sites, friends } = this.state;
 
-        return persons.related.length > 0 || persons.unrelated.length > 0 || sites.related.length > 0 || sites.unrelated.length > 0 || friends.length > 0;
+        return (persons.related && persons.related.length > 0)
+            || (persons.unrelated && persons.unrelated.length > 0)
+            || (sites.related && sites.related.length > 0)
+            || (sites.unrelated && sites.unrelated.length > 0)
+            || (friends && friends.length > 0);
     }
 
     renderChildren() {