optimized-react-component-library-xyz123 0.1.16 → 0.1.17

package/dist/index.d.mts

@@ -299,10 +299,14 @@ interface ValidationErrorSummaryListProps {
 declare const ValidationErrorSummaryList: React.FC<ValidationErrorSummaryListProps>;
 
 interface CookieBannerProps {
-    isTouched: any;
+    isTouched?: any;
+    onCookieStateChange?: () => void;
     visible?: boolean;
+    onClose?: () => void;
+    acceptCookies: () => void;
+    rejectCookies: () => void;
 }
 
-declare const CookieBanner: FC<CookieBannerProps>;
+declare const CookieBanner: React.FC<CookieBannerProps>;
 
 export { CookieBanner, 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

@@ -299,10 +299,14 @@ interface ValidationErrorSummaryListProps {
 declare const ValidationErrorSummaryList: React.FC<ValidationErrorSummaryListProps>;
 
 interface CookieBannerProps {
-    isTouched: any;
+    isTouched?: any;
+    onCookieStateChange?: () => void;
     visible?: boolean;
+    onClose?: () => void;
+    acceptCookies: () => void;
+    rejectCookies: () => void;
 }
 
-declare const CookieBanner: FC<CookieBannerProps>;
+declare const CookieBanner: React.FC<CookieBannerProps>;
 
 export { CookieBanner, 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

@@ -2050,12 +2050,43 @@ var ValidationErrorSummaryList = ({
 var ValidationErrorSummaryList_default = ValidationErrorSummaryList;
 
 // src/NewTextComponentStandard/CookieBanner/CookieBanner.tsx
+var import_react6 = require("react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
-var CookieBanner = ({ isTouched, visible = true }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_jsx_runtime21.Fragment, { children: visible && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "pts-cookieBanner", children: [
+var CookieBanner = ({
+  visible = false,
+  onCookieStateChange,
+  onClose,
+  acceptCookies,
+  rejectCookies
+}) => {
+  (0, import_react6.useEffect)(() => {
+    if (visible) {
+      document.body.classList.add("has-cookie-banner");
+    } else {
+      document.body.classList.remove("has-cookie-banner");
+    }
+    return () => {
+      document.body.classList.remove("has-cookie-banner");
+    };
+  }, [visible]);
+  if (!visible) return null;
+  const handleCookieChoice = (accepted) => {
+    if (accepted) {
+      acceptCookies();
+    } else {
+      rejectCookies();
+    }
+    if (onCookieStateChange) {
+      onCookieStateChange();
+    }
+    if (onClose) {
+      onClose();
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "pts-cookieBanner", role: "dialog", "aria-labelledby": "cookie-banner-title", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "content", children: [
     /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h3", { children: "Kakor (cookies)" }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { children: "PTS skulle vilja anv\xE4nda en statistikkaka i syfte att rapportera anv\xE4ndarstatistik till Europeiska kommissionen. Samtycker du till det? Du kan n\xE4r som helst \xE4ndra ditt val. F\xF6r att \xE5terkalla ditt samtycke klickar du p\xE5 \u201DKakor\u201D l\xE4ngst ned till v\xE4nster p\xE5 webbplatsen." }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "pts-cookieBanner-link", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { children: 'PTS skulle vilja anv\xE4nda en statistikkaka i syfte att rapportera anv\xE4ndarstatistik till Europeiska kommissionen. Samtycker du till det? Du kan n\xE4r som helst \xE4ndra ditt val. F\xF6r att \xE5terkalla ditt samtycke klickar du p\xE5 "Kakor" l\xE4ngst ned till v\xE4nster p\xE5 webbplatsen.' }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "pts-cookieBanner-Links", children: [
       /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
         "svg",
         {
@@ -2064,6 +2095,7 @@ var CookieBanner = ({ isTouched, visible = true }) => {
           viewBox: "0 0 27 27",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
+          "aria-hidden": "true",
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("rect", { width: "27", height: "27", rx: "13.5", fill: "#6E3282" }),
             /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
@@ -2076,27 +2108,11 @@ var CookieBanner = ({ isTouched, visible = true }) => {
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: "www.pts.se", target: "blank", children: "Kakor (cookies) p\xE5 pts.se (\xF6ppnas i ny flik)" })
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: "www.pts.se", target: "_blank", rel: "noopener noreferrer", children: "Kakor (cookies) p\xE5 pts.se" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "pts-cookieBanner-buttons", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-        "button",
-        {
-          onClick: () => {
-            isTouched(true);
-          },
-          children: "Ja, jag samtycker"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-        "button",
-        {
-          onClick: () => {
-            isTouched(false);
-          },
-          children: "Nej, jag samtycker inte"
-        }
-      )
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "pts-cookieBanner-Buttons", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { onClick: () => handleCookieChoice(true), children: "Ja, jag samtycker" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { onClick: () => handleCookieChoice(false), children: "Nej, jag samtycker inte" })
     ] })
   ] }) });
 };

package/dist/index.mjs

@@ -1986,12 +1986,43 @@ var ValidationErrorSummaryList = ({
 var ValidationErrorSummaryList_default = ValidationErrorSummaryList;
 
 // src/NewTextComponentStandard/CookieBanner/CookieBanner.tsx
-import { Fragment as Fragment10, jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
-var CookieBanner = ({ isTouched, visible = true }) => {
-  return /* @__PURE__ */ jsx21(Fragment10, { children: visible && /* @__PURE__ */ jsxs19("div", { className: "pts-cookieBanner", children: [
+import { useEffect as useEffect4 } from "react";
+import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+var CookieBanner = ({
+  visible = false,
+  onCookieStateChange,
+  onClose,
+  acceptCookies,
+  rejectCookies
+}) => {
+  useEffect4(() => {
+    if (visible) {
+      document.body.classList.add("has-cookie-banner");
+    } else {
+      document.body.classList.remove("has-cookie-banner");
+    }
+    return () => {
+      document.body.classList.remove("has-cookie-banner");
+    };
+  }, [visible]);
+  if (!visible) return null;
+  const handleCookieChoice = (accepted) => {
+    if (accepted) {
+      acceptCookies();
+    } else {
+      rejectCookies();
+    }
+    if (onCookieStateChange) {
+      onCookieStateChange();
+    }
+    if (onClose) {
+      onClose();
+    }
+  };
+  return /* @__PURE__ */ jsx21("div", { className: "pts-cookieBanner", role: "dialog", "aria-labelledby": "cookie-banner-title", children: /* @__PURE__ */ jsxs19("div", { className: "content", children: [
     /* @__PURE__ */ jsx21("h3", { children: "Kakor (cookies)" }),
-    /* @__PURE__ */ jsx21("p", { children: "PTS skulle vilja anv\xE4nda en statistikkaka i syfte att rapportera anv\xE4ndarstatistik till Europeiska kommissionen. Samtycker du till det? Du kan n\xE4r som helst \xE4ndra ditt val. F\xF6r att \xE5terkalla ditt samtycke klickar du p\xE5 \u201DKakor\u201D l\xE4ngst ned till v\xE4nster p\xE5 webbplatsen." }),
-    /* @__PURE__ */ jsxs19("div", { className: "pts-cookieBanner-link", children: [
+    /* @__PURE__ */ jsx21("p", { children: 'PTS skulle vilja anv\xE4nda en statistikkaka i syfte att rapportera anv\xE4ndarstatistik till Europeiska kommissionen. Samtycker du till det? Du kan n\xE4r som helst \xE4ndra ditt val. F\xF6r att \xE5terkalla ditt samtycke klickar du p\xE5 "Kakor" l\xE4ngst ned till v\xE4nster p\xE5 webbplatsen.' }),
+    /* @__PURE__ */ jsxs19("div", { className: "pts-cookieBanner-Links", children: [
       /* @__PURE__ */ jsxs19(
         "svg",
         {
@@ -2000,6 +2031,7 @@ var CookieBanner = ({ isTouched, visible = true }) => {
           viewBox: "0 0 27 27",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
+          "aria-hidden": "true",
           children: [
             /* @__PURE__ */ jsx21("rect", { width: "27", height: "27", rx: "13.5", fill: "#6E3282" }),
             /* @__PURE__ */ jsx21(
@@ -2012,27 +2044,11 @@ var CookieBanner = ({ isTouched, visible = true }) => {
           ]
         }
       ),
-      /* @__PURE__ */ jsx21("a", { href: "www.pts.se", target: "blank", children: "Kakor (cookies) p\xE5 pts.se (\xF6ppnas i ny flik)" })
+      /* @__PURE__ */ jsx21("a", { href: "www.pts.se", target: "_blank", rel: "noopener noreferrer", children: "Kakor (cookies) p\xE5 pts.se" })
     ] }),
-    /* @__PURE__ */ jsxs19("div", { className: "pts-cookieBanner-buttons", children: [
-      /* @__PURE__ */ jsx21(
-        "button",
-        {
-          onClick: () => {
-            isTouched(true);
-          },
-          children: "Ja, jag samtycker"
-        }
-      ),
-      /* @__PURE__ */ jsx21(
-        "button",
-        {
-          onClick: () => {
-            isTouched(false);
-          },
-          children: "Nej, jag samtycker inte"
-        }
-      )
+    /* @__PURE__ */ jsxs19("div", { className: "pts-cookieBanner-Buttons", children: [
+      /* @__PURE__ */ jsx21("button", { onClick: () => handleCookieChoice(true), children: "Ja, jag samtycker" }),
+      /* @__PURE__ */ jsx21("button", { onClick: () => handleCookieChoice(false), children: "Nej, jag samtycker inte" })
     ] })
   ] }) });
 };

package/package.json

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