From df08320eea06c1617c3d3f1cfe33c244be05f068 Mon Sep 17 00:00:00 2001
From: Vladyslav_Prykhodko <vprykhodko@thingsboard.io>
Date: Thu, 4 Nov 2021 18:05:13 +0200
Subject: [PATCH] UI: Fixed not load advanced settings in widget

---
 .../components/json-form/react/json-form-ace-editor.tsx      | 5 ++---
 ui-ngx/src/app/shared/models/ace/ace.models.ts               | 2 +-
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/ui-ngx/src/app/shared/components/json-form/react/json-form-ace-editor.tsx b/ui-ngx/src/app/shared/components/json-form/react/json-form-ace-editor.tsx
index dc5402c044..12879d1fae 100644
--- a/ui-ngx/src/app/shared/components/json-form/react/json-form-ace-editor.tsx
+++ b/ui-ngx/src/app/shared/components/json-form/react/json-form-ace-editor.tsx
@@ -20,16 +20,15 @@ import Button from '@material-ui/core/Button';
 import { JsonFormFieldProps, JsonFormFieldState } from '@shared/components/json-form/react/json-form.models';
 import { IEditorProps } from 'react-ace/src/types';
 import { mergeMap } from 'rxjs/operators';
-import { loadAceDependencies } from '@shared/models/ace/ace.models';
+import { getAce } from '@shared/models/ace/ace.models';
 import { from } from 'rxjs';
 import { Observable } from 'rxjs/internal/Observable';
 import { CircularProgress, IconButton } from '@material-ui/core';
 import { MouseEvent } from 'react';
 import { Help, HelpOutline } from '@material-ui/icons';
-import { position } from 'html2canvas/dist/types/css/property-descriptors/position';
 
 const ReactAce = React.lazy(() => {
-  return loadAceDependencies().pipe(
+  return getAce().pipe(
     mergeMap(() => {
       return from(import('react-ace'));
     })
diff --git a/ui-ngx/src/app/shared/models/ace/ace.models.ts b/ui-ngx/src/app/shared/models/ace/ace.models.ts
index 9a3c30766e..3b088e01d3 100644
--- a/ui-ngx/src/app/shared/models/ace/ace.models.ts
+++ b/ui-ngx/src/app/shared/models/ace/ace.models.ts
@@ -22,7 +22,7 @@ import { map, mergeMap, tap } from 'rxjs/operators';
 let aceDependenciesLoaded = false;
 let aceModule: any;
 
-export function loadAceDependencies(): Observable<any> {
+function loadAceDependencies(): Observable<any> {
   if (aceDependenciesLoaded) {
     return of(null);
   } else {