mgwdev-m365-components 0.0.4 → 0.0.6

package/lib/components/search/M365Search.js

@@ -1,69 +0,0 @@
-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 { GraphSearchPagedDataProvider } from "mgwdev-m365-helpers";
-import { Input, Spinner, makeStyles, shorthands, tokens } from "@fluentui/react-components";
-import { Search20Regular } from "@fluentui/react-icons";
-import { defaultSelectFields } from "./SearchDefaults";
-import { DefaultDocumentCard } from "./DefaultDocumentCard";
-var useSearchStyles = makeStyles({
-    wrapper: {},
-    searchInput: {},
-    searchResults: __assign({ display: "flex", flexWrap: "wrap", flexDirection: "row" }, shorthands.gap(tokens.spacingHorizontalL, tokens.spacingVerticalL)),
-});
-export var M365Search = function (props) {
-    var _a, _b;
-    var graphClient = useGraph().graphClient;
-    var classNames = useSearchStyles();
-    var searchClient = React.useMemo(function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        var provider = new GraphSearchPagedDataProvider(graphClient, [(_b = (_a = props.dataProviderProps) === null || _a === void 0 ? void 0 : _a.entityType) !== null && _b !== void 0 ? _b : "listItem"], ((_c = props.dataProviderProps) === null || _c === void 0 ? void 0 : _c.selectFields) || defaultSelectFields);
-        provider.queryTemplate = (_d = props.dataProviderProps) === null || _d === void 0 ? void 0 : _d.queryTemplate;
-        provider.pageSize = (_e = props.dataProviderProps) === null || _e === void 0 ? void 0 : _e.pageSize;
-        provider.setRefiners((_f = props.dataProviderProps) === null || _f === void 0 ? void 0 : _f.aggregations);
-        provider.setQuery((_h = (_g = props.dataProviderProps) === null || _g === void 0 ? void 0 : _g.initialQuery) !== null && _h !== void 0 ? _h : "");
-        return provider;
-    }, [graphClient, props.dataProviderProps]);
-    var _c = React.useState(true), loading = _c[0], setLoading = _c[1];
-    var _d = React.useState((_b = (_a = props.dataProviderProps) === null || _a === void 0 ? void 0 : _a.initialQuery) !== null && _b !== void 0 ? _b : ""), query = _d[0], setQuery = _d[1];
-    var _e = React.useState([]), results = _e[0], setResults = _e[1];
-    var _f = React.useState(undefined), error = _f[0], setError = _f[1];
-    React.useEffect(function () {
-        searchClient.setQuery(query);
-        setLoading(true);
-        searchClient.getData().then(function (data) {
-            setResults(data);
-            setError(undefined);
-        }).catch(function (error) {
-            setError(error.message);
-        }).finally(function () {
-            setLoading(false);
-        });
-    }, [query]);
-    var renderSearchInput = function () {
-        if (props === null || props === void 0 ? void 0 : props.searchInputComponent) {
-            return React.createElement(props.searchInputComponent, { onSearch: function (query) { setQuery(query); } });
-        }
-        return React.createElement(Input, { contentBefore: React.createElement(Search20Regular, null), placeholder: "Search", value: query, onChange: function (e) { setQuery(e.target.value); } });
-    };
-    return (React.createElement("div", null,
-        React.createElement("div", null, renderSearchInput()),
-        React.createElement("div", null,
-            loading && React.createElement(Spinner, { label: "Loading..." }),
-            !loading && error && React.createElement("div", null,
-                "Error: ",
-                error)),
-        React.createElement("div", { className: classNames.searchResults }, results.map(function (result, index) {
-            return React.createElement("div", { key: index }, (props === null || props === void 0 ? void 0 : props.onResultRendering) ? props.onResultRendering(result) : React.createElement(DefaultDocumentCard, { document: result }));
-        }))));
-};

package/lib/components/search/SearchDefaults.js

@@ -1,17 +0,0 @@
-export var defaultSelectFields = [
-    "Title",
-    "Path",
-    "Description",
-    "ListItemId",
-    "IdentityListItemId",
-    "IdentityListId",
-    "IdentitySiteCollectionId",
-    "IdentityWebId",
-    "LastModifiedTime",
-    "ViewsLifeTime",
-    "ViewsRecent",
-    "owstaxidmetadataalltagsinfo",
-    "DriveId",
-    "Author",
-    "AuthorOwsUser",
-];

