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

package/build/esm/useTeams.js

@@ -1,78 +1,78 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import { useEffect, useState } from "react";
-import { unstable_batchedUpdates as batchedUpdates } from "react-dom";
-import { app, pages } from "@microsoft/teams-js";
-import { teamsLightTheme, teamsDarkTheme, teamsHighContrastTheme, } from "@fluentui/react-components";
-var getTheme = function () {
-    var urlParams = new URLSearchParams(window.location.search);
-    var theme = urlParams.get("theme");
-    return theme == null ? undefined : theme;
-};
-/**
- * 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 function useTeams(options) {
-    var _a = useState(undefined), inTeams = _a[0], setInTeams = _a[1];
-    var _b = useState(undefined), fullScreen = _b[0], setFullScreen = _b[1];
-    var _c = useState(teamsLightTheme), theme = _c[0], setTheme = _c[1];
-    var _d = useState("default"), themeString = _d[0], setThemeString = _d[1];
-    var initialTheme = useState(options && options.initialTheme ? options.initialTheme : getTheme())[0];
-    var _e = useState(undefined), context = _e[0], setContext = _e[1];
-    var themeChangeHandler = function (theme) {
-        setThemeString(theme || "default");
-        switch (theme) {
-            case "dark":
-                setTheme(teamsDarkTheme);
-                break;
-            case "contrast":
-                setTheme(teamsHighContrastTheme);
-                break;
-            case "default":
-            default:
-                setTheme(teamsLightTheme);
-        }
-    };
-    var overrideThemeHandler = (options === null || options === void 0 ? void 0 : options.setThemeHandler)
-        ? options.setThemeHandler
-        : themeChangeHandler;
-    useEffect(function () {
-        // set initial theme based on options or query string
-        overrideThemeHandler(initialTheme);
-        app
-            .initialize()
-            .then(function () {
-            app
-                .getContext()
-                .then(function (context) {
-                batchedUpdates(function () {
-                    setInTeams(true);
-                    setContext(context);
-                    setFullScreen(context.page.isFullScreen);
-                });
-                overrideThemeHandler(context.app.theme);
-                app.registerOnThemeChangeHandler(overrideThemeHandler);
-                pages.registerFullScreenHandler(function (isFullScreen) {
-                    setFullScreen(isFullScreen);
-                });
-            })
-                .catch(function () {
-                setInTeams(false);
-            });
-        })
-            .catch(function () {
-            setInTeams(false);
-        });
-    }, []);
-    return [{ inTeams: inTeams, fullScreen: fullScreen, theme: theme, context: context, themeString: themeString }, { setTheme: overrideThemeHandler }];
-}
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { useEffect, useState } from "react";
+import { unstable_batchedUpdates as batchedUpdates } from "react-dom";
+import { app, pages } from "@microsoft/teams-js";
+import { teamsLightTheme, teamsDarkTheme, teamsHighContrastTheme, } from "@fluentui/react-components";
+var getTheme = function () {
+    var urlParams = new URLSearchParams(window.location.search);
+    var theme = urlParams.get("theme");
+    return theme == null ? undefined : theme;
+};
+/**
+ * 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 function useTeams(options) {
+    var _a = useState(undefined), inTeams = _a[0], setInTeams = _a[1];
+    var _b = useState(undefined), fullScreen = _b[0], setFullScreen = _b[1];
+    var _c = useState(teamsLightTheme), theme = _c[0], setTheme = _c[1];
+    var _d = useState("default"), themeString = _d[0], setThemeString = _d[1];
+    var initialTheme = useState(options && options.initialTheme ? options.initialTheme : getTheme())[0];
+    var _e = useState(undefined), context = _e[0], setContext = _e[1];
+    var themeChangeHandler = function (theme) {
+        setThemeString(theme || "default");
+        switch (theme) {
+            case "dark":
+                setTheme(teamsDarkTheme);
+                break;
+            case "contrast":
+                setTheme(teamsHighContrastTheme);
+                break;
+            case "default":
+            default:
+                setTheme(teamsLightTheme);
+        }
+    };
+    var overrideThemeHandler = (options === null || options === void 0 ? void 0 : options.setThemeHandler)
+        ? options.setThemeHandler
+        : themeChangeHandler;
+    useEffect(function () {
+        // set initial theme based on options or query string
+        overrideThemeHandler(initialTheme);
+        app
+            .initialize()
+            .then(function () {
+            app
+                .getContext()
+                .then(function (context) {
+                batchedUpdates(function () {
+                    setInTeams(true);
+                    setContext(context);
+                    setFullScreen(context.page.isFullScreen);
+                });
+                overrideThemeHandler(context.app.theme);
+                app.registerOnThemeChangeHandler(overrideThemeHandler);
+                pages.registerFullScreenHandler(function (isFullScreen) {
+                    setFullScreen(isFullScreen);
+                });
+            })
+                .catch(function () {
+                setInTeams(false);
+            });
+        })
+            .catch(function () {
+            setInTeams(false);
+        });
+    }, []);
+    return [{ inTeams: inTeams, fullScreen: fullScreen, theme: theme, context: context, themeString: themeString }, { setTheme: overrideThemeHandler }];
+}

package/build/esm/useTeamsFx.d.ts

@@ -1,42 +1,42 @@
-import { TeamsFx } from "@microsoft/teamsfx";
-import { Theme } from "@fluentui/react-components";
-export type TeamsFxContext = {
-    /**
-     * Instance of TeamsFx.
-     */
-    teamsfx?: TeamsFx;
-    /**
-     * Status of data loading.
-     */
-    loading: boolean;
-    /**
-     * Error information.
-     */
-    error: unknown;
-    /**
-     * Indicates that current environment is in Teams
-     */
-    inTeams?: boolean;
-    /**
-     * Teams theme.
-     */
-    theme: Theme;
-    /**
-     * Teams theme string.
-     */
-    themeString: string;
-    /**
-     * Teams context object.
-     */
-    context?: any;
-};
-/**
- * Initialize TeamsFx SDK with customized configuration.
- *
- * @param teamsfxConfig - custom configuration to override default ones.
- * @returns TeamsFxContext object
- *
- * @beta
- */
-export declare function useTeamsFx(teamsfxConfig?: Record<string, string>): TeamsFxContext;
+import { TeamsFx } from "@microsoft/teamsfx";
+import { Theme } from "@fluentui/react-components";
+export type TeamsFxContext = {
+    /**
+     * Instance of TeamsFx.
+     */
+    teamsfx?: TeamsFx;
+    /**
+     * Status of data loading.
+     */
+    loading: boolean;
+    /**
+     * Error information.
+     */
+    error: unknown;
+    /**
+     * Indicates that current environment is in Teams
+     */
+    inTeams?: boolean;
+    /**
+     * Teams theme.
+     */
+    theme: Theme;
+    /**
+     * Teams theme string.
+     */
+    themeString: string;
+    /**
+     * Teams context object.
+     */
+    context?: any;
+};
+/**
+ * Initialize TeamsFx SDK with customized configuration.
+ *
+ * @param teamsfxConfig - custom configuration to override default ones.
+ * @returns TeamsFxContext object
+ *
+ * @beta
+ */
+export declare function useTeamsFx(teamsfxConfig?: Record<string, string>): TeamsFxContext;
 //# sourceMappingURL=useTeamsFx.d.ts.map

