chore(file-input): implement file/folder structure and import extensions

src/FileInput/index.js → src/FileInput.js

@@ -3,14 +3,14 @@ import propTypes from 'prop-types'
 import cx from 'classnames'
 import { instanceOfComponent } from '@dhis2/prop-types'
 
-import { statusPropType, sizePropType } from '../common-prop-types'
-import { Button } from '../Button'
-import { Help } from '../Help'
-import { spacers, colors } from '../theme'
-import { Upload } from '../icons/Upload'
-import { StatusIconNoDefault } from '../icons/Status'
-import { SelectedFile } from './SelectedFile'
-import { Placeholder } from './Placeholder'
+import { statusPropType, sizePropType } from './common-prop-types.js'
+import { Button } from './Button.js'
+import { Help } from './Help.js'
+import { spacers, colors } from './theme.js'
+import { Upload } from './icons/Upload.js'
+import { StatusIconNoDefault } from './icons/Status.js'
+import { SelectedFile } from './FileInput/SelectedFile.js'
+import { Placeholder } from './FileInput/Placeholder.js'
 
 class FileInput extends PureComponent {
     ref = createRef()

src/FileInput/Placeholder.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import propTypes from 'prop-types'
-import { colors, spacers } from '../theme'
+import { colors, spacers } from '../theme.js'
 
 const Placeholder = ({ children }) => (
     <p>

src/FileInput/SelectedFile.js

@@ -1,9 +1,9 @@
 import React from 'react'
 import propTypes from 'prop-types'
 
-import { colors, spacers } from '../theme'
-import { AttachFile } from '../icons/AttachFile'
-import { Loading } from '../icons/Status'
+import { colors, spacers } from '../theme.js'
+import { AttachFile } from '../icons/AttachFile.js'
+import { Loading } from '../icons/Status.js'
 
 const SelectedFile = ({
     label,