From 0ce668538ac35fe751a61cd87d8660208db05735 Mon Sep 17 00:00:00 2001 From: VeraZab Date: Thu, 18 Jan 2018 15:06:30 -0500 Subject: [PATCH 1/8] Add ability to add buttons in menu --- .../combined-translation-keys.txt | 174 +++++++++--------- scripts/translationKeys/translation-keys.txt | 174 +++++++++--------- src/DefaultEditor.js | 13 ++ src/components/PanelMenuWrapper.js | 29 ++- src/components/index.js | 3 + src/components/widgets/Button.js | 25 ++- 6 files changed, 234 insertions(+), 184 deletions(-) diff --git a/scripts/translationKeys/combined-translation-keys.txt b/scripts/translationKeys/combined-translation-keys.txt index 8fd33487c..7572ff5ac 100644 --- a/scripts/translationKeys/combined-translation-keys.txt +++ b/scripts/translationKeys/combined-translation-keys.txt @@ -2,35 +2,35 @@ 2D Histogram // react-plotly.js-editor: /components/fields/TraceSelector.js:23 3D Scatter // react-plotly.js-editor: /components/fields/TraceSelector.js:29 All // react-plotly.js-editor: /lib/connectAxesToLayout.js:96 -Anchor Point // react-plotly.js-editor: /DefaultEditor.js:251 -Angle // react-plotly.js-editor: /DefaultEditor.js:225 +Anchor Point // react-plotly.js-editor: /DefaultEditor.js:252 +Angle // react-plotly.js-editor: /DefaultEditor.js:226 Annotation // react-plotly.js-editor: /components/containers/PanelHeader.js:19 Area // react-plotly.js-editor: /components/fields/TraceSelector.js:54 -Arrow // react-plotly.js-editor: /DefaultEditor.js:227 -Arrowhead // react-plotly.js-editor: /DefaultEditor.js:237 +Arrow // react-plotly.js-editor: /DefaultEditor.js:228 +Arrowhead // react-plotly.js-editor: /DefaultEditor.js:238 Atlas Map // react-plotly.js-editor: /components/fields/TraceSelector.js:32 -Auto // react-plotly.js-editor: /DefaultEditor.js:175 +Auto // react-plotly.js-editor: /DefaultEditor.js:176 Autoscale // plotly.js: components/modebar/buttons.js:139 -Axes // react-plotly.js-editor: /DefaultEditor.js:298 -Background Color // react-plotly.js-editor: /DefaultEditor.js:378 +Axes // react-plotly.js-editor: /DefaultEditor.js:299 +Background Color // react-plotly.js-editor: /DefaultEditor.js:379 Bar // react-plotly.js-editor: /components/fields/TraceSelector.js:20 -Bar Padding // react-plotly.js-editor: /DefaultEditor.js:144 -Bar Width // react-plotly.js-editor: /DefaultEditor.js:136 +Bar Padding // react-plotly.js-editor: /DefaultEditor.js:145 +Bar Width // react-plotly.js-editor: /DefaultEditor.js:137 Bars // react-plotly.js-editor: /components/containers/TraceMarkerSection.js:20 -Blank // react-plotly.js-editor: /DefaultEditor.js:163 -Border Color // react-plotly.js-editor: /DefaultEditor.js:131 -Border Width // react-plotly.js-editor: /DefaultEditor.js:130 -Bottom // react-plotly.js-editor: /DefaultEditor.js:211 +Blank // react-plotly.js-editor: /DefaultEditor.js:164 +Border Color // react-plotly.js-editor: /DefaultEditor.js:132 +Border Width // react-plotly.js-editor: /DefaultEditor.js:131 +Bottom // react-plotly.js-editor: /DefaultEditor.js:212 Box // react-plotly.js-editor: /components/fields/TraceSelector.js:19 -Box Padding // react-plotly.js-editor: /DefaultEditor.js:148 +Box Padding // react-plotly.js-editor: /DefaultEditor.js:149 Box Select // plotly.js: components/modebar/buttons.js:103 -Box Width // react-plotly.js-editor: /DefaultEditor.js:140 +Box Width // react-plotly.js-editor: /DefaultEditor.js:141 Candlestick // react-plotly.js-editor: /components/fields/TraceSelector.js:45 -Canvas // react-plotly.js-editor: /DefaultEditor.js:171 +Canvas // react-plotly.js-editor: /DefaultEditor.js:172 Carpet // react-plotly.js-editor: /components/fields/TraceSelector.js:41 Carpet Contour // react-plotly.js-editor: /components/fields/TraceSelector.js:43 Carpet Scatter // react-plotly.js-editor: /components/fields/TraceSelector.js:42 -Center // react-plotly.js-editor: /DefaultEditor.js:263 +Center // react-plotly.js-editor: /DefaultEditor.js:264 Choropleth // react-plotly.js-editor: /components/fields/TraceSelector.js:33 Click to enter Colorscale title // plotly.js: plots/plots.js:303 Click to enter Component A title // plotly.js: plots/ternary/ternary.js:392 @@ -40,20 +40,21 @@ Click to enter Plot title Click to enter X axis title // plotly.js: plots/plots.js:301 Click to enter Y axis title // plotly.js: plots/plots.js:302 Collapse All // react-plotly.js-editor: /components/containers/PanelHeader.js:55 -Color // react-plotly.js-editor: /DefaultEditor.js:115 +Color // react-plotly.js-editor: /DefaultEditor.js:116 Common Case: An 'All' tab might display this message because the X and Y tabs contain different settings. // react-plotly.js-editor: /lib/constants.js:24 Compare data on hover // plotly.js: components/modebar/buttons.js:167 -Connect // react-plotly.js-editor: /DefaultEditor.js:162 -Connect Gaps // react-plotly.js-editor: /DefaultEditor.js:159 +Connect // react-plotly.js-editor: /DefaultEditor.js:163 +Connect Gaps // react-plotly.js-editor: /DefaultEditor.js:160 Continue // react-plotly.js-editor: /components/widgets/text_editors/MultiFormatTextEditor.js:201 Continuing will convert your LaTeX expression into raw text. // react-plotly.js-editor: /components/widgets/text_editors/MultiFormatTextEditor.js:122 Continuing will convert your note to LaTeX-style text. // react-plotly.js-editor: /components/widgets/text_editors/MultiFormatTextEditor.js:117 Continuing will remove your expression. // react-plotly.js-editor: /components/widgets/text_editors/MultiFormatTextEditor.js:127 Contour // react-plotly.js-editor: /components/fields/TraceSelector.js:26 -Custom // react-plotly.js-editor: /DefaultEditor.js:176 +Custom // react-plotly.js-editor: /DefaultEditor.js:177 Custom Color // react-plotly.js-editor: /components/widgets/ColorPicker.js:52 Default Colors // react-plotly.js-editor: /components/widgets/ColorPicker.js:75 -Display // react-plotly.js-editor: /DefaultEditor.js:91 +Delete // react-plotly.js-editor: /DefaultEditor.js:454 +Display // react-plotly.js-editor: /DefaultEditor.js:92 Double-click on legend to isolate one trace // plotly.js: components/legend/handle_click.js:90 Double-click to zoom back out // plotly.js: plots/cartesian/dragbox.js:335 Download plot as a png // plotly.js: components/modebar/buttons.js:52 @@ -62,122 +63,123 @@ Edit in HTML Edit in Rich Text // react-plotly.js-editor: /components/widgets/text_editors/MultiFormatTextEditor.js:246 Enter Link URL // react-plotly.js-editor: /components/widgets/text_editors/RichText/LinkEditor.js:92 Expand All // react-plotly.js-editor: /components/containers/PanelHeader.js:60 -Filled Area // react-plotly.js-editor: /DefaultEditor.js:101 -Fixed Height // react-plotly.js-editor: /DefaultEditor.js:180 -Fixed Width // react-plotly.js-editor: /DefaultEditor.js:179 -Font Color // react-plotly.js-editor: /DefaultEditor.js:197 -Font Size // react-plotly.js-editor: /DefaultEditor.js:193 -Global Font // react-plotly.js-editor: /DefaultEditor.js:199 +Filled Area // react-plotly.js-editor: /DefaultEditor.js:102 +Fixed Height // react-plotly.js-editor: /DefaultEditor.js:181 +Fixed Width // react-plotly.js-editor: /DefaultEditor.js:180 +Font Color // react-plotly.js-editor: /DefaultEditor.js:198 +Font Size // react-plotly.js-editor: /DefaultEditor.js:194 +Global Font // react-plotly.js-editor: /DefaultEditor.js:200 Go back // react-plotly.js-editor: /components/widgets/text_editors/MultiFormatTextEditor.js:194 Go to the 'Create' tab to define traces. // react-plotly.js-editor: /components/containers/PanelEmpty.js:12 Heads up! // react-plotly.js-editor: /components/widgets/text_editors/MultiFormatTextEditor.js:180 Heatmap // react-plotly.js-editor: /components/fields/TraceSelector.js:21 Heatmap GL // react-plotly.js-editor: /components/fields/TraceSelector.js:36 -Hide // react-plotly.js-editor: /DefaultEditor.js:232 +Hide // react-plotly.js-editor: /DefaultEditor.js:233 Histogram // react-plotly.js-editor: /components/fields/TraceSelector.js:22 -Horizontal // react-plotly.js-editor: /DefaultEditor.js:123 -Horizontal Positioning // react-plotly.js-editor: /DefaultEditor.js:249 +Horizontal // react-plotly.js-editor: /DefaultEditor.js:124 +Horizontal Positioning // react-plotly.js-editor: /DefaultEditor.js:250 IE only supports svg. Changing format to svg. // plotly.js: components/modebar/buttons.js:60 LaTeX // react-plotly.js-editor: /components/widgets/text_editors/MultiFormatTextEditor.js:30 LaTeX is a math typesetting language that doesn't work with rich text. // react-plotly.js-editor: /components/widgets/text_editors/MultiFormatTextEditor.js:115 Lasso Select // plotly.js: components/modebar/buttons.js:112 -Layout // react-plotly.js-editor: /DefaultEditor.js:170 -Left // react-plotly.js-editor: /DefaultEditor.js:212 -Legend // react-plotly.js-editor: /DefaultEditor.js:351 -Legend Box // react-plotly.js-editor: /DefaultEditor.js:367 +Layout // react-plotly.js-editor: /DefaultEditor.js:171 +Left // react-plotly.js-editor: /DefaultEditor.js:213 +Legend // react-plotly.js-editor: /DefaultEditor.js:352 +Legend Box // react-plotly.js-editor: /DefaultEditor.js:368 Line // react-plotly.js-editor: /components/fields/TraceSelector.js:53 -Line Color // react-plotly.js-editor: /DefaultEditor.js:155 -Line Width // react-plotly.js-editor: /DefaultEditor.js:235 -Linear // react-plotly.js-editor: /DefaultEditor.js:322 -Lines // react-plotly.js-editor: /DefaultEditor.js:153 +Line Color // react-plotly.js-editor: /DefaultEditor.js:156 +Line Width // react-plotly.js-editor: /DefaultEditor.js:236 +Linear // react-plotly.js-editor: /DefaultEditor.js:323 +Lines // react-plotly.js-editor: /DefaultEditor.js:154 Looks like there aren't any traces defined yet. // react-plotly.js-editor: /components/containers/PanelEmpty.js:11 -Margin Color // react-plotly.js-editor: /DefaultEditor.js:182 -Margins and Padding // react-plotly.js-editor: /DefaultEditor.js:209 -Max // react-plotly.js-editor: /DefaultEditor.js:318 +Margin Color // react-plotly.js-editor: /DefaultEditor.js:183 +Margins and Padding // react-plotly.js-editor: /DefaultEditor.js:210 +Max // react-plotly.js-editor: /DefaultEditor.js:319 Mesh3d // react-plotly.js-editor: /components/fields/TraceSelector.js:31 -Middle // react-plotly.js-editor: /DefaultEditor.js:286 -Min // react-plotly.js-editor: /DefaultEditor.js:317 +Middle // react-plotly.js-editor: /DefaultEditor.js:287 +Min // react-plotly.js-editor: /DefaultEditor.js:318 Multiple Values // react-plotly.js-editor: /lib/constants.js:18 No Results // react-plotly.js-editor: /components/widgets/Dropdown.js:76 -Normal // react-plotly.js-editor: /DefaultEditor.js:437 -Note Text // react-plotly.js-editor: /DefaultEditor.js:220 -Notes // react-plotly.js-editor: /DefaultEditor.js:218 +Normal // react-plotly.js-editor: /DefaultEditor.js:438 +Note Text // react-plotly.js-editor: /DefaultEditor.js:221 +Notes // react-plotly.js-editor: /DefaultEditor.js:219 OHLC // react-plotly.js-editor: /components/fields/TraceSelector.js:44 -Opacity // react-plotly.js-editor: /DefaultEditor.js:76 +Opacity // react-plotly.js-editor: /DefaultEditor.js:77 Orbital rotation // plotly.js: components/modebar/buttons.js:279 -Orientation // react-plotly.js-editor: /DefaultEditor.js:424 -Padding // react-plotly.js-editor: /DefaultEditor.js:214 +Orientation // react-plotly.js-editor: /DefaultEditor.js:425 +Padding // react-plotly.js-editor: /DefaultEditor.js:215 Pan // plotly.js: components/modebar/buttons.js:94 Parallel Coordinates // react-plotly.js-editor: /components/fields/TraceSelector.js:37 Pie // react-plotly.js-editor: /components/fields/TraceSelector.js:25 -Plot Background // react-plotly.js-editor: /DefaultEditor.js:181 +Plot Background // react-plotly.js-editor: /DefaultEditor.js:182 Point Cloud // react-plotly.js-editor: /components/fields/TraceSelector.js:35 Points // react-plotly.js-editor: /components/containers/TraceMarkerSection.js:22 Polar Scatter // react-plotly.js-editor: /components/fields/TraceSelector.js:46 -Position // react-plotly.js-editor: /DefaultEditor.js:270 -Positioning // react-plotly.js-editor: /DefaultEditor.js:382 +Position // react-plotly.js-editor: /DefaultEditor.js:271 +Positioning // react-plotly.js-editor: /DefaultEditor.js:383 Produced with Plotly // plotly.js: components/modebar/modebar.js:256 -Range // react-plotly.js-editor: /DefaultEditor.js:307 -Relative To // react-plotly.js-editor: /DefaultEditor.js:269 +Range // react-plotly.js-editor: /DefaultEditor.js:308 +Relative To // react-plotly.js-editor: /DefaultEditor.js:270 Reset // plotly.js: components/modebar/buttons.js:431 Reset axes // plotly.js: components/modebar/buttons.js:148 Reset camera to default // plotly.js: components/modebar/buttons.js:313 Reset camera to last save // plotly.js: components/modebar/buttons.js:321 Reset view // plotly.js: components/modebar/buttons.js:582 Reset views // plotly.js: components/modebar/buttons.js:528 -Reversed // react-plotly.js-editor: /DefaultEditor.js:438 +Reversed // react-plotly.js-editor: /DefaultEditor.js:439 Rich Text // react-plotly.js-editor: /components/widgets/text_editors/MultiFormatTextEditor.js:25 Rich text is incompatible with LaTeX. // react-plotly.js-editor: /components/widgets/text_editors/MultiFormatTextEditor.js:121 -Right // react-plotly.js-editor: /DefaultEditor.js:213 +Right // react-plotly.js-editor: /DefaultEditor.js:214 Sankey // react-plotly.js-editor: /components/fields/TraceSelector.js:39 Satellite Map // react-plotly.js-editor: /components/fields/TraceSelector.js:38 -Scale // react-plotly.js-editor: /DefaultEditor.js:239 +Save // react-plotly.js-editor: /DefaultEditor.js:448 +Scale // react-plotly.js-editor: /DefaultEditor.js:240 Scatter // react-plotly.js-editor: /components/fields/TraceSelector.js:18 Scatter GL // react-plotly.js-editor: /components/fields/TraceSelector.js:34 Select an Option // react-plotly.js-editor: /components/widgets/Dropdown.js:67 -Selection // react-plotly.js-editor: /DefaultEditor.js:309 -Shape // react-plotly.js-editor: /DefaultEditor.js:157 -Show // react-plotly.js-editor: /DefaultEditor.js:231 +Selection // react-plotly.js-editor: /DefaultEditor.js:310 +Shape // react-plotly.js-editor: /DefaultEditor.js:158 +Show // react-plotly.js-editor: /DefaultEditor.js:232 Show closest data on hover // plotly.js: components/modebar/buttons.js:157 -Size // react-plotly.js-editor: /DefaultEditor.js:128 -Size and Spacing // react-plotly.js-editor: /DefaultEditor.js:134 +Size // react-plotly.js-editor: /DefaultEditor.js:129 +Size and Spacing // react-plotly.js-editor: /DefaultEditor.js:135 Snapshot succeeded // plotly.js: components/modebar/buttons.js:66 Sorry, there was a problem downloading your snapshot! // plotly.js: components/modebar/buttons.js:69 Surface // react-plotly.js-editor: /components/fields/TraceSelector.js:30 -Symbol // react-plotly.js-editor: /DefaultEditor.js:129 +Symbol // react-plotly.js-editor: /DefaultEditor.js:130 Table // react-plotly.js-editor: /components/fields/TraceSelector.js:40 Taking snapshot - this may take a few seconds // plotly.js: components/modebar/buttons.js:57 Ternary Scatter // react-plotly.js-editor: /components/fields/TraceSelector.js:27 -Text // react-plotly.js-editor: /DefaultEditor.js:362 -Text Attributes // react-plotly.js-editor: /DefaultEditor.js:79 -The anchor point determines which side of the annotation's positioning coordinates refer to. // react-plotly.js-editor: /DefaultEditor.js:254 -The positioning inputs are relative to the anchor points on the text box. // react-plotly.js-editor: /DefaultEditor.js:387 +Text // react-plotly.js-editor: /DefaultEditor.js:363 +Text Attributes // react-plotly.js-editor: /DefaultEditor.js:80 +The anchor point determines which side of the annotation's positioning coordinates refer to. // react-plotly.js-editor: /DefaultEditor.js:255 +The positioning inputs are relative to the anchor points on the text box. // react-plotly.js-editor: /DefaultEditor.js:388 This input has multiple values associated with it. Changing this setting will override these custom inputs. // react-plotly.js-editor: /lib/constants.js:20 -Tick Labels // react-plotly.js-editor: /DefaultEditor.js:332 -Tick Markers // react-plotly.js-editor: /DefaultEditor.js:340 -Title // react-plotly.js-editor: /DefaultEditor.js:185 -Title and Fonts // react-plotly.js-editor: /DefaultEditor.js:184 -Titles // react-plotly.js-editor: /DefaultEditor.js:299 +Tick Labels // react-plotly.js-editor: /DefaultEditor.js:333 +Tick Markers // react-plotly.js-editor: /DefaultEditor.js:341 +Title // react-plotly.js-editor: /DefaultEditor.js:186 +Title and Fonts // react-plotly.js-editor: /DefaultEditor.js:185 +Titles // react-plotly.js-editor: /DefaultEditor.js:300 Toggle Spike Lines // plotly.js: components/modebar/buttons.js:547 Toggle show closest data on hover // plotly.js: components/modebar/buttons.js:352 -Top // react-plotly.js-editor: /DefaultEditor.js:210 +Top // react-plotly.js-editor: /DefaultEditor.js:211 Trace // react-plotly.js-editor: /components/containers/PanelHeader.js:14 -Trace Order // react-plotly.js-editor: /DefaultEditor.js:433 +Trace Order // react-plotly.js-editor: /DefaultEditor.js:434 Trace opacity is not supported for a scatter trace with fill or for a scatter trace that gets filled by another scatter trace. // react-plotly.js-editor: /components/containers/Section.js:65 Turntable rotation // plotly.js: components/modebar/buttons.js:288 -Type // react-plotly.js-editor: /DefaultEditor.js:156 -Typeface // react-plotly.js-editor: /DefaultEditor.js:188 +Type // react-plotly.js-editor: /DefaultEditor.js:157 +Typeface // react-plotly.js-editor: /DefaultEditor.js:189 URL // react-plotly.js-editor: /components/widgets/text_editors/RichText/LinkEditor.js:93 -Vertical // react-plotly.js-editor: /DefaultEditor.js:122 -Vertical Positioning // react-plotly.js-editor: /DefaultEditor.js:272 +Vertical // react-plotly.js-editor: /DefaultEditor.js:123 +Vertical Positioning // react-plotly.js-editor: /DefaultEditor.js:273 Violin // react-plotly.js-editor: /components/fields/TraceSelector.js:28 -Width // react-plotly.js-editor: /DefaultEditor.js:154 -X Position // react-plotly.js-editor: /DefaultEditor.js:412 -X Vector // react-plotly.js-editor: /DefaultEditor.js:246 -Y Position // react-plotly.js-editor: /DefaultEditor.js:418 -Y Vector // react-plotly.js-editor: /DefaultEditor.js:247 +Width // react-plotly.js-editor: /DefaultEditor.js:155 +X Position // react-plotly.js-editor: /DefaultEditor.js:413 +X Vector // react-plotly.js-editor: /DefaultEditor.js:247 +Y Position // react-plotly.js-editor: /DefaultEditor.js:419 +Y Vector // react-plotly.js-editor: /DefaultEditor.js:248 Zoom // plotly.js: components/modebar/buttons.js:85 -Zoom Interactivity // react-plotly.js-editor: /DefaultEditor.js:343 +Zoom Interactivity // react-plotly.js-editor: /DefaultEditor.js:344 Zoom in // plotly.js: components/modebar/buttons.js:121 Zoom out // plotly.js: components/modebar/buttons.js:130 close: // plotly.js: traces/ohlc/transform.js:139 @@ -185,7 +187,7 @@ high: incoming flow count: // plotly.js: traces/sankey/plot.js:142 kde: // plotly.js: traces/violin/calc.js:73 lat: // plotly.js: traces/scattergeo/calc.js:48 -log // react-plotly.js-editor: /DefaultEditor.js:323 +log // react-plotly.js-editor: /DefaultEditor.js:324 lon: // plotly.js: traces/scattergeo/calc.js:49 low: // plotly.js: traces/ohlc/transform.js:138 lower fence: // plotly.js: traces/box/calc.js:134 diff --git a/scripts/translationKeys/translation-keys.txt b/scripts/translationKeys/translation-keys.txt index c33995eed..483a6abfd 100644 --- a/scripts/translationKeys/translation-keys.txt +++ b/scripts/translationKeys/translation-keys.txt @@ -2,147 +2,149 @@ 2D Histogram // /components/fields/TraceSelector.js:23 3D Scatter // /components/fields/TraceSelector.js:29 All // /lib/connectAxesToLayout.js:96 -Anchor Point // /DefaultEditor.js:251 -Angle // /DefaultEditor.js:225 +Anchor Point // /DefaultEditor.js:252 +Angle // /DefaultEditor.js:226 Annotation // /components/containers/PanelHeader.js:19 Area // /components/fields/TraceSelector.js:54 -Arrow // /DefaultEditor.js:227 -Arrowhead // /DefaultEditor.js:237 +Arrow // /DefaultEditor.js:228 +Arrowhead // /DefaultEditor.js:238 Atlas Map // /components/fields/TraceSelector.js:32 -Auto // /DefaultEditor.js:175 -Axes // /DefaultEditor.js:298 -Background Color // /DefaultEditor.js:378 +Auto // /DefaultEditor.js:176 +Axes // /DefaultEditor.js:299 +Background Color // /DefaultEditor.js:379 Bar // /components/fields/TraceSelector.js:20 -Bar Padding // /DefaultEditor.js:144 -Bar Width // /DefaultEditor.js:136 +Bar Padding // /DefaultEditor.js:145 +Bar Width // /DefaultEditor.js:137 Bars // /components/containers/TraceMarkerSection.js:20 -Blank // /DefaultEditor.js:163 -Border Color // /DefaultEditor.js:131 -Border Width // /DefaultEditor.js:130 -Bottom // /DefaultEditor.js:211 +Blank // /DefaultEditor.js:164 +Border Color // /DefaultEditor.js:132 +Border Width // /DefaultEditor.js:131 +Bottom // /DefaultEditor.js:212 Box // /components/fields/TraceSelector.js:19 -Box Padding // /DefaultEditor.js:148 -Box Width // /DefaultEditor.js:140 +Box Padding // /DefaultEditor.js:149 +Box Width // /DefaultEditor.js:141 Candlestick // /components/fields/TraceSelector.js:45 -Canvas // /DefaultEditor.js:171 +Canvas // /DefaultEditor.js:172 Carpet // /components/fields/TraceSelector.js:41 Carpet Contour // /components/fields/TraceSelector.js:43 Carpet Scatter // /components/fields/TraceSelector.js:42 -Center // /DefaultEditor.js:263 +Center // /DefaultEditor.js:264 Choropleth // /components/fields/TraceSelector.js:33 Collapse All // /components/containers/PanelHeader.js:55 -Color // /DefaultEditor.js:115 +Color // /DefaultEditor.js:116 Common Case: An 'All' tab might display this message because the X and Y tabs contain different settings. // /lib/constants.js:24 -Connect // /DefaultEditor.js:162 -Connect Gaps // /DefaultEditor.js:159 +Connect // /DefaultEditor.js:163 +Connect Gaps // /DefaultEditor.js:160 Continue // /components/widgets/text_editors/MultiFormatTextEditor.js:201 Continuing will convert your LaTeX expression into raw text. // /components/widgets/text_editors/MultiFormatTextEditor.js:122 Continuing will convert your note to LaTeX-style text. // /components/widgets/text_editors/MultiFormatTextEditor.js:117 Continuing will remove your expression. // /components/widgets/text_editors/MultiFormatTextEditor.js:127 Contour // /components/fields/TraceSelector.js:26 -Custom // /DefaultEditor.js:176 +Custom // /DefaultEditor.js:177 Custom Color // /components/widgets/ColorPicker.js:52 Default Colors // /components/widgets/ColorPicker.js:75 -Display // /DefaultEditor.js:91 +Delete // /DefaultEditor.js:454 +Display // /DefaultEditor.js:92 Edit in HTML // /components/widgets/text_editors/MultiFormatTextEditor.js:35 Edit in Rich Text // /components/widgets/text_editors/MultiFormatTextEditor.js:246 Enter Link URL // /components/widgets/text_editors/RichText/LinkEditor.js:92 Expand All // /components/containers/PanelHeader.js:60 -Filled Area // /DefaultEditor.js:101 -Fixed Height // /DefaultEditor.js:180 -Fixed Width // /DefaultEditor.js:179 -Font Color // /DefaultEditor.js:197 -Font Size // /DefaultEditor.js:193 -Global Font // /DefaultEditor.js:199 +Filled Area // /DefaultEditor.js:102 +Fixed Height // /DefaultEditor.js:181 +Fixed Width // /DefaultEditor.js:180 +Font Color // /DefaultEditor.js:198 +Font Size // /DefaultEditor.js:194 +Global Font // /DefaultEditor.js:200 Go back // /components/widgets/text_editors/MultiFormatTextEditor.js:194 Go to the 'Create' tab to define traces. // /components/containers/PanelEmpty.js:12 Heads up! // /components/widgets/text_editors/MultiFormatTextEditor.js:180 Heatmap // /components/fields/TraceSelector.js:21 Heatmap GL // /components/fields/TraceSelector.js:36 -Hide // /DefaultEditor.js:232 +Hide // /DefaultEditor.js:233 Histogram // /components/fields/TraceSelector.js:22 -Horizontal // /DefaultEditor.js:123 -Horizontal Positioning // /DefaultEditor.js:249 +Horizontal // /DefaultEditor.js:124 +Horizontal Positioning // /DefaultEditor.js:250 LaTeX // /components/widgets/text_editors/MultiFormatTextEditor.js:30 LaTeX is a math typesetting language that doesn't work with rich text. // /components/widgets/text_editors/MultiFormatTextEditor.js:115 -Layout // /DefaultEditor.js:170 -Left // /DefaultEditor.js:212 -Legend // /DefaultEditor.js:351 -Legend Box // /DefaultEditor.js:367 +Layout // /DefaultEditor.js:171 +Left // /DefaultEditor.js:213 +Legend // /DefaultEditor.js:352 +Legend Box // /DefaultEditor.js:368 Line // /components/fields/TraceSelector.js:53 -Line Color // /DefaultEditor.js:155 -Line Width // /DefaultEditor.js:235 -Linear // /DefaultEditor.js:322 -Lines // /DefaultEditor.js:153 +Line Color // /DefaultEditor.js:156 +Line Width // /DefaultEditor.js:236 +Linear // /DefaultEditor.js:323 +Lines // /DefaultEditor.js:154 Looks like there aren't any traces defined yet. // /components/containers/PanelEmpty.js:11 -Margin Color // /DefaultEditor.js:182 -Margins and Padding // /DefaultEditor.js:209 -Max // /DefaultEditor.js:318 +Margin Color // /DefaultEditor.js:183 +Margins and Padding // /DefaultEditor.js:210 +Max // /DefaultEditor.js:319 Mesh3d // /components/fields/TraceSelector.js:31 -Middle // /DefaultEditor.js:286 -Min // /DefaultEditor.js:317 +Middle // /DefaultEditor.js:287 +Min // /DefaultEditor.js:318 Multiple Values // /lib/constants.js:18 No Results // /components/widgets/Dropdown.js:76 -Normal // /DefaultEditor.js:437 -Note Text // /DefaultEditor.js:220 -Notes // /DefaultEditor.js:218 +Normal // /DefaultEditor.js:438 +Note Text // /DefaultEditor.js:221 +Notes // /DefaultEditor.js:219 OHLC // /components/fields/TraceSelector.js:44 -Opacity // /DefaultEditor.js:76 -Orientation // /DefaultEditor.js:424 -Padding // /DefaultEditor.js:214 +Opacity // /DefaultEditor.js:77 +Orientation // /DefaultEditor.js:425 +Padding // /DefaultEditor.js:215 Parallel Coordinates // /components/fields/TraceSelector.js:37 Pie // /components/fields/TraceSelector.js:25 -Plot Background // /DefaultEditor.js:181 +Plot Background // /DefaultEditor.js:182 Point Cloud // /components/fields/TraceSelector.js:35 Points // /components/containers/TraceMarkerSection.js:22 Polar Scatter // /components/fields/TraceSelector.js:46 -Position // /DefaultEditor.js:270 -Positioning // /DefaultEditor.js:382 -Range // /DefaultEditor.js:307 -Relative To // /DefaultEditor.js:269 -Reversed // /DefaultEditor.js:438 +Position // /DefaultEditor.js:271 +Positioning // /DefaultEditor.js:383 +Range // /DefaultEditor.js:308 +Relative To // /DefaultEditor.js:270 +Reversed // /DefaultEditor.js:439 Rich Text // /components/widgets/text_editors/MultiFormatTextEditor.js:25 Rich text is incompatible with LaTeX. // /components/widgets/text_editors/MultiFormatTextEditor.js:121 -Right // /DefaultEditor.js:213 +Right // /DefaultEditor.js:214 Sankey // /components/fields/TraceSelector.js:39 Satellite Map // /components/fields/TraceSelector.js:38 -Scale // /DefaultEditor.js:239 +Save // /DefaultEditor.js:448 +Scale // /DefaultEditor.js:240 Scatter // /components/fields/TraceSelector.js:18 Scatter GL // /components/fields/TraceSelector.js:34 Select an Option // /components/widgets/Dropdown.js:67 -Selection // /DefaultEditor.js:309 -Shape // /DefaultEditor.js:157 -Show // /DefaultEditor.js:231 -Size // /DefaultEditor.js:128 -Size and Spacing // /DefaultEditor.js:134 +Selection // /DefaultEditor.js:310 +Shape // /DefaultEditor.js:158 +Show // /DefaultEditor.js:232 +Size // /DefaultEditor.js:129 +Size and Spacing // /DefaultEditor.js:135 Surface // /components/fields/TraceSelector.js:30 -Symbol // /DefaultEditor.js:129 +Symbol // /DefaultEditor.js:130 Table // /components/fields/TraceSelector.js:40 Ternary Scatter // /components/fields/TraceSelector.js:27 -Text // /DefaultEditor.js:362 -Text Attributes // /DefaultEditor.js:79 -The anchor point determines which side of the annotation's positioning coordinates refer to. // /DefaultEditor.js:254 -The positioning inputs are relative to the anchor points on the text box. // /DefaultEditor.js:387 +Text // /DefaultEditor.js:363 +Text Attributes // /DefaultEditor.js:80 +The anchor point determines which side of the annotation's positioning coordinates refer to. // /DefaultEditor.js:255 +The positioning inputs are relative to the anchor points on the text box. // /DefaultEditor.js:388 This input has multiple values associated with it. Changing this setting will override these custom inputs. // /lib/constants.js:20 -Tick Labels // /DefaultEditor.js:332 -Tick Markers // /DefaultEditor.js:340 -Title // /DefaultEditor.js:185 -Title and Fonts // /DefaultEditor.js:184 -Titles // /DefaultEditor.js:299 -Top // /DefaultEditor.js:210 +Tick Labels // /DefaultEditor.js:333 +Tick Markers // /DefaultEditor.js:341 +Title // /DefaultEditor.js:186 +Title and Fonts // /DefaultEditor.js:185 +Titles // /DefaultEditor.js:300 +Top // /DefaultEditor.js:211 Trace // /components/containers/PanelHeader.js:14 -Trace Order // /DefaultEditor.js:433 +Trace Order // /DefaultEditor.js:434 Trace opacity is not supported for a scatter trace with fill or for a scatter trace that gets filled by another scatter trace. // /components/containers/Section.js:65 -Type // /DefaultEditor.js:156 -Typeface // /DefaultEditor.js:188 +Type // /DefaultEditor.js:157 +Typeface // /DefaultEditor.js:189 URL // /components/widgets/text_editors/RichText/LinkEditor.js:93 -Vertical // /DefaultEditor.js:122 -Vertical Positioning // /DefaultEditor.js:272 +Vertical // /DefaultEditor.js:123 +Vertical Positioning // /DefaultEditor.js:273 Violin // /components/fields/TraceSelector.js:28 -Width // /DefaultEditor.js:154 -X Position // /DefaultEditor.js:412 -X Vector // /DefaultEditor.js:246 -Y Position // /DefaultEditor.js:418 -Y Vector // /DefaultEditor.js:247 -Zoom Interactivity // /DefaultEditor.js:343 -log // /DefaultEditor.js:323 \ No newline at end of file +Width // /DefaultEditor.js:155 +X Position // /DefaultEditor.js:413 +X Vector // /DefaultEditor.js:247 +Y Position // /DefaultEditor.js:419 +Y Vector // /DefaultEditor.js:248 +Zoom Interactivity // /DefaultEditor.js:344 +log // /DefaultEditor.js:324 \ No newline at end of file diff --git a/src/DefaultEditor.js b/src/DefaultEditor.js index 74d00f798..9dc9a7ce2 100644 --- a/src/DefaultEditor.js +++ b/src/DefaultEditor.js @@ -32,6 +32,7 @@ import { TraceRequiredPanel, TraceSelector, AxesFold, + Button, } from './components'; import {localize} from './lib'; @@ -441,6 +442,18 @@ class DefaultEditor extends Component { +