@justeattakeaway/pie-textarea 0.15.2 → 0.15.4

package/custom-elements.json

@@ -173,7 +173,8 @@
                 "text": "TextareaProps['name']"
               },
               "privacy": "public",
-              "attribute": "name"
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",

package/dist/index.js

@@ -12,7 +12,7 @@ var Z = Object.defineProperty, ee = (e, t, r, s) => {
 };
 class B extends L {
   constructor() {
-    super(...arguments), this.v = "0.15.2";
+    super(...arguments), this.v = "0.15.4";
   }
 }
 ee([
@@ -272,7 +272,7 @@ n([
   u({ type: String })
 ], o.prototype, "assistiveText");
 n([
-  u({ type: String })
+  u({ type: String, reflect: !0 })
 ], o.prototype, "name");
 n([
   u({ type: String })

package/dist/react.d.ts

@@ -95,7 +95,7 @@ declare type PieTextareaEvents = {
     onChange?: (event: CustomEvent) => void;
 };
 
-declare type ReactBaseType = React_2.HTMLAttributes<HTMLTextAreaElement>;
+declare type ReactBaseType = Omit<React_2.HTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'onInput'>;
 
 export declare const resizeModes: readonly ["auto", "manual"];
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-textarea",
   "description": "PIE Design System Textarea built using Web Components",
-  "version": "0.15.2",
+  "version": "0.15.4",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/src/defs-react.ts

@@ -1,3 +1,4 @@
 import type React from 'react';
 
-export type ReactBaseType = React.HTMLAttributes<HTMLTextAreaElement>
+// Omit event types to avoid conflicting with PieTextarea's type definition
+export type ReactBaseType = Omit<React.HTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'onInput'>

package/src/index.ts

@@ -65,7 +65,7 @@ export class PieTextarea extends FormControlMixin(RtlMixin(PieElement)) implemen
     @property({ type: String })
     public assistiveText: TextareaProps['assistiveText'];
 
-    @property({ type: String })
+    @property({ type: String, reflect: true })
     public name: TextareaProps['name'];
 
     @property({ type: String })

package/src/react.ts

@@ -16,7 +16,7 @@ const PieTextareaReact = createComponent({
     },
 });
 
-type ReactBaseType = React.HTMLAttributes<HTMLTextAreaElement>
+type ReactBaseType = Omit<React.HTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'onInput'>
 
 type PieTextareaEvents = {
     onInput?: (event: InputEvent) => void;