@vaadin/message-input 22.0.0-alpha6 → 22.0.0-beta1

package/package.json

@@ -1,10 +1,29 @@
 {
   "name": "@vaadin/message-input",
-  "version": "22.0.0-alpha6",
+  "version": "22.0.0-beta1",
+  "publishConfig": {
+    "access": "public"
+  },
   "description": "vaadin-message-input",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vaadin/web-components.git",
+    "directory": "packages/message-input"
+  },
+  "author": "Vaadin Ltd",
+  "homepage": "https://vaadin.com/components",
+  "bugs": {
+    "url": "https://github.com/vaadin/web-components/issues"
+  },
   "main": "vaadin-message-input.js",
   "module": "vaadin-message-input.js",
-  "repository": "vaadin/web-components",
+  "files": [
+    "src",
+    "theme",
+    "vaadin-*.d.ts",
+    "vaadin-*.js"
+  ],
   "keywords": [
     "Vaadin",
     "message-input",
@@ -12,36 +31,19 @@
     "web-component",
     "polymer"
   ],
-  "author": "Vaadin Ltd",
-  "license": "Apache-2.0",
-  "bugs": {
-    "url": "https://github.com/vaadin/web-components/issues"
-  },
-  "homepage": "https://vaadin.com/components",
-  "files": [
-    "vaadin-*.d.ts",
-    "vaadin-*.js",
-    "src",
-    "theme"
-  ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/avatar": "^22.0.0-alpha6",
-    "@vaadin/button": "^22.0.0-alpha6",
-    "@vaadin/text-area": "^22.0.0-alpha6",
-    "@vaadin/vaadin-element-mixin": "^22.0.0-alpha6",
-    "@vaadin/vaadin-lumo-styles": "^22.0.0-alpha6",
-    "@vaadin/vaadin-material-styles": "^22.0.0-alpha6",
-    "@vaadin/vaadin-text-field": "^22.0.0-alpha6",
-    "@vaadin/vaadin-themable-mixin": "^22.0.0-alpha6"
+    "@vaadin/button": "22.0.0-beta1",
+    "@vaadin/component-base": "22.0.0-beta1",
+    "@vaadin/text-area": "22.0.0-beta1",
+    "@vaadin/vaadin-lumo-styles": "22.0.0-beta1",
+    "@vaadin/vaadin-material-styles": "22.0.0-beta1",
+    "@vaadin/vaadin-themable-mixin": "22.0.0-beta1"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
     "@vaadin/testing-helpers": "^0.3.0",
     "sinon": "^9.2.4"
   },
-  "publishConfig": {
-    "access": "public"
-  },
-  "gitHead": "4b136b1c7da8942960e7255f40c27859125b3a45"
+  "gitHead": "4cf8a9d0504994200c610e44b3676114fef49c1e"
 }

package/src/vaadin-message-input-button.d.ts

@@ -1,3 +1,8 @@
+/**
+ * @license
+ * Copyright (c) 2021 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
 import { Button } from '@vaadin/button/src/vaadin-button.js';
 
 /**
@@ -6,10 +11,10 @@ import { Button } from '@vaadin/button/src/vaadin-button.js';
  * @extends Button
  * @protected
  */
-declare class MessageInputButtonElement extends Button {}
+declare class MessageInputButton extends Button {}
 
 declare global {
   interface HTMLElementTagNameMap {
-    'vaadin-message-input-button': MessageInputButtonElement;
+    'vaadin-message-input-button': MessageInputButton;
   }
 }

package/src/vaadin-message-input-text-area.d.ts

@@ -1,3 +1,8 @@
+/**
+ * @license
+ * Copyright (c) 2021 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
 import { TextArea } from '@vaadin/text-area/src/vaadin-text-area.js';
 
 /**

package/src/vaadin-message-input.d.ts

@@ -1,7 +1,11 @@
+/**
+ * @license
+ * Copyright (c) 2021 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
 import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
 
-import { ElementMixin } from '@vaadin/vaadin-element-mixin/vaadin-element-mixin.js';
-
 export interface MessageInputI18n {
   send: string;
   message: string;
@@ -13,11 +17,11 @@ export interface MessageInputI18n {
  */
 export type MessageInputSubmitEvent = CustomEvent<{ value: string }>;
 
