diff --git a/package.json b/package.json index d436421fe..2a8c293f0 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.5", + "version": "0.35.6", "author": "Plotly, Inc.", "bugs": { "url": "https://github.com/plotly/react-chart-editor/issues" diff --git a/scripts/translationKeys/combined-translation-keys.txt b/scripts/translationKeys/combined-translation-keys.txt index 30c25bd46..e8bf4f4f0 100644 --- a/scripts/translationKeys/combined-translation-keys.txt +++ b/scripts/translationKeys/combined-translation-keys.txt @@ -41,12 +41,12 @@ Anchor Anchor Point // react-chart-editor: /default_panels/StyleAxesPanel.js:390 Anchor to // react-chart-editor: /default_panels/GraphSubplotsPanel.js:31 Angle // react-chart-editor: /default_panels/StyleAxesPanel.js:173 -Annotation // react-chart-editor: /components/containers/AnnotationAccordion.js:27 +Annotation // react-chart-editor: /components/containers/AnnotationAccordion.js:34 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 +Annotations are text and arrows you can use to point out specific parts of your figure. // react-chart-editor: /components/containers/AnnotationAccordion.js:60 Any // react-chart-editor: /default_panels/StyleLayoutPanel.js:127 -April // react-chart-editor: /components/widgets/DateTimePicker.js:73 +April // react-chart-editor: /components/widgets/DateTimePicker.js:78 Area // react-chart-editor: /default_panels/StyleTracesPanel.js:324 Arrow // react-chart-editor: /default_panels/StyleNotesPanel.js:49 Arrowhead // react-chart-editor: /default_panels/StyleNotesPanel.js:56 @@ -55,15 +55,15 @@ Asia Aspect Ratio // react-chart-editor: /default_panels/GraphSubplotsPanel.js:39 Asymmetric // react-chart-editor: /components/fields/ErrorBars.js:78 Atlas Map // react-chart-editor: /lib/computeTraceOptionsFromSchema.js:73 -August // react-chart-editor: /components/widgets/DateTimePicker.js:77 +August // react-chart-editor: /components/widgets/DateTimePicker.js:82 Auto // react-chart-editor: /components/fields/MarkerColor.js:195 Auto margins // react-chart-editor: /default_panels/StyleAxesPanel.js:157 Autoscale // plotly.js: components/modebar/buttons.js:150 Average // react-chart-editor: /default_panels/GraphTransformsPanel.js:40 && react-chart-editor: /components/fields/derived.js:136 Axes // react-chart-editor: /DefaultEditor.js:81 -Axes to Use // react-chart-editor: /components/fields/AxesCreator.js:150 +Axes to Use // react-chart-editor: /components/fields/AxesCreator.js:159 AxesSelector must be nested within a connectAxesToPlot component // react-chart-editor: /components/fields/AxesSelector.js:13 -Axis // react-chart-editor: /components/fields/AxesCreator.js:142 +Axis // react-chart-editor: /components/fields/AxesCreator.js:151 Axis Background // react-chart-editor: /default_panels/StyleAxesPanel.js:138 Axis Line // react-chart-editor: /default_panels/StyleAxesPanel.js:82 Axis to Style // react-chart-editor: /components/fields/AxesSelector.js:44 @@ -110,13 +110,13 @@ Box Size and Spacing Box Width // react-chart-editor: /default_panels/StyleTracesPanel.js:252 Boxes // react-chart-editor: /components/fields/derived.js:644 Boxes and Points // react-chart-editor: /components/fields/derived.js:646 -Button // react-chart-editor: /components/containers/RangeSelectorAccordion.js:38 +Button // react-chart-editor: /components/containers/RangeSelectorAccordion.js:44 Button Labels // react-chart-editor: /default_panels/StyleUpdateMenusPanel.js:21 Buttons // react-chart-editor: /components/containers/UpdateMenuAccordion.js:22 By // react-chart-editor: /default_panels/GraphTransformsPanel.js:76 By Type // react-chart-editor: /components/containers/TraceAccordion.js:166 C // react-chart-editor: /components/fields/derived.js:568 -Call out your data. // react-chart-editor: /components/containers/AnnotationAccordion.js:50 +Call out your data. // react-chart-editor: /components/containers/AnnotationAccordion.js:57 Candlestick // react-chart-editor: /lib/computeTraceOptionsFromSchema.js:121 Canvas // react-chart-editor: /components/fields/derived.js:409 Carpet // react-chart-editor: /lib/computeTraceOptionsFromSchema.js:105 @@ -137,7 +137,7 @@ Click Event 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 -Click on the + button above to add an annotation. // react-chart-editor: /components/containers/AnnotationAccordion.js:56 +Click on the + button above to add an annotation. // react-chart-editor: /components/containers/AnnotationAccordion.js:63 Click on the + button above to add an image. // react-chart-editor: /components/containers/ImageAccordion.js:61 Click to enter Colorscale title // plotly.js: plots/plots.js:329 Click to enter Component A title // plotly.js: plots/ternary/ternary.js:377 @@ -207,7 +207,7 @@ Data Date // react-chart-editor: /default_panels/StyleAxesPanel.js:50 Day // react-chart-editor: /default_panels/StyleAxesPanel.js:360 Days // react-chart-editor: /components/fields/AxisInterval.js:164 -December // react-chart-editor: /components/widgets/DateTimePicker.js:81 +December // react-chart-editor: /components/widgets/DateTimePicker.js:86 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 @@ -245,9 +245,9 @@ Embed images in your figure to make the data more readable or to brand your cont Enable // react-chart-editor: /default_panels/StyleAxesPanel.js:67 Enabled // react-chart-editor: /default_panels/GraphTransformsPanel.js:73 End Point // react-chart-editor: /default_panels/StyleShapesPanel.js:33 -Enter LaTeX formatted text // react-chart-editor: /components/fields/TextEditor.js:79 +Enter LaTeX formatted text // react-chart-editor: /components/fields/TextEditor.js:80 Enter Link URL // react-chart-editor: /components/widgets/text_editors/RichText/LinkEditor.js:89 -Enter html formatted text // react-chart-editor: /components/fields/TextEditor.js:92 +Enter html formatted text // react-chart-editor: /components/fields/TextEditor.js:93 Equirectangular // react-chart-editor: /default_panels/GraphSubplotsPanel.js:115 Error (+) // react-chart-editor: /components/fields/ErrorBars.js:146 Error (-) // react-chart-editor: /components/fields/ErrorBars.js:147 @@ -257,7 +257,7 @@ Error Bars Z Error Type // react-chart-editor: /components/fields/ErrorBars.js:112 Europe // react-chart-editor: /default_panels/GraphSubplotsPanel.js:102 Every label // react-chart-editor: /default_panels/StyleAxesPanel.js:240 -Ex: 'My custom title %{meta[1]}.' // react-chart-editor: /default_panels/StyleLayoutPanel.js:178 +Ex: // react-chart-editor: /default_panels/StyleLayoutPanel.js:178 Exclude // react-chart-editor: /components/fields/FilterOperation.js:30 Exclude Range // react-chart-editor: /components/fields/FilterOperation.js:79 Exclude Values // react-chart-editor: /components/fields/FilterOperation.js:87 @@ -267,7 +267,7 @@ Extended Colors Face Normal // react-chart-editor: /default_panels/StyleTracesPanel.js:529 Facecolor // react-chart-editor: /default_panels/GraphCreatePanel.js:148 False // react-chart-editor: /default_panels/StyleAxesPanel.js:159 -February // react-chart-editor: /components/widgets/DateTimePicker.js:71 +February // react-chart-editor: /components/widgets/DateTimePicker.js:76 File loaded! // react-chart-editor: /components/widgets/Dropzone.js:31 Fill // react-chart-editor: /default_panels/StyleImagesPanel.js:27 Fill Color // react-chart-editor: /default_panels/GraphCreatePanel.js:130 @@ -352,10 +352,10 @@ Interpolate Interpolate Gaps // react-chart-editor: /default_panels/StyleTracesPanel.js:517 Isosurface // react-chart-editor: /lib/computeTraceOptionsFromSchema.js:137 J (Optional) // react-chart-editor: /default_panels/GraphCreatePanel.js:93 -January // react-chart-editor: /components/widgets/DateTimePicker.js:70 +January // react-chart-editor: /components/widgets/DateTimePicker.js:75 Jitter // react-chart-editor: /default_panels/StyleTracesPanel.js:305 -July // react-chart-editor: /components/widgets/DateTimePicker.js:76 -June // react-chart-editor: /components/widgets/DateTimePicker.js:75 +July // react-chart-editor: /components/widgets/DateTimePicker.js:81 +June // react-chart-editor: /components/widgets/DateTimePicker.js:80 K (Optional) // react-chart-editor: /default_panels/GraphCreatePanel.js:94 KDE // react-chart-editor: /components/fields/derived.js:652 Kavrayskiy 7 // react-chart-editor: /default_panels/GraphSubplotsPanel.js:123 @@ -413,7 +413,7 @@ Map Style Mapbox // react-chart-editor: /lib/constants.js:105 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 +March // react-chart-editor: /components/widgets/DateTimePicker.js:77 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 @@ -426,7 +426,7 @@ Max Tube segments Max X Bins // react-chart-editor: /default_panels/StyleTracesPanel.js:232 Max Y Bins // react-chart-editor: /default_panels/StyleTracesPanel.js:237 Maximum // react-chart-editor: /components/fields/derived.js:138 -May // react-chart-editor: /components/widgets/DateTimePicker.js:74 +May // react-chart-editor: /components/widgets/DateTimePicker.js:79 Mean // react-chart-editor: /default_panels/StyleTracesPanel.js:592 Mean & SD // react-chart-editor: /default_panels/StyleTracesPanel.js:593 Meanline // react-chart-editor: /default_panels/StyleTracesPanel.js:608 @@ -458,6 +458,7 @@ Multicategorical Multicategory Dividers // react-chart-editor: /default_panels/StyleAxesPanel.js:318 Multiple // react-chart-editor: /components/fields/MultiColorPicker.js:77 Multiple Values // react-chart-editor: /lib/constants.js:18 +My custom title %{meta[1]} // react-chart-editor: /default_panels/StyleLayoutPanel.js:180 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 @@ -474,13 +475,13 @@ 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 -November // react-chart-editor: /components/widgets/DateTimePicker.js:80 +November // react-chart-editor: /components/widgets/DateTimePicker.js:85 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 Oceans // react-chart-editor: /default_panels/GraphSubplotsPanel.js:168 -October // react-chart-editor: /components/widgets/DateTimePicker.js:79 +October // react-chart-editor: /components/widgets/DateTimePicker.js:84 Off // react-chart-editor: /components/fields/RectanglePositioner.js:87 Offset // react-chart-editor: /default_panels/StyleTracesPanel.js:242 On // react-chart-editor: /components/fields/RectanglePositioner.js:87 @@ -586,7 +587,7 @@ Select Trace Type 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 +September // react-chart-editor: /components/widgets/DateTimePicker.js:83 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 @@ -640,7 +641,7 @@ Strict Sum Stacked Structure // react-chart-editor: /DefaultEditor.js:74 Style // react-chart-editor: /default_panels/StyleAxesPanel.js:382 Sub-Country Unit Borders // react-chart-editor: /default_panels/GraphSubplotsPanel.js:152 -Subplots // react-chart-editor: /components/fields/AxesCreator.js:154 +Subplots // react-chart-editor: /components/fields/AxesCreator.js:163 Subplots to Use // react-chart-editor: /components/fields/SubplotCreator.js:126 Suffix // react-chart-editor: /default_panels/StyleAxesPanel.js:247 Sum // react-chart-editor: /default_panels/GraphSubplotsPanel.js:220 && react-chart-editor: /components/fields/derived.js:135 @@ -779,7 +780,7 @@ Yikes! This doesn't look like a valid 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 axes in the // react-chart-editor: /components/fields/AxesCreator.js:162 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 Z // react-chart-editor: /components/fields/derived.js:553 @@ -813,13 +814,13 @@ mean ± σ: mean: // plotly.js: traces/box/calc.js:145 median: // plotly.js: traces/box/calc.js:140 min: // plotly.js: traces/box/calc.js:141 -new text // plotly.js: plots/plots.js:330 && react-chart-editor: /components/containers/AnnotationAccordion.js:37 -noon // react-chart-editor: /components/widgets/DateTimePicker.js:140 +new text // plotly.js: plots/plots.js:330 && react-chart-editor: /components/containers/AnnotationAccordion.js:44 +noon // react-chart-editor: /components/widgets/DateTimePicker.js:145 open: // plotly.js: traces/ohlc/calc.js:102 outgoing flow count: // plotly.js: traces/sankey/plot.js:148 panel under Structure to define traces. // react-chart-editor: /components/containers/TraceRequiredPanel.js:26 panel under Style. If Y values are omitted, the histogram function defaults to Count. // react-chart-editor: /default_panels/GraphCreatePanel.js:71 -panel. // react-chart-editor: /components/fields/AxesCreator.js:155 +panel. // react-chart-editor: /components/fields/AxesCreator.js:164 q1: // plotly.js: traces/box/calc.js:142 q3: // plotly.js: traces/box/calc.js:143 scaled // react-chart-editor: /default_panels/StyleTracesPanel.js:65 diff --git a/scripts/translationKeys/translation-keys.txt b/scripts/translationKeys/translation-keys.txt index e90416b95..dc5f7da1a 100644 --- a/scripts/translationKeys/translation-keys.txt +++ b/scripts/translationKeys/translation-keys.txt @@ -1,7 +1,7 @@ - Axis // /components/fields/AxesCreator.js:142 + Axis // /components/fields/AxesCreator.js:151 panel under Structure to define traces. // /components/containers/TraceRequiredPanel.js:26 panel under Style. If Y values are omitted, the histogram function defaults to Count. // /default_panels/GraphCreatePanel.js:71 - panel. // /components/fields/AxesCreator.js:155 + panel. // /components/fields/AxesCreator.js:164 to upload here or click to choose a file from your computer. // /components/widgets/Dropzone.js:48 to us. // /components/widgets/Dropzone.js:127 transforms allow you to create multiple traces from one source trace, so as to style them differently. // /components/containers/TransformAccordion.js:112 @@ -53,12 +53,12 @@ Anchor Anchor Point // /default_panels/StyleAxesPanel.js:390 Anchor to // /default_panels/GraphSubplotsPanel.js:31 Angle // /default_panels/StyleAxesPanel.js:173 -Annotation // /components/containers/AnnotationAccordion.js:27 +Annotation // /components/containers/AnnotationAccordion.js:34 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 +Annotations are text and arrows you can use to point out specific parts of your figure. // /components/containers/AnnotationAccordion.js:60 Any // /default_panels/StyleLayoutPanel.js:127 -April // /components/widgets/DateTimePicker.js:73 +April // /components/widgets/DateTimePicker.js:78 Area // /default_panels/StyleTracesPanel.js:324 Arrow // /default_panels/StyleNotesPanel.js:49 Arrowhead // /default_panels/StyleNotesPanel.js:56 @@ -67,13 +67,13 @@ Asia Aspect Ratio // /default_panels/GraphSubplotsPanel.js:39 Asymmetric // /components/fields/ErrorBars.js:78 Atlas Map // /lib/computeTraceOptionsFromSchema.js:73 -August // /components/widgets/DateTimePicker.js:77 +August // /components/widgets/DateTimePicker.js:82 Auto // /components/fields/MarkerColor.js:195 Auto margins // /default_panels/StyleAxesPanel.js:157 Average // /default_panels/GraphTransformsPanel.js:40 Average // /components/fields/derived.js:136 Axes // /DefaultEditor.js:81 -Axes to Use // /components/fields/AxesCreator.js:150 +Axes to Use // /components/fields/AxesCreator.js:159 AxesSelector must be nested within a connectAxesToPlot component // /components/fields/AxesSelector.js:13 Axis Background // /default_panels/StyleAxesPanel.js:138 Axis Line // /default_panels/StyleAxesPanel.js:82 @@ -120,13 +120,13 @@ Box Size and Spacing Box Width // /default_panels/StyleTracesPanel.js:252 Boxes // /components/fields/derived.js:644 Boxes and Points // /components/fields/derived.js:646 -Button // /components/containers/RangeSelectorAccordion.js:38 +Button // /components/containers/RangeSelectorAccordion.js:44 Button Labels // /default_panels/StyleUpdateMenusPanel.js:21 Buttons // /components/containers/UpdateMenuAccordion.js:22 By // /default_panels/GraphTransformsPanel.js:76 By Type // /components/containers/TraceAccordion.js:166 C // /components/fields/derived.js:568 -Call out your data. // /components/containers/AnnotationAccordion.js:50 +Call out your data. // /components/containers/AnnotationAccordion.js:57 Candlestick // /lib/computeTraceOptionsFromSchema.js:121 Canvas // /components/fields/derived.js:409 Carpet // /lib/computeTraceOptionsFromSchema.js:105 @@ -147,7 +147,7 @@ Click Event 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 -Click on the + button above to add an annotation. // /components/containers/AnnotationAccordion.js:56 +Click on the + button above to add an annotation. // /components/containers/AnnotationAccordion.js:63 Click on the + button above to add an image. // /components/containers/ImageAccordion.js:61 Clockwise // /components/fields/derived.js:105 Close // /default_panels/GraphCreatePanel.js:98 @@ -209,7 +209,7 @@ Data Date // /default_panels/StyleAxesPanel.js:50 Day // /default_panels/StyleAxesPanel.js:360 Days // /components/fields/AxisInterval.js:164 -December // /components/widgets/DateTimePicker.js:81 +December // /components/widgets/DateTimePicker.js:86 Decreasing // /default_panels/StyleTracesPanel.js:134 Decreasing Trace Styles // /default_panels/StyleTracesPanel.js:548 Default // /components/fields/derived.js:148 @@ -242,9 +242,9 @@ Embed images in your figure to make the data more readable or to brand your cont Enable // /default_panels/StyleAxesPanel.js:67 Enabled // /default_panels/GraphTransformsPanel.js:73 End Point // /default_panels/StyleShapesPanel.js:33 -Enter LaTeX formatted text // /components/fields/TextEditor.js:79 +Enter LaTeX formatted text // /components/fields/TextEditor.js:80 Enter Link URL // /components/widgets/text_editors/RichText/LinkEditor.js:89 -Enter html formatted text // /components/fields/TextEditor.js:92 +Enter html formatted text // /components/fields/TextEditor.js:93 Equirectangular // /default_panels/GraphSubplotsPanel.js:115 Error (+) // /components/fields/ErrorBars.js:146 Error (-) // /components/fields/ErrorBars.js:147 @@ -254,7 +254,7 @@ Error Bars Z Error Type // /components/fields/ErrorBars.js:112 Europe // /default_panels/GraphSubplotsPanel.js:102 Every label // /default_panels/StyleAxesPanel.js:240 -Ex: 'My custom title %{meta[1]}.' // /default_panels/StyleLayoutPanel.js:178 +Ex: // /default_panels/StyleLayoutPanel.js:178 Exclude // /components/fields/FilterOperation.js:30 Exclude Range // /components/fields/FilterOperation.js:79 Exclude Values // /components/fields/FilterOperation.js:87 @@ -264,7 +264,7 @@ Extended Colors Face Normal // /default_panels/StyleTracesPanel.js:529 Facecolor // /default_panels/GraphCreatePanel.js:148 False // /default_panels/StyleAxesPanel.js:159 -February // /components/widgets/DateTimePicker.js:71 +February // /components/widgets/DateTimePicker.js:76 File loaded! // /components/widgets/Dropzone.js:31 Fill // /default_panels/StyleImagesPanel.js:27 Fill Color // /default_panels/GraphCreatePanel.js:130 @@ -348,10 +348,10 @@ Interpolate Interpolate Gaps // /default_panels/StyleTracesPanel.js:517 Isosurface // /lib/computeTraceOptionsFromSchema.js:137 J (Optional) // /default_panels/GraphCreatePanel.js:93 -January // /components/widgets/DateTimePicker.js:70 +January // /components/widgets/DateTimePicker.js:75 Jitter // /default_panels/StyleTracesPanel.js:305 -July // /components/widgets/DateTimePicker.js:76 -June // /components/widgets/DateTimePicker.js:75 +July // /components/widgets/DateTimePicker.js:81 +June // /components/widgets/DateTimePicker.js:80 K (Optional) // /default_panels/GraphCreatePanel.js:94 KDE // /components/fields/derived.js:652 Kavrayskiy 7 // /default_panels/GraphSubplotsPanel.js:123 @@ -408,7 +408,7 @@ Map Style Mapbox // /lib/constants.js:105 Mapbox Style // /default_panels/GraphSubplotsPanel.js:74 Maps // /lib/traceTypes.js:21 -March // /components/widgets/DateTimePicker.js:72 +March // /components/widgets/DateTimePicker.js:77 Margin Color // /default_panels/StyleLayoutPanel.js:27 Max // /components/fields/MarkerColor.js:200 Max Contour // /default_panels/StyleTracesPanel.js:374 @@ -421,7 +421,7 @@ Max Tube segments Max X Bins // /default_panels/StyleTracesPanel.js:232 Max Y Bins // /default_panels/StyleTracesPanel.js:237 Maximum // /components/fields/derived.js:138 -May // /components/widgets/DateTimePicker.js:74 +May // /components/widgets/DateTimePicker.js:79 Mean // /default_panels/StyleTracesPanel.js:592 Mean & SD // /default_panels/StyleTracesPanel.js:593 Meanline // /default_panels/StyleTracesPanel.js:608 @@ -453,6 +453,7 @@ Multicategorical Multicategory Dividers // /default_panels/StyleAxesPanel.js:318 Multiple // /components/fields/MultiColorPicker.js:77 Multiple Values // /lib/constants.js:18 +My custom title %{meta[1]} // /default_panels/StyleLayoutPanel.js:180 Name // /default_panels/StyleTracesPanel.js:49 Natural Earth // /default_panels/GraphSubplotsPanel.js:118 Negative // /default_panels/StyleTracesPanel.js:584 @@ -469,13 +470,13 @@ 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 -November // /components/widgets/DateTimePicker.js:80 +November // /components/widgets/DateTimePicker.js:85 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 Oceans // /default_panels/GraphSubplotsPanel.js:168 -October // /components/widgets/DateTimePicker.js:79 +October // /components/widgets/DateTimePicker.js:84 Off // /components/fields/RectanglePositioner.js:87 Offset // /default_panels/StyleTracesPanel.js:242 On // /components/fields/RectanglePositioner.js:87 @@ -573,7 +574,7 @@ Select Trace Type 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 +September // /components/widgets/DateTimePicker.js:83 Sequential // /default_panels/StyleLayoutPanel.js:36 Shape // /components/containers/ShapeAccordion.js:22 Shapes // /DefaultEditor.js:85 @@ -624,7 +625,7 @@ Strict Sum Stacked Structure // /DefaultEditor.js:74 Style // /default_panels/StyleAxesPanel.js:382 Sub-Country Unit Borders // /default_panels/GraphSubplotsPanel.js:152 -Subplots // /components/fields/AxesCreator.js:154 +Subplots // /components/fields/AxesCreator.js:163 Subplots to Use // /components/fields/SubplotCreator.js:126 Suffix // /default_panels/StyleAxesPanel.js:247 Sum // /default_panels/GraphSubplotsPanel.js:220 @@ -760,7 +761,7 @@ Yikes! This doesn't look like a valid 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 axes in the // /components/fields/AxesCreator.js:162 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 Z // /components/fields/derived.js:553 @@ -779,8 +780,8 @@ image/jpeg, image/jpg, image/svg, image/png, image/gif, image/bmp, image/webp in pixels // /components/fields/derived.js:364 k/M/B // /default_panels/StyleAxesPanel.js:206 k/M/G // /default_panels/StyleAxesPanel.js:205 -new text // /components/containers/AnnotationAccordion.js:37 -noon // /components/widgets/DateTimePicker.js:140 +new text // /components/containers/AnnotationAccordion.js:44 +noon // /components/widgets/DateTimePicker.js:145 scaled // /default_panels/StyleTracesPanel.js:65 x // /default_panels/StyleAxesPanel.js:226 x10^6 // /default_panels/StyleAxesPanel.js:204 diff --git a/src/components/fields/AxisRangeValue.js b/src/components/fields/AxisRangeValue.js index 42825c822..547adaf4f 100644 --- a/src/components/fields/AxisRangeValue.js +++ b/src/components/fields/AxisRangeValue.js @@ -4,15 +4,27 @@ import {UnconnectedDateTimePicker} from './DateTimePicker'; import PropTypes from 'prop-types'; import React, {Component} from 'react'; import {connectToContainer} from 'lib'; +import Info from './Info'; +import {MULTI_VALUED} from 'lib/constants'; export class UnconnectedAxisRangeValue extends Component { render() { - return this.props.multiValued || - (this.props.fullContainer && this.props.fullContainer.type === 'date') ? ( - - ) : ( - - ); + // only when all axes have the type date, can we output an UnconnectedDateTimePicker + if (this.props.fullContainer && this.props.fullContainer.type === 'date') { + return ; + } + // If its multivalued, it can be multivalued for different reasons: + // - the range is different, but same type + // - the type is different (i.e. date + number axes) + // If we're in the case of a mixed axis type (i.e. date + number) case, + // There's going to be a this.props.fullContainer.type, but it's going to be MULTIVALUED + if (this.props.multiValued && this.props.fullContainer.type === MULTI_VALUED) { + return ; + } + + // For cases that the range is numeric, but does not have the same number + // Or numeric and has the same number + return ; } } diff --git a/src/components/widgets/DateTimePicker.js b/src/components/widgets/DateTimePicker.js index 0c4c99419..eacb27b7a 100644 --- a/src/components/widgets/DateTimePicker.js +++ b/src/components/widgets/DateTimePicker.js @@ -6,6 +6,7 @@ import PropTypes from 'prop-types'; import React, {Component} from 'react'; import TextInput from './TextInput'; import Dropdown from './Dropdown'; +import {MULTI_VALUED_PLACEHOLDER} from 'lib/constants'; const testDate = '2000-01-01'; const testTime = '00:00'; @@ -16,8 +17,12 @@ export default class DateTimePicker extends Component { constructor(props, context) { super(props, context); const {time, date} = this.parsePlotlyJSDateTime(props.value); - const isValidTime = isDateTime(testDate + ' ' + time) || ['', timePlaceholder].includes(time); - const isValidDate = isDateTime(date + ' ' + testTime) || ['', datePlaceholder].includes(date); + const isValidTime = + isDateTime(testDate + ' ' + time) || + ['', timePlaceholder, MULTI_VALUED_PLACEHOLDER].includes(time); + const isValidDate = + isDateTime(date + ' ' + testTime) || + ['', datePlaceholder, MULTI_VALUED_PLACEHOLDER].includes(date); this.state = { calendarOpen: false,