@microsoft/teamsfx-react 3.0.0-alpha.46da7cd00.0 → 3.0.1-alpha.ru6q1vrv0.0

package/build/esm/index.d.ts

@@ -1,6 +1,8 @@
-export { useTeams } from "./useTeams";
-export { useData } from "./useData";
-export { useTeamsFx, TeamsFxContext } from "./useTeamsFx";
-export { useTeamsUserCredential, TeamsContextWithCredential } from "./useTeamsUserCredential";
-export { useGraph, useGraphWithCredential } from "./useGraph";
+export { useTeams } from "./useTeams";
+export { useData } from "./useData";
+export { useTeamsFx, TeamsFxContext } from "./useTeamsFx";
+export { useTeamsUserCredential, TeamsContextWithCredential } from "./useTeamsUserCredential";
+export { useGraph, useGraphWithCredential } from "./useGraph";
+export { BaseDashboard } from "./BaseDashboard";
+export { BaseWidget } from "./BaseWidget";
 //# sourceMappingURL=index.d.ts.map

package/build/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAC9F,OAAO,EAAE,QAAQ,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAC9F,OAAO,EAAE,QAAQ,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/build/esm/index.js

@@ -1,7 +1,9 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-export { useTeams } from "./useTeams";
-export { useData } from "./useData";
-export { useTeamsFx } from "./useTeamsFx";
-export { useTeamsUserCredential } from "./useTeamsUserCredential";
-export { useGraph, useGraphWithCredential } from "./useGraph";
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+export { useTeams } from "./useTeams";
+export { useData } from "./useData";
+export { useTeamsFx } from "./useTeamsFx";
+export { useTeamsUserCredential } from "./useTeamsUserCredential";
+export { useGraph, useGraphWithCredential } from "./useGraph";
+export { BaseDashboard } from "./BaseDashboard";
+export { BaseWidget } from "./BaseWidget";

package/build/esm/useData.d.ts

@@ -1,34 +1,34 @@
-type State<T> = {
-    /**
-     * User data.
-     */
-    data?: T;
-    /**
-     * Status of data loading.
-     */
-    loading: boolean;
-    /**
-     * Error information.
-     */
-    error?: unknown;
-};
-export type Data<T> = State<T> & {
-    /**
-     * reload function.
-     */
-    reload: () => void;
-};
-/**
- * Helper function to fetch data with status and error.
- *
- * @param fetchDataAsync - async function of how to fetch data
- * @param options - if autoLoad is true, reload data immediately
- * @returns data, loading status, error and reload function
- *
- * @beta
- */
-export declare function useData<T>(fetchDataAsync: () => Promise<T>, options?: {
-    autoLoad: boolean;
-}): Data<T>;
-export {};
+type State<T> = {
+    /**
+     * User data.
+     */
+    data?: T;
+    /**
+     * Status of data loading.
+     */
+    loading: boolean;
+    /**
+     * Error information.
+     */
+    error?: unknown;
+};
+export type Data<T> = State<T> & {
+    /**
+     * reload function.
+     */
+    reload: () => void;
+};
+/**
+ * Helper function to fetch data with status and error.
+ *
+ * @param fetchDataAsync - async function of how to fetch data
+ * @param options - if autoLoad is true, reload data immediately
+ * @returns data, loading status, error and reload function
+ *
+ * @beta
+ */
+export declare function useData<T>(fetchDataAsync: () => Promise<T>, options?: {
+    autoLoad: boolean;
+}): Data<T>;
+export {};
 //# sourceMappingURL=useData.d.ts.map

package/build/esm/useData.js

