mgwdev-m365-components 0.0.2 → 0.0.3

package/lib/components/common/graphEntityPicker/DrivePicker.js

@@ -0,0 +1,77 @@
+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);
+};
+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 * as React from "react";
+import { AbstractGraphEntityPicker } from "./AbstractGraphEntityPicker";
+import { useGraph } from "../../../context";
+export function DrivePicker(props) {
+    var graphClient = useGraph().graphClient;
+    return React.createElement(DrivePickerStandalone, __assign({}, props, { graphClient: graphClient, siteId: props.siteId }));
+}
+export function DrivePickerStandalone(props) {
+    var _this = this;
+    var getData = function (search) { return __awaiter(_this, void 0, void 0, function () {
+        var api, response, result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    api = props.siteId ? "/sites/".concat(props.siteId, "/drives?$select=id,name") : "/me/drives?$select=id,name";
+                    if (search) {
+                        api += "&$filter=startswith(name, '".concat(search, "')");
+                    }
+                    return [4 /*yield*/, props.graphClient.get(api)];
+                case 1:
+                    response = _a.sent();
+                    return [4 /*yield*/, response.json()];
+                case 2:
+                    result = _a.sent();
+                    return [2 /*return*/, result.value.map(function (x) { return ({ id: x.id, displayName: x.name }); })];
+            }
+        });
+    }); };
+    return React.createElement(AbstractGraphEntityPicker, __assign({ additionalKey: "drive-picker-".concat(props.siteId) }, props, { onDataRequested: getData }));
+}

package/lib/components/common/graphEntityPicker/ListPicker.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { IAbstractGraphEntityPickerProps } from "./AbstractGraphEntityPicker";
+import { IEntityWithIdAndDisplayName } from "../../../model/IEntityWithIdAndDisplayName";
+import { IHttpClient } from "mgwdev-m365-helpers";
+export declare function ListPickerPicker(props: Partial<IAbstractGraphEntityPickerProps<IEntityWithIdAndDisplayName>> & {
+    siteId: string;
+}): React.JSX.Element;
+export declare function ListPickerStandalone(props: Partial<IAbstractGraphEntityPickerProps<IEntityWithIdAndDisplayName>> & {
+    graphClient: IHttpClient;
+    siteId: string;
+}): React.JSX.Element;

package/lib/components/common/graphEntityPicker/ListPicker.js

@@ -0,0 +1,77 @@
+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);
+};
+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 * as React from "react";
+import { AbstractGraphEntityPicker } from "./AbstractGraphEntityPicker";
+import { useGraph } from "../../../context";
+export function ListPickerPicker(props) {
+    var graphClient = useGraph().graphClient;
+    return React.createElement(ListPickerStandalone, __assign({}, props, { graphClient: graphClient, siteId: props.siteId }));
+}
+export function ListPickerStandalone(props) {
+    var _this = this;
+    var getData = function (search) { return __awaiter(_this, void 0, void 0, function () {
+        var api, response, result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    api = "/sites/".concat(props.siteId, "/lists?$select=id,name");
+                    if (search) {
+                        api += "&$filter=startswith(name, '".concat(search, "')");
+                    }
+                    return [4 /*yield*/, props.graphClient.get(api)];
+                case 1:
+                    response = _a.sent();
+                    return [4 /*yield*/, response.json()];
+                case 2:
+                    result = _a.sent();
+                    return [2 /*return*/, result.value.map(function (x) { return ({ id: x.id, displayName: x.name }); })];
+            }
+        });
+    }); };
+    return React.createElement(AbstractGraphEntityPicker, __assign({ additionalKey: "list-picker-".concat(props.siteId) }, props, { onDataRequested: getData }));
+}

package/lib/components/common/graphEntityPicker/PeoplePicker.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { IAbstractGraphEntityPickerProps } from "./AbstractGraphEntityPicker";
+import { IEntityWithIdAndDisplayName } from "../../../model/IEntityWithIdAndDisplayName";
+import { IHttpClient } from "mgwdev-m365-helpers";
+export declare function PeoplePicker(props: Partial<IAbstractGraphEntityPickerProps<IEntityWithIdAndDisplayName>>): React.JSX.Element;
+export declare function PeoplePickerStandalone(props: Partial<IAbstractGraphEntityPickerProps<IEntityWithIdAndDisplayName>> & {
+    graphClient: IHttpClient;
+}): React.JSX.Element;

