fix(*): fix lint and types

Author: teodosiah

src/components/chat/chat-message-list.ts

@@ -32,19 +32,19 @@ export default class IgcChatMessageListComponent extends LitElement {
   @property({ type: Boolean, attribute: 'disable-auto-scroll' })
   public disableAutoScroll = false;
 
-  @property({ type: Function })
+  @property({ attribute: false })
   public attachmentTemplate?: AttachmentTemplate;
 
-  @property({ type: Function })
+  @property({ attribute: false })
   public attachmentHeaderTemplate?: AttachmentTemplate;
 
-  @property({ type: Function })
+  @property({ attribute: false })
   public attachmentActionsTemplate?: AttachmentTemplate;
 
-  @property({ type: Function })
+  @property({ attribute: false })
   public attachmentContentTemplate?: AttachmentTemplate;
 
-  @property({ type: Function })
+  @property({ attribute: false })
   public messageActionsTemplate?: MessageActionsTemplate;
 
   private formatDate(date: Date): string {

src/components/chat/chat-message.ts

@@ -3,7 +3,7 @@ import { property } from 'lit/decorators.js';
 import IgcAvatarComponent from '../avatar/avatar.js';
 import { registerComponent } from '../common/definitions/register.js';
 import { renderMarkdown } from './markdown-util.js';
-import { IgcMessageAttachmentsComponent } from './message-attachments.js';
+import IgcMessageAttachmentsComponent from './message-attachments.js';
 import { styles } from './themes/message.base.css.js';
 import type {
   AttachmentTemplate,
@@ -34,19 +34,19 @@ export default class IgcChatMessageComponent extends LitElement {
   @property({ reflect: true, attribute: false })
   public message: IgcMessage | undefined;
 
-  @property({ type: Function })
+  @property({ attribute: false })
   public attachmentTemplate?: AttachmentTemplate;
 
-  @property({ type: Function })
+  @property({ attribute: false })
   public attachmentHeaderTemplate?: AttachmentTemplate;
 
-  @property({ type: Function })
+  @property({ attribute: false })
   public attachmentActionsTemplate?: AttachmentTemplate;
 
-  @property({ type: Function })
+  @property({ attribute: false })
   public attachmentContentTemplate?: AttachmentTemplate;
 
-  @property({ type: Function })
+  @property({ attribute: false })
   public messageActionsTemplate?: MessageActionsTemplate;
 
   protected override render() {

src/components/chat/chat.ts

@@ -75,19 +75,19 @@ export default class IgcChatComponent extends EventEmitterMixin<
   @property({ type: String, attribute: 'header-text', reflect: true })
   public headerText = '';
 
-  @property({ type: Function })
+  @property({ attribute: false })
   public attachmentTemplate?: AttachmentTemplate;
 
-  @property({ type: Function })
+  @property({ attribute: false })
   public attachmentHeaderTemplate?: AttachmentTemplate;
 
-  @property({ type: Function })
+  @property({ attribute: false })
   public attachmentActionsTemplate?: AttachmentTemplate;
 
-  @property({ type: Function })
+  @property({ attribute: false })
   public attachmentContentTemplate?: AttachmentTemplate;
 
-  @property({ type: Function })
+  @property({ attribute: false })
   public messageActionsTemplate?: MessageActionsTemplate;
 
   public override connectedCallback() {

src/components/chat/message-attachments.ts

@@ -21,7 +21,7 @@ import {
  * @element igc-message-attachments
  *
  */
-export class IgcMessageAttachmentsComponent extends LitElement {
+export default class IgcMessageAttachmentsComponent extends LitElement {
   /** @private */
   public static readonly tagName = 'igc-message-attachments';
 
@@ -42,16 +42,16 @@ export class IgcMessageAttachmentsComponent extends LitElement {
   @property({ type: String })
   previewImage = '';
 
-  @property({ type: Function })
+  @property({ attribute: false })
   attachmentTemplate: AttachmentTemplate | undefined;
 
-  @property({ type: Function })
+  @property({ attribute: false })
   attachmentHeaderTemplate: AttachmentTemplate | undefined;
 
-  @property({ type: Function })
+  @property({ attribute: false })
   attachmentActionsTemplate: AttachmentTemplate | undefined;
 
-  @property({ type: Function })
+  @property({ attribute: false })
   attachmentContentTemplate: AttachmentTemplate | undefined;
 
   constructor() {

src/components/chat/themes/input.base.scss

@@ -22,7 +22,7 @@ igc-file-input::part(file-names){
 }
 
 .input-container.dragging{
-    background-color: rgba(10, 132, 255, 0.1);
+    background-color: black;
     border: 2px dashed #0A84FF;
 }
 

src/components/chat/themes/message.base.scss

@@ -35,15 +35,15 @@
   }
 
   .message-container pre {
-    background-color: rgba(0, 0, 0, 0.05);
+    background-color: black;
     padding: 8px;
     border-radius: 4px;
     overflow-x: auto;
     margin: 8px 0;
   }
 
   .message-container code {
-    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
+    font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
     font-size: 0.9em;
     padding: 2px 4px;
     border-radius: 4px;

src/index.ts

@@ -15,6 +15,10 @@ export { default as IgcCarouselComponent } from './components/carousel/carousel.
 export { default as IgcCarouselIndicatorComponent } from './components/carousel/carousel-indicator.js';
 export { default as IgcCarouselSlideComponent } from './components/carousel/carousel-slide.js';
 export { default as IgcChatComponent } from './components/chat/chat.js';
+export { default as IgcChatInputComponent } from './components/chat/chat-input.js';
+export { default as IgcChatMessageComponent } from './components/chat/chat-message.js';
+export { default as IgcChatMessageListComponent } from './components/chat/chat-message-list.js';
+export { default as IgcChatMessageAttachmentsComponent } from './components/chat/message-attachments.js';
 export { default as IgcCheckboxComponent } from './components/checkbox/checkbox.js';
 export { default as IgcCircularProgressComponent } from './components/progress/circular-progress.js';
 export { default as IgcCircularGradientComponent } from './components/progress/circular-gradient.js';
@@ -95,6 +99,7 @@ export type { IgcBannerComponentEventMap } from './components/banner/banner.js';
 export type { IgcButtonGroupComponentEventMap } from './components/button-group/button-group.js';
 export type { IgcCalendarComponentEventMap } from './components/calendar/types.js';
 export type { IgcCarouselComponentEventMap } from './components/carousel/carousel.js';
+export type { IgcChatComponentEventMap } from './components/chat/chat.js';
 export type { IgcCheckboxComponentEventMap } from './components/checkbox/checkbox-base.js';
 export type { IgcCheckboxComponentEventMap as IgcSwitchComponentEventMap } from './components/checkbox/checkbox-base.js';
 export type { IgcChipComponentEventMap } from './components/chip/chip.js';
@@ -155,3 +160,9 @@ export type {
   IgcComboChangeEventArgs,
 } from './components/combo/types.js';
 export type { IconMeta } from './components/icon/registry/types.js';
+export type {
+  IgcMessage,
+  IgcMessageAttachment,
+  AttachmentTemplate,
+  MessageActionsTemplate,
+} from './components/chat/types.js';