package/build/esm/useTeamsFx.js

@@ -1,30 +1,30 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import { __assign, __awaiter, __generator } from "tslib";
-import { LogLevel, setLogLevel, setLogFunction, TeamsFx, IdentityType } from "@microsoft/teamsfx";
-import { useTeams } from "./useTeams";
-import { useData } from "./useData";
-/**
- * Initialize TeamsFx SDK with customized configuration.
- *
- * @param teamsfxConfig - custom configuration to override default ones.
- * @returns TeamsFxContext object
- *
- * @beta
- */
-export function useTeamsFx(teamsfxConfig) {
-    var _this = this;
-    var result = useTeams({})[0];
-    var _a = useData(function () { return __awaiter(_this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            if (process.env.NODE_ENV === "development") {
-                setLogLevel(LogLevel.Verbose);
-                setLogFunction(function (level, message) {
-                    console.log(message);
-                });
-            }
-            return [2 /*return*/, new TeamsFx(IdentityType.User, teamsfxConfig)];
-        });
-    }); }), data = _a.data, error = _a.error, loading = _a.loading;
-    return __assign({ teamsfx: data, error: error, loading: loading }, result);
-}
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { __assign, __awaiter, __generator } from "tslib";
+import { LogLevel, setLogLevel, setLogFunction, TeamsFx, IdentityType } from "@microsoft/teamsfx";
+import { useTeams } from "./useTeams";
+import { useData } from "./useData";
+/**
+ * Initialize TeamsFx SDK with customized configuration.
+ *
+ * @param teamsfxConfig - custom configuration to override default ones.
+ * @returns TeamsFxContext object
+ *
+ * @beta
+ */
+export function useTeamsFx(teamsfxConfig) {
+    var _this = this;
+    var result = useTeams({})[0];
+    var _a = useData(function () { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            if (process.env.NODE_ENV === "development") {
+                setLogLevel(LogLevel.Verbose);
+                setLogFunction(function (level, message) {
+                    console.log(message);
+                });
+            }
+            return [2 /*return*/, new TeamsFx(IdentityType.User, teamsfxConfig)];
+        });
+    }); }), data = _a.data, error = _a.error, loading = _a.loading;
+    return __assign({ teamsfx: data, error: error, loading: loading }, result);
+}

