optimized-react-component-library-xyz123 2.5.4 → 2.5.6

package/dist/index.d.mts

@@ -940,7 +940,6 @@ interface StepperButtonsProps {
     onSubmitHandler?: (e: any) => void;
     steps?: any[];
     activeStep: number;
-    appUsesApi?: boolean;
 }
 
 /**
@@ -974,6 +973,39 @@ interface StepperProps {
 
 declare const Stepper: FC<StepperProps>;
 
+interface StepperButtonsNoApiProps {
+    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 StepperButtonsNoApi: FC<StepperButtonsNoApiProps>;
+
 interface ValidationErrorSummaryListProps {
     questions: any[];
     activatedLanguage: string;
@@ -1003,4 +1035,4 @@ interface FormStatusMessagesProps {
  */
 declare const FormStatusMessagesScreenReader: React$1.FC<FormStatusMessagesProps>;
 
-export { AddFiles as AddFilesStandard, AlertInTextStandard, CheckboxGroup as CheckboxGroupStandard, Collapse, CookieBanner, type CookieConsentConfig, EditPreviewLink as EditPreviewLinkStandard, Footer as FooterStandard, FormStatusMessagesScreenReader, Header as HeaderStandard, type IAppSettings, type IAppSettingsCookies, type IApplicationContent, type IFormState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, InputInfoOnly as InfoOnlyStandard, type LanguageSupportConfig, LinkList as LinkListStandard, LinkStandard, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, Navigation, NavigationHeader, PrincipleOfPublicity as PrincipleOfPublicityStandard, QuestionGroup, QuestionRenderer, InputRadio as RadioMultipleStandard, SearchBar, SingleCheckbox as SingleCheckboxStandard, 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 };
+export { AddFiles as AddFilesStandard, AlertInTextStandard, CheckboxGroup as CheckboxGroupStandard, Collapse, CookieBanner, type CookieConsentConfig, EditPreviewLink as EditPreviewLinkStandard, Footer as FooterStandard, FormStatusMessagesScreenReader, Header as HeaderStandard, type IAppSettings, type IAppSettingsCookies, type IApplicationContent, type IFormState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, InputInfoOnly as InfoOnlyStandard, type LanguageSupportConfig, LinkList as LinkListStandard, LinkStandard, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, Navigation, NavigationHeader, PrincipleOfPublicity as PrincipleOfPublicityStandard, QuestionGroup, QuestionRenderer, InputRadio as RadioMultipleStandard, SearchBar, SingleCheckbox as SingleCheckboxStandard, SkipLink as SkipLinkStandard, StartApplicationButton, StepperButtonsNoApi as StepperButtonsNoApiStandard, 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

@@ -940,7 +940,6 @@ interface StepperButtonsProps {
     onSubmitHandler?: (e: any) => void;
     steps?: any[];
     activeStep: number;
-    appUsesApi?: boolean;
 }
 
 /**
@@ -974,6 +973,39 @@ interface StepperProps {
 
 declare const Stepper: FC<StepperProps>;
 
+interface StepperButtonsNoApiProps {
+    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 StepperButtonsNoApi: FC<StepperButtonsNoApiProps>;
+
 interface ValidationErrorSummaryListProps {
     questions: any[];
     activatedLanguage: string;
@@ -1003,4 +1035,4 @@ interface FormStatusMessagesProps {
  */
 declare const FormStatusMessagesScreenReader: React$1.FC<FormStatusMessagesProps>;
 
-export { AddFiles as AddFilesStandard, AlertInTextStandard, CheckboxGroup as CheckboxGroupStandard, Collapse, CookieBanner, type CookieConsentConfig, EditPreviewLink as EditPreviewLinkStandard, Footer as FooterStandard, FormStatusMessagesScreenReader, Header as HeaderStandard, type IAppSettings, type IAppSettingsCookies, type IApplicationContent, type IFormState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, InputInfoOnly as InfoOnlyStandard, type LanguageSupportConfig, LinkList as LinkListStandard, LinkStandard, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, Navigation, NavigationHeader, PrincipleOfPublicity as PrincipleOfPublicityStandard, QuestionGroup, QuestionRenderer, InputRadio as RadioMultipleStandard, SearchBar, SingleCheckbox as SingleCheckboxStandard, 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 };
+export { AddFiles as AddFilesStandard, AlertInTextStandard, CheckboxGroup as CheckboxGroupStandard, Collapse, CookieBanner, type CookieConsentConfig, EditPreviewLink as EditPreviewLinkStandard, Footer as FooterStandard, FormStatusMessagesScreenReader, Header as HeaderStandard, type IAppSettings, type IAppSettingsCookies, type IApplicationContent, type IFormState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, InputInfoOnly as InfoOnlyStandard, type LanguageSupportConfig, LinkList as LinkListStandard, LinkStandard, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, Navigation, NavigationHeader, PrincipleOfPublicity as PrincipleOfPublicityStandard, QuestionGroup, QuestionRenderer, InputRadio as RadioMultipleStandard, SearchBar, SingleCheckbox as SingleCheckboxStandard, SkipLink as SkipLinkStandard, StartApplicationButton, StepperButtonsNoApi as StepperButtonsNoApiStandard, 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.js

@@ -54,6 +54,7 @@ __export(index_exports, {
   SingleCheckboxStandard: () => SingleCheckboxStandard_default,
   SkipLinkStandard: () => SkipLinkStandard_default,
   StartApplicationButton: () => StartApplicationButton_default,
+  StepperButtonsNoApiStandard: () => StepperButtonsNoApiStandard_default,
   StepperButtonsStandard: () => StepperButtonsStandard_default,
   StepperStandard: () => StepperStandard_default,
   TextAreaStandard: () => TextAreaStandard_default,
@@ -3980,8 +3981,7 @@ var StepperButtons = ({
   nextStepButtonHandler,
   onSubmitHandler,
   steps,
-  activeStep,
-  appUsesApi = true
+  activeStep
 }) => {
   const totalSteps = steps ? steps.length : "";
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "pts-stepperButtons-container", children: [
@@ -4001,9 +4001,8 @@ var StepperButtons = ({
         className: "pts-forwardButton",
         onClick: activeStep !== totalSteps ? nextStepButtonHandler : onSubmitHandler,
         children: [
-          appUsesApi && activeStep !== totalSteps && globalLanguageState ? globalLanguageState.forwardButton : "",
-          appUsesApi && activeStep === totalSteps && globalLanguageState ? globalLanguageState.sendButton : "",
-          !appUsesApi && activeStep === totalSteps && globalLanguageState ? globalLanguageState.restartButton : "Starta om"
+          activeStep !== totalSteps && globalLanguageState ? globalLanguageState.forwardButton : "",
+          activeStep === totalSteps && globalLanguageState ? globalLanguageState.sendButton : ""
         ]
       }
     )
@@ -4054,8 +4053,54 @@ var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
 };
 var StepperStandard_default = Stepper;
 
-// src/components/validation-and-status/ValidationErrorSummaryList/ValidationErrorSummaryList.tsx
+// src/components/stepper/StepperButtonsNoApiStandard/StepperButtonsNoApiStandard.tsx
 var import_jsx_runtime39 = require("react/jsx-runtime");
+var StepperButtonsNoApi = ({
+  globalLanguageState,
+  changeStepHandler,
+  nextStepButtonHandler,
+  onSubmitHandler,
+  steps,
+  activeStep
+}) => {
+  const totalSteps = steps ? steps.length : "";
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "pts-StepperButtonsNoApi-container", children: [
+    activeStep === 0 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_jsx_runtime39.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "pts-forwardButton",
+        onClick: activeStep !== totalSteps ? nextStepButtonHandler : onSubmitHandler,
+        children: activeStep !== totalSteps && globalLanguageState ? globalLanguageState.forwardButton : ""
+      }
+    ) }),
+    activeStep !== 0 && activeStep !== totalSteps && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        "button",
+        {
+          onClick: () => changeStepHandler(activeStep - 1),
+          className: "pts-backButton",
+          type: "button",
+          children: globalLanguageState ? globalLanguageState.backButton : "<<"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "pts-forwardButton",
+          onClick: activeStep !== totalSteps ? nextStepButtonHandler : onSubmitHandler,
+          children: activeStep !== totalSteps && globalLanguageState ? globalLanguageState.forwardButton : ""
+        }
+      )
+    ] }),
+    activeStep === totalSteps && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("button", { onClick: () => changeStepHandler(0), className: "pts-backButton", type: "button", children: globalLanguageState && globalLanguageState.restartButton ? globalLanguageState.restartButton : "Starta om" })
+  ] });
+};
+var StepperButtonsNoApiStandard_default = StepperButtonsNoApi;
+
+// src/components/validation-and-status/ValidationErrorSummaryList/ValidationErrorSummaryList.tsx
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var ValidationErrorSummaryList = ({
   validationErrorsList,
   questions,
@@ -4092,7 +4137,7 @@ var ValidationErrorSummaryList = ({
       }, 300);
     }
   }
