@pplancq/react-template 2.10.0 → 2.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/mise.toml +2 -2
  3. package/package.json +10 -10
  4. package/src/app/assets/css/reset.css +3 -3
  5. package/src/demo/ui/components/DemoHeader/DemoHeader.module.css +2 -2
  6. package/src/demo/ui/components/DemoNavigation/DemoNavigation.module.css +2 -2
  7. package/src/demo/ui/components/Input/Input.module.scss +2 -2
  8. package/src/demo/ui/forms/ProfileForm/ProfileForm.module.scss +1 -1
  9. package/src/demo/ui/layouts/MainTemplate/MainTemplate.module.css +3 -3
  10. package/src/demo/ui/pages/DemoHome/DemoHome.module.scss +23 -23
  11. package/src/demo/ui/pages/DependencyInjectionDemo/DependencyInjectionDemo.module.scss +5 -5
  12. package/src/demo/ui/pages/ReactHookFormDemo/ReactHookFormDemo.module.scss +4 -4
  13. package/src/demo/ui/pages/ReactQueryDemo/ReactQueryDemo.module.scss +5 -5
  14. package/playwright-report/html/index.html +0 -90
  15. package/playwright-report/sonar-results.xml +0 -20
  16. package/test-results/.last-run.json +0 -4
package/CHANGELOG.md CHANGED
@@ -1,3 +1,23 @@
1
+ ## 2.10.1 (2026-08-03)
2
+
3
+ ### ♻️ Code Refactoring
4
+
5
+ - **dev-tools:** update arrow function parentheses for consistency ([0104ebf](https://github.com/pplancq/dev-tools/commit/0104ebf))
6
+ - **dev-tools:** update quotes to double quotes for consistency ([6b2d557](https://github.com/pplancq/dev-tools/commit/6b2d557))
7
+
8
+ ### 📦 Dependencies
9
+
10
+ - Updated @pplancq/commitlint-config to 4.0.4
11
+ - Updated @pplancq/stylelint-config to 6.0.0
12
+ - Updated @pplancq/prettier-config to 4.0.0
13
+ - Updated @pplancq/eslint-config to 6.0.19
14
+ - **deps:** update dependency @playwright/test to ^1.62.1 ([#1841](https://github.com/pplancq/dev-tools/pull/1841))
15
+ - **deps:** update dependency @hookform/resolvers to ^5.5.7 ([#1842](https://github.com/pplancq/dev-tools/pull/1842))
16
+
17
+ ### ❤️ Thank You
18
+
19
+ - Paul PLANCQ
20
+
1
21
  ## 2.10.0 (2026-07-28)
2
22
 
3
23
  ### 🎉 Features
package/mise.toml CHANGED
@@ -1,3 +1,3 @@
1
1
  [tools]
2
- node = "24.18.0"
3
- npm = "12.0.1"
2
+ node = "24.18.1"
3
+ npm = "12.0.2"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pplancq/react-template",
3
- "version": "2.10.0",
3
+ "version": "2.10.1",
4
4
  "license": "MIT",
5
5
  "description": "react template",
6
6
  "author": "pplancq <paul.plancq@outlook.fr>",
@@ -13,7 +13,7 @@
13
13
  "bin": {
14
14
  "template-install": "bin/template-install.js"
15
15
  },
16
- "packageManager": "npm@12.0.1",
16
+ "packageManager": "npm@12.0.2",
17
17
  "scripts": {
18
18
  "start": "rsbuild dev",
19
19
  "start:mock": "rsbuild dev --env-mode mock",
@@ -49,7 +49,7 @@
49
49
  "template"
50
50
  ],
51
51
  "dependencies": {
52
- "@hookform/resolvers": "^5.4.0",
52
+ "@hookform/resolvers": "^5.5.7",
53
53
  "@tanstack/react-query": "^5.101.4",
54
54
  "@tanstack/react-query-devtools": "^5.101.4",
55
55
  "inversify": "^8.2.3",
@@ -63,27 +63,27 @@
63
63
  "@bdellegrazie/playwright-sonar-reporter": "^0.5.2",
64
64
  "@commitlint/cli": "^21.2.1",
65
65
  "@msw/playwright": "^0.6.7",
66
- "@playwright/test": "^1.61.1",
66
+ "@playwright/test": "^1.62.1",
67
67
  "@pplancq/commitlint-config": "*",
68
68
  "@pplancq/eslint-config": "*",
69
69
  "@pplancq/prettier-config": "*",
70
70
  "@pplancq/stylelint-config": "*",
71
- "@rsbuild/core": "^2.1.8",
71
+ "@rsbuild/core": "^2.1.9",
72
72
  "@rsbuild/plugin-eslint": "^2.0.2",
73
73
  "@rsbuild/plugin-react": "^2.1.0",
74
74
  "@rsbuild/plugin-sass": "^2.0.1",
75
75
  "@testing-library/jest-dom": "^7.0.0",
76
76
  "@testing-library/react": "^16.3.2",
77
77
  "@testing-library/user-event": "^14.6.1",
78
- "@types/react": "^19.2.17",
79
- "@types/react-dom": "^19.2.3",
80
- "@vitejs/plugin-react": "^6.0.4",
78
+ "@types/react": "^19.2.18",
79
+ "@types/react-dom": "^19.2.4",
80
+ "@vitejs/plugin-react": "^6.0.5",
81
81
  "@vitest/coverage-v8": "^4.1.10",
82
- "concurrently": "^10.0.3",
82
+ "concurrently": "^10.0.4",
83
83
  "eslint": "^9.39.5",
84
84
  "eslint-plugin-prettier": "^5.5.6",
85
85
  "husky": "^9.1.7",
86
- "jsdom": "^29.1.1",
86
+ "jsdom": "^30.0.1",
87
87
  "lint-staged": "^17.2.0",
88
88
  "monocart-coverage-reports": "^2.12.12",
89
89
  "msw": "^2.15.0",
package/src/app/assets/css/reset.css CHANGED
@@ -77,15 +77,15 @@ time,
77
77
  mark,
78
78
  audio,
79
79
  video {
80
- margin: 0;
81
80
  padding: 0;
82
- border: 0;
83
- vertical-align: baseline;
81
+ margin: 0;
84
82
  font: inherit;
85
83
  font-family:
86
84
  -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans",
87
85
  "Helvetica Neue", sans-serif;
88
86
  font-size: 100%;
87
+ vertical-align: baseline;
88
+ border: 0;
89
89
  -webkit-font-smoothing: antialiased;
90
90
  -moz-osx-font-smoothing: grayscale;
91
91
  }
package/src/demo/ui/components/DemoHeader/DemoHeader.module.css CHANGED
@@ -1,7 +1,7 @@
1
1
  .container {
2
2
  display: flex;
3
- width: auto;
4
- padding: 8px;
5
3
  flex-direction: row;
6
4
  align-items: center;
5
+ width: auto;
6
+ padding: 8px;
7
7
  }
package/src/demo/ui/components/DemoNavigation/DemoNavigation.module.css CHANGED
@@ -15,8 +15,8 @@
15
15
  }
16
16
 
17
17
  .a {
18
+ color: white;
19
+ text-transform: uppercase;
18
20
  letter-spacing: 4px;
19
21
  text-decoration: none;
20
- text-transform: uppercase;
21
- color: white;
22
22
  }
package/src/demo/ui/components/Input/Input.module.scss CHANGED
@@ -6,8 +6,8 @@
6
6
  }
7
7
 
8
8
  %inputStyle {
9
- margin: 10px;
10
9
  padding: 10px;
10
+ margin: 10px;
11
11
  }
12
12
 
13
13
  .inputStyle {
@@ -21,8 +21,8 @@
21
21
  border-radius: 2px;
22
22
 
23
23
  &:focus {
24
- border: 2px solid red;
25
24
  outline: none !important;
25
+ border: 2px solid red;
26
26
  }
27
27
  }
28
28
 
package/src/demo/ui/forms/ProfileForm/ProfileForm.module.scss CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  .buttonsStyle {
6
6
  display: flex;
7
- padding-right: 8px;
8
7
  flex-direction: row;
9
8
  justify-content: space-between;
9
+ padding-right: 8px;
10
10
  }
package/src/demo/ui/layouts/MainTemplate/MainTemplate.module.css CHANGED
@@ -1,15 +1,15 @@
1
1
  .mainTemplateStyle {
2
2
  display: flex;
3
- min-height: 100%;
4
3
  flex-direction: column;
4
+ min-height: 100%;
5
5
  }
6
6
 
7
7
  .header {
8
8
  display: flex;
9
- padding: 16px;
9
+ gap: 16px;
10
10
  align-items: center;
11
11
  justify-content: space-between;
12
- gap: 16px;
12
+ padding: 16px;
13
13
  }
14
14
 
15
15
  .main {
package/src/demo/ui/pages/DemoHome/DemoHome.module.scss CHANGED
@@ -4,52 +4,52 @@
4
4
 
5
5
  .container {
6
6
  display: flex;
7
- padding-top: 32px;
8
7
  flex-direction: column;
9
8
  align-items: center;
10
9
  justify-content: center;
10
+ padding-top: 32px;
11
11
  }
12
12
 
13
13
  .bigTitleStyle {
14
14
  font-family: sans-serif;
15
15
  font-size: 40px;
16
16
  font-weight: 400;
17
- letter-spacing: 1px;
17
+ color: #00008f;
18
18
  text-align: center;
19
19
  text-transform: uppercase;
20
- color: #00008f;
20
+ letter-spacing: 1px;
21
21
 
22
22
  span {
23
23
  display: grid;
24
- margin-top: 5px;
25
- grid-template-columns: 1fr max-content 1fr;
26
24
  grid-template-rows: 27px 0;
27
- align-items: center;
25
+ grid-template-columns: 1fr max-content 1fr;
28
26
  gap: 20px;
27
+ align-items: center;
28
+ margin-top: 5px;
29
29
  font-family: Raleway, sans-serif;
30
30
  font-size: 15px;
31
31
  font-weight: 500;
32
- letter-spacing: 2px;
32
+ color: #444;
33
33
  text-transform: uppercase;
34
34
  word-spacing: 1px;
35
- color: #444;
35
+ letter-spacing: 2px;
36
36
 
37
37
  &::before {
38
38
  display: block;
39
39
  height: 5px;
40
+ content: "";
41
+ background-color: #f8f8f8;
40
42
  border-top: 1px solid #ccc;
41
43
  border-bottom: 1px solid #ccc;
42
- background-color: #f8f8f8;
43
- content: "";
44
44
  }
45
45
 
46
46
  &::after {
47
47
  display: block;
48
48
  height: 5px;
49
+ content: " ";
50
+ background-color: #f8f8f8;
49
51
  border-top: 1px solid #ccc;
50
52
  border-bottom: 1px solid #ccc;
51
- background-color: #f8f8f8;
52
- content: " ";
53
53
  }
54
54
  }
55
55
  }
@@ -69,12 +69,12 @@
69
69
 
70
70
  .titleStyle {
71
71
  position: relative;
72
- margin-left: 8px;
73
72
  padding-bottom: 10px;
73
+ margin-left: 8px;
74
74
  font-size: 20px;
75
75
  font-weight: 500;
76
- letter-spacing: 0;
77
76
  line-height: 1.5em;
77
+ letter-spacing: 0;
78
78
 
79
79
  &::before {
80
80
  position: absolute;
@@ -82,8 +82,8 @@
82
82
  left: 0;
83
83
  width: 55px;
84
84
  height: 5px;
85
- background-color: #111;
86
85
  content: "";
86
+ background-color: #111;
87
87
  }
88
88
 
89
89
  &::after {
@@ -93,8 +93,8 @@
93
93
  width: 95%;
94
94
  max-width: 255px;
95
95
  height: 1px;
96
- background-color: #333;
97
96
  content: "";
97
+ background-color: #333;
98
98
  }
99
99
  }
100
100
 
@@ -118,10 +118,10 @@
118
118
  }
119
119
 
120
120
  .a {
121
+ color: #00008f;
122
+ text-transform: uppercase;
121
123
  letter-spacing: 4px;
122
124
  text-decoration: none;
123
- text-transform: uppercase;
124
- color: #00008f;
125
125
  }
126
126
 
127
127
  .a:hover {
@@ -132,8 +132,8 @@ table,
132
132
  th,
133
133
  td {
134
134
  padding: 6px;
135
- border: 1px solid black;
136
135
  font-family: sans-serif;
136
+ border: 1px solid black;
137
137
  }
138
138
 
139
139
  .tableWrapper {
@@ -151,11 +151,11 @@ table {
151
151
  }
152
152
 
153
153
  .infoSection {
154
+ padding: 16px;
154
155
  margin: 16px;
155
156
  margin-bottom: 20px;
156
- padding: 16px;
157
- border-radius: 8px;
158
157
  background-color: #f5f5f5;
158
+ border-radius: 8px;
159
159
  box-shadow: 0 4px 8px rgb(0 0 0 / 10%);
160
160
 
161
161
  &:hover {
@@ -164,8 +164,8 @@ table {
164
164
  }
165
165
 
166
166
  ul {
167
- margin: 0;
168
167
  padding: 0;
168
+ margin: 0;
169
169
  list-style-type: none;
170
170
  }
171
171
 
@@ -176,8 +176,8 @@ li {
176
176
 
177
177
  code {
178
178
  padding: 2px 5px;
179
- border-radius: 4px;
180
179
  font-family: "Courier New", monospace;
181
180
  font-size: 14px;
182
181
  background-color: #f8f9fa;
182
+ border-radius: 4px;
183
183
  }
package/src/demo/ui/pages/DependencyInjectionDemo/DependencyInjectionDemo.module.scss CHANGED
@@ -3,17 +3,17 @@
3
3
  }
4
4
 
5
5
  .fieldsetStyle {
6
- margin-top: 24px;
7
6
  padding: 16px;
7
+ margin-top: 24px;
8
8
  border: 1px solid black;
9
9
  }
10
10
 
11
11
  .title {
12
12
  padding-top: 16px;
13
13
  font-size: 20px;
14
- letter-spacing: 4px;
15
- text-align: center;
16
14
  color: #00008f;
15
+ text-align: center;
16
+ letter-spacing: 4px;
17
17
  }
18
18
 
19
19
  .tableWrapper {
@@ -24,9 +24,9 @@
24
24
  padding-top: 16px;
25
25
  padding-bottom: 16px;
26
26
  font-size: 20px;
27
- letter-spacing: 4px;
28
- text-align: center;
29
27
  color: #00008f;
28
+ text-align: center;
29
+ letter-spacing: 4px;
30
30
  }
31
31
 
32
32
  .lineStyle {
package/src/demo/ui/pages/ReactHookFormDemo/ReactHookFormDemo.module.scss CHANGED
@@ -9,9 +9,9 @@
9
9
  .title {
10
10
  padding-top: 16px;
11
11
  font-size: 20px;
12
- letter-spacing: 4px;
13
- text-align: center;
14
12
  color: #00008f;
13
+ text-align: center;
14
+ letter-spacing: 4px;
15
15
  }
16
16
 
17
17
  .lineStyle {
@@ -24,9 +24,9 @@
24
24
 
25
25
  .profileSectionStyle {
26
26
  display: flex;
27
- padding-top: 16px;
28
- padding-bottom: 16px;
29
27
  flex-flow: row wrap;
30
28
  align-items: center;
31
29
  justify-content: space-around;
30
+ padding-top: 16px;
31
+ padding-bottom: 16px;
32
32
  }
package/src/demo/ui/pages/ReactQueryDemo/ReactQueryDemo.module.scss CHANGED
@@ -3,17 +3,17 @@
3
3
  }
4
4
 
5
5
  .fieldsetStyle {
6
- margin-top: 24px;
7
6
  padding: 16px;
7
+ margin-top: 24px;
8
8
  border: 1px solid black;
9
9
  }
10
10
 
11
11
  .title {
12
12
  padding-top: 16px;
13
13
  font-size: 20px;
14
- letter-spacing: 4px;
15
- text-align: center;
16
14
  color: #00008f;
15
+ text-align: center;
16
+ letter-spacing: 4px;
17
17
  }
18
18
 
19
19
  .tableWrapper {
@@ -24,9 +24,9 @@
24
24
  padding-top: 16px;
25
25
  padding-bottom: 16px;
26
26
  font-size: 20px;
27
- letter-spacing: 4px;
28
- text-align: center;
29
27
  color: #00008f;
28
+ text-align: center;
29
+ letter-spacing: 4px;
30
30
  }
31
31
 
32
32
  .lineStyle {