✨ Kan styre autocomplete, er default av

navikt · Feb 3, 2025 · a3caf4e · a3caf4e
1 parent ff81a71
commit a3caf4e
Show file tree

Hide file tree

Showing 17 changed files with 45 additions and 12 deletions.
diff --git a/packages/aap-felles-css/CHANGELOG.md b/packages/aap-felles-css/CHANGELOG.md
@@ -1,5 +1,7 @@
 # Change Log
 
+## 4.3.0
+
 ## 4.2.8
 
 ## 4.2.7

diff --git a/packages/aap-felles-css/package.json b/packages/aap-felles-css/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "4.2.8",
+  "version": "4.3.0",
   "name": "@navikt/aap-felles-css",
   "author": "NAV",
   "homepage": "https://github.com/navikt/aap-felles-frontend#readme",

diff --git a/packages/aap-felles-prettier/CHANGELOG.md b/packages/aap-felles-prettier/CHANGELOG.md
@@ -1,5 +1,7 @@
 # Change Log
 
+## 4.3.0
+
 ## 4.2.8
 
 ## 4.2.7

diff --git a/packages/aap-felles-prettier/package.json b/packages/aap-felles-prettier/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@navikt/aap-felles-prettier",
   "author": "NAV",
-  "version": "4.2.8",
+  "version": "4.3.0",
   "main": "index.json",
   "license": "MIT",
   "dependencies": {

diff --git a/packages/aap-felles-react/CHANGELOG.md b/packages/aap-felles-react/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Change Log
 
+## 4.3.0
+
+### Minor Changes
+
+- Kan styre autocomplete. Default av.
+
 ## 4.2.8
 
 ### Patch Changes

diff --git a/packages/aap-felles-react/package.json b/packages/aap-felles-react/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "4.2.8",
+  "version": "4.3.0",
   "name": "@navikt/aap-felles-react",
   "author": "NAV",
   "homepage": "https://github.com/navikt/aap-felles-frontend#readme",

diff --git a/packages/aap-felles-react/src/Form/FormField.tsx b/packages/aap-felles-react/src/Form/FormField.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { HTMLInputAutoCompleteAttribute, ReactNode } from 'react';
 import { UseFormReturn } from 'react-hook-form';
 import { FieldValues } from 'react-hook-form/dist/types';
 
@@ -26,10 +26,11 @@ interface Props<FormFieldIds extends FieldValues> {
   horizontalRadio?: boolean;
   size?: 'small' | 'medium';
   className?: string;
+  autocomplete?: HTMLInputAutoCompleteAttribute;
 }
 
 export const FormField = <FormFieldIds extends FieldValues>(props: Props<FormFieldIds>) => {
-  const { formField, form, children, className, horizontalRadio, size } = props;
+  const { formField, form, children, className, horizontalRadio, size, autocomplete = 'off' } = props;
 
   return (
     <>
@@ -45,6 +46,7 @@ export const FormField = <FormFieldIds extends FieldValues>(props: Props<FormFie
           description={formField.description}
           readOnly={formField.readOnly}
           className={className}
+          autocomplete={autocomplete}
         />
       )}
       {formField.type === 'textarea' && (
@@ -58,6 +60,7 @@ export const FormField = <FormFieldIds extends FieldValues>(props: Props<FormFie
           description={formField.description}
           readOnly={formField.readOnly}
           className={className}
+          autocomplete={autocomplete}
         />
       )}
       {formField.type === 'radio' && (
@@ -107,6 +110,7 @@ export const FormField = <FormFieldIds extends FieldValues>(props: Props<FormFie
           description={formField.description}
           readOnly={formField.readOnly}
           className={className}
+          autocomplete={autocomplete}
         />
       )}
       {formField.type === 'checkbox' && (
@@ -139,6 +143,7 @@ export const FormField = <FormFieldIds extends FieldValues>(props: Props<FormFie
           size={size}
           readOnly={formField.readOnly}
           className={className}
+          autocomplete={autocomplete}
         >
           {formField.options.map(mapToValuePair).map((option) => (
             <option key={option.value} value={option.value}>

diff --git a/packages/aap-felles-react/src/Form/dateinputwrapper/DateInputWrapper.tsx b/packages/aap-felles-react/src/Form/dateinputwrapper/DateInputWrapper.tsx
@@ -1,5 +1,5 @@
 import { TextField } from '@navikt/ds-react';
-import React from 'react';
+import React, { HTMLInputAutoCompleteAttribute } from 'react';
 import { ReactNode } from 'react';
 import { Control, Controller, FieldPath, FieldValues, RegisterOptions } from 'react-hook-form';
 import { mapShortDateToDateString } from './dateMapper';
@@ -14,6 +14,7 @@ export type DateInputWrapperProps<FormFieldValues extends FieldValues> = {
   rules?: RegisterOptions<FormFieldValues>;
   readOnly?: boolean;
   className?: string;
+  autocomplete?: HTMLInputAutoCompleteAttribute;
 };
 
 export const DateInputWrapper = <FormFieldValues extends FieldValues>({
@@ -26,6 +27,7 @@ export const DateInputWrapper = <FormFieldValues extends FieldValues>({
   size = 'small',
   className,
   hideLabel,
+  autocomplete,
 }: DateInputWrapperProps<FormFieldValues>) => {
   const classNames = `aap_date_input ${className}`;
   const transform = (input: React.FormEvent<HTMLInputElement>) => mapShortDateToDateString(input.currentTarget.value);
@@ -49,6 +51,7 @@ export const DateInputWrapper = <FormFieldValues extends FieldValues>({
           description={description}
           readOnly={readOnly}
           className={classNames}
+          autoComplete={autocomplete}
         />
       )}
     />

diff --git a/packages/aap-felles-react/src/Form/selectwrapper/SelectWrapper.tsx b/packages/aap-felles-react/src/Form/selectwrapper/SelectWrapper.tsx
@@ -1,5 +1,5 @@
 import { Select } from '@navikt/ds-react';
-import React, { ReactNode } from 'react';
+import React, { HTMLInputAutoCompleteAttribute, ReactNode } from 'react';
 import { Control, Controller, RegisterOptions } from 'react-hook-form';
 import { FieldPath, FieldValues } from 'react-hook-form/dist/types';
 
@@ -14,6 +14,7 @@ export interface SelectProps<FormFieldValues extends FieldValues> {
   description?: ReactNode;
   readOnly?: boolean;
   className?: string;
+  autocomplete?: HTMLInputAutoCompleteAttribute;
 }
 
 export const SelectWrapper = <FormFieldValues extends FieldValues>({
@@ -27,6 +28,7 @@ export const SelectWrapper = <FormFieldValues extends FieldValues>({
   children,
   readOnly,
   className,
+  autocomplete,
 }: SelectProps<FormFieldValues>) => (
   <Controller
     name={name}
@@ -45,6 +47,7 @@ export const SelectWrapper = <FormFieldValues extends FieldValues>({
         error={error?.message}
         readOnly={readOnly}
         className={className}
+        autoComplete={autocomplete}
       >
         {children}
       </Select>

diff --git a/packages/aap-felles-react/src/Form/textareawrapper/TextAreaWrapper.tsx b/packages/aap-felles-react/src/Form/textareawrapper/TextAreaWrapper.tsx
@@ -1,5 +1,5 @@
 import { Textarea } from '@navikt/ds-react';
-import React from 'react';
+import React, { HTMLInputAutoCompleteAttribute } from 'react';
 import { Control, Controller, FieldValues, RegisterOptions } from 'react-hook-form';
 import { FieldPath } from 'react-hook-form/dist/types';
 
@@ -14,6 +14,7 @@ export interface TextAreaProps<FormFieldValues extends FieldValues> {
   maxLength?: number;
   readOnly?: boolean;
   className?: string;
+  autocomplete?: HTMLInputAutoCompleteAttribute;
 }
 
 export const TextAreaWrapper = <FormFieldValues extends FieldValues>({
@@ -27,6 +28,7 @@ export const TextAreaWrapper = <FormFieldValues extends FieldValues>({
   rules,
   readOnly,
   className,
+  autocomplete,
 }: TextAreaProps<FormFieldValues>) => (
   <Controller
     name={name}
@@ -46,6 +48,7 @@ export const TextAreaWrapper = <FormFieldValues extends FieldValues>({
         maxLength={maxLength}
         readOnly={readOnly}
         className={className}
+        autoComplete={autocomplete}
       />
     )}
   />

diff --git a/packages/aap-felles-react/src/Form/textfieldwrapper/TextFieldWrapper.tsx b/packages/aap-felles-react/src/Form/textfieldwrapper/TextFieldWrapper.tsx
@@ -1,5 +1,5 @@
 import { TextField } from '@navikt/ds-react';
-import React from 'react';
+import React, { HTMLInputAutoCompleteAttribute } from 'react';
 import { Control, Controller, FieldValues, RegisterOptions } from 'react-hook-form';
 import { FieldPath } from 'react-hook-form/dist/types';
 
@@ -14,6 +14,7 @@ export interface TextFieldProps<FormFieldValues extends FieldValues> {
   rules?: RegisterOptions<FormFieldValues>;
   readOnly?: boolean;
   className?: string;
+  autocomplete?: HTMLInputAutoCompleteAttribute;
 }
 
 export const TextFieldWrapper = <FormFieldValues extends FieldValues>({
@@ -27,6 +28,7 @@ export const TextFieldWrapper = <FormFieldValues extends FieldValues>({
   rules,
   readOnly,
   className,
+  autocomplete,
 }: TextFieldProps<FormFieldValues>) => (
   <Controller
     name={name}
@@ -46,6 +48,7 @@ export const TextFieldWrapper = <FormFieldValues extends FieldValues>({
         description={description}
         readOnly={readOnly}
         className={className}
+        autoComplete={autocomplete}
       />
     )}
   />

diff --git a/packages/aap-felles-utils-client/CHANGELOG.md b/packages/aap-felles-utils-client/CHANGELOG.md
@@ -1,5 +1,7 @@
 # Change Log
 
+## 4.3.0
+
 ## 4.2.8
 
 ## 4.2.7

diff --git a/packages/aap-felles-utils-client/package.json b/packages/aap-felles-utils-client/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "4.2.8",
+  "version": "4.3.0",
   "name": "@navikt/aap-felles-utils-client",
   "author": "NAV",
   "homepage": "https://github.com/navikt/aap-felles-frontend#readme",

diff --git a/packages/aap-felles-utils/CHANGELOG.md b/packages/aap-felles-utils/CHANGELOG.md
@@ -1,5 +1,7 @@
 # Change Log
 
+## 4.3.0
+
 ## 4.2.8
 
 ## 4.2.7

diff --git a/packages/aap-felles-utils/package.json b/packages/aap-felles-utils/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "4.2.8",
+  "version": "4.3.0",
   "name": "@navikt/aap-felles-utils",
   "author": "NAV",
   "homepage": "https://github.com/navikt/aap-felles-frontend#readme",

diff --git a/packages/eslint-config-aap/CHANGELOG.md b/packages/eslint-config-aap/CHANGELOG.md
@@ -1,5 +1,7 @@
 # Change Log
 
+## 4.3.0
+
 ## 4.2.8
 
 ## 4.2.7

diff --git a/packages/eslint-config-aap/package.json b/packages/eslint-config-aap/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@navikt/eslint-config-aap",
   "author": "NAV",
-  "version": "4.2.8",
+  "version": "4.3.0",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\"",