toolbar: remove OpenFileButton

This is no longer used.

src/toolbar/OpenFileButton.tsx

@@ -1,154 +0,0 @@
-// SPDX-License-Identifier: MIT
-// Copyright (c) 2020-2022 The Pybricks Authors
-
-import { Button, Intent, Spinner, SpinnerSize } from '@blueprintjs/core';
-import { Tooltip2 } from '@blueprintjs/popover2';
-import React, { useEffect, useState } from 'react';
-import { useDropzone } from 'react-dropzone';
-import { tooltipDelay } from '../app/constants';
-import { useToolbarItemFocus } from '../components/toolbar/aria';
-
-const smallScreenThreshold = 700;
-export interface OpenFileButtonProps {
-    /** A DOM id for this button. */
-    readonly id: string;
-    /** A unique label for each instance. */
-    readonly label: string;
-    /** The accepted file MIME type. */
-    readonly mimeType: string;
-    /** The accepted file extension */
-    readonly fileExtension: string;
-    /** Tooltip text that appears when hovering over the button. */
-    readonly tooltip: string;
-    /** Icon shown on the button. */
-    readonly icon: string;
-    /** When true or undefined, the button is enabled. */
-    readonly enabled?: boolean;
-    /** Show progress spinner instead of icon. */
-    readonly showProgress?: boolean;
-    /** The progress value (0 to 1) for the progress spinner. */
-    readonly progress?: number;
-    /** Callback that is called when a file has been selected and opened for reading. */
-    readonly onFile: (data: ArrayBuffer) => void;
-    /** Callback that is called when a file has been rejected (e.g. bad file extension). */
-    readonly onReject: (file: File) => void;
-    /** If defined, will call custom function instead of opening file browser. */
-    readonly onClick?: () => void;
-}
-
-/**
- * Button that opens a file chooser dialog or accepts files dropped on it.
- */
-const OpenFileButton: React.VoidFunctionComponent<OpenFileButtonProps> = ({
-    id,
-    label,
-    mimeType,
-    fileExtension,
-    tooltip,
-    icon,
-    enabled,
-    showProgress,
-    progress,
-    onFile,
-    onReject,
-    onClick,
-}) => {
-    const [isSmallScreen, setIsSmallScreen] = useState(
-        window.innerWidth <= smallScreenThreshold,
-    );
-
-    useEffect(() => {
-        const handleResize = () => {
-            setIsSmallScreen(window.innerWidth <= smallScreenThreshold);
-        };
-        window.addEventListener('resize', handleResize);
-        return () => window.removeEventListener('resize', handleResize);
-    });
-
-    const buttonSize = isSmallScreen ? SpinnerSize.SMALL : SpinnerSize.STANDARD;
-
-    const { getRootProps, getInputProps } = useDropzone({
-        accept: { [mimeType]: [fileExtension] },
-        multiple: false,
-        noClick: onClick !== undefined,
-        onDropAccepted: (acceptedFiles) => {
-            // should only be one file since multiple={false}
-            acceptedFiles.forEach((f) => {
-                const reader = new FileReader();
-
-                reader.onabort = (): void => console.error('file reading was aborted');
-                reader.onerror = (): void => console.error('file reading has failed');
-                reader.onload = (): void => {
-                    const binaryStr = reader.result;
-                    if (binaryStr === null) {
-                        throw Error('Unexpected null binaryStr');
-                    }
-                    if (typeof binaryStr === 'string') {
-                        throw Error('Unexpected string binaryStr');
-                    }
-                    onFile(binaryStr);
-                };
-                reader.readAsArrayBuffer(f);
-            });
-        },
-        onDropRejected: (fileRejections) => {
-            // should only be one file since multiple={false}
-            fileRejections.forEach((r) => {
-                onReject(r.file);
-            });
-        },
-    });
-
-    const { toolbarItemFocusProps, excludeFromTabOrder } = useToolbarItemFocus({ id });
-
-    return (
-        <Tooltip2
-            content={tooltip}
-            placement="bottom"
-            hoverOpenDelay={tooltipDelay}
-            renderTarget={({
-                ref: tooltipTargetRef,
-                isOpen: _tooltipIsOpen,
-                ...tooltipTargetProps
-            }) => (
-                <Button
-                    {...getRootProps({
-                        id,
-                        'aria-label': label,
-                        refKey: 'elementRef',
-                        elementRef: tooltipTargetRef as React.Ref<HTMLButtonElement>,
-                        ...tooltipTargetProps,
-                        // https://github.com/palantir/blueprint/pull/5300
-                        'aria-haspopup': undefined,
-                        intent: Intent.PRIMARY,
-                        disabled: enabled === false,
-                        onClick,
-                        ...toolbarItemFocusProps,
-                        tabIndex: excludeFromTabOrder ? -1 : 0,
-                        // HACK: work around useDropZone "feature" even though
-                        // this role is already implicit on buttons
-                        role: 'button',
-                    })}
-                >
-                    <input {...getInputProps()} />
-                    {showProgress ? (
-                        <Spinner
-                            value={progress}
-                            intent={Intent.PRIMARY}
-                            size={buttonSize}
-                        />
-                    ) : (
-                        <img
-                            aria-hidden={true}
-                            width={`${buttonSize}px`}
-                            height={`${buttonSize}px`}
-                            src={icon}
-                        />
-                    )}
-                </Button>
-            )}
-        />
-    );
-};
-
-export default OpenFileButton;