@veltdev/react 1.0.110 → 1.0.112

package/cjs/index.js

@@ -223,7 +223,7 @@ var SnippylyCommentBubble = function (props) {
 };
 
 var SnippylyComments = function (props) {
-    var autoCategorize = props.autoCategorize, streamViewContainerId = props.streamViewContainerId, onSignIn = props.onSignIn, onUpgrade = props.onUpgrade, textMode = props.textMode, popoverMode = props.popoverMode, popoverTriangleComponent = props.popoverTriangleComponent, floatingCommentDialog = props.floatingCommentDialog, moderatorMode = props.moderatorMode, streamMode = props.streamMode, signInButton = props.signInButton, upgradeButton = props.upgradeButton, attachments = props.attachments, recordings = props.recordings, reactions = props.reactions, deviceInfo = props.deviceInfo, commentIndex = props.commentIndex, dialogOnHover = props.dialogOnHover, dialogOnTargetElementClick = props.dialogOnTargetElementClick, priority = props.priority, inboxMode = props.inboxMode, suggestionMode = props.suggestionMode, mobileMode = props.mobileMode, inlineCommentMode = props.inlineCommentMode, privateCommentMode = props.privateCommentMode, minimap = props.minimap, persistentCommentMode = props.persistentCommentMode, ghostComments = props.ghostComments, ghostCommentsIndicator = props.ghostCommentsIndicator, commentsOnDom = props.commentsOnDom, commentTool = props.commentTool, sidebarButtonOnCommentDialog = props.sidebarButtonOnCommentDialog, deviceIndicatorOnCommentPins = props.deviceIndicatorOnCommentPins, scrollToComment = props.scrollToComment, userMentions = props.userMentions, deleteOnBackspace = props.deleteOnBackspace, hotkey = props.hotkey, recordingSummary = props.recordingSummary, recordingCountdown = props.recordingCountdown, unreadIndicatorMode = props.unreadIndicatorMode, allowedElementIds = props.allowedElementIds, allowedElementClassNames = props.allowedElementClassNames, allowedElementQuerySelectors = props.allowedElementQuerySelectors, onCommentAdd = props.onCommentAdd, onCommentUpdate = props.onCommentUpdate, onCommentAccept = props.onCommentAccept, onCommentReject = props.onCommentReject, onSidebarButtonOnCommentDialogClick = props.onSidebarButtonOnCommentDialogClick, customStatus = props.customStatus, customPriority = props.customPriority, customCategory = props.customCategory, status = props.status, resolveButton = props.resolveButton, darkMode = props.darkMode, onCustomPinInject = props.onCustomPinInject, children = props.children;
+    var autoCategorize = props.autoCategorize, streamViewContainerId = props.streamViewContainerId, onSignIn = props.onSignIn, onUpgrade = props.onUpgrade, textMode = props.textMode, popoverMode = props.popoverMode, popoverTriangleComponent = props.popoverTriangleComponent, floatingCommentDialog = props.floatingCommentDialog, moderatorMode = props.moderatorMode, streamMode = props.streamMode, signInButton = props.signInButton, upgradeButton = props.upgradeButton, attachments = props.attachments, recordings = props.recordings, reactions = props.reactions, deviceInfo = props.deviceInfo, commentIndex = props.commentIndex, dialogOnHover = props.dialogOnHover, dialogOnTargetElementClick = props.dialogOnTargetElementClick, priority = props.priority, inboxMode = props.inboxMode, suggestionMode = props.suggestionMode, mobileMode = props.mobileMode, inlineCommentMode = props.inlineCommentMode, privateCommentMode = props.privateCommentMode, minimap = props.minimap, persistentCommentMode = props.persistentCommentMode, ghostComments = props.ghostComments, ghostCommentsIndicator = props.ghostCommentsIndicator, commentsOnDom = props.commentsOnDom, commentTool = props.commentTool, sidebarButtonOnCommentDialog = props.sidebarButtonOnCommentDialog, deviceIndicatorOnCommentPins = props.deviceIndicatorOnCommentPins, scrollToComment = props.scrollToComment, userMentions = props.userMentions, deleteOnBackspace = props.deleteOnBackspace, hotkey = props.hotkey, recordingSummary = props.recordingSummary, recordingCountdown = props.recordingCountdown, unreadIndicatorMode = props.unreadIndicatorMode, pinShadowDom = props.pinShadowDom, dialogShadowDom = props.dialogShadowDom, allowedElementIds = props.allowedElementIds, allowedElementClassNames = props.allowedElementClassNames, allowedElementQuerySelectors = props.allowedElementQuerySelectors, onCommentAdd = props.onCommentAdd, onCommentUpdate = props.onCommentUpdate, onCommentAccept = props.onCommentAccept, onCommentReject = props.onCommentReject, onSidebarButtonOnCommentDialogClick = props.onSidebarButtonOnCommentDialogClick, customStatus = props.customStatus, customPriority = props.customPriority, customCategory = props.customCategory, status = props.status, resolveButton = props.resolveButton, darkMode = props.darkMode, onCustomPinInject = props.onCustomPinInject, children = props.children;
     var ref = React.useRef();
     React.useEffect(function () {
         if (ref.current) {
@@ -270,11 +270,11 @@ var SnippylyComments = function (props) {
             });
         }
     }, []);
