ywana-core8 0.0.928 → 0.0.930

package/package.json

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

package/src/domain2/DynamicForm.css

@@ -11,4 +11,9 @@
 .dynamic-form-field {
     width: 100%;
     height: 100%;
+}
+
+.dynamic-form-field.readonly input {
+    background-color: var(--paper-color);
+    border: solid 0px var(--divider-color) !important;
 }

package/src/incubator/task.css

@@ -16,8 +16,12 @@
     background-color: var(--paper-color);
 }
 
+.task-manager.minimized>main {
+    display: none !important; 
+}
 
 .linear-progress>progress {
+    appearance: none;
     -webkit-appearance: none;
 }
 

package/src/incubator/task.js

@@ -163,6 +163,7 @@ export const TaskMonitor = (props) => {
     const { title = "Task Monitor", filters = {}, editors, frequency = 5000 } = props
     const context = useContext(TaskContext)
     const [tasks = [], setTasks] = useState([])
+    cont [minimized, setMinimized] = useState(false)
 
     useEffect(() => {
         refresh()
@@ -220,10 +221,17 @@ export const TaskMonitor = (props) => {
             })
     }
 
+    function toggleView() {
+        setMinimized(!minimized)
+    }
+
+   const toggleIcon = () => minimized ? "maximize" : "minimize"  //
+   const viewStyle = minimized ? "minimized" : ""  //
+
     return (
-        <div className="task-manager">
+        <div className={`task-manager ${viewStyle}`}>
             <Header icon="list" title={title} >
-                
+                <Icon size="small" icon={toggleIcon} clickable action={toggleView} />
             </Header>
             <main>
                 <DataTable {...table} />

package/src/incubator/wizard.js

@@ -53,7 +53,6 @@ export const Wizard = (props) => {
     const currentStep = React.cloneElement(steps[current], { ref: stepRef, onChange: validate, next: next })
     const nextButton = current < steps.length - 1 ? <Button label="Siguiente" action={next} raised disabled={!valid}/> : <Button label="Finish" action={finish} disabled={!valid}/>
     const prevButton = current > 0 ? <Button label="Atrás" action={prev} /> : null
-
     return (
         <WizardProvider form={form}>
             <div className="wizard">