@bigbinary/neeto-media-recorder 2.7.10 → 2.7.12
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/core.js +7 -4
- package/core.js.map +1 -1
- package/index.js +30 -13
- package/index.js.map +1 -1
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -777,7 +777,8 @@ var Controls = function Controls(_ref) {
|
|
|
777
777
|
var _ref$className = _ref.className,
|
|
778
778
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
779
779
|
setIsRestartAlertOpen = _ref.setIsRestartAlertOpen,
|
|
780
|
-
setIsDiscardAlertOpen = _ref.setIsDiscardAlertOpen
|
|
780
|
+
setIsDiscardAlertOpen = _ref.setIsDiscardAlertOpen,
|
|
781
|
+
onDiscard = _ref.onDiscard;
|
|
781
782
|
var _useTranslation = useTranslation(),
|
|
782
783
|
t = _useTranslation.t;
|
|
783
784
|
var startRecording = screenRecorder.startRecording,
|
|
@@ -801,18 +802,33 @@ var Controls = function Controls(_ref) {
|
|
|
801
802
|
className: classNames("flex flex-row items-center gap-3 p-2", _defineProperty({
|
|
802
803
|
"neeto-ui-rounded-lg neeto-ui-border-gray-200 border-2": hasRecordingStarted
|
|
803
804
|
}, className, isNotEmpty(classNames))),
|
|
804
|
-
children: [shouldShowSelectScreenButton && /*#__PURE__*/
|
|
805
|
-
className: "flex-
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
805
|
+
children: [shouldShowSelectScreenButton && /*#__PURE__*/jsxs("div", {
|
|
806
|
+
className: "mt-4 flex gap-4",
|
|
807
|
+
children: [/*#__PURE__*/jsx(Button, {
|
|
808
|
+
className: "flex-shrink-0",
|
|
809
|
+
"data-cy": "media-recorder-record-button",
|
|
810
|
+
icon: function icon() {
|
|
811
|
+
return /*#__PURE__*/jsx(Computer, {
|
|
812
|
+
size: 28
|
|
813
|
+
});
|
|
814
|
+
},
|
|
815
|
+
label: t("neetoMediaRecorder.record.selectScreen"),
|
|
816
|
+
loading: isStatus(SCREEN_RECORDER_STATUS.acquiring_media),
|
|
817
|
+
size: "large",
|
|
818
|
+
onClick: startRecording
|
|
819
|
+
}), /*#__PURE__*/jsx(Button, {
|
|
820
|
+
className: "flex-shrink-0",
|
|
821
|
+
"data-cy": "media-recorder-discard-button",
|
|
822
|
+
icon: function icon() {
|
|
823
|
+
return /*#__PURE__*/jsx(Delete, {
|
|
824
|
+
size: 28
|
|
825
|
+
});
|
|
826
|
+
},
|
|
827
|
+
label: t("neetoMediaRecorder.record.discard"),
|
|
828
|
+
size: "large",
|
|
829
|
+
style: "danger",
|
|
830
|
+
onClick: onDiscard
|
|
831
|
+
})]
|
|
816
832
|
}), shouldShowGrantMicPermissionButton && /*#__PURE__*/jsxs("div", {
|
|
817
833
|
className: "mt-4 flex gap-4",
|
|
818
834
|
children: [/*#__PURE__*/jsx(Button, {
|
|
@@ -1888,6 +1904,7 @@ var MediaRecorder = function MediaRecorder(_ref, ref) {
|
|
|
1888
1904
|
})]
|
|
1889
1905
|
}), isRecorderStatus(SCREEN_RECORDER_STATUS.recording, SCREEN_RECORDER_STATUS.paused) && /*#__PURE__*/jsx(Timer, {})]
|
|
1890
1906
|
}), /*#__PURE__*/jsx(Controls, {
|
|
1907
|
+
onDiscard: onDiscard,
|
|
1891
1908
|
setIsDiscardAlertOpen: setIsDiscardAlertOpen,
|
|
1892
1909
|
setIsRestartAlertOpen: setIsRestartAlertOpen,
|
|
1893
1910
|
className: "mt-5"
|