@veltdev/react 4.5.2-beta.15 → 4.5.2-beta.16

package/cjs/types/components/SnippylyCommentsSidebar/SnippylyCommentsSidebar.d.ts

@@ -45,6 +45,7 @@ export interface IVeltCommentsSidebarProps {
     systemFiltersOperator?: 'and' | 'or';
     sidebarButtonCountType?: 'default' | 'filter';
     filterGhostCommentsInSidebar?: boolean;
+    fullScreen?: boolean;
 }
 declare const SnippylyCommentsSidebar: React.FC<IVeltCommentsSidebarProps>;
 export default SnippylyCommentsSidebar;

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogCommentNumber/VeltCommentDialogCommentNumber.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IVeltWireframeCommonProps } from '../../../constants';
+export interface IVeltCommentDialogCommentNumberProps extends IVeltWireframeCommonProps {
+}
+export interface IVeltCommentDialogCommentNumber extends React.FC<IVeltCommentDialogCommentNumberProps> {
+}
+declare const VeltCommentDialogCommentNumber: IVeltCommentDialogCommentNumber;
+export default VeltCommentDialogCommentNumber;

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogCommentNumber/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./VeltCommentDialogCommentNumber";

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogWireframe.d.ts

@@ -30,6 +30,7 @@ import { IVeltCommentDialogUnresolveButtonProps } from "./VeltCommentDialogUnres
 import { IVeltCommentDialogNavigationButtonProps } from "./VeltCommentDialogNavigationButton/VeltCommentDialogNavigationButton";
 import { IVeltCommentDialogReplyAvatars } from "./VeltCommentDialogReplyAvatars/VeltCommentDialogReplyAvatars";
 import { IVeltWireframeCommonProps } from "../../constants";
+import { IVeltCommentDialogCommentNumber } from "./VeltCommentDialogCommentNumber/VeltCommentDialogCommentNumber";
 export interface IVeltCommentDialogWireframeProps extends IVeltWireframeCommonProps {
 }
 declare const VeltCommentDialogWireframe: React.FC<IVeltCommentDialogWireframeProps> & {
@@ -40,6 +41,7 @@ declare const VeltCommentDialogWireframe: React.FC<IVeltCommentDialogWireframePr
     Body: React.FC<IVeltCommentDialogBodyProps>;
     CommentCategory: React.FC<IVeltCommentDialogCommentCategoryProps>;
     CommentIndex: React.FC<IVeltCommentDialogCommentIndexProps>;
+    CommentNumber: IVeltCommentDialogCommentNumber;
     CommentSuggestionStatus: React.FC<IVeltCommentDialogCommentSuggestionStatusProps>;
     Composer: IVeltCommentDialogComposer;
     CopyLink: React.FC<IVeltCommentDialogCopyLinkProps>;

package/cjs/types/components/VeltCommentPinWireframe/VeltCommentPinNumber/VeltCommentPinIndex.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IVeltWireframeCommonProps } from '../../../constants';
+export interface IVeltCommentPinNumberProps extends IVeltWireframeCommonProps {
+}
+export interface IVeltCommentPinNumber extends React.FC<IVeltCommentPinNumberProps> {
+}
+declare const VeltCommentPinNumber: IVeltCommentPinNumber;
+export default VeltCommentPinNumber;

package/cjs/types/components/VeltCommentPinWireframe/VeltCommentPinNumber/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./VeltCommentPinIndex";

package/cjs/types/components/VeltCommentPinWireframe/VeltCommentPinWireframe.d.ts

@@ -5,11 +5,13 @@ import { IVeltCommentPinIndexProps } from './VeltCommentPinIndex/VeltCommentPinI
 import { IVeltCommentPinTriangleProps } from './VeltCommentPinTriangle/VeltCommentPinTriangle';
 import { IVeltCommentPinUnreadCommentIndicatorProps } from './VeltCommentPinUnreadCommentIndicator/VeltCommentPinUnreadCommentIndicator';
 import { IVeltCommentPinPrivateCommentIndicatorProps } from './VeltCommentPinPrivateCommentIndicator/VeltCommentPinPrivateCommentIndicator';
