ashatora/editor
1
0
Fork 0
mirror of https://github.com/maputnik/editor.git synced 2025-12-23 22:50:01 +00:00
Code Issues Projects Releases Wiki Activity

Update mapbox deps, clarify data prop scope

Browse Source
This commit is contained in:
pjsier
2017-10-11 08:01:55 -05:00
parent b4292028c2
commit fa0067ce7b
2 changed files with 11 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/fields/FunctionSpecField.jsx
View File

@@ -130,26 +130,20 @@ export default class FunctionSpecProperty extends React.Component {
this.props.onChange(this.props.fieldName, this.props.value)
}
getDataInput(value, dataLevel, zoomLevel) {
const dataProps = {
label: "Data value",
value: dataLevel,
onChange: newData => this.changeStop(idx, { zoom: zoomLevel, value: newData }, value)
}
if (this.props.value.type === "categorical") {
return <StringInput {...dataProps} />
}
else {
return <NumberInput {...dataProps} />
}
}
renderDataProperty() {
const dataFields = this.props.value.stops.map((stop, idx) => {
const zoomLevel = stop[0].zoom
const dataLevel = stop[0].value
const value = stop[1]
const deleteStopBtn = <DeleteStopButton onClick={this.deleteStop.bind(this, idx)} />
const dataProps = {
label: "Data value",
value: dataLevel,
onChange: newData => this.changeStop(idx, { zoom: zoomLevel, value: newData }, value)
}
const dataInput = this.props.value.type === "categorical" ? <StringInput {...dataProps} /> : <NumberInput {...dataProps} />
return <InputBlock key={idx} action={deleteStopBtn}>
<div className="maputnik-data-spec-property-stop-edit">
<NumberInput
@@ -160,7 +154,7 @@ export default class FunctionSpecProperty extends React.Component {
/>
</div>
<div className="maputnik-data-spec-property-stop-data">
{this.getDataInput(value, dataLevel, zoomLevel)}
{dataInput}
</div>
<div className="maputnik-data-spec-property-stop-value">
<SpecField