optimized-react-component-library-xyz123 0.1.98 → 0.1.99

package/dist/index.d.mts

@@ -480,6 +480,15 @@ declare const focusElement: (target: string | HTMLElement | null) => void;
  */
 declare const getIdsGroupCheckValidationTypes: (validationType?: string[]) => number[];
 
+/**
+ * Hook som hanterar öppning och stängning av en laddningsmodal baserat på formulärets status.
+ * @param formStatus Den aktuella statusen för formuläret ('loading', 'success', 'failed', etc.).
+ * @param handleModalOpen Funktion för att öppna modalen.
+ * @param handleModalClose Funktion för att stänga modalen.
+ * @param mainSelector CSS-selektorn för huvudinnehållet som ska fokuseras efter modal stängs.
+ */
+declare const useFormStatusModal: (formStatus: string, handleModalOpen: () => void, handleModalClose: () => void, mainSelector?: string) => void;
+
 declare const RenderQuestion: ({ question, isTouched, activatedLanguage, showPreview, hideValidationMessage, }: any) => react_jsx_runtime.JSX.Element;
 
 declare const RenderQuestionGroup: ({ questionArray, wrapper, legend, isTouched, activatedLanguage, showPreview, AddQuestionDisplayed, hideValidationMessage, }: any) => react_jsx_runtime.JSX.Element;
