@justeattakeaway/pie-notification 0.1.1 → 0.1.2-next.0

package/dist/react.d.ts

@@ -1,6 +1,6 @@
 import type { CSSResult } from 'lit';
 import type { LitElement } from 'lit';
-import type { ReactWebComponent } from '@lit-labs/react';
+import type { ReactWebComponent } from '@lit/react';
 import type { TemplateResult } from 'lit-html';
 
 export declare interface NotificationProps {

package/dist/react.js

@@ -1,68 +1,45 @@
-import * as g from "react";
-import { PieNotification as E } from "./index.js";
+import * as y from "react";
+import { PieNotification as N } from "./index.js";
 import "lit";
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const b = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "className"]), w = /* @__PURE__ */ new WeakMap(), M = (t, i, d, m, p) => {
-  const s = p == null ? void 0 : p[i];
-  s === void 0 || d === m ? d == null && i in HTMLElement.prototype ? t.removeAttribute(i) : t[i] = d : ((a, o, h) => {
-    let r = w.get(a);
-    r === void 0 && w.set(a, r = /* @__PURE__ */ new Map());
-    let l = r.get(o);
-    h !== void 0 ? l === void 0 ? (r.set(o, l = { handleEvent: h }), a.addEventListener(o, l)) : l.handleEvent = h : l !== void 0 && (r.delete(o), a.removeEventListener(o, l));
-  })(t, s, d);
-}, P = (t, i) => {
-  typeof t == "function" ? t(i) : t.current = i;
-};
-function C(t = window.React, i, d, m, p) {
-  let s, a, o;
-  if (i === void 0) {
-    const c = t;
-    ({ tagName: a, elementClass: o, events: m, displayName: p } = c), s = c.react;
-  } else
-    s = t, o = d, a = i;
-  const h = s.Component, r = s.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 u in this.i)
-          M(this.o, u, this.props[u], e ? e[u] : void 0, m);
-    }
-    componentDidMount() {
+const E = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "className"]), v = /* @__PURE__ */ new WeakMap(), h = (t, c, i, u, l) => {
+  const f = l == null ? void 0 : l[c];
+  f === void 0 || i === u ? (t[c] = i, i == null && c in HTMLElement.prototype && t.removeAttribute(c)) : ((s, r, o) => {
+    let a = v.get(s);
+    a === void 0 && v.set(s, a = /* @__PURE__ */ new Map());
+    let n = a.get(r);
+    o !== void 0 ? n === void 0 ? (a.set(r, n = { handleEvent: o }), s.addEventListener(r, n)) : n.handleEvent = o : n !== void 0 && (a.delete(r), s.removeEventListener(r, n));
+  })(t, f, i);
+}, b = ({ react: t, tagName: c, elementClass: i, events: u, displayName: l }) => {
+  const f = new Set(Object.keys(u ?? {})), s = t.forwardRef((r, o) => {
+    const a = t.useRef(null), n = t.useRef(null), m = {}, p = {};
+    for (const [e, d] of Object.entries(r))
+      E.has(e) ? m[e === "className" ? "class" : e] = d : f.has(e) || e in i.prototype ? p[e] = d : m[e] = d;
+    return t.useLayoutEffect(() => {
+      if (n.current !== null) {
+        for (const e in p)
+          h(n.current, e, r[e], a.current ? a.current[e] : void 0, u);
+        a.current = r;
+      }
+    }), t.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, ...u } = this.props;
-      this.h !== e && (this.u = (n) => {
-        e !== null && P(e, n), this.o = n, this.h = e;
-      }), this.i = {};
-      const f = { ref: this.u };
-      for (const [n, N] of Object.entries(u))
-        b.has(n) ? f[n === "className" ? "class" : n] = N : l.has(n) || n in o.prototype ? this.i[n] = N : f[n] = N;
-      return f.suppressHydrationWarning = !0, r(a, f);
-    }
-  }
-  v.displayName = p ?? o.name;
-  const y = s.forwardRef((c, e) => r(v, { ...c, _$Gl: e }, c == null ? void 0 : c.children));
-  return y.displayName = v.displayName, y;
-}
-const $ = C({
+      (e = n.current) == null || e.removeAttribute("defer-hydration");
+    }, []), m.suppressHydrationWarning = !0, t.createElement(c, { ...m, ref: t.useCallback((e) => {
+      n.current = e, typeof o == "function" ? o(e) : o !== null && (o.current = e);
+    }, [o]) });
+  });
+  return s.displayName = l ?? i.name, s;
+}, L = b({
   displayName: "PieNotification",
-  elementClass: E,
-  react: g,
+  elementClass: N,
+  react: y,
   tagName: "pie-notification",
   events: {}
 });
 export {
-  $ as PieNotification
+  L as PieNotification
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-notification",
   "description": "PIE Design System Notification built using Web Components",
-  "version": "0.1.1",
+  "version": "0.1.2-next.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -28,10 +28,10 @@
   "author": "Just Eat Takeaway.com - Design System Team",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@justeattakeaway/pie-components-config": "0.4.0"
+    "@justeattakeaway/pie-components-config": "0.6.0"
   },
   "dependencies": {
-    "@justeattakeaway/pie-webc-core": "0.11.0"
+    "@justeattakeaway/pie-webc-core": "0.12.0-next.0"
   },
   "volta": {
     "extends": "../../../package.json"