diff --git a/package.json b/package.json index 5f01efa05..18f4e0266 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.0", + "version": "0.35.1", "author": "Plotly, Inc.", "bugs": { "url": "https://github.com/plotly/react-chart-editor/issues" @@ -15,7 +15,7 @@ "fast-isnumeric": "^1.1.1", "immutability-helper": "^2.7.1", "plotly-icons": "1.2.3", - "plotly.js": "1.44.1", + "plotly.js": "1.44.2", "prop-types": "^15.5.10", "raf": "^3.4.0", "react-color": "^2.13.8", diff --git a/scripts/translationKeys/combined-translation-keys.txt b/scripts/translationKeys/combined-translation-keys.txt index c1eb7869b..2acf4da25 100644 --- a/scripts/translationKeys/combined-translation-keys.txt +++ b/scripts/translationKeys/combined-translation-keys.txt @@ -1,10 +1,10 @@ # // react-chart-editor: /default_panels/StyleAxesPanel.js:228 $ // react-chart-editor: /default_panels/StyleAxesPanel.js:227 % // react-chart-editor: /components/fields/derived.js:530 -1 234,56 // react-chart-editor: /default_panels/StyleLayoutPanel.js:63 -1 234.56 // react-chart-editor: /default_panels/StyleLayoutPanel.js:62 -1,234.56 // react-chart-editor: /default_panels/StyleLayoutPanel.js:61 -1.234,56 // react-chart-editor: /default_panels/StyleLayoutPanel.js:64 +1 234,56 // react-chart-editor: /default_panels/StyleLayoutPanel.js:65 +1 234.56 // react-chart-editor: /default_panels/StyleLayoutPanel.js:64 +1,234.56 // react-chart-editor: /default_panels/StyleLayoutPanel.js:63 +1.234,56 // react-chart-editor: /default_panels/StyleLayoutPanel.js:66 135 // react-chart-editor: /default_panels/StyleAxesPanel.js:180 180 // react-chart-editor: /default_panels/StyleAxesPanel.js:181 1:110,000,000 // react-chart-editor: /default_panels/GraphSubplotsPanel.js:211 @@ -22,7 +22,7 @@ $ A // react-chart-editor: /components/fields/derived.js:593 Above // react-chart-editor: /default_panels/StyleImagesPanel.js:35 Active Color // react-chart-editor: /default_panels/StyleAxesPanel.js:384 -Active Icon Color // react-chart-editor: /default_panels/StyleLayoutPanel.js:86 +Active Icon Color // react-chart-editor: /default_panels/StyleLayoutPanel.js:88 Add shapes to a figure to highlight points or periods in time, thresholds, or areas of interest. // react-chart-editor: /components/containers/ShapeAccordion.js:58 Advanced (d3-format) // react-chart-editor: /components/fields/derived.js:155 Advanced (d3-time-format) // react-chart-editor: /components/fields/derived.js:149 @@ -44,7 +44,7 @@ Annotation AnnotationArrowRef must be given either "axref" or "ayref" as attrs. Instead was given // react-chart-editor: /components/fields/derived.js:353 AnnotationRef must be given either "xref" or "yref" as attrs. Instead was given // react-chart-editor: /components/fields/derived.js:400 Annotations are text and arrows you can use to point out specific parts of your figure. // react-chart-editor: /components/containers/AnnotationAccordion.js:53 -Any // react-chart-editor: /default_panels/StyleLayoutPanel.js:125 +Any // react-chart-editor: /default_panels/StyleLayoutPanel.js:127 April // react-chart-editor: /components/widgets/DateTimePicker.js:73 Area // react-chart-editor: /default_panels/StyleTracesPanel.js:324 Arrow // react-chart-editor: /default_panels/StyleNotesPanel.js:28 @@ -131,8 +131,8 @@ Center of Mass Change // react-chart-editor: /default_panels/GraphTransformsPanel.js:49 Charts like this by Plotly users. // react-chart-editor: /components/widgets/TraceTypeSelector.js:107 Choropleth // react-chart-editor: /lib/computeTraceOptionsFromSchema.js:77 -Click // react-chart-editor: /default_panels/StyleLayoutPanel.js:133 -Click Event // react-chart-editor: /default_panels/StyleLayoutPanel.js:138 +Click // react-chart-editor: /default_panels/StyleLayoutPanel.js:135 +Click Event // react-chart-editor: /default_panels/StyleLayoutPanel.js:140 Click on the + button above to add a shape. // react-chart-editor: /components/containers/ShapeAccordion.js:61 Click on the + button above to add a trace. // react-chart-editor: /components/containers/TraceAccordion.js:127 Click on the + button above to add a transform. // react-chart-editor: /components/containers/TransformAccordion.js:128 @@ -160,7 +160,7 @@ Colors Colorscale // react-chart-editor: /default_panels/StyleTracesPanel.js:425 Colorscale Direction // react-chart-editor: /components/fields/MarkerColor.js:183 Colorscale Range // react-chart-editor: /components/fields/MarkerColor.js:193 -Colorscales // react-chart-editor: /default_panels/StyleLayoutPanel.js:26 +Colorscales // react-chart-editor: /default_panels/StyleLayoutPanel.js:28 Column Options // react-chart-editor: /default_panels/GraphCreatePanel.js:141 Columns // react-chart-editor: /default_panels/GraphCreatePanel.js:109 Common Case: An 'All' tab might display this message because the X and Y tabs contain different settings. // react-chart-editor: /lib/constants.js:24 @@ -210,11 +210,11 @@ December Decreasing // react-chart-editor: /default_panels/StyleTracesPanel.js:134 Decreasing Trace Styles // react-chart-editor: /default_panels/StyleTracesPanel.js:548 Default // react-chart-editor: /components/fields/derived.js:148 -Defaults // react-chart-editor: /default_panels/StyleLayoutPanel.js:23 +Defaults // react-chart-editor: /default_panels/StyleLayoutPanel.js:25 Degrees // react-chart-editor: /default_panels/GraphCreatePanel.js:118 Density // react-chart-editor: /default_panels/StyleTracesPanel.js:117 Descending // react-chart-editor: /default_panels/GraphTransformsPanel.js:86 -Diagonal // react-chart-editor: /default_panels/StyleLayoutPanel.js:128 +Diagonal // react-chart-editor: /default_panels/StyleLayoutPanel.js:130 Diameter // react-chart-editor: /default_panels/StyleTracesPanel.js:324 Diffuse // react-chart-editor: /default_panels/StyleTracesPanel.js:524 Direction // react-chart-editor: /default_panels/StyleAxesPanel.js:71 @@ -223,12 +223,12 @@ Disabled Display // react-chart-editor: /default_panels/StyleTracesPanel.js:183 Distributions // react-chart-editor: /lib/traceTypes.js:17 Divergence // react-chart-editor: /components/fields/derived.js:616 -Diverging // react-chart-editor: /default_panels/StyleLayoutPanel.js:40 +Diverging // react-chart-editor: /default_panels/StyleLayoutPanel.js:42 Double-click on legend to isolate one trace // plotly.js: components/legend/handle_click.js:89 Double-click to zoom back out // plotly.js: plots/cartesian/dragbox.js:1013 Download plot // plotly.js: components/modebar/buttons.js:55 Download plot as a png // plotly.js: components/modebar/buttons.js:54 -Drag // react-chart-editor: /default_panels/StyleLayoutPanel.js:107 +Drag // react-chart-editor: /default_panels/StyleLayoutPanel.js:109 Drop the // react-chart-editor: /components/widgets/Dropzone.js:46 Dropdown // react-chart-editor: /components/containers/UpdateMenuAccordion.js:21 E+6 // react-chart-editor: /default_panels/StyleAxesPanel.js:203 @@ -276,8 +276,8 @@ Filter Finance // react-chart-editor: /lib/traceTypes.js:13 First // react-chart-editor: /default_panels/GraphTransformsPanel.js:47 First label // react-chart-editor: /default_panels/StyleAxesPanel.js:241 -Fixed Width // react-chart-editor: /default_panels/StyleLayoutPanel.js:97 -Fixed height // react-chart-editor: /default_panels/StyleLayoutPanel.js:98 +Fixed Width // react-chart-editor: /default_panels/StyleLayoutPanel.js:99 +Fixed height // react-chart-editor: /default_panels/StyleLayoutPanel.js:100 Flatshading // react-chart-editor: /default_panels/StyleTracesPanel.js:194 Font // react-chart-editor: /default_panels/StyleSlidersPanel.js:27 Font Color // react-chart-editor: /default_panels/GraphCreatePanel.js:131 @@ -322,16 +322,16 @@ Horizontal Horizontal Boundaries // react-chart-editor: /default_panels/StyleShapesPanel.js:30 Horizontal Gap // react-chart-editor: /default_panels/StyleTracesPanel.js:504 Horizontal Gaps // react-chart-editor: /default_panels/StyleTracesPanel.js:508 -Horizontal Position // react-chart-editor: /default_panels/StyleLayoutPanel.js:76 +Horizontal Position // react-chart-editor: /default_panels/StyleLayoutPanel.js:78 Horizontal Positioning // react-chart-editor: /default_panels/StyleAxesPanel.js:388 Hour // react-chart-editor: /default_panels/StyleAxesPanel.js:361 -Hover // react-chart-editor: /default_panels/StyleLayoutPanel.js:143 +Hover // react-chart-editor: /default_panels/StyleLayoutPanel.js:145 Hover Action // react-chart-editor: /default_panels/StyleTracesPanel.js:636 Hover on // react-chart-editor: /default_panels/StyleTracesPanel.js:637 Hover/Tooltip Text // react-chart-editor: /default_panels/StyleTracesPanel.js:616 I (Optional) // react-chart-editor: /default_panels/GraphCreatePanel.js:92 IE only supports svg. Changing format to svg. // plotly.js: components/modebar/buttons.js:65 -Icon Color // react-chart-editor: /default_panels/StyleLayoutPanel.js:85 +Icon Color // react-chart-editor: /default_panels/StyleLayoutPanel.js:87 Image // react-chart-editor: /components/containers/ImageAccordion.js:21 Images // react-chart-editor: /DefaultEditor.js:86 Include // react-chart-editor: /components/fields/FilterOperation.js:29 @@ -344,7 +344,7 @@ Inequality Infer Zero // react-chart-editor: /default_panels/StyleTracesPanel.js:382 Inside // react-chart-editor: /components/fields/derived.js:513 Intensity // react-chart-editor: /default_panels/GraphCreatePanel.js:147 -Interactions // react-chart-editor: /default_panels/StyleLayoutPanel.js:106 +Interactions // react-chart-editor: /default_panels/StyleLayoutPanel.js:108 Interpolate // react-chart-editor: /default_panels/StyleTracesPanel.js:383 Interpolate Gaps // react-chart-editor: /default_panels/StyleTracesPanel.js:517 Isosurface // react-chart-editor: /lib/computeTraceOptionsFromSchema.js:137 @@ -365,7 +365,7 @@ Label Suffix Labels // react-chart-editor: /default_panels/GraphCreatePanel.js:34 Lakes // react-chart-editor: /default_panels/GraphSubplotsPanel.js:182 Land // react-chart-editor: /default_panels/GraphSubplotsPanel.js:175 -Lasso // react-chart-editor: /default_panels/StyleLayoutPanel.js:115 +Lasso // react-chart-editor: /default_panels/StyleLayoutPanel.js:117 Lasso Select // plotly.js: components/modebar/buttons.js:123 Last // react-chart-editor: /default_panels/GraphTransformsPanel.js:48 Last label // react-chart-editor: /default_panels/StyleAxesPanel.js:242 @@ -411,7 +411,7 @@ Mapbox Mapbox Style // react-chart-editor: /default_panels/GraphSubplotsPanel.js:74 Maps // react-chart-editor: /lib/traceTypes.js:21 March // react-chart-editor: /components/widgets/DateTimePicker.js:72 -Margin Color // react-chart-editor: /default_panels/StyleLayoutPanel.js:25 +Margin Color // react-chart-editor: /default_panels/StyleLayoutPanel.js:27 Max // react-chart-editor: /components/fields/MarkerColor.js:200 Max Contour // react-chart-editor: /default_panels/StyleTracesPanel.js:374 Max Contours // react-chart-editor: /default_panels/StyleTracesPanel.js:370 @@ -432,6 +432,7 @@ Meanline Width Median // react-chart-editor: /default_panels/GraphTransformsPanel.js:41 Menus // react-chart-editor: /DefaultEditor.js:88 Mercator // react-chart-editor: /default_panels/GraphSubplotsPanel.js:116 +Meta Text // react-chart-editor: /default_panels/StyleLayoutPanel.js:170 Middle // react-chart-editor: /default_panels/StyleAxesPanel.js:410 Middle Center // react-chart-editor: /components/fields/derived.js:505 Middle Left // react-chart-editor: /components/fields/derived.js:504 @@ -446,7 +447,7 @@ Minute Minutes // react-chart-editor: /components/fields/AxisInterval.js:165 Mirror Axis // react-chart-editor: /default_panels/StyleAxesPanel.js:94 Mode // react-chart-editor: /default_panels/GraphTransformsPanel.js:42 -Modebar // react-chart-editor: /default_panels/StyleLayoutPanel.js:79 +Modebar // react-chart-editor: /default_panels/StyleLayoutPanel.js:81 Mollweide // react-chart-editor: /default_panels/GraphSubplotsPanel.js:135 Month // react-chart-editor: /default_panels/StyleAxesPanel.js:359 Months // react-chart-editor: /components/fields/AxisInterval.js:163 @@ -457,7 +458,7 @@ Multiple Values Name // react-chart-editor: /default_panels/StyleTracesPanel.js:49 Natural Earth // react-chart-editor: /default_panels/GraphSubplotsPanel.js:118 Negative // react-chart-editor: /default_panels/StyleTracesPanel.js:584 -Negative Sequential // react-chart-editor: /default_panels/StyleLayoutPanel.js:47 +Negative Sequential // react-chart-editor: /default_panels/StyleLayoutPanel.js:49 No // react-chart-editor: /components/fields/ErrorBars.js:95 No Results // react-chart-editor: /components/widgets/Dropdown.js:76 None // react-chart-editor: /components/fields/derived.js:62 @@ -470,8 +471,9 @@ Note Text Note: X and Y Values are used for binning. If Z values are provided, they are used as inputs to the histogram function which you can configure in the // react-chart-editor: /default_panels/GraphCreatePanel.js:85 Note: in horizontal orientation, Y values are used for binning. If X values are provided, they are used as inputs to the histogram function which you can configure in the // react-chart-editor: /default_panels/GraphCreatePanel.js:76 Note: in vertical orientation, X values are used for binning. If Y values are provided, they are used as inputs to the histogram function which you can configure in the // react-chart-editor: /default_panels/GraphCreatePanel.js:67 +Note: item count starts at 0. // react-chart-editor: /default_panels/StyleLayoutPanel.js:189 November // react-chart-editor: /components/widgets/DateTimePicker.js:80 -Number format // react-chart-editor: /default_panels/StyleLayoutPanel.js:58 +Number format // react-chart-editor: /default_panels/StyleLayoutPanel.js:60 Number of Contours // react-chart-editor: /default_panels/StyleTracesPanel.js:366 Number of Occurences // react-chart-editor: /default_panels/StyleTracesPanel.js:114 OHLC // react-chart-editor: /lib/computeTraceOptionsFromSchema.js:117 @@ -484,7 +486,7 @@ Opacity Open // react-chart-editor: /default_panels/GraphCreatePanel.js:95 Operator // react-chart-editor: /default_panels/GraphTransformsPanel.js:79 Options // react-chart-editor: /default_panels/GraphCreatePanel.js:146 -Orbit // react-chart-editor: /default_panels/StyleLayoutPanel.js:116 +Orbit // react-chart-editor: /default_panels/StyleLayoutPanel.js:118 Orbital rotation // plotly.js: components/modebar/buttons.js:286 Order // react-chart-editor: /default_panels/GraphCreatePanel.js:143 Orientation // react-chart-editor: /default_panels/GraphCreatePanel.js:61 @@ -495,7 +497,7 @@ Outside Overlaid // react-chart-editor: /default_panels/StyleTracesPanel.js:211 Overlay // react-chart-editor: /default_panels/GraphSubplotsPanel.js:67 Padding // react-chart-editor: /default_panels/StyleColorbarsPanel.js:113 -Pan // plotly.js: components/modebar/buttons.js:105 && react-chart-editor: /default_panels/StyleLayoutPanel.js:114 +Pan // plotly.js: components/modebar/buttons.js:105 && react-chart-editor: /default_panels/StyleLayoutPanel.js:116 Parallel Categories // react-chart-editor: /lib/traceTypes.js:215 Parallel Coordinates // react-chart-editor: /lib/computeTraceOptionsFromSchema.js:93 Percent // react-chart-editor: /components/fields/derived.js:603 @@ -575,15 +577,15 @@ Scene Second // react-chart-editor: /default_panels/StyleAxesPanel.js:363 Seconds // react-chart-editor: /components/fields/AxisInterval.js:166 See a basic example. // react-chart-editor: /components/widgets/TraceTypeSelector.js:129 -Select // react-chart-editor: /default_panels/StyleLayoutPanel.js:113 -Select Data Point // react-chart-editor: /default_panels/StyleLayoutPanel.js:139 -Select Direction // react-chart-editor: /default_panels/StyleLayoutPanel.js:122 +Select // react-chart-editor: /default_panels/StyleLayoutPanel.js:115 +Select Data Point // react-chart-editor: /default_panels/StyleLayoutPanel.js:141 +Select Direction // react-chart-editor: /default_panels/StyleLayoutPanel.js:124 Select Trace Type // react-chart-editor: /components/widgets/TraceTypeSelector.js:220 Select a Colorscale Type // react-chart-editor: /components/widgets/ColorscalePicker.js:58 Select an Option // react-chart-editor: /components/widgets/Dropdown.js:67 Separate Thousands // react-chart-editor: /default_panels/StyleAxesPanel.js:192 September // react-chart-editor: /components/widgets/DateTimePicker.js:78 -Sequential // react-chart-editor: /default_panels/StyleLayoutPanel.js:34 +Sequential // react-chart-editor: /default_panels/StyleLayoutPanel.js:36 Shape // react-chart-editor: /components/containers/ShapeAccordion.js:22 Shapes // react-chart-editor: /DefaultEditor.js:85 Show // react-chart-editor: /components/fields/MarkerColor.js:190 @@ -602,7 +604,7 @@ Sinusoidal Size // react-chart-editor: /default_panels/StyleColorbarsPanel.js:58 Size Mode // react-chart-editor: /default_panels/StyleTracesPanel.js:64 Size Scale // react-chart-editor: /default_panels/StyleTracesPanel.js:316 -Size and Margins // react-chart-editor: /default_panels/StyleLayoutPanel.js:89 +Size and Margins // react-chart-editor: /default_panels/StyleLayoutPanel.js:91 Size and Positioning // react-chart-editor: /default_panels/StyleColorbarsPanel.js:57 Slider // react-chart-editor: /components/containers/SliderAccordion.js:20 Sliders // react-chart-editor: /DefaultEditor.js:87 @@ -701,7 +703,7 @@ Transverse Mercator True // react-chart-editor: /default_panels/StyleAxesPanel.js:159 Try again with a // react-chart-editor: /components/widgets/Dropzone.js:129 Try again with a supported file format: // react-chart-editor: /components/widgets/Dropzone.js:73 -Turntable // react-chart-editor: /default_panels/StyleLayoutPanel.js:117 +Turntable // react-chart-editor: /default_panels/StyleLayoutPanel.js:119 Turntable rotation // plotly.js: components/modebar/buttons.js:295 Type // react-chart-editor: /default_panels/GraphCreatePanel.js:29 Typeface // react-chart-editor: /default_panels/StyleAxesPanel.js:36 @@ -771,6 +773,7 @@ Yikes! An error occurred while parsing this file. Yikes! This doesn't look like a valid // react-chart-editor: /components/widgets/Dropzone.js:127 Yikes! You can only upload one file at a time. // react-chart-editor: /components/widgets/Dropzone.js:101 You can add as many as you like, mixing and matching types and arranging them into subplots. // react-chart-editor: /components/containers/TraceAccordion.js:124 +You can refer to the items in this column in any text fields of the editor like so: // react-chart-editor: /default_panels/StyleLayoutPanel.js:175 You can style and position your axes in the // react-chart-editor: /components/fields/AxesCreator.js:153 You can style and position your subplots in the // react-chart-editor: /components/fields/SubplotCreator.js:134 You need to provide a component for the modal to open! // react-chart-editor: /components/containers/ModalProvider.js:33 @@ -778,7 +781,7 @@ Z Z Values // react-chart-editor: /default_panels/GraphCreatePanel.js:55 Z start // react-chart-editor: /default_panels/GraphCreatePanel.js:107 Zero Line // react-chart-editor: /default_panels/StyleAxesPanel.js:129 -Zoom // plotly.js: components/modebar/buttons.js:96 && react-chart-editor: /default_panels/StyleLayoutPanel.js:112 +Zoom // plotly.js: components/modebar/buttons.js:96 && react-chart-editor: /default_panels/StyleLayoutPanel.js:114 Zoom Interactivity // react-chart-editor: /default_panels/StyleAxesPanel.js:64 Zoom Level // react-chart-editor: /default_panels/GraphSubplotsPanel.js:90 Zoom in // plotly.js: components/modebar/buttons.js:132 diff --git a/scripts/translationKeys/translation-keys.txt b/scripts/translationKeys/translation-keys.txt index 1d6578880..80a92181e 100644 --- a/scripts/translationKeys/translation-keys.txt +++ b/scripts/translationKeys/translation-keys.txt @@ -13,10 +13,10 @@ # // /default_panels/StyleAxesPanel.js:228 $ // /default_panels/StyleAxesPanel.js:227 % // /components/fields/derived.js:530 -1 234,56 // /default_panels/StyleLayoutPanel.js:63 -1 234.56 // /default_panels/StyleLayoutPanel.js:62 -1,234.56 // /default_panels/StyleLayoutPanel.js:61 -1.234,56 // /default_panels/StyleLayoutPanel.js:64 +1 234,56 // /default_panels/StyleLayoutPanel.js:65 +1 234.56 // /default_panels/StyleLayoutPanel.js:64 +1,234.56 // /default_panels/StyleLayoutPanel.js:63 +1.234,56 // /default_panels/StyleLayoutPanel.js:66 135 // /default_panels/StyleAxesPanel.js:180 180 // /default_panels/StyleAxesPanel.js:181 1:110,000,000 // /default_panels/GraphSubplotsPanel.js:211 @@ -34,7 +34,7 @@ $ A // /components/fields/derived.js:593 Above // /default_panels/StyleImagesPanel.js:35 Active Color // /default_panels/StyleAxesPanel.js:384 -Active Icon Color // /default_panels/StyleLayoutPanel.js:86 +Active Icon Color // /default_panels/StyleLayoutPanel.js:88 Add shapes to a figure to highlight points or periods in time, thresholds, or areas of interest. // /components/containers/ShapeAccordion.js:58 Advanced (d3-format) // /components/fields/derived.js:155 Advanced (d3-time-format) // /components/fields/derived.js:149 @@ -56,7 +56,7 @@ Annotation AnnotationArrowRef must be given either "axref" or "ayref" as attrs. Instead was given // /components/fields/derived.js:353 AnnotationRef must be given either "xref" or "yref" as attrs. Instead was given // /components/fields/derived.js:400 Annotations are text and arrows you can use to point out specific parts of your figure. // /components/containers/AnnotationAccordion.js:53 -Any // /default_panels/StyleLayoutPanel.js:125 +Any // /default_panels/StyleLayoutPanel.js:127 April // /components/widgets/DateTimePicker.js:73 Area // /default_panels/StyleTracesPanel.js:324 Arrow // /default_panels/StyleNotesPanel.js:28 @@ -141,8 +141,8 @@ Center of Mass Change // /default_panels/GraphTransformsPanel.js:49 Charts like this by Plotly users. // /components/widgets/TraceTypeSelector.js:107 Choropleth // /lib/computeTraceOptionsFromSchema.js:77 -Click // /default_panels/StyleLayoutPanel.js:133 -Click Event // /default_panels/StyleLayoutPanel.js:138 +Click // /default_panels/StyleLayoutPanel.js:135 +Click Event // /default_panels/StyleLayoutPanel.js:140 Click on the + button above to add a shape. // /components/containers/ShapeAccordion.js:61 Click on the + button above to add a trace. // /components/containers/TraceAccordion.js:127 Click on the + button above to add a transform. // /components/containers/TransformAccordion.js:128 @@ -162,7 +162,7 @@ Colors Colorscale // /default_panels/StyleTracesPanel.js:425 Colorscale Direction // /components/fields/MarkerColor.js:183 Colorscale Range // /components/fields/MarkerColor.js:193 -Colorscales // /default_panels/StyleLayoutPanel.js:26 +Colorscales // /default_panels/StyleLayoutPanel.js:28 Column Options // /default_panels/GraphCreatePanel.js:141 Columns // /default_panels/GraphCreatePanel.js:109 Common Case: An 'All' tab might display this message because the X and Y tabs contain different settings. // /lib/constants.js:24 @@ -212,11 +212,11 @@ December Decreasing // /default_panels/StyleTracesPanel.js:134 Decreasing Trace Styles // /default_panels/StyleTracesPanel.js:548 Default // /components/fields/derived.js:148 -Defaults // /default_panels/StyleLayoutPanel.js:23 +Defaults // /default_panels/StyleLayoutPanel.js:25 Degrees // /default_panels/GraphCreatePanel.js:118 Density // /default_panels/StyleTracesPanel.js:117 Descending // /default_panels/GraphTransformsPanel.js:86 -Diagonal // /default_panels/StyleLayoutPanel.js:128 +Diagonal // /default_panels/StyleLayoutPanel.js:130 Diameter // /default_panels/StyleTracesPanel.js:324 Diffuse // /default_panels/StyleTracesPanel.js:524 Direction // /default_panels/StyleAxesPanel.js:71 @@ -225,8 +225,8 @@ Disabled Display // /default_panels/StyleTracesPanel.js:183 Distributions // /lib/traceTypes.js:17 Divergence // /components/fields/derived.js:616 -Diverging // /default_panels/StyleLayoutPanel.js:40 -Drag // /default_panels/StyleLayoutPanel.js:107 +Diverging // /default_panels/StyleLayoutPanel.js:42 +Drag // /default_panels/StyleLayoutPanel.js:109 Drop the // /components/widgets/Dropzone.js:46 Dropdown // /components/containers/UpdateMenuAccordion.js:21 E+6 // /default_panels/StyleAxesPanel.js:203 @@ -273,8 +273,8 @@ Filter Finance // /lib/traceTypes.js:13 First // /default_panels/GraphTransformsPanel.js:47 First label // /default_panels/StyleAxesPanel.js:241 -Fixed Width // /default_panels/StyleLayoutPanel.js:97 -Fixed height // /default_panels/StyleLayoutPanel.js:98 +Fixed Width // /default_panels/StyleLayoutPanel.js:99 +Fixed height // /default_panels/StyleLayoutPanel.js:100 Flatshading // /default_panels/StyleTracesPanel.js:194 Font // /default_panels/StyleSlidersPanel.js:27 Font Color // /default_panels/GraphCreatePanel.js:131 @@ -319,15 +319,15 @@ Horizontal Horizontal Boundaries // /default_panels/StyleShapesPanel.js:30 Horizontal Gap // /default_panels/StyleTracesPanel.js:504 Horizontal Gaps // /default_panels/StyleTracesPanel.js:508 -Horizontal Position // /default_panels/StyleLayoutPanel.js:76 +Horizontal Position // /default_panels/StyleLayoutPanel.js:78 Horizontal Positioning // /default_panels/StyleAxesPanel.js:388 Hour // /default_panels/StyleAxesPanel.js:361 -Hover // /default_panels/StyleLayoutPanel.js:143 +Hover // /default_panels/StyleLayoutPanel.js:145 Hover Action // /default_panels/StyleTracesPanel.js:636 Hover on // /default_panels/StyleTracesPanel.js:637 Hover/Tooltip Text // /default_panels/StyleTracesPanel.js:616 I (Optional) // /default_panels/GraphCreatePanel.js:92 -Icon Color // /default_panels/StyleLayoutPanel.js:85 +Icon Color // /default_panels/StyleLayoutPanel.js:87 Image // /components/containers/ImageAccordion.js:21 Images // /DefaultEditor.js:86 Include // /components/fields/FilterOperation.js:29 @@ -340,7 +340,7 @@ Inequality Infer Zero // /default_panels/StyleTracesPanel.js:382 Inside // /components/fields/derived.js:513 Intensity // /default_panels/GraphCreatePanel.js:147 -Interactions // /default_panels/StyleLayoutPanel.js:106 +Interactions // /default_panels/StyleLayoutPanel.js:108 Interpolate // /default_panels/StyleTracesPanel.js:383 Interpolate Gaps // /default_panels/StyleTracesPanel.js:517 Isosurface // /lib/computeTraceOptionsFromSchema.js:137 @@ -361,7 +361,7 @@ Label Suffix Labels // /default_panels/GraphCreatePanel.js:34 Lakes // /default_panels/GraphSubplotsPanel.js:182 Land // /default_panels/GraphSubplotsPanel.js:175 -Lasso // /default_panels/StyleLayoutPanel.js:115 +Lasso // /default_panels/StyleLayoutPanel.js:117 Last // /default_panels/GraphTransformsPanel.js:48 Last label // /default_panels/StyleAxesPanel.js:242 Lat/Lon // /components/fields/LocationSelector.js:99 @@ -406,7 +406,7 @@ Mapbox Mapbox Style // /default_panels/GraphSubplotsPanel.js:74 Maps // /lib/traceTypes.js:21 March // /components/widgets/DateTimePicker.js:72 -Margin Color // /default_panels/StyleLayoutPanel.js:25 +Margin Color // /default_panels/StyleLayoutPanel.js:27 Max // /components/fields/MarkerColor.js:200 Max Contour // /default_panels/StyleTracesPanel.js:374 Max Contours // /default_panels/StyleTracesPanel.js:370 @@ -427,6 +427,7 @@ Meanline Width Median // /default_panels/GraphTransformsPanel.js:41 Menus // /DefaultEditor.js:88 Mercator // /default_panels/GraphSubplotsPanel.js:116 +Meta Text // /default_panels/StyleLayoutPanel.js:170 Middle // /default_panels/StyleAxesPanel.js:410 Middle Center // /components/fields/derived.js:505 Middle Left // /components/fields/derived.js:504 @@ -441,7 +442,7 @@ Minute Minutes // /components/fields/AxisInterval.js:165 Mirror Axis // /default_panels/StyleAxesPanel.js:94 Mode // /default_panels/GraphTransformsPanel.js:42 -Modebar // /default_panels/StyleLayoutPanel.js:79 +Modebar // /default_panels/StyleLayoutPanel.js:81 Mollweide // /default_panels/GraphSubplotsPanel.js:135 Month // /default_panels/StyleAxesPanel.js:359 Months // /components/fields/AxisInterval.js:163 @@ -452,7 +453,7 @@ Multiple Values Name // /default_panels/StyleTracesPanel.js:49 Natural Earth // /default_panels/GraphSubplotsPanel.js:118 Negative // /default_panels/StyleTracesPanel.js:584 -Negative Sequential // /default_panels/StyleLayoutPanel.js:47 +Negative Sequential // /default_panels/StyleLayoutPanel.js:49 No // /components/fields/ErrorBars.js:95 No Results // /components/widgets/Dropdown.js:76 None // /components/fields/derived.js:62 @@ -465,8 +466,9 @@ Note Text Note: X and Y Values are used for binning. If Z values are provided, they are used as inputs to the histogram function which you can configure in the // /default_panels/GraphCreatePanel.js:85 Note: in horizontal orientation, Y values are used for binning. If X values are provided, they are used as inputs to the histogram function which you can configure in the // /default_panels/GraphCreatePanel.js:76 Note: in vertical orientation, X values are used for binning. If Y values are provided, they are used as inputs to the histogram function which you can configure in the // /default_panels/GraphCreatePanel.js:67 +Note: item count starts at 0. // /default_panels/StyleLayoutPanel.js:189 November // /components/widgets/DateTimePicker.js:80 -Number format // /default_panels/StyleLayoutPanel.js:58 +Number format // /default_panels/StyleLayoutPanel.js:60 Number of Contours // /default_panels/StyleTracesPanel.js:366 Number of Occurences // /default_panels/StyleTracesPanel.js:114 OHLC // /lib/computeTraceOptionsFromSchema.js:117 @@ -479,7 +481,7 @@ Opacity Open // /default_panels/GraphCreatePanel.js:95 Operator // /default_panels/GraphTransformsPanel.js:79 Options // /default_panels/GraphCreatePanel.js:146 -Orbit // /default_panels/StyleLayoutPanel.js:116 +Orbit // /default_panels/StyleLayoutPanel.js:118 Order // /default_panels/GraphCreatePanel.js:143 Orientation // /default_panels/GraphCreatePanel.js:61 Orthographic // /default_panels/GraphSubplotsPanel.js:117 @@ -489,7 +491,7 @@ Outside Overlaid // /default_panels/StyleTracesPanel.js:211 Overlay // /default_panels/GraphSubplotsPanel.js:67 Padding // /default_panels/StyleColorbarsPanel.js:113 -Pan // /default_panels/StyleLayoutPanel.js:114 +Pan // /default_panels/StyleLayoutPanel.js:116 Parallel Categories // /lib/traceTypes.js:215 Parallel Coordinates // /lib/computeTraceOptionsFromSchema.js:93 Percent // /components/fields/derived.js:603 @@ -562,15 +564,15 @@ Scene Second // /default_panels/StyleAxesPanel.js:363 Seconds // /components/fields/AxisInterval.js:166 See a basic example. // /components/widgets/TraceTypeSelector.js:129 -Select // /default_panels/StyleLayoutPanel.js:113 -Select Data Point // /default_panels/StyleLayoutPanel.js:139 -Select Direction // /default_panels/StyleLayoutPanel.js:122 +Select // /default_panels/StyleLayoutPanel.js:115 +Select Data Point // /default_panels/StyleLayoutPanel.js:141 +Select Direction // /default_panels/StyleLayoutPanel.js:124 Select Trace Type // /components/widgets/TraceTypeSelector.js:220 Select a Colorscale Type // /components/widgets/ColorscalePicker.js:58 Select an Option // /components/widgets/Dropdown.js:67 Separate Thousands // /default_panels/StyleAxesPanel.js:192 September // /components/widgets/DateTimePicker.js:78 -Sequential // /default_panels/StyleLayoutPanel.js:34 +Sequential // /default_panels/StyleLayoutPanel.js:36 Shape // /components/containers/ShapeAccordion.js:22 Shapes // /DefaultEditor.js:85 Show // /components/fields/MarkerColor.js:190 @@ -588,7 +590,7 @@ Sinusoidal Size // /default_panels/StyleColorbarsPanel.js:58 Size Mode // /default_panels/StyleTracesPanel.js:64 Size Scale // /default_panels/StyleTracesPanel.js:316 -Size and Margins // /default_panels/StyleLayoutPanel.js:89 +Size and Margins // /default_panels/StyleLayoutPanel.js:91 Size and Positioning // /default_panels/StyleColorbarsPanel.js:57 Slider // /components/containers/SliderAccordion.js:20 Sliders // /DefaultEditor.js:87 @@ -683,7 +685,7 @@ Transverse Mercator True // /default_panels/StyleAxesPanel.js:159 Try again with a // /components/widgets/Dropzone.js:129 Try again with a supported file format: // /components/widgets/Dropzone.js:73 -Turntable // /default_panels/StyleLayoutPanel.js:117 +Turntable // /default_panels/StyleLayoutPanel.js:119 Type // /default_panels/GraphCreatePanel.js:29 Typeface // /default_panels/StyleAxesPanel.js:36 U // /components/fields/derived.js:612 @@ -752,6 +754,7 @@ Yikes! An error occurred while parsing this file. Yikes! This doesn't look like a valid // /components/widgets/Dropzone.js:127 Yikes! You can only upload one file at a time. // /components/widgets/Dropzone.js:101 You can add as many as you like, mixing and matching types and arranging them into subplots. // /components/containers/TraceAccordion.js:124 +You can refer to the items in this column in any text fields of the editor like so: // /default_panels/StyleLayoutPanel.js:175 You can style and position your axes in the // /components/fields/AxesCreator.js:153 You can style and position your subplots in the // /components/fields/SubplotCreator.js:134 You need to provide a component for the modal to open! // /components/containers/ModalProvider.js:33 @@ -759,7 +762,7 @@ Z Z Values // /default_panels/GraphCreatePanel.js:55 Z start // /default_panels/GraphCreatePanel.js:107 Zero Line // /default_panels/StyleAxesPanel.js:129 -Zoom // /default_panels/StyleLayoutPanel.js:112 +Zoom // /default_panels/StyleLayoutPanel.js:114 Zoom Interactivity // /default_panels/StyleAxesPanel.js:64 Zoom Level // /default_panels/GraphSubplotsPanel.js:90 ^ // /default_panels/StyleAxesPanel.js:253 diff --git a/src/default_panels/StyleLayoutPanel.js b/src/default_panels/StyleLayoutPanel.js index 3d5956387..ce17edc63 100644 --- a/src/default_panels/StyleLayoutPanel.js +++ b/src/default_panels/StyleLayoutPanel.js @@ -15,6 +15,7 @@ import { HovermodeDropdown, Flaglist, Radio, + Info, } from '../components'; import {HoverColor} from '../components/fields/derived'; import DataSelector from '../components/fields/DataSelector'; @@ -166,8 +167,27 @@ const StyleLayoutPanel = (props, {localize: _}) => ( - + + +

+ {_( + 'You can refer to the items in this column in any text fields of the editor like so: ' + )} + + {'%{meta[0]}'} + + {' .'} +

+ {_('Note: item count starts at 0.')} + );