@jupyter/chat 0.8.0 → 0.9.0

package/src/widgets/chat-widget.tsx

@@ -6,7 +6,7 @@
 import { ReactWidget } from '@jupyterlab/apputils';
 import React from 'react';
 
-import { Chat } from '../components/chat';
+import { Chat, IInputToolbarRegistry } from '../components';
 import { chatIcon } from '../icons';
 import { IChatModel } from '../model';
 
@@ -29,6 +29,13 @@ export class ChatWidget extends ReactWidget {
     return this._chatOptions.model;
   }
 
+  /**
+   * Get the input toolbar registry (if it has been provided when creating the widget).
+   */
+  get inputToolbarRegistry(): IInputToolbarRegistry | undefined {
+    return this._chatOptions.inputToolbarRegistry;
+  }
+
   render() {
     // The model need to be passed, otherwise it is undefined in the widget in
     // the case of collaborative document.

package/style/base.css

@@ -11,3 +11,4 @@
 
 @import url('./chat.css');
 @import url('./chat-settings.css');
+@import url('./input.css');

package/style/chat.css

@@ -130,3 +130,13 @@
 .jp-chat-attachment .jp-chat-attachment-clickable:hover {
   cursor: pointer;
 }
+
+.jp-chat-command-name {
+  font-weight: normal;
+  margin: 5px;
+}
+
+.jp-chat-command-description {
+  color: gray;
+  margin: 5px;
+}

package/style/input.css

@@ -0,0 +1,32 @@
+/*
+ * Copyright (c) Jupyter Development Team.
+ * Distributed under the terms of the Modified BSD License.
+ */
+
+.jp-chat-input-toolbar {
+  gap: 1px;
+}
+
+.jp-chat-input-toolbar .jp-chat-tooltipped-wrap button {
+  border-radius: 0;
+  min-width: unset;
+}
+
+.jp-chat-input-toolbar .jp-chat-tooltipped-wrap:first-child button {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+
+.jp-chat-input-toolbar .jp-chat-tooltipped-wrap:last-child button {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+
+.jp-chat-input-toolbar .jp-chat-attach-button,
+.jp-chat-input-toolbar .jp-chat-cancel-button {
+  padding: 4px;
+}
+
+.jp-chat-input-toolbar .jp-chat-send-include-opener {
+  padding: 4px 0;
+}

package/lib/components/input/attach-button.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { IDocumentManager } from '@jupyterlab/docmanager';
-import { IAttachment } from '../../types';
-/**
- * The attach button props.
- */
-export type AttachButtonProps = {
-    documentManager: IDocumentManager;
-    onAttach: (attachment: IAttachment) => void;
-};
-/**
- * The attach button.
- */
-export declare function AttachButton(props: AttachButtonProps): JSX.Element;

package/lib/components/input/cancel-button.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-/**
- * The cancel button props.
- */
-export type CancelButtonProps = {
-    onCancel: () => void;
-};
-/**
- * The cancel button.
- */
-export declare function CancelButton(props: CancelButtonProps): JSX.Element;

package/lib/components/input/send-button.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { IInputModel } from '../../input-model';
-import { Selection } from '../../types';
-/**
- * The send button props.
- */
-export type SendButtonProps = {
-    model: IInputModel;
-    sendWithShiftEnter: boolean;
-    inputExists: boolean;
-    onSend: (selection?: Selection) => unknown;
-    hideIncludeSelection?: boolean;
-    hasButtonOnLeft?: boolean;
-};
-/**
- * The send button, with optional 'include selection' menu.
- */
-export declare function SendButton(props: SendButtonProps): JSX.Element;