release: WRNexusJS 0.6.0

.publish/ui/components/ChatBubble.wrn

@@ -1,56 +1,59 @@
 component ChatBubble {
+  outputs {
+    action(payload: { action: boolean; item: string | number | boolean | null | object; index: number })
+    messageClick(payload: { item: string | number | boolean | null | object; index: number; direction: string })
+    avatarClick(payload: { item: string | number | boolean | null | object; index: number; direction: string })
+    linkClick(payload: { link: string | number | boolean | null | object; item: string | number | boolean | null | object; index: number })
+  }
+
   props {
-    @event action = function
-    @event messageClick = function
-    @event avatarClick = function
-    @event linkClick = function
-    size = "default"
-    color = "primary"
-    title = ""
-    description = ""
-    items = []
-    oneSided = false
-    showAvatars = false
-    showMetadata = false
-    ariaLabel = "Conversation"
-    variant = "default"
-    class = ""
+    size: string = "default"
+    color: string = "primary"
+    title: string = ""
+    description: string = ""
+    items: unknown[] = []
+    oneSided: boolean = false
+    showAvatars: boolean = false
+    showMetadata: boolean = false
+    ariaLabel: string = "Conversation"
+    variant: string = "default"
+    class: string = ""
   }
 
   functions {
-    function messageDirection(item) {
+    shared function messageDirection(item) {
       return item.direction === "outgoing" ? "outgoing" : "incoming"
     }
 
-    function selectMessage(item, index) {
-      $emit("messageClick", {
+    client function selectMessage(item, index) {
+      output.messageClick({
         item: item,
         index: index,
         direction: messageDirection(item)
       })
     }
 
-    function selectAvatar(sourceEvent, item, index) {
+    client function selectAvatar(sourceEvent, item, index) {
       sourceEvent.stopPropagation()
-      $emit("avatarClick", {
+      output.avatarClick({
         item: item,
         index: index,
         direction: messageDirection(item)
       })
     }
 
-    function selectLink(sourceEvent, link, item, index) {
+    client function selectLink(sourceEvent, link, item, index) {
       sourceEvent.stopPropagation()
-      $emit("linkClick", {
+      output.linkClick({
         link: link,
         item: item,
         index: index
       })
     }
 
-    function selectAction(sourceEvent, item, index) {
+    client function selectAction(sourceEvent, item, index) {
       sourceEvent.stopPropagation()
-      $emit("action", {
+      output.action({
         action: item.action || "retry",
         item: item,
         index: index