-  if (!validationErrorsList.length) return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_jsx_runtime39.Fragment, {});
+  if (!validationErrorsList.length) return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_jsx_runtime40.Fragment, {});
   const filteredIds = filterIdsByGroupCheck(validationErrorsList, questions);
   const count = filteredIds.length;
   const title = summaryText.replace("{count}", count.toString()).replace(
@@ -4104,11 +4149,11 @@ var ValidationErrorSummaryList = ({
     const found = questions.find((item) => item.id === id);
     return (_a = found == null ? void 0 : found.validationSummaryLabel) != null ? _a : found == null ? void 0 : found.questionLabel;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: `pts-errorSummary-container pts-root-error ${validationErrorsList.length === 0 ? "cleanPadding" : ""}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "errorSummary-content", id: "pts-errorSummary-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h2", { id: "errorSummary-headline", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("ul", { id: "errorSummary-ul", children: filteredIds.map((questionId, i) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: `pts-errorSummary-container pts-root-error ${validationErrorsList.length === 0 ? "cleanPadding" : ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "errorSummary-content", id: "pts-errorSummary-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h2", { id: "errorSummary-headline", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("ul", { id: "errorSummary-ul", children: filteredIds.map((questionId, i) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
         "a",
         {
           href: "#",
@@ -4126,11 +4171,11 @@ var ValidationErrorSummaryList = ({
 var ValidationErrorSummaryList_default = ValidationErrorSummaryList;
 
 // src/components/validation-and-status/FormStatusMessagesScreenReader/FormStatusMessagesScreenReader.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var FormStatusMessagesScreenReader = ({ formStatus, activatedLanguage = "sv" }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { "aria-live": "assertive", children: formStatus === "failed" && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "pts-root-mandatoryAsterisk", children: activatedLanguage === "en" ? "Something went wrong, please try again later or contact us!" : "N\xE5got gick fel, f\xF6rs\xF6k igen senare eller kontakta oss!" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { "aria-live": "polite", className: "visually-hidden", children: formStatus === "loading" ? activatedLanguage === "en" ? "Your case is being registered. Please do not refresh or close the page." : "Ditt \xE4rende registreras. Uppdatera eller st\xE4ng inte sidan." : "" })
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { "aria-live": "assertive", children: formStatus === "failed" && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "pts-root-mandatoryAsterisk", children: activatedLanguage === "en" ? "Something went wrong, please try again later or contact us!" : "N\xE5got gick fel, f\xF6rs\xF6k igen senare eller kontakta oss!" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { "aria-live": "polite", className: "visually-hidden", children: formStatus === "loading" ? activatedLanguage === "en" ? "Your case is being registered. Please do not refresh or close the page." : "Ditt \xE4rende registreras. Uppdatera eller st\xE4ng inte sidan." : "" })
   ] });
 };
 var FormStatusMessagesScreenReader_default = FormStatusMessagesScreenReader;
@@ -4160,6 +4205,7 @@ var FormStatusMessagesScreenReader_default = FormStatusMessagesScreenReader;
   SingleCheckboxStandard,
   SkipLinkStandard,
   StartApplicationButton,
+  StepperButtonsNoApiStandard,
   StepperButtonsStandard,
   StepperStandard,
   TextAreaStandard,