chore: update Node.js version to 22.x and pnpm version to 10.15.1 across workflows; improve caching strategy

Author: gcodeprabhu

.github/workflows/build.yml

@@ -12,27 +12,20 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [20.x]
+        node-version: [22.x]
 
     steps:
-      - uses: pnpm/action-setup@v4.1.0
+      - uses: pnpm/action-setup@v4
         with:
-          version: latest
+          version: 10.15.1
 
       - uses: actions/checkout@v4
 
-      - name: Cache PNPM dependencies
-        uses: actions/cache@v4
-        with:
-          path: ~/.pnpm-store
-          key: ${{ runner.os }}-pnpm-${{ hashFiles('pnpm-lock.yaml') }}
-          restore-keys: |
-            ${{ runner.os }}-pnpm-
-
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
+          cache: 'pnpm'
 
       - name: Install Dependencies
         run: pnpm install

.github/workflows/ci.yml

@@ -13,12 +13,12 @@ jobs:
       - uses: actions/checkout@v4
       - uses: pnpm/action-setup@v4
         with:
-          version: 9
+          version: 10.15.1
       - uses: actions/setup-node@v4
         with:
           node-version: 22
           cache: 'pnpm'
-      - run: pnpm install --frozen-lockfile
+      - run: pnpm install
       - run: pnpm test -- --run
         env:
           CI: true

.github/workflows/coveralls.yml

@@ -10,23 +10,21 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout code
-        uses: actions/checkout@v2.4.2
+        uses: actions/checkout@v4
 
-      - name: Cache PNPM dependencies
-        uses: actions/cache@v4
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
         with:
-          path: ~/.pnpm-store
-          key: ${{ runner.os }}-pnpm-${{ hashFiles('pnpm-lock.yaml') }}
-          restore-keys: |
-            ${{ runner.os }}-pnpm-
+          node-version: 22
+          cache: 'pnpm'
 
       - name: Set up pnpm
         uses: pnpm/action-setup@v4
         with:
-          version: latest
+          version: 10.15.1
 
       - name: Install dependencies
-        run: pnpm install
+        run: pnpm install --frozen-lockfile
 
       - name: Run tests
         run: pnpm test

.github/workflows/playwright.yml

@@ -18,31 +18,19 @@ jobs:
     steps:
     - uses: actions/checkout@v4
 
-    - uses: pnpm/action-setup@v4.1.0
+    - uses: pnpm/action-setup@v4
       with:
-        version: latest
+        version: 10.15.1
 
     - uses: actions/setup-node@v4
       with:
-        node-version: 20
+        node-version: 22
         cache: 'pnpm'
 
-    - name: Get pnpm store directory
-      id: pnpm-cache
-      shell: bash
-      run: |
-        echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT
-
-    - uses: actions/cache@v3
-      name: Setup pnpm cache
-      with:
-        path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
-        key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
-        restore-keys: |
-          ${{ runner.os }}-pnpm-store-
+    # Cache is handled by setup-node with cache: 'pnpm'
 
     - name: Install dependencies
-      run: pnpm install
+      run: pnpm install --frozen-lockfile
 
     - name: Install Playwright Browsers
       run: pnpm exec playwright install --with-deps ${{ matrix.browser }}
@@ -68,17 +56,17 @@ jobs:
     steps:
     - uses: actions/checkout@v4
 
-    - uses: pnpm/action-setup@v2
+    - uses: pnpm/action-setup@v4
       with:
-        version: 8
+        version: 10.15.1
 
     - uses: actions/setup-node@v4
       with:
-        node-version: 20
+        node-version: 22
         cache: 'pnpm'
 
     - name: Install dependencies
-      run: pnpm install
+      run: pnpm install --frozen-lockfile
 
     - name: Install Playwright
       run: pnpm exec playwright install --with-deps chromium

.github/workflows/release.yml

@@ -12,7 +12,7 @@ jobs:
       - uses: actions/checkout@v4
       - uses: pnpm/action-setup@v4
         with:
-          version: 9
+          version: 10.15.1
       - uses: actions/setup-node@v4
         with:
           node-version: 22

.github/workflows/size-limit.yml

@@ -11,10 +11,10 @@ jobs:
       - uses: actions/checkout@v4
       - uses: pnpm/action-setup@v4
         with:
-          version: 9
+          version: 10.15.1
       - uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 22
           cache: 'pnpm'
       - run: pnpm install --frozen-lockfile
       - run: pnpm size-limit

.github/workflows/snyk.yaml

@@ -18,18 +18,16 @@ jobs:
       - name: Setup PNPM
         uses: pnpm/action-setup@v4
         with:
-          version: latest
+          version: 10.15.1
 
-      - name: Cache PNPM dependencies
-        uses: actions/cache@v4
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
         with:
-          path: ~/.pnpm-store
-          key: ${{ runner.os }}-pnpm-${{ hashFiles('pnpm-lock.yaml') }}
-          restore-keys: |
-            ${{ runner.os }}-pnpm-
+          node-version: 22
+          cache: 'pnpm'
 
       - name: Install dependencies
-        run: pnpm install
+        run: pnpm install --frozen-lockfile
 
       - name: Cache Snyk cache folder
         uses: actions/cache@v4

package.json

@@ -2,6 +2,7 @@
   "name": "react-chrono",
   "version": "2.9.1",
   "license": "MIT",
+  "packageManager": "pnpm@10.15.1",
   "description": "A Modern Timeline component for React",
   "keywords": [
     "timeline",

pnpm-lock.yaml

@@ -155,6 +155,7 @@ const PopOver: FunctionComponent<PopOverModel> = ({
           aria-haspopup="dialog"
           aria-label={placeholder || 'Open menu'}
         >
+          {placeholder && <span className={selecterLabel}>{placeholder}</span>}
           <span
             className={[selecterIcon, state.open ? selecterIconOpen : ''].join(
               ' ',