package/lib/components/search/index.js

@@ -1,2 +0,0 @@
-export * from "./M365Search";
-export * from "./SearchDefaults";

package/lib/context/AuthenticationContext.d.ts

@@ -1,11 +0,0 @@
-import { IAuthenticationService } from "mgwdev-m365-helpers";
-import * as React from "react";
-export interface IAuthenticationContextProps {
-    authProvider: IAuthenticationService;
-}
-export interface IAuthenticationContextProviderProps extends React.PropsWithChildren<{}> {
-    authProvider?: IAuthenticationService;
-}
-export declare const AuthenticationContext: React.Context<IAuthenticationContextProps>;
-export declare const useAuthentication: () => IAuthenticationContextProps;
-export declare const AuthenticationContextProvider: (props: IAuthenticationContextProviderProps) => React.JSX.Element;

package/lib/context/AuthenticationContext.js

@@ -1,50 +0,0 @@
-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";
-export var AuthenticationContext = React.createContext({
-    authProvider: {
-        getAccessToken: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
-            throw new Error("No auth provider available");
-        }); }); }
-    }
-});
-export var useAuthentication = function () { return React.useContext(AuthenticationContext); };
-export var AuthenticationContextProvider = function (props) {
-    return (React.createElement(AuthenticationContext.Provider, { value: {
-            authProvider: props.authProvider
-        } }, props.children));
-};

package/lib/context/DataverseContext.js

@@ -1,29 +0,0 @@
-import * as React from "react";
-import { useAuthentication } from "./AuthenticationContext";
-import { AuthHttpClient, FetchHttpClient } from "mgwdev-m365-helpers";
-export var DataverseContext = React.createContext({
-    dataverseClient: new FetchHttpClient()
-});
-export var useDataverse = function () { return React.useContext(DataverseContext); };
-export var DataverseContextProvider = function (props) {
-    var authProvider = useAuthentication().authProvider;
-    var getDataverseClient = function () {
-        if (props.dataverseClient) {
-            return props.dataverseClient;
-        }
-        else if (authProvider) {
-            var authHttpClient = new AuthHttpClient(authProvider, new FetchHttpClient());
-            authHttpClient.resourceUri = props.dataverseResource;
-            return authHttpClient;
-        }
-        return undefined;
-    };
-    var _a = React.useState(getDataverseClient()), dataverseClient = _a[0], setDataverseClient = _a[1];
-    React.useEffect(function () {
-        setDataverseClient(getDataverseClient());
-    }, [props.dataverseClient, authProvider]);
-    return (dataverseClient && React.createElement(DataverseContext.Provider, { value: {
-            dataverseClient: dataverseClient,
-            dataverseResource: props.dataverseResource
-        } }, props.children));
-};

package/lib/context/GraphContext.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-import { IHttpClient } from "mgwdev-m365-helpers";
-export interface IGraphContextProps {
-    graphClient: IHttpClient;
-}
-export interface IGraphContextProviderProps extends React.PropsWithChildren<{}> {
-    graphClient?: IHttpClient;
-}
-export declare const GraphContext: React.Context<IGraphContextProps>;
-export declare const useGraph: () => IGraphContextProps;
-export declare const GraphContextProvider: (props: IGraphContextProviderProps) => React.JSX.Element;

package/lib/context/GraphContext.js

@@ -1,26 +0,0 @@
-import * as React from "react";
-import { useAuthentication } from "./AuthenticationContext";
-import { AuthHttpClient, BatchGraphClient, FetchHttpClient } from "mgwdev-m365-helpers";
-export var GraphContext = React.createContext({
-    graphClient: new FetchHttpClient()
-});
-export var useGraph = function () { return React.useContext(GraphContext); };
-export var GraphContextProvider = function (props) {
-    var authProvider = useAuthentication().authProvider;
-    var getGraphClient = function () {
-        if (props.graphClient) {
-            return props.graphClient;
-        }
-        else if (authProvider) {
-            return new BatchGraphClient(new AuthHttpClient(authProvider, new FetchHttpClient()));
-        }
-        return undefined;
-    };
-    var _a = React.useState(getGraphClient()), graphClient = _a[0], setGraphClient = _a[1];
-    React.useEffect(function () {
-        setGraphClient(getGraphClient());
-    }, [props.graphClient, authProvider]);
-    return (graphClient && React.createElement(GraphContext.Provider, { value: {
-            graphClient: graphClient
-        } }, props.children));
-};

