build: patch round 2024-06

- install patch updates - install minor updates - install major updates Lots of formatting fixes. Some due to wp-prettier adding `parenSpacing` where it hadn't done that before. Some other seemingly due to updates of eslint dependencies.
nl-design-system · Jun 18, 2024 · 42ea4b0 · 42ea4b0
1 parent fac649f
commit 42ea4b0
Show file tree

Hide file tree

Showing 123 changed files with 3,348 additions and 3,392 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -1,5 +1,5 @@
 {
-	"extends": ["plugin:@wordpress/eslint-plugin/recommended"],
+	"extends": [ "plugin:@wordpress/eslint-plugin/recommended" ],
 	"rules": {
 		"@wordpress/no-global-active-element": "off",
 		"@wordpress/no-global-event-listener": "off",

diff --git a/.ncurc.major.cjs b/.ncurc.major.cjs
@@ -1,7 +1,7 @@
-const minorConfig = require('./.ncurc.minor.cjs');
+const minorConfig = require( './.ncurc.minor.cjs' );
 
 module.exports = {
 	...minorConfig,
-	reject: [...minorConfig.reject],
+	reject: [ ...minorConfig.reject, 'eslint', 'eslint-plugin-json' ],
 	target: 'latest',
 };
diff --git a/.ncurc.minor.cjs b/.ncurc.minor.cjs
@@ -1,7 +1,7 @@
-const patchConfig = require('./.ncurc.patch.cjs');
+const patchConfig = require( './.ncurc.patch.cjs' );
 
 module.exports = {
 	...patchConfig,
-	reject: [...patchConfig.reject],
+	reject: [ ...patchConfig.reject ],
 	target: 'minor',
 };
diff --git a/.ncurc.patch.cjs b/.ncurc.patch.cjs
@@ -1,5 +1,5 @@
 module.exports = {
-	dep: ['dev', 'prod'],
+	dep: [ 'dev', 'prod' ],
 	install: 'always',
 	reject: [],
 	target: 'patch',

diff --git a/.npmpackagejsonlintrc.json b/.npmpackagejsonlintrc.json
@@ -33,8 +33,11 @@
 		"require-version": "error",
 		"scripts-type": "error",
 		"valid-values-author": "off",
-		"valid-values-license": ["error", ["EUPL-1.2"]],
-		"valid-values-name-scope": ["error", ["@nl-design-system-community"]],
+		"valid-values-license": [ "error", [ "EUPL-1.2" ] ],
+		"valid-values-name-scope": [
+			"error",
+			[ "@nl-design-system-community" ]
+		],
 		"valid-values-private": "off",
 		"version-format": "error",
 		"version-type": "error"

diff --git a/.stylelint-wordpress.mjs b/.stylelint-wordpress.mjs
@@ -89,8 +89,8 @@ const deprecatedRules = [
 const modernConfig = {
 	// ...wordpressConfig,
 	rules: Object.fromEntries(
-		Object.entries(wordpressConfig.rules).filter(
-			([key, value]) => !deprecatedRules.includes(key)
+		Object.entries( wordpressConfig.rules ).filter(
+			( [ key, value ] ) => ! deprecatedRules.includes( key )
 		)
 	),
 };

diff --git a/.stylelintrc.json b/.stylelintrc.json
@@ -1,12 +1,15 @@
 {
-	"extends": ["./.stylelint-wordpress.mjs", "stylelint-config-standard-scss"],
+	"extends": [
+		"./.stylelint-wordpress.mjs",
+		"stylelint-config-standard-scss"
+	],
 	"rules": {
 		"scss/at-mixin-pattern": "^[a-z][a-z0-9-_]*$",
 		"scss/at-rule-no-unknown": true,
 		"scss/dollar-variable-default": true,
 		"scss/dollar-variable-first-in-block": [
 			true,
-			{ "ignore": ["comments", "imports"] }
+			{ "ignore": [ "comments", "imports" ] }
 		],
 		"scss/dollar-variable-pattern": "^(denhaag|example|ncb|nl|utrecht|wp)-[a-z0-9-]+$",
 		"scss/percent-placeholder-pattern": "^(denhaag|example|ncb|nl|utrecht|wp)-[a-z0-9-]+$",
@@ -19,52 +22,52 @@
 		],
 		"keyframes-name-pattern": "^(denhaag|example|ncb|nl|utrecht|wp)-[a-z0-9-]+$",
 		"at-rule-no-unknown": null,
-		"block-no-empty": [true],
-		"color-no-invalid-hex": [true],
-		"comment-no-empty": [true],
+		"block-no-empty": [ true ],
+		"color-no-invalid-hex": [ true ],
+		"comment-no-empty": [ true ],
 		"declaration-block-no-duplicate-properties": [
 			true,
-			{ "ignore": ["consecutive-duplicates-with-different-values"] }
+			{ "ignore": [ "consecutive-duplicates-with-different-values" ] }
 		],
-		"declaration-block-no-shorthand-property-overrides": [true],
-		"font-family-no-duplicate-names": [true],
-		"font-family-no-missing-generic-family-keyword": [true],
-		"function-calc-no-unspaced-operator": [true],
-		"function-linear-gradient-no-nonstandard-direction": [true],
-		"keyframe-declaration-no-important": [true],
-		"media-feature-name-no-unknown": [true],
-		"no-descending-specificity": [true],
-		"no-duplicate-at-import-rules": [true],
-		"no-duplicate-selectors": [true],
-		"no-empty-source": [true],
-		"no-invalid-double-slash-comments": [true],
-		"property-no-unknown": [true],
-		"selector-pseudo-class-no-unknown": [true],
-		"selector-pseudo-element-no-unknown": [true],
-		"string-no-newline": [true],
-		"unit-no-unknown": [true],
-		"alpha-value-notation": ["percentage"],
-		"hue-degree-notation": ["number"],
-		"color-function-notation": ["modern"],
+		"declaration-block-no-shorthand-property-overrides": [ true ],
+		"font-family-no-duplicate-names": [ true ],
+		"font-family-no-missing-generic-family-keyword": [ true ],
+		"function-calc-no-unspaced-operator": [ true ],
+		"function-linear-gradient-no-nonstandard-direction": [ true ],
+		"keyframe-declaration-no-important": [ true ],
+		"media-feature-name-no-unknown": [ true ],
+		"no-descending-specificity": [ true ],
+		"no-duplicate-at-import-rules": [ true ],
+		"no-duplicate-selectors": [ true ],
+		"no-empty-source": [ true ],
+		"no-invalid-double-slash-comments": [ true ],
+		"property-no-unknown": [ true ],
+		"selector-pseudo-class-no-unknown": [ true ],
+		"selector-pseudo-element-no-unknown": [ true ],
+		"string-no-newline": [ true ],
+		"unit-no-unknown": [ true ],
+		"alpha-value-notation": [ "percentage" ],
+		"hue-degree-notation": [ "number" ],
+		"color-function-notation": [ "modern" ],
 		"length-zero-no-unit": [
 			true,
 			{
-				"ignore": ["custom-properties"]
+				"ignore": [ "custom-properties" ]
 			}
 		],
 		"font-weight-notation": [
 			"numeric",
 			{
-				"ignore": ["relative"]
+				"ignore": [ "relative" ]
 			}
 		],
-		"function-url-no-scheme-relative": [true],
-		"unit-disallowed-list": [["s"]],
-		"font-family-name-quotes": ["always-unless-keyword"],
-		"function-url-quotes": ["always"],
+		"function-url-no-scheme-relative": [ true ],
+		"unit-disallowed-list": [ [ "s" ] ],
+		"font-family-name-quotes": [ "always-unless-keyword" ],
+		"function-url-quotes": [ "always" ],
 		"declaration-property-value-disallowed-list": [
 			{
-				"text-align": ["left", "right"]
+				"text-align": [ "left", "right" ]
 			}
 		],
 		"property-disallowed-list": [
@@ -121,9 +124,9 @@
 				"width"
 			]
 		],
-		"selector-max-id": [0],
-		"selector-attribute-quotes": ["always"],
-		"value-keyword-case": ["lower", { "camelCaseSvgKeywords": true }],
+		"selector-max-id": [ 0 ],
+		"selector-attribute-quotes": [ "always" ],
+		"value-keyword-case": [ "lower", { "camelCaseSvgKeywords": true } ],
 		"declaration-block-no-redundant-longhand-properties": null,
 		"at-rule-empty-line-before": null,
 		"rule-empty-line-before": null,

diff --git a/babel.config.cjs b/babel.config.cjs
@@ -6,5 +6,5 @@
  *         You appear to be using a native ECMAScript module configuration file, which is only supported when running Babel asynchronously.
  */
 module.exports = {
-	presets: ['@babel/preset-env', '@babel/preset-react'],
+	presets: [ '@babel/preset-env', '@babel/preset-react' ],
 };
diff --git a/jest.config.mjs b/jest.config.mjs
@@ -3,6 +3,6 @@
 /** @type {import('ts-jest').JestConfigWithTsJest} */
 export default {
 	testEnvironment: 'jsdom',
-	testPathIgnorePatterns: ['/dist/'],
+	testPathIgnorePatterns: [ '/dist/' ],
 	verbose: true,
 };
diff --git a/package.json b/package.json
@@ -59,52 +59,52 @@
 		"update-major": "npm-check-updates --configFileName .ncurc.major.cjs"
 	},
 	"devDependencies": {
-		"@testing-library/jest-dom": "6.4.0",
-		"@testing-library/react": "14.2.0",
-		"@wordpress/eslint-plugin": "17.10.0",
-		"@wordpress/prettier-config": "3.10.0",
-		"@wordpress/scripts": "27.4.0",
-		"@wordpress/stylelint-config": "21.36.0",
+		"@testing-library/jest-dom": "6.4.6",
+		"@testing-library/react": "16.0.0",
+		"@wordpress/eslint-plugin": "19.0.0",
+		"@wordpress/prettier-config": "4.0.0",
+		"@wordpress/scripts": "28.0.0",
+		"@wordpress/stylelint-config": "22.0.0",
 		"eslint": "8.57.0",
 		"eslint-plugin-json": "3.1.0",
-		"eslint-plugin-react": "7.34.0",
+		"eslint-plugin-react": "7.34.2",
 		"jest": "29.7.0",
 		"laravel-mix": "6.0.49",
-		"npm-check-updates": "16.14.15",
-		"npm-package-json-lint": "7.1.0",
+		"npm-check-updates": "16.14.20",
+		"npm-package-json-lint": "8.0.0",
 		"npm-run-all": "4.1.5",
-		"react": "18.2.0",
-		"react-dom": "18.2.0",
+		"react": "18.3.1",
+		"react-dom": "18.3.1",
 		"resolve-url-loader": "5.0.0",
-		"stylelint": "16.2.1",
-		"stylelint-config-standard-scss": "13.0.0",
+		"stylelint": "16.6.1",
+		"stylelint-config-standard-scss": "13.1.0",
 		"wp-prettier": "3.0.3"
 	},
 	"dependencies": {
-		"@gemeente-denhaag/accordion": "0.2.3-alpha.382",
-		"@gemeente-denhaag/blockquote": "0.1.1-alpha.293",
-		"@gemeente-denhaag/button": "0.2.3-alpha.382",
-		"@gemeente-denhaag/button-group": "0.1.1-alpha.251",
-		"@gemeente-denhaag/components-css": "0.1.1-alpha.332",
-		"@gemeente-denhaag/descriptionlist": "0.1.1-alpha.282",
-		"@gemeente-denhaag/design-tokens-common": "0.2.3-alpha.384",
-		"@gemeente-denhaag/design-tokens-components": "0.2.3-alpha.384",
-		"@gemeente-denhaag/divider": "0.2.3-alpha.382",
-		"@gemeente-denhaag/highlighted-links": "0.1.1-alpha.205",
-		"@gemeente-denhaag/icons": "0.2.3-alpha.382",
-		"@gemeente-denhaag/image": "0.1.1-alpha.291",
-		"@gemeente-denhaag/link": "0.2.3-alpha.382",
-		"@gemeente-denhaag/link-group": "0.1.3-alpha.243",
-		"@gemeente-denhaag/note": "0.1.1-alpha.295",
-		"@gemeente-denhaag/table": "0.1.1-alpha.284",
-		"@gemeente-denhaag/typography": "0.2.3-alpha.382",
-		"@utrecht/component-library-react": "3.0.1-alpha.11",
-		"@wordpress/block-editor": "12.21.0",
-		"@wordpress/blocks": "12.30.0",
-		"@wordpress/components": "27.1.0",
-		"@wordpress/data": "9.23.0",
-		"@wordpress/element": "5.30.0",
-		"@wordpress/icons": "9.44.0",
+		"@gemeente-denhaag/accordion": "0.2.3-alpha.394",
+		"@gemeente-denhaag/blockquote": "0.1.1-alpha.305",
+		"@gemeente-denhaag/button": "0.2.3-alpha.394",
+		"@gemeente-denhaag/button-group": "0.1.1-alpha.263",
+		"@gemeente-denhaag/components-css": "0.1.1-alpha.344",
+		"@gemeente-denhaag/descriptionlist": "0.1.1-alpha.294",
+		"@gemeente-denhaag/design-tokens-common": "0.2.3-alpha.396",
+		"@gemeente-denhaag/design-tokens-components": "0.2.3-alpha.396",
+		"@gemeente-denhaag/divider": "0.2.3-alpha.394",
+		"@gemeente-denhaag/highlighted-links": "0.1.1-alpha.217",
+		"@gemeente-denhaag/icons": "0.2.3-alpha.394",
+		"@gemeente-denhaag/image": "0.1.1-alpha.303",
+		"@gemeente-denhaag/link": "0.2.3-alpha.394",
+		"@gemeente-denhaag/link-group": "0.1.3-alpha.255",
+		"@gemeente-denhaag/note": "0.1.1-alpha.307",
+		"@gemeente-denhaag/table": "0.1.1-alpha.296",
+		"@gemeente-denhaag/typography": "0.2.3-alpha.394",
+		"@utrecht/component-library-react": "3.1.0",
+		"@wordpress/block-editor": "13.0.0",
+		"@wordpress/blocks": "13.0.0",
+		"@wordpress/components": "28.0.0",
+		"@wordpress/data": "10.0.0",
+		"@wordpress/element": "6.0.0",
+		"@wordpress/icons": "10.0.0",
 		"classnames": "2.5.1",
 		"is-url": "1.2.4"
 	},