@justeattakeaway/pie-cookie-banner 0.14.0 → 0.15.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,8 +1,7 @@
 import type { CSSResult } from 'lit';
-import type { EventName } from '@lit/react';
 import type { LitElement } from 'lit';
 import { PieSwitch } from '@justeattakeaway/pie-switch';
-import type { ReactWebComponent } from '@lit/react';
+import * as React_2 from 'react';
 import { TemplateResult } from 'lit';
 
 export declare interface CookieBannerLocale {
@@ -89,12 +88,7 @@ export declare const ON_COOKIE_BANNER_NECESSARY_ONLY = "pie-cookie-banner-necess
  */
 export declare const ON_COOKIE_BANNER_PREFS_SAVED = "pie-cookie-banner-prefs-saved";
 
-export declare const PieCookieBanner: ReactWebComponent<PieCookieBanner_2, {
-    onPieCookieBannerAcceptAll: EventName<CustomEvent<any>>;
-    onPieCookieBannerNecessaryOnly: EventName<CustomEvent<any>>;
-    onPieCookieBannerManagePrefs: EventName<CustomEvent<any>>;
-    onPieCookieBannerPrefsSaved: EventName<CustomEvent<any>>;
-}>;
+export declare const PieCookieBanner: React_2.ForwardRefExoticComponent<CookieBannerProps & React_2.RefAttributes<PieCookieBanner_2> & PieCookieBannerEvents & ReactBaseType>;
 
 /**
  * @tagname pie-cookie-banner
@@ -175,6 +169,13 @@ declare class PieCookieBanner_2 extends LitElement implements CookieBannerProps
     static styles: CSSResult;
 }
 
+declare type PieCookieBannerEvents = {
+    onPieCookieBannerAcceptAll?: (event: CustomEvent<any>) => void;
+    onPieCookieBannerNecessaryOnly?: (event: CustomEvent<any>) => void;
+    onPieCookieBannerManagePrefs?: (event: CustomEvent<any>) => void;
+    onPieCookieBannerPrefsSaved?: (event: CustomEvent<any>) => void;
+};
+
 export declare interface Preference {
     id: PreferenceIds;
     checked?: boolean;
@@ -187,4 +188,6 @@ export declare type PreferenceIds = 'all' | 'necessary' | 'functional' | 'analyt
 
 export declare const preferences: Preference[];
 
+declare type ReactBaseType = React_2.HTMLAttributes<HTMLElement>;
+
 export { }

package/dist/react.js

@@ -1,7 +1,7 @@
 import * as e from "react";
 import { createComponent as o } from "@lit/react";
-import { PieCookieBanner as r } from "./index.js";
-import { ON_COOKIE_BANNER_ACCEPT_ALL as A, ON_COOKIE_BANNER_MANAGE_PREFS as B, ON_COOKIE_BANNER_NECESSARY_ONLY as f, ON_COOKIE_BANNER_PREFS_SAVED as l, preferences as R } from "./index.js";
+import { PieCookieBanner as n } from "./index.js";
+import { ON_COOKIE_BANNER_ACCEPT_ALL as A, ON_COOKIE_BANNER_MANAGE_PREFS as f, ON_COOKIE_BANNER_NECESSARY_ONLY as l, ON_COOKIE_BANNER_PREFS_SAVED as R, preferences as S } from "./index.js";
 import "lit";
 import "lit/decorators.js";
 import "lit/directives/repeat.js";
@@ -12,9 +12,9 @@ import "@justeattakeaway/pie-link";
 import "@justeattakeaway/pie-modal";
 import "@justeattakeaway/pie-switch";
 import "@justeattakeaway/pie-webc-core";
-const O = o({
+const r = o({
   displayName: "PieCookieBanner",
-  elementClass: r,
+  elementClass: n,
   react: e,
   tagName: "pie-cookie-banner",
   events: {
@@ -27,12 +27,12 @@ const O = o({
     onPieCookieBannerPrefsSaved: "pie-cookie-banner-prefs-saved"
     // when a user clicks save preferences.
   }
-});
+}), O = r;
 export {
   A as ON_COOKIE_BANNER_ACCEPT_ALL,
-  B as ON_COOKIE_BANNER_MANAGE_PREFS,
-  f as ON_COOKIE_BANNER_NECESSARY_ONLY,
-  l as ON_COOKIE_BANNER_PREFS_SAVED,
+  f as ON_COOKIE_BANNER_MANAGE_PREFS,
+  l as ON_COOKIE_BANNER_NECESSARY_ONLY,
+  R as ON_COOKIE_BANNER_PREFS_SAVED,
   O as PieCookieBanner,
-  R as preferences
+  S 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.14.0",
+  "version": "0.15.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -34,18 +34,18 @@
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.9.0",
     "@justeat/pie-design-tokens": "5.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-button": "0.44.0",
-    "@justeattakeaway/pie-divider": "0.11.0",
-    "@justeattakeaway/pie-icon-button": "0.26.0",
-    "@justeattakeaway/pie-link": "0.13.0",
-    "@justeattakeaway/pie-modal": "0.37.0",
-    "@justeattakeaway/pie-switch": "0.23.0",
-    "@justeattakeaway/pie-webc-core": "0.16.0"
+    "@justeattakeaway/pie-button": "0.45.0",
+    "@justeattakeaway/pie-divider": "0.12.0",
+    "@justeattakeaway/pie-icon-button": "0.27.0",
+    "@justeattakeaway/pie-link": "0.14.0",
+    "@justeattakeaway/pie-modal": "0.38.0",
+    "@justeattakeaway/pie-switch": "0.24.0",
+    "@justeattakeaway/pie-webc-core": "0.17.0"
   },
   "volta": {
     "extends": "../../../package.json"

package/src/defs-react.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+
+export type ReactBaseType = React.HTMLAttributes<HTMLElement>

package/src/react.ts

@@ -1,13 +1,13 @@
-
 import * as React from 'react';
 import { createComponent, EventName } from '@lit/react';
-import { PieCookieBanner as PieCookieBannerReact } from './index';
+import { PieCookieBanner as PieCookieBannerLit } from './index';
+import { CookieBannerProps } from './defs';
 
 export * from './defs';
 
-export const PieCookieBanner = createComponent({
+const PieCookieBannerReact = createComponent({
     displayName: 'PieCookieBanner',
-    elementClass: PieCookieBannerReact,
+    elementClass: PieCookieBannerLit,
     react: React,
     tagName: 'pie-cookie-banner',
     events: {
@@ -17,3 +17,14 @@ export const PieCookieBanner = createComponent({
         onPieCookieBannerPrefsSaved: 'pie-cookie-banner-prefs-saved' as EventName<CustomEvent>, // when a user clicks save preferences.
     },
 });
+
+type ReactBaseType = React.HTMLAttributes<HTMLElement>
+
+type PieCookieBannerEvents = {
+    onPieCookieBannerAcceptAll?: (event: CustomEvent<any>) => void;
+    onPieCookieBannerNecessaryOnly?: (event: CustomEvent<any>) => void;
+    onPieCookieBannerManagePrefs?: (event: CustomEvent<any>) => void;
+    onPieCookieBannerPrefsSaved?: (event: CustomEvent<any>) => void;
+};
+
+export const PieCookieBanner = PieCookieBannerReact as React.ForwardRefExoticComponent<React.PropsWithoutRef<CookieBannerProps> & React.RefAttributes<PieCookieBannerLit> & PieCookieBannerEvents & ReactBaseType>;