package/lib/context/SPContext.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-import { IHttpClient } from "mgwdev-m365-helpers";
-export interface ISPContextProps {
-    spClient: IHttpClient;
-    siteUrl: string;
-}
-export interface ISPContextProviderProps extends React.PropsWithChildren<{}> {
-    spClient?: IHttpClient;
-    siteUrl: string;
-}
-export declare const SPContext: React.Context<ISPContextProps>;
-export declare const useSP: () => ISPContextProps;
-export declare const SPContextProvider: (props: ISPContextProviderProps) => React.JSX.Element;

package/lib/context/SPContext.js

@@ -1,30 +0,0 @@
-import * as React from "react";
-import { useAuthentication } from "./AuthenticationContext";
-import { AuthHttpClient, FetchHttpClient } from "mgwdev-m365-helpers";
-export var SPContext = React.createContext({
-    spClient: new FetchHttpClient(),
-    siteUrl: ""
-});
-export var useSP = function () { return React.useContext(SPContext); };
-export var SPContextProvider = function (props) {
-    var authProvider = useAuthentication().authProvider;
-    var getSPClient = function () {
-        if (props.spClient) {
-            return props.spClient;
-        }
-        else if (authProvider) {
-            var authClient = new AuthHttpClient(authProvider, new FetchHttpClient());
-            authClient.resourceUri = new URL(props.siteUrl).origin;
-            return authClient;
-        }
-        return undefined;
-    };
-    var _a = React.useState(getSPClient()), spClient = _a[0], setSPClient = _a[1];
-    React.useEffect(function () {
-        setSPClient(getSPClient());
-    }, [props.spClient, authProvider]);
-    return (spClient && React.createElement(SPContext.Provider, { value: {
-            spClient: spClient,
-            siteUrl: props.siteUrl
-        } }, props.children));
-};

package/lib/context/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./AuthenticationContext";
-export * from "./GraphContext";
-export * from "./SPContext";
-export * from "./DataverseContext";

package/lib/context/index.js

@@ -1,4 +0,0 @@
-export * from "./AuthenticationContext";
-export * from "./GraphContext";
-export * from "./SPContext";
-export * from "./DataverseContext";

package/lib/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./context";
-export * from "./components";

package/lib/index.js

@@ -1,2 +0,0 @@
-export * from "./context";
-export * from "./components";

package/lib/main.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/main.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom/client';
-import { FluentProvider, teamsLightTheme } from '@fluentui/react-components';
-import App from './App';
-ReactDOM.createRoot(document.getElementById('root')).render(React.createElement(FluentProvider, { theme: teamsLightTheme },
-    React.createElement(App, null)));

package/lib/model/IEntityWithIdAndDisplayName.js

@@ -1 +0,0 @@
-export {};

package/lib/model/ISearchResult.js

@@ -1 +0,0 @@
-export {};

package/lib/model/index.js

@@ -1 +0,0 @@
-export * from "./ISearchResult";

package/lib/model/infra/ICacheEntry.js

@@ -1 +0,0 @@
-export {};

package/lib/service-worker/sw.d.ts

@@ -1,3 +0,0 @@
-/// <reference lib="webworker" />
-declare const _default: any;
-export default _default;

package/lib/service-worker/sw.js

@@ -1,20 +0,0 @@
-/// <reference lib="webworker" />
-self.addEventListener("notificationclick", function (event) {
-    event.notification.close();
-    if (event.action === "open") {
-        //@ts-ignore
-        clients.openWindow(event.notification.data.url);
-    }
-}, false);
-self.addEventListener('install', function (event) {
-    console.log('Service worker installed');
-    self.skipWaiting();
-});
-self.addEventListener('activate', function (event) {
-    console.log('Service worker activated');
-    self.clients.claim();
-});
-self.addEventListener("periodicsync", function (event) {
-    console.log("periodicsync", event);
-});
-export default self;