@@ -1,43 +1,43 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import { useEffect, useReducer } from "react";
-var createReducer = function () {
-    return function (state, action) {
-        switch (action.type) {
-            case "loading":
-                return { data: state.data, loading: true };
-            case "result":
-                return { data: action.result, loading: false };
-            case "error":
-                return { loading: false, error: action.error };
-        }
-    };
-};
-/**
- * Helper function to fetch data with status and error.
- *
- * @param fetchDataAsync - async function of how to fetch data
- * @param options - if autoLoad is true, reload data immediately
- * @returns data, loading status, error and reload function
- *
- * @beta
- */
-export function useData(fetchDataAsync, options) {
-    var _a;
-    var auto = (_a = options === null || options === void 0 ? void 0 : options.autoLoad) !== null && _a !== void 0 ? _a : true;
-    var _b = useReducer(createReducer(), {
-        loading: auto,
-    }), _c = _b[0], data = _c.data, loading = _c.loading, error = _c.error, dispatch = _b[1];
-    function reload() {
-        if (!loading)
-            dispatch({ type: "loading" });
-        fetchDataAsync()
-            .then(function (data) { return dispatch({ type: "result", result: data }); })
-            .catch(function (error) { return dispatch({ type: "error", error: error }); });
-    }
-    useEffect(function () {
-        if (auto)
-            reload();
-    }, []);
-    return { data: data, loading: loading, error: error, reload: reload };
-}
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { useEffect, useReducer } from "react";
+var createReducer = function () {
+    return function (state, action) {
+        switch (action.type) {
+            case "loading":
+                return { data: state.data, loading: true };
+            case "result":
+                return { data: action.result, loading: false };
+            case "error":
+                return { loading: false, error: action.error };
+        }
+    };
+};
+/**
+ * Helper function to fetch data with status and error.
+ *
+ * @param fetchDataAsync - async function of how to fetch data
+ * @param options - if autoLoad is true, reload data immediately
+ * @returns data, loading status, error and reload function
+ *
+ * @beta
+ */
+export function useData(fetchDataAsync, options) {
+    var _a;
+    var auto = (_a = options === null || options === void 0 ? void 0 : options.autoLoad) !== null && _a !== void 0 ? _a : true;
+    var _b = useReducer(createReducer(), {
+        loading: auto,
+    }), _c = _b[0], data = _c.data, loading = _c.loading, error = _c.error, dispatch = _b[1];
+    function reload() {
+        if (!loading)
+            dispatch({ type: "loading" });
+        fetchDataAsync()
+            .then(function (data) { return dispatch({ type: "result", result: data }); })
+            .catch(function (error) { return dispatch({ type: "error", error: error }); });
+    }
+    useEffect(function () {
+        if (auto)
+            reload();
+    }, []);
+    return { data: data, loading: loading, error: error, reload: reload };
+}

package/build/esm/useGraph.d.ts

@@ -1,33 +1,33 @@
-import { Data } from "./useData";
-import { TeamsFx, TeamsUserCredential } from "@microsoft/teamsfx";
-import { Client } from "@microsoft/microsoft-graph-client";
-type GraphOption = {
-    scope?: string[];
-    teamsfx?: TeamsFx;
-};
-type GraphOptionWithCredential = {
-    scope?: string[];
-    credential?: TeamsUserCredential;
-};
-/**
- * Helper function to call Microsoft Graph API with authentication.
- *
- * @param fetchGraphDataAsync - async function of how to call Graph API and fetch data.
- * @param options - teamsfx instance and OAuth resource scope.
- * @returns data, loading status, error and reload function
- *
- * @beta
- */
-export declare function useGraph<T>(fetchGraphDataAsync: (graph: Client, teamsfx: TeamsFx, scope: string[]) => Promise<T>, options?: GraphOption): Data<T>;
-/**
- * Helper function to call Microsoft Graph API with authentication.
- *
- * @param fetchGraphDataAsync - async function of how to call Graph API and fetch data.
- * @param options - Authentication configuration and OAuth resource scope.
- * @returns data, loading status, error and reload function
- *
- * @beta
- */
-export declare function useGraphWithCredential<T>(fetchGraphDataAsync: (graph: Client, credential: TeamsUserCredential, scope: string[]) => Promise<T>, options?: GraphOptionWithCredential): Data<T>;
-export {};
+import { Data } from "./useData";
+import { TeamsFx, TeamsUserCredential } from "@microsoft/teamsfx";
+import { Client } from "@microsoft/microsoft-graph-client";
+type GraphOption = {
+    scope?: string[];
+    teamsfx?: TeamsFx;
+};
+type GraphOptionWithCredential = {
+    scope?: string[];
+    credential?: TeamsUserCredential;
+};
+/**
+ * Helper function to call Microsoft Graph API with authentication.
+ *
+ * @param fetchGraphDataAsync - async function of how to call Graph API and fetch data.
+ * @param options - teamsfx instance and OAuth resource scope.
+ * @returns data, loading status, error and reload function
+ *
+ * @beta
+ */
+export declare function useGraph<T>(fetchGraphDataAsync: (graph: Client, teamsfx: TeamsFx, scope: string[]) => Promise<T>, options?: GraphOption): Data<T>;
+/**
+ * Helper function to call Microsoft Graph API with authentication.
+ *
+ * @param fetchGraphDataAsync - async function of how to call Graph API and fetch data.
+ * @param options - Authentication configuration and OAuth resource scope.
+ * @returns data, loading status, error and reload function
+ *
+ * @beta
+ */
+export declare function useGraphWithCredential<T>(fetchGraphDataAsync: (graph: Client, credential: TeamsUserCredential, scope: string[]) => Promise<T>, options?: GraphOptionWithCredential): Data<T>;
+export {};
 //# sourceMappingURL=useGraph.d.ts.map

