@pnp/spfx-property-controls 3.6.0-beta.2006056 → 3.6.0-beta.2006121

package/CHANGELOG.md

@@ -5,6 +5,11 @@
 ### Enhancements
 
 - SharePoint Framework v1.14.0 support
+- Improved documentation
+
+### Contributors
+
+Special thanks to our contributor: [GuidoZam](https://github.com/GuidoZam).
 
 ## 3.5.0
 

package/lib/PropertyFiedMonacoEditor.d.ts

@@ -0,0 +1,2 @@
+export * from './propertyFields/monacoEditor';
+//# sourceMappingURL=PropertyFiedMonacoEditor.d.ts.map

package/lib/PropertyFiedMonacoEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyFiedMonacoEditor.d.ts","sourceRoot":"","sources":["../src/PropertyFiedMonacoEditor.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC"}

package/lib/PropertyFiedMonacoEditor.js

@@ -0,0 +1,2 @@
+export * from './propertyFields/monacoEditor';
+//# sourceMappingURL=PropertyFiedMonacoEditor.js.map

package/lib/PropertyFiedMonacoEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyFiedMonacoEditor.js","sourceRoot":"","sources":["../src/PropertyFiedMonacoEditor.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC"}

package/lib/common/telemetry/version.js

@@ -1,2 +1,2 @@
-export var version = "3.6.0-beta.2006056";
+export var version = "3.6.0-beta.2006121";
 //# sourceMappingURL=version.js.map

package/lib/loc/en-us.js

@@ -237,6 +237,10 @@ define([], function () {
 
     SelectedLabel: "Selected",
     SelectIcon: "Select icon",
-    CloseButton: "Close"
+    CloseButton: "Close",
+    "MonacoEditorOpenButtonLabel": "Open editor",
+    "MonacoEditorCancelButtonLabel": "Cancel",
+    "MonacoEditorSaveButtonLabel": "Save",
+    "MonacoEditorPanelTitle": "Edit Template",
   }
 });

package/lib/loc/pt-pt.js

@@ -222,7 +222,11 @@ define([], () => {
     "L_RelativeDateTime_XDays": "{0} há um dia. {0} dias atrás",
     "L_RelativeDateTime_XDaysFutureIntervals": "1/ 2-",
     "L_RelativeDateTime_XDaysIntervals": "1/ 2-",
-    "L_RelativeDateTime_Today": "Hoje"
+    "L_RelativeDateTime_Today": "Hoje",
+    "MonacoEditorOpenButtonLabel": "Abrir o editor de texto",
+    "MonacoEditorCancelButtonLabel": "Cancelar",
+    "MonacoEditorSaveButtonLabel": "Guardar",
+    "MonacoEditorPanelTitle": "Editar Template",
   },
   "NewFolderNamePlaceholder": "Insira o nome da sua pasta",
   "FolderFilterBoxPlaceholder": "Pastas de filtro pelo nome",
@@ -230,4 +234,4 @@ define([], () => {
   "FolderExplorerNoItems": "Esta pasta não tem sub-dobradores.",
   "IncorrectGuidValidationMessage": "Introduza um GUID válido"
 };
-});
+});

package/lib/propertyFields/monacoEditor/IPropertyFieldMonacoEditor.d.ts

@@ -0,0 +1,31 @@
+import * as monaco from 'monaco-editor';
+import { IPropertyPaneCustomFieldProps } from '@microsoft/sp-property-pane';
+export interface IPropertyFieldMonacoEditorProps {
+    key: string;
+    value: string;
+    theme?: 'vs-dark' | 'vs-light' | 'hc-black';
+    readOnly?: boolean;
+    showLineNumbers?: boolean;
+    showMiniMap?: boolean;
+    onChange?: (newValue: string) => void;
+    language: string | Elanguages;
+    jsonDiagnosticsOptions?: monaco.languages.json.DiagnosticsOptions;
+    jscriptDiagnosticsOptions?: monaco.languages.typescript.DiagnosticsOptions;
+    panelWidth?: number;
+}
+export interface IPropertyFieldMonacoEditorPropsInternal extends IPropertyFieldMonacoEditorProps, IPropertyPaneCustomFieldProps {
+}
+declare enum Elanguages {
+    typescript = "typescript",
+    javascript = "javascript",
+    css = "css",
+    html = "html",
+    json = "json",
+    xml = "xml",
+    markdown = "markdown",
+    less = "less",
+    scss = "scss",
+    handlebars = "handlebars"
+}
+export {};
+//# sourceMappingURL=IPropertyFieldMonacoEditor.d.ts.map

