From 03f253aa4f9887e08e0957d7dc93207882406e58 Mon Sep 17 00:00:00 2001
From: Vera Zabeida <vera.zabeida@gmail.com>
Date: Tue, 12 Feb 2019 17:02:48 -0500
Subject: [PATCH 1/5] make meta text selectable

---
 src/default_panels/StyleLayoutPanel.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/default_panels/StyleLayoutPanel.js b/src/default_panels/StyleLayoutPanel.js
index 3fbec265e..288c936fc 100644
--- a/src/default_panels/StyleLayoutPanel.js
+++ b/src/default_panels/StyleLayoutPanel.js
@@ -174,8 +174,11 @@ const StyleLayoutPanel = (props, {localize: _}) => (
           {_(
             'You can refer to the items in this column in any text fields of the editor like so: '
           )}
-          <p style={{letterSpacing: '1px', fontStyle: 'italic'}}>
-            {_("Ex: 'My custom title %{meta[1]}.' ")}
+          <p>
+            {_('Ex: ')}
+            <span style={{letterSpacing: '1px', fontStyle: 'italic', userSelect: 'text'}}>
+              {_('My custom title %{meta[1]}')}
+            </span>
           </p>
         </p>
       </Info>

From 419be8394569fbc200c434593e5a282ff81f9a9f Mon Sep 17 00:00:00 2001
From: Vera Zabeida <vera.zabeida@gmail.com>
Date: Tue, 12 Feb 2019 17:23:47 -0500
Subject: [PATCH 2/5] make default plotly.js titles placeholders

---
 src/components/fields/TextEditor.js | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/fields/TextEditor.js b/src/components/fields/TextEditor.js
index 9d48d1a6d..cd8b6689b 100644
--- a/src/components/fields/TextEditor.js
+++ b/src/components/fields/TextEditor.js
@@ -67,7 +67,8 @@ export class UnconnectedTextEditor extends Component {
 
     let fullValue = this.getAdjustedFullValue(this.props.fullValue);
 
-    let placeholder;
+    let placeholder = this.props.placeholder;
+
     if (multiValued || (fullValue && (!container || !nestedProperty(container, attr)))) {
       placeholder = fullValue;
       fullValue = '';
@@ -118,10 +119,12 @@ UnconnectedTextEditor.propTypes = {
   latexOnly: PropTypes.bool,
   richTextOnly: PropTypes.bool,
   updatePlot: PropTypes.func,
+  placeholder: PropTypes.string,
 };
 
 UnconnectedTextEditor.contextTypes = {
   localize: PropTypes.func,
+  fullLayout: PropTypes.object,
 };
 
 export default connectToContainer(UnconnectedTextEditor, {
@@ -129,5 +132,14 @@ export default connectToContainer(UnconnectedTextEditor, {
     if (plotProps.isVisible && plotProps.multiValued) {
       plotProps.isVisible = false;
     }
+
+    if (
+      context.fullLayout &&
+      context.fullLayout._dfltTitle &&
+      Object.values(context.fullLayout._dfltTitle).includes(plotProps.fullValue)
+    ) {
+      plotProps.placeholder = plotProps.fullValue;
+      plotProps.fullValue = '';
+    }
   },
 });

From 41c3b1fbb7ea6a9712bd447e780c7f5a7725898c Mon Sep 17 00:00:00 2001
From: Vera Zabeida <vera.zabeida@gmail.com>
Date: Wed, 13 Feb 2019 11:01:41 -0500
Subject: [PATCH 3/5] Use template string on Fold titles for annotations

---
 .../containers/AnnotationAccordion.js         | 21 +++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/components/containers/AnnotationAccordion.js b/src/components/containers/AnnotationAccordion.js
index 0db622967..18dd9692e 100644
--- a/src/components/containers/AnnotationAccordion.js
+++ b/src/components/containers/AnnotationAccordion.js
@@ -4,24 +4,33 @@ import {PanelMessage} from './PanelEmpty';
 import PropTypes from 'prop-types';
 import React, {Component} from 'react';
 import {connectAnnotationToLayout} from 'lib';
+import {templateString} from 'plotly.js/src/lib';
 
 const AnnotationFold = connectAnnotationToLayout(PlotlyFold);
 
 class AnnotationAccordion extends Component {
   render() {
     const {
-      layout: {annotations = []},
+      layout: {annotations = [], meta = []},
       localize: _,
     } = this.context;
     const {canAdd, children} = this.props;
 
     const content =
       annotations.length &&
-      annotations.map((ann, i) => (
-        <AnnotationFold key={i} annotationIndex={i} name={ann.text} canDelete={canAdd}>
-          {children}
-        </AnnotationFold>
-      ));
+      annotations.map((ann, i) => {
+        const textPostTemplate = templateString(ann.text, {meta});
+        return (
+          <AnnotationFold
+            key={i}
+            annotationIndex={i}
+            name={textPostTemplate === '' ? ann.text : textPostTemplate}
+            canDelete={canAdd}
+          >
+            {children}
+          </AnnotationFold>
+        );
+      });
 
     const addAction = {
       label: _('Annotation'),

From 627b2f4243af47cb6b57832bf62707fbfab5906a Mon Sep 17 00:00:00 2001
From: Vera Zabeida <vera.zabeida@gmail.com>
Date: Wed, 13 Feb 2019 11:20:45 -0500
Subject: [PATCH 4/5] upgrade plotly.js

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index f7a41e134..fb858b326 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
     "fast-isnumeric": "^1.1.1",
     "immutability-helper": "^2.7.1",
     "plotly-icons": "1.2.3",
-    "plotly.js": "1.44.3",
+    "plotly.js": "1.44.4",
     "prop-types": "^15.5.10",
     "raf": "^3.4.0",
     "react-color": "^2.13.8",

From ea03fa8e96546e44fc88184a728c68cb7592881c Mon Sep 17 00:00:00 2001
From: Vera Zabeida <vera.zabeida@gmail.com>
Date: Wed, 13 Feb 2019 11:23:25 -0500
Subject: [PATCH 5/5] v0.35.5

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index fb858b326..d436421fe 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "react-chart-editor",
   "description": "plotly.js chart editor react component UI",
-  "version": "0.35.4",
+  "version": "0.35.5",
   "author": "Plotly, Inc.",
   "bugs": {
     "url": "https://github.com/plotly/react-chart-editor/issues"