package/build/esm/useGraph.js

@@ -1,146 +1,146 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import { __assign, __awaiter, __generator } from "tslib";
-import { useData } from "./useData";
-import { TeamsFx, createMicrosoftGraphClient, ErrorWithCode, TeamsUserCredential, createMicrosoftGraphClientWithCredential, } from "@microsoft/teamsfx";
-import { GraphError } from "@microsoft/microsoft-graph-client";
-import { useState } from "react";
-/**
- * Helper function to call Microsoft Graph API with authentication.
- *
- * @param fetchGraphDataAsync - async function of how to call Graph API and fetch data.
- * @param options - teamsfx instance and OAuth resource scope.
- * @returns data, loading status, error and reload function
- *
- * @beta
- */
-export function useGraph(fetchGraphDataAsync, options) {
-    var _this = this;
-    var _a = __assign({ scope: ["User.Read"], teamsfx: new TeamsFx() }, options), scope = _a.scope, teamsfx = _a.teamsfx;
-    var _b = useState(false), needConsent = _b[0], setNeedConsent = _b[1];
-    var _c = useData(function () { return __awaiter(_this, void 0, void 0, function () {
-        var err_1, helpLink, graph, graphData, err_2;
-        var _a, _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    if (!needConsent) return [3 /*break*/, 4];
-                    _c.label = 1;
-                case 1:
-                    _c.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, teamsfx.login(scope)];
-                case 2:
-                    _c.sent();
-                    setNeedConsent(false);
-                    return [3 /*break*/, 4];
-                case 3:
-                    err_1 = _c.sent();
-                    if (err_1 instanceof ErrorWithCode && ((_a = err_1.message) === null || _a === void 0 ? void 0 : _a.includes("CancelledByUser"))) {
-                        helpLink = "https://aka.ms/teamsfx-auth-code-flow";
-                        err_1.message +=
-                            '\nIf you see "AADSTS50011: The reply URL specified in the request does not match the reply URLs configured for the application" ' +
-                                "in the popup window, you may be using unmatched version for TeamsFx SDK (version >= 0.5.0) and Teams Toolkit (version < 3.3.0) or " +
-                                "cli (version < 0.11.0). Please refer to the help link for how to fix the issue: ".concat(helpLink);
-                    }
-                    throw err_1;
-                case 4:
-                    _c.trys.push([4, 6, , 7]);
-                    graph = createMicrosoftGraphClient(teamsfx, scope);
-                    return [4 /*yield*/, fetchGraphDataAsync(graph, teamsfx, scope)];
-                case 5:
-                    graphData = _c.sent();
-                    return [2 /*return*/, graphData];
-                case 6:
-                    err_2 = _c.sent();
-                    if (err_2 instanceof GraphError && ((_b = err_2.code) === null || _b === void 0 ? void 0 : _b.includes("UiRequiredError"))) {
-                        // Silently fail for user didn't consent error
-                        setNeedConsent(true);
-                    }
-                    else {
-                        throw err_2;
-                    }
-                    return [3 /*break*/, 7];
-                case 7: return [2 /*return*/];
-            }
-        });
-    }); }), data = _c.data, error = _c.error, loading = _c.loading, reload = _c.reload;
-    return { data: data, error: error, loading: loading, reload: reload };
-}
-/**
- * Helper function to call Microsoft Graph API with authentication.
- *
- * @param fetchGraphDataAsync - async function of how to call Graph API and fetch data.
- * @param options - Authentication configuration and OAuth resource scope.
- * @returns data, loading status, error and reload function
- *
- * @beta
- */
-export function useGraphWithCredential(fetchGraphDataAsync, options) {
-    var _this = this;
-    var credential;
-    if (!(options === null || options === void 0 ? void 0 : options.credential)) {
-        var authConfig = {
-            clientId: process.env.REACT_APP_CLIENT_ID,
-            initiateLoginEndpoint: process.env.REACT_APP_START_LOGIN_PAGE_URL,
-        };
-        credential = new TeamsUserCredential(authConfig);
-    }
-    else {
-        credential = options === null || options === void 0 ? void 0 : options.credential;
-    }
-    var scope;
-    if (!(options === null || options === void 0 ? void 0 : options.scope)) {
-        scope = ["User.Read"];
-    }
-    else {
-        scope = options.scope;
-    }
-    var _a = useState(false), needConsent = _a[0], setNeedConsent = _a[1];
-    var _b = useData(function () { return __awaiter(_this, void 0, void 0, function () {
-        var err_3, helpLink, graph, graphData, err_4;
-        var _a, _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    if (!needConsent) return [3 /*break*/, 4];
-                    _c.label = 1;
-                case 1:
-                    _c.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, credential.login(scope)];
-                case 2:
-                    _c.sent();
-                    setNeedConsent(false);
-                    return [3 /*break*/, 4];
-                case 3:
-                    err_3 = _c.sent();
-                    if (err_3 instanceof ErrorWithCode && ((_a = err_3.message) === null || _a === void 0 ? void 0 : _a.includes("CancelledByUser"))) {
-                        helpLink = "https://aka.ms/teamsfx-auth-code-flow";
-                        err_3.message +=
-                            '\nIf you see "AADSTS50011: The reply URL specified in the request does not match the reply URLs configured for the application" ' +
-                                "in the popup window, you may be using unmatched version for TeamsFx SDK (version >= 0.5.0) and Teams Toolkit (version < 3.3.0) or " +
-                                "cli (version < 0.11.0). Please refer to the help link for how to fix the issue: ".concat(helpLink);
-                    }
-                    throw err_3;
-                case 4:
-                    _c.trys.push([4, 6, , 7]);
-                    graph = createMicrosoftGraphClientWithCredential(credential, scope);
-                    return [4 /*yield*/, fetchGraphDataAsync(graph, credential, scope)];
-                case 5:
-                    graphData = _c.sent();
-                    return [2 /*return*/, graphData];
-                case 6:
-                    err_4 = _c.sent();
-                    if (err_4 instanceof GraphError && ((_b = err_4.code) === null || _b === void 0 ? void 0 : _b.includes("UiRequiredError"))) {
-                        // Silently fail for user didn't consent error
-                        setNeedConsent(true);
-                    }
-                    else {
-                        throw err_4;
-                    }
-                    return [3 /*break*/, 7];
-                case 7: return [2 /*return*/];
-            }
-        });
-    }); }), data = _b.data, error = _b.error, loading = _b.loading, reload = _b.reload;
-    return { data: data, error: error, loading: loading, reload: reload };
-}
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { __assign, __awaiter, __generator } from "tslib";
+import { useData } from "./useData";
+import { TeamsFx, createMicrosoftGraphClient, ErrorWithCode, TeamsUserCredential, createMicrosoftGraphClientWithCredential, } from "@microsoft/teamsfx";
+import { GraphError } from "@microsoft/microsoft-graph-client";
+import { useState } from "react";
+/**
+ * Helper function to call Microsoft Graph API with authentication.
+ *
+ * @param fetchGraphDataAsync - async function of how to call Graph API and fetch data.
+ * @param options - teamsfx instance and OAuth resource scope.
+ * @returns data, loading status, error and reload function
+ *
+ * @beta
+ */
+export function useGraph(fetchGraphDataAsync, options) {
+    var _this = this;
+    var _a = __assign({ scope: ["User.Read"], teamsfx: new TeamsFx() }, options), scope = _a.scope, teamsfx = _a.teamsfx;
+    var _b = useState(false), needConsent = _b[0], setNeedConsent = _b[1];
+    var _c = useData(function () { return __awaiter(_this, void 0, void 0, function () {
+        var err_1, helpLink, graph, graphData, err_2;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if (!needConsent) return [3 /*break*/, 4];
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, teamsfx.login(scope)];
+                case 2:
+                    _c.sent();
+                    setNeedConsent(false);
+                    return [3 /*break*/, 4];
+                case 3:
+                    err_1 = _c.sent();
+                    if (err_1 instanceof ErrorWithCode && ((_a = err_1.message) === null || _a === void 0 ? void 0 : _a.includes("CancelledByUser"))) {
+                        helpLink = "https://aka.ms/teamsfx-auth-code-flow";
+                        err_1.message +=
+                            '\nIf you see "AADSTS50011: The reply URL specified in the request does not match the reply URLs configured for the application" ' +
+                                "in the popup window, you may be using unmatched version for TeamsFx SDK (version >= 0.5.0) and Teams Toolkit (version < 3.3.0) or " +
+                                "cli (version < 0.11.0). Please refer to the help link for how to fix the issue: ".concat(helpLink);
+                    }
+                    throw err_1;
+                case 4:
+                    _c.trys.push([4, 6, , 7]);
+                    graph = createMicrosoftGraphClient(teamsfx, scope);
+                    return [4 /*yield*/, fetchGraphDataAsync(graph, teamsfx, scope)];
+                case 5:
+                    graphData = _c.sent();
+                    return [2 /*return*/, graphData];
+                case 6:
+                    err_2 = _c.sent();
+                    if (err_2 instanceof GraphError && ((_b = err_2.code) === null || _b === void 0 ? void 0 : _b.includes("UiRequiredError"))) {
+                        // Silently fail for user didn't consent error
+                        setNeedConsent(true);
+                    }
+                    else {
+                        throw err_2;
+                    }
+                    return [3 /*break*/, 7];
+                case 7: return [2 /*return*/];
+            }
+        });
+    }); }), data = _c.data, error = _c.error, loading = _c.loading, reload = _c.reload;
+    return { data: data, error: error, loading: loading, reload: reload };
+}
+/**
+ * Helper function to call Microsoft Graph API with authentication.
+ *
+ * @param fetchGraphDataAsync - async function of how to call Graph API and fetch data.
+ * @param options - Authentication configuration and OAuth resource scope.
+ * @returns data, loading status, error and reload function
+ *
+ * @beta
+ */
+export function useGraphWithCredential(fetchGraphDataAsync, options) {
+    var _this = this;
+    var credential;
+    if (!(options === null || options === void 0 ? void 0 : options.credential)) {
+        var authConfig = {
+            clientId: process.env.REACT_APP_CLIENT_ID,
+            initiateLoginEndpoint: process.env.REACT_APP_START_LOGIN_PAGE_URL,
+        };
+        credential = new TeamsUserCredential(authConfig);
+    }
+    else {
+        credential = options === null || options === void 0 ? void 0 : options.credential;
+    }
+    var scope;
+    if (!(options === null || options === void 0 ? void 0 : options.scope)) {
+        scope = ["User.Read"];
+    }
+    else {
+        scope = options.scope;
+    }
+    var _a = useState(false), needConsent = _a[0], setNeedConsent = _a[1];
+    var _b = useData(function () { return __awaiter(_this, void 0, void 0, function () {
+        var err_3, helpLink, graph, graphData, err_4;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if (!needConsent) return [3 /*break*/, 4];
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, credential.login(scope)];
+                case 2:
+                    _c.sent();
+                    setNeedConsent(false);
+                    return [3 /*break*/, 4];
+                case 3:
+                    err_3 = _c.sent();
+                    if (err_3 instanceof ErrorWithCode && ((_a = err_3.message) === null || _a === void 0 ? void 0 : _a.includes("CancelledByUser"))) {
+                        helpLink = "https://aka.ms/teamsfx-auth-code-flow";
+                        err_3.message +=
+                            '\nIf you see "AADSTS50011: The reply URL specified in the request does not match the reply URLs configured for the application" ' +
+                                "in the popup window, you may be using unmatched version for TeamsFx SDK (version >= 0.5.0) and Teams Toolkit (version < 3.3.0) or " +
+                                "cli (version < 0.11.0). Please refer to the help link for how to fix the issue: ".concat(helpLink);
+                    }
+                    throw err_3;
+                case 4:
+                    _c.trys.push([4, 6, , 7]);
+                    graph = createMicrosoftGraphClientWithCredential(credential, scope);
+                    return [4 /*yield*/, fetchGraphDataAsync(graph, credential, scope)];
+                case 5:
+                    graphData = _c.sent();
+                    return [2 /*return*/, graphData];
+                case 6:
+                    err_4 = _c.sent();
+                    if (err_4 instanceof GraphError && ((_b = err_4.code) === null || _b === void 0 ? void 0 : _b.includes("UiRequiredError"))) {
+                        // Silently fail for user didn't consent error
+                        setNeedConsent(true);
+                    }
+                    else {
+                        throw err_4;
+                    }
+                    return [3 /*break*/, 7];
+                case 7: return [2 /*return*/];
+            }
+        });
+    }); }), data = _b.data, error = _b.error, loading = _b.loading, reload = _b.reload;
+    return { data: data, error: error, loading: loading, reload: reload };
+}

