ywana-core8 0.0.268 → 0.0.271

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.268",
+  "version": "0.0.271",
   "description": "ywana-core8",
   "author": "Ernesto Roldan Garcia",
   "license": "MIT",

package/src/css/html.css

@@ -34,4 +34,12 @@ body {
 
 td.actions {
   display: flex;
+}
+
+/**
+ * until https://github.com/facebook/create-react-app/issues/11771
+ * gets fixed, let's hide the problem and not address it
+ */
+ body > iframe[style*="2147483647"]:not([id="webpack-dev-server-client-overlay"]) {
+  display: none;
 }

package/src/html/table.js

@@ -13,7 +13,7 @@ const isFunction = value => value && (Object.prototype.toString.call(value) ===
  */
 export const DataTable = (props) => {
 
-    const { columns = [], rows = [], onRowSelection, onSort, onCheckAll, editable, outlined } = props
+    const { columns = [], rows = [], onRowSelection, onSort, onCheckAll, editable, outlined, expanded = false } = props
     const [sortDir, setSortDir] = useState({})
 
     function multiSort(array, sortObject = {}) {
@@ -103,7 +103,7 @@ export const DataTable = (props) => {
                 <tbody>
                     {
                         multiSort(rows, sortDir).map(row => (
-                            <DataTableRow key={row.id} row={row} columns={columns} onSelect={select} onDrop={sort} editable={editable} />
+                            <DataTableRow key={row.id} row={row} columns={columns} onSelect={select} onDrop={sort} editable={editable} expanded={expanded} />
                         ))
                     }
                 </tbody>
@@ -117,14 +117,14 @@ export const DataTable = (props) => {
  */
 const DataTableRow = (props) => {
 
-    const { row, columns = [], onSelect, editable } = props
-
-    const [isInfoOpen, toggleInfo] = useState(false)
+    const { row, columns = [], onSelect, editable, expanded = false } = props
+    const { className} = row
+    const [isInfoOpen, toggleInfo] = useState(expanded)
     const infoIcon = isInfoOpen ? 'expand_more' : 'expand_less'
 
     return (
         <Fragment>
-            <tr onClick={ev => onSelect(row, ev)}>
+            <tr className={className} onClick={ev => onSelect(row, ev)}>
                 {columns.map((column, index) => <DataTableCell key={`${column.id}_${index}`} row={row} column={column} cell={row[column.id]} editable={editable} />)}
                 {row.info ? <td><Icon icon={infoIcon} clickable action={() => toggleInfo(!isInfoOpen)} /></td> : <td></td>}
             </tr>

package/src/site/site.js

@@ -93,7 +93,7 @@ export const Site = ({ icon, logo, title, toolbar, children, init, min, lang, di
     return (
         <SiteProvider siteLang={lang} siteDictionary={dictionary}>
             <div className="site6">
-                <SiteHeader icon={icon} />
+                <SiteHeader icon={icon} title={title}/>
                 <SiteToolBar >{toolbar}</SiteToolBar>
                 <SiteMenu logo={logo} title={title} min={min} >{children}</SiteMenu>
                 <SitePage init={init}>