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

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

@@ -0,0 +1,81 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { useState, useEffect } from "react";
+import loader from "@monaco-editor/loader";
+var CDN_PATH_TO_MONACO_EDITOR = "https://cdn.jsdelivr.net/npm/monaco-editor@0.32.1/min/vs";
+export var EStatus;
+(function (EStatus) {
+    EStatus[EStatus["LOADING"] = 0] = "LOADING";
+    EStatus[EStatus["LOADED"] = 1] = "LOADED";
+    EStatus[EStatus["ERROR"] = 2] = "ERROR";
+})(EStatus || (EStatus = {}));
+export var useMonaco = function () {
+    var _a = useState(undefined), monaco = _a[0], setMonaco = _a[1];
+    var _b = useState(EStatus.LOADING), status = _b[0], setStatus = _b[1];
+    var _c = useState(undefined), error = _c[0], setError = _c[1];
+    useEffect(function () {
+        (function () { return __awaiter(void 0, void 0, void 0, function () {
+            var monacoObj, error_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        loader.config({ paths: { vs: CDN_PATH_TO_MONACO_EDITOR } });
+                        return [4 /*yield*/, loader.init()];
+                    case 1:
+                        monacoObj = _a.sent();
+                        setStatus(EStatus.LOADED);
+                        setMonaco(monacoObj);
+                        return [3 /*break*/, 3];
+                    case 2:
+                        error_1 = _a.sent();
+                        setStatus(EStatus.ERROR);
+                        setMonaco(undefined);
+                        setError(error_1);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); })();
+    }, []);
+    return {
+        monaco: monaco,
+        status: status,
+        error: error,
+    };
+};
+//# sourceMappingURL=useMonaco.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMonaco.js","sourceRoot":"","sources":["../../../../src/propertyFields/monacoEditor/monacoEditorControl/useMonaco.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,MAAkB,MAAM,uBAAuB,CAAC;AAEvD,IAAM,yBAAyB,GAAG,0DAA0D,CAAC;AAC7F,MAAM,CAAN,IAAY,OAIX;AAJD,WAAY,OAAO;IACjB,2CAAO,CAAA;IACP,yCAAM,CAAA;IACN,uCAAK,CAAA;AACP,CAAC,EAJW,OAAO,KAAP,OAAO,QAIlB;AAED,MAAM,CAAC,IAAM,SAAS,GAAG;IACjB,IAAA,KAAsB,QAAQ,CAAS,SAAS,CAAC,EAAhD,MAAM,QAAA,EAAE,SAAS,QAA+B,CAAC;IAClD,IAAA,KAAsB,QAAQ,CAAU,OAAO,CAAC,OAAO,CAAC,EAAvD,MAAM,QAAA,EAAE,SAAS,QAAsC,CAAC;IACzD,IAAA,KAAoB,QAAQ,CAAQ,SAAS,CAAC,EAA7C,KAAK,QAAA,EAAE,QAAQ,QAA8B,CAAC;IAErD,SAAS,CAAC;QACR,CAAC;;;;;;wBAEG,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,yBAAyB,EAAE,EAAE,CAAC,CAAC;wBAC1C,qBAAM,MAAM,CAAC,IAAI,EAAE,EAAA;;wBAA/B,SAAS,GAAG,SAAmB;wBACrC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;wBAC1B,SAAS,CAAC,SAAS,CAAC,CAAC;;;;wBAErB,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;wBACzB,SAAS,CAAC,SAAS,CAAC,CAAC;wBACrB,QAAQ,CAAC,OAAK,CAAC,CAAC;;;;;aAEnB,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,MAAM,QAAA;QACN,MAAM,QAAA;QACN,KAAK,OAAA;KACN,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+export declare const useMonacoEditorStyles: () => {
+    controlClasses: import("office-ui-fabric-react").IProcessedStyleSet<{
+        containerStyles: {
+            height: string;
+        };
+    }>;
+};
+//# sourceMappingURL=useMonacoEditorStyles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMonacoEditorStyles.d.ts","sourceRoot":"","sources":["../../../../src/propertyFields/monacoEditor/monacoEditorControl/useMonacoEditorStyles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB;;;;;;CAUjC,CAAC"}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { mergeStyleSets } from 'office-ui-fabric-react';
+export var useMonacoEditorStyles = function () {
+    var controlClasses = React.useMemo(function () {
+        return mergeStyleSets({
+            containerStyles: {
+                height: "90vh",
+            }
+        });
+    }, []);
+    return { controlClasses: controlClasses };
+};
+//# sourceMappingURL=useMonacoEditorStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMonacoEditorStyles.js","sourceRoot":"","sources":["../../../../src/propertyFields/monacoEditor/monacoEditorControl/useMonacoEditorStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,CAAC,IAAM,qBAAqB,GAAG;IACnC,IAAM,cAAc,GAAI,KAAK,CAAC,OAAO,CAAC;QAClC,OAAO,cAAc,CAAC;YACpB,eAAe,EAAC;gBACd,MAAM,EAAE,MAAM;aACf;SACF,CAAC,CAAC;IACP,CAAC,EAAC,EAAE,CAAC,CAAC;IAEN,OAAO,EAAC,cAAc,gBAAA,EAAE,CAAC;AAC3B,CAAC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnp/spfx-property-controls",
   "description": "Reusable property pane controls for SharePoint Framework solutions",
-  "version": "3.6.0-beta.2006056",
+  "version": "3.6.0",
   "scripts": {
     "build": "gulp build",
     "clean": "gulp clean",
@@ -22,6 +22,7 @@
     "@microsoft/sp-office-ui-fabric-core": "1.14.0",
     "@microsoft/sp-property-pane": "1.14.0",
     "@microsoft/sp-webpart-base": "1.14.0",
+    "@monaco-editor/loader": "^1.2.0",
     "@pnp/common": "1.3.11",
     "@pnp/logging": "1.3.11",
     "@pnp/odata": "1.3.11",
@@ -32,6 +33,7 @@
     "@uifabric/icons": "7.5.17",
     "lodash.omit": "4.5.0",
     "markdown-to-jsx": "^6.11.4",
+    "monaco-editor": "^0.32.1",
     "office-ui-fabric-react": "7.174.1",
     "react": "16.13.1",
     "react-ace": "5.8.0",
@@ -91,4 +93,4 @@
     "Struyf, Elio <elio@struyfconsulting.be>",
     "Terentiev, Alex <>"
   ]
-}
+}