package/build/esm/useTeams.d.ts

@@ -1,31 +1,31 @@
-import { app } from "@microsoft/teams-js";
-import { Theme } from "@fluentui/react-components";
-/**
- * Microsoft Teams React hook
- * @param options optional options
- * @returns A tuple with properties and methods
- * properties:
- *  - inTeams: boolean = true if inside Microsoft Teams
- *  - fullscreen: boolean = true if in full screen mode
- *  - theme: Fluent UI Theme
- *  - themeString: string - representation of the theme (default, dark or contrast)
- *  - context - the Microsoft Teams JS SDK context
- * methods:
- *  - setTheme - manually set the theme
- */
-export declare function useTeams(options?: {
-    initialTheme?: string;
-    setThemeHandler?: (theme?: string) => void;
-}): [
-    {
-        inTeams?: boolean;
-        fullScreen?: boolean;
-        theme: Theme;
-        themeString: string;
-        context?: app.Context;
-    },
-    {
-        setTheme: (theme: string | undefined) => void;
-    }
-];
+import { app } from "@microsoft/teams-js";
+import { Theme } from "@fluentui/react-components";
+/**
+ * Microsoft Teams React hook
+ * @param options optional options
+ * @returns A tuple with properties and methods
+ * properties:
+ *  - inTeams: boolean = true if inside Microsoft Teams
+ *  - fullscreen: boolean = true if in full screen mode
+ *  - theme: Fluent UI Theme
+ *  - themeString: string - representation of the theme (default, dark or contrast)
+ *  - context - the Microsoft Teams JS SDK context
+ * methods:
+ *  - setTheme - manually set the theme
+ */
+export declare function useTeams(options?: {
+    initialTheme?: string;
+    setThemeHandler?: (theme?: string) => void;
+}): [
+    {
+        inTeams?: boolean;
+        fullScreen?: boolean;
+        theme: Theme;
+        themeString: string;
+        context?: app.Context;
+    },
+    {
+        setTheme: (theme: string | undefined) => void;
+    }
+];
 //# sourceMappingURL=useTeams.d.ts.map