@progress/kendo-vue-conversational-ui 8.1.0-develop.4 → 8.1.0-develop.5

package/prompt-box/PromptBoxUploadButton.mjs

@@ -0,0 +1,77 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as c, createVNode as n, Fragment as d, ref as r, watch as m, onUnmounted as u } from "vue";
+import { Button as f } from "@progress/kendo-vue-buttons";
+import { Upload as h } from "@progress/kendo-vue-upload";
+const b = /* @__PURE__ */ c({
+  name: "KendoPromptBoxUploadButton",
+  inheritAttrs: !1,
+  props: {
+    onFilesAdd: Function,
+    files: {
+      type: Array,
+      default: () => []
+    },
+    restrictions: Object,
+    multiple: {
+      type: Boolean,
+      default: !0
+    },
+    accept: String,
+    onSelectAttachments: Function,
+    onRemoveAttachment: Function,
+    _registerRemoveCallback: Function
+  },
+  setup(e) {
+    const l = r(null);
+    return m(() => e.onRemoveAttachment, (t) => {
+      e._registerRemoveCallback && t && e._registerRemoveCallback(t);
+    }, {
+      immediate: !0
+    }), u(() => {
+      e._registerRemoveCallback && e.onRemoveAttachment && e._registerRemoveCallback(void 0);
+    }), {
+      uploadRef: l,
+      handleFilesAdd: (t) => {
+        e.onFilesAdd && e.onFilesAdd(t), e.onSelectAttachments && e.onSelectAttachments({
+          selectedFiles: t.affectedFiles,
+          allFiles: t.newState
+        });
+      }
+    };
+  },
+  render() {
+    const {
+      onFilesAdd: e,
+      files: l,
+      restrictions: a,
+      multiple: t,
+      accept: A,
+      onSelectAttachments: F,
+      onRemoveAttachment: R,
+      _registerRemoveCallback: v,
+      _uploadRef: o,
+      ...s
+    } = this.$attrs;
+    return n(d, null, [n(f, s, null), n(h, {
+      ref: (i) => {
+        this.uploadRef = i, o && (o.value = i);
+      },
+      files: this.files,
+      onAdd: this.handleFilesAdd,
+      autoUpload: !1,
+      restrictions: this.restrictions,
+      multiple: this.multiple,
+      accept: this.accept,
+      class: "k-hidden"
+    }, null)]);
+  }
+});
+export {
+  b as PromptBoxUploadButton
+};

package/prompt-box/interfaces/PromptBoxProps.d.ts

