Merge branch 'stevebeauge-features/upgrade-to-spfx-1.15' into dev

Author: AJIXuMuK

.eslintrc.js

@@ -42,4 +42,6 @@ docs/documentation/site
 
 # release
 release
-*.scss.d.ts
+*.scss.d.ts
+
+.heft

.github/fabricbot.json

@@ -1,6 +1,6 @@
 {
   "@microsoft/generator-sharepoint": {
-    "version": "1.14.0",
+    "version": "1.15.2",
     "libraryName": "sp-dev-fx-controls-react",
     "libraryId": "92b1e52c-a5fa-490a-bcf4-76080f39442c",
     "environment": "spo",

.gitignore

@@ -24,16 +24,16 @@
     "@fluentui/react-northstar": "0.51.3",
     "@fluentui/react-theme-provider": "^0.18.5",
     "@fluentui/scheme-utilities": "^8.2.12",
-    "@fluentui/theme": "^2.4.7",
+    "@fluentui/theme": "^2.6.6",
     "@microsoft/mgt-react": "2.3.0",
     "@microsoft/mgt-spfx": "2.3.0",
-    "@microsoft/sp-core-library": "1.14.0",
-    "@microsoft/sp-listview-extensibility": "1.14.0",
-    "@microsoft/sp-loader": "1.14.0",
-    "@microsoft/sp-lodash-subset": "1.14.0",
-    "@microsoft/sp-office-ui-fabric-core": "1.14.0",
-    "@microsoft/sp-property-pane": "1.14.0",
-    "@microsoft/sp-webpart-base": "1.14.0",
+    "@microsoft/sp-core-library": "1.15.2",
+    "@microsoft/sp-listview-extensibility": "1.15.2",
+    "@microsoft/sp-loader": "1.15.2",
+    "@microsoft/sp-lodash-subset": "1.15.2",
+    "@microsoft/sp-office-ui-fabric-core": "1.15.2",
+    "@microsoft/sp-property-pane": "1.15.2",
+    "@microsoft/sp-webpart-base": "1.15.2",
     "@monaco-editor/loader": "^1.3.1",
     "@pnp/sp": "2.5.0",
     "@pnp/telemetry-js": "2.0.0",
@@ -53,7 +53,7 @@
     "moment": "2.29.4",
     "monaco-editor": "^0.32.1",
     "nano-css": "^5.3.4",
-    "office-ui-fabric-react": "7.174.1",
+    "office-ui-fabric-react": "7.185.7",
     "react": "16.13.1",
     "react-accessible-accordion": "^3.3.3",
     "react-dom": "16.13.1",
@@ -63,11 +63,13 @@
     "spfx-uifabric-themes": "^0.9.0"
   },
   "devDependencies": {
+    "@microsoft/eslint-config-spfx": "1.15.2",
+    "@microsoft/eslint-plugin-spfx": "1.15.2",
     "@microsoft/microsoft-graph-types": "^2.1.0",
-    "@microsoft/rush-stack-compiler-3.9": "0.4.47",
-    "@microsoft/sp-build-web": "1.14.0",
-    "@microsoft/sp-module-interfaces": "1.14.0",
-    "@microsoft/sp-tslint-rules": "1.14.0",
+    "@microsoft/rush-stack-compiler-4.5": "0.2.2",
+    "@microsoft/sp-build-web": "1.15.2",
+    "@microsoft/sp-module-interfaces": "1.15.2",
+    "@rushstack/eslint-config": "2.5.1",
     "@types/chart.js": "2.7.40",
     "@types/enzyme": "^2.8.12",
     "@types/es6-promise": "0.0.33",
@@ -81,13 +83,14 @@
     "@types/react-dom": "16.9.8",
     "@types/react-mentions": "^4.1.3",
     "@types/sinon": "2.3.4",
-    "@types/webpack-env": "1.13.1",
-    "ajv": "~5.2.2",
+    "@types/webpack-env": "1.15.2",
+    "ajv": "6.12.5",
     "amd-loader": "0.0.8",
     "chai": "^4.3.4",
     "codecov": "3.8.3",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.6",
+    "eslint-plugin-react-hooks": "4.3.0",
     "gulp": "4.0.2",
     "husky": "^6.0.0",
     "identity-obj-proxy": "^3.0.0",
@@ -98,9 +101,9 @@
     "react-addons-test-utils": "15.6.0",
     "request-promise": "4.2.5",
     "sonarqube-scanner": "2.1.2",
-    "spfx-fast-serve-helpers": "~1.14.0",
+    "spfx-fast-serve-helpers": "~1.15.3",
     "ts-jest": "^25.5.1",
-    "tslib": "2.0.0",
+    "tslib": "2.3.1",
     "tslint-microsoft-contrib": "6.2.0",
     "webpack-bundle-analyzer": "^4.1.0"
   },

.yo-rc.json

@@ -10,8 +10,8 @@ import { ISPField } from './SPEntities';
 export interface IContext {
     spHttpClient: SPHttpClient;
     pageContext: PageContext;
-    listView?: ListViewAccessor | null;
-    field?: SPField | null;
+    listView?: ListViewAccessor | undefined;
+    field?: SPField | undefined;
 }
 
 /**
@@ -26,4 +26,4 @@ export interface IFields {
  */
 export interface IProps {
     context: IContext;
-}
+}