package/lib/propertyFields/monacoEditor/IPropertyFieldMonacoEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IPropertyFieldMonacoEditor.d.ts","sourceRoot":"","sources":["../../../src/propertyFields/monacoEditor/IPropertyFieldMonacoEditor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AAE5E,MAAM,WAAW,+BAA+B;IAC9C,GAAG,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAE;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,GAAG,UAAU,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC;IAClE,yBAAyB,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,kBAAkB,CAAC;IAC3E,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,uCAAwC,SAAQ,+BAA+B,EAAG,6BAA6B;CAAE;AAEjI,aAAK,UAAU;IACZ,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,UAAU,eAAe;CAC5B"}

package/lib/propertyFields/monacoEditor/IPropertyFieldMonacoEditor.js

@@ -0,0 +1,14 @@
+var Elanguages;
+(function (Elanguages) {
+    Elanguages["typescript"] = "typescript";
+    Elanguages["javascript"] = "javascript";
+    Elanguages["css"] = "css";
+    Elanguages["html"] = "html";
+    Elanguages["json"] = "json";
+    Elanguages["xml"] = "xml";
+    Elanguages["markdown"] = "markdown";
+    Elanguages["less"] = "less";
+    Elanguages["scss"] = "scss";
+    Elanguages["handlebars"] = "handlebars";
+})(Elanguages || (Elanguages = {}));
+//# sourceMappingURL=IPropertyFieldMonacoEditor.js.map

package/lib/propertyFields/monacoEditor/IPropertyFieldMonacoEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IPropertyFieldMonacoEditor.js","sourceRoot":"","sources":["../../../src/propertyFields/monacoEditor/IPropertyFieldMonacoEditor.ts"],"names":[],"mappings":"AAoBC,IAAK,UAWL;AAXA,WAAK,UAAU;IACZ,uCAAyB,CAAA;IACzB,uCAAyB,CAAA;IACzB,yBAAW,CAAA;IACX,2BAAa,CAAA;IACb,2BAAa,CAAA;IACb,yBAAW,CAAA;IACX,mCAAqB,CAAA;IACrB,2BAAa,CAAA;IACb,2BAAa,CAAA;IACb,uCAAyB,CAAA;AAC7B,CAAC,EAXK,UAAU,KAAV,UAAU,QAWf"}

package/lib/propertyFields/monacoEditor/IPropertyFieldMonacoEditorHost.d.ts

@@ -0,0 +1,10 @@
+import { IPropertyFieldMonacoEditorProps } from './IPropertyFieldMonacoEditor';
+export interface IPropertyFieldMonacoEditorHostProps extends IPropertyFieldMonacoEditorProps, Omit<IPropertyFieldMonacoEditorProps, "onChange"> {
+    onPropertyChange?: (newValue: string) => void;
+}
+export interface IPropertyFieldMonacoEditorHostState {
+    value: string;
+    validationErrors: string[];
+    showPanel: boolean;
+}
+//# sourceMappingURL=IPropertyFieldMonacoEditorHost.d.ts.map

package/lib/propertyFields/monacoEditor/IPropertyFieldMonacoEditorHost.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IPropertyFieldMonacoEditorHost.d.ts","sourceRoot":"","sources":["../../../src/propertyFields/monacoEditor/IPropertyFieldMonacoEditorHost.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,+BAA+B,EAAE,MAAM,8BAA8B,CAAC;AAE/E,MAAM,WAAW,mCAAoC,SAAS,+BAA+B,EAAG,IAAI,CAAC,+BAA+B,EAAE,UAAU,CAAC;IAChJ,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,MAAM,WAAW,mCAAmC;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;CACpB"}

package/lib/propertyFields/monacoEditor/IPropertyFieldMonacoEditorHost.js

@@ -0,0 +1 @@
+//# sourceMappingURL=IPropertyFieldMonacoEditorHost.js.map

