@etsoo/materialui 1.2.71 → 1.2.72

package/lib/pages/ViewPage.d.ts

@@ -9,6 +9,7 @@ import { CommonPageProps } from "./CommonPageProps";
 export type ViewPageGridItemProps = GridProps & {
     data: React.ReactNode;
     label?: React.ReactNode;
+    singleRow?: ViewPageRowType;
 };
 /**
  * View page grid item
@@ -91,18 +92,6 @@ export interface ViewPageProps<T extends DataTypes.StringRecord> extends Omit<Co
      */
     refreshSeed?: number;
 }
-/**
- * View page format item data
- * @param fieldData Field data
- * @returns Result
- */
-export declare function formatItemData(fieldData: unknown): string | undefined;
-/**
- * View page get row options
- * @param singleRow Row option
- * @returns Result
- */
-export declare function getResp(singleRow: ViewPageRowType): object;
 /**
  * View page
  * @param props Props

package/lib/pages/ViewPage.js

@@ -15,20 +15,23 @@ import { CommonPage } from "./CommonPage";
  */
 export function ViewPageGridItem(props) {
     // Destruct
-    const { data, label, ...gridProps } = props;
+    const { data, label, singleRow, ...gridProps } = props;
+    // Default options
+    let options = {};
+    if (gridProps.xs == null && gridProps.md == null) {
+        options = getResp(singleRow !== null && singleRow !== void 0 ? singleRow : "small");
+    }
+    else if (singleRow != null) {
+        options = getResp(singleRow !== null && singleRow !== void 0 ? singleRow : "small");
+    }
     // Layout
-    return (React.createElement(Grid, { item: true, ...gridProps },
+    return (React.createElement(Grid, { item: true, ...gridProps, ...options },
         label != null && (React.createElement(Typography, { variant: "caption", component: "div" },
             label,
             ":")),
         typeof data === "object" ? (data) : (React.createElement(Typography, { variant: "subtitle2" }, data))));
 }
-/**
- * View page format item data
- * @param fieldData Field data
- * @returns Result
- */
-export function formatItemData(fieldData) {
+function formatItemData(fieldData) {
     if (fieldData == null)
         return undefined;
     if (typeof fieldData === "string")
@@ -39,12 +42,7 @@ export function formatItemData(fieldData) {
             : DateUtils.format(fieldData, "d");
     return `${fieldData}`;
 }
-/**
- * View page get row options
- * @param singleRow Row option
- * @returns Result
- */
-export function getResp(singleRow) {
+function getResp(singleRow) {
     return typeof singleRow === "object"
         ? singleRow
         : singleRow === "medium"

package/package.json

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

package/src/pages/ViewPage.tsx

@@ -26,6 +26,7 @@ import { CommonPageProps } from "./CommonPageProps";
 export type ViewPageGridItemProps = GridProps & {
   data: React.ReactNode;
   label?: React.ReactNode;
+  singleRow?: ViewPageRowType;
 };
 
 /**
@@ -35,11 +36,19 @@ export type ViewPageGridItemProps = GridProps & {
  */
 export function ViewPageGridItem(props: ViewPageGridItemProps) {
   // Destruct
-  const { data, label, ...gridProps } = props;
+  const { data, label, singleRow, ...gridProps } = props;
+
+  // Default options
+  let options = {};
+  if (gridProps.xs == null && gridProps.md == null) {
+    options = getResp(singleRow ?? "small");
+  } else if (singleRow != null) {
+    options = getResp(singleRow ?? "small");
+  }
 
   // Layout
   return (
-    <Grid item {...gridProps}>
+    <Grid item {...gridProps} {...options}>
       {label != null && (
         <Typography variant="caption" component="div">
           {label}:
@@ -156,12 +165,7 @@ export interface ViewPageProps<T extends DataTypes.StringRecord>
   refreshSeed?: number;
 }
 
-/**
- * View page format item data
- * @param fieldData Field data
- * @returns Result
- */
-export function formatItemData(fieldData: unknown): string | undefined {
+function formatItemData(fieldData: unknown): string | undefined {
   if (fieldData == null) return undefined;
   if (typeof fieldData === "string") return fieldData;
   if (fieldData instanceof Date)
@@ -171,12 +175,7 @@ export function formatItemData(fieldData: unknown): string | undefined {
   return `${fieldData}`;
 }
 
-/**
- * View page get row options
- * @param singleRow Row option
- * @returns Result
- */
-export function getResp(singleRow: ViewPageRowType) {
+function getResp(singleRow: ViewPageRowType) {
   return typeof singleRow === "object"
     ? singleRow
     : singleRow === "medium"