+import { IVeltCommentPinNumber } from './VeltCommentPinNumber/VeltCommentPinIndex';
 export interface IVeltCommentPinWireframeProps extends IVeltWireframeCommonProps {
 }
 declare const VeltCommentPinWireframe: React.FC<IVeltCommentPinWireframeProps> & {
     GhostCommentIndicator: React.FC<IVeltCommentPinGhostCommentIndicatorProps>;
     Index: React.FC<IVeltCommentPinIndexProps>;
+    Number: IVeltCommentPinNumber;
     PrivateCommentIndicator: React.FC<IVeltCommentPinPrivateCommentIndicatorProps>;
     Triangle: React.FC<IVeltCommentPinTriangleProps>;
     UnreadCommentIndicator: React.FC<IVeltCommentPinUnreadCommentIndicatorProps>;

package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarFullscreenButton/VeltCommentsSidebarFullscreenButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IVeltWireframeCommonProps } from '../../../constants';
+export interface IVeltCommentsSidebarFullscreenButtonProps extends IVeltWireframeCommonProps {
+}
+export interface IVeltCommentsSidebarFullscreenButton extends React.FC<IVeltCommentsSidebarFullscreenButtonProps> {
+}
+declare const VeltCommentsSidebarFullscreenButton: IVeltCommentsSidebarFullscreenButton;
+export default VeltCommentsSidebarFullscreenButton;

package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarFullscreenButton/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./VeltCommentsSidebarFullscreenButton";

package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarWireframe.d.ts

@@ -18,6 +18,7 @@ import { IVeltCommentsSidebarStatus } from './VeltCommentsSidebarStatus/VeltComm
 import { IVeltCommentsSidebarResetFilterButtonWireframeProps } from './VeltCommentsSidebarResetFilterButtonWireframe/VeltCommentsSidebarResetFilterButtonWireframe';
 import { IVeltCommentsSidebarActionButtonProps } from './VeltCommentsSidebarActionButton/VeltCommentsSidebarActionButton';
 import { IVeltCommentsSidebarFocusedThread } from './VeltCommentsSidebarFocusedThread/VeltCommentsSidebarFocusedThread';
+import { IVeltCommentsSidebarFullscreenButton } from './VeltCommentsSidebarFullscreenButton/VeltCommentsSidebarFullscreenButton';
 export interface IVeltCommentsSidebarWireframeProps extends IVeltWireframeCommonProps {
 }
 declare const VeltCommentsSidebarWireframe: React.FC<IVeltCommentsSidebarWireframeProps> & {
@@ -39,5 +40,6 @@ declare const VeltCommentsSidebarWireframe: React.FC<IVeltCommentsSidebarWirefra
     ResetFilterButton: React.FC<IVeltCommentsSidebarResetFilterButtonWireframeProps>;
     ActionButton: React.FC<IVeltCommentsSidebarActionButtonProps>;
     FocusedThread: IVeltCommentsSidebarFocusedThread;
+    FullscreenButton: IVeltCommentsSidebarFullscreenButton;
 };
 export default VeltCommentsSidebarWireframe;

package/cjs/types/constants.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const VELT_SDK_VERSION = "4.5.2-beta.15";
+export declare const VELT_SDK_VERSION = "4.5.2-beta.16";
 export declare const VELT_SDK_INIT_EVENT = "onVeltInit";
 export declare const VELT_TAB_ID = "veltTabId";
 export declare const INTEGRITY_MAP: Record<string, string>;

package/esm/index.js

@@ -137,13 +137,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
     }
 };
 