package-lock.json

@@ -155,7 +155,7 @@ export interface ICultureDateTimeFormat {
     TimeSeparator: string;
     UniversalSortableDateTimePattern: string;
     YearMonthPattern: string;
-    eras: any[];
+    eras: any[]; // eslint-disable-line @typescript-eslint/no-explicit-any
 }
 
 /**

package.json

@@ -1,37 +1,45 @@
 import { SPHttpClient } from '@microsoft/sp-http';
 
 export class ListItemRepository {
-    constructor(protected SiteUrl: string, protected SPClient: SPHttpClient) {
+  constructor(protected SiteUrl: string, protected SPClient: SPHttpClient) {
 
-    }
-    /**
-     *
-     * @param filterText text value of the filter part of oData query 'Id eq 1'
-     * @param listId
-     * @param internalColumnName
-     * @param keyInternalColumnName
-     * @param webUrl
-     * @param top
-     * @param orderBy text value of the filter part of oData query 'Title desc, Created'
-     */
-    public async getListItemsByFilterClause(filterText: string, listId: string, internalColumnName: string, keyInternalColumnName?: string, webUrl?: string, top?: number, orderBy?: string): Promise<any[]> {
-        try {
-            const webAbsoluteUrl = !webUrl ? this.SiteUrl : webUrl;
-            let apiUrl = `${webAbsoluteUrl}/_api/web/lists('${listId}')/items?$select=${keyInternalColumnName || 'Id'},${internalColumnName}&$filter=${filterText}&$top=${top}`;
-            if (orderBy) {
-              apiUrl += `&$orderBy=${orderBy}`;
-            }
-            const data = await this.SPClient.get(apiUrl, SPHttpClient.configurations.v1);
-            if (data.ok) {
-                const results = await data.json();
-                if (results && results.value && results.value.length > 0) {
-                    return results.value;
-                }
-            }
-
-            return [];
-        } catch (error) {
-            return Promise.reject(error);
+  }
+  /**
+   *
+   * @param filterText text value of the filter part of oData query 'Id eq 1'
+   * @param listId
+   * @param internalColumnName
+   * @param keyInternalColumnName
+   * @param webUrl
+   * @param top
+   * @param orderBy text value of the filter part of oData query 'Title desc, Created'
+   */
+  public async getListItemsByFilterClause(
+    filterText: string,
+    listId: string,
+    internalColumnName: string,
+    keyInternalColumnName?: string,
+    webUrl?: string,
+    top?: number,
+    orderBy?: string
+  ): Promise<any[]> { // eslint-disable-line @typescript-eslint/no-explicit-any
+    try {
+      const webAbsoluteUrl = !webUrl ? this.SiteUrl : webUrl;
+      let apiUrl = `${webAbsoluteUrl}/_api/web/lists('${listId}')/items?$select=${keyInternalColumnName || 'Id'},${internalColumnName}&$filter=${filterText}&$top=${top}`;
+      if (orderBy) {
+        apiUrl += `&$orderBy=${orderBy}`;
+      }
+      const data = await this.SPClient.get(apiUrl, SPHttpClient.configurations.v1);
+      if (data.ok) {
+        const results = await data.json();
+        if (results && results.value && results.value.length > 0) {
+          return results.value;
         }
+      }
+
+      return [];
+    } catch (error) {
+      return Promise.reject(error);
     }
+  }
 }

src/common/Interfaces.ts

@@ -11,7 +11,9 @@ declare global {
     }
 }
 
-declare var window: any;
+declare const window: any; // eslint-disable-line @typescript-eslint/no-explicit-any
+
+/* eslint-disable no-extend-native */
 
 /**
  * Parses number in invariant culture
@@ -60,7 +62,7 @@ String.prototype._parseNumber = function (culture: ICultureInfo): number {
     }
     let intPart: string;
     let fractionalPart: string;
-    let decimalSeparatorIdx: number = base.indexOf(numberFormat.NumberDecimalSeparator);
+    const decimalSeparatorIdx: number = base.indexOf(numberFormat.NumberDecimalSeparator);
     if (decimalSeparatorIdx < 0) {
         intPart = base;
         fractionalPart = null;
@@ -70,11 +72,11 @@ String.prototype._parseNumber = function (culture: ICultureInfo): number {
         fractionalPart = base.substr(decimalSeparatorIdx + numberFormat.NumberDecimalSeparator.length);
     }
     intPart = intPart.split(numberFormat.NumberGroupSeparator).join('');
-    var n = numberFormat.NumberGroupSeparator.replace(/\u00A0/g, ' ');
+    const n = numberFormat.NumberGroupSeparator.replace(/\u00A0/g, ' ');
     if (numberFormat.NumberGroupSeparator !== n) {
         intPart = intPart.split(n).join('');
     }
-    var result: string = symbol + intPart;
+    let result: string = symbol + intPart;
     if (fractionalPart !== null) {
         result += '.' + fractionalPart;
     }
@@ -128,3 +130,5 @@ String.prototype._parseNumberNegativePattern = function (numberFormat: ICultureN
     }
     return ['', this];
 };
+
+/* eslint-enable no-extend-native */