✨ (grapher) add labels for manual editing (#3621)

owid · May 27, 2024 · 6c73dfc · 6c73dfc
1 parent 8bf0ef7
commit 6c73dfc
Show file tree

Hide file tree

Showing 26 changed files with 467 additions and 217 deletions.
diff --git a/.gitignore b/.gitignore
@@ -41,3 +41,4 @@ dist/
 .wrangler/
 .nx/cache
 .dev.vars
+**/tsup.config.bundled*.mjs
diff --git a/packages/@ourworldindata/components/src/MarkdownTextWrap/MarkdownTextWrap.tsx b/packages/@ourworldindata/components/src/MarkdownTextWrap/MarkdownTextWrap.tsx
@@ -643,9 +643,11 @@ export class MarkdownTextWrap extends React.Component<MarkdownTextWrapProps> {
         {
             textProps,
             detailsMarker = "superscript",
+            id,
         }: {
             textProps?: React.SVGProps<SVGTextElement>
             detailsMarker?: DetailsMarker
+            id?: string
         } = {}
     ): JSX.Element | null {
         const { fontSize, lineHeight } = this
@@ -670,7 +672,7 @@ export class MarkdownTextWrap extends React.Component<MarkdownTextWrapProps> {
             yOffset + lineHeight * fontSize * lineIndex
 
         return (
-            <g className="markdown-text-wrap">
+            <g id={id} className="markdown-text-wrap">
                 <text
                     x={x.toFixed(1)}
                     y={yOffset.toFixed(1)}

diff --git a/packages/@ourworldindata/components/src/TextWrap/TextWrap.tsx b/packages/@ourworldindata/components/src/TextWrap/TextWrap.tsx
@@ -257,7 +257,10 @@ export class TextWrap {
     render(
         x: number,
         y: number,
-        { textProps }: { textProps?: React.SVGProps<SVGTextElement> } = {}
+        {
+            textProps,
+            id,
+        }: { textProps?: React.SVGProps<SVGTextElement>; id?: string } = {}
     ): JSX.Element | null {
         const { props, lines, fontSize, fontWeight, lineHeight } = this
 
@@ -267,6 +270,7 @@ export class TextWrap {
 
         return (
             <text
+                id={id}
                 fontSize={fontSize.toFixed(2)}
                 fontWeight={fontWeight}
                 x={correctedX.toFixed(1)}