package/lib/services/PersonaService.js

@@ -1,134 +0,0 @@
-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 __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-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 { LocalStorageCacheService } from "mgwdev-m365-helpers/lib/services/cache";
-import { queueRequest } from "mgwdev-m365-helpers/lib/utils/FunctionUtils";
-var PersonaService = /** @class */ (function () {
-    function PersonaService(graphClient, updatePresence) {
-        this.graphClient = graphClient;
-        this.updatePresence = updatePresence;
-        this.key = "persona-cache-";
-        this.cacheExpiration = 1000 * 60 * 60 * 4;
-        this.storageService = new LocalStorageCacheService();
-    }
-    PersonaService.prototype.getUser = function (id, size) {
-        if (size === void 0) { size = "48x48"; }
-        return __awaiter(this, void 0, void 0, function () {
-            var userId, userQuery_1, userRequest, userResult, userCache, user, userQuery, _a, userInfoRequest, userPhotoRequest, presenceInfo, _b, userResult, photo, presence, presenceInfo, presence;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        userId = id;
-                        if (!(id && id.indexOf("@") > -1)) return [3 /*break*/, 3];
-                        userQuery_1 = "/users/".concat(id, "?$select=id");
-                        return [4 /*yield*/, this.graphClient.get(userQuery_1)];
-                    case 1:
-                        userRequest = _c.sent();
-                        if (userRequest.status === 404) {
-                            return [2 /*return*/, null];
-                        }
-                        return [4 /*yield*/, userRequest.json()];
-                    case 2:
-                        userResult = _c.sent();
-                        userId = userResult.id;
-                        _c.label = 3;
-                    case 3:
-                        userCache = this.storageService.get(this.key + id);
-                        user = userCache === null || userCache === void 0 ? void 0 : userCache.data;
-                        userQuery = userId ? "/users/".concat(userId) : "/me";
-                        if (!(!user || userCache.expiration < new Date().getTime())) return [3 /*break*/, 6];
-                        return [4 /*yield*/, Promise.all([
-                                this.graphClient.get(userQuery + "?$select=id,displayName,mail,jobTitle,department,officeLocation,mobilePhone,businessPhones,userPrincipalName,usageLocation"),
-                                this.graphClient.get(userQuery + "/photos/".concat(size, "/$value")),
-                                this.graphClient.get(userQuery + "/presence"),
-                            ])];
-                    case 4:
-                        _a = _c.sent(), userInfoRequest = _a[0], userPhotoRequest = _a[1], presenceInfo = _a[2];
-                        return [4 /*yield*/, Promise.all([
-                                userInfoRequest.json(),
-                                userPhotoRequest.text(),
-                                presenceInfo.json(),
-                            ])];
-                    case 5:
-                        _b = _c.sent(), userResult = _b[0], photo = _b[1], presence = _b[2];
-                        user = __assign(__assign({}, userResult), { photo: "data:image/png;base64,".concat(photo.replace('"', "").replace('"', "")), presence: presence });
-                        this.storageService.set(this.key + id, {
-                            data: user,
-                            expiration: new Date().getTime() + this.cacheExpiration
-                        });
-                        return [3 /*break*/, 9];
-                    case 6:
-                        if (!this.updatePresence) return [3 /*break*/, 9];
-                        return [4 /*yield*/, this.graphClient.get(userQuery + "/presence")];
-                    case 7:
-                        presenceInfo = _c.sent();
-                        return [4 /*yield*/, presenceInfo.json()];
-                    case 8:
-                        presence = _c.sent();
-                        user = __assign(__assign({}, user), { presence: presence });
-                        this.storageService.set(this.key + id, {
-                            data: user,
-                            expiration: new Date().getTime() + this.cacheExpiration
-                        });
-                        _c.label = 9;
-                    case 9: return [2 /*return*/, user];
-                }
-            });
-        });
-    };
-    __decorate([
-        queueRequest("getUser-{0}")
-    ], PersonaService.prototype, "getUser", null);
-    return PersonaService;
-}());
-export { PersonaService };