alaska-field-select
Advanced tools
Comparing version 0.11.10 to 0.11.12
{ | ||
"name": "alaska-field-select", | ||
"version": "0.11.10", | ||
"version": "0.11.12", | ||
"description": "Alaska select field", | ||
@@ -14,5 +14,5 @@ "keywords": [ | ||
"dependencies": { | ||
"alaska-field-checkbox": "^0.11.10", | ||
"alaska-field-checkbox": "^0.11.12", | ||
"react-select": "^1.0.0-rc.3" | ||
} | ||
} |
@@ -100,4 +100,9 @@ // @flow | ||
let vid = getOptionValue(opt); | ||
let className = ''; | ||
if (opt.style) { | ||
className = 'text-' + opt.style; | ||
} | ||
return (<Checkbox | ||
key={vid} | ||
className={className} | ||
disabled={disabled} | ||
@@ -104,0 +109,0 @@ radio={!multi} |
@@ -29,2 +29,3 @@ // @flow | ||
let el; | ||
let cls = 'select-field-cell'; | ||
@@ -44,3 +45,7 @@ if (field.multi) { | ||
} | ||
el.push(<span key={opt.value}>{label}</span>); | ||
let c; | ||
if (opt.style) { | ||
c = 'text-' + opt.style; | ||
} | ||
el.push(<span className={c} key={opt.value}>{label}</span>); | ||
} | ||
@@ -54,5 +59,8 @@ }); | ||
} | ||
if (option && option.style) { | ||
cls += ' text-' + option.style; | ||
} | ||
} | ||
return <div className="select-field-cell">{el}</div>; | ||
return <div className={cls}>{el}</div>; | ||
} | ||
} |
@@ -18,2 +18,3 @@ // @flow | ||
props: { | ||
className: string, | ||
value: any, | ||
@@ -78,7 +79,7 @@ field: Object, | ||
const t = this.context.t; | ||
const { field, onClose } = this.props; | ||
let { className, field, onClose } = this.props; | ||
const { value, inverse, error } = this.state; | ||
const buttonClassName = 'btn btn-default'; | ||
const buttonClassNameActive = buttonClassName + ' btn-success'; | ||
let className = 'row field-filter select-field-filter' + (error ? ' error' : ''); | ||
className += ' select-field-filter' + (error ? ' error' : ''); | ||
let View = Select; | ||
@@ -85,0 +86,0 @@ if (field.checkbox) { |
@@ -20,2 +20,3 @@ // @flow | ||
props: { | ||
className: string, | ||
model: Object, | ||
@@ -76,3 +77,3 @@ field: Object, | ||
render() { | ||
let { field, value, disabled, errorText, onChange } = this.props; | ||
let { className, field, value, disabled, errorText, onChange } = this.props; | ||
let View = Select; | ||
@@ -91,3 +92,3 @@ if (field.checkbox) { | ||
let help = field.help; | ||
let className = 'form-group select-field'; | ||
className += ' select-field'; | ||
if (errorText) { | ||
@@ -94,0 +95,0 @@ className += ' has-error'; |
@@ -94,6 +94,8 @@ // @flow | ||
{_.map(options, (o) => { | ||
let cls = 'btn btn-' + (o.style || 'default'); | ||
let cls = 'btn'; | ||
let vid = getOptionValue(o); | ||
if (valueMap[vid]) { | ||
cls += (o.style ? ' active' : ' btn-success'); | ||
cls += (o.style ? ' active btn-' + o.style : ' active btn-success'); | ||
} else { | ||
cls += ' btn-default'; | ||
} | ||
@@ -100,0 +102,0 @@ if (disabled) { |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
22667
790