​

3.0.44

​

Improvements

• [Comments]: Added “This page” label to the sidebar filters.
• [Comments]: Added React wireframe component for Navigation button:

• React / Next.js
• Other Frameworks

<VeltCommentDialogWireframe.NavigationButton />

​

3.0.43

​

New Features

• [Comments]: Added “focused thread mode” in the comments sidebar:

  • In this mode, when you click on a comment in the sidebar, it will open the thread in expanded view within the sidebar itself.

  • Other threads and actions like filters, search etc are hidden behind a back button.

  • Turning this on also adds a navigation button in the comment dialog. Clicking it will navigate to the comment and also trigger a callback.

  • If you had previously used a wireframe for the comment dialog, you will need to add the navigation button wireframe and the focused thread wireframe.

    • React / Next.js
    • Other Frameworks

    <VeltCommentsSidebar focusedThreadMode={true} />
    

    Handling the navigation button click:

    <VeltCommentsSidebar onCommentNavigationButtonClick={onCommentNavigationButtonClick} />
    
      // event handler for when a comment is clicked on 
      const onCommentNavigationButtonClick = (event) => {
        console.log('onCommentNavigationButtonClick', event);
        //handle custom navigation by getting location if you have used Locations
        const { pageId } = event.location;
        //handle custom navigation by getting context if you have used addContext()
        const { pageId } = event.context;
        yourNavigateToPageMethod(pageId);
      };
    

• [Comments]: Added standalone thread wireframe component:

  • React / Next.js
  • Other Frameworks

  <VeltWireframe>
    <VeltCommentThreadWireframe>
      {/* Velt Comment Dialog Wireframe */}
    </VeltCommentThreadWireframe>
  </VeltWireframe>
  

• [Live Selection]: Add ability to get live selection data for the document:

  • React / Next.js
  • Other Frameworks

  Using Hook:

    const liveSelectionData = useLiveSelectionDataHandler();
  
    useEffect(() => {
      console.log('liveSelectionData', liveSelectionData);
    }, [liveSelectionData]);
  

  Using API:

    const selectionElement = client.getSelectionElement();
    selectionElement.getLiveSelectionData().subscribe((liveSelectionData: LiveSelectionData) => {
      console.log("liveSelectionData: ", liveSelectionData);
    });
  

• [Comments]: Added standalone Velt Comment Text component:

  • When you put any text inside this component and provide an annotationId, it will automatically highlight the text and attach the comment to it.
  • React / Next.js
  • Other Frameworks

  <VeltCommentText multiThreadAnnotationId='MULTI_THREAD_ANNOTATION_ID'>
    {/* your content here */}
  </VeltCommentText>
  
  <VeltCommentText annotationId='ANNOTATION_ID'>
    {/* your content here */}
  </VeltCommentText>
  

​

Improvements

• [Notifications]: Changed the default maximum days for which Notifications should be displayed from 30 days to 15 days.
• [Notifications]: Added complete document and organization metadata objects to the Notification metadata object.