check parser server version for create class with clp (#415)

* check parser server version for create class with clp

* changed to clp supported parse version

Author: sadakchap

src/dashboard/Data/Browser/Browser.react.js

@@ -606,6 +606,9 @@ class Browser extends DashboardView {
 
   createClass(className, isProtected) {
     let clp = isProtected ? protectedCLPs : defaultCLPS;
+    if (semver.lte(this.context.currentApp.serverInfo.parseServerVersion, '3.1.1')) {
+      clp = {};
+    }
     this.props.schema.dispatch(ActionTypes.CREATE_CLASS, { className, clp }).then(() => {
       this.state.counts[className] = 0;
       history.push(this.context.generatePath('browser/' + className));
@@ -1672,11 +1675,13 @@ class Browser extends DashboardView {
       );
     }
     if (this.state.showCreateClassDialog) {
+      const { currentApp = {} } = this.context;
       extras = (
         <CreateClassDialog
           currentAppSlug={this.context.currentApp.slug}
           onAddColumn={this.showAddColumn}
           currentClasses={this.props.schema.data.get('classes').keySeq().toArray()}
+          parseServerVersion={currentApp.serverInfo && currentApp.serverInfo.parseServerVersion}
           onCancel={() => this.setState({ showCreateClassDialog: false })}
           onConfirm={this.createClass} />
       );

src/dashboard/Data/Browser/CreateClassDialog.react.js

@@ -11,6 +11,7 @@ import Label              from 'components/Label/Label.react';
 import Modal              from 'components/Modal/Modal.react';
 import Option             from 'components/Dropdown/Option.react';
 import React              from 'react';
+import semver             from 'semver/preload.js';
 import { SpecialClasses } from 'lib/Constants';
 import styles             from './Browser.scss';
 import TextInput          from 'components/TextInput/TextInput.react';
@@ -108,7 +109,7 @@ export default class CreateClassDialog extends React.Component {
           }
           input={typeDropdown} /> : null
         }
-        {this.state.type === 'Custom' ?
+        {this.state.type === 'Custom' && semver.gt(this.props.parseServerVersion, '3.1.1') ?
           (<>
             <Field
               label={<Label text='Add in Protected mode' description={'Your class\'s objects are protected by default. Client read/write access will only be granted when specified by your CLPs/ACLs security rules.'} />}