Replace default export with named exports (#1998)

## Launch Checklist

See title,
Also removed some "_" from some file names.
This is a pure refactoring, no logic changes.


 - [x] Briefly describe the changes in this PR.

---------

Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>

src/components/SpecProperty.tsx

@@ -0,0 +1,48 @@
+import React from "react";
+
+import { FieldSpec, type FieldSpecProps } from "./FieldSpec";
+import { FunctionInputButtons as FunctionButtons } from "./FunctionButtons";
+
+import { labelFromFieldName } from "../libs/label-from-field-name";
+
+
+type SpecPropertyProps = FieldSpecProps & {
+  fieldName?: string
+  fieldType?: string
+  fieldSpec?: any
+  value?: any
+  errors?: {[key: string]: {message: string}}
+  onZoomClick(): void
+  onDataClick(): void
+  onExpressionClick?(): void
+  onElevationClick?(): void
+};
+
+
+export class SpecProperty extends React.Component<SpecPropertyProps> {
+  static defaultProps = {
+    errors: {},
+  };
+
+  render() {
+    const {errors, fieldName, fieldType} = this.props;
+
+    const functionBtn = <FunctionButtons
+      fieldSpec={this.props.fieldSpec}
+      onZoomClick={this.props.onZoomClick}
+      onDataClick={this.props.onDataClick}
+      onExpressionClick={this.props.onExpressionClick}
+      onElevationClick={this.props.onElevationClick}
+    />;
+
+    const error = errors![fieldType+"."+fieldName as any] as any;
+
+    return <FieldSpec
+      {...this.props}
+      error={error}
+      fieldSpec={this.props.fieldSpec}
+      label={labelFromFieldName(this.props.fieldName || "")}
+      action={functionBtn}
+    />;
+  }
+}