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

package/dist/index.d.mts

@@ -289,4 +289,18 @@ 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 ValidationError {
+    id: string;
+    fieldName: string;
+}
+interface ValidationErrorSummaryListProps {
+    formQuestions: any[];
+    activatedLanguage: string;
+    validationErrorsList: any[];
+    summaryText?: string;
+    onErrorClick?: (error: ValidationError) => void;
+}
+
+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,18 @@ 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 ValidationError {
+    id: string;
+    fieldName: string;
+}
+interface ValidationErrorSummaryListProps {
+    formQuestions: any[];
+    activatedLanguage: string;
+    validationErrorsList: any[];
+    summaryText?: string;
+    onErrorClick?: (error: ValidationError) => void;
+}
+
+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,86 @@ var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
   }) });
 };
 var StepperStandard_default = Stepper;
+
+// src/NewTextComponentStandard/ValidationErrorSummaryList/ValidationErrorSummaryList.tsx
+var import_react6 = require("react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var ValidationErrorSummaryList = ({
+  validationErrorsList,
+  formQuestions,
+  activatedLanguage,
+  summaryText = "Du beh\xF6ver \xE5tg\xE4rda {count} {plural}",
+  onErrorClick
+}) => {
+  const [validationErrors, setValidationErrors] = (0, import_react6.useState)([]);
+  const getFieldName = (errorId) => {
+    const questionId = errorId.replace("error-", "");
+    const selectors = [
+      `#label-${questionId}`,
+      `label[for*="${questionId}"]`,
+      `legend[id*="${questionId}"]`
+    ];
+    for (const selector of selectors) {
+      const element = document.querySelector(selector);
+      if (element == null ? void 0 : element.textContent) return element.textContent.trim().replace("*", "").trim();
+    }
+    return "Ok\xE4nt f\xE4lt";
+  };
+  const detectValidationErrors = () => {
+    const errors = [];
+    document.querySelectorAll("#pts-form-id .pts-root-error").forEach((container) => {
+      var _a, _b;
+      if (!container.offsetParent) return;
+      const errorText = (_b = (_a = container.querySelector(".errorText")) == null ? void 0 : _a.textContent) == null ? void 0 : _b.trim();
+      if (!errorText) return;
+      const errorId = container.id || `error-${Date.now()}`;
+      errors.push({ id: errorId, fieldName: getFieldName(errorId) });
+    });
+    setValidationErrors(errors);
+  };
+  (0, import_react6.useEffect)(detectValidationErrors, [validationErrorsList]);
+  const handleErrorClick = (error, e) => {
+    e.preventDefault();
+    if (onErrorClick) onErrorClick(error);
+    const questionId = error.id.replace("error-", "");
+    const selectors = [
+      `#radio-group-${questionId}`,
+      `input[name*="${questionId}"]`,
+      `#${questionId}`
+    ];
+    for (const selector of selectors) {
+      const element = document.querySelector(selector);
+      if (element) {
+        element.scrollIntoView();
+        try {
+          element.focus();
+        } catch {
+        }
+        break;
+      }
+    }
+  };
+  if (!validationErrors.length) return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_jsx_runtime20.Fragment, {});
+  const count = validationErrors.length;
+  const title = summaryText.replace("{count}", count.toString()).replace("{plural}", count === 1 ? "sak" : "saker");
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    "div",
+    {
+      id: "pts-form-id-error-summary",
+      role: "alert",
+      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: validationErrors.map((error, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("a", { href: "#", onClick: (e) => handleErrorClick(error, e), className: "errorSummary-text", children: error.fieldName }) }, error.id || i)) })
+        ] })
+      ]
+    }
+  );
+};
+var ValidationErrorSummaryList_default = ValidationErrorSummaryList;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CreateApiDataObject,
@@ -1985,5 +2066,6 @@ var StepperStandard_default = Stepper;
   TextAreaStandard,
   TextFieldStandard,
   TextHeadlineAndBodyStandard,
-  ValidationCheckAllVisibleQuestion
+  ValidationCheckAllVisibleQuestion,
+  ValidationErrorSummaryList
 });

package/dist/index.mjs

@@ -1895,6 +1895,86 @@ var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
   }) });
 };
 var StepperStandard_default = Stepper;
+
+// src/NewTextComponentStandard/ValidationErrorSummaryList/ValidationErrorSummaryList.tsx
+import { useState as useState4, useEffect as useEffect4 } from "react";
+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}",
+  onErrorClick
+}) => {
+  const [validationErrors, setValidationErrors] = useState4([]);
+  const getFieldName = (errorId) => {
+    const questionId = errorId.replace("error-", "");
+    const selectors = [
+      `#label-${questionId}`,
+      `label[for*="${questionId}"]`,
+      `legend[id*="${questionId}"]`
+    ];
+    for (const selector of selectors) {
+      const element = document.querySelector(selector);
+      if (element == null ? void 0 : element.textContent) return element.textContent.trim().replace("*", "").trim();
+    }
+    return "Ok\xE4nt f\xE4lt";
+  };
+  const detectValidationErrors = () => {
+    const errors = [];
+    document.querySelectorAll("#pts-form-id .pts-root-error").forEach((container) => {
+      var _a, _b;
+      if (!container.offsetParent) return;
+      const errorText = (_b = (_a = container.querySelector(".errorText")) == null ? void 0 : _a.textContent) == null ? void 0 : _b.trim();
+      if (!errorText) return;
+      const errorId = container.id || `error-${Date.now()}`;
+      errors.push({ id: errorId, fieldName: getFieldName(errorId) });
+    });
+    setValidationErrors(errors);
+  };
+  useEffect4(detectValidationErrors, [validationErrorsList]);
+  const handleErrorClick = (error, e) => {
+    e.preventDefault();
+    if (onErrorClick) onErrorClick(error);
+    const questionId = error.id.replace("error-", "");
+    const selectors = [
+      `#radio-group-${questionId}`,
+      `input[name*="${questionId}"]`,
+      `#${questionId}`
+    ];
+    for (const selector of selectors) {
+      const element = document.querySelector(selector);
+      if (element) {
+        element.scrollIntoView();
+        try {
+          element.focus();
+        } catch {
+        }
+        break;
+      }
+    }
+  };
+  if (!validationErrors.length) return /* @__PURE__ */ jsx20(Fragment9, {});
+  const count = validationErrors.length;
+  const title = summaryText.replace("{count}", count.toString()).replace("{plural}", count === 1 ? "sak" : "saker");
+  return /* @__PURE__ */ jsxs18(
+    "div",
+    {
+      id: "pts-form-id-error-summary",
+      role: "alert",
+      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: validationErrors.map((error, i) => /* @__PURE__ */ jsx20("li", { children: /* @__PURE__ */ jsx20("a", { href: "#", onClick: (e) => handleErrorClick(error, e), className: "errorSummary-text", children: error.fieldName }) }, error.id || i)) })
+        ] })
+      ]
+    }
+  );
+};
+var ValidationErrorSummaryList_default = ValidationErrorSummaryList;
 export {
   CreateApiDataObject_default as CreateApiDataObject,
   DoCategoriesAndQuestionsVisible_default as DoCategoriesAndQuestionsVisible,
@@ -1922,5 +2002,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.7",
   "description": "A modern React component library using TypeScript.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",