@@ -0,0 +1,197 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { UploadFileInfo, UploadFileRestrictions } from '@progress/kendo-vue-upload';
+import { ButtonProps, SpeechToTextButtonProps } from '@progress/kendo-vue-buttons';
+import { PromptBoxSelectAttachmentsEvent } from '../Events';
+/**
+ * Props passed to affix render functions.
+ *
+ * @hidden
+ */
+export interface AffixTemplateProps {
+    /**
+     * Props for the upload button component.
+     */
+    uploadButtonProps: any;
+    /**
+     * Props for the speech-to-text button component.
+     */
+    speechToTextButtonProps: any;
+    /**
+     * Props for the action button component.
+     */
+    actionButtonProps: any;
+}
+/**
+ * Defines the line mode for the PromptBox component.
+ */
+export type PromptBoxMode = 'single' | 'multi' | 'auto';
+/**
+ * Represents the configuration options for the Upload button.
+ * Combines button styling props, upload behavior props, and event callbacks.
+ */
+export interface UploadButtonProps extends Pick<ButtonProps, 'disabled' | 'fillMode' | 'rounded' | 'size' | 'svgIcon' | 'themeColor'> {
+    /**
+     * Upload file restrictions.
+     */
+    restrictions?: UploadFileRestrictions;
+    /**
+     * Whether multiple files can be selected.
+     */
+    multiple?: boolean;
+    /**
+     * The file types that can be selected.
+     */
+    accept?: string;
+    /**
+     * Fires when the user selects files via the upload button.
+     * Provides both the newly selected files and the complete file state.
+     */
+    onSelectAttachments?: (event: PromptBoxSelectAttachmentsEvent) => void;
+    /**
+     * Fires when the user removes an attachment by clicking the remove button.
+     * In controlled mode (when `attachments` prop is provided), use this to update your state.
+     */
+    onRemoveAttachment?: (fileName: string) => void;
+}
+/**
+ * Represents the props of the PromptBox component.
+ */
+export interface PromptBoxProps {
+    /**
+     * Sets the value for the internal input/textarea of the PromptBox.
+     *
+     * @default ''
+     */
+    value?: string;
+    /**
+     * The default value of the PromptBox (uncontrolled mode).
+     */
+    defaultValue?: string;
+    /**
+     * Sets the line mode for the PromptBox component.
+     *
+     * The available options are:
+     * - `single` - Sets one line for the text input
+     * - `multi` - Multi-line textarea
+     * - `auto` - Transforms the PromptBox from single to multi line mode based on content
+     *
+     * @default 'auto'
+     */
+    mode?: PromptBoxMode;
+    /**
+     * Sets the visible height of the internal textarea in lines.
+     * Only applicable when mode is 'multi'.
+     * This sets the minimum number of rows.
+     *
+     * @default 1
+     */
+    rows?: number;
+    /**
+     * Sets the maximum height of the native textarea in px.
+     * When the text height exceeds this value, a scrollbar appears.
+     * Applicable for `multi` and `auto` modes.
+     */
+    maxTextAreaHeight?: string;
+    /**
+     * Sets the title attribute of the internal text input element of the component.
+     *
+     * @default ''
+     */
+    title?: string;
+    /**
+     * Sets the disabled state of the PromptBox component.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Sets the read-only state of the PromptBox component.
+     *
+     * @default false
+     */
+    readOnly?: boolean;
+    /**
+     * The hint, which is displayed when the text input element is empty.
+     *
+     * @default ''
+     */
+    placeholder?: string;
+    /**
+     * Sets the maximum number of characters allowed in the text input element.
+     */
+    maxLength?: number;
+    /**
+     * Sets the HTML attributes of the inner focusable input element.
+     */
+    inputAttributes?: Record<string, any>;
+    /**
+     * Configures the `fillMode` of the PromptBox.
+     *
+     * The available options are:
+     * - solid
+     * - outline
+     * - flat
+     */
+    fillMode?: 'solid' | 'flat' | 'outline';
+    /**
+     * Custom content rendered at the top of the PromptBox.
+     * Only rendered when mode is 'multi' or when 'auto' mode has expanded.
+     * Can be a render function receiving AffixTemplateProps, or a Vue VNode.
+     */
+    topAffix?: any;
+    /**
+     * Custom content rendered at the start of the input element in single line mode.
+     * In 'multi' and 'auto' with more than one row, it is rendered at the bottom left of the textarea.
+     * Can be a render function receiving AffixTemplateProps, or a Vue VNode.
+     */
+    startAffix?: any;
+    /**
+     * Custom content rendered at the end of the input element.
+     * In 'multi' and 'auto' with more than one row, it is rendered at the bottom right of the textarea.
+     * Custom content appears BEFORE built-in buttons.
+     * Can be a render function receiving AffixTemplateProps, or a Vue VNode.
+     */
+    endAffix?: any;
+    /**
+     * Specifies whether the Send button is transformed to a stop generation button.
+     *
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Sets the File Attachments button visibility and/or settings.
+     *
+     * @default false
+     */
+    uploadButtonConfig?: boolean | UploadButtonProps;
+    /**
+     * Sets the SpeechToText button visibility and/or settings.
+     *
+     * @default true
+     */
+    speechToTextButtonConfig?: boolean | SpeechToTextButtonProps;
+    /**
+     * Sets the send button visibility and/or settings.
+     *
+     * @default true
+     */
+    actionButtonConfig?: boolean | ButtonProps;
+    /**
+     * Sets the attachments for controlled file management.
+     * When provided, the component operates in controlled mode and the developer must manage attachments.
+     * When not provided, the component manages attachments internally (uncontrolled mode).
+     */
+    attachments?: UploadFileInfo[];
+    /**
+     * Custom content rendered before the file attachments list in the FileBox.
+     *
+     * @hidden
+     */
+    header?: any;
+}