@rkosafo/cai.components 0.0.41 → 0.0.44

package/dist/layout/Chat/ChatHeader.svelte

@@ -18,7 +18,7 @@
 		showOverflowActionButton = true,
 		caseStatus = '',
 		logoUrl = '',
-		showDefaultCaseOveflowActions = true,
+		showFollowOverflowAction = true,
 		showCloseOverflowAction = true,
 		onOverflowActionClicked,
 		onToggleFollowCase,
@@ -122,10 +122,10 @@
 					transition:slide
 					use:clickOutsideAction
 				>
-					{#if showDefaultCaseOveflowActions}
+					{#if showFollowOverflowAction}
 						{#if !isFollowingCase}
 							<DropdownItem
-								class="flex items-center gap-1 whitespace-nowrap "
+								class="flex w-full appearance-none items-center gap-1 whitespace-nowrap list-none"
 								onclick={() => {
 									onToggleFollowCase?.('follow');
 									showMenu = false;
@@ -133,7 +133,7 @@
 							>
 						{:else}
 							<DropdownItem
-								class="flex items-center gap-1 whitespace-nowrap "
+								class="flex w-full appearance-none items-center gap-1 whitespace-nowrap list-none"
 								onclick={() => {
 									onToggleFollowCase?.('unfollow');
 									showMenu = false;
@@ -145,7 +145,7 @@
 					{#if overflowActionsList.length > 0}
 						{#each overflowActionsList as item}
 							<DropdownItem
-								class="flex items-center gap-1 whitespace-nowrap "
+								class="flex w-full appearance-none items-center gap-1 whitespace-nowrap list-none"
 								onclick={() => {
 									onOverflowActionClicked?.(item);
 									showMenu = false;
@@ -155,9 +155,9 @@
 							>
 						{/each}
 					{/if}
-					{#if showDefaultCaseOveflowActions && showCloseOverflowAction}
+					{#if showCloseOverflowAction}
 						<DropdownItem
-							class="flex items-center gap-1 whitespace-nowrap text-red-600"
+							class="flex w-full appearance-none items-center gap-1 whitespace-nowrap text-red-600 list-none"
 							onclick={() => {
 								onCloseCase?.();
 								showMenu = false;

package/dist/layout/Chat/RichText.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { clickOutsideAction, IconifyIcon } from '../../index.js';
+	import { clickOutsideAction, cn, IconifyIcon } from '../../index.js';
 	import type { CommandListType, IMentionableItem, ISlashCommand, RichTextProps } from './index.js';
 
 	let {
@@ -10,7 +10,8 @@
 		mentionableItems = [],
 		onMention,
 		onSend,
-		onSlash
+		onSlash,
+		class: className = ''
 	}: RichTextProps = $props();
 
 	let showCommandList = $state(false);
@@ -163,7 +164,7 @@
 				onkeyup={onKeyUp}
 				onkeydown={onKeyDown}
 				rows="1"
-				class="mt-1 flex-grow rounded-md bg-transparent p-2 focus:outline-none"
+				class={cn('mt-1 flex-grow rounded-md bg-transparent p-2 focus:outline-none', className)}
 				{placeholder}
 			></textarea>
 			{#if loading}

package/dist/layout/Chat/types.d.ts

@@ -26,7 +26,7 @@ export interface ChatHeaderProps {
     showOverflowActionButton?: boolean;
     caseStatus?: string;
     isFollowingCase?: boolean;
-    showDefaultCaseOveflowActions?: boolean;
+    showFollowOverflowAction?: boolean;
     showCloseOverflowAction?: boolean;
     onCloseCase?: () => void;
     onOverflowActionClicked?: (val: ChatHeaderOverflowAction) => void;
@@ -56,6 +56,7 @@ export interface RichTextProps {
     onSend?: () => void;
     onSlash?: (val: ISlashCommand) => void;
     onMention?: (val: IMentionableItem) => void;
+    class?: string;
 }
 export type CommandListType = 'slash' | 'mention';
 export interface PreviewPageSrc {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rkosafo/cai.components",
-  "version": "0.0.41",
+  "version": "0.0.44",
   "files": [
     "dist",
     "!dist/**/*.test.*",