-var VELT_SDK_VERSION = '4.5.2-beta.15';
+var VELT_SDK_VERSION = '4.5.2-beta.16';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 // integrity map for the Velt SDK
 // Note: generate integrity hashes with: https://www.srihash.org/
 var INTEGRITY_MAP = {
-    '4.5.2-beta.15': 'sha384-uSvt0qhhliPWAjeH528GvHOTHg9dZ/XB74L8uv1qIi5GvxPL9LKoTZIA8UdjHsqo',
+    '4.5.2-beta.16': 'sha384-PKrAjhGo0FMHv7Egcs4rT7Y55tERasToXWKQkZu8hpyzhyeUh7PA0CsUd8sO/4ps',
 };
 
 var SnippylyProvider = function (props) {
@@ -408,7 +408,7 @@ var SnippylyComments = function (props) {
 };
 
 var SnippylyCommentsSidebar = function (props) {
-    var embedMode = props.embedMode; props.floatingMode; var enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, queryParamsComments = props.queryParamsComments, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, sortData = props.sortData, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, excludeLocationIds = props.excludeLocationIds, variant = props.variant, pageModeComposerVariant = props.pageModeComposerVariant, dialogVariant = props.dialogVariant, shadowDom = props.shadowDom, searchPlaceholder = props.searchPlaceholder, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick, onSidebarClose = props.onSidebarClose, darkMode = props.darkMode, position = props.position, filterPanelLayout = props.filterPanelLayout, customActions = props.customActions, focusedThreadDialogVariant = props.focusedThreadDialogVariant, focusedThreadMode = props.focusedThreadMode, onCommentNavigationButtonClick = props.onCommentNavigationButtonClick, filterOptionLayout = props.filterOptionLayout, filterCount = props.filterCount, fullExpanded = props.fullExpanded, systemFiltersOperator = props.systemFiltersOperator, sidebarButtonCountType = props.sidebarButtonCountType, filterGhostCommentsInSidebar = props.filterGhostCommentsInSidebar;
+    var embedMode = props.embedMode; props.floatingMode; var enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, queryParamsComments = props.queryParamsComments, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, sortData = props.sortData, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, excludeLocationIds = props.excludeLocationIds, variant = props.variant, pageModeComposerVariant = props.pageModeComposerVariant, dialogVariant = props.dialogVariant, shadowDom = props.shadowDom, searchPlaceholder = props.searchPlaceholder, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick, onSidebarClose = props.onSidebarClose, darkMode = props.darkMode, position = props.position, filterPanelLayout = props.filterPanelLayout, customActions = props.customActions, focusedThreadDialogVariant = props.focusedThreadDialogVariant, focusedThreadMode = props.focusedThreadMode, onCommentNavigationButtonClick = props.onCommentNavigationButtonClick, filterOptionLayout = props.filterOptionLayout, filterCount = props.filterCount, fullExpanded = props.fullExpanded, systemFiltersOperator = props.systemFiltersOperator, sidebarButtonCountType = props.sidebarButtonCountType, filterGhostCommentsInSidebar = props.filterGhostCommentsInSidebar, fullScreen = props.fullScreen;
     var ref = useRef();
     var openSidebarRef = useRef(openSidebar);
     var onSidebarOpenRef = useRef(onSidebarOpen);
@@ -481,7 +481,7 @@ var SnippylyCommentsSidebar = function (props) {
             }
         };
     }, []);
