@aleph-alpha/chat-kit 3.3.0 → 5.0.0

package/src/components/composed/CkInput/CkInput.vue

@@ -1,106 +0,0 @@
-<script setup lang="ts">
-import CkPromptSendButton from '../../base/CkPromptSendButton/CkPromptSendButton.vue';
-import CkPromptStopButton from '../../base/CkPromptStopButton/CkPromptStopButton.vue';
-import CkPromptInput from '../../base/CkPromptInput/CkPromptInput.vue';
-import CkPromptInputDisclaimer from '../../base/CkPromptInputDisclaimer/CkPromptInputDisclaimer.vue';
-import CkSendIcon from '../../base/icons/CkSendIcon.vue';
-import CkStopIcon from '../../base/icons/CkStopIcon.vue';
-import type { CkInputProps } from './types';
-import { computed, useTemplateRef } from 'vue';
-
-defineOptions({ name: 'CkInput' });
-
-const props = withDefaults(defineProps<CkInputProps>(), {
-  modelValue: '',
-  placeholder: 'Ask me anything',
-  disabled: false,
-  loading: false,
-  ariaLabel: 'Chat message input',
-  stopAriaLabel: 'Stop generating',
-  disclaimer: undefined,
-});
-
-const emit = defineEmits<{
-  (e: 'update:modelValue', value: string): void;
-  (e: 'submit', value: string): void;
-  (e: 'stop'): void;
-}>();
-
-const promptInputRef =
-  useTemplateRef<InstanceType<typeof CkPromptInput>>('promptInputRef');
-
-const isDisabled = computed(() => props.disabled || props.loading);
-
-function onUpdateModelValue(value: string): void {
-  emit('update:modelValue', value);
-}
-
-function onSubmit(value: string): void {
-  emit('submit', value);
-}
-
-function onStop(): void {
-  emit('stop');
-}
-
-function focus(): void {
-  promptInputRef.value?.focus();
-}
-
-function submit(): void {
-  promptInputRef.value?.submit();
-}
-
-defineExpose({ focus, submit });
-</script>
-
-<template>
-  <CkPromptInput
-    ref="promptInputRef"
-    :model-value="modelValue"
-    :placeholder="placeholder"
-    :disabled="isDisabled"
-    :aria-label="ariaLabel"
-    @update:model-value="onUpdateModelValue"
-    @submit="onSubmit"
-  >
-    <template v-if="$slots['toolbar-top']" #toolbar-top>
-      <slot name="toolbar-top" />
-    </template>
-
-    <template v-if="$slots['toolbar-left']" #toolbar-left>
-      <slot name="toolbar-left" />
-    </template>
-
-    <template #toolbar-right="scope">
-      <slot name="toolbar-right" v-bind="scope">
-        <CkPromptStopButton
-          v-if="loading"
-          :aria-label="stopAriaLabel"
-          :disabled="disabled"
-          @click="onStop"
-        >
-          <slot name="stop-icon">
-            <CkStopIcon />
-          </slot>
-        </CkPromptStopButton>
-        <CkPromptSendButton
-          v-else
-          v-bind="{ ariaLabel: 'Send message' }"
-          type="submit"
-          :disabled="scope.disabled"
-        >
-          <slot name="send-icon">
-            <CkSendIcon />
-          </slot>
-        </CkPromptSendButton>
-      </slot>
-    </template>
-
-    <template #footer>
-      <slot name="footer">
-        <CkPromptInputDisclaimer v-if="disclaimer" :text="disclaimer" />
-      </slot>
-    </template>
-  </CkPromptInput>
-</template>

package/src/components/composed/CkInput/index.ts

@@ -1,2 +0,0 @@
-export { default as CkInput } from './CkInput.vue';
-export type * from './types';

package/src/components/composed/CkInput/types.ts

@@ -1,55 +0,0 @@
-/**
- * Drop-in chat input: combines `CkPromptInput`, a `CkPromptSendButton` send
- * button, and a `CkPromptInputDisclaimer`. Supports `v-model`, loading and
- * disabled states, and slots to customize the toolbar and footer.
- *
- * @category Form Inputs
- * @useCases chat compose input, prompt box with send button, llm input with disclaimer, quick-start chat input, turnkey chat input
- * @keywords input, prompt, chat, send, compose, disclaimer, loading, v-model, textarea
- * @related CkPromptInput, CkPromptSendButton, CkPromptInputDisclaimer, CkConversation
- */
-export interface CkInputProps {
-  /**
-   * Current value of the input. Supports `v-model`.
-   * @default ''
-   */
-  modelValue?: string;
-  /**
-   * Placeholder shown when the input is empty.
-   * @default 'Ask me anything'
-   */
-  placeholder?: string;
-  /**
-   * Whether the input is disabled. Also implied when `loading` is `true`.
-   * @default false
-   */
-  disabled?: boolean;
-  /**
-   * Shows a spinner in the send button and disables the input while a reply
-   * is being generated.
-   * @default false
-   */
-  loading?: boolean;
-  /**
-   * Accessible label for the input.
-   * @default 'Chat message input'
-   */
-  ariaLabel?: string;
-  /**
-   * Accessible label for the stop generating button.
-   * @default 'Stop generating'
-   */
-  stopAriaLabel?: string;
-  /**
-   * Optional disclaimer text rendered below the input via
-   * `CkPromptInputDisclaimer`. Omit to render no disclaimer.
-   */
-  disclaimer?: string;
-}
-
-export interface CkInputEmits {
-  /** Emitted on every keystroke. */
-  (e: 'update:modelValue', value: string): void;
-  /** Emitted when the user submits via Enter or the send button. */
-  (e: 'submit', value: string): void;
-}