diff --git a/resources/js/Components/Grid/Cell.jsx b/resources/js/Components/Grid/Cell.jsx
deleted file mode 100644
index 0b0ce1395..000000000
--- a/resources/js/Components/Grid/Cell.jsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import {type ClassComponent} from 'mithril';
-
-import Component from '../Component.jsx';
-
-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']) {
- const key = `columnspan-${device}`;
- if (this.attrs.has(key)) {
- spans.push(`mdc-layout-grid__cell--span-${this.attrs.get(key)}-${device}`);
- }
- }
-
- this.attrs.addClassNames('mdc-layout-grid__cell', {
- [`mdc-layout-grid__cell--span-${this.attrs.get('columnspan')}`]: this.attrs.has('columnspan'),
- [`mdc-layout-grid__cell--order-${this.attrs.get('order')}`]: this.attrs.has('order'),
- [`mdc-layout-grid__cell--align-${this.attrs.get('align')}`]: this.attrs.has('align')
- }, spans);
-
- return
- {vnode.children}
-
;
- }
-}
diff --git a/resources/js/Components/Grid/LayoutGrid.jsx b/resources/js/Components/Grid/LayoutGrid.jsx
deleted file mode 100644
index 7fc964d1c..000000000
--- a/resources/js/Components/Grid/LayoutGrid.jsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import {type ClassComponent} from 'mithril';
-
-import Component from '../Component.jsx';
-
-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'),
- [`mdc-layout-grid--align-${this.attrs.get('align')}`]: this.attrs.has('align')
- });
-
- return
- {vnode.children}
-
;
- }
-}
diff --git a/resources/js/Components/Grid/Row.jsx b/resources/js/Components/Grid/Row.jsx
deleted file mode 100644
index b4c33cfa4..000000000
--- a/resources/js/Components/Grid/Row.jsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import Component from '../Component.jsx';
-
-export default class Row extends Component {
- view(vnode) {
- this.attrs.addClassNames('mdc-layout-grid__inner');
- return {vnode.children}
;
- }
-}
diff --git a/resources/js/Components/Grid/index.js b/resources/js/Components/Grid/index.js
deleted file mode 100644
index 0ddb7d727..000000000
--- a/resources/js/Components/Grid/index.js
+++ /dev/null
@@ -1,4 +0,0 @@
-export { default as Cell } from './Cell.jsx';
-export { default as LayoutGrid } from './LayoutGrid.jsx';
-export { default as Row } from './Row.jsx';
-
diff --git a/resources/js/Components/Pages/RecordsPage.jsx b/resources/js/Components/Pages/RecordsPage.jsx
index a4e50f0a2..c59d35bad 100644
--- a/resources/js/Components/Pages/RecordsPage.jsx
+++ b/resources/js/Components/Pages/RecordsPage.jsx
@@ -26,11 +26,6 @@ import TableHead from '../DataTable/TableHead.jsx';
import TableHeadCell from '../DataTable/TableHeadCell.jsx';
import TableHeadRow from '../DataTable/TableHeadRow.jsx';
import TableRow from '../DataTable/TableRow.jsx';
-import {
- Cell,
- LayoutGrid,
- Row
-} from '../Grid';
import LoadingButton from '../LoadingButton.jsx';
import Mdi from '../Mdi.jsx';
import Page from '../Page.jsx';
@@ -219,21 +214,19 @@ export default class RecordsPage extends Page {
<>
{section.heading}
-
-
+
{(() => {
const fields = collect(section.fields);
return fields.map((field, fieldIndex) => (
-
+
- | ))
+ ))
.toArray();
})()}
-
-
+
{index !== sections.keys()
.last() &&
}
diff --git a/resources/js/Components/index.js b/resources/js/Components/index.js
index 5abb3c2d8..5013a8401 100644
--- a/resources/js/Components/index.js
+++ b/resources/js/Components/index.js
@@ -5,7 +5,6 @@ export * from './Card';
export { default as Component } from './Component.jsx';
export * from './DataTable';
export { extend, override } from './extend';
-export * from './Grid';
export {default as LoadingButton} from './LoadingButton.jsx';
export {default as Mdi} from './Mdi.jsx';
export { default as Page } from './Page.jsx';
diff --git a/resources/js/Views/SetupPage.jsx b/resources/js/Views/SetupPage.jsx
index 15f5b272c..ab5afad3c 100644
--- a/resources/js/Views/SetupPage.jsx
+++ b/resources/js/Views/SetupPage.jsx
@@ -5,23 +5,21 @@ import '@material/mwc-formfield';
import '@material/mwc-list/mwc-list-item';
import '@material/mwc-select';
import '@material/mwc-textarea';
+import 'mwc-layout-grid';
import '../WebComponents/TextField';
import collect from 'collect.js';
import LocaleCode from 'locale-code';
import Mithril from 'mithril';
+import redaxios from 'redaxios';
// eslint-disable-next-line import/no-absolute-path
import logoUrl from '/images/logo_completo.png';
+import {Alert} from '../Components';
import Card from '../Components/Card/Card.jsx';
-import Cell from '../Components/Grid/Cell.jsx';
-import LayoutGrid from '../Components/Grid/LayoutGrid.jsx';
-import Row from '../Components/Grid/Row.jsx';
import Mdi from '../Components/Mdi.jsx';
import Page from '../Components/Page.jsx';
-import redaxios from 'redaxios';
-import {Alert} from '../Components';
import {getFormData} from '../utils';
export default class SetupPage extends Page {
@@ -61,9 +59,8 @@ export default class SetupPage extends Page {