@veltdev/react 4.5.4-beta.2 → 4.5.4-beta.4
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/cjs/index.js +11 -11
- package/cjs/index.js.map +1 -1
- package/cjs/types/components/SnippylyRecorderPlayer/SnippylyRecorderPlayer.d.ts +1 -0
- package/cjs/types/components/VeltInlineCommentsSectionWireframe/VeltInlineCommentsSectionFilterDropdownWireframe/VeltInlineCommentsSectionFilterDropdownTriggerWireframe/VeltInlineCommentsSectionFilterDropdownTriggerArrowWireframe/VeltInlineCommentsSectionFilterDropdownTriggerArrowWireframe.d.ts +8 -0
- package/cjs/types/components/VeltInlineCommentsSectionWireframe/VeltInlineCommentsSectionFilterDropdownWireframe/VeltInlineCommentsSectionFilterDropdownTriggerWireframe/{VeltInlineCommentsSectionFilterDropdownTriggerIconWireframe → VeltInlineCommentsSectionFilterDropdownTriggerArrowWireframe}/index.d.ts +1 -1
- package/cjs/types/components/VeltInlineCommentsSectionWireframe/VeltInlineCommentsSectionFilterDropdownWireframe/VeltInlineCommentsSectionFilterDropdownTriggerWireframe/VeltInlineCommentsSectionFilterDropdownTriggerWireframe.d.ts +2 -2
- package/cjs/types/components/VeltNotificationsTool/VeltNotificationsTool.d.ts +1 -0
- package/cjs/types/constants.d.ts +1 -1
- package/esm/index.js +11 -11
- package/esm/index.js.map +1 -1
- package/esm/types/components/SnippylyRecorderPlayer/SnippylyRecorderPlayer.d.ts +1 -0
- package/esm/types/components/VeltInlineCommentsSectionWireframe/VeltInlineCommentsSectionFilterDropdownWireframe/VeltInlineCommentsSectionFilterDropdownTriggerWireframe/VeltInlineCommentsSectionFilterDropdownTriggerArrowWireframe/VeltInlineCommentsSectionFilterDropdownTriggerArrowWireframe.d.ts +8 -0
- package/esm/types/components/VeltInlineCommentsSectionWireframe/VeltInlineCommentsSectionFilterDropdownWireframe/VeltInlineCommentsSectionFilterDropdownTriggerWireframe/{VeltInlineCommentsSectionFilterDropdownTriggerIconWireframe → VeltInlineCommentsSectionFilterDropdownTriggerArrowWireframe}/index.d.ts +1 -1
- package/esm/types/components/VeltInlineCommentsSectionWireframe/VeltInlineCommentsSectionFilterDropdownWireframe/VeltInlineCommentsSectionFilterDropdownTriggerWireframe/VeltInlineCommentsSectionFilterDropdownTriggerWireframe.d.ts +2 -2
- package/esm/types/components/VeltNotificationsTool/VeltNotificationsTool.d.ts +1 -0
- package/esm/types/constants.d.ts +1 -1
- package/index.d.ts +7 -5
- package/package.json +1 -1
- package/cjs/types/components/VeltInlineCommentsSectionWireframe/VeltInlineCommentsSectionFilterDropdownWireframe/VeltInlineCommentsSectionFilterDropdownTriggerWireframe/VeltInlineCommentsSectionFilterDropdownTriggerIconWireframe/VeltInlineCommentsSectionFilterDropdownTriggerIconWireframe.d.ts +0 -8
- package/esm/types/components/VeltInlineCommentsSectionWireframe/VeltInlineCommentsSectionFilterDropdownWireframe/VeltInlineCommentsSectionFilterDropdownTriggerWireframe/VeltInlineCommentsSectionFilterDropdownTriggerIconWireframe/VeltInlineCommentsSectionFilterDropdownTriggerIconWireframe.d.ts +0 -8
|
@@ -11,6 +11,7 @@ export interface IVeltRecorderPlayerProps {
|
|
|
11
11
|
videoEditor?: boolean;
|
|
12
12
|
playVideoInFullScreen?: boolean;
|
|
13
13
|
retakeOnVideoEditor?: boolean;
|
|
14
|
+
playbackOnPreviewClick?: boolean;
|
|
14
15
|
}
|
|
15
16
|
declare const SnippylyRecorderPlayer: React.FC<IVeltRecorderPlayerProps>;
|
|
16
17
|
export default SnippylyRecorderPlayer;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IVeltWireframeCommonProps } from '../../../../../constants';
|
|
3
|
+
export interface IVeltInlineCommentsSectionFilterDropdownTriggerArrowWireframeProps extends IVeltWireframeCommonProps {
|
|
4
|
+
}
|
|
5
|
+
export interface IVeltInlineCommentsSectionFilterDropdownTriggerArrowWireframe extends React.FC<IVeltInlineCommentsSectionFilterDropdownTriggerArrowWireframeProps> {
|
|
6
|
+
}
|
|
7
|
+
declare const VeltInlineCommentsSectionFilterDropdownTriggerArrowWireframe: IVeltInlineCommentsSectionFilterDropdownTriggerArrowWireframe;
|
|
8
|
+
export default VeltInlineCommentsSectionFilterDropdownTriggerArrowWireframe;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './
|
|
1
|
+
export { default } from './VeltInlineCommentsSectionFilterDropdownTriggerArrowWireframe';
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IVeltWireframeCommonProps } from '../../../../constants';
|
|
3
|
-
import { IVeltInlineCommentsSectionFilterDropdownTriggerIconWireframe } from './VeltInlineCommentsSectionFilterDropdownTriggerIconWireframe/VeltInlineCommentsSectionFilterDropdownTriggerIconWireframe';
|
|
4
3
|
import { IVeltInlineCommentsSectionFilterDropdownTriggerNameWireframe } from './VeltInlineCommentsSectionFilterDropdownTriggerNameWireframe/VeltInlineCommentsSectionFilterDropdownTriggerNameWireframe';
|
|
4
|
+
import { IVeltInlineCommentsSectionFilterDropdownTriggerArrowWireframe } from './VeltInlineCommentsSectionFilterDropdownTriggerArrowWireframe/VeltInlineCommentsSectionFilterDropdownTriggerArrowWireframe';
|
|
5
5
|
export interface IVeltInlineCommentsSectionFilterDropdownTriggerWireframeProps extends IVeltWireframeCommonProps {
|
|
6
6
|
}
|
|
7
7
|
export interface IVeltInlineCommentsSectionFilterDropdownTriggerWireframe extends React.FC<IVeltInlineCommentsSectionFilterDropdownTriggerWireframeProps> {
|
|
8
|
-
|
|
8
|
+
Arrow: IVeltInlineCommentsSectionFilterDropdownTriggerArrowWireframe;
|
|
9
9
|
Name: IVeltInlineCommentsSectionFilterDropdownTriggerNameWireframe;
|
|
10
10
|
}
|
|
11
11
|
declare const VeltInlineCommentsSectionFilterDropdownTriggerWireframe: IVeltInlineCommentsSectionFilterDropdownTriggerWireframe;
|
|
@@ -22,6 +22,7 @@ export interface IVeltNotificationsToolProps extends React.DetailedHTMLProps<Rea
|
|
|
22
22
|
readNotificationsOnForYouTab?: boolean;
|
|
23
23
|
settings?: boolean;
|
|
24
24
|
selfNotifications?: boolean;
|
|
25
|
+
considerAllNotifications?: boolean;
|
|
25
26
|
}
|
|
26
27
|
declare const VeltNotificationsTool: React.FC<IVeltNotificationsToolProps>;
|
|
27
28
|
export default VeltNotificationsTool;
|
package/cjs/types/constants.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const VELT_SDK_VERSION = "4.5.4-beta.
|
|
2
|
+
export declare const VELT_SDK_VERSION = "4.5.4-beta.4";
|
|
3
3
|
export declare const VELT_SDK_INIT_EVENT = "onVeltInit";
|
|
4
4
|
export declare const VELT_TAB_ID = "veltTabId";
|
|
5
5
|
export declare const INTEGRITY_MAP: Record<string, string>;
|
package/esm/index.js
CHANGED
|
@@ -137,13 +137,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
|
|
|
137
137
|
}
|
|
138
138
|
};
|
|
139
139
|
|
|
140
|
-
var VELT_SDK_VERSION = '4.5.4-beta.
|
|
140
|
+
var VELT_SDK_VERSION = '4.5.4-beta.4';
|
|
141
141
|
var VELT_SDK_INIT_EVENT = 'onVeltInit';
|
|
142
142
|
var VELT_TAB_ID = 'veltTabId';
|
|
143
143
|
// integrity map for the Velt SDK
|
|
144
144
|
// Note: generate integrity hashes with: https://www.srihash.org/
|
|
145
145
|
var INTEGRITY_MAP = {
|
|
146
|
-
'4.5.4-beta.
|
|
146
|
+
'4.5.4-beta.4': 'sha384-S4WqTJcVfB+e2m46OQOuF1en89POuz0aWtMEfrUiFFNW3X4JyalevEiI23xYEaQD',
|
|
147
147
|
};
|
|
148
148
|
|
|
149
149
|
var SnippylyProvider = function (props) {
|
|
@@ -656,7 +656,7 @@ var SnippylyRecorderNotes = function (props) {
|
|
|
656
656
|
};
|
|
657
657
|
|
|
658
658
|
var SnippylyRecorderPlayer = function (props) {
|
|
659
|
-
var recorderId = props.recorderId, onDelete = props.onDelete, showSummary = props.showSummary, summary = props.summary, shadowDom = props.shadowDom, videoEditor = props.videoEditor, playVideoInFullScreen = props.playVideoInFullScreen, retakeOnVideoEditor = props.retakeOnVideoEditor;
|
|
659
|
+
var recorderId = props.recorderId, onDelete = props.onDelete, showSummary = props.showSummary, summary = props.summary, shadowDom = props.shadowDom, videoEditor = props.videoEditor, playVideoInFullScreen = props.playVideoInFullScreen, retakeOnVideoEditor = props.retakeOnVideoEditor, playbackOnPreviewClick = props.playbackOnPreviewClick;
|
|
660
660
|
var ref = useRef();
|
|
661
661
|
var onDeleteRef = useRef(onDelete);
|
|
662
662
|
// Update the ref to always point to the latest callback function
|
|
@@ -682,7 +682,7 @@ var SnippylyRecorderPlayer = function (props) {
|
|
|
682
682
|
}
|
|
683
683
|
};
|
|
684
684
|
}, []);
|
|
685
|
-
return (React.createElement("velt-recorder-player", { ref: ref, "recorder-id": recorderId, "retake-on-video-editor": [true, false].includes(retakeOnVideoEditor) ? (retakeOnVideoEditor ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "show-summary": [true, false].includes(showSummary) ? (showSummary ? 'true' : 'false') : undefined, summary: [true, false].includes(summary) ? (summary ? 'true' : 'false') : undefined, "video-editor": [true, false].includes(videoEditor) ? (videoEditor ? 'true' : 'false') : undefined, "play-video-in-full-screen": [true, false].includes(playVideoInFullScreen) ? (playVideoInFullScreen ? 'true' : 'false') : undefined }));
|
|
685
|
+
return (React.createElement("velt-recorder-player", { ref: ref, "recorder-id": recorderId, "retake-on-video-editor": [true, false].includes(retakeOnVideoEditor) ? (retakeOnVideoEditor ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "show-summary": [true, false].includes(showSummary) ? (showSummary ? 'true' : 'false') : undefined, summary: [true, false].includes(summary) ? (summary ? 'true' : 'false') : undefined, "video-editor": [true, false].includes(videoEditor) ? (videoEditor ? 'true' : 'false') : undefined, "play-video-in-full-screen": [true, false].includes(playVideoInFullScreen) ? (playVideoInFullScreen ? 'true' : 'false') : undefined, "playback-on-preview-click": [true, false].includes(playbackOnPreviewClick) ? (playbackOnPreviewClick ? 'true' : 'false') : undefined }));
|
|
686
686
|
};
|
|
687
687
|
|
|
688
688
|
var SnippylyRecorderTool = function (props) {
|
|
@@ -880,7 +880,7 @@ var VeltCommentThread = function (props) {
|
|
|
880
880
|
};
|
|
881
881
|
|
|
882
882
|
var VeltNotificationsTool = function (props) {
|
|
883
|
-
var children = props.children, darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, panelShadowDom = props.panelShadowDom, variant = props.variant, maxDays = props.maxDays, tabConfig = props.tabConfig, panelOpenMode = props.panelOpenMode, panelVariant = props.panelVariant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab, settings = props.settings, selfNotifications = props.selfNotifications;
|
|
883
|
+
var children = props.children, darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, panelShadowDom = props.panelShadowDom, variant = props.variant, maxDays = props.maxDays, tabConfig = props.tabConfig, panelOpenMode = props.panelOpenMode, panelVariant = props.panelVariant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab, settings = props.settings, selfNotifications = props.selfNotifications, considerAllNotifications = props.considerAllNotifications;
|
|
884
884
|
var ref = useRef();
|
|
885
885
|
var onNotificationClickRef = useRef(onNotificationClick);
|
|
886
886
|
// Update the ref to always point to the latest callback function
|
|
@@ -906,7 +906,7 @@ var VeltNotificationsTool = function (props) {
|
|
|
906
906
|
}
|
|
907
907
|
};
|
|
908
908
|
}, []);
|
|
909
|
-
return (React.createElement("velt-notifications-tool", { ref: ref, "panel-open-mode": panelOpenMode, panelVariant: panelVariant, "tab-config": JSON.stringify(tabConfig), variant: variant, "max-days": (maxDays && maxDays > 0) ? maxDays + '' : undefined, "panel-shadow-dom": [true, false].includes(panelShadowDom) ? (panelShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, settings: [true, false].includes(settings) ? (settings ? 'true' : 'false') : undefined, "self-notifications": [true, false].includes(selfNotifications) ? (selfNotifications ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined }, children));
|
|
909
|
+
return (React.createElement("velt-notifications-tool", { ref: ref, "panel-open-mode": panelOpenMode, panelVariant: panelVariant, "tab-config": JSON.stringify(tabConfig), variant: variant, "max-days": (maxDays && maxDays > 0) ? maxDays + '' : undefined, "panel-shadow-dom": [true, false].includes(panelShadowDom) ? (panelShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, settings: [true, false].includes(settings) ? (settings ? 'true' : 'false') : undefined, "self-notifications": [true, false].includes(selfNotifications) ? (selfNotifications ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined, "consider-all-notifications": [true, false].includes(considerAllNotifications) ? (considerAllNotifications ? 'true' : 'false') : undefined }, children));
|
|
910
910
|
};
|
|
911
911
|
|
|
912
912
|
var VeltNotificationsPanel = function (props) {
|
|
@@ -3691,16 +3691,16 @@ var VeltInlineCommentsSectionFilterDropdownContentWireframe = function (props) {
|
|
|
3691
3691
|
VeltInlineCommentsSectionFilterDropdownContentWireframe.List = VeltInlineCommentsSectionFilterDropdownContentListWireframe;
|
|
3692
3692
|
VeltInlineCommentsSectionFilterDropdownContentWireframe.ApplyButton = VeltInlineCommentsSectionFilterDropdownContentApplyButtonWireframe;
|
|
3693
3693
|
|
|
3694
|
-
var
|
|
3694
|
+
var VeltInlineCommentsSectionFilterDropdownTriggerNameWireframe = function (props) {
|
|
3695
3695
|
var children = props.children, remainingProps = __rest(props, ["children"]);
|
|
3696
3696
|
var transformedProps = transformWireframeProps(remainingProps);
|
|
3697
|
-
return (React.createElement("velt-inline-comments-section-filter-dropdown-trigger-
|
|
3697
|
+
return (React.createElement("velt-inline-comments-section-filter-dropdown-trigger-name-wireframe", __assign({}, transformedProps), children));
|
|
3698
3698
|
};
|
|
3699
3699
|
|
|
3700
|
-
var
|
|
3700
|
+
var VeltInlineCommentsSectionFilterDropdownTriggerArrowWireframe = function (props) {
|
|
3701
3701
|
var children = props.children, remainingProps = __rest(props, ["children"]);
|
|
3702
3702
|
var transformedProps = transformWireframeProps(remainingProps);
|
|
3703
|
-
return (React.createElement("velt-inline-comments-section-filter-dropdown-trigger-
|
|
3703
|
+
return (React.createElement("velt-inline-comments-section-filter-dropdown-trigger-arrow-wireframe", __assign({}, transformedProps), children));
|
|
3704
3704
|
};
|
|
3705
3705
|
|
|
3706
3706
|
var VeltInlineCommentsSectionFilterDropdownTriggerWireframe = function (props) {
|
|
@@ -3708,7 +3708,7 @@ var VeltInlineCommentsSectionFilterDropdownTriggerWireframe = function (props) {
|
|
|
3708
3708
|
var transformedProps = transformWireframeProps(remainingProps);
|
|
3709
3709
|
return (React.createElement("velt-inline-comments-section-filter-dropdown-trigger-wireframe", __assign({}, transformedProps), children));
|
|
3710
3710
|
};
|
|
3711
|
-
VeltInlineCommentsSectionFilterDropdownTriggerWireframe.
|
|
3711
|
+
VeltInlineCommentsSectionFilterDropdownTriggerWireframe.Arrow = VeltInlineCommentsSectionFilterDropdownTriggerArrowWireframe;
|
|
3712
3712
|
VeltInlineCommentsSectionFilterDropdownTriggerWireframe.Name = VeltInlineCommentsSectionFilterDropdownTriggerNameWireframe;
|
|
3713
3713
|
|
|
3714
3714
|
var VeltInlineCommentsSectionFilterDropdownWireframe = function (props) {
|