package/lib/components/common/graphEntityPicker/PeoplePicker.js

@@ -0,0 +1,76 @@
+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);
+};
+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 * as React from "react";
+import { AbstractGraphEntityPicker } from "./AbstractGraphEntityPicker";
+import { useGraph } from "../../../context";
+import { PeopleProvider } from "mgwdev-m365-helpers";
+import { GraphPersona } from "../GraphPersona";
+export function PeoplePicker(props) {
+    var graphClient = useGraph().graphClient;
+    return React.createElement(PeoplePickerStandalone, __assign({}, props, { graphClient: graphClient }));
+}
+export function PeoplePickerStandalone(props) {
+    var _this = this;
+    var peopleProvider = new PeopleProvider(props.graphClient, true, true);
+    var getData = function (search) { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    peopleProvider.setQuery(search);
+                    return [4 /*yield*/, peopleProvider.getData()];
+                case 1: return [2 /*return*/, _a.sent()];
+            }
+        });
+    }); };
+    return React.createElement(AbstractGraphEntityPicker, __assign({}, props, { additionalKey: "people-picker", onDataRequested: getData, onSuggestionRendering: function (user) {
+            if (user.photo) {
+                user.photo = "data:image/png;base64,".concat(user.photo.replace('"', "").replace('"', ""));
+            }
+            return React.createElement(GraphPersona, { showPresence: true, user: user, graphClient: props.graphClient });
+        } }));
+}

package/lib/components/common/graphEntityPicker/SitePicker.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { IAbstractGraphEntityPickerProps } from "./AbstractGraphEntityPicker";
+import { IEntityWithIdAndDisplayName } from "../../../model/IEntityWithIdAndDisplayName";
+import { IHttpClient } from "mgwdev-m365-helpers";
+export declare function SitePicker(props: Partial<IAbstractGraphEntityPickerProps<IEntityWithIdAndDisplayName>>): React.JSX.Element;
+export declare function SitePickerStandalone(props: Partial<IAbstractGraphEntityPickerProps<IEntityWithIdAndDisplayName>> & {
+    graphClient: IHttpClient;
+}): React.JSX.Element;

package/lib/components/common/graphEntityPicker/SitePicker.js

@@ -0,0 +1,73 @@
+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);
+};
+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 * as React from "react";
+import { AbstractGraphEntityPicker } from "./AbstractGraphEntityPicker";
+import { useGraph } from "../../../context";
+import { GraphSearchPagedDataProvider } from "mgwdev-m365-helpers";
+export function SitePicker(props) {
+    var graphClient = useGraph().graphClient;
+    return React.createElement(SitePickerStandalone, __assign({}, props, { graphClient: graphClient }));
+}
+export function SitePickerStandalone(props) {
+    var _this = this;
+    var dataProvider = React.useRef(new GraphSearchPagedDataProvider(props.graphClient, ["site"], ["id", "displayName"]));
+    var getData = function (search) { return __awaiter(_this, void 0, void 0, function () {
+        var results;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    dataProvider.current.setQuery(search || "*");
+                    return [4 /*yield*/, dataProvider.current.getData()];
+                case 1:
+                    results = _a.sent();
+                    return [2 /*return*/, results];
+            }
+        });
+    }); };
+    return React.createElement(AbstractGraphEntityPicker, __assign({}, props, { onDataRequested: getData }));
+}

package/lib/components/common/graphEntityPicker/TeamPicker.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { IAbstractGraphEntityPickerProps } from "./AbstractGraphEntityPicker";
+import { IEntityWithIdAndDisplayName } from "../../../model/IEntityWithIdAndDisplayName";
+import { IHttpClient } from "mgwdev-m365-helpers";
+export declare function TeamPicker(props: Partial<IAbstractGraphEntityPickerProps<IEntityWithIdAndDisplayName>>): React.JSX.Element;
+export declare function TeamPickerStandalone(props: Partial<IAbstractGraphEntityPickerProps<IEntityWithIdAndDisplayName>> & {
+    graphClient: IHttpClient;
+}): React.JSX.Element;