package/build/esm/useTeamsUserCredential.d.ts

@@ -1,42 +1,42 @@
-import { TeamsUserCredentialAuthConfig, TeamsUserCredential } from "@microsoft/teamsfx";
-import { Theme } from "@fluentui/react-components";
-export type TeamsContextWithCredential = {
-    /**
-     * Instance of TeamsUserCredential.
-     */
-    teamsUserCredential?: TeamsUserCredential;
-    /**
-     * Status of data loading.
-     */
-    loading: boolean;
-    /**
-     * Error information.
-     */
-    error: unknown;
-    /**
-     * Indicates that current environment is in Teams
-     */
-    inTeams?: boolean;
-    /**
-     * Teams theme.
-     */
-    theme: Theme;
-    /**
-     * Teams theme string.
-     */
-    themeString: string;
-    /**
-     * Teams context object.
-     */
-    context?: any;
-};
-/**
- * Initialize TeamsFx SDK with customized configuration.
- *
- * @param authConfig - custom configuration to override default ones.
- * @returns TeamsContextWithCredential object
- *
- * @beta
- */
-export declare function useTeamsUserCredential(authConfig: TeamsUserCredentialAuthConfig): TeamsContextWithCredential;
+import { TeamsUserCredentialAuthConfig, TeamsUserCredential } from "@microsoft/teamsfx";
+import { Theme } from "@fluentui/react-components";
+export type TeamsContextWithCredential = {
+    /**
+     * Instance of TeamsUserCredential.
+     */
+    teamsUserCredential?: TeamsUserCredential;
+    /**
+     * Status of data loading.
+     */
+    loading: boolean;
+    /**
+     * Error information.
+     */
+    error: unknown;
+    /**
+     * Indicates that current environment is in Teams
+     */
+    inTeams?: boolean;
+    /**
+     * Teams theme.
+     */
+    theme: Theme;
+    /**
+     * Teams theme string.
+     */
+    themeString: string;
+    /**
+     * Teams context object.
+     */
+    context?: any;
+};
+/**
+ * Initialize TeamsFx SDK with customized configuration.
+ *
+ * @param authConfig - custom configuration to override default ones.
+ * @returns TeamsContextWithCredential object
+ *
+ * @beta
+ */
+export declare function useTeamsUserCredential(authConfig: TeamsUserCredentialAuthConfig): TeamsContextWithCredential;
 //# sourceMappingURL=useTeamsUserCredential.d.ts.map

