Merge branch 'main' into react-star-ratings

Author: hugoabernier

.metadata/extension-samples.json

@@ -6916,7 +6916,7 @@
       "This sample shows site mega menu. Application customizer is used along with SharePoint List to store the menu items."
     ],
     "creationDateTime": "2018-12-10",
-    "updateDateTime": "2018-12-10",
+    "updateDateTime": "2024-10-31",
     "products": [
       "SharePoint"
     ],
@@ -6927,7 +6927,7 @@
       },
       {
         "key": "SPFX-VERSION",
-        "value": "1.7.0"
+        "value": "1.20.0"
       }
     ],
     "tags": [],

.metadata/samples.json

@@ -0,0 +1 @@
+v18.18.2

samples/angularelements-helloworld/package-lock.json

@@ -61,6 +61,7 @@ email | Text | true
 * [João Mendes](https://github.com/joaojmendes)
 * [Sajal Maity](https://github.com/smaity)
 * [Valeras Narbutas](https://github.com/ValerasNarbutas)
+* [Gretchun Kim](https://github.com/gretchunkim)
 
 ## Version history
 
@@ -72,6 +73,7 @@ Version|Date|Comments
 3.0.0|April 7, 2022 | Upgraded to SPFx 1.14.0
 4.0.0|March 6, 2023 | Upgraded to SPFx 1.16.1
 5.0.0|October 2, 2024 | Upgraded to SPFx 1.20.0
+5.1.0|January 13,2025 | Edited SPService to ensure current year is used to pull upcoming birthdays
 
 ## Minimal Path to Awesome
 

samples/js-applicationinsights-api-calls-tracking/package-lock.json

@@ -9,7 +9,7 @@
       "The Web Part Birthdays shows the upcoming birthdays in the company, the web part reads birthdays from a list located on the tenant\u0027s root site with title \u0022Birthdays.\u0022"
     ],
     "creationDateTime": "2019-07-23",
-    "updateDateTime": "2024-10-02",
+    "updateDateTime": "2025-01-13",
     "products": [
       "SharePoint"
     ],
@@ -35,187 +35,13 @@
       {
         "type": "image",
         "order": 100,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-birthdays/assets/birthdays.gif",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 101,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/ballonsBackgroud.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 102,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/baloons.png?raw=true",
+        "url": "https://raw.githubusercontent.com/pnp/sp-dev-fx-webparts/main/samples/react-birthdays/assets/birthdays.gif",
         "alt": "Birthdays Web Part"
       },
       {
         "type": "image",
         "order": 103,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/birthdays.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 104,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/birthdays2.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 105,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 106,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof1.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 107,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof10.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 108,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof11.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 109,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof12.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 110,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof14.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 111,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof14_1.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 112,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof17.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 113,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof18.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 114,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof181.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 115,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof19.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 116,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof2.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 117,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof20.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 118,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof21.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 119,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof22.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 120,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof24.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 121,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof28.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 122,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof29.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 123,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof3.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 124,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof30.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 125,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof4.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 126,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof5.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 127,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof6.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 128,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof7.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 129,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof8.png?raw=true",
-        "alt": "Birthdays Web Part"
-      },
-      {
-        "type": "image",
-        "order": 130,
-        "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof9.png?raw=true",
+        "url": "https://raw.githubusercontent.com/pnp/sp-dev-fx-webparts/refs/heads/main/samples/react-birthdays/assets/birthdays.png",
         "alt": "Birthdays Web Part"
       }
     ],
@@ -239,6 +65,11 @@
         "company": "JP Morgan Chase",
         "pictureUrl": "https://github.com/smaity.png",
         "name": "Sajal Maity"
+      },
+      {
+        "gitHubAccount": "gretchunkim",
+        "pictureUrl": "https://github.com/gretchunkim.png",
+        "name": "Azores"
       }
     ],
     "references": [

samples/react-appinsights-dashboard/pnpm-lock.yaml

@@ -82,7 +82,7 @@ export class HappyBirthdayCard extends React.Component<IHappyBirthdayCardProps,
           <div className={styles.documentCard}>
             <Image
               imageFit={ImageFit.cover}
-              // @ts-ignore: Object is possibly 'null'.
+              // @ts-expect-error: Object is possibly 'null'.
               src={imageTemplate[this.props.imageTemplate]?.imageUrl}
               width={IMG_WIDTH}
               height={IMG_HEIGTH}
@@ -108,6 +108,7 @@ export class HappyBirthdayCard extends React.Component<IHappyBirthdayCardProps,
                 actions={[
                   {
                     iconProps: { iconName: 'Mail' },
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     onClick: (ev: any) => {
                       ev.preventDefault();
                       ev.stopPropagation();

samples/react-birthdays/.nvmrc

@@ -1,9 +1,9 @@
 export interface IHappyBirthdayCardProps {
-  userName?:string | undefined;
-  jobDescription?: string;
+  userName: string;
+  jobDescription: string;
   birthday: string;
-  anniversary: boolean;
-  userEmail:string;
+  anniversary?: boolean;
   congratulationsMsg?: string;
-  imageTemplate:string;
-}
+  userEmail: string;
+  imageTemplate: number; // Change this to a number to represent the index of the imageTemplate array
+}

samples/react-birthdays/README.md

@@ -12,23 +12,21 @@ export class HappyBirthday extends React.Component<IHappyBirthdayProps, IHappbir
     return (
       <div className={styles.happyBirthday}>
         {
-          this.props.users.map((user: IUser) => {
-            return (
-              <div className={styles.container}>
-                <HappyBirthdayCard userName={user.userName}
-                  jobDescription={user.jobDescription}
-                  birthday={moment(user.birthday, ["MM-DD-YYYY", "YYYY-MM-DD", "DD/MM/YYYY", "MM/DD/YYYY"]).format('Do MMMM')}
-                  anniversary={user.anniversary}
-                  congratulationsMsg={user.message}
-                  userEmail={user.userEmail}
-                  imageTemplate={this.props.imageTemplate}
-                />
-              </div>
-            );
-          })
+          this.props.users.map((user: IUser, index: number) => (
+            <div className={styles.container} key={user.key || index}>
+              <HappyBirthdayCard
+                userName={user.userName}
+                jobDescription={user.jobDescription || "No Job Description"}
+                birthday={moment(user.birthday).format('Do MMMM')}
+                anniversary={!!user.anniversary}
+                congratulationsMsg={user.message}
+                userEmail={user.userEmail}
+                imageTemplate={Number(this.props.imageTemplate)} // Ensure this is a number
+              />
+            </div>
+          ))
         }
       </div>
     );
   }
 }
-export default HappyBirthday;

samples/react-birthdays/assets/sample.json

@@ -1,9 +1,9 @@
 export interface IUser {
-  key: string;
-  userName:string;
-  jobDescription?: string;
-  birthday: string;
-  userEmail: string;
-  message: string;
-  anniversary: boolean;
+  key: string; // Unique key
+  userName: string; // Name of the user
+  message: string; // Birthday message
+  anniversary: boolean; // Anniversary flag
+  userEmail: string; // User's email address
+  jobDescription: string; // Job title
+  birthday: string; // ISO string of the birthday date
 }