Bump dependencies

Author: guillaumebriday

CHANGELOG.md

@@ -6,6 +6,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Chore
+
+- Bump dependencies.
+
 ## [5.2.0] - 2022-12-23
 
 ### Added

index.html

@@ -44,7 +44,14 @@
             <rect width="404" height="784" fill="url(#f210dbf6-a58d-4871-961e-36d5016a0f49)" />
           </svg>
           <svg
-            class="absolute left-full transform -translate-y-3/4 -translate-x-1/4 md:-translate-y-1/2 lg:-translate-x-1/2"
+            class="
+              absolute
+              left-full
+              transform
+              -translate-y-3/4 -translate-x-1/4
+              md:-translate-y-1/2
+              lg:-translate-x-1/2
+            "
             width="404"
             height="784"
             fill="none"
@@ -72,7 +79,9 @@
           <div class="text-center">
             <h1 class="text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl">
               <span class="block xl:inline">Stimulus</span>
-              <span class="block bg-gradient-to-r from-yellow-500 to-orange-500 xl:inline bg-clip-text text-transparent">Checkbox Select All</span>
+              <span class="block bg-gradient-to-r from-yellow-500 to-orange-500 xl:inline bg-clip-text text-transparent"
+                >Checkbox Select All</span
+              >
             </h1>
 
             <p class="mt-3 max-w-md mx-auto text-base text-gray-500 sm:text-lg md:mt-5 md:text-xl md:max-w-3xl">
@@ -103,15 +112,46 @@ <h1 class="text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:t
               <div class="rounded-md shadow">
                 <a
                   href="https://www.stimulus-components.com/docs/stimulus-checkbox-select-all"
-                  class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-gradient-to-r from-yellow-500 to-orange-500 md:py-4 md:text-lg md:px-10"
+                  class="
+                    w-full
+                    flex
+                    items-center
+                    justify-center
+                    px-8
+                    py-3
+                    border border-transparent
+                    text-base
+                    font-medium
+                    rounded-md
+                    text-white
+                    bg-gradient-to-r
+                    from-yellow-500
+                    to-orange-500
+                    md:py-4 md:text-lg md:px-10
+                  "
                 >
                   Documentation &rarr;
                 </a>
               </div>
               <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3">
                 <a
                   href="https://github.com/stimulus-components/stimulus-checkbox-select-all"
-                  class="w-full flex items-center justify-center gap-1 px-8 py-3 border border-transparent text-base font-medium rounded-md bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10"
+                  class="
+                    w-full
+                    flex
+                    items-center
+                    justify-center
+                    gap-1
+                    px-8
+                    py-3
+                    border border-transparent
+                    text-base
+                    font-medium
+                    rounded-md
+                    bg-white
+                    hover:bg-gray-50
+                    md:py-4 md:text-lg md:px-10
+                  "
                 >
                   <svg fill="currentColor" viewBox="0 0 24 24" aria-hidden="true" class="h-6 w-6">
                     <path

package.json

@@ -30,24 +30,25 @@
     "np": "np --no-2fa"
   },
   "devDependencies": {
-    "@babel/core": "7.20.7",
+    "@babel/core": "7.23.6",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-syntax-class-properties": "^7.12.13",
     "@babel/polyfill": "^7.12.1",
-    "@babel/preset-env": "7.20.2",
-    "@babel/preset-typescript": "^7.18.6",
-    "@hotwired/stimulus": "^3.2.1",
-    "@types/jest": "^29.2.4",
-    "autoprefixer": "^10.4.13",
-    "babel-jest": "^29.3.1",
-    "jest": "^29.3.1",
-    "jest-environment-jsdom": "^29.3.1",
+    "@babel/preset-env": "7.23.6",
+    "@babel/preset-typescript": "^7.23.3",
+    "@hotwired/stimulus": "^3.2.2",
+    "@types/jest": "^29.5.11",
+    "autoprefixer": "^10.4.16",
+    "babel-jest": "^29.7.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "mutationobserver-shim": "^0.3.7",
-    "np": "^7.6.2",
-    "postcss": "^8.4.20",
+    "np": "^9.2.0",
+    "postcss": "^8.4.32",
     "prettier-standard": "16.4.1",
-    "tailwindcss": "^3.2.4",
-    "typescript": "^4.9.4",
-    "vite": "^4.0.3"
+    "tailwindcss": "^3.4.0",
+    "typescript": "^5.3.3",
+    "vite": "^5.0.10"
   },
   "peerDependencies": {
     "@hotwired/stimulus": "^3.2.1"
@@ -56,5 +57,8 @@
     "setupFiles": [
       "<rootDir>/jest/jest-setup.ts"
     ]
+  },
+  "resolutions": {
+    "prettierx": "~0.19.0"
   }
 }

src/index.ts

@@ -39,7 +39,7 @@ export default class extends Controller {
   toggle (e: Event): void {
     e.preventDefault()
 
-    this.checkboxTargets.forEach(checkbox => {
+    this.checkboxTargets.forEach((checkbox) => {
       // @ts-ignore
       checkbox.checked = e.target.checked
       this.triggerInputEvent(checkbox)
@@ -61,10 +61,10 @@ export default class extends Controller {
   }
 
   get checked (): HTMLInputElement[] {
-    return this.checkboxTargets.filter(checkbox => checkbox.checked)
+    return this.checkboxTargets.filter((checkbox) => checkbox.checked)
   }
 
   get unchecked (): HTMLInputElement[] {
-    return this.checkboxTargets.filter(checkbox => !checkbox.checked)
+    return this.checkboxTargets.filter((checkbox) => !checkbox.checked)
   }
 }