Convert Form Components to TypeScript

Co-authored-by: Mark McDowall <mark@mcdowall.ca>

Remove defaultProps from TypeScript components

(cherry picked from commit a90c13e86f798841cb6db038bb6b6d1408a00585)

Fix multi-select checkboxes not appearing

(cherry picked from commit e199710c15fbfa643a9f71c7a20f70b1722d0df6)

frontend/src/Components/Form/Select/RootFolderSelectInputSelectedValue.tsx

@@ -0,0 +1,60 @@
+import React from 'react';
+import formatBytes from 'Utilities/Number/formatBytes';
+import translate from 'Utilities/String/translate';
+import EnhancedSelectInputSelectedValue from './EnhancedSelectInputSelectedValue';
+import { RootFolderSelectInputValue } from './RootFolderSelectInput';
+import styles from './RootFolderSelectInputSelectedValue.css';
+
+interface RootFolderSelectInputSelectedValueProps {
+  selectedValue: string;
+  values: RootFolderSelectInputValue[];
+  freeSpace?: number;
+  movieFolder?: string;
+  isWindows?: boolean;
+  includeFreeSpace?: boolean;
+}
+
+function RootFolderSelectInputSelectedValue(
+  props: RootFolderSelectInputSelectedValueProps
+) {
+  const {
+    selectedValue,
+    values,
+    freeSpace,
+    movieFolder,
+    includeFreeSpace = true,
+    isWindows,
+    ...otherProps
+  } = props;
+
+  const slashCharacter = isWindows ? '\\' : '/';
+  const value = values.find((v) => v.key === selectedValue)?.value;
+
+  return (
+    <EnhancedSelectInputSelectedValue
+      className={styles.selectedValue}
+      {...otherProps}
+    >
+      <div className={styles.pathContainer}>
+        <div className={styles.path}>{value}</div>
+
+        {movieFolder ? (
+          <div className={styles.movieFolder}>
+            {slashCharacter}
+            {movieFolder}
+          </div>
+        ) : null}
+      </div>
+
+      {freeSpace != null && includeFreeSpace ? (
+        <div className={styles.freeSpace}>
+          {translate('RootFolderSelectFreeSpace', {
+            freeSpace: formatBytes(freeSpace),
+          })}
+        </div>
+      ) : null}
+    </EnhancedSelectInputSelectedValue>
+  );
+}
+
+export default RootFolderSelectInputSelectedValue;