Improve bulk performer editing (#2467)

* Cleanup Edit Performers dialog
* Add bulk text inputs to edit performers dialog
* Make bulk update code more generic
* Add remaining performer fields

ui/v2.5/src/components/Shared/BulkUpdateTextInput.tsx

@@ -0,0 +1,45 @@
+import React from "react";
+import { Button, Form, FormControlProps, InputGroup } from "react-bootstrap";
+import { useIntl } from "react-intl";
+import { Icon } from ".";
+
+interface IBulkUpdateTextInputProps extends FormControlProps {
+  valueChanged: (value: string | undefined) => void;
+  unsetDisabled?: boolean;
+}
+
+export const BulkUpdateTextInput: React.FC<IBulkUpdateTextInputProps> = ({
+  valueChanged,
+  unsetDisabled,
+  ...props
+}) => {
+  const intl = useIntl();
+
+  const unsetClassName = props.value === undefined ? "unset" : "";
+
+  return (
+    <InputGroup className={`bulk-update-text-input ${unsetClassName}`}>
+      <Form.Control
+        {...props}
+        className="input-control"
+        type="text"
+        value={props.value ?? ""}
+        placeholder={
+          props.value === undefined
+            ? `<${intl.formatMessage({ id: "existing_value" })}>`
+            : undefined
+        }
+        onChange={(event) => valueChanged(event.currentTarget.value)}
+      />
+      {!unsetDisabled ? (
+        <Button
+          variant="secondary"
+          onClick={() => valueChanged(undefined)}
+          title={intl.formatMessage({ id: "actions.unset" })}
+        >
+          <Icon icon="ban" />
+        </Button>
+      ) : undefined}
+    </InputGroup>
+  );
+};