BlockStorage/repertory-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Removed react-css-modules

Browse Source
This commit is contained in:
Scott E. Graves
2019-04-09 12:18:57 -05:00
parent 177fd97c4b
commit 35a38977b6
46 changed files with 201 additions and 1395 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/ConfigurationItem/ConfigurationItem.js
View File

@@ -1,8 +1,7 @@
import React from 'react';
import CSSModules from 'react-css-modules';
import styles from './ConfigurationItem.css';
import './ConfigurationItem.css';
export default CSSModules((props) => {
export default props => {
const handleChanged = (e) => {
const target = e.target;
if (target.type === 'checkbox') {
@@ -23,7 +22,7 @@ export default CSSModules((props) => {
data = <input min={0.0}
onChange={e=>handleChanged(e)}
step={"0.01"}
styleName='Input'
className={'ConfigurationItemInput'}
type={'number'}
value={parseFloat(props.value).toFixed(2)}/>;
break;
@@ -31,13 +30,13 @@ export default CSSModules((props) => {
case "list":
const options = props.items.map((s, i) => {
return (
<option styleName='Option' key={i} value={s}>{s}</option>
<option className={'ConfigurationItemOption'} key={i} value={s}>{s}</option>
);
});
data = (
<select onChange={e=>handleChanged(e)}
styleName='Select'
className={'ConfigurationItemSelect'}
value={props.value}>
{options}
</select>
@@ -46,7 +45,7 @@ export default CSSModules((props) => {
case "string":
data = <input onChange={e=>handleChanged(e)}
styleName='Input'
className={'ConfigurationItemInput'}
type={'text'}
value={props.value}/>;
break;
@@ -55,7 +54,7 @@ export default CSSModules((props) => {
data = <input max={255}
min={0}
onChange={e=>handleChanged(e)}
styleName='Input'
className={'ConfigurationItemInput'}
type={'number'}
value={props.value}/>;
break;
@@ -64,7 +63,7 @@ export default CSSModules((props) => {
data = <input max={65535}
min={0}
onChange={e=>handleChanged(e)}
styleName='Input'
className={'ConfigurationItemInput'}
type={'number'}
value={props.value}/>;
break;
@@ -73,7 +72,7 @@ export default CSSModules((props) => {
data = <input max={4294967295}
min={0}
onChange={e=>handleChanged(e)}
styleName='Input'
className={'ConfigurationItemInput'}
type={'number'}
value={props.value}/>;
break;
@@ -82,7 +81,7 @@ export default CSSModules((props) => {
data = <input max={18446744073709551615}
min={0}
onChange={e=>handleChanged(e)}
styleName='Input'
className={'ConfigurationItemInput'}
type={'number'}
value={props.value}/>;
break;
@@ -92,7 +91,7 @@ export default CSSModules((props) => {
}
return (
<div styleName='ConfigurationItem'>
<div className={'ConfigurationItem'}>
<table cellPadding='2'
width='100%'>
<tbody>
@@ -104,4 +103,4 @@ export default CSSModules((props) => {
</table>
</div>
);
}, styles, {allowMultiple: true});
};