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>
2026-07-15 10:27:25 +00:00 · 2026-07-12 14:07:28 +03:00
parent 21e141542a
commit 9c1499b805
94 changed files with 319 additions and 402 deletions
@@ -0,0 +1,70 @@
+import React from "react";
+
+import { InputButton } from "./InputButton";
+import {MdFunctions, MdInsertChart} from "react-icons/md";
+import { TbMathFunction } from "react-icons/tb";
+import { type WithTranslation, withTranslation } from "react-i18next";
+
+type FunctionInputButtonsInternalProps = {
+  fieldSpec?: any
+  onZoomClick?(): void
+  onDataClick?(): void
+  onExpressionClick?(): void
+  onElevationClick?(): void
+} & WithTranslation;
+
+class FunctionInputButtonsInternal extends React.Component<FunctionInputButtonsInternalProps> {
+  render() {
+    const t = this.props.t;
+
+    if (this.props.fieldSpec.expression?.parameters.includes("zoom")) {
+      const expressionInputButton = (
+        <InputButton
+          className="maputnik-make-zoom-function"
+          onClick={this.props.onExpressionClick}
+          title={t("Convert to expression")}
+        >
+          <TbMathFunction />
+        </InputButton>
+      );
+
+      const makeZoomInputButton = <InputButton
+        className="maputnik-make-zoom-function"
+        onClick={this.props.onZoomClick}
+        title={t("Convert property into a zoom function")}
+      >
+        <MdFunctions />
+      </InputButton>;
+
+      let makeDataInputButton;
+      if (this.props.fieldSpec["property-type"] === "data-driven") {
+        makeDataInputButton = <InputButton
+          className="maputnik-make-data-function"
+          onClick={this.props.onDataClick}
+          title={t("Convert property to data function")}
+        >
+          <MdInsertChart />
+        </InputButton>;
+      }
+      return <div>
+        {expressionInputButton}
+        {makeDataInputButton}
+        {makeZoomInputButton}
+      </div>;
+    } else if (this.props.fieldSpec.expression?.parameters.includes("elevation")) {
+      const inputElevationButton = <InputButton
+        className="maputnik-make-elevation-function"
+        onClick={this.props.onElevationClick}
+        title={t("Convert property into a elevation function")}
+        data-wd-key='make-elevation-function'
+      >
+        <MdFunctions />
+      </InputButton>;
+      return <div>{inputElevationButton}</div>;
+    } else {
+      return <div></div>;
+    }
+  }
+}
+
+export const FunctionInputButtons = withTranslation()(FunctionInputButtonsInternal);