package/lib/propertyFields/monacoEditor/IPropertyFieldMonacoEditorHost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IPropertyFieldMonacoEditorHost.js","sourceRoot":"","sources":["../../../src/propertyFields/monacoEditor/IPropertyFieldMonacoEditorHost.ts"],"names":[],"mappings":""}

package/lib/propertyFields/monacoEditor/PropertyFieldMonacoEditor.d.ts

@@ -0,0 +1,4 @@
+import { IPropertyPaneField } from '@microsoft/sp-property-pane';
+import { IPropertyFieldMonacoEditorProps, IPropertyFieldMonacoEditorPropsInternal } from './IPropertyFieldMonacoEditor';
+export declare function PropertyFieldMonacoEditor(targetProperty: string, properties: IPropertyFieldMonacoEditorProps): IPropertyPaneField<IPropertyFieldMonacoEditorPropsInternal>;
+//# sourceMappingURL=PropertyFieldMonacoEditor.d.ts.map

package/lib/propertyFields/monacoEditor/PropertyFieldMonacoEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyFieldMonacoEditor.d.ts","sourceRoot":"","sources":["../../../src/propertyFields/monacoEditor/PropertyFieldMonacoEditor.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,kBAAkB,EAEnB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EACL,+BAA+B,EAC/B,uCAAuC,EACxC,MAAM,8BAA8B,CAAC;AA6CrC,wBAAgB,yBAAyB,CAAC,cAAc,EAAE,MAAM,EAAE,UAAU,EAAE,+BAA+B,GAAG,kBAAkB,CAAC,uCAAuC,CAAC,CAM3K"}

package/lib/propertyFields/monacoEditor/PropertyFieldMonacoEditor.js

@@ -0,0 +1,46 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import { PropertyPaneFieldType, } from '@microsoft/sp-property-pane';
+import PropertyFieldMonacoEditorHost from './PropertyFieldMonacoEditorHost';
+var PropertyFieldMonacoEditorBuilder = /** @class */ (function () {
+    function PropertyFieldMonacoEditorBuilder(_targetProperty, _properties) {
+        this.type = PropertyPaneFieldType.Custom;
+        this.targetProperty = _targetProperty;
+        this.properties = _properties;
+        this.properties.onRender = this._render.bind(this);
+        this.properties.onDispose = this._dispose.bind(this);
+    }
+    PropertyFieldMonacoEditorBuilder.prototype._render = function (elem, context, changeCallback) {
+        var props = this.properties;
+        var element = React.createElement(PropertyFieldMonacoEditorHost, __assign(__assign({}, props), { onPropertyChange: this._onValueChanged.bind(this) }));
+        ReactDOM.render(element, elem);
+        if (changeCallback) {
+            this._onChangeCallback = changeCallback;
+        }
+    };
+    PropertyFieldMonacoEditorBuilder.prototype._dispose = function (elem) {
+        ReactDOM.unmountComponentAtNode(elem);
+    };
+    PropertyFieldMonacoEditorBuilder.prototype._onValueChanged = function (value, validationErrors) {
+        if (this._onChangeCallback) {
+            this._onChangeCallback(this.targetProperty, value);
+            this.properties.onChange(value);
+        }
+    };
+    return PropertyFieldMonacoEditorBuilder;
+}());
+export function PropertyFieldMonacoEditor(targetProperty, properties) {
+    return new PropertyFieldMonacoEditorBuilder(targetProperty, __assign(__assign({}, properties), { onRender: null, onDispose: null }));
+}
+//# sourceMappingURL=PropertyFieldMonacoEditor.js.map