-export interface MessageInputElementEventMap {
+export interface MessageInputCustomEventMap {
   submit: MessageInputSubmitEvent;
 }
 
-export type MessageInputEventMap = HTMLElementEventMap & MessageInputElementEventMap;
+export type MessageInputEventMap = HTMLElementEventMap & MessageInputCustomEventMap;
 
 /**
  * `<vaadin-message-input>` is a Web Component for sending messages.
@@ -31,7 +35,7 @@ export type MessageInputEventMap = HTMLElementEventMap & MessageInputElementEven
  * <vaadin-message-input></vaadin-message-input>
  * ```
  */
-declare class MessageInputElement extends ThemableMixin(ElementMixin(HTMLElement)) {
+declare class MessageInput extends ThemableMixin(ElementMixin(HTMLElement)) {
   /**
    * Current content of the text input field
    */
@@ -63,21 +67,21 @@ declare class MessageInputElement extends ThemableMixin(ElementMixin(HTMLElement
 
   addEventListener<K extends keyof MessageInputEventMap>(
     type: K,
-    listener: (this: MessageInputElement, ev: MessageInputEventMap[K]) => void,
+    listener: (this: MessageInput, ev: MessageInputEventMap[K]) => void,
     options?: boolean | AddEventListenerOptions
   ): void;
 
   removeEventListener<K extends keyof MessageInputEventMap>(
     type: K,
-    listener: (this: MessageInputElement, ev: MessageInputEventMap[K]) => void,
+    listener: (this: MessageInput, ev: MessageInputEventMap[K]) => void,
     options?: boolean | EventListenerOptions
   ): void;
 }
 
 declare global {
   interface HTMLElementTagNameMap {
-    'vaadin-message-input': MessageInputElement;
+    'vaadin-message-input': MessageInput;
   }
 }
 
-export { MessageInputElement };
+export { MessageInput };

package/src/vaadin-message-input.js

@@ -4,10 +4,11 @@
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { PolymerElement, html } from '@polymer/polymer/polymer-element.js';
+import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
 import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-import { ElementMixin } from '@vaadin/vaadin-element-mixin/vaadin-element-mixin.js';
 import './vaadin-message-input-text-area.js';
 import './vaadin-message-input-button.js';
+
 /**
  * `<vaadin-message-input>` is a Web Component for sending messages.
  * It consists of a text area that grows on along with the content, and a send button to send message.
@@ -32,7 +33,7 @@ import './vaadin-message-input-button.js';
  * @mixes ThemableMixin
  * @mixes ElementMixin
  */
-class MessageInputElement extends ElementMixin(ThemableMixin(PolymerElement)) {
+class MessageInput extends ElementMixin(ThemableMixin(PolymerElement)) {
   static get properties() {
     return {
       /**
@@ -41,6 +42,7 @@ class MessageInputElement extends ElementMixin(ThemableMixin(PolymerElement)) {
       value: {
         type: String
       },
+
       /**
        *
        * The object used to localize this component.
@@ -126,6 +128,6 @@ class MessageInputElement extends ElementMixin(ThemableMixin(PolymerElement)) {
   }
 }
 
-customElements.define(MessageInputElement.is, MessageInputElement);
+customElements.define(MessageInput.is, MessageInput);
 
-export { MessageInputElement };
+export { MessageInput };

package/src/typings/message-input.types.ts

@@ -1,12 +0,0 @@
-import '../../vaadin-message-input.js';
-
-import { MessageInputSubmitEvent } from '../../vaadin-message-input.js';
-
-const assertType = <TExpected>(actual: TExpected) => actual;
-
-const input = document.createElement('vaadin-message-input');
-
-input.addEventListener('submit', (event) => {
-  assertType<MessageInputSubmitEvent>(event);
-  assertType<string>(event.detail.value);
-});