@fremtind/jkl-cookie-consent-react - npm Package Compare versions

Comparing version 11.0.1 to 11.1.0

build/cjs/CookieConsent.js

 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -22,2 +24,3 @@ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
@@ -159,45 +162,52 @@ var target = {};
   return import_react_dom.default.createPortal(
-    /* @__PURE__ */ import_react.default.createElement(import_jkl_modal_react.ModalContainer, __spreadValues(__spreadValues({}, modalConfig.container), rest), /* @__PURE__ */ import_react.default.createElement(import_jkl_modal_react.ModalOverlay, __spreadValues({}, modalConfig.overlay)), /* @__PURE__ */ import_react.default.createElement(import_jkl_modal_react.Modal, __spreadValues(__spreadValues({ component: "form" }, modalConfig.modal), { onSubmit }), /* @__PURE__ */ import_react.default.createElement(import_jkl_modal_react.ModalHeader, null, /* @__PURE__ */ import_react.default.createElement(import_jkl_modal_react.ModalTitle, __spreadValues({}, modalConfig.title), "Velg informasjonskapsler")), /* @__PURE__ */ import_react.default.createElement(import_jkl_modal_react.ModalBody, null, /* @__PURE__ */ import_react.default.createElement("p", null, "For at nettsidene skal fungere m\xE5 vi bruke tekniske informasjonskaplser. Disse lagres derfor uten samtykke."), requirement.functional && /* @__PURE__ */ import_react.default.createElement(
-      import_RequirementCheckbox.RequirementCheckbox,
-      {
-        name: "functional",
-        label: "Tillat funksjonelle",
-        defaultChecked: currentConsent.functional === "accepted",
-        key: "functional-".concat(currentConsent.functional)
-      },
-      "Funksjonelle informasjonskapsler lagrer opplysninger om din bruk av nettsidene og hvilke innstillinger du har gjort, slik at du kan f\xE5 funksjonalitet tilpasset deg."
-    ), requirement.statistics && /* @__PURE__ */ import_react.default.createElement(
-      import_RequirementCheckbox.RequirementCheckbox,
-      {
-        name: "statistics",
-        label: "Tillat statistikk",
-        defaultChecked: currentConsent.statistics === "accepted",
-        key: "statistics-".concat(currentConsent.statistics)
-      },
-      "Informasjonskapslene lagrer statistikk som hjelper oss med \xE5 forst\xE5 hvordan nettsidene blir brukt, slik at vi kan gj\xF8re dem bedre og enklere \xE5 bruke."
-    ), requirement.marketing && /* @__PURE__ */ import_react.default.createElement(
-      import_RequirementCheckbox.RequirementCheckbox,
-      {
-        name: "marketing",
-        label: "Tillat personlig markedsf\xF8ring",
-        defaultChecked: currentConsent.marketing === "accepted",
-        key: "marketing-".concat(currentConsent.marketing)
-      },
-      "Dette gj\xF8r at vi kan gi deg mer relevant og tilpasset markedsf\xF8ring, ogs\xE5 gjennom v\xE5re samarbeidspartnere, p\xE5 for eksempel nettsider, annonser og i sosiale medier."
-    )), /* @__PURE__ */ import_react.default.createElement(import_jkl_modal_react.ModalActions, null, /* @__PURE__ */ import_react.default.createElement(
-      import_jkl_button_react.SecondaryButton,
-      {
-        "data-testid": "jkl-cookie-consent-godta-alle",
-        type: "button",
-        onClick: () => accept()
-      },
-      "Godta alle"
-    ), /* @__PURE__ */ import_react.default.createElement(
-      import_jkl_button_react.SecondaryButton,
-      {
-        "data-testid": "jkl-cookie-consent-godta",
-        type: "submit"
-      },
-      "Godta mine valg"
-    )))),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_jkl_modal_react.ModalContainer,
+      __spreadProps(__spreadValues(__spreadValues({}, modalConfig.container), rest), {
+        "data-cookie-consent-open": isOpen
+      }),
+      /* @__PURE__ */ import_react.default.createElement(import_jkl_modal_react.ModalOverlay, __spreadValues({}, modalConfig.overlay)),
+      /* @__PURE__ */ import_react.default.createElement(import_jkl_modal_react.Modal, __spreadValues(__spreadValues({ component: "form" }, modalConfig.modal), { onSubmit }), /* @__PURE__ */ import_react.default.createElement(import_jkl_modal_react.ModalHeader, null, /* @__PURE__ */ import_react.default.createElement(import_jkl_modal_react.ModalTitle, __spreadValues({}, modalConfig.title), "Velg informasjonskapsler")), /* @__PURE__ */ import_react.default.createElement(import_jkl_modal_react.ModalBody, null, /* @__PURE__ */ import_react.default.createElement("p", null, "For at nettsidene skal fungere m\xE5 vi bruke tekniske informasjonskaplser. Disse lagres derfor uten samtykke."), requirement.functional && /* @__PURE__ */ import_react.default.createElement(
+        import_RequirementCheckbox.RequirementCheckbox,
+        {
+          name: "functional",
+          label: "Tillat funksjonelle",
+          defaultChecked: currentConsent.functional === "accepted",
+          key: "functional-".concat(currentConsent.functional)
+        },
+        "Funksjonelle informasjonskapsler lagrer opplysninger om din bruk av nettsidene og hvilke innstillinger du har gjort, slik at du kan f\xE5 funksjonalitet tilpasset deg."
+      ), requirement.statistics && /* @__PURE__ */ import_react.default.createElement(
+        import_RequirementCheckbox.RequirementCheckbox,
+        {
+          name: "statistics",
+          label: "Tillat statistikk",
+          defaultChecked: currentConsent.statistics === "accepted",
+          key: "statistics-".concat(currentConsent.statistics)
+        },
+        "Informasjonskapslene lagrer statistikk som hjelper oss med \xE5 forst\xE5 hvordan nettsidene blir brukt, slik at vi kan gj\xF8re dem bedre og enklere \xE5 bruke."
+      ), requirement.marketing && /* @__PURE__ */ import_react.default.createElement(
+        import_RequirementCheckbox.RequirementCheckbox,
+        {
+          name: "marketing",
+          label: "Tillat personlig markedsf\xF8ring",
+          defaultChecked: currentConsent.marketing === "accepted",
+          key: "marketing-".concat(currentConsent.marketing)
+        },
+        "Dette gj\xF8r at vi kan gi deg mer relevant og tilpasset markedsf\xF8ring, ogs\xE5 gjennom v\xE5re samarbeidspartnere, p\xE5 for eksempel nettsider, annonser og i sosiale medier."
+      )), /* @__PURE__ */ import_react.default.createElement(import_jkl_modal_react.ModalActions, null, /* @__PURE__ */ import_react.default.createElement(
+        import_jkl_button_react.SecondaryButton,
+        {
+          "data-testid": "jkl-cookie-consent-godta-alle",
+          type: "button",
+          onClick: () => accept()
+        },
+        "Godta alle"
+      ), /* @__PURE__ */ import_react.default.createElement(
+        import_jkl_button_react.SecondaryButton,
+        {
+          "data-testid": "jkl-cookie-consent-godta",
+          type: "submit"
+        },
+        "Godta mine valg"
+      )))
+    ),
     document.body
