Merge pull request #54 from pnp/undocked-spshooter-fix

Undocked spshooter fix

gulpfile.js

@@ -224,6 +224,7 @@ gulp.task('copy:sp-taxonomy', (done) => {
 gulp.task('copy:microsoft-graph-types', (done) => {
   console.log("Copy @microsoft/microsoft-graph-types");
   gulp.src('./node_modules/@microsoft/microsoft-graph-types/microsoft-graph.d.ts')
+    .pipe(rename('index.d.ts'))
     .pipe(gulp.dest('./public/@microsoft/microsoft-graph-types/'));
   done();
 });
@@ -326,7 +327,7 @@ gulp.task('default',
    // 'copy:sp-taxonomy',
     'copy:microsoft-graph-types',
     'copy:microsoft-graph-client',
-    'copy:msal',
+   // 'copy:msal',
     'copy:msal-browser',
    // 'copy:AuthCodeMSALBrowserAuthenticationProvider',
     'copy:react',

iframe-sandbox-app/package.json

@@ -5,9 +5,9 @@
   "homepage": ".",
   "dependencies": {
     "@fluentui/react": "^8.104.1",
-    "@microsoft/mgt": "^2.9.0",
-    "@microsoft/mgt-element": "^2.9.0",
-    "@microsoft/mgt-react": "^2.9.0",
+    "@microsoft/mgt": "^3.0.1",
+    "@microsoft/mgt-element": "^3.0.1",
+    "@microsoft/mgt-react": "^3.0.1",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",

iframe-sandbox-app/src/mgtiframe/MGTIframe.tsx

@@ -39,6 +39,23 @@ const MGTIframe = () => {
     // window.removeEventListener("message", onMessageReceivedFromIframe);
   }, [onMessageReceivedFromIframe]);
 
+  React.useEffect(function setupListener() {
+    function handleResize(x: any) {
+      console.log('theme changed', x.detail)
+      if(x.detail){
+        document.body.style.backgroundColor = "black";
+      } else {
+        document.body.style.backgroundColor = "white";
+      }
+    }
+    window.addEventListener('darkmodechanged', handleResize)
+
+    return function cleanupListener() {
+      console.log('removing listener')
+      window.removeEventListener('darkmodechanged', handleResize)
+    }
+  })
+
   CacheService.config.isEnabled = false;
 
   var getAccessToken = async (scopes: any[]): Promise<string> => {

package.json

@@ -1,17 +1,17 @@
 {
   "name": "sp-editor",
-  "version": "6.6.1",
+  "version": "6.6.2",
   "private": true,
   "homepage": ".",
   "dependencies": {
-    "@azure/msal-browser": "^2.37.0",
-    "@azure/msal-react": "^1.5.7",
-    "@fluentui/date-time-utilities": "^8.5.10",
-    "@fluentui/react": "^8.109.2",
+    "@azure/msal-browser": "^2.38.0",
+    "@azure/msal-react": "^1.5.9",
+    "@fluentui/date-time-utilities": "^8.5.13",
+    "@fluentui/react": "^8.110.10",
     "@ionic/react": "^5.8.4",
     "@ionic/react-router": "^5.8.4",
-    "@microsoft/mgt": "^2.10.1",
-    "@microsoft/mgt-react": "^2.10.1",
+    "@microsoft/mgt": "^3.0.1",
+    "@microsoft/mgt-react": "^3.0.1",
     "@microsoft/microsoft-graph-client": "^3.0.5",
     "@minoru/react-dnd-treeview": "^3.4.0",
     "@uifabric/theme-samples": "^7.5.29",
@@ -52,14 +52,14 @@
     ]
   },
   "devDependencies": {
-    "@pnp/core": "^3.14.0",
-    "@pnp/graph": "^3.14.0",
-    "@pnp/logging": "^3.14.0",
-    "@pnp/msaljsclient": "^3.14.0",
-    "@pnp/nodejs": "^3.14.0",
-    "@pnp/queryable": "^3.14.0",
-    "@pnp/sp": "^3.14.0",
-    "@pnp/sp-admin": "^3.14.0",
+    "@pnp/core": "^3.16.0",
+    "@pnp/graph": "^3.16.0",
+    "@pnp/logging": "^3.16.0",
+    "@pnp/msaljsclient": "^3.16.0",
+    "@pnp/nodejs": "^3.16.0",
+    "@pnp/queryable": "^3.16.0",
+    "@pnp/sp": "^3.16.0",
+    "@pnp/sp-admin": "^3.16.0",
     "@types/chrome": "0.0.204",
     "@types/jest": "29.2.4",
     "@types/jscodeshift": "^0.11.6",

public/@azure/msal-browser/config/Configuration.d.ts

@@ -82,6 +82,10 @@ export declare type CacheOptions = {
      * If set, MSAL will attempt to migrate cache entries from older versions on initialization. By default this flag is set to true if cacheLocation is localStorage, otherwise false.
      */
     cacheMigrationEnabled?: boolean;
+    /**
+     * Flag that determines whether access tokens are stored based on requested claims
+     */
+    claimsBasedCachingEnabled?: boolean;
 };
 export declare type BrowserSystemOptions = SystemOptions & {
     /**

public/@azure/msal-browser/event/EventType.d.ts

@@ -22,6 +22,7 @@ export declare enum EventType {
     LOGOUT_START = "msal:logoutStart",
     LOGOUT_SUCCESS = "msal:logoutSuccess",
     LOGOUT_FAILURE = "msal:logoutFailure",
-    LOGOUT_END = "msal:logoutEnd"
+    LOGOUT_END = "msal:logoutEnd",
+    RESTORE_FROM_BFCACHE = "msal:restoreFromBFCache"
 }
 //# sourceMappingURL=EventType.d.ts.map

public/@azure/msal-browser/interaction_client/BaseInteractionClient.d.ts

@@ -27,7 +27,7 @@ export declare abstract class BaseInteractionClient {
      * Initializer function for all request APIs
      * @param request
      */
-    protected initializeBaseRequest(request: Partial<BaseAuthRequest>): Promise<BaseAuthRequest>;
+    protected initializeBaseRequest(request: Partial<BaseAuthRequest>, account?: AccountInfo): Promise<BaseAuthRequest>;
     /**
      *
      * Use to get the redirect uri configured in MSAL or null.
@@ -36,6 +36,7 @@ export declare abstract class BaseInteractionClient {
      *
      */
     getRedirectUri(requestRedirectUri?: string): string;
+    validateRequestAuthority(authority: string, account: AccountInfo): Promise<void>;
     /**
      *
      * @param apiId

public/@azure/msal-browser/interaction_client/NativeInteractionClient.d.ts

@@ -121,7 +121,7 @@ export declare class NativeInteractionClient extends BaseInteractionClient {
      * @param tenantId
      * @param reqTimestamp
      */
-    cacheNativeTokens(response: NativeResponse, request: NativeTokenRequest, homeAccountIdentifier: string, idTokenObj: AuthToken, responseAccessToken: string, tenantId: string, reqTimestamp: number): void;
+    cacheNativeTokens(response: NativeResponse, request: NativeTokenRequest, homeAccountIdentifier: string, accountEntity: AccountEntity, idTokenObj: AuthToken, responseAccessToken: string, tenantId: string, reqTimestamp: number): void;
     protected addTelemetryFromNativeResponse(response: NativeResponse): MATS | null;
     /**
      * Validates native platform response before processing

public/@azure/msal-browser/packageMetadata.d.ts

@@ -1,3 +1,3 @@
 export declare const name = "@azure/msal-browser";
-export declare const version = "2.37.0";
+export declare const version = "2.38.0";
 //# sourceMappingURL=packageMetadata.d.ts.map

public/@microsoft/mgt-components/components/mgt-person-card/sections/BasePersonCardSection.d.ts → public/@microsoft/mgt-components/components/BasePersonCardSection.d.ts

@@ -5,17 +5,28 @@
  * -------------------------------------------------------------------------------------------
  */
 import { MgtTemplatedComponent } from '@microsoft/mgt-element';
-import { TemplateResult } from 'lit-element';
-import { IDynamicPerson } from '../../../graph/types';
-import '../../sub-components/mgt-spinner/mgt-spinner';
+import { TemplateResult } from 'lit';
+import { IDynamicPerson } from '../graph/types';
+import './sub-components/mgt-spinner/mgt-spinner';
+/**
+ * Defines the interface for a person card section.
+ * This allows us to avoid forced inheritance and allow for more flexibility in the future.
+ */
+export interface CardSection {
+    readonly cardTitle: string;
+    tagName: string;
+    asCompactView(): CardSection;
+    asFullView(): CardSection;
+    renderIcon(): TemplateResult;
+}
 /**
  * A base class for building person card subsections.
  *
  * @export
  * @class BasePersonCardSection
  * @extends {MgtTemplatedComponent}
  */
-export declare abstract class BasePersonCardSection extends MgtTemplatedComponent {
+export declare abstract class BasePersonCardSection extends MgtTemplatedComponent implements CardSection {
     /**
      * Set the person details to render
      *
@@ -32,6 +43,14 @@ export declare abstract class BasePersonCardSection extends MgtTemplatedComponen
      * @memberof BasePersonCardSection
      */
     abstract get displayName(): string;
+    /**
+     * The title for using when rendering the full card.
+     *
+     * @readonly
+     * @abstract
+     * @memberof BasePersonCardSection
+     */
+    abstract get cardTitle(): string;
     /**
      * Determines the appropriate view state: full or compact
      *
@@ -73,7 +92,7 @@ export declare abstract class BasePersonCardSection extends MgtTemplatedComponen
      * @abstract
      * @memberof BasePersonCardSection
      */
-    clearState(): void;
+    protected clearState(): void;
     /**
      * Invoked on each update to perform rendering tasks. This method must return
      * a lit-html TemplateResult. Setting properties inside this method will *not*

public/@microsoft/mgt-components/components/CacheResponse.d.ts

@@ -0,0 +1,17 @@
+/**
+ * -------------------------------------------------------------------------------------------
+ * Copyright (c) Microsoft Corporation.  All Rights Reserved.  Licensed under the MIT License.
+ * See License in the project root for license information.
+ * -------------------------------------------------------------------------------------------
+ */
+import { CacheItem } from '@microsoft/mgt-element';
+/**
+ * Object to be stored in cache representing a generic query
+ */
+export interface CacheResponse extends CacheItem {
+    /**
+     * json representing a response as string
+     */
+    response?: string;
+}
+//# sourceMappingURL=CacheResponse.d.ts.map

public/@microsoft/mgt-components/components/mgt-person-card/sections/base-person-card-section-css.d.ts → public/@microsoft/mgt-components/components/base-person-card-section-css.d.ts

@@ -1,6 +1,7 @@
+import { CSSResult } from 'lit';
 /**
  * exports lit-element css
  * @export styles
  */
-export declare const styles: import("lit-element").CSSResult[];
+export declare const styles: CSSResult[];
 //# sourceMappingURL=base-person-card-section-css.d.ts.map

public/@microsoft/mgt-components/components/components.d.ts

@@ -7,25 +7,42 @@
 import './mgt-agenda/mgt-agenda';
 import './mgt-file/mgt-file';
 import './mgt-file-list/mgt-file-list';
+import './mgt-picker/mgt-picker';
+import './mgt-taxonomy-picker/mgt-taxonomy-picker';
 import './mgt-get/mgt-get';
 import './mgt-login/mgt-login';
 import './mgt-people-picker/mgt-people-picker';
 import './mgt-people/mgt-people';
 import './mgt-person-card/mgt-person-card';
 import './mgt-person/mgt-person';
+import './mgt-person/mgt-person-types';
 import './mgt-tasks/mgt-tasks';
 import './mgt-teams-channel-picker/mgt-teams-channel-picker';
 import './mgt-todo/mgt-todo';
+import './mgt-contact/mgt-contact';
+import './mgt-messages/mgt-messages';
+import './mgt-organization/mgt-organization';
+import './mgt-profile/mgt-profile';
+import './mgt-theme-toggle/mgt-theme-toggle';
 export * from './mgt-agenda/mgt-agenda';
 export * from './mgt-file/mgt-file';
 export * from './mgt-file-list/mgt-file-list';
+export * from './mgt-picker/mgt-picker';
+export * from './mgt-taxonomy-picker/mgt-taxonomy-picker';
 export * from './mgt-get/mgt-get';
 export * from './mgt-login/mgt-login';
 export * from './mgt-people-picker/mgt-people-picker';
 export * from './mgt-people/mgt-people';
 export * from './mgt-person-card/mgt-person-card';
 export * from './mgt-person/mgt-person';
+export * from './mgt-person/mgt-person-types';
 export * from './mgt-tasks/mgt-tasks';
 export * from './mgt-teams-channel-picker/mgt-teams-channel-picker';
 export * from './mgt-todo/mgt-todo';
+export * from './mgt-contact/mgt-contact';
+export * from './mgt-contact/mgt-contact';
+export * from './mgt-messages/mgt-messages';
+export * from './mgt-organization/mgt-organization';
+export * from './mgt-profile/mgt-profile';
+export * from './mgt-theme-toggle/mgt-theme-toggle';
 //# sourceMappingURL=components.d.ts.map

public/@microsoft/mgt-components/components/mgt-agenda/mgt-agenda-css.d.ts

@@ -1,6 +1,7 @@
+import { CSSResult } from 'lit';
 /**
  * exports lit-element css
  * @export styles
  */
-export declare const styles: import("lit-element").CSSResult[];
+export declare const styles: CSSResult[];
 //# sourceMappingURL=mgt-agenda-css.d.ts.map