Merge 8cc3644 into 745eab9

Author: sndrs

Diff for: .changeset/config.json

@@ -8,13 +8,8 @@
 	"baseBranch": "main",
 	"updateInternalDependencies": "patch",
 	"bumpVersionsWithWorkspaceProtocolOnly": false,
-	"ignore": [
-		"github-pages",
-		"@configs/*",
-		"coverage",
-		"storybooks",
-		"@guardian/react-crossword"
-	],
+	"useCalculatedVersion": true,
+	"ignore": ["github-pages", "@configs/*", "coverage", "storybooks"],
 	"___experimentalUnsafeOptions_WILL_CHANGE_IN_PATCH": {
 		"onlyUpdatePeerDependentsWhenOutOfRange": true
 	}

Diff for: .changeset/react-crozzword-next.md

@@ -0,0 +1,5 @@
+---
+'@guardian/react-crossword': major
+---
+
+to be completed...

Diff for: README.md

@@ -24,6 +24,7 @@ The following packages live in `libs/@guardian/*` and are published to NPM:
 - [@guardian/libs](libs/@guardian/libs)
 - [@guardian/newsletter-types](libs/@guardian/newsletter-types)
 - [@guardian/prettier](libs/@guardian/prettier)
+- [@guardian/react-crossword](libs/@guardian/react-crossword)
 - [@guardian/source](libs/@guardian/source)
 - [@guardian/source-development-kitchen](libs/@guardian/source-development-kitchen)
 - [@guardian/tsconfig](libs/@guardian/tsconfig)

Diff for: libs/@guardian/react-crossword/package.json

@@ -1,7 +1,6 @@
 {
 	"name": "@guardian/react-crossword",
-	"version": "3.0.0-alpha.0",
-	"private": true,
+	"version": "2.0.2",
 	"license": "Apache-2.0",
 	"sideEffects": false,
 	"type": "module",

Diff for: libs/@guardian/react-crossword/src/components/Grid.tsx

@@ -293,13 +293,15 @@ export const Grid = () => {
 				switch (inputType) {
 					case 'deleteContentBackward':
 						deleteLetter(guess ?? '');
+						event.preventDefault();
 						break;
 
 					case 'insertText':
 					case 'insertCompositionText':
 						if (data) {
 							typeLetter(data.slice(-1));
 						}
+						event.preventDefault();
 						break;
 				}
 			}

Diff for: libs/@guardian/react-crossword/src/context/Progress.tsx

@@ -98,8 +98,9 @@ export const ProgressProvider = ({
 	// To ensure the UI is kept up-to-date, we maintain a separate React state (`progress`) that mirrors
 	// the localStorage state and forces the necessary re-renders.
 	const [progress, setProgress] = useState(defaultValue);
+	// Make local storage compatible with prev versions
 	const [storedProgress, setStoredProgress, rest] =
-		useLocalStorageState<Progress>(id, {
+		useLocalStorageState<Progress>(`crosswords.` + id, {
 			defaultValue,
 			serializer,
 		});