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

package/README.md

@@ -55,7 +55,7 @@ import '@justeattakeaway/pie-notification';
 ```js
 // React
 // For React, you will need to import our React-specific component build
-// which wraps the web component using @lit-labs/react
+// which wraps the web component using ​@lit/react
 import { PieNotification } from '@justeattakeaway/pie-notification/dist/react';
 ```
 

package/dist/react.js

@@ -1,45 +1,14 @@
-import * as y from "react";
-import { PieNotification as N } from "./index.js";
+import * as i from "react";
+import { createComponent as t } from "@lit/react";
+import { PieNotification as o } from "./index.js";
 import "lit";
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-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;
-      (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({
+const n = t({
   displayName: "PieNotification",
-  elementClass: N,
-  react: y,
+  elementClass: o,
+  react: i,
   tagName: "pie-notification",
   events: {}
 });
 export {
-  L as PieNotification
+  n 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.2-next.0",
+  "version": "0.1.2",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -31,7 +31,7 @@
     "@justeattakeaway/pie-components-config": "0.6.0"
   },
   "dependencies": {
-    "@justeattakeaway/pie-webc-core": "0.12.0-next.0"
+    "@justeattakeaway/pie-webc-core": "0.12.0"
   },
   "volta": {
     "extends": "../../../package.json"