Optimize import modules

ui-ngx/angular.json

@@ -101,6 +101,8 @@
               "react-ace",
               "schema-inspector",
               "@flowjs/flow.js",
+              "@material-ui/icons/Add",
+              "@material-ui/icons/Clear",
               "js-beautify",
               "mousetrap",
               "prop-types",

ui-ngx/package.json

@@ -72,6 +72,7 @@
     "ngx-hm-carousel": "^2.0.0-rc.1",
     "ngx-translate-messageformat-compiler": "^4.8.0",
     "objectpath": "^2.0.0",
+    "prettier": "^2.0.5",
     "prop-types": "^15.7.2",
     "raphael": "^2.3.0",
     "rc-select": "^11.1.3",

ui-ngx/proxy.conf.js

@@ -14,8 +14,8 @@
  * limitations under the License.
  */
 
-const forwardUrl = "https://demo.thingsboard.io";
-const wsForwardUrl = "wss://demo.thingsboard.io";
+const forwardUrl = "http://localhost:8080";
+const wsForwardUrl = "ws://localhost:8080";
 const ruleNodeUiforwardUrl = forwardUrl;
 
 const PROXY_CONFIG = {

ui-ngx/src/app/shared/components/json-form/react/json-form-array.tsx

@@ -19,7 +19,8 @@ import ThingsboardBaseComponent from './json-form-base-component';
 import Button from '@material-ui/core/Button';
 import _ from 'lodash';
 import IconButton from '@material-ui/core/IconButton';
-import { Clear, Add } from '@material-ui/icons';
+import Clear from '@material-ui/icons/Clear';
+import Add from '@material-ui/icons/Add';
 import Tooltip from '@material-ui/core/Tooltip';
 import {
   JsonFormData,

ui-ngx/src/app/shared/components/json-form/react/json-form-color.tsx

@@ -21,7 +21,7 @@ import * as tinycolor_ from 'tinycolor2';
 import TextField from '@material-ui/core/TextField';
 import { JsonFormFieldProps, JsonFormFieldState } from '@shared/components/json-form/react/json-form.models';
 import IconButton from '@material-ui/core/IconButton';
-import { Clear } from '@material-ui/icons';
+import Clear from '@material-ui/icons/Clear';
 import Tooltip from '@material-ui/core/Tooltip';
 
 const tinycolor = tinycolor_;

ui-ngx/src/app/shared/components/json-form/react/json-form-icon.tsx

@@ -20,7 +20,7 @@ import reactCSS from 'reactcss';
 import TextField from '@material-ui/core/TextField';
 import IconButton from '@material-ui/core/IconButton';
 import { JsonFormFieldProps, JsonFormFieldState } from '@shared/components/json-form/react/json-form.models';
-import { Clear } from '@material-ui/icons';
+import Clear from '@material-ui/icons/Clear';
 import Icon from '@material-ui/core/Icon';
 import Tooltip from '@material-ui/core/Tooltip';
 

ui-ngx/src/app/shared/components/json-form/react/json-form-image.tsx

@@ -18,7 +18,7 @@ import Dropzone from 'react-dropzone';
 import ThingsboardBaseComponent from './json-form-base-component';
 import { JsonFormFieldProps, JsonFormFieldState } from '@shared/components/json-form/react/json-form.models';
 import IconButton from '@material-ui/core/IconButton';
-import { Clear } from '@material-ui/icons';
+import Clear from '@material-ui/icons/Clear';
 import Tooltip from '@material-ui/core/Tooltip';
 
 interface ThingsboardImageState extends JsonFormFieldState {