@oslokommune/punkt-react 12.16.0 → 12.17.1

package/CHANGELOG.md

@@ -5,6 +5,42 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [12.17.1](https://github.com/oslokommune/punkt/compare/12.17.0...12.17.1) (2025-01-15)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+* Div bugfikser (typer i React og månedsnavigasjon i Datepicker) (#2127). 
+
+
+### Chores
+Ingen
+
+---
+
+
+## [12.17.0](https://github.com/oslokommune/punkt/compare/12.16.0...12.17.0) (2025-01-13)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+* PktInputWrapper => pkt-input-wrapper (Elements migrering) (#2125). 
+
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [12.16.0](https://github.com/oslokommune/punkt/compare/12.15.0...12.16.0) (2025-01-09)
 
 ### ⚠ BREAKING CHANGES

package/README.md

@@ -26,11 +26,11 @@ npm add @oslokommune/punkt-react
 ```js
 // src/App.tsx
 
-import { PktButton, PktInput } from "@oslokommune/punkt-react";
+import { PktButton, PktTextInput } from "@oslokommune/punkt-react";
 
 ...
 
-  <PktInput label="First name" id="firstName" />
+  <PktTextInput label="First name" id="firstName" />
   <PktButton skin="primary" variant="icon-left" iconName="user">
     Testbutton
   </PktButton>

package/dist/index.d.ts

@@ -7,16 +7,16 @@ import { FocusEventHandler } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
 import { HTMLProps } from 'react';
+import { InputHTMLAttributes } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { LegacyRef } from 'react';
-import { PktDatepicker as PktDatepicker_2 } from '@oslokommune/punkt-elements';
-import { PktTextarea as PktTextarea_2 } from '@oslokommune/punkt-elements';
-import { PktTextinput as PktTextinput_2 } from '@oslokommune/punkt-elements';
+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';
 
 declare type Booleanish = boolean | 'true' | 'false';
 
@@ -134,37 +134,32 @@ declare interface IPktCheckbox extends default_2.InputHTMLAttributes<HTMLInputEl
     value?: string;
 }
 
-declare interface IPktDatepicker extends Omit<PktElType, 'ref'> {
+declare interface IPktDatepicker extends InputHTMLAttributes<HTMLInputElement> {
     value?: string | string[];
     label?: string;
-    name?: string;
     dateformat?: string;
     multiple?: boolean;
     maxlength?: number;
-    disabled?: boolean;
     range?: boolean;
     weeknumbers?: boolean;
     withcontrols?: boolean;
     fullwidth?: boolean;
-    min?: string | number | undefined;
-    max?: string | number | undefined;
     excludedates?: string[];
     excludeweekdays?: string[];
     currentmonth?: string;
     calendarOpen?: boolean;
-    required?: boolean;
     requiredTag?: boolean;
     requiredText?: string;
     optionalTag?: boolean;
     optionalText?: string;
     useWrapper?: boolean;
-    helptext?: string;
-    helptextDropdown?: string;
+    helptext?: string | ReactNode | ReactNode[];
+    helptextDropdown?: string | ReactNode | ReactNode[];
     helptextDropdownButton?: string;
     hasError?: boolean;
-    errorMessage?: string;
+    errorMessage?: string | ReactNode | ReactNode[];
     strings?: any;
-    ref?: LegacyRef<PktDatepicker_2>;
+    ref?: LegacyRef<HTMLInputElement>;
     onChange?: ChangeEventHandler<HTMLInputElement>;
     onInput?: ChangeEventHandler<HTMLInputElement>;
     onBlur?: FocusEventHandler<HTMLInputElement>;
@@ -217,7 +212,7 @@ declare interface IPktIcon extends PktElType {
     'aria-hidden'?: Booleanish | undefined;
 }
 
-declare interface IPktInputWrapper extends RefAttributes<HTMLElement> {
+declare interface IPktInputWrapper extends Omit<PktElType, 'ref'> {
     forId: string;
     label: string;
     helptext?: string | ReactNode | ReactNode[];
@@ -236,9 +231,9 @@ declare interface IPktInputWrapper extends RefAttributes<HTMLElement> {
     inline?: boolean;
     ariaDescribedby?: string;
     useWrapper?: boolean;
-    children?: ReactNode | ReactNode[];
-    className?: string;
     hasFieldset?: boolean;
+    ref?: LegacyRef<PktInputWrapper_2>;
+    onToggleHelpText?: (e: CustomEvent) => void;
 }
 
 declare interface IPktLink extends Omit<PktElType, 'onClick'> {
@@ -397,13 +392,11 @@ declare interface IPktTag extends PktElType {
     onClose?: (e: CustomEvent) => void;
 }
 
-declare interface IPktTextarea extends Omit<PktElType, 'ref'> {
-    id: string;
+declare interface IPktTextarea extends TextareaHTMLAttributes<HTMLTextAreaElement> {
     ariaDescribedby?: string;
     ariaLabelledby?: string;
     counter?: boolean;
     counterMaxLength?: number;
-    disabled?: boolean;
     errorMessage?: string | ReactNode | ReactNode[];
     hasError?: boolean;
     helptext?: string | ReactNode | ReactNode[];
@@ -411,17 +404,14 @@ declare interface IPktTextarea extends Omit<PktElType, 'ref'> {
     helptextDropdownButton?: string;
     inline?: boolean;
     fullwidth?: boolean;
-    label: string;
-    name?: string;
+    label?: string;
     optionalTag?: boolean;
     optionalText?: string;
     requiredTag?: boolean;
     requiredText?: string;
-    placeholder?: string;
-    rows?: number;
     useWrapper?: boolean;
     value?: string;
-    ref?: LegacyRef<PktTextarea_2>;
+    ref?: LegacyRef<HTMLTextAreaElement>;
     onChange?: ChangeEventHandler<HTMLTextAreaElement>;
     onInput?: ChangeEventHandler<HTMLTextAreaElement>;
     onBlur?: FocusEventHandler<HTMLTextAreaElement>;
@@ -430,13 +420,10 @@ declare interface IPktTextarea extends Omit<PktElType, 'ref'> {
     onToggleHelpText?: (e: CustomEvent) => void;
 }
 
-declare interface IPktTextinput extends Omit<PktElType, 'ref'> {
-    id: string;
+declare interface IPktTextinput extends InputHTMLAttributes<HTMLInputElement> {
     ariaLabelledby?: string;
-    autocomplete?: string;
     counter?: boolean;
     counterMaxLength?: number;
-    disabled?: boolean;
     errorMessage?: string | ReactNode | ReactNode[];
     hasError?: boolean;
     helptext?: string | ReactNode | ReactNode[];
@@ -445,20 +432,17 @@ declare interface IPktTextinput extends Omit<PktElType, 'ref'> {
     iconNameRight?: string;
     inline?: boolean;
     fullwidth?: boolean;
-    label: string;
-    name?: string;
+    label?: string;
     optionalTag?: boolean;
     optionalText?: string;
     requiredTag?: boolean;
     requiredText?: string;
-    placeholder?: string;
     prefix?: string;
     suffix?: string;
-    type?: string;
     useWrapper?: boolean;
     value?: string;
     omitSearchIcon?: boolean;
-    ref?: LegacyRef<PktTextinput_2>;
+    ref?: LegacyRef<HTMLInputElement>;
     onChange?: ChangeEventHandler<HTMLInputElement>;
     onInput?: ChangeEventHandler<HTMLInputElement>;
     onBlur?: FocusEventHandler<HTMLInputElement>;
@@ -578,7 +562,7 @@ export declare const PktCard: FC<IPktCard>;
 
 export declare const PktCheckbox: default_2.ForwardRefExoticComponent<IPktCheckbox & default_2.RefAttributes<HTMLInputElement>>;
 
-export declare const PktDatepicker: ForwardRefExoticComponent<IPktDatepicker>;
+export declare const PktDatepicker: default_2.ForwardRefExoticComponent<IPktDatepicker>;
 
 declare interface PktElType extends default_2.HTMLAttributes<HTMLElement> {
     className?: string;
@@ -610,7 +594,7 @@ export declare const PktIcon: FC<IPktIcon>;
  */
 export declare const PktInput: default_2.ForwardRefExoticComponent<InputProps & default_2.RefAttributes<HTMLInputElement>>;
 
-export declare const PktInputWrapper: default_2.ForwardRefExoticComponent<Omit<IPktInputWrapper, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+export declare const PktInputWrapper: FC<IPktInputWrapper>;
 
 export declare const PktLink: FC<IPktLink>;
 
@@ -652,9 +636,9 @@ export declare const PktTabs: default_2.ForwardRefExoticComponent<ITabs & defaul
 
 export declare const PktTag: FC<IPktTag>;
 
-export declare const PktTextarea: ForwardRefExoticComponent<IPktTextarea>;
+export declare const PktTextarea: default_2.ForwardRefExoticComponent<IPktTextarea>;
 
-export declare const PktTextinput: ForwardRefExoticComponent<IPktTextinput>;
+export declare const PktTextinput: default_2.ForwardRefExoticComponent<IPktTextinput>;
 
 declare interface PreviewProps {
     children?: ReactNode;