core-resource-app-test/build/d2-ui/25.5.4/src/sharing/UserGroupAccesses.component.js

App that contains assets and scripts for the core apps

import { PropTypes, createClass, default as React } from 'react';
import AccessMaskSwitches from '../sharing/AccessMaskSwitches.component';

export default createClass({
    propTypes: {
        userGroupAccesses: PropTypes.array,
        onChange: PropTypes.func.isRequired,
    },

    getDefaultProps() {
        return {
            userGroupAccesses: [],
            onChange: () => {},
        };
    },

    render() {
        const onChange = (currentItem) => { // eslint-ignore-line
            return (newAccessMask) => {
                const modifiedUserGroupAccesses = this.props.userGroupAccesses
                    .map(item => Object.assign({}, item))
                    .map(item => {
                        if (item.id === currentItem.id) {
                            item.access = newAccessMask;
                        }
                        return item;
                    });

                this.props.onChange(modifiedUserGroupAccesses);
            };
        };

        return (
            <div>
                {this.props.userGroupAccesses.map(item => {
                    return (
                        <AccessMaskSwitches
                            accessMask={item.access}
                            name={item.name}
                            label={item.name}
                            onChange={onChange(item)}
                        />
                    );
                })}
            </div>
        );
    },
});