Single selector (#5791)

* [single selector] added a new 'single selector' to replace the 'role editor'

* [sys admin - group - member] replaced the old 'role selector' with the new 'single selector'

* [sys admin - orgs] replaced the old 'role selector' with the new 'single selector'

* [sys admin, org admin] replaced different selectors with the new 'single selector' for users & orgs

* [share link perm selector] replaced it with the new 'single selector'

frontend/src/components/select-editor/role-editor.js

@@ -1,44 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { gettext } from '../../utils/constants';
-import SelectEditor from './select-editor';
-
-const propTypes = {
-  isTextMode: PropTypes.bool.isRequired,
-  isEditIconShow: PropTypes.bool.isRequired,
-  roles: PropTypes.array.isRequired,
-  currentRole: PropTypes.string.isRequired,
-  onRoleChanged: PropTypes.func.isRequired,
-  toggleItemFreezed: PropTypes.func,
-};
-
-class RoleEditor extends React.Component {
-
-  translateRole = (role) => {
-    if (role === 'Admin') {
-      return gettext('Admin');
-    }
-
-    if (role === 'Member') {
-      return gettext('Member');
-    }
-  };
-
-  render() {
-    return (
-      <SelectEditor
-        isTextMode={this.props.isTextMode}
-        isEditIconShow={this.props.isEditIconShow}
-        options={this.props.roles}
-        currentOption={this.props.currentRole}
-        onOptionChanged={this.props.onRoleChanged}
-        translateOption={this.translateRole}
-        toggleItemFreezed={this.props.toggleItemFreezed}
-      />
-    );
-  }
-}
-
-RoleEditor.propTypes = propTypes;
-
-export default RoleEditor;

frontend/src/components/select-editor/share-link-permission-editor.js

@@ -1,36 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Utils } from '../../utils/utils';
-import SelectEditor from './select-editor';
-
-const propTypes = {
-  isTextMode: PropTypes.bool.isRequired,
-  isEditIconShow: PropTypes.bool.isRequired,
-  permissionOptions: PropTypes.array.isRequired,
-  currentPermission: PropTypes.string.isRequired,
-  onPermissionChanged: PropTypes.func.isRequired
-};
-
-class ShareLinkPermissionEditor extends React.Component {
-
-  translatePermission = (permission) => {
-    return Utils.getShareLinkPermissionObject(permission).text;
-  };
-
-  render() {
-    return (
-      <SelectEditor
-        isTextMode={this.props.isTextMode}
-        isEditIconShow={this.props.isEditIconShow}
-        options={this.props.permissionOptions}
-        currentOption={this.props.currentPermission}
-        onOptionChanged={this.props.onPermissionChanged}
-        translateOption={this.translatePermission}
-      />
-    );
-  }
-}
-
-ShareLinkPermissionEditor.propTypes = propTypes;
-
-export default ShareLinkPermissionEditor;

frontend/src/components/select-editor/sysadmin-group-role-editor.js

@@ -1,43 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { gettext } from '../../utils/constants';
-import SelectEditor from './select-editor';
-
-const propTypes = {
-  isTextMode: PropTypes.bool.isRequired,
-  isEditIconShow: PropTypes.bool.isRequired,
-  roleOptions: PropTypes.array.isRequired,
-  currentRole: PropTypes.string.isRequired,
-  onRoleChanged: PropTypes.func.isRequired
-};
-
-class SysAdminGroupRoleEditor extends React.Component {
-
-  translateRoles = (role) => {
-    switch (role) {
-      case 'Member':
-        return gettext('Member');
-      case 'Admin':
-        return gettext('Admin');
-      default:
-        return role;
-    }
-  };
-
-  render() {
-    return (
-      <SelectEditor
-        isTextMode={this.props.isTextMode}
-        isEditIconShow={this.props.isEditIconShow}
-        options={this.props.roleOptions}
-        currentOption={this.props.currentRole}
-        onOptionChanged={this.props.onRoleChanged}
-        translateOption={this.translateRoles}
-      />
-    );
-  }
-}
-
-SysAdminGroupRoleEditor.propTypes = propTypes;
-
-export default SysAdminGroupRoleEditor;

frontend/src/components/select-editor/sysadmin-user-status-editor.js

@@ -1,41 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { gettext } from '../../utils/constants';
-import SelectEditor from './select-editor';
-
-const propTypes = {
-  isTextMode: PropTypes.bool.isRequired,
-  isEditIconShow: PropTypes.bool.isRequired,
-  statusOptions: PropTypes.array.isRequired,
-  currentStatus: PropTypes.string.isRequired,
-  onStatusChanged: PropTypes.func.isRequired
-};
-
-class SysAdminUserStatusEditor extends React.Component {
-
-  translateStatus = (status) => {
-    switch (status) {
-      case 'active':
-        return gettext('Active');
-      case 'inactive':
-        return gettext('Inactive');
-    }
-  };
-
-  render() {
-    return (
-      <SelectEditor
-        isTextMode={this.props.isTextMode}
-        isEditIconShow={this.props.isEditIconShow}
-        options={this.props.statusOptions}
-        currentOption={this.props.currentStatus}
-        onOptionChanged={this.props.onStatusChanged}
-        translateOption={this.translateStatus}
-      />
-    );
-  }
-}
-
-SysAdminUserStatusEditor.propTypes = propTypes;
-
-export default SysAdminUserStatusEditor;

frontend/src/components/select-editor/user-status-editor.js

@@ -1,43 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { gettext } from '../../utils/constants';
-import SelectEditor from './select-editor';
-
-const propTypes = {
-  isTextMode: PropTypes.bool.isRequired,
-  isEditIconShow: PropTypes.bool.isRequired,
-  statusArray: PropTypes.array.isRequired,
-  currentStatus: PropTypes.string.isRequired,
-  onStatusChanged: PropTypes.func.isRequired
-};
-
-class UserStatusEditor extends React.Component {
-
-  translateStatus = (userStatus) => {
-    if (userStatus === 'active') {
-      return gettext('Active');
-    }
-
-    if (userStatus === 'inactive') {
-      return gettext('Inactive');
-    }
-  };
-
-  render() {
-    return (
-      <SelectEditor
-        isTextMode={this.props.isTextMode}
-        isEditIconShow={this.props.isEditIconShow}
-        options={this.props.statusArray}
-        currentOption={this.props.currentStatus}
-        onOptionChanged={this.props.onStatusChanged}
-        translateOption={this.translateStatus}
-      />
-    );
-  }
-
-}
-
-UserStatusEditor.propTypes = propTypes;
-
-export default UserStatusEditor;