ywana-core8 0.0.557 → 0.0.560

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ywana-core8",
3
- "version": "0.0.557",
3
+ "version": "0.0.560",
4
4
  "description": "ywana-core8",
5
5
  "homepage": "https://ywana.github.io/workspace",
6
6
  "author": "Ernesto Roldan Garcia",
package/src/html/table.js CHANGED
@@ -134,15 +134,14 @@ export const DataTable = (props) => {
134
134
  * DataTable Row
135
135
  */
136
136
  const DataTableRow = (props) => {
137
-
138
137
  const { index, row, columns = [], onSelect, editable, expanded = false } = props
139
138
  const { className } = row
140
139
  const [isInfoOpen, toggleInfo] = useState(expanded)
141
140
  const infoIcon = isInfoOpen ? 'expand_more' : 'expand_less'
142
-
141
+ const style = isInfoOpen ? "expanded" : ""
143
142
  return (
144
143
  <Fragment>
145
- <tr className={className} onClick={ev => onSelect(row, ev)}>
144
+ <tr className={`${style} ${className}`} onClick={ev => onSelect(row, ev)}>
146
145
  {columns.map((column, cindex) => <DataTableCell key={`${column.id}_${cindex}`} index={index} row={row} column={column} cell={row[column.id]} editable={editable} />)}
147
146
  {row.info ? <td><Icon icon={infoIcon} clickable action={() => toggleInfo(!isInfoOpen)} /></td> : <td></td>}
148
147
  </tr>