@macrostrat/column-components
Version:
React rendering primitives for stratigraphic columns
3 lines (2 loc) • 851 B
JavaScript
import t from"@macrostrat/hyper";import e from"classnames";import{Component as a}from"react";class s extends a{constructor(t){super(t),this.onUpdate=this.onUpdate.bind(this)}static #t=this.defaultProps={states:[{label:"State 1",value:"state1"},{label:"State 2",value:"state2"}],vertical:!0,isNullable:!1};render(){let{states:a,activeState:s,vertical:r}=this.props,l=e("bp5-button-group","bp5-fill",{"bp5-vertical":r,"bp5-align-left":r});return t("div.picker-control",[t("div",{className:l},a.map(a=>t("button",{type:"button",className:l=e("bp5-button",{"bp5-active":this.props.activeState===a.value}),onClick:this.onUpdate(a.value)},a.label)))])}onUpdate(t){return()=>{if(t===this.props.activeState){if(!this.props.isNullable)return;t=null}if(null!=this.props.onUpdate)return this.props.onUpdate(t)}}}
//# sourceMappingURL=picker-base.c97eca5e.js.map