optimized-react-component-library-xyz123 0.1.6 → 0.1.8

package/dist/index.d.mts

@@ -289,4 +289,13 @@ interface TextHeadlineAndBodyProps {
 
 declare const TextHeadlineAndBody: FC<TextHeadlineAndBodyProps>;
 
-export { 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, 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 };
+interface ValidationErrorSummaryListProps {
+    formQuestions: any[];
+    activatedLanguage: string;
+    validationErrorsList: any[];
+    summaryText?: string;
+}
+
+declare const ValidationErrorSummaryList: React.FC<ValidationErrorSummaryListProps>;
+
+export { 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, 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 };

package/dist/index.d.ts

@@ -289,4 +289,13 @@ interface TextHeadlineAndBodyProps {
 
 declare const TextHeadlineAndBody: FC<TextHeadlineAndBodyProps>;
 
-export { 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, 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 };
+interface ValidationErrorSummaryListProps {
+    formQuestions: any[];
+    activatedLanguage: string;
+    validationErrorsList: any[];
+    summaryText?: string;
+}
+
+declare const ValidationErrorSummaryList: React.FC<ValidationErrorSummaryListProps>;
+
+export { 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, 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 };

package/dist/index.js

@@ -56,7 +56,8 @@ __export(index_exports, {
   TextAreaStandard: () => TextAreaStandard_default,
   TextFieldStandard: () => TextFieldStandard_default,
   TextHeadlineAndBodyStandard: () => TextHeadlineAndBodyStandard_default,
-  ValidationCheckAllVisibleQuestion: () => ValidationCheckAllVisibleQuestion_default
+  ValidationCheckAllVisibleQuestion: () => ValidationCheckAllVisibleQuestion_default,
+  ValidationErrorSummaryList: () => ValidationErrorSummaryList_default
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -1957,6 +1958,61 @@ var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
   }) });
 };
 var StepperStandard_default = Stepper;
+
+// src/NewTextComponentStandard/ValidationErrorSummaryList/ValidationErrorSummaryList.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var ValidationErrorSummaryList = ({
+  validationErrorsList,
+  formQuestions,
+  activatedLanguage,
+  summaryText = "Du beh\xF6ver \xE5tg\xE4rda {count} {plural}"
+}) => {
+  console.log(formQuestions);
+  console.log(validationErrorsList);
+  function scrollToQuestion(questionId) {
+    const container = document.getElementById(`question-${questionId}`);
+    if (container) {
+      container.scrollIntoView({ behavior: "smooth", block: "center" });
+      setTimeout(() => {
+        const input = container.querySelector("input, textarea, select");
+        if (input) {
+          input.focus();
+        }
+      }, 300);
+    }
+  }
+  if (!validationErrorsList.length) return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_jsx_runtime20.Fragment, {});
+  const count = validationErrorsList.length;
+  const title = summaryText.replace("{count}", count.toString()).replace("{plural}", count === 1 ? "sak" : "saker");
+  function getQuestionLabelById(id) {
+    const found = formQuestions.find((item) => item.id === id);
+    return found == null ? void 0 : found.questionLabel;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    "div",
+    {
+      id: "pts-form-id-error-summary",
+      className: "pts-errorSummary-container pts-root-error",
+      tabIndex: -1,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "errorSummary-content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h2", { children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("ul", { children: validationErrorsList.map((questionId, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            "a",
+            {
+              href: "#",
+              onClick: (e) => scrollToQuestion(questionId),
+              className: "errorSummary-text",
+              children: getQuestionLabelById(questionId)
+            }
+          ) }, questionId || i)) })
+        ] })
+      ]
+    }
+  );
+};
+var ValidationErrorSummaryList_default = ValidationErrorSummaryList;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CreateApiDataObject,
@@ -1985,5 +2041,6 @@ var StepperStandard_default = Stepper;
   TextAreaStandard,
   TextFieldStandard,
   TextHeadlineAndBodyStandard,
-  ValidationCheckAllVisibleQuestion
+  ValidationCheckAllVisibleQuestion,
+  ValidationErrorSummaryList
 });

package/dist/index.mjs

@@ -1895,6 +1895,61 @@ var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
   }) });
 };
 var StepperStandard_default = Stepper;
+
+// src/NewTextComponentStandard/ValidationErrorSummaryList/ValidationErrorSummaryList.tsx
+import { Fragment as Fragment9, jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+var ValidationErrorSummaryList = ({
+  validationErrorsList,
+  formQuestions,
+  activatedLanguage,
+  summaryText = "Du beh\xF6ver \xE5tg\xE4rda {count} {plural}"
+}) => {
+  console.log(formQuestions);
+  console.log(validationErrorsList);
+  function scrollToQuestion(questionId) {
+    const container = document.getElementById(`question-${questionId}`);
+    if (container) {
+      container.scrollIntoView({ behavior: "smooth", block: "center" });
+      setTimeout(() => {
+        const input = container.querySelector("input, textarea, select");
+        if (input) {
+          input.focus();
+        }
+      }, 300);
+    }
+  }
+  if (!validationErrorsList.length) return /* @__PURE__ */ jsx20(Fragment9, {});
+  const count = validationErrorsList.length;
+  const title = summaryText.replace("{count}", count.toString()).replace("{plural}", count === 1 ? "sak" : "saker");
+  function getQuestionLabelById(id) {
+    const found = formQuestions.find((item) => item.id === id);
+    return found == null ? void 0 : found.questionLabel;
+  }
+  return /* @__PURE__ */ jsxs18(
+    "div",
+    {
+      id: "pts-form-id-error-summary",
+      className: "pts-errorSummary-container pts-root-error",
+      tabIndex: -1,
+      children: [
+        /* @__PURE__ */ jsx20("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
+        /* @__PURE__ */ jsxs18("div", { className: "errorSummary-content", children: [
+          /* @__PURE__ */ jsx20("h2", { children: title }),
+          /* @__PURE__ */ jsx20("ul", { children: validationErrorsList.map((questionId, i) => /* @__PURE__ */ jsx20("li", { children: /* @__PURE__ */ jsx20(
+            "a",
+            {
+              href: "#",
+              onClick: (e) => scrollToQuestion(questionId),
+              className: "errorSummary-text",
+              children: getQuestionLabelById(questionId)
+            }
+          ) }, questionId || i)) })
+        ] })
+      ]
+    }
+  );
+};
+var ValidationErrorSummaryList_default = ValidationErrorSummaryList;
 export {
   CreateApiDataObject_default as CreateApiDataObject,
   DoCategoriesAndQuestionsVisible_default as DoCategoriesAndQuestionsVisible,
@@ -1922,5 +1977,6 @@ export {
   TextAreaStandard_default as TextAreaStandard,
   TextFieldStandard_default as TextFieldStandard,
   TextHeadlineAndBodyStandard_default as TextHeadlineAndBodyStandard,
-  ValidationCheckAllVisibleQuestion_default as ValidationCheckAllVisibleQuestion
+  ValidationCheckAllVisibleQuestion_default as ValidationCheckAllVisibleQuestion,
+  ValidationErrorSummaryList_default as ValidationErrorSummaryList
 };

package/package.json

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