@justeattakeaway/pie-notification 0.2.0 → 0.3.0

package/custom-elements.json

@@ -2,6 +2,12 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/defs-react.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/defs.js",

package/dist/react.d.ts

@@ -1,12 +1,12 @@
 import type { CSSResult } from 'lit';
 import type { LitElement } from 'lit';
-import type { ReactWebComponent } from '@lit/react';
+import * as React_2 from 'react';
 import type { TemplateResult } from 'lit-html';
 
 export declare interface NotificationProps {
 }
 
-export declare const PieNotification: ReactWebComponent<PieNotification_2, {}>;
+export declare const PieNotification: React_2.ForwardRefExoticComponent<NotificationProps & React_2.RefAttributes<PieNotification_2> & ReactBaseType>;
 
 /**
  * @tagname pie-notification
@@ -16,4 +16,6 @@ declare class PieNotification_2 extends LitElement implements NotificationProps
     static styles: CSSResult;
 }
 
+declare type ReactBaseType = React_2.HTMLAttributes<HTMLDivElement>;
+
 export { }

package/dist/react.js

@@ -3,13 +3,13 @@ import { createComponent as t } from "@lit/react";
 import { PieNotification as o } from "./index.js";
 import "lit";
 import "@justeattakeaway/pie-webc-core";
-const r = t({
+const e = t({
   displayName: "PieNotification",
   elementClass: o,
   react: i,
   tagName: "pie-notification",
   events: {}
-});
+}), r = e;
 export {
   r as PieNotification
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-notification",
   "description": "PIE Design System Notification built using Web Components",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -32,12 +32,12 @@
   "license": "Apache-2.0",
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.9.0",
-    "@justeattakeaway/pie-components-config": "0.8.0",
-    "@justeattakeaway/pie-wrapper-react": "0.12.0",
+    "@justeattakeaway/pie-components-config": "0.9.0",
+    "@justeattakeaway/pie-wrapper-react": "0.13.0",
     "cem-plugin-module-file-extensions": "0.0.5"
   },
   "dependencies": {
-    "@justeattakeaway/pie-webc-core": "0.16.0"
+    "@justeattakeaway/pie-webc-core": "0.17.0"
   },
   "volta": {
     "extends": "../../../package.json"

package/src/defs-react.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+/**
+ * TODO: Update the React base type as soon as the notification component markup is defined
+ * Use the React IntrinsicElements interface to find how to map standard HTML elements to existing React Interfaces
+ * https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0bb210867d16170c4a08d9ce5d132817651a0f80/types/react/index.d.ts#L2829
+ */
+export type ReactBaseType = React.HTMLAttributes<HTMLDivElement>

package/src/react.ts

@@ -1,14 +1,20 @@
-
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PieNotification as PieNotificationReact } from './index';
+import { PieNotification as PieNotificationLit } from './index';
+import { NotificationProps } from './defs';
 
 export * from './defs';
 
-export const PieNotification = createComponent({
+const PieNotificationReact = createComponent({
     displayName: 'PieNotification',
-    elementClass: PieNotificationReact,
+    elementClass: PieNotificationLit,
     react: React,
     tagName: 'pie-notification',
     events: {},
 });
+
+type ReactBaseType = React.HTMLAttributes<HTMLDivElement>
+
+
+
+export const PieNotification = PieNotificationReact as React.ForwardRefExoticComponent<React.PropsWithoutRef<NotificationProps> & React.RefAttributes<PieNotificationLit> & ReactBaseType>;