wip

Author: AJIXuMuK

.claude/settings.json

@@ -0,0 +1,20 @@
+{
+  "permissions": {
+    "allow": [
+      "Read(//Users/alexterentiev/Work/community/sp-dev-fx-controls-react/**)",
+      "Bash(node -e \"console.log\\(require\\(''/Users/alexterentiev/Work/community/sp-dev-fx-controls-react/node_modules/markdown-it/package.json''\\).version\\)\")",
+      "Bash(npm info @types/markdown-it versions --json)",
+      "Bash(node -e \"const v=JSON.parse\\(require\\(''fs''\\).readFileSync\\(''/dev/stdin'',''utf8''\\)\\); console.log\\(v.filter\\(x=>x.startsWith\\(''14.''\\)\\).join\\(''\\\\n''\\)\\)\")",
+      "Bash(npm install --save-dev --save-exact @types/markdown-it@14.1.1)",
+      "Bash(node -e \"console.log\\(require\\(''/Users/alexterentiev/Work/community/sp-dev-fx-controls-react/node_modules/uuid/package.json''\\).version\\)\")",
+      "Bash(node -e \"console.log\\(require\\(''/Users/alexterentiev/Work/community/sp-dev-fx-controls-react/node_modules/color/package.json''\\).version\\)\")",
+      "Bash(npm info @types/uuid versions --json)",
+      "Bash(node -e \"const v=JSON.parse\\(require\\(''fs''\\).readFileSync\\(''/dev/stdin'',''utf8''\\)\\); const matching=v.filter\\(x=>x.startsWith\\(''8.''\\)\\); console.log\\(matching[matching.length-1]\\)\")",
+      "Bash(npm info @types/color versions --json)",
+      "Bash(node -e \"const v=JSON.parse\\(require\\(''fs''\\).readFileSync\\(''/dev/stdin'',''utf8''\\)\\); const matching=v.filter\\(x=>x.startsWith\\(''3.''\\)\\); console.log\\(matching[matching.length-1]\\)\")",
+      "Bash(ls /Users/alexterentiev/Work/community/sp-dev-fx-controls-react/node_modules/color/*.d.ts)",
+      "Bash(node -e \"const p=require\\(''/Users/alexterentiev/Work/community/sp-dev-fx-controls-react/node_modules/color/package.json''\\); console.log\\(p.types||p.typings||''none''\\)\")",
+      "Bash(npm install --save-dev --save-exact @types/uuid@8.3.4 @types/color@3.0.6)"
+    ]
+  }
+}

package-lock.json

@@ -102,18 +102,21 @@
     "@rushstack/heft": "1.1.2",
     "@types/chai": "4.3.4",
     "@types/chart.js": "2.7.40",
+    "@types/color": "3.0.6",
     "@types/enzyme": "^2.8.12",
     "@types/es6-promise": "3.3.0",
     "@types/he": "^1.1.2",
     "@types/heft-jest": "1.0.2",
     "@types/jest": "25.2.3",
     "@types/lodash": "4.14.202",
     "@types/maplibre-gl": "^1.13.2",
+    "@types/markdown-it": "14.1.1",
     "@types/quill": "^1.3.10",
     "@types/react": "17.0.45",
     "@types/react-dom": "17.0.17",
     "@types/react-mentions": "^4.1.3",
     "@types/sinon": "10.0.13",
+    "@types/uuid": "8.3.4",
     "@types/webpack-env": "~1.15.2",
     "@types/wicg-entries-api": "^2020.8.2",
     "@typescript-eslint/parser": "8.46.2",

package.json

@@ -128,7 +128,7 @@ String.prototype._parseNumberNegativePattern = function (numberFormat: ICultureN
                 return ['-', this.substr(1, this.length - 2)];
             }
     }
-    return ['', this];
+    return ['', this] as string[];
 };
 
 /* eslint-enable no-extend-native */

src/common/extensions/String.extensions.ts

@@ -106,9 +106,10 @@ export default class CustomFormattingHelper {
             // to be evaluated:
             const styleProperties: React.CSSProperties = {};
             if (node.style) {
-                for (const styleAttribute in node.style) {
-                    if (node.style[styleAttribute]) {
-                        styleProperties[styleAttribute] = this.evaluateCustomFormatContent(node.style[styleAttribute], context) as string;
+                const nodeStyle = node.style as Record<string, string>;
+                for (const styleAttribute in nodeStyle) {
+                    if (nodeStyle[styleAttribute]) {
+                        (styleProperties as Record<string, string>)[styleAttribute] = this.evaluateCustomFormatContent(nodeStyle[styleAttribute], context) as string;
                     }
                 }
             }

src/common/utilities/CustomFormatting.ts

@@ -260,7 +260,7 @@ export class GeneralHelper {
       return result;
     }
 
-    public static formatBytes(bytes, decimals): string {
+    public static formatBytes(bytes: number, decimals: number): string {
       if (bytes === 0) {
         return strings.EmptyFileSize;
       }
@@ -303,7 +303,7 @@ export class GeneralHelper {
     /**
      * Returns extension of the file
      */
-    public static getFileExtension(fileName): string {
+    public static getFileExtension(fileName: string): string {
 
       // Split the URL on the dots
       const splitFileName = fileName.toLowerCase().split('.');
@@ -321,8 +321,8 @@ export class GeneralHelper {
       return `.${extensionValue}`;
     }
 
-    private static _getEncodedChar(c): string {
-        const o = {
+    private static _getEncodedChar(c: string): string {
+        const o: Record<string, string> = {
             "<": "&lt;",
             ">": "&gt;",
             "&": "&amp;",

src/common/utilities/GeneralHelper.ts

@@ -1,6 +1,6 @@
 export class LocalesHelper {
 
-  private static locales = {
+  private static locales: Record<number, string> = {
     1025: 'ar-SA',
     1026: 'bg-BG',
     1027: 'ca-ES',
@@ -53,7 +53,7 @@ export class LocalesHelper {
     10266: 'sr-Cyrl-RS',
   };
   public static getLocaleId(localeName: string): number {
-    const pos: number = Object.keys(this.locales).findIndex(locKey => this.locales[locKey] === localeName);
+    const pos: number = Object.keys(this.locales).findIndex(locKey => this.locales[parseInt(locKey)] === localeName);
     if (pos > -1) {
       return parseInt(Object.keys(this.locales)[pos]);
     }