@justeattakeaway/pie-cookie-banner 0.11.0 → 0.11.2-next.0

package/dist/react.d.ts

@@ -1,8 +1,8 @@
 import type { CSSResult } from 'lit';
-import type { EventName } from '@lit-labs/react';
+import type { EventName } from '@lit/react';
 import type { LitElement } from 'lit';
 import { PieSwitch } from '@justeattakeaway/pie-switch';
-import type { ReactWebComponent } from '@lit-labs/react';
+import type { ReactWebComponent } from '@lit/react';
 import { TemplateResult } from 'lit';
 
 export declare interface CookieBannerLocale {

package/dist/react.js

@@ -1,6 +1,6 @@
-import * as _ from "react";
-import { PieCookieBanner as y } from "./index.js";
-import { ON_COOKIE_BANNER_ACCEPT_ALL as $, ON_COOKIE_BANNER_MANAGE_PREFS as j, ON_COOKIE_BANNER_NECESSARY_ONLY as F, ON_COOKIE_BANNER_PREFS_SAVED as H, preferences as T } from "./index.js";
+import * as d from "react";
+import { PieCookieBanner as C } from "./index.js";
+import { ON_COOKIE_BANNER_ACCEPT_ALL as I, ON_COOKIE_BANNER_MANAGE_PREFS as K, ON_COOKIE_BANNER_NECESSARY_ONLY as j, ON_COOKIE_BANNER_PREFS_SAVED as x, preferences as F } from "./index.js";
 import "lit";
 import "lit/decorators.js";
 import "lit/directives/repeat.js";
@@ -15,60 +15,37 @@ import "@justeattakeaway/pie-switch";
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const O = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "className"]), C = /* @__PURE__ */ new WeakMap(), k = (o, n, c, m, d) => {
-  const r = d == null ? void 0 : d[n];
-  r === void 0 || c === m ? c == null && n in HTMLElement.prototype ? o.removeAttribute(n) : o[n] = c : ((s, t, h) => {
-    let a = C.get(s);
-    a === void 0 && C.set(s, a = /* @__PURE__ */ new Map());
-    let l = a.get(t);
-    h !== void 0 ? l === void 0 ? (a.set(t, l = { handleEvent: h }), s.addEventListener(t, l)) : l.handleEvent = h : l !== void 0 && (a.delete(t), s.removeEventListener(t, l));
-  })(o, r, c);
-}, A = (o, n) => {
-  typeof o == "function" ? o(n) : o.current = n;
-};
-function P(o = window.React, n, c, m, d) {
-  let r, s, t;
-  if (n === void 0) {
-    const p = o;
-    ({ tagName: s, elementClass: t, events: m, displayName: d } = p), r = p.react;
-  } else
-    r = o, t = c, s = n;
-  const h = r.Component, a = r.createElement, l = new Set(Object.keys(m ?? {}));
-  class v extends h {
-    constructor() {
-      super(...arguments), this.o = null;
-    }
-    t(e) {
-      if (this.o !== null)
-        for (const N in this.i)
-          k(this.o, N, this.props[N], e ? e[N] : void 0, m);
-    }
-    componentDidMount() {
+const v = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "className"]), E = /* @__PURE__ */ new WeakMap(), k = (n, c, i, p, l) => {
+  const m = l == null ? void 0 : l[c];
+  m === void 0 || i === p ? (n[c] = i, i == null && c in HTMLElement.prototype && n.removeAttribute(c)) : ((s, o, t) => {
+    let a = E.get(s);
+    a === void 0 && E.set(s, a = /* @__PURE__ */ new Map());
+    let r = a.get(o);
+    t !== void 0 ? r === void 0 ? (a.set(o, r = { handleEvent: t }), s.addEventListener(o, r)) : r.handleEvent = t : r !== void 0 && (a.delete(o), s.removeEventListener(o, r));
+  })(n, m, i);
+}, y = ({ react: n, tagName: c, elementClass: i, events: p, displayName: l }) => {
+  const m = new Set(Object.keys(p ?? {})), s = n.forwardRef((o, t) => {
+    const a = n.useRef(null), r = n.useRef(null), u = {}, N = {};
+    for (const [e, f] of Object.entries(o))
+      v.has(e) ? u[e === "className" ? "class" : e] = f : m.has(e) || e in i.prototype ? N[e] = f : u[e] = f;
+    return n.useLayoutEffect(() => {
+      if (r.current !== null) {
+        for (const e in N)
+          k(r.current, e, o[e], a.current ? a.current[e] : void 0, p);
+        a.current = o;
+      }
+    }), n.useLayoutEffect(() => {
       var e;
-      this.t(), (e = this.o) === null || e === void 0 || e.removeAttribute("defer-hydration");
-    }
-    componentDidUpdate(e) {
-      this.t(e);
-    }
-    render() {
-      const { _$Gl: e, ...N } = this.props;
-      this.h !== e && (this.u = (i) => {
-        e !== null && A(e, i), this.o = i, this.h = e;
-      }), this.i = {};
-      const u = { ref: this.u };
-      for (const [i, f] of Object.entries(N))
-        O.has(i) ? u[i === "className" ? "class" : i] = f : l.has(i) || i in t.prototype ? this.i[i] = f : u[i] = f;
-      return u.suppressHydrationWarning = !0, a(s, u);
-    }
-  }
-  v.displayName = d ?? t.name;
-  const E = r.forwardRef((p, e) => a(v, { ...p, _$Gl: e }, p == null ? void 0 : p.children));
-  return E.displayName = v.displayName, E;
-}
-const x = P({
+      (e = r.current) == null || e.removeAttribute("defer-hydration");
+    }, []), u.suppressHydrationWarning = !0, n.createElement(c, { ...u, ref: n.useCallback((e) => {
+      r.current = e, typeof t == "function" ? t(e) : t !== null && (t.current = e);
+    }, [t]) });
+  });
+  return s.displayName = l ?? i.name, s;
+}, h = y({
   displayName: "PieCookieBanner",
-  elementClass: y,
-  react: _,
+  elementClass: C,
+  react: d,
   tagName: "pie-cookie-banner",
   events: {
     onPieCookieBannerAcceptAll: "pie-cookie-banner-accept-all",
@@ -82,10 +59,10 @@ const x = P({
   }
 });
 export {
-  $ as ON_COOKIE_BANNER_ACCEPT_ALL,
-  j as ON_COOKIE_BANNER_MANAGE_PREFS,
-  F as ON_COOKIE_BANNER_NECESSARY_ONLY,
-  H as ON_COOKIE_BANNER_PREFS_SAVED,
-  x as PieCookieBanner,
-  T as preferences
+  I as ON_COOKIE_BANNER_ACCEPT_ALL,
+  K as ON_COOKIE_BANNER_MANAGE_PREFS,
+  j as ON_COOKIE_BANNER_NECESSARY_ONLY,
+  x as ON_COOKIE_BANNER_PREFS_SAVED,
+  h as PieCookieBanner,
+  F as preferences
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-cookie-banner",
   "description": "PIE Design System Cookie Banner built using Web Components",
-  "version": "0.11.0",
+  "version": "0.11.2-next.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -30,16 +30,16 @@
   "license": "Apache-2.0",
   "devDependencies": {
     "@justeat/pie-design-tokens": "5.9.0",
-    "@justeattakeaway/pie-components-config": "0.5.0"
+    "@justeattakeaway/pie-components-config": "0.6.0"
   },
   "dependencies": {
-    "@justeattakeaway/pie-button": "0.37.1",
-    "@justeattakeaway/pie-divider": "0.9.1",
-    "@justeattakeaway/pie-icon-button": "0.21.2",
-    "@justeattakeaway/pie-link": "0.11.1",
-    "@justeattakeaway/pie-modal": "0.32.1",
-    "@justeattakeaway/pie-switch": "0.17.1",
-    "@justeattakeaway/pie-webc-core": "0.11.0"
+    "@justeattakeaway/pie-button": "0.38.1-next.0",
+    "@justeattakeaway/pie-divider": "0.9.2-next.0",
+    "@justeattakeaway/pie-icon-button": "0.21.3-next.0",
+    "@justeattakeaway/pie-link": "0.11.2-next.0",
+    "@justeattakeaway/pie-modal": "0.32.3-next.0",
+    "@justeattakeaway/pie-switch": "0.17.2",
+    "@justeattakeaway/pie-webc-core": "0.12.0-next.0"
   },
   "volta": {
     "extends": "../../../package.json"