Merge commit '9f2d7e07fdb155b3c56d718976ba2077cc4e96a0'

* commit '9f2d7e07fdb155b3c56d718976ba2077cc4e96a0':
  2.0.2 (parse-community#1278)
  Fix: Filter tab not working for classes starting with _ (parse-community#1275)
  Fix: DataBrowser is not updating accordingly (parse-community#1276)
  feat(Database Browser): Copy cell value using CTRL+C (parse-community#1272)
  Update parse to the latest version 🚀 (parse-community#1274)
  Update babel7 to the latest version 🚀 (parse-community#1273)
  Update webpack-cli to the latest version 🚀 (parse-community#1268)
  Update eslint-plugin-jest to the latest version 🚀 (parse-community#1267)
  Update NodeJS required version (parse-community#1265)

Author: cycqitianwushuge

CHANGELOG.md

@@ -1,10 +1,17 @@
 ## Parse Dashboard Changelog
 
 ### master
-[Full Changelog](https://github.com/parse-community/parse-dashboard/compare/2.0.1...master)
+[Full Changelog](https://github.com/parse-community/parse-dashboard/compare/2.0.2...master)
 
 * _Contributing to this repo? Add info about your change here to be included in next release_
 
+### 2.0.2
+[Full Changelog](https://github.com/parse-community/parse-dashboard/compare/2.0.1...2.0.2)
+* Fix: filter tab not working for _User, and ohter classes starting with _ ([#1275](https://github.com/parse-community/parse-dashboard/pull/1275)), thanks to [Antonio Davi Macedo Coelho de Castro](https://github.com/davimacedo)
+* Fix: Data Browser is not updating accordingly ([#1276](https://github.com/parse-community/parse-dashboard/pull/1276)), thanks to [Antonio Davi Macedo Coelho de Castro](https://github.com/davimacedo)
+* NEW: Copy cell value using CTRL+C ([#1272](https://github.com/parse-community/parse-dashboard/pull/1272)), thanks to [Douglas Muaroka](https://github.com/douglasmuraoka)
+* Docs: Update NodeJS required version in README ([#1265](https://github.com/parse-community/parse-dashboard/pull/1265)), thanks to [Jerome](https://github.com/JeromeDeLeon)
+
 ### 2.0.1
 [Full Changelog](https://github.com/parse-community/parse-dashboard/compare/2.0.0...2.0.1)
 * Publishing it again since there is an old test 2.0.0 release already published to npm

README.md

@@ -39,7 +39,7 @@ Parse Dashboard is a standalone dashboard for managing your [Parse Server](https
 
 # Getting Started
 
-[Node.js](https://nodejs.org) version >= 4.3 is required to run the dashboard. You also need to be using Parse Server version 2.1.4 or higher.
+[Node.js](https://nodejs.org) version >= 8.9 is required to run the dashboard. You also need to be using Parse Server version 2.1.4 or higher.
 
 # Local Installation
 

package-lock.json

@@ -21,7 +21,7 @@
   ],
   "homepage": "https://github.com/ParsePlatform/parse-dashboard",
   "bugs": "https://github.com/ParsePlatform/parse-dashboard/issues",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/ParsePlatform/parse-dashboard"
@@ -34,13 +34,14 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@babel/runtime": "7.5.5",
+    "@babel/runtime": "7.6.0",
     "bcryptjs": "2.3.0",
     "body-parser": "1.19.0",
     "codemirror-graphql": "github:timsuchanek/codemirror-graphql#details-fix",
     "commander": "3.0.1",
     "connect-flash": "0.1.1",
     "cookie-session": "2.0.0-beta.3",
+    "copy-to-clipboard": "^3.2.0",
     "create-react-class": "15.6.3",
     "csurf": "1.10.0",
     "express": "4.17.1",
@@ -52,7 +53,7 @@
     "js-beautify": "1.10.2",
     "json-file-plus": "3.2.0",
     "package-json": "6.5.0",
-    "parse": "2.7.0",
+    "parse": "2.7.1",
     "passport": "0.4.0",
     "passport-local": "1.0.0",
     "prismjs": "1.17.0",
@@ -70,11 +71,11 @@
     "semver": "^6.3.0"
   },
   "devDependencies": {
-    "@babel/core": "7.5.5",
-    "@babel/plugin-proposal-decorators": "7.4.4",
+    "@babel/core": "7.6.0",
+    "@babel/plugin-proposal-decorators": "7.6.0",
     "@babel/plugin-transform-regenerator": "7.4.5",
-    "@babel/plugin-transform-runtime": "7.5.5",
-    "@babel/preset-env": "7.5.5",
+    "@babel/plugin-transform-runtime": "7.6.0",
+    "@babel/preset-env": "7.6.0",
     "@babel/preset-react": "7.0.0",
     "babel-eslint": "10.0.3",
     "babel-loader": "8.0.6",
@@ -83,7 +84,7 @@
     "cross-env": "5.2.1",
     "css-loader": "3.2.0",
     "eslint": "6.3.0",
-    "eslint-plugin-jest": "22.16.0",
+    "eslint-plugin-jest": "22.17.0",
     "eslint-plugin-react": "7.14.3",
     "file-loader": "4.2.0",
     "http-server": "0.11.1",
@@ -101,7 +102,7 @@
     "style-loader": "1.0.0",
     "svg-prep": "1.0.4",
     "webpack": "4.39.3",
-    "webpack-cli": "3.3.7"
+    "webpack-cli": "3.3.8"
   },
   "scripts": {
     "dev": "node ./Parse-Dashboard/index.js & webpack --config webpack/build.config.js --devtool eval-source-map --progress --watch",

package.json

@@ -18,6 +18,7 @@ export default class BrowserCell extends Component {
     super();
 
     this.cellRef = React.createRef();
+    this.copyableValue = undefined;
   }
 
   componentDidUpdate() {
@@ -36,6 +37,10 @@ export default class BrowserCell extends Component {
       } else if (top < topBoundary || bottom > window.innerHeight) {
         node.scrollIntoView({ block: 'nearest', inline: 'nearest' });
       }
+
+      if (!this.props.hidden) {
+        this.props.setCopyableValue(this.copyableValue);
+      }
     }
   }
 
@@ -58,21 +63,22 @@ export default class BrowserCell extends Component {
   }
 
   render() {
-    let { type, value, hidden, width, current, onSelect, onEditChange, setRelation, onPointerClick, row, col } = this.props;
+    let { type, value, hidden, width, current, onSelect, onEditChange, setCopyableValue, setRelation, onPointerClick, row, col } = this.props;
     let content = value;
+    this.copyableValue = content;
     let classes = [styles.cell, unselectable];
     if (hidden) {
       content = '(hidden)';
       classes.push(styles.empty);
     } else if (value === undefined) {
       if (type === 'ACL') {
-        content = 'Public Read + Write';
+        this.copyableValue = content = 'Public Read + Write';
       } else {
-        content = '(undefined)';
+        this.copyableValue = content = '(undefined)';
         classes.push(styles.empty);
       }
     } else if (value === null) {
-      content = '(null)';
+      this.copyableValue = content = '(null)';
       classes.push(styles.empty);
     } else if (value === '') {
       content = <span>&nbsp;</span>;
@@ -88,23 +94,22 @@ export default class BrowserCell extends Component {
           <Pill value={value.id} />
         </a>
       );
+      this.copyableValue = value.id;
     } else if (type === 'Date') {
       if (typeof value === 'object' && value.__type) {
         value = new Date(value.iso);
       } else if (typeof value === 'string') {
         value = new Date(value);
       }
-      content = dateStringUTC(value);
+      this.copyableValue = content = dateStringUTC(value);
     } else if (type === 'Boolean') {
-      content = value ? 'True' : 'False';
+      this.copyableValue = content = value ? 'True' : 'False';
     } else if (type === 'Object' || type === 'Bytes' || type === 'Array') {
-      content = JSON.stringify(value);
+      this.copyableValue = content = JSON.stringify(value);
     } else if (type === 'File') {
-      if (value.url()) {
-        content = <Pill value={getFileName(value)} />;
-      } else {
-        content = <Pill value={'Uploading\u2026'} />;
-      }
+      const fileName = value.url() ? getFileName(value) : 'Uploading\u2026';
+      content = <Pill value={fileName} />;
+      this.copyableValue = fileName;
     } else if (type === 'ACL') {
       let pieces = [];
       let json = value.toJSON();
@@ -125,17 +130,18 @@ export default class BrowserCell extends Component {
       if (pieces.length === 0) {
         pieces.push('Master Key Only');
       }
-      content = pieces.join(', ');
+      this.copyableValue = content = pieces.join(', ');
     } else if (type === 'GeoPoint') {
-      content = `(${value.latitude}, ${value.longitude})`;
+      this.copyableValue = content = `(${value.latitude}, ${value.longitude})`;
     } else if (type === 'Polygon') {
-      content = value.coordinates.map(coord => `(${coord})`)
+      this.copyableValue = content = value.coordinates.map(coord => `(${coord})`)
     } else if (type === 'Relation') {
       content = (
         <div style={{ textAlign: 'center', cursor: 'pointer' }}>
           <Pill onClick={() => setRelation(value)} value='View relation' />
         </div>
       );
+      this.copyableValue = undefined;
     }
 
     if (current) {
@@ -146,7 +152,10 @@ export default class BrowserCell extends Component {
         ref={this.cellRef}
         className={classes.join(' ')}
         style={{ width }}
-        onClick={() => onSelect({ row, col })}
+        onClick={() => {
+          onSelect({ row, col });
+          setCopyableValue(hidden ? undefined : this.copyableValue);
+        }}
         onDoubleClick={() => {
           if (type !== 'Relation') {
             onEditChange(true)

src/components/BrowserCell/BrowserCell.react.js

@@ -18,7 +18,7 @@ export default class BrowserRow extends Component {
   }
 
   render() {
-    const { className, columns, currentCol, isUnique, obj, onPointerClick, order, readOnlyFields, row, rowWidth, selection, selectRow, setCurrent, setEditing, setRelation } = this.props;
+    const { className, columns, currentCol, isUnique, obj, onPointerClick, order, readOnlyFields, row, rowWidth, selection, selectRow, setCopyableValue, setCurrent, setEditing, setRelation } = this.props;
     let attributes = obj.attributes;
     return (
       <div className={styles.tableRow} style={{ minWidth: rowWidth }}>
@@ -71,7 +71,8 @@ export default class BrowserRow extends Component {
               onPointerClick={onPointerClick}
               setRelation={setRelation}
               value={attr}
-              hidden={hidden} />
+              hidden={hidden}
+              setCopyableValue={setCopyableValue} />
           );
         })}
       </div>

src/components/BrowserRow/BrowserRow.react.js

@@ -113,6 +113,7 @@ class Browser extends DashboardView {
     this.createClass = this.createClass.bind(this);
     this.addColumn = this.addColumn.bind(this);
     this.removeColumn = this.removeColumn.bind(this);
+    this.showNote = this.showNote.bind(this);
   }
 
   componentWillMount() {
@@ -974,7 +975,8 @@ class Browser extends DashboardView {
             setRelation={this.setRelation}
             onAddColumn={this.showAddColumn}
             onAddRow={this.addRow}
-            onAddClass={this.showCreateClass} />
+            onAddClass={this.showCreateClass}
+            showNote={this.showNote} />
         );
       }
     }

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

@@ -135,7 +135,8 @@ export default class BrowserTable extends React.Component {
               selectRow={this.props.selectRow}
               setCurrent={this.props.setCurrent}
               setEditing={this.props.setEditing}
-              setRelation={this.props.setRelation} />
+              setRelation={this.props.setRelation}
+              setCopyableValue={this.props.setCopyableValue} />
           </div>
         );
       }
@@ -167,7 +168,8 @@ export default class BrowserTable extends React.Component {
           selectRow={this.props.selectRow}
           setCurrent={this.props.setCurrent}
           setEditing={this.props.setEditing}
-          setRelation={this.props.setRelation} />
+          setRelation={this.props.setRelation}
+          setCopyableValue={this.props.setCopyableValue} />
       }
 
       if (this.props.editing) {

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

@@ -20,7 +20,7 @@ import Toolbar        from 'components/Toolbar/Toolbar.react';
 
 let BrowserToolbar = ({
   className,
-  classNameForPermissionsEditor,
+  classNameForEditors,
   count,
   perms,
   schema,
@@ -145,7 +145,7 @@ let BrowserToolbar = ({
 
   const userPointers = [];
   const schemaSimplifiedData = {};
-  const classSchema = schema.data.get('classes').get(className);
+  const classSchema = schema.data.get('classes').get(classNameForEditors);
   if (classSchema) {
     classSchema.forEach(({ type, targetClass }, col) => {
       if (name === 'objectId' || isUnique && name !== uniqueField) {
@@ -189,13 +189,13 @@ let BrowserToolbar = ({
         schema={schemaSimplifiedData}
         filters={filters}
         onChange={onFilterChange}
-        className={className} />
+        className={classNameForEditors} />
       <div className={styles.toolbarSeparator} />
       {enableSecurityDialog ? <SecurityDialog
         setCurrent={setCurrent}
         disabled={!!relation || !!isUnique}
         perms={perms}
-        className={classNameForPermissionsEditor}
+        className={classNameForEditors}
         onChangeCLP={onChangeCLP}
         userPointers={userPointers} /> : <noscript />}
       {enableSecurityDialog ? <div className={styles.toolbarSeparator} /> : <noscript/>}

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

@@ -5,6 +5,7 @@
  * This source code is licensed under the license found in the LICENSE file in
  * the root directory of this source tree.
  */
+import copy                   from 'copy-to-clipboard';
 import BrowserTable           from 'dashboard/Data/Browser/BrowserTable.react';
 import BrowserToolbar         from 'dashboard/Data/Browser/BrowserToolbar.react';
 import * as ColumnPreferences from 'lib/ColumnPreferences';
@@ -32,6 +33,7 @@ export default class DataBrowser extends React.Component {
       order: order,
       current: null,
       editing: false,
+      copyableValue: undefined
     };
 
     this.handleKey = this.handleKey.bind(this);
@@ -40,27 +42,11 @@ export default class DataBrowser extends React.Component {
     this.setCurrent = this.setCurrent.bind(this);
     this.setEditing = this.setEditing.bind(this);
     this.handleColumnsOrder = this.handleColumnsOrder.bind(this);
+    this.setCopyableValue = this.setCopyableValue.bind(this);
 
     this.saveOrderTimeout = null;
   }
 
-  shouldComponentUpdate(nextProps, nextState) {
-    const shallowVerifyStates = [...new Set(Object.keys(this.state).concat(Object.keys(nextState)))]
-      .filter(stateName => stateName !== 'order');
-    if (shallowVerifyStates.some(stateName => this.state[stateName] !== nextState[stateName])) {
-      return true;
-    }
-    if (JSON.stringify(this.state.order) !== JSON.stringify(nextState.order)) {
-      return true;
-    }
-    const shallowVerifyProps = [...new Set(Object.keys(this.props).concat(Object.keys(nextProps)))]
-      .filter(propName => propName !== 'columns');
-    if (shallowVerifyProps.some(propName => this.props[propName] !== nextProps[propName])) {
-      return true;
-    }
-    return JSON.stringify(this.props.columns) !== JSON.stringify(nextProps.columns);
-  }
-
   componentWillReceiveProps(props, context) {
     if (props.className !== this.props.className) {
       let order = ColumnPreferences.getOrder(
@@ -195,6 +181,13 @@ export default class DataBrowser extends React.Component {
         });
         e.preventDefault();
         break;
+      case 67: // C
+        if ((e.ctrlKey || e.metaKey) && this.state.copyableValue !== undefined) {
+          copy(this.state.copyableValue); // Copies current cell value to clipboard
+          this.props.showNote('Value copied to clipboard', false)
+          e.preventDefault()
+        }
+        break;
     }
   }
 
@@ -209,6 +202,12 @@ export default class DataBrowser extends React.Component {
       this.setState({ current });
     }
   }
+  
+  setCopyableValue(copyableValue) {
+    if (this.state.copyableValue !== copyableValue) {
+      this.setState({ copyableValue });
+    }
+  }
 
   handleColumnsOrder(order) {
     this.setState({ order: [ ...order ] }, () => {
@@ -230,12 +229,13 @@ export default class DataBrowser extends React.Component {
           handleResize={this.handleResize}
           setEditing={this.setEditing}
           setCurrent={this.setCurrent}
+          setCopyableValue={this.setCopyableValue}
           {...other} />
         <BrowserToolbar
           count={count}
           hidePerms={className === '_Installation'}
           className={SpecialClasses[className] || className}
-          classNameForPermissionsEditor={className}
+          classNameForEditors={className}
           setCurrent={this.setCurrent}
           enableDeleteAllRows={this.context.currentApp.serverInfo.features.schemas.clearAllDataFromClass && !preventSchemaEdits}
           enableExportClass={this.context.currentApp.serverInfo.features.schemas.exportClass && !preventSchemaEdits}