Merge pull request #1593 from pnp/pnp-js-v3

Pnp js v3

package.json

@@ -41,7 +41,7 @@
     "@microsoft/sp-property-pane": "1.17.3",
     "@microsoft/sp-webpart-base": "1.17.3",
     "@monaco-editor/loader": "^1.3.1",
-    "@pnp/sp": "2.5.0",
+    "@pnp/sp": "^3.16.0",
     "@pnp/telemetry-js": "2.0.0",
     "@popperjs/core": "2.5.4",
     "@uifabric/icons": "7.9.5",

src/common/Interfaces.ts

@@ -1,4 +1,5 @@
 import { SPHttpClient } from '@microsoft/sp-http';
+import { BaseComponentContext } from '@microsoft/sp-component-base';
 import { PageContext, SPField } from '@microsoft/sp-page-context';
 import { ListViewAccessor } from "@microsoft/sp-listview-extensibility";
 import { ISPField } from './SPEntities';
@@ -26,7 +27,7 @@ export interface IFields {
  * Parent of all props interfaces that needs context
  */
 export interface IProps {
-    context: IContext;
+    context: BaseComponentContext;
 }
 
 export interface IHubSiteData {

src/common/telemetry/version.ts

@@ -1 +1 @@
-export const version: string = "4.0.0";
+export const version: string = "4.0.0";

src/common/utilities/FieldRendererHelper.ts

@@ -2,11 +2,10 @@ import * as React from 'react';
 import { ISPFieldLookupValue, ITerm, IPrincipal } from '../SPEntities';
 import { FieldTextRenderer } from '../../controls/fields/fieldTextRenderer/FieldTextRenderer';
 import { FieldDateRenderer } from '../../controls/fields/fieldDateRenderer/FieldDateRenderer';
-import { ListItemAccessor } from '@microsoft/sp-listview-extensibility';
+import { FieldCustomizerContext, ListItemAccessor } from '@microsoft/sp-listview-extensibility';
 import { SPHelper } from './SPHelper';
 import { FieldTitleRenderer } from '../../controls/fields/fieldTitleRenderer/FieldTitleRenderer';
 import { SPField } from '@microsoft/sp-page-context';
-import { IContext } from '../Interfaces';
 import { GeneralHelper } from './GeneralHelper';
 import { FieldLookupRenderer } from '../../controls/fields/fieldLookupRenderer/FieldLookupRenderer';
 import { FieldUrlRenderer } from '../../controls/fields/fieldUrlRenderer/FieldUrlRenderer';
@@ -29,7 +28,7 @@ export class FieldRendererHelper {
    * @param listItem Current list item
    * @param context Customizer context
    */
-  public static getFieldRenderer(fieldValue: any, props: IFieldRendererProps, listItem: ListItemAccessor, context: IContext): Promise<JSX.Element> { // eslint-disable-line @typescript-eslint/no-explicit-any
+  public static getFieldRenderer(fieldValue: any, props: IFieldRendererProps, listItem: ListItemAccessor, context: FieldCustomizerContext): Promise<JSX.Element> { // eslint-disable-line @typescript-eslint/no-explicit-any
     return new Promise<JSX.Element>(resolve => {
       const field: SPField = context.field;
       const listId: string = context.pageContext.list.id.toString();

src/common/utilities/PnPJSConfig.ts

@@ -0,0 +1,18 @@
+import { BaseComponentContext } from "@microsoft/sp-component-base";
+
+// import pnp
+import { ISPFXContext, spfi, SPFI, SPFx } from "@pnp/sp";
+import "@pnp/sp/webs";
+import "@pnp/sp/lists";
+import "@pnp/sp/items";
+import "@pnp/sp/batching";
+
+// eslint-disable-next-line no-var
+let _sp: SPFI = null;
+
+export const getSP = (context?: BaseComponentContext | ISPFXContext, webAbsoluteUrl?: string): SPFI => {
+  if (!!context) {
+    _sp = spfi(webAbsoluteUrl).using(SPFx(context));
+  }
+  return _sp;
+};