package/build/esm/useTeamsUserCredential.js

@@ -1,30 +1,30 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import { __assign, __awaiter, __generator } from "tslib";
-import { LogLevel, setLogLevel, setLogFunction, TeamsUserCredential, } from "@microsoft/teamsfx";
-import { useTeams } from "./useTeams";
-import { useData } from "./useData";
-/**
- * Initialize TeamsFx SDK with customized configuration.
- *
- * @param authConfig - custom configuration to override default ones.
- * @returns TeamsContextWithCredential object
- *
- * @beta
- */
-export function useTeamsUserCredential(authConfig) {
-    var _this = this;
-    var result = useTeams({})[0];
-    var _a = useData(function () { return __awaiter(_this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            if (process.env.NODE_ENV === "development") {
-                setLogLevel(LogLevel.Verbose);
-                setLogFunction(function (level, message) {
-                    console.log(message);
-                });
-            }
-            return [2 /*return*/, new TeamsUserCredential(authConfig)];
-        });
-    }); }), data = _a.data, error = _a.error, loading = _a.loading;
-    return __assign({ teamsUserCredential: data, error: error, loading: loading }, result);
-}
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { __assign, __awaiter, __generator } from "tslib";
+import { LogLevel, setLogLevel, setLogFunction, TeamsUserCredential, } from "@microsoft/teamsfx";
+import { useTeams } from "./useTeams";
+import { useData } from "./useData";
+/**
+ * Initialize TeamsFx SDK with customized configuration.
+ *
+ * @param authConfig - custom configuration to override default ones.
+ * @returns TeamsContextWithCredential object
+ *
+ * @beta
+ */
+export function useTeamsUserCredential(authConfig) {
+    var _this = this;
+    var result = useTeams({})[0];
+    var _a = useData(function () { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            if (process.env.NODE_ENV === "development") {
+                setLogLevel(LogLevel.Verbose);
+                setLogFunction(function (level, message) {
+                    console.log(message);
+                });
+            }
+            return [2 /*return*/, new TeamsUserCredential(authConfig)];
+        });
+    }); }), data = _a.data, error = _a.error, loading = _a.loading;
+    return __assign({ teamsUserCredential: data, error: error, loading: loading }, result);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/teamsfx-react",
-  "version": "3.0.0-alpha.46da7cd00.0",
+  "version": "3.0.1-alpha.ru6q1vrv0.0",
   "description": "React helper functions for Microsoft TeamsFx",
   "main": "build/cjs/index.js",
   "module": "build/esm/index.js",
@@ -28,12 +28,13 @@
     "precommit": "npm run check-sensitive && lint-staged"
   },
   "devDependencies": {
+    "@fluentui/react": "^8.106.1",
     "@fluentui/react-components": "^9.15.0",
     "@istanbuljs/nyc-config-typescript": "^1.0.2",
-    "@microsoft/eslint-plugin-teamsfx": "0.0.2-alpha.46da7cd00.0",
+    "@microsoft/eslint-plugin-teamsfx": "^0.0.1",
     "@microsoft/microsoft-graph-client": "^3.0.1",
     "@microsoft/teams-js": "^2.0.0",
-    "@microsoft/teamsfx": "2.2.1-alpha.46da7cd00.0",
+    "@microsoft/teamsfx": "^2.1.0",
     "@testing-library/react": "^13.4.0",
     "@types/enzyme": "^3.10.10",
     "@types/jest": "^29.4.0",
@@ -70,6 +71,7 @@
     "typescript": "latest"
   },
   "peerDependencies": {
+    "@fluentui/react": "^8.106.1",   
     "@fluentui/react-components": "^9.15.0",
     "@microsoft/microsoft-graph-client": "^3.0.1",
     "@microsoft/teams-js": "^2.0.0",
@@ -84,6 +86,5 @@
     "*.{js,jsx,css,ts,tsx}": [
       "npx eslint --cache --fix --quiet"
     ]
-  },
-  "gitHead": "68ba6e6eedcdc207ff0862bdea061526ffc666d4"
+  }
 }