fix: you can now edit the search text in autosuggest

Author: Antiik91

digitransit-component/packages/digitransit-component-autosuggest-panel/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digitransit-component/digitransit-component-autosuggest-panel",
-  "version": "8.3.1",
+  "version": "8.3.2",
   "description": "digitransit-component autosuggest-panel module",
   "main": "index.js",
   "files": [
@@ -28,7 +28,7 @@
   "author": "Digitransit Authors",
   "license": "(AGPL-3.0 OR EUPL-1.2)",
   "peerDependencies": {
-    "@digitransit-component/digitransit-component-autosuggest": "^7.1.6",
+    "@digitransit-component/digitransit-component-autosuggest": "^7.1.7",
     "@digitransit-component/digitransit-component-icon": "^2.0.1",
     "@hsl-fi/sass": "1.0.0",
     "classnames": "2.5.1",

digitransit-component/packages/digitransit-component-autosuggest/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digitransit-component/digitransit-component-autosuggest",
-  "version": "7.1.6",
+  "version": "7.1.7",
   "description": "digitransit-component autosuggest module",
   "main": "index.js",
   "files": [

digitransit-component/packages/digitransit-component-autosuggest/src/components/Input.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useRef, useLayoutEffect } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { ClearButton } from './ClearButton';
@@ -24,6 +24,19 @@ export function Input({
   autoFocus,
   inputOnBlur,
 }) {
+  const cursorRef = useRef(null);
+
+  useLayoutEffect(() => {
+    const el = inputRef.current;
+    if (el && cursorRef.current !== null && el === document.activeElement) {
+      el.setSelectionRange(cursorRef.current, cursorRef.current);
+    }
+  }, [value]);
+
+  const handleChange = e => {
+    cursorRef.current = e.target.selectionStart;
+  };
+
   return (
     <div className={styles.container}>
       {renderLabel && (
@@ -55,6 +68,7 @@ export function Input({
         {...getInputProps({
           ref: inputRef,
           onBlur: inputOnBlur,
+          onChange: handleChange,
         })}
       />
       {value && (

digitransit-component/packages/digitransit-component/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digitransit-component/digitransit-component",
-  "version": "5.0.9",
+  "version": "5.0.10",
   "description": "a JavaScript library for Digitransit",
   "main": "digitransit-component",
   "module": "digitransit-component.mjs",
@@ -18,8 +18,8 @@
     "url": "git://github.com/HSLdevcom/digitransit-ui.git"
   },
   "dependencies": {
-    "@digitransit-component/digitransit-component-autosuggest": "^7.1.6",
-    "@digitransit-component/digitransit-component-autosuggest-panel": "^8.3.1",
+    "@digitransit-component/digitransit-component-autosuggest": "^7.1.7",
+    "@digitransit-component/digitransit-component-autosuggest-panel": "^8.3.2",
     "@digitransit-component/digitransit-component-control-panel": "^7.1.2",
     "@digitransit-component/digitransit-component-favourite-bar": "^5.0.4",
     "@digitransit-component/digitransit-component-favourite-editing-modal": "^5.0.3",