package/lib/components/common/graphEntityPicker/TeamPicker.js

@@ -0,0 +1,77 @@
+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);
+};
+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 * as React from "react";
+import { AbstractGraphEntityPicker } from "./AbstractGraphEntityPicker";
+import { useGraph } from "../../../context";
+export function TeamPicker(props) {
+    var graphClient = useGraph().graphClient;
+    return React.createElement(TeamPickerStandalone, __assign({}, props, { graphClient: graphClient }));
+}
+export function TeamPickerStandalone(props) {
+    var _this = this;
+    var getData = function (search) { return __awaiter(_this, void 0, void 0, function () {
+        var api, response, result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    api = "/teams?$select=id,displayName&$top=8";
+                    if (search) {
+                        api += "&$filter=startswith(displayName, '".concat(search, "')");
+                    }
+                    return [4 /*yield*/, props.graphClient.get(api)];
+                case 1:
+                    response = _a.sent();
+                    return [4 /*yield*/, response.json()];
+                case 2:
+                    result = _a.sent();
+                    return [2 /*return*/, result.value];
+            }
+        });
+    }); };
+    return React.createElement(AbstractGraphEntityPicker, __assign({ additionalKey: "team-site-picker" }, props, { onDataRequested: getData }));
+}

package/lib/components/common/graphEntityPicker/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./AbstractGraphEntityPicker";
+export * from "./ChannelPicker";
+export * from "./DrivePicker";
+export * from "./TeamPicker";
+export * from "./PeoplePicker";
+export * from "./SitePicker";

package/lib/components/common/graphEntityPicker/index.js

@@ -0,0 +1,6 @@
+export * from "./AbstractGraphEntityPicker";
+export * from "./ChannelPicker";
+export * from "./DrivePicker";
+export * from "./TeamPicker";
+export * from "./PeoplePicker";
+export * from "./SitePicker";

package/lib/components/common/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./GraphPersona";
+export * from "./graphEntityPicker";

package/lib/components/common/index.js

@@ -0,0 +1,2 @@
+export * from "./GraphPersona";
+export * from "./graphEntityPicker";

package/lib/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./search";
+export * from "./common";

package/lib/components/index.js

@@ -0,0 +1,2 @@
+export * from "./search";
+export * from "./common";

package/lib/components/provisioning/GetSiteTemplate.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export interface IGetSiteTemplateProps {
+    siteUrl: string;
+}
+export declare function GetSiteTemplate(props: IGetSiteTemplateProps): React.JSX.Element;
+export declare function GetSiteTemplateContext(): React.JSX.Element;

package/lib/components/provisioning/GetSiteTemplate.js

@@ -0,0 +1,41 @@
+import { Button } from "@fluentui/react-components";
+import * as React from "react";
+import { useSP } from "../../context";
+import { TemplateProvider } from "mgwdev-m365-helpers/lib/services/provisioning/TemplateProvider";
+export function GetSiteTemplate(props) {
+    var _a = React.useState(undefined), template = _a[0], setTemplate = _a[1];
+    var _b = React.useState(0), progress = _b[0], setProgress = _b[1];
+    var _c = React.useState(false), loading = _c[0], setLoading = _c[1];
+    var _d = React.useState(""), stage = _d[0], setStage = _d[1];
+    var _e = useSP(), spClient = _e.spClient, siteUrl = _e.siteUrl;
+    var provider = React.useRef(new TemplateProvider(spClient, siteUrl));
+    provider.current.onProgress = function (message, percent) {
+        setProgress(percent);
+        setStage(message);
+    };
+    return (React.createElement("div", null,
+        React.createElement(Button, { appearance: "primary", onClick: function () {
+                setLoading(true);
+                setProgress(0);
+                setStage("Lists");
+                provider.current.getSiteTemplate().then(function (template) {
+                    setTemplate(template);
+                    setLoading(false);
+                    ;
+                });
+            } }, "Get template"),
+        React.createElement(Button, { disabled: !template, appearance: "primary", onClick: function () {
+                var blob = new Blob([JSON.stringify(template, null, 2)], { type: "application/json" });
+                var url = URL.createObjectURL(blob);
+                var a = document.createElement('a');
+                a.href = url;
+                a.download = "template.json";
+                document.body.appendChild(a);
+                a.click();
+                window.URL.revokeObjectURL(url);
+            } }, "Download Template")));
+}
+export function GetSiteTemplateContext() {
+    var siteUrl = useSP().siteUrl;
+    return React.createElement(GetSiteTemplate, { siteUrl: siteUrl });
+}