package/lib/propertyFields/monacoEditor/PropertyFieldMonacoEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyFieldMonacoEditor.js","sourceRoot":"","sources":["../../../src/propertyFields/monacoEditor/PropertyFieldMonacoEditor.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AAEtC,OAAO,EAEL,qBAAqB,GACtB,MAAM,6BAA6B,CAAC;AAMrC,OAAO,6BAA6B,MAAM,iCAAiC,CAAC;AAE5E;IAQE,0CAAmB,eAAuB,EAAE,WAAoD;QANzF,SAAI,GAA0B,qBAAqB,CAAC,MAAM,CAAC;QAOhE,IAAI,CAAC,cAAc,GAAG,eAAe,CAAC;QACtC,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC;QAC9B,IAAI,CAAC,UAAU,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnD,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACvD,CAAC;IAEO,kDAAO,GAAf,UAAgB,IAAiB,EAAE,OAAa,EAAE,cAAkE;QAElH,IAAM,KAAK,GAAqE,IAAI,CAAC,UAAU,CAAC;QAChG,IAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,6BAA6B,wBAC5D,KAAK,KACR,gBAAgB,EAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,IAClD,CAAC;QAEH,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAE/B,IAAI,cAAc,EAAE;YAClB,IAAI,CAAC,iBAAiB,GAAG,cAAc,CAAC;SACzC;IACH,CAAC;IAEO,mDAAQ,GAAhB,UAAiB,IAAiB;QAChC,QAAQ,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC;IAEO,0DAAe,GAAvB,UAAyB,KAAY,EAAE,gBAA0B;QAC/D,IAAI,IAAI,CAAC,iBAAiB,EAAE;YAC1B,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;YACnD,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjC;IACH,CAAC;IACH,uCAAC;AAAD,CAAC,AAxCD,IAwCC;AAEA,MAAM,UAAU,yBAAyB,CAAC,cAAsB,EAAE,UAA2C;IAC5G,OAAO,IAAI,gCAAgC,CAAC,cAAc,wBACrD,UAAU,KACb,QAAQ,EAAE,IAAI,EACd,SAAS,EAAE,IAAI,IACf,CAAC;AACL,CAAC"}

package/lib/propertyFields/monacoEditor/PropertyFieldMonacoEditorHost.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { IPropertyFieldMonacoEditorHostProps, IPropertyFieldMonacoEditorHostState } from './IPropertyFieldMonacoEditorHost';
+export default class PropertyFieldMonacoEditorHost extends React.Component<IPropertyFieldMonacoEditorHostProps, IPropertyFieldMonacoEditorHostState> {
+    constructor(props: IPropertyFieldMonacoEditorHostProps);
+    componentDidUpdate(prevProps: IPropertyFieldMonacoEditorHostProps, prevState: IPropertyFieldMonacoEditorHostState): void;
+    protected showPanel: (indicator: boolean) => void;
+    private controlClasses;
+    protected _onValueChange: (newValue: string, errors: string[]) => void;
+    protected onRenderFooterContent: () => JSX.Element;
+    render(): React.ReactElement<IPropertyFieldMonacoEditorHostProps>;
+}
+//# sourceMappingURL=PropertyFieldMonacoEditorHost.d.ts.map

package/lib/propertyFields/monacoEditor/PropertyFieldMonacoEditorHost.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyFieldMonacoEditorHost.d.ts","sourceRoot":"","sources":["../../../src/propertyFields/monacoEditor/PropertyFieldMonacoEditorHost.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,EACL,mCAAmC,EACnC,mCAAmC,EACpC,MAAM,kCAAkC,CAAC;AAK1C,MAAM,CAAC,OAAO,OAAO,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CACxE,mCAAmC,EACnC,mCAAmC,CACpC;gBACa,KAAK,EAAE,mCAAmC;IAU/C,kBAAkB,CACvB,SAAS,EAAE,mCAAmC,EAC9C,SAAS,EAAE,mCAAmC,GAC7C,IAAI;IAMP,SAAS,CAAC,SAAS,cAAe,OAAO,KAAG,IAAI,CAE/C;IAED,OAAO,CAAC,cAAc,CAOnB;IAEH,SAAS,CAAC,cAAc,aAAc,MAAM,UAAU,MAAM,EAAE,KAAG,IAAI,CAEpE;IAED,SAAS,CAAC,qBAAqB,QAAO,GAAG,CAAC,OAAO,CAmBhD;IAEM,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,mCAAmC,CAAC;CA6BzE"}

package/lib/propertyFields/monacoEditor/PropertyFieldMonacoEditorHost.js

