@uppy/screen-capture: refactor to ESM

.eslintrc.js

@@ -211,6 +211,7 @@ module.exports = {
         'packages/@uppy/locales/src/**/*.js',
         'packages/@uppy/locales/template.js',
         'packages/@uppy/progress-bar/src/**/*.js',
+        'packages/@uppy/screen-capture/src/**/*.js',
         'packages/@uppy/svelte/src/**/*.js',
         'packages/@uppy/svelte/rollup.config.js',
         'packages/@uppy/vue/src/**/*.js',

packages/@uppy/screen-capture/package.json

@@ -6,6 +6,7 @@
   "main": "lib/index.js",
   "style": "dist/style.min.css",
   "types": "types/index.d.ts",
+  "type": "module",
   "keywords": [
     "file uploader",
     "uppy",

packages/@uppy/screen-capture/src/CaptureScreen.js → packages/@uppy/screen-capture/src/CaptureScreen.jsx

@@ -1,12 +1,15 @@
-const { h, Component } = require('preact')
-const RecordButton = require('./RecordButton')
-const SubmitButton = require('./SubmitButton')
-const StopWatch = require('./StopWatch')
-const StreamStatus = require('./StreamStatus')
+// TODO: rename this file to RecorderScreen.jsx in the next major.
+/* eslint-disable react/jsx-props-no-spreading */
+import { h, Component } from 'preact'
+import RecordButton from './RecordButton.jsx'
+import SubmitButton from './SubmitButton.jsx'
+import StopWatch from './StopWatch.jsx'
+import StreamStatus from './StreamStatus.jsx'
 
 class RecorderScreen extends Component {
   componentWillUnmount () {
-    this.props.onStop()
+    const { onStop } = this.props
+    onStop()
   }
 
   render () {
@@ -53,4 +56,4 @@ class RecorderScreen extends Component {
   }
 }
 
-module.exports = RecorderScreen
+export default RecorderScreen

packages/@uppy/screen-capture/src/RecordButton.js → packages/@uppy/screen-capture/src/RecordButton.jsx

@@ -1,9 +1,9 @@
-const { h } = require('preact')
+import { h } from 'preact'
 
 /**
  * Control screen capture recording. Will show record or stop button.
  */
-module.exports = function RecordButton ({ recording, onStartRecording, onStopRecording, i18n }) {
+export default function RecordButton ({ recording, onStartRecording, onStopRecording, i18n }) {
   if (recording) {
     return (
       <button