@box/box-ai-content-answers 2.3.24 → 2.3.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/chunks/citation.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{n as CITATION_SOURCE}from"./types.js";import messages from"../esm/lib/components/answer/messages.js";import{LOGGER_ACTION_CLICK,LOGGER_BASE_CONFIG}from"../esm/lib/components/common/constants.js";import"../esm/lib/components/answer/constants.js";import clsx from"clsx";import{useCallback,useEffect,useRef,useState}from"react";import{Popover,Status,Text,TextButton}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{ArrowUpRightSquare}from"@box/blueprint-web-assets/icons/Fill";import debounce from"lodash/debounce";import truncate from"lodash/truncate";import '../styles/citation.css';var citation_module_default={citationTrigger:`
|
|
1
|
+
import{n as CITATION_SOURCE}from"./types.js";import messages from"../esm/lib/components/answer/messages.js";import{LOGGER_ACTION_CLICK,LOGGER_BASE_CONFIG}from"../esm/lib/components/common/constants.js";import"../esm/lib/components/answer/constants.js";import clsx from"clsx";import{useCallback,useEffect,useRef,useState}from"react";import{Popover,Status,Text,TextButton}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{ArrowUpRightSquare}from"@box/blueprint-web-assets/icons/Fill";import debounce from"lodash/debounce";import truncate from"lodash/truncate";import '../styles/citation.css';var citation_module_default={citationTrigger:`_citationTrigger_s7y2i_1`,citationStatus:`_citationStatus_s7y2i_5`,animate:`_animate_s7y2i_26`,fadeIn:`_fadeIn_s7y2i_30`,cardTooltip:`_cardTooltip_s7y2i_34`,cardTooltipTitle:`_cardTooltipTitle_s7y2i_38`,cardTooltipCitation:`_cardTooltipCitation_s7y2i_42`,cardTooltipButton:`_cardTooltipButton_s7y2i_47`},Citation=({animate,content,id,recordAction,fileId,title,onCitationClick,source})=>{let[open,setOpen]=useState(!1),[showCitation,setShowCitation]=useState(!animate),{formatMessage}=useIntl(),showCitationButton=!!onCitationClick&&source!==CITATION_SOURCE.HUBS_METADATA,statusRef=useRef(null),cardTooltipTitle;cardTooltipTitle=title?formatMessage(messages.cardTooltipTitleWithDocumentName,{title:title.toString()}):formatMessage(messages.cardTooltipTitle);let debouncedTooltipUpdate=debounce(state=>{setOpen(state),state===!0&&recordAction&&recordAction({...LOGGER_BASE_CONFIG,feature:`answers-citations`,target:`hovered`,data:{index:id}})},100),showTooltip=()=>{debouncedTooltipUpdate(!0)},hideTooltip=()=>{debouncedTooltipUpdate(!1)},handleCitationClick=useCallback(()=>{onCitationClick&&recordAction&&(onCitationClick(fileId,title),recordAction({...LOGGER_BASE_CONFIG,feature:`answers-citations`,target:LOGGER_ACTION_CLICK,data:{index:id}}))},[onCitationClick,recordAction,id,fileId,title]);useEffect(()=>{animate&&setShowCitation(!0)},[]);let contentTruncated=content?truncate(content.toString(),{length:500,separator:/,? +/}):void 0;return jsxs(Popover.Root,{modal:!1,open,children:[jsx(Popover.Trigger,{className:citation_module_default.citationTrigger,onMouseEnter:showTooltip,onMouseLeave:hideTooltip,children:jsx(Status,{ref:statusRef,"aria-label":open?contentTruncated:formatMessage(messages.referenceAriaLabel,{number:id}),className:clsx(citation_module_default.citationStatus,{[citation_module_default.animate]:animate,[citation_module_default.fadeIn]:showCitation}),colorIndex:0,"data-testid":`content-answers-citation-status`,interactive:!0,onBlur:hideTooltip,onFocus:showTooltip,text:`${id}`})}),jsx(Popover.ContentContainer,{"aria-label":contentTruncated,collisionPadding:10,"data-testid":`content-answers-citation-card`,onBlur:hideTooltip,onCloseAutoFocus:e=>e.preventDefault(),onEscapeKeyDown:()=>{statusRef.current?.focus(),hideTooltip()},onFocus:showTooltip,onMouseEnter:showTooltip,onMouseLeave:hideTooltip,onOpenAutoFocus:e=>{showCitationButton||e.preventDefault()},side:`top`,sideOffset:5,children:jsx(Popover.MainContent,{children:jsxs(`div`,{className:citation_module_default.cardTooltip,children:[jsx(Text,{as:`h4`,className:citation_module_default.cardTooltipTitle,variant:`bodyDefaultBold`,children:cardTooltipTitle}),jsx(Text,{as:`p`,className:citation_module_default.cardTooltipCitation,color:`textOnLightDefault`,variant:`caption`,children:contentTruncated}),showCitationButton&&jsx(TextButton,{"aria-label":formatMessage(messages.cardTooltipButton),className:citation_module_default.cardTooltipButton,icon:ArrowUpRightSquare,onClick:handleCitationClick,"data-target-id":`TextButton-cardTooltipButton`,children:formatMessage(messages.cardTooltipButton)})]})})})]})};export{Citation as t};
|
package/dist/styles/citation.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._citationTrigger_s7y2i_1{pointer-events:"auto"}._citationStatus_s7y2i_5{margin-right:.25rem}._citationStatus_s7y2i_5>button{box-sizing:border-box;color:#6f6f6f;background-color:#0000;outline:.0625rem solid #e8e8e8}._citationStatus_s7y2i_5>button:hover{cursor:pointer;background-color:#0000!important}._citationStatus_s7y2i_5>button:focus-visible{outline-offset:-1px;outline:.125rem solid #2486fc;background-color:#0000!important}._animate_s7y2i_26{opacity:0;transition:opacity .3s ease-in-out}._animate_s7y2i_26._fadeIn_s7y2i_30{opacity:1}._cardTooltip_s7y2i_34{text-align:left;margin:.3rem}._cardTooltip_s7y2i_34 ._cardTooltipTitle_s7y2i_38{gap:.5rem;margin-bottom:1rem}._cardTooltip_s7y2i_34 ._cardTooltipCitation_s7y2i_42{border-left:.125rem solid #e8e8e8;gap:.6rem;padding-left:1rem}._cardTooltip_s7y2i_34 ._cardTooltipButton_s7y2i_47{margin-top:.6rem}._cardTooltip_s7y2i_34 ._cardTooltipButton_s7y2i_47:focus-visible{box-shadow:none}
|
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/box-ai-content-answers",
|
|
3
|
-
"version": "2.3.
|
|
3
|
+
"version": "2.3.25",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@box/blueprint-web": "^18.5.3",
|
|
6
6
|
"@box/blueprint-web-assets": "^5.13.0",
|
|
7
|
-
"@box/box-ai-agent-selector": "^2.3.
|
|
7
|
+
"@box/box-ai-agent-selector": "^2.3.25",
|
|
8
8
|
"@box/item-icon": "^3.6.24",
|
|
9
9
|
"formik": "^2.0.3",
|
|
10
10
|
"highlight.js": "^11.9.0",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"@box/babel-plugin-target-attributes": "2.2.30",
|
|
20
20
|
"@box/blueprint-web": "^18.5.3",
|
|
21
21
|
"@box/blueprint-web-assets": "^5.13.0",
|
|
22
|
-
"@box/box-ai-agent-selector": "^2.3.
|
|
22
|
+
"@box/box-ai-agent-selector": "^2.3.25",
|
|
23
23
|
"@box/item-icon": "^3.6.24",
|
|
24
24
|
"@box/storybook-utils": "^1.4.19",
|
|
25
25
|
"@testing-library/react": "^15.0.6",
|