ywana-core8 0.0.145 → 0.0.149
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +6 -7
- package/dist/index.cjs.map +1 -1
- package/dist/index.modern.js +6 -7
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +6 -7
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/html/checkbox.js +2 -2
- package/src/html/table.js +2 -2
- package/src/html/textfield.js +1 -2
package/package.json
CHANGED
package/src/html/checkbox.js
CHANGED
|
@@ -19,13 +19,13 @@ export const CheckBox = (props) => {
|
|
|
19
19
|
return value === true ? (
|
|
20
20
|
<div className="checkbox" key={`${id}1`}>
|
|
21
21
|
<input id={id} type="checkbox" placeholder={placeholder} checked value={value} onChange={change} />
|
|
22
|
-
<span
|
|
22
|
+
<span className="checkmark" />
|
|
23
23
|
<label htmlFor={id}>{labelTxt}</label>
|
|
24
24
|
</div>
|
|
25
25
|
) : (
|
|
26
26
|
<div className="checkbox" key={`${id}0`}>
|
|
27
27
|
<input id={id} type="checkbox" placeholder={placeholder} value={value} onChange={change} />
|
|
28
|
-
<span
|
|
28
|
+
<span className="checkmark" />
|
|
29
29
|
<label htmlFor={id}>{labelTxt}</label>
|
|
30
30
|
</div>
|
|
31
31
|
)
|
package/src/html/table.js
CHANGED
|
@@ -110,7 +110,7 @@ const DataTableRow = (props) => {
|
|
|
110
110
|
return (
|
|
111
111
|
<Fragment>
|
|
112
112
|
<tr onClick={ev => onSelect(row, ev)}>
|
|
113
|
-
{columns.map(column => <DataTableCell row={row} column={column} cell={row[column.id]} editable={editable} />)}
|
|
113
|
+
{columns.map((column,index) => <DataTableCell key={`${column.id}_${index}`} row={row} column={column} cell={row[column.id]} editable={editable} />)}
|
|
114
114
|
{row.info ? <td><Icon icon={infoIcon} clickable action={() => toggleInfo(!isInfoOpen)} /></td> : <td></td>}
|
|
115
115
|
</tr>
|
|
116
116
|
{row.info && isInfoOpen ? (
|
|
@@ -157,7 +157,7 @@ const DataTableCell = ({ row, column, cell, editable }) => {
|
|
|
157
157
|
}
|
|
158
158
|
|
|
159
159
|
return (
|
|
160
|
-
<td className={column.id}>{render(column.type)}</td>
|
|
160
|
+
<td key={column.id} className={column.id}>{render(column.type)}</td>
|
|
161
161
|
)
|
|
162
162
|
}
|
|
163
163
|
|
package/src/html/textfield.js
CHANGED
|
@@ -43,7 +43,7 @@ export const TextField = (props) => {
|
|
|
43
43
|
const labelTxt = <Text>{label}</Text>
|
|
44
44
|
return (
|
|
45
45
|
<div className={`${style}`} onClick={onClick}>
|
|
46
|
-
<input id={id} type={type} placeholder={placeholder} value={value} required onChange={change} onKeyDown={onKeyPress} onFocus={focus} readOnly={readOnly}
|
|
46
|
+
<input id={id} type={type} placeholder={placeholder} value={value} required onChange={change} onKeyDown={onKeyPress} onFocus={focus} readOnly={readOnly} />
|
|
47
47
|
<span className="bar"></span>
|
|
48
48
|
{label ? <label>{labelTxt}</label> : null}
|
|
49
49
|
</div>
|
|
@@ -100,7 +100,6 @@ export const DropDown = (props) => {
|
|
|
100
100
|
if (canShow) {
|
|
101
101
|
const filterActive = canFilter && label && label.length > 0
|
|
102
102
|
const items = filterActive ? options.filter(option => option.label.toUpperCase().indexOf(label.toUpperCase()) >= 0) : options
|
|
103
|
-
console.log('filterActive: ',filterActive, label, items.length)
|
|
104
103
|
const lis = items.map(option => <li key={option.value} value={option.value}>{option.label}</li>)
|
|
105
104
|
return <menu><ul onClick={select}>{lis}</ul></menu>
|
|
106
105
|
} else {
|