@@ -0,0 +1,94 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from 'react';
+import { DefaultButton, mergeStyles, mergeStyleSets, Panel, PanelType, PrimaryButton, Stack, TextField, } from 'office-ui-fabric-react';
+import strings from 'PropertyControlStrings';
+import * as telemetry from '../../common/telemetry';
+import { MonacoEditor } from './monacoEditorControl';
+var DEFAULT_PANEL_WIDTH = "800px";
+var PropertyFieldMonacoEditorHost = /** @class */ (function (_super) {
+    __extends(PropertyFieldMonacoEditorHost, _super);
+    function PropertyFieldMonacoEditorHost(props) {
+        var _this = _super.call(this, props) || this;
+        _this.showPanel = function (indicator) {
+            _this.setState({ showPanel: indicator });
+        };
+        _this.controlClasses = mergeStyleSets({
+            headerTitle: mergeStyles({
+                paddingTop: 20,
+            }),
+            textFieldStyles: mergeStyles({
+                paddingBottom: 5,
+            }),
+        });
+        _this._onValueChange = function (newValue, errors) {
+            _this.setState({ value: newValue, validationErrors: errors });
+        };
+        _this.onRenderFooterContent = function () {
+            return (React.createElement(Stack, { horizontal: true, horizontalAlign: "start", tokens: { childrenGap: 5 } },
+                React.createElement(PrimaryButton, { onClick: function (ev) {
+                        ev.preventDefault();
+                        _this.props.onPropertyChange(_this.state.value);
+                        _this.showPanel(false);
+                    } }, strings.MonacoEditorSaveButtonLabel),
+                React.createElement(DefaultButton, { onClick: function (ev) {
+                        ev.preventDefault();
+                        _this.props.onPropertyChange(_this.props.value);
+                        _this.showPanel(false);
+                    } }, strings.MonacoEditorCancelButtonLabel)));
+        };
+        telemetry.track("PropertyFieldOrder", {});
+        _this.state = {
+            value: _this.props.value,
+            validationErrors: [],
+            showPanel: false,
+        };
+        return _this;
+    }
+    PropertyFieldMonacoEditorHost.prototype.componentDidUpdate = function (prevProps, prevState) {
+        if (prevProps.value !== this.props.value) {
+            this.setState({ value: this.props.value });
+        }
+    };
+    PropertyFieldMonacoEditorHost.prototype.render = function () {
+        var _this = this;
+        var panelWidth = this.props.panelWidth;
+        var _panelWidth = panelWidth ? panelWidth + "px" : DEFAULT_PANEL_WIDTH;
+        return (React.createElement(React.Fragment, null,
+            React.createElement(TextField, { value: this.props.value, readOnly: true, className: this.controlClasses.textFieldStyles }),
+            React.createElement(PrimaryButton, { text: strings.MonacoEditorOpenButtonLabel, onClick: function (ev) {
+                    ev.preventDefault();
+                    _this.showPanel(true);
+                } }),
+            React.createElement(Panel, { type: PanelType.custom, customWidth: _panelWidth, isOpen: this.state.showPanel, onDismiss: function () {
+                    _this.showPanel(false);
+                }, headerText: strings.MonacoEditorPanelTitle, onRenderFooterContent: this.onRenderFooterContent, isFooterAtBottom: true },
+                React.createElement("div", { className: this.controlClasses.headerTitle },
+                    React.createElement(MonacoEditor, __assign({}, this.props, { onValueChange: this._onValueChange }))))));
+    };
+    return PropertyFieldMonacoEditorHost;
+}(React.Component));
+export default PropertyFieldMonacoEditorHost;
+//# sourceMappingURL=PropertyFieldMonacoEditorHost.js.map

package/lib/propertyFields/monacoEditor/PropertyFieldMonacoEditorHost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyFieldMonacoEditorHost.js","sourceRoot":"","sources":["../../../src/propertyFields/monacoEditor/PropertyFieldMonacoEditorHost.tsx"],"names":[],"mappings":"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"}

package/lib/propertyFields/monacoEditor/index.d.ts

@@ -0,0 +1,6 @@
+export * from './IPropertyFieldMonacoEditor';
+export * from './IPropertyFieldMonacoEditorHost';
+export * from './PropertyFieldMonacoEditor';
+export * from './PropertyFieldMonacoEditorHost';
+export * from './monacoEditorControl';
+//# sourceMappingURL=index.d.ts.map

