wikis permission set (#2799)

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

@@ -11,7 +11,7 @@ const propTypes = {
   onPermissionChangedHandler: PropTypes.func.isRequired
 };
 
-class PermissionEditor extends React.Component {
+class SharePermissionEditor extends React.Component {
 
   translatePermission = (permission) => {
     return Utils.sharePerms(permission);
@@ -31,6 +31,6 @@ class PermissionEditor extends React.Component {
   }
 }
 
-PermissionEditor.propTypes = propTypes;
+SharePermissionEditor.propTypes = propTypes;
 
-export default PermissionEditor;
+export default SharePermissionEditor;

frontend/src/components/select-editor/wiki-permission-editor.js

@@ -0,0 +1,43 @@
+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,
+  permissions: PropTypes.array.isRequired,
+  currentPermission: PropTypes.string.isRequired,
+  onPermissionChangedHandler: PropTypes.func.isRequired
+};
+
+class WikiPermissionEditor extends React.Component {
+
+  translatePermission = (permission) => {
+    if (permission === 'private') {
+      return gettext('Private');
+    }
+    
+    if (permission === 'public') {
+      return gettext('Public');
+    }
+  }
+
+  render() {
+    return (
+      <SelectEditor 
+        isTextMode={this.props.isTextMode}
+        isEditIconShow={this.props.isEditIconShow}
+        options={this.props.permissions}
+        currentOption={this.props.currentPermission}
+        onOptionChangedHandler={this.props.onPermissionChangedHandler}
+        translateOption={this.translatePermission}
+      />
+    );
+  }
+
+}
+
+WikiPermissionEditor.propTypes = propTypes;
+
+export default WikiPermissionEditor;