optimized-react-component-library-xyz123 0.1.130 → 0.1.132

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React$1, { FC } from 'react';
 import * as reselect from 'reselect';
 import * as _reduxjs_toolkit from '@reduxjs/toolkit';
 import { PayloadAction, ActionReducerMapBuilder } from '@reduxjs/toolkit';
@@ -164,12 +164,12 @@ declare const AddFiles: FC<AddFilesProps>;
 /**
  * Kontrollerar om en fråga har ett valideringsfel baserat på dess egenskaper och valideringstyper.
  *
- * @param questionObject - Den fråga som ska kontrolleras.
- * @param arrayOfQuestionObjects - Alla frågor i formuläret (behövs för gruppvalideringar).
+ * @param question - Den fråga som ska kontrolleras.
+ * @param questions - Alla frågor i formuläret (behövs för gruppvalideringar).
  * @returns `true` om frågan har ett valideringsfel, annars `false`.
  *
  */
-declare const hasQuestionValidationError: (questionObject: any, arrayOfQuestionObjects: any[]) => boolean;
+declare const hasQuestionValidationError: (question: any, questions: any[]) => boolean;
 
 interface TranslatedAnswers {
     [questionId: string]: {
@@ -244,17 +244,22 @@ declare const isQuestionDependencySatisfied: (data: any[], question: any) => boo
 declare const updateQuestionsAndCategoriesVisibilityAndErrors: (questions: IQuestion[], validationErrorsList: number[]) => any[];
 
 /**
- * Går igenom alla synliga frågor och returnerar
+ * Går igenom alla synliga frågor i aktuella steget och returnerar
  * en lista med fråge-ID:n som har valideringsfel.
  *
- * Endast frågor som är markerade som `visible` och som returnerar `true`
- * från `QuestionHasValidationError()` inkluderas i resultatet.
+ * Endast frågor som är markerade som `visible` och som inte
+ * valideras korrekt enligt config inkluderas i resultatet.
+ *
+ * @param {Object} currentStepQuestions Aktuella steget (stepObjekt) med alla dess kategorier,
+ *                                      questionGroups och questions.
+ *
+ * @param {Array} questions             En lista med alla frågor i formuläret.
+ *                                      Används för att avgöra om en fråga validerar
+ *                                      korrekt utifrån hela frågedatat.
  *
- * @param data - Fyll på...
- * @param formQuestion - Fyll på...
  * @returns En array med ID:n (`number[]`) för frågor som har valideringsfel.
  */
-declare function findVisibleQuestionsWithValidationErrors(data: any, formQuestion: any): number[];
+declare function findVisibleQuestionsWithValidationErrors(currentStepQuestions: any, questions: any): number[];
 
 /**
  * Bygger upp en hierarkisk datastruktur för formuläret, grupperad per steg, kategori och frågegrupp.
@@ -266,8 +271,8 @@ declare function findVisibleQuestionsWithValidationErrors(data: any, formQuestio
  *
  * Dessutom uppdateras frågor med `visible` baserat på dess beroende till andra frågor och `hasValidationError` baserat på aktuell valideringsstatus.
  *
- * @param questions - Alla frågor i formuläret (`IQuestion[]`).
- * @param steps - Lista över alla steg i formuläret (`IStepObject[]`).
+ * @param questions - Alla frågor i formuläret.
+ * @param steps - Lista över alla steg i formuläret.
  * @param validationErrorsList - Lista med fråge-ID:n som har valideringsfel.
  * @returns En lista av stegobjekt med tillhörande kategorier och grupper.
  *
@@ -353,19 +358,51 @@ declare const makeglobalLanguageSelectors: <TState>(selectSlice: (state: TState)
     };
 };
 
+/**
+ * createFormSlice skapar ett Redux-slice som hanterar allt globalt state
+ * kopplat till formuläret såsom applicationContent, steps och questions
+ */
 declare const createFormSlice: (initialState: IFormState, options?: {
     name?: string;
     extraReducers?: (builder: ActionReducerMapBuilder<IFormState>) => void;
 }) => _reduxjs_toolkit.Slice<IFormState, {
+    /**
+     * Laddar in eller uppdaterar applikationens övergripande textdata och metadata i.
+     * global state. Sätter även formLoaded = true när innehållet är färdiginläst.
+     */
     setApplicationContent: (state: immer.WritableDraft<IFormState>, action: PayloadAction<any>) => void;
+    /**
+     * Laddar in eller uppdaterar step-data i global state.
+     */
     setStep: (state: immer.WritableDraft<IFormState>, action: PayloadAction<any>) => void;
+    /**
+     * Laddar in eller uppdaterar question-data i global state.
+     */
     setQuestion: (state: immer.WritableDraft<IFormState>, action: PayloadAction<any>) => void;
+    /**
+     * Uppdaterar svaret för en specifik fråga i global state.
+     */
     updateAnswer: (state: immer.WritableDraft<IFormState>, action: PayloadAction<any>) => void;
+    /** Uppdaterar filer för en specifik fråga i global state */
     addFiles: (state: immer.WritableDraft<IFormState>, action: PayloadAction<any>) => void;
+    /**
+     * Sätter `isDisplayed = false` för alla frågor vars step-nummer är större än
+     * eller lika med det aktiva steget.
+     */
     hideQuestionsFromStep: (state: immer.WritableDraft<IFormState>, action: PayloadAction<any>) => void;
+    /**
+     * Sätter `isDisplayed` för en specifik fråga i global state.
+     */
     setQuestionDisplayed: (state: immer.WritableDraft<IFormState>, action: PayloadAction<any>) => void;
+    /** Tar bort svar på frågor framåt i formuläret som är beroende av en
+     * specifik fråga som har ändrats.
+     */
     resetDependentAnswersForward: (state: immer.WritableDraft<IFormState>, action: PayloadAction<any>) => void;
 }, string, string, _reduxjs_toolkit.SliceSelectors<IFormState>>;
+/**
+ * Skapar ett set av selectors för formulärets globala state.
+
+ */
 declare const makeFormSelectors: <TState>(selectSlice: (state: TState) => IFormState) => {
     selectFormState: (state: TState) => IFormState;
     selectIsFormLoaded: (state: TState) => boolean;
@@ -598,7 +635,44 @@ declare const useCookieConsent: ({ cookieName, choiceKey, expiryYears, onConsent
 
 declare const QuestionRenderer: ({ question, isTouched, activatedLanguage, showPreview, }: any) => react_jsx_runtime.JSX.Element;
 
-declare const QuestionGroup: ({ questionArray, wrapper, legend, isTouched, activatedLanguage, showPreview, AddQuestionDisplayed, }: any) => react_jsx_runtime.JSX.Element;
+type WrapperElement = 'fieldset' | 'section' | 'div' | 'none';
+interface Question {
+    id: number | string;
+    visible: boolean;
+    isDisplayed: boolean;
+    isQuestionMandatory?: boolean;
+    hasValidationError?: boolean;
+    validationDefaultMessesege?: string;
+    [key: string]: any;
+}
+interface QuestionGroupProps {
+    questions: Question[];
+    wrapperElement?: WrapperElement;
+    legendLabel?: string;
+    activatedLanguage: string;
+    showPreview?: boolean;
+    handleQuestionInputChange: (question: Question, event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
+    markQuestionAsDisplayed: (question: Question) => void;
+}
+
+/**
+ * Komponenten ansvarar för att rendera en grupp av frågor med valfri wrapper:
+ * ('fieldset', 'section', 'div', eller 'none')
+ *
+ * @param {Question[]} questions                    Alla frågor i den här gruppen.
+ *                                                  Första frågan används som "bärare" av valideringsattribut
+ *                                                  när wrappern är ett fieldset.
+ * @param {WrapperElement} wrapperElement           Vilket HTML-element gruppen ska renderas i
+ *                                                  ('fieldset' | 'section' | 'div' | 'none').
+ * @param {string} legendLabel                      Texten som visas i legend när wrapperElement är 'fieldset'.
+ * @param {string} activatedLanguage                Applikationens aktiva språk.
+ * @param {boolean} showPreview                     Om true visas frågorna i gransknings-/preview-läge.
+ * @param {Function} handleQuestionInputChange      Callback som anropas när en fråga ändras.
+ *                                                  Skickar med både frågeobjektet och eventet.
+ * @param {Function} props.markQuestionAsDisplayed  Anropas när en fråga visas för att markera den som "displayed"
+ *                                                  i globalt state.
+ */
+declare const QuestionGroup: React$1.FC<QuestionGroupProps>;
 
 interface CookieBannerProps {
     isTouched?: any;
@@ -609,7 +683,7 @@ interface CookieBannerProps {
     rejectCookies: () => void;
 }
 
-declare const CookieBanner: React.FC<CookieBannerProps>;
+declare const CookieBanner: React$1.FC<CookieBannerProps>;
 
 interface FooterProps {
     activatedLanguage?: string;
@@ -668,24 +742,46 @@ interface EditPreviewLinkProps {
 declare const EditPreviewLink: FC<EditPreviewLinkProps>;
 
 interface StartApplicationButtonProps {
-    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onClick: (event: React$1.MouseEvent<HTMLButtonElement>) => void;
     label?: string;
     className?: string;
 }
 /**
  * En standardiserad knapp för att starta e-tjänsten.
  */
-declare const StartApplicationButton: React.FC<StartApplicationButtonProps>;
+declare const StartApplicationButton: React$1.FC<StartApplicationButtonProps>;
 
 interface StepperButtonsProps {
-    languageSupported?: any;
-    handleActiveStep: (activeStep: number) => void;
-    forwardButtonHandler?: (e: any) => void;
-    submitButtonHandler?: (e: any) => void;
-    arraySteps?: any[];
+    globalLanguageState?: any;
+    changeStepHandler: (activeStep: number) => void;
+    nextStepButtonHandler?: (e: any) => void;
+    onSubmitHandler?: (e: any) => void;
+    steps?: any[];
     activeStep: number;
 }
 
+/**
+ * Renderar navigationsknappar för steg-navigering i ett flerstegsformulär.
+ *
+ * Funktionalitet:
+ * Visar en "Tillbaka"-knapp när activeStep > 0.
+ * Visar "Nästa"-knappen fram tills sista steget.
+ * Byter "Nästa"-knappen till "Skicka" vid sista steget.
+ *
+ * @param {Object} globalLanguageState          Objekt med språksträngar för knapparna.
+ *                                              Förväntas innehålla: backButton, forwardButton, sendButton.
+ *
+ * @param {Function} changeStepHandler          Callback när användaren går bakåt i stegen.
+ *
+ * @param {Function} nextStepButtonHandler      Callback när användaren går till nästa steg.
+ *
+ * @param {Function} onSubmitHandler            Callback när sista steget nås och formuläret ska skickas in.
+ *
+ * @param {Array} steps                         Lista över alla steg i formuläret.
+ *                                              Används för att räkna ut sista stegnumret.
+ *
+ * @param {number} activeStep                   Det aktuella steget i flerstegsformuläret.
+ */
 declare const StepperButtons: FC<StepperButtonsProps>;
 
 interface StepperProps {
@@ -696,21 +792,30 @@ interface StepperProps {
 declare const Stepper: FC<StepperProps>;
 
 interface ValidationErrorSummaryListProps {
-    formQuestions: any[];
+    questions: any[];
     activatedLanguage: string;
-    validationErrorsList: any[];
-    summaryText?: string;
+    validationErrorsList: number[];
 }
 
-declare const ValidationErrorSummaryList: React.FC<ValidationErrorSummaryListProps>;
+/**
+ * Renderar en summering av valideringsfel.
+ *
+ * @param validationErrorsList Lista av fråge-id:n som har valideringsfel.
+ * @param questions            Alla frågor i formuläret (används för att hitta labels m.m.).
+ * @param activatedLanguage    Aktivt språk.
+ */
+declare const ValidationErrorSummaryList: React$1.FC<ValidationErrorSummaryListProps>;
 
 interface FormStatusMessagesProps {
     formStatus: string;
 }
 /**
- * Visar statusmeddelanden för formulär på ett tillgängligt sätt.
- * Använder aria-live-regioner för att informera användare med skärmläsare.
+ * Visar error-meddelande om formuläret misslyckas att skicka in.
+ * När formuläret laddas visas ett laddningsmeddelande för skärmläsare.
+ *
+ * @param {string} props.formStatus Nuvarande status för formuläret
+ *
  */
-declare const FormStatusMessagesScreenReader: React.FC<FormStatusMessagesProps>;
+declare const FormStatusMessagesScreenReader: React$1.FC<FormStatusMessagesProps>;
 
 export { AddFiles as AddFilesStandard, CookieBanner, type CookieConsentConfig, EditPreviewLink as EditPreviewLinkStandard, Footer as FooterStandard, FormStatusMessagesScreenReader, Header as HeaderStandard, type IApplicationContent, type IFormState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, InfoOnly as InfoOnlyStandard, type LanguageSupportConfig, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, PrincipleOfPublicity as PrincipleOfPublicityStandard, QuestionGroup, QuestionRenderer, InputRadio as RadioMultipleStandard, SkipLink as SkipLinkStandard, StartApplicationButton, StepperButtons as StepperButtonsStandard, Stepper as StepperStandard, InputTextarea as TextAreaStandard, TextBody, TextFieldStandard, ValidationErrorSummaryList, buildStepCategoryGroupQuestionStructure, createApiDataObject, createCookieConsent, createFormSlice, createGlobalLanguageSlice, createGlobalLanguageSlice as createLanguageSlice, createFormSlice as createQuestionsSlice, findVisibleQuestionsWithValidationErrors, focusElement, getGroupCheckIds, hasQuestionValidationError, isQuestionDependencySatisfied, isScriptLoaded, makeFormSelectors, makeglobalLanguageSelectors as makeLanguageSelectors, makeFormSelectors as makeQuestionsSelectors, makeglobalLanguageSelectors, preparePreviewData, removeScriptById, toggleScriptByConsent, updateQuestionsAndCategoriesVisibilityAndErrors, useCookieConsent, useFormStatusModal, useInputMethodDetection, usePTSPageTitle };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React$1, { FC } from 'react';
 import * as reselect from 'reselect';
 import * as _reduxjs_toolkit from '@reduxjs/toolkit';
 import { PayloadAction, ActionReducerMapBuilder } from '@reduxjs/toolkit';
@@ -164,12 +164,12 @@ declare const AddFiles: FC<AddFilesProps>;
 /**
  * Kontrollerar om en fråga har ett valideringsfel baserat på dess egenskaper och valideringstyper.
  *
- * @param questionObject - Den fråga som ska kontrolleras.
- * @param arrayOfQuestionObjects - Alla frågor i formuläret (behövs för gruppvalideringar).
+ * @param question - Den fråga som ska kontrolleras.
+ * @param questions - Alla frågor i formuläret (behövs för gruppvalideringar).
  * @returns `true` om frågan har ett valideringsfel, annars `false`.
  *
  */
-declare const hasQuestionValidationError: (questionObject: any, arrayOfQuestionObjects: any[]) => boolean;
+declare const hasQuestionValidationError: (question: any, questions: any[]) => boolean;
 
 interface TranslatedAnswers {
     [questionId: string]: {
@@ -244,17 +244,22 @@ declare const isQuestionDependencySatisfied: (data: any[], question: any) => boo
 declare const updateQuestionsAndCategoriesVisibilityAndErrors: (questions: IQuestion[], validationErrorsList: number[]) => any[];
 
 /**
- * Går igenom alla synliga frågor och returnerar
+ * Går igenom alla synliga frågor i aktuella steget och returnerar
  * en lista med fråge-ID:n som har valideringsfel.
  *
- * Endast frågor som är markerade som `visible` och som returnerar `true`
- * från `QuestionHasValidationError()` inkluderas i resultatet.
+ * Endast frågor som är markerade som `visible` och som inte
+ * valideras korrekt enligt config inkluderas i resultatet.
+ *
+ * @param {Object} currentStepQuestions Aktuella steget (stepObjekt) med alla dess kategorier,
+ *                                      questionGroups och questions.
+ *
+ * @param {Array} questions             En lista med alla frågor i formuläret.
+ *                                      Används för att avgöra om en fråga validerar
+ *                                      korrekt utifrån hela frågedatat.
  *
- * @param data - Fyll på...
- * @param formQuestion - Fyll på...
  * @returns En array med ID:n (`number[]`) för frågor som har valideringsfel.
  */
-declare function findVisibleQuestionsWithValidationErrors(data: any, formQuestion: any): number[];
+declare function findVisibleQuestionsWithValidationErrors(currentStepQuestions: any, questions: any): number[];
 
 /**
  * Bygger upp en hierarkisk datastruktur för formuläret, grupperad per steg, kategori och frågegrupp.
@@ -266,8 +271,8 @@ declare function findVisibleQuestionsWithValidationErrors(data: any, formQuestio
  *
  * Dessutom uppdateras frågor med `visible` baserat på dess beroende till andra frågor och `hasValidationError` baserat på aktuell valideringsstatus.
  *
- * @param questions - Alla frågor i formuläret (`IQuestion[]`).
- * @param steps - Lista över alla steg i formuläret (`IStepObject[]`).
+ * @param questions - Alla frågor i formuläret.
+ * @param steps - Lista över alla steg i formuläret.
  * @param validationErrorsList - Lista med fråge-ID:n som har valideringsfel.
  * @returns En lista av stegobjekt med tillhörande kategorier och grupper.
  *
@@ -353,19 +358,51 @@ declare const makeglobalLanguageSelectors: <TState>(selectSlice: (state: TState)
     };
 };
 
+/**
+ * createFormSlice skapar ett Redux-slice som hanterar allt globalt state
+ * kopplat till formuläret såsom applicationContent, steps och questions
+ */
 declare const createFormSlice: (initialState: IFormState, options?: {
     name?: string;
     extraReducers?: (builder: ActionReducerMapBuilder<IFormState>) => void;
 }) => _reduxjs_toolkit.Slice<IFormState, {
+    /**
+     * Laddar in eller uppdaterar applikationens övergripande textdata och metadata i.
+     * global state. Sätter även formLoaded = true när innehållet är färdiginläst.
+     */
     setApplicationContent: (state: immer.WritableDraft<IFormState>, action: PayloadAction<any>) => void;
+    /**
+     * Laddar in eller uppdaterar step-data i global state.
+     */
     setStep: (state: immer.WritableDraft<IFormState>, action: PayloadAction<any>) => void;
+    /**
+     * Laddar in eller uppdaterar question-data i global state.
+     */
     setQuestion: (state: immer.WritableDraft<IFormState>, action: PayloadAction<any>) => void;
+    /**
+     * Uppdaterar svaret för en specifik fråga i global state.
+     */
     updateAnswer: (state: immer.WritableDraft<IFormState>, action: PayloadAction<any>) => void;
+    /** Uppdaterar filer för en specifik fråga i global state */
     addFiles: (state: immer.WritableDraft<IFormState>, action: PayloadAction<any>) => void;
+    /**
+     * Sätter `isDisplayed = false` för alla frågor vars step-nummer är större än
+     * eller lika med det aktiva steget.
+     */
     hideQuestionsFromStep: (state: immer.WritableDraft<IFormState>, action: PayloadAction<any>) => void;
+    /**
+     * Sätter `isDisplayed` för en specifik fråga i global state.
+     */
     setQuestionDisplayed: (state: immer.WritableDraft<IFormState>, action: PayloadAction<any>) => void;
+    /** Tar bort svar på frågor framåt i formuläret som är beroende av en
+     * specifik fråga som har ändrats.
+     */
     resetDependentAnswersForward: (state: immer.WritableDraft<IFormState>, action: PayloadAction<any>) => void;
 }, string, string, _reduxjs_toolkit.SliceSelectors<IFormState>>;
+/**
+ * Skapar ett set av selectors för formulärets globala state.
+
+ */
 declare const makeFormSelectors: <TState>(selectSlice: (state: TState) => IFormState) => {
     selectFormState: (state: TState) => IFormState;
     selectIsFormLoaded: (state: TState) => boolean;
@@ -598,7 +635,44 @@ declare const useCookieConsent: ({ cookieName, choiceKey, expiryYears, onConsent
 
 declare const QuestionRenderer: ({ question, isTouched, activatedLanguage, showPreview, }: any) => react_jsx_runtime.JSX.Element;
 
-declare const QuestionGroup: ({ questionArray, wrapper, legend, isTouched, activatedLanguage, showPreview, AddQuestionDisplayed, }: any) => react_jsx_runtime.JSX.Element;
+type WrapperElement = 'fieldset' | 'section' | 'div' | 'none';
+interface Question {
+    id: number | string;
+    visible: boolean;
+    isDisplayed: boolean;
+    isQuestionMandatory?: boolean;
+    hasValidationError?: boolean;
+    validationDefaultMessesege?: string;
+    [key: string]: any;
+}
+interface QuestionGroupProps {
+    questions: Question[];
+    wrapperElement?: WrapperElement;
+    legendLabel?: string;
+    activatedLanguage: string;
+    showPreview?: boolean;
+    handleQuestionInputChange: (question: Question, event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
+    markQuestionAsDisplayed: (question: Question) => void;
+}
+
+/**
+ * Komponenten ansvarar för att rendera en grupp av frågor med valfri wrapper:
+ * ('fieldset', 'section', 'div', eller 'none')
+ *
+ * @param {Question[]} questions                    Alla frågor i den här gruppen.
+ *                                                  Första frågan används som "bärare" av valideringsattribut
+ *                                                  när wrappern är ett fieldset.
+ * @param {WrapperElement} wrapperElement           Vilket HTML-element gruppen ska renderas i
+ *                                                  ('fieldset' | 'section' | 'div' | 'none').
+ * @param {string} legendLabel                      Texten som visas i legend när wrapperElement är 'fieldset'.
+ * @param {string} activatedLanguage                Applikationens aktiva språk.
+ * @param {boolean} showPreview                     Om true visas frågorna i gransknings-/preview-läge.
+ * @param {Function} handleQuestionInputChange      Callback som anropas när en fråga ändras.
+ *                                                  Skickar med både frågeobjektet och eventet.
+ * @param {Function} props.markQuestionAsDisplayed  Anropas när en fråga visas för att markera den som "displayed"
+ *                                                  i globalt state.
+ */
+declare const QuestionGroup: React$1.FC<QuestionGroupProps>;
 
 interface CookieBannerProps {
     isTouched?: any;
@@ -609,7 +683,7 @@ interface CookieBannerProps {
     rejectCookies: () => void;
 }
 
-declare const CookieBanner: React.FC<CookieBannerProps>;
+declare const CookieBanner: React$1.FC<CookieBannerProps>;
 
 interface FooterProps {
     activatedLanguage?: string;
@@ -668,24 +742,46 @@ interface EditPreviewLinkProps {
 declare const EditPreviewLink: FC<EditPreviewLinkProps>;
 
 interface StartApplicationButtonProps {
-    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onClick: (event: React$1.MouseEvent<HTMLButtonElement>) => void;
     label?: string;
     className?: string;
 }
 /**
  * En standardiserad knapp för att starta e-tjänsten.
  */
-declare const StartApplicationButton: React.FC<StartApplicationButtonProps>;
+declare const StartApplicationButton: React$1.FC<StartApplicationButtonProps>;
 
 interface StepperButtonsProps {
-    languageSupported?: any;
-    handleActiveStep: (activeStep: number) => void;
-    forwardButtonHandler?: (e: any) => void;
-    submitButtonHandler?: (e: any) => void;
-    arraySteps?: any[];
+    globalLanguageState?: any;
+    changeStepHandler: (activeStep: number) => void;
+    nextStepButtonHandler?: (e: any) => void;
+    onSubmitHandler?: (e: any) => void;
+    steps?: any[];
     activeStep: number;
 }
 
+/**
+ * Renderar navigationsknappar för steg-navigering i ett flerstegsformulär.
+ *
+ * Funktionalitet:
+ * Visar en "Tillbaka"-knapp när activeStep > 0.
+ * Visar "Nästa"-knappen fram tills sista steget.
+ * Byter "Nästa"-knappen till "Skicka" vid sista steget.
+ *
+ * @param {Object} globalLanguageState          Objekt med språksträngar för knapparna.
+ *                                              Förväntas innehålla: backButton, forwardButton, sendButton.
+ *
+ * @param {Function} changeStepHandler          Callback när användaren går bakåt i stegen.
+ *
+ * @param {Function} nextStepButtonHandler      Callback när användaren går till nästa steg.
+ *
+ * @param {Function} onSubmitHandler            Callback när sista steget nås och formuläret ska skickas in.
+ *
+ * @param {Array} steps                         Lista över alla steg i formuläret.
+ *                                              Används för att räkna ut sista stegnumret.
+ *
+ * @param {number} activeStep                   Det aktuella steget i flerstegsformuläret.
+ */
 declare const StepperButtons: FC<StepperButtonsProps>;
 
 interface StepperProps {
@@ -696,21 +792,30 @@ interface StepperProps {
 declare const Stepper: FC<StepperProps>;
 
 interface ValidationErrorSummaryListProps {
-    formQuestions: any[];
+    questions: any[];
     activatedLanguage: string;
-    validationErrorsList: any[];
-    summaryText?: string;
+    validationErrorsList: number[];
 }
 
-declare const ValidationErrorSummaryList: React.FC<ValidationErrorSummaryListProps>;
+/**
+ * Renderar en summering av valideringsfel.
+ *
+ * @param validationErrorsList Lista av fråge-id:n som har valideringsfel.
+ * @param questions            Alla frågor i formuläret (används för att hitta labels m.m.).
+ * @param activatedLanguage    Aktivt språk.
+ */
+declare const ValidationErrorSummaryList: React$1.FC<ValidationErrorSummaryListProps>;
 
 interface FormStatusMessagesProps {
     formStatus: string;
 }
 /**
- * Visar statusmeddelanden för formulär på ett tillgängligt sätt.
- * Använder aria-live-regioner för att informera användare med skärmläsare.
+ * Visar error-meddelande om formuläret misslyckas att skicka in.
+ * När formuläret laddas visas ett laddningsmeddelande för skärmläsare.
+ *
+ * @param {string} props.formStatus Nuvarande status för formuläret
+ *
  */
-declare const FormStatusMessagesScreenReader: React.FC<FormStatusMessagesProps>;
+declare const FormStatusMessagesScreenReader: React$1.FC<FormStatusMessagesProps>;
 
 export { AddFiles as AddFilesStandard, CookieBanner, type CookieConsentConfig, EditPreviewLink as EditPreviewLinkStandard, Footer as FooterStandard, FormStatusMessagesScreenReader, Header as HeaderStandard, type IApplicationContent, type IFormState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, InfoOnly as InfoOnlyStandard, type LanguageSupportConfig, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, PrincipleOfPublicity as PrincipleOfPublicityStandard, QuestionGroup, QuestionRenderer, InputRadio as RadioMultipleStandard, SkipLink as SkipLinkStandard, StartApplicationButton, StepperButtons as StepperButtonsStandard, Stepper as StepperStandard, InputTextarea as TextAreaStandard, TextBody, TextFieldStandard, ValidationErrorSummaryList, buildStepCategoryGroupQuestionStructure, createApiDataObject, createCookieConsent, createFormSlice, createGlobalLanguageSlice, createGlobalLanguageSlice as createLanguageSlice, createFormSlice as createQuestionsSlice, findVisibleQuestionsWithValidationErrors, focusElement, getGroupCheckIds, hasQuestionValidationError, isQuestionDependencySatisfied, isScriptLoaded, makeFormSelectors, makeglobalLanguageSelectors as makeLanguageSelectors, makeFormSelectors as makeQuestionsSelectors, makeglobalLanguageSelectors, preparePreviewData, removeScriptById, toggleScriptByConsent, updateQuestionsAndCategoriesVisibilityAndErrors, useCookieConsent, useFormStatusModal, useInputMethodDetection, usePTSPageTitle };