@@ -204,0 +214,0 @@ );

build/esm/CookieConsent.js

 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -17,2 +19,3 @@ var __hasOwnProp = Object.prototype.hasOwnProperty;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
@@ -140,45 +143,52 @@ var target = {};
   return ReactDOM.createPortal(
-    /* @__PURE__ */ React.createElement(ModalContainer, __spreadValues(__spreadValues({}, modalConfig.container), rest), /* @__PURE__ */ React.createElement(ModalOverlay, __spreadValues({}, modalConfig.overlay)), /* @__PURE__ */ React.createElement(Modal, __spreadValues(__spreadValues({ component: "form" }, modalConfig.modal), { onSubmit }), /* @__PURE__ */ React.createElement(ModalHeader, null, /* @__PURE__ */ React.createElement(ModalTitle, __spreadValues({}, modalConfig.title), "Velg informasjonskapsler")), /* @__PURE__ */ React.createElement(ModalBody, null, /* @__PURE__ */ React.createElement("p", null, "For at nettsidene skal fungere m\xE5 vi bruke tekniske informasjonskaplser. Disse lagres derfor uten samtykke."), requirement.functional && /* @__PURE__ */ React.createElement(
-      RequirementCheckbox,
-      {
-        name: "functional",
-        label: "Tillat funksjonelle",
-        defaultChecked: currentConsent.functional === "accepted",
-        key: "functional-".concat(currentConsent.functional)
-      },
-      "Funksjonelle informasjonskapsler lagrer opplysninger om din bruk av nettsidene og hvilke innstillinger du har gjort, slik at du kan f\xE5 funksjonalitet tilpasset deg."
-    ), requirement.statistics && /* @__PURE__ */ React.createElement(
-      RequirementCheckbox,
-      {
-        name: "statistics",
-        label: "Tillat statistikk",
-        defaultChecked: currentConsent.statistics === "accepted",
-        key: "statistics-".concat(currentConsent.statistics)
-      },
-      "Informasjonskapslene lagrer statistikk som hjelper oss med \xE5 forst\xE5 hvordan nettsidene blir brukt, slik at vi kan gj\xF8re dem bedre og enklere \xE5 bruke."
-    ), requirement.marketing && /* @__PURE__ */ React.createElement(
-      RequirementCheckbox,
-      {
-        name: "marketing",
-        label: "Tillat personlig markedsf\xF8ring",
-        defaultChecked: currentConsent.marketing === "accepted",
-        key: "marketing-".concat(currentConsent.marketing)
-      },
-      "Dette gj\xF8r at vi kan gi deg mer relevant og tilpasset markedsf\xF8ring, ogs\xE5 gjennom v\xE5re samarbeidspartnere, p\xE5 for eksempel nettsider, annonser og i sosiale medier."
-    )), /* @__PURE__ */ React.createElement(ModalActions, null, /* @__PURE__ */ React.createElement(
-      SecondaryButton,
-      {
-        "data-testid": "jkl-cookie-consent-godta-alle",
-        type: "button",
-        onClick: () => accept()
-      },
-      "Godta alle"
-    ), /* @__PURE__ */ React.createElement(
-      SecondaryButton,
-      {
-        "data-testid": "jkl-cookie-consent-godta",
-        type: "submit"
-      },
-      "Godta mine valg"
-    )))),
+    /* @__PURE__ */ React.createElement(
+      ModalContainer,
+      __spreadProps(__spreadValues(__spreadValues({}, modalConfig.container), rest), {
+        "data-cookie-consent-open": isOpen
+      }),
+      /* @__PURE__ */ React.createElement(ModalOverlay, __spreadValues({}, modalConfig.overlay)),
+      /* @__PURE__ */ React.createElement(Modal, __spreadValues(__spreadValues({ component: "form" }, modalConfig.modal), { onSubmit }), /* @__PURE__ */ React.createElement(ModalHeader, null, /* @__PURE__ */ React.createElement(ModalTitle, __spreadValues({}, modalConfig.title), "Velg informasjonskapsler")), /* @__PURE__ */ React.createElement(ModalBody, null, /* @__PURE__ */ React.createElement("p", null, "For at nettsidene skal fungere m\xE5 vi bruke tekniske informasjonskaplser. Disse lagres derfor uten samtykke."), requirement.functional && /* @__PURE__ */ React.createElement(
+        RequirementCheckbox,
+        {
+          name: "functional",
+          label: "Tillat funksjonelle",
+          defaultChecked: currentConsent.functional === "accepted",
+          key: "functional-".concat(currentConsent.functional)
+        },
+        "Funksjonelle informasjonskapsler lagrer opplysninger om din bruk av nettsidene og hvilke innstillinger du har gjort, slik at du kan f\xE5 funksjonalitet tilpasset deg."
+      ), requirement.statistics && /* @__PURE__ */ React.createElement(
+        RequirementCheckbox,
+        {
+          name: "statistics",
+          label: "Tillat statistikk",
+          defaultChecked: currentConsent.statistics === "accepted",
+          key: "statistics-".concat(currentConsent.statistics)
+        },
+        "Informasjonskapslene lagrer statistikk som hjelper oss med \xE5 forst\xE5 hvordan nettsidene blir brukt, slik at vi kan gj\xF8re dem bedre og enklere \xE5 bruke."
+      ), requirement.marketing && /* @__PURE__ */ React.createElement(
+        RequirementCheckbox,
+        {
+          name: "marketing",
+          label: "Tillat personlig markedsf\xF8ring",
+          defaultChecked: currentConsent.marketing === "accepted",
+          key: "marketing-".concat(currentConsent.marketing)
+        },
+        "Dette gj\xF8r at vi kan gi deg mer relevant og tilpasset markedsf\xF8ring, ogs\xE5 gjennom v\xE5re samarbeidspartnere, p\xE5 for eksempel nettsider, annonser og i sosiale medier."
+      )), /* @__PURE__ */ React.createElement(ModalActions, null, /* @__PURE__ */ React.createElement(
+        SecondaryButton,
+        {
+          "data-testid": "jkl-cookie-consent-godta-alle",
+          type: "button",
+          onClick: () => accept()
+        },
+        "Godta alle"
+      ), /* @__PURE__ */ React.createElement(
+        SecondaryButton,
+        {
+          "data-testid": "jkl-cookie-consent-godta",
+          type: "submit"
+        },
+        "Godta mine valg"
+      )))
+    ),
     document.body
@@ -185,0 +195,0 @@ );

package.json

 {
     "name": "@fremtind/jkl-cookie-consent-react",
-    "version": "11.0.1",
+    "version": "11.1.0",
     "publishConfig": {
@@ -61,3 +61,3 @@ "access": "public"
     },
-    "gitHead": "dee7b2be02d814c03079ac26d9b7f5b2c5258cf9"
+    "gitHead": "34d94c3d396165ca60de6ed837369d48f73f37ae"
 }

No alert changes

Improved metrics

Total package byte prevSize

89668

increased by1.1%

Lines of code

1073

increased by1.8%

No dependency changes