feat(fs.lab): LabDraft component

packages/freesewing.shared/components/workbench/draft/text/index.js

@@ -0,0 +1,38 @@
+const Text = (props) => {
+  let text = []
+  // Handle translation
+  let translated = ''
+  for (let string of props.point.attributes.getAsArray('data-text')) {
+    translated += props.app.t(string.toString()).replace(/"/g, '"') + ' '
+  }
+  // Handle muti-line text
+  if (translated.indexOf('\n') !== -1) {
+    let key = 0
+    let lines = translated.split('\n')
+    text.push(<tspan key={'tspan-' + key}>{lines.shift()}</tspan>)
+    for (let line of lines) {
+      key++
+      text.push(
+        <tspan
+          key={'tspan-' + key}
+          x={props.point.x}
+          dy={props.point.attributes.get('data-text-lineheight') || 12}
+        >
+          {line.toString().replace(/&quot;/g, '"')}
+        </tspan>
+      )
+    }
+  } else text.push(<tspan key="tspan-1">{translated}</tspan>)
+
+  return (
+    <text
+      x={props.point.x}
+      y={props.point.y}
+      {...props.point.attributes.asPropsIfPrefixIs('data-text-')}
+    >
+      {text}
+    </text>
+  )
+}
+
+export default Text