package/lib/propertyFields/monacoEditor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/propertyFields/monacoEditor/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC"}

package/lib/propertyFields/monacoEditor/index.js

@@ -0,0 +1,6 @@
+export * from './IPropertyFieldMonacoEditor';
+export * from './IPropertyFieldMonacoEditorHost';
+export * from './PropertyFieldMonacoEditor';
+export * from './PropertyFieldMonacoEditorHost';
+export * from './monacoEditorControl';
+//# sourceMappingURL=index.js.map

package/lib/propertyFields/monacoEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/propertyFields/monacoEditor/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC"}

package/lib/propertyFields/monacoEditor/monacoEditorControl/Error.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export interface IErrorProps {
+    error: Error;
+    show: boolean;
+}
+export declare const Error: React.FunctionComponent<IErrorProps>;
+//# sourceMappingURL=Error.d.ts.map

package/lib/propertyFields/monacoEditor/monacoEditorControl/Error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error.d.ts","sourceRoot":"","sources":["../../../../src/propertyFields/monacoEditor/monacoEditorControl/Error.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,OAAO,CAAC;CACf;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAatD,CAAC"}

package/lib/propertyFields/monacoEditor/monacoEditorControl/Error.js

@@ -0,0 +1,12 @@
+import { Stack } from "office-ui-fabric-react/lib/components/Stack";
+import { MessageBarType, MessageBar } from "office-ui-fabric-react/lib/MessageBar";
+import * as React from "react";
+export var Error = function (props) {
+    var error = props.error, show = props.show;
+    return (React.createElement(React.Fragment, null,
+        "(show && error) ?",
+        React.createElement(Stack, { horizontal: true, horizontalAlign: "start" },
+            React.createElement(MessageBar, { isMultiline: true, messageBarType: MessageBarType.error }, error.message)),
+        ": null;"));
+};
+//# sourceMappingURL=Error.js.map

package/lib/propertyFields/monacoEditor/monacoEditorControl/Error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error.js","sourceRoot":"","sources":["../../../../src/propertyFields/monacoEditor/monacoEditorControl/Error.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,6CAA6C,CAAC;AACpE,OAAO,EAAE,cAAc,EAAG,UAAU,EAAC,MAAM,uCAAuC,CAAC;AACnF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,CAAC,IAAM,KAAK,GAAyC,UAAC,KAA2C;IAC7F,IAAA,KAAK,GAAW,KAAK,MAAhB,EAAE,IAAI,GAAK,KAAK,KAAV,CAAW;IAC9B,OAAO,CACL;;QAEE,oBAAC,KAAK,IAAC,UAAU,QAAC,eAAe,EAAC,OAAO;YACvC,oBAAC,UAAU,IAAC,WAAW,QAAC,cAAc,EAAE,cAAc,CAAC,KAAK,IACzD,KAAK,CAAC,OAAO,CACH,CACP;kBAEP,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/lib/propertyFields/monacoEditor/monacoEditorControl/IMonacoEditorProps.d.ts

@@ -0,0 +1,25 @@
+import * as monaco from 'monaco-editor';
+export declare enum Elanguages {
+    typescript = "typescript",
+    javascript = "javascript",
+    css = "css",
+    html = "html",
+    json = "json",
+    xml = "xml",
+    markdown = "markdown",
+    less = "less",
+    scss = "scss",
+    handlebars = "handlebars"
+}
+export interface IMonacoEditorProps {
+    value: string;
+    theme?: 'vs-dark' | 'vs-light' | 'hc-black';
+    readOnly?: boolean;
+    showLineNumbers?: boolean;
+    showMiniMap?: boolean;
+    onValueChange?: (newValue: string, validationErrors: string[]) => void;
+    language: string | Elanguages;
+    jsonDiagnosticsOptions?: monaco.languages.json.DiagnosticsOptions;
+    jscriptDiagnosticsOptions?: monaco.languages.typescript.DiagnosticsOptions;
+}
+//# sourceMappingURL=IMonacoEditorProps.d.ts.map