@@ -586,4 +595,4 @@ interface CookieBannerProps {
 
 declare const CookieBanner: React.FC<CookieBannerProps>;
 
-export { AddFiles as AddFilesStandard, CookieBanner, type CookieConsentConfig, CreateApiDataObject, doCategoriesAndQuestionsVisible as DoCategoriesAndQuestionsVisible, EditPreviewLink as EditPreviewLinkStandard, FilesUpload as FilesUploadStandard, Footer as FooterStandard, groupQuestionByStepPreviewPage as GroupQuestionByStepPreviewPage, groupQuestionsByStepCategoryGroup as GroupQuestionsByStepCategoryGroup, Header as HeaderStandard, type IApplicationContent, type IFormState, type ILanguage, type ILanguageSupport, ILanguageSupportinitialState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, InfoOnly as InfoOnlyStandard, isDependsOnOtherQuestionTrue as IsDependsOnOtherQuestionTrue, type LanguageSupportConfig, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, PrincipleOfPublicity as PrincipleOfPublicityStandard, questionHasValidationError as QuestionHasValidationError, QuestioninitialState, InputRadio as RadioMultipleStandard, RenderQuestion, RenderQuestionGroup, ServiceHeadlineAndBody as ServiceHeadlineAndBodyStandard, SkipLink as SkipLinkStandard, StepperButtons as StepperButtonsStandard, Stepper as StepperStandard, InputTextarea as TextAreaStandard, TextFieldStandard, TextHeadlineAndBody as TextHeadlineAndBodyStandard, validationCheckAllVisibleQuestions as ValidationCheckAllVisibleQuestion, ValidationErrorSummaryList, createCookieConsent, createLanguageSlice, createQuestionsSlice, focusElement, getIdsGroupCheckValidationTypes, isScriptLoaded, makeLanguageSelectors, makeQuestionsSelectors, removeScriptById, toggleScriptByConsent };
+export { AddFiles as AddFilesStandard, CookieBanner, type CookieConsentConfig, CreateApiDataObject, doCategoriesAndQuestionsVisible as DoCategoriesAndQuestionsVisible, EditPreviewLink as EditPreviewLinkStandard, FilesUpload as FilesUploadStandard, Footer as FooterStandard, groupQuestionByStepPreviewPage as GroupQuestionByStepPreviewPage, groupQuestionsByStepCategoryGroup as GroupQuestionsByStepCategoryGroup, Header as HeaderStandard, type IApplicationContent, type IFormState, type ILanguage, type ILanguageSupport, ILanguageSupportinitialState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, InfoOnly as InfoOnlyStandard, isDependsOnOtherQuestionTrue as IsDependsOnOtherQuestionTrue, type LanguageSupportConfig, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, PrincipleOfPublicity as PrincipleOfPublicityStandard, questionHasValidationError as QuestionHasValidationError, QuestioninitialState, InputRadio as RadioMultipleStandard, RenderQuestion, RenderQuestionGroup, ServiceHeadlineAndBody as ServiceHeadlineAndBodyStandard, SkipLink as SkipLinkStandard, StepperButtons as StepperButtonsStandard, Stepper as StepperStandard, InputTextarea as TextAreaStandard, TextFieldStandard, TextHeadlineAndBody as TextHeadlineAndBodyStandard, validationCheckAllVisibleQuestions as ValidationCheckAllVisibleQuestion, ValidationErrorSummaryList, createCookieConsent, createLanguageSlice, createQuestionsSlice, focusElement, getIdsGroupCheckValidationTypes, isScriptLoaded, makeLanguageSelectors, makeQuestionsSelectors, removeScriptById, toggleScriptByConsent, useFormStatusModal };

package/dist/index.d.ts

@@ -480,6 +480,15 @@ declare const focusElement: (target: string | HTMLElement | null) => void;
  */
 declare const getIdsGroupCheckValidationTypes: (validationType?: string[]) => number[];
 
+/**
+ * Hook som hanterar öppning och stängning av en laddningsmodal baserat på formulärets status.
+ * @param formStatus Den aktuella statusen för formuläret ('loading', 'success', 'failed', etc.).
+ * @param handleModalOpen Funktion för att öppna modalen.
+ * @param handleModalClose Funktion för att stänga modalen.
+ * @param mainSelector CSS-selektorn för huvudinnehållet som ska fokuseras efter modal stängs.
+ */
+declare const useFormStatusModal: (formStatus: string, handleModalOpen: () => void, handleModalClose: () => void, mainSelector?: string) => void;
+
 declare const RenderQuestion: ({ question, isTouched, activatedLanguage, showPreview, hideValidationMessage, }: any) => react_jsx_runtime.JSX.Element;
 
 declare const RenderQuestionGroup: ({ questionArray, wrapper, legend, isTouched, activatedLanguage, showPreview, AddQuestionDisplayed, hideValidationMessage, }: any) => react_jsx_runtime.JSX.Element;
@@ -586,4 +595,4 @@ interface CookieBannerProps {
 
 declare const CookieBanner: React.FC<CookieBannerProps>;
 
-export { AddFiles as AddFilesStandard, CookieBanner, type CookieConsentConfig, CreateApiDataObject, doCategoriesAndQuestionsVisible as DoCategoriesAndQuestionsVisible, EditPreviewLink as EditPreviewLinkStandard, FilesUpload as FilesUploadStandard, Footer as FooterStandard, groupQuestionByStepPreviewPage as GroupQuestionByStepPreviewPage, groupQuestionsByStepCategoryGroup as GroupQuestionsByStepCategoryGroup, Header as HeaderStandard, type IApplicationContent, type IFormState, type ILanguage, type ILanguageSupport, ILanguageSupportinitialState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, InfoOnly as InfoOnlyStandard, isDependsOnOtherQuestionTrue as IsDependsOnOtherQuestionTrue, type LanguageSupportConfig, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, PrincipleOfPublicity as PrincipleOfPublicityStandard, questionHasValidationError as QuestionHasValidationError, QuestioninitialState, InputRadio as RadioMultipleStandard, RenderQuestion, RenderQuestionGroup, ServiceHeadlineAndBody as ServiceHeadlineAndBodyStandard, SkipLink as SkipLinkStandard, StepperButtons as StepperButtonsStandard, Stepper as StepperStandard, InputTextarea as TextAreaStandard, TextFieldStandard, TextHeadlineAndBody as TextHeadlineAndBodyStandard, validationCheckAllVisibleQuestions as ValidationCheckAllVisibleQuestion, ValidationErrorSummaryList, createCookieConsent, createLanguageSlice, createQuestionsSlice, focusElement, getIdsGroupCheckValidationTypes, isScriptLoaded, makeLanguageSelectors, makeQuestionsSelectors, removeScriptById, toggleScriptByConsent };
+export { AddFiles as AddFilesStandard, CookieBanner, type CookieConsentConfig, CreateApiDataObject, doCategoriesAndQuestionsVisible as DoCategoriesAndQuestionsVisible, EditPreviewLink as EditPreviewLinkStandard, FilesUpload as FilesUploadStandard, Footer as FooterStandard, groupQuestionByStepPreviewPage as GroupQuestionByStepPreviewPage, groupQuestionsByStepCategoryGroup as GroupQuestionsByStepCategoryGroup, Header as HeaderStandard, type IApplicationContent, type IFormState, type ILanguage, type ILanguageSupport, ILanguageSupportinitialState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, InfoOnly as InfoOnlyStandard, isDependsOnOtherQuestionTrue as IsDependsOnOtherQuestionTrue, type LanguageSupportConfig, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, PrincipleOfPublicity as PrincipleOfPublicityStandard, questionHasValidationError as QuestionHasValidationError, QuestioninitialState, InputRadio as RadioMultipleStandard, RenderQuestion, RenderQuestionGroup, ServiceHeadlineAndBody as ServiceHeadlineAndBodyStandard, SkipLink as SkipLinkStandard, StepperButtons as StepperButtonsStandard, Stepper as StepperStandard, InputTextarea as TextAreaStandard, TextFieldStandard, TextHeadlineAndBody as TextHeadlineAndBodyStandard, validationCheckAllVisibleQuestions as ValidationCheckAllVisibleQuestion, ValidationErrorSummaryList, createCookieConsent, createLanguageSlice, createQuestionsSlice, focusElement, getIdsGroupCheckValidationTypes, isScriptLoaded, makeLanguageSelectors, makeQuestionsSelectors, removeScriptById, toggleScriptByConsent, useFormStatusModal };

package/dist/index.js

@@ -69,7 +69,8 @@ __export(index_exports, {
   makeLanguageSelectors: () => makeLanguageSelectors,
   makeQuestionsSelectors: () => makeQuestionsSelectors,
   removeScriptById: () => removeScriptById,
-  toggleScriptByConsent: () => toggleScriptByConsent
+  toggleScriptByConsent: () => toggleScriptByConsent,
+  useFormStatusModal: () => useFormStatusModal
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -1921,6 +1922,23 @@ var getIdsGroupCheckValidationTypes = (validationType) => {
   return Array.from(new Set(ids));
 };
 
+// src/NewHelpMethodsStandard/LoadingModalHandler/loadingModalHandler.ts
+var React7 = __toESM(require("react"));
+var useFormStatusModal = (formStatus, handleModalOpen, handleModalClose, mainSelector = "#main-content") => {
+  React7.useEffect(() => {
+    if (formStatus === "loading") {
+      handleModalOpen();
+    }
+    if (formStatus === "success" || formStatus === "failed") {
+      setTimeout(() => {
+        handleModalClose();
+      }, 1050);
+      const main = document.querySelector(mainSelector);
+      if (main) main.focus();
+    }
+  }, [formStatus, handleModalOpen, handleModalClose, mainSelector]);
+};
+
 // src/NewRenderFormComponentStandard/RenderQuestion/RenderQuestion.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var RenderQuestion = ({
@@ -3220,5 +3238,6 @@ var CookieBanner_default = CookieBanner;
   makeLanguageSelectors,
   makeQuestionsSelectors,
   removeScriptById,
-  toggleScriptByConsent
+  toggleScriptByConsent,
+  useFormStatusModal
 });

package/dist/index.mjs

@@ -1849,6 +1849,23 @@ var getIdsGroupCheckValidationTypes = (validationType) => {
   return Array.from(new Set(ids));
 };
 
+// src/NewHelpMethodsStandard/LoadingModalHandler/loadingModalHandler.ts
+import * as React7 from "react";
+var useFormStatusModal = (formStatus, handleModalOpen, handleModalClose, mainSelector = "#main-content") => {
+  React7.useEffect(() => {
+    if (formStatus === "loading") {
+      handleModalOpen();
+    }
+    if (formStatus === "success" || formStatus === "failed") {
+      setTimeout(() => {
+        handleModalClose();
+      }, 1050);
+      const main = document.querySelector(mainSelector);
+      if (main) main.focus();
+    }
+  }, [formStatus, handleModalOpen, handleModalClose, mainSelector]);
+};
+
 // src/NewRenderFormComponentStandard/RenderQuestion/RenderQuestion.tsx
 import { Fragment as Fragment12, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var RenderQuestion = ({
@@ -1901,7 +1918,7 @@ var RenderQuestion = ({
 var RenderQuestion_default = RenderQuestion;
 
 // src/NewRenderFormComponentStandard/RenderQuestionGroup/RenderQuestionGroup.tsx
-import React7 from "react";
+import React8 from "react";
 import { Fragment as Fragment13, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var RenderQuestionGroup = ({
   questionArray,
@@ -1913,7 +1930,7 @@ var RenderQuestionGroup = ({
   AddQuestionDisplayed,
   hideValidationMessage
 }) => {
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     questionArray.forEach((question) => {
       if (question.visible && !question.isDisplayed) {
         AddQuestionDisplayed(question);
@@ -1921,7 +1938,7 @@ var RenderQuestionGroup = ({
     });
   }, [questionArray]);
   const questions = /* @__PURE__ */ jsx13(Fragment13, { children: questionArray.map((question, index) => {
-    return /* @__PURE__ */ jsx13(React7.Fragment, { children: /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx13(React8.Fragment, { children: /* @__PURE__ */ jsx13(
       RenderQuestion_default,
       {
         question,
@@ -1964,7 +1981,7 @@ var RenderQuestionGroup = ({
       return /* @__PURE__ */ jsx13("div", { className: "pts-root-question-group-div", children: questions });
     case "none":
     default:
-      return /* @__PURE__ */ jsx13(React7.Fragment, { children: questions });
+      return /* @__PURE__ */ jsx13(React8.Fragment, { children: questions });
   }
 };
 var RenderQuestionGroup_default = RenderQuestionGroup;
@@ -2608,7 +2625,7 @@ var Header = ({
 var HeaderStandard_default = Header;
 
 // src/NewTextComponentStandard/InfoOnlyStandard/InfoOnlyStandard.tsx
-import { useEffect as useEffect6 } from "react";
+import { useEffect as useEffect7 } from "react";
 import DOMPurify4 from "dompurify";
 import { Fragment as Fragment14, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 var cleanText = (text) => DOMPurify4.sanitize(text, { ADD_ATTR: ["target", "class"] });
@@ -2622,7 +2639,7 @@ var InfoOnly = ({
   tabIndex = -1,
   activatedLanguage = "sv"
 }) => {
-  useEffect6(() => {
+  useEffect7(() => {
     handleSeenText(questionObject);
   }, []);
   const handleSeenText = (questionObject2) => {
@@ -2926,14 +2943,14 @@ var StepperButtons = ({
 var StepperButtonsStandard_default = StepperButtons;
 
 // src/NewTextComponentStandard/StepperStandard/StepperStandard.tsx
-import React10 from "react";
+import React11 from "react";
 import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
   return /* @__PURE__ */ jsx25("div", { className: "pts-stepper-container", "aria-hidden": "true", children: arraySteps.map((step, index) => {
     const isActive = step.step === activeStep;
     const lastElement = arraySteps.length;
     const isDone = step.step < activeStep;
-    return /* @__PURE__ */ jsxs21(React10.Fragment, { children: [
+    return /* @__PURE__ */ jsxs21(React11.Fragment, { children: [
       /* @__PURE__ */ jsxs21("div", { className: "pts-stepper-step", children: [
         /* @__PURE__ */ jsx25(
           "div",
@@ -3147,5 +3164,6 @@ export {
   makeLanguageSelectors,
   makeQuestionsSelectors,
   removeScriptById,
-  toggleScriptByConsent
+  toggleScriptByConsent,
+  useFormStatusModal
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "optimized-react-component-library-xyz123",
-  "version": "0.1.98",
+  "version": "0.1.99",
   "description": "A modern React component library using TypeScript with React 19 support.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",