From 8094179f3807b372a1ca62072531dfc112f4d52f Mon Sep 17 00:00:00 2001
From: Maicol Battistini <maicolbattistini@live.it>
Date: Tue, 9 Nov 2021 12:15:15 +0100
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=8F=B7=EF=B8=8F=20Aggiunti=20tipi?=
 =?UTF-8?q?=20ai=20componenti=20Mithril?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/js/Components/Card/Actions.jsx    |  4 +++-
 resources/js/Components/Card/Card.jsx       |  9 ++++++---
 resources/js/Components/Card/Media.jsx      |  9 ++++++++-
 resources/js/Components/Grid/Cell.jsx       | 11 ++++++++++-
 resources/js/Components/Grid/LayoutGrid.jsx |  7 ++++++-
 resources/js/Components/LoadingButton.jsx   |  6 ++++--
 resources/js/Components/Mdi.jsx             |  6 ++++--
 7 files changed, 41 insertions(+), 11 deletions(-)

diff --git a/resources/js/Components/Card/Actions.jsx b/resources/js/Components/Card/Actions.jsx
index 9155c56c1..0aefcd987 100644
--- a/resources/js/Components/Card/Actions.jsx
+++ b/resources/js/Components/Card/Actions.jsx
@@ -1,6 +1,8 @@
+import {type ClassComponent} from 'mithril';
+
 import Component from '../Component.jsx';
 
-export default class Actions extends Component {
+export default class Actions extends Component implements ClassComponent<{'full-bleed'?: boolean}> {
   view(vnode) {
     this.attrs.addClassNames('mdc-card__actions', {
       'mdc-card__actions--full-bleed': this.attrs.has('full-bleed')
diff --git a/resources/js/Components/Card/Card.jsx b/resources/js/Components/Card/Card.jsx
index 71d8b7152..7d1e2f2aa 100644
--- a/resources/js/Components/Card/Card.jsx
+++ b/resources/js/Components/Card/Card.jsx
@@ -1,6 +1,9 @@
-import Component from '../Component.jsx';
+import {type ClassComponent} from 'mithril';
 
-export default class Card extends Component {
+import Component from '../Component.jsx';
+import Content from './Content.jsx';
+
+export default class Card extends Component implements ClassComponent<{outlined?: boolean}> {
   view(vnode) {
     this.attrs.addClassNames('mdc-card', {
       'mdc-card--outlined': this.attrs.has('outlined')
@@ -8,7 +11,7 @@ export default class Card extends Component {
 
     return (
       <div {...this.attrs.all()}>
-        {vnode.children}
+        <Content>{vnode.children}</Content>
       </div>
     );
   }
diff --git a/resources/js/Components/Card/Media.jsx b/resources/js/Components/Card/Media.jsx
index 734e2705d..1836b6313 100644
--- a/resources/js/Components/Card/Media.jsx
+++ b/resources/js/Components/Card/Media.jsx
@@ -1,6 +1,13 @@
+import {type ClassComponent} from 'mithril';
+
 import Component from '../Component.jsx';
 
-export default class Media extends Component {
+export default class Media extends Component implements ClassComponent<{
+  squadre?: boolean,
+  'no-scaling'?: boolean,
+  background?: string,
+  title?: string
+}> {
   view(vnode) {
     this.attrs.addClassNames('mdc-card__media', {
       'mdc-card__media--16-9': !this.attrs.has('no-scaling'),
diff --git a/resources/js/Components/Grid/Cell.jsx b/resources/js/Components/Grid/Cell.jsx
index beeb61d37..0b0ce1395 100644
--- a/resources/js/Components/Grid/Cell.jsx
+++ b/resources/js/Components/Grid/Cell.jsx
@@ -1,6 +1,15 @@
+import {type ClassComponent} from 'mithril';
+
 import Component from '../Component.jsx';
 
-export default class Cell extends Component {
+export default class Cell extends Component implements ClassComponent<{
+  align?: string;
+  columnspan?: number,
+  'columnspan-desktop'?: number,
+  'columnspan-tablet'?: number,
+  'columnspan-phone'?: number,
+  order?: number,
+}> {
   view(vnode) {
     const spans = [];
     for (const device of ['desktop', 'tablet', 'phone']) {
diff --git a/resources/js/Components/Grid/LayoutGrid.jsx b/resources/js/Components/Grid/LayoutGrid.jsx
index e2f32ef75..7fc964d1c 100644
--- a/resources/js/Components/Grid/LayoutGrid.jsx
+++ b/resources/js/Components/Grid/LayoutGrid.jsx
@@ -1,6 +1,11 @@
+import {type ClassComponent} from 'mithril';
+
 import Component from '../Component.jsx';
 
-export default class LayoutGrid extends Component {
+export default class LayoutGrid extends Component implements ClassComponent<{
+  align?: string,
+  fixed?: boolean
+}> {
   view(vnode) {
     this.attrs.addClassNames('mdc-layout-grid', {
       'mdc-layout-grid--fixed-column-width': this.attrs.has('fixed'),
diff --git a/resources/js/Components/LoadingButton.jsx b/resources/js/Components/LoadingButton.jsx
index 1a1f47a14..decdb211a 100644
--- a/resources/js/Components/LoadingButton.jsx
+++ b/resources/js/Components/LoadingButton.jsx
@@ -1,10 +1,12 @@
-import '@material/mwc-button';
 import '@material/mwc-circular-progress';
 
+import {type Button} from '@material/mwc-button';
+import {type ClassComponent} from 'mithril';
+
 import Component from './Component.jsx';
 import Mdi from './Mdi.jsx';
 
-export default class LoadingButton extends Component {
+export default class LoadingButton extends Component implements ClassComponent<Button> {
   view(vnode) {
     return (
       <>
diff --git a/resources/js/Components/Mdi.jsx b/resources/js/Components/Mdi.jsx
index c2d0a199f..f55ec7ed5 100644
--- a/resources/js/Components/Mdi.jsx
+++ b/resources/js/Components/Mdi.jsx
@@ -1,8 +1,10 @@
+import {type ClassComponent} from 'mithril';
+
 import Component from './Component.jsx';
 
-export default class Mdi extends Component {
+export default class Mdi extends Component implements ClassComponent<{icon?: string}> {
   view(vnode) {
-    this.attrs.addClassNames('mdi', `mdi-${vnode.attrs.icon}`);
+    this.attrs.addClassNames('mdi', `mdi-${this.attrs.pull('icon')}`);
     return <i {...this.attrs.all()} />;
   }
 }