@oslokommune/punkt-react 12.43.1 → 13.0.0

package/CHANGELOG.md

@@ -5,6 +5,34 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [13.0.0](https://github.com/oslokommune/punkt/compare/12.43.2...13.0.0) (2025-07-04)
+
+### ⚠ BREAKING CHANGES
+* Skjemaelementer tilbake til ren React. BREAKING CHANGE: select vil ikke lenger ta i mot et options-array, await window.customElements.whenDefined('pkt-xxx) må fjernes fra React-tester (ellers vil testene feile), mulig behov for justeringer i tester, ta gjerne en visuell og funksjonell avsjekk ved oppdatering
+  
+  Skjemaelementer i React-pakken:
+  - Inputwrapper: Skriv tilbake til React, oppdater tester, oppdatere JSON med nye props tatt fra inputwrapper-elements
+  - TextInput: Skriv tilbake til React, oppdater tester
+  - Select: Skriv tilbake til React, oppdater tester (vil ikke lenger ta i mot et options-array)
+  - Checkbox: Skriv tilbake til React, oppdater tester
+  - TextArea: Skriv tilbake til React, oppdater tester
+  - RadioButton: Skriv tilbake til React, oppdater tester
+  - Switch: Skriv tilbake til React, oppdater tester
+  - Oppdatere test-utils for nevnte komponenter
+
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [12.42.12](https://github.com/oslokommune/punkt/compare/12.42.11...12.42.12) (2025-06-23)
 
 ### ⚠ BREAKING CHANGES

package/dist/index.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 
 import { AnchorHTMLAttributes } from 'react';
+import { ChangeEvent } from 'react';
 import { ChangeEventHandler } from 'react';
 import { default as default_2 } from 'react';
 import { FC } from 'react';
 import { FocusEventHandler } from 'react';
-import { ForwardedRef } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
 import { HTMLProps } from 'react';
@@ -20,14 +20,13 @@ import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { LegacyRef } from 'react';
 import { LinkHTMLAttributes } from 'react';
 import { MouseEventHandler } from 'react';
-import { PktInputWrapper as PktInputWrapper_2 } from '@oslokommune/punkt-elements';
 import * as React_2 from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
 import { SelectHTMLAttributes } from 'react';
 import { TextareaHTMLAttributes } from 'react';
 import { TPktAccordionSkin } from '@oslokommune/punkt-elements';
-import { TSelectOption } from '@oslokommune/punkt-elements';
 
 declare type Booleanish = boolean | 'true' | 'false';
 
@@ -145,26 +144,19 @@ export declare interface IPktCard extends PktElType {
     })[];
 }
 
-export declare interface IPktCheckbox extends InputHTMLAttributes<HTMLInputElement> {
+export declare interface IPktCheckbox extends default_2.InputHTMLAttributes<HTMLInputElement> {
     id: string;
-    name?: string;
-    label: string;
     hasTile?: boolean;
+    disabled?: boolean;
+    label?: string;
+    checkHelptext?: string;
     hasError?: boolean;
     defaultChecked?: boolean;
-    disabled?: boolean;
     value?: string;
-    checkHelptext?: string | ReactNode | ReactNode[];
     isSwitch?: boolean;
     hideLabel?: boolean;
     labelPosition?: 'right' | 'left';
     checked?: boolean;
-    ref?: ForwardedRef<HTMLInputElement>;
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-    onInput?: ChangeEventHandler<HTMLInputElement>;
-    onBlur?: FocusEventHandler<HTMLInputElement>;
-    onFocus?: FocusEventHandler<HTMLInputElement>;
-    onValueChange?: (e: CustomEvent) => void;
 }
 
 export declare interface IPktCombobox extends ExtendedCombobox {
@@ -291,11 +283,11 @@ declare interface IPktIcon extends PktElType {
     'aria-hidden'?: Booleanish | undefined;
 }
 
-export declare interface IPktInputWrapper extends Omit<PktElType, 'ref'> {
+export declare interface IPktInputWrapper extends RefAttributes<HTMLElement> {
     forId: string;
     label: string;
-    helptext?: string | ReactNode | ReactNode[];
-    helptextDropdown?: string | ReactNode | ReactNode[];
+    helptext?: string | ReactNode;
+    helptextDropdown?: string | ReactNode;
     helptextDropdownButton?: string;
     counter?: boolean;
     counterCurrent?: number;
@@ -305,14 +297,16 @@ export declare interface IPktInputWrapper extends Omit<PktElType, 'ref'> {
     requiredTag?: boolean;
     requiredText?: string;
     hasError?: boolean;
-    errorMessage?: string | ReactNode | ReactNode[];
+    errorMessage?: string | ReactNode;
     disabled?: boolean;
     inline?: boolean;
     ariaDescribedby?: string;
     useWrapper?: boolean;
+    children?: ReactNode;
+    className?: string;
     hasFieldset?: boolean;
-    ref?: LegacyRef<PktInputWrapper_2>;
-    onToggleHelpText?: (e: CustomEvent) => void;
+    role?: string;
+    counterPosition?: 'top' | 'bottom';
 }
 
 declare interface IPktLink extends LinkHTMLAttributes<HTMLAnchorElement> {
@@ -359,22 +353,15 @@ export declare interface IPktModal extends PktElType {
 export declare interface IPktProgressbar extends ExtendedProgressbar {
 }
 
-export declare interface IPktRadioButton extends InputHTMLAttributes<HTMLInputElement> {
+export declare interface IPktRadioButton extends default_2.InputHTMLAttributes<HTMLInputElement> {
     id: string;
     name: string;
     label: string;
     hasTile?: boolean;
-    hasError?: boolean;
-    defaultChecked?: boolean;
     disabled?: boolean;
+    checkHelptext?: string | default_2.ReactNode | default_2.ReactNode[];
+    hasError?: boolean;
     value?: string;
-    checkHelptext?: string | ReactNode | ReactNode[];
-    ref?: ForwardedRef<HTMLInputElement>;
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-    onInput?: ChangeEventHandler<HTMLInputElement>;
-    onBlur?: FocusEventHandler<HTMLInputElement>;
-    onFocus?: FocusEventHandler<HTMLInputElement>;
-    onValueChange?: (e: CustomEvent) => void;
 }
 
 declare interface IPktSelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
@@ -392,18 +379,15 @@ declare interface IPktSelectProps extends SelectHTMLAttributes<HTMLSelectElement
     fullwidth?: boolean;
     label: string;
     name?: string;
-    options?: TSelectOption[];
     optionalTag?: boolean;
     optionalText?: string;
     requiredTag?: boolean;
     requiredText?: string;
-    ref?: LegacyRef<HTMLSelectElement>;
-    onChange?: ChangeEventHandler<HTMLSelectElement>;
-    onInput?: ChangeEventHandler<HTMLSelectElement>;
-    onBlur?: FocusEventHandler<HTMLSelectElement>;
-    onFocus?: FocusEventHandler<HTMLSelectElement>;
-    onValueChange?: (e: CustomEvent) => void;
-    onToggleHelpText?: (e: CustomEvent) => void;
+    options?: Array<{
+        value: string;
+        label: string;
+        disabled?: boolean;
+    }>;
 }
 
 export declare interface IPktStep {
@@ -485,10 +469,12 @@ export declare interface IPktTag extends PktElType {
 }
 
 export declare interface IPktTextarea extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    id: string;
     ariaDescribedby?: string;
     ariaLabelledby?: string;
     counter?: boolean;
     counterMaxLength?: number;
+    disabled?: boolean;
     errorMessage?: string | ReactNode | ReactNode[];
     hasError?: boolean;
     helptext?: string | ReactNode | ReactNode[];
@@ -496,28 +482,33 @@ export declare interface IPktTextarea extends TextareaHTMLAttributes<HTMLTextAre
     helptextDropdownButton?: string;
     inline?: boolean;
     fullwidth?: boolean;
-    label?: string;
+    label: string;
+    name?: string;
     optionalTag?: boolean;
     optionalText?: string;
     requiredTag?: boolean;
     requiredText?: string;
+    placeholder?: string;
+    rows?: number;
     useWrapper?: boolean;
     value?: string;
-    ref?: ForwardedRef<HTMLTextAreaElement | IPktTextarea>;
-    onChange?: ChangeEventHandler<HTMLTextAreaElement>;
-    onInput?: ChangeEventHandler<HTMLTextAreaElement>;
-    onBlur?: FocusEventHandler<HTMLTextAreaElement>;
-    onFocus?: FocusEventHandler<HTMLTextAreaElement>;
-    onValueChange?: (e: CustomEvent) => void;
-    onToggleHelpText?: (e: CustomEvent) => void;
-    dataTestid?: string;
+    autocomplete?: string;
+    minLength?: number;
+    maxLength?: number;
+    readOnly?: boolean;
+    required?: boolean;
     skipForwardTestid?: boolean;
+    onChange?: (event: ChangeEvent<HTMLTextAreaElement>) => void;
 }
 
 export declare interface IPktTextinput extends InputHTMLAttributes<HTMLInputElement> {
+    id: string;
+    ariaDescribedby?: string;
     ariaLabelledby?: string;
+    autocomplete?: string;
     counter?: boolean;
     counterMaxLength?: number;
+    disabled?: boolean;
     errorMessage?: string | ReactNode | ReactNode[];
     hasError?: boolean;
     helptext?: string | ReactNode | ReactNode[];
@@ -526,24 +517,29 @@ export declare interface IPktTextinput extends InputHTMLAttributes<HTMLInputElem
     iconNameRight?: string;
     inline?: boolean;
     fullwidth?: boolean;
-    label?: string;
+    label: string;
+    name?: string;
     optionalTag?: boolean;
     optionalText?: string;
     requiredTag?: boolean;
     requiredText?: string;
+    placeholder?: string;
     prefix?: string;
     suffix?: string;
+    type?: string;
     useWrapper?: boolean;
     value?: string;
     omitSearchIcon?: boolean;
-    ref?: ForwardedRef<HTMLInputElement>;
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-    onInput?: ChangeEventHandler<HTMLInputElement>;
-    onBlur?: FocusEventHandler<HTMLInputElement>;
-    onFocus?: FocusEventHandler<HTMLInputElement>;
-    onValueChange?: (e: CustomEvent) => void;
-    onToggleHelpText?: (e: CustomEvent) => void;
+    min?: number | string;
+    max?: number | string;
+    minLength?: number;
+    maxLength?: number;
+    step?: string;
+    size?: number;
+    readonly?: boolean;
+    required?: boolean;
     dataTestid?: string;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
     skipForwardTestid?: boolean;
 }
 
@@ -639,7 +635,7 @@ export declare const PktButton: default_2.ForwardRefExoticComponent<IPktButton &
 
 export declare const PktCard: FC<IPktCard>;
 
-export declare const PktCheckbox: default_2.ForwardRefExoticComponent<IPktCheckbox>;
+export declare const PktCheckbox: default_2.ForwardRefExoticComponent<IPktCheckbox & default_2.RefAttributes<HTMLInputElement>>;
 
 export declare const PktCombobox: FC<IPktCombobox>;
 
@@ -683,7 +679,7 @@ export declare const PktIcon: FC<IPktIcon>;
  */
 export declare const PktInput: default_2.ForwardRefExoticComponent<InputProps & default_2.RefAttributes<HTMLInputElement>>;
 
-export declare const PktInputWrapper: FC<IPktInputWrapper>;
+export declare const PktInputWrapper: ForwardRefExoticComponent<Omit<IPktInputWrapper, "ref"> & RefAttributes<HTMLDivElement>>;
 
 export declare const PktLink: FC<IPktLink>;
 
@@ -699,11 +695,11 @@ export declare const PktPreview: default_2.FC<PreviewProps>;
 
 export declare const PktProgressbar: default_2.ForwardRefExoticComponent<Omit<IPktProgressbar, "ref"> & default_2.RefAttributes<HTMLElement>>;
 
-export declare const PktRadioButton: default_2.ForwardRefExoticComponent<IPktRadioButton>;
+export declare const PktRadioButton: default_2.ForwardRefExoticComponent<IPktRadioButton & default_2.RefAttributes<HTMLInputElement>>;
 
 export declare const PktSearchInput: default_2.ForwardRefExoticComponent<(Omit<ISearchForm, "ref"> | Omit<ISearchInput, "ref">) & default_2.RefAttributes<HTMLInputElement>>;
 
-export declare const PktSelect: FC<IPktSelectProps>;
+export declare const PktSelect: ForwardRefExoticComponent<IPktSelectProps & RefAttributes<HTMLSelectElement>>;
 
 export declare const PktStep: ({ children, className, status, title }: IPktStep) => JSX_2.Element;
 
@@ -725,9 +721,9 @@ export declare const PktTabs: default_2.ForwardRefExoticComponent<IPktTabs & def
 
 export declare const PktTag: FC<IPktTag>;
 
-export declare const PktTextarea: default_2.ForwardRefExoticComponent<Omit<IPktTextarea, "ref"> & default_2.RefAttributes<IPktTextarea | HTMLTextAreaElement>>;
+export declare const PktTextarea: ForwardRefExoticComponent<IPktTextarea & RefAttributes<HTMLTextAreaElement>>;
 
-export declare const PktTextinput: default_2.ForwardRefExoticComponent<Omit<IPktTextinput, "ref"> & default_2.RefAttributes<HTMLInputElement>>;
+export declare const PktTextinput: default_2.ForwardRefExoticComponent<IPktTextinput & default_2.RefAttributes<HTMLInputElement>>;
 
 declare interface PreviewProps {
     children?: ReactNode;