ywana-core8 0.0.556 → 0.0.559

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.556",
+  "version": "0.0.559",
   "description": "ywana-core8",
   "homepage": "https://ywana.github.io/workspace",
   "author": "Ernesto Roldan Garcia",

package/src/html/property.js

@@ -22,7 +22,7 @@ export const Property = (props) => {
 
     let value2 = value || initial
 
-    if (options && typeof options === 'array') {
+    if (options && Array.isArray(options)) {
         const opt = options.find(option => option.value == value2)
         if (opt) value2 = opt.label
     }

package/src/html/table.js

@@ -139,12 +139,12 @@ const DataTableRow = (props) => {
     const { className } = row
     const [isInfoOpen, toggleInfo] = useState(expanded)
     const infoIcon = isInfoOpen ? 'expand_more' : 'expand_less'
-
+    const style = expanded ? "expanded" : "" 
     return (
         <Fragment>
-            <tr className={className} onClick={ev => onSelect(row, ev)}>
-                {columns.map((column, cindex) => <DataTableCell key={`${column.id}_${cindex}`} index={index} row={row} column={column} cell={row[column.id]} editable={editable} />)}
+            <tr className={`${style} ${className}`} onClick={ev => onSelect(row, ev)}>
                 {row.info ? <td><Icon icon={infoIcon} clickable action={() => toggleInfo(!isInfoOpen)} /></td> : <td></td>}
+                {columns.map((column, cindex) => <DataTableCell key={`${column.id}_${cindex}`} index={index} row={row} column={column} cell={row[column.id]} editable={editable} />)}
             </tr>
             {row.info && isInfoOpen ? (
                 <tr className="table-row-info">