@openviking/react 0.1.7 → 0.1.8-beta.11.1.gc6def608a25e

package/dist/viking-bot-composer~0.js

@@ -8,6 +8,7 @@ import { resolveVikingBotLabels, BotPopover, useQuickInput, QuickInputs } from "
 import { usePortalTheme } from "./9~0.js";
 import { input_Input } from "./c7r~0.js";
 import { FileTree as file_tree_FileTree } from "./n~0.js";
+import { getFileTypeColor, getFileTypeIcon, resolveFileTypeIconKey } from "./k~0.js";
 import { useLocale } from "./28~0.js";
 const SvgSend = (props)=>/*#__PURE__*/ jsx("svg", {
         xmlns: "http://www.w3.org/2000/svg",
@@ -307,34 +308,92 @@ function ReferenceButton({ locale, config, disabled, labels, senderRef }) {
             })
     }, disabled ? 'disabled' : 'enabled');
 }
-function ReferenceTags({ config, labels, disabled }) {
+const VISIBLE_LIMIT = 5;
+function ReferenceTag({ item, labels, disabled, onRemove, onOpenUri }) {
+    const FileIcon = getFileTypeIcon(item.name);
+    const iconKey = resolveFileTypeIconKey(item.name);
+    const path = /*#__PURE__*/ jsx("span", {
+        className: "ov-viking-bot__reference-path",
+        title: item.uri,
+        children: item.uri
+    });
+    return /*#__PURE__*/ jsxs("span", {
+        className: "ov-viking-bot__reference-tag",
+        children: [
+            'directory' === item.type ? /*#__PURE__*/ jsx(VikingBotIcon, {
+                name: "contextFolder",
+                width: 14,
+                height: 14
+            }) : /*#__PURE__*/ jsx(FileIcon, {
+                className: "ov-viking-bot__reference-icon",
+                width: 14,
+                height: 14,
+                "aria-hidden": "true",
+                focusable: "false",
+                style: {
+                    '--ov-ui-viking-bot-reference-icon-light': getFileTypeColor(iconKey),
+                    '--ov-ui-viking-bot-reference-icon-dark': getFileTypeColor(iconKey, 'dark')
+                }
+            }),
+            onOpenUri ? /*#__PURE__*/ jsx("button", {
+                type: "button",
+                className: "ov-viking-bot__reference-open",
+                "aria-label": labels.openReference.replace('{uri}', item.uri),
+                onClick: ()=>onOpenUri(item.uri),
+                children: path
+            }) : path,
+            /*#__PURE__*/ jsx("button", {
+                type: "button",
+                className: "ov-viking-bot__reference-remove",
+                disabled: disabled,
+                "aria-label": `${labels.removeReference}: ${item.uri}`,
+                onClick: onRemove,
+                children: /*#__PURE__*/ jsx(VikingBotIcon, {
+                    name: "contextClose",
+                    width: 14,
+                    height: 14
+                })
+            })
+        ]
+    });
+}
+function ReferenceTags({ config, labels, disabled, onOpenUri }) {
     if (!config?.selected.length) return null;
-    return /*#__PURE__*/ jsx("ul", {
+    const items = config.selected;
+    const remaining = items.slice(VISIBLE_LIMIT);
+    const renderTag = (item, index)=>/*#__PURE__*/ jsx(ReferenceTag, {
+            item: item,
+            labels: labels,
+            disabled: disabled,
+            onOpenUri: onOpenUri,
+            onRemove: ()=>config.onChange(items.filter((_, position)=>position !== index))
+        }, `${item.uri}:${index}`);
+    return /*#__PURE__*/ jsx("div", {
         className: "ov-viking-bot__reference-tags",
-        children: config.selected.map((item)=>/*#__PURE__*/ jsxs("li", {
+        children: items.slice(0, VISIBLE_LIMIT).map((item, index)=>/*#__PURE__*/ jsxs("div", {
+                className: "ov-viking-bot__reference-row",
                 children: [
-                    /*#__PURE__*/ jsx(Tooltip, {
-                        content: item.uri,
-                        children: /*#__PURE__*/ jsx("span", {
-                            children: item.name
-                        })
-                    }),
-                    /*#__PURE__*/ jsx(button_Button, {
-                        size: "mini",
-                        type: "text",
-                        iconOnly: true,
-                        htmlType: "button",
-                        disabled: disabled,
-                        "aria-label": `${labels.removeReference}: ${item.name}`,
-                        onClick: ()=>config.onChange(config.selected.filter((entry)=>entry.uri !== item.uri)),
-                        children: /*#__PURE__*/ jsx(VikingBotIcon, {
-                            name: "remove",
-                            width: 12,
-                            height: 12
-                        })
-                    })
+                    renderTag(item, index),
+                    index === VISIBLE_LIMIT - 1 && remaining.length > 0 ? /*#__PURE__*/ jsx(BotPopover, {
+                        label: labels.reference,
+                        placement: "top",
+                        hover: true,
+                        trigger: (props)=>/*#__PURE__*/ jsxs("button", {
+                                ...props,
+                                type: "button",
+                                className: "ov-viking-bot__reference-more",
+                                children: [
+                                    "+",
+                                    remaining.length
+                                ]
+                            }),
+                        children: ()=>/*#__PURE__*/ jsx("div", {
+                                className: "ov-viking-bot__reference-overflow",
+                                children: remaining.map((entry, position)=>renderTag(entry, position + VISIBLE_LIMIT))
+                            })
+                    }) : null
                 ]
-            }, item.uri))
+            }, `${item.uri}:${index}`))
     });
 }
 function ComposerFooter({ locale, references, senderRef, labels, disabled, filesDisabled, accept, onFiles, actions, submit }) {
@@ -393,7 +452,7 @@ function composerCaret(sender) {
     const { doc, selection } = editor.state;
     return doc.textBetween(0, selection.from, '\n', '\n').length;
 }
-const viking_bot_composer_VikingBotComposerView = /*#__PURE__*/ forwardRef(function({ value, locale: localeProp, className, attachments = [], disabled, disabledReason, isSending, variant = 'default', accept, maxAttachments = 10, actions, quickInputs, onQuickInputSelect, references, onValueChange, onFilesAdded, onAttachmentRemove, onSend, onCancel, labels: overrides }, ref) {
+const viking_bot_composer_VikingBotComposerView = /*#__PURE__*/ forwardRef(function({ value, locale: localeProp, className, attachments = [], disabled, disabledReason, isSending, variant = 'default', accept, maxAttachments = 10, actions, quickInputs, onQuickInputSelect, references, onValueChange, onFilesAdded, onAttachmentRemove, onOpenUri, onSend, onCancel, labels: overrides }, ref) {
     const locale = useLocale(localeProp);
     const labels = resolveVikingBotLabels(locale, overrides);
     const senderRef = useRef(null);
@@ -417,11 +476,8 @@ const viking_bot_composer_VikingBotComposerView = /*#__PURE__*/ forwardRef(funct
         value
     ]);
     const reportFiles = useCallback((files)=>{
-        if (!onFilesAdded || 0 === files.length || limitReached) return;
-        const accepted = files.slice(0, remaining);
-        if (accepted.length) onFilesAdded(accepted);
+        if (files.length && remaining) onFilesAdded?.(files.slice(0, remaining));
     }, [
-        limitReached,
         onFilesAdded,
         remaining
     ]);
@@ -498,6 +554,7 @@ const viking_bot_composer_VikingBotComposerView = /*#__PURE__*/ forwardRef(funct
                             /*#__PURE__*/ jsx(ReferenceTags, {
                                 config: references,
                                 labels: labels,
+                                onOpenUri: onOpenUri,
                                 disabled: disabled || isSending
                             }),
                             /*#__PURE__*/ jsx(ComposerAttachments, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openviking/react",
-  "version": "0.1.7",
+  "version": "0.1.8-beta.11.1.gc6def608a25e",
   "publishConfig": {
     "access": "public"
   },
@@ -107,7 +107,37 @@
       "types": "./dist/components/experience-dashboard/index.d.ts",
       "import": "./dist/components/experience-dashboard.js"
     },
-    "./components/experience-dashboard/style.css": "./dist/components/experience-dashboard/style.css"
+    "./components/experience-dashboard/style.css": "./dist/components/experience-dashboard/style.css",
+    "./components/email-login-form": {
+      "types": "./dist/components/email-login-form/index.d.ts",
+      "import": "./dist/components/email-login-form.js"
+    },
+    "./components/email-login-form/style.css": "./dist/components/email-login-form/style.css",
+    "./components/api-key-login-form": {
+      "types": "./dist/components/api-key-login-form/index.d.ts",
+      "import": "./dist/components/api-key-login-form.js"
+    },
+    "./components/api-key-login-form/style.css": "./dist/components/api-key-login-form/style.css",
+    "./components/password-reset-request-form": {
+      "types": "./dist/components/password-reset-request-form/index.d.ts",
+      "import": "./dist/components/password-reset-request-form.js"
+    },
+    "./components/password-reset-request-form/style.css": "./dist/components/password-reset-request-form/style.css",
+    "./components/password-setup-form": {
+      "types": "./dist/components/password-setup-form/index.d.ts",
+      "import": "./dist/components/password-setup-form.js"
+    },
+    "./components/password-setup-form/style.css": "./dist/components/password-setup-form/style.css",
+    "./components/login-method-selector": {
+      "types": "./dist/components/login-method-selector/index.d.ts",
+      "import": "./dist/components/login-method-selector.js"
+    },
+    "./components/login-method-selector/style.css": "./dist/components/login-method-selector/style.css",
+    "./components/invitation-confirmation": {
+      "types": "./dist/components/invitation-confirmation/index.d.ts",
+      "import": "./dist/components/invitation-confirmation.js"
+    },
+    "./components/invitation-confirmation/style.css": "./dist/components/invitation-confirmation/style.css"
   },
   "scripts": {
     "dev": "rslib build --watch",