@oslokommune/punkt-react 14.5.0 → 14.5.2

package/src/components/textarea/Textarea.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import React, {
+import {
   ChangeEvent,
   ChangeEventHandler,
   ForwardedRef,
@@ -79,7 +79,7 @@ export const PktTextarea = forwardRef(
       autoComplete = 'off',
       minLength,
       maxLength,
-      readOnly = false,
+      readOnly,
       skipForwardTestid = false,
       ...props
     }: IPktTextarea,
@@ -94,9 +94,11 @@ export const PktTextarea = forwardRef(
     const [counterCurrent, setCounterCurrent] = useState(0)
 
     const handleChange = (e: ChangeEvent<HTMLTextAreaElement>) => {
-      counter && setCounterCurrent(e.currentTarget?.value?.length || 0)
+      if (counter) {
+        setCounterCurrent(e.currentTarget?.value?.length || 0)
+      }
       if (onChange) {
-        return onChange(e)
+        onChange(e)
       }
     }
 
@@ -148,9 +150,12 @@ export const PktTextarea = forwardRef(
           autoComplete={autoComplete}
           minLength={minLength}
           maxLength={maxLength}
+          readOnly={readOnly}
           data-skip-forward-testid={skipForwardTestid ? 'true' : undefined}
         />
       </PktInputWrapper>
     )
   },
 )
+
+PktTextarea.displayName = 'PktTextarea'

package/src/components/textinput/Textinput.tsx

@@ -1,14 +1,14 @@
 'use client'
 
-import React, {
+import {
+  ChangeEvent,
+  ChangeEventHandler,
   ForwardedRef,
   forwardRef,
   InputHTMLAttributes,
+  ReactNode,
   useEffect,
   useState,
-  ChangeEvent,
-  ReactNode,
-  ChangeEventHandler,
 } from 'react'
 
 import { PktIcon } from '../icon/Icon'
@@ -96,7 +96,7 @@ export const PktTextinput = forwardRef(
       max,
       step,
       size,
-      readonly,
+      readonly: readOnly,
       required,
       dataTestid,
       onChange,
@@ -117,7 +117,9 @@ export const PktTextinput = forwardRef(
     const labelledBy = ariaLabelledby || labelId
 
     const handleChange = (event: ChangeEvent<HTMLInputElement>) => {
-      counter && setCounterCurrent(event.currentTarget?.value?.length || 0)
+      if (counter) {
+        setCounterCurrent(event.currentTarget?.value?.length || 0)
+      }
       if (onChange) {
         onChange(event)
       }
@@ -181,6 +183,7 @@ export const PktTextinput = forwardRef(
             minLength={minLength}
             maxLength={maxLength}
             size={size}
+            readOnly={readOnly}
             required={required}
           />
           {suffix && (
@@ -198,3 +201,5 @@ export const PktTextinput = forwardRef(
     )
   },
 )
+
+PktTextinput.displayName = 'PktTextinput'