package/lib/propertyFields/monacoEditor/monacoEditorControl/IMonacoEditorProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IMonacoEditorProps.d.ts","sourceRoot":"","sources":["../../../../src/propertyFields/monacoEditor/monacoEditorControl/IMonacoEditorProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,oBAAY,UAAU;IAClB,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,UAAU,eAAe;CAG5B;AACD,MAAM,WAAW,kBAAkB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAC,MAAM,EAAE,gBAAgB,EAAC,MAAM,EAAE,KAAK,IAAI,CAAC;IACpE,QAAQ,EAAE,MAAM,GAAG,UAAU,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC;IAClE,yBAAyB,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,kBAAkB,CAAC;CAE5E"}

package/lib/propertyFields/monacoEditor/monacoEditorControl/IMonacoEditorProps.js

@@ -0,0 +1,14 @@
+export var Elanguages;
+(function (Elanguages) {
+    Elanguages["typescript"] = "typescript";
+    Elanguages["javascript"] = "javascript";
+    Elanguages["css"] = "css";
+    Elanguages["html"] = "html";
+    Elanguages["json"] = "json";
+    Elanguages["xml"] = "xml";
+    Elanguages["markdown"] = "markdown";
+    Elanguages["less"] = "less";
+    Elanguages["scss"] = "scss";
+    Elanguages["handlebars"] = "handlebars";
+})(Elanguages || (Elanguages = {}));
+//# sourceMappingURL=IMonacoEditorProps.js.map

package/lib/propertyFields/monacoEditor/monacoEditorControl/IMonacoEditorProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IMonacoEditorProps.js","sourceRoot":"","sources":["../../../../src/propertyFields/monacoEditor/monacoEditorControl/IMonacoEditorProps.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,UAaX;AAbD,WAAY,UAAU;IAClB,uCAAyB,CAAA;IACzB,uCAAyB,CAAA;IACzB,yBAAW,CAAA;IACX,2BAAa,CAAA;IACb,2BAAa,CAAA;IACb,yBAAW,CAAA;IACX,mCAAqB,CAAA;IACrB,2BAAa,CAAA;IACb,2BAAa,CAAA;IACb,uCAAyB,CAAA;AAG7B,CAAC,EAbW,UAAU,KAAV,UAAU,QAarB"}

package/lib/propertyFields/monacoEditor/monacoEditorControl/MonacoEditor.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { IMonacoEditorProps } from './IMonacoEditorProps';
+export declare const MonacoEditor: React.FunctionComponent<IMonacoEditorProps>;
+//# sourceMappingURL=MonacoEditor.d.ts.map

package/lib/propertyFields/monacoEditor/monacoEditorControl/MonacoEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonacoEditor.d.ts","sourceRoot":"","sources":["../../../../src/propertyFields/monacoEditor/monacoEditorControl/MonacoEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAO1D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CA6FpE,CAAC"}

package/lib/propertyFields/monacoEditor/monacoEditorControl/MonacoEditor.js

