← All changes | classes/Visualizer/Gutenberg/src/Components/Sidebar/SeriesSettings.js +11 -29 3.10.0 → 3.4.2 View file →

		@@ -59,26 +59,17 @@
59	59	>
60	60
61	61	{ Object.keys( settings.series )
62	62	.map( ( i, index ) => {
63		- let indexToFormat = parseInt( i );
64		- let label = series[i].label || '';
65		- let type = series[i].type || '';
66		- let timer = 0;
67		- if ( 'tabular' !== type ) {
68		- indexToFormat = index;
69		- }
70		-
71	63	i++;
72		-
73	64	return (
74	65	<PanelBody
75		- title={ label }
	66	+ title={ series[i].label }
76	67	className="visualizer-inner-sections"
77	68	initialOpen={ false }
78	69	>
79	70
80		- { ( -1 >= [ 'tabular', 'pie' ].indexOf( type ) ) && (
	71	+ { ( -1 >= [ 'table', 'pie' ].indexOf( type ) ) && (
81	72	<SelectControl
82	73	label={ __( 'Visible In Legend' ) }
83	74	help={ __( 'Determines whether the series has to be presented in the legend or not.' ) }
84	75	value={ settings.series[index].visibleInLegend ? settings.series[index].visibleInLegend : '1' }
		@@ -92,9 +83,9 @@
92	83	} }
93	84	/>
94	85	) }
95	86
96		- { ( -1 >= [ 'tabular', 'candlestick', 'combo', 'column', 'bar' ].indexOf( type ) ) && (
	87	+ { ( -1 >= [ 'table', 'candlestick', 'combo', 'column', 'bar' ].indexOf( type ) ) && (
97	88
98	89	<Fragment>
99	90
100	91	<TextControl
		@@ -104,17 +95,8 @@
104	95	onChange={ e => {
105	96	settings.series[index].lineWidth = e;
106	97	this.props.edit( settings );
107	98	} }
108		- onKeyUp={ e => {
109		- clearTimeout( timer );
110		- timer = setTimeout( () => {
111		- if ( '' != settings.series[index].lineWidth && 0 >= settings.series[index].lineWidth ) {
112		- settings.series[index].lineWidth = '0.1';
113		- this.props.edit( settings );
114		- }
115		- }, 700 );
116		- } }
117	99	/>
118	100
119	101	<TextControl
120	102	label={ __( 'Point Size' ) }
		@@ -131,9 +113,9 @@
131	113	) }
132	114
133	115	{ ( -1 >= [ 'candlestick' ].indexOf( type ) ) &&
134	116
135		- ( type && 'number' === type ) ? (
	117	+ ( 'number' === series[i].type ) ? (
136	118
137	119	<Fragment>
138	120
139	121	<TextControl
		@@ -138,11 +120,11 @@
138	120
139	121	<TextControl
140	122	label={ __( 'Format' ) }
141	123	help={ __( 'Enter custom format pattern to apply to this series value.' ) }
142		- value={ settings.series[indexToFormat].format }
	124	+ value={ settings.series[index].format }
143	125	onChange={ e => {
144		- settings.series[indexToFormat].format = e;
	126	+ settings.series[index].format = e;
145	127	this.props.edit( settings );
146	128	} }
147	129	/>
148	130
		@@ -157,9 +139,9 @@
157	139	</Fragment>
158	140
159	141	) :
160	142
161		- ( 0 <= [ 'date', 'datetime', 'timeofday' ].indexOf( type ) ) && (
	143	+ ( 'date' === series[i].type ) && (
162	144
163	145	<Fragment>
164	146
165	147	<TextControl
		@@ -165,11 +147,11 @@
165	147	<TextControl
166	148	label={ __( 'Date Format' ) }
167	149	help={ __( 'Enter custom format pattern to apply to this series value.' ) }
168	150	placeholder="dd LLLL yyyy"
169		- value={ settings.series[indexToFormat].format }
	151	+ value={ settings.series[index].format }
170	152	onChange={ e => {
171		- settings.series[indexToFormat].format = e;
	153	+ settings.series[index].format = e;
172	154	this.props.edit( settings );
173	155	} }
174	156	/>
175	157
		@@ -174,9 +156,9 @@
174	156	/>
175	157
176	158	<p>
177	159	{ __( 'This is a subset of the date formatting ' ) }
178		- <ExternalLink href="https://unicode-org.github.io/icu/userguide/format_parse/datetime/#datetime-format-syntax">
	160	+ <ExternalLink href="http://userguide.icu-project.org/formatparse/datetime#TOC-Date-Time-Format-Syntax">
179	161	{ __( 'ICU date and time format.' ) }
180	162	</ExternalLink>
181	163	</p>
182	164
		@@ -238,9 +220,9 @@
238	220	/>
239	221
240	222	) }
241	223
242		- { ( -1 >= [ 'tabular' ].indexOf( type ) ) && (
	224	+ { ( -1 >= [ 'table' ].indexOf( type ) ) && (
243	225
244	226	<BaseControl
245	227	label={ __( 'Color' ) }
246	228	>