-    return (React__default["default"].createElement("velt-comments", { ref: ref, "auto-categorize": [true, false].includes(autoCategorize) ? (autoCategorize ? 'true' : 'false') : undefined, "data-stream-view-container-id": streamViewContainerId, "text-mode": [true, false].includes(textMode) ? (textMode ? 'true' : 'false') : undefined, "popover-mode": [true, false].includes(popoverMode) ? (popoverMode ? 'true' : 'false') : undefined, "popover-triangle-component": [true, false].includes(popoverTriangleComponent) ? (popoverTriangleComponent ? 'true' : 'false') : undefined, "floating-comment-dialog": [true, false].includes(floatingCommentDialog) ? (floatingCommentDialog ? 'true' : 'false') : undefined, "moderator-mode": [true, false].includes(moderatorMode) ? (moderatorMode ? 'true' : 'false') : undefined, "stream-mode": [true, false].includes(streamMode) ? (streamMode ? 'true' : 'false') : undefined, "sign-in-button": [true, false].includes(signInButton) ? (signInButton ? 'true' : 'false') : undefined, "upgrade-button": [true, false].includes(upgradeButton) ? (upgradeButton ? 'true' : 'false') : undefined, attachments: [true, false].includes(attachments) ? (attachments ? 'true' : 'false') : undefined, recordings: recordings, reactions: [true, false].includes(reactions) ? (reactions ? 'true' : 'false') : undefined, "device-info": [true, false].includes(deviceInfo) ? (deviceInfo ? 'true' : 'false') : undefined, "comment-index": [true, false].includes(commentIndex) ? (commentIndex ? 'true' : 'false') : undefined, "dialog-on-hover": [true, false].includes(dialogOnHover) ? (dialogOnHover ? 'true' : 'false') : undefined, "dialog-on-target-element-click": [true, false].includes(dialogOnTargetElementClick) ? (dialogOnTargetElementClick ? 'true' : 'false') : undefined, priority: [true, false].includes(priority) ? (priority ? 'true' : 'false') : undefined, status: [true, false].includes(status) ? (status ? 'true' : 'false') : undefined, "resolve-button": [true, false].includes(resolveButton) ? (resolveButton ? 'true' : 'false') : undefined, "inbox-mode": [true, false].includes(inboxMode) ? (inboxMode ? 'true' : 'false') : undefined, "suggestion-mode": [true, false].includes(suggestionMode) ? (suggestionMode ? 'true' : 'false') : undefined, "mobile-mode": [true, false].includes(mobileMode) ? (mobileMode ? 'true' : 'false') : undefined, "inline-comment-mode": [true, false].includes(inlineCommentMode) ? (inlineCommentMode ? 'true' : 'false') : undefined, "private-comment-mode": [true, false].includes(privateCommentMode) ? (privateCommentMode ? 'true' : 'false') : undefined, minimap: [true, false].includes(minimap) ? (minimap ? 'true' : 'false') : undefined, "persistent-comment-mode": [true, false].includes(persistentCommentMode) ? (persistentCommentMode ? 'true' : 'false') : undefined, "ghost-comments": [true, false].includes(ghostComments) ? (ghostComments ? 'true' : 'false') : undefined, "ghost-comments-indicator": [true, false].includes(ghostCommentsIndicator) ? (ghostCommentsIndicator ? 'true' : 'false') : undefined, "comments-on-dom": [true, false].includes(commentsOnDom) ? (commentsOnDom ? 'true' : 'false') : undefined, "comment-tool": [true, false].includes(commentTool) ? (commentTool ? 'true' : 'false') : undefined, "sidebar-button-on-comment-dialog": [true, false].includes(sidebarButtonOnCommentDialog) ? (sidebarButtonOnCommentDialog ? 'true' : 'false') : undefined, "device-indicator-on-comment-pins": [true, false].includes(deviceIndicatorOnCommentPins) ? (deviceIndicatorOnCommentPins ? 'true' : 'false') : undefined, "scroll-to-comment": [true, false].includes(scrollToComment) ? (scrollToComment ? 'true' : 'false') : undefined, "user-mentions": [true, false].includes(userMentions) ? (userMentions ? 'true' : 'false') : undefined, "delete-on-backspace": [true, false].includes(deleteOnBackspace) ? (deleteOnBackspace ? 'true' : 'false') : undefined, hotkey: [true, false].includes(hotkey) ? (hotkey ? 'true' : 'false') : undefined, "recording-summary": [true, false].includes(recordingSummary) ? (recordingSummary ? 'true' : 'false') : undefined, "recording-countdown": [true, false].includes(recordingCountdown) ? (recordingCountdown ? 'true' : 'false') : undefined, "unread-indicator-mode": unreadIndicatorMode, "allowed-element-ids": JSON.stringify(allowedElementIds), "allowed-element-class-names": JSON.stringify(allowedElementClassNames), "allowed-element-query-selectors": JSON.stringify(allowedElementQuerySelectors), "custom-status": JSON.stringify(customStatus), "custom-priority": JSON.stringify(customPriority), "custom-category": JSON.stringify(customCategory), "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-comments", { ref: ref, "auto-categorize": [true, false].includes(autoCategorize) ? (autoCategorize ? 'true' : 'false') : undefined, "data-stream-view-container-id": streamViewContainerId, "text-mode": [true, false].includes(textMode) ? (textMode ? 'true' : 'false') : undefined, "popover-mode": [true, false].includes(popoverMode) ? (popoverMode ? 'true' : 'false') : undefined, "popover-triangle-component": [true, false].includes(popoverTriangleComponent) ? (popoverTriangleComponent ? 'true' : 'false') : undefined, "floating-comment-dialog": [true, false].includes(floatingCommentDialog) ? (floatingCommentDialog ? 'true' : 'false') : undefined, "moderator-mode": [true, false].includes(moderatorMode) ? (moderatorMode ? 'true' : 'false') : undefined, "stream-mode": [true, false].includes(streamMode) ? (streamMode ? 'true' : 'false') : undefined, "sign-in-button": [true, false].includes(signInButton) ? (signInButton ? 'true' : 'false') : undefined, "upgrade-button": [true, false].includes(upgradeButton) ? (upgradeButton ? 'true' : 'false') : undefined, attachments: [true, false].includes(attachments) ? (attachments ? 'true' : 'false') : undefined, recordings: recordings, reactions: [true, false].includes(reactions) ? (reactions ? 'true' : 'false') : undefined, "device-info": [true, false].includes(deviceInfo) ? (deviceInfo ? 'true' : 'false') : undefined, "comment-index": [true, false].includes(commentIndex) ? (commentIndex ? 'true' : 'false') : undefined, "dialog-on-hover": [true, false].includes(dialogOnHover) ? (dialogOnHover ? 'true' : 'false') : undefined, "dialog-on-target-element-click": [true, false].includes(dialogOnTargetElementClick) ? (dialogOnTargetElementClick ? 'true' : 'false') : undefined, priority: [true, false].includes(priority) ? (priority ? 'true' : 'false') : undefined, status: [true, false].includes(status) ? (status ? 'true' : 'false') : undefined, "resolve-button": [true, false].includes(resolveButton) ? (resolveButton ? 'true' : 'false') : undefined, "inbox-mode": [true, false].includes(inboxMode) ? (inboxMode ? 'true' : 'false') : undefined, "suggestion-mode": [true, false].includes(suggestionMode) ? (suggestionMode ? 'true' : 'false') : undefined, "mobile-mode": [true, false].includes(mobileMode) ? (mobileMode ? 'true' : 'false') : undefined, "inline-comment-mode": [true, false].includes(inlineCommentMode) ? (inlineCommentMode ? 'true' : 'false') : undefined, "private-comment-mode": [true, false].includes(privateCommentMode) ? (privateCommentMode ? 'true' : 'false') : undefined, minimap: [true, false].includes(minimap) ? (minimap ? 'true' : 'false') : undefined, "persistent-comment-mode": [true, false].includes(persistentCommentMode) ? (persistentCommentMode ? 'true' : 'false') : undefined, "ghost-comments": [true, false].includes(ghostComments) ? (ghostComments ? 'true' : 'false') : undefined, "ghost-comments-indicator": [true, false].includes(ghostCommentsIndicator) ? (ghostCommentsIndicator ? 'true' : 'false') : undefined, "comments-on-dom": [true, false].includes(commentsOnDom) ? (commentsOnDom ? 'true' : 'false') : undefined, "comment-tool": [true, false].includes(commentTool) ? (commentTool ? 'true' : 'false') : undefined, "sidebar-button-on-comment-dialog": [true, false].includes(sidebarButtonOnCommentDialog) ? (sidebarButtonOnCommentDialog ? 'true' : 'false') : undefined, "device-indicator-on-comment-pins": [true, false].includes(deviceIndicatorOnCommentPins) ? (deviceIndicatorOnCommentPins ? 'true' : 'false') : undefined, "scroll-to-comment": [true, false].includes(scrollToComment) ? (scrollToComment ? 'true' : 'false') : undefined, "user-mentions": [true, false].includes(userMentions) ? (userMentions ? 'true' : 'false') : undefined, "delete-on-backspace": [true, false].includes(deleteOnBackspace) ? (deleteOnBackspace ? 'true' : 'false') : undefined, hotkey: [true, false].includes(hotkey) ? (hotkey ? 'true' : 'false') : undefined, "recording-summary": [true, false].includes(recordingSummary) ? (recordingSummary ? 'true' : 'false') : undefined, "recording-countdown": [true, false].includes(recordingCountdown) ? (recordingCountdown ? 'true' : 'false') : undefined, "unread-indicator-mode": unreadIndicatorMode, "pin-shadow-dom": [true, false].includes(pinShadowDom) ? (pinShadowDom ? 'true' : 'false') : undefined, "dialog-shadow-dom": [true, false].includes(dialogShadowDom) ? (dialogShadowDom ? 'true' : 'false') : undefined, "allowed-element-ids": JSON.stringify(allowedElementIds), "allowed-element-class-names": JSON.stringify(allowedElementClassNames), "allowed-element-query-selectors": JSON.stringify(allowedElementQuerySelectors), "custom-status": JSON.stringify(customStatus), "custom-priority": JSON.stringify(customPriority), "custom-category": JSON.stringify(customCategory), "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylyCommentsSidebar = function (props) {
-    var embedMode = props.embedMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, variant = props.variant, dialogVariant = props.dialogVariant, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick;
+    var embedMode = props.embedMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, variant = props.variant, dialogVariant = props.dialogVariant, shadowDom = props.shadowDom, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick;
     var ref = React.useRef();
     React.useEffect(function () {
         if (ref.current) {
@@ -297,7 +297,7 @@ var SnippylyCommentsSidebar = function (props) {
             });
         }
     }, []);
-    return (React__default["default"].createElement("velt-comments-sidebar", { ref: ref, "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, "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, variant: variant, "dialog-variant": dialogVariant }));
+    return (React__default["default"].createElement("velt-comments-sidebar", { ref: ref, "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, "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, variant: variant, "dialog-variant": dialogVariant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined }));
 };
 
 var SnippylyCommentTool = function (props) {
@@ -871,148 +871,148 @@ VeltCommentDialogWireframe.Threads = VeltCommentDialogThreads;
 VeltCommentDialogWireframe.ToggleReply = VeltCommentDialogToggleReply;
 VeltCommentDialogWireframe.Upgrade = VeltCommentDialogUpgrade;
 
-var VeltCommentSidebarCloseButton = function (props) {
+var VeltCommentsSidebarCloseButton = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-sidebar-close-button-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comments-sidebar-close-button-wireframe", null, children));
 };
 
-var VeltCommentSidebarEmptyPlaceholder = function (props) {
+var VeltCommentsSidebarEmptyPlaceholder = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-sidebar-empty-placeholder-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comments-sidebar-empty-placeholder-wireframe", null, children));
 };
 
-var VeltCommentSidebarFilterAllOption = function (props) {
+var VeltCommentsSidebarFilterAllOption = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-sidebar-filter-all-option-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-all-option-wireframe", null, children));
 };
 
-var VeltCommentSidebarFilterButton = function (props) {
+var VeltCommentsSidebarFilterCategory = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-sidebar-filter-button-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-category-wireframe", null, children));
 };
 
-var VeltCommentSidebarFilterCategory = function (props) {
+var VeltCommentsSidebarFilterCheckboxChecked = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-sidebar-filter-category-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-checkbox-checked-wireframe", null, children));
 };
 
-var VeltCommentSidebarFilterCheckboxChecked = function (props) {
+var VeltCommentsSidebarFilterCheckboxUnchecked = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-sidebar-filter-checkbox-checked-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-checkbox-unchecked-wireframe", null, children));
 };
 
-var VeltCommentSidebarFilterCheckboxUnchecked = function (props) {
+var VeltCommentsSidebarFilterCheckbox = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-sidebar-filter-checkbox-unchecked-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-checkbox-wireframe", null, children));
 };
+VeltCommentsSidebarFilterCheckbox.Checked = VeltCommentsSidebarFilterCheckboxChecked;
+VeltCommentsSidebarFilterCheckbox.Unchecked = VeltCommentsSidebarFilterCheckboxUnchecked;
 
-var VeltCommentSidebarFilterCheckbox = function (props) {
+var VeltCommentsSidebarFilterCloseButton = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-sidebar-filter-checkbox-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-close-button-wireframe", null, children));
 };
-VeltCommentSidebarFilterCheckbox.Checked = VeltCommentSidebarFilterCheckboxChecked;
-VeltCommentSidebarFilterCheckbox.Unchecked = VeltCommentSidebarFilterCheckboxUnchecked;
 
-var VeltCommentSidebarFilterCloseButton = function (props) {
+var VeltCommentsSidebarFilterCommentType = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-sidebar-filter-close-button-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-comment-type-wireframe", null, children));
 };
 
-var VeltCommentSidebarFilterCommentType = function (props) {
+var VeltCommentsSidebarFilterDoneButton = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-sidebar-filter-comment-type-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-done-button-wireframe", null, children));
 };
 
-var VeltCommentSidebarFilterDoneButton = function (props) {
+var VeltCommentsSidebarFilterGroupBy = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-sidebar-filter-done-button-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-group-by-wireframe", null, children));
 };
 
-var VeltCommentSidebarFilterGroupBy = function (props) {
+var VeltCommentsSidebarFilterLocation = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-sidebar-filter-group-by-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-location-wireframe", null, children));
 };
 
-var VeltCommentSidebarFilterLocation = function (props) {
+var VeltCommentsSidebarFilterPeople = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-sidebar-filter-location-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-people-wireframe", null, children));
 };
 
-var VeltCommentSidebarFilterPeople = function (props) {
+var VeltCommentsSidebarFilterPriority = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-sidebar-filter-people-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-priority-wireframe", null, children));
 };
 
-var VeltCommentSidebarFilterPriority = function (props) {
+var VeltCommentsSidebarFilterTitle = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-sidebar-filter-priority-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-title-wireframe", null, children));
 };
 
-var VeltCommentSidebarFilterTitle = function (props) {
+var VeltCommentsSidebarFilterVersions = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-sidebar-filter-title-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-versions-wireframe", null, children));
 };
 
-var VeltCommentSidebarFilterVersions = function (props) {
+var VeltCommentsSidebarFilter = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-sidebar-filter-versions-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-wireframe", null, children));
 };
+VeltCommentsSidebarFilter.AllOption = VeltCommentsSidebarFilterAllOption;
+VeltCommentsSidebarFilter.Category = VeltCommentsSidebarFilterCategory;
+VeltCommentsSidebarFilter.Checkbox = VeltCommentsSidebarFilterCheckbox;
+VeltCommentsSidebarFilter.CloseButton = VeltCommentsSidebarFilterCloseButton;
+VeltCommentsSidebarFilter.CommentType = VeltCommentsSidebarFilterCommentType;
+VeltCommentsSidebarFilter.DoneButton = VeltCommentsSidebarFilterDoneButton;
+VeltCommentsSidebarFilter.GroupBy = VeltCommentsSidebarFilterGroupBy;
+VeltCommentsSidebarFilter.Location = VeltCommentsSidebarFilterLocation;
+VeltCommentsSidebarFilter.People = VeltCommentsSidebarFilterPeople;
+VeltCommentsSidebarFilter.Priority = VeltCommentsSidebarFilterPriority;
+VeltCommentsSidebarFilter.Title = VeltCommentsSidebarFilterTitle;
+VeltCommentsSidebarFilter.Versions = VeltCommentsSidebarFilterVersions;
 
-var VeltCommentSidebarFilter = function (props) {
+var VeltCommentsSidebarHeader = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-sidebar-filter-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comments-sidebar-header-wireframe", null, children));
 };
-VeltCommentSidebarFilter.AllOption = VeltCommentSidebarFilterAllOption;
-VeltCommentSidebarFilter.Button = VeltCommentSidebarFilterButton;
-VeltCommentSidebarFilter.Category = VeltCommentSidebarFilterCategory;
-VeltCommentSidebarFilter.Checkbox = VeltCommentSidebarFilterCheckbox;
-VeltCommentSidebarFilter.CloseButton = VeltCommentSidebarFilterCloseButton;
-VeltCommentSidebarFilter.CommentType = VeltCommentSidebarFilterCommentType;
-VeltCommentSidebarFilter.DoneButton = VeltCommentSidebarFilterDoneButton;
-VeltCommentSidebarFilter.GroupBy = VeltCommentSidebarFilterGroupBy;
-VeltCommentSidebarFilter.Location = VeltCommentSidebarFilterLocation;
-VeltCommentSidebarFilter.People = VeltCommentSidebarFilterPeople;
-VeltCommentSidebarFilter.Priority = VeltCommentSidebarFilterPriority;
-VeltCommentSidebarFilter.Title = VeltCommentSidebarFilterTitle;
-VeltCommentSidebarFilter.Versions = VeltCommentSidebarFilterVersions;
 
-var VeltCommentSidebarHeader = function (props) {
+var VeltCommentsSidebarList = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-sidebar-header-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comments-sidebar-list-wireframe", null, children));
 };
 
-var VeltCommentSidebarList = function (props) {
+var VeltCommentsSidebarPageMode = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-sidebar-list-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comments-sidebar-page-mode-wireframe", null, children));
 };
 
-var VeltCommentSidebarPageMode = function (props) {
+var VeltCommentsSidebarSearch = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-sidebar-page-mode-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comments-sidebar-search-wireframe", null, children));
 };
 
-var VeltCommentSidebarSearch = function (props) {
+var VeltCommentsSidebarStatus = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-sidebar-search-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comments-sidebar-status-wireframe", null, children));
 };
 
-var VeltCommentSidebarStatus = function (props) {
+var VeltCommentsSidebarFilterButton = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-sidebar-status-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-button-wireframe", null, children));
 };
 
-var VeltCommentSidebarWireframe = function (props) {
+var VeltCommentsSidebarWireframe = function (props) {
     var children = props.children, remainingProp = __rest(props, ["children"]);
-    return (React__default["default"].createElement("velt-comment-sidebar-wireframe", __assign({}, remainingProp), children));
-};
-VeltCommentSidebarWireframe.CloseButton = VeltCommentSidebarCloseButton;
-VeltCommentSidebarWireframe.EmptyPlaceholder = VeltCommentSidebarEmptyPlaceholder;
-VeltCommentSidebarWireframe.Filter = VeltCommentSidebarFilter;
-VeltCommentSidebarWireframe.Header = VeltCommentSidebarHeader;
-VeltCommentSidebarWireframe.List = VeltCommentSidebarList;
-VeltCommentSidebarWireframe.PageMode = VeltCommentSidebarPageMode;
-VeltCommentSidebarWireframe.Search = VeltCommentSidebarSearch;
-VeltCommentSidebarWireframe.Status = VeltCommentSidebarStatus;
+    return (React__default["default"].createElement("velt-comments-sidebar-wireframe", __assign({}, remainingProp), children));
+};
+VeltCommentsSidebarWireframe.CloseButton = VeltCommentsSidebarCloseButton;
+VeltCommentsSidebarWireframe.EmptyPlaceholder = VeltCommentsSidebarEmptyPlaceholder;
+VeltCommentsSidebarWireframe.Filter = VeltCommentsSidebarFilter;
+VeltCommentsSidebarWireframe.Header = VeltCommentsSidebarHeader;
+VeltCommentsSidebarWireframe.List = VeltCommentsSidebarList;
+VeltCommentsSidebarWireframe.PageMode = VeltCommentsSidebarPageMode;
+VeltCommentsSidebarWireframe.Search = VeltCommentsSidebarSearch;
+VeltCommentsSidebarWireframe.Status = VeltCommentsSidebarStatus;
+VeltCommentsSidebarWireframe.FilterButton = VeltCommentsSidebarFilterButton;
 
 var VeltCommentPinGhostCommentIndicator = function (props) {
     var children = props.children;
@@ -1065,69 +1065,77 @@ var VeltCommentToolWireframe = function (props) {
     return (React__default["default"].createElement("velt-comment-tool-wireframe", __assign({}, remainingProps), children));
 };
 
-var VeltCommentBubbleAvatar = function (props) {
+var VeltTextCommentToolWireframe = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-bubble-avatar-wireframe", null, children));
+    return (React__default["default"].createElement("velt-text-comment-tool-wireframe", null, children));
 };
 
-var VeltCommentBubbleCommentsCount = function (props) {
+var VeltTextCommentToolbarCommentAnnotation = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-bubble-comments-count-wireframe", null, children));
+    return (React__default["default"].createElement("velt-text-comment-toolbar-comment-annotation-wireframe", null, children));
 };
 
-var VeltTextCommentTool = function (props) {
+var VeltTextCommentToolbarCopywriter = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-text-comment-tool-wireframe", null, children));
+    return (React__default["default"].createElement("velt-text-comment-toolbar-copywriter-wireframe", null, children));
 };
 
-var VeltTextCommentToolbar = function (props) {
+var VeltTextCommentToolbarGeneric = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-text-comment-toolbar-wireframe", null, children));
+    return (React__default["default"].createElement("velt-text-comment-toolbar-generic-wireframe", null, children));
 };
 
-var VeltTextCommentToolbarCommentAnnotation = function (props) {
+var VeltTextCommentToolbarSeperator = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-text-comment-toolbar-comment-annotation-wireframe", null, children));
+    return (React__default["default"].createElement("velt-text-comment-toolbar-seperator-wireframe", null, children));
 };
 
-var VeltTextCommentToolbarSeperator = function (props) {
+var VeltTextCommentToolbar = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-text-comment-toolbar-seperator-wireframe", null, children));
+    return (React__default["default"].createElement("velt-text-comment-toolbar-wireframe", null, children));
 };
+VeltTextCommentToolbar.CommentAnnotation = VeltTextCommentToolbarCommentAnnotation;
+VeltTextCommentToolbar.Copywriter = VeltTextCommentToolbarCopywriter;
+VeltTextCommentToolbar.Generic = VeltTextCommentToolbarGeneric;
+VeltTextCommentToolbar.Seperator = VeltTextCommentToolbarSeperator;
 
-var VeltTextCommentToolbarCopywriter = function (props) {
+var VeltUserSelectorDropdownAvatar = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-text-comment-toolbar-copywriter-wireframe", null, children));
+    return (React__default["default"].createElement("velt-user-selector-dropdown-avatar-wireframe", null, children));
 };
 
-var VeltTextCommentToolbarGeneric = function (props) {
+var VeltUserSelectorDropdownEmail = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-text-comment-toolbar-generic-wireframe", null, children));
+    return (React__default["default"].createElement("velt-user-selector-dropdown-email-wireframe", null, children));
 };
 
-var VeltUserSelectorInternalDropdown = function (props) {
+var VeltUserSelectorDropdownErrorIcon = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-user-selector-internal-dropdown-wireframe", null, children));
+    return (React__default["default"].createElement("velt-user-selector-dropdown-error-icon-wireframe", null, children));
 };
 
-var VeltUserSelectorInternalDropdownAvatar = function (props) {
+var VeltUserSelectorDropdownName = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-user-selector-internal-dropdown-avatar-wireframe", null, children));
+    return (React__default["default"].createElement("velt-user-selector-dropdown-name-wireframe", null, children));
 };
 
-var VeltUserSelectorInternalDropdownEmail = function (props) {
+var VeltUserSelectorDropdown = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-user-selector-internal-dropdown-email-wireframe", null, children));
+    return (React__default["default"].createElement("velt-user-selector-dropdown-wireframe", null, children));
 };
+VeltUserSelectorDropdown.Avatar = VeltUserSelectorDropdownAvatar;
+VeltUserSelectorDropdown.Email = VeltUserSelectorDropdownEmail;
+VeltUserSelectorDropdown.ErrorIcon = VeltUserSelectorDropdownErrorIcon;
+VeltUserSelectorDropdown.Name = VeltUserSelectorDropdownName;
 
-var VeltUserSelectorInternalDropdownName = function (props) {
+var VeltCommentBubbleAvatar = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-user-selector-internal-dropdown-name-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comment-bubble-avatar-wireframe", null, children));
 };
 
-var VeltUserSelectorInternalDropdownErrorIcon = function (props) {
+var VeltCommentBubbleCommentsCount = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-user-selector-internal-dropdown-error-icon-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comment-bubble-comments-count-wireframe", null, children));
 };
 
 /**
@@ -1814,12 +1822,12 @@ exports.VeltCommentBubbleCommentsCount = VeltCommentBubbleCommentsCount;
 exports.VeltCommentDialogWireframe = VeltCommentDialogWireframe;
 exports.VeltCommentPinWireframe = VeltCommentPinWireframe;
 exports.VeltCommentPlayerTimeline = VeltCommentPlayerTimeline;
-exports.VeltCommentSidebarWireframe = VeltCommentSidebarWireframe;
 exports.VeltCommentThread = VeltCommentThread;
 exports.VeltCommentTool = SnippylyCommentTool;
 exports.VeltCommentToolWireframe = VeltCommentToolWireframe;
 exports.VeltComments = SnippylyComments;
 exports.VeltCommentsSidebar = SnippylyCommentsSidebar;
+exports.VeltCommentsSidebarWireframe = VeltCommentsSidebarWireframe;
 exports.VeltCursor = SnippylyCursor;
 exports.VeltHuddle = SnippylyHuddle;
 exports.VeltHuddleTool = SnippylyHuddleTool;
@@ -1837,19 +1845,11 @@ exports.VeltSidebarButton = SnippylySidebarButton;
 exports.VeltSidebarButtonWireframe = VeltSidebarButtonWireframe;
 exports.VeltTagTool = SnippylyTagTool;
 exports.VeltTags = SnippylyTags;
-exports.VeltTextCommentTool = VeltTextCommentTool;
-exports.VeltTextCommentToolbar = VeltTextCommentToolbar;
-exports.VeltTextCommentToolbarCommentAnnotation = VeltTextCommentToolbarCommentAnnotation;
-exports.VeltTextCommentToolbarCopywriter = VeltTextCommentToolbarCopywriter;
-exports.VeltTextCommentToolbarGeneric = VeltTextCommentToolbarGeneric;
-exports.VeltTextCommentToolbarSeperator = VeltTextCommentToolbarSeperator;
+exports.VeltTextCommentToolWireframe = VeltTextCommentToolWireframe;
+exports.VeltTextCommentToolbarWireframe = VeltTextCommentToolbar;
 exports.VeltUserInviteTool = SnippylyUserInviteTool;
 exports.VeltUserRequestTool = SnippylyUserRequestTool;
-exports.VeltUserSelectorInternalDropdown = VeltUserSelectorInternalDropdown;
-exports.VeltUserSelectorInternalDropdownAvatar = VeltUserSelectorInternalDropdownAvatar;
-exports.VeltUserSelectorInternalDropdownEmail = VeltUserSelectorInternalDropdownEmail;
-exports.VeltUserSelectorInternalDropdownErrorIcon = VeltUserSelectorInternalDropdownErrorIcon;
-exports.VeltUserSelectorInternalDropdownName = VeltUserSelectorInternalDropdownName;
+exports.VeltUserSelectorDropdownWireframe = VeltUserSelectorDropdown;
 exports.VeltVideoPlayer = VeltVideoPlayer;
 exports.VeltViewAnalytics = VeltViewAnalytics;
 exports.VeltWireframe = VeltWireframe;