package/lib/components/search/DefaultDocumentCard.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { IDocumentSearchResult, IGraphSearchResult } from "../../model";
+export interface IDefaultDocumentCardProps {
+    document: IGraphSearchResult<IDocumentSearchResult>;
+    onClick?: (document: IGraphSearchResult<IDocumentSearchResult>) => void;
+}
+export declare const DefaultDocumentCard: (props: IDefaultDocumentCardProps) => React.JSX.Element;

package/lib/components/search/DefaultDocumentCard.js

@@ -0,0 +1,59 @@
+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 { useGraph } from "../../context";
+import { ThumbnailUtils } from "../../utils";
+import { Body1, Button, Caption1, Card, CardFooter, CardHeader, CardPreview, makeStyles, shorthands, tokens } from "@fluentui/react-components";
+import FileUtils from "../../utils/FileUtils";
+var useStyles = makeStyles({
+    title: __assign({}, shorthands.margin(0, 0, "12px")),
+    description: __assign({}, shorthands.margin(0, 0, "12px")),
+    card: {
+        width: "20rem",
+        maxWidth: "100%",
+        height: "fit-content",
+    },
+    image: {
+        width: "20rem",
+        height: "7rem",
+    },
+    text: __assign({}, shorthands.margin(0)),
+    imageIconWrapper: {
+        width: "20rem!important",
+        height: "7rem!important",
+        display: "flex!important",
+        justifyContent: "center",
+        alignItems: "center",
+        backgroundColor: tokens.colorNeutralBackground3,
+    }
+});
+export var DefaultDocumentCard = function (props) {
+    var graphClient = useGraph().graphClient;
+    var styles = useStyles();
+    var _a = React.useState(undefined), thumbnail = _a[0], setThumbnail = _a[1];
+    React.useEffect(function () {
+        ThumbnailUtils.getThumbnailImageFromGraph(props.document.fields, graphClient).then(function (thumbnail) {
+            setThumbnail(thumbnail);
+        }).catch(function (error) {
+            console.error(error);
+        });
+    }, []);
+    return React.createElement(Card, { className: styles.card },
+        React.createElement(CardPreview, null, thumbnail ? React.createElement("img", { src: thumbnail, alt: props.document.fields.title, className: styles.image }) :
+            React.createElement("div", { className: styles.imageIconWrapper },
+                React.createElement("div", null,
+                    React.createElement("img", { src: FileUtils.getFileImageUrl(props.document.fields.path), width: "32px", height: "32px", alt: props.document.fields.title })))),
+        React.createElement(CardHeader, { image: React.createElement("img", { src: FileUtils.getFileImageUrl(props.document.fields.path), width: "32px", height: "32px", alt: props.document.fields.title }), header: React.createElement(Body1, null,
+                React.createElement("b", null, props.document.fields.title)), description: React.createElement(Caption1, null, props.document.fields.author), action: React.createElement(Button, { appearance: "transparent", "aria-label": "More options" }) }),
+        React.createElement("p", { className: styles.text }, props.document.fields.description),
+        React.createElement(CardFooter, null));
+};

package/lib/components/search/M365Search.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { IAggregationRequest } from "mgwdev-m365-helpers";
+import { IGraphSearchResult } from "../../model";
+export interface IM365SearchProps<T> {
+    onResultRendering?: (result: IGraphSearchResult<T>) => any;
+    dataProviderProps?: {
+        pageSize?: number;
+        initialQuery?: string;
+        entityType?: "message" | "event" | "driveItem" | "listItem" | "person" | "chatMessage" | "externalItem";
+        queryTemplate?: string;
+        selectFields?: string[];
+        aggregations?: IAggregationRequest[];
+    };
+    searchInputComponent?: (props: {
+        onSearch: (query: string) => void;
+    }) => JSX.Element;
+}
+export declare const M365Search: <T>(props: IM365SearchProps<T>) => React.JSX.Element;