@@ -0,0 +1,76 @@
+import * as React from 'react';
+import { isEmpty } from 'lodash';
+import { Spinner, SpinnerSize, } from 'office-ui-fabric-react/lib/Spinner';
+import { Stack } from 'office-ui-fabric-react/lib/Stack';
+import { Elanguages } from './';
+import { Error } from './Error';
+import { EStatus, useMonaco, } from './useMonaco';
+import { useMonacoEditorStyles } from './useMonacoEditorStyles';
+export var MonacoEditor = function (props) {
+    var _a = props || {}, value = _a.value, onValueChange = _a.onValueChange, theme = _a.theme, readOnly = _a.readOnly, showLineNumbers = _a.showLineNumbers, showMiniMap = _a.showMiniMap, language = _a.language, jsonDiagnosticsOptions = _a.jsonDiagnosticsOptions, jscriptDiagnosticsOptions = _a.jscriptDiagnosticsOptions;
+    var containerRef = React.useRef(null);
+    var editorRef = React.useRef(null);
+    var controlClasses = useMonacoEditorStyles().controlClasses;
+    var _b = useMonaco(), monaco = _b.monaco, status = _b.status, error = _b.error;
+    var onDidChangeModelContent = React.useCallback(function (e) {
+        if (editorRef.current) {
+            var currentValue = editorRef.current.getValue();
+            if (currentValue !== value) {
+                var validationErrors = [];
+                try {
+                    if (language === Elanguages.json) {
+                        var jsonParsed = JSON.parse(currentValue);
+                    }
+                }
+                catch (e) {
+                    validationErrors.push(e.message);
+                }
+                onValueChange(currentValue, validationErrors);
+            }
+        }
+    }, [onValueChange]);
+    React.useEffect(function () {
+        if (status != EStatus.LOADED)
+            return;
+        if (!isEmpty(jsonDiagnosticsOptions) && language === Elanguages.json) {
+            monaco.languages.json.jsonDefaults.setDiagnosticsOptions(jsonDiagnosticsOptions);
+        }
+        if (!isEmpty(jscriptDiagnosticsOptions) && language === Elanguages.javascript) {
+            monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions(jscriptDiagnosticsOptions);
+        }
+        monaco.editor.onDidCreateModel(function (m) {
+            m.updateOptions({
+                tabSize: 2,
+            });
+        });
+        //Create the MonacoEditor
+        editorRef.current = monaco.editor.create(containerRef.current, {
+            value: value,
+            scrollBeyondLastLine: false,
+            theme: theme,
+            language: language,
+            folding: true,
+            readOnly: readOnly,
+            lineNumbersMinChars: 4,
+            lineNumbers: showLineNumbers ? "on" : "off",
+            minimap: {
+                enabled: showMiniMap,
+            },
+        });
+        editorRef.current.onDidChangeModelContent(onDidChangeModelContent);
+        return function () {
+            var _a;
+            (_a = editorRef === null || editorRef === void 0 ? void 0 : editorRef.current) === null || _a === void 0 ? void 0 : _a.dispose();
+        };
+    }, [jsonDiagnosticsOptions, jscriptDiagnosticsOptions, monaco]);
+    if (status === EStatus.LOADING) {
+        return (React.createElement(Stack, { horizontal: true, horizontalAlign: "center", tokens: { padding: 25 } },
+            React.createElement(Spinner, { size: SpinnerSize.medium })));
+    }
+    if (status === EStatus.ERROR) {
+        return React.createElement(Error, { error: error, show: true });
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { ref: containerRef, className: controlClasses.containerStyles })));
+};
+//# sourceMappingURL=MonacoEditor.js.map

package/lib/propertyFields/monacoEditor/monacoEditorControl/MonacoEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonacoEditor.js","sourceRoot":"","sources":["../../../../src/propertyFields/monacoEditor/monacoEditorControl/MonacoEditor.tsx"],"names":[],"mappings":"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"}

package/lib/propertyFields/monacoEditor/monacoEditorControl/index.d.ts

@@ -0,0 +1,3 @@
+export * from './IMonacoEditorProps';
+export * from './MonacoEditor';
+//# sourceMappingURL=index.d.ts.map

package/lib/propertyFields/monacoEditor/monacoEditorControl/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/propertyFields/monacoEditor/monacoEditorControl/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC"}

package/lib/propertyFields/monacoEditor/monacoEditorControl/index.js

@@ -0,0 +1,3 @@
+export * from './IMonacoEditorProps';
+export * from './MonacoEditor';
+//# sourceMappingURL=index.js.map

package/lib/propertyFields/monacoEditor/monacoEditorControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/propertyFields/monacoEditor/monacoEditorControl/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC"}

package/lib/propertyFields/monacoEditor/monacoEditorControl/useMonaco.d.ts

@@ -0,0 +1,11 @@
+export declare enum EStatus {
+    LOADING = 0,
+    LOADED = 1,
+    ERROR = 2
+}
+export declare const useMonaco: () => {
+    monaco: typeof import("monaco-editor");
+    status: EStatus;
+    error: Error;
+};
+//# sourceMappingURL=useMonaco.d.ts.map

package/lib/propertyFields/monacoEditor/monacoEditorControl/useMonaco.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMonaco.d.ts","sourceRoot":"","sources":["../../../../src/propertyFields/monacoEditor/monacoEditorControl/useMonaco.ts"],"names":[],"mappings":"AAIA,oBAAY,OAAO;IACjB,OAAO,IAAA;IACP,MAAM,IAAA;IACN,KAAK,IAAA;CACN;AAED,eAAO,MAAM,SAAS;;;;CAyBrB,CAAC"}