56 lines
1.5 KiB
TypeScript
56 lines
1.5 KiB
TypeScript
|
import * as React from "react"
|
||
|
|
import BaseWidget, { IWidgetProps, IWidgetState } from "./BaseWidget"
|
||
|
|
import { WidgetType, CSSUnits } from "../constants/WidgetConstants"
|
||
|
|
import RadioGroupComponent from "../editorComponents/RadioGroupComponent"
|
||
|
|
import { IOptionProps } from "@blueprintjs/core"
|
||
|
|
import _ from "lodash"
|
||
|
|
|
||
|
|
class RadioButtonWidget extends BaseWidget<
|
||
|
|
IRadioGroupWidgetProps,
|
||
|
|
IWidgetState
|
||
|
|
> {
|
||
|
|
constructor(widgetProps: IRadioGroupWidgetProps) {
|
||
|
|
super(widgetProps)
|
||
|
|
}
|
||
|
|
|
||
|
|
getPageView() {
|
||
|
|
return (
|
||
|
|
<RadioGroupComponent
|
||
|
|
style={this.getPositionStyle()}
|
||
|
|
widgetId={this.props.widgetId}
|
||
|
|
key={this.props.widgetId}
|
||
|
|
inline={this.props.inline}
|
||
|
|
label={this.props.label}
|
||
|
|
name={this.props.name}
|
||
|
|
handleRadioChange={this.props.handleRadioChange}
|
||
|
|
selectedValue={this.props.selectedValue}
|
||
|
|
items={this.props.items}
|
||
|
|
disabled={this.props.disabled}
|
||
|
|
className={this.props.className}
|
||
|
|
options={this.props.options}
|
||
|
|
/>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
getWidgetType(): WidgetType {
|
||
|
|
return "RADIO_GROUP_WIDGET"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export interface IRadioGroupWidgetProps extends IWidgetProps {
|
||
|
|
label: string
|
||
|
|
inline: boolean
|
||
|
|
selectedValue: string | number
|
||
|
|
handleRadioChange: (event: React.FormEvent<HTMLInputElement>) => void
|
||
|
|
disabled: boolean
|
||
|
|
className: string
|
||
|
|
name: string
|
||
|
|
options: IOptionProps[]
|
||
|
|
items: Array<{
|
||
|
|
label: string
|
||
|
|
value: number | string
|
||
|
|
}>
|
||
|
|
}
|
||
|
|
|
||
|
|
export default RadioButtonWidget
|