@jupyter/chat 0.1.0 → 0.3.0

package/style/chat.css

@@ -2,6 +2,17 @@
  * Copyright (c) Jupyter Development Team.
  * Distributed under the terms of the Modified BSD License.
  */
+.jp-chat-message:not(:first-child):not(.jp-chat-message-stacked) {
+  border-top: 1px solid var(--jp-border-color2);
+}
+
+.jp-chat-message:not(.jp-chat-message-stacked) {
+  padding: 1em 1em 0 1em;
+}
+
+.jp-chat-message.jp-chat-message-stacked {
+  padding: 0 1em;
+}
 
 .jp-chat-rendermime-markdown {
   position: relative;
@@ -51,3 +62,32 @@
 .jp-chat-toolbar > .jp-ToolbarButtonComponent {
   margin-top: 0px;
 }
+
+.jp-chat-navigation {
+  position: absolute;
+  right: 10px;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  min-width: 0;
+}
+
+.jp-chat-navigation-unread {
+  border: solid 2px var(--jp-cell-inprompt-font-color);
+}
+
+.jp-chat-navigation::part(control) {
+  padding: 0;
+}
+
+.jp-chat-navigation-top {
+  top: 10px;
+}
+
+.jp-chat-navigation-top svg {
+  transform: rotate(180deg);
+}
+
+.jp-chat-navigation-bottom {
+  bottom: 100px;
+}

package/style/icons/read.svg

@@ -0,0 +1,11 @@
+<svg height="24px" viewBox="0 0 24 24" width="24px" xmlns="http://www.w3.org/2000/svg">
+  <g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#545454;stroke-width:1.54693;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:1.5;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+       d="M 2.2734634,9 V 20.226537 H 21.726536 V 9" />
+    <path
+       style="display:inline;fill:none;stroke:#545454;stroke-width:1.54528;stroke-linecap:square;stroke-miterlimit:10"
+       transform="matrix(0.81805878,0.57513462,-0.81805878,0.57513462,0,0)"
+       d="M 9.5141659,-5.1535239 H 20.802967 V 6.1352773 H 9.5141659 Z" />
+  </g>
+</svg>

package/style/icons/replace-cell.svg

@@ -0,0 +1,8 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M12 4.71429V7H1.71429V4.71429H12ZM12.5714 3C13.2026 3 13.7143 3.51168 13.7143 4.14286V7.57143C13.7143 8.20263 13.2026 8.71429 12.5714 8.71429H1.14286C0.51168 8.71429 0 8.20263 0 7.57143V4.14286C0 3.51168 0.511669 3 1.14286 3H12.5714Z"
+        fill="#565656" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M14 8.71429V11H3.71429V8.71429H14ZM14.5714 7C15.2026 7 15.7143 7.51168 15.7143 8.14286V11.5714C15.7143 12.2026 15.2026 12.7143 14.5714 12.7143H3.14286C2.51168 12.7143 2 12.2026 2 11.5714V8.14286C2 7.51168 2.51167 7 3.14286 7H14.5714Z"
+        fill="#565656" />
+</svg>

package/lib/components/copy-button.js

@@ -1,35 +0,0 @@
-/*
- * Copyright (c) Jupyter Development Team.
- * Distributed under the terms of the Modified BSD License.
- */
-import React, { useState, useCallback } from 'react';
-import { Box, Button } from '@mui/material';
-var CopyStatus;
-(function (CopyStatus) {
-    CopyStatus[CopyStatus["None"] = 0] = "None";
-    CopyStatus[CopyStatus["Copied"] = 1] = "Copied";
-})(CopyStatus || (CopyStatus = {}));
-const COPYBTN_TEXT_BY_STATUS = {
-    [CopyStatus.None]: 'Copy to Clipboard',
-    [CopyStatus.Copied]: 'Copied!'
-};
-export function CopyButton(props) {
-    const [copyStatus, setCopyStatus] = useState(CopyStatus.None);
-    const copy = useCallback(async () => {
-        try {
-            await navigator.clipboard.writeText(props.value);
-        }
-        catch (err) {
-            console.error('Failed to copy text: ', err);
-            setCopyStatus(CopyStatus.None);
-            return;
-        }
-        setCopyStatus(CopyStatus.Copied);
-        setTimeout(() => setCopyStatus(CopyStatus.None), 1000);
-    }, [props.value]);
-    return (React.createElement(Box, { sx: { display: 'flex', flexDirection: 'column' } },
-        React.createElement(Button, { onClick: copy, disabled: copyStatus !== CopyStatus.None, "aria-label": "Copy To Clipboard", sx: {
-                alignSelf: 'flex-end',
-                textTransform: 'none'
-            } }, COPYBTN_TEXT_BY_STATUS[copyStatus])));
-}

package/src/components/copy-button.tsx

@@ -1,55 +0,0 @@
-/*
- * Copyright (c) Jupyter Development Team.
- * Distributed under the terms of the Modified BSD License.
- */
-
-import React, { useState, useCallback } from 'react';
-
-import { Box, Button } from '@mui/material';
-
-enum CopyStatus {
-  None,
-  Copied
-}
-
-const COPYBTN_TEXT_BY_STATUS: Record<CopyStatus, string> = {
-  [CopyStatus.None]: 'Copy to Clipboard',
-  [CopyStatus.Copied]: 'Copied!'
-};
-
-type CopyButtonProps = {
-  value: string;
-};
-
-export function CopyButton(props: CopyButtonProps): JSX.Element {
-  const [copyStatus, setCopyStatus] = useState<CopyStatus>(CopyStatus.None);
-
-  const copy = useCallback(async () => {
-    try {
-      await navigator.clipboard.writeText(props.value);
-    } catch (err) {
-      console.error('Failed to copy text: ', err);
-      setCopyStatus(CopyStatus.None);
-      return;
-    }
-
-    setCopyStatus(CopyStatus.Copied);
-    setTimeout(() => setCopyStatus(CopyStatus.None), 1000);
-  }, [props.value]);
-
-  return (
-    <Box sx={{ display: 'flex', flexDirection: 'column' }}>
-      <Button
-        onClick={copy}
-        disabled={copyStatus !== CopyStatus.None}
-        aria-label="Copy To Clipboard"
-        sx={{
-          alignSelf: 'flex-end',
-          textTransform: 'none'
-        }}
-      >
-        {COPYBTN_TEXT_BY_STATUS[copyStatus]}
-      </Button>
-    </Box>
-  );
-}