ywana-core8 0.0.402 → 0.0.405

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.402",
+  "version": "0.0.405",
   "description": "ywana-core8",
+  "homepage": "https://ywana.github.io/workspace",
   "author": "Ernesto Roldan Garcia",
   "license": "MIT",
   "type": "module",

package/src/domain/TablePage.js

@@ -267,7 +267,9 @@ const TableFilters = (props) => {
                 delete filterSchema[key]
             } else if (filterSchema[key].type === TYPES.ENTITY) {
                 const fs = filterSchema[key].item
-                if (fs.filter === false) delete fs[key]
+                for (var key in fs) {
+                    if (fs[key].filter === false) delete fs[key]
+                }
             }
         }
         Object.values(filterSchema).forEach(field => field.section = null)

package/src/html/icon.css

@@ -28,6 +28,10 @@
     transition: width .2s ease-out, padding-top .2s ease-out;
   }
 
+.icon.disabled {
+    color: var(--text-color-lighter)
+}
+
 .icon.clickable:hover {
     background-color: rgba(100,100,100,.1);
     cursor: pointer;

package/src/html/icon.js

@@ -4,7 +4,7 @@ import './icon.css'
 /**
  * Icon 
  */
-export const Icon = ({ icon, size = "normal", clickable = false, action, eventPropagation = false }) => {
+export const Icon = ({ icon, size = "normal", clickable = false, disabled = false, action, eventPropagation = false }) => {
 
     function click (event) {
         if (!eventPropagation) {
@@ -14,9 +14,9 @@ export const Icon = ({ icon, size = "normal", clickable = false, action, eventPr
         if (action) action(event)
     }
 
-    const clicker = clickable ? "clickable" : ""
+    const style = disabled ? "disabled" : clickable ? "clickable" : ""
     return (
-        <i className={`icon ${size} ${clicker} material-icons`} onClick={click}>
+        <i className={`icon ${size} ${style} material-icons`} onClick={click}>
             {icon}
         </i>
     )

package/src/site/dialog.js

@@ -24,7 +24,7 @@ export const Dialog = (props) => {
     return (
         <Fragment>
             <div className={`overlay ${className}`} onMouseDown={close} />
-            <dialog className="dialog-panel  ${className}">
+            <dialog className={`dialog-panel  ${className}`}>
                 <header>
                     {icon ? <MenuIcon icon={icon} /> : null}
                     <Text>{title}</Text>