-    return (React.createElement("velt-comments-sidebar", { ref: ref, position: position, "filter-panel-layout": filterPanelLayout, "focused-thread-mode": [true, false].includes(focusedThreadMode) ? (focusedThreadMode ? 'true' : 'false') : undefined, "focused-thread-dialog-variant": focusedThreadDialogVariant, "custom-actions": [true, false].includes(customActions) ? (customActions ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "query-params-comments": [true, false].includes(queryParamsComments) ? (queryParamsComments ? 'true' : 'false') : undefined, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, "exclude-location-ids": excludeLocationIds ? JSON.stringify(excludeLocationIds) : undefined, variant: variant, "page-mode-composer-variant": pageModeComposerVariant, "dialog-variant": dialogVariant, "sort-data": sortData, "search-placeholder": searchPlaceholder, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "floating-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "filter-option-layout": filterOptionLayout, "filter-count": [true, false].includes(filterCount) ? (filterCount ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "system-filters-operator": systemFiltersOperator, "sidebar-button-count-type": sidebarButtonCountType, "filter-ghost-comments-in-sidebar": [true, false].includes(filterGhostCommentsInSidebar) ? (filterGhostCommentsInSidebar ? 'true' : 'false') : undefined }));
+    return (React.createElement("velt-comments-sidebar", { ref: ref, position: position, "filter-panel-layout": filterPanelLayout, "focused-thread-mode": [true, false].includes(focusedThreadMode) ? (focusedThreadMode ? 'true' : 'false') : undefined, "focused-thread-dialog-variant": focusedThreadDialogVariant, "custom-actions": [true, false].includes(customActions) ? (customActions ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "query-params-comments": [true, false].includes(queryParamsComments) ? (queryParamsComments ? 'true' : 'false') : undefined, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, "exclude-location-ids": excludeLocationIds ? JSON.stringify(excludeLocationIds) : undefined, variant: variant, "page-mode-composer-variant": pageModeComposerVariant, "dialog-variant": dialogVariant, "sort-data": sortData, "search-placeholder": searchPlaceholder, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "floating-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "filter-option-layout": filterOptionLayout, "filter-count": [true, false].includes(filterCount) ? (filterCount ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "system-filters-operator": systemFiltersOperator, "sidebar-button-count-type": sidebarButtonCountType, "filter-ghost-comments-in-sidebar": [true, false].includes(filterGhostCommentsInSidebar) ? (filterGhostCommentsInSidebar ? 'true' : 'false') : undefined, "full-screen": [true, false].includes(fullScreen) ? (fullScreen ? 'true' : 'false') : undefined }));
 };
 
 var SnippylyCommentTool = function (props) {
@@ -2494,6 +2494,12 @@ var VeltCommentDialogReplyAvatars = function (props) {
 VeltCommentDialogReplyAvatars.List = VeltCommentDialogReplyAvatarsList;
 VeltCommentDialogReplyAvatars.RemainingCount = VeltCommentDialogReplyAvatarsRemainingCount;
 
+var VeltCommentDialogCommentNumber = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-comment-dialog-comment-number-wireframe", __assign({}, transformedProps), children));
+};
+
 var VeltCommentDialogWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
@@ -2506,6 +2512,7 @@ VeltCommentDialogWireframe.AssignMenu = VeltCommentDialogAssignMenu;
 VeltCommentDialogWireframe.Body = VeltCommentDialogBody;
 VeltCommentDialogWireframe.CommentCategory = VeltCommentDialogCommentCategory;
 VeltCommentDialogWireframe.CommentIndex = VeltCommentDialogCommentIndex;
+VeltCommentDialogWireframe.CommentNumber = VeltCommentDialogCommentNumber;
 VeltCommentDialogWireframe.CommentSuggestionStatus = VeltCommentDialogCommentSuggestionStatus;
 VeltCommentDialogWireframe.Composer = VeltCommentDialogComposer;
 VeltCommentDialogWireframe.CopyLink = VeltCommentDialogCopyLink;
@@ -3179,6 +3186,12 @@ var VeltCommentsSidebarFocusedThread = function (props) {
 VeltCommentsSidebarFocusedThread.BackButton = VeltCommentsSidebarFocusedThreadBackButton;
 VeltCommentsSidebarFocusedThread.DialogContainer = VeltCommentsSidebarFocusedThreadDialogContainer;
 
+var VeltCommentsSidebarFullscreenButton = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-comments-sidebar-fullscreen-button-wireframe", __assign({}, transformedProps), children));
+};
+
 var VeltCommentsSidebarWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
@@ -3202,6 +3215,7 @@ VeltCommentsSidebarWireframe.MinimalActionsDropdown = VeltCommentsSidebarMinimal
 VeltCommentsSidebarWireframe.ResetFilterButton = VeltCommentsSidebarResetFilterButtonWireframe;
 VeltCommentsSidebarWireframe.ActionButton = VeltCommentsSidebarActionButton;
 VeltCommentsSidebarWireframe.FocusedThread = VeltCommentsSidebarFocusedThread;
+VeltCommentsSidebarWireframe.FullscreenButton = VeltCommentsSidebarFullscreenButton;
 
 var VeltCommentPinGhostCommentIndicator = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
@@ -3233,6 +3247,12 @@ var VeltCommentPinPrivateCommentIndicator = function (props) {
     return (React.createElement("velt-comment-pin-private-comment-indicator-wireframe", __assign({}, transformedProps), children));
 };
 
+var VeltCommentPinNumber = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-comment-pin-number-wireframe", __assign({}, transformedProps), children));
+};
+
 var VeltCommentPinWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
@@ -3243,6 +3263,7 @@ VeltCommentPinWireframe.Index = VeltCommentPinIndex;
 VeltCommentPinWireframe.PrivateCommentIndicator = VeltCommentPinPrivateCommentIndicator;
 VeltCommentPinWireframe.Triangle = VeltCommentPinTriangle;
 VeltCommentPinWireframe.UnreadCommentIndicator = VeltCommentPinUnreadCommentIndicator;
+VeltCommentPinWireframe.Number = VeltCommentPinNumber;
 
 var VeltSidebarButtonCommentsCount = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);