@etsoo/materialui 1.2.8 → 1.2.10

package/lib/pages/ViewPage.d.ts

@@ -61,6 +61,10 @@ export interface ViewPageProps<T extends DataTypes.StringRecord> extends Omit<Co
      * Pull to refresh data
      */
     pullToRefresh?: boolean;
+    /**
+     * Grid spacing
+     */
+    spacing?: Record<string, string | number>;
     /**
      * Support refresh
      */

package/lib/pages/ViewPage.js

@@ -77,7 +77,7 @@ function getItemField(field, data) {
  */
 export function ViewPage(props) {
     // Destruct
-    const { actions, children, fields, loadData, paddings = MUGlobal.pagePaddings, supportRefresh = true, fabColumnDirection = true, fabTop = true, supportBack = true, pullToRefresh = true, gridRef, ...rest } = props;
+    const { actions, children, fields, loadData, paddings = MUGlobal.pagePaddings, spacing = MUGlobal.half(MUGlobal.pagePaddings), supportRefresh = true, fabColumnDirection = true, fabTop = true, supportBack = true, pullToRefresh = true, gridRef, ...rest } = props;
     // Data
     const [data, setData] = React.useState();
     // Labels
@@ -92,7 +92,7 @@ export function ViewPage(props) {
         setData(result);
     };
     return (React.createElement(CommonPage, { paddings: paddings, onRefresh: supportRefresh ? refresh : undefined, onUpdate: supportRefresh ? undefined : refresh, ...rest, scrollContainer: globalThis, fabColumnDirection: fabColumnDirection, fabTop: fabTop, supportBack: supportBack }, data == null ? (React.createElement(LinearProgress, null)) : (React.createElement(React.Fragment, null,
-        React.createElement(Grid, { container: true, justifyContent: "left", spacing: paddings, className: "ET-ViewPage", ref: gridRef, sx: {
+        React.createElement(Grid, { container: true, justifyContent: "left", spacing: spacing, className: "ET-ViewPage", ref: gridRef, sx: {
                 ".MuiTypography-subtitle2": {
                     fontWeight: "bold"
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.2.8",
+  "version": "1.2.10",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

package/src/pages/ViewPage.tsx

@@ -97,6 +97,11 @@ export interface ViewPageProps<T extends DataTypes.StringRecord>
    */
   pullToRefresh?: boolean;
 
+  /**
+   * Grid spacing
+   */
+  spacing?: Record<string, string | number>;
+
   /**
    * Support refresh
    */
@@ -198,6 +203,7 @@ export function ViewPage<T extends DataTypes.StringRecord>(
     fields,
     loadData,
     paddings = MUGlobal.pagePaddings,
+    spacing = MUGlobal.half(MUGlobal.pagePaddings),
     supportRefresh = true,
     fabColumnDirection = true,
     fabTop = true,
@@ -241,7 +247,7 @@ export function ViewPage<T extends DataTypes.StringRecord>(
           <Grid
             container
             justifyContent="left"
-            spacing={paddings}
+            spacing={spacing}
             className="ET-ViewPage"
             ref={gridRef}
             sx={{