Merge pull request #2432 from SpareBank1/develop_fix-initial-values

fix(ffe-account-selector-react): search does not work with custom acc…
SpareBank1 · Dec 3, 2024 · 2127fe9 · 2127fe9
2 parents 4350002 + 4b84859
commit 2127fe9
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 1 deletion.
diff --git a/packages/ffe-account-selector-react/src/account-selector/AccountSelector.stories.tsx b/packages/ffe-account-selector-react/src/account-selector/AccountSelector.stories.tsx
@@ -238,3 +238,28 @@ export const PostListElement: Story = {
         );
     },
 };
+
+export const InitialValue: Story = {
+    args: {
+        ...Standard.args,
+    },
+    render: function Render(args) {
+        const [selectedAccount, setSelectedAccount] = useState<Account>(
+            accounts[2],
+        );
+        return (
+            <InputGroup
+                label="Velg konto"
+                inputId={args.id}
+                labelId={args.labelledById}
+                onColoredBg={args.onColoredBg}
+            >
+                <AccountSelector
+                    {...args}
+                    selectedAccount={selectedAccount}
+                    onAccountSelected={setSelectedAccount}
+                />
+            </InputGroup>
+        );
+    },
+};
diff --git a/packages/ffe-account-selector-react/src/account-selector/AccountSelector.tsx b/packages/ffe-account-selector-react/src/account-selector/AccountSelector.tsx
@@ -102,7 +102,10 @@ export const AccountSelector = <T extends Account = Account>({
         : undefined;
 
     const onInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-        setInputValue(event.target.value);
+        if (allowCustomAccount) {
+            setInputValue(event.target.value);
+        }
+
         if (inputProps?.onChange) {
             inputProps.onChange(event);
         }